/*
Theme Name: MaxOne
Theme URI: http://maxone.ceske-sablony.cz/
Description: MaxOne - Business/Portfolio/WooCommerce WordPress šablona
Version: 1.5.3
Author: České WordPress šablony
Author URI: http://ceske-sablony.cz/
License: GPL 
License URI: http://ceske-sablony.cz/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html {
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
ol, ul { list-style: none }
blockquote, q {
    quotes: none;
    font-family: georgia;
    font-size: 18px;
    font-style: italic;
}
blockquote:before, q:before, q:after {
    content: '';
    content: none;
}
sup, sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    position: relative;
    font-size: 10px;
}
sup { bottom: 1ex }
sub { top: .5ex }
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button, input, select, textarea { margin: 0 }
:focus { outline: 0 }
img, video, object {
    max-width: 100%;
    height: auto!important;
    -webkit-backface-visibility: hidden;
}
iframe { max-width: 100% }
blockquote {
    font-style: italic;
    font-weight: normal;
    font-size: 18px;
    padding: 20px 10px 10px 0;
    position: relative;
    font-family: georgia;
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
    margin-bottom: 20px;
}
blockquote p { margin-bottom: 10px }
strong, b { font-weight: bold }
em, i, cite { font-style: italic }
small { font-size: 100% }
figure { margin: 10px 0 }
code, pre {
    font-weight: normal;
    font-style: normal;
}
pre {
    line-height: 1.3;
    overflow: auto;
    background: #F7F7F7 url('images/code.png') 10px 2px no-repeat;
    padding: 2em 1em 1em 1em;
    border: 1px solid #DDD;
    margin: 15px 0;
}
code {
    padding: 0 8px;
    line-height: 1.5;
}
mark {
    padding: 1px 6px;
    margin: 0 2px;
    color: black;
    background: #FFE974;
}
address {
    margin: 10px 0;
    font-style: italic;
}
.wp-caption {
    max-width: 100%;
    background: #EEE;
    padding: 8px;
    width: auto!important;
}
.sticky { }
.gallery-caption { }
.gallery dt {
    width: auto;
    text-align: center;
    float: none;
}
.gallery img { border: 0!important }
.bypostauthor { }
.wp-caption-text {
    margin-bottom: 0;
    text-align: center;
}
dl { }
dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
}
dd {
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
    overflow: hidden;
}
.article li {
    list-style-type: disc;
    margin-left: 20px;
}
.article ol li {
    list-style-type: decimal;
    margin-left: 20px;
}
article ul, article ol {
    margin-bottom: 10px;
}
/*-[ Framework ]--------------------*/
body {
    font: 14px/23px arial, sans-serif;
    color: #555;
    background-color: #FFFFFF;
}
::-moz-selection {
    background: #222;
    color: white;
    text-shadow: none;
}
#page, .container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}
h1 {
    font-size: 28px;
    line-height: 1.4;
}
h2 {
    font-size: 24px;
    line-height: 1.4; 
}
h3 {
    font-size: 22px;
    line-height: 1.4;
}
h4 {
    font-size: 20px;
    line-height: 1.4;
}
h5 {
    font-size: 18px;
    line-height: 1.4;
}
h6 {
    font-size: 16px;
    line-height: 1.4;
}
.sub-title { font-size: 12px }
p { margin-bottom: 20px }
a {
    text-decoration: none;
    color: #38B7EE;
    -webkit-transition: background-color, color 0.2s linear;
    -moz-transition: background-color, color 0.2s linear;
    transition: background-color, color 0.2s linear;
}
a:hover { color: #38B7EE }
a:link, a:visited, a:active { text-decoration: none }
/*-[ Main container ]---------------*/ 
.main-container {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    clear: both;
}
.single-section {
padding: 20px 0;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
#page, .container {
    max-width: 1180px;
    min-width: 260px;
}
.single-section {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    max-width: 1200px;
    min-width: 260px;
}
#page {
    min-height: 100px;
    clear: both;
    width: 100%;
    padding: 0;
    max-width: 1200px;
}
#page .content {
    width: 100%;
    display: block;
    float: left;
    padding: 55px 0 40px 0;
} 
#page.single {  }
#portfolio {  }
/*-[ Header ]-----------------------*/
body > header {
    float: left;
    width: 100%;
    position: relative;
}
.main-header {
    position: relative;
    width: 100%;
    z-index: 99;
    display: block;
    min-height: 30px;
}
#wpadminbar .main-header  {
    top: 30px;
}
#header {
    position: relative;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
.text-logo { 
    text-transform: uppercase; 
}
.header-logo {
    float: left;
    z-index: 200;
    max-width: 34%;
    max-height: 65px;
    overflow: hidden;
    position: relative;
}
#header .image-logo {   }
.secondary-navigation .image-logo a { 
    padding: 0;  
}
#logo a {
    float: left;
    color: #2A2A2A;
    font-weight: bold;
    width: 100%;
}
#logo a img { 
    float: left;
    max-height: 65px; 
}
.widget-header {
    float: right;
}
.header-bottom-second {
    overflow: hidden;  
    
}

.widget-header img { float: right; }
.widget-header-bottom-right .topad { margin-bottom: 0; }

