/*-----------------------------------------------------------------------------------

  Theme Name: Maximy
  Theme URI: http://www.maximy.revothemes.com
  Description: Maximy is a theme for webdesigner, develper,  creative or digital agency, frelancers, business. Based on a unique, clean & minimal design and packed with of cool features.
  Author: Revothemes
  Author URI: http://www.revothemes.com
  Version: 1.1

-------------------------------------------------------------------------------------

0.   Font-Family Elements Setup
1.   Wordpress Elements 
2.   Header
3.   Slider
4.   Title
5.   Home Page
6.   Portfolio
7.   Contact
8.   Testimonials Slider
9.   Twitter Feed
10.  Sidebar & Widget
11.  Blog
11.  Single Post
13.  Comments
14.  Pagination
15.  Footer
16.  404
17.  Shortcodes
18.  Form

/*-----------------------------------------------------------------------------------*/
/*  0.  Font-Family Elements Setup
/*-----------------------------------------------------------------------------------*/
body {
    -webkit-font-smoothing: antialiased;
    font-size: 17px;
    line-height: 25px;
    color: #000;
    text-rendering: optimizeLegibility;
    font-family: 'Capitolium2', 'Times New Roman', serif;
}

strong {
    font-weight: bold;
}

p {
    margin-bottom: 20px;
    -ms-word-break: normal;
    word-break: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Karla', sans-serif;
    margin: 0 0 15px 0;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    color: #000;
}

h1 {
    font-size: 32px;
    line-height: 36px;
	letter-spacing: 5px;
	margin-bottom: 65px;
}

.margin-40 h1 {
	margin-bottom: 40px;
}

.margin-30 h1 {
	margin-bottom: 30px;
}

h2 {
    font-size: 30px;
    line-height: 24px;
}

h3 {
    font-size: 24px;
    line-height: 28px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
}

h5 {
    font-size: 18px;
    line-height: 20px;
}

h6 {
    font-size: 16px;
    line-height: 18px;
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
}

a {
    color: #69D2E7;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}

a:hover,
a:active,
a:focus {
    color: #F38630;
    text-decoration: none;
}
/*-----------------------------------------------------------------------------------*/
/*  1.  Wordpress Elements 
/*-----------------------------------------------------------------------------------*/
.admin-bar #header {
    margin-top: 28px !important;
}

.hidden {
    display: none;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}

.textalignleft {
    text-align: left !important;
}

.textaligncenter {
    text-align: center !important;
}

.textalignright {
    text-align: right !important;
}

img.alignleft {
    float: left;
    margin: 8px 25px 20px 0;
}

img.alignright {
    display: block;
    margin: 8px 0 20px 25px;
}

img.aligncenter {
    display: block;
    clear: both;
    margin: 0 auto;
}

img.alignnone {
    display: block;
    margin: 8px 0 20px 0;
}

.img-full-responsive {
    width: 100%;
    height: auto;
    display: block;
    max-width: none;
}

.wp-caption {
    margin: 10px 20px 20px 20px;
    max-width: 100%;
    text-align: center;
    font-style: italic;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.wp-caption.aligncenter {
    margin: 20px auto;
}

.wp-caption.alignleft {
    margin-left: 0;
}

.wp-caption.alignright {
    margin-right: 0;
}

.wp-caption.alignnone {
    margin-left: 0;
}

.wp-caption img,
.wp-caption img a {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption
.wp-caption-text {
    margin: 0;
    padding: 5px;
}

.wp-smiley {
    margin: 0 !important;
    max-height: 13px;
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 24px;
}

abbr[title],
acronym[title],
dfn[title] {
    border-bottom: 1px dotted #666;
    cursor: help;
}

.through {
    text-decoration: line-through;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

dt {
    font-family: 'OpenSansSemiBold';
    color: #333;
}

dd {
    padding-left: 20px;
}

.gallery-caption {
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0px 10px;
}

.bypostauthor {
}

#wpstats {
    display: none;
}

.sticky {
    margin-bottom: 50px;
}

.clear {
    clear: both;
}

code,
pre {
    padding: 0 3px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #232527;
    font-size: 12px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
    padding: 2px 4px;
    border: 1px solid #dde4e9;
    background-color: #F6F6F6;
    color: #232527;
    white-space: nowrap;
}

pre {
    display: block;
    margin: 30px;
    padding: 15px;
    border: 1px solid #dde4e9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FCFCFC;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 12px;
    line-height: 20px;
}

pre code {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
}

.pre-scrollable {
    overflow-y: scroll;
    max-height: 340px;
}

.sticky {
}

.bypostauthor {
}

.gallery-caption {
    margin-left: 0;
    font-style: italic;
}

ul, ol {
    margin: 0 0 20px 30px;
    padding: 0;
}

ul {
    list-style: disc inside;
}

ol {
    list-style: decimal inside;
}

li {
    line-height: 30px;
}

address {
}

pre, code {
    font-family: monospace;
    white-space: normal;
}

/*-----------------------------------------------------------------------------------*/
/*  2.  Header
/*-----------------------------------------------------------------------------------*/

#wrapper {
}

#wrap {
    background: #fff;
    z-index: 10;
}

#header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
/*box-shadow*/
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.33);
    padding-top: 15px;
    height: 80px;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

.logo-standard {
    max-height: 49px;
}

.logo-retina {
    display: none;
}

.mobile-menu {
    display: none;
}

.navigation {
    font-family: 'Karla', sans-serif;
	font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    float: left;
    line-height: 17px;
    width: 100%;
	padding-top: 5px;
}

.navigation > ul {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: right;
}

.navigation > ul > li {
    display: inline-block;
    position: relative;
    margin-right: 40px;
    border-bottom: 1px;
    padding: 0;
}

.navigation ul li:last-child {
	margin-right: 20px;
}

.navigation > ul > li a {
	letter-spacing: 1.5px;
    color: #000;
    margin-left: 5px;
    padding: 10px 5px 34px 5px;
    display: block;
/*transition*/
    -webkit-transition: padding 150ms ease-in-out;
    -moz-transition: padding 150ms ease-in-out;
    -o-transition: padding 150ms ease-in-out;
    transition: padding 150ms ease-in-out;
    line-height: 16px;
}

.navigation > ul > li a:hover {
    text-decoration: none;
    color: #fa4678;
}

.navigation > ul > li a:first-child {
    margin: 0;
}

.navigation .current > a {
    color: #fa4678;
}

.navigation > ul > li > ul {
    position: absolute;
    width: 200px;
    left: 0;
    list-style: none;
    padding: 0;
    background: #fff;
    top: 100%;
    border-top: 1px solid #657484;
    margin: 0;
    max-height: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 220ms ease-in-out;
-moz-transition: all 220ms ease-in-out;
-ms-transition: all 220ms ease-in-out;
-o-transition: all 220ms ease-in-out;
transition: all 220ms ease-in-out;

}

.navigation > ul > li> ul > li {
    border-bottom: 1px solid #fff;
	width: 200px;
}

.navigation > ul > li > ul > li > a {
    display: block;
    padding: 8px 13px  !important;
    color: #fff;
    background: #000;
/*transition*/
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
	font-size: 14px;
	line-height: 18px;
}

.navigation > ul > li > ul > li > a:hover {
    background: #f94678;
    color: #fff;
}

.navigation > ul > li > ul > li > ul {
    position: absolute;
    width: 200px;
    left: 100%;
    list-style: none;
    padding: 0;
    background: #fff;
    display: none;
    top: 75%;
    margin: 0;
}

.navigation > ul .open-submenu {
    opacity:1;
    visibility:visible;
    max-height:2000px;
}

.navigation > ul > li> ul > li > ul > li {
    border-bottom: 1px solid #657484;
}

.navigation > ul > li > ul > li > ul > li  a {
    display: block;
    padding: 10px 13px  !important;
    color: #C1CFDF;
    background: #556270;
/*transition*/
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.navigation > ul > li > ul > li > ul > li a:hover {
    background: #3d3d3d;
    color: #69D2E7;
}

.scroll .navigation > ul > li a {
    padding-bottom: 24px;
}

.icon-menu {
    width: 22px;
    height: 22px;
    cursor: pointer;
    float: right;
    margin: 10px 0;
}

.icon-menu .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
/*border-radius*/
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #000;
    margin: 5px 0;
}

