@charset "UTF-8";
/* CSS Document */

/* Theme Name: ADD

Author: Michał D
Author URI: https://google.com/
Description: None.
Version: 1.0b */

/* Responsive top-menu-style */
 
nav {padding: 0px;}
  
.logo {
	
	position:fixed;
    float: left;
    height: 88px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    margin-left: 0px;
    margin-top: 0px;
	  
}

.navColor {
	
	background: rgba(255, 255, 255, 0.9);
	
	-webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out; 
	
}

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

	.logo {
		
		float: left;
		height: 88px;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		
	} 
}

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

	.logo {
		
		float: left;
		height: 60px;	  
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		margin-left: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		
	}
	
	.navColor {
		
		background: rgba(255, 255, 255, 0.85);
		
		-webkit-transition: all 0.0s ease-in-out;
		-moz-transition: all 0.0s ease-in-out;
		-ms-transition: all 0.0s ease-in-out;
		transition: all 0.0s ease-in-out;  
		
	}	
	
}

.add-overlay {
	
	width: 100%;
	height: 0.01px;
	background-color: #dcdcdc;	
	z-index: 9989;
	position: relative;
	box-shadow: 0px -20px 0px 1500px rgba(0, 0, 0, 0.0);
	
	transition:	transform 0.9s ease-in-out 0.0s, box-shadow 0.5s ease-in-out 1.0s;
	-webkit-transition:	-webkit-transform 0.9s ease-in-out 0.0s, -webkit-box-shadow 0.5s ease-in-out 1.0s;	
	
}

.add-overlay-active {
	
	box-shadow: 0px -20px 0px 1500px rgba(0, 0, 0, 0.0);

	transition:	transform 0.0s ease-in-out 0.0s, box-shadow 0.5s ease-in-out 0.0s;
	-webkit-transition:	-webkit-transform 0.0s ease-in-out 0.0s, -webkit-box-shadow 0.5s ease-in-out 0.0s;	
	
}
	
@media screen and (max-width: 1024px) {
	
	.add-overlay-active {
		
		box-shadow: 0px -20px 0px 1500px rgba(0, 0, 0, 0.9);

		transition:	transform 0.0s ease-in-out 0.0s, box-shadow 0.5s ease-in-out 0.0s;
		-webkit-transition:	-webkit-transform 0.0s ease-in-out 0.0s, -webkit-box-shadow 0.5s ease-in-out 0.0s;	
		
	}
	
}

.touch-close-menu {
	
	width: 35%;
	height: 0%;
	background-color: red;	
	z-index: 9990;
	position: fixed;
	opacity: 0.0;
	
}

.touch-close-menu-active {
	
	height: 0%;
	background-color: red;
	
}

@media screen and (max-width: 720px) {
	
	.touch-close-menu-active {
		
		width: 0%;
		height: 100%;
		background-color: red;
		
	}
	
}
	
@media screen and (max-width: 1024px) {
	
	.touch-close-menu-active {
		
		height: 100%;
		background-color: red;
		
	}
	
}

.navColor {
	
	background: rgba(255, 255, 255, 0.9);
	
	-webkit-transition: all 0.0s ease-in-out;
	-moz-transition: all 0.0s ease-in-out;
	-ms-transition: all 0.0s ease-in-out;
	transition: all 0.0s ease-in-out; 
	
}
 
.top-menu {
	
	position: fixed;
	z-index: 5000;
	width: 100%;
	height: 88px;
    border-bottom: 1px solid rgba(220, 220, 220, 1);	
	left: 0;
	top: 0;
	opacity: 1.0;
	font-family: 'Playfair Display', serif;	
	
} 

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

	.top-menu {
		
		position: fixed;
		z-index: 5000;
		width: 100%;
		height: 60px;
		border-bottom: 1px solid rgba(210, 210, 210, 1);		
		left: 0;
		top: 0;
		opacity: 1.0;
		font-family: 'Playfair Display', serif;	
		
	} 
	
}

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

	.top-menu {
		
		position: fixed;
		z-index: 5000;
		width: 100%;
		height: 88px; 
		border-bottom: 1px solid rgba(220, 220, 220, 1);
		left: 0;
		top: 0;
		opacity: 1.0;
		font-family: 'Playfair Display', serif;;	
		
	} 
	
}

