/*
	Theme Name: Arthur Wordpress theme
	Theme URI: http://themeforest.net/user/pixel-art-inc/?ref=pixel-art-inc
	Description: Arthur is a clean and creative portfolio theme for wordpress with very nice parallax effect.
	Author: Pixelart Inc.
	Author URI: http://www.pixelartinc.com/
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.1
	Tags: white, black, dark, light, fluid-layout, responsive-layout, custom-menu, featured-images, flexible-header, theme-options, holiday
*/



/****************************************************************************
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; }



/****************************************************************************
BASIC STYLES
****************************************************************************/

body { background: #fff; color: #000; font: 14px Oswald, Helvetica, sans-serif; }

a { color: #00e; text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

h1, h2, h3, h4, h5, h6 { font: 14px 'Oswald', Helvetica, sans-serif; color: #000; text-transform: uppercase; }
h1 { font-size: 30px; }
h1 a { color: #000; text-transform: uppercase; }
h2 {font: 50px 'Oswald', Arial, sans-serif; background: #ffffff; padding: 0px 15px; display: inline-block;}
h2 a { color: #000; text-transform: uppercase; }
h3 { font-size: 20px; }
h3 a { color: #000;  text-transform: uppercase;}
h4 { font-size: 26px; }
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 {font: 400 15px 'lato', sans-serif;margin-bottom: 20px; color: #797b7f;}


/****************************************************************************
				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-color: #000; 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("http://nostalgiacoffee.com/wp-content/themes/arthur-wp/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: inline-block; margin-bottom: 10px; }
.banner h2 {background: none; color: #ffffff; margin: 70px 0px 30px;}
.banner h2 a{color: #ffffff;font: 50px 'Oswald', Arial, sans-serif; }
.ticker {  overflow: hidden;  height:190px; margin-bottom: 40px;   vertical-align: baseline;}
.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: 65px 'Oswald', Arial, sans-serif; line-height: 75px;  text-transform: uppercase; color: #fff; border-bottom: none; display: block; }

.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: #ff6347 !important; border-color: #ff6347 !important;}

header {height: 58px; line-height: 56px; background: rgba(0,0,0,.9);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: 16px; float: left; width: 12.83%; margin-left: 0px; border-right: 1px solid #353537;}
header .nav ul li:last-child, header .nav ul li.last {border: 0px;}
header .nav ul li a {font: 15px 'Oswald', Arial, sans-serif; text-transform: uppercase; background: url("images/color_line.png") left bottom no-repeat; padding-bottom: 5px; color: #b4b5b8;-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: #ff6347; }

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%; }
.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: 15px 'Oswald', Arial, sans-serif; color: #fff; }
.responsive_nav ul li a {padding: 5px 0px 5px 10px; display: block;font: 15px 'Oswald', Arial, sans-serif; color: #fff;}
.responsive_nav li ul li.active a, .responsive_nav li ul li a:hover { background: #dc6240; }
.responsive_nav ul li ul {z-index: 9999999; position: absolute; top: 39px; left: 0px; width: 100%; background: rgba(48,49,53,0.7); display: none;}


/****************************************************************************
				ABOUT
****************************************************************************/

.title  {background: url("images/line-bg.png") repeat-x left center; text-align: center; }
.description {margin-bottom: 80px;}
.description p { text-align: center;font: 18px 'Oswald', Arial, sans-serif; line-height: 26px; color: #8c919b;  }

.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: #eeeff0; 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 { color: #797b7f; font:400 15px 'lato', sans-serif; line-height: 24px; }
.wild_banner div p:last-child { margin-bottom: 0; }

.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: #ff6347; 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%; }
.quote .slide {width: 100%; 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") bottom right no-repeat;padding:0 1%; }
.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: #ff6347 !important; border-color: #ff6347 !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: #ff6347;  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;}
.clients .message {font-size: 48px;}


/****************************************************************************
				PORTFOLIO
****************************************************************************/

.portfolio-nav {text-align: center; margin-bottom: 60px;}
.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;  font: 15px 'oswald', sans-serif; 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: #ff6347; border-color: #ff6347;}
.portfolio-nav li .selected {color: #ff6347;border-color: #ff6347;}

.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;}

/*.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("http://nostalgiacoffee.com/wp-content/themes/arthur-wp/images/contact-header.png") repeat bottom fixed; margin-bottom:80px; 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: #ff6347; border-color: #ff6347;}
.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: #8c919b; padding: 10px 40px;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;}
form input[type="submit"]:hover {color: #ff6347 !important; border-color: #ff6347 !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: #ff6347 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; border-bottom: 4px solid #000000; }

.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: #ff6347 !important; border-color: #ff6347 !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: #ff6347 !important; border-color: #ff6347 !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: #ff6347;}
.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: #000000; padding: 70px 0px 60px; text-align: center; }
footer p {font: 18px 'oswald', sans-serif; color: #8c919b; text-transform: uppercase;}
footer .social_icon {margin-bottom: 20px;}
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: 50%; margin-top: -30px; 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:25px; }
.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 {}