/*New Css Added 1st sep*/
/*
.banner_lander2.show_desktop img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/

.home .banner_lander2 h4{
	text-shadow: 1px 1px 2px #000;
}
body.page-template-layout-shop .main_box .right_box .content {
    padding: 0;
}
.boxinner img{
	margin-top:0px !important;
		margin-bottom:15px !important;
}
.page-template-layout-inner .elementor-widget-container {
    background-color: transparent!important;
}
header.header-footer-group  .top_bar .switcher.notranslate {
    float: right;
    margin-right: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}
header.header-footer-group .top_bar .switcher.notranslate .option
{
	position: relative;
}
footer#site-footer
	{
		position: relative;
	}
	
  footer#site-footer ul.social_icons
{
	width: 25%;
    position: absolute;
    bottom: 25px;
    right: 0;
}
  footer#site-footer .primary-menu-wrapper {
    display: block;
    width: 100%;
    float: left;
    display: flex;
    align-items: center; 
}
.fadeIn,.fadeInUp,.fadeInDown
{
	visibility: hidden;
}
.anim_d.oout {
	top:50%;
	left: 50%;
	bottom:50%;
	right: 50%;
	opacity: 0;
}
.anim_d {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: url( assets/images/png.png) center center / cover  no-repeat;
    z-index: 2;
    transition: all 1s ease-in-out;
}
#site-footer .row.foot_blocks .col-lg-3,#site-footer .row.foot_blocks .col-lg-4  {
    padding: 0 !important;
    height: auto;
}
 
a .col-md-3 .center,a .col-md-4 .center{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;   
	justify-content: center;
}
#site-footer .row.foot_blocks  .col-lg-3 img,#site-footer .row.foot_blocks  .col-lg-2 img  {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.bottom50:last-child {
    margin-bottom: 0px;
    padding-bottom: 50px;
}
.boxinner h2
{
	text-transform: uppercase;
}
.elementor-widget-wrap .main_box.cretecc .content p {
    font-size: 18px!important;
    line-height: 27px !important;
}

.elementor-widget-wrap .main_box.cretecc img{
    width: 150px;
    margin: 0 auto;
}
.banner_lander2
{
	position: relative;
}
.banner_lander2 .center
{
	position: relative;
	z-index: 9;
}
img.bottle_home {
       position: absolute;
    top: 0px;
    left: 0px;
    bottom: 40px;
    right: 0px;
    height: 80%;    object-fit: contain;
    margin: auto;
    max-width: 90%;
}
img.bottle_s {
        object-fit: contain!important;
    height: 55%!important;
    position: absolute;
    width: 100%;
    top: 60px;
    bottom: 0px;
    /* display: flex; */
    /* align-items: center; */
 
}
@media (min-width: 700px) and (max-width: 990px){
	 img.bottle_s {
        
    height: 50%!important; 
    /* display: flex; */
    /* align-items: center; */
 
}
}
.elementor-widget-wrap .main_box.cretecc{
    padding: 0px 20px 20px;
}
.elementor-widget-wrap .main_box.cretecc .left_box{
        padding-top: 115px;
}
@media screen and (max-width: 1180px)
{
	#site-footer .row.foot_blocks h2 {
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		font-size: 20pt;
		letter-spacing: 2px;
	}
}
@media screen and (min-width: 1300px)
{
	html body.page-template-layout-inner.page-id-843 ,html body.page-template-layout-inner.page-id-853 
	{
		display: flex;
    flex-direction: column;
    justify-content: space-between;
	}
}
@media screen and (min-width: 1000px)
{
	div.banner_lander2 h1,div.banner_product h1 {
	    font-size: 67pt!important;
	}
 
}
@media screen and (min-width: 990px)
{
	div.banner_lander2.show_desktop,div.banner_product.show_desktop
	{
		height:88vh;
		background-attachment: fixed;
	}
	
	body.page-id-53  div.banner_lander2.show_desktop,body.page-id-33  div.banner_lander2.show_desktop,body.page-id-31  div.banner_lander2.show_desktop,body.page-id-35  div.banner_lander2.show_desktop,body.page-id-1433  div.banner_lander2.show_desktop
		 
		{
			    height: 70vh;
			background-attachment: fixed;
		}
	body.page-id-53  div.banner_lander2.show_desktop img,body.page-id-33  div.banner_lander2.show_desktop img,body.page-id-31  div.banner_lander2.show_desktop img,body.page-id-35  div.banner_lander2.show_desktop img,body.page-id-1433  div.banner_lander2.show_desktop img
	{
		width:100%;
		height: 100%;
		object-fit:cover;
	}
	body.page-id-33  footer#site-footer,body.page-id-53  footer#site-footer,body.page-id-31  footer#site-footer ,body.page-id-35 footer#site-footer,body.page-id-1433 footer#site-footer{
	    
	    background: #000;
	    padding: 0;
	    position: fixed;
	    bottom: 0px;
	    left: 0px;
	    width: 100%;
	    max-width: 1440px;
	    margin: auto;
	    right: 0px;

	}
}
@media screen and (min-width: 1440px)
{
	div.banner_lander2.show_desktop,div.banner_product.show_desktop
	{
		height:93vh;
		background-attachment: fixed;
	}
	/*
	.main_box .content
	{
		min-height:216px!important;
	}
	*/
	.elementor-section-wrap  .main_box   {
	       min-height: 400px!important;
	}
}
@media screen and (min-width: 1400px)
{
	html
	{
		
		background: #000;
	}
	.curve_bg p {
	font-size: 20pt;
	}
}
@media screen and (max-width: 990px) 
{
	div.banner_lander2 
	{
		    background-position: center center!important;
	}
	.elementor-section-wrap h2
	{
		font-size: 32px !important;
		line-height: 32px !important;
	}
	div.banner_lander2.show_mobile.creative
	{
		background-position:center center;
	}
	.elementor-section-wrap h3 {
		font-family: "Century Schoolbook" !important;
		font-size: 28px!important;
		line-height:38px!important;
	}
	section#shop_box_section {
    padding: 0px;
}
.main_box .left_box img {
    margin: 0 auto;
    max-height: 600px;
}
	.elementor-section-wrap p
	{
		font-size: 16px!important; 
		line-height: 25px!important;   
	}
	.elementor-section-wrap h5 {
		 font-size: 20px!important;
		line-height: 28px!important;
	}
	.foot_blocks .center .line {
	    width: 60% !important;
	}
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
    font-family: "Century Gothic" !important;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}
	footer#site-footer .row.foot_blocks  .section-inner .header-navigation-wrapper {
    display: block;    padding: 20px 10px;
}
	footer#site-footer .row.foot_blocks  .section-inner {
	    display: block!important;
	}
	div.banner_lander2 div.line {
    height: 2px;
    background: #fff;
    width: 200px!important;
    margin: 10px auto;
}
	footer#site-footer ul.social_icons {
	      width: 100%;
    position: relative;
    bottom: 0px;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
	}
	footer#site-footer .header-navigation-wrapper
	{
		display: block!important;
	}
	footer#site-footer .primary-menu-wrapper
	{
		    display: block!important;
    padding: 10px 0px; 
    text-align: center;
	}
   footer#site-footer
   {
   	position: relative;
   }
	 form#quiz_form .form-group input[type="radio"]
	 {
	 	margin-left: 0px!important;
	 }
	 section.panel .elementor-widget-container {
	    padding: 20px;
	    /* border: none; */
	    /* transition: none; */
	}
  form#quiz_form .row.buttons button
  {
  	    padding: 10px 15px !important;
  }
  form#quiz_form .row.buttons
  {
  	margin:0px;    margin-top: 30px;
  }
  ul.progress_line.mobile li {
    margin-bottom: 10px;
    margin: 2px;
}
  form#quiz_form .cont .form-group
   {
   	margin:0px!important;
   }
   .right_box .line
   {
   	    margin: 10px auto!important;
   }
   .main_box p.btn_block a {
    
	    font-family: "Century Gothic" !important;
	}
	.page-template-layout-shop footer#site-footer .section-inner .header-navigation-wrapper {
	    padding: 20px 0px !important;
	}
	ul.primary-menu
	{
		    margin: 5px 0px;
	}
	body.page-template,body.page-template-layout-inner.page-template
	{
		    background:#000 url(http://inv.ilogic.co.za/wp-content/uploads/2020/08/BACKGROUND-PATTERN.png)!important;
    background-size: cover;
	}
	.elementor-123 .elementor-element.elementor-element-30adc93 > .elementor-widget-container {
    background-color: transparent;
}
a.scroll-next {
    display: none;
}
	.banner_lander2.show_mobile {
	    display: block!important;
	}
}

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

	#site-footer .row.foot_blocks .col-lg-3, #site-footer .row.foot_blocks .col-lg-4
	{
		width: 100%;
	}
}
@media screen and (min-width: 320px) 
{
	.curve_bg p,section#main_text p {
		font-size: 18px!important; 
		line-height: 27px!important;   
	}
		.elementor-section-wrap  .main_box .right_box h2 {
	    font-size: 30px!important;
	}
	.elementor-widget-wrap .main_box {
	    min-height: 400px;
	}
	.elementor-widget-wrap .main_box .content p
	{
		font-size: 15px!important;
	}
	.elementor-widget-wrap .main_box .right_box
	{
		padding:0px 14px;
	}
	.elementor-widget-wrap .main_box p.btn_block 
	{
		display: block;
	}
	.elementor-widget-wrap .main_box p.btn_block a {
	    color: #fff;
	    padding: 10px;
	    padding-top: 0;
	    padding-bottom: 0;
	    display: flex;
	    align-items: center;
	    text-transform: uppercase;    font-family: "Century Gothic" !important;
	}
 .elementor-section-wrap p
	{
		font-size: 18px!important; 
		line-height: 27px!important;   font-family: "Century Gothic" !important;
		font-weight: 400;
	}
	.elementor-section-wrap h3 {
		font-family: "Century Gothic" !important;
		 font-size: 24px!important;
		line-height: 30px!important;
		font-weight: 600!important;
		margin-bottom: 14px;
	}
	.elementor-section-wrap h5 {
		    font-size: 18px!important;
            line-height: 27px!important;
	}
	.elementor-section-wrap h2
	{
		 font-size: 24px!important;
		line-height: 30px!important;
		    text-transform: uppercase;
			font-weight: 600!important;
			margin-bottom: 14px;
	}
	
	a.book_border{
		font-family: "Century Gothic" !important;
	}
	
	.main_box.cretecc .right_box .line{
		    width: 44%;
			
	}
	.main_box .right_box h2{
		padding-bottom:5px;
	}
	span{
		font-family: "Century Gothic" !important;
	}
			
	
}
@media screen and (max-width: 1600px) and (min-width: 1400px)
{
	div.banner_lander2.show_desktop,div.banner_product.show_desktop
	{
		height:89vh;
		background-attachment: fixed;
	}
}
@media screen and (max-width: 1920px) and (min-width: 1441px)
{
	.header-inner.section-inner ul.primary-menu a {
    font-size: 14px;
}
	.header-inner.section-inner .primary-menu > li {
    margin: 0.8rem 0 0 2rem;
}
	 
}
@media screen and (max-width: 1200px) and (min-width: 1000px)
{
	.content.layout3 {
	    padding: 0px 30px;
	}
}
@media screen and (max-width: 1254px) and (min-width: 1024px)
{
	.header-inner.section-inner
	{
		        width: calc(100% - 2rem)!important;
	}
	.header-navigation-wrapper .primary-menu > li {
		margin: 0.8rem 0 0 1.2rem;
	}
	.header-navigation-wrapper ul.primary-menu a {
	    font-size: 12px;
	}
	a.custom-logo-link
	{
		margin-left:0px;
	}
}

