/*!
 * KuwertandFriends v1.1 (https://kuwertandfriends.de/)
 * Copyright dieExen, Media Agentur (https://die-geheime-zutat.de/)
  
 */
 
 /* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('../fonts/lato-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v15-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* abril-fatface-regular - latin */
@font-face {
  font-family: 'Abril Fatface';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/abril-fatface-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Abril Fatface'), local('AbrilFatface-Regular'),
       url('../fonts/abril-fatface-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/abril-fatface-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/abril-fatface-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/abril-fatface-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/abril-fatface-v11-latin-regular.svg#AbrilFatface') format('svg'); /* Legacy iOS */
}

 
 @font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?6fo90g');
	src:url('../fonts/icomoon.eot?#iefix6fo90g') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?6fo90g') format('truetype'),
		url('../fonts/icomoon.woff?6fo90g') format('woff'),
		url('../fonts/icomoon.svg?6fo90g#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
 
/* Base */

body {
	line-height: 1.5;	
	font-family: 'Lato';	
	font-size: 16px;	
}


::-moz-selection {
	background: rgba(193, 155, 118, 0.9);
	color: #fff;
}

::selection {
	background: rgba(193, 155, 118, 0.9);
	color: #fff;
}

.site-wrap {
    padding: .74rem 1rem;
    background-color: #f8f9fa;
}

a {
    color: #607D8B;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a {
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

a:hover {
	text-decoration: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.2;

}
.subtitle {
    font-size: 32px;
	font-weight: 700;	
}
.shade {
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.text-big {    
	font-weight: 700;	
}
  
/* miscellaneous */

.panel-middle {
    vertical-align: middle;
    display: inline-block;
    line-height: 1.45;
}
.bread { 
	max-width: 150px;
    margin-left: 50px;
}

/* colors*/

.lila {
  color: rgba(47,45,133,1.0);
  
}
.lila_bg {
  background: rgba(47,45,133,1.0);
    
}

.lila2 {
  color: rgba(102,87,157,1.0);
  
}
.lila2_bg {
  background: rgba(102,87,157,1.0);
    
}
.info-color {
    background-color: #879224 !important;
}
.grey-text {
    color: #9e9e9e !important;
}
.grey-dark-text {
    color: #455A64;
}

.text-green-light { color: #CDDC39; }
.text-lila-dark { color: #302d86; }
.lightgrey { background: #e1e1e1}
.dark-grey-color    { background: #455A64; }
.default-grey-color { background: #607D8B; }
.light-primary-color   { background: #CFD8DC; }
.text-primary-color    { color: #FFFFFF; }
.green-light-color   { background: #CDDC39; }
.green-dark-color   { background: #879224; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; }

hr.style-one {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.ref-title {
	font-size: 2.0rem;
	color: #302d86;
}

.btn-outline-info {
    color: #607D8B;
    background-color: transparent;
    background-image: none;
    border-color: #607D8B;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #607D8B;
    border-color: #607D8B;

}
.btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #607D8B;
    border-color: #607D8B;
}

#new-work {
	z-index:99999
}         

/* image_top*/
.site-blocks-cover, .site-blocks-cover .row {
	min-height: 300px;
	height: calc(50vh);
}
.site-blocks-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	background-position: center center;
}

.site-blocks-cover.overlay {
	position: relative;
}

.site-blocks-cover.overlay:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background: transparent;
}

.site-blocks-cover .player {
	position: absolute;
	bottom: -250px;
	width: 100%;
}

.site-blocks-cover, .site-blocks-cover .row {
	min-height: 300px;
	height: calc(50vh);
}

.site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover .row {
	min-height: 600px;
	height: calc(30vh);
}

.site-blocks-cover h1 {
	font-size: 4rem;
	font-weight: 900;
	
}
.small5 {font-size: 1.00rem; }

@media (max-width: 991.98px) {
	.site-blocks-cover h1 {
		font-size: 2rem;
	}
	.site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover .row {
	min-height: 300px;
	height: calc(30vh);
}
}

/*---------------------------------------------------------------------------
 img
----------------------------------------------------------------------------*/
.title-welcome {
	display:block;
	background: rgba(102,87,157,0.5);
	padding: 10px;
}

.full-img {   
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
	width: 100%;
	min-height: 300px;
	height: calc(50vh - 50px);
}
.full-img-big {   
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
	width: 100%;
	min-height: 400px;
	height: calc(50vh);
}


.bg1 {
    background-image: url(../images/kuwert_logo_1.jpg);
    
}
.bg2 {
    background-image: url(../images/sybille_kuwert-1.jpg);
    
}
.bg3 {
    background-image: url(../images/kuwert_friends-references.jpg);
    
}
.bg4 {
    background-image: url(../images/kuwert_friends-2.jpg);
    
}
.kf4 {
    background-image: url(../images/kuwert_friends-4.jpg);
    
}
.bg5 {
    background-image: url(../images/kuwert_friends-3.jpg);
    
}

.bg6 {
    background-image: url(../images/new-work3.jpg);
    
}
.bg7 {
    background-image: url(../images/kuwert-img.jpg);
    
}
.nw1 {
    background-image: url(../images/new-work.jpg);
    
}

.bg-h1 {
    background-image: url(../images/sybille_kuwert-2.jpg);
    
}
.bg-h2 {
    background-image: url(../images/kuwert-2.jpg);
    
}
.bg-h3 {
    background-image: url(../images/kuwert-Alfoneh_Ala.jpg);
    
}
.bg8 {
    background-image: url(../images/new-work2.jpg);
    
}
.bc2 {
    background-image: url(../images/kuwert_friends-flower.jpg);
    
}
.bc3 {
    background-image: url(../images/sybille_kuwert-team.jpg);
    
}
.bc4 {
    background-image: url(../images/Isabella_Weidele.jpg);
    
}
.bc5 {
    background-image: url(../images/kuwert_friends-breads.jpg);
    
}
.blog1 {
    background-image: url(../images/burger.jpg);
    
}
.blog2 {
    background-image: url(../images/smilies-feedback.jpg);
    
}
.blog3 {
    background-image: url(../images/change.jpg);
    
}




/*---------------------------------------------------------------------------
Navbar
----------------------------------------------------------------------------*/
.nav-item img {
    max-width:150px;
	margin-left: -100px;
	display:block;
}

.navbar-brand img {
    max-width:150px;
	display:none;
}

@media (max-width: 991.98px) {
.nav-item img {  
	display:none;
} 

.navbar-brand img {
    max-width:120px;
	display:block;
}
	}
	

	
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .8rem;
    padding-left: .8rem;

}
/*---------------------------------------------------------------------------
title 
----------------------------------------------------------------------------*/

.border-primary.text-center::after {

    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

}
.border-primary::after {

    position: absolute;
    content: "";
    bottom: 0;
    width: 80px;
    height: 3px;
    background: #f89d13;

}	
/*---------------------------------------------------------------------------
text 
----------------------------------------------------------------------------*/

.text-lg {
	line-height: 1.5;		
	font-size: 22px;	
}
.text-m {	
	font-size: 18px;	
}
.more {
	font-size: 14px;
	color: #CDDC39!important;
	opacity:1;
	margin-bottom: 20px;
	display: block;
	
}
.more:hover {
	opacity:0.5;
	
}

.more2 {
	font-size: 14px;
	color: #77857D!important;
	opacity:1;
	margin-bottom: 20px;
	display: block;
	
}
.more2:hover {
	opacity:0.5;
	
}
.more3 {
	font-size: 14px;
	color: #fdfdfd!important;
	opacity:1;
	margin-bottom: 20px;
	display: block;
	
}
.more3:hover {
	opacity:0.5;
	
}
.moreImg {
	height:20px;
}
.moreImg30 {
	height:30px;
	margin-right:5px;
	margin-left:5px;
}
}

.right-side {
    display: block;
    text-align: right;
	font-size: 14px;
	color: #77857D!important;
	opacity:1;
	margin-right:50px;
}
.right-side:hover {
	opacity:0.5;
	
}

.newY {
	font-weight: 700;
}
	
#section-3 ul li{
	text-indent: -1.9em;
	margin-bottom: 2px;
}
#section-2 ul li{
	text-indent: -1.9em;
	margin-bottom: 5px;
}
	
 .panel-text-right {
    text-align: right;
	}
	
.panel-text-left {
    text-align: left;
	}

@media only screen and (min-width:1px) and (max-width:768px) {
.panel-text-right {
    text-align: center;
	}
	
.panel-text-left {
    text-align: center;
	}
}
/*---------------------------------------------------------------------------
sections 
----------------------------------------------------------------------------*/
#about a {

    color: #fff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;

}
#about a:hover {
    color: #CDDC39;;
    text-decoration: underline;

}
#new-work, #about {margin-top: -20px;}


.carousel-inner {
    min-height: 550px;
}
/*---------------------------------------------------------------------------
border
----------------------------------------------------------------------------*/

.features {

    color: gray;
    padding: 10px 0px;

}
.bordery h4 {
    color: #fdfdfd;
	padding:5px;
	background: #77857D;
	font-size: 1.5rem;
}
.bordery h3 {
    color: #fdfdfd;
	padding:5px;
	background: #455A64;
	font-size: 1.5rem;
}
.bordery {
    border-right: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
    padding: 20px;
    position: relative;
}

.bordery::after {
    background-color: #f8f9fa;
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
}

.bordery::after {
    bottom: -1px;
    right: -1px;
}

.bordery::before {
    top: -1px;
    left: -1px;
}

@media only screen and (min-width:1501px) {
  
	.bordery h4 {    
	 font-size: 1.5rem;
}
.bordery h3 {    
	 font-size: 1.5rem;
}

 }
@media only screen and (min-width:769px) and (max-width:1500px) {
  
	.bordery h4 {    
	 font-size: 1.0rem;
}
.bordery h3 {    
	 font-size: 1.0rem;
}

 }

@media only screen and (min-width:1px) and (max-width: 786px) {    

    .bordery {
        border-right: 0px solid gainsboro;
        border-bottom: 0px solid gainsboro;
        padding: 20px;
        position: relative;
    }
	.bordery h4 {    
	 font-size: 1.2rem;
}
.bordery h3 {    
	 font-size: 1.2rem;
}

 }
 
 /*---------------------------------------------------------------------------
border
----------------------------------------------------------------------------*/
  .bord li {
	 list-style: none; 
    
}
 
 .bord {
    border-right: 1px solid #6F8F9F;
    border-bottom: 0px solid #6F8F9F;
    padding: 0px 20px 50px 20px;
    position: relative;
}

.bord::after {
    background-color: #CFD8DC;
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
}

.bord::after {
    bottom: -1px;
    right: -1px;
}

.bord::before {
    top: -1px;
    left: -1px;
}
@media (max-width: 786px) {    

    .bord {
        border-right: 0px solid #6F8F9F;
        border-bottom: 0px solid #6F8F9F;
        padding: 0px 20px 30px 20px;
        position: relative;
    }

 }
 
 /* Blockquote  */
 .blockquote-wrapper {
   display: flex;   
   padding: 0 20px;
}

/* Blockquote main style */
.blockquote1 {
    position: relative;
    font-family: 'Lato', sans-serif;
    max-width: 620px;
    margin: 80px auto;
    align-self: center;
}

/* Blockquote header */
.blockquote1 h1 {
    font-family: 'Abril Fatface', cursive;
    position: relative; /* for pseudos */
    color: #CDDC39;
    font-size: 2.0rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    border: 2px solid #fff;
    border: solid 2px;
    border-radius:20px;
    padding: 25px;
}

/* Blockquote right double quotes */
.blockquote1 h1:after {
    content:"";
    position: absolute;
    border: 2px solid #CDDC39;
    border-radius: 0 50px 0 0;
    width: 60px;
    height: 60px;
    bottom: -60px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3; 
}

.blockquote1 h1:before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #607D8B;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}

/* increase header size after 600px */
@media all and (min-width: 668px) {
    .blockquote1 h1 {
        font-size: 2.5rem;
        line-height: 1.2;
   }

}

/* Blockquote subheader */
.blockquote1 h4 {
    position: relative;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left:150px;
    padding-left:12px;
}

 
.blockquote1 h4:first-letter {
  margin-left:-12px;
}



 /* center the blockquote in the page */
.blockquote2-wrapper {
   display: flex;   
   padding: 0 20px;
}

/* Blockquote main style */
.blockquote2 {
    position: relative;
    font-family: 'Lato';
    font-weight: 700;    
    padding: 30px 0;
    width: 100%;
    max-width: 600px;
    z-index: 1;
    margin: 40px 10px;
    align-self: center;
    border-top: solid 0px;
    border-bottom: solid 1px;
}

/* Blockquote header */

.blockquote2 p {
    position: relative;    
    font-size: 18px;
    font-weight: 400;    
    margin: 0;
}

.blockquote2 h1 {
    position: relative;    
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    margin: 0;
}

/* Blockquote right double quotes */
.blockquote2:after {
    position: absolute;
    content: "”";  	
    font-size: 5rem;
    line-height: 0;
    bottom: 5px;
    right: 30px;
}

/* increase header size after 600px */
@media all and (min-width: 600px) {
    .blockquote2 h1 {
        font-size: 20px;
   }

}

/* Blockquote subheader */
.blockquote2 h4 {
    position: relative;
   color: rgba(255, 255, 255, 0.5);
    font-size: 1.0rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-top: 20px;
    z-index: 1;
}
.blockquote2 h3 {
    position: relative;
	color: #999;
    font-size: 1.0rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-top: 20px;
    z-index: 1;
}




.blockquote3 {
   color: rgba(96, 125, 139, 0.6);
   font-family: 'Abril Fatface', cursive;
   font-size: 2.0rem;
   
}
.blockquote3 h1 {
   font-size: 4rem;
}
.blockquote3 p {
   font-style: italic;
   margin-bottom: 0;
}

.blockquote3 p::before,
.blockquote3 p::after {
   content: "“";
   font-family: 'Abril Fatface', cursive;
   font-size: 8rem;
   margin: -2rem 0 0 -4rem;
   position: absolute;
   opacity: 0.5;
}

.blockquote3 p::after {
   content: "”";
   margin: -1rem -4rem 0 0;
}

.blockquote3 cite {
   font-size: 1.5rem;
}

#blo::before {
   content: "&";
   font-size: 50vh;
   color: rgba(0, 0, 0, 0.1);
   position: absolute;
   top: -15vh;
}

#blo {
   height: 50vh;
   overflow: hidden;
     display: flex;
   align-items: center;
}


/* Blockquote main style */
.blockquote4 {
    position: relative;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #ffffff;
    padding: 30px 0;
    width: 100%;
    max-width: 500px;
    z-index: 1;
    margin: 60px auto;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
}

/* Blockquote header */
.blockquote4 h1 {
    position: relative;
    color: rgba(96, 125, 139, 0.8);
    font-size: 18px;
    font-weight: 400;    
    margin: 0;
}

/* Blockquote right double quotes */
.blockquote4:after {
    position: absolute;
    content: "”";
    color: rgba(255, 255, 255, 1);
    font-size: 10rem;
    line-height: 0;
    bottom: -43px;
    right: 30px;
}

/* increase header size after 600px */
@media all and (min-width: 600px) {
    .blockquote4 h1 {
        font-size: 18px;
   }

}

/* Blockquote subheader */
.blockquote4 h4 {
    position: relative;
    color: rgba(96, 125, 139, 0.6);
    font-size: 1.0rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    padding-top: 20px;
    z-index: 1;
}
 
 

/* Blockquote main style */
.blockquote5 {
    position: relative;
    font-family: 'Lato', sans-serif;
    max-width: 620px;
    margin: 80px auto;
    align-self: center;
}

/* Blockquote header */
.blockquote5 h1 {
    font-family: 'Abril Fatface', cursive;
    position: relative; /* for pseudos */
    color: #CDDC39;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    border: 2px solid #fff;
    border: solid 2px;
    border-radius:20px;
    padding: 25px;
}

/* Blockquote right double quotes */
.blockquote5 h1:after {
    content:"";
    position: absolute;
    border: 2px solid #CDDC39;
    border-radius: 0 50px 0 0;
    width: 60px;
    height: 60px;
    bottom: -60px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3; 
}

.blockquote5 h1:before {
    content:"";
    position: absolute;
    width: 80px;
    border: 6px solid #607D8B;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}

/* increase header size after 600px */
@media all and (min-width: 668px) {
    .blockquote5 h1 {
        font-size: 2rem;
        line-height: 1.2;
   }

}

/* Blockquote subheader */
.blockquote5 h4 {
    position: relative;
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding-top: 15px;
    z-index: 1;
    margin-left:150px;
    padding-left:12px;
}

 
.blockquote5 h4:first-letter {
  margin-left:-12px;
}

 /*======================================
=            box           =
======================================*/
.box {
	padding: 2%;
	background-color: rgba(255,255,255,0.25);
	transition: box-shadow .3s;	
	border-radius:10px;
	border: 1px solid #ccc;

}
.box:hover {
	box-shadow: 0 0 11px rgba(33,33,33,.2); 
} 




 
/*======================================
=            Special Dishes            =
======================================*/
#special-dishes .special-number {
  position: relative;
  font-size: 60px; }
  #special-dishes .special-number:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 90px;
    width: 200px;
    height: 1px;
    background: #000; }

#special-dishes h3 span {
  color: #f34949; }

.dishes-text {
  padding-left: 90px; }
  
  
.section-padding {
    padding-top: 65px;
    padding-bottom: 65px; }
	
	
  @media (min-width: 992px) {
.section-padding {
      padding-top: 130px;
      padding-bottom: 130px; } }



/*---------------------------------------------------------------------------
footer
----------------------------------------------------------------------------*/

footer {
    background-color: #ededed;
    color: #212121;
    padding-top: 30px;
}
footer .logo {
    max-width:250px;
	width:100%
}

footer .footer-copyright {
    background-color: #333333;
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
	border-top: solid 4px #CDDC39;
}

footer .row {
    margin-bottom: 60px;
}

footer .navbar-brand {
    margin-top: 45px;
    height: 65px;
}

footer .footer-copyright p {
    margin: 10px;
    color: #ccc;
}

footer ul {
    list-style-type: none;
    padding-left: 0;
    line-height: 1.7;
}

footer h5 {
    font-size: 18px;
    color: #212121;
    font-weight: bold;
    margin-top: 30px;
}
footer strong {    
    color: #879224;

}

footer h2 a{
    font-size: 50px;
    text-align: center;
    color: #212121;
}

footer a {
    color: #212121;
    text-decoration: none;
	opacity:1;
}

footer a:hover,
footer a:focus {
    text-decoration: none;
    opacity:0.8;
}
footer .active {
    font-weight: 600;
}

footer .social-networks {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 16px;
}

footer .social-networks a {
    font-size: 32px;
    color: #212121;
    padding: 10px;
    transition: 0.2s;
}

footer .social-networks a:hover {
    text-decoration: none;
}

footer .facebook:hover {
    color: #0077e2;
}

footer .google:hover {
    color: #ef1a1a;
}

footer .twitter:hover {
    color: #00aced;
}

footer .btn {
    color: white;
    background-color: #d84b6b;
    border-radius: 20px;
    border: none;
    width: 150px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    line-height: 25px;
}

@media screen and (max-width: 991.98px) {
    footer {
        text-align: center;
    }
}
/*---------------------------------------------------------------------------
about us
----------------------------------------------------------------------------*/
.white {

    background-color: white;
    padding: 80px 0px;

}
.js .animate-box {

    opacity: 0;

}
.fadeInUp {

    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;

}
.animated-fast {

    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

}
.heading {
    color: #24b540;
    font-weight: bold;
    text-align: center;

}
#quote-carousel h3 {
    font-size: 1.25rem;
	color: #455A64;
}

