@font-face {
    font-family: 'kelson_sansbold';
    src: url('fonts/kelson_sans_bold-webfont.eot');
    src: url('fonts/kelson_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kelson_sans_bold-webfont.woff2') format('woff2'),
         url('fonts/kelson_sans_bold-webfont.woff') format('woff'),
         url('fonts/kelson_sans_bold-webfont.ttf') format('truetype'),
         url('fonts/kelson_sans_bold-webfont.svg#kelson_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kelson_sanslight';
    src: url('fonts/kelson_sans_light-webfont.eot');
    src: url('fonts/kelson_sans_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kelson_sans_light-webfont.woff2') format('woff2'),
         url('fonts/kelson_sans_light-webfont.woff') format('woff'),
         url('fonts/kelson_sans_light-webfont.ttf') format('truetype'),
         url('fonts/kelson_sans_light-webfont.svg#kelson_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kelson_sansregular';
    src: url('fonts/kelson_sans_regular-webfont.eot');
    src: url('fonts/kelson_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/kelson_sans_regular-webfont.woff2') format('woff2'),
         url('fonts/kelson_sans_regular-webfont.woff') format('woff'),
         url('fonts/kelson_sans_regular-webfont.ttf') format('truetype'),
         url('fonts/kelson_sans_regular-webfont.svg#kelson_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/bebasneue_bold.eot');
    src: url('fonts/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_bold.woff2') format('woff2'),
         url('fonts/bebasneue_bold.woff') format('woff'),
         url('fonts/bebasneue_bold.ttf') format('truetype'),
         url('fonts/bebasneue_bold.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neuebook';
    src: url('fonts/bebasneue_book.eot');
    src: url('fonts/bebasneue_book.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_book.woff2') format('woff2'),
         url('fonts/bebasneue_book.woff') format('woff'),
         url('fonts/bebasneue_book.ttf') format('truetype'),
         url('fonts/bebasneue_book.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neuebook';
    src: url('fonts/bebasneue_book.eot');
    src: url('fonts/bebasneue_book.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_book.woff2') format('woff2'),
         url('fonts/bebasneue_book.woff') format('woff'),
         url('fonts/bebasneue_book.ttf') format('truetype'),
         url('fonts/bebasneue_book.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('fonts/bebasneue_regular.eot');
    src: url('fonts/bebasneue_regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_regular.woff2') format('woff2'),
         url('fonts/bebasneue_regular.woff') format('woff'),
         url('fonts/bebasneue_regular.ttf') format('truetype'),
         url('fonts/bebasneue_regular.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue_regular.eot');
    src: url('fonts/bebasneue_regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue_regular.woff2') format('woff2'),
         url('fonts/bebasneue_regular.woff') format('woff'),
         url('fonts/bebasneue_regular.ttf') format('truetype'),
         url('fonts/bebasneue_regular.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neueregular';
    src: url('fonts/bebasneue.eot');
    src: url('fonts/bebasneue.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebasneue.woff2') format('woff2'),
         url('fonts/bebasneue.woff') format('woff'),
         url('fonts/bebasneue.ttf') format('truetype'),
         url('fonts/bebasneue.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansbold';
    src: url('font/opensans-bold-webfont.eot');
    src: url('font/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-bold-webfont.woff2') format('woff2'),
         url('font/opensans-bold-webfont.woff') format('woff'),
         url('font/opensans-bold-webfont.ttf') format('truetype'),
         url('font/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansextrabold';
    src: url('font/opensans-extrabold-webfont.eot');
    src: url('font/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-extrabold-webfont.woff2') format('woff2'),
         url('font/opensans-extrabold-webfont.woff') format('woff'),
         url('font/opensans-extrabold-webfont.ttf') format('truetype'),
         url('font/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('font/opensans-regular-webfont.eot');
    src: url('font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-regular-webfont.woff2') format('woff2'),
         url('font/opensans-regular-webfont.woff') format('woff'),
         url('font/opensans-regular-webfont.ttf') format('truetype'),
         url('font/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanssemibold';
    src: url('font/opensans-semibold-webfont.eot');
    src: url('font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/opensans-semibold-webfont.woff2') format('woff2'),
         url('font/opensans-semibold-webfont.woff') format('woff'),
         url('font/opensans-semibold-webfont.ttf') format('truetype'),
         url('font/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




/* ==========================================================================
   General Styles
   ========================================================================== */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,  del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin:0px; 
	padding:0px; 
	border:0px; 
	border-collapse:separate; 
	border-spacing:0px;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-decoration:none;
}

html {
	height: 100%;
	width: 100%;
	margin:0px;
}

body {
	width: auto;
	color: #666;
	letter-spacing: 1px;
	font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

/*
 * Customizing p, a, strong
 */

a { 
	color: #FF3F00;
	text-decoration:none; 
}

a:hover, a:active { 
	text-decoration:none;
	color: #333;
}

a img { 
	border: 0px; 
}

ul {
	margin: 32px;
}

p { 
	margin-bottom: 20px; 
	font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    font-weight: 400;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	color:#A01F25;
}

strong, b { 
	font-weight:600; 
}

p b, p strong { 
	font-weight:600; 
}

em, i {
	font-style: italic;
}

/*
 * Customizing Headings
 */

h1, h2, h3, h4, h5, h6 {
	font-family: 'kelson_sansbold', sans-serif;
	font-weight: 400;
	line-height: 1em;
	color: white;
}

h1 { font-size: 40px; line-height: 60px; text-transform:uppercase; color: #fff; }
h2 { font-size: 30px; line-height: 50px; color: #fff;}
h3 { font-size: 24px;  color:#A01F25;}
h4 { font-size: 16px; line-height: 36px; }
h5 { font-size: 14px; line-height: 20px; }
h5 span { text-decoration: underline; }

h6 { font-size: 20px; line-height: 26px; padding-left: 10px; margin-bottom: 20px; border-left: 2px dotted rgba(255,60,0,0.8); }
h5 { 
    font-size: 20px; 
    line-height: 32px; 
    margin-bottom: 20px; 
    padding-bottom: 10px;
    width: auto; 
    background: url('../img/divider.png') repeat-x center bottom;
}

h1.title { font-size: 60px; line-height: 65px; font-weight: 300; }

/*
 * Customizing blockquote, code, pre and hr
 */

hr {
	border-top: none;
	border-bottom: 1px solid rgba(89,10,17,0.9);
	box-shadow: 0 1px rgba(255,255,255,0.5);
}

pre {
    width:auto;
    overflow:auto;
    margin:18px 0;
    padding:10px 8px 10px 12px;
    color:#3f3b36;
    border:1px solid #e9e7e0; 
    border-left:6px solid #f5d995;
    font:lighter 12px/20px Monaco,'MonacoRegular',monospace;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px;
    background:url("data:image/gif;base64,R0lGODlhAQAoAIAAAP////n38CH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMjNCRjc2NTZCMUYxMUUxOUNENEUzMjYxM0JCQjhBMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMjNCRjc2NjZCMUYxMUUxOUNENEUzMjYxM0JCQjhBMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYyM0JGNzYzNkIxRjExRTE5Q0Q0RTMyNjEzQkJCOEExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYyM0JGNzY0NkIxRjExRTE5Q0Q0RTMyNjEzQkJCOEExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAEAKAAAAgeMj5nA7f8KADs=") repeat scroll 0 -9px;
}

pre code {
    color:#3f3b36;
    background-color:transparent;
    font-size:12px;
    line-height:20px;
}

code {
    color:#706557;
    background-color:#fdfcf7;
    font:12px Monaco,'MonacoRegular',monospace;
}

code strong {
    font-weight: 400;
    color: #D94A3A;
}

blockquote {
    font-family:"Yanone Kaffeesatz Thin";
    font-size:30px;
    letter-spacing:1pt;
    line-height:50px;
    font-style:italic;
    color:rgb(102,102,102);
    padding: 20px 30px;
    border-top: 2px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    margin-bottom: 20px;
}

blockquote.feed, blockquote.feed p {
    font-family: 'Lato', sans-serif;
    padding: 0;
    font-style: normal;
}

blockquote.feed {   
    border-top: none;
    padding: 10px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

blockquote.feed cite {
    font-size: 12px;
    font-weight: 400;
}


/* ==========================================================================
   Commonly used Classes
   ========================================================================== */


.page-boxed {
    width: inherit;
    max-width: 1250px;
    margin: auto;
 
}

    .page-boxed header {
        width: 100%;
        left: 0;
    }



.divider {
    display: block;
    height: 7px;
    background: url('../img/divider.png') repeat-x;
    margin-bottom: 40px;
    margin: 40px 0;
}

.breadcrumb .divider { 
    display: inline;
    height: inherit;
    margin: 0 5px;
    background: none;
}

.intro:first-letter {  
	font-family: 'Open Sans', sans-serif;
	font-size: 250%;
	line-height: 100%; 
	float: left; 
	text-align: center;
	margin: 5px 5px 0 3px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #DD6E00;
	color: #FFFFFF;
}

.intro-image {
    width: auto;
    height: 100px;
    background: #fff url('../img/intro-image.jpg') no-repeat center top;
    background-size: cover;
}

/*
* Custom Button
*/

a.button {
        background-color: #590A11;
        color: #F5AA3A;
        padding: 12px 20px;
        font-size: 20px;
        font-weight: 400;
        display: inline-block;
    }
    
    a.button:hover {
        background-color: #A01F25;
        color: #F5AA3A;
    }
    
    a.button:active {
        background-color: #333;
    }

    a.button i {
        margin-right: 8px;
    }



    a.button_small {
        background-color: rgba(255,60,0,0.8);
        color: #FFF;
        padding: 0px 10px;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        display: inline-block;
    }
    
    a.button_small:hover {
        background-color: #555;
    }
    
    a.button_small:active {
        background-color: #333;
    }

    a.button_small i {
        margin-right: 8px;
    }


/* ==========================================================================
   Header Styles
   ========================================================================== */




#header.static {
    position: fixed;
    top: 0px;
    z-index: 9999 !important;
    display: inline-block;
}



/* ==========================================================================
   Impression Design Styles
   ========================================================================== */

html {

}

.bg-ge {
	background-repeat: no-repeat;
	background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: black;
}


#homeLinks{
	margin-top:35%;
	text-align:center;
}



#homeLinks a{
	font-family: kelson_sansbold, Arial, Helvetica, sans-serif;
	font-size: 55px;
	color: white;
	padding: 24px 32px 24px 32px;
	border-right: 2px solid white;
	text-decoration:none;
	float:left;
}

#homeLinks a:hover{
	color: rgba(255,255,255,0.5);
}





.logoLink a:hover{
 opacity: 0.5;
}

.logoLink a{
	margin-right:-28px; 
	margin-top: -46px;
}

#logoImage {
	width: 237px;
	height: 106px;
	background:url(../img/pks3-logo.png);

}

.selected{
	color: #0791CC;
}

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


nav {
	width: auto;
	margin-top: 16px;
	padding-bottom: 16px;
	position: fixed;
	z-index: 99999999999;
}

nav a{
	color: white;
	font-family: 'kelson_sansbold', sans-serif;
	font-weight: 400;
	line-height: 1em;
	font-size: 30px;
	margin-right: 32px;
}

nav a:hover{
	color: #106AB4;
}




/* ==========================================================================
   Galleries
   ========================================================================== */
   
 #slider1_container{
   position: relative; 
   width: 1900px;
   height: 900px;
   padding-bottom: 52px;
 }
 
 
 .slidesContainer{
	cursor: move; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 1900px; 
	height: 900px;
    overflow: hidden;
	 padding-bottom: 52px;
}


 
 .loadingScreen{
	 position: absolute; 
	 top: 0px;
	 left: 0px;
 }
   
   
.sliderX {
	   filter: alpha(opacity=70); 
	   opacity:0.7; 
	   position: absolute; 
	   display: block;
       background-color: #000; 
	   top: 0px; 
	   left: 0px;
	   width: 100%;
	   height:100%;
 }
   
.loader{
	 position: absolute; 
	 display: block;
	 background: url(../img/loading.gif) no-repeat center center;
     top: 0px; 
	 left: 0px;
	 width: 100%;
	 height:100%;
}


.slidesCaptions{
	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;
	position: absolute; 
	bottom: 0px; 
	left: 20px; 
	width: 100%; 
	height: 30px; 
	color: rgba(255,255,255, 0.8); 
	font-size: 20px; 
	line-height: 30px; 
	text-align:center;
}

/* ==========================================================================
   Footer
   ========================================================================== */


footer {
    width: auto;
    color: #F5AA3A;
	background: url('../img/nav-bg.jpg');
    margin-top: 50px;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 400;
}

footer a:hover { color: #FFF; }

footer h6 {
    font-weight: 400;
    font-size: 18px;
}

footer p {
    font-size: 14px;
    font-weight: 400;
    color: #999;
}

footer address {
    color: #F5AA3A;
    font-size: 14px;
    margin: 15px 0 0;
    padding-left: 25px;
    position: relative;
}

    footer address i {
        width: 15px;
        display: inline-block;
        position: absolute;
        left: 0;
    }

footer blockquote.feed {
    padding-top: 0;
    border-top: none;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    margin-bottom: 5px;
}

ul.footer-list { 
    display: block; 
    list-style: none; 
    margin: 0; 
    padding: 0; 
}

ul.footer-list li { 
    display: block; 
    list-style: none; 
}

ul.footer-list li a { 
    display: block; 
    color: #999;
    padding: 2px 10px;
    border-left: 2px dotted rgba(255,255,255,0.1);
    margin-bottom: 10px;
    font-weight: 400;
}

ul.footer-list li a:hover { 
    background: rgba(0,0,0,0.2);
    border-left: 2px dotted rgba(255,60,0,0.5);
    color: #AAA;
}

/*
* Copyright Section
*/
    
.copyright p {
    line-height: 50px;
    font-size: 16px;
	color: white;
}

.footnav {
    text-align: right;
}

.footnav ul {
	margin: 0;
	text-align: right;
    width: auto;
}

.footnav ul li {
	display: inline-block;
    line-height: 50px;
    margin: 0px;
}

.footnav ul li:last-child {
	margin-right: 0;
}

.footnav ul li a {
	display: block;
	color: #fff;
    font-size: 16px;
	padding: 0 20px;
	text-decoration: none;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.footnav ul li a:hover, nav ul li a.selected {
	color: #590A11;
	text-decoration: none;
	background-color: #F5AA3A;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	border: 2px solid #590A11;
	-webkit-box-shadow: 0px 0px 6px 3px rgba(89,10,17,1);
-moz-box-shadow: 0px 0px 6px 3px rgba(89,10,17,1);
box-shadow: 0px 0px 6px 3px rgba(89,10,17,1);
}

.footnav ul li a:active {
	color: #F5AA3A;
}





    

/* ==========================================================================
   Services
   ========================================================================== */


.services ul li{ 
	font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    font-weight: 400;
	line-height: 1.2em;
	letter-spacing: 0.05em;
	color:#A01F25;
}

.services:hover { }

.services:hover > h2 { }

.services a:hover{
	opacity: 0.5;
}

    .services h2 {
		font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
        font-size: 20px;
		line-height: 30px;
        text-transform: uppercase;
        font-weight: 400;
        color: #fff;
    }

    .services p {
        font-size: 16px;
        line-height: 28px;
    }
    
    .services h2 i {
        font-size: 20px;
        line-height: 20px;
        width: 26px;
        overflow: hidden;
        text-align: center;
        margin-right: 10px;
        background-color: #590A11;
        color: #FFF;
        padding: 3px 5px;
    }

.info-box {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size:26px;
    letter-spacing:1pt;
    line-height:40px;
    color:rgb(102,102,102);
    border-top: 2px solid #CCCCCC;
    border-bottom: 2px solid #CCCCCC;
    padding: 20px 0;
}

    .info-box strong {
        font-weight: 400;
    }
    




/* ==========================================================================
   Social Sprites Icons
   Extended License From: http://goo.gl/I0uLZ
   ========================================================================== */


.socialbar_mini {
    height:30px;
    overflow:hidden;
    width:100%;
    z-index:999;
    padding:0;
}

.ssm {
    width:auto;
    text-align:center;
    overflow:hidden;
    font-size:0;
    margin:0;
    padding:0;
}

.ssm li {
    display:inline-block;
    border-right:1px solid rgba(0,0,0,0.2);
    background-image:url(../img/socialsprites_mini.png);
    background-repeat:no-repeat;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    margin:0;
    padding:0;
}

.ssm li:hover {
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
}

.ssm li:first-child {
    border-left:1px solid rgba(0,0,0,0.2);
}

.ssm li a {
    display:block;
    text-indent:-9999px;
    height:30px;
    width:30px;
}

.ssm li a:active {
    box-shadow:inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
    -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
    -moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
}

/*
* Social Sprites Icons
*/

.ssm li.digg {
    background-position:0 0;
}

.ssm li.digg:hover {
    background-position:0 -30px;
}

.ssm li.dribbble {
    background-position:0 -60px;
}

.ssm li.dribbble:hover {
    background-position:0 -90px;
}

.ssm li.facebook {
    background-position:0 -120px;
}

.ssm li.facebook:hover {
    background-position:0 -150px;
}

.ssm li.flickr {
    background-position:0 -180px;
}

.ssm li.flickr:hover {
    background-position:0 -210px;
}

.ssm li.forrst {
    background-position:0 -240px;
}

.ssm li.forrst:hover {
    background-position:0 -270px;
}

.ssm li.googleplus {
    background-position:0 -300px;
}

.ssm li.googleplus:hover {
    background-position:0 -330px;
}

.ssm li.html5 {
    background-position:0 -360px;
}

.ssm li.html5:hover {
    background-position:0 -390px;
}

.ssm li.icloud {
    background-position:0 -420px;
}

.ssm li.icloud:hover {
    background-position:0 -450px;
}

.ssm li.lastfm {
    background-position:0 -480px;
}

.ssm li.lastfm:hover {
    background-position:0 -510px;
}

.ssm li.linkedin {
    background-position:0 -540px;
}

.ssm li.linkedin:hover {
    background-position:0 -570px;
}

.ssm li.myspace {
    background-position:0 -600px;
}

.ssm li.myspace:hover {
    background-position:0 -630px;
}

.ssm li.paypal {
    background-position:0 -660px;
}

.ssm li.paypal:hover {
    background-position:0 -690px;
}

.ssm li.picasa {
    background-position:0 -720px;
}

.ssm li.picasa:hover {
    background-position:0 -750px;
}

.ssm li.pinterest {
    background-position:0 -780px;
}

.ssm li.pinterest:hover {
    background-position:0 -810px;
}

.ssm li.reddit {
    background-position:0 -840px;
}

.ssm li.reddit:hover {
    background-position:0 -870px;
}

.ssm li.rss {
    background-position:0 -900px;
}

.ssm li.rss:hover {
    background-position:0 -930px;
}

.ssm li.skype {
    background-position:0 -960px;
}

.ssm li.skype:hover {
    background-position:0 -990px;
}

.ssm li.stumbleupon {
    background-position:0 -1020px;
}

.ssm li.stumbleupon:hover {
    background-position:0 -1050px;
}

.ssm li.tumblr {
    background-position:0 -1080px;
}

.ssm li.tumblr:hover {
    background-position:0 -1110px;
}

.ssm li.twitter {
    background-position:0 -1140px;
}

.ssm li.twitter:hover {
    background-position:0 -1170px;
}

.ssm li.vimeo {
    background-position:0 -1200px;
}

.ssm li.vimeo:hover {
    background-position:0 -1230px;
}

.ssm li.wordpress {
    background-position:0 -1260px;
}

.ssm li.wordpress:hover {
    background-position:0 -1290px;
}

.ssm li.yahoo {
    background-position:0 -1320px;
}

.ssm li.yahoo:hover {
    background-position:0 -1350px;
}

.ssm li.youtube {
    background-position:0 -1380px;
}

.ssm li.youtube:hover {
    background-position:0 -1410px;
}

.borderless .ssm li,.borderless .ssm li:first-child,ul.borderless li,ul.borderless li:first-child {
    border:none;
}




/* ==========================================================================
   Beautiful CSS Tabs
   ========================================================================== */


ul.tabs { 
    border-bottom: 1px dotted #ccc; 
}

ul.tabs li { 
    text-align: center; 
    list-style: none; 
    display: inline-block;
}
ul.tabs li.active {  border-top: 5px solid rgba(255,60,0,0.8);  margin-top: -5px; border-bottom: 2px solid white !important; margin-bottom:-1px;}
ul.tabs li.active a { border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}

ul.tabs li a { color: #666;display: block;  font-size: 16px; font-weight: 400;  height: auto;  line-height: normal; padding: 20px 0;  position: relative;}
ul.tabs li a:hover {}
ul.tabs li a:focus {}

ul.tabs li a {
    padding: 20px 5px;
}

ul tabs li ul {
    width: 24.745%;
}

ul.tabs li ul li {
    display: inline;
}

ul.tabs li .dropdown-menu { border-radius: 0px; width: 100%; box-shadow: none; border: 1px dotted #ccc; }

ul.tabs li ul { border: none; }

ul.tabs li dropdown-menu li a { border: none; }

ul.tabs li ul.dropdown-menu li a:hover { background: rgba(255,60,0,0.8); }

ul.tabs li .dropdown-menu .active > a, .dropdown-menu .active > a:hover { background: rgba(255,60,0,0.8); color: #FFF; }

.tab-content { border: 1px dotted #ccc; border-top:none; width:auto; padding: 20px; }
.tabs.vertical li.active, .tabs.vertical li.active { border-bottom:0px !important;}


/* ==========================================================================
   List Styles
   From Numerous Sources
   ========================================================================== */


ul li ul { margin-left: 20px; }
ul.icons { list-style: none; }

/*
* Ordered List
*/

ol{
	padding: 0;
	margin: 0;
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	padding: 0;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol{
	margin: 0 0 0 2em;
}

ol li{
	position: relative;
	display: block;
	padding: .4em .4em .4em .8em;
	*padding: .4em;
	margin: .5em 0 .5em 2.5em;
	background-color: #EEEEEE;
	color: #444;
	text-decoration: none;
	transition: all .3s ease-out;	
	line-height: 1.5em;
}

ol li:hover{
	background-color: #FFFFFF;
}	

ol li:before{
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: -2.5em;
	top: 50%;
	margin-top: -1em;
	background: #ff6600;
	color: #FFFFFF;
	height: 2em;
	width: 2em;
	line-height: 2em;
	text-align: center;
	font-weight: bold;
}

ol li:after{
	position: absolute;	
	content: '';
	border: .5em solid transparent;
	left: -1em;
	top: 50%;
	margin-top: -.5em;
	transition: all .3s ease-out;				
}

ol li:hover:after{
	left: -.5em;
	border-left-color: #ff6600;				
}

/*
* Thumbnail List
*/

ul.thumbnails {
	list-style: none;
}

ul.thumbnails li a {
	opacity: 0.7;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

ul.thumbnails li a:hover {
	opacity: 1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/*
* Sidenavigation
*/

ul.sidenav { 
    display: block; 
    list-style: none; 
    margin: 0; 
}

ul.sidenav li { 
    display: block; 
    list-style: none; 
    margin: 0px 0px 4px;  
}

ul.sidenav li a { 
    display: block; 
    padding:10px;
    background:#f5f5f5; 
    color: rgba(255,60,0,0.8);
    border-bottom:1px solid #e5e5e5; 
}

ul.sidenav li:hover a{
    background:#eee; 
    border-bottom:1px solid #bbb; 
}

ul.sidenav li:active a{
    background:#999; 
    color: #FFF;
    border-bottom:1px solid #666; 
}

ul.sidenav li.active a{
    border-bottom: 1px solid #ccc; 
    color: #fff; 
    background-color: rgba(255,60,0,0.7);  
    font-weight: bold;
}
ul.sidenav li.active a {  }
ul.sidenav li.divider { border-top: 1px dotted #e5e5e5; height: 0; padding: 0; }


/*
* List Type 1 
*/

.type1 { 
    list-style: none; 
    margin-bottom: 20px; 
    margin-left: 0;
}

.type1 li {
    display: block;
}

.type1 li a { 
    color:#666;
}

.type1 li:before {
    content: "\00BB \0020\0020"; 
    color: #666; 
    font-weight: 600; 
    font-size: 18px;  
}

.type1 li:hover:before {
    color: rgba(255,60,0,0.8);
}

.type1 li ul { 
    list-style:inherit;
}

/*
* List Type 2 
*/

.type2 { 
    list-style: none; 
    margin-bottom: 20px; 
    margin-left: 0;
}

.type2 li a { 
    color:#666;
}

.type2 li:before {
    content: "\003A\003A\0020\0020"; 
    color: #666; 
    font-weight: 400; 
    font-size: 18px;  
}

.type2 li:hover:before {
    color: rgba(255,60,0,0.8);
}

.type2 li ul { 
    list-style:inherit;
}

/*
* Arrow List
*/

.arrow-list { 
    list-style: none; 
}

.arrow-list li a{
    color: #666;
    display: block;
    border-bottom: 1px solid #ccc;
    line-height: 18px;
    padding-left: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
    positioN: relative;
    overflow: hidden;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.arrow-list li a:before {
    font-family: FontAwesome;
    font-weight: 300;
    font-style: normal;
    line-height: 24px;
    padding-left: 1px;
    position: absolute;
    content: "\f054";
    font-size: 70%;
    left: 0;
    opacity: 0.7;
}

.arrow-list li a:hover:before {
    color: rgba(255,60,0,0.8);
}

.arrow-list li a:hover {
    border-bottom: 1px solid rgba(255,60,0,0.9);
    color: rgba(255,60,0,0.9);
}

/*
* TAGS 
*/

.tags {
	margin:0;
	padding:0;
	list-style:none;
}	

.tags li, .tags a {
	display: inline-block;
	height:24px;
	line-height:24px;
	position:relative;
	font-size:11px;
}

.tags li {   
    margin-bottom: 10px;
}

.tags a {
	margin-right:15px;
	padding:0 10px 0 12px;
	background:rgba(255,60,0,0.8);
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	
}

.tags a:before {
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent rgba(255,60,0,0.8) transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
}	

.tags a:after {
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:-1px -1px 1px rgba(0,0,0,0.1);
	box-shadow:-1px -1px 1px rgba(0,0,0,0.1);
}		

.tags a:hover { 
    background:#666; 
}	

.tags a:hover:before { 
    border-color:transparent #666 transparent transparent; 
}	

.tags a:active { 
    background:#333;
}

.tags a:active:before { 
    border-color:transparent #333 transparent transparent; 
}	






/* ==========================================================================
   Google Map
   ========================================================================== */


.gmap {
    width: 100%; 
    height: 400px; 
    background: url('../img/gmap.jpg') no-repeat bottom center; 
    background-size: cover;
}

.gmap iframe { height: 400px; }


/* ==========================================================================
   Contact Form
   ========================================================================== */


.contact_form ul {
    width:auto;
    list-style-type:none;
	list-style-position:outside;
	margin:0px;
	padding:0px;
}
.contact_form li{
	padding:12px; 
	border-bottom:1px solid #eee;
	position:relative;
} 

/*
* Form Header 
*/

.contact_form h2 {
	margin:0;
	display: inline;
	color: #590A11;
}
.required_notification {
	color: rgba(255,60,0,0.8); 
	margin:5px 0 0 0; 
	display:inline;
	float:right;
}

/* 
* Form Elements 
*/

.contact_form label {
	width:150px;
	margin-top: 3px;
	display:inline-block;
	float:left;
	padding:3px;
}
.contact_form input {
	height:20px; 
	width:220px; 
	padding:5px 8px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:156px;}

	/* form element visual styles */
	.contact_form input, .contact_form textarea { 
		border:1px solid #aaa;
		border-radius:2px;
		padding-right:30px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.contact_form input:focus, .contact_form textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		padding-right:70px;
	}

/*
* HTML5 validation styles 
*/	

.contact_form input:required, .contact_form textarea:required {
	background: #fff url(../img/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff url(../img/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff url(../img/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px rgba(255,60,0,0.8);
	border-color:  rgba(255,60,0,0.8);
}

/*
* Form hints 
*/

.form_hint {
	background:rgba(255,60,0,0.8);
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color: rgba(255,60,0,0.8);
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: rgba(255,60,0,0.8);}
.contact_form input:required:valid + .form_hint::before {color: rgba(255,60,0,0.8);}
	
/*
* Form Button Style 
*/

#Send{
        background-color: #590A11;
        color: white;
        padding: 16px 20px 36px 20px;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        border: none;
    }
    
    button.submit:last-child { 
        margin-left: 20px;
    }
    
#Send:hover {
        background-color: #555;
    }
    
#Send:active {
        background-color: #333;
    }

#Send i {
        margin-right: 8px;
    }





/* ==========================================================================
   Shortcodes
   ========================================================================== */

/* -----------------------------------------
   Shadows
----------------------------------------- */
.drop-shadow {
    position:relative;
    width:auto;
    /*padding:1em;
    margin:2em 10px 4em;*/
    margin: 15px 0;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow:before,
.drop-shadow:after {
    content:"";
    position:absolute;
    z-index:-2;
}

.drop-shadow p {
    font-size:16px;
    /*text-align: center;*/
    margin-bottom: 0;
}

/* Lifted corners */

.lifted {
    -moz-border-radius:4px; 
         border-radius:4px;
}

.lifted:before,
.lifted:after { 
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);   
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
       -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);   
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.lifted:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
       -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}

/* Curled corners */

.curled {
    border:1px solid #efefef; 
    -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;    
         border-radius:0 0 120px 120px / 0 0 6px 6px;
}

.curled:before,
.curled:after {
    bottom:12px;
    left:10px;
    width:50%;
    height:55%;
    max-width:200px;
    -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
       -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
            box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 
    -webkit-transform:skew(-8deg) rotate(-3deg);
       -moz-transform:skew(-8deg) rotate(-3deg);
        -ms-transform:skew(-8deg) rotate(-3deg);
         -o-transform:skew(-8deg) rotate(-3deg);
            transform:skew(-8deg) rotate(-3deg);
} 

.curled:after { 
    right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/* Perspective */

.perspective:before {
    left:80px;
    bottom:5px;
    width:50%;
    height:35%;
    max-width:200px;
    -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
       -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
    -webkit-transform:skew(50deg);
       -moz-transform:skew(50deg);
        -ms-transform:skew(50deg);
         -o-transform:skew(50deg);
            transform:skew(50deg);
    -webkit-transform-origin:0 100%;
       -moz-transform-origin:0 100%;
        -ms-transform-origin:0 100%;
         -o-transform-origin:0 100%;
            transform-origin:0 100%;
}

.perspective:after {
    display:none;
}

/* Raised shadow - no pseudo-elements needed */

.raised {
    -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* Curved shadows */

.curved:before {
    top:10px;
    bottom:10px;
    left:0;
    right:50%;
    -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
    box-shadow:0 0 15px rgba(0,0,0,0.6);
    -moz-border-radius:10px / 100px;
    border-radius:10px / 100px;
}

.curved-vt-2:before {
    right:0;
}

.curved-hz-1:before {
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

.curved-hz-2:before {
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

/* Rotated box */

.rotated {
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
    -webkit-transform:rotate(-3deg);    
       -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.rotated > :first-child:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#fff;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* -----------------------------------------
   Paged Effect
----------------------------------------- */

.paged {
    position: relative;
    margin: 0;
    background: #f3f3f3;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.paged:before, .paged:after {
    content: '';
    position: absolute;
    z-index: -1;
    height: 4px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.paged:after {
    left: 0;
    right: 0;
    bottom: -3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.paged:before {
    left: 2px;
    right: 2px;
    bottom: -5px;
    border-color: #c4c4c4;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.paged hr {
    border-top: none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 1px rgba(255,255,255,1);
	-webkit-box-shadow: 0 1px rgba(255,255,255,1);
	-moz-box-shadow: 0 1px rgba(255,255,255,1);
}

.paged .button {
    font-size: 14px;
    margin-top: 10px;
    padding: 0 10px;
    margin-bottom: 0;
}
    
.inner-container {
	width: auto;
	padding: 10px 20px;
	margin: 0 auto;
}

.inner-container:hover {	
	color: #666666;
}



/* ==========================================================================
   Misc Classes and Conditions
   ========================================================================== */

.circle-icon {
    display: inline-block;
    font-size: 50px;
    width: 110px;
    height: 110px;
    padding: 0;
    line-height: 110px;
    text-align: center;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 1px solid #666;
}

.go3d {
    color: #FFF;
    text-shadow: 0px 0px 2px #686868,
	                 0px 1px 1px #ddd,
	                 0px 2px 1px #d6d6d6,
	                 0px 3px 1px #ccc,
	                 0px 4px 1px #c5c5c5,
	                 0px 5px 1px #c1c1c1,
	                 0px 6px 1px #bbb,
	                 0px 7px 1px #777,
	                 0px 8px 3px rgba(100, 100, 100, 0.4),
	                 0px 9px 5px rgba(100, 100, 100, 0.1),
	                 0px 10px 7px rgba(100, 100, 100, 0.15),
	                 0px 11px 9px rgba(100, 100, 100, 0.2),
	                 0px 12px 11px rgba(100, 100, 100, 0.25),
                	 0px 13px 15px rgba(100, 100, 100, 0.3); 
}

.mobile-only {display: none;}

/*
* Custom Scrollbar
* Uncomment to use
*/

/*::-webkit-scrollbar {
  width: 18px;
  height: 18px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border: 5px solid transparent;
}

::-webkit-scrollbar-track {
  box-shadow:inset 1px 1px 5px rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: inset 0 0 0 5px rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.3);
}

::-webkit-scrollbar-thumb:active {
    background-color: rgba(0,0,0,0.5);
}

::-webkit-scrollbar-corner {
  background: transparent;
}*/

/*
* Highlight Color / Selection Color
*/

::selection {
	background: #000;
	color: #F69220;
}
::-moz-selection {
	background: #000;
	color: #F69220;
}

.min-height { height: 200px; }
.responsive-image { width: inherit; max-width: 100%; }

/*
* Margins & Paddings
*/

.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom, .margin-bottom { margin-bottom: 20px !important; }
.add-bottom-large, .margin-bottom-large { margin-bottom: 50px !important; }
.add-bottom-exlarge, .margin-bottom-exlarge { margin-bottom: 100px !important; }
.add-top, .margin-top { margin-top: 20px !important; }
.add-top-medium, .margin-top-medium { margin-top: 30px !important; }
.add-top-large, .margin-top-large { margin-top: 50px !important; }
.add-top-exlarge, .margin-top-exlarge { margin-top: 100px !important; }
.add-left {margin-left: 20px;}
.margin-tb-large { margin-top: 50px !important; margin-bottom: 50px !important; }
.margin-tb-medium { margin-top: 25px !important; margin-bottom: 25px !important; }
.margin-tb-small { margin-top: 10px !important; margin-bottom: 10px !important; }
.margin-lr-large { margin-left: 0 50px !important; }
.margin-lr-medium { margin: 0 25px !important; }
.margin-lr-small { margin: 0 10px !important; }
.margin-auto { margin-left: auto; margin-right: auto; }
.no-margin { margin-left: 0; margin-right: 0; }
.padding-tb-exlarge { padding: 50px 0 !important; }
.padding-tb-large { padding: 30px 0 !important; }
.padding-tb-medium { padding: 20px 0 !important; }
.padding-tb-small { padding: 10px 0 !important; }
.padding-lr-large { margin: 0 30px !important; }
.padding-lr-medium { margin: 0 20px !important; }
.padding-lr-small { margin: 0 10px !important; }
.padding-right { padding-right: 20px; }
.padding-left { padding-left: 20px; }
.padding-large { padding: 30px !important;}
.padding-medium { padding: 20px !important;}
.padding-small { padding: 10px !important;}

/*
* Alignment 
*/

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.image-left { float: left; margin-right: 15px; margin-bottom: 5px; }
.image-left-dashed-dark { float: left; margin-right: 15px; margin-top: 5px; border: 1px dashed #999; padding: 8px; }

/*
* Borders
*/

.border-right { border-right: 1px solid #999999;}
.border-bottom { border-bottom: 1px solid #999999;}
.border-left { border-left: 1px solid #999999;}
.border-top { border-top: 1px solid #999999;}
.border { border: 1px solid rgba(0,0,0,0.1); }

/*
* Font Colors 
*/

.color-orange { color: #F60; }
.color-white { color: #FFFFFF; }
.color-yellow { color: #FFF222; }
.color-green { color: #D2EF28; }

/*
* Line Spacing 
*/

.single-space { line-height: 1em; }
.half-space { line-height: 1.5em;}
.double-space { line-height: 2em; }

/*
* Font Size 
*/

.font-size-100 { font-size: 100px !important; }
.font-size-90 { font-size: 90px !important; }
.font-size-80 { font-size: 80px !important; }
.font-size-70 { font-size: 70px !important; }
.font-size-60 { font-size: 60px !important; }
.font-size-50 { font-size: 50px !important; }
.font-size-40 { font-size: 40px !important; }
.font-size-30 { font-size: 30px !important; }
.font-size-25 { font-size: 25px !important; }
.font-size-20 { font-size: 20px !important; }
.font-size-10 { font-size: 10px !important; }

/*
* Backgrounds 
*/

.bg-white { background-color: #FFFFFF; }
.bg-black { background-color: #000000; }
.bg-charcoal { background-color: #999999; }
.bg-grey { background-color: #666666; }
.bg-light { background-color: #EEEEEE; }
.bg-orange { background-color: #ff9900; }
.bg-blue { background-color: #0099cc; }
.bg-green { background-color: #079E44; }
.bg-pink { background-color: #FFCFBF; }

.bg-noise { background: rgba(255,255,255,0.5) url('../img/noise_lines.png') center top; }
.bg-grunge { background: url('../img/bg/grunge.jpg') center top; }
.bg-color { background: url('../img/bg/colorful.jpg') center top; }
.bg-plad { background: url('../img/bg/plad.gif') center center; }
.bg-cork { background: url('../img/bg/cork.jpg') center center; }
.bg-diamond { background: url('../img/bg/diamond.png') center center; }
.bg-dots { background: url('../img/bg/dots.png') center center; }



.bg-grass { background: url('../img/bg/grass.jpg') center center; }
.bg-metal { background: url('../img/bg/metal.jpg') center center; }
.bg-weave { background: url('../img/bg/weave.png') center center; }
.bg-aluminum { background: url('../img/bg/aluminum.png') center center; }
.bg-blackdiamond { background: url('../img/bg/blackdiamond.png') center center; }
.bg-carbonfiber { background: url('../img/bg/carbonfiber.png') center center; }
.bg-linen { background: url('../img/bg/linen.png') center center; }
.bg-squares { background: url('../img/bg/squares.png') center center; }
.bg-rug { background: url('../img/bg/rug.jpg') center center; }
.bg-news { background: url('../img/bg/news.png') center top; }
.bg-fractal { background: url('../img/bg/fractal.png') center top; }
.bg-hearts { background: url('../img/bg/hearts.png') center top; }
.bg-easter { background: url('../img/bg/easter.png') center top; }
.bg-fizz { background: url('../img/bg/fizz.gif') center top; }
.bg-halloween { background: url('../img/bg/halloween.jpg') center top; }
.bg-christmas { background: url('../img/bg/christmas.jpg') center top; }
.bg-clouds { background: url('../img/bg/clouds.png') center top; }
.bg-flower { background: url('../img/bg/flower.png') center top; }
.bg-gray_jean { background: url('../img/bg/gray_jean.png') center top; box-shadow: none; }

/*
* Positioning 
*/

.relative { position: relative; }
.absolute { position: absolute; }
.static { position: static; }
.block { display: block !important; }
.inline-block { display: inline-block !important; }






/* Media Queries
================================================== */

/* Smaller than standard 1024px (devices and browsers) */
@media only screen and (max-width: 1024px) {



#homeLinks a{
	font-family: kelson_sansbold, Arial, Helvetica, sans-serif;
	font-size: 55px;
	line-height: 60px;
	color: white;
	padding: 24px 20px 24px 8px;
	border-right: 1px solid white;
	text-decoration:none;
	float:left;
	margin-right:4px;
}

.logoLink a{
	margin-right:-28px; 
	margin-top: -28px;
}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

nav{
	position:relative;
}

#homeLinks a{
	font-family: kelson_sansbold, Arial, Helvetica, sans-serif;
	font-size: 40px;
	line-height: 60px;
	color: white;
	padding: 24px 20px 24px 8px;
	border-right: 1px solid white;
	text-decoration:none;
	float:left;
	margin-right:4px;
}

#logoLink img {
	margin-right: 8px;

}

#homeLinks{
	margin-top:45%;
	text-align:center;
}

.logoLink a{
	margin-right:-28px; 
	margin-top: -28px;
}

.services h2 {
		font-family: bebas_neuebold, Arial, Helvetica, sans-serif;
        font-size: 15px;
		line-height: 30px;
        text-transform: uppercase;
        font-weight: 400;
        color: #fff;
    }



}



/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
nav{
	position:relative;
}

#homeLinks a{
	font-family: kelson_sansbold, Arial, Helvetica, sans-serif;
	font-size: 45px;
	line-height: 60px;
	color: white;
	padding: 24px 16px 24px 16px;
	border-right: 0px solid white;
	text-decoration:none;
	float:left;
}

#homeLinks{
	margin-top:50%;
	text-align:center;
}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
nav{
	position:absolute;
	margin-top:20px;
}

.span2 {
  width: 15%;
}

.services h2{
	font-size:11px;
	text-align:center;
}

[class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: left;
	margin-right:4px;
    margin-left: 0 !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
	
#homeLinks{
	width: 440px;
	margin: 0 auto 0em;
	margin-top:20%;
	text-align:center;
}

nav a{
	color: white;
	font-family: 'kelson_sansbold', sans-serif;
	font-weight: 400;
	line-height: 1em;
	font-size: 18px;
	margin-right:120px;
}

#homeLinks a{
	font-family: kelson_sansbold, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	color: white;
	padding: 8px 4px 8px 4px;
	border-right: 2px solid white;
	text-decoration:none;
	float:left;
}




#logoImage {
	width: 100px;
	height: 45px;
	background:url(../img/pks3-logo-cell.png);
	margin-right:0px;

}

.logoLink a{
	margin-right:-28px; 
	margin-top: -10px;
}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
nav{
	position:absolute;
	margin-top:20px;
}

nav a{
	color: white;
	font-family: 'kelson_sansbold', sans-serif;
	font-weight: 400;
	line-height: 1em;
	font-size: 18px;
	margin-right:120px;
}

#homeLinks{
	
	margin-top:45%;
	text-align:center;
	
}

.span2 {
  width: 170px;
}

[class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: left;
	margin-right:14px;
    margin-left: 0 !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
	


#homeLinks a{
	font-family: kelson_sansbold, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 15px;
	color: white;
	padding: 28px 10px 0px 2px;
	border-right: 0px solid white;
	text-decoration:none;
	float:left;
	margin-right: 300px;

}


#homeLinks a:first-child{
	clear:both;
}

#logoImage {
	width: 100px;
	height: 45px;
	background:url(../img/pks3-logo-cell.png);
	margin-right: 24px;
	margin-top: 34px;

}

.services {
	text-align:center;
}

}


/* ==========================================================================
   Media Queries
   ========================================================================== */


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1200px) and (max-width: 2000px) {
	#homeLinks{
	width:950px;
	 margin: 0 auto 0em;
	margin-top:35%;
	text-align:center;
}
}
@media only screen and (max-width: 1200px) {
@media only screen and (max-width: 959px) {
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	body { width: auto; margin: 0; }
	.container { margin: 0; }
	.row { width: 100%; margin-left: auto; margin-right: auto;}
	.mobile-only {width: auto;}
	.mobile-only img {width: 100%;}
	.mobile-center { text-align: center !important; }
	
	header { text-align: center; }
	.navigation ul { display: none; }
	.navigation select { display: block; width: 100%; font-size: 20px; height: 50px; border: none; background-color: #f5f5f5; }
	
	.intro_title { margin-top: 100px; }
    .info-box { text-align: center; }
    .copyright, .footnav ul { text-align: center; }
    .blog-post blockquote { margin-left: 0; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	body { width: auto; margin: 0; }
	.row { width: 90%; margin-left: auto; margin-right: auto;}
	.mobile-only {width: auto; display: block;}
	.mobile-only img {width: 100%;}
	.mobile-center { text-align: center !important; }
	
	header {  text-align: center; }
	.navigation ul { display: none; }
	.navigation select { display: block; width: 100%; font-size: 20px; height: 50px; border: none; background-color: #f5f5f5; }
    .gmap, .gmap iframe { max-height: 300px; }
	.intro_title { margin-top: 100px; }
    .info-box { text-align: center; }
    .copyright, .footnav ul { text-align: center; }
    .blog-post blockquote { margin-left: 0; }
    .comment-image { display: none; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	body { width: auto; margin: 0; }
	.row { width: 90%; margin-left: auto; margin-right: auto;}
	.mobile-nav { width: 100%; display: block; }
	.no-mobile { display: none; }
	.mobile-center { text-align: center !important; }
	.mobile-only {width: auto; display: block; max-height:inherit;}
	.mobile-only img {width: 100%;}
	
	header {  text-align: center; }
	.navigation ul { display: none; }
	.navigation select { display: block; width: 100%; font-size: 20px; height: 50px; border: none; background-color: #f5f5f5; }
    .gmap, .gmap iframe { max-height: 200px; }
	.intro_title {font-size: 40px; margin-top: 100px; }
    .info-box { text-align: center; }
    .copyright, .footnav ul { text-align: center; }
    .blog-post blockquote { margin-left: 0; }
    .comment-image { display: none; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	body { width: auto; margin: 0;}
	.row { width: 90%; margin-left: auto; margin-right: auto; }
	.mobile-nav { width: 100%; display: block; }
	.no-mobile { display: none; }
	.mobile-center { text-align: center !important; }
	.mobile-only {width: auto; display: block;}
	.mobile-only img {width: 100%;}
	
	header { text-align: center; }
	.navigation ul { display: none; }
	.navigation select { display: block; width: 100%; font-size: 20px; height: 50px; border: none; background-color: #f5f5f5; }
	.slider .sl-slider h2 { padding-top: 50px; }
    .gmap, .gmap iframe { max-height: 200px; }
	.intro_title {font-size: 40px; margin-top: 100px; }
    .info-box { text-align: center; }
    .copyright, .footnav ul { text-align: center; }
    ul.clients_list li img { max-width: 90%; display: block; margin: auto; }
    button.submit { margin-left: 20px; }
    .blog-post blockquote { margin-left: 0; }
    .comment-image { display: none; }
}


/* ==========================================================================
   Beautiful Print
   Based on HTML5 Boilerplate and Codrops
   ========================================================================== */


@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    
    .navigation, .slider, .intro-image, footer { display: none; }
    
    .copyright, .footnav ul { text-align: center; }
}


/* ==========================================================================
   This template uses Font-Awesome to provide you with imageless icons
   Furthermore, this template uses bootstraps customization techniques by
   Sazzad Hossain, Codrops, CSSDeck and Tut+.
   ========================================================================== */