nav ul {
	
	float: right;
	padding-right: 2%;
	padding-left: 2%;	  
	margin-top: 35px;
	margin-bottom: 0px;
	background: rgba(255, 255, 255, 0.0);	
	  
}


@media screen and (max-width: 1024px) { 
 
	nav ul {
		
		float: right;
		padding-right: 15%;
		padding-left: 15%;	  
		margin-bottom: 0px;
		background: rgba(255, 255, 255, 0.0);	
		
	} 
	
}

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

	nav ul {
		
		float: right;
		margin-top: 35px;
		margin-bottom: 0px;
		background: rgba(255, 255, 255, 0.0);
		  
	} 
	
}

nav ul li {
	
	display: inline-block;
	float: left;
	  
}


nav ul li:not(:first-child) {margin-left: 2vw;} 
 
nav ul li:last-child {margin-right: 0px;}
 
nav ul li a {
	
	display: inline-block;
	outline: none;
	color: rgb(50, 50, 50);
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1.0px;
    font-weight: 700;

	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;  
	
}
 
nav ul li a:hover {
	
	display: inline-block;
	outline: none;
	color: rgb(170, 170, 170);
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 1.0px;
	font-weight: 700;

	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	
} 

@media screen and (max-width: 1024px) { 
 
    .nav-wrapper {
		position: fixed;
		top: 0;
		right: 0;
		width: 65%;
		height: 100%;
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px;
        z-index: 9999;
		background: #fff;
		opacity: 1;		
	
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
			
		transition:	transform 0.9s ease-in-out 0.0s, box-shadow 0.5s ease-in-out 0.5s;
		-webkit-transition:	-webkit-transform 0.9s ease-in-out 0.0s, -webkit-box-shadow 0.5s ease-in-out 0.5s;
		
	}
 
	.nav-wrapper ul {
		  
		position: absolute;
		top: 40%;
		width: 100%;
		
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);			

			
	}
 
	.nav-wrapper ul li {
		  
		display: block;
		font-weight: 500;
		font-size: 20px;		
		float: none;
		width: 100%;
		margin-bottom: 10px;
			
	}
  
	.nav-wrapper ul li:not(:first-child) {margin-left: 0;}
 
	.nav-wrapper ul li a {
		  
		padding: 10px 5px;
		opacity: 1;
		color: rgb(64, 64, 64);
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		font-size: 15px;
		letter-spacing: 1.3px;
		font-weight: 300;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
						
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out; 
			
		}
	  
	.nav-wrapper ul li a:hover {
		  
		padding: 10px 5px;
		opacity: 1;
		color: rgb(170, 170, 170);
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		font-size: 15px;
		letter-spacing: 1.3px;
		font-weight: 300;
		transform: translateX(0%);
		-webkit-transform: translateX(0%);
			
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		-ms-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out; 
			
	}	  
	  
}

@media screen and (max-width: 720px) { 
 
    .nav-wrapper {
		  
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: #fff;
		opacity: 1;
				
		transform: translateX(100%);
		-webkit-transform: translateX(100%);
				
		transition:	transform 0.9s ease-in-out 0.0s, box-shadow 0.5s ease-in-out 0.5s;
		-webkit-transition:	-webkit-transform 0.9s ease-in-out 0.0s, -webkit-box-shadow 0.5s ease-in-out 0.5s;
					
    }

 
    .nav-wrapper ul {
		  
        position: absolute;
        top: 40%;
        width: 100%;			
			
        transform: translateY(-50%);
		-webkit-transform: translateY(-50%);			

      }
 
    .nav-wrapper ul li {
		  
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 10px;
			
      }
  
    .nav-wrapper ul li:not(:first-child) {margin-left: 0;}
 
    .nav-wrapper ul li a {
		  
        padding: 10px 5px;
        opacity: 1;
		color: rgb(60, 60, 60);
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		font-size: 15px;
		letter-spacing: 1.3px;
		font-weight: 300;
 			
    }
	  
    .nav-wrapper ul li a:hover {
		  
        padding: 10px 5px;
        opacity: 1;
		color: rgb(60, 60, 60);
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		font-size: 15px;
		letter-spacing: 1.3px;
		font-weight: 300;
 			
	}
	  
}

