/*
 Theme Name:     Divi Child
 Theme URI:      https://www.zenwebnet.com
 Description:    zenwebnet
 Author:         zenwebnet.com
 Author URI:     https://zenwebnet.com
 Template:       Divi
 Version:        1.2.0
*/

/* Theme customization starts here ------------------------------------------------------- */

/*------------Basic CSS------------*/
.et_fixed_nav #top-header {/* top: 4px; */}
.cl { clear:both}
.ds-vertical-align { display: flex; flex-direction: column; justify-content: center;} 
.full_height { height:100%}
.banner_full_height {height:100vh}
.et-fixed-header#main-header {-webkit-box-shadow:0 0 55px rgba(0,0,0,0.4)!important; -moz-box-shadow:0 0 55px rgba(0,0,0,0.4)!important;  box-shadow:0 0 55px rgba(0,0,0,0.4)!important;}
#footer-info img { margin: 0 5px -6px 1px;}
/*------------Basic CSS------------*/
.portfolio_filter.stp { position: fixed; left: -79px !important; bottom: 0 !important;}
.comment-form label { display: block; margin-bottom: 0.5rem; }
.down-arrow {cursor:pointer;}
.inner #text-3 p{margin-bottom:0px;}
li.phn {display:flex;}
.home .say-hello {display:none;}
#main-footer #footer-bottom {display:none;}
#main-footer > .container {display:none}
.inner #custom_html-3, .inner #text-2, .inner #text-3 {float:none}
#custom_html-3, #text-2, #text-3 {float:right}
#text-2 a, #text-3 a, #custom_html-3 .custom-html-widget {font-family: 'Gilroy-Black', Helvetica, Arial, Lucida, sans-serif; font-size: 18px; line-height: 28px;color:#fff;text-decoration:none;}
#text-2 p {margin-bottom:0px;}
.inner #text-2 a, .inner #text-3 a, .inner #custom_html-3 .custom-html-widget { font-family: 'Gilroy-Regular', Helvetica, Arial, Lucida, sans-serif; font-size: 15px; color: #fff; text-decoration:none; }

#custom_ft { background: #232323; padding: 60px 0; width: 100%; display: inline-block; }
#custom_ft p { font-family: 'Gilroy-Black', Helvetica, Arial, Lucida, sans-serif; font-size: 18px; line-height: 28px; }
.logo_rot { opacity: 0; position:relative; z-index:-1; }
.darkHeader #logo { opacity: 0; }
.darkHeader .logo_rot img { transform: rotate(-90deg) translate(-70px, 22px); transform-origin: left; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; -webkit-transform: rotate(-90deg) translate(-70px, -75px); -moz-transform:rotate(-90deg) translate(-70px, -75px); -ms-transform:rotate(-90deg) translate(-70px, -75px); -o-transform: rotate(-90deg) translate(-70px, 22px); }
.darkHeader .logo_rot {opacity:1;z-index:1;}
#cate_date a {color:#fff;}
#blurb_about .et_pb_blurb_content, #blurb_about .et_pb_main_blurb_image {position:relative;}
#blurb_about .et_pb_main_blurb_image {margin-bottom:0 !important}
#blurb_about .et_pb_blurb_container { position: absolute; top: 0; z-index: 999; width: 100%; height: 100%; }
#blurb_about .et_pb_blurb_container span.number {color: #fff;font-weight: 600; font-family: 'Gilroy-Regular',Helvetica,Arial,Lucida,sans-serif; position: absolute; top: 20px; left: 20px; font-size: 26px; font-weight: 500;}
#blurb_about .et_pb_blurb_container .social-links { position: absolute; right: 40px; top: 28px; }
#blurb_about {position:relative;}
#blurb_about .et_pb_blurb_description { position: absolute; bottom: 0; left: 20px; width: calc(100% - 20px); height: 100%; }
#blurb_about .et_pb_blurb_description figcaption { position: absolute; height: 100%; width: 100%; }
#blurb_about  h3.name { position: absolute; bottom: 15px; left: 20px; font-size: 20px; font-weight: 600;font-family: 'Gilroy-Regular',Helvetica,Arial,Lucida,sans-serif; color:#fff; }
#blurb_about  .job {font-weight: 600;font-family: 'Gilroy-Bold',Helvetica,Arial,Lucida,sans-serif; position: absolute; bottom: 20px; right: 10px; font-weight: 500; font-size: 18px; transform: rotate(90deg) translate(30px, 30px); -webkit-transform: rotate(90deg) translate(30px, 30px); -moz-transform: rotate(90deg) translate(30px, 30px); -ms-transform: rotate(90deg) translate(30px, 30px); -o-transform: rotate(90deg) translate(30px, 30px); transform-origin: right; opacity: 0; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; color:#fff; }
#blurb_about:hover  .job { opacity: 1; transform: rotate(90deg) translate(0px, 30px); -webkit-transform: rotate(90deg) translate(0px, 30px); -moz-transform: rotate(90deg) translate(0px, 30px); -ms-transform: rotate(90deg) translate(0px, 30px); -o-transform: rotate(90deg) translate(0px, 30px); }
#blurb_about .social-links a { color: #fff; font-size: 16px; font-weight: 500; display: block; margin-bottom: 15px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.home #page-container { background: #bebebe !important; }
.home #page-container.darkHeader{ background: #000 !important; }
.home #page-container.clearHeader {
    background: #bebebe;}
