/*

	Theme Name: Castle Hill Cider theme

	Description: A clean and creative portfolio theme for wordpress based on Arthur with very nice parallax effect.

	Author: Elevated Media

	Author URI: http://www.5430media.com/

    Version: 1.0

	
*/







/****************************************************************************

CSS RESET

****************************************************************************/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,

big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,

dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,

details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,

video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none;}

blockquote, q {	quotes: none;}

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table {	border-collapse: collapse; border-spacing: 0; }



/****************************************************************************

FONT STYLES

****************************************************************************/
@font-face {
    font-family: 'Avenir45';
    src: url('/fonts/avenirlt45book.eot');
    src: url('/fonts/avenirlt45book.eot') format('embedded-opentype'),
         url('/fonts/avenirlt45book.woff') format('woff'),
         url('/fonts/avenirlt45book.ttf') format('truetype'),
         url('/fonts/avenirlt45book.svg#AvenirLT45BookRegular') format('svg');
}


@font-face {
    font-family: 'Avenir55';
    src: url('/fonts/avenirlt55roman.eot');
    src: url('/fonts/avenirlt55roman.eot') format('embedded-opentype'),
         url('/fonts/avenirlt55roman.woff') format('woff'),
         url('/fonts/avenirlt55roman.ttf') format('truetype'),
         url('/fonts/avenirlt55roman.svg#AvenirLT55RomanRegular') format('svg');
}

@font-face {
    font-family: 'Avenir65';
    src: url('/fonts/avenirlt65medium.eot');
    src: url('/fonts/avenirlt65medium.eot') format('embedded-opentype'),
         url('/fonts/avenirlt65medium.woff') format('woff'),
         url('/fonts/avenirlt65medium.ttf') format('truetype'),
         url('/fonts/avenirlt65medium.svg#AvenirLT65MediumRegular') format('svg');
}


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

}




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

}


/****************************************************************************

BASIC STYLES

****************************************************************************/



