body {
	background: URL('/gallery/themes/KPF_03/bg.png');
	min-height: 100%;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top -80px center;
background-size: cover;
    color: #727072;
    font-family: Open Sans;
    font-size: 14px;
	line-height:20px;
    margin-top: 0;
    padding-top: 0;
}

i { color:#a6a6a6; font-family: Raleway;}
u {padding-bottom: -1px; border-bottom: 1px solid #a6a6a6; color: #a6a6a6; text-decoration: none; font-family: Raleway;}
b { color: #222; font-weight: bold; font-family: }
es { padding: 0px; color: #614040; letter-spacing: 0px; }


body, html {text-rendering: optimizeLegibility!important; -webkit-font-smoothing: antialiased!important; -webkit-text-size-adjust: none;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

@import url(https://fonts.googleapis.com/css?family=Raleway:400,800,600,700,500,300,900|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300);

/* -----------------------------------------------------------
	Global Styling
-------------------------------------------------------------- */
.clear {clear: both; display:block;}
.clearR {clear: right;}
.clearL {clear: left;}
.pull-left {float: left!important;}
.pull-right {float: right!important;}

/* -- Webkit Scrollbar -- */
::-webkit-scrollbar-thumb {height: 100px;background: #393939;}
::-webkit-scrollbar {width: 10px;height: 10px;background: #fff;}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {background-color:#da8493;}

/* -- MENU -- */

.navigation {margin-left:20px; margin-right:20px; padding:20px; background-color: #f5f5f5;}

.site-navigation { padding: 0 20px; text-align: center; background: #ffffff; margin-top:0px; margin-bottom:-5px; }
.site-navigation ul { margin: 0; 	padding: 0; list-style: none; }
.site-navigation li,
.main-navigation,
.social-navigation { display: inline-block; }
.site-navigation li { padding: 20px 0; }

.site-navigation a,
.site-navigation a:hover,
.site-navigation a:focus { color: #000; }

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.main-navigation { font-weight: 500; text-transform: uppercase; font-family: Raleway; font-size: 13px; letter-spacing: 1px; }
.main-navigation a:hover { color: #52B4E7; }
.main-navigation li,
.social-navigation { margin: 0 10px; }
.social-navigation li { margin: 0 5px; }
.social-navigation a:before { font-family: FontAwesome; font-size: 13px; content: '\f1e0'; }
.social-navigation a[href*='facebook.com']:before { content: '\f09a'; }
.social-navigation a[href*='plus.google.com']:before { 	content: '\f0d5'; }
.social-navigation a[href*='instagram.com']:before { 	content: '\f16d'; }
.social-navigation a[href*='tumblr.com']:before { 	content: '\f173'; }
.social-navigation a[href*='twitter.com']:before { 	content: '\f099'; }
.social-navigation a[href*='youtube.com']:before { 	content: '\f16a'; }
.social-navigation a[href*='mailto:']:before,
.social-navigation a[href$='/contact/']:before { 	content: '\f0e0'; }
.social-navigation a[href$='/feed/']:before { 	content: '\f09e'; }
 
 
.site-header {  height: 160px; max-width: 106%;  background-size: 100%; background-position: top top; background-repeat: no-repeat; overflow: hidden; margin: 0 auto; } 

.site-name-block{ max-width:80%;}
.site-name{  margin-top:0px; padding:20px; letter-spacing:-4px; color:#fff;  font-size: 64px; font-family: "DM Sans", sans-serif;  font-weight:900;
  	display: inline-block;  line-height: 15px;  	text-transform:uppercase; }
.site-name span{ letter-spacing:-4px;  padding:2px;  text-shadow: 1px #000; background: -webkit-linear-gradient(#f490a5, #d36078);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;   text-decoration: none;  font-size: 64px;    font-family: "DM Sans", sans-serif;  font-weight:600;    font-style: italic;  	text-transform:uppercase; }
.site-name-slogan{ font-family: "Raleway", sans-serif;    font-weight:800!important;    letter-spacing:3px;    text-transform: uppercase;  color:#000;  padding:6px;
  margin-top:5px;    	display: inline-block;  background-color:#fff;  font-size: 9px; }


.welcome-message{ font-size: 12px; font-family: "Raleway", sans-serif; text-align:justify; font-weight:400!important; letter-spacing:1px; color:#fff; padding-left:35px;    padding-right:35px; padding-top:30px; padding-bottom:20px; margin-top:-20px; display: block;	background-color:#111111;}
.welcome-message b{ color: #d36078;}
.welcome-message a{ color: #d36078;}
.welcome-img { float: left;	margin-top:5px;	background-color:transparent;}
.welcome-img img { max-width: 170px;	margin: 2px 28px 0px 0px; border: 0;}
.welcome-img img:hover { opacity:0.8;}

/* -- Links -- */
a, a:visited, a img, a:visited img, a:hover img {color:#393939; text-decoration: none;transition:all .15s ease-in-out;}
a:hover{color:#da8493; text-decoration: none;}

/* -- Global Wrappers -- */
.spec, .spec-alt, .wrapper {margin:0 auto; position:relative; max-width:1400px;}

/* -- Global Footer -- */

.footer {color:transparent;}
.footer a{color:transparent;}

.footerCPG { font-size: 12px; font-family: "Raleway", sans-serif; text-align:justify; font-weight:400!important; letter-spacing:1px; color:#fff; padding-left:35px;    padding-right:35px; padding-top:50px; padding-bottom:60px; margin-top:-20px; display: block;	background-color:rgba(0, 0, 0, 0.8);}
.footerCPG a{ color: #d36078;}






/* -----------------------------------------------------------
	Coppermine Styling
-------------------------------------------------------------- */
p {}
pre.filepath {margin: 0; padding: 0;}
ul, ol {margin:0; padding: 0;}
li {margin:0; padding: 0; list-style-position: outside;}
ul li {list-style-type: none;}

input, .textinput, select {padding: 10px; background: #F8F8F8; color: #727272; max-width:45vw; border:1px solid #EDEDED;}
.listbox {color: #727272; border:1px solid #EDEDED; vertical-align: middle;}
.button {padding: 6px; max-width:35%; background: #E5E5E5; font-weight:700; color: #909090; text-align: center, left; border: 0;}
.comment_button {padding: 6px; max-width:35%; background: #E5E5E5; font-weight:700; color: #909090; text-align: center, left; border: 0;}

.radio, .checkbox {vertical-align: middle;}
.bblink a, .bblink a:visited {color: #C1A67B; text-decoration: none;}
.bblink a:hover {color: #BE9127; text-decoration: underline;}

.maintable, .admin_menu_wrapper { background-color: rgba(255,255,255, 1); padding:0px; border:0px solid #EAEAEA; margin-bottom:0px!important;max-width:1400px;}

/* -------------------------------
	Table Titles
------------------------------- */
.tableh1 {
	margin:0; padding:15px; background:#f5f5f5; text-transform: uppercase; font-family: Raleway; font-weight:800; font-size:14px; color: #000; line-height:100%; letter-spacing:3px; border-bottom:0px solid #52B4E7; font-style:normal;}	
.tableh1 a, .tableh1 a:visited {color:#393939; text-decoration: none;}
.tableh1 a:hover {color:#da8493; text-decoration: none;}

/* -------------------------------
	Statlink Style
------------------------------- */
.statlink {font-size:13px; color: #454545; letter-spacing:1px; font-weight: 300; }
.statlink h2 {margin: 0;  }
.statlink a {text-decoration: none;}
.statlink b {font-weight:500;}
.statlink a:hover {text-decoration: none;}
.stats { padding: 10px;  background:#F5F5F5; font-weight:700; font-size:14px; color: #9E9E9E; text-transform:uppercase; 	letter-spacing:1px;}

/* -------------------------------
	Albums Titles
------------------------------- */
.tableh2 {padding:10px; background: #F1F1F1; font-weight:400; color: #2D2D2D; border:0;}

/* -------------------------------
	Albums Link Styles
------------------------------- */

.alblink, .alblink a, .alblink a:visited {font-weight:600; letter-spacing:0px; color:#161616; text-decoration: none;}
.alblink a:hover {color:#da8493; text-decoration: none;}

.tableb {padding:10px; }
.tableb p {margin: 0; padding: 5px 0 0 0;}
.tableb a, .tableb a:visited {color:#161616;text-decoration: none;}
.tableb a:hover {color:#da8493;text-decoration: none;}

.tableb_alternate {padding:0 10px; background: transparent;}
.tablef {padding: 10px; background:#fff; font-size:12px;}

/* -------------------------------
	Category Table Style
------------------------------- */
.catrow_noalb, .catrow {margin:0; padding: 10px 5px; background:#fff; color: #666666;  border-bottom:1px solid #F2F2F2;}
.catrow_noalb:hover, .catrow:hover {background:#fafafa;}
.catrow img{max-width:50px!important; margin-right:10px;}

/* -------------------------------
	Category Link Styles
------------------------------- */
.catlink {display: block; margin:0; padding:0; color: #000; font-family:Raleway; }
.catlink a, .catlink a:visited {color: #555; font-size:16px; font-weight:600; text-decoration: none; text-transform:normal;}
.catlink a:hover {color:#da8493; text-decoration: none;}
 
.catlink a:before { margin-right:10px; 	content:'\f097'; font-family:fontawesome; 	font-weight:400; 	font-size:14px; 	color:#B5B5B5; }
.album_stat {margin: 5px 0;}

/* -------------------------------
	Thumbnail Meta
------------------------------- */
.thumb_filename {display: block;}
.thumb_title {
	display: block; margin:1px 0; padding: 3px; font-weight:700; font-family:Raleway; font-size:12px; line-height:14px;
	background:transparent; color:#3A3A3A; width:120px; border:0;
}
.thumb_caption, .thumb_title_views, .thumb_resolution {
	display: block; margin:1px 0; padding: 3px; font-weight:300; font-size:12px; font-family:Raleway;
	background:transparent; color:#5a5a5a; width:120px; border:0;
}
.thumb_resolution {background:transparent; color:#5a5a5a!important; font-size:11px!important; }
.thumb_caption {background:transparent; color:#5a5a5a!important; font-size:9px!important; text-transform:uppercase; line-height:12px; }
.thumb_caption a {text-decoration: underline; color: #da8493;}

.thumb_num_comments {padding: 2px; display: block; font-weight: normal; text-transform: uppercase; font-size:11px; font-style: normal; background:#f1f1f1!important; width:80%; margin-top:5px;}
.user_thumb_infobox {margin:1px 0; padding:-5px;}
.user_thumb_infobox th {margin:1px 0; font-weight: 300; font-size: 100%; text-align: center;}
.user_thumb_infobox td {margin:1px 0; font-size: 85%; text-align: center;}
.user_thumb_infobox a {text-decoration: none; color: #da8493;}
.user_thumb_infobox a:hover {color: #da8493; text-decoration: underline;}

.sortorder_cell {margin: 0; padding: 0;font:400 10px Roboto; color: #ccc; line-height: 15px; letter-spacing: 0;}
.sortorder_options {margin: 0; padding: 0; white-space: nowrap;}

.buttonlist ul li {text-align:center; margin-right:-7px!important;}
.button, .buttonlist ul li a, .buttonlist ul li a:visited {
	padding: 5px; white-space: nowrap; background: #da8493;
	color: #fff; font-size: 11px; text-transform: uppercase; border: 0;
}
.button:hover,.buttonlist ul li a:hover {background: #161616; color:#fff;}

/* -------------------------------
	Menu Above Image While Viewing
------------------------------- */
.navmenu {margin:0; padding:5px 10px; background: #F1F1F1; font-weight:700; color:#747474; border:0; border-right: 1px solid #fff;}
.navmenu img {margin:0; padding: 5px;}
.navmenu a, .navmenu a:visited {display: block;}
.navmenu:last-child {border:0;}

/* -------------------------------
	Admin Menu Style
------------------------------- */
.admin_menu_wrapper {margin-bottom:5px;padding:15px;}
.admin_menu {padding: 8px; background-color: #F5f5f5; font-size:13px; font-weight:300; color: #000; text-align: center;}
.admin_menu a, .admin_menu a:visited {color:#000; text-decoration: none;}
.admin_menu a:hover {color: #da8493; text-decoration: none;}
.admin_float {
	display: block; float:left; margin:1px; max-height:1.5em;
	position: relative; white-space:nowrap; /*width:100px;*/ }

a.admin_menu {padding:0!important;background-color:transparent;}
.icon {vertical-align:middle;margin-right:1px;border:0!important;background:none!important;}
.comment_date{color: #5F5F5F;font-size: 90%;vertical-align: middle;}

/* -------------------------------
	Image Border Styles
------------------------------- */
.image {    height: auto; max-width: 100%; border: 1px solid #e1e1e1; box-shadow:0px 0px 0px #eee; margin: 1px; padding:4px; border-radius:0px; -moz-opacity: 1.0; opacity:1; margin-right: 2px;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;  }
.image:hover {      height: auto; max-width: 100%; opacity : 0.8; border: 1px solid #d2d2d2;
-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;   }

.display_media {padding: 5px 10px;}
.thumbnails {padding: 10px 5px; width:17%;}

/* -------------------------------
	Coppermine Footer Style
------------------------------- */
.footer_cpg {font-size:13px;}

/* -------------------------------
	Filmstrip Style 
------------------------------- */
.filmstrip_background {background:none;}
.prev_strip {text-align: left;}
.next_strip{text-align: right;}



/* -----------------------------------------------------------
	Coppermine CSS - NO NEED TO EDIT
-------------------------------------------------------------- */
.topmenu {font-family: "Roboto", Roboto, Geneva, Roboto, sans-serif;}
.topmenu a {color: #747474;text-decoration: none;}
.topmenu a:hover {color: #747474; text-decoration: underline;}
.img_caption_table {border: none;background-color: none;width: 100%;margin: 0px;}
.img_caption_table th {background: #D1D7DC ;font-size: 100%;color: #da8493;padding-top: 4px;padding-right: 10px;padding-bottom: 4px;padding-left: 10px;border-top: 1px solid none;}
.img_caption_table td {background: none ;padding-top: 6px;padding-right: 10px;padding-bottom: 6px;padding-left: 10px;border-top: 1px solid none;white-space: normal;}
.debug_text {border: #BDBEBD;background-color: #F3F3F3;width: 100%;margin: 0px;}
.clickable_option {cursor: default;}
.listbox_lang {color: #747474;background-color: none;border: 1px solid #D1D7DC;font-size: 80%;font-family: Roboto, Roboto, sans-serif;vertical-align: middle;}
.pic_title {color: #747474;font-size: 100%;font-weight:bold;text-align: center;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;line-height:1.0em;}
.pic_caption {color: #747474;font-size: 100%;font-weight:normal;text-align: center;padding:0;margin:0;line-height:1.0em;background-image:none;}
.important {	/* background-image: url(images/important.gif); */color: red;font-weight: bold;padding:3px 1px;}
#cpgChooseLanguageWrapper {float:left;}
#cpgChooseThemeWrapper {float:left;}

/** Swfupload css **/
div.fieldset {border:  2px solid #0E72A4;margin: 10px 0;padding: 20px 10px;}
div.fieldset span.legend {position: relative;padding: 3px;top: -30px;background-color: #8AA5B5;color: #ffffff;font-weight: bold;}
div.flash {max-width: 375px;margin: 10px 5px;border-color: #CCD7E0;}

input[disabled]{ border: 1px solid #ccc} /* FF 2 Fix */

.progressWrapper {max-width: 357px;overflow: hidden;}
.progressContainer {margin: 5px;padding: 4px;border: solid 1px #E8E8E8;background-color: #F1F1F1;overflow: hidden;}

/* Message */
.message {margin: 1em 0;padding: 10px 20px;border: solid 1px #FFDD99;background-color: #FFFFCC;overflow: hidden;}

/* Error */
.red {border: solid 1px #B50000; background-color: #FFEBEB;}

/* Current */
.green {border: solid 1px #DDF0DD; background-color: #EBFFEB;}

/* Complete */
.blue {border: solid 1px #CEE2F2; background-color: #F0F5FF;}
.progressName {font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden;}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px;}
.progressBarComplete {width: 100%; background-color: green; visibility: hidden;}
.progressBarError {width: 100%; background-color: red; visibility: hidden;}
.progressBarStatus {margin-top: 2px; width: 337px; font-size: 7pt; font-family: "Roboto"; text-align: left; white-space: nowrap; color: #555;}
a.progressCancel {font-size: 0; display: block; height: 14px; width: 14px; background-image: url(../images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right;}
a.progressCancel:hover {background-position: 0px 0px;}
.swfupload {vertical-align: top;}

/**styles for photo manager*/
table#pic_sort tr td { padding: 4px; border-bottom: 1px solid #ccc;}

/** styles for album manager and photo album*/
table#album_sort tr td {padding: 3px; border-bottom: 1px solid #ccc;}
table#album_sort tr td span.editAlbum {margin-left: 100px; font-size: 10px; line-height: 100%; text-decoration: underline; cursor: pointer; display: none; color: #FF0000;}
.cpg_message_info, .cpg_message_success, .cpg_message_warning, .cpg_message_error, .cpg_message_validation {border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center;}
.cpg_message_info {color: #00529B; background-color: #BDE5F8; background-image: url('images/message/info.png');}
.cpg_message_success {color: #4F8A10; background-color: #DFF2BF; background-image: url('images/message/ok.png');}
.cpg_message_warning {color: #9F6000; background-color: #FEEFB3; background-image: url('images/message/warning.png');}
.cpg_message_error {color: #D8000C; background-color: #FFBABA; background-image: url('images/message/stop.png');}
.cpg_message_validation {color: #D63301; background-color: #FFCCBA; background-image: url('images/message/error.png');}
#GB_window {background-color: none; border: 5px solid #CCD7E0;}
.external {background: transparent url('images/link.gif') 100% 50% no-repeat; padding-right: 10px;}
.detail_head_collapsed, .detail_head_expanded {color: #747474;}




/* -----------------------------------------------------------
	Responsive
-------------------------------------------------------------- */


@-webkit-viewport {
	width: device-width;
}

@-moz-viewport {
	width: device-width;
}

@-ms-viewport {
	width: device-width;
}

@-o-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

.show-menu,
.main-navigation input[type=checkbox] {
	display: none;
}

.main-navigation input[type=checkbox]:checked ~ .rpv-menu {
	display: block;
}


@media (max-width: 1400px) {

.show-menu { font-size: 16px; display: block; padding: 10px 3%; 	font-weight: 700; color: #fff; background-color: #222;	}
.show-menu:before { font-family: FontAwesome; font-size: 14px; margin: 0 5px 0 0; 	content: '\f0c9'; }
.site-navigation { padding: 0; text-align: left; }
.main-navigation,
.main-navigation a { font-size: 15px; line-height: 24px; display: block; }
.main-navigation ul,
.social-navigation { display: none; }
.main-navigation ul li,
.main-navigation li a { width: 100%; color: #222; text-shadow:#ffffff 0px 0px 0px; }
.main-navigation li { margin: 0; padding: 10px 3%; border-top: 1px solid #e2e2e2;}

.site-header { 	height: auto; 	background: none; }


.site-name{ font-size: 5vw; }
.site-name span{ font-size: 5vw; }

}

@media (max-width: 1400px) {


.tableh1 {padding: 5px 7px!important; font-size: 19px!important;}
.thumbnail {max-width: 12vw!important; height: auto;}
.statlink {line-height: 21px!important; background: #f1f1f1;}
.catrow_noalb {padding: 5px 7px!important;}
.catrow {padding: 5px 7px!important;}
.catlink {font-size: 14px!important; line-height: 21px!important;}
.catrow_noalb table,.catrow table {font-size: 12px!important; line-height: 21px!important;}
.tableh2 {padding: 5px!important;}
.alblink {font-size: 13px!important; line-height: 20px!important;}
.tableb p {font-size: 10px!important; line-height: 1.5!important;}
.sortorder_cell {display: none;}

.maintable, .admin_menu_wrapper,.admin_menu, .footer, .spec, .spec-alt, .wrapper {max-width:90vw!important; }

.image {margin: 0px!important;}
.thumb_title {margin: 0px 0!important;}
.thumbnails {margin:0!important; padding:0!important; width:0!important;}

#fullsize_image {max-width: 100%; height: auto;}
.thumbnails .image, .thumbnails .thumbnail {height: auto; display:inline; max-width:10vw; }

.thumb_title,.thumb_caption,.thumb_filename,.thumb_num_comments,.thumb_resolution {max-width: 10vw!important; overflow: hidden;}
.strip_image {max-width: 14vw!important; height: auto;}

}