/* 
Theme Name: Abby Rose
Description: Abby Rose.
Author: Flosites | Victor D.
Author URI: http://flosites.com
Version: 0.0.1
License:
License URI:
*/
/* Fonts
*******************************/
@font-face {
    font-family: 'GillSans';
    src: url('fonts/gil_____-webfont.eot');
    src: url('fonts/gil_____-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gil_____-webfont.woff') format('woff'),
         url('fonts/gil_____-webfont.ttf') format('truetype'),
         url('fonts/gil_____-webfont.svg#GillSansMTRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
font-family: 'HelveticaNeueLTProMd';
	src: url('fonts/helveticaneueltpro-md-webfont.eot?') format('eot'),
		 url('fonts/helveticaneueltpro-md-webfont.woff') format('woff'),
		 url('fonts/helveticaneueltpro-md-webfont.ttf') format('truetype'),
		 url('fonts/helveticaneueltpro-md-webfont.svg#webfontsiurma8e') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset styles
*******************************/
article,aside,details,figcaption,figure,
footer,header,hgroup,nav,section {
    display: block;
}

/*
 * Add display for embedded HTML5 elements
 * Addresses display not defined in IE6/7/8/9 & FF3
 */
audio[controls],
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

html {
    overflow-y: scroll; /* 1 */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%;
}
body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,li,ol,
a,em,img,strong,fieldset,form,label,article,aside,details,
figcaption,figure,footer,header,hgroup,nav,section{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
:focus {outline: 0;}
img {vertical-align:middle; outline:0}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}
/* Body & forms
*******************************/
body{
    color:#000;
    text-align: left;
    background: #fff;
    font:normal 13px/1.2 sans-serif;
    position: relative;
}
input,
textarea {
    font:normal 1em/1 sans-serif;
    background: #fff;
    color: #000;
    padding:5px;
    border: 0;
    margin:0;
    border:1px solid #000;
    -webkit-appearance: none;
}
textarea {
    resize:none;
}
input[type=submit],
input[type=button] {
    cursor: pointer;
    background: #f5f5f5;
    
}


.wrapper{
    width: 1000px;
    margin: 0 auto;
}

/* Links
*******************************/
a:link,
a:visited,
a:hover{
    color:#000;
    text-decoration: none;
}
a:visited {}
a:hover {
    text-decoration: none;
}

/* Clearfix
*******************************/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* Headers
*******************************/
h1, h2, h3, h4, h5, h6 {
    font:normal 1em/1.2 sans-serif;
}
h1 {
    font: normal 22px 'HelveticaNeueLTProMd';
}
h2 {
    font: normal 18px 'HelveticaNeueLTProMd';
}
h3 {
    font-size:24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}

/* Text elements
*******************************/
p               {margin: 0 0 17px 0; text-align: left; line-height:1.5;}
p.last          {margin-bottom:0;}
strong      	{font-weight: bold;}
em          	{font-style: italic;}

/* Typo
*******************************/
hr {
    background-color: #000;
    border: 0;
    clear: both;
    height: 1px;
    margin-bottom: 1em;
}
.story ul,
.story ul li {
    list-style: disc inside;
}
.story ol,
.story ol li {
    list-style: decimal;
}
.story ul,
.story ol {
    margin: 0 0 1em 1.5em;
    line-height: 1.5;
}
.story ol ol {
    list-style: upper-alpha;
}
.story ol ol ol {
    list-style: lower-roman;
}
.story ol ol ol ol {
    list-style: lower-alpha;
}
.story ul ul,
.story ol ol,
.story ul ol,
.story ol ul {
    margin-bottom: 0;
}
.story h1,
.story h2,
.story h3,
.story h4,
.story h5,
.story h6 {
    font:normal 1em/1.2 sans-serif;
    margin-bottom: .5em;
}
.story h1 {
    font-size: 36px;
}
.story h2 {
    font-size:28px;
}
.story h3 {
    font-size:24px;
}
.story h4 {
    font-size: 18px;
}
.story h5 {
    font-size: 14px;
}
.story h6 {
    font-size: 12px;
}
.story a:link,
.story a:visited,
.story a:hover,
.story a:active{
    text-decoration: underline;
}
dl {
    margin: 0 0 1.5em 0;
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 1em;
}
pre {
    
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
sup,
sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}

table {
    margin-bottom: 1.5em;
    border-collapse: collapse;
}
table td,
table th {
    padding:5px;
}
table th {
    font-weight: bold;
}

/* Wordpress Typo
*******************************/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
    max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 1em;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 1em;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 1em;
}
.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    text-align: center;
}
.wp-caption img {
    margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}