.navigation-mobile {
    position: absolute;
    z-index: 999;
    background: #000;
    padding: 0;
    width: 100%;
    top: 50px;
    left: 0;
    border-left: 5px solid #D5DED9;
    border-right: 5px solid #D5DED9;
    border-bottom: 5px solid #D5DED9;
    padding-bottom: 20px;
    display: none;
}

.navigation-mobile > ul {
    list-style: none;
    padding: 10px 15% 5px 15%;
    margin: 0;
}

.navigation-mobile > ul > li > ul, .navigation-mobile > ul > li > ul > li > ul {
    list-style: none;
    padding-left: 0;
    overflow: hidden;
    height: 0;
    margin: 0;
}

.navigation-mobile > ul > li > a, .navigation-mobile > ul > li > ul > li a, .navigation-mobile > ul > li > ul > li > ul > li a {
    display: block;
    color: #eee;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #D9CEB2;
    padding-top: 5px;
	font-family: Karla, sans-serif;
	letter-spacing: 1.5px;
}

.navigation-mobile ul li a:hover {
    text-decoration: none;
    color: #fff;
}

.mobile-search {
    padding: 0 15%;
}

#searchform-mobile {
    width: 100%;
}

.search-container-mobile input[type=text] {
    padding: 10px 10px 10px 35px !important;
    width: 100%;
/*border-radius*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    line-height: 13px;
    background: #fdfdfd url(img/search-mobile.png) no-repeat;
    background-position: 10px;
    height: auto !important;
    border: none;
}

.search-container-mobile input[type=text]:focus {
    background-color: #fff;
}

#search-header {
    float: right;
    margin-top: -20px;
}

.form-container {
    display: none;
}

#searchform-header {
    width: 90%;
    float: left;
}

.search-container {
    width: 100%;
    margin: 0;
    overflow: hidden;
}

.search-container input[type=text] {
    width: 100%;
    border: none;
    outline: none;
    padding: 0 !important;
    font-size: 46px;
    line-height: 50px;
    text-transform: uppercase;
    height: 80px;
    color: #8d8d8d;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    background: #fff;
/*box-shadow*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.search-container input[type=text]:focus {
    background: #fff;
}

.search-icon {
    float: right;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

.button-container {
    padding: 37px 0;
    float: right;
}

.button-search, .button-close {
    background: url(img/search.png) no-repeat;
}

.button-search {
    background-position: -0px -0px;
}

.button-search:hover {
	background-position: -15px -0px;
}

.button-close {
    background-position: 0px -17px;
}

.scroll input[type=text] {
    height: 60px;
    margin-top: 10px;
}

.super-clear {
    padding: 40px 0;
    background: #fff;
}
/*-----------------------------------------------------------------------------------*/
/*  3.  Slider
/*-----------------------------------------------------------------------------------*/

.tp-bannertimer {
	height: 2px;
}

#slider {
    position: relative;
}

#hdr-social {
	position: fixed;
	left: 0;
	top: 195px;
	z-index: 800;
	width: 192px;
	height: 158px;
}

#hdr-social a {
	display: block;
	text-indent: -9999px;
	height: 46px;
	width: 192px;
}

#hdr-social a:hover {
	background-position: -192px 0;
}

#hdr-fb {
	background: url(img/hdr-fb.png) left top no-repeat;
	margin-bottom: 10px;
}

#hdr-twtr {
	background: url(img/hdr-twtr.png) left top no-repeat;
	margin-bottom: 10px;
}

#hdr-ig {
	background: url(img/hdr-ig.png) left top no-repeat;
}

#fb-block {
	width: 131px;
	height: 73px;
	position: absolute;
    top: 0;
    right: 10%;
    z-index: 998;
	 padding: 20px 0 0 25px;
}
	

#slider .bottom, #map .bottom {
    background: url(img/arrow.png) no-repeat;
    background-position: 0px -96px;
    height: 48px;
    width: 48px;
/*transition*/
    -webkit-transition: background-color 400ms ease-in-out;
    -moz-transition: background-color 400ms ease-in-out;
    -o-transition: background-color 400ms ease-in-out;
    transition: background-color 400ms ease-in-out;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 15%;
    z-index: 998;
}

#slider .bottom:hover, #map .bottom:hover {
    background-color: #fa4678;
}

.notrevslider {
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #bbb;
}

#slider-static {
    overflow: visible;
    position: relative;
    max-height: 1000px;
    height: 300px;
/*transition*/
    -webkit-transition: max-height 1.5s linear;
    -moz-transition: max-height 1.5s linear;
    -o-transition: max-height 1.5s linear;
    transition: max-height 1.5s linear;
}

.loading-static {
    max-height: 300px !important;
}

.static-image {
    height: 200px;
    top: 80px;
    position: fixed;
    width: 100%;
    background-repeat: no-repeat;
    background-position: top center;
/*background-size*/
    -webkit-background-size: /*@@prefixmycss->No equivalent*/;
    -moz-background-size: cover;
    -o-background-size: /*@@prefixmycss->No equivalent*/;
    background-size: cover;
    z-index: -1;
    margin: 0 !important;
    opacity: 0;
    background-color: #fff;
}

.static-image .title {
    color: #444;
    font-size: 42px;
    letter-spacing: 1px;
    background: #fff;
    background: rgba(255, 255, 255, 0.85);
    padding: 10px 15px;
    float: left;
    clear: both;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 44px;
    margin-bottom: 15px;
}

.static-image .subtitle {
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    background: #444;
    background: rgba(68, 68, 68, 0.85);
    padding: 10px 15px;
    float: left;
    clear: both;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: 27px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    float: left;
}

.static-image .title-wrapper {
    top: 325px;
    position: fixed;
}
/** Customize Revolution Slide **/
.tp-leftarrow, .tp-rightarrow {
    position: absolute  !important;
    height: 48px !important;
    width: 48px !important;
    cursor: pointer !important;
    z-index: 998 !important;
    background: transparent url(img/arrow.png) no-repeat !important;
    opacity: 0.5 !important;
    -webkit-transition: opacity 250ms ease-in-out !important;
    -moz-transition: opacity 250ms ease-in-out !important;
    -ms-transition: opacity 250ms ease-in-out !important;
    -o-transition: opacity 250ms ease-in-out !important;
    transition: opacity 250ms ease-in-out !important;
}

.tp-leftarrow {
    background-position: 0px 0px !important;
    left: 0 !important;
}

.tp-rightarrow {
    background-position: 0px -48px !important;
    right: 0 !important;
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
    opacity: 1 !important;
}

.tp-bullets.simplebullets.round .bullet {
    display: inline-block !important;
    position: relative !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    margin: 3px !important;
    cursor: pointer;
    background-image: none !important;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset,     1px 1px 1px rgba(255,255,255,0.7) !important;
}

.tp-bullets.simplebullets.round .bullet.selected:before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
/*-----------------------------------------------------------------------------------*/
/*  4.  Title
/*-----------------------------------------------------------------------------------*/

#home-intro {
	text-align: center;
	padding: 70px 0 80px 0;
}

#home-intro h1 {
	margin-bottom: 50px;
}

.intro-text {

	font-size: 32px;
	line-height: 46px;
	width: 750px;
	margin: 0 auto 65px auto;
	letter-spacing: normal;
}

.big-intro {
	font-size: 42px;
	line-height: 52px;
	width: 595px;
	margin: 0 auto 50px auto;
	letter-spacing: 0.5px;
}

#wrap-vid {
	background: #000;
}

#home-vid {
	width: 953px;
	height: 539px;
	margin: 0 auto;
	position: relative;
}

#home-vid img {
	width: 100%;
	height: auto;
}

#home-vid a {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 953px;
	height: 539px;
	z-index: 100;
	/*background: url(img/home-vid.png) left top no-repeat;*/
	background: url(img/home-vid-off.png) center center no-repeat;
}

#home-vid a:hover {
	/*background-position: -953px 0;*/
	background: url(img/home-vid-on.png) center center no-repeat;
}
	

#wrap-when {
	background: #e1e1e1;
	border-top: solid 1px #bab9b9;	
}