body { background: #fff; font-family: 'Avenir45'; font-size:14px;}



a { color: #00e; text-decoration: none; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }





h1 { font-size: 30px; }

h1 a { color: #000; text-transform: uppercase; }

h2 {font-family: 'US_Declaration'; color:#4f5c5b; font-size:44px; background: none; padding: 0px 15px; display: inline-block;}
.page-id-180 h2 {font-family:'Avenir45';font-size:21px;margin:10px 0px 20px 0px;}
.page-id-180 .title {display:none;}
h2 a { color: #000; text-transform: uppercase; }

h3 { font-size: 20px; }

h3 a { color: #000;  text-transform: uppercase;}

h4 { font-size: 24px; font-family: 'Futurist';letter-spacing:-2px;}

h4 a { color: #000;  text-transform: uppercase;}

h5 { font-size: 12px; }

h5 a { color: #000; text-transform: uppercase; }

h6 { font-size: 10px; }

h6 a { color: #000;  text-transform: uppercase;}



::-moz-selection { background: #fff; color: #fff; text-shadow: none; }

::selection { background: #fff; color: #fff; text-shadow: none; }



.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }



p, td {font-family: 'Avenir45';font-size:18px;margin-bottom: 20px; color: #000;}
td {vertical-align:top}
strong { font-family: 'Avenir65';}

/***Classes***/
.redText {color:#bf2c23;}
.declaration {font-family: 'US_Declaration';font-size:30px;color:#4f5c5b;}
.img_center {display:block;margin:0 auto;padding:5px 0px 5px 0px;}
.tastingroom-wrap{margin-top:-60px;}
.table_tasting {margin-top:-50px;margin-bottom:30px;}
.td_spacer {width:20px;}
.nav a {text-decoration:none;}
a {color:#bf2c23;text-decoration:underline;}
a:hover {color:#999;text-decoration:underline;}
.page-id-232 .title {margin-top: -50px;}
.page-id-232 .container {padding-bottom: 150px;}
ul.bullets {font-size:16px;list-style: disc;margin-left: 20px;line-height: 26px;}
.page-id-232 .wpcf7-submit {padding: 6px 15px;}
.page-id-232 form {max-width: 500px;}

.Buy {font-size:16px; border:2px solid #bf2c23;padding: 7px;width:40px;text-align: center;position: relative;top:-120px;left:48%;z-index: 5000; }
.Buy a {text-decoration: none;}

.page-id-178 h2 {font-family: 'Avenir45';font-size: 24px;}
.page-id-178 .title,.page-id-177 .title {display:none;}
.topMenuAction {cursor:pointer;}
.cta {font-size:21px;display:block;clear:both;}

.ai1ec-event {max-width:320px;max-height:400px;}
.page-id-177 footer, .page-id-178 footer {display: none;}
div.ai1ec-views-dropdown,.ai1ec-calendar-toolbar, .ai1ec-pull-right {display: none;}
.ai1ec-single-event .ai1ec-event-avatar img {display: none;}
/****************************************************************************

				Header

****************************************************************************/



.header-wrapper { width: 100%; position: relative; background-size: cover !important; text-align: center; z-index: 100; }

.header-wrapper .container {height: 91%; overflow: hidden;}



.home_wraper { background: #ffffff; padding-top:80px; }



.header_banner { position: relative; background: url('https://castlehillcider.com/wp-content/uploads/2014/08/header_page.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover !important; height: 343px;}

.header_banner .banner{position: static; margin-top: 0px; padding: 30px 0px;}

.header_banner header { position: absolute; }



.short_banner { background: url("images/banner2.png") 0 0 fixed; background-size: cover !important;height: 359px;}

.short_banner .banner{position: static; margin-top: 0px; padding: 30px 0px;}

.short_banner header { position: absolute; }



.banner { z-index: 999; position: absolute; top: 50%; margin-top: -300px; text-align: center; }

.banner .logo { display: block; margin-bottom: 18%; }
/*.banner .logo { display: inline-block; margin-bottom: 18%; }*/
.banner h2 {background: none; color: #ffffff; margin: 70px 0px 30px;}

.banner h2 a{color: #ffffff;font: 50px 'Oswald', Arial, sans-serif; }

/*.ticker {  vertical-align: baseline; background:url(images/title_back.png);padding:10px;width:58%;float:left;}*/
.ticker {  vertical-align: baseline; background:url(images/title_back.png);padding:10px;width:58%;margin:0 auto; }
/*.promo {float:left;margin-left:20px;margin-top:30px;}*/

.ticker > div {-webkit-transition: margin-top 0.8s ease-in-out; -moz-transition: margin-top 0.8s ease-in-out; -o-transition: margin-top 0.8s ease-in-out;transition: margin-top 0.8s ease-in-out;}



.banner span { margin-bottom:7px;font: 20px 'Oswald', Arial, sans-serif; background: none;  color: #fff; border-bottom: 0px; padding: 0px !important; text-transform:uppercase; display: block;}

.banner h1 {  font: 20px 'US_Declaration'; line-height: 50px; color: #fff4d8;border:1px solid #fff4d8;padding:10px;margin-top:-7px;}



.banner .contact-btn {  display: inline-block; }

.banner .contact-btn .butn {  display: block; font: 20px 'Oswald', sans-serif; color: #fff; border: 3px solid #ffffff; padding: 10px 20px; text-transform: uppercase; }

.banner .contact-btn .butn:hover {color: #bf2c23 !important; border-color: #bf2c23 !important;}



header {height: 58px;background: #000;width: 100%; z-index: 1000000000; position: absolute; bottom :0px;}

header .logo_two {width: 8%; float: left;margin-left: 8px;}

header .logo_two a img {vertical-align: middle;}

header .logo_two h3 {position: relative;width: 228%; line-height: 56px;}

header .logo_two h3 a {font: 15px 'Oswald', Arial, sans-serif; color: #b4b5b8;}



header .nav {float: left; text-align: left; width: 100%; margin-right:3%;}

header .nav ul li { position: relative; padding-left: 10px; float: left; width: 10.0%; margin-left: 0px; border-right: 1px solid #fff4d8;height:38px;padding-top:20px;}

header .nav ul li:last-child, header .nav ul li.last {border: 0px;}

header .nav ul li a {font: 13px 'Avenir45', Arial, sans-serif; text-transform: uppercase; background: url("images/color_line.png") left bottom no-repeat; padding-bottom: 5px; color: #fff4d8;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s; }

header .nav ul li.current_page_parent a, header .nav ul li.current_page_item a, header .nav ul li a:hover { color: #bf2c23; }


header .nav .sub-menu { display: none; position: absolute; top: 58px; width: 100%; left: 0px; background: #303135; padding: 15px 0 0; display: none;}

header .nav .sub-menu  li {display: block; width: 100%; border: 0px;}

header .nav .sub-menu  li a {display: block; width: 100%; background: none; padding: 0px 0px 15px;}


.responsive_nav { display: none;float: right; width: 83%; text-transform:uppercase;}
.responsive_nav ul { width: 100%; text-align: left;  }
.responsive_nav > ul > li { position: relative; background: #303135; }
.responsive_nav > ul > li > a { padding: 10px 0 10px 10px !important; text-transform: uppercase; font: 21px 'Avenir65'; color: #fff;}
.responsive_nav ul li a {padding: 5px 0px 5px 10px; display: block;font: 18px 'Avenir45';color: #fff;}
.responsive_nav li ul li.active a, .responsive_nav li ul li a:hover { background: #bf2e1a; }
.responsive_nav ul li ul {top: 39px; left: 0px; width: 100%; background: rgba(48,49,53,0.7); display: none;}



/******Classes************/
#sliderWrap {margin: 0 auto;width: 100%;}
#slider {position: fixed;width: 100%;height:345px;margin-top: -345px;z-index:999999;background:url(https://castlehillcider.com/wp-content/themes/arthur-wp/images/contact_back.png); }
#sliderContent {margin:0 auto;color:#fff;margin-top:25px;}
#sliderContent a{color:#fff; text-decoration:none;}

.future {font-family: 'Futurist'; color:#fff4d8;font-size:12px;}
.social img {margin-top:13px;margin-right:10px;}
.products td{font-family: 'Avenir45';font-size:14px;line-height:18px;padding-right:20px; padding-bottom:20px;}
.products td p{font-family: 'Avenir45';font-size:14px;line-height:21px;}
p.social {padding-top: 880px;}


/****************************************************************************

				ABOUT

****************************************************************************/



.title  {text-align: center; }

.description {margin-bottom: 5px;}

.description p { font-family: 'Avenir45'; font-size:18px; color:#000; line-height:24px;  }



.team {text-align: center; margin-bottom: 80px;}

.team figure {width: 100%; position: relative; margin-bottom: 22px;}

.team figure > a { width: 100%; height: 100%; display: block; overflow: hidden; line-height: 0px; }

.team figure > a img{ width: 100%; transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;}



.team figure .overlay { display: none; width: 100%; height: 100%; text-align: center; line-height: 255px; position: absolute; top: 0px; left: 0px; background: rgba(254,141,121,0.9); }

.team figure .overlay a { width:39px ; height:39px ; display: inline-block; margin: 0 3px;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s;  }

.team figure .overlay a:hover {background-position: 0 -39px !important;}



.team figure .overlay a.fb { background: url("images/fb.png") no-repeat; background-position: 0 0; }

.team figure .overlay a.tw { background: url("images/tw.png") no-repeat; background-position: 0 0; }

.team figure .overlay a.bl { background: url("images/bl.png") no-repeat; background-position: 0 0; }

.team figure .overlay a.gp { background: url("images/gp.png") no-repeat; background-position: 0 0; }

.team figure .overlay a.in { background: url("images/in.png") no-repeat; background-position: 0 0; }



.team figure .heart{ width: 38px ; height: 38px;  position: absolute; bottom: 0px; right: 0px;z-index: 99999;}

.team figure .heart a{ width: 38px ; line-height: 0px; height: 38px; display: inline-block; background: url("images/heart.png") no-repeat; }

.team h3 {color: #000000;}

.team span {color: #8c919b; font: 15px 'Oswald', Arial, sans-serif;  text-transform: uppercase;} 



.wild_banner { overflow: hidden; background: #dfe2e1; margin-bottom: 80px; }

.wild_banner div { padding: 20px; border: 1px solid #000000; margin: 15px 15px; text-align: center; }

.wild_banner div h4 { background: url("images/heading-bg2.png") bottom center no-repeat; margin-bottom: 15px; padding-bottom: 10px; display: inline-block; }

.wild_banner div p { margin:0 auto;color: #4f5c5b; font-family: 'Avenir45'; line-height: 24px; text-align:left;padding:0px 50px 0px 50px; }

.wild_banner_dark div p { max-width:550px; }

.wild_banner div p:last-child { margin-bottom: 0; }


.wild_banner_dark { overflow: hidden; background: #231f20; margin-bottom: 80px; }
.wild_banner_dark div { padding: 20px; border: 1px solid #fff4d8; margin: 15px 15px; text-align: center; }
.wild_banner_dark div h4 { background: url("images/heading-bg2-white.png") bottom center no-repeat; margin-bottom: 15px; padding-bottom: 10px; display: inline-block; color:#fff;}
.wild_banner_dark div p { max-width: 550px;margin:0 auto; color: #fff; font-family: 'Avenir45'; line-height: 24px; text-align:left;padding:0px 50px 0px 50px; }


.facts {margin-bottom: 80px; text-align: center;}

.facts h4 { margin-bottom: 20px; text-transform: uppercase;  }

.facts ul {border-top: 4px solid #000000;}

.facts ul li { float: left; text-align: center; border-right: 1px dotted #000000;width: 24%;  padding-bottom: 25px;}

.facts ul li:last-child {border: 0px;}

.facts ul li a{ font: 70px 'oswald', sans-serif; color: #bf2c23; margin-top: 30px; display:inline-block ; margin-bottom: 6px;}

.facts ul li span { font: 15px 'oswald', sans-serif; color: #8c919b; display: block; }





/****************************************************************************

				QUOTE HEADER

****************************************************************************/



.quote_wrap { width: 100%; min-height: 550px; background: #000; margin-bottom:80px; background-size: cover !important; text-align: center; z-index: 100;}

.quote { height: 550px !important; width: 100% !important; }

.quote .slide {width: 100% !important; height: 100% !important;}

.quote .slide > div { padding: 170px 0px; }

.quote .slide p { font: 34px 'oswald', sans-serif; display: inline-block; margin-bottom: 20px;color: #ffffff; background: url("images/quote-right.png") 91% bottom no-repeat; }

.quote .slide p span{padding: 0px 15px 0px 35px; background: url("images/quote-left.png") left top no-repeat;}

.quote .slide cite {display: block;font: 700 18px 'lato', sans-serif; color: #ffffff; padding-top: 30px;  background: url("images/heading-bg.png") center top no-repeat; }



.buttons a:hover { opacity: 0.9 !important;;}

.buttons a {margin-bottom: 9px; margin-left: 6px;text-transform: uppercase;}





/****************************************************************************

				DEMO

****************************************************************************/



.shortcodes_wrap, .shortcodes_wrap .quote_wrap {margin-bottom: 0px !important; }



.buttons  { margin-bottom: 34px; text-align: center; }



.short_tab h4, .experience h4, .progress_wrap h4, .warnings h4 , .price_table > h4 , .colums > h4, .text_style > h4 {text-align: center; text-transform: uppercase; border-bottom: 4px solid #000000; padding-bottom: 20px; margin-bottom: 40px;}



.tabs2 a#ui-id-4 { background: url("images/one.png") 9px center no-repeat }

.tabs2 a#ui-id-5 {background: url("images/two.png") 9px center no-repeat }

.tabs2 a#ui-id-6 {background: url("images/three.png") 9px center no-repeat }



.tabs2 a#ui-id-4:hover { background: url("images/one-hover.png") 9px center no-repeat; }

.tabs2 a#ui-id-5:hover {background: url("images/two-hover.png") 9px center no-repeat; }

.tabs2 a#ui-id-6:hover {background: url("images/three-hover.png") 9px center no-repeat; }



.tabs2 li.ui-state-active a#ui-id-4.one { background: url("images/one-hover.png") 9px center no-repeat; }

.tabs2 li.ui-state-active a#ui-id-5.two {background: url("images/two-hover.png") 9px center no-repeat; }

.tabs2 li.ui-state-active a#ui-id-6.three {background: url("images/three-hover.png") 9px center no-repeat; }



.experience .progress {border: 0px; padding-top: 0px;}



.button { text-transform: uppercase; padding: 10px 40px; color: #000000; background: none; font: 15px 'oswald', sans-serif; border: 3px solid #000000; display: inline-block;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s;}

.button:hover {color: #bf2c23 !important; border-color: #bf2c23 !important;}



.warnings, .toggles { margin-bottom: 40px; }



.colums p { margin-bottom: 40px; font:400 15px 'lato', sans-serif; line-height: 22px; color: #797b7f;}





/****************************************************************************

				SERVICES

****************************************************************************/



.servic {text-align: center; border: 2px solid #000000; margin-bottom: 80px; margin-left: 16px !important;}

.servic div{ border: 1px solid #000000; margin: 2px; padding: 30px 0px;}

.servic h4 { margin-bottom: 10px; }

.servic figure { margin-bottom: 20px; }

.servic p {color: #797b7f; font: 15px 'lato' sans-serif; line-height: 22px; padding: 0px 15px 15px; }

.servic ul {border-bottom: 1px solid #000000; padding-bottom: 10px; margin:0 15px;}

.servic ul li { font: 15px 'oswald' sans-serif;  border-top: 1px solid #000000; color: #000000; padding-top: 10px; margin-top: 10px; }



.servic-wrap {text-align: center;}

.servic-wrap h4 { margin-bottom: 20px; text-transform: uppercase;  }



.progress { text-align: left;margin-bottom: 80px;}

.progress div { display: block; margin-left: 0px; }

.progress p {font: 15px 'oswald', sans-serif; color: #000000; margin-bottom: 10px;}

.progress p span { float: right; color: #797c80; }

.progress-bar { position: relative; margin-bottom: 18px; width: 100%; height: 10px; background: #f8f3f0;}

.progress-bar div {display: inline-block;  height: 10px; background: #bf2c23;  color: #ffffff;position: absolute;}



.service_contct { background: #ecedee; padding: 40px 0px; }

.service_contct h4 { margin-bottom: 10px; }

.service_contct .button { border-color: #000; color: #000; }





/****************************************************************************

				CLIENT HEADER

****************************************************************************/



.clients_wrap { width: 100%; height: 540px; background-repeat: no-repeat; background-size: cover !important; background-attachment: fixed; margin-bottom:80px; background-size:cover  !important; text-align: center; z-index: 100;}

.clients {margin-top: 170px;}

.clients ul li { display: inline-block; margin: 0px 15px;}

.clients ul li a {display: inline-block;}

.clients ul li a img {vertical-align: middle;}

.clients h3 {font-size: 34px; color: #ffffff; margin-bottom: 25px; margin-top: 20px; padding-bottom: 20px; background: url("images/heading-bg.png") center bottom no-repeat;}





/****************************************************************************

				PORTFOLIO

****************************************************************************/



.portfolio-nav {text-align: center; margin-bottom: 10px;}
ul.portfolio-nav {margin-bottom:10px;}
.portfolio-nav ul { margin-bottom: 15px; position: relative; z-index: 99; }

.portfolio-nav li { display: inline-block; margin: 0 9px;}

.portfolio-nav li a { position: relative; text-transform: uppercase;  z-index: 1; border: 2px solid #000000; padding: 7px 15px;  display: inline-block;   color: #000000;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s; }

.portfolio-nav li a:hover {color: #bf2c23; border-color: #bf2c23;}

.portfolio-nav li .selected {color: #bf2c23;border-color: #bf2c23;}



.portfolio {text-align: center; margin-bottom: 40px; padding-bottom: 20px; height: 320px; border-bottom: 4px solid #0f0f0f;}

.portfolio_line .portfolio { height: auto; }

.portfolio figure { width: 100%; position: relative; margin-bottom: 22px; }

.portfolio figure > a { line-height: 0px; width: 100%; height: 100%; display: block; overflow: hidden;}

.portfolio figure > a img{ width: 100%;transition: all linear 0.15s;-ms-transition: all linear 0.15s;-moz-transition: all linear 0.15s;-webkit-transition: all linear 0.15s;-o-transition: all linear 0.15s;}

.slider-nav {color:#4f5c5b; text-align:center; font-family: 'Futurist'; font-size:18pt;letter-spacing:-4pt;}
.slider-caption {font-family: 'Avenir45'; font-style:italic; font-size:15px; color:#a29897;margin:0;}


.kreis { display: none; width: 100%; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px; background: rgba(254,141,121,0.9); text-align: center;}

.kreis > a{-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s;  height:52px !important;  top:-64px;  position:absolute; margin-left: -32px;  width:64px !important; z-index:9999; background:url("images/ratina.png") no-repeat center center;}

.kreis > a.play { height: 52px; background-position: 0 0; background:url("images/play.png") no-repeat;  }

.kreis > a.play:hover {  background-position: 0 -52px !important; background:url("images/play.png") no-repeat;  }

.kreis > a:hover{background:url("images/ratina-hover.png") no-repeat center center}

.kreis h5 a{ display: block; margin-top: 138px; font-size: 18px; color: #ffffff; text-transform: uppercase; }

.portfolio .kreis span { font: 15px 'oswald', sans-serif; text-transform: uppercase; color: #ffffff; }

.portfolio figure .kreis:hover a{margin-top:50%; opacity:1; transform:rotate(360deg); -ms-transform:rotate(360deg); /* IE 9 */-webkit-transform:rotate(360deg);  /*Safari and Chrome */-o-transform:rotate(360deg); /* Opera */-moz-transform:rotate(360deg)}



.portfolio h3 {color: #000000; font-size: 18px; text-transform: uppercase;}

.portfolio span { color: #8c919b; font: 15px 'Oswald', Arial, sans-serif; text-transform: uppercase; }

.portfolio span a { color: #8c919b; font: 15px 'Oswald', Arial, sans-serif; text-transform: uppercase; }

.portfolio_line .portfolio span a { color: #fff; }



#project-container  {margin-bottom: 120px; width: 100%; overflow: auto;;}



.portfolio_line .portfolio {width: 19.9%; margin: 0px; padding-bottom:0px; border-bottom: 0px }

.portfolio_line .portfolio figure { margin-bottom: 0px;}



.portfolio_detail .detail .detail_2 .bottom {  padding: 0px;  }



.portfolio_detail .title {margin-bottom: 40px;}

.portfolio_detail .title div {display: inline-block; background: #eeeff0; padding: 0 15px;}

.portfolio_detail .title a { vertical-align: middle; width: 39px; height: 39px; display: inline-block;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s; }

.portfolio_detail .title a:hover {background-position: 0 -39px !important;}

.portfolio_detail .title a.one { background: url("images/detail-errow.png") no-repeat; background-position: 0 0; }

.portfolio_detail .title a.two { background: url("images/detail-errow2.png") no-repeat; background-position: 0 0; }

.portfolio_detail .title span { font-size: 0px; display: inline-block; vertical-align: middle; }

.portfolio_detail .title span.one a { text-indent: -9999px; background: url("images/detail-errow.png") no-repeat; background-position: 0 0; }

.portfolio_detail .title span.two a { text-indent: -9999px; background: url("images/detail-errow2.png") no-repeat; background-position: 0 0; }

.portfolio_detail .title a.close-detail { background: url("images/cross.png") no-repeat; background-position: 0 0; }



#portfolio_detail { background: #eeeff0; padding: 50px 0px 90px; margin-bottom: 80px; display: none; }

.portfolio_detail .detail .bottom { background: #ffffff; padding: 20px;  }

.portfolio_detail .detail h4{ background: #000000; padding-bottom: 15px; background: url("images/line.png") no-repeat left bottom; margin-bottom: 20px; }

.portfolio_detail .detail p {font:400 15px 'lato', Arial, sans-serif; color: #797b7f; margin-bottom: 25px; line-height: 20px; }



.portfolio_detail .detail .bottom ul { border-top: 2px solid #8c919b;padding-top: 10px;  }

.portfolio_detail .detail .bottom ul li { font: 15px 'Oswald', Arial, sans-serif; color: #000000; border-bottom: 1px solid #8c919b; padding-bottom: 10px; margin-bottom: 10px; }

.portfolio_detail .detail .bottom ul li span {  color: #8c919b; }



.single-portfolio #portfolio_detail { display: block; margin-bottom: 0px; }

.single-portfolio .home_wraper { padding-top: 0px; }



.detail_2 .bottom { background: none !important; }





/****************************************************************************

				CONTACT HEADER

****************************************************************************/



.contact_header { width: 100%; height: 550px;  background: url("images/contact-header.png") repeat bottom fixed; margin-bottom:20px; background-size: cover !important; text-align: center; z-index: 100;}

.adress {margin-top: 160px;}

.adress p {font: 34px 'oswald', sans-serif; color: #ffffff; text-transform: uppercase;}

.adress p a { font: 55px 'oswald', sans-serif; color: #ffffff;  display:inline-block; margin: 15px 0px; padding:10px 40px; border: 3px solid #ffffff;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s; }

.adress p a:hover {color: #bf2c23; border-color: #bf2c23;}

.adress p span { font: 18px 'oswald', sans-serif; color: #ffffff;  display: block; }



.contact-wrap {margin-bottom: 100px}

form label {font: 15px 'oswald', sans-serif; color: #000000; margin-bottom: 12px; display: block;}

form br { display: none; }

form fieldset {width: 46%; float: left; margin-right: 4%;  margin-bottom: 24px; }

form fieldset:last-child { margin-right: 0%; }

form input[type="text"], form input[type="email"] {  font-size: 15px; width: 100%; height: 40px; border-radius: 0px; outline: none; box-shadow: none;  border:1px solid #babec5;  }

form textarea {width: 96%;font-size: 15px; height: 196px;border-radius: 0px;  margin-bottom: 24px; outline: none; box-shadow: none;  border:1px solid #babec5;  resize: none; }

form input[type="submit"] { text-transform: uppercase; background: none;  color: #bf2c23; padding: 10;border: 3px solid #8c919b; display: inline-block; -webkit-transition: all 0.6s ease-in-out 0s; -moz-transition: all 0.6s ease-in-out 0s;  -o-transition: all 0.6s ease-in-out 0s;float:right;margin-right:15px;}

form input[type="submit"]:hover {color: #bf2c23 !important; border-color: #bf2c23 !important;}



div.wpcf7-validation-errors { font: 400 15px 'lato', sans-serif; line-height: 45px; color: #ffffff; margin: 0px; border: 0px; padding: 0px 15px 0px 60px; background: #bf2c23 url("images/error.png") no-repeat 15px center; }

div.wpcf7-mail-sent-ok { font: 400 15px 'lato', sans-serif; line-height: 45px; color: #ffffff; margin: 0px; border: 0px; padding: 0px 15px 0px 60px; background: #80c16c url("images/succes.png") no-repeat 15px center; }





/****************************************************************************

				BLOG

****************************************************************************/



.wrap, .single_wrap {margin-bottom: 90px;}

.post {background: url("images/line-bg.png") repeat-x center bottom; padding-bottom: 8px; margin-bottom: 120px; }

.post .detail-slider {margin-bottom: 90px;}

.post .post-title { font: 36px 'oswald', sans-serif; margin-bottom: 4px; color: #1f2122; }

.post .post_meta, .post .tags a { font: 15px 'oswald', sans-serif; margin-bottom: 4px; }

.post .post_meta { color: #8c919b; margin-bottom: 40px; text-transform: uppercase; }

.post .post_meta a { font: 15px 'oswald', sans-serif; color: #8c919b;}



.post { font: 400 15px 'lato', sans-serif; color: #797b7f; }

.post p { font: 400 15px 'lato', sans-serif; color: #797b7f; margin-bottom: 40px; line-height: 28px;}

.post .tags { background: url("images/ribn.png") no-repeat left center; padding-left: 15px;}

.post .tags a {color: #bfbfbf;}



.post .image-icon {background: url("images/ratina2.png") no-repeat;}

.post .video-icon {background: url("images/video.png") no-repeat;}

.post .image-icon,

.post .video-icon {width: 61px; height: 61px; display: inline-block; z-index: 9999999; position: absolute; top: 100%; position: 0 0 !important; margin-top: -31px; left: 50%; margin-left: -31px; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}

.post .image-icon:hover,

.post .video-icon:hover {background-position: 0 -61px !important;}

.post .video_frame { position: relative; margin-bottom:90px; }

.post .video_frame iframe { width: 100%; height: 380px; }



.post pre { padding: 0px 20px 20px; margin: 0px 0px 40px; }

.post ol { margin: 0px 0px 40px; padding-left: 15px; }

.post ol li { list-style-type: decimal; }

.post ul { margin: 0px 0px 40px; padding-left: 15px; }

.post ul li { list-style-type: disc; }

.post h1, .post h2, .post h3, .post h4 { padding: 0px; margin: 0px 0px 40px; }



.post figure { position: relative; margin-bottom: 90px; width: 100%; }

.post figure a { display: block; width: 100%; }

.post figure a img { max-width: 100%; }



.single_wrap .post { background: none; padding-bottom: 80px; margin-bottom: 0px; }

.comments-wrap, .form-wrap {text-align: center;}

.single_wrap h4, .contact-wrap h4 { padding-bottom: 20px; text-transform: uppercase;  }



.paggination .bttn a { text-transform: uppercase; padding: 10px 40px; color: #8C919B; background: none; font: 15px 'oswald', sans-serif; border: 3px solid #8C919B; display: inline-block;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s;}

.paggination .bttn a:hover { color: #bf2c23 !important; border-color: #bf2c23 !important; }

.paggination .next { float: right; }

.paggination .prev { float: left; }



.paggination2 .bttn a { float: right; margin-right: 20px; text-transform: uppercase; padding: 10px 40px; color: #8C919B; background: none; font: 15px 'oswald', sans-serif; border: 3px solid #8C919B; display: inline-block;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s; }

.paggination2 .bttn a:hover { color: #bf2c23 !important; border-color: #bf2c23 !important; }



.comments, .comments_form { margin-top: 70px; text-align: left;}

.comments li { background: url("images/line-bg2.png") repeat-x center bottom; overflow: hidden; margin-bottom: 40px; }

.comments li h5 { font-size: 22px; color: #1f2122;}

.comments li .meta { font: 15px 'oswald', sans-serif; color: #8c919b; margin-bottom: 15px; text-transform: uppercase;}

.comments li .meta a  { font: 15px 'oswald', sans-serif; color: #bf2c23;}

.comments li p { font: 400 15px 'lato', sans-serif; color: #797b7f; margin-bottom: 40px; line-height: 28px;}

.comments .children {background: url("images/line-bg2.png") repeat-x center top; padding-top: 40px; }

.comments .children li { background: url("images/comment-bg.png") left top no-repeat; padding-left: 85px; padding-bottom: 0px; margin-bottom: 0px; }

.comments li:last-child {background: none;}





/****************************************************************************

				SLIDERS

****************************************************************************/



.detail-two { position: relative; margin-bottom: 20px; height: 343px !important; }

.detail-two .slides { height: 343px !important; width: 100%; }

.detail-two .slides > div { height: 100%; width: 100%; }

.detail-two .slides a { width: 100%; height: 100%; display: block; }

.detail-two .slides img { width: 100%; height: 100%; }

.detail-two > a { z-index: 99999999; margin-top: -30px; width: 60px; height: 60px; display: inline-block;position: absolute; top: 50%; text-indent: -999999px; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.detail-two > a:hover { background-position: 0 -60px !important; }

.detail-two > a.left { background: url("images/left.png") no-repeat; background-position: 0 0; left: 30px; }

.detail-two > a.right { background: url("images/right.png") no-repeat; background-position: 0 0; right: 30px; }





.detail-slider { position: relative; margin-bottom: 20px; height: 420px; }

.detail-slider .slides { height: 420px; width: 100%; }

.detail-slider .slides > div { height: 100%; width: 100%; }

.detail-slider .slides a { width: 100%; height: 100%; display: block; }

.detail-slider .slides img { width: 100%; height: 100%; }

.detail-slider > a { z-index: 99999999; margin-top: -30px; width: 60px; height: 60px; display: inline-block;position: absolute; top: 50%; text-indent: -999999px; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.detail-slider > a:hover { background-position: 0 -60px !important; }

.detail-slider > a.left { background: url("images/left.png") no-repeat; background-position: 0 0; left: 30px; }

.detail-slider > a.right { background: url("images/right.png") no-repeat; background-position: 0 0; right: 30px; }



.detail-slider iframe { width: 100%; height: 100%; }



.loading { width: 100%; margin: 0px; height: 15px; background: url(images/loader-black.GIF) no-repeat center center; text-align: center; padding-bottom: 40px; }

.dark-theme .loading { background: url(images/loader-white.GIF) no-repeat center center; }





/****************************************************************************

				FOOTER

****************************************************************************/



footer { background:url(https://castlehillcider.com/wp-content/uploads/2014/08/footer.jpg); text-align: center;width: 100%; position: relative; background-size: cover;margin-top: -100px }

.page-id-177 footer,.page-id-178 footer {background: none;}

.footerContents {position: relative;height:1000px;}
footer p {font-size:: 12px 'oswald', sans-serif; color: #8c919b; text-transform: uppercase;}

footer .social_icon {margin-bottom: 70px;}

footer .social_icon a { width: 39px; height: 39px; display: inline-block; margin: 0 5px;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s;  }

footer .social_icon a:hover { background-position: 0 -39px !important;; }

footer .social_icon a.fb { background: url("images/footer_fb.png") no-repeat; background-position: 0 0; }

footer .social_icon a.tw { background: url("images/footer-tw.png") no-repeat; background-position: 0 0; }

footer .social_icon a.bl { background: url("images/footer_bl.png") no-repeat; background-position: 0 0; }

footer .social_icon a.gp { background: url("images/footer_gp.png") no-repeat; background-position: 0 0; }

footer .social_icon a.be { background: url("images/footer_be.png") no-repeat; background-position: 0 0; }

footer .social_icon a.in { background: url("images/footer_in.png") no-repeat; background-position: 0 0; }

footer .social_icon a.pn { background: url("images/footer_pin.png") no-repeat; background-position: 0 0; }

footer .social_icon a.ve { background: url("images/footer_ve.png") no-repeat; background-position: 0 0; }



.error { text-align: center; }

.error p { font-size: 20px; margin-bottom: 20px; }

.error h2 { background: none; font-size: 72px; line-height: 72px; }





/****************************************************************************

				ISOTOPE

****************************************************************************/



.isotope,

.isotope .isotope-item {

    -webkit-transition-duration: 0.8s;

    -moz-transition-duration: 0.8s;

    -o-transition-duration: 0.8s;

    transition-duration: 0.8s;

}

.isotope {

    -webkit-transition-property: height, width;

    -moz-transition-property: height, width;

    -o-transition-property: height, width;

    transition-property: height, width;

}

.isotope .isotope-item {

    -webkit-transition-property: -webkit-transform, opacity;

    -moz-transition-property:    -moz-transform, opacity;

    -o-transition-property:         top, left, opacity;

    transition-property:         transform, opacity;

}

.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

    -webkit-transition-duration: 0s;

    -moz-transition-duration: 0s;

    -o-transition-duration: 0s;

    transition-duration: 0s;

}



.ie7 header .nav_two ul li { width: 11.83%;}

.ie8 header .nav_two ul li { width: 11.83%;}

.ie9 header .nav_two ul li { width: 11.83%;}

.ie10 header .nav_two ul li { width: 11.83%;}





/****************************************************************************

FLEX SLIDER

****************************************************************************/



.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none; }



.flexslider {position: relative; margin-bottom: 60px;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {max-width: 100%; display: inline-block;}

.flex-pauseplay span {text-transform: capitalize;}



.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}



.flex-control-nav { display: none;}

.flex-direction-nav { height: 49px; }

.flex-direction-nav li {display: inline-block;}

.flex-direction-nav li a { z-index: 101; width: 60px; height: 60px; display: inline-block;position: absolute; top: 20%; margin-top: 90px; text-indent: -999999px; -webkit-transition:  0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}

.flex-direction-nav li a:hover { background-position: 0 -60px !important; }

.flex-direction-nav li a.prev {background: url("images/left.png") no-repeat; background-position: 0 0; left: 30px;}

.flex-direction-nav li a.next {background: url("images/right.png") no-repeat; background-position: 0 0; right: 30px;}



.no-js .slides > li:first-child {display: block;}



.flexslider { zoom: 1;}

.flexslider .slides {zoom: 1;}

.flexslider .slides  li {position: relative;}



.flex-container {zoom: 1; position: relative;}



.flex-caption, .flex-caption2 {width: 100%; padding: 15px; position: absolute;text-align: center; top: 50%; margin: -65px 0px 0px 0 ; z-index: 100;}

.flex-caption h1, .flex-caption2 h1{ color: #ffffff; font: 50px 'oswald', sans-serif; text-transform: uppercase;}

.flex-caption p, .flex-caption2 p{ color: #ffffff; font: 18px 'oswald', sans-serif; text-transform: uppercase;}



.flex-direction-nav { height:0px; }

.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}





/****************************************************************************

WP CORE CLASSES

****************************************************************************/



.alignnone { margin: 5px 20px 20px 0; }

.aligncenter { display: block; margin: 5px auto 5px auto; }

.alignright { float:right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }

.wp-caption.alignnone { margin: 5px 20px 20px 0; }

.wp-caption.alignleft { margin: 5px 20px 20px 0; }

.wp-caption.alignright { margin: 5px 0 20px 20px; }

.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.sticky {}

.gallery-caption {}

.bypostauthor {}

.nocomments {}