/*-[ Navigation ]-----------------*/
.primary-navigation {
    display: block; 
    width: 100%;
    float: right;
    background: rgba(0, 0, 0, 0.4);
    backface-visibility: hidden;
}
.primary-nav  {
    max-width: 1200px;
    margin: 0 auto;
    max-height: 65px;
} 
nav li {
    list-style: none;
    float: left;
    position:relative;
}
.primary-nav nav a {
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    width: auto;
    padding: 0 15px 15px;
    margin-right: 5px;
    line-height: 40px;
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 45px;
}
.primary-nav nav {
    float: right;
    max-width: 65%;
    transform: none;
}
nav a.menu_1, nav a.menu_2, nav a.menu_3, nav a.menu_4, nav a.menu_5, nav a.menu_6, nav a.menu_7, nav a.menu_8, nav a.menu_9 {
    border-top: #ffffff solid 3px;
    color: #ffffff;
}
nav a:hover {
    color: #ffffff;
}
nav a span.hover {
    position: absolute;
    width: 100%;
    top: -45px;
    left: 0;
    height: 40px;
    transition: all .5s;
}
nav a.active span.hover {
    top: 0px;
}
nav a span.menu_name{
    position: relative;
    display: block;
    z-index: 5;
}
nav li.current a span.hover {
    transition: all .5s;
    top: 0px !important; 
    color: #000;
}
nav li:hover a span.hover {
    transition: all .5s;
    top: -1px;    
}
nav a span.hover :hover {
    transition: all .5s;
    top: 0px !important;
}
.secondary-navigation {
    display: block; 
    width: 100%;
    float: left;
    min-height: 35px;
    height: 35px;
}
.secondary-navigation a {
    font-size: 16px;
    color: #000;
    text-align: left;
    text-decoration: none;
    line-height: 1.4;
    padding: 0 15px 0 5px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 35px;
}

.secondary-navigation a:hover, .secondary-navigation .sfHover {  }
.secondary-navigation li li a { line-height: 1 }
.secondary-navigation a .sub {
    font-size: 12px;
    font-weight: normal;
    color: #a7a7a7;
    text-transform: none;
}