.wp-smiley {
    margin: 0;
}

/* Header
*******************************/
header {
    margin: 5px auto;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    display: block;
    width: 998px;
}

header h1 a {
    float: left;
    height: 60px;
}
#searchform {
    float: right;
}

nav {
    margin-left: 82px;
}

nav > ul > li {
    float: left;
    margin-right: 1em;
}
nav > ul > li > a {
    float: left;
    padding:1em 2em;
    border: 1px solid #eee;
}
nav > ul > li > a:hover {
    text-decoration: none;
    background: #f5f5f5;
}

nav li {
    float: left;
    height: 38px;
    padding-bottom: 8px;
    padding-top: 78px;
    position: relative;
    text-transform: uppercase;
}

nav li:hover {
    background: url(images/pattern.png);
}

nav li a{
    font: normal 13px;
    padding: 20px 16px 23px 16px;
}

nav li a:hover {
    color: #ffffff;
    background-color: #dcdcdc;
}

nav > ul ul {
    display: none;
}


/* Welcome
*******************************/
#welcome {
    overflow: hidden;
    zoom:1;
    margin-bottom: 2em;
}
#welcome .content {
    float: left;
    width:360px;
}
#welcome .content h2,
#welcome .content p {
    text-align: center;
}
/* Sneak-peek
***************************/
.sneak-peek-wrapper {
    overflow: hidden;
    width: 1000px;
    background-color: #ffffff;
    margin: 0 auto;
    padding-top: 26px;
    padding-bottom: 35px;
}

#sneak-peek {
    width: 900px;
    height: 600px;
    margin: 0 auto;
    position: relative;
    /*overflow: hidden;*/
}

#sneak-peek .navi {
    bottom: -50px;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 900px;
    z-index: 20;
}

#sneak-peek .navi a {
    background: url("images/navi-dot.png") no-repeat scroll 0 0 transparent;
    padding-right: 13px;
}

#sneak-peek .navi a.active {
    background: url(images/navi-dot-active.png) no-repeat 0 0;
}

#sneak-peek .navi a:after {
    content: '1';
    visibility: hidden;
}

#sneak-peek .cloned {
    opacity: 0.7;
}

#sneak-peek .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

#sneak-peek .items div {
	float:left;
	width:1000px;
        position: relative;
}

#sneak-peek .items div .over{
    background: url(images/sneak-peek-over.png) 0 0 no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 900px;
    height: 600px;
}

#sneak-peek .items div.active .over{
    background: none;
}

#sneak-peek .items div.active .info{
    display: block;
}

/* single scrollable item */
#sneak-peek img {
	float:left;
	width:900px;
	height:600px;
}
#sneak-peek a.next,
#sneak-peek a.prev {
    background: url(images/arrows.png) no-repeat;
    position: absolute;
    width:31px;
    height: 61px;
    top:44%;
    text-indent: -9999px;
    z-index: 100;
    cursor: pointer;
}

#sneak-peek a.prev {
    left: -42px;
    background-position: 0 -62px;
}
#sneak-peek a.prev:hover {
    background-position: 0 0;
}
#sneak-peek a.next {
    background-position: -32px -62px;
    right: -42px;
}
#sneak-peek a.next:hover {
    background-position: -32px 0;
}

/* Content
*******************************/
#content {
    width: 100%;
    background-color: #f2f2f2;
    padding-top: 16px;
    padding-bottom: 40px;
}

/* Footer
*******************************/
footer {
    margin-top: 36px;
    background-color: #f2f2f2;
    height: 177px;
    width: 100%;
    margin: 0 auto;
    font: normal 12px Arial;
    color: #333333;
}

footer .wrap {
    width: 1000px;
    margin: 0 auto;
}

footer .wrap:hover a{
    opacity: .6;
}

footer span {
    float: left;
    padding-left: 5px;
    margin-top: 18px;
}