.hero-text {font-family: 'Gilroy-Bold', Helvetica, Arial, Lucida, sans-serif; }
#main-header .container { width: 100%; padding: 0 45px; max-width: 100%; margin:0 !important }
#page-container.darkHeader {background:#000;-webkit-transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,transform .6s ease;transition:all .2s ease,transform .6s ease,-webkit-transform .6s ease;}
#page-container.clearHeader {background:#fff;-webkit-transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,transform .6s ease;transition:all .2s ease,transform .6s ease,-webkit-transform .6s ease;}
#page-container.darkHeader h2.title, #page-container.darkHeader .title  {color:#fff!important;}
#page-container.clearHeader h2.title {color:#000;}
#page-container h2.title {color:#000;}
#page-container h2.title span {opacity:.5;}

#blog_cat a.entry-featured-image-url img {width:100%;}
#blog_cat h2.entry-title, #blog_cat .post-meta, #blog_cat .post-content { width:70%; margin: 0 auto; }
#blog_cat .post-meta {font-size:0px;width:100%;}
#blog_cat .post-meta span, #blog_cat .post-meta a, .blog-meta{color:#fff;font-size:16px;font-family: 'Gilroy Bold', Helvetica, Arial, Lucida, sans-serif !important;font-weight:600;position:relative;}
.post-meta a:before, .blog-meta:before{content: '';position: absolute;bottom: 0px;left: 0;width: 100%;height: 1px;z-index: 0;background: rgba(0,0,0,1);transform: scaleX(0);transform-origin: right;transition: transform .2s ease-out, opacity .2s ease-out 0.3s;}
.darkness .post-meta a:before, .darkness .blog-meta:before{ background: rgb(255, 255, 255);}
.post-meta a:after, .blog-meta:after{width: 100%;height: 1px;position: absolute;content: "";background-color: rgba(0,0,0,0.2);left: 0;
    bottom: 0;}
.darkness .post-meta a:after, .darkness .blog-meta:after{width: 100%;height: 1px;position: absolute;content: "";background-color: rgba(255, 255, 255, 0.3);left: 0;bottom: 0;}
.darkness .post-meta a:hover:before, .darkness .blog-meta:hover:before{transform: scaleX(1);transform-origin: left;}
#blog_cat .post-meta span { float: right; }
#blog_cat .post-meta a {float:left;}
#blog_cat .post-meta a:nth-last-child(1), .blog-meta:nth-last-child(1) { margin-left:8px;}

#blog_cat { display: flex; flex-direction: column; }
#blog_cat .entry-featured-image-url {order: 1; }
#blog_cat h2.entry-title { order: 3; }
#blog_cat .post-meta { order: 2; }
#blog_cat .post-content { order: 4; }
.portfolio_filter { bottom: 100px !important;}
.say-hello { position: fixed; bottom: 20px; left: 50px; transform-origin: top left; transform: rotate(-90deg) translate(0px, -30px); -webkit-transform: rotate(-90deg) translate(0px, -30px); -moz-transform: rotate(-90deg) translate(0px, -30px); -ms-transform: rotate(-90deg) translate(0px, -30px); -o-transform: rotate(-90deg) translate(0px, -30px); opacity: 0; z-index: 11; }
.darkHeader .say-hello { opacity: 1; transform: rotate(-90deg) translate(0px, 0px); -webkit-transform: rotate(-90deg) translate(0px, 0px); -moz-transform: rotate(-90deg) translate(0px, 0px); -ms-transform: rotate(-90deg) translate(0px, 0px); -o-transform: rotate(-90deg) translate(0px, 0px); transition: all ease .3s .5s; -webkit-transition: all ease .3s .5s; -moz-transition: all ease .3s .5s; -ms-transition: all ease .3s .5s; -o-transition: all ease .3s .5s; }
.darkness .say-hello a { color: #fff; }
/* contact page css */

.form input[type=text], 
.form input[type=email],
.form textarea,
.form .inp-btn{
	font-family: 'Gilroy-Regular', Helvetica, Arial, Lucida, sans-serif;
	line-height:46px;
	height:46px;
	background-color:transparent;
	font-size:18px;
	border-radius:0;
	border:0;
	border-bottom: 1px solid #636363;
	width:100%;
	color:#fff;
}
.form p{
	margin-bottom:46px;
	padding:0;
}
.form input[type=text]::placeholder, 
.form input[type=email]::placeholder, 
.form textarea::placeholder{
	color: #fff;
	font-size: 18px;
    font-weight: 300;
}
.more-link{
	margin-top: 30px;
	text-transform: capitalize;
	display:inline-block!important;
}
body.darkness  .post-content .more-link{
	color: #000!important;
}
.site-btn, .more-link{
    display: inline-block;
    cursor: pointer;
    font-weight: 600;
    font-size: 15px;
    border: 0;
    background: #000;
    color: #fff;
    padding: 14px 26px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    position: relative;
    overflow: hidden;
}
.darkness .site-btn, .darkness .more-link {
    color: #000;
	font-family: 'Gilroy-Regular', Helvetica, Arial, Lucida, sans-serif;
    background: #fff;
}
.site-btn:focus, .more-link:focus{
  outline: 0;
}
.site-btn:hover::before, .more-link:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
.site-btn::before, .more-link::before{
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .2s ease-out;
  -webkit-transition: transform .2s ease-out;
  opacity: .3;
	z-index:0;
}
.darkness .site-btn::before, .darkness .more-link::before {
  background: #000;
}
.darkness .site-btn:hover, .darkness .more-link:hover {
    color: #000;
}
.site-btn:hover, .more-link:hover {
    color: #fff;
}
.form-btn:hover:before {
  transform: scaleX(1);
  transform-origin: left;
}
.form-btn{
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.form-btn:before{
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .2s ease-out;
  -webkit-transition: transform .2s ease-out;
  opacity: .3;
  z-index: 0;
}
.site-btn:hover{background:#c7c7c7}
.darkness .form-btn:before{
  background: #000;
}
.contact-info {
    margin-bottom: 60px;
    display: inline-block;
    width: 100%;
}
.contact-info span {
    display: block;
    color: #fff;
    opacity: .5;
    font-size: 16px;
    margin-bottom: 15px;
}
.contact-info a {
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    float: left;
    margin-right: 30px;
}
.contact-info p {
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
	padding:0;
    line-height: 34px;
}

/* news-detail css */

#main-content{
	background-color:transparent;
}
blockquote{
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 30px;
    font-weight: bold;
	padding: 0;
    border: 0;
}
#post-detail .et_pb_section{
	background-color:transparent!important;
}
#post-detail .et_pb_section .et_pb_row{
	width:100%!important;
	max-width:100%!important;
}
.behind-banner{
	background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
	transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
}
.darkHeader .behind-banner{
	opacity:0;
}
body .post-detail-section {
	padding-top:0!important;
}
.post-detail-section  .title-section{
	display:flex;
	align-items:center;
	height:100vh !important;
}
.darkHeader .post-detail-section  .title-section{
	height:auto;
}
.darkHeader .post-detail-section{
	padding-top:150px!important;
}
.next-content-txt{
	color: #000;
    font-size: 16px;
    font-weight: 600;
	display: block;
    width: 100%;
    text-align: center;
}
.darkness .next-content-txt, .darkness .next-content-title{
	color: #fff;
}
.next-content-title{
	font-size: 70px;
    color: #000;
    font-weight: 900;
    transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
}
.comment-form .form-btn{
	width: 100%;
    text-align: center;
}