.secondary-navigation a .sf-sub-indicator {
    font-size: 10px;
    position: absolute;
    right: 4px;
    line-height: 35px;
}
.secondary-navigation ul > ul a .sf-sub-indicator {
    top: 2px;
    right: -10px;
}
.sf-js-enabled li ul.sf-with-ul { padding-right: 20px }
.sf-with-ul:after {
    content: " ";
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    right: 6px;
}
.sf-with-ul i {
    position: absolute;
    top: 1px;
    right: 45px;
}
.menu ul .sf-with-ul i { right: 14px }
.menu .current-menu-item > a {  }
.menu .current-menu-item > a:hover  {  }
.menu .current-menu-item > a:after {
    content: "";
    position: absolute;
    width: 100%;
    color: #fff;
    bottom: 0px;
    left: 0;
    z-index: 1;
}
#navigation {
    margin: 0 auto;
    font-size: 13px;
    width: 1200px;
    padding: 0;
    z-index: 1000;
}
#navigation ul { margin: 0 auto }
#navigation .menu { float: left; max-width: 70%; }
#navigation ul li {
    float: left;
    position: relative;
    margin-left: 0;
}
#navigation > ul li:first-child a {border-left: none }
#navigation > ul li:last-child a { border-right: 0 }
#navigation ul .header-search { float: right }
#navigation > ul > li:last-child { border-right: none }
#navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited { display: block }
#navigation > ul > .current a {
    background: transparent;
    color: #fff !important;
}
#navigation ul ul {
    position: absolute;
    width: 226px;
    z-index: 1000;
    font-size: 15px;
    color: #798189;
    padding: 0;
}
#navigation ul ul li {
    margin-left: 0;
    width: 100%;
    color: #000;
    background: #fff;
}
#navigation ul ul li:hover { color: #000; background: none; border-bottom: none; }
#navigation ul ul a, #navigation ul ul a:link {
    padding: 0px 0;
    position: relative;
    border-left: 0;
    background: none;
    border-right: 0;
    text-transform: none;
    line-height: 1.0;
    margin: 5px 10px;
    min-height: 100%;
    color: #000;
    line-height: 25px;
}
#navigation ul ul li:last-child a { border: none; }
#navigation ul ul {
    opacity: 0;
    left: -999em;
}
#navigation ul li:hover ul {
    left: -1px;
    opacity: 1;
    top: 34px;
}
#navigation ul ul ul {
    top: -1px;
    left: 191px;
    padding-top: 0;
}
#navigation ul ul ul:after { border-color: transparent }
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul {
    left: -999em;
    opacity: 0;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {
    opacity: 1;
    left: 226px;
    top: 0;
}
.sub-menu {
    top: 22px;
    background: #222;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both }
.clearfix {     }
nav a#pull { display: none }

.top-board-main {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}
.top-right-share {
    float: right;
    max-width: 30%;
}
.top-right-share a {
    padding: 0;
}
.top-right-share a:hover {
    opacity: 0.8;
}
/*-[ Content ]--------------------*/
.article {
    width: 74%;
    float: left;
    margin-bottom: 10px;
    padding: 0;
} 
.fullwidth {
    width: 100%;
}
.home-content {
    width: 100%;
    padding: 0;
}
#slider {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
    clear: both;
    top: -72px;
    max-height: 328px;
}
.sliderContainer > .prev, .sliderContainer > .next{
background: none;
opacity: 0.5!important;
}
.sliderContainer > .prev:hover, .sliderContainer > .next:hover{
background: none;
opacity: 1!important;
}
#content_box {
    float: left;
    width: 95.2%;
}
.page #content_box { 
    width: 100%; 
}
.single #content_box { 
    width: 100%;
}
.content .post_box_reg .excerpt:nth-last-child(2), .content .post_box_reg .excerpt:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.content .post_box_reg .excerpt:last-child { float: right }
#content_box #content {
    float: left;
    display: block;
    width: 100%;
}
.post {
    float: left;
    width: 100%;
}
.postauthor-container {
    clear: both;
    float: left;
    margin-top: 20px;
    width: 100%;
}
.postauthor-container h4 {
    margin-bottom: 10px;
    font-size: 18px;
}
.post-content {
    margin: 10px;
}
.post.excerpt .post-content {
    overflow: hidden;
}
.post.excerpt .post-content p { margin-bottom: 0 }
.post-single-content { overflow: hidden; padding: 15px; }
.readMore {
    float: right;
    color: #38B7EE;
    font-size: 13px;
}
.readMore a { color: #EE210B }
.ss-full-width {
    overflow: hidden;
    padding: 0 1px;
}
.ss-full-width #content_box {
    padding-right: 0;
    padding-left: 0;
}
.ss-full-width .post-content {
    margin-bottom: 0;
    padding-bottom: 0;
}
.post.excerpt {
    overflow: hidden;
    margin-bottom: 15px;
    width: 100%;
    margin-right: 2.2%;
    border: 1px solid rgba(174, 174, 174, 0.34);
    margin-left: -2px;
}
.post.excerpt .last{
    margin-right: 0;
    clear:both;
}
.wp-post-image { 
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.featured-thumbnail {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
}
.featured-thumbnail img:hover {
    -webkit-filter:contrast(120%) brightness(120%); 
    -moz-filter: contrast(120%) brightness(120%);
    -ms-filter: contrast(120%) brightness(120%);
}
.featured-thumbnail.last {
    float: right;
}

#featured-thumbnail {
    margin-bottom: 10px;
    width: 32%;
    height: auto; 
}
.featured-thumbnail img {
    margin-bottom: 0;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.post.excerpt .featured-thumbnail img {
    max-height: 380px;
    min-height: 220px;
}
.home-cat {
    position: absolute;
    top: 5px;
    left: 0;
    padding: 3px 5px;
    background: #eeeeee;
}
.home-cat .meta-desc {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 3px 8px;
}

.small_film {
    font-size: 27px;
    color: #fff;
    position: absolute;
    top: -15px;
    left: 46%;
    background: #2c3f52;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -moz-border-radius: 100%;
    padding: 3px 4px 4px 3px;
}
.title {
    font-size: 35px;
    line-height: 1.5;
    padding: 10px 10px 0 15px;
    clear: both;
    margin-bottom: 0;
    text-transform: uppercase;
    word-wrap: break-word;
}
.single-title {
    font-size: 32px;
    line-height: 1.1;
}
.title a {  }
.page h1.title {
    margin-bottom: 5px;
    font-size: 32px;
    line-height: 1.2;
} 
.page h1.title span{
    font-size: 16px;
    font-style: normal;
} 
.post-info {
    display: block;
    font-size: 13px;
    float: left;
    margin: 5px;
    text-align: center;
    color: #333;
}
.post-info-single {
    padding: 5px 15px 0 15px;
    overflow: hidden;
    line-height: 20px;
    font-size: 11px !important;
}
.meta-desc {
    float: left;
    margin: 0 10px 0 0;
    color: #999;
    text-transform: none;
    font-size: 11px !important;
}

.post-info-single .icon_comment_alt, .post-info-single .icon_profile, .post-info-single .icon_clock_alt, .post-info-single .icon_folder {
   margin: 6px 5px 0 0;
   width:12px;
	 height:12px;
	 float: left;
}
.icon_view {
   margin: 4px 5px 0 0;
   width:18px;
	 height:12px;
	 float: left;
	 color: #000;
	 background: url('images/view-icon.png') center no-repeat;
}
.post-info-feat {
    position: absolute;
    top: 0;
    right: 0;
}
.post-info-vertical {
    width: 60px;
    float: right;
    margin: 10px;
}
.post-info-vertical span{
    width: 60px;
    height: 60px;
    float: right;
    margin: 5px 0 5px 8px;
    background: #fff;
}
.meta-info :hover{
    background: #333;
    cursor: pointer;
}
.meta-info {
    position: relative;
    width: 60px;
    height: 60px;
    display: block;
    float: right; 
}
.comments-home {
    position: absolute;
    font-size: 15px;
    left: 26px;
    top: 19px;
}
.square.icon_comment, .square.icon_folder, .square.icon_tag {
    color: #fff;
}
.comments-home a:hover {
   background: #fff !important;
}
.avatar-home {
    position: absolute;
    padding: 10px 10px 5px 10px;
    text-align: center; 
}
.avatar-home .avatar {
    float:none;
}
.comment-avatar-home .avatar {
    margin: 0 8px 5px 0;
}
.comment-author-home {
    line-height: 25px;
}
.post-info-home {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    opacity: 0.5;
}

.share-info {
    font-size: 24px;
    line-height: 26px;
    margin: 5px 3px;
    float: right;
    opacity: 0.9;
}
.post-share{
    margin: 10px 10px 0 0 
}
.post-share a{
    opacity: 0.6;
}
.post-share :hover{
    opacity: 1;
    color: #666 ; 
}
.thetime {
    font-size: 23px;
    font-weight: bold;
    line-height: 23px;
    
}
.thedate {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    letter-spacing: -2px;
    opacity: 0.8;
}

article header {
    margin-bottom: 2px;
}

.error404 .single_post { 
    width: 100%; 
    }      
.single_post .post-info a, .post-info a {  }
img.left, img.alignleft, .alignleft {
    margin: 0.3em 0.8em 0.5em 0;
    display: block;
    float: left;
}
img.right, img.alignright, .alignright{
    margin: 0.3em 0 0.5em 0.8em;
    display: block;
    float: right;
}
img.center, img.aligncenter, .aligncenter{
    margin: 0.3em auto 0.3em auto;
    display: block;
}
img.aligncenter, img.alignnone {
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
    clear: both;
}


.button {
    padding: 4px 7px;
    margin-bottom: 2px;
    margin-right: 8px;
    background: #eee;
    color: #FFF!important;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    cursor: pointer;
    text-align: center;
}
.button :hover{
    color: #fff!important;
    background: #2a2a2a;
}
.lost-password{
    float: right;
    margin: 3px;
}
.field {
    margin-bottom: 8px;
}
/*-[ Custom Nav Widget ]---------------------------*/
.widget_nav_menu [class^="icon-"], .widget_nav_menu [class*=" icon-"], .widget_nav_menu li {
    display: list-item;
    list-style: none;
    position: relative;
    margin-left: 0;
    padding-bottom: 7px;
    padding-top: 7px;
    border-bottom: 0;
    border-top: 0;
    margin-bottom: 0;
}
.widget_nav_menu [class^="icon-"] > a, .widget_nav_menu [class*=" icon-"] > a { padding-left: 5px }
.widget_nav_menu ul li a {
    font-size: 14px;
    font-weight: normal;
}
.widget_nav_menu .sub-menu {
    margin-top: 8px;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.widget_nav_menu .sub-menu:after, .widget_nav_menu .sub-menu:before { border-color: transparent }
.widget_nav_menu .menu [class^="icon-"]:before, .widget_nav_menu .menu [class*=" icon-"]:before {
    left: 0;
    top: 8px;
}
.widget_nav_menu li:first-child { border-top: 0 }
.widget_nav_menu li:last-child { border-bottom: 0 }
.widget_nav_menu .sub-menu li:first-child { border-top: 0 }

/*-[ Meta ]---------------------------*/
.meta, .meta a {
    font-size: 12px;
}
/*-[ Form Input ]------------------*/
input, textarea, select {
    padding: 8px 12px;
    font-size: 13px;
    border: 1px solid #D1D1D1;
}
textarea {
    overflow: auto;
    resize: vertical;
}
select { padding: 5px; max-width: 100%; }
input:focus, textarea:focus { }
/*-[ Tables ]--------------------*/
table {
    width: 100%;
    text-align: left;
    margin-bottom: 25px;
    border: 1px solid #DDDDDD;
}
thead {
    background: rgba(0, 0, 0, 0.06);
    font-size: 14px;
    color: #585F65;
    border: 1px solid rgba(0, 0, 0, 0.06);
}
table th, table td {
    padding: 7px 15px;
    text-align: left;
}
thead th { padding: 14px }
tbody th { font-weight: normal }
/*-[ Line ]---------------------*/
hr {
    border: none;
    border-bottom: 1px solid #E5E5E5;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    clear: both;
    position: relative;
}
/*-[ Search Form ]------------------*/
#searchform {
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}
#searchform fieldset {
    float: left;
    position: relative;
    width: 100%;
}
.article #searchform fieldset {
    float: none;
    max-width: 300px;
}
.article #searchform .icon-search {
    height: 28px;
    width: 13%;
}
.sbutton {
    border: 0;
    width: 32px;
    height: 17px;
    position: absolute;
    cursor: pointer;
    padding: 0;
    color: white;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    z-index: 1;
    background: url('images/search.png') center no-repeat;
    text-indent: -999em;
    right: 3px;
    border-left: 1px solid #D8D8D8!important;
    margin-top: 11px;
}
footer .sbutton {
}
#s {
    width: 99.6%;
    border: 1px solid #E2E2E2;
    float: left;
    padding: 7px 0;
    height: 22px;
    text-indent: 10px;
    opacity: 1;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    background: #F5F5F5;
    position: relative;
    z-index: 1;
}