footer a{
    float: right;
    margin-top: 18px;
}

footer a img {
    padding-left: 8px;
    padding-right: 8px;
}

.footer-space {
    height: 36px;
    width: 1000px;
    border-left: 1px dashed #cecece;
    border-right: 1px dashed #cecece; 
    margin: 0 auto;
}

/* Post
*******************************/

.post {
    overflow: hidden;
    zoom:1; /* IE */
}
.post .content .meta {
    float: left;
    margin-left: 25px;
    margin-top: 13px;
}
.post .content .meta h1 a{
    color: #2a2a2a;
}
.post .content .meta h1 a:hover {
    color: #575757;
}

.post ul { padding-left: 50px;
}

.post .post-content {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 16px;
}
.post .post-content a {
    color: #D61C88;
    /*opacity: .8;*/
}
.post .post-content a:hover {
    text-decoration: none;
    /*opacity: .6;*/
}
.post .post-content .image {
    text-align: center;
}
.post .post-content img {
    margin-bottom: 2em;
    margin-top: 2em
}
.post .content .line {
    background: url("images/separator.png") no-repeat scroll 0 50% transparent;
    height: 23px;
    line-height: 23px;
    vertical-align: middle;
}
.gal-line {
    position: absolute;
    background-color: yellow;
    bottom: 221px;
    left: 0;
}
.post .content .categories,
.post .content .categories a {
    font: normal 12px 'GillSans';
    color: #d61c88;
    text-transform: uppercase;
}
.post .content .categories a:hover {
    color: #d583b3;
}
.post .date {
    width:50px;
    display: block;
    background-color: #c9c9c9;
    font-family: Arial;
    color: #ffffff;
    padding: 10px 6px 10px 5px;
    float: left;
    margin-left: 50px;
}
.post .date .month {
    font-size: 16px;
}
.post .date .day-year {
    font-size: 12px;
}

.post .excerpt {
    line-height: 1.5;
}
.post .excerpt p {
    text-align: center;
}
.post a.toggle {
    display: block;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.post figure{
    float: right;
    width:600px;
}
.post figure img {
    max-width: 600px;
    height: auto;
}
.post .no-image .content {
    float: none;
    width:auto;
}


/* Comments
*******************************/
.comments-content-form {
    /*display: none;*/
    float: left;
}
.comments {
    padding-left: 50px;
    padding-right: 50px;
}
.comments .messages {
    font: normal 12px Arial;
    color: #F61E9B;
    text-align: center;
}
.comments .comment-form {
    float: right;
    position: relative;
    width: 400px;
}
.comment-form h4.caption {
    font: normal 13px 'GillSans';
    color: #232323;
    text-transform: uppercase;
    margin-bottom: 18px;
    margin-top: 20px;
}
.comments .comment-form .inputs input[type="text"],
.comments .comment-form .area textarea {
    margin: 0;
    padding: 0 0 0 3px;
    border-color: #c9c9c9;
    font: normal 10px Arial;
    color: #c1c1c1;
    position: relative;
}
.comments .comment-form .inputs input[type="text"] {
    height: 21px;
    margin-bottom: 10px;
    position: relative;
}
.comments .comment-form .area textarea {
    width: 400px;
    height: 158px;
    position: relative
}
.comments .comment-form .inputs .name input[type="text"] {
    width: 400px;
}
.comments .comment-form label {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 10;
}
.comments .comment-form .area label {
    top: 36px;
}
.comments .comment-form .inputs .email,
.comments .comment-form .inputs .website{
    width: 192px;
    float: left;
}
.comments .comment-form .inputs .email input[type="text"], 
.comments .comment-form .inputs .website input[type="text"] {
    width: 196px;
    float: left;
    z-index: 1;
}
.comments .comment-form .inputs .email, 
.comments .comment-form .inputs .website {
    margin-right: 8px;
}

.comments .comment-form .inputs .website {
    margin-right: 0;
    margin-left: 3px;
}
.comments .comment-form label.error {
    position: absolute;
    font: normal 9px Arial;
    color: #d61c88;
    right: 0;
    top: 0;
    z-index: 10;
}
.comments .comment-form .area label.error {
    top: 40px;
}
.comments .comment-form .inputs .name,
.comments .comment-form .inputs .email,
.comments .comment-form .inputs .website,
.comments .comment-form .area
{
    position: relative;
}
.comments .comment-form .submit input[type="submit"] {
    height: 24px;
    width: 100px;
    text-transform: uppercase;
    background-color: #000000;
    color: #ffffff;
    font: bold 10px Arial;
    margin-right: 6px;
    margin-top: 10px;
}
.comments .comment-form .submit {
    float: right;
}
.comments .comments-number,
.comments .comments-number a{
    width: 180px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    background-color: #000000;
    font: bold 10px/22px Arial;
    color: #d61c88;
    display: table-cell;
    float: left;
}
.comments .comments-number span {
    color: #ffffff;
}
/* Archives
*******************************/
#archives {
    width: 100%;
    margin: 0 auto;
}
.archives{
    margin: 0 auto;
    width: 1000px;
    line-height: 105px;
    vertical-align: middle;
    height: 105px;
    border-left: 1px dashed #cecece;
    border-right: 1px dashed #cecece;
}
#archives .text {
    float: left;
    text-transform: uppercase;
    font: normal 13px/102px 'GillSans';
    color: #2a2a2a;
    margin-left: 195px;
}
#archives .year {
    height: 33px;
    position: relative;
    float: left;
    margin-left: 28px;
}
#archives .year a.up,
#archives .year a.down {
    position: absolute;
    width: 19px;
    overflow: hidden;
    text-indent: -999px;
    left: 4px;
}
#archives .year a.down {
    bottom: -45px;
    background: url(images/arrow-years-down.png) no-repeat 0 0 transparent;
    line-height: 10px;
}
#archives .year a.up {
    background: url(images/arrow-years-up.png) no-repeat 0 0 transparent;
    top: 25px;
    line-height: 10px;
}
#archives .months {
    float: left;
    margin-left: 30px;
    font: normal 14px/102px Arial;
    color: #2a2a2a;
}
#archives .months span,
#archives .months a{
    margin-right: 12px;
}
#archives .months a{
    color: #d61c88;
}
#archives span.delim {
    display: none;
}
#archives .months .year-months {
    display: none;
}