#wrap-tickets {
	background: #e1e1e1;
	border-top: solid 1px #aeaeae;
	text-align: center;
}

#wrap-ex {
	border-top: solid 1px #aeaeae;
	padding: 80px 0 0 0;
	text-align: center;	
}

#ftr-home img, #ftr-home-tab img {
	width: 100%;
	height: auto;
	margin: 100px 0 0 0;
}

#ftr-home img {
    width: 100%;
    height: auto;
    margin: 0;
}

#title-page {
    text-align: center;
    clear: both;
    padding: 60px 20px 60px 20px;
}

.page-template-template-portfolio-mansory-2-php #title-page {
	padding-top: 90px;
}

.single-post #title-page {
	padding-bottom: 0;
}

#title-page .title-content {

}

.single-post #title-page .title-content {
	border-bottom: none;
	padding-bottom: 0;
}

#title-page  .title {
    font-size: 17px;
    color: #8e9dac;
    padding-bottom: 0;
    margin: 0;
	letter-spacing: 3px;
}

#title-page  .title span {
    color: #8d8d8d;
}

#title-page  .subtitle {
    font-size: 22px;
	color: #8e9dac;
	line-height: 36px;
    text-transform: uppercase;
	max-width: 720px;
    padding-bottom: 85px;
    margin-bottom: 0;
	display: block;
	letter-spacing: 3px;
	word-break: break-strict;
}
/*-----------------------------------------------------------------------------------*/
/*  5.  Home Page
/*-----------------------------------------------------------------------------------*/
.admin-bar #slider-static {
    margin-top: -28px;
}

.bg-pattern {
    background-attachment: scroll;
    background-size: auto;
    background-repeat: repeat repeat;
}

.bg-image {
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat no-repeat;
}

#boxed {
    position: relative;
    margin: 0 auto 40px auto;
    width: 90%;
}

#boxed #wrapper {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

#boxed .container {
    padding-left: 30px;
    padding-right: 30px;
}

#boxed .static-image {
    width: 90%;
}

#content-home {
    margin-top: 40px;
}

#home-date {
	text-align: center;
	margin: 0 auto 70px auto;
}


#home-world {
	margin-bottom: 55px;
}

#home-unique {
	letter-spacing: 3px;
	text-transform: uppercase;
	color: #d1b882;
	font-size: 36px;
	margin-bottom: 80px;
}

.btn-pink, #content .btn-pink {
	display: inline-block;
	text-transform: uppercase;
	font-size: 17px;
	color: #e58bb3;
	letter-spacing: 3px;
	padding: 10px 20px;
	text-align: center;
	border: solid 4px #e58bb3;
	text-decoration: none;
	cursor: pointer;
	background-color: #fff;
}

.btn-pink:hover, #content .btn-pink:hover {
	color: #fff;
	background: #e58bb3;
}

.btn-blk, #content .btn-blk {
	background: #000;
	color: #fff;
	font-family: 'Karla', sans-serif;
	font-size: 18px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding: 10px 20px;
	font-weight: 700;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.btn-blk:hover, #content .btn-blk:hover {
	color: #fff;
	background: #fa4678;
}


.home-section {
	font-size: 17px;
	color: #8e9dac;
	text-align: center;
	letter-spacing: 3px;
	margin-bottom: 80px;
}

#small-portfolio {
    position: relative;
    min-height: 400px;
    padding-bottom: 40px;
    overflow: hidden;
}

.item-list {
    margin: 0;
}

.item {
    margin: 0;
    padding: 0.8%;
    box-sizing: border-box;
	margin-bottom: 3%;
}

.item-content {
    position: relative;
    overflow: hidden;
}

#small-portfolio .item-content, #portfolio .item-content {
	padding-right: 5%;
	padding-left: 5%;
}

.item-content img {
    width: 100%;
}

.image-portfolio {
    z-index: 1;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.page-template-template-portfolio-mansory-2-php .image-portfolio, .home .image-portfolio {
	height: 327px;
	width: 326px;
}

.image-portfolio img {
    display: block;
    margin: 0;
    padding: 0;
}

.portfolio-title {
    text-align: left;
    font-size: 20px;
    margin: 0;
    line-height: 22px;
    font-weight: 300;
/*transition*/
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    margin-top: -15px;
}

.portfolio-text {
    padding-top: 5px;
    margin: 0;
    font-size: 16px;
    text-align: left;
    text-transform: capitalize;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    line-height: 20px;
/*transition*/
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    margin-top: 30px;
}

.item-content img {
/*border-radius*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.lightbox-image .item-content img {
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.overlay {
    position: absolute;
/*border-radius*/
    text-align: center;

    top: 0;
    z-index: 2;
    left: 5%;
    opacity: 0;
    width: 90%;
    height: 100%;
    padding: 5%;
    color: #fff;

/*transition*/
   
}

.single-portfolio .overlay {
	left: 0;
}

.page-template-template-portfolio-mansory-2-php .overlay, .home .overlay {
	height: 326px;
	width: 327px;
	padding: 0;
}


.overlay:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}

.overlay h3 {
    color: #fff;
}

.overlay:hover .portfolio-title {
    margin: 0;
}

.overlay:hover .portfolio-text {
    margin: 0;
}

.exhibit_over {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

.exhibit_info {
	position: absolute;
	left: 0;
	top: 35%;
	z-index: 10;
	text-align: center;
	width: 100%;
	line-height: 18px;
	font-family: 'Karla', sans-serif;
	font-size: 14px;
}

.exhibit_info h3 {
	text-transform: uppercase;
	line-height: 18px;
	font-size: 14px;
	width: 240px;
	display: inline-block;
	margin-bottom: 0;
}

.btn-white2, .btn-default {
	display: inline-block;
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	letter-spacing: 3px;
	padding: 10px 20px;
	text-align: center;
	border: solid 4px #fff;
	text-decoration: none;
	cursor: pointer;
	background: transparent;
	font-family:'Karla', sans-serif;
}

.btn-white2:hover, .btn-default:hover {
	color: #e58bb3;
	background: #fff;
	border-color: #fff;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background: #fff url(http://www.guilddesignfair.com/wp-content/themes/maximy/images/loading.gif) no-repeat;
    background-position: center 100px;
}

.fancybox-lock {
    margin-left: auto !important;
    margin-right: auto !important;
}

.loading-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background: #fff url(http://www.guilddesignfair.com/wp-content/themes/maximy/images/loading.gif) no-repeat;
    background-position: center;
}

#custom-box {
    padding: 20px 0;
    margin: 0 0 20px 0;
}
/*-----------------------------------------------------------------------------------*/
/*  6.  Portfolio
/*-----------------------------------------------------------------------------------*/
#portfolio {
    min-height: 400px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

ul.portfolio-filter {
    padding: 0;
    text-align: center;
    margin: 0 0 35px 0;
}

ul.portfolio-filter li {
    margin: 0 2px 6px 2px;
}

ul.portfolio-filter .active {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

ul.portfolio-filter .active:hover {
    color: #ffffff;
    background-color: #ed9c28;
    border-color: #d58512;
}

ul.portfolio-filter .active:active {
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.mix {
    opacity: 0;
    display: none;
}

.single-portfolio #profile-img {
	margin-bottom: 80px;
}

.single-portfolio #title-page .title-content {
	border-bottom: none;
	padding-bottom: 0;
}

.single-portfolio #title-page h1 {
	margin-bottom: 10px;
}

.single-portfolio #title-page .subtitle {
	font-style: italic;
	font-size: 32px;
	color: #808080;
	text-transform: none;
	padding-bottom: 55px;
	line-height: 46px;
	letter-spacing: normal;
	max-width: 1130px;
}

.single-portfolio #title-page .intro {
	font-size: 32px;
	color: #000;
	text-transform: none;
	padding-bottom: 15px;
	line-height: 46px;
	text-align: center;
}

.single-portfolio #article-post {
	text-align: left;
	font-size: 18px;
	color: #000;
	line-height: 24px;
	letter-spacing: normal;
	margin: 0 auto;	
	padding-bottom: 60px;

	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.single-portfolio #article-post a, .main-content .text-block a {
	color: #000;
	text-decoration: underline;
}

.post-91 .main-content .text-block a {
	color: #999999;	
}