/*-[ Top Ad in Post ]-------------------------------------*/
.topad {
    clear: both;
    margin-bottom: 10px;
}
/*-[ Bottom Ad in post ]-----------*/
.bottomad {
    clear: both;
    margin-top: 20px;
}
/*-[ ad ]---------------------*/
.ad-300 { width: 100% }
.ad-300 a {
    display: block;
    width: 100%;
}
.ad-300 img {
    border: none !important;
    width: 100%;
    box-shadow: none !important;
}
.ad-125 {
    overflow: hidden;
    padding-bottom: 0;
}
.ad-125 img { border: none }
/*-[ Sidebar ]---------------------*/
.sidebar.c-4-12 {
    float: right;
    width: 24.5%;
    padding: 0;
    line-height: 20px;
    max-width: 290px;
}
.sidebar.c-4-12 a {  }
.widget {
    margin-bottom: 0px;
    float: left;
    list-style: none;
    width: 91%;
    padding: 15px;
}
.widget .title {
    font-weight: bold;
    text-transform: uppercase;
    color: #545E68;
    font-size: 12px;
}
.widget li {
    list-style-type: square;
    margin-left: 17px;
    margin-bottom: 7px;
}
.widget li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.widget h3 {
    font-size: 20px;
    line-height: 2;
    margin: 0 0 10px 0;
    padding-left: 0; 
}
/*-[ Social Profile Widget ]--------------------------*/
.social-profile-icons { overflow: hidden }
.social-profile-icons ul li {
    background: none;
    border: none;
    float: left;
    list-style-type: none;
    margin: 0 4px 10px;
    padding: 0;
    text-indent: -999em;
}
.social-profile-icons ul li a {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.social-profile-icons ul li a:hover { opacity: 0.7 }
.social-dribbble a { background: url(images/social-dribbble.png) no-repeat }
.social-email a { background: url(images/social-mail.png) no-repeat }
.social-facebook a { background: url(images/social-facebook.png) no-repeat }
.social-gplus a { background: url(images/social-googleplus.png) no-repeat }
.social-linkedin a { background: url(images/social-linkedin.png) no-repeat }
.social-pinterest a { background: url(images/social-pinterest.png) no-repeat }
.social-rss a { background: url(images/social-rss.png) no-repeat }
.social-stumbleupon a { background: url(images/social-stumbleupon.png) no-repeat }
.social-twitter a { background: url(images/social-twitter.png) no-repeat }
.social-youtube a { background: url(images/social-youtube.png) no-repeat }
.social-flickr a { background: url(images/social-flickr.png) no-repeat }
.social-lastfm a { background: url(images/social-lastfm.png) no-repeat }
.social-tumblr a { background: url(images/social-tumblr.png) no-repeat }
.social-vimeo a { background: url(images/social-vimeo.png) no-repeat }
/*-[ Footer ]-------------------*/
body > footer {
    overflow: hidden;
    width: 100%;
    display: block;
    clear: both;
    margin-top: 0px;
}
body > footer .widget { padding: 2px 0 0 0 }
body > footer .sidebar .widget .title {
    font-size: 135%;
    color: #D4D8DB;
}
footer .widget { margin-bottom: 20px }
footer .widget li a {  }
footer .widget li a:hover {  }
footer {
    position: relative;
    overflow: hidden;
    clear: both;
    line-height: 20px;
    margin: 0 auto;
}
footer .container { 
    max-width: 1200px;
    margin: 0 auto;
}
.footer-widgets {
    overflow: hidden;
    padding: 10px 1px;
    width: 100%;
    margin: 0;
}
.f-widget {
    width: 23.8%;
    float: left;
    position: relative;
    color: #8D8D8D;
    margin-bottom: 0;
    margin-right: 1.5%;
    max-width: 285px;
}

.foot-logo {
    float: left;
    margin-right: 10px;
}
.copyright-left-text {
    float: left;
    padding-top: 12px;
}
.copyright-text {
    float: left;
    padding-top: 12px;
    margin-left: 5px;
}
.footer-navigation {
    float: right;
    margin: 10px 0;
}
.footer-navigation ul li { float: left }
.footer-navigation ul ul { display: none }
.footer-navigation a {
    color: #9b9b9b;
    text-transform: uppercase;
    margin: 0 0 0 25px;
}
.footer-navigation ul li:first-child a { padding-left: 0 }
.copyrights {
    float: left;
    width: 95.62%;
    clear: both;
    background: #fff;
    padding: 20px 2.2% 10px 2.2%;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    border-top: 1px solid rgba(226, 226, 226, 0.2);
}
#copyright-note {
    width: 1150px;
    margin: 0 auto;
    clear: both;
    max-width: 100%;
}
#copyright-note span {
    vertical-align: text-top;
    float: left;
    line-height: 2;
}
#copyright-note span a:first-child {
    float: left;
    margin-right: 5px;
}
#sidebars .wp-post-image, footer .wp-post-image {
    margin-right: 15px;
}
.postsby {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 1.2;
    text-align: center;
}
.no-results  {
    float: left;
    width: 94%;
    padding: 20px;
}
/*-[ Hover transition ]---------------------------*/
.et-subscribe input[type="submit"], .readMore a, #commentform input#submit {
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
/*-[ Related Posts ]---------------------------*/
.related-posts {
    margin-top: 15px;
    float: left;
    width: 100%;
}
.related-posts .meta {
    margin-top: 0;
    line-height: 1;
    margin-top: 5px;
    text-align: center;
}
.related-posts li {
    width: 46%;
    margin-right: 3%;
    float: left;
    list-style: none;
    margin-bottom: 12px;
    background: rgba(210, 210, 210, 0.16);
    padding: 5px;
    list-style-type: none;
    margin-left: 0;
}
.rthumb {
    float: left;
    margin-right: 10px;
    width: 40%;
}
.related-posts .last {
    margin-right: 0;
    float: right;
}
.related-posts ul {
    margin-left: 0;
    padding: 10px;
    margin: 0;
    overflow: hidden;
    margin-top: 0;
}
.related-posts h5 {
    padding-left: 80px;
    color: #919191;
    text-transform: uppercase;
    font-size: 14px;
    color: #333;
}
.related-posts h3 {
    font-size: 18px;
    margin-left: 15px;
    line-height: 1;
    margin-bottom: 6px;
    color: #333;
}
/*-[ Recent Comments ]---------------------------*/