#top {
    width: 100%;
    height: 21px;
    background-color: #f2f2f2;
}

#top .left-border {
    width: 3px;
    height: 21px;
    overflow: hidden;
    float: left;
}

.top-links {
    display: block;
    float:right;
    padding-left:10px;
    background: url(images/pattern.png);
    word-spacing: 0;
} 

.top-links .social {
    position:relative;
    display:inline-block;
    *display:inline;
    vertical-align: top;
    width:21px;
    height:21px;
    margin-right:10px;
    letter-spacing: 0;
    background-color:#f2f2f2;
    background-position:top left;
    background-repeat:no-repeat;
    text-indent:-9999px;
    overflow:hidden;
}
.top-links .social.facebook {
    background-image:url(images/social_facebook.png);
}
.top-links .social.twitter {
    background-image:url(images/social_twitter.png);
}
.top-links .social.instagram {
    background-image:url(images/social_instagram.png);
}
.top-links .social:hover {
    background-position:bottom left;
}
#logo {
    /*background: url('images/logo.png') no-repeat 0 0;*/
    width: 102px;
    height: 90px;
    float: left;
    margin-top: 21px;
    margin-left: 15px;
}

/* Menu
*******************************/
.nav-menu {
    float: left;
    margin-left: 70px;
}

.nav-menu a.last {
    background: none;
}