.nav-wrapper-active {
	
    z-index: 9990;
	width: 65%; 
    opacity: 1;
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	
    transform: translateX(0%);
    -webkit-transform: translateX(0%);	
	transition:	transform 0.8s ease-in-out 0.25s, box-shadow 0.6s ease-in-out 0s;
	-webkit-transition:	-webkit-transform 0.8s ease-in-out 0.25s, -webkit-box-shadow 0.6s ease-in-out 0s;
	
}

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

	.nav-wrapper-active {
		
		z-index: 9990;
		width: 100%;	
		opacity: 1;
		
		transform: translateX(0%);
		-webkit-transform: translateX(0%);			
		transition:	transform 0.8s ease-in-out 0.25s, box-shadow 0.4s ease-in-out 0s;
		-webkit-transition:	-webkit-transform 0.8s ease-in-out 0.25s, -webkit-box-shadow 0.4s ease-in-out 0s;
	
	}	
	
}

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

	.nav-wrapper-active {
		
		z-index: 9990;
		width: 65%;	
		opacity: 1;
		
		transform: translateX(0%);
		-webkit-transform: translateX(0%);			
		transition:	transform 0.8s ease-in-out 0.25s, box-shadow 0.4s ease-in-out 0s;
		-webkit-transition:	-webkit-transform 0.8s ease-in-out 0.25s, -webkit-box-shadow 0.4s ease-in-out 0s;
	
	}	
	
}

.hidden {display: none;}

a {outline: none;}

.nav-link {border-bottom: 0px solid rgba(220, 220, 220, 0);}

.navbar-container ul li .underline {
	
	height: 2px;
	background-color: transparent;
	width: 0%;
	margin: 10px auto;
	
	transition: width 0.3s, background-color 0.3s;
	-webkit-transition: width 0.3s, background-color 0.3s;	
	
}

.navbar-container ul li.active-link .underline {
	
	width: 100%;
    background-color: #e45f4a;
	
}

.navbar-container ul li:hover .underline {
	
    background-color: #e45f4a;
	width: 100%;
	
}

.navbar-container ul li:active .underline {
	
	background-color: #e45f4a;
	
	transition: none;
	-webkit-transition: none;
	
}

@media screen and (max-width: 1024px) {
	
	.navbar-container ul li .underline {display: none;}	
}

.fa-size i {
	
	font-size: 20px;
	width: 100%;
	color: #646464;
	
}

.fa-size i:hover {color: #e45f4a;}

.social-container ul {
	
	margin-top: 0px;
	height: 88px;
    border-left: 1px solid rgba(220, 220, 220, 1);
	border-bottom: 1px solid rgba(220, 220, 220, 1);
	list-style: none;
    background: rgba(255, 255, 255, 0.0)
	
}

.social-container li {margin-top: 35px;}

.social-container a {
	
	margin-left: 0px;
	margin-right: 0px;
	
}

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

	.fa-size i {
		
		font-size: 25px;
		color: rgb(90, 90, 90);	
		
	}
	
	.social-container ul {
		
		margin-top: 0px;
		height: 88px;
		position: fixed;
		z-index: 9999;
		top: 85%;
		padding-right: 5%;
		padding-left: 5%;
		background: rgba(225, 225, 225, 0);
		border-left: 1px solid rgba(220, 220, 220, 0);
		border-bottom: 0px solid rgba(220, 220, 220, 1);		
		display: flex;  
		list-style: none;
		text-align: center;
		
	}

	.social-container li {

		margin-top: 35px;
	    text-align: center;

	}

	.social-container a {
		
		margin-left: 0px;
		margin-right: 0px;
		
	}
	
	.social-icon a {margin: 0;}
	
}

.nav-border-bottom {border-bottom: 1px solid rgba(220, 220, 220, 0);}

@media screen and (max-width: 1024px) {
	
	.nav-border-bottom {border-bottom: 1px solid rgba(220, 220, 220, 1);}
	
}

.sub-menu-nav {
	
	width: 100%;
	background-color: #ffffff;
	display: block;
	
}

.sub-menu-nav ul li {display: inline-block; }

.sub-menu-ul {
	
    margin: 0;
    padding: 30px 5px;
    display: inline-block;
    float: left; 
	
}

.sub-menu-nav a {
	
	font-family: 'Montserrat', sans-serif;	
	font-size: 14px;
	font-weight: 300;	
	color: #151515;
	text-decoration: none;
	padding: 30px 15px;
	border-right: 1px solid rgba(220, 220, 220, 1);
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all  0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	
 }

