/*
	Theme Name: LK3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

body {
	color:#444;
	font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}
p {
	color: #8d8d8d;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
    -webkit-transition: color 0.2s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s;
    transition: color 0.2s ease 0s, background-color 0.3s ease 0s, border 0.3s ease 0s;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}


h1 {
    font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 33px;
    line-height: 45px;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
h2 {
    font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: .5px;
	
}
h3 {
    font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0.8px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.inner-content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    letter-spacing: 0;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    position: relative;
}


/* header */

.header {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    box-shadow: 0px 1px 2px 0px rgb(0 0 0 / 10%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 400;
}
nav#mobile_nav {
	display: none;
}
.nav, .logo {
    display: inline-block;
}
.logo img {
	max-height: 90px;
	transition-duration: 500ms;
}
.nav ul {
    padding: 20px 0;
}


.nav li {
    display: inline-block;
    padding: 0 10px;
	transition-duration: 500ms;
}
.nav li:last-child:after {
    content: "";
}

.nav li:after {
    content: '.';
    position: absolute;
    margin-left: 10px;
    margin-top: -3px;
    font-weight: bold;
}
.nav li a {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: 2.8px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.nav li a:hover, li.current-menu-item a {
	color: #e5ae47;
}


/* mobile nav */

#mobile_nav ul {
    padding: 0;
    width: 100%;
}
#mobile_nav li {
    padding: 0;
}
.fa-angle-down:before {
    content: "\f107";
}
.m-nav-fold .fa {
    display: block;
    text-align: center;
}

.m-nav-fold i {
    font-size: 30px;
    line-height: 60px;
}
.m-nav-fold i {
    background-color: rgba(245,245,245, 1);
    color: #222222;
}


main {
    margin-top: 150px;
}
section {
    padding: 30px 0px;
    max-width: 1280px;
    margin: 150px auto 0;
}


/* sidebar */
.sidebar {

}
/* footer */