.nav-menu > ul > li {
    display: inline;
    float: left;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.nav-menu > ul > li:hover {
}

.nav-menu > ul > li > a {
    color: #bbbbbb;
    background: url("images/menu-dot.gif") no-repeat scroll 100% 50% transparent;
}

.nav-menu > ul > li > a:hover {
    background-color: #dcdcdc;
    color: #ffffff;
    background-image: none;
}

/* Submenu */
.nav-menu > ul > ul {
    width: 122px;
    height: auto;
    display: block;
    position: absolute;
 list-style:none
}
.nav-menu ul ul {
    padding-top: 30px;
    position: absolute;
    width: 160px;
    z-index: 10;
    border: 1px solid #dcdcdc;
    margin-top: 32px;
    background-color: #ffffff;
    left: -30px;
}
.nav-menu ul ul li {
    padding:0;
    margin:0;
    height: 40px;
    text-align: left;
    background: none;
    min-width: 100px;
}
.nav-menu ul ul li a{
    padding: 0;
    margin:0;
    margin-left: 28px;
    background: none;
    font: normal 13px 'GillSans';
    color: #bbbbbb;
}
.nav-menu ul ul li a:hover{
    color: #b3b2b2;
}
/* Search
*******************************/
.search {
    background: url(images/pattern.png);
    border-left: 1px dashed #d61c88;
    float: right;
    height: 57px;
    margin-top: 56px;
    position: relative;
    width: 242px;
}

.search div {
    left: 29px;
    position:absolute
}

.search input[type="text"] {
    border-color: #dcdcdc;
    padding: 0;
    margin-top: 17px;
    height: 21px;
    width: 162px;
}

.search input[type="submit"] {
    background: url(images/search-submit-button.png) no-repeat 0 0;
    border: 0 none;
    height: 21px;
    width: 21px;
    overflow: hidden;
    text-indent: -999px;
    margin-left: 5px;
    float: right;
    margin-top: 17px;
    position: absolute;
    top: 1px;
    right: -26px;
}

.search input[type="submit"]:hover {
    opacity: .6;
}

.search label {
    display: none;
}

/* Page
*******************************/
.pricing .story {
    margin-top: 50px;
}
.pricing .story strong {
    color: #D61C88;
}
.page-wrap {
    margin: 0 auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}

.bottom-space {
    width:100%;
    height: 45px;
    clear:both;
    zoom: 1; /* IE */
}

.portfolio-bottom-space {
    width:100%;
    height: 45px;
    clear:both;
    zoom: 1; /* IE */
}
.portfolio-bottom-space:after {
    display: block;
    content: " ";
    clear: both;
}

.line {
    background: url(images/separator.png) no-repeat 0 0 transparent;
    width: 1000px;
    height: 10px;
    float:left;
}

/* Page Pricing
*******************************/
.pricing {
    display: block;
    width: 900px;
    margin: 0 auto;
    padding-top: 64px;
    position: relative;
}

.pricing .title {
    width: 100px;
}

.pricing .title h2 {
    font: normal 18px 'HelveticaNeueLTProMd';
    color: #2a2a2a;
}

.pricing .left-block {
    float:left;
    width: 297px;
}

.pricing .content {
    float: left;
    font: normal 14px Arial;
    color: #626262;
    line-height: 17px;
    margin-top: 29px;
}

.pricing .image {
    float:right;
}

/* Page Contact
*******************************/
.page-contact .title {
    width: 200px;
    float:left;
    overflow: hidden;
}

.page-contact .contact-info {
    float: left;
    font: normal 12px 'GillSans';
    color: #9f9d9d;
}

.page-contact .contact-info p{
    margin: 0 0 17px;
}

.page-contact {
    padding-top: 35px;
    padding-left: 50px;
}
.page-contact h2 {
    font: normal 18px 'HelveticaNeueLTProMd';
    color: #2a2a2a;
}

.page-contact .text {
    border-right: 1px dashed #DDDDDD;
    height: 420px;
    overflow: hidden;
    width: 286px;
    float:left;
    margin-top: 30px;
    font: normal 13px 'GillSans';
}

.page-contact .text p {
    margin-bottom:0;
}

.page-contact .message {
    margin: 0;
    padding: 0;
}

.page-contact .text p{
    line-height: 15px;
}

.page-contact .contact form {
    clear: both;
    zoom: 1; /* IE */
}

.page-contact .contact .messages {
    color: #000000;
    display: block;
    float: right;
    font: 12px Arial;
    color: #D61C88;
}

.page-contact .contact {
    float: right;
    margin-right: 70px;
}

.page-contact .contact .field {
    padding-top: 14px;
    position: relative;
    height:34px;
    clear: both;
    zoom: 1; /* IE */
}

.page-contact .contact .field label {
    text-transform: uppercase;
    font: normal 13px 'GillSans';
    float: right;
    padding-top: 10px;
    padding-right: 9px;
}

.page-contact .contact label.error {
    position: absolute;
    right: 5px;
    font-size: 12px;
    color: #d61c88;
}

.page-contact .contact .field span.req {
    color: #d61c88;
}

.page-contact .contact .submit input {
    border: none;
    background-color: #000000;
    font: bold 10px Arial;
    color: #ffffff;
}

.page-contact .contact .inputs input,
.page-contact .contact .area textarea {
    float: right;
    margin: 0;
    padding:0;
    width: 479px;
    border-color: #dadada;
}

.page-contact .contact .inputs input.wpcf7-not-valid,
.page-contact .contact .area textarea.wpcf7-not-valid {
    border-color: red;
}

.page-contact .contact .inputs input {
    height: 34px;
}

.page-contact .contact .area textarea {
    height: 182px;
}

.page-contact .contact .submit {
    float: right;
    clear: both;
    zoom:1; /* IE */
    margin-top: 29px;
}
.page-contact .contact .submit input[type="submit"]{
    height: 24px;
    width: 100px;
    text-transform: uppercase;
}
.page-contact .contact .wpcf7-not-valid-tip {
    display: none !important;
}
.page-contact .contact .wpcf7-response-output {
    clear: both;
    margin:0;
    padding:20px 0;
    border:none;
    text-align: right;
}

/* Page About
*******************************/
.page-about {
    padding: 35px 50px 0 35px;
}

.page-about .content-image {
    float: left;
    /*height: 549px;*/
    overflow: hidden;
    width: 334px;
    margin-top: 50px;
    font: normal 14px 'GillSans';
}

.page-about .content-image img {
    width: 334px;
    max-width: 334px;
    height: auto;
}

.page-about .title{
    width: 560px;
    float: right;
}

.page-about .text {
    float:right;
    width: 560px;
    margin-top: 12px;
    font: normal 14px 'GillSans';
    color: #626262;
}

.page-about .text .contact-info {
    margin-top: 24px;
    padding: 0;
    font: normal 12px 'GillSans';
    color: #9f9d9d;
}

.page-about .affiliates {
    margin-top: 24px;
    padding-bottom: 55px;
    overflow: hidden;
}

.page-about .affiliates .image {
    border: 1px solid #D7D7D7;
    float: left;
    height: 121px;
    text-align: center;
    width: 177px;
    margin-right: 4px;
    overflow: hidden;
    line-height: 121px;
}

.page-about .affiliates .image img {
    max-width: 120px;
    max-height: 176px;
    width: auto;
    height: auto;
}

.page-bottom {
    padding-top: 0;
}

/* Page Blog
*****************************************/
.blog {
    margin-bottom: 20px;
}
.blog-welcome {
    width: 100%;
    background-color: #ffffff;
    margin: 0 auto 15px;
}

.welcome-wrap {
    width: 1000px;
    border-left: 1px dashed #cecece;
    border-right: 1px dashed #cecece;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    overflow: hidden;
}

.welcome-wrap .welcome-content {
    margin-left: 50px;
    margin-right: 50px;
}

.welcome-content .welcome-image {
    float: left;
    width: 177px;
    height: 178px;
    overflow: hidden;
    display: block;
}
.welcome-content .welcome-image img {
    width: 176px;
    height: auto;
    max-width: 176px;
    max-height: 177px;
}

.welcome-content .welcome-description {
    width: 700px;
    float:left;
    padding-left: 20px;
    margin-top: 40px;
}

.welcome-content .welcome-title {
   
}
.welcome-description .welcome-text {
   font: normal 14px Arial;
   color: #626262;
   border-top: 1px solid #c9c9c9;
   margin-top: 15px;
   padding-top: 4px;
   line-height: 24px;
}

.welcome-description .welcome-more {
    background: url(images/arrow-more.png) no-repeat 100% 50% transparent;
    height: 13px;
    width: 100px;
    vertical-align: middle;
    line-height: 10px;
}

.welcome-description .welcome-more:hover {
    opacity: .6;
}
.welcome-description .welcome-more a {
    font: normal 10px 'GillSans';
    color: #b0b0b0;
}

.welcome-description .welcome-more a:hover {
    color: #9d9d9d;
}

.comments-block {
    width: 477px;
    height: 225px;
    overflow: auto;
    float: left
}
.comments-block .author,
.comments-block .author a {
    font: normal 13px Arial;
    color: #d61c88;
}
.comments-block .author a:hover {
    color: #f61e9b;
}
.comments-block .added {
    font: normal 11px Arial;
    color: #afafaf;
}
.comments-block .text {
    font: normal 13px Arial;
    color: #232323;
}
.comments .share-block {
    width: 238px;
    height: 22px;
    font: bold 10px Arial;
    color: #d61c88;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    float: right;
    background-color: #c9c9c9;
    line-height: 22px;
    text-transform: uppercase;
}
.comments .share-block span a{
    color: #ffffff;
}
/* jscrollpane
***********************/

.jspArrowUp {
	background: url(images/jscrollpane-up.png) no-repeat 0 0 transparent;
}

.jspArrowDown {
	background: url(images/jscrollpane-down.png) no-repeat 0 0 transparent;
}

/* new styles */
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #f2f2f2;
	position: relative;
}