.sub-menu-nav a:hover {
	
	font-family: 'Montserrat', sans-serif;	
	font-size: 14px;
	font-weight: 300;
	color: #0872ba;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all  0.3s ease-in-out;
	transition: all 0.3s ease-in-out;	
	
}

.sub-menu-trigger {
	
	display: none;
	color: white;
	padding: 0; 
	margin: 0; 
	
}

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

	.sub-menu-ul {
		
		display: block;
		position: absolute;
		z-index: 20;
		background: white;
		margin: 0;
		padding: 0px 0px;
		display: inline-block;
		float: left;  
		width: 100%;
		
	}

	.sub-menu-nav a {
		
		font-family: 'Montserrat', sans-serif;	
		font-size: 13px;
		font-weight: 400;	
		color: #151515;
		text-decoration: none;
		padding: 20px 15px;
		border-right: 0px solid rgba(220, 220, 220, 0);
		
	}
	
	.sub-menu-nav a:hover {
		
		font-family: 'Montserrat', sans-serif;	
		font-size: 13px;
		font-weight: 400;
		
	}
	
	.sub-menu-trigger {
		
		display: block;
		padding: 0; 
		margin: 0;
		
	}
  
	.sub-menu-trigger a {
		
		padding: 0; 
		margin: 0;
		
	}  
	.sub-menu-nav ul li {
		
		display: block; 
		padding: 20px 5px;	
		text-align: left;
		
	}
  
	.sub-menu-nav ul {display: none;}
	
	.sub-menu-li {border-top: 1px solid rgba(220, 220, 220, 0.5);}  
	
}

/* Responsive sub-menu-button */

#nav-icon1 {
	
	width: 60px;
	height: 45px;
	position: fixed;
	right: -5px;
	top: 10px;
	display: none;
	z-index: 10000;
	cursor: pointer;
  
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
  
	-webkit-transition: all 0.4s ease-in-out 0.5s;
	-moz-transition: all 0.4s ease-in-out 0.5s;
	-ms-transition: all 0.4s ease-in-out 0.5s;
	transition: all 0.4s ease-in-out 0.5s; 
		
}
@media screen and (max-width: 1024px) { 

	#nav-icon1 {
		
		display: block;
	  
	}
	
}
#nav-icon1 span {
	
	display: block;
	position: absolute;
	height: 2px;
	width: 30px;
	background: #636363;
	border-radius: 9px;
	opacity: 1;
	left: 0;
  
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
 
	-webkit-transition: all 0.4s ease-in-out 0.05s;
	-moz-transition: all 0.4s ease-in-out 0.05s;
	-ms-transition: all 0.4s ease-in-out 0.05s;
	transition: all 0.4s ease-in-out 0.05s; 
	
}

#nav-icon1 span:nth-child(1) {top: 12px;}

#nav-icon1 span:nth-child(2) {
	
	top: 18px;
	width: 30px;  
  
}

#nav-icon1 span:nth-child(3) {top: 24px;}

#nav-icon1.open span:nth-child(1) {
	
	top: 18px;
  
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(145deg);
	transform: rotate(45deg);
  
	-webkit-transition: all 0.4s ease-in-out 0.5s;
	-moz-transition: all 0.4s ease-in-out 0.5s;
	-ms-transition: all 0.4s ease-in-out 0.5s;
	transition: all 0.4s ease-in-out 0.5s; 	  
		
}

#nav-icon1.open span:nth-child(2) {
	
	opacity: 0;
	left: -100%;
	background: #e45f4a;
  
	-webkit-transition: all 0.6s ease-in-out 0.5s;
	-moz-transition: all 0.6s ease-in-out 0.5s;
	-ms-transition: all 0.6s ease-in-out 0.5s;
	transition: all 0.6s ease-in-out 0.5s;
	
}

#nav-icon1.open span:nth-child(3) {
	
	top: 18px;
  
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
  
	-webkit-transition: all 0.4s ease-in-out 0.5s;
	-moz-transition: all 0.4s ease-in-out 0.5s;
	-ms-transition: all 0.4s ease-in-out 0.5s;
	transition: all 0.4s ease-in-out 0.5s; 	
	
}