.text-org h4{    
	font-size: 1.75rem;
	color: #455A64;
}
.text-org h4 span{    
	font-size: 1.25rem;
	color:#6F8F9F;
}


#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}

#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
}

#quote-carousel .carousel-indicators li {
    width: 60px;
    height: 60px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.3;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}

#quote-carousel .carousel-indicators .active {
    width: 128px;
    height: 128px;
    opacity: 1;
    transition: all .2s;
}
@media screen and (max-width: 991.98px) {
    #quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}

#quote-carousel .carousel-indicators .active {
    width: 70px;
    height: 70px;
    opacity: 1;
    transition: all .2s;
}
}
.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'icomoon';
    float: left;
    margin-right: 10px;
    color: #f47d23;
}

.item blockquote p:after {
    content: "\f10e";
    font-family: 'icomoon';
    float: right;
    margin-right: 10px;
    margin-bottom: 15px;
    color: #f47d23;
}
.blockdis { 
display:block;
} 

.slide-color {
    background-color: #1a2634;
    color: white;    
    padding: 20px;
    margin-bottom: 0px;
}

.down-ar {
    font-size: 80px !important;
    color: #1a2634;
    line-height: 0 !important;
    margin-top: 8px;
    text-align: center;
}

.text-dark {
    color: #1a2634;
}