.recent-comments { 
    width: 95%;
    overflow: hidden;
    margin-left: 5px;
    padding-left: 0;
    list-style-type: none;
}
li.recent-comments { 
    margin: 0 0 0 5px;
}
.recent-comments .featured-thumbnail  { 
    margin: 0 10px 10px 0;
    width: 60px;
    float: left; 
}

.recent-comments .info { 
    list-style-type: none;
}
/*-[ Author Box ]---------------------------*/
.postauthor p {
    padding-top: 0px;
    font-size: 15px;
    margin-bottom: 0;
}
.postauthor-top span {
    font-size: 14px !important;
    line-height: 19px !important;
    line-height: 1.5;
    display: block;
    font-weight: bold !important;
    text-transform: uppercase;
    text-align: center;
}
.postauthor-top .thetime {
    font-weight: normal;
    font-size: 12px;
    color: #999;
    display: inline-block;
    text-transform: none;
    line-height: 1;
}
.postauthor {
    min-height: 125px;
    float: left;
    clear: both;
    padding: 15px 2.4% 0 2.4%;
    background: rgba(210, 210, 210, 0.16);
    width: 95.2%;
}
.postauthor h4 {
    font-weight: bold;
    font-size: 18px;
}
.postauthor h5 {
    display: inline-block;
    text-transform: capitalize;
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    color: #333;
}
.postauthor img {
    float: left;
    margin: 5px 20px 15px 0;
    border: 4px solid rgba(0,0,0,0.05);
}
.postauthor h4 a { color: #473636 }
/*-[ Misc ]---------------------------*/
.clear { clear: both }
.left, .alignleft { float: left }
.right, .alignright { float: right }
.navigation .alignright, .navigation .alignleft { margin-bottom: 15px }
.last, .post.excerpt.last {
    margin-right: 0;
    clear: none;
}
/*-[ Tag widget ]------------------------------*/
.tagcloud a {
    font-size: 14px!important;
    padding: 2px 7px;
    margin-bottom: 5px;
    float: left;
    margin-right: 5px;
    background: #eee;
    color: #FFF!important;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
}
.tagcloud a:hover {
    color: #fff!important;
    background: #2a2a2a;
}
.tagtext {
    float: left;
    line-height: 2.0;
    margin-right: 5px;
}
/*-[ Subscribe Widget ]------------------------*/
.et-subscribe { position: relative }
.et-subscribe form { position: relative }
.et-subscribe input[type="text"] {
    border: 1px solid #E2E2E2;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 66.6%;
    height: 38px;
    float: left;
    padding: 9px 0;
    text-indent: 10px;
    background: #F5F5F5;
    border-right: 0;
}
footer .et-subscribe input[type="text"] { width: 80% }
.et-subscribe input[type="submit"] {
    cursor: pointer;
    color: white!important;
    padding: 10px 0;
    border: 0;
    float: left;
    height: 38px;
    width: 33%;
    position: absolute;
    z-index: 1;
    background: #38B7EE;
}
.et-subscribe input[type="submit"]:hover { background: #2a2a2a }
footer .et-subscribe input[type="submit"] { width: 19.6% }
footer .et-subscribe .icon-envelope {
    width: 19.6%;
    height: 32px;
    right: 1px;
}
/*-[ Ad Widgets ]------------------------------*/
.ad-125 ul {
    float: left;
    width: 100%;
    margin: 0;
    list-style: none;
    max-width: 100%;
}
.ad-125 li {
    float: left;
    border: none;
    list-style: none!important;
    padding-left: 0;
    background: none;
    margin-bottom: 15px;
    margin-left: 0;
    max-width: 45%;
}
.ad-125 .evenad { float: right!important }
.ad-125 li:nth-last-child(2), .ad-125 li:last-child { margin-bottom: 0 }
/*-[ Calender Widget ]-------------------------*/
#wp-calendar {
    margin-bottom: 0;
    border: 0;
}
#wp-calendar td {
    text-align: center;
    padding: 7px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}