.post-91 #wrap-tickets.main-content .text-block a {
	color: #000;	
}

.single-portfolio #article-post a:hover, .main-content .text-block a:hover, .post-91 #wrap-tickets.main-content .text-block a:hover {
	color: #fa4678;
}

.port-link {
	text-align: center;
	font-size: 18px;
	margin-bottom: 70px;
	font-family: 'Karla', sans-serif;
}

.port-link a {
	color: #000;
	text-decoration: underline;
}

.port-link a:hover {
	color: #fa4678;
}

.single-portfolio .item-list {
	max-width: 1138px;
	margin: 0 auto 50px auto;
}

.single-portfolio .item-list .item {
	margin-bottom: 0;
}

.single-portfolio .item-content {
	padding-right: 0;
}

.single-portfolio  .item-content img {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.single-portfolio .item-content .overlay {
	background: url(img/bg-port-overlay.png) left top repeat;
	width: 100%;
}

.img-title {
	height: 100%;
	text-align: center;
	margin: 120px auto 0 auto;
	vertical-align: middle;
	line-height: 18px;
	font-size: 14px;
	font-family: 'Karla', sans-serif;
	width: 400px;
}

.single-portfolio #content #slider {
	margin-bottom: 50px;
}

.single-portfolio #content #slider .bottom {
	display: none;
}



/*-----------------------------------------------------------------------------------*/
/*  7.  Contact
/*-----------------------------------------------------------------------------------*/
#map {
    position: relative;
    background-color: #fff;
	border-bottom: solid 1px #808080;
	margin-bottom: 150px;
}

#map-wrapper {
    overflow: hidden;
    z-index: 2;
    opacity: 0;
    position: relative;
    max-height: 1000px;
    height: 300px;
    -webkit-transition: max-height 1.5s linear;
    -moz-transition: max-height 1.5s linear;
    -o-transition: max-height 1.5s linear;
    transition: max-height 1.5s linear;
}

#map-canvas {
    height: 200px;
    width: 100%;
    margin: 0 !important;
    top: 0;
    left: 0;
    z-index: 1;
}

#map .bottom {
}

.page-template-template-contact-php h1.title_heading {
	margin-bottom: 20px;
}

.page-template-template-contact-php #content {
	position: relative;	
}

.map-dl {
	position: absolute;
	right: 0;
	top: -150px;
	height: 63px;
	display: block;
	color: #fff !important;
	width: 169px;
	padding: 17px 60px 0 20px;
	letter-spacing: 2px;
	font-family: 'Karla', sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	background: #000 url(img/map-dl.png) 130px 20px no-repeat;
}

.map-dl:hover {
	background-color: #f94678;
	color: #fff;
}

.map-dl:active {
	color: #fff;
}

/*-----------------------------------------------------------------------------------*/
/*  8.  Testimonials Slider
/*-----------------------------------------------------------------------------------*/

#carousel-slider, #quote-slider {
    padding: 70px 0 20px 0;
    margin: 20px 0;
}

#carousel-slider {
	max-width: 725px;
	margin: 15px auto 90px auto;
	text-align: center;
}

#carousel-slider .flexslider .flex-viewport li {
    opacity: 0.5;
/*transition*/
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
	text-align: center;
}

#carousel-slider .flexslider .flex-viewport li:hover {
    opacity: 1;
/*transition*/
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

#carousel-slider .flex-control-paging li a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #c7c7c7;
	width: 11px;
	height: 11px;
	margin: 10px;
}

#carousel-slider .flex-control-paging li a.flex-active {
	background: #000;
}

#carousel-slider .flex-control-paging li a.flex-active:after {
	background-image: none;
	background: #000;
}

#quote-slider .testimonials {
}

#quote-slider .testimonials-text {
    font-family: 'Lato', sans-serif;
    margin: 0 auto;
    float: none;
    font-weight: 300;
    padding-bottom: 20px;
}

#quote-slider .testimonials-text blockquote {
    text-align: center;
    color: #5d5d5d;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    margin: 0 0 10px;
    border: none;
    font-style: normal;
}

#quote-slider .testimonials-author {
    text-align: center;
    margin: 0 auto;
    font-size: 17px;
    line-height: 26px;
    color: #8d8d8d;
}

/*-----------------------------------------------------------------------------------*/
/*  9.  Twitter Feed
/*-----------------------------------------------------------------------------------*/

#lastet-tweets {
    float: none;
    font-weight: 300;
    padding: 20px 0;
    margin: 0 0 20px 0;
    text-align: center;
}

#lastet-tweets > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#lastet-tweets > ul > li p {
    margin-bottom: 10px;
}

#lastet-tweets > ul > li .tweet {
    font-family: 'Lato', sans-serif;
    text-align: center;
    color: #5d5d5d;
    font-size: 26px;
    line-height: 37px;
    width: 100%;
}

#lastet-tweets > ul > li .timePosted {
    font-size: 13px;
    line-height: 23px;
    color: #F38630;
}

#lastet-tweets > ul > li .interact a {
    font-size: 11px;
    margin: 0 5px;
}


/*-----------------------------------------------------------------------------------*/
/*  10.  Sidebar & Widget
/*-----------------------------------------------------------------------------------*/

.sidebar, #footer-widget {
    font-size: 13px;
    line-height: 23px;
    overflow:hidden;
}

.widget {
    margin-bottom: 40px;
    width: 100%;
    clear: both;
    float: left;
}

.widget a {
    color: #666;
}

.widget a:hover {
    color: #69D2E7;
}

.widget_title {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 10px;
    color: #6d6d6d;
}

.widget input, .widget select {
    width: 100%;
}

.widget > ul, .menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget li {
    line-height: 24px;
}

.widget > ul > li, .menu > li {
    padding: 6px 0px;
    list-style: none;
    border-bottom: 1px solid #e6e6e6;
}

.widget > ul > li > ul, .widget ul > li > ul > li > ul, .menu > li > ul, .menu > li > ul > li > ul {
    list-style: none;
    padding-left: 15px;
    margin: 0;
}

