.section1-bg
{
      background-image: url(../img/shutterstock_7317528977.jpg);
    }
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* -------------------------------- 

Main components 

-------------------------------- */
.cd-section {

  position: relative;
  padding: 0;
}
#sidebar {width:250px;float:left;}
.clear:after {visibility: hidden;display: block;content: "";clear: both;height: 0;}
#sidebar nav {width:213px;padding:0 12px;}
#sidebar nav.stickydiv {position: fixed;top: 0;z-index: 10000;margin-top:90px;}
#sidebar nav ul {list-style-type:none;margin:0;padding:0;}
#sidebar nav li {padding:5px 10px;}
#sidebar nav li a {color:#fff;font-weight:700;line-height: 130px;display: none;}
#sidebar li a.active {
    color: #444444;
    text-decoration: none;
    font-family: abrilfatface;
    display: block;
    font-size: 150px;
margin-left:250px;
    width: 200px;
    word-break: break-all;
}
    #sidebar li.active img{left: -65%;
    position: absolute;
    max-width: 300px;}
    #sidebar li{display: none;}
    #sidebar li.active{display: block !important;}

@media only screen and (max-width: 768px){
	#navbar1{
		display: none;
	}
	.navbar-nav.ml-auto{
		display:block!important;
	}

#cd-vertical-nav{
position: absolute;
right: 0;
}
}
/*Naviation*/
.navbar-nav.ml-auto{
	width: 120px;

display: none;
}
.navbar{padding:0;
}
.cd-label{display: none;
float: left;
margin-left: 5px;
color: #cf9e65}
.nav-link:hover .cd-label{
	display:block;
}
/* #mainNav { */
	/* position: fixed; */
/* top: 40%; */
/* right: 0; */
/* z-index: 9; */
/* }  */
/* #mainNav .cd-dot   { height: 20px; */
  /* float: left; */
    /* -moz-transform-origin: 50% 50%; */
    /* -moz-transition: -moz-transform 0.2s, background-color 0.5s; */
    /* -ms-transform-origin: 50% 50%; */
    /* -o-transform-origin: 50% 50%; */
    /* -webkit-transform-origin: 50% 50%; */
    /* -webkit-transition: -webkit-transform 0.2s, background-color 0.5s; */
    /* background-color: #cf9e65; */
    /* border-radius: 50%; */
    /* border: 5px solid #e0e0e0; */
    /* transform-origin: 50% 50%; */
    /* transition: transform 0.2s, background-color 0.5s; */
    /* width: 20px; */
/* } */
.nav-link{
	display: inline-block;
	backface-visibility: hidden;	
	padding: 2px !important; 
}
.nav-item{
	    text-align: left;
 margin-left: 16px;
}
.btn.loadMoreBtn {
    color: #333333;
    text-align: center;
}

.btn.loadMoreBtn:hover {
    text-decoration: none;
}
.nav-link::after{
	content: "";
display: table;
clear: both;}
/*Naviation end*/



.section1-bg
{
	    background-image: url(../img/shutterstock_7317528977.jpg);
    width: 100%;
    height: 100vh;
    background-position: 100% 35%;
    background-size: cover;
}
.overlay:before{
  position: absolute;
  content:" ";
  left:0;
  width:100%;
  height:100vh;
  display: block;
  z-index:0;
  background-color: rgba(0,0,0,0.1);
}


.img-zito-logo{

     
    z-index: 9;
    width: 150px;
  
    
  }
  .section1-desc{
	      text-align: center;
    padding-top: 100px;
  }
  .section1text{
  	text-align: center;
  	margin-top: 50px;
 }
 .section1text h1{
 	font-size: 6vw;
 	font-family: "roboto_slabthin";
 }
.section1text h2{
	    font-size: 3vw;
    color: white;
    font-family: 'janeaustennosecret';
    padding-top: 30px;
}
li.nav-item:first-child{
	margin-bottom: 10px;
}
/* colours */
.color-violet {
  background-color: #7A4EAB;
}
.color-indigo {
  background-color: #4332CF;
}
.color-blue {
  background-color: #2F8FED;
}
.navbar1 {
  background-color: white;
  top: 0;
  width: 100%;
  z-index: 9999999;
}

.navbar1 a {
      display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
    font-size: 14px;
    right: 0;
    left: 0;
    position: relative;
}

.navbar1 a:hover {
  background: #ddd;
  color: black;
}
.containermenu{
	    text-align: center;
		    margin: 0 auto;
}
#navbar1 {
  background-color: white;; /* Black background color */
  position: fixed; /* Make it stick/fixed */
  top: 0; /* Stay on top */
  width: 100%; /* Full width */
  transition: top 0.3s; /* Transition effect when sliding down (and up) */
  z-index:9999;
}

/* Style the navbar links */
#navbar1 a {
 display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 20px;
    text-decoration: none;
    font-size: 14px;
    right: 0;
    left: 0;
    position: relative;
}

#navbar1 a:hover {
  background-color: #ddd;
  color: black;
}

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

#mainNav,.navbar-nav.ml-auto{width:100% !important;}
#mainNav	{
	
		position: fixed;
top: 0%;
right: 0;
z-index: 1030;
background: #d4d4d4;
	}
	.containermenu{
		display:none;
	}
	.section1-bg {
		background-position: 65% 20% !important; 
	}
.cd-label
{
	display:block !important;
	color:white !important;
}
li.nav-item:first-child{
	display:none !important;
}
li.nav-item{border-bottom: 1px solid #fff6;

padding: 5px;}
 .cd-dot{
	display:none !important;
}
#cd-vertical-nav{
position: absolute;
right: 0;
}
.navbar-toggler{position: static !important;
border: 1px solid white;
top: 7px;

right: 10px;
}
navbar-toggler-icon{
	    padding: 0.5em 2em;
	}
.section1text h1{
	font-size: 35px !important;
}
.section1text h2{
	font-size: 20px;
}
	}