#wp-calendar tbody {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 0;
}
#wp-calendar tbody th { border-bottom: 1px solid #CFCFCF }
#wp-calendar caption {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: bold;
}
#wp-calendar #prev {
    text-align: left;
    padding-left: 12px;
}
#wp-calendar thead th {
    padding: 10px 0;
    text-align: center;
}
#wp-calendar tfoot {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-top: 0;
}
/*-[Comments]--------------*/
.total-comments {
    font-size: 18px;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #D8D7D7;
    background: rgba(210, 210, 210, 0.26);
    padding-left: 10px;
}
.cnumber { color: #2DB2EB }
#comments {
    padding: 0;
    background-color: transparent;
    margin-top: 25px;
    float: left;
    clear: both;
    width: 100%;
}
#commentsAdd {
    background-color: transparent;
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 20px;
}
#comments .avatar {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    width: 9.3%;
    border: 4px solid rgba(243, 240, 240, 0.85);
}
.article.fullwidth #comments .avatar {
    width: 7.3%;
}
.comment .time {
    border-left: 1px solid #B3B3B3;
    float:left;
    margin: 0 5px;
    padding-left: 5px;
    color: #939291;
    font-size: 13px;
}
ul.children .commentImageLeft {
    width: 60px;
    height: 90px;
    border-left: 1px solid #c1bbb6;
    border-bottom: 1px solid #c1bbb6;
    position: absolute;
    top: -50px;
    left: -70px;
}
input.text-input, #commentform input { padding: 10px }
input#author, input#email, input#url {
    width: 360px;
    background: #fff;
    font-size: 14px;
    display: block;
    max-width: 85%;
    float: right;
    padding: 10px 2%;
}
input#author, input#email, input#url, #comment {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.contactform input[type="text"] { width: 380px }
#cancel-comment-reply-link {
    float: right;
    line-height: 24px;
    margin-top: 0;
}
.contact-submit, #cancel-comment-reply-link {
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: -25px;
    text-decoration: underline;
    z-index: 100;
    position: relative;
}
#commentform {
    overflow: hidden;
    padding: 2% 5%;
    width: 90%;
    background: rgba(210, 210, 210, 0.26);
}
#commentform input#submit {
    line-height: 1;
    background-color: #38B7EE;
    padding: 12px 15px 11px;
    color: #fff;
    text-decoration: none;
    float: right;
    cursor: pointer;
    display: inline-block;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-transform: uppercase;
    font-family: inherit;
}
#commentform input#submit:hover {
    color: #fff;
    background: #2a2a2a;
}
ol.commentlist {
    margin-left: 0;
    overflow: hidden;
}
ol.commentlist li {
list-style-type: none;
margin-left: 0;
}
.commentlist li {
    list-style: none;
    margin: 10px 0 0 0;
    padding-left: 0;
    float: left;
    width: 100%;
}
.commentlist p { margin-bottom: 1em }
.commentlist p:last-child { margin-bottom: 0 }
.comment-author { position: relative }