.widget_tag_cloud a {
    background-color: #333333;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 3px 3px 0px 0px;
    line-height: 24px;
    font-size: 8pt!important;
    padding: 3px 5px;
    position: relative;
    text-transform: capitalize;
/*transition*/
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
/*border-radius*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.widget_tag_cloud a:hover {
    background-color: #FA6900;
}

.widget_tag_cloud a:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.search-widget {
    width: 100%;
    box-sizing: border-box;
}

#searchform {
    width: 100%;
    box-sizing: border-box;
}

.search-widget .search-input {
    width: 100%;
    box-sizing: border-box;
}

.widget_calendar {
    position: relative;
}

.widget_calendar table {
    width: 100%;
    border-collapse: collapse;
}

.widget_calendar table td, #footer-outer #footer-widgets .col .widget_calendar table th {
    text-align: center;
}

.widget_calendar table tbody td {
    border: 0px;
    padding: 4px;
    font-size: 11px;
    color: #666;
    font-weight: 300;
}

.widget_calendar table tbody tr td:first-child {
    border-left: 0px;
}

.widget_calendar table tbody tr:nth-child(2n+1) {
    background-color: #f0f0f0;
}

.widget_calendar table th {
    font-weight: 400;
    border-bottom: 0px;
    text-align: center!important;
    padding-bottom: 10px;
    color: #999999;
}

.widget_calendar table #prev {
    text-align: left;
    position: relative;
    padding: 10px 0px 0px 0px;
    z-index: 2;
}

.widget_calendar table #next {
    text-align: right;
    position: relative;
    padding: 10px 0px 0px 0px;
    z-index: 2;
}

.widget_calendar caption {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    width: 100%;
    text-align: center;
}

/** Twitter Widget **/
.widget_tweet > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_tweet > ul > li {
    padding: 6px 0px;
    list-style: none;
    border-bottom: 1px solid #e6e6e6;
}

.widget_tweet > ul > li .tweet {
    margin-bottom: 0;
}

.widget_tweet > ul > li  a {
    color: #69D2E7;
}

.widget_tweet > ul > li  a:hover {
    color: #F38630;
}

.widget_tweet > ul > li .timePosted {
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.widget_tweet > ul > li .interact {
    text-align: center;
    margin-bottom: 5px;
}

.widget_tweet > ul > li .interact a {
    color: #999;
    margin: 0 5px;
}

/** Flickr Widget & Widget Gallery **/
.widget_flickr > ul > li, .widget_gallery  > ul > li {
    border: 0;
    width: 80px;
    height: 80px;
    display: inline-block;
    padding: 3px;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.widget_flickr > ul > li:hover, .widget_gallery > ul > li:hover {
    opacity: 0.6;
}

.widget_flickr img, .widget_gallery ul li:hover, .widget_gallery  img, .widget_gallery ul li:hover {
    border-radius: 5px;
}

/** Social Widget **/ 

.widget_social > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_social > ul > li {
    display: inline-block;
    margin: 5px;
    border: none;
    padding: 0;
}

.widget_social > ul > li:first-child {
    margin-left: 0;
}

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

/** Widget Contact **/
.widget_contact > ul > li > span {
    padding-left: 15px;
}

.widget_contact > ul > li .icon-site, .widget_contact > ul > li .icon-site:before {
    font-size: 17px;
}
/** Widget Recent Posts **/
.latest_post > ul > li {
    display: inline-block;
    clear: both;
    width: 100%;
    border: none;
}

.latest_post > ul > li > .post-image {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.latest_post > ul > li > .post-image:hover {
    opacity: 0.6;
}

.latest_post > ul > li  img {
    height: 80px;
    width: 80px;
}

.latest_post > ul > li > .latest-title h5 {
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}

.latest_post > ul > li > .latest-title h5:hover {
    color: #69D2E7;
}

.latest_post > ul > li > .date {
    font-size: 11px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/** Widget Social **/
.widget_social .social-icon .icon-social, .widget_social .social-icon .icon-social:before {
    font-size: 24px;
}

.widget_social .social-icon li {
    margin: 4px;
}
/** Sidebar Fotter **/
#footer-widget {
    float: none;
    background: #B4B2B6;
}
.sidebar-footer {
    color: #fff;
    float: left;
    clear: both;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.sidebar-footer .widget_title {
    color: #fff;
}

.sidebar-footer .widget a, .sidebar-footer .latest_post > ul > li > .latest-title h5 {
    color:#eee !important;
}
.sidebar-footer .widget a:hover, .sidebar-footer .latest_post > ul > li > .latest-title h5:hover {
    color: #fff !important;
}
.sidebar-footer .icon-site, .sidebar-footer .icon-site:before {
    color:#fff;
}


/*-----------------------------------------------------------------------------------*/
/*  11.  Blog
/*-----------------------------------------------------------------------------------*/
#blog, #archives, .blog-center {
    margin: 0 auto 50px auto;
    float: none;
}

#blog .post, #archives .post {
    margin-bottom: 60px;
    padding-bottom: 30px;
    position: relative;
    clear: both;
}

#blog .post:before, #archives .post:before {
    content: "___________";
    position: absolute;
    bottom: 12px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

.post-image, .post-video, .post-gallery {
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
}

.post-video, .single-post-video {
    background: #000;
    padding: 2px;
    border-radius: 5px;
}

.post-video .video-wrapper, .single-post-video .video-wrapper {
    padding-top: 47.5%;
}

.post-image img {
    border-radius: 0;
}

.overlay i, .overlay i:before {
    position: relative;
    color: #fff;
    font-size: 32px;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
    margin-top: -15px;
    top: 10%;
}

.overlay:hover i, .overlay:hover i:before {
    margin: 0;
    top: 20%;
}

.post-image .overlay {
	background: url(img/bg-port-overlay.png) left top repeat;
	width: 100%;
}
	

.post-gallery .flexslider .slides > li, .post-gallery .flexslider .slides,  .post-gallery .flexslider .slides img , .single-post-gallery .flexslider .slides > li, .single-post-gallery .flexslider .slides, .single-post-gallery .flexslider .slides img {
    border-radius: 5px;
}

.post-gallery .flex-control-nav, .single-post-gallery .flex-control-nav {
    bottom: 5px;
}

.post-gallery .flex-control-nav li .flex-active:after, .single-post-gallery .flex-control-nav li .flex-active:after {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.post-gallery .flexslider, .single-post-gallery .flexslider {
    margin: 0;
}

.post-quote, .post-link {
    text-align: center;
    padding-top: 15px;
}

.post-quote .title-post, .post-link .title-post {
    margin-top: 15px;
}

.post-quote .icon-quote, .post-quote .icon-quote:before, .post-link .icon-link, .post-link .icon-link:before {
    font-size: 75px;
}

.post-content {
    float: none !important;
    margin: 0 auto;
}

.title-post {
    text-align: center;
}

.title-post h2 {
    font-size: 32px;
    line-height: 42px;
    color: #5d5d5d;
    margin-bottom: 15px;
    -webkit-transition: color 200ms ease-in-out;
    -moz-transition: color 200ms ease-in-out;
    -ms-transition: color 200ms ease-in-out;
    -o-transition: color 200ms ease-in-out;
    transition: color 200ms ease-in-out;
}

.type-post .title-post h2, .single-post #title-page .title {
	font-size: 22px;
	color: #808080;
	letter-spacing: 3px;
}

.single-post #title-page .title {
	margin-bottom: 20px;
}

.title-post a h2:hover {
    color: #e58bb3;
} 

.post-text, .single-content {
    margin: 0 auto 90px auto;
    float: none;
	text-align: center;
	color: #000;
	line-height: 24px;
}

.single-content {
	width: 760px;
	margin-bottom: 40px;
}

.post-information, .single-post-information {
    text-align: center;
    color: #9d9d9d;
}
.post-information, .single-post-information {
    margin-bottom: 90px;
	font-size: 17px;
	color: #cccccc;
	letter-spacing: 1px;
}
.single-post-information {
	margin-bottom: 40px;
}

.post-information .icon-site, .post-information .icon-site:before, .single-post-information .icon-site, .single-post-information .icon-site:before {
    font-size: 14px;
}

.post-information a, .single-post-information a {
    color: #9d9d9d;
}

.post-information a:hover, .single-post-information a:hover {
    color: #69D2E7;
}

.post-information .author, .post-information .published, .post-information .comment-count, .single-post-information .author, .single-post-information .published, .single-post-information .comment-count, .single-post-information .icon-globe {
    padding: 0 10px;
    font-size: 13px;
    margin-right: 5px;
    line-height: 23px;
}

.post-share a {
	display: block;
	height: 48px;
	width: 97px;
	text-indent: -9999px;
	background: url(img/share-post.png) left top no-repeat;
	margin: 0 auto 10px auto;
}

.post-share a:hover {
	background-position: -97px 0;
}

/*-----------------------------------------------------------------------------------*/
/*  12.  Single Post
/*-----------------------------------------------------------------------------------*/
#single .single-post:before {
    content: "___________";
    position: absolute;
    bottom: 8px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: rgba(243, 134, 48, 0.7);
}

#single .single-post-image, #single .single-post-video, #single .single-post-gallery, #single .single-post-quote {
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    padding-bottom: 45px;
    margin-bottom: 50px;
}



.slider-gallery-load {
    max-height: 200px !important;
    overflow: hidden;
}

.single-gallery {
    overflow: hidden;
    max-height: 1000px;
    -webkit-transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    -ms-transition: all 1.5s linear;
    -o-transition: all 1.5s linear;
    transition: all 1.5s linear;
}

.single-post-image img {
    border-radius: 5px;
}

.lightbox-wrapper, .single-video-wrapper, .single-post-video {
    overflow: hidden;
    position: relative;
    background: #fff;
}

.quote-wrapper {
    margin: 0 auto;
    float: none;
    clear: both;
}

.quote-wrapper h2 {
    font-size: 32px;
    text-align: center;
    line-height: 42px;
    margin: 0;
}

#single .single-post, #page .page {
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 40px;
}

#single .single-post .post-image {
    margin-bottom: 0;
}

#single .single-post .single-post-information {
    font-size: 13px;
    float: left;
}

#single .single-post .single-post-information .box {
    float: left;
    padding: 20px 0;
    margin-right: 20px;
    margin-bottom: 20px;
}

#single .single-post-information .tag. #single .single-post-information .cat {
    margin-left: -10px;
    margin-right: 2px;
}