.who-list1 li, .who-list2 li, .who-list3 li {
	  list-style: none;
	  display: list-item;
	  margin-left: 0px;
	  margin-bottom: 8px;
	  line-height:1.3;
}
@media (max-width: 786px) {    

   .who-list1 li, .who-list2 li, .who-list3 li {
    list-style: none;
	  display: list-item;
	  margin-left: 0px;
	  margin-bottom: 5px;
}

 }

/*-- 
.who-list1 li:before {
    content: "";
	 border: 3px #ddd solid !important; 
	  border-radius: 50px;
	  margin-top: 10px;
	  margin-left: -20px;
	  position: absolute;
}
.who-list2 li:before {
    content: "";
	  border: 3px #ddd solid !important;
	  border-radius: 50px;
	  margin-top: 10px;
	  margin-left: -20px;
	  position: absolute;
}
*/
.who-list3 li:before {
    content: "";
	  border: 3px #ddd solid !important;
	  border-radius: 50px;
	  margin-top: 10px;
	  margin-left: -20px;
	  position: absolute;
}
#modalForm {
	z-index: 99999;
}
#theburger {
	z-index: 99999;
}

.modal-dialog {
    max-width: 100%;
    margin: 1.75rem auto;
}


.modal-header {    
    border-bottom: 1px solid #879224;    
}

.modal-full {
    min-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
}  
.modal.left .modal-dialog {
	position: fixed;
	margin: auto;
	width: 80%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body {
	padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog {
	left: -80%;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
	left: 0;
}

.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 80%;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.right .modal-body {
	padding: 15px 15px 80px;
}

.modal.right.fade .modal-dialog {
	right: -80%;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}


#modalForm .modal-dialog { 
	width:95% }

#modalLinks .modal-dialog { 
	width:95% 
	
	}

@media (min-width: 1200px) {
  .modal-full {
    min-width: 80%;
    margin: 0;
	
}
#modalForm .modal-dialog { 
	width:55% }
	
#modalLinks .modal-dialog { 
	width:85% 
	}

 }
 @media (min-width: 1900px) {    
  .modal-full {
    min-width: 60%;
    margin: 0;
}
#modalLinks .modal-dialog { 
	width:50% 
	}

#modalForm .modal-dialog { 
	width:50% }
 }