.fn {
    color: #939291;
    font-size: 13px;
    line-height: 1.375em;
}
.fn a { color: #939291 }
.comment-meta {
    font-size: 12px;
    font-style: italic;
}
.comment-meta a { color: #888 }
.commentmetadata {
    background: rgba(210, 210, 210, 0.26);
    border: 1px solid #D2D2D2;
    border-top: 1px solid #D2D2D2;
    overflow: hidden;
    padding: 12px;
}
.commentmetadata ul, .commentmetadata ol, .commentmetadata ul ol, .commentmetadata ol ul { margin-top: 0 }
.commentmetadata li {
    border: 0;
    padding: 0;
    margin-top: 0;
    margin-bottom: 5px;
    list-style: square;
}
.commentmetadata ol li { list-style: decimal }
.comment-metadata {
    background: rgba(210, 210, 210, 0.36);
    border: 1px solid #D2D2D2;
    border-bottom: 0;
    overflow: hidden;
    padding: 15px 12px;
    position: relative;
}
.reply { float: right }
.reply a {
    float: right;
    font-size: 13px;
    line-height: 22px;
}
.commentlist .children {
    margin-left: 17%;
    margin-bottom: 0;
    margin-top: 0;
    float: left;
    width: 83%;
}
.commentlist .children li { }
.avatar { float: left }
.comment-respond { margin-top: 30px }
#respond h3 {
    font-size: 18px;
    line-height: 32px;
    color: #343434;
    font-weight: bold;
    margin-bottom: 25px;
    background: rgba(210, 210, 210, 0.26);
    padding-left: 10px;
}
.cancel-comment-reply a {
    float: right;
    margin-top: -8px;
    font-size: 14px;
}
.comment-awaiting-moderation {
    font-style: italic;
    font-weight: bold;
}
/*-[ Comment Form ]----------------------------*/
#commentform textarea {
    width: 60%;
    background: #fff;
    font-size: 14px;
    padding: 2%;
    line-height: 25px;
    font-family: inherit;
    float: right;
    max-width: 85%;
}
#commentform p {
    margin-bottom: 15px;
    float: left;
    width: 100%;
    clear: both;
}
#commentform p label {
    display: inline-block;
    margin-bottom: 2px;
    padding-bottom: 5px;
    padding-top: 5px;
    float: left;
}
.required {
    color: #a8a8a8;
    font-size: 16px;
    font-style: italic;
    padding: 0;
    line-height: 1;
}
.comment-notes .required {
    padding-left: 0;
    padding-top: 3px;
}
.comment-notes, .logged-in-as { margin-top: 15PX }
.comment-form-left {
    float: left;
    width: 50%;
}
.comment-form-right {
    float: right;
    width: 50%;
}
input#author:focus, input#email:focus, input#url:focus, #contactForm textarea:focus, #commentform textarea:focus { border-color: #c9a096 }
/*-[ pagination ]------------------*/
.pagination {
    clear: both;
    overflow: hidden;
    float: left;
    width: 100%;
    margin-top: 5px;
    text-align: center;
}
.single .pagination {
    border: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin-top: 0;
    padding: 2.2% 0;
    width: 100%;
}
.pagination ul {
    list-style: none;
    margin: 0;
    display: inline-block;
}
.pagination ul li {
    float: left;
    margin-bottom: 5px;
    list-style-type: none;
}
.currenttext, .pagination a:hover {
    color: #fff;
    margin: 0 5px 0 0;
    display: inline-block;
    float: left;
    line-height: 1;
    text-decoration: none;
    padding: 10px 13px;
    background: #2a2a2a;
    font-weight: bold;
    margin-bottom: 10px;
}
.single .pagination a .currenttext {
    padding: 0;
    background: transparent;
    color: #FFF;
    margin-right: 0;
    margin-bottom: 0;
}
.single .pagination a:hover .currenttext { color: #fff }
.pagination a {
    background: #38B7EE;
    margin: 0 5px 0 0;
    display: inline-block;
    float: left;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    padding: 10px 13px;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    transition: all 0.25s linear;
    font-weight: bold;
    margin-bottom: 10px;
}
.pagination ul li:last-child a { margin-right: 0 }
.pagination a:hover { color: #fff }
.pnavigation2 {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    float: left;
    margin-top: 20px;
}
.pagination .nav-previous { float: left }
.pagination .nav-next { float: right }
.pagination .nav-previous a, .pagination .nav-next a { color: #fff!important }
.pagination  .nav-previous a:hover, .pagination .nav-next a:hover { background-color: #222 }
.single .currenttext { margin-bottom: 0 }
.pagination .current .currenttext { margin-bottom: 10px }
#infscr-loading {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
    text-align: center;
    margin: 0 auto;
}
/* Portfolio Styling */
.filter  { 
  	text-align: center;
    padding: 15px 5px 15px 0;
}
.filterable-grid { 
    padding: 15px 0;
}
ul.filter li { 
  	display: inline;
  	margin-right: 10px;
}
ul.filter li.active a{ 

}
ul.filter li a.selected, ul.filter li.selected a, ul.filter li a:hover {
    border: 2px solid ;
    text-decoration: none;
}
ul.filter li a {
    padding: 8px 12px;
    text-transform: uppercase;
    font-size: 12px;
    border: 2px solid #ddd;
    line-height: 35px;
    -webkit-transition: color 0.1s ease-in;
    -moz-transition: color 0.1s ease-in;
    -o-transition: color 0.1s ease-in;
    transition: color 0.1s ease-in;
}
ul.filterable-grid li {
  	max-width:283px;
    width: 24%;
  	float:left;
  	margin: 0 1% 1% 0;
    position: relative;
}
ul.filterable-grid li.last {
    
}
.portfolio-grid {
    position: relative;
    overflow: hidden;
}
.portfolio-grid span.hover {
    position: absolute;
    width: 100%;
    top: -230px;
    left: 0;
    height: 220px;
    transition: all .5s;
    background-color: rgba(87, 85, 85, 0.45);
}
.portfolio-grid:hover span.hover {
    transition: all .5s;
    top: 0;
    height: 100%;    
}
.filterable-grid  .icon_zoom-in_alt {
    position: relative;
    color: #fff; 
    top: 44%;
    left: 44%;
    font-size: 30px; 
}
.filterable-grid li:nth-child(4n-7)   {
    clear:both;
}
.grid {
    margin: 0 auto;
    list-style: none;
    text-align: center;
    clear: both;
}
 
.grid li {
    display: inline-block;
    width: 100%;
    text-align: left;
    position: relative;
    vertical-align: top;
}
.grid figure {
    margin: 0;
    position: relative;
}
.grid figure img {
    max-width: 100%;
    display: block;
    position: relative;
}
.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5%;
    max-width: 90%;
    background: #2c3f52;
}
.grid figcaption h3 {
    margin: 0;
    padding: 0;
    color: #fff;
} 
.grid figcaption a {
    
}
.cs-style-4 li {
	-webkit-perspective: 1700px;
	-moz-perspective: 1700px;
	perspective: 1700px;
	-webkit-perspective-origin: 0 50%;
	-moz-perspective-origin: 0 50%;
	perspective-origin: 0 50%;
}

.cs-style-4 figure {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.cs-style-4 figure > div {
	overflow: hidden;
}

.cs-style-4 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
	-webkit-transform: translateX(25%);
	-moz-transform: translateX(25%);
	-ms-transform: translateX(25%);
	transform: translateX(25%);
}

.cs-style-4 figcaption {
	height: 87%;
	width: 40%;
	overflow: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	transform: rotateY(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-4 figcaption a {
	
	bottom: 20px;
	right: 20px;
} 
.bottomcont, .topcont {
    float:left;
    width: 100%;
    margin: 20px 0 0 0;
}
/* Homepage Portfolio Styling */
#portfolio {
}
.portfoliodescription, .portfoliotitle, .portfoliodescriptionintro, .portfoliotitleintro  {
    text-align: center;
}
.portfolio-title {
    text-align: center;
    font-size: 20px;
    margin: 10px 5px;
    line-height: 22px;
    word-wrap: break-word;
}
.bottom_box {
    border-width: 0 2880px 60px 0;
    border-style: solid dashed solid solid;
    border-color: transparent #FF9900 transparent transparent;
    position: relative;
    z-index: 10;
}
/* Blog Styling */
.blogdescription, .blogtitle, .blogdescriptionintro, .blogtitleintro  {
    text-align: center;
}
#blog-intro {
}
#blogh .post.excerpt {
    width: 24.2%;
    margin-right: 1%;
    max-width: 290px;
    border: none;
}
#blogh h2 {
    font-size: 20px;
    line-height: 25px;
    width: 100%;
}
.blogh-desc {
    margin-top: 33px;
}
#blogh .post.excerpt.last{
    margin-right: 0;
}
#blogh .blogh-desc {
    color: #fff!important; 
}
.blog-home {
    margin-top: 35px;
}
.grid .post-info-single {
	padding: 0;
}
.cs-style-3 figure {
	overflow: hidden;
}