#single .single-post-information a {
    font-style: italic;
}

#single .single-post-information .icon-globe {
    padding-left: 0;
    padding-right: 0px;
}



/*-----------------------------------------------------------------------------------*/
/* 13.  Comments
/*-----------------------------------------------------------------------------------*/

.comment-title, .pings-title, #reply-title {
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 40px;
    padding: 0 0 20px;
    clear: both;
}

ul.commentlist {
    list-style: none;
    padding: 20px 0;
}

ul.commentlist li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
}

ul.commentlist li  article {
    float: left;
    position: relative;
    width: 100%;
    clear: both;
    padding-bottom: 40px;
    margin-bottom: 20px;
}

ul.commentlist li article:before {
    content: "___________";
    position: absolute;
    bottom: 8px;
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: rgba(105, 210, 231, 0.7);
}

ul.commentlist li .comment-avatar {
    float: left;
    margin: 0 20px 20px 0;
}

ul.commentlist li ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.commentlist .children .comment-body {
    padding-left: 60px;
}

ul.commentlist li img {
    border-radius: 50%;
}

ul.commentlist li .author-meta {
    padding: 0;
}

ul.commentlist li .fn {
    font-size: 18px;
    display: block;
    line-height: 22px;
    font-style: normal;
}

ul.commentlist li .comment-date {
    font-size: 12px;
    line-height: 14px;
}

ul.commentlist li .comment-date a {
    color: #9d9d9d;
}

ul.commentlist li .comment-date a:hover {
    color: #69D2E7;
}

ul.commentlist li .comment-content {
    float: left;
    width: 90%;
}

a.comment-reply-link {
    color: #fff;
    background-color: #69d2e7;
    border: 1px solid #61c6da;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
}

a.comment-reply-link:hover, a.comment-reply-link:active {
    color: #fff;
    background-color: #5bbdd0;
}

a.comment-reply-link:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.form-allowed-tags code {
    clear: both;
    float: left;
    margin: 15px 0 20px 0;
}
/*-----------------------------------------------------------------------------------*/
/*  14.  Pagination
/*-----------------------------------------------------------------------------------*/
#pagination {
    text-align: center;
    margin: 20px 0 40px 0;
}

.wp-pagenavi {
    clear: both;
}

.wp-pagenavi a {
    color: #fff;
    background-color: #69d2e7;
    border: 1px solid #61c6da;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.wp-pagenavi a:hover, .wp-pagenavi a:active {
    color: #fff;
    background-color: #5bbdd0;
    border: 1px solid #56b5c8;
}

.wp-pagenavi a:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.wp-pagenavi .current, .wp-pagenavi .current:hover, .wp-pagenavi .current:active {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.05);
}

.wp-pagenavi .current {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    border-radius: 2px;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.pagination-portfolio {
    padding-top: 40px;
}

/*-----------------------------------------------------------------------------------*/
/*  15.  Footer
/*-----------------------------------------------------------------------------------*/
#logo-footer {
    padding-bottom: 30px;
}

.logo-footer-retina {
    display: none;
}

.logo-footer-standard, .logo-footer-retina {
    max-height: 40px;
}
/** Social Icon **/ 
footer {
	min-height: 155px;
	background: #000;
	font-family: 'Karla', sans-serif;
}

.first-footer {
    padding: 8em 0;
	height:305px;
	/*background: transparent url(img/collectable.png) center 138px no-repeat;*/
    text-align: center;
}

#collectable {
	max-width:100%;
	margin-top: 50px;
	height:auto
}

.social-footer {
}

.social-icon {
	float: right;
	margin-left: 20px;
}

.social-icon > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

.social-icon > ul > li {
    display: inline-block;
    margin: 0 8px;
}

.social-icon > ul > li:first-child {
    margin-left: 0;
}

.social-icon > ul > li:last-child {
    margin-right: 0;
}

#social-fb {
	width: 45px;
	height: 44px;
	display: block;
	background: url(img/facebook.png) left top no-repeat;
}

#social-fb:hover {
	background-position: -45px 0;
}

#social-twtr {
	width: 44px;
	height: 44px;
	display: block;
	background: url(img/twitter.png) left top no-repeat;
}

#social-twtr:hover {
	background-position: -44px 0;
}

.ultimate-footer {
    padding: 55px 0 0 0;
    color: #fff;

}

.ultimate-footer  a {
    color: #fff;
}

.ultimate-footer  a:hover {
    color: #dadada;
}

#connect {
	float: left;
	font-size: 14px;
	line-height: 44px;
	text-transform: uppercase;
}

#connect label {
	display: block;
	height: 45px;
	line-height: 45px;
	width: 170px;
	float:left;
	font-weight: normal;
	letter-spacing: 3px;
	margin: 0 15px 0 0;
}

#connect input[type=text] {
	float: left;
	width: 200px;
	background: #fff;
	font-family: 'Karla', sans-serif;
	color: #4d4d4d;
	font-size: 14px;
	height: 45px;
	padding: 0 15px;
	margin: 0 60px 0 0;
}

#fb-clear {
	display: none;
}

.fb-like {
	margin-top: 7px;
}

#copyright {
	background: transparent url(img/collectable.png) 30px top no-repeat;
	height: 44px;
}

.back-to-top {
    background: #8e9dac url(img/backtotop.png) no-repeat;
    width: 25px;
    height: 25px;
/*border-radius*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position: fixed;
    bottom: -30px;
    right: 20px;
    cursor: pointer;
    opacity: 0.7;
    overflow: hidden;
/*transition*/
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    display: block;
}

.back-to-top:hover {
    background-color: #e58bb3;
    opacity: 1;
}

.backtop {
    bottom: 20px;
/*transition*/
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    overflow: hidden;
}

#ftr-home-tab {
	display: none;
}

/*-----------------------------------------------------------------------------------*/
/*  16.  404
/*-----------------------------------------------------------------------------------*/
#fourzerofour {
    padding: 40px;
    margin-bottom: 60px;
}

#fourzerofour .title {
    font-size: 80px;
    line-height: 96px;
}

#fourzerofour .subtitle {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 20px;
}
/*-----------------------------------------------------------------------------------*/
/*  17.  Shortcodes
/*-----------------------------------------------------------------------------------*/
.main-content{
    overflow:hidden;
}

.white > * {
    color: #FFFFFF;
}

.lighter > * {
    font-weight: 300;
}

.normal > * {
    font-weight: 400;
}

.bolder > * {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.uppercase {
    text-transform: uppercase;
}

.no-sortable {
    margin-top: 30px;
}

.no-padding {
    padding: 0;
}

.small-padding {
    padding: 40px 0 40px;
}

.default-padding {
    padding: 70px 0 70px;
}

.default-padding-mod {
    padding: 70px 0 40px;
}

.large-padding {
    padding: 100px 0 100px;
}

.shadow-on {
    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
        inset 0px -1px 3px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
        inset 0px -1px 3px rgba(0, 0, 0, 0.12);
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12),
        inset 0px -1px 3px rgba(0, 0, 0, 0.12);
}

.margin-0 {
    margin-bottom: 0 !important;
}

.margin-10 {
    margin-bottom: 10px !important;
}

.margin-15 {
    margin-bottom: 15px !important;
}

.margin-20 {
    margin-bottom: 20px !important;
}

.margin-30 {
    margin-bottom: 30px !important;
}

.margin-40 {
    margin-bottom: 40px !important;
}

.margin-50 {
    margin-bottom: 50px !important;
}

.margin-60 {
    margin-bottom: 60px !important;
}

.margin-70 {
    margin-bottom: 70px !important;
}

.margin-80 {
    margin-bottom: 80px !important;
}

.margin-90 {
    margin-bottom: 90px !important;
}