footer.footer {
    background: rgba(238,238,238, 1);
    text-align: center;
    padding: 57px 0 67px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.copy-and-soc .fa {
    font-size: 15px;
}

.socials-wrap .fa {
    border-radius: 50%;
}
.socials-wrap .fa {
    border: none;
}
.socials-wrap .fa {
    background-color: rgba(255,255,255, 1);
    color: #919191;
}
.socials-wrap .fa {
    width: 38px;
    height: 38px;
    line-height: 38px;
    margin-right: 7px;
    margin-bottom: 0px;
}
.fa-linkedin:before {
    content: "\f0e1";
}
.fa-instagram:before {
    content: "\f16d";
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a";
}

/* drop header animation */


.dropped .logo img {
    max-height: 101px;
}
.dropped .nav li {
    padding: 30px 12px;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* portfolio */

main .bar {
    position: relative;
    background: transparent;
}

.filter {
    text-align: center;
}
.filter button {
    display: inline-block;
    list-style: none;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    border: 0;
     color: #8d8d8d;
    margin: 0;
}
.filter button, ul.filter button.active-filter-item {
    font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 1.5px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
 }
.filter__item--selected {
	color: #444 !important;
}
.filter button:hover {
    background-color: rgba(229,174,71, 0);
    color: #444444;
    border-color: #e0e0e0;
}

main .no-touch .slider {
    padding: 0;
}
main .grid {
    max-width: 1376px;
}
article.grid__item {
    padding: 5px !important;
}
.portfolio_wrapper {
	border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
 }
main .slider__item {
	padding: 0;
}
main .slider {
    background: transparent;
    border-radius: 0;
}

.grid__item .meta {
    padding-top: 19px;
    padding-right: 20px;
    padding-bottom: 19px;
    padding-left: 20px;
    margin-top: 0;
	font-size:13px;
}
.slider.flickity-enabled.is-draggable {
    padding-bottom: 0;
}
.meta h3 {
    font-family: "Lato", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    line-height: 23px;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 9px;
}
span.meta__author {
    border-top: 1px solid #efefef;
    width: 100%;
    display: block;
    padding-top: 14px;
    margin-top: 6px;
    color: #8d8d8d;
}
.meta p.meta__description {
    margin-top: 8px;
}
.slider__item.is-selected {
    z-index: 3;
}

main .slider__item {
    padding: 0;
    left: 0 !important;
}

.flickity-slider {
    position: relative;
    transform: none !important;
}
ol.flickity-page-dots {
    display: none;
}
.post-format-icon {
    font-size: 16px;
    border-radius: 50%;
    background-color: rgba(255,255,255, 1);
    color: #8d8d8d;
    width: 38px;
    height: 38px;
    line-height: 38px;
    bottom: 10px;
    right: 10px;
    position: absolute;
    text-align: center;
    left: initial !important;
    z-index: 4;
	cursor: pointer;
}
.post-format-icon a {
    float: left;
    margin-left: 10px;
}
.fa-picture-o:before {
    content: "\f03e";
}
.post-format-icon, .socials-wrap .fa, .nav li a {
	transition-duration: 500ms;
}

.post-format-icon:hover, .socials-wrap .fa:hover {
    background: #e5ae47;
}

a.post-edit-link {
    position: absolute;
    margin-top: -20px;
    color: #ccc;
    right: 10px;
    font-size: 10px;
    font-style: italic;
    text-transform: uppercase;
}


/* single portfolio */


.inner-content-wrap {
    max-width: 1250px;
    margin: 0 auto;
}
 .single-wrap, .project-info-below-right.single-royal_portfolio .single-content-wrap, .project-info-below-right.single-header-below-p .portfolio-single-header {
    width: -webkit-calc(100% - 261px);
    width: calc(100% - 261px);
    display: inline-block;
}
 
.project-info-right .single-wrap {
    margin-bottom: 0px;
}
.project-info, .project-info-below-right .project-info {
    width: 255px;
    
}

.project-info {
    border: none;
}
.project-info {
    background-color: rgba(255,255,255, 0);
    color: #8d8d8d;
}
.project-info {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 25px;
    padding-left: 20px;
    display: inline-block;
    vertical-align: top;
}
h3.proj-info-title {
    color: #444;
    margin-top: 0;
}
.single-post.sharing-nxt-prev-b .single-post-sharing .next-post, .single-royal_portfolio.sharing-nxt-prev-p .single-post-sharing .next-post, .single-royal_portfolio.side-nxt-prev-p .portfolio-single > .next-post {
    right: 0;
}

.project-details-wrap i.fa {
    display: none;
}
.project-details .proj-details-meta i.fa {
    display: inline-block;
}
i.fa.fa-reddit, i.fa.fa-google-plus, i.fa.fa-tumblr {
    display: none !important;
}
.proj-details-meta i.fa {
    margin-right: 8px;
}
/*
.previous-post, .next-post {
    position: fixed;
    top: 50%;
    z-index: 150;
    overflow: visible;
}



.next-post img {
    right: 35px;
    width: 85px;
    height: 85px;
}
.previous-post img {
    left: 35px;
    width: 85px;
    height: 85px;
}
.previous-post {
    font-size: 17px;
}
.previous-post {
    background-color: rgba(58,58,58, 1);
    color: #ffffff;
}
.previous-post {
    line-height: 85px;
}
.previous-post {
    width: 35px;
    height: 85px;
}
*/
/******/

.previous-post, .next-post {
    position: fixed;
    top: 50%;
    z-index: 150;
    overflow: visible;
    font-size: 17px;
    background-color: rgba(58,58,58, 1);
    color: #ffffff;
    line-height: 85px;
    width: 35px;
    height: 85px;
    display: inline-block;
    text-align: center;
    right: 0;
	margin-top: -42.5px;
    
}
.previous-post {
	right: auto;
	left: 0;
}
.next-post img {
    -webkit-transform: perspective(600px) rotateY(
-90deg);
    transform: perspective(600px) rotateY(
-90deg);
    -webkit-transform-origin: center right 0;
    transform-origin: center right 0;
}
.previous-post img, .next-post img {
    position: absolute;
    max-width: none;
    transition: all 0.2s ease;
    opacity: 0;
	right: 35px;
    width: 85px;
    height: 85px;
	border: 1px solid;
}
.previous-post img {
	right: auto;
	left: 35px;
	
}
.next-post:hover img {
    opacity: 1;
    -webkit-transform: perspective(600px) rotateY(
0deg);
    transform: perspective(600px) rotateY(
0deg);
}
.previous-post:hover img {
    opacity: 1;
    -webkit-transform: perspective(600px) rotateY(
0deg);
    transform: perspective(600px) rotateY(
0deg);
}
/*******/

a.back-link.previous-post {
    width: auto;
    height: auto;
    line-height: 28px;
    width: 28px;
    display: none;
}
/*
.next-post, .previous-post {
    display: inline-block;
    text-align: center;
    overflow: hidden;
}
*/

.image-overlay-wrap {
    position: relative;
}
.lightbox-overlay .image-overlay {
    background-color: rgba(255,255,255, 0.1);
}

.image-overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease 0s, background-color 0.4s ease 0s;
    transition: opacity 0.4s ease 0s, background-color 0.4s ease 0s;
}


.lightbox-overlay .image-overlay .fa {
    font-size: 22px;
}

.lightbox-overlay .image-overlay .fa {
    color: #fcfcfc;
}
.lightbox-overlay .image-overlay .fa {
    width: 50px;
    margin: -25px 0 0 -25px;
    line-height: 50px;
}
.image-overlay .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    cursor: pointer;
}
ul.project-details, ul.project-details ul {
    list-style: none;
    padding: 0;
}
.project-details>li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.project-details > li {
    padding-top: 14px;
    padding-bottom: 14px;
    display: table;
    width: 100%;
    border-color: #f3f3f3;
}
.project-details strong {
    float: left;
    width: 120px;
}
.proj-details-meta {
    float: left;
}
.proj-details-meta li {
    margin-bottom: 5px;
	list-style: none;
}
.inner-content a {
    color: #e5ae47;
}


