/* Font  
========================================================================================*/

body { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; font-family:Arial, Helvetica, sans-serif; color:#4f4f4f; font-size:12px; line-height:20px; }
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif, Arial, Helvetica, sans-serif; }

/* End Font  
========================================================================================*/

/* Branding  
========================================================================================*/
body { background:#0864A2;}

.pageWidth { width:940px; margin:0 auto; }
#logo { display:block; color:#0864A2; font-size:31px; font-weight:bold; line-height:60px; padding:5px 20px 8px 22px; margin-bottom:-14px; float:right; text-transform:uppercase; background:rgba(255,255,255,0.9); border-bottom-left-radius:14px; border-bottom-right-radius:14px; }
header, header_1, nav, section, footer { display:block;}
#header { background:rgba(000,000,000,0.2); box-shadow:inset 0 2px 5px rgba(000,000,000,0.1)}
#header_1 { background:#FFFFFF;}

/* END Branding  
========================================================================================*/

/* HEADING   
========================================================================================*/
h2 { font-size:28px; line-height:40px; border-bottom:dotted 1px #737373; color:#0864A2; text-transform:uppercase; margin-bottom:10px; }
h3 { font-size:23px; line-height:24px; border-bottom:dotted 1px #737373; color:#0864A2; padding-bottom:3px; margin-bottom:10px;}
h4 { font-size:18px; line-height:16px; border-bottom:dotted 1px #737373; color:#0864A2; padding-bottom:5px; margin-bottom:10px;}
h5 { font-size:16px; line-height:22px; border-bottom:dotted 1px #737373; color:#0864A2; padding-bottom:3px; margin-bottom:7px;}
h6 { font-size:14px; line-height:21px; border-bottom:dotted 1px #737373; color:#0864A2; padding-bottom:2px; margin-bottom:5px;}

/* END  HEADING   
========================================================================================*/

/* Links AND Button   
========================================================================================*/
a:focus{ outline:none;}
a { text-decoration:none; color:#AB4E26 }

/* Links AND Button   
========================================================================================*/

/* Main Navigation 
========================================================================================*/

nav { float:left }
nav li { float:left; border-left:solid 1px rgba(255,255,255,0.07); position:relative; z-index:2 }
nav li:first-child { border:none;}
nav li a { text-transform:uppercase; color:#FFF; font-weight:bold; line-height:31px; display:inline-block; padding:14px 15px; }

nav li:before { height:1px;  background:rgba(000,000,000,0.1); content:''; width:100%; position:absolute; left:0; top:0; -webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease; display:block; opacity:0; z-index:-1  }
nav li:hover:before, nav li.active:before { opacity:1; height:100%; }

#menu { display:none; color:#ffffff; font-size:14px; background:rgba(000,000,000,0.1); background-repeat:no-repeat; background-position:97% 12px; background-image:url(../img/menu-img.png); padding:15px 0 15px 15px; text-align:left; text-transform:uppercase; }

/* End Navigation 
========================================================================================*/

#banner { padding:25px 0 }
#banner ul li { border-radius:10px; }
#banner ul li img { border-radius:10px; width:100% }

#container { padding:20px 0 20px 0; background:rgba(255,255,255,0.8); }
#container .pageWidth { background:#FFF; border-radius:10px; padding:25px 30px 30px 30px; width:880px; }
article ul li { padding-left:15px; margin-bottom:3px; }
article ul li:before{ content:'B'; text-indent:-5px; font-weight:bold; font-size:60px; height:5px; line-height:5px; width:5px; border-radius:10px;  vertical-align:middle; float:left; margin:8px 0 0 -15px; overflow:hidden;}
article ol { margin-left:15px; }
article ol li { list-style:decimal; margin-bottom:3px; }

.pageControl { 
transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);}

.activepage .pageControl { transform: translate(-1000px, 0px);
-webkit-transform: translate(-1000px, 0px);
-moz-transform: translate(-1000px, 0px);
-o-transform: translate(-1000px, 0px);
-ms-transform: translate(-1000px, 0px);

}

/* FORM 
========================================================================================*/
fieldset {}
/* Footer
===============================================*/
#footer { padding:25px 0; }
.copyRight { color:#FFF; font-size:13px; display:block; text-align:center; }
.copyRight a { color:#602409 }

/* transition
===============================================*/
#wrapper, #widecolumn, aside, nav li{transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s;}


/* SLIDER STYLES */
	
.slider-wrapper{
	position:relative;
	overflow:hidden;
	width:auto;
	background:#0864A2;
}

.slider{
	position:relative;
	width:auto; 
/*	height:400px; when responsive, comment this out */
	margin:0 auto;	
	background:#0864A2;
}

@media only screen and (min-width: 1000px){
	.slider{
		width:940px;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:940px;
	}
}


/* ELEMENT STYLES */

p{
	position:absolute;
	top:-200px;
	
	z-index:8000;
	padding:1% 3%;
	
	font-size:24px;
	line-height:100%;
	color:#fff;
	white-space: nowrap;
	/*text-transform:uppercase;*/
}

.claim{
	line-height:100%
}	

.teaser{
	padding:0.5% 1.5%;
	font-size:14px;
	 line-height:100%
}

.small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}

.light-green{ font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; 
font-size:43px; 
color:#8EC0FB; }
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{ font-size:22px; font-weight:bold; text-align:right; font-style:oblique; text-shadow: black 0.1em 0.1em 0.2em;}
.white{background:#fff; color:#333}
.turky2{ font-size:15px; font-weight:bold;}
.turky3{ font-size:40px; font-weight:bold;}

pa{ font-family: 'Roboto Condensed', sans-serif, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#514A4B;}
pb{ font-size:13px; font-family: 'Roboto Condensed', sans-serif, Arial, Helvetica, sans-serif;}
pc{font-size:55px; line-height:70px; letter-spacing:-4px; color:#FFFFFF; text-shadow: black 0.1em 0.1em 0.2em; font-weight:bold;}
pd{ font-size:14px; color:#494646; }
pe{ font-size:50px; letter-spacing:normal; color:#FFFFFF; text-shadow: black 0.1em 0.1em 0.2em; font-weight:bold;}
pg{ font-size:55px; line-height:70px; letter-spacing:-4px; color:#FFFFFF; text-shadow: black 0.1em 0.1em 0.2em; font-weight:bold;}

/*HOVER CSS*/

@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.tutorial:hover {
    color: #207AD1;
}

.tutorial {
  display: inline-block;
  font-size: .8em;
  font-weight: bold;
}

.tutorial:hover,
.tutorial:focus,
.tutorial:active {
  text-decoration: none;
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  
}