html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
code {
font-family: monospace, serif;
font-size: 14px;
-webkit-hyphens: none;
hyphens: none;
}
pre {
background: #fafafa;
border: 1px solid #DDDDDD;
display: block;
font: 11px/19.2px Consolas, Courier, "Courier New", monospace;
margin: 0 auto 18px;
width:90%;
overflow-x: auto;
overflow-y: hidden;
padding: 18px 20px;
color: #666;
white-space: pre-wrap;
word-wrap: break-word;
}
* { box-sizing:border-box; }
.columns img,
.column img {
height: auto;
max-width: 100%;
}
.columns.google-map img {
max-width: none;
}
img, object, video {
height: auto;
display:block;
}
img {
max-width: 100%;
border: 0;
vertical-align: middle;
}
.embed {
position: relative;
padding: 0px;
overflow: hidden;
}
.fluid-width-video-wrapper {
padding-top: 57%;
}
.embed iframe,
.embed object,
.embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.image-left {
float: left;
margin: 0 15px 8px 0;
}
.image-right {
float:right;
margin: 0 0 8px 15px;
}
.image-right,
.image-left {
padding: 4px;
border: 1px solid #ddd;
max-width: 100%;
-webkit-box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
box-shadow:  0px 1px 1px 0px rgba(180, 180, 180, 0.1);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 32px; line-height: 38px; }
h2 { font-size: 28px; line-height: 38px; }
h3 {
font-size: 26px;
line-height: 30px;
font-weight: 500;
}
h4 { font-size: 22px; line-height: 30px; }
h5 { font-size: 20px; line-height: 24px; }
h6 { font-size: 17px; line-height: 21px; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; color: #777;  }
b {font-weight:bold;}
em { font-style: italic; }
strong { font-weight: bold; }
small { font-size: 80%; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
.dropcap {
background: #000;
color: #fff;
display: inline-block;
float: left;
font-size: 30px;
font-weight: 700;
height: 56px;
line-height: 30px;
margin: 8px 15px 8px 0;
padding-top: 12px;
text-align: center;
width: 56px;
}
pre {
background: #fff;
border: 1px solid #e9e9e9;
font-family: Consolas, Courier, Monaco, monospace;
font-size: 14px;
float: none;
clear: both;
display: block;
line-height: 19px;
margin: 18px 0;
padding: 15px;
white-space: pre-wrap;
word-wrap: break-word;
}
table {
width: 100%;
border: 1px solid #e9e9e9;
text-align: left;
margin-bottom: 45px;
}
table thead h4 {
font-size: 10px;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 0;
}
table tr {
border-top: 1px solid #e9e9e9;
}
table thead tr {
border-top: none;
}
table th, table td {
min-height: 41px;
padding: 10px 14px 8px;
border-right: 1px solid #e9e9e9;
}
sub, sup {
font-size: .7em;
line-height: .7em;
}
sub {
vertical-align: bottom;
}
sup {
vertical-align: top;
}
del {
color: #959595;
}
var {
font-family: Consolas, Courier, Monaco, monospace;
}
a, a:visited {
text-decoration: none;
outline: 0;
-webkit-transition: color 0.1s ease;
transition: color 0.1s ease;
}
p a, p a:visited { line-height: inherit; }
ul, ol { margin: 0; }
ul { list-style: none inside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square inside; }
ul.circle { list-style: circle inside; }
ul.disc { list-style: disc inside; }
li { line-height: 18px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
fieldset {
margin-bottom: 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
padding: 10px;
outline: none;
font-size: 14px ;
color: #888;
margin: 0;
max-width: 100%;
display: block;
background: #fff;
-webkit-transition: border-color 0.25s;
transition: border-color 0.25s;
}
select {
padding: 0;
}
textarea {
min-height: 60px;
}
legend {
display: block;
font-weight: bold;
font-size: 12px;
font-weight: normal;
margin-bottom: 8px;
}
input[type="checkbox"] {
display: inline;
}
label span,
legend span {
font-weight: normal;
color: #444;
}   html { }
body {
line-height: 1;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
body.page-template-template-portfolio-fullscreen-slider2 {
overflow: hidden;
}
body.shadow:after {
visibility: visible;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.75);
}
body:after {
content: '';
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
background-color: transparent;
z-index: 999;
visibility: hidden;
transition: background-color .3s;
}   #wrapper {
padding: 0 0 0px 0;
overflow:hidden;
}
body:not(.single) #footer {
overflow: hidden;
clear: both; }
.page-template-template-portfolio-fullscreen-slider #footer,
.page-template-template-portfolio-fullscreen-slider2 #footer,
.page-template-template-portfolio-fullscreen-video #footer,
.page-template-template-portfolio-pointy-slider #footer,
.page-template-template-portfolio-video #footer,
.page-template-template-portfolio-video #page-title {
display: none;
}
iframe {
max-width: 100%;
}
#head {
padding-top:0px;
margin-bottom:0px;
overflow: hidden;
clear: both;
}   ::-moz-selection { background: #1fc8db;
color: #fff;
}
::selection { background: #1fc8db;
color: #fff;
}   ins {
background: #fff9c0;
text-decoration: none;
}
code, kbd, pre, tt, samp {
font-family: monospace, serif; -webkit-hyphens: none;
hyphens: none;
}
code {
padding: 2px 4px;
background-color: #f9f2f4;
}
address {
font-style: italic;
margin: 0 0 24px;
}
abbr[title],
acronym { cursor: help;
}
big {
font-size: 1.5em;
}
i, .status-publish cite, em, var, address, dfn {
font-style: italic;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
.container dl {
margin: 0 20px;
}
.container dt {
font-weight:bold;
}
.container dd {
margin: 0 0 20px;
}   .infinite-container:after,
#blog-wrapper:after,
.container-content:after,
.ajax-content:after,
.post-description:after,
.comments-inner:after {
content: "";
display: table;
clear: both;
}   .page_head {
padding:35px 0 3px 0;
}
a {
color: #8d949e;
}
.filters-container span {
color: #273140;
}
a:hover, a:focus {  color: #1fc8db;
}
#navigation a, .widget_nav_menu a, .widget, .search-icon span,
.copyright .widget_nav_menu ul li a,
.filters-container.container {
font-family: "Rubik", Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, h1.logo a,
.portfolio-gallery-item a::after,
.date, .post-meta, .container .subtitle p,
.author-name, .post-footer .cats, .post-footer .single-tags,
.comment-text, .blog-item .date-number, .item-filter,
.search-form input, .contact-btn, .portfolio-info .cd-btn, .subtitle .cd-btn,
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input,
.search-results, .comment-author cite,
input[type="submit"] {
font-family: "Rubik", 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body,
.post-content p,
.container p,
.blog-item .post-content p {
font-family: "Rubik", Helvetica, Arial, sans-serif;
}
p {
margin: 0 0 40px 0;
}
.post-content p,
.container p,
.container dl,
.builder_p {
font-size:17px;
font-weight:300;
line-height:30px;
text-align:left;
column-gap: 45px;
}
.post-description h1,
.post-description h2,
.post-description h3,
.post-description h4,
.post-description h5,
.post-description h6 {
padding:15px 0 5px 0;
}
.type-page h1,
.type-page h2,
.type-page h3,
.type-page h4,
.type-page h5,
.type-page h6,
.type-post h1,
.type-post h2,
.type-post h3,
.type-post h4,
.type-post h5,
.type-post h6 {
margin-top:5px;
margin-bottom: 15px; display: inline-block;
line-height: normal;
font-weight: 600;
padding: 25px 0 5px 0;
position: relative;
color: #273140; }
.blog-item.type-post h2 {
padding: 5px 0;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
display: table;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
color: #273140;
}
#logo {
padding: 10px 0;
}
.menu-minimize #logo {
padding: 0;
max-height: 30px;
}
h1.logo,
#logo a {
font-family: "Rubik", Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 26px;
line-height: 18px;
text-align: left;
color:#272B2F; }
#logo a:hover {
color: rgba(0, 0, 0, 0.6);
}
.logo-image {
position: relative;
display: block;
text-align: center;
font-size: 0;
min-width: 30px;
width: 150px; }
.status-publish li {
text-align: left;
padding: 10px 0;
font-weight: 300;
opacity:0.89;
}
.status-publish ul li,
ol.commentlist .comment-content li {
list-style: disc;
}
ol.commentlist .comment-content ol li {
list-style: decimal;
}
ol.commentlist .comment-content ul,
ol.commentlist .comment-content ol,
ol.commentlist .comment-content ul li,
ol.commentlist .comment-content ol li {
padding: 0 0 0 20px;
margin: 0;
}
ol.commentlist .comment-content ul li,
ol.commentlist .comment-content ol li {
padding: 5px 0 5px 0;
}
.type-post .comment-content h2 {
padding-top: 35px;
}
.status-publish ul, .status-publish ol:not(.commentlist) {
margin: auto;
padding: 0 0 0 30px;
font-size: 16px;
}
.dark-page {
color:#272B2F;
}   .builder-element.type-Gallery,
.builder-element.type-Video {
position: relative;
margin-bottom: 45px;
}
.force-fullwidth.type-Text {
padding: 0 50px;
}
.width-fix {
-webkit-animation: width 0.4s;
animation: width 0.4s;
}   #loader {
z-index: 9999;
position: fixed;
display: flex;
justify-content: center;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
#loader .spinner {
margin: 0 auto;
text-align: center;
}
.loader-img {
border-radius: 50%;
width: 100px;
height: 100px;
z-index: 9998;
position: relative;
}
.loader-round {
position: fixed;
z-index: 9997;
top: 50%;
left: 50%;
width: 108px;
height: 108px;
margin: -54px 0 0 -54px;
border-top: 4px solid #1fc8db;
border-right: 4px solid #fff;
border-bottom: 4px solid #fff;
border-left: 4px solid #fff;
border-radius: 50%;
background: transparent;
-webkit-animation: spinner 1.3s infinite linear;
animation: spinner 1.3s infinite linear;
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.ajax-content {
position: relative;
}
#ajax-loader {
position: absolute;
margin: 0 auto;
display: none;
-webkit-transition: .5s;
transition: .5s;
z-index:222;
top: -35px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center; }
.spinner > div {
width: 8px;
height: 8px;
background-color: #8d949e;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner > div:nth-of-type(0n+1) {
background-color: #17ead9;
}
.spinner > div:nth-of-type(0n+2) {
background-color: #41b3e2;
}
.spinner > div:nth-of-type(0n+3) {
background-color: #6078ea;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0);
} 40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
#ajax-spinner {
position: absolute;
top: 100px;
left: 50%;
width: 86px;
height: 86px;
margin: -43px 0 0 -43px;
border-top: 2px solid #fff;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
border-left: 2px solid transparent;
border-radius: 50%;
-webkit-animation: spinner 1.1s infinite linear;
animation: spinner 1.1s infinite linear;
}
@-webkit-keyframes ajax-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes ajax-spinner {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}   .block-out {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.block-in {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.animation-from_bottom,
.animation-from_top {
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
visibility: hidden;
transition-delay: 0;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s ease-in-out, opacity 0.3s;
transition: transform 0.3s ease-in-out, opacity 0.3s;
}
.animation-from_opacity {
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.animation-from_top {
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -25px, 0);
}
.animation-from_bottom.loaded,
.loading-finish .animation-from_top {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.loading-finish .animation-from_opacity {
opacity: 1;
}   .contact-form,
.comment-form {
padding:25px 0 35px 0;
}
.search-form {
padding:25px 0 0 0;
}
.search-bar .search-form {
padding:0;
}
.comment-form label {
font-size: 16px;
font-weight: 500;
}
.input {
position: relative;
float:left;
margin: 0 0 30px 0;
vertical-align: top;
padding: 10px 20px 0 0;
width: 33.33%;
}
.widget_search .input {
margin-right: 0;
padding-right: 0;
}
.search-form input {
width: 100%;
color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0);
font-size: 16px;
padding: 20px 15px;
font-weight: 500;
border: 2px solid rgba(255, 255, 255, 0.1);
}
.no-content .search-form input,
.search-form input {
border: 2px solid rgba(0, 0, 0, 0.1);
color:#272B2F;
}
.no-content .search-form input:focus,
.search-form input:focus {
border: 2px solid #3acfd5;
-webkit-border-image: -webkit-linear-gradient(top left, #3acfd5 0%, #e05db8 100%);
border-image: linear-gradient(141deg, #11ecb0 0%, #1fc8db 51%, #2cb5e8 75%);
border-image-slice: 1;
}
.search-form input.search-submit {
display:none;
}
.input__field,
.comment-form-comment textarea,
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
position: relative;
display: block;
border-radius: 0;
-webkit-appearance: none;
width:100%;
padding: 15px 10px;
background: transparent;
font-size: 16px;
font-weight: 500;
border: 2px solid rgba(0, 0, 0, 0.1);
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.comment-form-comment textarea,
.wpcf7-textarea {
height: 95px;
-webkit-transition: height .3s, border-color 0.3s;
transition: height .3s, border-color 0.3s;
}
.comment-form-comment textarea:focus,
.wpcf7-textarea:focus {
height: 200px;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url,
p.comment-form-comment,
p.form-submit {
padding-left:0;
padding-right:0;
display:block;
}
p.comment-form-author,
p.comment-form-email,
p.comment-form-url {
width:33.333%;
float:left;
padding:0 25px 0 0;
}
p.comment-form-url  {
padding:0;
}
.container .comment-notes {
font-size:12px;
}
.content-texatrea {
width: 100%;
clear:both;
}
.comment-form-comment textarea:focus,
.comment-form-author input:focus,
.comment-form-email input:focus,
.comment-form-url input:focus {
border: 2px solid #3acfd5;
-webkit-border-image: -webkit-linear-gradient(top left, #3acfd5 0%, #e05db8 100%);
border-image: linear-gradient(141deg, #11ecb0 0%, #1fc8db 51%, #2cb5e8 75%);
border-image-slice: 1;
}
label.error,
.contact-form-error {
color:#da6484;
padding:5px 0;
}
.contact-form-success {
color:green;
}
.contact-form-error {
color:red;
}   .wpcf7-text,
.wpcf7-textarea {
width:100%;
}
.wpcf7-form {
margin-top: 30px;
}
.container .wpcf7-form p {
font-size:16px;
font-weight: 500;
}
.wpcf7-form p {
margin: 0 0 24px 0;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
font-size:16px;
padding: 15px 10px;
font-size: 16px;
font-weight: 500;
border: 2px solid rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
border: 2px solid #3acfd5;
-webkit-border-image: -webkit-linear-gradient(top left, #3acfd5 0%, #e05db8 100%);
border-image: linear-gradient(141deg, #11ecb0 0%, #1fc8db 51%, #2cb5e8 75%);
border-image-slice: 1;
}
.type-page .wpcf7-form {
padding:35px 0;
}
.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
position:absolute;
display: none !important;
}
.wpcf7-not-valid-tip {
top:0;
width:400px;
}
.wpcf7 input[type="email"].wpcf7-not-valid,
.wpcf7 input[type="text"].wpcf7-not-valid {
border: 2px solid #f00;
}   .page-template-template-portfolio-fullscreen-slider .container.nav_container,
.page-template-template-portfolio-fullscreen-slider2 .container.nav_container,
.page-template-template-portfolio-fullscreen-slider-lightbox .container.nav_container,
.page-template-template-portfolio-pointy-slider .container.nav_container {
position: fixed;
top: 0;
padding: 0 20px;
width: 100%;
z-index: 999;
}
.fixed-nav .nav_container,
.page-template-template-portfolio-fullscreen-carousel .nav_container,
.page-template-template-portfolio-fullscreen-autoplay .nav_container,
.page-template-template-portfolio-fullscreen-lightbox .nav_container,
.page-template-template-portfolio-fullscreen-vegas .nav_container,
.page-template-template-portfolio-fullscreen-video .nav_container {
background: #fff;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.page-template-template-portfolio-fullscreen-video .nav_container {
position: absolute;
}
.admin-bar.fixed-nav .nav_container,
.admin-bar.page-template-template-portfolio-fullscreen-carousel .nav_container,
.admin-bar.page-template-template-portfolio-fullscreen-autoplay .nav_container,
.admin-bar.page-template-template-portfolio-fullscreen-lightbox .nav_container,
.admin-bar.page-template-template-portfolio-fullscreen-vegas .nav_container {
top: 32px;
}
.page-template-template-portfolio-fullscreen-carousel .nav_container,
.page-template-template-portfolio-fullscreen-autoplay .nav_container,
.page-template-template-portfolio-fullscreen-lightbox .nav_container,
.page-template-template-portfolio-fullscreen-slider .nav_container,
.page-template-template-portfolio-fullscreen-vegas .nav_container,
.page-template-template-portfolio-fullscreen-video .nav_container {
background: transparent;
}
.container.nav_container {
width: 100%;
}
.layout-fullwidth.fixed-nav .nav_container,
.page-template-template-portfolio-fullscreen-carousel .nav_container,
.page-template-template-portfolio-fullscreen-autoplay .nav_container,
.page-template-template-portfolio-fullscreen-lightbox .nav_container,
.page-template-template-portfolio-fullscreen-vegas .nav_container,
.page-template-template-portfolio-fullscreen-video .nav_container {
width: 100%; padding: 0 80px; }
#site-navigation {
display: block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 98px;
}
.container #site-navigation .thirteen.columns {
width: auto;
}
.menu-minimize #site-navigation {
min-height: 30px;
}
#navigation { text-align:right;
display: inline-block;
}
.nav-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.top-navigation ul {
margin: 0;
}
.top-navigation li {
list-style: none;
display:inline-block;
margin: 0;
}
.top-navigation ul li {
position: relative;
}
.top-navigation li.menu-item {
display: flex;
align-items: center;
}
.top-navigation li a {
font-size:17px;
letter-spacing: 1px;
padding: 40px 30px;
color:#273140;
font-weight:400;
position: relative;
display: flex;
align-items: center;
}
.top-navigation ul ul {
z-index: 999;
position: absolute;
top: 85%;
left: 50%; opacity: 0;
visibility: hidden;
width: 220px;
padding: 20px 0;
text-align:center;
background:rgba(240, 240, 240, 1); transform-origin: 0 top;
transform: scale(.9) translateX(-50%);
transition: .2s ease;
}
.top-navigation ul li:hover > ul {
opacity: 1;
visibility: visible;
left: 50%;
transform: scale(1) translateX(-50%);
}
.top-navigation ul.sub-menu::before {
content: '';
position: absolute; top:-12px;
left: calc(50% - 10px);
width:0;
height:0;
z-index: 11;
border-style:solid;
border-width:0 10px 12px;
border-color:transparent transparent rgba(240, 240, 240, 1);
pointer-events: none;
}
.top-navigation ul ul ul::before {
left:-16px;
top: 27px;
display: block;
border-color:transparent transparent #34383b;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.top-navigation ul ul li a {
color: #797f88 !important;
text-transform: none;
padding:8px 30px;
margin:0;
display: inline-block;
width: 100%;
border: none;
font-size: 15px;
letter-spacing: normal;
text-align: left;
}
.top-navigation ul ul ul {
top: -20px;
left: 0;
background: #34383b;
transform: translateX(-50%);
}
.top-navigation ul ul li:hover > ul {
opacity: 1;
visibility: visible;
left: 100%;
transform: translateX(0);
}
.top-navigation ul ul li a:hover,
.top-navigation ul ul li.current-menu-item a {
color: #273140 !important;
}
.top-navigation li a.menu-overflowed {}   .menu-right {
text-align: right;
}
.social-no .header-social,
.menu-alt .nav-menu,
.search-no .search-icon {
display: none;
}
.header-social {
float: right;
}
.social-left .header-social {
float: left;
margin-left:0;
}
.menu-alt.menu-right .menu-dropdown { right: 5px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-alt.menu-left .menu-dropdown {
left: 5px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.center-header.menu-alt .menu-dropdown {
-webkit-transform: translateX(50%) translateY(0);
transform: translateX(50%) translateY(0);
}
.menu-alt.menu-right #navigation .nav-menu {
left: auto;
right: 10px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.menu-alt.menu-left #navigation .nav-menu {
left: 10px;
right: auto;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.center-header.menu-alt #navigation .nav-menu {
-webkit-transform: translateX(-50%) translateY(46px);
transform: translateX(-50%) translateY(46px);
}
.logo-center #logo {
display: inline-block;
text-align: center;
margin: 0 auto;
}
.logo-right #logo,
.logo-right h1.logo,
.logo-right #logo a {
text-align: right;
float: right;
justify-content: flex-end;
}
.logo-center #site-navigation {
text-align: center;
}
.logo-center #site-navigation .sixteen.columns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
}
.logo-right.menu-alt #site-navigation {
padding-top: 16px;
padding-bottom: 16px;
flex-direction: row-reverse;
}
.center-header.logo-center #site-navigation .sixteen.columns {
-webkit-justify-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding: 0;
}
.center-header.logo-center #navigation {
margin-left: 60px;
margin-right: 60px;
}
.center-header.logo-center #site-navigation {
flex-direction: column;
padding-top: 40px;
padding-bottom: 16px;
}
.center-header.logo-center.menu-alt #site-navigation {
padding-bottom: 46px;
margin-bottom: 16px;
}
.center-header.menu-alt .header-social,
.center-header.menu-alt .search-icon {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.center-header.logo-center h1.logo,
.center-header.logo-center #logo a {
font-size: 28px;
line-height: 30px;
}
.alt-right.social-no #site-navigation {
padding-top: 16px;
padding-bottom: 16px;
}
.logo-center.social-left .header-social,
.logo-center.social-right .header-social {
position: absolute;
}
.center-header.search-left .search-icon {
position: absolute;
left: -5px;
padding: 10px 10px 10px 5px;
cursor: pointer;
}
.logo-center.social-left .header-social,
.logo-center.social-right .header-social,
.center-header.search-left .search-icon {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.logo-center.social-right .header-social {
right: 0;
}   .menu-dropdown {
display: none;
cursor: pointer;
position: absolute;
top: 50%;
padding: 20px;
right: 15px;
width: 30px;
height: 20px;
z-index:1002;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-dropdown span {
position: absolute;
top: 20px;
left: 10px;
width: 25px;
height: 2px;
margin-top: -1px;
background-color: #272B2F;
border-radius:2px;
}
.menu-dropdown span:before,
.menu-dropdown span:after {
position: absolute;
border-radius:2px;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, .9);
content: "";
-webkit-transition-duration: .1s;
transition-duration: .1s;
}
.menu-dropdown span,
.menu-dropdown span:before,
.menu-dropdown span:after {
background-color: #272B2F;
}
.menu-dropdown span:before {
-webkit-transform: translateY(-350%);
transform: translateY(-350%);
}
.menu-dropdown span:after {
-webkit-transform: translateY(350%);
transform: translateY(350%);
}
.menu-dropdown.toggled-on span {
background-color: transparent;
}
.menu-dropdown.toggled-on span:before {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.menu-dropdown.toggled-on span:after {
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
.navigation_fixed {
position:fixed;
z-index:5999;
width:100%;
margin:0 auto;
top:0;
}
@media only screen and (min-width: 960px) {
.menu-alt .menu-dropdown {
display: block;
width: 40px;
height: 40px;
padding: 0;
top: 50%;
right: 50%;
-webkit-transform: translateX(50%) translateY(-50%);
transform: translateX(50%) translateY(-50%);
}
.menu-alt .menu-dropdown span {
left: 7px;
}
.menu-alt #site-navigation {
position: relative;
z-index: 999; }
.menu-alt #navigation .nav-menu,
.floated-sidebar {
opacity: 0;
visibility: hidden;
display: inline;
z-index: 9999;
position: absolute;
top: 100%;
width: 100%;
left: 50%;
padding: 60px 20px 60px 10px; background: rgba(240, 240, 240, 1);
text-align: left;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.menu-alt #navigation .nav-menu {
width: 40%;
padding: 60px 40px;
}
.fullwidth-navigation.menu-alt #navigation .nav-menu {
width: 100%;
padding: 60px 20px 60px 10px;
}
.fullwidth-navigation.menu-alt #navigation .nav-menu:before,
.fullwidth-navigation.menu-alt #navigation .nav-menu:after {
content: '';
position: absolute;
left: -31px;
top: 0;
width: 40px;
height: 100%;
background: #191919;
}
.fullwidth-navigation.menu-alt #navigation .nav-menu:after {
left: auto;
right: -30px;
}
.menu-sidebar.menu-alt #navigation .nav-menu,
.floated-sidebar {
width: 380px;
height: 100%;
position: fixed;
display: block;
padding: 60px 80px 60px 60px;
top: 0;
right: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
z-index: 9000;
overflow-y: scroll;
}
.floated-sidebar {
padding: 60px 40px;
}
.menu-sidebar.menu-alt.menu-left #navigation .nav-menu {
right: auto;
left: 0;
}
.sidebar-hider {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
background: rgba(39, 43, 47, 0.7);
-webkit-transition: opacity 0.6s ease;
transition: opacity 0.6 ease;
}
.sidebar-hider.toggled-on {
opacity: 1;
visibility: visible;
}
body.has-left-sidebar .title-container,
body.has-left-sidebar .content-wrapper,
body.has-right-sidebar .title-container,
body.has-right-sidebar .content-wrapper,
body.has-left-sidebar #logo,
body.has-right-sidebar #logo {
-webkit-transition: transform 0.3s ease;
transition: transform 0.3 ease;
}
body.has-left-sidebar.toggled-on .title-container,
body.has-left-sidebar.toggled-on .content-wrapper,
body.has-left-sidebar.toggled-on #logo {
-webkit-transition: transform 0.3s ease;
transition: transform 0.3 ease;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
body.has-right-sidebar.toggled-on .title-container,
body.has-right-sidebar.toggled-on .content-wrapper,
body.has-right-sidebar.toggled-on #logo {
-webkit-transition: transform 0.3s ease;
transition: transform 0.3 ease;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.menu-alt #navigation .nav-menu.toggled-on {
opacity: 1;
visibility: visible;
display: block;
}
.menu-alt #navigation ul li a, .menu-alt #navigation ul li ul li a, .menu-alt #navigation ul li ul li ul li a {
display: block;
padding: 15px 0;
margin:0;
text-align: left;
color:rgba(255, 255, 255, 0.9);
font-weight: 500;
font-size:22px;
border: none;
line-height: normal;
}
.menu-alt #navigation ul li:not(.menu-item-split-wrapper) ul li a, .menu-alt #navigation ul li ul li ul li a {
padding: 6px 0;
color: #273140;
font-size:15px;
line-height: normal;
}
.menu-alt #navigation ul li a, .menu-alt #navigation ul li ul li a, .menu-alt #navigation ul li ul li ul li a {
color: #273140;
}
.menu-alt #navigation ul li:not(.menu-item-split-wrapper) ul li a, .menu-alt #navigation ul li ul li ul li a {
opacity: .6;
}
.menu-alt #navigation ul li a:hover,
.menu-alt .top-navigation li a:hover,
.menu-alt #navigation ul li ul li ul li a:hover {
border: none;
color: #1fc8db;
}
.menu-alt #navigation ul li,
.menu-alt .top-navigation li {
float: none;
margin: 0;
display: block;
position: relative;
}
.menu-alt #navigation ul li ul {
position: relative;
display:none;
left: 0;
top: 0;
text-align:center;
padding: 0;
line-height: normal;
background:transparent;
width:100%;
transform: translateX(0);
opacity: 1;
visibility: hidden;;
}
.menu-alt #navigation ul li a.menu-overflowed,
.menu-alt #navigation ul li:before,
.menu-alt #navigation ul li a:before,
.menu-alt #navigation ul li ul:before,
.menu-alt #navigation ul li ul li ul:before,
.menu-alt #navigation ul li ul a:before,
.menu-alt #navigation ul li ul li:before,
.menu-alt #navigation ul li ul li ul:before,
.menu-alt #navigation ul li ul li a::before {
display: none;
}
.menu-alt #navigation ul li ul li {
margin: 0;
padding: 0;
float:none;
}
.menu-alt #navigation ul li ul li ul {
top:0;
background:none;
position:relative;
}
.menu-alt #navigation ul li ul li:hover > ul {
left: 0;
}
.menu-alt #navigation .menu-item-has-children > a:after {
content: '\f067';
font-family: 'FontAwesome';
position: absolute;
font-size: 11px;
left: -23px;
top: calc(50% - 5px);
}
.menu-alt #navigation .nav-menu ul.sub-menu {
display: none;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.menu-alt #navigation .nav-menu ul.sub-menu.opened {
display: block;
visibility: visible;
}
}   .nav-menu .menu-item.current-menu-item a::before,
.nav-menu .menu-item.current-menu-parent a::before {
-webkit-transform: scale3d(1, 1, 1) translateX(-50%);
transform: scale3d(1, 1, 1) translateX(-50%);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nav-menu .menu-item:hover a::before,
.nav-menu .menu-item:focus a::before {
-webkit-transform: scale3d(1, 1, 1) translateX(-50%);
transform: scale3d(1, 1, 1) translateX(-50%);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.nav-menu a::before {
content: '';
position: absolute;
bottom: 33px;
left: 50%;
width: 70%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1) translateX(-50%);
transform: scale3d(0, 1, 1) translateX(-50%);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.nav-menu ul a::before,
.nav-menu ul a::after {
display: none;
}
.nav-menu a::before {
background: #e05db8;
background: -webkit-linear-gradient(90deg, #3acfd5, #e05db8);    background: linear-gradient(90deg, #17ead9 0%, #6078ea 100%);
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.nav-menu .menu-item.current-menu-item a:hover::before { }   .to-top {
display: inline-block;
height: 35px;
width: 55px;
position: fixed;
z-index:998;
top: 81px;
left: 18px;
overflow: hidden; visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.fixed-nav .to-top {
top: 155px;
}
.admin-bar .to-top {
top: 113px;
}
.admin-bar.fixed-nav .to-top {
top: 187px;
}
.to-top.right-sidebar {
left: 10px;
}
.to-top:after,
.to-top:before {
content: '';
position: absolute;
top: 12px;
right: 26px;
width: 12px;
height: 2px;
background-color: #8d949e;
-webkit-transform-style: flat;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.to-top:before {
transform: translate3d(1px, 4px, 0px) rotate(-45deg);
}
.to-top:after {
transform: translate3d(8px, 4px, 0px) rotate(45deg);
}
.to-top:hover::before {
transform: translate3d(1px, 1px, 0px) rotate(-45deg);
background-color: #1fc8db;
}
.to-top:hover::after {
transform: translate3d(8px, 1px, 0px) rotate(45deg);
background-color: #1fc8db;
}
.to-top.cd-is-visible, .to-top.cd-fade-out, .no-touch .to-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.to-top.cd-is-visible,
.search-icon .search-btn.cd-is-visible {
visibility: visible;
opacity: 1;
}
.to-top.cd-fade-out,
.search-icon .search-btn.cd-fade-out  {
opacity: .8;
}
.no-touch .to-top:hover {
background-color: #e05db8;
opacity: 1;
}   .search-icon {
position: fixed;
z-index:99;
top: 36px;
left: 27px;
}
.fixed-nav .search-icon {
top: 110px;
}
.admin-bar .search-icon {
top: 68px;
}
.admin-bar.fixed-nav .search-icon {
top: 142px;
}
.search-icon .search-btn {
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.search-icon .search-btn:before,
.search-icon .search-btn:after {
content: '';
position: absolute;
transform: translate3d(0, 0, 0) rotate(0deg);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.search-icon .search-btn:before {
width: 10px;
height: 10px;
left: 10px;
top: 5px;
border-radius: 50px;
border: 2px solid #8d949e;
background: transparent;
-webkit-transition: border-color 0.3s;
transition: border-color 0.3s;
}
.search-icon .search-btn:after {
left: 20px;
top: 19px;
width: 10px;
height: 2px;
background:#8d949e;
transform: rotate(45deg);
-webkit-transition: background 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, transform 0.3s;
}
.search-icon .search-btn:hover::before {
background: transparent;
border-color: #2cb5e8;
transform: translate3d(0, 0, 0) rotate(0deg);
}
.search-icon .search-btn:hover::after {
background: #2cb5e8;
transform: translate3d(3px, -4px, 0) rotate(23deg);
}   .floating-social {
position: fixed;
right: 46px; top: 22px;
z-index: 999;
transform-origin: 100%;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
text-align: right;
}
.fixed-nav .floating-social {
top: 100px;
}
.admin-bar .floating-social {
top: 54px;
}
.admin-bar.fixed-nav .floating-social {
top: 132px;
}
.floating-social a {
display: inline-block;
padding: 5px 10px;
position: relative;
margin: 0 0 0 20px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.floating-social a:hover {
color: #e05db8;
transform: translate3d(2px, 0, 0);
}
.floating-social a::before {
content: '';
position: absolute;
left: -22px;
top: 11px;
width: 20px;
height: 1px;
background: #8d949e;
}
.floating-social a:first-of-type::before {
content: none;
}   .floated-sidebar {
z-index: 199999;
left: auto;
}
.woo-toggled-on .floated-sidebar {
opacity: 1;
visibility: visible;
}
.cart-btn {
position: absolute;
right: 0;
top: 20px;
bottom: auto;
font-size: 22px;
text-align: center;
line-height: 40px;
}   .project-navigation {
position:absolute;
bottom:-140px;
left:0; width:100%;
font-size:14px;
color: rgba(0,0,0,0.2);
z-index: 15;
pointer-events: none;
}
.project-navigation.woocommerce-navigation {
top: 0;
right: 0;
left: auto;
bottom: auto;
height: 60px;
width: 60px;
}
.project-navigation a {
position:absolute;
width: 40px;
height: 40px;
display: block;
z-index: 16;
-webkit-transition: opacity .3s 0s;
transition: opacity .3s 0s;
pointer-events: auto;
}
.project-navigation a.next:before, .project-navigation a.next:after,
.project-navigation a.prev:before, .project-navigation a.prev:after,
.cd-timeline-navigation a.next:before, .cd-timeline-navigation a.next:after,
.cd-timeline-navigation a.prev:before, .cd-timeline-navigation a.prev:after {
content: '';
position: absolute;
top: 14px;
right: 19px;
width: 18px;
height: 2px;
background-color: #272B2F;
-webkit-transform-style: flat;
-webkit-transition: -webkit-transform 0.3s, background-color .3s;
transition: transform 0.3s, background-color .3s;
}
.project-navigation a.next {
transform: rotate(90deg);
right: 20px; }
.project-navigation a.next {
transform: rotate(-90deg);
}
.project-navigation a.prev {
transform: rotate(-90deg);
left: 20px;
}
.project-navigation a.next span,
.project-navigation a.prev span {
position: absolute;
white-space: nowrap;
text-align: left;
right: 45px;
top:12px;
padding: 0 10px;
color: #222;
opacity: 0;
visibility: hidden;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.project-navigation a.next:hover span,
.project-navigation a.prev:hover span {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
.project-navigation a.next span {
transform: rotate(180deg);
}
.project-navigation a.next:hover span {
transform: translateX(-10px) rotate(180deg);
}
.project-navigation a:before,
.cd-timeline-navigation a.prev:before, .cd-timeline-navigation a.next:before {
transform: translate3d(0px, 4px, 0px) rotate(-45deg);
}
.project-navigation a:after,
.cd-timeline-navigation a.prev:after, .cd-timeline-navigation a.next:after {
transform: translate3d(12px, 4px, 0px) rotate(45deg);
}
.project-navigation a.next:before {
transform: translate3d(0px, 4px, 0px) rotate(45deg);
}
.project-navigation a.next:after {
transform: translate3d(12px, 4px, 0px) rotate(-45deg);
}
.project-navigation a:hover::before,
.cd-timeline-navigation a.prev:hover::before, .cd-timeline-navigation a.next:hover::before {
transform: translate3d(-1px, 4px, 0px) rotate(-25deg);
background-color: #272B2F;
}
.project-navigation a:hover::after,
.cd-timeline-navigation a.prev:hover::after, .cd-timeline-navigation a.next:hover::after {
transform: translate3d(13px, 4px, 0px) rotate(25deg);
background-color: #272B2F;
}
.project-navigation a.next:hover::before {
transform: translate3d(-1px, 4px, 0px) rotate(25deg);
}
.project-navigation a.next:hover::after {
transform: translate3d(13px, 4px, 0px) rotate(-25deg);
}
.project-navigation.is-visible {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.project-navigation.is-visible {
visibility: visible;
opacity: 1;
}
.project-navigation.fade-out {
opacity: 1;
}
.no-touch .project-navigation a:hover { opacity: 1;
}
.project-navigation a.back-to-blog {
position:relative;
height: 40px;
width: 40px;
z-index:100;
text-align:center;
}
.project-navigation a.back-to-blog:before,
.project-navigation a.back-to-blog:after {
content: '';
position: absolute;
width: 12px;
height: 2px;
left:14px;
top:17px;
background-color: #272B2F;
-webkit-transform-style: flat;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transform: translate3d(0px, 0px, 0px) rotate(0deg);
}
.project-navigation a.back-to-blog:after {
left:10px;
top:22px;
width: 20px;
}
.project-navigation a.back-to-blog:hover::before {
transform: translate3d(0px, 5px, 0px);
background-color: #fff049;
}
.project-navigation a.back-to-blog:hover::after {
transform: translate3d(0px, -5px, 0px);
background-color: #fff049;
}   .google-map {
width:calc(100% - 20px);
height:500px;
margin: 50px 10px;
}
.map_height-30 {
height: 30vh;
}
.map_height-50 {
height: 50vh;
}
.map_height-100 {
height: 100vh;
}   input[type="submit"], .contact-btn, .readmore {
padding: 15px 35px;
margin: 20px 0 0 0;
cursor: pointer;
border: 2px solid rgba(0, 0, 0, 0.1);
font-size: 18px;
font-weight: 700;
width: auto;
text-align: center;
color: #8d949e;
background: transparent; -webkit-transition: all 0.3s;
transition: all 0.3s;
}
.contact-btn, .readmore {
display: inline-block;
float: none;
padding: 10px 25px;
margin: 0;
pointer-events: auto;
}
.readmore {
padding: 15px 30px;
margin: 20px 0 0 0;
}
input[type="submit"] {
float: right;
outline: none;
}
input[type="submit"]:focus {
outline: none;
}
input[type="submit"]:hover, .contact-btn:hover, .readmore:hover {
color: #1fc8db;
border-color: #2cb5e8;
-webkit-border-image: -webkit-linear-gradient(top left, #3acfd5 0%, #e05db8 100%);
border-image: linear-gradient(to bottom right, #2cb5e8 0%, #e05db8 85%, #ff4d4d 100%);
border-image-slice: 1;
}
.post-password-form {
display: block;
overflow: hidden;
}
.post-password-form input {
display: inline-block;
float: none;
}
.post-password-form input[type="submit"] {
background: #272B2F;
font-size: 14px;
padding: 11px 25px 10px 25px;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
color: #fff;
}   .social-icons {
margin: 0;
float: right;
}
.social-icons.about {
float: left;
margin: 0 0 0 -5px;
}
.social-icons li {
display: inline;
list-style: none;
text-indent: -9999px;
margin-left: 5px;
float: left;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.social-icons li a {
display: block;
height: 32px;
width: 32px;
}
.social-header a {
display: inline-block;
font-size:20px;
padding:15px;
color: rgba(255, 255, 255, 0.3);
}
.social-header a:hover {
color:#fff;
}   .blog-content,
#portfolio-wrapper,
.content-wrapper {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
}
.blog-item {
overflow:hidden;
position:relative;
visibility: hidden;
padding: 20px;
z-index:10;
height: 240px;
margin-bottom: 20px;
color:#000;
-webkit-transition: background-color .3s ease-in-out;
transition: background-color .3s ease-in-out;
}
.container.blog-content .blog-three {
width: calc(33.33334% - 40px);
margin: 0 20px 40px 20px;
}
.container.blog-content .blog-three.size-2x1,
.container.blog-content .blog-three.size-2x2 {
width: calc(66.6667% - 40px);
}
.container.blog-content .blog-three.size-3x3,
.container.blog-content .blog-three.size-3x2 {
width: calc(100% - 40px);
}
.blog-item:hover { background: #273140;
}
.blog_sizer {
width: 33.3334%;
}
.container.blog-content::after {
content: "";
display: table;
clear: both;
}
.blog-content .type-post h2,
.blog-content .type-portfolio h2,
.search-results .portfolio-item-slug .post-title h2 {
font-size: 30px;
line-height: 28px;
font-weight: 700;
margin: 0 auto;
color: rgba(255, 255, 255, 0.9);
}
.blog-content .type-post h2 a,
.blog-content .type-portfolio h2 a {
color: #272B2F;
}
.blog-content .type-post.blog-packery h2 a{
color: #fff;
}
.blog-item .post-title,
.search-results .portfolio-item-slug .post-title {
position: absolute;
left: 20px;
right: 20px; top: 50%;
z-index: 12;
overflow: hidden;
text-align: center;
pointer-events: none;
opacity: 1;
color: #fff;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
word-wrap: break-word;
}
.blog-item:hover .post-title {
opacity: 0;
}
.blog-item .blog-link,
.title_container .blog-link {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.blog-item .blog-link:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2; background: #273140;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.blog-item.format-link .blog-link:before,
.blog-item.format-quote .blog-link:before {
background: rgba(0, 0, 0, 0.15);
}
.blog-item:hover .blog-link::before {
opacity: 0.65;
}
.blog-item .date-number {
padding: 10px 0 0;
font-size: 14px;
font-weight: 300;
left: 0;
color: #fff;
}
.content-preview .gradient {
position: relative;
right: 0;
margin-left: auto;
height: 2px;
width: 30%;
}
.blog-item .gradient::before {
content: '';
position: absolute;
z-index: 15;
width: 100%;
height: 2px;
background: linear-gradient(90deg, #17ead9 0%, #6078ea 100%);
left: 0;
top: -1px;
margin: 0 auto;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.blog-item:hover .gradient::before {
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.165,0.84,0.44,1);
transition-timing-function: cubic-bezier(0.165,0.84,0.44,1);
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
.content-preview .preview-text {
padding: 25px 0 0 0;
}
.blog-item .content-preview {
position: absolute;
text-align: right;
top: 50%;
right:40px;
left: 60px;
font-size: 17px;
line-height: 26px;
color: #fff;
opacity: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
-webkit-transform: translateY(-60%);
transform: translateY(-60%);
z-index: 14;
pointer-events: none; }
.blog-item:hover .content-preview {
opacity: 1;
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
}
.blog-item .post-category,
.blog-item .author-name {
text-align: center;
font-size: 13px;
font-weight: 400;
}
.blog-item .post-category {
padding: 10px 0 35px;
text-transform: uppercase; }
.blog-item .post-category a {
display: inline-block;
margin: 0 5px;
position: relative;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.animated-link a:after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
width: 0;
height: 2px;
background: #33b996;
-webkit-transition: width .3s ease;
transition: width .3s ease;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.animated-link a:hover::after {
width: 70%;
}
.blog-item .post-content p {
font-size: 16px;
color: #191919;
-webkit-transition: .3s ease;
transition: .3s ease;
}
.blog-item .blog-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 1;
background-position: center;
background-size: cover;
background-repeat: no-repeat; -webkit-transition: opacity .3s ease-in;
transition: opacity .3s ease-in; }
.blog-item:hover .blog-image {  }
.post-category a {
color: rgba(0, 0, 0, 0.6);
font-weight: 400;
}
.full-item, .item-sizer {
width:33.33%;
}
#blog-wrapper {
z-index:1;
position:relative;  margin-left:-2px;
margin-right:-2px;
width: 100%;
margin-top:-2px; }
.container-content {
z-index:2;
}   .blog-simple h2 {
margin-bottom: 0;
text-transform: none;
font-size: 44px;
}
.blog-simple h2 a,
.post-loop .post-title h2 a {
color: #273140;
}
.blog-simple h2 a:hover,
.post-loop .post-title h2 a:hover,
.portfolio-row .item-description h2 a:hover {
color: #1fc8db;
}
.simple-post .post-data {
width: 50%;
min-height: 450px;
display: table;
padding: 0 40px;
}
.simple-post {
padding: 40px 0 60px 0;
text-align: center;
visibility: hidden;
}
.no-sidebar .simple-content {
padding: 0 130px;
}   .minimal-post {
position: relative;
clear: both;
overflow: hidden;
padding-top: 20px;
padding-bottom: 50px;
visibility: hidden;
}
.minimal-post.hidden, .hidden {
visibility: hidden;
}
.container.margin-top {
margin-top: 80px;
}
.minimal-post:nth-child(2n+2) {
display: flex;
flex-direction: row-reverse;
}
.minimal-content {
text-align: left;
}
.minimal-post:nth-child(2n+2) .minimal-content {
text-align: right;
}
.minimal-date {
text-align: right;
}
.minimal-post:nth-child(2n+2) .minimal-date {
text-align: left;
}
.minimal-post h2 {
margin: 0;
padding: 0 10px;
font-size: 28px;
line-height: 36px;
cursor: pointer;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.minimal-post h2:hover {
color: #1fc8db;
}
.minimal-hide {
display: none;
overflow: hidden;
padding: 40px 10px;
}
.minimal-date span {
display: block;
position: relative;
font-size: 14px;
line-height: 36px;
padding: 0 10px;
color: #8d949e;
}
.minimal-date span::after,
.minimal-post::after {
content: '';
position: absolute;
height: 100%;
width: 1px;
right: -10px;
top: 0;
background: rgba(230, 230, 230, 1);
}
.minimal-post::after {
right: 50%;
}
.minimal-date span::before {
content: '';
position: absolute;
height: 5px;
width: 5px;
right: -12px;
top: calc(50% - 3px);
background: rgba(230, 230, 230, 1);
}
.minimal-post:nth-child(1) .minimal-date span::after {
content: none;
top: auto;
bottom: calc(50% + 3px);
background: #fff;
z-index: 111;
}
.minimal-post:nth-child(2n+2) .minimal-date span::after {
right: auto;
left: -11px;
}
.minimal-post:nth-child(2n+2) .minimal-date span::before {
right: auto;
left: -13px;
}
.minimal-text {
padding: 40px 0 0 0;
font-size: 17px;
font-weight: 300;
line-height: 30px;
text-align: left;
column-gap: 45px;
margin: 0 0 40px 0;
}
.minimal-hide .readmore {
float: right;
margin-top: 0;
}
.minimal-post:nth-child(2n+2) .minimal-hide .readmore {
float: left;
}   .post-loop {
padding: 30px 0 130px;
position: relative;
}
.post-loop .slider-post {
margin: 0 50px;
text-align: center;
}
.post-loop .post-title h2 {
padding: 60px 0 30px;
font-size: 44px;
}
.post-loop .simple-content {
padding: 0 130px;
font-size: 17px;
font-weight: 300;
line-height: 30px;
}
.post-loop .owl-item {
opacity: 0.3;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.post-loop .owl-item:not(.center):hover {
opacity: 0.7;
}
.post-loop .owl-item .date-number,
.post-loop .owl-item .post-title,
.post-loop .owl-item .simple-content {
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.post-loop .owl-item.center,
.post-loop .owl-item.center .date-number,
.post-loop .owl-item.center .post-title,
.post-loop .owl-item.center .simple-content {
opacity: 1;
visibility: visible;
}   .owl-carousel .owl-wrapper:after {
content: "";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
z-index:8;
}
.single-portfolio-item .owl-carousel,
.page-template-template-portfolio-slider-carousel .owl-carousel {
margin-left: 10px;
margin-right: 10px;
width: calc(100% - 20px);
}
.fullscreen-slider {
height: 100vh;
position: relative;
overflow: hidden;
margin: 0 auto;
min-height: 50vh;
width: 100%;
}
.fullscreen-slider .owl-carousel {
height: 100%;
overflow: hidden;
}
.single-format-gallery .owl-carousel { overflow:hidden;
}
.portfolio-text .owl-carousel {
margin-bottom:35px;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight,
.owl-stage-outer.owl-height {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
overflow: hidden;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-dots {
text-align: center;
position: absolute;
bottom: 20px;
width: 100%;
z-index: 111;
}
.owl-carousel.owl-autoplay .owl-nav {
display: none;
}
.owl-dot {
display: inline-block;
width: 14px;
height: 14px;
margin: 5px 7px;
opacity: 0.5;
border: 2px solid #fff; background: rgba(255,255,255,1);
}
.owl-dot.active {
opacity: 1;
background: rgba(255,255,255,0.2);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
}
.owl-theme .owl-controls {
text-align: center;
width:100%;
}
.owl-theme .owl-pagination {
position:absolute;
text-align: center;
bottom:10px;
left:30%;
right:30%;
z-index:98;
}
.owl-theme .owl-nav div {
color: #FFF;
position:absolute;
display: inline-block;
background: rgba(0, 0, 0, 0);
top:50%;
margin-top:-25px;
zoom: 1;
content:"";
opacity: 1;
width:80px;
height:50px;
line-height:60px;
text-align:center;
z-index:99;
-webkit-transition: opacity .3s, background 0.3s;
transition: opacity .3s, background 0.3s;
}
.fullscreen-slider .owl-theme .owl-nav div,
.boxed-slider .owl-theme .owl-nav div {
background: transparent;
}
.owl-nav .owl-prev:before, .owl-nav .owl-prev:after,
.owl-nav .owl-next:before, .owl-nav .owl-next:after {
content: '';
position: absolute;
top: 16px;
right: 35px;
width: 26px;
height: 3px;
background-color: rgba(255, 255, 255, 1);
box-shadow: 0 0 3px rgba(0,0,0,0.15);
-webkit-transform-style: flat;
-webkit-transition: -webkit-transform 0.3s, background-color .3s;
transition: transform 0.3s, background-color .3s;
}
.post-loop .owl-nav .owl-prev:before, .post-loop .owl-nav .owl-prev:after,
.post-loop .owl-nav .owl-next:before, .post-loop .owl-nav .owl-next:after {
content: none;
}
.post-loop .owl-nav .owl-prev,
.post-loop .owl-nav .owl-next {
position: absolute;
display: block;
top: 0;
left: 0;
opacity: 1;
background: none;
width: 100px;
height: 100px;
transform: rotate(0);
}
.post-loop .owl-nav .owl-next {
left: auto;
right: 0;
}
.owl-nav .owl-prev:before, .owl-nav .owl-next:before {
transform: translate3d(0px, 4px, 0px) rotate(-45deg);
}
.owl-nav .owl-prev:after, .owl-nav .owl-next:after {
transform: translate3d(17px, 4px, 0px) rotate(45deg);
}
.owl-nav .owl-prev:hover::before, .owl-nav .owl-next:hover::before {
transform: translate3d(0px, 0px, 0px) rotate(-45deg);
background-color: #fff;
}
.owl-nav .owl-prev:hover::after, .owl-nav .owl-next:hover::after {
transform: translate3d(17px, 0px, 0px) rotate(45deg);
background-color: #fff;
}
.boxed-slider .owl-nav .owl-prev:before, .boxed-slider .owl-nav .owl-prev:after,
.boxed-slider .owl-nav .owl-next:before, .boxed-slider .owl-nav .owl-next:after {
background-color: rgba(255, 255, 255, 0.8);
}
.owl-nav .owl-prev {
transform: rotate(-90deg);
left:-15px;
}
.owl-nav .owl-next {
transform: rotate(90deg);
right:-15px;
}
.owl-theme .owl-nav div:hover{
opacity: 1;
background: rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 14px;
height: 14px;
margin: 5px 7px;
opacity: 0.5;
border-radius:50%;
background: #fff;
}
.page-template-template-portfolio-fullscreen-slider2 .owl-theme .owl-controls .owl-page span,
.page-template-template-portfolio-fullscreen-slider-lightbox .owl-theme .owl-controls .owl-page span {
background: rgba(0, 0, 0, 0.5);
}
.boxed-slider .owl-theme .owl-controls .owl-page span {
background: #fff;
}
.owl-theme .owl-nav .owl-page.active span,
.owl-theme .owl-page:hover span{
opacity: 1;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.owl-item.loading{
min-height: 150px;
}
.owl-item img {
width: 100%;
}
.fullscreen-slider .owl-item img {
min-width: 100%;
min-height: 100%; max-width: inherit;
}
.fullscreen-slider .owl-item {
min-height: 100%;
height: 100%;
background: rgba(255, 255, 255, 1);
}
.boxed-slider .owl-item img {
opacity: .55;
}
.fullscreen-slider .owl-item {
min-height: 100vh;
height: 100vh;
background: rgba(255, 255, 255, 1);
}
.boxed-slider .owl-item {
background: rgba(0, 0, 0, 1);
}
.post-loop .owl-dots {
display: none;
}
.images-container {
position: relative;
overflow: hidden;
z-index: 9;
}
.images-container.margin-adjust { }
.boxed-style.margin-adjust {
margin: 0;
}
.portfolio-text .images-container {
margin-bottom:45px;
}
.header-container .justified-gallery-container {
margin-bottom: 65px;  }
.justified-gallery {
width: 100%;
position: relative;
overflow: hidden;
}   .half-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: row;
}
.half-container.container {
padding: 0 10px 40px 10px;
}
.half-container.half-gallery-right {
flex-direction: row-reverse;
}
.half-gallery-container {
width: 60%;
position: relative;
}
.half-text-container {
width: 40%;
position: relative;
}
.half-container .sticky-text {
padding: 40px;
position: relative;
}
.half-container.container .sticky-text {
padding: 40px 10px 40px 40px;
position: relative;
}
.half-container.container.half-gallery-right .sticky-text {
padding: 40px 40px 40px 10px;
}
.half-slide {
display: inline-block;
margin-bottom: 20px;
}
a.half-slide {
position: relative;
overflow: hidden;
}
.sticky-text h1 {
color: #272B2F;
font-size: 3.2em;
line-height: 1.2;
font-weight: 300;
margin-bottom: 35px;
}   .about-me {
position: relative;
overflow: hidden;
clear: both;
margin-top: 60px;
font-size: 17px;
font-weight: 300;
line-height: 30px;
}
.about-me.container {
margin-top: 60px;
}
.about-me h2 {
margin-bottom: 55px;
}
.about-info {
vertical-align: middle;
padding: 65px 10px;
width: 1200px;
margin: 0 auto;
position: relative;
}
.about-inner {
display: flex;
justify-content: flex-start;
}
.about-subtitle {
font-size: 32px;
line-height: 38px;
font-weight: 400;
margin-right: 60px;
min-width: 340px;
color: #8d949e;
}
.about-subtitle span {
display: block;
margin-bottom: 30px;
}
.about-text {
column-count: 2;
column-gap: 40px;
}
.about-info p,
.contact-btn,
.about-me h2 {
z-index: 2;
position: relative;
}   .loadmore-img {
display: none;
position: absolute;
width: 55px;
height: 55px;
z-index: 995;
background: rgba(39, 43, 47, 1);
}
.load-more {
text-align: center;
position: relative;
z-index: 990;
width: 100%;
height: 55px;
margin-top: 45px;
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
}
.single-portfolio-item .load-more {
margin-bottom: 60px;
}
.load-more a {
display: block;
position: relative;
z-index: 990;
margin: 0 auto;
width: 55px;
height: 55px;
overflow: hidden; background: rgba(39, 43, 47, 0.5);
-webkit-transition: background-color 0.3s, height 0.2s;
transition: background-color 0.3s, height 0.2s;
}
.load-more a:hover {
background: #1fc8db;
}
.load-more a:after,
.load-more a:before {
content: '';
position: absolute;
z-index: 990;
top: 27px;
right: 17px;
width: 22px;
height: 3px;
background-color: #fff;
-webkit-transform-style: flat;
-webkit-transition: -webkit-transform 0.3s, height .2s;
transition: transform 0.3s, height .2s;
}
.load-more a:before {
transform: translate3d(0, 0, 0) rotate(90deg);
}
.load-more a:hover::before {
transform: translate3d(0, 0, 0) rotate(180deg);
}
.load-more a:hover::after {
transform: translate3d(0, 0, 0) rotate(90deg);
}
.load-more.hide {
visibility: hidden; margin: 0;
}   .portfolio-text h1,
.portfolio-text h2,
.portfolio-text h3,
.portfolio-text h4,
.portfolio-text h5,
.portfolio-text h6 {
padding: 5px 0 5px 0;
margin: 0 0 25px 0;
position: relative;
font-weight: 600;
}   .portfolio_container {
-webkit-transition: height .6s ease-in-out;
transition: height .6s ease-in-out;
min-height: 70px; position: relative;
}
.layout-fullwidth {
padding: 0 80px;
}
.page-template-template-portfolio-fullscreen-carousel.layout-fullwidth,
.page-template-template-portfolio-fullscreen-autoplay.layout-fullwidth,
.page-template-template-portfolio-fullscreen-lightbox.layout-fullwidth,
.page-template-template-portfolio-fullscreen-vegas.layout-fullwidth,
.page-template-template-portfolio-fullscreen-video.layout-fullwidth {
padding: 0;
}
.layout-fullwidth.fixed-nav {
padding-top: 98px;
}
.portfolio_container.boxed-style { }
.portfolio_container.no-space {
padding: 0 10px;
}
#portfolio-gallery-wrapper.boxed-style {
margin: 0 10px;
}
#portfolio-gallery-wrapper.boxed-style.container {
margin: 0 auto;
}
.portfolio_container.container_fullwidth.boxed-style {
padding: 0 10px;
}
.container_fullwidth,
.container.container_fullwidth,
.container.fullwidth-navigation,
.layout-fullwidth .container.portfolio_container,
.layout-fullwidth .container.blog-content,
.layout-fullwidth .container.portfolio-share {
width: 100%;
}
.container.fullwidth-navigation {
padding: 0 30px;
}
.container.classic-gallery-normal, .classic-gallery-normal {
width: 1200px;
margin: 0 auto;
padding: 0 11.5%;
}
.container.classic-gallery-small, .classic-gallery-small {
width: 1200px;
margin: 0 auto;
padding: 0 18%;
}
.portfolio-four,
.portfolio-two,
.portfolio-six,
.portfolio-one,
.portfolio-three,
.portfolio-four-double,
.portfolio-row {
width: 25%;
position: relative;
overflow: hidden;
z-index: 2;
}
.portfolio-row {
margin: 0 10px;
padding-bottom: 120px;
width: calc(100% - 20px);
}
.picture-row {
width: 100%;
height: 100%;
position: relative;
}
.row-link {
width: 33.33333%;
float: left;
height: 100%;
display: inline-block;
position: relative;
} .row-image {
position: relative;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
transition: opacity .3s ease;
}
.row-image::after {
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: .3s;
z-index: 111;
opacity: 0;
}
.row-link:hover .row-image::after {
opacity: 1;
}
.portfolio-four-double {
width: 50%;
}
.portfolio-six {
width: 16.66667%;
}
.portfolio-one {
width: 100%;
text-align: center; }
.post-gallery .portfolio-one {
margin-bottom: 20px;
}
.portfolio-two {
width: 50%;
}
.portfolio-three {
width: 33.33334%;
}
.portfolio-five {
width: 20%;
}
.portfolio-eight {
width: 12.5%;
}
.boxed-style .portfolio-one {
width: calc(100% - 20px);
margin: 0 10px 20px 10px;
}
.no-space .portfolio-one {
width: 100%;
}
.boxed-style .portfolio-two {
width: calc(50% - 20px);
margin: 0 10px 20px 10px;
}
.no-space .portfolio-two {
width: 50%;
}
.boxed-style .portfolio-three {
width: calc(33.33334% - 20px);
margin: 0 10px 20px 10px;
}
.no-space .portfolio-three {
width: 33.33334%;
}
.boxed-style .picture .portfolio-three {
width: calc(33.33334% - 2px);
margin: 1px;
float: left;
display: inline-block;
overflow: hidden;
}
.boxed-style .portfolio-four {
width: calc(25% - 20px);
margin: 0 10px 20px 10px;
}
.no-space .portfolio-four {
width: 25%;
}
.boxed-style .portfolio-five {
width: calc(20% - 10px);
margin: 0 5px 10px 5px;
}
.no-space .portfolio-five {
width: 20%;
}
.boxed-style .portfolio-five.size-2x1,
.boxed-style .portfolio-five.size-2x2,
.boxed-style .portfolio-five.size-2x3 {
width: calc(40% - 10px);
}
.boxed-style .portfolio-five.size-3x3,
.boxed-style .portfolio-five.size-3x2,
.boxed-style .portfolio-five.size-3x1 {
width: calc(60% - 10px);
}
.boxed-style.no-space .portfolio-five.size-2x1,
.boxed-style.no-space .portfolio-five.size-2x2,
.boxed-style.no-space .portfolio-five.size-2x3 {
width: 40%;
}
.boxed-style.no-space .portfolio-five.size-3x3,
.boxed-style.no-space .portfolio-five.size-3x2,
.boxed-style.no-space .portfolio-five.size-3x1 {
width: 60%;
}
.boxed-style.no-space .portfolio-item-slug:not(.portfolio-row),
.masonry-style.no-space .portfolio-item-slug:not(.portfolio-row) {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.portfolio-item-slug {
visibility: hidden;
}
.portfolio_sizer {
width: 20%;
}
.page-template-template-portfolio6-packery .portfolio_sizer {
width: 16.6667%;
}
.boxed-style .portfolio-six {
width: calc(16.66667% - 10px);
margin: 0 5px 10px 5px;
}
.no-space .portfolio-six {
width: 16.66667%;
}
.boxed-style .portfolio-six.size-2x1,
.boxed-style .portfolio-six.size-2x2,
.boxed-style .portfolio-six.size-2x3 {
width: calc(33.3334% - 10px);
}
.boxed-style .portfolio-six.size-3x3,
.boxed-style .portfolio-six.size-3x2,
.boxed-style .portfolio-six.size-3x1 {
width: calc(50% - 10px);
}
.boxed-style.no-space .portfolio-six.size-2x1,
.boxed-style.no-space .portfolio-six.size-2x2,
.boxed-style.no-space .portfolio-six.size-2x3 {
width: 33.3334%;
}
.boxed-style.no-space .portfolio-six.size-3x3,
.boxed-style.no-space .portfolio-six.size-3x2,
.boxed-style.no-space .portfolio-six.size-3x1 {
width: 50%;
}
.boxed-style .portfolio-eight {
width: 12.5%;
margin: 0;
}
.content-wrapper .portfolio-one a {
display: inline-block;
text-align: center;
margin: 0 auto ;
}
.content-wrapper .portfolio-one {
margin-bottom: 20px;
}
.portfolio-link:after {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #273140;  content: "";
-webkit-transition: .3s;
transition: .3s;
z-index:111;
}
@media screen and (min-width: 959px) {
.portfolio-item-slug:not(.has-hover-thumb):hover .portfolio-link:after {
opacity: 1;
}
}
.item-description {
position: absolute;
text-align:right;
font-size: 17px; bottom: 0;
width:100%;
padding:25px 20px;
margin:0;
z-index:112; pointer-events: none;
}
.item-description h2 {
padding:0 15px;
margin:0;
opacity: 0;
font-size:26px;
line-height:24px; font-weight:700;
color: #fff; -webkit-transition: opacity .6s ease;
transition: opacity .6s ease;
}
.portfolio-five.masonry-item .item-description h2,
.portfolio-five:not(.size-1x1):not(.size-2x2) .item-description h2,
.portfolio-six.masonry-item .item-description h2,
.portfolio-six .item-description h2 {
font-size:20px;
line-height:22px;
}
.portfolio-five.masonry-item .item-description,
.portfolio-five .item-description,
.portfolio-six.masonry-item .item-description,
.portfolio-six .item-description {
font-size: 14px;
padding:25px 0 15px;
}
.portfolio-five.masonry-item .item-filter,
.portfolio-five .item-filter,
.portfolio-six.masonry-item .item-filter,
.portfolio-six .item-filter {
padding-top: 5px;
}
.portfolio-row .item-description {
text-align: center;
bottom: 22px;
pointer-events: auto;
}
.portfolio-row .item-description h2,
.portfolio-row .item-description h2 a {
color: #273140;
opacity: 1;
}
.portfolio-row .item-filter {
display: none;
}
@media screen and (min-width: 959px) {
.portfolio-item-slug:hover h2 {
opacity: 1;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
}
.item-description a {
padding:0px;
cursor:pointer;
}
.item-description p {
margin: 0;
font-size:12px;
line-height:14px;
}
.item-filter {
position: relative;
text-align: right;
font-weight: 400;
padding: 8px 15px 2px 15px;
opacity: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
color: #17ead9;
pointer-events: none;
}
.portfolio-gallery-item img {
margin: 0 auto;
min-width: 100%;
}
.portfolio-gallery-item a:after,
.justified-gallery .slick-slide::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #273140;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
}
@media screen and (min-width: 959px) {
.portfolio-item-slug:hover .item-filter,
.masonry-link:hover .item-filter,
.slick-slide:hover .item-filter,
.classic-link:hover .item-filter {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.portfolio-gallery-item:hover a:after,
.justified-gallery .slick-slide:hover::after {
opacity: 1;
}
}
.thumb {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
background-color: #ccc; }
.portfolio-link  {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.portfolio-item-slug .hover-thumb {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
visibility: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
z-index: 112;
}
.portfolio-item-slug .thumb,
.portfolio-item-slug .hover-thumb {
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
.portfolio-item-slug.loaded .thumb {
opacity: 1;
}
.justified-cross,
.masonry-cross {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 112;
}
.portfolio-item-slug .thumb::before,
.portfolio-item-slug .thumb::after,
.portfolio-gallery-item .thumb::before,
.portfolio-gallery-item .thumb::after,
.slick-slide .justified-cross::before,
.slick-slide .justified-cross::after,
.masonry-cross::before,
.masonry-cross::after,
.row-link::after,
.row-link::before {
position: absolute;
content: '';
z-index: 113;
width: 40px;
height: 5px;   background: linear-gradient(90deg, #17ead9 10%, #6078ea 100%); top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transition: opacity .6s ease;
transition: opacity .3s ease;
}
.page-template-template-portfolio3col-video .portfolio-item-slug .thumb::before,
.page-template-template-portfolio2col-video .portfolio-item-slug .thumb::before,
.page-template-template-portfolio1col-video .portfolio-item-slug .thumb::before,
.portfolio-item-slug.hide-info .thumb::before,
.portfolio-item-slug.hide-info .thumb::after {
content: none;
}
.page-template-template-portfolio3col-video .portfolio-item-slug .thumb::after,
.page-template-template-portfolio2col-video .portfolio-item-slug .thumb::after,
.page-template-template-portfolio1col-video .portfolio-item-slug .thumb::after {
background: none;
background: -webkit-linear-gradient(90deg, #17ead9 10%, #6078ea 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'FontAwesome';
content: '\f04b';
width: 80px;
height: 80px;
font-size: 50px;
line-height: 80px;
text-align: center;
color: #17ead9;
-webkit-transform: translateX(-40px) translateY(-40px) rotateZ(0) scale(1,1);
transform: translateX(-40px) translateY(-40px) rotateZ(0) scale(1,1);
-webkit-transition: opacity .6s ease, -webkit-transform 0.5s;
transition: opacity .6s ease, transform 0.5s;
}
@media screen and (min-width: 959px) {
.page-template-template-portfolio3col-video .portfolio-item-slug:hover .thumb::after,
.page-template-template-portfolio2col-video .portfolio-item-slug:hover .thumb::after,
.page-template-template-portfolio1col-video .portfolio-item-slug:hover .thumb::after {
-webkit-transform: translateX(-40px) translateY(-40px) rotateZ(0) scale(1.2,1.2);
transform: translateX(-40px) translateY(-40px) rotateZ(0) scale(1.2,1.2);
}
}
.portfolio-item-slug .thumb::after,
.portfolio-gallery-item .thumb::after,
.slick-slide .justified-cross::after,
.masonry-cross::after,
.row-link::after {
-webkit-transform: translateX(-20px) translateY(-3px) rotateZ(90deg);
transform: translateX(-20px) translateY(-3px) rotateZ(90deg);
}
@media screen and (min-width: 959px) {
.portfolio-item-slug:hover .thumb::before,
.portfolio-item-slug:hover .thumb::after,
.portfolio-gallery-item:hover .thumb::before,
.portfolio-gallery-item:hover .thumb::after,
.slick-slide:hover .justified-cross::before,
.slick-slide:hover .justified-cross::after,
.masonry-cross:hover::before,
.masonry-cross:hover::after,
.row-link:hover::after,
.row-link:hover::before {
opacity: 1;
}
}
.row-link:hover .row-image {
opacity: 0.3;
}
@media screen and (min-width: 959px) {
.portfolio-item-slug:hover .hover-thumb {
opacity: 1;
visibility: visible;
}
}
.portfolio-item-slug .video-popup .thumb::before,
.portfolio-item-slug .video-popup .thumb::after {
content: none;
}
.portfolio-item-slug .video-popup:before {
content: '\f04b';
position: absolute;
width: 80px;
height: 80px;
font-size: 50px;
line-height: 80px;
text-align: center;
color: #fff;
background: transparent;
text-shadow: 0 0px 1px rgba(0, 0, 0, 0.4);
z-index: 141;
top: 50%;
left: 50%;
opacity: .85;
font-family: 'FontAwesome';
-webkit-transform: translateX(-50%) translateY(-50%) scale(1, 1);
transform: translateX(-50%) translateY(-50%) scale(1, 1);
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
@media screen and (min-width: 959px) {
.portfolio-item-slug:hover .video-popup::before {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1.4, 1.4);
transform: translateX(-50%) translateY(-50%) scale(1.4, 1.4);
opacity: .9;
}
}
.add-offset .portfolio-three:nth-of-type(2),
.add-offset .portfolio-three:nth-of-type(6) {
margin-top: 200px;
}
.add-offset .portfolio-five:nth-of-type(4),
.add-offset .portfolio-five:nth-of-type(8) {
margin-top: 115px;
}
.add-offset .portfolio-five:nth-of-type(2),
.add-offset .portfolio-five:nth-of-type(10) {
margin-top: 230px;
}
.portfolio-info {
position: relative;
text-align: center;
padding: 30px 50px;
font-size: 14px;
font-weight: 300;
color: #8d949e;
}
.portfolio-info strong {
font-weight: 500;
color: #273140;
}
.portfolio-info span {
display: inline-block;
padding: 0 10px;
}   .filters-container {
position: relative;
padding: 50px 10px; text-align: center;
font-size: 16px;
font-weight: 400;
}
.filters-fullwidth .filters-container {
width: 100%;
}
.filters-left .filters-container {
text-align: left;
}
.filters-right .filters-container {
text-align: right;
}
.filters-container li {
display: inline-block;
padding: 0 15px;
}
.filters-container span {
cursor: pointer;
}
.filters-container span:hover {
color: #1fc8db;
}
.filters-container span.active {
opacity: .6;
}   .is-portfolio {
position: relative; }
.image-featured {
text-align: center;
position: relative;
margin-left: 10px;
margin-right: 10px;
}
.is-portfolio:after {
width: 100%;
height: 70px;
top: 0;
left: 0;
content: '';
position: absolute;
background-color: #f7f7f7;
z-index: -1;
}
.image-featured img {
margin: 0 auto;
}
.image-featured.page-size img {
width: 1200px;
}
.image-featured.text-size img {
width: 838px;
}
.portfolio-text {
padding: 35px;
}
.container .columns.portfolio-text {
float: none;
display: block;
margin: 0 auto;
}
.page-template-template-portfolio-slider-carousel .portfolio-text,
.page-template-template-portfolio-slider-lightbox .portfolio-text {
padding-top: 110px;
}
.portfolio-text.no-text {
padding: 45px 8% 35px 8%;
}
.text-container {
overflow: hidden;
clear: both;
}
.text-container .portfolio-text {
padding: 35px 8% 85px 8%;
}
.portfolio-text.hide-featured {
padding-top: 0;
}
.portfolio-info .cd-btn,
.subtitle .cd-btn {
display: block;
padding: .8em 1.4em;
margin: 25px 0 0 0;
border: 2px solid #272B2F;
font-size: 1rem;
font-weight: 700;
text-align: center;
color: #272B2F;
pointer-events: auto;
text-transform: uppercase;
-webkit-transition: border-color 0.2s, color 0.2s;
transition: border-color 0.2s, color 0.2s;
}
.subtitle .cd-btn {
display: inline-block;;
}
.cd-btn:hover {
border: 2px solid rgba(39, 43, 47, 0.6);
}   .portfolio-info .post-share {
font-size: 13px;
padding-top: 25px;
margin-top: 25px;
text-transform: uppercase;
font-weight: 600;
border-top: 2px solid rgba(0, 0, 0, 0.2);
float: none;
}
.portfolio-info .post-share a,
.portfolio-share .post-share a {
margin-left: 0;
}
.portfolio-share {
position: relative;
color: rgba(0, 0, 0, 0.8); clear: both; padding: 15px 45px;
margin: 0 auto; text-align: center;
}
.portfolio-share.container {
padding: 60px 0;
position: relative;
}
.portfolio-share .next,
.portfolio-share .prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.portfolio-share .next {
right: 20px;
padding-right: 30px;
text-align: right;
}
.portfolio-share .prev {
left: 20px;
padding-left: 30px;
text-align: left;
}
.portfolio-share .next::after,
.portfolio-share .next::before,
.portfolio-share .prev::after,
.portfolio-share .prev::before {
content: '';
position: absolute;
width: 18px;
height: 2px;
top: 17px;
background-color: #8d949e;
-webkit-transition: background-color 0.2s, transform 0.3s;
transition: background-color 0.2s, transform 0.3s;
}
.portfolio-share .prev::after,
.portfolio-share .prev::before {
left: 0;
}
.portfolio-share .next::after,
.portfolio-share .next::before {
right: 0;
}
.portfolio-share .prev::before,
.portfolio-share .next::before {
transform: translate3d(0px, 0px, 0px) rotate(-45deg);
}
.portfolio-share .prev::after,
.portfolio-share .next::after {
transform: translate3d(0px, 12px, 0px) rotate(45deg);
}
.portfolio-share .next::before {
transform: translate3d(0px, 0px, 0px) rotate(45deg);
}
.portfolio-share .next::after {
transform: translate3d(0px, 12px, 0px) rotate(-45deg);
}
.portfolio-share .next em,
.portfolio-share .prev em {
display: block;
font-style: normal;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.portfolio-share .next:hover::after,
.portfolio-share .next:hover::before,
.portfolio-share .prev:hover::after,
.portfolio-share .prev:hover::before {
background-color: #1fc8db;
}
.portfolio-share .prev:hover::after {
transform: translate3d(-5px, 12px, 0px) rotate(45deg);
}
.portfolio-share .prev:hover::before {
transform: translate3d(-5px, 0px, 0px) rotate(-45deg);
}
.portfolio-share .next:hover::before {
transform: translate3d(5px, 0px, 0px) rotate(45deg);
}
.portfolio-share .next:hover::after {
transform: translate3d(5px, 12px, 0px) rotate(-45deg);
}
.portfolio-share .next span,
.portfolio-share .prev span {
display: block;
color: #273140;
font-size: 30px; font-weight: 500;
padding: 5px 0;
}
.post-content .portfolio-share {
color: rgba(0, 0, 0, 0.8);
}
.post-footer .portfolio-share {
background: none;
margin: 0;
padding-right: 0;
padding-top: 37px;
padding-bottom: 0;
width: auto;
display: inline-block;
float: right;
}
.portfolio-share .post-share {
float: none;
}   .sticky, .screen-reader-text, .bypostauthor {}
.simple-post.sticky,
.sticky.blog-item .blog-link:before,
.tag-sticky-2.simple-post,
.tag-sticky-1.simple-post,
.tag-sticky.blog-item .blog-link:before,
.post-1241.blog-item .blog-link:before {
background: rgba(0, 0, 0, 0.1);
}
.blog-content .sticky.type-post h2,
.blog-content .tag-sticky-2.type-post h2,
.blog-content .tag-sticky-1.type-post h2,
.blog-content .tag-sticky.type-post h2,
.blog-content .post-1241.type-post h2 {
border-bottom: 3px solid rgba(255, 255, 255, 0.5);
border-top: 3px solid rgba(255, 255, 255, 0.5);
}
.header-container {
padding-top: 65px;
}
.wp-caption {
max-width: 100%;
position: relative;
}
.post-page .post-content { padding: 65px 85px 85px; }
.left-sidebar .post-page .post-content,
.right-sidebar .post-page .post-content {
padding-right: 15px;
padding-left: 15px;
}
.container .columns.blog-nosidebar {
overflow: hidden;
display: block;
float: none;
}
.page-template-template-fullwidth .content-wrapper > .container {
width: auto;
}
.page-template-template-fullwidth .portfolio-text {
padding: 35px 10px;
}
.woocommerce .container .columns.blog-nosidebar {
overflow: visible;
}
.single-post .container .columns.blog-nosidebar {
margin: 0 auto;
}
.type-page .post-content {
padding: 65px 85px;
}
.error404 .post-content,
.no-padding,
.no-padding.post-page .post-content,
.no-padding.type-page .post-content {
padding-top: 0;
}
.post-page .post-content.right-sidebar:before {
background: #f2f2f2;
content: "";
display: block;
height: 100%;
position: absolute;
right: 0;
bottom: 0;
width: 25%;
z-index: 1;
}
.double-column {
-webkit-column-count:2;
column-count:2;
column-gap: 50px;
}
.third-masonry {
width:33.3%;
margin:0;
display: inline-block;
padding:0 2px;
margin-bottom: 4px;
overflow: hidden;
}
.two-masonry {
width:50%;
margin:0;
display: inline-block;
padding:0 2px;
margin-bottom: 4px;
overflow: hidden;
}
.one-masonry {
width:100%;
margin:0;
display: inline-block;
padding:0;
margin-bottom: 20px;
overflow: hidden;
}
.post-gallery {
padding-bottom: 65px;
}   .post-meta {
position:absolute;
left: 50%;
text-align:center;
bottom: 0;
padding:10px;
font-size:13px;
z-index: 11;
text-transform: uppercase;
font-weight:400;
}
.title-position-under .post-meta {
position: relative;
max-width: 70%;
left: 0;
padding: 0;
text-align: left;
}
.post-meta a {
text-decoration: none;
color:inherit;
position: relative;
}
.post-meta a:hover {
color: #272B2F;
}
.slider-title .single-author {
padding:0;
}
.slider-title .single-author:before {
display:none;
}
.post-footer {
width:100%;
padding: 20px 0 20px 0;
position:relative;
text-align: left;
clear: both; }
.page-template-default .post-footer {
width:80%;
margin-left: auto;
margin-right: auto;
}
.post-footer a {
font-weight:400;
}
.post-footer-meta,
.simple-post-meta {
position: relative;
text-align: center;
padding: 30px 60px;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 15px;
font-weight: 400;
border-left: 0;
border-right: 0;
}
.simple-post-meta {
border: 0;
padding: 10px 40px 40px;
font-size: 14px;
line-height: 18px;
font-weight: 300;
color: #8d949e;
}
.simple-post-meta strong {
font-weight: 400;
color: #273140;
}
.simple-post-meta span,
.post-footer-meta span {
display: inline-block;
padding: 0 10px;
}
span.single-tags {
padding-top: 5px;
padding-bottom: 5px;
}
.nav-prev,
.nav-next {
position: absolute;
height: 40px;
line-height: 40px;
top: calc(50% - 20px);
}
span.nav-prev {
left: 0;
padding-left: 30px;
}
span.nav-next {
right: 0;
padding-right: 30px;
}
.nav-prev::after, .nav-prev::before,
.nav-next::after, .nav-next::before {
content: '';
position: absolute;
width: 18px;
height: 2px;
top: 13px;
background-color: #8d949e;
-webkit-transition: background-color 0.2s, transform 0.3s;
transition: background-color 0.2s, transform 0.3s;
}
.nav-prev:hover::after, .nav-prev:hover::before,
.nav-next:hover::after, .nav-next:hover::before {
background-color: #1fc8db;
}
.nav-prev::after, .nav-prev::before {
left: 0;
}
.nav-next::after, .nav-next::before {
right: 0;
}
.nav-prev::after {
transform: translate3d(0px, 12px, 0px) rotate(45deg);
}
.nav-prev:hover::after {
transform: translate3d(-5px, 12px, 0px) rotate(45deg);
}
.nav-prev::before {
transform: translate3d(0px, 0px, 0px) rotate(-45deg);
}
.nav-prev:hover::before {
transform: translate3d(-5px, 0px, 0px) rotate(-45deg);
}
.nav-next::after {
transform: translate3d(0px, 12px, 0px) rotate(-45deg);
}
.nav-next:hover::after {
transform: translate3d(5px, 12px, 0px) rotate(-45deg);
}
.nav-next::before {
transform: translate3d(0px, 0px, 0px) rotate(45deg);
}
.nav-next:hover::before {
transform: translate3d(5px, 0px, 0px) rotate(45deg);
}
.post-footer-share {
position: relative;
text-align: center;
padding: 30px;
}
.post-footer-share a {
margin: 0 10px;
font-size: 20px;
}
.post-footer-share a.fa-twitter:hover {
color: #55acee;
}
.post-footer-share a.fa-facebook:hover {
color: #3b5998;
}
.post-footer-share a.fa-google-plus:hover {
color: #e22424;
}
.post-footer-share a.fa-pinterest-p:hover {
color: #b71f1f;
}
.post-share {  position: absolute;
display: block; height: 50px;
top: calc(50% - 25px);
left: calc(50% - 25px); }
.portfolio-logo {
position: absolute;
opacity: 0.35;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.9,0.9);
transform: translateX(-50%) translateY(-50%) scale(0.9,0.9);
}
.portfolio-logo:hover {
opacity: 0.6;
}
.post-share span {
position: absolute;
width: 28px;
height: 2px;
top: 12px;
left: 11px;
background-color: #8d949e;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.post-share span::before,
.post-share span::after {
content: '';
position: absolute;
width: 28px;
height: 2px;
top: 12px;
left: -7px;
background-color: #8d949e;
transform: rotate(60deg);
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.post-share span::after {
transform: rotate(-60deg);
left: 7px;
}
.post-share:hover span::before,
.post-share:hover span::after,
.post-share:hover span {
background-color: #1fc8db;
}
.author-social {
padding:0 0 15px 0;
}
.post-share a,
.author-social a {
border-radius:50%;
width:50px;
height:50px;
font-size:20px;
text-align:center;
line-height:50px;
margin-left:5px;
-webkit-transition: background-color 0.35s, color 0.35s;
transition: background-color 0.35s, color 0.35s;
}
.author-social a {
width:30px;
height:30px;
line-height:30px;
font-size:14px;
margin-left:0px;
background-color:#fff;
}
.sidebar-content .author-social a {
background-color: transparent;
}
.post-share a:hover,
.widget .author-social a:hover {
background-color:#333;
color:#fff;
}
.sidebar-content .author-social a:hover {
background-color:#fff;
color:#222;
}
.post-footer .cats,
.single-tags {
color: #8d949e;
line-height: 20px;
}
.post-footer .cats strong,
.single-tags strong {
font-weight: 400;
color: #273140;
}
.post-footer .cats a,
.single-tags a {
position:relative;
}
.single-author,
.single-comments,
.post-footer .portfolio-share {
padding-left: 42px;
}   .author-info {
margin:0 12% 0 12%;
padding:0 35px 95px 35px;  position:relative;
}
.author-avatar {
float:left;
position: relative;
width:96px;
height:96px;
overflow:hidden;
-webkit-transition: border-color 0.35s;
transition: border-color 0.35s;
}
.widget .author-avatar {
margin-right:25px;
}
.author-avatar img {
height: auto;
width: 100%;
}
.author-description {
margin-left:120px;
}
.author-description h3,
.description h3 {
margin-bottom: 15px;
font-size: 22px;
line-height: 26px;
font-weight:700;
color: rgba(0, 0, 0, 0.8);
}
.description h3 {
font-size: 18px;
}
.container p.author-bio {
font-size: 15px;
font-weight: 400;
line-height:24px;
margin-bottom: 15px;
}
.container .widget p.author-bio {
margin:0;
}
a.author-link {
display:inline-block;
position: relative;
font-size: 13px;
line-height: normal;
text-transform: uppercase;
font-weight: 600;
}
a.author-link:hover {
color:#222;
}   .post_thumb a img {
margin: 0 auto;
width:100%;
}
img.size-full {
height: auto;
max-width: 100%;
}
.wp-caption.alignright, img.alignright {
margin: 0 0 20px 20px;
}
.wp-caption.alignleft, img.alignleft {
margin: 0 20px 20px 0;
}
.alignright {
display: inline;
float: right;
position: relative;
}
.alignleft {
display: inline;
float: left;
position: relative;
}
.alignnone {
margin-top:40px;
margin-bottom:40px;
max-width: 100%;
position: relative;
}
.aligncenter {
display:block;
margin:0 auto;
padding:10px 0;
}
.alignnone img {
width:100%;
}
.alignnone .wp-caption-text,
.alignright .wp-caption-text,
.alignleft .wp-caption-text,
.aligncenter .wp-caption-text,
.gallery-caption {
position: absolute;
background: #fff;
background: rgba(255, 255, 255, 0.85);
font-size: .75em;
text-transform: uppercase;
top: 10px;
left: 10px;
color: #333;
font-weight: 500;
padding: 10px 15px;
-webkit-transition: opacity 0.35s;
-ms-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.gallery-caption,
.alignright .wp-caption-text,
.alignleft .wp-caption-text {
opacity: 0;
}
.alignright:hover .wp-caption-text,
.alignleft:hover .wp-caption-text,
.gallery-item:hover > .gallery-caption {
opacity: 1;
}   .container.title-position-under {
padding: 25px 10px 0 10px;
visibility: hidden;
}
.container.portfolio_title {
padding: 75px 10px 105px 10px;
}
.container.title-container {
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
visibility: hidden;
}
.layout-fullwidth .container.title-container {
width: calc(100% - 20px);
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.single-portfolio-item .container.title-container {
margin-bottom: 70px;
}
#page-title {
padding: 55px 40px;
min-height: 100px;
width: 1200px;
text-align: center;
margin: 0 auto; }
.header-image {
min-height: 100px;
}
.subtitle {
position: relative; margin: 0 auto;
text-align: center;  color: #8d949e;
}
.portfolio_video {
margin: 0 10px;
}
.page-template-template-portfolio-fullscreen-video .portfolio_video {
margin: 0;
overflow: hidden;
}
.page-template-template-portfolio-fullscreen-video #page-title {
display: none;
visibility: hidden;
}
.selfhosted-video {
width: 100%;
}
.portfolio_title:not(.titlestyle-center) .subtitle {
margin: 0;
}
.subtitle p {
text-align: center;
margin: 0 20px;
font-size: 20px;
line-height: 26px;
font-weight: 400;
}
.fullscreen-title .subtitle {
color: #272B2F;
}
.boxed-slider .fullscreen-title .subtitle {
color: #fff;
}
.fullscreen-title.vegas-title {
position: absolute;
z-index: 111;
width: 100%;
top: 0;
height: 100%;
}
.recent-title {
position: relative;
padding: 85px 10px 30px 0;
}
.recent-title h3 {
position: relative;
font-size: 2.3em;
font-weight: 300;
letter-spacing: 1px;
}
.title_container #page-title,
.fullscreen-title #page-title {
padding: 0 10px; z-index: 2; }
.fullscreen-title #page-title {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
#page-title h1,
.container.portfolio_title h1,
.title-position-under h1 { padding: 20px 0; font-size: 60px;
line-height: 58px;
font-weight: 700;
}
.single-post #page-title.has-subtitle h1,
.page #page-title.has-subtitle h1 {
padding-bottom: 10px;
}
.container.portfolio_title h1 {
margin: 5px 0;
}
.title-position-under h1 {
margin-bottom: 0;
}
.fullscreen-title #page-title h1,
.boxed-slider #page-title h1,
.boxed-slider h1 {
color: #fff;
}
.fullscreen-title #page-title h1 {
color: #272B2F;
}
.page-template-template-portfolio-boxed-slider .fullscreen-title #page-title h1 {
color: #fff;
}
#page-title span {
color: #999;
}
.slides-hover .fullscreen-title #page-title h1,
.slides-hover .fullscreen-title .subtitle {
opacity: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.slides-hover .slick-slide:hover .fullscreen-title #page-title h1,
.slides-hover .slick-slide:hover .fullscreen-title .subtitle {
opacity: 1;
}
.slides-hover .slick-slide:hover img {
opacity: 0.5;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.title-left #page-title:not(.title-center),
.title-left .subtitle p {
text-align: left;
margin-left: 0;
}
.title-right #page-title:not(.title-center),
.title-right .subtitle p {
text-align: right;
margin-right: 0;
}
.title-left #page-title {
padding-left: 10px;
}
.title-right #page-title {
padding-right: 10px;
}
.title-left .header-default #page-title {
padding-left: 0;
}
.title-right .header-default #page-title {
padding-right: 0;
}
.title-left .header-image #page-title {
padding-left: 40px;
}
.title-right .header-image #page-title {
padding-right: 40px;
}
.titlestyle-left .subtitle,
.titlestyle-right .subtitle {
margin: 0;
}
.titlestyle-right .subtitle {
width: auto;
max-width: none;
margin-left: 55%;
}
#page-title.titlestyle-left,
#page-title.titlestyle-right {
padding-left: 10px;
padding-right: 10px;
}
.container.title_container.archive-container {
background: transparent;
height: auto;
min-height: 1px;
padding-bottom: 25px;
}
.container.title_container.archive-container #page-title {
padding: 0 10px;
position: relative;
left: 0;
top: 0;
text-align: left;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
.container.title_container.archive-container #page-title h1 {
font-size: 1em;
line-height: 1.2;
font-weight: 700;
}
.container.title_container.archive-container #page-title span {
display: block;
font-size: 2.2em;
font-weight: 300;
}   blockquote,
.link-text,
.link-simple-text,
.audio-simple-text {
font-size: 18px;
line-height: 28px;
margin:0 0 40px 0;
padding:40px 40px 10px 95px;
position: relative;
text-align: left;
background: rgba(0, 0, 0, 0.03);
color: #79818e;
}
.audio-simple-text {
padding:40px 40px 10px;
}
.blog-packery blockquote,
.blog-packery .link-text {
background: transparent;
}
.blog-item blockquote,
.blog-item .link-text {
margin: 0 35px;
text-align: right;
padding:0;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.blog-packery.blog-item:hover blockquote,
.blog-packery.blog-item:hover .link-text,
.blog-packery.format-quote .blog-link:before,
.blog-packery.format-quote .post-title,
.blog-packery.format-link .blog-link:before,
.blog-packery.format-link .post-title {
opacity: 0;
}
.blog-packery.format-quote:hover .post-title,
.blog-packery.format-link:hover .post-title {
opacity: 1;
}
blockquote:before,
.link-simple-text::before {
content: '\f10d';
font-family: "FontAwesome";
font-size: 28px;
position: absolute;
left: 40px;
top: 45px;
}
.format-link blockquote:before,
.link-simple-text::before {
content: '\f0c1';
}
.blog-item blockquote:before {
content: none;
}
.container blockquote p,
.container .link-simple-text p {
font-weight:300;
font-size: 30px;
line-height: 38px;
}
.loop-page blockquote {
font-size:18px;
line-height: 24px;
margin:0;
padding: 45px 30px 30px 30px;
}
.post-link .fa.fa-link::before,
.post-quote .fa.fa-quote-right {
font-size: 34px;
color: #a1a1a1;
background: linear-gradient(90deg, #17ead9 0%, #6078ea 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.post-link, .post-quote {
position: absolute;
z-index: 14;
top: 20px;
right: 20px;
pointer-events: none;
}
.format-link:hover .post-title {
opacity: 1;
}   a#group {
cursor: zoom-in;
}
.gallery {
width: calc(100% - -20px);
}
.gallery .gallery-item {
position: relative;
display: inline-block;
width: 100%;
margin: 0;
padding: 0 20px 28px 0;
text-align: center;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.gallery-columns-0 .gallery-item {
width: 100%;
margin: 0 auto;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}   .related-columns {
position: relative;
overflow: hidden;
clear: both;
}
.related-item.blog-item {
width: 33.3334%;
height: 260px;
display: inline-block;
float: left;
margin-bottom: 0;
}
.related-posts-count-6 .related-item.blog-item {
width: 16.6667%;
height: 190px;
}
.related-posts {
position: relative;
}
.related-posts ul,
.related-posts ul li {
padding:0;
margin:0;
list-style:none;
}
.related-posts ul {
overflow:hidden;
background-color:#f0f0f0;
}
#related-posts {
position: relative;
padding: 0 10px 30px 10px;
font-size: 2.3em;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
color:#272B2F;
}
.container.related-posts-title {
text-align: left; padding: 15px 20px;
}
.related-posts .one-post {
display:inline-block;
overflow:hidden;
width:50%;
height:550px;
float:left;
position:relative;
border:2px solid #f7f7f7;
}
.related-posts .one-post::before {
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
background:rgba(240,240,240,0.45);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
.related-posts .one-post:hover::before {
opacity: 1;
}
.right-sidebar .related-posts .one-post {
height:350px;
}
.related_inner {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: 10% center;
-webkit-background-size: cover;
background-size: cover;
background-color:#f0f0f0;
}
.related_inner .page-title {
top: calc(50% - 50px);
}
.related_inner .page-title h3 {
line-height: 24px;
display: inline-block;
position: relative;
clear: both;
float: none;
padding: 20px 35px;
margin: 0;
font-size: 1.6em;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
color:#333;
background: rgba(255,240,73,0.85);
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
}
.related_inner .page-title h3 a {
color:inherit;
}
.related_inner .single-date {
padding: 10px 15px;
}
.related_inner .cover-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 7;
-ms-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.related_inner .single-cats:before,
.related_inner .single-tags:before,
.related_inner .single-author:before,
.related_inner .single-comments:before {
left: 6px;
top: 0px;
}   #comments-title {
font-size: 40px;
display: block;
text-align: left;
position: relative; padding: 7px 0;
margin-left: 80px; text-transform: none;
font-weight: 700;
color: #273140;
}
.comments-title {
text-align: center;
margin-bottom: 45px;
}
.comments-inner {
padding:0 0 55px 0;
margin-top: 60px;
position: relative;
-webkit-transition: .6s ease;
transition: .6s ease; }
.comments-number {
color: #fff;
text-align: center; font-size: 36px;
width: 60px;
height: 60px;
line-height: 60px;
font-style: normal;
font-weight:700;
position: absolute;
z-index: 22;
top: 0;
left: 0;
background: #ccc;
cursor: pointer;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
.comments-number:hover {
background: #1fc8db;
}
.comments-container,
.comment { }
.comment-respond {
clear:both;
background: #f3f3f3;
padding-top: 20px;
padding-bottom: 40px;
}
.comment-respond a { }
.container .logged-in-as { font-size:14px;
font-weight: 500;
}
.logged-in-as a { }
ol.commentlist {
float:left;
width:100%;
margin: 0;
}
ol.commentlist li {
float:left;
padding: 35px 0 0 0;
width:100%;
}
.status-publish ol.commentlist li {
opacity: 1;
}
ol.commentlist li:first-child {
border:none;
padding: 15px 0 0px 0;
}
ol.commentlist li {
list-style: none;
}
ol li ul.children{
margin:0px;
margin-left:5px;
position:relative;
}
ol.commentlist li ul.children li:first-child {
padding: 0;
font-size: 12px;
}
ol.commentlist li ul.children li {
padding: 0;
margin:40px 0 0 0;
font-size: 12px;
}
.comments {
float:left;
width:100%;
}
.comments-amount {
color: #888;
}
ol li ol.childlist .comment-text {
}
.avatar {
float:left;
width:44px;
overflow: hidden;
}
.comment-text {
margin-left:0;
}
.comment-text p {
padding-right:15px;
}
.container .comment-text p {
font-size: 15px;
font-weight: 300;
line-height: 22px;
}
.comment-text strong {
float:left;
padding-right:5px;
font-size:12px;
}
.comment-text span {
float:left;
color:#888;
}
.comment-author {
width:100%;
padding:0;
color: #222;
font-size:18px;
font-weight: 700;
}
.comment-author a {
color: #222;
font-size:18px;
font-weight: 700;
}
.comment-author img {
width:60px;
height:60px;
overflow:hidden;
position:relative;
}
.children .comment-author img {
border:0;
}
.comment-author cite {
display:inline-block;
padding:0 0 0 20px;
font-style: normal;
margin-top:10px;
}
.comment-author .says {
display:none;
}
.comment-meta {
padding:5px 0 10px 80px;
font-size:13px;
}
.comment-content p {
line-height:26px;
margin: 15px 0;
}
.comment-content {
padding:0 80px 0 80px;
position:relative;
margin-bottom: 40px;
overflow: hidden;
}
.depth-5 .comment-content {
margin-bottom: 15px;
}
.pingback .comment-content,
.pingback .comment-meta,
.pingback .comment-author cite {
padding-left:0;
}
.comment-content:after {
content: '';
position: absolute;
top: -10px;
left: 20px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
}
.comment-body {
position:relative;
}
.comment-body .reply {
position:relative;
top:-25px;
text-align: left;
margin-left: 80px;
}
.pingback .comment-body .reply {
margin-left: 0;
}
span.reply {
display:inline-block;
}
.comment-content-text {
clear:both;
padding:15px 0 0 0;
}
.comments-container a.comment-reply-link {
position:relative;
font-size:18px;
font-weight: 700; }
#cancel-comment-reply-link:hover,
a.comment-reply-link:hover { }
.type-post h3.comment-reply-title,
.type-page h3.comment-reply-title {
margin-bottom:0;
padding-bottom: 0;
text-transform: none;
font-weight: 700;
margin-left: 80px;
}
.comment-form {
padding: 0 80px 15px;
overflow:hidden;
}
#cancel-comment-reply-link {
text-transform:none;
margin-left:15px;
padding-left:20px;
position:relative;
color:#8c8c8c;
}
.logged-in-as {
padding:0;
line-height:normal;
}   .sidebar-btn,
.search-btn {
position: relative;
display: block;
left: 20px;
top:-120px;
width: 40px;
height: 30px;
z-index: 900;
opacity: 1;
}
.project-navigation.woocommerce-navigation .sidebar-btn {
top:22px;
left: auto;
right: 0;
}
.search-btn {
top: -60px;
}
.sidebar-btn span {
position: absolute;
top: 21px;
left: 10px;
width: 25px;
height: 2px;
margin-top: -1px;
background-color: #272B2F;
}
.sidebar-btn.cd-is-visible {
opacity: 1;
}
.project-navigation .sidebar-btn:before,
.project-navigation .sidebar-btn:after {
content: '';
position: absolute;
width: 25px;
height: 2px;
left: 10px;
top: 50%;
background-color: #272B2F;
transform: translate3d(0, 0, 0) rotate(0deg);
-webkit-transform-style: flat;
-webkit-transition: -webkit-transform 0.3s, background-color .3s;
transition: transform 0.3s, background-color .3s;
}
.menu-dropdown.sidebar-opener span::after,
.menu-dropdown.sidebar-opener span::before {
-webkit-transform-style: flat;
-webkit-transition: -webkit-transform 0.3s, background-color .3s;
transition: transform 0.3s, background-color .3s;
}
.project-navigation .sidebar-btn::before {
transform: translate3d(0, -7px, 0px) rotate(0deg);
}
.project-navigation .sidebar-btn::after {
transform: translate3d(0, 7px, 0px) rotate(0deg);
}
.project-navigation .sidebar-btn:hover::before,
.menu-dropdown.sidebar-opener:hover span::before {
transform: translate3d(0, -9px, 0px) rotate(0deg);
}
.project-navigation .sidebar-btn:hover::after,
.menu-dropdown.sidebar-opener:hover span::after {
transform: translate3d(0, 9px, 0px) rotate(0deg);
}
.project-navigation .search-btn:before,
.project-navigation .search-btn:after {
content: '';
position: absolute;
transform: translate3d(0, 0, 0) rotate(0deg);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.project-navigation .search-btn:before {
width: 15px;
height: 15px;
left: 10px;
top: 5px;
border-radius: 50px;
border: 2px solid #272B2F;
background: transparent;
}
.project-navigation .search-btn:after {
left: 24px;
top: 23px;
width: 10px;
height: 2px;
background:#272B2F;
transform: rotate(45deg);
}
.project-navigation .search-btn:hover::before {
background: transparent;
transform: translate3d(0, 0, 0) rotate(0deg);
}
.project-navigation .search-btn:hover::after {
transform: translate3d(3px, -4px, 0) rotate(23deg);
}
.sidebar-content {
color: rgba(255, 255, 255, 0.86);
}
.sidebar-content .widget-title {
padding: 0 0 20px 0;
}
.sidebar-content,
.sidebar-content .widget-title {
color: #273140;
}
.left-sidebar .sidebar-content {
padding: 18px 20px 60px 0;
}
.right-sidebar .sidebar-content { }
.single-post .sidebar-content,
.single-post .left-sidebar .sidebar-content,
.single-post .right-sidebar .sidebar-content {
padding-top: 45px;
}   .search-bar {
position: fixed;
opacity: 0;
visibility: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(39, 43, 47, 0.95);
width: 100%;
height: 100%;
transition: all 200ms linear;
z-index: 99998;
}
.search-bar.show {
opacity: 1;
visibility: visible;
}
.search-bar-form {
width: 50%;
position: absolute;
z-index: 99999;
left: 50%;
top: 50%;
padding: 20px;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.search-bar-form .search-form input {
color: #fff;
border: 2px solid rgba(255, 255, 255, 0.3);
}
.search-bar-form .search-form input:focus {
border: 2px solid rgba(255, 255, 255, 0.9);;
}   .widget-title {
padding:20px 0 30px 0;
font-size:28px;
font-weight: 600;
opacity: 0.6;
}
.floated-sidebar .widget-title {
padding:20px 0 30px 0;
font-size:20px;
opacity: 0.6;
}
.widget {
padding-top:5px;
padding-bottom:65px;
}
.floated-sidebar .cat-item {
padding: 5px 0;
}
.floated-sidebar .children {
margin: 5px 0 0 15px;
}
.widget.widget_recent_entries li,
.widget.widget_categories li,
.widget.widget_archive li,
.widget.widget_pages li,
.widget.widget_meta li,
.widget.widget_recent_comments li,
.nosearch-results.nosearch-cats li {
font-size:16px;
font-weight: 400;
margin:0;
list-style: none;
padding:8px 0;
position: relative;
}
.widget a,
.nosearch-results.nosearch-cats a {
position: relative;
color: #999; }
.widget.widget_recent_comments {
color: #999;
}
.widget a:hover,
.nosearch-results-cats a:hover,
.nosearch-results.nosearch-cats a:hover { color: #1fc8db;
}
.widget.widget_archive select,
.widget.widget_categories select {
display: block;
margin: 0 auto 10px auto;
padding: 15px 10px;
border-radius: 0;
}
.sidebar-holder .widget.widget_archive select,
.sidebar-holder .widget.widget_categories select {
margin: 0 0 10px 0;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}   #ajax-alp-load-posts {
display: block !important;
text-align: center;
width: 100%;
font-size: 15px;
text-transform: uppercase;
font-weight: 700;
border-top: 1px solid #fff;
}
#ajax-alp-load-posts a {
display: inline-block;
width: 100%;
margin: 0 auto;
padding: 25px;
color: #333;
background: #fff;
-webkit-transition: background-color 0.35s, color 0.1s;
transition: background-color 0.35s, color 0.1s;
}
#ajax-alp-load-posts a:hover, #ajax-alp-load-posts a:active {
background: #222;
color: rgba(255, 255, 255, 0.8);
}
.pagination {
overflow:hidden;
width:100%;
position:relative;
margin:0;
padding:10px 60px;
text-align:center;
}
.pagination a { }
.nav-previous,
.nav-next {
display: inline-block;
}
.nav-previous a,
.nav-next a {
display: inline-block; position: relative;
font-size:15px;
font-weight:400;
line-height:22px;
z-index: 2;
padding: 0px;
margin: 40px 30px 40px 30px;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.nav-next a {
padding: 19px 45px 19px 20px;
}
.nav-previous a:hover,
.nav-next a:hover { }   .container.no-content {
padding: 25px 0 75px;
overflow: hidden;
}
.no-content h6 {
font-size: 22px;
font-weight: 600;
padding: 35px 0;
text-align: center; }
.search404_post {
width:33.333%;
float:left;
padding-top:115px;
}
.nosearch-results {
padding:0 20px;
}
.nosearch-results a:hover {
color: #33b996;
}
.search-month {
padding:5px 0;
font-weight:bold;
}   .tagcloud {
overflow: hidden;
}
.tagcloud a, .tags-cloud a {
padding: 8px 16px;
display: inline-block;
float: left;
border: 0;
color: #8d949e;
background: rgba(0, 0, 0, 0.05);
font-size:14px;
line-height: normal;
font-weight: 400;
margin: 0 8px 8px 0;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.tags-cloud a:hover {
background: #1fc8db;
color: #fff;
}
.tagcloud a:last-child {
margin-right:0;
}   .latest-post-blog {
display:table;
}
.widget li.latest-post-blog {
border:none;
margin: 8px 0;
}
.latest-post-blog a.widget-thumb img,
.no-thumb {
width:60px;
height:60px;
display:table-cell;
overflow:hidden; background:rgba(0,0,0,0.05);
}
.latest-post-blog a.widget-thumb,
.latest-post-blog a.latest-title {
display:table-cell;
vertical-align:middle;
text-align: left;
}
.latest-post-blog a.latest-title {
position: relative;
left: 15px;
}
.latest-post-blog a.latest-title span {
display: block;
font-size: 14px;
padding: 3px 0;
}   .widget-themeworm_social {
font-size:20px;
display: inline-block;
}
.nav_container .widget-themeworm_social {
margin-left: 35px;
}
.nav_container.social-left .widget-themeworm_social {
margin-left: 0;
}
.no-social .widget-themeworm_social {
display: none;
}
.social-widget-inner {
text-align:left;
}
.widget-themeworm_social a {
display: inline-block;
width: 48px;
height: 48px;
margin: 0 8px 8px 0; background-color: rgba(0,0,0,0.05);
line-height: 48px; text-align: center;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.widget-themeworm_social a:hover,
.tagcloud a:hover, .tags-cloud a:hover {
background-color: #1fc8db;
color: #fff;
}
.header-sidebar .social-widget-inner {
text-align: right;
}
.header-sidebar.widget-themeworm_social a {
background-color: transparent;
color:rgba(255, 255, 255, 0.5);
margin: 0;
width: 30px;
height: 40px;
height: inherit;
line-height: normal;
padding: 26px 0;
}
.menu-minimize .header-sidebar.widget-themeworm_social a {
height: auto;
padding: 0;
}
.header-sidebar.widget-themeworm_social a {
color:#272B2F;
}
.header-sidebar.widget-themeworm_social a:hover {
background-color: transparent;
color: #fff;
}
.header-sidebar.widget-themeworm_social a:hover {
color: rgba(0, 0, 0, 0.6);
}   .widget_calendar {}
#wp-calendar {
width: 100%;
border: 0;
font-size: 16px;
}
#wp-calendar caption {
text-align: center;
margin-top: 10px;
margin-bottom: 15px;
border: 0;
}
#wp-calendar thead {
font-size: 10px;
}
#wp-calendar thead th {
padding-bottom: 10px;
}
#wp-calendar tbody {}
#wp-calendar td,
#wp-calendar th {
text-align: center;
padding:6px;
font-weight: 500;
border: 0;
}
#wp-calendar tr {
border: 0;
}
#wp-calendar tbody td:hover { }
#wp-calendar td {
background: rgba(255, 255, 255, 0.05);
}
#wp-calendar td a {
opacity: .5;
}
#wp-calendar td a:hover {
opacity: 1;
}
#wp-calendar .pad {
background: none;
}
#wp-calendar tfoot #next {
font-size: 14px;
text-transform: uppercase;
text-align: right;
}
#wp-calendar tfoot #prev {
font-size: 14px;
text-transform: uppercase;
padding-top: 10px;
}   .mc4wp-form {
overflow: hidden;
}
.mc4wp-form label {
display: none;
}
.mc4wp-form p {
display: inline-block;
margin: 0;
margin-top: 15px;
float: left;
}
.mc4wp-form input[type="submit"] {
padding: 10px;
border: 1px solid transparent;
text-transform: capitalize;
}
.mc4wp-alert {
color: #fff049;
}   #footer {
overflow: hidden;
clear: both;
background: #f3f3f3;
padding: 90px 0 80px;
margin: 90px 10px 0 10px; }
.page-template-template-portfolio-fullscreen-carousel #footer,
.page-template-template-portfolio-fullscreen-autoplay #footer,
.page-template-template-portfolio-fullscreen-lightbox #footer,
.page-template-template-portfolio-fullscreen-vegas #footer {
display: none;
}
.copyright {
overflow: hidden;
clear: both;
padding: 0 60px;
padding-top: 20px;
text-align: center;
font-size: 16px;
font-weight: 400;
line-height: normal;
color: #8d949e;
}
.copyright .widget_rss {
text-align: left;
}
.widget_rss li {
padding: 15px 0;
}
.copyright p {
padding: 0;
margin: 0;
}
.copyright a:hover { }
.copyright .textwidget {
padding: 5px 0;
}
.copyright .widget.widget_text {
padding-bottom:0;
}   @media only screen and (min-width: 1025px) and (max-width: 1440px) {
.blog-item blockquote, .blog-item .link-text {
font-size: 16px;
line-height: 22px;
margin: 0 20px;
}
.post-link .fa.fa-link::before, .post-quote .fa.fa-quote-right {
font-size: 30px;
}
.blog-content .type-post h2 {
font-size: 26px;
line-height: 26px;
}
.blog-item .content-preview {
font-size: 16px;
line-height: 22px;
}
#footer .container .one-third.column {
width: calc(33.333% - 20px);
}
#footer {
padding-left: 40px;
padding-right: 40px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.post-link, .post-quote {
top: 10px;
left: 10px;
right: auto;
}
.post-link .fa.fa-link::before, .post-quote .fa.fa-quote-right {
font-size: 24px;
}
.blog-item blockquote, .blog-item .link-text {
font-size: 14px;
line-height: 18px;
margin: 0 20px;
}
.blog-content .type-post h2 {
font-size: 20px;
line-height: 22px;
}
.blog-item .content-preview {
right: 20px;
left: 20px;
font-size: 14px;
line-height: 18px;
}
.content-preview .preview-text {
padding: 10px 0 0 0;
}
.blog-item .date-number {
padding-bottom: 5px;
}
.container.blog-simple,
.container.no-sidebar {
width: auto;
}
#footer .container .one-third.column {
width: 100%;
}
#footer {
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.about-info,
.content-wrapper .container {
width: 100%;
}
.item-description {
font-size: 16px;
padding: 10px 10px;
}
.item-description h2 {
font-size: 24px;
line-height: 18px;
}
.page-template-template-portfolio3col-video .portfolio-item-slug .thumb::after, .page-template-template-portfolio2col-video .portfolio-item-slug .thumb::after, .page-template-template-portfolio1col-video .portfolio-item-slug .thumb::after {
font-size: 30px;
}
}   @media only screen and (min-width: 1199px) and (max-width: 1440px) {
.container.title-position-under {
padding-left: 80px;
padding-right: 80px;
}
.post-page .post-content,
.container.related-posts-title {
padding-left: 70px;
}
.post-gallery {
padding-right: 70px;
}
.about-info {
width: 100%;
}
.page-template .container .sixteen.columns,
.page .container .sixteen.columns {
width: 1040px;
}
.page-template .container .eleven.columns {
width: calc(70% - 20px);
}
.page-template .container .five.columns {
width: calc(30% - 20px);
}
.container .minimal-post .eight.columns {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 959px) and (max-width: 1198px) {
.container.title-position-under {
padding-left: 80px;
padding-right: 80px;
}
.post-page .post-content {
padding-left: 70px;
}
.post-gallery {
padding-right: 70px;
}
.about-info {
width: 100%;
}
.page-template .container .sixteen.columns,
.page .container .sixteen.columns {
width: 800px;
}
.page-template .container .eleven.columns {
width: calc(70% - 20px);
}
.page-template .container .five.columns {
width: calc(30% - 20px);
}
.container .minimal-post .eight.columns {
width: calc(50% - 20px);
}
}   @media only screen and (min-width: 960px) and (max-width: 1199px) {
#page-title,
.top-navigation ul.sub-menu .sub-menu-holder {
width: 960px;
}
.container.classic-gallery-small, .classic-gallery-small {
width: 100%;
}
}   @media only screen and (max-width: 959px) {
.portfolio_video {
margin: 0;
}
.image-featured {
margin-left: 0;
margin-right: 0;
}
.post-footer-meta, .simple-post-meta {
padding: 30px 80px;
}
.single-portfolio-item .owl-carousel,
.page-template-template-portfolio-slider-carousel .owl-carousel {
margin-left: 0;
margin-right: 0;
width: 100%;
}
#page-title h1,
.blog-simple h2 {
font-size: 28px;
line-height: 1;
padding-left: 20px;
padding-right: 20px;
}
.floating-social,
.search-icon,
.portfolio-logo {
display: none;
}
.layout-fullwidth {
padding: 0;
}
#page-title {
padding: 25px 20px;
}
.subtitle p {
margin: 0;
}
.portfolio-text {
padding: 35px 20px;
}
.about-me {
margin-top: 10px;
}
.about-inner {
flex-direction: column;
}
.about-subtitle {
margin: 0;
min-width: auto;
}
.about-text {
column-count: 1;
padding: 45px 0;
}
.about-info {
padding: 55px 20px 20px;
}
.about-me h2 {
margin-bottom: 25px;
}
.about-me.text-right .about-picture, .about-me.text-left .about-picture {
flex-direction: column;
}
#footer {
padding: 40px 20px 40px;
margin: 0;
margin-top: 40px;
}
.titlestyle-right .subtitle {
margin-left: 0;
}
blockquote, .link-text, .link-simple-text, .audio-simple-text {
margin: 35px 0 35px 0;
padding: 40px 20px 1px 40px;
}
.container blockquote p, .container .link-simple-text p {
font-size: 22px;
line-height: 28px;
}
blockquote:before, .link-simple-text::before {
left: 10px;
top: 15px;
}
.title-position-under h1 {
margin-top: 25px;
}
.project-navigation {
width: auto;
}
.project-navigation a {
top:-130px;
left: 15px;
}
.project-navigation a.prev {
left: 145px;
}
.project-navigation a.next {
left: 210px;
}
.project-navigation a.search-btn {
top: -125px;
left: 80px;
}
.widget-themeworm_social,
.project-navigation a.next span, .project-navigation a.prev span,
.single-author:before, .single-comments:before, .single-tags:before,
.to-top.cd-is-visible {
display: none;
}
#footer .widget-themeworm_social {
display:block;
}
.container.title-position-under {
padding-left: 20px;
padding-top: 45px;
}
#page-title.titlestyle-left, #page-title.titlestyle-right,
.container.portfolio_title {
padding-left: 20px;
padding-right: 20px;
}
#page-title,
.related-item.blog-item,
.related-posts-count-6 .related-item.blog-item,
.about-info {
width: 100%
}
.container .column.blog-item,
.related-item.blog-item {
margin-bottom: 20px;
}
.related-item.blog-item:last-child {
margin-bottom: 0;
}
.single-cats, .single-tags, .single-author, .single-comments, .single-number {
display: block;
padding-left: 0;
}
.container.classic-gallery-small, .classic-gallery-small,
.third-masonry,
.blog-item.simple-post .post-content {
padding: 0;
}
.post-page .post-content, .type-page .post-content {
padding: 45px 20px 35px 20px;
}
.right-sidebar .post-page .post-content, .right-sidebar .type-page .post-content,
.right-sidebar .author-info,
.right-sidebar .copyright {
padding-right: 45px;
}
.comments-inner.show-comments {
padding: 45px 20px 20px 20px;
}
.comment-content {
padding: 10px 0 10px;
margin-bottom: 30px;
}
.comment-body .reply {
margin-left: 0;
}
.status-publish ul.children {
padding: 0;
}
.left-sidebar #page-title {
padding-left: 55px;
}
.right-sidebar #page-title {
padding-right: 55px;
}
.floated-sidebar {
width: 90%;
opacity: 0;
visibility: hidden;
height: 100%;
position: fixed;
display: block;
padding: 60px 40px 60px 20px;
background: rgba(240, 240, 240, 1);
overflow-y: scroll;
top: 0;
right: 0;
}
.project-navigation.woocommerce-navigation {
top: 25px;
}
.single-product .project-navigation.woocommerce-navigation {
top: -47px;
right: calc(50% - 25px);
}
.project-navigation.woocommerce-navigation a {
top: auto;
left: auto;
right: 20px;
}
.single-product .project-navigation.woocommerce-navigation a {
right: 0;
}
.cart-btn {
position: absolute;
right: 0;
top: 20px;
bottom: auto;
font-size: 22px;
text-align: center;
line-height: 40px;
}
.sidebar-close {
right: 0;
}
.floated-sidebar.left-sidebar .sidebar-holder {
padding: 0;
}
.floated-sidebar.right-sidebar .sidebar-holder {
padding: 0;
}
.post-meta {
min-width: 300px;
line-height: 1.5;
}
#related-posts {
padding: 0 20px 30px 20px;
}
.copyright .widget_nav_menu ul li, .copyright .widget_nav_menu ul, .copyright .footer-menu .widget {
text-align: center;
}
.author-description {
margin-left: 0;
}
.author-avatar {
margin-right: 20px;
}
.author-info {
margin: 0; }
.portfolio-filters {
padding: 0 10px;
}
.boxed-style .portfolio-two,
.boxed-style .portfolio-six,
.boxed-style .portfolio-four,
.boxed-style .portfolio-five,
.boxed-style .portfolio-five.size-2x1,
.boxed-style .portfolio-five.size-2x2,
.container.blog-content .blog-three,
.boxed-style.no-space .portfolio-five.size-2x1, .boxed-style.no-space .portfolio-five.size-2x2, .boxed-style.no-space .portfolio-five.size-2x3,
.boxed-style.no-space .portfolio-item-slug, .masonry-style.no-space .portfolio-item-slug,
.boxed-style .portfolio-six.size-2x1, .boxed-style .portfolio-six.size-2x2, .boxed-style .portfolio-six.size-2x3 {
width: calc(100% - 40px);
margin-top: 0;
margin-left: 20px;
margin-right: 20px;
}
.boxed-style.no-space .portfolio-five.size-2x1, .boxed-style.no-space .portfolio-five.size-2x2, .boxed-style.no-space .portfolio-five.size-2x3,
.boxed-style.no-space .portfolio-item-slug, .masonry-style.no-space .portfolio-item-slug {
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.portfolio_container.no-space {
padding: 0;
}
.boxed-style .portfolio-five {
margin-bottom: 20px;
}
.third-masonry,
.container.classic-gallery-small, .classic-gallery-small,
.container .related-posts .one-third.column {
width: 100%;
}
.portfolio-text {
padding-top: 35px;
}
.portfolio-info.info-horizontal {
margin: 0 0 40px 0;
}
.horisontal-divider-left,
.horisontal-divider-right,
.portfolio-info.info-horizontal .horisontal-divider-left, .portfolio-info.info-horizontal .horisontal-divider-right {
float: none;
display: block;
width: 100%;
padding: 10px 0;
}
.portfolio-info {
line-height: 28px;
}
.portfolio-share.container {
padding: 20px;
}
.post-footer .cats, .post-footer .single-tags {
padding-left:10px;
padding-right: 10px;
}
.search-bar-form {
width: 99%;
}
.header-container,
.container.blog-content {
padding-top: 0;
}
.cd-slider-nav li {
height: 85px;
}
.cd-slider-nav {
height: auto;
}
.cd-hero-slider h2 {
font-size: 2.5em;
line-height: 1;
}
.cd-hero-slider {
height: 530px;
}
.container.no-content {
padding: 25px 20px 95px 25px;
}
.search404_post {
width: 100%;
float: left;
padding-top: 45px;
}
.blog-item.simple-post .date-number {
display: none; }
ol li ul.children {
margin-left: 30px;
}
.comment {
margin-bottom: 25px;
}
.portfolio_container.container_fullwidth.boxed-style {
padding: 0;
}
.container.fullwidth-navigation {
padding: 0;
}
.comment-form-comment textarea, .wpcf7-textarea {
height: 125px;
}
.google-map {
width: 100%;
margin: 50px 0;
} #navigation .menu-item-has-children > a:after {
content: '\f067';
font-family: 'FontAwesome';
position: absolute;
font-size: 11px;
left: 0;
top: calc(50% - 5px);
}
#site-navigation {
position: relative;
padding: 20px;
z-index: 999; }
.layout-fullwidth.fixed-nav .nav_container,
.page-template-template-portfolio-fullscreen-carousel .nav_container,
.page-template-template-portfolio-fullscreen-autoplay .nav_container,
.page-template-template-portfolio-fullscreen-lightbox .nav_container,
.page-template-template-portfolio-fullscreen-vegas .nav_container,
.page-template-template-portfolio-fullscreen-video .nav_container {
width: 100%;
margin: 0;
padding: 0;
}
.page-template-template-portfolio-fullscreen-video .nav_container {
padding: 0;
}
.fullscreen-title #page-title {
display: flex;
align-items: center;
justify-content: center;
}
.menu-alt.menu-left .menu-dropdown {
left: 10px;
}
.page-template-template-portfolio-fullscreen-slider2 #site-navigation,
.page-template-template-portfolio-slider-autoplay #site-navigation,
.page-template-template-portfolio-fullscreen-slider-lightbox #site-navigation {
background: transparent;
}
.submenu-container li {
margin: 0 10px;
}
.menu-dropdown {
display: block;
}
.menu-alt.menu-right .menu-dropdown {
right: 15px;
}
.center-header.menu-alt .menu-dropdown,
.center-header.menu-center .menu-dropdown {
right: 50%;
-webkit-transform: translateX(50%) translateY(0);
transform: translateX(50%) translateY(0);
}
.center-header.logo-center.menu-center #site-navigation {
padding-bottom: 46px;
margin-bottom: 16px;
}
.center-header.menu-center #navigation .nav-menu {
-webkit-transform: translateX(-50%) translateY(46px);
transform: translateX(-50%) translateY(46px);
}
.right-sidebar .menu-dropdown {
right: 35px;
}
.top-navigation ul.sub-menu .sub-menu-holder {
width: 100%;
padding: 0;
background:transparent;
}
.menu-alt.menu-left #navigation .nav-menu {
left: 0;
}
.menu-alt.menu-right #navigation .nav-menu {
right: 0;
} .menu-sidebar.menu-alt #navigation .nav-menu {
width: 300px;
height: 100%;
position: fixed;
display: block;
padding: 60px 20px;
top: 0;
right: 0;
-webkit-transform: translateX(0);
transform: translateX(0);
z-index: 9000;
overflow-y: scroll;
}
.menu-sidebar.menu-alt.menu-left #navigation .nav-menu {
right: auto;
left: 0;
}
.sidebar-hider {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
background: rgba(39, 43, 47, 0.7);
-webkit-transition: opacity 0.6s ease;
transition: opacity 0.6 ease;
}
.sidebar-hider.toggled-on {
opacity: 1;
visibility: visible;
} .type-post h3.comment-reply-title {
margin-left: 20px;
padding: 0;
}
.comment-form {
padding: 0 20px 15px;
} .post-loop .slider-post {
margin: 0 5px;
}
.post-loop {
padding: 30px 0 80px;
}
.post-loop .post-title h2 {
padding: 30px 0 20px;
font-size: 28px;
line-height: 30px;
}
.post-loop .simple-content {
padding: 0;
} .simple-post-meta {
line-height: 22px;
}
.no-sidebar .simple-content {
padding: 0 20px;
}
.simple-post {
padding: 30px 0 40px 0;
}
.readmore {
margin: 0;
} .minimal-post:nth-child(2n+2) {
display: block;
}
.minimal-post {
padding-top: 20px;
padding-bottom: 20px;
}
.minimal-post:nth-child(2n+2) .minimal-content,
.minimal-post .minimal-content, .minimal-date,
.minimal-post:nth-child(2n+2) .minimal-date {
text-align: center;
}
.minimal-hide {
padding: 20px 20px;
}
.minimal-text {
padding: 20px 0 0 0;
}
.minimal-post:nth-child(2n+2) .minimal-hide .readmore,
.minimal-hide .readmore {
float: none;
margin: 0 auto;
}
.minimal-date span::before {
content: none;
}
.minimal-date span::after,
.minimal-post:nth-child(2n+2) .minimal-date span::after,
.minimal-post::after {
height: 30px;
width: 1px;
right: 50%;
top: -30px;
left: auto;
}
.minimal-post::after {
top: auto;
bottom: -10px;
}
.minimal-post:last-child::after {
content: none;
} .blog-content .type-post.blog-packery h2 {
font-size: 28px;
line-height: 30px;
}
.blog-packery .post-link, .blog-packery .post-quote {
right: auto;
left: 10px;
top: 15px;
}
.blog-item .content-preview {
right: 20px;
left: 20px;
}
.content-preview .preview-text {
padding: 15px 0 0 0;
}
.blog-packery blockquote, .blog-packery .link-text, .blog-packery .link-simple-text, .blog-packery .audio-simple-text {
font-size: 16px;
line-height: 22px;
margin: 0;
padding: 20px;
} #site-navigation .sixteen.columns {
padding: 0 20px;
}
#site-navigation.full-navigation .sixteen.columns {
padding: 0 10px;
}
#navigation .nav-menu {
opacity: 0;
visibility: hidden;
display: inline;
z-index: 9999;
position: absolute;
top: 100%;
width: 100%;
left: 50%;
padding: 20px 20px 60px 20px;
background: #fff;
text-align:right;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.right-sidebar #navigation .nav-menu {
padding-right: 40px;
}
#navigation .sub-menu-holder {
padding-bottom: 10px;
}
#navigation .nav-menu.toggled-on,
.accordeon_dropdown #navigation .nav-menu ul.sub-menu.toggled-on {
opacity: 1;
visibility: visible;
display: block;
}
#navigation ul li a, #navigation ul li ul li a, #navigation ul li ul li ul li a {
display: block;
padding: 10px 0;
margin:0;
text-align: right;
color:rgba(255, 255, 255, 0.9);
font-weight: 500;
font-size:22px;
border: none;
line-height: normal;
}
#navigation ul li:not(.menu-item-split-wrapper) ul li a, #navigation ul li ul li ul li a {
padding: 6px 0; font-size:15px;
line-height: normal;
}
#navigation ul li a, #navigation ul li ul li a, #navigation ul li ul li ul li a {
color: #273140;
}
#navigation ul li:not(.menu-item-split-wrapper) ul li a, #navigation ul li ul li ul li a {
opacity: .6;
}
#navigation ul li a:hover,
.top-navigation li a:hover,
#site-navigation.scaled .top-navigation li a:hover {
border: none;
color: #33b996;
}
#navigation ul li,
.top-navigation li {
float: none;
margin: 0;
display: block;
position: relative;
}
#navigation ul li ul {
position: relative;
display:none;
top: 0;
left: 0;
text-align:center;
padding: 0;
line-height: normal;
background:transparent;
width:100%;
transform: translateX(0);
opacity: 1;
visibility: hidden;;
}
#navigation ul.nav-menu.toggled-on li ul {
display: block;
visibility: visible;
}
#navigation ul li a.menu-overflowed,
#navigation ul li:before,
#navigation ul li a:before,
#navigation ul li ul:before,
#navigation ul li ul li ul:before,
#navigation ul li ul a:before,
#navigation ul li ul li:before,
#navigation ul li ul li ul:before,
#navigation ul li ul li a::before,
#navigation ul li ul li.menu-item-has-children > a:after {
display: none;
}
#navigation .nav-menu.toggled-on ul.sub-menu {
display: none;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
#navigation .nav-menu.toggled-on ul.sub-menu.opened {
display: block;
visibility: visible;
}
#navigation ul li ul li {
margin: 0;
padding: 0;
float:none;
}
#navigation ul li ul li ul {
top:0;
background:none;
position:relative;
}
#navigation ul li ul li:hover > ul {
left: 0;
}
#navigation ul li a:hover, .top-navigation li a:hover, #navigation ul li ul li ul li a:hover {
color: rgba(0, 0, 0, 0.6);
}
.half-container,
.half-container.half-gallery-right {
flex-direction: column;
padding: 0 0 40px 0;
}
.half-container.container {
padding: 0 20px 40px 20px
}
.half-container .sticky-text,
.half-container.container .sticky-text {
padding: 40px 0 0 0;
}
.half-gallery-container,
.half-text-container {
width: 100%;
padding: 0;
}
.portfolio-share .prev {
left: 20px;
max-width: 45%;
}
.portfolio-share .next {
right: 20px;
max-width: 45%;
}
.portfolio-share .next, .portfolio-share .prev {
font-size: 14px;
}
.portfolio-share .next span, .portfolio-share .prev span {
font-size: 20px;
}
.post-share {
display: none;
}
.single-portfolio-item .container.title-container {
margin-bottom: 45px;
}
.owl-theme .owl-nav div {
background: transparent;
}
.page-template-template-portfolio-fullscreen-slider .container.nav_container, .page-template-template-portfolio-fullscreen-slider2 .container.nav_container, .page-template-template-portfolio-pointy-slider .container.nav_container, .page-template-template-portfolio-slider-autoplay .container.nav_container {
padding: 0;
}
.pointy-slider-wrapper {
padding: 75px 20px 20px;
}
.pointy-slider .content {
padding: 30px 20px;
}
.pointy-slider h2 {
font-size: 2.4em;
line-height: 1;
margin-bottom: .4em;
}
.pointy-slider p {
font-size: 14px;
line-height: 1;
font-weight: 300;
}
.simple-post .post-data,
.simple-post .blog-image,
.about-picture-inner,
.about-me.text-right .about-info, .about-me.text-left .about-info {
width: 100%;
}
.simple-post .post-data {
min-height: 200px;
}
.simple-post,
.container .simple-post:nth-child(2n+2) {
flex-direction: column-reverse;
}
}   @media only screen and (min-width: 768px) and (max-width: 959px) {
.container .related-posts .one-third.column,
.container.blog-content .one-third.column {
width: 100%;
padding-left: 20%;
padding-right: 20%;
}
.floated-sidebar {
width: 440px;
}
.blog-item.simple-post .date-number {
width: 45%;
}
.blog-item.simple-post .post-content {
padding: 0 10%;
}
}   @media only screen and (min-width: 480px) and (max-width: 767px) {
.floated-sidebar {
width: 440px;
}
.container .related-posts .one-third.column,
.container.blog-content .one-third.column {
width: 100%;
padding-left: 20%;
padding-right: 20%;
}
.full-item,
.full-item-recent	 {
width:100%;
margin:0;
}
.full-item.masonry-style {
width:100%;
}
.blog-item.simple-post .date-number {
width: 45%;
}
.blog-item.simple-post .post-content {
padding: 0 8%;
}
}   @media only screen and (max-width: 479px) {
p.comment-form-author, p.comment-form-email, p.comment-form-url {
width: 100%;
padding: 0;
}
.full-item,
.full-item-recent	{
width:100%;
margin:0;
}
.portfolio-four, .portfolio-two, .portfolio-six, .portfolio-one, .portfolio-three, .portfolio-four-double,
.portfolio-info,
.boxed-style .portfolio-three,
.boxed-style .portfolio-four,
.boxed-style .portfolio-two,
.boxed-style .portfolio-six {
width: 100%;
}
.boxed-style .portfolio-three,
.boxed-style .portfolio-four,
.boxed-style .portfolio-two,
.boxed-style .portfolio-six {
margin-left: 0;
margin-right: 0;
}
.post-footer .cats, .post-footer .single-tags {
padding: 9px 0;
display: block;
}
.post-footer .portfolio-share {
float: none;
padding-left: 0;
padding-top: 10px;
}
.post-footer-meta, .simple-post-meta {
padding: 20px 80px;
}
.comment-text {
margin-left:0;
}
.comment-text p {
padding-right: 0;
}
.input {
width: 100%;
padding-right: 0;
}
.gallery-columns-0 .gallery-item,
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
width: 100%;
}
.alignright,
.alignleft {
float: none;
margin: 0 auto 15px auto;
display: block;
}
} h1, h2, h3, h4, h5, h6, h1.logo a, 
.portfolio-gallery-item a::after, 
.date, .post-meta, 
.container .subtitle p, 
.author-name, 
.post-footer .cats, 
.post-footer .single-tags, 
.comment-text, 
.blog-item .date-number, 
.item-filter, 
.search-form input, 
.contact-btn, 
.portfolio-info .cd-btn, 
.subtitle .cd-btn, 
.comment-form-comment textarea, 
.comment-form-author input, 
.comment-form-email input, 
.comment-form-url input, 
.search-results, 
.comment-author cite, 
input[type="submit"] {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
}
body, 
.post-content p, 
.container p, 
.blog-item .post-content p {
font-family: 'Roboto', sans-serif;
}
body.page-id-1266 {
background-image: none !important;
}
#logo .logo-image {
margin-top: 0;
}
.about-subtitle span {
font-family: 'Roboto Condensed', sans-serif;
}
.top-navigation li a {
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
#page-title h1, .container.portfolio_title h1, .title-position-under h1 {
font-weight: 400;
color: #fff;
}
.portfolio-item-slug:not(.has-hover-thumb):hover .portfolio-link:after {
opacity: .7;
}
.fancybox-caption-wrap {
opacity: 1;
visibility: visible;
transition: opacity .25s, visibility 0s;
}
.fancybox-caption {
font-size: 18px;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.admin-bar .search-icon {
display: none;
}
.admin-bar .to-top {
top: 65px;
}
.about-info p, .contact-btn, .about-me h2 {
font-style: normal;
}
.about-text {
-webkit-column-count: 1;
column-count: 1;
-webkit-column-gap: 0;
column-gap: 0;
}
.about-info p {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 40px;
column-gap: 40px;
}
@media only screen and (max-width: 479px) {
.about-info p {
-webkit-column-count: 1;
column-count: 1;
}
}
#footer h3 {
margin-bottom: 20px;
}
#footer .textwidget a {
color: inherit;
}