/* Blog  from Hyper-x */


.single-post .single-wrap.body-section {
    width: 100%;
}
.single-post article {
    margin-top: 72px;
}

.nxt-prev-post {
    position: relative;
    width: 125px;
    height: 125px;
    overflow: hidden;
}
span.meta-sep {
    margin: 0 10px;
}
/*
a.next-post.rf-button,
a.previous-post.rf-button {
    position: absolute;
    width: 125px;
    height: 125px;
    right: 0;
    overflow: hidden;
    z-index: 11;
}
a.previous-post.rf-button {
	right: auto;
	left: 0;
}
.next-post img, .previous-post img {
    display: none;
}
*/
.single-meta, .single-meta a, .single-tags, .single-tags a {
    color: #999999;
}
.single-post h1.single-title {
    margin-bottom: 0;
}


h3.single-post-sharing .social-share a i {
    margin-left: 10px;
}

h3.single-post-sharing {
    text-align: center;
}
/*
***************************************************************
* #Blog & Portfolio Pages
***************************************************************
*/
	
#blog-container,
.blog-post,
#portfolio-container,
#portfolio-cats-container,
.portfolio-post-inner {
	overflow: hidden;
}

.blog-container-no-padding,
.portfolio-container-no-padding,
.portfolio-cats-container-no-padding {
	padding: 0 !important;
}

.post-width3x {
	width: 100%;
}

a.view-article {
    display: block;
    margin-top: 10px;
}

/* ----------------- Post Media Block ----------------- */
.post-media-wrap {
	position: relative;
	overflow: hidden;
}

.post-media {
	position: relative;
	overflow: hidden;
}

.post-media img {
	width: 100%;
	height: auto !important;
}

.post-media img:first-of-type + img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

/* ----------------- Post Video & Audio Media ----------------- */
.audio-media {
 	padding: 10px;
 }

.audio-media {
	position: absolute;
	bottom: 0;
	z-index: 100;
}

.video-media,
.audio-media  {
	width: 100%;
}

.audio-media audio,
.video-media video {
	width: 100%;
}

.audio-media iframe {
	height: auto !important;
	width: 100% !important;
}

/* ----------------- Post Text Block ----------------- */
.post-text-wrap {
	overflow: hidden;
}

.blog-post .post-categories,
.portfolio-post .post-categories {
	display: block;
	word-wrap: break-word;
	overflow: hidden;
}

.blog-post .post-cats-in,
.portfolio-post .post-cats-in {
	display: block;
}

.more-info-wrap,
.likes-and-comments {
	position: relative;
	z-index: 2;
}

.portfolio-post .rf-likes a,
.portfolio-post .post-comments-wrap a,
.portfolio-post .social-share-wrap a,
.portfolio-post .social-share-wrap > i {
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: background-color 0.2s ease 0s;
	transition: background-color 0.2s ease-in-out;
}

.social-share-wrap {
	display: inline-block;
}

.social-share-wrap > i,
.social-share-wrap a {
	margin-right: 10px;
}

.social-share-wrap > i {
	margin-left: 0 !important;
	cursor: pointer;
	-webkit-transition: color 0.8s ease 0s;
	transition: color 0.8s ease 0s;
}

.social-share-wrap i {
	-webkit-transition: color 0.2s ease 0s;
	transition: color 0.2s ease 0s;
}

.social-share a:first-child .fa {
	margin-left: 0 !important;
}

.project-link .fa {
	padding-right: 5px;
}

.read-more,
.more-info {
	display: block;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}


/*
***************************************************************
* #Blog Page
***************************************************************
*/