.margin-100 {
    margin-bottom: 100px !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

/** Buttons **/
.btn {
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

.btn:hover {
    background-color: #fff;
}

.divider-border {
    margin: 60px 0px 60px 0px;
    border-bottom: 1px solid #E0E4CC;
}

.b-text {
    text-align: center;
    font-size: 28px;
    line-height: 32px;
}



.btn-blue {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.btn-blue:hover, .btn-blue:active, .btn-blue:focus {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.btn-white {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

.btn-white:hover, .btn-white:active, .btn-white:focus {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.btn-green {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-green:hover, .btn-green:active, .btn-green:focus {
    color: #ffffff;
    background-color: #47a447;
    border-color: #398439;
}

.btn-orange {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-orange:hover, .btn-orange:active, .btn-orange:focus {
    color: #ffffff;
    background-color: #ed9c28;
    border-color: #d58512;
}

.btn-red {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-red:hover, .btn-red:active, .btn-red:focus {
    color: #ffffff;
    background-color: #d2322d;
    border-color: #ac2925;
}

/** divider **/

.divider-normal {
    position: relative;
    border-bottom: 1px solid #808080;
    width: 100%;
    clear: both;
    margin-bottom: 40px;
}

.divider-top {
    position: relative;
    border-bottom: 1px solid #eee;
    width: 100%;
    clear: both;
    padding: 20px 0;
    margin-bottom: 40px;
}

.divider-top .backtotop {
    font-size: 79%;
    position: absolute;
    top: 15px;
    right: 0;
    cursor: pointer;
}

.divider-blank {
    position: relative;
    width: 100%;
    clear: both;
    height: 20px;
}

/** Dropcaps **/

.dropcaps-default,.dropcaps-round,.dropcaps-square,.dropcaps-circle {
    display: block;
    float: left;
    margin: 7px 10px 0 0;
    color: #303440;
    font-weight: 400;
    font-size: 37px;
    line-height: 38px;
    width: 40px;
    height: 40px;
    text-align: center;
}

.dropcaps-circle {
    -webkit-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px;
    border-radius: 50px 50px 50px 50px;
}

.dropcaps-round {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px;
    border-radius: 5px 5px 5px 5px;
}

.dropcaps-round, .dropcaps-square, .dropcaps-circle {
    background-color: #69d2e7;
    color: #fff;
}


/** Blockquote **/

blockquote {
    border-left-width: 3px;
    border-left-style: solid;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px 15px;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 24px;
    font-style: italic;
    color: #686C6D;
    border-left-color: #9EB0BA;
    padding-left: 15px;
}

blockquote p {
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 0;
}

/** Accordion & Toggle **/
.panel-group .panel-default {
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02);
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    border-radius: 5px;
}

.panel-group .panel-default:hover {
    border-color: #ccc;
}

.panel-heading {
    padding: 0;
    background: #fff;
}

.panel-body {
    padding: 15px 25px 17px;
}

a.accordion-toggle {
    display: block;
    padding: 13px;
    color: #4d4d4d;
    background: #fff;
    text-transform: uppercase;
}

.panel-heading .accordion-toggle:after, .panel-heading .accordion-toggle.collapsed:after, .toggle .panel-heading .accordion-toggle:after , .toggle .panel-heading .accordion-toggle.collapsed:after {
    color: #8d8d8d;
    font-size: 20px;
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-transition: color 100ms ease-in-out;
    -moz-transition: color 100ms ease-in-out;
    -o-transition: color 100ms ease-in-out;
    transition: color 100ms ease-in-out;
}

.panel-heading .accordion-toggle:after {
    content: '\e811';
    float: right;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: '\e810';
}

.toggle .panel-heading .accordion-toggle:after {
    content: '\e80e';
    float: right;
}

.toggle .panel-heading .accordion-toggle.collapsed:after {
    content: '\e80d';
}
/** Alert  **/
.alert .close {
    text-shadow: none;
    opacity: 0.5;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

.alert .close:hover {
    opacity: 1;
}

.alert .close .icon-site, .alert .close .icon-site:before {
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.alert-default {
    color: #fff;
    background-color: #69d2e7;
    border: 1px solid #61c6da;
    box-shadow: 0 1px 0 #61c6da;
    border-radius: 5px;
}

.alert-blue {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
    box-shadow: 0 1px 0 #285e8e;
}

.alert-green {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    box-shadow: 0 1px 0 #4cae4c;
}

.alert-orange {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
    box-shadow: 0 1px 0 #eea236;
}

.alert-red {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
    box-shadow: 0 1px 0 #d43f3a;
}
/** Tabs **/
.tab-wrapper {
}

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

.nav > li > a {
    display: inline-block;
    color: #303440;
    font-weight: 400;
    font-size: 16px;
}

.nav > li > a:hover,
.nav > li > a:focus {
    display: block;
    border-color: #C5C5C5;
    background: #FFFFFF;
    text-decoration: none;
}

.nav > li > a > img {
    max-width: none;
}

.nav > .pull-right {
    float: right;
}

.nav-tabs:before,
.nav-tabs:after {
    display: table;
    content: "";
    line-height: 0;
}

.nav-tabs:after {
    clear: both;
}

.nav-tabs {
    border-bottom: none;
}

.nav-tabs > li {
    float: left;
    margin: 0 0 0 0;
    background: #FBFBFB;
    border: 1px solid #dddddd;
    border-left: none;
    border-bottom: none;
    overflow: hidden;
}

.nav-tabs > li:hover {
    border-color: #ccc;
}

.nav-tabs > li:first-child {
    border-left: 1px solid #dddddd;
    border-top-left-radius: 5px;
}

.nav-tabs > li:last-child {
    border-top-right-radius: 5px;
}

.nav-tabs > li > a {
    padding: 13px;
    border: none;
    line-height: 20px;
    margin: 0;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    background: #FFFFFF;
    color: #4d4d4d;
    border: none;
}

.tabbable {
    *zoom: 1;
}

.tabbable:before,
.tabbable:after {
    display: table;
    content: "";
    line-height: 0;
}

.tabbable:after {
    clear: both;
}

.tab-content {
    overflow: auto;
    padding: 20px;
    border: 1px solid #DFDFDF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
    background: #69d2e7;
    color: #fff;
    border-radius: 0;
}

/** Tooltips **/
.tooltip-inner {
    padding: 10px;
    font-size: 13px;
    background: #69d2e7;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}

.tooltip.right .tooltip-arrow {
    border-right-color: #61c6da;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #61c6da;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #61c6da;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #61c6da;
}

.tooltip.left {
    margin-left: -5px;
}

.tooltip.right {
    margin-right: 5px;
}

.tooltip.top {
    margin-top: -5px;
}

.tooltip.bottom {
    margin-top: 5px;
}
/** Blockquotes **/

blockquote {
    border-left: 3px solid #DFDFDF;
    font-style: italic;
    margin: 30px 15px;
    padding-left: 15px;
}

blockquote p {
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

/** Highlight **/
.highlight-default, .highlight-blue, .highlight-green, .highlight-orange, .highlight-red {
    color: #fff;
    border-radius: 4px;
    padding: 0 4px;
}

.highlight-default {
    background-color: #69d2e7;
}

.highlight-blue {
    background-color: #3276b1;
}

.highlight-green {
    background-color: #5cb85c;
}

.highlight-orange {
    background-color: #f0ad4e;
}

.highlight-red {
    background-color: #d9534f;
}

/** Progress **/
.progress-bar {
    float: none;
    width: auto;
    margin: 10px 0;
    background-color: #EBEDEF;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    overflow: hidden;
}

.progress {
    position: relative;
    margin: 0;
    height: 46px;
    background-color: #EBEDEF;
}

.progress-bar .bar {
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #E96045;
    background-image: none;
    -moz-box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress .field {
    position: absolute;
    left: 25px;
    color: #FFFFFF;
    line-height: 46px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
}


/** Lightbox **/
.lightbox-image, .lightbox-video {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.lightbox-image .overlay {
	background: url(img/bg-port-overlay.png) left top repeat;
	width: 100%;
	padding-top: 200px;
}

/** Latest Posts **/

#latest-posts {
    list-style: none;
    margin:0;
}

#latest-posts > li .post .post-thumb {
    margin-bottom: 15px;
    border-radius: 4px;
}

#latest-posts > li .post .post-thumb img {
    border-radius: 4px;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -ms-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
    transition: opacity 300ms ease-in-out;
}

#latest-posts > li .post .post-thumb img:hover {
    opacity: 0.7;
}

#latest-posts > li .post .post-name {
}

#latest-posts > li .post .entry-title {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 21px;
}

#latest-posts > li .post .entry-content p {
    margin-bottom: 10px;
    line-height: 25px;
}

#latest-posts > li .post .entry-meta {
    font-size: 12px;
    color: #9d9d9d;
    margin-bottom: 20px;
}

#latest-posts > li .post .comment-count a {
    color: #9d9d9d;
}

#latest-posts > li .post .comment-count a:hover {
    color: #69D2E7;
}
/** Video **/
.video-container {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.video-wrapper {
    position: relative;
    padding-top: 56.23931623931624%;
    height: 0;
    overflow: hidden;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/** Box **/ 
.box {
    display: block;
    padding: 30px;
    text-align: center;
}

.box-left {
    display: block;
    padding: 30px 0;
    text-align: left;
}

.box-right {
    display: block;
    padding: 30px 0;
    text-align: right;
}
/** Animated OFF **/
.js .off {
    opacity: 0;
}
.no-js .animated-content, .no-js .off,
.no-csstransitions .animated-content {
    opacity: 1;
}

.lt-ie9 .animated-content, .no-js .off {
    opacity: 1;
    animation: none !important;
    transform: none !important;
}

/*-----------------------------------------------------------------------------------*/
/*  18.  Form
/*-----------------------------------------------------------------------------------*/

input[type=text], textarea, input[type=email], input[type=password], input[type=tel] {
    padding: 8px 10px!important;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #fff;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 23px;
    color: #555;
    background-color: #ebebeb;
/*box-shadow*/
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
/*transition*/
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    outline: none;
    border-radius: 0;
}

input[type=text]:focus, textarea:focus, input[type=email]:focus {
    background-color: #e1e1e1;
}

input[type=submit] {
    background-color: #333333;
    padding: 6px 12px;
    border: none;
    color: #fff;
    cursor: pointer;
/*transition*/
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    width: auto;
/*border-radius*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

input[type=submit]:hover {
    color: #ffffff;
    background-color: #ed9c28;
    border-color: #df9326;
}

select {
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    padding: 8px !important;
    width: 100%;
    border: 0px!important;
    border: none!Important;
    font-weight: 300;
    font-size: 13px;
    line-height: 23px;
    color: #555;
    outline: none;
    background-color: #fff;
/*box-shadow*/
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!important;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16)!important;
/*transition*/
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #ebebeb;
}

input[type=submit]:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

textarea {
    max-width: 100%;
}

/******** Pages ********/

.section-720 {
	max-width: 720px;
	margin: 0 auto;
}


.section-740 {
	max-width: 740px;
	margin: 0 auto;
}

.section-760 {
	max-width: 760px;
	margin: 0 auto;
}

#content .page-intro {
	text-align: center;
	text-transform: none;
	font-size: 32px;
	color: #000000;	
	line-height: 46px;
	padding: 0 0 65px 0;
}

.page-id-91 #content .btn-pink {
	width: 243px !important;
	margin: 0 auto  !important;
}

.hdr-grey-sml h3 {
	font-size: 17px;
	color: #8e9dac;
	letter-spacing: 3px;
	margin-bottom: 0;
}

#content .block-blk {
	color: #000;
	text-transform: none;
	text-align: center;
	max-width: 600px;
	margin: 0 auto 65px auto;
	font-size: 18px;
	line-height: 28px;
}

#wrap-tickets .block-blk {
	font-size: 20px;
	line-height: 30px;
}

#block-pink .row {
	max-width: 1100px;
	margin: 0 auto;
	color: #fff;
	font-size: 18px;
}