.cs-style-3 figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px);
}

.cs-style-3 figcaption {
	min-height: 200px;
	width: 100%;
	top: auto;
	bottom: 95px;
	opacity: 1;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption a {
	bottom: 20px;
	right: 20px;
}
/* Section Styling */
.sectiondescription, .sectiontitle, .sectiondescriptionintro, .sectiontitleintro  {
    text-align: center;
}
.mainsection {
    text-align: center;
    width: 100%;
    margin: 15px 0;
}
.mainsection i{
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
    font-size: 60px;
    line-height: 75px;
    margin-bottom: 15px;
}
.mainsection i:hover{
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    cursor: pointer;
}
.section-title {
    font-size: 32px;
    line-height: 36px;
    margin: 15px;
    font-weight: bold;
    word-wrap: break-word;
}
.section-url {
    margin: 20px;
}
.sections {
    float:left;
    width: 23%;
    margin: 1%;
}

/* Carousel Styling */
.carouseldescription, .carouseltitle, .carouseldescriptionintro, .carouseltitleintro  {
    text-align: center;
}

/* Contact Styling */
.contactdescription, .contacttitle, .contactdescriptionintro, .contacttitleintro  {
    text-align: center;
}
#googleMap iframe {
   width: 100%;
}
#googleMap {
   height: 350px;
}
#googleMap img { max-width: none; }
#contact-intro .single-section { 
    max-width: 100%; 
    background: #ffffff; 
    padding: 0;
}
.contact-main {width: 100%;}
.contactform {
    width: 55%;
    float: left;
    margin-top: 20px;
}
.contactdetails {
    width: 39%;
    float: left;
    margin: 0 3%;
    margin-top: 20px;
}
.contact-main .contactform input, .contact-main .contactform textarea {
width: 90%;
}

/* Custom1 Styling */
.custom1description, .custom1title, .custom1descriptionintro, .custom1titleintro  {
    text-align: center;
}
#custom1 .ss-full-width {
    margin: 25px 0;
}

/* Custom2 Styling */
.custom2description, .custom2title, .custom2descriptionintro, .custom2titleintro  {
    text-align: center;
}
#custom2 .ss-full-width {
    margin: 25px 0;
}

/* Custom3 Styling */
.custom3description, .custom3title, .custom3descriptionintro, .custom3titleintro  {
    text-align: center;
}
#custom3 .ss-full-width {
    margin: 25px 0;
}
/* Contact Form 7*/
input.wpcf7-form-control.wpcf7-submit {
    background: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    width: 25%;
    margin-left: 35%;
    color: #fff;
}
/* WooCommerce Styling */
.woodescription, .wootitle, .woodescriptionintro, .wootitleintro  {
    text-align: center;
}
#woo .ss-full-width {
    overflow: visible;
    padding: 35px 0;
}
#woo .grid li {
    text-align: center;
    padding: 0 1% 13% 0;
    max-width: 284px;
    width: 23.7%;
    overflow: hidden;
}
#page .grid li {
    text-align: center;
    padding: 0 1% 13% 0;
    max-width: 284px;
    width: 33%;
    overflow: hidden;
    margin: 0;
}
#page.s-portfolio .grid li {
    padding: 0 1% 1% 0;
    width: 24%;
}
#page.s-portfolio .grid figcaption {
    padding: 5%;
}
#page .related .grid li {
    width: 32%;
    margin: 0;
}
#woo .grid figcaption,#page .grid figcaption {
    padding: 60% 5% 5% 5%;
}
#woo .grid figure img, #page .grid figure img {
    max-height: 210px;
}
#woo form.cart, #page form.cart {
    float: left;
    width: 50%;
}
.cs-style-6 figure img {
	z-index: 10;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
	max-height: 216px;
}

.no-touch .cs-style-6 figure:hover img,
.cs-style-6 figure.cs-hover img {
	-webkit-transform: translateY(-30px) scale(0.6);
	-moz-transform: translateY(-30px) scale(0.6);
	-ms-transform: translateY(-30px) scale(0.6);
	transform: translateY(-30px) scale(0.6);
}

.cs-style-6 figcaption {

	width: 100%;
}

.cs-style-6 figcaption h3 {
	margin-top: 10%;
	
}

/* Mailpoet Styling */
.mailpoetdescription, .mailpoettitle, .mailpoetdescriptionintro, .mailpoettitleintro  {
    text-align: center;
}
.mailpoet-main {width: 100%;}
.mailpoetform {
    width: 100%;
    float: left;
    margin-top: 20px;
}
#mailpoet .wysija-paragraph {
width: 49%;
display: inline-block;
text-align: center;
}
.mailpoet-main .mailpoetform .wysija-input , .mailpoet-main .mailpoetform textarea {
width: 90%;
padding: 10px 15px;
font-size: 18px;
}
#mailpoet .wysija-submit {
width: 40%;
margin: 0 auto;
cursor: pointer;
}
#mailpoet .formError {
left: 41%!important;
}
#mailpoet p.wysija-checkbox-label {
clear: both;
}
#mailpoet .shortcode_wysija {
text-align: center;
}