/*
Theme Name: Mypage Child
Theme URI: https://www.mypage.vn/
Author: Mypage
Author URI: https://www.mypage.vn/
Description: Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: mypage

*/

@import url("../mypage/style.css");
@font-face {
    font-family: 'SFUFutura';
    src: url('fonts/SFUFuturaBook.eot');
    src: local('☺'), url('fonts/SFUFuturaBook.woff') format('woff'), url('fonts/SFUFuturaBook.ttf') format('truetype'), url('fonts/SFUFuturaBook.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SFUFutura';
    src: url('fonts/SFUFuturaExtraBold.eot');
    src: local('☺'), url('fonts/SFUFuturaExtraBold.woff') format('woff'), url('fonts/SFUFuturaExtraBold.ttf') format('truetype'), url('fonts/SFUFuturaExtraBold.svg') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'SFUFutura';
    src: url('fonts/SFUFuturaHeavy.eot');
    src: local('☺'), url('fonts/SFUFuturaHeavy.woff') format('woff'), url('fonts/SFUFuturaHeavy.ttf') format('truetype'), url('fonts/SFUFuturaHeavy.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SFUFutura';
    src: url('fonts/SFUFuturaObliqueTTF.eot');
    src: local('☺'), url('fonts/SFUFuturaObliqueTTF.woff') format('woff'), url('fonts/SFUFuturaObliqueTTF.ttf') format('truetype'), url('fonts/SFUFuturaObliqueTTF.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}

body, h1, h2 ,h3, h4, h5, h6, p ,span, a, #main-menu .mega-menu > li.menu-item > a, #main-menu .mega-menu > li.menu-item > h5{
    font-family: "SFUFutura";
    text-align: justify;
}
.gridlist-toggle > a, #side-nav-panel .accordion-menu .arrow{
    font-family: "Porto"!important;
}
.widget_product_categories ul li .toggle, .widget_price_filter ul li .toggle, .widget_layered_nav ul li .toggle, .widget_layered_nav_filters ul li .toggle, .widget_rating_filter ul li .toggle, .widget_product_categories ol li .toggle, .widget_price_filter ol li .toggle, .widget_layered_nav ol li .toggle, .widget_layered_nav_filters ol li .toggle, .widget_rating_filter ol li .toggle{
    font-family: "FontAwesome"!important;
}
/* Custom Css */
p { color: #333; }
.section-page-title h2 { letter-spacing: -2px; }
/* header */
.admin-bar .header-wrapper:not(.fixed-header) .header-body {margin-top: 32px;}
.admin-bar .header-body.sticky {margin-top: 0}
@media (min-width: 992px){
    #header{ min-height:110px; }
    #header .header-body{ position:fixed; z-index:1001; width:100%;top:0;}
}
#header.header-corporate .header-main .header-container{ padding-left: 10px; padding-right: 10px; }
#header.header-corporate .header-main{ padding: 5px 4px; }
#header.header-corporate .header-main .container .header-right-bottom { margin-top: 0; }
#header.header-corporate .header-main .container .header-right { padding-left: 31px; }
#header.header-corporate .mega-menu > li.menu-item > a, .mega-menu > li.menu-item > h5{ padding: 0; margin: 8px 13px; }
#header.header-corporate .mega-menu > li > a:after {content: '';display: block;position: absolute;bottom: 0px;left: 49%;width: 0;border-bottom: 2px solid #FFF;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: ease width 300ms;-moz-transition: ease width 300ms;transition: ease width 300ms;}
#header.header-corporate .mega-menu > li > a:hover:after {width: 100%;}
#header.header-corporate .mega-menu > li.active > a:after {content: '';display: block;position: absolute;bottom: 0px;left: 49%;width: 100%;border-bottom: 2px solid #FFF;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: ease width 300ms;-moz-transition: ease width 300ms;transition: ease width 300ms;}
#header.header-corporate .mega-menu > li.has-sub > .popup > .inner > .sub-menu:before {content: '';display: block;position: absolute;top: -5px;left: 50%;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid white;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
#header.header-corporate .mega-menu > li.has-sub > .popup {top: initial;left: 50%;opacity: 0;visibility: hidden;-webkit-transform: translate3d(-50%, 3%, 0);-moz-transform: translate3d(-50%, 3%, 0);-ms-transform: translate3d(-50%, 3%, 0);-o-transform: translate3d(-50%, 3%, 0);transform: translate3d(-50%, 3%, 0);-webkit-transition: ease all 300ms;-moz-transition: ease all 300ms;transition: ease all 300ms;}
#header.header-corporate .mega-menu > li.has-sub:hover > .popup {visibility: visible;opacity: 1;-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);-o-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);-webkit-transition: ease all 300ms;-moz-transition: ease all 300ms;transition: ease all 300ms;}
#header.header-corporate .mega-menu .popup > .inner { margin-top: 4px; }
#header.header-corporate .mega-menu .narrow .popup ul.sub-menu{ min-width: 200px; }
#header.header-corporate .mega-menu .narrow .popup li.menu-item > a{padding: 8px 20px 8px 8px; border:none;line-height: 15px;}
#header.header-corporate .mega-menu .narrow .popup li.menu-item-has-children > a:before, #header.header-corporate .mega-menu .narrow .popup li.menu-item-has-children > h5:before{ content: "\f105"; }
#header.header-corporate .share-links{ margin-bottom: 3px; margin-left: 1px;}
#header.header-corporate .share-links a{ margin-left: 3px; margin-right: 2px; width: 24px; height: 24px; color: #ffffff;background:transparent;box-shadow:none;}
#header.header-corporate .share-links a:hover{background:transparent !important;}

/* mobile navigation */
#nav-panel .accordion-menu { font-size: 11px; }
#nav-panel .accordion-menu li.menu-item.active > a,
#nav-panel .accordion-menu li.menu-item.active > h5 { background: none; color: inherit; }
#header .mobile-toggle { width: 34px; height: 34px; line-height: 34px; padding: 0; border-radius: 17px; background: #fff; color: #000; }
#nav-panel .mobile-nav-wrap { padding: 10px !important; }
#nav-panel .accordion-menu > li.menu-item > a,
#nav-panel .accordion-menu > li.menu-item > h5,
#nav-panel .accordion-menu > li.menu-item > .arrow { color: inherit;  font-weight: 400; }
@media (max-width: 992px) {
    #header .header-main.sticky #nav-panel { max-height: none; }
}

/*Infinite Scroll Page */
body.archive.post-type-archive .main-content{
    padding-top: 1vw !important;
}

/* body 
#main{min-height:calc(100vh - 173px)}*/

/* slider arrows */
.owl-carousel .owl-nav {margin-top: -30px;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover{padding: 4px 7px !important;}
/* owl slider arrow */
.owl-carousel.show-nav-hover .owl-nav .owl-prev {left: -5px;}
.owl-carousel.show-nav-hover .owl-nav .owl-next {right: -5px;}
.thumb-gallery .owl-carousel.show-nav-hover .owl-nav { opacity: 1;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {height: 80px;line-height: 68px;margin-top: -10px;}
.owl-carousel .owl-nav .owl-next::before {content: "\f054";font-family: FontAwesome;}
.owl-carousel .owl-nav .owl-prev::before {content: "\f053";font-family: FontAwesome;}
/*mfp arrows */
.mfp-arrow:before, .mfp-arrow:after{
    border: none; font-family: FontAwesome; font-size: 14px; color: #fff !important; opacity: 1;
}
.mfp-arrow-right:before{ content: "\f054";}
.mfp-arrow-left:before{ content: "\f053";}
/* HorizontralScrollBox Arrrows */
#horizontalScrollBox .custom-portfolio-navigation .prev::before,
#horizontalScrollBox .custom-portfolio-navigation .next::before{
    font-family: FontAwesome !important;
}
#horizontalScrollBox .custom-portfolio-navigation .prev::before { content: "\f053" !important; }
#horizontalScrollBox .custom-portfolio-navigation .next::before{ content: "\f054" !important; }
.custom.tparrows, .custom.tparrows:hover,
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover,
#horizontalScrollBox .custom-portfolio-navigation .prev, #horizontalScrollBox .custom-portfolio-navigation .next{
    background: transparent !important;
}
/* Stripes and Parallax */
.custom-carousel-arrows-style .owl-nav .owl-prev::before, .custom-carousel-arrows-style .owl-nav .owl-next::before {
    top: 27px;
}
/* End */

/* About Photographers */
.photographers .owl-carousel .owl-nav .owl-prev{left:15px !important}
.photographers .owl-carousel .owl-nav .owl-next{right:15px !important}
.photographers .owl-carousel.show-nav-hover .owl-nav{opacity:1}
.photographers .thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper::after{display:block}
.photographers .thumb-info h4,.photographers .thumb-info .color-body,.photographers .thumb-info-social-icons{bottom:auto;color:#fff;font-family:open sans;letter-spacing:-1px;opacity:0;position:absolute;text-align:center;width:100%;z-index:2}
.photographers .thumb-info h4{font-size:24px;top:30%;transform:translate3d(0px,-10px,0px);transition:transform .2s ease-out 0s,opacity .2s ease-out 0}
.photographers .thumb-info:hover h4{opacity:1;transform:translate3d(0px,0px,0px)}
.photographers .thumb-info .color-body{font-size:15px;padding-top:2px;top:50%;transform:translateY(-35%);transition:all .3s ease .1s;font-weight:100}
.photographers .thumb-info:hover .color-body{opacity:1;transform:translateY(0px)}
.photographers .thumb-info-caption-text.p-t-none{margin:0;padding:0}
.photographers .thumb-info-social-icons{border:0 none;letter-spacing:0;padding:0;transform:translateY(50px);transition:all .3s ease .2s;bottom:0}
.photographers .thumb-info:hover .thumb-info-social-icons{opacity:1;transform:translateY(-15px)}
.thumb-info-social-icons.share-links a{height:40px;background:transparent;width:40px}
.photographers .thumb-info-social-icons .tooltip, .single .portfolio-full .portfolio-info, .blog-posts .post-meta > span > i,.single-post .post-meta > span > i,.blog-posts .meta-date > i,.blog-posts .grid-box .clearfix,.blog-posts .grid-box .img-thumbnail .zoom, .member-carousel .zoom, .post-block.post-author h4, .single-post .post-image.single .img-thumbnail .zoom, ul.comments .comment-block .date, ul.comments .comment-arrow,.comments .pt-right i{display:none!important}
.photographers .owl-carousel{margin:0;padding:0}
.Defaults-instagram::before {content: "";font-family: fontawesome;}
.instagram-custom .porto-icon.advanced {line-height: 17px !important;}
.photographers .thumb-info .thumb-info-wrapper::after{background:rgba(23,23,23,0.6)}

/* Ligthbox Photo */
.mfp-image-holder .mfp-content {max-width: 70%;}

/* Magnific Popup */
.mfp-arrow{ top: calc( 50% + 15px ); }
.mfp-counter{ display: none; }
.porto-portfolios-lighbox-thumbnails+div+div .mfp-close{
    position: fixed;
    right: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    font-family: "Open Sans", Arial, sans-serif;
    color: #fff;
    text-align: center;
    background: transparent;
    opacity: 1;
}
.porto-portfolios-lighbox-thumbnails+div+div .mfp-close:hover {
    cursor: pointer;
    opacity: 0.7;
}

/* Blog Posts */
.blog-posts .grid-box{padding:0}
.grid-box:hover .post-image .owl-drag .img-thumbnail img {transform: scale(1);}
.blog-posts{margin-top:60px}
.blog-posts .owl-carousel .owl-nav.disabled + .owl-dots {bottom: 0;margin-top: 0;position: absolute; width: 100%;}
.blog-posts .porto-carousel {margin-bottom: 15px;}
.blog-posts .post-image {position: relative; margin-bottom:25px !important;}
.blog-posts .post-content{padding:0 25px 25px;}
.blog-posts .post-meta {padding:0 25px;}
.blog-posts .post-item {padding-bottom: 30px; background: rgb(255, 255, 255) none repeat scroll 0 0;}
.blog-posts .post-item h5 {font-size: 2em;font-weight: 400;padding: 0 25px;}
.blog-posts .post-grid .meta-date {display: block;font-family: open sans;font-size: 14px;font-weight: 400;text-transform: uppercase; color: rgb(119, 119, 119); margin-bottom:5px;}
.blog-posts .post-meta .meta-cats,.single-post .post-meta .meta-cats{background:#96BBB3 none repeat scroll 0 0;border-radius:20px;padding:5px 25px !important;position:absolute;right:15px;top:15px;z-index:1}
.blog-posts .post-meta .meta-cats a,.single-post .post-meta .meta-cats a{color:#fff;text-decoration:none;text-transform:uppercase}
.img-thumbnail{backface-visibility:hidden;background-color:#fff;border:0 solid #ddd;border-radius:0;display:block;max-width:100%;position:relative;text-decoration:none;transform:translate3d(0px,0px,0px)}
.grid-box:hover .post-image .img-thumbnail img{transform:scale(1.1,1.1)}
.post-grid .post-content h4.entry-title{font-size:2em;line-height:1.2}
.blog-posts .post-title-simple {position: relative;}
.blog-posts .post-content a {text-decoration:none;}
article.post .post-meta { margin-bottom: 0; }

/* Blog Single */
.single-post article.post .post-date{float:left;margin-left:0;margin-right:0;text-align:left;width:100%;padding:70px 75px 0}
.single-post article.post .post-date .day,.single article.post .post-date .month{background:rgba(0,0,0,0) none repeat scroll 0 0;box-shadow:none;color:#646974;display:inline-block;font-size:14px;font-weight:400;padding:0;text-transform:uppercase;vertical-align:top}
.single-post #main{background:#ecf2f4 none repeat scroll 0 0}
.owl-carousel .owl-dots .owl-dot span {background-color: transparent;border: 2px solid rgb(25, 40, 48);opacity: 0.5;}
.owl-carousel .owl-dots .owl-dot.active span {opacity: 1;background-color: rgb(15, 19, 23);}
.owl-carousel .owl-dots .owl-dot:hover span {background-color: rgb(15, 19, 23);}
.single-post article.post .post-image.single,.post-image.single .post-slideshow{margin-bottom:0;margin-left:0;position:relative}
.single-post article.post{margin-left:0;position:relative;}
.post-block.post-share > h3 {margin-bottom: 33px;}
.single-post .post-content{background:#fff none repeat scroll 0 0;padding:0 75px 75px}
.single-post .post-content .entry-title{font-size:2em;font-weight:400;line-height:.8}
.single-post blockquote::before{color:#333;content:"“";font-size:80px;font-style:normal;left:10px;line-height:1;position:absolute;top:0;  font-family: Georgia;}
.single-post blockquote{border-left:0 none;padding:0 0 10px 80px;position:relative;border-left:0;font-family:Georgia,serif;padding:0 0 10px 80px;position:relative}
.single-post blockquote p{font-family:"Roboto Slab",serif;font-weight:500}
.porto-blockquote{margin-bottom:0}
.single-post .post-gap{margin:0}
article.post-title-simple .post-block.post-share {margin: 35px 0;}
body .post-block.post-author{background:#242e39;color:#fff;margin:0;padding:75px}

.post-author .img-thumbnail{background:transparent none repeat scroll 0 0;border:0 none;display:inline-block;float:left;margin-left:8%;margin-right:20px;padding:0}
.post-content .meta-date{text-transform:uppercase}
.post-author .img-thumbnail img{border-radius:50px}
#main article .post-author .name a{color:#fff;text-transform:uppercase;font:1.2em "Roboto Slab"}
.post-author p .name{display:inline-block;font-size:inherit;margin-bottom:10px}
.post-author p{color:#c3c7ce;width:87%}
article.post-title-simple .post-block.post-comments{border-top:0 none;margin-top:25px;padding-top:25px}
.padding-vc-container-0 .vc_column_container{padding:0}
.photographers .member-carousel .member-item{margin:0}
.single-post .post-image.single, .post-image.single{position:relative}
.post-block.post-share {border: 0 none; margin-top: 0;}
.single-post .main-content{padding-bottom:0}
.post-image.single .img-thumbnail{padding:0}

/* Comments Single Page */
#comments > h4{font-size:25px;margin-bottom:25px}
.comment-body .img-thumbnail{border:1px solid #000;border-radius:50px}
.comment-body img{border-radius:50px}
ul.comments .comment-block{background:transparent none repeat scroll 0 0;border-bottom:1px solid #dde5e7;color:#313946}
article.post-title-simple .comment-respond{background:#fff none repeat scroll 0 0;position:relative}
.comment-respond::after,.comment-respond::before{background:#fff none repeat scroll 0 0;content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}
.comment-respond::after{left:auto;right:-100%}
.comment-respond textarea{box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;border:1px solid #dde4e6;height:240px}
.comment-respond input[type="text"]{border:1px solid #dde4e6;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;height:45px}
.comment-reply-title{font-size:2em;}
.comment-by strong{text-transform:uppercase}
.single-post .comment-respond {background: rgb(255, 255, 255) none repeat scroll 0 0;border: 0 none !important;position: relative;}
.post-comments .comments > li:last-child .comment-block{border-bottom:0 none}
.comments .comment-by .pt-right span a{border:2px solid #96BBB3;border-radius:25px;color:#fff;display:inline-block;margin-bottom:14px;padding:3px 21px;background-color: #96BBB3;border-color: #96BBB3 #96BBB3 #050607;}
.comments .comment-by .pt-right span a:hover{ background-color: #222d37;border-color: #222d37 #222d37 #B2D5CE}
.comments .comment-by .pt-right span a{border:2px solid #96BBB3;border-radius:25px;color:#fff;display:inline-block;font-size:12.6px;font-weight:500;margin-bottom:14px;padding:2px 21px;text-transform:uppercase;transition:all .4s ease-in-out 0}
article .comment-respond input[type="submit"]{background:transparent none repeat scroll 0 0;border-radius:25px;border-width:2px;color:#96BBB3;font-size:1em;font-weight:600;line-height:1.33;padding:11px 21px;text-shadow:none;text-transform:uppercase}

/* Pagination blog posts css */
.pagination .page-numbers.current{background:#B2D5CE}
.pagination-wrap .pagination a,.pagination-wrap .pagination span{color:#fff;background:#96BBB3;border-radius:50px;font-size:.92em;font-weight:700;height:auto;line-height:1;min-width:inherit;overflow:visible;padding:11px 13px;text-indent:0;text-transform:uppercase;width:auto;border:none;}
.pagination-wrap .pagination a:hover,.pagination-wrap .pagination span:hover{background:#222d37}
.pagination .prev::before,.pagination .next::before{content:none}
.post-share-advance > h3{bottom:-67px}
.post-block.post-author > h3 {display: none;}

/* slick slider pagination */
.slick-slider .slick-dots li i {border: 2px solid rgb(25, 40, 48);border-radius: 50%;color: transparent !important; display: inline-block;height: 10px;vertical-align: top;width: 10px;}
.slick-dots li {height: 10px;width: 10px; margin: 0 7px !important}
.slick-slider .slick-dots li.slick-active i, .slick-slider .slick-dots li:hover i {background: #000 none repeat scroll 0 0;color: transparent !important;}
.testimonial .testimonial-author {border-top: 1px solid #f2f2f2;padding-top: 6px;}

/* Portfolio No Margin */
 .thumb-info.thumb-info-centered-info .thumb-info-title {bottom: 50%;top:auto;left: 50%;transform: translate3d(-50%, 40%, 0px);} 
.thumb-info.thumb-info-centered-info:hover .thumb-info-title {transform:  translate3d(-49%, 48%, 0px) ;}
.thumb-info-centered-info .thumb-info-inner {font-size: 30px;font-weight: 300 !important;text-transform: none;  font-family: Roboto Slab;}
.thumb-info-centered-info .thumb-info-title .thumb-info-type {font-size: 16px; font-weight:300; font-family: Roboto Slab; transform: translate3d(0px, -40%, 0px); transition: all 0.3s ease 0.3s; opacity:0; background:transparent;}
.thumb-info-centered-info:hover .thumb-info-title .thumb-info-type {opacity: 1;transform: translate3d(0px, 0px, 0px);}
.custom-height .thumb-info-wrapper {height: 168px;}

.thumb-info-hide-info-hover .thumb-info-title .thumb-info-type {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
@media (max-width: 767px){
    .portfolio-row .portfolio-col-5{ width: 100%; }
    .custom-height .thumb-info-wrapper{ height: 71.5vw; }
}
/* Portfolio Verticle */
.thumb-info.thumb-info-centered-info.alternate-info .thumb-info-title {bottom: 50%;top:auto;left: 5%;transform:translate(0%, 60%) !important;}
.thumb-info.thumb-info-centered-info.alternate-info:hover .thumb-info-title {transform: none;}

/* footer */
#footer .footer-bottom{padding:23px 0;font-size:13px;}

/* Portfolio ajax on page */
.thumb-info.thumb-info-no-zoom:hover img {
    transform: none;
}
/* Load More Button Feature Start */
.pagination.load-more span, .pagination.load-more a{ display: none; }
.pagination.load-more .next{ display: block; padding: 13px 30px; font-size: 14px; line-height: 1.333333; border-width: 3px;}
.pagination-wrap.load-more{ position: relative; }
.pagination-wrap.load-more .bounce-loader{ display: none; }
/* Load More Button Feature End */

/* Boxed Grid */
h5.m-t-md.portfolio-desc { display: none; }
.portfolio-1 { margin-bottom: 13px;}
.porto-grid-item img{ height: 16.25vw; object-fit: cover; }
.portfolio-1 > div:first-child img{ height: 33.5vw; object-fit: cover; }
.porto-grid-item .porto-portfolios, .porto-grid-item .portfolio-col-1{ margin-bottom: 0; }
.porto-grid-item.last-port { margin-top: 3px; }
.col-3-port { margin-bottom: 13px; }

.row.portfolio-container {
    position: relative; }
.portfolio-info.m-t-none.pt-none ul li {
    display: none; }
.portfolio-info.m-t-none.pt-none ul li:last-child{
  display:block; }

.portfolios-masonry .portfolio-row .portfolio { padding: 0.5vw; margin-bottom: 0; }

@media (max-width: 991px){
 .portfolio-1 > div:first-child img{ height: 45.7vw; }
 .porto-grid-item img{ height: 22.25vw; }
}

@media (max-width: 767px){
 .portfolio-1 > div:first-child img, .porto-grid-item img{ height: 71.5vw; }
 .porto-grid-item { margin-top: 15px !important; }
    .portfolio-1, .col-3-port{ margin-bottom: 0px; }
}

@media (max-width:680px) {#footer .footer-bottom .container .footer-center { text-align: center;} .alignright {float: none;margin: 0;}
.single-post .post-content {padding: 0 30px;}   
.single-post blockquote {padding: 0 0 10px 10px;text-align: center;}   
.single-post blockquote::before {line-height: 1px;position: relative;top: 30px;}
.post-author p {width: 100%;}
body .post-block.post-author {padding: 30px;}
ul.comments .comment-block p {display: inline-block;width: 100%;}
.single-post article.post .post-date {padding: 30px 30px 0;}
.post-author .img-thumbnail {display: block;float: none;margin-left: 0;margin-right: 0;text-align: center;}}

@media (max-width: 575px) {
    #header .logo { margin: 0px 0 0; }
}

/* Portfolio Lightbox Thumbnails Feature Start */
.porto-portfolios-lighbox-thumbnails{
    position: fixed;
    bottom: 20px;
    width: 100%;
    text-align: center;
    z-index: 99999;
}
.portfolios-lightbox.with-thumbs .porto-portfolios-lighbox-thumbnails{
    visibility: hidden;
}
@media (max-width: 1023px){
    .porto-portfolios-lighbox-thumbnails{ display: none; }
}
.porto-portfolios-lighbox-thumbnails .owl-carousel {
    margin-bottom: 0;
}
.porto-portfolios-lighbox-thumbnails .owl-carousel .owl-stage{ margin: 0 auto; }
.porto-portfolios-lighbox-thumbnails .owl-item{ cursor: pointer; }
.porto-portfolios-lighbox-thumbnails .owl-item.current{
    opacity: 0.5;
    cursor: default;
}
/* Portfolio Lightbox Thumbnails Feature End */

/* Stripes */
.portfolio-stripes .owl-item .portfolio-item .thumb-info .thumb-info-wrapper{
    height: 100vh;
}

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

.rev_slider li.tp-revslider-slidesli .slotholder:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}
.mcw_fp_section .fp-tableCell {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.vc_row.vc_row-o-equal-height > .fp-tableCell > .porto-wrap-container.container > .row > .vc_column_container {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.vc_row.vc_row-o-content-bottom > .fp-tableCell > .porto-wrap-container.container > .row > .vc_column_container > .vc_column-inner {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
}
.vc_row.wpb_row.overlay_black.vc_row-has-fill:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 1;
    display: block;
}
.vc_custom_heading.title_big{
    font-size: 1.75rem;
    line-height: 2.2rem;
    text-transform: uppercase;
    margin-bottom: 40px;
    opacity: 0.8;
    letter-spacing: 7px;
    font-weight: 800;
}
.vc_custom_heading.title_big.white{
	color: #fff;
}
.wpb_text_column.wpb_content_element.desc {
    font-size: 1rem;
    opacity: 0.8;
    margin-bottom: 40px;
    text-align: justify;
}
.wpb_text_column.wpb_content_element.desc.white .wpb_wrapper >*{
	color: #fff;
}
.opacity_90 {
    opacity: 0.9;
}
.nt-portfolios-slider .project-slider .item img {
    width: 100%;
}
.nt-portfolios-slider .project-slider .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 1;
}
.nt-portfolios-slider .project-slider .item .container {
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translateY(0%) translateX(-50%);
    -khtml-transform: translateY(0%) translateX(-50%);
    -moz-transform: translateY(0%) translateX(-50%);
    -ms-transform: translateY(0%) translateX(-50%);
    -o-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
    z-index: 2;
}
.nt-portfolios-slider .project-slider .item .slide-caption {
    width: 60%;
}
.flex, .flex-wrap {
    clear: both;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex, [flex] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}
.nt-portfolios-slider .project-slider .item .viewmore {
    position: absolute;
    right: 15px;
    bottom: 0;
    color: #fff;
    font-size: 0.75rem;
    opacity: 0.8;
    padding: 15px 25px;
    background: rgba(51, 51, 51, 0.5);
    text-transform: uppercase;
}
.nt-portfolios-slider .project-slider .item .slide-caption .left-col {
    background: rgba(51, 51, 51, 0.8);
    padding: 20px 20px 40px;
    position: relative;
}
.nt-portfolios-slider .project-slider .item .slide-caption .left-col, .nt-portfolios-slider .project-slider .item .slide-caption .right-col {
    width: 80%;
}
.nt-portfolios-slider .project-slider .item .slide-caption .left-col .name {
    font-size: 1.25rem;
    color: #B2D5CE;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.nt-portfolios-slider .project-slider .item .slide-caption .left-col .des {
    font-size: 0.875rem;
    color: #fff;
    opacity: 0.8;
}
.nt-portfolios-slider .project-slider .item .slide-caption .right-col {
    margin-left: 1px;
    color: #333;
    position: relative;
    background: rgba(178, 213, 206, 0.9);
    display: none;
}
.nt-portfolios-slider .project-slider .item .slide-caption .right-col .content {
    padding: 15px 15px 0;
    -webkit-transition: all, 0.5s;
    -khtml-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}
.nt-portfolios-slider .project-slider .item .slide-caption .right-col .content .author {
    padding: 15px 10px;
    font-size: 0.8125rem;
    line-height: 1.3;
}
.nt-portfolios-slider .project-slider .item .viewmore {
    position: absolute;
    right: 15px;
    bottom: 0;
    color: #fff;
    font-size: 0.75rem;
    opacity: 0.8;
    padding: 15px 25px;
    background: rgba(51, 51, 51, 0.5);
    text-transform: uppercase;
}
.nt-portfolios-slider .project-slider .slide-caption .left-col .viewdetail {
    font-size: 0.75rem;
    color: #B2D5CE;
    position: absolute;
    bottom: 10px;
    left: 20px;
    text-transform: uppercase;
}
.nt-portfolios-slider .project-slider .item .slide-caption .right-col .fa {
    display: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.5rem;
    text-align: center;
    background: rgba(250, 161, 0, 0.9);
    position: absolute;
    bottom: 0;
    left: 0;
    cursor: pointer;
    z-index: 1;
}
.nt-portfolios-slider .control .project-prev, .nt-portfolios-slider .control .project-next {
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    -webkit-transition: all, 0.5s;
    -khtml-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    cursor: pointer;
    font-size: 2.25rem;
    color: #fff;
}
.nt-portfolios-slider .control .project-prev {
    left: 15px;
}
.nt-portfolios-slider .control .project-next {
    right: 15px;
}
.nt-portfolios-slider .control .project-prev:before {
    content: '\f104';
    font-family: 'fontawesome';
}
.nt-portfolios-slider .control .project-next:before {
    content: '\f105';
    font-family: 'fontawesome';
}
.nt-portfolios-slider .project-slider .slick-dots {
    position: absolute;
    right: 0;
    bottom: 30px;
    left: 0;
    z-index: 1;
    text-align: center;
}
.nt-portfolios-slider .project-slider .slick-dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    float: none;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: all, 0.5s;
    -khtml-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    cursor: pointer;
}
.nt-portfolios-slider .project-slider .slick-dots li button {
    display: none;
}
.nt-portfolios-slider .project-slider .slick-dots li.slick-active {
    background: #fff;
}
.inline {
    display: inline!important;
}
.porto-just-icon-wrapper.inline > div {
    display: inline;
}
.icon_social{
    margin-left: 5px;
}
.footertop.vc_column_container.col-md-12 {
    padding: 40px 15px;
    /*height: calc(100% - 80px);*/
    position: relative;
}
/*.footertop.vc_column_container.col-md-12 > .wpb_wrapper.vc_column-inner {
    position: absolute;
    top: 40%;
    left: 50%;
    padding: 0 20px;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}*/
.footerbottom.vc_column_container.col-md-12 {
    color: #fff;
    background-color: rgba(0,0,0,0.4);
    padding: 11px;
}
.vc_custom_heading.footertitle {
    font-size: 1.75rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
}
.vc_custom_heading.place {
    font-size: 1.25rem;
    font-weight: 400;
    color: #f7f7f7;
    margin-bottom: 20px;
}
.footerbottom .wpb_text_column.wpb_content_element {
    margin-bottom: 0;
}
.footerbottom .wpb_text_column.wpb_content_element p{
    color: #fff;
}
.vc_btn3-container.btn_outline button.vc_general.vc_btn3 {
    color: #fff;
    opacity: 0.8;
    border: 1px solid #fff;
    padding: 10px 20px;
    background-color: transparent;
}
body.home #main-menu .mega-menu > li.menu-item > a {
    color: #fff;
}
body.home #main-menu .mega-menu > li.menu-item > a:hover, body.home #main-menu .mega-menu > li.menu-item.active > a, body.home #header .searchform-popup .search-toggle {
    color: #96BBB3;
}
#header.search-sm .search-popup .searchform {
    width: 180px;
    border: none;
    background-color: #606062!important;
    color: #fff;
}
#header.header-corporate .searchform input::placeholder, #header .searchform button {
    color: #fff!important;
}
#header .header-right.search-popup .searchform:before{
    display: none;
}
.page-top .page_top_inner {
    border-bottom: 1px solid #d9d9d9;
}
.page-top.page-header-5 .breadcrumbs-wrap {
    margin-top: 5px;
    margin-bottom: 10px;
}
.portfolio-item h4 {
    font-size: 0.9375rem;
    text-transform: uppercase;
    margin-top: 5px!important;
    text-align: left;
}
.portfolio-item .thumb-info.thumb-info-bottom-info:hover img {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.portfolio-item .thumb-info.thumb-info-bottom-info img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all, 0.5s;
    -khtml-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}
#footer .footer-bottom .widget h3.widget-title {
    font-size: 14px;
    display: inline-block;
}
#footer .footer-bottom .widget .share-links {
    display: inline-block;
    margin-left: 5px;
}
#footer .footer-bottom {
    padding: 0;
}
.pagination-wrap .pagination {
    -webkit-justify-content: left;
    -ms-justify-content: left;
    justify-content: left;
    -ms-flex-pack: left;
}
.sidebar .sidebar-content .widget_nav_menu ul.menu{
    border-bottom: none;
}
.sidebar .sidebar-content .widget_nav_menu ul.menu li{
    border-top: none;
    padding-left: 0;
}
.sidebar .sidebar-content .widget_nav_menu ul.menu li a{
    text-transform: uppercase;
}
.sidebar .sidebar-content .widget_nav_menu ul.menu li:before{
    display: none;
}
.porto-sicon-wrapper.contact_info .porto-sicon-header h3.porto-sicon-title {
    font-size: 14px;
}
.porto-sicon-wrapper.contact_info .porto-sicon-box.left-icon {
    margin-bottom: 5px;
}
.project_info_detail h3 {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.project_info_detail h2 {
    font-size: 22px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    letter-spacing: 3px;
}
.project_info_detail h2:after {
    content: "";
    display: block;
    height: 1px;
    width: 60px;
    background: #b2d5ce;
    position: absolute;
    left: 0;
    bottom: 0;
}
.project_info_detail ul {
    list-style: none;
    padding: 0;
    padding-bottom: 80px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 40px;
}
.project_info_detail ul li {
    margin-bottom: 35px;
}
.project_info_detail span.list_head {
    display: block;
    color: #999;
}
a.viewmore_detail i {
    margin-right: 5px;
}
.vc_custom_heading.title_about {
    font-weight: 800;
    line-height: 50px;
    font-size: 36px;
    letter-spacing: 6px;
}
.project-slider .slick-track .item.slick-slide {
    width: 100%;
    height: 100vh;
    background-size: contain;
    object-fit: cover;
}
.nt-portfolios-slider .project-slider .item img{
    width: auto;
    max-width: unset;
    display: block;
}
.vc_custom_heading.title_custom_2 {
    font-size: 32px;
    line-height: 40px;
}
.vc_custom_heading.title_custom_2 strong{
    font-weight: 800;
}
section.toggle label {
    background: transparent;
    border: 1px solid;
    border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
}
section.toggle>label:before {
    right: 10px;
}
section.toggle.active>label:before {
    right: 16px;
}
.mfp-content .mfp-figure img.mfp-img {
    max-height: 100vh!important;
}
#side-nav-panel .accordion-menu li:not(:last-child) {
    border-bottom: 1px solid #a5c7c0;
}
html.panel-opened body #side-nav-panel {
    /* opacity: 0.8; */
    background-color: rgba(150, 187, 179, 0.8);
}
#header .header-right .searchform input:placeholder, #header .header-right.search-popup .searchform input:placeholder, #header .header-right.search-popup .searchform input{
    color: #fff!important;
}
#side-nav-panel .accordion-menu li.menu-item > a:hover {
    background-color: #a6c6bf;
}
#header .logo a:hover {
    /*background-color: #000;*/
}
body.home #header.sticky-header .header-main,body.home .fixed-header #header.sticky-header .header-main{
    background-color: #606062!important;
    box-shadow: none!important;
}
.no-breadcrumbs .main-content, .no-breadcrumbs .left-sidebar, .no-breadcrumbs .right-sidebar {
    padding-top: 50px;
}
.no-breadcrumbs .left-sidebar .sidebar-content, .no-breadcrumbs .right-sidebar .sidebar-content {
    background-color: rgb(145, 145, 145);
    padding: 20px 15px;
    min-height: 150px;
}
.sidebar .sidebar-content .widget_nav_menu ul.menu li a:hover, .sidebar .sidebar-content .widget_nav_menu ul.menu li.current-menu-item a {
    color: #fff;
}
.vc_wp_custommenu.wpb_content_element.ho_menu .widget_nav_menu>div>ul li {
    display: inline-block;
    border-top: none;
}
.vc_wp_custommenu.wpb_content_element.ho_menu .widget_nav_menu>div>ul li:before {
    display: none;
}
.vc_wp_custommenu.wpb_content_element.ho_menu .widget_nav_menu>div>ul {
    border-bottom: 0;
    text-align: center;
}
.vc_wp_custommenu.wpb_content_element.ho_menu .widget_nav_menu>div>ul li a{
    padding: 5px 10px;
}
.vc_wp_custommenu.wpb_content_element.ho_menu .widget_nav_menu>div>ul li.current-menu-item a, .vc_wp_custommenu.wpb_content_element.ho_menu .widget_nav_menu>div>ul li a:hover {
    color: #fff;
    background-color: #96bbb3;
    padding: 5px 10px;
}
.form_contact input.wpcf7-form-control.wpcf7-text, .form_contact textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    background-color: transparent;
    border: 1px solid rgba(255,255,255,0.15);
    -webkit-box-shadow: 0 0 0px #cccccc;
    -ms-box-shadow: 0 0 0px #cccccc;
    -o-box-shadow: 0 0 0px #cccccc;
    box-shadow: 0 0 0px #cccccc;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.form_contact input.wpcf7-form-control.wpcf7-submit {
    border-radius: 0;
    color: #fff;
    padding: .6rem 2rem;
    width: auto;
    text-transform: uppercase;
}
.form_contact input.wpcf7-form-control.wpcf7-text:focus, .form_contact textarea.wpcf7-form-control.wpcf7-textarea.form-control:focus{
    background: #ffffff;
    -webkit-box-shadow: 0 0 0 1px #96bbb3, 5px 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 1px #96bbb3, 5px 2px 5px rgba(0, 0, 0, 0.4);
}
#footer .widget.follow-us .share-links a, .widget.follow-us .share-links a{
    margin: 5px;
}
body.home .wpb_content_element {
    margin-bottom: 0;
}
body.home .wpb_text_column.wpb_content_element {
    margin-bottom: 15px;
}
@media (min-width: 1200px){
    .nt-portfolios-slider .control .project-prev {
        left: 50px;
    }
    .nt-portfolios-slider .control .project-next {
        right: 50px;
    }
    .nt-portfolios-slider .project-slider .item img{
        width: 100%;
    }
}
@media (max-width: 1199px){
    .nt-portfolios-slider .project-slider .item .container {
        top: 40%;
    }
    .nt-portfolios-slider .project-slider .item .slide-caption {
        width: 65%;
    }
    .nt-portfolios-slider .project-slider .item img{
        height: 100%;
    }
}
@media (max-width: 991px){
    .nt-portfolios-slider .project-slider .item .slide-caption {
        width: 100%;
        margin-bottom: 70px;
    }
    .nt-portfolios-slider .project-slider .item .viewmore {
        right: unset;
        left: 15px;
        top: calc(100% + 10px);
        height: 35px;
        line-height: 35px;
        padding: 0 20px;
        margin-left: 9px;
    }
    #header .header-main .header-left, #header .header-main .header-right {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
@media (min-width: 992px){
    #header.header-10 .header-main .header-left, #header.header-10 .header-main .header-center, #header.header-10 .header-main .header-right{
        padding-top: 15px;
    }
    .footerbottom.vc_column_container.col-md-12{
        height: 80px;
    }
}
@media (max-width: 543px){
    .nt-portfolios-slider .project-slider .item .slide-caption .left-col, .nt-portfolios-slider .project-slider .item .slide-caption .right-col {
        width: 100%;
    }
    .nt-portfolios-slider .project-slider .item .container{
        -webkit-transform: translateY(-40%) translateX(-50%);
        -khtml-transform: translateY(-40%) translateX(-50%);
        -moz-transform: translateY(-40%) translateX(-50%);
        -ms-transform: translateY(-40%) translateX(-50%);
        -o-transform: translateY(-40%) translateX(-50%);
        transform: translateY(-40%) translateX(-50%);
    }
}
@media (max-width: 768px){
    .justify_mb p{
        text-align: justify!important;
    }
    .vc_custom_heading.title_big{
        text-align: center;
    }
    #header .logo a:active {
        background: #00b8ff;
    }
    .wpb_text_column.wpb_content_element.center_mobile p {
        text-align: center!important;
    }
    .center_mobile.vc_column_container > .wpb_wrapper.vc_column-inner,{
        text-align: center;
    }
     #footer .footer-bottom .container>div {
        text-align: center;
        padding: 0;
     }
    .center_mobile.vc_column_container {
        margin-bottom: 5px;
        text-align: center;
    }
}