.jspDrag
{
	background: #c9c9c9;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background-color: #000000;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #000000;
}

.jspVerticalBar .jspArrow
{
	height: 22px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/* Pagination
*************************/
#flo_page_numbers {
    width: 1000px;
    height: 105px;
    margin: 0 auto;
}

#flo_page_numbers .total {
    display: none;
}

#flo_page_numbers a.active {
    background: url(images/page-active.png) no-repeat 0 0 transparent;
    color: #ffffff;
}

#flo_page_numbers a:hover {
    color: #9A9A9A;
}

#flo_page_numbers a.prev {
    float: left;
    background: url(images/page-prev.png) no-repeat 0 50%;
    padding-left: 17px;
}
#flo_page_numbers a.next {
    float: right;
    background: url(images/page-next.png) no-repeat 100% 50%;
    padding-right: 17px;
}

#flo_page_numbers a.next,
#flo_page_numbers a.prev {
    margin-top: 44px;
    text-transform: uppercase;
    font: normal 13px 'GillSans';
}

#flo_page_numbers .pages {
    float: left;
    height: 40px;
    width: 274px;
    margin: 32px 200px 0 200px;
    text-align: center;
}

#flo_page_numbers span.digits {
    line-height: 40px;
    font-size: 13px;
}

#flo_page_numbers .pages span.digits a {
    padding: 2px 22px 3px 6px;
    color: #2a2a2a;
}
#flo_page_numbers .pages span.digits a.active {
    color: #ffffff;
}