/* ----------------- Link & Qoute ----------------- */
.link-and-quote {
	width: 100%;
	height: 100% !important;
	padding: 20px;
	background-size: cover !important;
	background-position: center !important;
	text-align: center;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: crisp-edges;
}

.featured-media .link-and-quote {
	position: absolute;
	top: 0;
	left: 0;
	height: auto !important;
}

.link-and-quote p {
	padding: 14px 17px 18px 17px;
	margin-bottom: 30px;
}

.single-post .link-and-quote p {
	padding: 53px 40px;
}

.link-and-quote small {
	display: inline-block;
	padding: 14px 17px;
}

.quote-wrap p:before,
.link-wrap small:before {
	font-family: FontAwesome;
	padding: 5px;
}

.quote-wrap p:before {
	content: "\f10e";
	display: block;
	font-size: 25px !important;
	text-align: left;
}

.link-wrap small:before {
	content: "\f0c1";
	margin: 0 5px 0 -5px;
}

/* ----------------- Image Overlay ----------------- */
.blog-post .image-overlay {
	opacity: 0;
}


.blog-post .post-media:hover .image-overlay {
	opacity: 1;
}

.blog-post .image-overlay .fa {
	width: 50px;
	line-height: 50px;
	margin: -25px 0 0 -25px;
	opacity: 0;
}

.blog-post .post-media:hover .image-overlay .fa {
	opacity: 1;
}
.inner-content a {
    color: #e5ae47;
}
.no-nxt-prev {
    display: none;
}
/* End of blog from hyper-x  */

/* Comments */

.comments {
    max-width: 940px;
}
.comment-form-comment label {
    display: none;
}
.comments-area-wrap .comment-reply-title {
    display: inline-block;
    padding-bottom: 0px;
    margin-bottom: 3px;
}
.inner-content textarea.rf-input {
    height: 210px;
}
p.logged-in-as a{
	color: rgba(229,174,71, 1);
}
input#submit {
    background-color: rgba(229,174,71, 1);
    color: #ffffff;
}
input, textarea, select  {
    border-top: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    margin-bottom: 15px;
    padding-top: 9px;
    padding-right: 9px;
    padding-bottom: 9px;
    padding-left: 9px;
    resize: none;
    width: 100%;
}
input[type="checkbox"], input[type="radio"] {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}
.rf-input, .woocommerce .quantity i {
    color: #8d8d8d;
}

/* Password Protection */

form.post-password-form {
    max-width: 940px;
    padding: 30px;
    margin: 0 auto 250px;
}




/* About page */

.page-id-15 section {
    padding-top: 0;
}

.page-id-15 h1 {
    display: none;
}


/* back to top */

.back-to-top {
    right: 20px !important;
    bottom: 20px !important;
	display: none;
    position: fixed;
    z-index: 300;
    text-align: center;
}
.back-to-top .fa {
    font-size: 50px;
    background-color: rgba(82,82,82, 0);
    color: #939393;
    width: 45px;
    height: 42px;
    line-height: 42px;
    box-sizing: content-box;
}
.fa-angle-up:before {
    content: "\f106";
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

@media only screen and (max-width:1310px) {

	.page-template-default article, .single-post article .inner-content, article.portfolio-single {
		padding-left: 30px;
		padding-right: 30px;
	}
	.comments {
		padding: 0 30px;
	} 
}

@media only screen and (max-width:640px) {

	nav#left_nav, #right_nav {
		display: none;
	}
	
	.header {
		flex-direction: column;
		align-items: center;
		padding-bottom: 40px;
		position: relative;
		box-shadow: none;
	}
	.logo {
		margin-top: 20px;
	}
	nav#mobile_nav {
		width: 100%;
		text-align: center;
		display: block;
		overflow: hidden;
		height: 60px;
		transition-duration: 500ms;
	}
	nav#mobile_nav.dropmenu {
		height: 225px;
	}
	#mobile_nav ul {
		padding: 0;
		width: 100%;
		margin: 0;
	}
	#mobile_nav li {
		padding: 0;
		display: block;
		line-height: 40px;
		margin: 0;
	}
	.nav li:after{
		content: '';
	}

	main {
		margin-top: 0;
	}
	section {
		margin: 0 auto;
	}
	
	.bar {
		display: none;
	}


	
	.single-wrap.body-section, .project-info {
		display: block;
		width: 100%;
	}
	
	.vc_column-inner.vc_custom_1612669089192 {
		margin-left: 0 !important;
	}
}

	
@media screen and (max-width: 480px) {
	main .grid__item {
		width: 100%;
	}
}