@media (min-width: 700px){
	.curve_updown_right h2 {
		margin-top: 0;
	}

	html body.page-template-layout-inner  {
		    background: url(images/backgrounds/bg_black.png) !important;
			background-size: 100% !important;
			background-color: #000 !important;
	}
	.page-template-layout-inner .elementor-widget-container{
		background-color: transparent!important;
}
}


@media (min-width: 1600px){
	body.page-id-33 footer#site-footer, body.page-id-53 footer#site-footer, body.page-id-29 footer#site-footer, body.page-id-31 footer#site-footer, body.page-id-35 footer#site-footer, body.page-id-1433 footer#site-footer{

		max-width: 100% !important;
	}
	.header-inner.section-inner ul.primary-menu a {
    font-size: 14pt !important;
}
	
	
}
@media (min-width: 2600px){ 
	
}

body.page-template-layout-product.page-id-2052 .content.layout3, body.page-template-layout-product.page-id-2056 .content.layout3 {
    background: url(img-foot/Inv_pattern_section.png);
    background-size: contain;
    background-repeat: no-repeat;
}

body.page-template-layout-product.page-id-2052 .elementor-inner{
	max-width: 1170px;
	margin:0 auto;
	background-color:rgba(0, 0, 0, 0.6);
}


body.page-template-layout-product.page-id-2056 .content.layout3 .elementor-inner{
	max-width: 1170px;
	margin:0 auto;
	background-color:#000;
}
body.page-template-layout-product.page-id-2056, body.page-template-layout-product.page-id-2052{
	background:#000 !important;
}
/*New Css Added 1st sep End*/