/* Page 404
***********************************/
#page404 {
    font-family: 'GillSans';
    background-color: #ffffff;
    padding-top: 100px;
}
#page404 .page-title {
    margin-left: 50px;
}

#page404 .story {
    margin: 73px 0 231px 429px;
    line-height: 23px;
}

#page404 img {
    margin-left: 47px;
}

#page404 h3 {
    margin: 15px 0 5px 15px;
    font: normal 29px 'GillSans';
    color: #3a3a3a;
    line-height: 23px;
}

#page404 h4 {
    font: normal 18px 'GillSans';
    color: #3a3a3a;
}
    
#page404 .goto-home-page {
    background: url(images/arrow-more.png) no-repeat 95% 50% transparent;
    width: 142px;
}    
#page404 .goto-home-page a {
    font: normal 10px 'GillSans';
    color: #b0b0b0;
    line-height: 18px;
    text-decoration: none;
}    

#page404 .goto-home-page:hover {
    opacity: .6;
}
    
#page404 .goto-home-page a:hover {
    color: #9a9a9a;
}   

/* Page Galleries
***********************************/
#galleries {
    height: 890px;
    padding-top: 35px;
    padding-left: 50px;
    padding-right: 50px;
    overflow: hidden;
}
#galleries .title {
    font: normal 13px 'GillSans';
    color: #000000;
    text-transform: uppercase;
    width: 500px;
    overflow: hidden;
    float: left;
}

#galleries .post-navigation {
    float: right;
    text-transform: uppercase;
}

#galleries .post-navigation a {
    font: normal 10px 'GillSans';
    color: #000000;
}

#galleria {
    float: left;
    margin-top: 20px;
}