.global_heading .et_pb_text_inner {font-size:85px; line-height:1.1;}

/**************Mobile Menu**********************/
#mobile_menu li {position: relative;width: 100%;display: block;clear: both;background-color: #ffffff24;margin-bottom: 1px;}
#main-header .et_mobile_menu li u{background: #00000052;display: block;clear: both;width: 100%;position: relative;margin-bottom: 1px;padding-left: 0px;}
#main-header .et_mobile_menu li ul.sub-menu li a {}
#main-header .et_mobile_menu li ul.sub-menu {margin-left: 0px;padding-left: 0;}
#main-header .et_mobile_menu li ul.hide{display:none!important}
#mobile_menu .menu-item-has-children{position:relative}
#mobile_menu .menu-item-has-children > a{background:transparent}
#mobile_menu .menu-item-has-children > a + span{position:absolute;right:0;top:0;padding:10px 17px;font-size:20px;font-weight:700;cursor:pointer;z-index:3;background-color: #00000052;}
span.menu-closed:before{content:"\4c";display:block;color:#fff;font-size:16px;font-family:ETmodules}
span.menu-closed.menu-open:before{content:"\4d"}
/**************Mobile Menu**********************/





/**************Top Scroll Button**********************/
.et_pb_scroll_top{z-index:9999999;position:fixed;right:20px;bottom:20px;box-shadow:0 2px 4px rgba(108,46,185,0.2);-webkit-transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,-webkit-transform .6s ease;transition:all .2s ease,transform .6s ease;transition:all .2s ease,transform .6s ease,-webkit-transform .6s ease;cursor:pointer}
.et_pb_scroll_top:before{display:none}
.et_pb_scroll_top:after{content:"\24";font-family:ETmodules!important;color:#fff;font-size:22px;font-weight:700;margin-left:10px}
.et_pb_scroll_top,.et_pb_scroll_top.et-visible,.et_pb_scroll_top.et-hidden{-webkit-animation:none!important;animation:none!important}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden{-webkit-transform:scale(0) rotate(0deg);transform:scale(0) rotate(0deg)}
.et_pb_scroll_top.et-visible{-webkit-transform:scale(1) rotate(360deg);transform:scale(1) rotate(360deg)}
.et_pb_scroll_top .et-pb-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.et_pb_scroll_top{right:0;width:auto;padding:0 20px;line-height: 34px;}
/*.et_pb_scroll_top:before{content:'Back To Top';display:inline-block;color:#FFF;font-weight:700;font-size: 14px;text-transform: uppercase;}*/
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden{right:40px;bottom:60px;-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(1) translate(100%,0) rotate(-90deg);transform:scale(1) translate(100%,0) rotate(-90deg)}
.et_pb_scroll_top.et-visible{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.et_pb_scroll_top .et-pb-icon{display:none}

/*------------Basic CSS------------*/


.full-menu { position: fixed; width: 100%; height: 100vh; top: 0; z-index: 99999; visibility: hidden; }
.full-menu.active .left-content, .full-menu.active .right-content { visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.darkness .full-menu .left-content { background: #1b1b1b; }
.full-menu .logo { position: absolute; top: 50px; left: 45px; }
.full-menu .outter { height: 100vh; }
.inner { height: 100%; width: 100%; display: table-cell; vertical-align: middle; }
.inner .container { width: 86%; margin-left: 7%; }
.darkness .full-menu .site-menu li a { color: #fff; display: inline-block; line-height: 64px; }
.full-menu .site-menu li a { color: #000; font-size: 44px; font-weight: 900; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.full-menu .site-menu li:hover a { letter-spacing: 4px; opacity: .5; }
.full-menu.active .left-content, .full-menu.active .right-content { visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.darkness .full-menu .right-content { background: #000; }
.full-menu .right-content, .full-menu .left-content { transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.full-menu .close-icon { position: absolute; top: 60px; right: 64px; cursor: pointer; }
.full-menu .close-icon img { max-width: 16px; }
.full-menu .outter { height: 100vh; }
.inner { height: 100%; width: 100%; display: table-cell; vertical-align: middle; }
.full-menu .right-content ul { margin-bottom: 30px; }
.darkness .full-menu .right-content ul li:first-child { opacity: .7; }
.darkness .full-menu .right-content ul li { color: #fff; }
.full-menu .right-content ul li { font-size: 15px; font-weight: 600; line-height: 27px; }
.full-menu .right-content ul { margin-bottom: 30px; }
.full-menu .right-content ul.social-links li:first-child { width: 100%; }
/* .{ width: 100%; padding: 0 45px; max-width: 100%; background: #bebebe; } .full-menu .right-content ul li:first-child { opacity: .7; } */
.darkness .full-menu .right-content ul li { color: #fff; }
.full-menu .right-content ul.social-links li { float: left; margin-right: 30px; }
.full-menu .right-content ul li:first-child { color: #969696; font-weight: 400; }
.col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
.col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.full-menu .row {display:flex;}
.outter { height: 100%; width: 100%; display: table; }
.full-menu .left-content { background: #EFEFEF; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); }
.full-menu .right-content, .full-menu .left-content { transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.full-menu .right-content, .full-menu .left-content { transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.full-menu .right-content { background: #fff; padding: 0 60px; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); }
.nav-icon { float: right; width: 32px; height: 18px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.nav-icon span:nth-child(1) { top: 0px; right: 0; width: 80%; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.nav-icon span { display: block; position: absolute; height: 3px; width: 100%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
.nav-icon { float: right; width: 32px; height: 18px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
.nav-icon span:nth-child(2) { top: 7px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.nav-icon span:nth-child(3) { top: 14px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; width: 60%; right: 0 !important; }
.et_header_style_left .logo_container { position: relative; height: 100%; width: 100%; }

#main-header .container { width: 100%; padding: 0 45px; max-width: 100%; background: #bebebe; }

#blog_cat article {display:flex;flex-direction:column;}
#blog_cat h2.entry-title { margin-top: 30px;margin-bottom: 10px; }
#blog_cat article a.entry-featured-image-url {margin-bottom: 20px; }
.et_header_style_left .logo_container { position: relative; height: auto; width: auto; float: left; }
#main-header .container { width: 100%; padding: 35px 45px; max-width: 100%; background: none; }
.nav-icon span {background: #000;}
.darkHeader .nav-icon span {background: #fff;}
#main-header.et-fixed-header .nav-icon span { background: #fff; }
#main-header .nav-icon:hover span:nth-child(3), .nav-icon:hover span:nth-child(1) { width: 100%; }

#home_dont {}
/********** Woocomerce Section ***************/
.woocommerce #respond input#submit, .woocommerce-page #respond input#submit { color:#FFF !important}
table:not(.variations),body.et-pb-preview #main-content .container table{border:1px solid #eee;margin:0 0 15px;text-align:left;width:100%}
table.shop_table td, table.shop_table th{padding: 0.7em 1.0em!important;max-width: 100%;font-size: 1.em;}
.woocommerce-cart .entry-content .woocommerce > form{width:60%;float:left;margin-bottom:100px}
.woocommerce-cart .entry-content .woocommerce .cart-collaterals{width:35%;float:right;padding:0;margin-bottom:40px}
.woocommerce-cart .cart-collaterals:before,.woocommerce-cart .cart-collaterals:after,.custom_border:before,.custom_border:after,.woocommerce-order-pay #order_review:before,.woocommerce-order-pay #order_review:after{background-image: radial-gradient(closest-side,rgb(0 0 0 / 0%) 9px,rgb(241 242 249) 100%);}
.woocommerce-cart .cart-collaterals:before{margin-top:-10px}
.woocommerce-cart .cart-collaterals:after,.woocommerce-cart .cart-collaterals:before{content:"";display:block;height:10px;width:100%;background-color:transparent;background-size:20px 20px;background-position:0 10px,40px 40px}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{width:100%!important;float:none}
.woocommerce-cart .entry-content .woocommerce .cart-collaterals .cart_totals{padding:40px 40px 30px;background-color: rgb(241 242 249);}
.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals,.checkout_right_wrapper,.woocommerce-form-track-order,.order-info{background: rgb(241 242 249);}
.woocommerce table.shop_table,.woocommerce-page table.shop_table{margin:12px 0 0;-webkit-border-radius:0;border-radius:0;}
.woocommerce .cart-collaterals .cart_totals .cart-subtotal,.woocommerce-page .cart-collaterals .cart_totals .cart-subtotal{border-bottom:none}
.woocommerce-cart .woocommerce-cart-form .actions .button[name="update_cart"]{width:-webkit-fit-content;/* text-align:right; *//* padding:13.5px 0!important; *//* position:relative; */color: #000;float: right !important;}
.woocommerce-cart .entry-content .woocommerce .actions .button{float:right;}
.button[name="update_cart"]:after{ content:"\e02a"!important;font-size:15px !important; margin-left: 10px !important; margin-top: 5px !important;  }
.button[name="update_cart"]:hover:after{ color:#ffffff !important;   }
.button[name="update_cart"]:hover{ padding-right:45px !important }
.woocommerce-cart table.cart td.actions .coupon .input-text{background-color:#FFF!important;border:1px dashed #CCC!important;width:203px;margin-right:10px;padding:6px 12px;color:#000!important;font-size:16px;font-weight:300}
.woocommerce-cart table.cart td.actions .coupon .input-text::placeholder{color:#999;font-size:16px;font-weight:300}
.woocommerce-cart .cart-collaterals:after{bottom:-10px;transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);position:relative}
.shop_table .product-name a { color:#3062a4; font-weight:bold}
.woocommerce-cart .cart-collaterals {padding:0px;border: 1px solid rgb(241 242 249);}
.woocommerce-cart .cart-collaterals .cart_totals {padding:30px;}
.woocommerce-cart .cart-collaterals:after {bottom: -11px;}
.woocommerce-cart .cart-collaterals:before { margin-top: -11px;}


/*------------ masonry  ------------*/



/*------------ masonry  ------------*/




#next_pre .next-content-title { font-size: 60px; line-height: 70px;font-family: 'Gilroy Bold', Helvetica, Arial, Lucida, sans-serif;transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
#next_pre .next-content-title:hover { letter-spacing: 3px; }
#blog_post_content .et_pb_section {padding-bottom:0 !important}
#logo_cl.et_pb_gutters2.et_pb_row .et_pb_column_1_4 { width: 25%!important; margin-right: 0!important; }

/*------------ Responsive Codding ------------*/
@media only screen and (min-device-width:981px) and (max-device-width : 1920px) {}

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

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

@media only screen and (max-width:1366px) {
h2.title { font-size:85px }	
}

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

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

@media only screen and (min-device-width:1025px) and (max-device-width : 1260px) {}

@media only screen and (min-device-width:981px) and (max-device-width : 1166px) {}

@media all and (max-width: 1024px) {
h2.title { font-size:70px !important }	
.global_heading .et_pb_text_inner {font-size:70px;}	
}

/***** Only Desk Top*********/
@media (min-width: 981px) {}
/***** Only Desk Top*********/

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



@media only screen and (max-width: 980px) {
#et-top-navigation {width: 154px; padding-left: 0px !important;}
.et-cart-info {margin: -10px 11px 0 13px !important;}
.woocommerce-MyAccount-navigation li a { font-size: 19px !important; line-height: 1.3em; padding:16px 11px !important; border-radius: 3px; font-weight: 500;}
.et_fixed_nav #main-header:before {content: url(images/logo_base.png);position:absolute;left: -6%;top: -21%;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;transform: scale(0.8);}
.custom_row {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.first-on-mobile{-webkit-order:1;order:1}
.second-on-mobile{-webkit-order:2;order:2}
.third-on-mobile{-webkit-order:3;order:3}
.fourth-on-mobile{-webkit-order:4;order:4}
.custom_row:last-child .et_pb_column:last-child{margin-bottom:30px}
#et-top-navigation #top-menu-nav{display:none!important}
.logo_container img#logo{padding:0!important}
#et-top-navigation #top-menu-nav{display:none!important}
.logo_container img#logo{padding:0!important}
#et-top-navigation{position:relative!important}
#mobile_menu{display:block!important;min-height:100vh;height:100%;top:0;right:0;position:fixed;z-index:9998;overflow:scroll;border-top:none;padding-top: 100px!important;padding: 25px;background-color: #000 !important;/* clear: both; */}
.et_mobile_menu li:nth-child(1){/* padding-top:20px; */}
.et_mobile_menu li a{color:#fff!important;width:100%;/* float:left; */border:none!important;text-align:left;/* margin: 0px 10px; */transition:.2s;font-weight:300;font-size: 1.0em!important;clear: both;}
.mobile_nav ul#mobile_menu .current_page_item > a{color:#fff!important;background-color:rgba(255,255,255,0.1);/* border-radius:30px; */padding-left:20px;/* background: rgb(255 255 255 / 6%); *//* box-shadow: 0px 1px 14px -3px rgb(255 255 255); *//* border-top-right-radius: 0px; *//* border-top-right-radius: 0px; *//* border-bottom-right-radius: 0px; */}
.mobile_nav.closed #mobile_menu{background:-moz-linear-gradient(top,#1c3963 0%,#2cc09b 100%);background:-webkit-linear-gradient(top,#1c3963 0%,#2cc09b 100%);background:-o-linear-gradient(top,#1c3963 0%,#274c81 100%);background:-ms-linear-gradient(top,#1c3963 0%,#274c81 100%);background:linear-gradient(100deg,rgb(47 56 134) 0%,rgb(16 110 194) 100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .4s 0;-moz-transition:-moz-transform .4s 0;transition:transform .4s 0;}
.mobile_nav.opened #mobile_menu{background:-moz-linear-gradient(top,#1c3963 0%,#2cc09b 100%);background:-webkit-linear-gradient(top,#1c3963 0%,#2cc09b 100%);background:-o-linear-gradient(top,#1c3963 0%,#274c81 100%);background:-ms-linear-gradient(top,#1c3963 0%,#274c81 100%);background:linear-gradient(100deg,rgb(47 56 134) 0%,rgb(16 110 194) 100%);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .4s 0;-moz-transition:-moz-transform .4s 0;transition:transform .4s 0;}
.mobile_nav #mobile_menu{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#main-header .container.clearfix.et_menu_container{width:100%}
.mobile_menu_bar:before{color: rgb(239 27 37)!important;}
.mobile_nav.opened .mobile_menu_bar:before{content:'\4d';z-index:9999;color:#fff!important;border: 1px solid #1d3b6600;width:30px;height:30px;border-radius:50%;}
.mobile_nav.opened .mobile_menu_bar:after{color:#FFF}
.et_header_style_split .mobile_menu_bar,.et_header_style_left .mobile_menu_bar{z-index:9999}
#et-top-navigation{padding-right:5px}
.et_header_style_left #logo,.et_header_style_split #logo{max-width:100%}
#commentform p.comment-form-comment,#commentform .gglcptch{width:95%;display:block;float:none;margin:0 auto}
#commentform p.comment-form-author,#commentform p.comment-form-email,#commentform p.comment-form-url{width:95%;display:block;float:none;margin:0 auto}
#commentform p.comment-form-author input,#commentform p.comment-form-email input,#commentform p.comment-form-url input{width:100%;display:block;float:none}
#commentform .form-submit{text-align:left}
.mobile_menu_bar:after {content: url(images/hexagone_shape.png);position:absolute;right: 8px;top: -15px;}
.mobile_nav.opened .mobile_menu_bar:after {content: url(images/hexagone_shape-light.png);}
.mobile_menu_bar:before {left: -19px;top: 3px;}
#logo {max-height: 90%;margin: 4px;}
#page-container { padding-top: 80px !important;}
header.et-fixed-header { position: fixed !important;}
.et_pb_scroll_top:before { display: none !important;}
.et_pb_scroll_top { padding: 5px 9px 4px 8px !important; line-height: 26px; height: 43px;}

#contact_form .form-btn {margin-bottom:0;}
#column_sec_add	{margin-top:0 !important;}
#footer_row {display:flex;}	
.nav-icon {  margin-top: 12px; }	
.full-menu .right-content {display:none;}	
.full-menu.active .left-content { visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); max-width: 100%; width: 100%; flex: 0 0 100%; }	
.left-content .close-icon.d-none {display:block !important}	
.outter .inner .container { width: 540px; max-width: 100%; margin: 0 auto; }
#cate_date {display:flex;}	
#cate_date .et_pb_column {margin-bottom:0}
#next_pre .next-content-title { font-size: 50px; line-height: 60px;}	
#logo_cl.et_pb_gutters2.et_pb_row .et_pb_column_1_4 { width: 50% !important; margin-right: 0 !important; margin-bottom: 0!important; }
}


.full-menu.active .left-content .close-icon.d-none {display:none}
#next_pre .next-content-txt {margin-bottom:0;font-family: 'Gilroy-Regular', Helvetica, Arial, Lucida, sans-serif;}

@media only screen and (max-width:768px) {
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{width:100%!important}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:150px}
.woocommerce-page.et_pb_button_helper_class a.button{display:block;width:100%}
.woocommerce-error,.woocommerce-info,.woocommerce-message{font-size:14px!important}
.woocommerce td.product-name dl.variation dt{padding:10px 0}
.woocommerce td.product-name dl.variation dd{padding:30px 0 0}
.woocommerce-page table.cart td.actions .coupon .button{width:45%;font-size:16px}
.shop_table td.product-name{width:72%}
.shop_table .wmc-product-desc{font-weight:700}
.cart_item td.product-name{width:100%!important}
.woocommerce ul.order_details li{float:none;margin-right:2em;text-transform:uppercase;font-size:.715em;line-height:1;border-right:1px dashed #fff;padding-right:2em;margin-left:0;padding-left:0;list-style-type:none;margin-bottom:19px}
.woocommerce td.product-name dl.variation dt{padding:30px 0 1px}
.woocommerce td.product-name dl.variation dd{float: right;width: 56%;font-size:14px;}
.woocommerce td.product-name dl.variation dt{float:left;width: 40%;font-size: 13px;font-weight: 500;text-align: left;}
.woocommerce-checkout .woocommerce-checkout-review-order{background:rgba(84,84,84,0.05);padding:0 10px;position:relative}
.cart-button-space{color:#716e6e!important;background-color:#eee;padding:7px 30px;border-radius:50px;font-size:18px;text-transform:capitalize!important;display:block;margin-bottom:10px}
a.cart-button-space.active{background-color:#3683bf;color:#fff!important}
.woocommerce table.shop_table .woocommerce-shipping-totals th{font-size:13px!important}
.woocommerce table.shop_table .cart-subtotal th{font-size:13px!important}
.woocommerce table.shop_table .order-total th { font-size:17px !important}
body.logged-in .woocommerce-MyAccount-content { float: none !important; width:100% !important;}
.et_pb_scroll_top,.et_pb_scroll_top.et-hidden{bottom:11px!important;}
.woocommerce table.shop_table_responsive thead,.woocommerce-page table.shop_table_responsive thead{display:none}.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child,.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{border-top:0}.woocommerce table.shop_table_responsive tbody th,.woocommerce-page table.shop_table_responsive tbody th{display:none}.woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr{display:block}.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{display:block;text-align:right!important;clear: both;}.woocommerce table.shop_table_responsive tr td.order-actions,.woocommerce-page table.shop_table_responsive tr td.order-actions{text-align:left!important}.woocommerce table.shop_table_responsive tr td::before,.woocommerce-page table.shop_table_responsive tr td::before{content:attr(data-title) ": ";font-weight:700;float:left}.woocommerce table.shop_table_responsive tr td.actions::before,.woocommerce table.shop_table_responsive tr td.product-remove::before,.woocommerce-page table.shop_table_responsive tr td.actions::before,.woocommerce-page table.shop_table_responsive tr td.product-remove::before{display:none}.woocommerce table.shop_table_responsive tr:nth-child(2n) td,.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{background-color:rgba(0,0,0,.025)}.woocommerce table.my_account_orders tr td.order-actions,.woocommerce-page table.my_account_orders tr td.order-actions{text-align:left}.woocommerce table.my_account_orders tr td.order-actions::before,.woocommerce-page table.my_account_orders tr td.order-actions::before{display:none}.woocommerce table.my_account_orders tr td.order-actions .button,.woocommerce-page table.my_account_orders tr td.order-actions .button{float:none;margin:.125em .25em .125em 0}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-1,.woocommerce-page .col2-set .col-2{float:none;width:100%}.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{width:48%;float:left;clear:both;margin:0 0 2.992em}.woocommerce ul.products[class*=columns-] li.product:nth-child(2n),.woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){float:right;clear:none!important}.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary,.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.images,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.images,.woocommerce-page div.product div.summary{float:none;width:100%}.woocommerce #content table.cart .product-thumbnail,.woocommerce table.cart .product-thumbnail,.woocommerce-page #content table.cart .product-thumbnail,.woocommerce-page table.cart .product-thumbnail{display:none}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:left}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:none;padding-bottom:.5em}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce #content table.cart td.actions .coupon::before,.woocommerce table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::before,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::before,.woocommerce-page table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::before{content:' ';display:table}.woocommerce #content table.cart td.actions .coupon::after,.woocommerce table.cart td.actions .coupon::after,.woocommerce-page #content table.cart td.actions .coupon::after,.woocommerce-page table.cart td.actions .coupon::after{clear:both}.woocommerce #content table.cart td.actions .coupon .button,.woocommerce #content table.cart td.actions .coupon .input-text,.woocommerce #content table.cart td.actions .coupon input,.woocommerce table.cart td.actions .coupon .button,.woocommerce table.cart td.actions .coupon .input-text,.woocommerce table.cart td.actions .coupon input,.woocommerce-page #content table.cart td.actions .coupon .button,.woocommerce-page #content table.cart td.actions .coupon .input-text,.woocommerce-page #content table.cart td.actions .coupon input,.woocommerce-page table.cart td.actions .coupon .button,.woocommerce-page table.cart td.actions .coupon .input-text,.woocommerce-page table.cart td.actions .coupon input{width:48%;box-sizing:border-box}.woocommerce #content table.cart td.actions .coupon .button.alt,.woocommerce #content table.cart td.actions .coupon .input-text+.button,.woocommerce table.cart td.actions .coupon .button.alt,.woocommerce table.cart td.actions .coupon .input-text+.button,.woocommerce-page #content table.cart td.actions .coupon .button.alt,.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,.woocommerce-page table.cart td.actions .coupon .button.alt,.woocommerce-page table.cart td.actions .coupon .input-text+.button{float:right}.woocommerce #content table.cart td.actions .button,.woocommerce table.cart td.actions .button,.woocommerce-page #content table.cart td.actions .button,.woocommerce-page table.cart td.actions .button{display:block;width:100%}.woocommerce .cart-collaterals .cart_totals,.woocommerce .cart-collaterals .cross-sells,.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .shipping_calculator{width:100%;float:none;text-align:left}.woocommerce-page.woocommerce-checkout form.login .form-row,.woocommerce.woocommerce-checkout form.login .form-row{width:100%;float:none}.woocommerce #payment .terms,.woocommerce-page #payment .terms{text-align:left;padding:0}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:none;width:100%;box-sizing:border-box;margin-bottom:1em}.woocommerce .lost_reset_password .form-row-first,.woocommerce .lost_reset_password .form-row-last,.woocommerce-page .lost_reset_password .form-row-first,.woocommerce-page .lost_reset_password .form-row-last{width:100%;float:none;margin-right:0}.woocommerce-account .woocommerce-MyAccount-content,.woocommerce-account .woocommerce-MyAccount-navigation{float:none;width:100%}.single-product .twentythirteen .panel{padding-left:20px!important;padding-right:20px!important}
.woocommerce-cart .entry-content .woocommerce > form{width:100%;float: none;margin-bottom:100px}
.woocommerce-cart .entry-content .woocommerce .cart-collaterals{width:100%;float: none;padding:0;margin-bottom:40px}
.woocommerce-cart table.cart td.actions .button[name=update_cart] { width: 62% !important; margin-top: 19px !important; float:left !important}
.woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .button {    width: 92%; margin: 0px auto !important; display: block; float: none !important; margin-bottom:15px !important}
.woocommerce table.shop_table { border:none !important} 
.overlay-container .overlay-close { right: 5.5%;}
	

#head_main_page h2 {font-size:50px;}	
#footer_row {display:flex; flex-direction:column;}	
h2.title { font-size:50px !important }	
#blog_cat.our_news h2.entry-title { font-size: 40px !important; margin-top: 15px; }
#blog_cat h2.entry-title, #blog_cat .post-meta, #blog_cat .post-content { width: 100%; margin: 0 auto; }
.outter .inner .container { width: 540px; max-width: 80%; margin: 0 auto; }	
#next_pre .next-content-title { font-size:40px; line-height:50px;}
.global_heading .et_pb_text_inner {font-size:50px;}	
#logo_cl.et_pb_gutters2.et_pb_row .et_pb_column_1_4 {width:100% !important;}	
}

@media only screen and (max-width:576px) {
#main-header .container { padding: 20px 20px; }
}

@media only screen and (max-width:480px) {
#head_main_page h2 { font-size: 30px; }
h2.title { font-size:30px !important }
#blog_cat.our_news h2.entry-title { font-size:28px !important; line-height:37px !important; }	
#next_pre .next-content-title { font-size:30px; line-height:40px;}	
.global_heading .et_pb_text_inner {font-size:30px;}		
}

@media only screen and (max-width:425px) {
.et_pb_row { width:90%;}
.woocommerce-variation-add-to-cart { width: 100%;}
.woocommerce-variation-price { padding: 31px 0 0px 0; font-size: 1.6em;}
.woocommerce-MyAccount-navigation li {width: 45%;clear: both;list-style: indianred;display: inline-block;margin-right: 10px;}
.woocommerce-MyAccount-navigation li a {padding: 9px 11px !important;border-radius: 3px;font-size: 0.9em !important;margin-bottom: 10px;}


}

@media only screen and (max-width:375px) {
.woocommerce-MyAccount-navigation li { width: 45% !important;}
.woocommerce-MyAccount-navigation li a { font-size:19px;} 
}


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

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

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

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

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

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



.full-menu{
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 100;
  visibility: hidden;
}
.full-menu.active {z-index:99999999;}
#portfolio .container { width: 100%; margin-left: 0; }
.full-menu .outter{
  height: 100vh;
}

.full-menu .site-menu li a{
  color: #000;
  font-size: 44px;
  font-weight: 900;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
} 

.darkness .full-menu .site-menu li a{
  color:#fff;
	text-decoration: none;
}

.full-menu .site-menu li:hover a{
  letter-spacing: 4px;
  opacity: .5;
} 


.full-menu .left-content{
  background: #EFEFEF;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
}

.darkness .full-menu .left-content{
  background: #1b1b1b;
}

.darkness .full-menu .right-content{
  background: #000;
}

.full-menu .right-content{
  background: #fff;
  padding: 0 60px;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
}

.full-menu .right-content, .full-menu .left-content{
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -ms-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
}

.full-menu.active .left-content, .full-menu.active .right-content{
  visibility: visible;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
}

.full-menu .right-content ul li{
  font-size: 15px;
  font-weight: 600;
  line-height: 27px;
}

.full-menu .right-content ul{
  margin-bottom: 30px;
}

.full-menu .right-content ul li:first-child{
  color:#969696;
  font-weight: 400;
}

.darkness .full-menu .right-content ul li:first-child{
  opacity: .7;
}

.full-menu .right-content ul.social-links li:first-child{
  width: 100%;
}

.full-menu .right-content ul.social-links li{
  float: left;
  margin-right: 30px;
}

.full-menu .right-content ul li a{
  color: #000;
}

.darkness .full-menu .right-content ul li a {
  color: #fff;
}

.darkness .full-menu .right-content ul li {
  color: #fff;
}

.full-menu .right-content ul li a:hover{
  opacity: .5;
  transition: opacity ease 0.3s;
  -webkit-transition: opacity ease 0.3s;
  -moz-transition: opacity ease 0.3s;
  -ms-transition: opacity ease 0.3s;
  -o-transition: opacity ease 0.3s;
}

.full-menu .logo{
  position: absolute;
  top:50px;
  left: 45px;
}

.full-menu .close-icon{
  position: absolute;
  top: 60px;
  right: 64px;
  cursor: pointer;
}

.full-menu .close-icon img{
  max-width: 16px;
}

.nav-icon {  z-index: 99999999; }
.portfolio_filter { position: fixed; left: 42px !important;}