#post-91 #block-pink .row h3 {
	text-indent: -9999px;
	display: block;
	width: 115px;
	height: 24px;
	background: url(img/venue.png) left top no-repeat;
	margin: 0 auto;
}

.page-id-91 #content .btn-default {

}

#page #post-91 {
	padding-bottom: 0;
	margin-bottom: 0;
}

.content-blk {
	text-align: center;
	color: #000;
}

.block-links {
	text-align: center;
}

.block-links a {
	color: #8e9dac;
	font-size: 17px;
	line-height: 36px;
	letter-spacing: 3px;
	text-decoration: underline;
}

.block-links a:hover {
	color: #e58bb3;
}

/******** Founders *********/

.page-template-template-founders-php #title-page .title-content {
	padding-bottom: 30px;
	letter-spacing: 3px;
}

.page-template-template-founders-php .col-md-12 .lightbox-image .overlay {
	display: none;
}

.page-template-template-founders-php .col-md-6 .lightbox-image .overlay {
	display: block;
}

.page-founders .lightbox-image  {
	margin: 0 auto 65px auto;
}

.page-founders .lightbox-image a {
	display: none;
}

.page-founders #img-full .lightbox-image {
	margin-bottom: 0px;
}

.page-id-509 .lightbox-image img {
	width: 427px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/******** Sponsors *********/

.page-sponsors #title-page .title-content {
    border-bottom: none;
    padding-bottom: 0;
	padding-top: 10px;
}

#title-sponsors {
	display: block;
	width: 100%;
	height: 124px;
	background: url(img/sguild.png) center bottom no-repeat;
}


.col-sponsor .lightbox-image {
	margin: 0 auto 50px auto;
}

.col-sponsor .lightbox-image .overlay, .supported-by .lightbox-image .overlay {
	display: none;
}

.col-sponsor .text-block {
	color: #000;
}

.col-sponsor .text-block.author {
	color: #8e9dac;
}

.supported-by .lightbox-image {
	float: left;
	margin-right: 30px;
	height: 94px;
}

.supported-by .lightbox-image .item-content {
	height:94px;
	line-height: 94px;
}

.supported-by .col-md-12 div:last-child {
	margin-right: 0;
}

.col-sponsor .text-block.sponsor-author {
	color: #666;
}

.img-partnered-by .lightbox-image img {
	width: 416px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/******** Contact ***********/

.page-template-template-contact-php #title-page {
	width: 720px;
	margin: 0 auto;
	padding-bottom: 40px;
	text-align: center;
}

.page-template-template-contact-php #title-page .row {
	border-bottom: solid 1px #808080;
}

.page-template-template-contact-php #title-page .title-content {
	padding-bottom: 40px;
	border-bottom: none;
}



.page-template-template-contact-php .text-block {
	text-align: center;
	color: #000;
	line-height: 24px;
}

.page-template-template-contact-php .text-block a {
	color: #8e9dac;
	text-decoration: underline;
}

.page-template-template-contact-php .text-block a:hover {
	color: #f94678;
}

.page-template-template-contact-php #content {
	margin-bottom: 130px;
}

#popup {
	background: #000;
	color: #fff;
	padding: 65px;	
}

#popup-hdr {
	margin: 35px 0 45px 0;
	font-size: 22px;
	letter-spacing: 3px;
	line-height: 34px;
}

#popup-hdr span {
	color: #ff5096;
}

#popup-contact {
	font-size: 16px;
	line-height: 24px;
}

#popup-contact h3 {
	font-weight: normal;
	font-size: 14px;
	margin: 0 0 25px;
	color: #fff;
}

#popup a {
	color: #fff;
	text-decoration: underline;
}

#popup a:hover {
	color: #ff5096;
}

.home .fancybox-close {
	background: url(img/popup-close.png) left top no-repeat;
	width: 143px;
	height: 46px;
	opacity: 1;
	top: 445px;
}

.home .fancybox-close:hover {
	background-position: -143px 0;
}

.home .fancybox-close:before {
	content: normal;
}

.home .fb-video {
	margin-left: 9px;
	margin-top: -7px;
}

.home .fb-video .fancybox-close {
	top: 539px;
	right: 0;
}

#page-content {
	padding: 70px 0 0 0;
	text-align: center;
}



.quote {
	color: #666;
	font-style: italic;
}

#img-full {
	padding: 40px 0 0 0;
}

#img-full .container {
	max-width: 100%;
	padding: 0;
}



.links {
	font-family:'Karla', sans-serif;
	font-size: 18px;
	margin-bottom: 70px;
	line-height: 36px;
}
.links p {
	margin:0;
}

.left-center, .left-center p, .left-center .textalignleft {
	text-align: left !important;
}

#info-leisure {
	background-attachment: scroll; 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-image: url(img/ftr-info.jpg); 
	padding-top: 597px; 
	padding-bottom: 0px;	
}

.page-template-template-contact .main-content {
    margin-top: 150px;
}