/* Press Page
********************************/
.page-press {
    margin: 0 0 0 50px;
    font-family: Arial;
    font-weight: normal;
    /*position: relative;*/
    min-height: 800px;
}

.page-press .row {
    overflow: hidden;
    width: 950px;
    height: 315px;
}

.page-press .feature {
    width: 201px;
    height: 258px;
    overflow: hidden;
    float: left;
    line-height: 258px;
    text-align: center;
    border: 1px solid #d7d7d7;
}

.page-press .feature img {
    width: 191px;
    height: auto;
    border: 1px solid #d7d7d7;
}

.page-press .press-post {
    float: left;
    margin-right: 31px;
}

.page-press .press-post .meta{
    text-align: center;
    clear: both;
}

.page-press .page-title {
    padding-top: 50px;
    margin-bottom: 20px;
}

.page-press .title a {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    padding-top: 8px;
}

.page-press .title a.active {
    color: #d92b90;
}

.page-press .title a:hover {
    color: #d92b90;
}

.page-press span.category {
    font-size: 14px;
    color: #ababab;
}

.page-press .date {
    font-size: 10px;
    color: #ababab;
    margin-bottom: 28px;
}

.page-press .press-gallery {
    position: absolute;
    width: 443px;
    visibility: hidden;
    /*overflow: hidden;*/
    top: 57px;
    right: 275px;
    border: 1px solid #d7d7d7;
    text-align: center;
    background: #ffffff;
    z-index: 100;
}

.page-press .press-gallery img {
    max-width: 420px;
    height: auto;
}

.press-post .meta .title {
    padding-top: 8px;
}

.page-press .line {
    margin-left: -50px;
    margin-bottom: 40px;
}
.press-fullscreen {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(34, 31, 39, 0.65);
    top:0;
    left:0;
    display: none;
}
.press-fullscreen .exit-fullscreen {
    left: 883px;
    position: absolute;
    top: 232px;
    z-index: 101;
}
.press-fullscreen .press-gallery-navigation {
    position: absolute;
    top: 208px;
    left: 456px;
    text-transform: uppercase;
    width: 445px;
}
.press-fullscreen .press-gallery-navigation a{
    font: normal 10px 'GillSans', Arial;
    color: #ffffff;
}
.press-fullscreen .press-gallery-navigation .next {
    float: right;
}
.press-fullscreen .press-gallery-navigation .next a {
    background: url(images/gal-next.png) no-repeat 100% 100%;
    padding-right: 17px;
} 
.press-fullscreen .press-gallery-navigation .prev {
    float: left;
}
.press-fullscreen .press-gallery-navigation .prev a {
    background: url(images/gal-prev.png) no-repeat 0 100%;
    padding-left: 17px;
}
.press-fullscreen .excerpt {
    left: 455px;
    position: absolute;
    top: 834px;
    z-index: 101;
    font: italic 13px Arial;
    color: #ffffff;
    width: 445px;
}
/* Page Portfolio
********************************/
.portfolio {
    width: 1000px;
    margin: 0 auto;
    background: #ffffff;
}
.portfolio .content {
    margin-left: 50px;
    margin-right: 50px;
    padding-top: 50px;
    margin-bottom: 50px;
}
.content .separator {
    width: 900px;
    height: 2px;
    border-top: 1px dashed #dcdcdc;
    margin-top: 20px;
    margin-bottom: 40px;
}
.content .separator:after {
    display: block;
    content: " ";
    clear: both;
}
.portfolio .row {
    clear: both;
    zoom: 1;
    overflow: hidden;
}
.portfolio .block {
    float: left;
    display: block;
}
.portfolio .block .image {
    width: 272px;
    height: 181px;
    overflow: hidden;
 }
.portfolio .mid {
    margin-left: 42px;
    margin-right: 42px;
}
.portfolio .block .image img {
    width: 272px;
    height: auto;
}
.portfolio .block .title {
    text-align: center;
    margin-top: 15px;
}
.portfolio .block .location {
    color: #000000;
    font: 13px 'GillSans',Arial;
    text-align: center;
}
.portfolio .block .title a {
    font: normal 13px 'GillSans', Arial;
    color: #000000;
    text-transform: uppercase;
}
.portfolio .block .title a:hover {
    color: #d61c88;
}