
                
                
                
                
                
                
                
              
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
                
body{
	font-family: 'Montserrat', sans-serif;
	color:#393b3a;
	background-color: #f9f9f9;
	overflow-x: hidden;
}

a{
	transition: 0.5s;
}

a:hover{
	text-decoration: none;
}

@media(min-width: 1650px){

	.container{
		max-width: 1480px;
	}

}

.container{
	padding:0;
}




header{
	background-color: #292929;
	display:flex;
	flex-direction: row;
	width:100%;
	max-width: 100%;
	position:relative;
	height:170px;
}


header .menu-items{
	margin-left:auto;
	text-align:center;
	vertical-align: middle;
	font-size:14px;
	text-transform: uppercase;
	display:flex;
	flex-direction: row;
	align-items: center;

}


header .menu-items a{
	color:#fff;
	vertical-align: middle;
	display:inline-block;
	margin-right:25px;
	font-weight: 700;
}

header .menu-items a:hover{
	color: #d97719;
}


header .menu-items .menu a:hover .img{
	border-color: #fff;
}


header .menu-items .menu a:hover .img .circle{
	background-color: #d97719;
}


header .menu-items .menu a:hover .img .circle img{
	filter: brightness(0) invert(1);
}

header .menu-items .menu {
    margin-right: 75px;
    display: flex;
    flex-direction: row;
    align-items: center;
}


header .menu-items .menu a{
	font-size:14px;
	position:relative;
	display:flex;
	flex-direction: column;
	align-items: center;
}


header .menu-items .menu a .img{
	width: 86px;
	height: 86px;
	background-color: transparent;
	border:3px solid #da781b;
	border-radius: 60%;
	margin-bottom:10px;
	padding:6px;
	position: relative;
	transition: 0.5s;
}


header .menu-items .menu a .img .circle{
	display:block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 60%;
	position: relative;
	transition: 0.5s;
}


header .menu-items .menu a .img .circle img{
	position: absolute;
	top:50%;
	left:50%;
	bottom:0;
	right: 0;
	transform: translate(-50%,-50%);
	transition: 0.5s;
}


header .menu-items .menu a:nth-child(2) .img .circle img{
	transform: translate(-73%,-68%);
}


header .menu-items .menu a:nth-child(4) .img .circle img{
	transform: translate(-42%,-63%);
}


header .menu-items .menu a:last-child{
	margin-right:0px;
}


header .menu-items .icons{
	margin-right:40px;
	position: relative;
}

header .menu-items .icons >img{
	max-width: 100%;
}


header .menu-items .icons .icons-box{
	width: 85px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-35%);
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;

}


header .menu-items .icons .icons-box a span i{
	color:#d97719;
	font-size: 30px;
	transition: 0.5s;
}


header .menu-items .icons a{
	font-size:29px;
	margin-right:5px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	margin-bottom:5px;

}

header .menu-items .icons a:nth-child(2n){
	margin-right: 0;
}


header .menu-items .icons a:nth-last-child(-n+2){
	margin-bottom: 0;

}

header .menu-items .icons a span{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}






header .menu-items .icons a:last-child{
	margin-right:0px;
}


header .menu-items .icons a:hover{
	background-color: #d97719
}

header .menu-items .icons .icons-box a:hover span i{
	color: #fff;
}


header .logo img{
	max-width: 100%;
}

header .mobile-menu-icon {
    background-color: #d97719;
    cursor: pointer;
    width: 90px;
    position: relative;
}

header .mobile-menu-icon i{
	color:#383a39;
	font-size:22px;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}


header .slogan{
	align-items: center;
    display: flex;
    font-weight:300;
    font-style: italic;
    font-size:24px;
    margin-left:40px;
}



header .logo{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	}



/* menu-1 */


header#menu-1 .logo{
	margin-left:70px;
	display:flex;
	position:static;
	align-items: center;
	transform: translate(0%,0%);
}



@media(max-width:1499px){

	header .logo a{
		width: 80%;
	}


	header .menu-items .menu a {
	    font-size: 13px;
	    margin-right: 20px;
	}


	header .menu-items .menu a .img {
	    width: 70px;
	    height: 70px;
	    padding: 5px;

	}


	header .menu-items .menu {
	    margin-right: 30px;
	}

	header .menu-items .menu a .img .circle img{
		transform: translate(-50%,-50%) scale(0.8);
	}


	header .menu-items .menu a:nth-child(2) .img .circle img {
	    transform: translate(-73%,-68%) scale(0.8);
	}

	header .menu-items .menu a:nth-child(4) .img .circle img {
	    transform: translate(-42%,-63%) scale(0.8);
	}


	header .menu-items .icons .icons-box a span i {
	    font-size: 25px;
	}


	header .menu-items .icons a {
	    margin-right: 5px;
	    width: 35px;
	    height: 35px;
	    border-radius: 8px;
	    margin-bottom: 5px;


	}

	header .menu-items .icons >img{
		width: 90%;
	}


	header .menu-items .icons .icons-box{
		width: 76px;
	}

	header .menu-items .icons {
	    margin-right: 20px;
	    position: relative;
	}



	header {
	    height: 145px;
	}


}


@media(max-width:1199px){


	header .menu-items .menu a .img {
	    width: 50px;
	    height: 50px;
	    padding: 3px;
	    margin-bottom:4px;
	}



	header .menu-items .menu a.active:after {
 
	    height: 3px;
	    margin-top: 64%;
 
	}

	header {
		height:120px;
	}

header .menu-items .icons{
	margin-right:30px;
}

header .menu-items .icons a{
	font-size:17px;
	margin-right:25px;
}

header .logo img{
	max-width: 80%;
	margin-top:13px;
	margin-bottom:13px;

}



header .menu-items a{
	margin-right:25px;
}

header .menu-items .menu a {
	font-size: 11px;
	margin-right: 10px;
}

header .menu-items .menu{
	margin-right:0px;
}


header .menu-items .menu a .img .circle img {
    transform: translate(-50%,-50%) scale(0.5);
}

header .menu-items .menu a:nth-child(2) .img .circle img {
    transform: translate(-61%,-56%) scale(0.5);
}


header .menu-items .menu a:nth-child(4) .img .circle img {
    transform: translate(-47%,-56%) scale(0.5);
}


header .menu-items .icons >img {
    width: 70%;
}



header .menu-items .icons {
    margin-right: 10px;
}


header .menu-items .icons a {
    margin-right: 5px;
    width: 25px;
    height: 25px;
    border-radius: 8px;
    margin-bottom: 5px;
}


header .menu-items .icons .icons-box a span i {
    font-size: 20px;
}

header .menu-items .icons .icons-box {
    width: 57px;
}



header#menu-1 .logo {
    margin-left: 30px;
}

header .logo a {
    width: 100%;
}

header#menu-1 .logo{
	width: 30%;
}


}


@media(max-width: 991px){


	header {
	    height: 100px;
	}

	header .menu-items .icons{
		display:none;
	}

	header .menu-items .menu {
	    margin-right: 20px;
	}


	header .logo img {
	   	max-width: 100%;
	    width: 210px;
	    margin-top: 13px;
	    margin-bottom: 13px;
	}


	header#menu-1 .logo {
	    margin-left: 20px;
	}


}

@media(min-width: 768px){
	header .mobile-menu-icon{
		display:none;
	}

	.menu-items-dropdown-mobile{
		display:none;
	}
} 




@media(max-width: 767px){

	header .menu-items .menu{
		display:none;
	}




	header .menu-items .icons a {
    font-size: 18px;
    margin-right: 20px;
	}

	header .mobile-menu-icon {
    width: 70px;
	}

	header{
		height: 80px;
	}



	.menu-items-dropdown-mobile{
		margin-left: auto;
	    text-align: center;
	    vertical-align: middle;
	    font-size: 14px;
	    text-transform: uppercase;
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    background-color: #292a29;
	    width: 265px;
	    flex-wrap: wrap;
		position: absolute;
		border:2px solid #d97719;
		z-index: 99;
		right: 0px;
		top:80px;
		display:none;
	}


	.menu-items-dropdown-mobile .menu {
	    display: flex;
	    flex-direction: row;
	    align-items: center;
	    width: 100%;
	    flex-wrap: wrap;
	    padding-top:15px;
	    padding-bottom:15px;
	}


	.menu-items-dropdown-mobile .menu a {
	    font-size: 11px;
	    margin-right: 10px;
	    color:#fff;
	    font-weight: 600;
	    display:flex;
	    flex-direction: column;
	    align-items: center;
	    width: 80px;
	    margin-bottom:10px;
	}


	.menu-items-dropdown-mobile .menu a:hover{
		color:#d97719;
	}


	.menu-items-dropdown-mobile .menu a:hover .img{
		border-color: #fff;
	}

	.menu-items-dropdown-mobile .menu a:hover .img .circle{
		background-color: #d97719;
	}

	.menu-items-dropdown-mobile .menu a:hover .img .circle img{
		filter: brightness(0) invert(1);
	}

	.menu-items-dropdown-mobile .menu a:nth-child(3n){
		margin-right: 0;
	}

	.menu-items-dropdown-mobile .menu a:nth-last-child(-n+3){
		margin-bottom:0;
	}


	.menu-items-dropdown-mobile .menu a .img {
	    width: 50px;
	    height: 50px;
	    padding: 3px;
	    margin-bottom: 4px;
	    position: relative;
	    border:2px solid #d97719;
	    border-radius: 60%;
	    transition: 0.5s;
	}

	.menu-items-dropdown-mobile .menu a .img .circle {
	    display: block;
	    width: 100%;
	    height: 100%;
	    background-color: #fff;
	    border-radius: 60%;
	    position: relative;
	    transition: 0.5s;
	}


	.menu-items-dropdown-mobile .menu a .img .circle img {
		top:50%;
		left:50%;
		position: absolute;
	    transform: translate(-50%,-50%) scale(0.5);
	    transition: 0.3s;
	}


	.menu-items-dropdown-mobile .menu a:nth-child(2) .img .circle img {
	    transform: translate(-61%,-56%) scale(0.5);
	}

	.menu-items-dropdown-mobile .menu a:nth-child(4) .img .circle img {
	    transform: translate(-47%,-56%) scale(0.5);
	}



}



@media(max-width: 499px){

	header {
	    height: 70px;
	}

	header .mobile-menu-icon {
	    width: 55px;
	}


	.menu-items-dropdown-mobile {
	    top: 70px;
	}


	header#menu-1 .logo {
	    width: 160px;
	}




}






/* slider */

.carousel-indicators li{

	border-radius: 50%;
	width:1.1vw;
	height:1.1vw;
	color:#eff0ea;
}

.carousel-control-next, .carousel-control-prev{
	height: 5.21vw;
    width: 5.21vw;
    top: 50%;
    transform: translate(0px, -50%);
    background-color: #da781b;
    opacity: 1;
    color: #fff;
    /* display: none; */
}


.carousel-control-next i, .carousel-control-prev i{
	font-size:2.5vw;
}

.carousel .carousel-item .text{
	position:absolute;
	width:85%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	max-width:85%;
	top:100%;
	left:50%;
	transform: translate(-50%,-15%);
	font-weight: 900;
	text-transform: uppercase;
	font-size: 4.3vw;
	color:#fff;
	transition: 1.5s;
}


/* banner animacio */


.carousel{
	overflow: hidden;
}

.carousel .carousel-item .text.show{
	
	top:50%;
}



.carousel .carousel-item .buttons{

	position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;

}


.carousel .carousel-item .buttons a{
	display:block;
	/*width: 225px; */
	/*height: 59px; */
	/*border-radius: 10px; */
	/*border-width: 4px; */
	/*font-size:21px; */
	width: 11.72vw;
	height: 3.09vw;
	transition: 0.5s;
	border-width: 0.21vw;
	border-radius: 0.5vw;
	border-style: solid;
	font-size: 1.1vw;
	font-weight: 700;
	display:flex;
	flex-direction: row;
	align-items: center;
	text-transform: uppercase;
	margin-left: 5px;
	margin-right: 5px;
}


.carousel .carousel-item .buttons a span{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}



.carousel .carousel-item .buttons a:nth-child(1){
	background-color: #da781b;
	border-color: #fff;
	color:#fff;
	
}


.carousel .carousel-item .buttons a:nth-child(1):hover{
	border-color: #da781b;
	background-color: #fff;
	color: #da781b;
}

.carousel .carousel-item .buttons a:nth-child(2){
	background-color: #fff;
	border-color: #da781b;
	color:#282828;
}


.carousel .carousel-item .buttons a:nth-child(2):hover{
	background-color: #282828;
	border-color: #fff; 
	color:#da781b;
}




.carousel dl, .carousel ol, .carousel ul {
    margin-top: 0;
    margin-bottom: 2.5vw;
    display:none;
}

.slider-bottom-text{
	width: 100%;
	border-top:3px solid #8e5621;
	background-color: #da781b;
	color:#fff;
	font-weight: 600;
	font-size: 18px;
	text-align: center;
	padding-top: 15px;
	padding-bottom:15px;
	margin-bottom:0;
	line-height:1.4;
}

.slider-bottom-text > span{
	width: 950px;
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}


.slider-bottom-text h1{
	margin:0;
	font-size: 100%;
	padding:0;
	font-weight: 600;
}



@media(max-width: 1499px){

	.slider-bottom-text {
	    border-top: 3px solid #8e5621;
	    font-size: 16px;
	    padding-top: 15px;
	    padding-bottom: 15px;
	}


}


@media(max-width: 1199px){

	.slider-bottom-text {
	    border-top: 2px solid #8e5621;
	    font-size: 14px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}


}



@media(max-width: 991px) {

	.slider-bottom-text {
	    border-top: 1px solid #8e5621;
	    font-size: 13px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	}


}

@media(max-width: 767px){

	.slider-bottom-text {
	    border-top: 1px solid #8e5621;
	    font-size: 12px;
	    padding-bottom: 5px;
	    padding-top: 5px;
	    padding-left: 3%;
	    padding-right: 3%;
	}


	.carousel .carousel-item .buttons{
		top: 77%;
	}


	.carousel .carousel-item .buttons a{
		width: 14.72vw;
    	height: 4.00vw;
    	border-width: 0.3vw;
    	border-radius: 0.8vw;
    	font-size: 1.5vw;
	}



}



@media(max-width: 499px){

	.slider-bottom-text {
	    border-top: 1px solid #8e5621;
	    font-size: 10px;
	    padding-bottom: 5px;
	    padding-top: 5px;
	    padding-left: 2%;
	    padding-right: 2%;
	}


	.carousel .carousel-item .buttons a {
	    width: 17.72vw;
	    height: 5.4vw;
	    border-width: 0.4vw;
	    border-radius: 0.9vw;
	    font-size: 2vw;
	}


}




/* text-box */

.text-box{
	width:100%;
	padding-top:3.65vw;
	padding-bottom:3.65vw;
	background-color: #f5f5f5;
}


.text-box .container{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	position:relative;
	align-items:center;

}

.text-box .container .img{
	max-width: 100%;
	width:43%;
	display:flex;
	align-items: center;
}



.text-box .container .img .img-frame{
	width: 100%;
	text-align: center;
	display:flex;
	flex-direction: column;
	align-items: center;

}

.text-box .container .img .img-frame img{
	max-width: 100%;
	border:0px solid #d97719 !important;
	border-radius: 60%;
}



.text-box .container .texts{
	max-width: 100%;
	width:53%;
	
	margin-right:auto;
	color:#383a39;
	margin-left:3%;
}


.text-box .container .texts .title{
	font-size:40px;
	margin-bottom:30px;
	font-weight: 900;

}

.text-box .container .texts .content p{
	text-align: left;
	font-size:18px;
	font-weight: 600;
	margin-bottom:27px;

}


.text-box .container .texts .content .icons{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	font-weight: 700;
	font-size: 23px;

}


.text-box .container .texts .content .icons .icon{
	display:flex;
	flex-direction: row;
	align-items: center;
	margin-right: auto;
}


.text-box .container .texts .content .icons .icon img{
	margin-right: 5px;
}


.text-box .container .texts .content .icons .icon:last-child{
	margin-right:0;
}



.text-box .container .texts a{
	color:#da781b;
	text-transform: uppercase;
	font-weight: 700;
	font-size:23px;
	padding:10px;
	padding-left:13px;
	padding-right:13px;
	margin-top:30px;
	background-color: transparent;
	border:2px solid #da781b;
	border-radius: 10px;
	display: block;
    width: fit-content;
    margin-left: auto;
    display: table;

}


.text-box .container .texts a:hover{
	background-color: #d97719;
	color: #f5f5f5;
}





@media(max-width: 1649px){


	.text-box .container .texts .content .icons{
		font-size: 19px;
	}

	.text-box .container .texts .content .icons .icon img{
		width: 18%;
	}

}


@media(max-width: 1499px ){

	.text-box .container .img {
	    max-width: 100%;
	    width: 35%;
	}

	.text-box .container .img .img-frame img{
		width: 333px;
		height: 333px;
	}


	.text-box .container .texts .title {
	    font-size: 35px;
	    margin-bottom: 20px;
	 }

	 .text-box .container .texts .content p {
	    text-align: left;
	    font-size: 16px;
	    font-weight: 600;
	    margin-bottom: 23px;
	}


	.text-box .container .texts a {
	    font-size: 20px;
	    padding: 7px;
	    padding-left: 10px;
	    padding-right: 10px;
	    margin-top: 25px;
	    border: 2px solid #da781b;
	    border-radius: 8px;
	}




}



@media(max-width: 1199px ){


	.text-box .container .img .img-frame img {
	    width: 280px;
	    height: 280px;
	    border-width: 4px;
	}



	.text-box .container .texts .title {
	    font-size: 30px;
	    margin-bottom: 10px;
	}



	.text-box .container .texts .content p {
	    font-size: 14px;
	    margin-bottom: 11px;
	}


	.text-box .container .texts a {
	    padding: 10px;
	    padding-left: 30px;
	    padding-right: 30px;
	    font-size: 14px;
	}

	.text-box .container .texts .content .icons .icon img {
	    width: 13%;
	}

	.text-box .container .texts .content .icons {
	    font-size: 16px;
	}

}




@media(max-width: 991px){


	.text-box .container .img .img-frame img {
	    width: 200px;
	    height: 200px;
	    border-width: 3px;
	}


	.text-box .container .img .img-frame img {
	    width: 215px;
	    height: auto;
	    border-width: 3px;
	}

	.text-box .container .texts {
	    max-width: 100%;
	    width: 62%;
	    margin-right: 0;
	    color: #383a39;
	    margin-left: auto;
	}


	.text-box .container .texts .title {
	    font-size: 25px;
	    margin-bottom: 7px;
	}


	.text-box .container .texts .content p {
	    font-size: 13px;
	    margin-bottom: 10px;
	}


	.text-box .container .texts .content .icons .icon img {
	    width: 10%;
	}

	.text-box .container .texts .content .icons {
	    font-size: 14px;
	}


	.text-box .container .texts a {
	    padding: 7px;
	    padding-left: 15px;
	    padding-right: 15px;
	    font-size: 13px;
	}


}




@media(max-width: 767px){

	.text-box .container .img .img-frame img {
	    width: 295px;
	    height: auto;
	    border-width: 6px;
	}
	

	.text-box .container{
		flex-direction: column;
		padding:0;
	}


	.text-box .container .img{
		width: 100%;
		padding-left:15px;
		padding-right:15px;
		
	}


	.text-box .container .texts{
		width: 100%;
		max-width: 100%;
		margin:0;
		padding-left:15px;
		padding-right: 15px;
	}


	.text-box .container .texts .title {
	    font-size: 35px;
	    margin-top: 15px;
	}


	.text-box .container .texts .content p {
	    font-size: 18px;
	    margin-bottom: 15px;
	}

	.text-box .container .texts a {
	    padding: 12px;
	    padding-left: 40px;
	    padding-right: 40px;
	    font-size: 16px;
	    margin-top:15px;
	}


	.text-box .container .texts .content .icons .icon img {
	    width: 18%;
	}


	.text-box .container .texts .content .icons {
	    font-size: 16px;
	}




}



@media(max-width: 499px){

	.text-box .container .img .img-frame img {
	    width: 230px;
	    height: auto;
	    border-width: 3px;
	}


	.text-box .container .texts .title {
	    font-size: 30px;
	    margin-top: 20px;
	}

	.text-box .container .texts .content p {
	    font-size: 15px;
	    margin-bottom: 15px;
	}


	.text-box .container .texts .content .icons {
	    font-size: 16px;
	    flex-direction: column;
	    margin-top:20px;
	}


	.text-box .container .texts .content .icons .icon{
		margin-left:0;
		margin-right: auto;
		margin-bottom:15px;
	}

	.text-box .container .texts .content .icons .icon:last-child {
	    margin-right: auto;
	    margin-bottom: 0;
	}

	.text-box .container .texts a {
	    padding: 8px;
	    padding-left: 25px;
	    padding-right: 25px;
	    font-size: 13px;
	    margin-top: 15px;
	    border-radius: 6px;
	}



}



@media(max-width: 399px){

	.text-box .container .img .img-frame img {
	    width: 200px;
	    height: auto;
	    border-width: 3px;
	}


	.text-box .container .texts .title {
	    font-size: 24px;
	    margin-top: 15px;
	}


	.text-box .container .texts .content p {
	    font-size: 13px;
	    margin-bottom: 10px;
	}


	.text-box .container .texts .content .icons .icon img {
	    width: 15%;
	}


	.text-box .container .texts .content .icons {
	    font-size: 14px;
	    flex-direction: column;
	    margin-top: 10px;
	}

	.text-box .container .texts .content .icons .icon {
	    margin-left: 0;
	    margin-right: auto;
	    margin-bottom: 10px;
	}

	.text-box .container .texts a {
	    padding: 5px;
	    padding-left: 15px;
	    padding-right: 15px;
	    font-size: 12px;
	    margin-top: 10px;
	    border-radius: 4px;
	}

}



/* dog-day */


.dog-day{
	width: 100%;
	background-color: #292a29;
	background-image: url("../images/dog-day-bg.png");
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: center 0%; 
	padding-bottom:45px;
}



.dog-day .title{
	font-family: 'Kristi', cursive;
	font-size: 75px;
	text-align: center;
	color:#fff;

}

.dog-day .intro{
	text-align: center;
	color:#fff;
	font-size: 22px;
	margin-top:40px;
}

.dog-day .intro > div{
	text-align: center;
	font-size: 16px;
	color: #d97719;
}



.dog-day .circles{
	position: relative;
	height: 580px;
	width:  1135px;
	margin-top: -20px;
	display: block;
	margin-left:auto;
	margin-right: auto;


}


.dog-day .circles .circle{
	width: 227px;
	height: 227px;
	padding:7px;
	background-color: #d9d9d9;
	border-radius: 60%;
	position: absolute;
	transition: 1s;
}


.dog-day .circles .circle .img{
	width: 100%;
	height: 100%;
	position:relative; 
}

.dog-day .circles .circle .img > img{
	max-width: 100%;
}


.dog-day .circles .circle .img .icon{
	position: absolute;
	top:30%;
	left:100%;
	width: 65px;
	height: 65px;
	background-color: #fff;
	border:6px solid #d97719;
	border-radius: 60%;
	transform: translate(-50%, -50%);
}


.dog-day .circles .circle .img .icon .icon-img{
	position: relative;
	width: 100%;
	height: 100%;
	display:block;

}


.dog-day .circles .circle .img .icon .icon-img img{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}



.dog-day .circles .center-icon{
	position: absolute;
	top:30px;
	left:50%;
	transform: translateX(-50%);
}

.dog-day .circles .center-icon img{
	max-width: 100%;
}



.dog-day .circles .circle:nth-child(3){
	right: 0;
	top:0;
}

.dog-day .circles .circle:nth-child(3) .img .icon{
	right: 100%;
	left:0;
	transform: translate(-50%, -50%);
}



.dog-day .circles .circle:nth-child(4){
	bottom:0;
	left:100px;
}



.dog-day .circles .circle:nth-child(4) .img .icon{
	top:0%;
	left:80%;
	transform: translate(-50%, -55%);
}


.dog-day .circles .circle:nth-child(5){
	bottom:0;
	right: 100px;
}


.dog-day .circles .circle:nth-child(5) .img .icon{
	top:0%;
	right:40%;
	left:auto;
	transform: translate(-50%, -55%);
}



.dog-day .circles .circle:after{
	display:block;
	content:"";
	position: absolute;
	width: 160px;
	height: 8px;
	background-color: #fff;
	border-radius: 10px;
	opacity: 0;
	transition: 1s;

}

.dog-day.show .circles .circle:after{
	opacity: 1;

}



.dog-day .circles .circle:nth-child(2){
	transform: translate(200%,17%);
}


.dog-day .circles .circle:nth-child(3){
	transform: translate(-200%,17%);
}

.dog-day .circles .circle:nth-child(4) {
    transform: translate(155%,-137%);
}



.dog-day .circles .circle:nth-child(5) {
    transform: translate(-155%,-137%);
}





.dog-day.show .circles .circle:nth-child(2){
	transform: translate(0,0);
}



.dog-day.show .circles .circle:nth-child(3){
	transform: translate(0,0);
}

.dog-day.show .circles .circle:nth-child(4) {
    transform: translate(0,0);
}



.dog-day.show .circles .circle:nth-child(5) {
    transform: translate(0,0);
}



.dog-day .circles .circle:nth-child(2):after{
	left:100%;
	margin-left:25px;
	top:60%;
	transform: translateY(-50%);
}



.dog-day .circles .circle:nth-child(3):after{
	right:100%;
	margin-right:25px;
	top:60%;
	transform: translateY(-50%);
}




.dog-day .circles .circle:nth-child(4):after {
    left: 100%;
    top: 0;
    transform: rotate(-45deg) translateY(-25px);
    margin-left: 25px;
}



.dog-day .circles .circle:nth-child(5):after {
    right: 100%;
    top: 0;
    transform: rotate(45deg) translateY(-25px);
    margin-right: 25px;
}


.dog-day .circles .circle .popoup-text{
	position: absolute;
	background-color: transparent;
	opacity: 0;
	z-index: 1;
	pointer-events: none;
	transition: 0.5s;
	color:#fff;
	font-size: 20px;
	font-weight: 400;
	left:50%;
	top: 50%;
	text-transform: uppercase;
	transform: translate(-50%,-50%);
	white-space: nowrap;


}


.dog-day .circles .circle:hover .popoup-text{
	opacity: 1;
}

.dog-day .circles .circle > .img > img{
	transition: 0.5s;
}
.dog-day .circles .circle:hover > .img > img{
	filter: brightness(0.6);

}

.dog-day .circles .circle:hover{
	background-color:#7a4d22;
}

.dog-day .circles .circle .img .icon{
	transition: 0.5s;
}

.dog-day .circles .circle .img .icon img{
	transition: 0.5s;
}

.dog-day .circles .circle:hover .img .icon{
	background-color: #292a29;
}

.dog-day .circles .circle:hover .img .icon img{
	filter:brightness(0) invert(1);
}







@media(max-width: 1499px){


	.dog-day .title {
	    font-size: 70px;
	}


	.dog-day .intro {
	    font-size: 20px;
	    margin-top: 20px;
	}


	.dog-day .intro > div {
	    font-size: 15px;
	}


	.dog-day .circles .circle {
	    width: 200px;
	    height: 200px;
	    padding: 6px;
	}


	.dog-day .circles .circle .img .icon {
	    width: 55px;
	    height: 55px;
	    border-width: 5px;
	}

	.dog-day .circles .circle .img .icon .icon-img img{
		width: 80%;
		height: auto;
	}



	.dog-day .circles {
	    height: 560px;
	    width: 1040px;
	    margin-top: -15px;
	}


	.dog-day .circles .center-icon{
		width: 220px;
	}

}


@media(max-width: 1199px){


	.dog-day .circles .circle .popoup-text{

		font-size: 16px;

	}


	.dog-day .title {
	    font-size: 60px;
	}


	.dog-day .intro {
	    font-size: 18px;
	    margin-top: 0px;
	}


	.dog-day .intro > div {
	    font-size: 14px;
	}



	.dog-day .circles {
	    height: 450px;
	    width: 100%;
	    margin-top: -15px;
	    margin-left: auto;
	    margin-right: auto;
	}


	



	.dog-day .circles .center-icon {
	    width: 160px;
	}


	.dog-day .circles .circle {
	    width: 170px;
	    height: 170px;
	    padding: 4px;
	}


	.dog-day .circles .circle .img .icon {
	    width: 45px;
	    height: 45px;
	    border-width: 3px;
	}


	.dog-day .circles .circle:after {
	    width: 100%;
	    height: 6px;
	    border-radius: 10px;
	}


}



@media(max-width: 991px){



	.dog-day .circles .circle .popoup-text{

		font-size: 14px;

	}


	.dog-day {
	    background-size: 150% auto;
	    padding-bottom: 30px;
	}

	.dog-day .title {
	    font-size: 50px;
	}

	.dog-day .intro {
	    font-size: 17px;
	    margin-top: 0px;
	}



	.dog-day .circles .circle {
	    width: 130px;
	    height: 130px;
	    padding: 2px;
	}

	.dog-day .circles .center-icon {
	    width: 120px;
	}


	.dog-day .circles .circle:after {
	    width: 85%;
	    height: 5px;
	    border-radius: 6px;
	}

	.dog-day .circles {
	    height: 360px;
	    margin-top: -10px;
	}

	.dog-day .circles .circle .img .icon {
	    width: 40px;
	    height: 40px;
	    border-width: 2px;
	}
	

	.dog-day .circles .circle .img .icon .icon-img img {
	    width: 70%;
	    height: auto;
	}

}



@media(max-width: 767px){

	.dog-day .circles {
	    height: 320px;
	    margin-top: 20px;
	}

	.dog-day .circles .circle:after {
	    width: 35%;
	    height: 5px;
	    border-radius: 6px;
	}


	.dog-day .circles .circle:nth-child(4) {
	    bottom: 0;
	    left: 50px;
	}


	.dog-day .circles .circle:nth-child(5) {
	    bottom: 0;
	    right: 50px;
	}


}

@media(max-width: 549px){

	.dog-day .circles .circle:after {
	    width: 22%;
	}


	.dog-day .circles .circle:nth-child(2):after {
	    margin-left: 14px;
	}	

	.dog-day .circles .circle:nth-child(3):after {
	    margin-right: 14px;
	}


	.dog-day .circles{
		height: 315px;
	}









}




@media(max-width: 499px){


	.dog-day .circles .circle .popoup-text{

		font-size: 12px;

	}

	.dog-day .title {
	    font-size: 40px;
	}


	.dog-day .intro {
	    font-size: 14px;
	    margin-top: 5px;
	}


	.dog-day .intro > div {
	    font-size: 12px;
	}



	.dog-day .circles .circle {
	    width: 100px;
	    height: 100px;
	    padding: 2px;
	}



	.dog-day .circles .circle .img .icon {
	    width: 30px;
	    height: 30px;
	    border-width: 2px;
	}


	.dog-day .circles .center-icon {
	    width: 90px;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -80%);
	}


	.dog-day .circles {
	    height: 320px;
	    margin-top: 20px;
	}


	.dog-day .circles .circle:nth-child(2){
		left:7%;
	}


	.dog-day .circles .circle:nth-child(3) {
	    right: 7%;
	    top: 0;
	}


	.dog-day .circles .circle:nth-child(4){
		left:7%;
	}

	.dog-day .circles .circle:nth-child(5){
		right:7%;
	}


	.dog-day .circles .circle:nth-child(2):after {
	    left: 100%;
	    margin-left: 8px;
	    top: 80%;
	    transform: translateY(-50%) rotate(45deg);
	}


	.dog-day .circles .circle:nth-child(3):after {
	    right: 100%;
	    margin-right: 8px;
	    top: 80%;
	    transform: translateY(-50%) rotate(-45deg);
	}


	.dog-day .circles .circle:after {
	    width: 40%;
	}



}



@media(max-width: 399px){


	.dog-day .circles .circle .popoup-text{

		font-size: 9px;

	}

	.dog-day .title {
	    font-size: 35px;
	}


	.dog-day .intro {
	    font-size: 12px;
	    margin-top: 5px;
	}



	.dog-day .intro > div {
	    font-size: 10px;
	}


	.dog-day .circles .circle {
	    width: 75px;
	    height: 75px;
	    padding: 2px;
	}

	.dog-day .circles .circle:after {
	    width: 60%;
	}


	.dog-day .circles .circle:nth-child(2):after {
	    left: 100%;
	    margin-left: 3px;
	    top: 100%;
	    transform: translateY(-50%) rotate(45deg);
	}

	.dog-day .circles .circle:nth-child(3):after {
	    right: 100%;
	    margin-right: 3px;
	    top: 100%;
	    transform: translateY(-50%) rotate(-45deg);
	}


	.dog-day .circles {
	    height: 275px;
	    margin-top: 20px;
	}


	.dog-day .circles .center-icon {
	    width: 90px;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -60%);
	}


}


@media(max-width: 349px){

	.dog-day .circles .circle:after {
	    width: 50%;
	}

}


@media(max-width: 330px){

	.dog-day .circles .circle:after {
	    width: 45%;
	}
	
}





/* puppy */  

.puppy{
	position: relative;
	overflow:hidden;
}

.puppy > .container{
	position: relative;
}



.puppy .container .top{
	display: flex;
	flex-direction: center;

}



.puppy .container .top > .img{
	
	display: flex;
	flex-direction: column;
	width: 51%;
	
}



.puppy .container .top{
	background-image: url("/images/akita.png");
	background-repeat: no-repeat;
	background-size: auto auto;
	background-position: top left;
	padding-bottom: 35px;
}

.puppy .container .top .want-a-puppy{
	width: 49%;
	margin-left: auto;
	padding-top: 70px;
	opacity: 0;
    transition: 2s;
    transform: translateX(50%);

}


.puppy .container .top .want-a-puppy.show{
	opacity: 1;
	transform:translateX(0);
}




.puppy .container .top .want-a-puppy .img{
	text-align: right;
}


.puppy .container .top .want-a-puppy > .title{
	font-weight: 900;
	font-size: 40px;
	color:#383a39;
	text-transform: uppercase;
	position: relative;

}
.puppy .container .top .want-a-puppy > .title:after{
	display: inline-block;
	content:"";
	background-image: url("../images/stork-big.png");
	background-repeat:no-repeat;
	background-size: auto auto;
	background-position: center center;
	width: 125px;
	height: 105px;
	transform: translate(-80px, -20px);
}




.puppy .container .top .want-a-puppy > .text{
	font-weight: 600;
	font-size: 18px;
	color:#383a39;
}



.puppy .bottom{
	width: 100%;
	height: 660px;
	display:block;
	background-color: #d97719;
	
}

.puppy .bottom .container{
	display:flex;
	flex-wrap: wrap;
	flex-direction: row; 
}




.puppy .little-favourites{
	margin-top:35px;
}


.puppy .work-dog.boxes{
	transform: translateY(-170px);
	margin-left:80px;
}

.puppy .exhibition.boxes{
	transform: translateY(-140px);
}


.puppy .work-dog.boxes .title{
	background-color: #292a29;
	color: #f7f7f7;
	padding-bottom: 7px;
}

.puppy .exhibition.boxes .title{
	color:#f7f7f7;
	background-color: #292a29;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 5px;
}

.puppy .boxes .title{
	font-weight: 900;
	font-size: 38px;
	color:#fff;
	text-transform: uppercase;
	background-color: #d37419;
	display: table;
	padding-left: 25px;
	padding-right: 25px;
	border-top-right-radius: 14px;
	border-top-left-radius: 14px;
	position: relative;

}






.puppy .little-favourites.boxes .box{
	width: 730px;
	padding:20px;
	padding-left:30px;
	padding-right: 30px; 
	position: relative;
	background-color: #fff;
   	line-height: 1.2;
   	text-align: center;
   	font-weight: 500;
   	border-radius: 14px
}


.puppy .exhibition.boxes .box{

	width: 900px;
	padding:20px;
	padding-left:25px;
	padding-right: 25px; 
	position: relative;
	background-color: #fff;
   	line-height: 1.2;
   	text-align: center;
   	font-weight: 500;
   	border-radius: 14px;
   	margin-top:-7px;

}


.puppy .work-dog.boxes .box{
	width: 566px;
	padding:20px;
	padding-left:30px;
	padding-right: 30px; 
	position: relative;
	background-color: #cf7219;
   	line-height: 1.2;
   	color:#f7f7f7;
   	text-align: center;
   	font-weight: 500;
   	border-radius: 14px;
   	border:2px solid #ffffff;
   	margin-top:-12px;
   	

}

.puppy .boxes .box{
	font-size: 21px;
	font-weight: 500;
}


.puppy .left{
	width: 61%;
	opacity: 0;
	transition: 1s;
	transform: translateX(-50%);
}


.puppy .left.show{
	opacity: 1;
	transform: translateX(0);
}

.puppy .right{
	width: 39%;
	margin-left: auto;
	transform:translateX(-50px);
	opacity: 0;
	transform: translateX(50%);
	transition: 1s;
}


.puppy .right.show{
	opacity: 1;
	transform: translateX(0);
}

.puppy .right .img{
	margin-left:auto;
	display: table;
	margin-right: auto;
}

.puppy .right .img img{
	max-width: 100%;
}

@media(max-width: 1649px){

	.puppy .container .top .want-a-puppy > .title {
	    font-size: 36px;
	}	

	.puppy .container .top .want-a-puppy > .title:after {
	    background-size: 84% auto;
	    width: 99px;
	    height: 100px;
	    transform: translate(-60px, -7px);
	}

	



	.puppy .container .top {
	    background-size: 60% auto;
	    padding-bottom: 35px;
	}

	.puppy .boxes .title {
	    font-size: 32px;
	    padding-left: 20px;
	    padding-right: 20px;
	    border-top-right-radius: 12px;
	    border-top-left-radius: 12px;
	}


	.puppy .little-favourites {
	    margin-top: 25px;
	}

	.puppy .work-dog.boxes {
	    transform: translateY(-150px);
	    margin-left: 30px;
	}

	.puppy .exhibition.boxes {
    transform: translateY(-120px);
}


	.puppy .boxes .box {
	    font-size: 16px;
	    font-weight: 500;
	    max-width: 100%;
	    box-shadow: 0px 14px 92.7px 10.3px rgba(29, 29, 27, 0.24);

	}

	.puppy .work-dog.boxes .box {
	    width: 450px;
	    padding: 20px;
	    padding-left: 30px;
	    padding-right: 30px;
	    border-radius: 14px;
	    border: 2px solid #ffffff;
	    margin-top: -12px;
	}


	.puppy .exhibition.boxes .title {
	    color: #f7f7f7;
	    background-color: #292a29;
	    padding-left: 30px;
	    padding-right: 30px;
	    padding-bottom: 5px;
	}


	.puppy .exhibition.boxes .box {
	    width: 100%;
	    padding: 16px;
	    padding-left: 20px;
	    padding-right: 20px;
	    border-radius: 12px;
	    margin-top: -7px;
	}


	.puppy .bottom{
		height: 100%;
	}


	.puppy .right .img:last-child{
		max-width: 65%;
	}


	.puppy .container .top .want-a-puppy {
	    width: 49%;
	    margin-left: auto;
	    padding-top: 30px;
	}

}


@media(max-width: 1499px){

	.puppy .container .top .want-a-puppy > .text {
	    font-size: 16px;
	}


	.puppy .container .top .want-a-puppy > .title {
	    font-size: 34px;
	}

}




@media(max-width: 1199px){

	.puppy .container .top {
	    background-size: 50% auto;
	    padding-bottom: 35px;
	}


	.puppy .container .top .want-a-puppy > .title {
	    font-size: 30px;
	}


	.puppy .container .top .want-a-puppy > .title:after {
	    background-size: 100% auto;
	    width: 66px;
	    height: 66px;
	    transform: translate(-31px, -14px);
	}


	.puppy .container .top .want-a-puppy {
	    width: 50%;
	    margin-left: auto;
	    padding-top: 25px;
	}


	.puppy .boxes .title {
	    font-size: 26px;
	    padding-left: 15px;
	    padding-right: 15px;
	    border-top-right-radius: 10px;
	    border-top-left-radius: 10px;
	}

	.puppy .little-favourites {
	    margin-top: 16px;
	}



	.puppy .little-favourites.boxes .box {
	    padding: 15px;
	    padding-left: 20px;
	    padding-right: 20px;
	    border-radius: 12px;
	}



	.puppy .work-dog.boxes .box {
	    width: 400px;
	    padding: 15px;
	    padding-left: 20px;
	    padding-right: 20px;
	    border-radius: 12px;
	    border: 2px solid #ffffff;
	    margin-top: -12px;
	}


	.puppy .exhibition.boxes .box {
	    width: 100%;
	    padding: 14px;
	    padding-left: 15px;
	    padding-right: 15px;
	    border-radius: 12px;
	    margin-top: -7px;
	}


	.puppy .bottom {
	    height: 500px;
	}


}

@media(max-width: 991px){

	.puppy .container .top .want-a-puppy > .title {
	    font-size: 25px;
	}


	.puppy .container .top .want-a-puppy > .title:after {
	    background-size: 100% auto;
	    width: 47px;
	    height: 47px;
	    transform: translate(-31px, -14px);
	}


	.puppy .container .top .want-a-puppy > .text {
	    font-size: 14px;
	}


	.puppy .container .top .want-a-puppy {
	    width: 60%;
	    margin-left: auto;
	    padding-top: 25px;
	}


	.puppy .boxes .title {
	    font-size: 23px;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-top-right-radius: 8px;
	    border-top-left-radius: 8px;
	}


	.puppy .little-favourites.boxes .box {
	    padding: 12px;
	    padding-left: 15px;
	    padding-right: 15px;
	    border-radius: 10px;
	}


	.puppy .boxes .box {
	    font-size: 14px;
	}


	.puppy .work-dog.boxes {
	    transform: translateY(-40px);
	    margin-left: 0px;
	}

	.puppy .right {
	    width: 39%;
	    margin-left: auto;
	     transform: translateX(0);
	}

	.puppy .work-dog.boxes .box {
	    width: 400px;
	    padding: 12px;
	    padding-left: 15px;
	    padding-right: 15px;
	    border-radius: 10px;
	    border: 1px solid #ffffff;
	    margin-top: -10px;
	}

	.puppy .exhibition.boxes {
	    transform: translateY(-20px);
	}


	.puppy .exhibition.boxes .box {
	    width: 100%;
	    padding: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-radius: 10px;
	    margin-top: -6px;
	}



	.puppy .bottom {
	    height: 470px;
	}

	.puppy .bottom {
	    height: 470px;
	}


}




@media(max-width: 767px){

	.puppy .container .top .want-a-puppy {
	    width: 100%;
	    margin-left: auto;
	    padding-top: 25px;
	}

	.puppy .container .top {
	    background-size: 100% auto;
	    padding-bottom: 35px;
	}


	.puppy .container .top .want-a-puppy {
	    width: 100%;
	    margin-left: auto;
	    padding-top: 25px;
	    background-color: rgba(248,248,248,0.6);
	}



	.puppy .left {
	    width: 100%;
	}


	.puppy .work-dog.boxes {
	    transform: translateY(0px);
	    margin-top:20px;
	}

	.puppy .bottom {
	    height: 100%;
	}


	.puppy .work-dog.boxes .box {
	    width: 100%;
	    padding: 12px;
	    padding-left: 15px;
	    padding-right: 15px;
	    border-radius: 10px;
	    border: 1px solid #ffffff;
	    margin-top: -10px;
	}


	.puppy .exhibition.boxes {
	    transform: translateY(0px);
	    margin-top: 20px;
	}

	.puppy .right {
	    width: 100%;
	    margin-top: 40px;
	    margin-left: auto;
	    transform: translateX(0);
	}

	.puppy .little-favourites.boxes .box {
	    padding: 12px;
	    padding-left: 15px;
	    padding-right: 15px;
	    border-radius: 10px;
	    background-color: rgba(248,248,248,0.7);
	     box-shadow: 0px 14px 92.7px 10.3px rgba(29, 29, 27, 0.24);
	}

}


@media(max-width: 599px){

	.puppy .container{
		max-width: 90%;
	}


}



@media(max-width: 499px){

	.puppy .container .top .want-a-puppy > .title {
	    font-size: 23px;
	}

	.puppy .container .top .want-a-puppy > .title:after {
	    background-size: 100% auto;
	    width: 40px;
	    height: 40px;
	    transform: translate(-23px, -12px);
	}


	.puppy .container .top .want-a-puppy{
		padding-top: 20px;
	}

	
	.puppy .boxes .title {
	    font-size: 21px;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-top-right-radius: 8px;
	    border-top-left-radius: 8px;
	}


	.puppy .container .top {
	    background-size: 100% auto;
	    padding-bottom: 25px;
	}


	.puppy .exhibition.boxes .title {
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-bottom: 5px;
	}	

}


@media(max-width: 399px){

	.puppy .container .top .want-a-puppy > .title {
	    font-size: 18px;
	}

	.puppy .container .top .want-a-puppy > .text {
	    font-size: 13px;
	}

	.puppy .boxes .title {
	    font-size: 19px;
	    padding-left: 8px;
	    padding-right: 8px;
	    border-top-right-radius: 6px;
	    border-top-left-radius: 6px;
	}

	.puppy .little-favourites.boxes .box {
	    padding: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-radius: 10px;
	    background-color: rgba(248,248,248,0.7);
	    box-shadow: 0px 14px 92.7px 10.3px rgba(29, 29, 27, 0.24);
	}

	.puppy .work-dog.boxes .box {
	    width: 400px;
	    padding: 10px;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-radius: 10px;
	    border: 1px solid #ffffff;
	    margin-top: -10px;
	}


	.puppy .exhibition.boxes .title {
	    padding-left: 10px;
	    padding-right: 10px;
	    padding-bottom: 5px;
	}

	.puppy .boxes .title {
	    font-size: 17px;
	}

	.puppy .right {
	    margin-top: 15px;
	}


}

/* gallery */


.gallery{
	background-image: url("../images/gallery-bg.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom:130px;
}



.gallery .title{
	text-align: center;
	font-family: 'Kristi', cursive;
	font-size: 75px;
	color:#fff;
}



.gallery .subtitle{
	color:#fff;
	font-size: 31px;
	text-align: center;
}


.gallery .intro{

	max-width: 780px;
	text-align: center;
	font-size: 16px;
	color:#fff;
	margin-top:5px;
	margin-left:auto;
	margin-right: auto;


}


.gallery .gallery-btn{
	width: 165px;
	height: 50px;
	border:2px solid #d97719;
	color:#d97719;
	font-weight: 700;
	font-size: 23px;
	background-color: #fff;
	display:flex;
	align-items: center;
	margin-left:auto;
	margin-right: auto;
	margin-top: 30px;
	border-radius: 10px;

}

.gallery .gallery-btn:hover{
	background-color: #d97719;
	color: #fff;
}


.gallery .gallery-btn span{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}



@media(max-width: 1499px){



	.gallery .title {
	    font-size: 60px;
	}

	.gallery .subtitle {
	    font-size: 28px;
	}

	.gallery .intro {
	    max-width: 750px;
	    font-size: 15px;
	    margin-top: 5px;
	}



	.gallery .gallery-btn {
	    width: 150px;
	    height: 45px;
	    border-width: 2px;
	    font-size: 20px;
	    margin-top: 25px;
	    border-radius: 8px;
	}


	.gallery{
		background-size: 100% 80%;
		background-size: 100% 100%;
    	padding-bottom: 16px;
	}




}

@media(max-width: 1199px){

	.gallery .title {
	    font-size: 50px;
	}

	.gallery .subtitle {
	    font-size: 22px;
	}

	.gallery .intro {
	    max-width: 725px;
	    font-size: 14px;
	    margin-top: 5px;
	    line-height: 1.3;
	}


	.gallery .gallery-btn {
	    width: 130px;
	    height: 40px;
	    border-width: 1px;
	    font-size: 18px;
	    margin-top: 13px;
	    border-radius: 6px;
	}



}


@media(max-width: 991px){

	.gallery .title {
	    font-size: 40px;
	}


	.gallery .subtitle {
	    font-size: 20px;
	}

	.gallery .intro {
	    max-width: 88%;
	    font-size: 13px;
	    margin-top: 5px;
	    line-height: 1.3;
	}

	.gallery .gallery-btn {
	    width: 110px;
	    height: 30px;
	    border-width: 1px;
	    font-size: 14px;
	    margin-top: 13px;
	    border-radius: 4px;
	}



}



@media(max-width: 767px){

	.gallery{
		background-size: 115% 115%;
	    background-position: center center;
	    padding-bottom: 8%;
	}


}



@media(max-width: 499px){


	.gallery .title {
	    font-size: 30px;
	}


	.gallery .subtitle {
	    font-size: 16px;
	}


	.gallery .intro {
	    max-width: 88%;
	    font-size: 12px;
	    margin-top: 5px;
	    line-height: 1.3;
	}

	.gallery {
	    background-size: 127% 127%;
	    background-position: center center;
	    padding-bottom: 4%;
	}


	.gallery .gallery-btn {
	    width: 100px;
	    height: 25px;
	    border-width: 1px;
	    font-size: 13px;
	    margin-top: 13px;
	    border-radius: 3px;
	}


}


@media(max-width: 399px){

	.gallery .title {
	    font-size: 27px;
	}


	.gallery .subtitle {
	    font-size: 14px;
	}

	.gallery .intro {
	    max-width: 95%;
	    font-size: 11px;
	    margin-top: 5px;
	    line-height: 1.3;
	}

	.gallery {
	    background-size: 150% 150%;
	    background-position: center center;
	    padding-bottom: 4%;
	}


	.gallery .gallery-btn {
	    width: 100px;
	    height: 25px;
	    border-width: 1px;
	    font-size: 13px;
	    margin-top: 10px;
	    border-radius: 3px;
	}







}




/* Hírek */


.news-container{
	padding-top:0.6vw;
	padding-bottom:3.76vw;
	padding-left:24px;
	padding-right: 24px;
	background-color: #f9f9f9;
	color:#383a39 !important;
	
}


.news-container > .title{
	font-weight: 900;
	font-size: 40px;
	display:flex;
	flex-direction: row;
	align-items: flex-end;
	margin-left:auto;
	margin-right: auto;
	text-align: center;
	width: -moz-min-content;
    width: -webkit-min-content;
	max-width: 95%;
	text-transform: uppercase;
	transform: translateX(50px);
}


.news-container > .intro{
	max-width: 520px;
	margin-left:auto;
	margin-right: auto;
	font-weight: 600;
	text-align: center;
	font-size: 16px;
	margin-top:20px;
	margin-bottom:55px;

}


.news-container .title img{
	transform: translateX(-20px) translateY(10px);
}


.news-container .container{
	padding:0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}


.news-container .all-blogs-link{
	width: 100%;
    text-align: center;
}


.news-container .all-blogs-link a {
    display: inline-block;
    margin-top: 60px;
    color: #fff;
    background: #d97719;
    font-size: 20px;
    font-weight: 700;
    border-radius: 12px;
    width: 200px;
    height: 45px;
    display:flex;
    flex-direction: row;
    align-items: center;
    margin-left:auto;
    margin-right: auto;
    transition: 0.5s;
    border:2px solid #d97719;

}

.news-container .all-blogs-link a span{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}


.news-container .all-blogs-link a:hover{
	background-color: #fff;
	color:#d97719;
}



.news-container .container .news-box{
	margin-right:auto;
}

.news-container .container .news-box:last-child{
	margin-right:0;
}


.news-container .container .news-box .img{
	position: relative;
	padding-bottom:65%;
	display:block;
	width: 100%;

}


.news-container .container .news-box .img img{
	position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}


.news-container .container .news-box {
    width: 23.75%;
    color:#393b3a;
    font-size:15px;
    font-weight: 600;
}


.news-container .container .news-box .title{
	font-size: 17px;
	font-weight:900;
	margin-top:30px;
	margin-bottom:25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-transform: uppercase;

}

.news-container .container .news-box .intro{
	margin-bottom:12px;
	line-height: 1.4;
	text-align: left;
	display: -webkit-box;
  	-webkit-line-clamp: 6;
  	-webkit-box-orient: vertical;  
  	overflow: hidden;
  	height: 24%;

}


.news-container .container .news-box .date{
	font-size: 16px;
	font-weight:500;
	font-style: italic;
	color:#da781b;
}

.news-container .container .news-box .date i{
	font-size:20px;
	font-weight: 900;
	margin-right: 15px;
}


.news-container .container .news-box a{
	display:block;
	width: fit-content;
	color:#da781b;
	margin-left:0;
	margin-right: auto;
	font-size: 18px;
	width: 130px;
	height: 40px;
	display:flex;
	align-items: center;
	text-transform: uppercase;
	margin-top:15px;
	font-weight: 700;
	border:2px solid #da781b;
	transition: 0.5s;
	border-radius: 10px;
}

.news-container .container .news-box a:hover{
	color:#f9f9f9;
	background-color:#d97719;
}

.news-container .container .news-box a span{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


@media(max-width: 1649px){

	.news-container .container .news-box .intro {
	    height: 130px;
	}

}



@media(max-width: 1499px){

	.news-container .container .news-box .intro {
	    height: 130px;
	    -webkit-line-clamp: 7;
	}

	.news-container > .title {
	    font-size: 35px;
	    transform: translateX(50px);
	}

	.news-container .title img {
	    width: 80px;
	    transform: translateX(-20px) translateY(8px);
	}

	.news-container > .intro {
	    max-width: 500px;
	    font-size: 15px;
	    margin-top: 15px;
	    margin-bottom: 45px;

	}


	.news-container .container .news-box .title {
	    font-size: 16px;
	    margin-top: 20px;
	    margin-bottom: 15px;
	}



	.news-container .container .news-box {
	    font-size: 14px;

	}

	.news-container .container .news-box .date {
	    font-size: 15px;
	}



	.news-container .container .news-box a {
	    font-size: 16px;
	    width: 120px;
	    height: 35px;
	    margin-top: 11px;
	    border-width: 2px;
	    border-radius: 8px;
	}


}




@media(max-width: 1199px){



	.news-container .all-blogs-link a {
	    margin-top: 50px;
	    font-size: 18px;
	    border-radius: 8px;
	    width: 170px;
	    height: 42px;
	    transition: 0.5s;
	    border-width: 2px;
	}






	.news-container > .title {
	    font-size: 30px;
	    transform: translateX(25px);
	}


	.news-container .title img {
	    width: 60px;
	    transform: translateX(-11px) translateY(4px);
	}



	.news-container .container .news-box .title {
	    font-size: 18px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}

	.news-container .container .news-box .intro {
    	font-size: 16px;
	}

	.news-container .container .news-box .date, .news-container .container .news-box .date i {
    	font-size: 14px;
	}


	.news-container .container .news-box .date i {
	    margin-right: 6px;
	}

	.news-container .container .news-box a {
	    font-size: 14px;
	    padding: 10px;
	    padding-left: 30px;
	    padding-right: 30px;
	    margin-top: 35px;
	}

	.news-container > .intro {
	    max-width: 475px;
	    font-size: 14px;
	    margin-top: 7px;
	    margin-bottom: 35px;
	}


	.news-container .container .news-box .title {
	    font-size: 15px;
	    margin-top: 15px;
	    margin-bottom: 15px;
	}


	.news-container .container .news-box .intro {
	    font-size: 13px;
	}


	.news-container .container .news-box a {
	    font-size: 14px;
	    padding:0;
	    margin-top: 15px;
	    border-radius: 6px;
	}



}






@media(max-width: 991px){


.news-container .container .news-box {
    width: 46.75%;
    color: #393b3a;
    font-size: 22px;
    font-weight: 300;
    margin-bottom:30px;
}

.news-container .container .news-box:nth-child(2n){
	margin-right:0;
}


.news-container .container .news-box:nth-child(3), .news-container .container .news-box:nth-child(4){
	margin-bottom:0;
}




}


@media(max-width: 767px){

	.news-container .container .news-box .title {
	    font-size: 16px;
	    margin-top: 12px;
	    margin-bottom: 12px;
	}

	.news-container .container .news-box .intro {
    	font-size: 14px;
	}


	.news-container .container .news-box .date, .news-container .container .news-box .date i {
    	font-size: 13px;
	}


	.news-container .container .news-box a {
	    font-size: 13px;
	    padding: 8px;
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-top: 30px;
	}



}



@media(max-width: 499px){

	.news-container .all-blogs-link a {
	    margin-top: 50px;
	    font-size: 16px;
	    border-radius: 6px;
	    width: 150px;
	    height: 38px;
	    transition: 0.5s;
	    border-width: 1px;
	}
	

	.news-container > .title {
	    font-size: 25px;
	    transform: translateX(20px);
	}


	.news-container .title img {
	    width: 50px;
	    transform: translateX(-11px) translateY(4px);
	}



	.news-container > .intro {
	    max-width: 475px;
	    font-size: 13px;
	    margin-top: 7px;
	    margin-bottom: 25px;
	}


	.news-container .container .news-box {
    	width: 48%;
    	padding-right:5px;
	}


	.news-container .container .news-box .title {
	    font-size: 13px;
	    margin-top: 8px;
	    margin-bottom: 8px;
	}


	.news-container .container .news-box .intro {
    	font-size: 12px;
	}


	.news-container .container .news-box .date, .news-container .container .news-box .date i {
    	font-size: 11px;
	}




	.news-container .container .news-box a {
	    font-size: 11px;
	    padding:0;
	    width: 100px;
	    height: 30px;
	  
	    margin-top: 20px;
	}


}


@media(max-width: 399px){

	.news-container > .title {
	    font-size: 20px;
	    transform: translateX(20px);
	}

	.news-container > .intro {
	    max-width: 475px;
	    font-size: 11px;
	    margin-top: 5px;
	    margin-bottom: 20px;
	}


	.news-container .title img {
	    width: 40px;
	    transform: translateX(-8px) translateY(0px);
	}



	.news-container .container .news-box {
	    width: 100%;
	    padding-right: 0px;
	}


	.news-container .container .news-box .title {
	    font-size: 16px;
	    margin-top: 12px;
	    margin-bottom: 12px;
	}


	.news-container .container .news-box .intro {
   	 	font-size: 14px;
	}


	.news-container .container .news-box .date, .news-container .container .news-box .date i {
    	font-size: 14px;
	}


	.news-container .container .news-box:nth-child(3){
		margin-bottom:30px;
	}



	.news-container .container .news-box a {
	    font-size: 13px;
	    padding: 0px;
	    width: 130px;
	    height: 35px;
	    margin-top: 20px;

	}


}


/* about akita */

.about-akita{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
}


.about-akita .img{
	width: 50%;
}


.about-akita .img img{
	max-width: 100%;
	width: 100%;
	height: 100%;
}


.about-akita .text{
	background-color: #383a39;
	color:#fff;
	padding-left: 50px;
	padding-bottom: 10px;
	width: 50%;

}



.about-akita .text .title{
	font-family: 'Kristi', cursive;
	font-size: 75px;
	max-width: 560px;
}


.about-akita .text .intro{
	font-size: 18px;
	font-weight: 600;
	max-width: 560px;
	margin-top: 30px;
}


.about-akita .text a{
	width: 130px;
	height: 40px;
	font-size: 18px;
	border-radius: 10px;
	margin-top:40px;
	border:2px solid #da781b;
	color: #da781b;
	background-color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	display:flex;
	align-items: center;

}


.about-akita .text a:hover{
	background-color: #d97719;
	color: #fff; 
}

.about-akita .text a span{
	margin-left:auto;
	margin-right: auto;
	text-align: center;
}



@media(max-width: 1499px){

	.about-akita .text .title {
	    font-size: 60px;
	}


	.about-akita .text .intro {
	    font-size: 16px;
	   margin-top:25px;
	}

	.about-akita .text a {
	    width: 120px;
	    height: 35px;
	    font-size: 16px;
	    border-radius: 8px;
	    margin-top: 25px;
	    border-width: 2px;
	}

	.about-akita .text{
		padding-left: 30px;
		padding-bottom: 10px;
	}


}



@media(max-width: 1199px){

	.about-akita .text .title {
	    font-size: 50px;
	}


	.about-akita .text .intro {
	    font-size: 14px;
	    margin-top: 10px;
	    padding-right: 20px;
	}

	.about-akita .text {
	    padding-left: 15px;
	    padding-bottom: 10px;
	}


	.about-akita .text a {
	    width: 100px;
	    height: 30px;
	    font-size: 14px;
	    border-radius: 6px;
	    margin-top: 16px;
	    border-width: 1px;
	}



}





@media(max-width: 991px){

	.about-akita .text .title {
	    font-size: 40px;
	}

	.about-akita .text .intro {
	    font-size: 12px;
	    margin-top: 0px;
	    padding-right: 20px;
	}

	.about-akita .text a {
	    width: 90px;
	    height: 25px;
	    font-size: 12px;
	    border-radius: 4px;
	    margin-top: 16px;
	    border-width: 1px;
	}


}




@media(max-width: 767px){

	.about-akita{
		flex-direction: column-reverse;
	}


	.about-akita .text .title {
	    font-size: 50px;
	}

	.about-akita .img {
	    width: 100%;
	}
	.about-akita .img img{
		width: 100%;
		height: auto;
	}


	.about-akita .text {
	    padding-left: 15px;
	    padding-bottom: 10px;
	    width: 100%;
	}


	.about-akita .text .intro {
	    font-size: 16px;
	    margin-top: 10px;
	    padding-right: 20px;
	    max-width: 90%;
	}



	.about-akita .text a {
    width: 150px;
    height: 40px;
    font-size: 16px;
    border-radius: 6px;
    margin-top: 30px;
    border-width: 1px;
    margin-left: auto;
    margin-right: 6%;
}


}


@media(max-width: 499px){

	.about-akita .text .title {
	    font-size: 40px;
	}


	.about-akita .text .intro {
	    font-size: 13px;
	    margin-top: 0px;
	    padding-right: 20px;
	    max-width: 95%;
	}

	.about-akita .text a {
	    width: 120px;
	    height: 35px;
	    font-size: 14px;
	    border-radius: 4px;
	    margin-top: 20px;
	    border-width: 1px;
	    margin-left: auto;
	    margin-right: 5%;
	}


}


@media(max-width: 399px){

	.about-akita .text .title {
	    font-size: 35px;
	}


	.about-akita .text .intro {
	    font-size: 11px;
	    margin-top: 0px;
	    padding-right: 20px;
	    max-width: 95%;
	}


	.about-akita .text a {
	    width: 105px;
	    height: 30px;
	    font-size: 12px;
	    border-radius: 4px;
	    margin-top: 20px;
	    border-width: 1px;
	    margin-left: auto;
	    margin-right: 5%;
	}


}



/* counters */



.counters{
	background-color: #d97719;
	padding-top: 15px;
	padding-bottom:15px;

}


.counters .container{
	display:flex;
	flex-direction: row;
	align-items: center;
	max-width: 850px;
}

.counters .container .counter-box .counter-circle{
	display:flex;
	align-items: center;
	width: 168px;
	height: 168px;
	border: 9px solid #292a29;
	border-radius: 60%;
	color:#fff;
	font-weight: 600;
	font-size: 54px;
}

.counters .container .counter-box .counter-circle .number{
	text-align: center;
	margin-left:auto;
	margin-right: auto;

}


.counters .container .counter-box:last-child .counter-circle {
	font-size: 46px;
}


.counters .container .counter-box{
	display:flex;
	flex-direction: column;
	align-items: center;
	margin-left:auto;
	margin-right: auto;
}


.counters .container .counter-box .text{
	text-transform: uppercase;
	color:#fff;
	font-size: 19px;
	margin-top:5px;

}

@media(max-width: 1499px){

	.counters .container .counter-box .counter-circle {
	    width: 150px;
	    height: 150px;
	    border: 6px solid #292a29;
	    font-size: 40px;
	}


	.counters .container .counter-box:last-child .counter-circle {
	    font-size: 37px;
	}

	.counters .container .counter-box .text {
		font-size: 17px;
	    margin-top: 5px;
	}


}



@media(max-width: 1199px){

	.counters .container .counter-box .counter-circle {
	    width: 135px;
	    height: 135px;
	    border: 4px solid #292a29;
	    font-size: 36px;
	}


	.counters .container .counter-box:last-child .counter-circle {
	    font-size: 33px;
	}


	.counters .container .counter-box .text {
	    font-size: 16px;
	    margin-top: 5px;
	}


}


@media(max-width: 991px){

	.counters .container .counter-box .counter-circle {
	    width: 120px;
	    height: 120px;
	    border: 3px solid #292a29;
	    font-size: 33px;
	}


	.counters .container .counter-box:last-child .counter-circle {
	    font-size: 30px;
	}


	.counters .container .counter-box .text {
	    font-size: 15px;
	    margin-top: 4px;
	}


}

@media(max-width: 499px){

	.counters .container{
		flex-direction: column;
	}

	.counters .container .counter-box{
		margin-bottom:30px;
	}

	.counters .container .counter-box:last-child{
		margin-bottom:0;
	}


}





/* newsletter */


.newsletter{
	width: 100%;
	padding-top: 70px;
	padding-bottom:130px;
}


.newsletter .container{
	max-width: 1150px;
}

.newsletter .title{
	text-align: center;
	color: #383a39;
	font-weight: 900;
	font-size: 40px;
	text-transform: uppercase;
	transform: translateX(90px);
}


.newsletter .title img{
	transform: translate(-50px, -15px);
}



.newsletter .newsletter-intro{
	font-size: 12px;
	margin-top: 10px;
	color:#383a39;
	max-width: 800px;
	margin-left:auto;
	margin-right: auto;
	font-weight: 600;
	text-align: center;
}



.newsletter form{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 45px;
}


.newsletter form > input{
	width: 455px;
	height: 55px;
	border-radius: 10px;
	background-color: rgb(217, 119, 25);
	color:#fff;
	font-size: 12px;
	font-weight: 500;
	padding-left: 25px;
	padding-right: 25px;
	margin-right: auto;
	border:0;
	outline: 0;
}




.newsletter form > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff;
}
.newsletter form > input::-moz-placeholder { /* Firefox 19+ */
  color:#fff;
}
.newsletter form > input:-ms-input-placeholder { /* IE 10+ */
  color:#fff;
}
.newsletter form > input:-moz-placeholder { /* Firefox 18- */
  color:#fff;
}


.newsletter form > button{
	width: 168px;
	height: 55px;
	border:2px solid #da781b;
	color:#da781b;
	font-weight: 700;
	font-size: 18px;
	background-color: #fff;
	border-radius: 10px;
	transition: 0.5s;

}


.newsletter form > button:hover{
	background-color: #da781b;
	color: #f9f9f9;
}








.newsletter .container form .privacy  .round input[type="checkbox"]:checked + .checkbox-input:after {
  opacity: 1;
}


.newsletter .container form .privacy .round input[type="checkbox"] {
    visibility: visible;
    opacity: 0;
}

.newsletter .container form .privacy {
    position: relative;
    margin-right: auto;
}


.newsletter .container form .privacy .round {
    position: relative;
}


.newsletter .container form .privacy .round .checkbox-input {
    background-color: #d97719;
    border: 1px solid #7bb844;
    border-radius: 50%;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    top: 50%;
    transform: translateY(-50%);
}


.newsletter .container form .privacy .round .checkbox-input:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 3px;
    opacity: 0;
    position: absolute;
    top: 4px;
    transform: rotate(-45deg);
    width: 10px;
}

.newsletter .container form .privacy-text {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin-left: 0px;
    vertical-align: middle;
    text-overflow: ellipsis;
    max-height: 20px;
    display: inline-block;
    margin-top:30px;
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-right: auto;
    max-width: 940px;
    font-style: italic;
}



.newsletter .container form .privacy-text .text{
	margin-left:15px;
}



@media(max-width: 1499px){

	.newsletter .title {
	    font-size: 35px;
	    transform: translateX(75px);
	}

	.newsletter .title img{
		width: 140px;
	}


	.newsletter {
	    width: 100%;
	    padding-top: 50px;
	    padding-bottom: 100px;
	    overflow: hidden;
	}


	.newsletter .newsletter-intro {
	    font-size: 12px;
	    margin-top: 0px;
	}



	.newsletter form {
	    margin-top: 30px;
	}


	.newsletter form > input {
	    width: 440px;
	    height: 50px;
	    border-radius: 10px;
	    font-size: 12px;
	    padding-left: 20px;
	    padding-right: 20px;
	}


	.newsletter .container {
	    max-width: 1100px;
	}



	.newsletter .container form .privacy-text {
	    font-size: 12px;
	    vertical-align: middle;
	    text-overflow: ellipsis;
	    margin-top: 15px;
	    max-width: 940px;
	}



	.newsletter form > button {
	    width: 150px;
	    height: 50px;
	    border-width: 2px;
	    font-size: 16px;
	    border-radius: 10px;
	}


}


@media(max-width: 1199px){

	.newsletter .title {
	    font-size: 30px;
	    transform: translateX(55px);
	}



	.newsletter .title img {
	    width: 125px;
	}

	.newsletter .container{
		max-width: 92%;
	}


	.newsletter form > input {
	    width: 40%;
	    height: 50px;
	    border-radius: 10px;
	    font-size: 12px;
	    padding-left: 20px;
	    padding-right: 20px;
	}


	.newsletter form > button {
	    width: 15%;
	    height: 50px;
	    border-width: 2px;
	    font-size: 16px;
	    border-radius: 10px;
	}


}


@media(max-width: 991px){

	.newsletter .title {
	    font-size: 28px;
	    transform: translateX(53px);
	}



	.newsletter form > input {
	    width: 40%;
	    height: 40px;
	    border-radius: 8px;
	    font-size: 12px;
	    padding-left: 15px;
	    padding-right: 15px;
	}


	.newsletter form > button {
	    width: 15%;
	    height: 40px;
	    border-width: 1px;
	    font-size: 13px;
	    border-radius: 8px;
	}


	.newsletter .container form .privacy .round .checkbox-input {
	    width: 15px;
	    height: 15px;
	}


	.newsletter .container form .privacy .round .checkbox-input:after {
	    left: 2px;
	    top: 3px;
	}



}



@media(max-width: 767px){


	.newsletter form{
		flex-direction: column;
	}


	.newsletter form > input{
		width: 100%;
		margin-bottom: 20px;
	}


	.newsletter form > button{
		order:2;
		margin-top:15px;
		width: 150px;
	    height: 50px;
	    font-size: 16px;
	}


	.newsletter .container form .privacy{
		order: 1;
	}


	.newsletter .container form .privacy-text .text{
		max-height: auto;
	}


	.newsletter .container form .privacy-text{
		max-height: 100%;
	}

	.newsletter .container form .privacy .round .checkbox-input{
		top:20%;
	}

}


@media(max-width: 499px){

	.newsletter .title {
	    font-size: 25px;
	    transform: translateX(53px);
	}


	.newsletter .title img {
	    transform: translate(-40px, -10px);
	    width: 100px;
	}


	.newsletter {
	    padding-top: 35px;
	    padding-bottom: 80px;
	}


	.newsletter .newsletter-intro {
	    font-size: 11px;
	    margin-top: 0px;
	}


	.newsletter .container form .privacy-text {
	    font-size: 11px;
	    vertical-align: middle;
	    text-overflow: ellipsis;
	    margin-top: 0px;
	    max-width: 940px;
	}


	.newsletter .container form .privacy-text .text {
	    margin-left: 10px;
	}

	.newsletter form > button {
	    margin-top: 15px;
	    width: 120px;
	    height: 35px;
	    font-size: 14px;
	    border-radius: 5px;
	}



}



@media(max-width: 399px){

	.newsletter .title {
	    font-size: 22px;
	    transform: translateX(35px);
	}


	.newsletter .title img {
	    transform: translate(-32px, -10px);
	    width: 80px;
	}


	.newsletter .newsletter-intro {
	    font-size: 10px;
	    margin-top: 0px;
	}


	.newsletter form > input {
	    width: 100%;
	    margin-bottom: 15px;
	    height: 35px;
	    border-radius: 4px;
	    font-size: 11px;
	}

	.newsletter .container form .privacy-text {
	    font-size: 10px;
	    vertical-align: middle;
	    text-overflow: ellipsis;
	    margin-top: 0px;
	    max-width: 940px;
	}

	.newsletter form {
	    margin-top: 20px;
	}


	.newsletter {
	    padding-top: 25px;
	    padding-bottom: 60px;
	}


}



/* partners */


.partners-container .slick-track{
	display:flex;
	align-items: center;
}

.partners-container{

    position: relative;

}



.partners-container .title{
	font-size: 40px;
	color:#383a39;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
}


.partners-container .container{

 	margin-top: 75px;
    margin-bottom: 75px;
	width:100%;

}

.partners-container .partner{
	margin-right:45px;
	margin-left: 45px;
	outline:0;
}





.partners-container .partner .img{

	width:100%;
	display:block;
	/*padding-bottom:10%; */
	position:relative;



}


.partners-container .partner .img img{
	/*position:absolute;
	left:0;
	right:0;
	width:100%;
	object-fit: cover;*/

}

.partners-container .partner{
	color:#393b3a;
}


.partners-container .partner .name{
	text-transform: uppercase;
	font-size:31px;
	text-align: center;
	font-weight: 700;
	margin-top:40px;
	
}


.partners-container .partner .position{
	font-size: 21px;
	font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	margin-bottom:5px;

}

.partners-container .partner .email{
	margin-bottom:5px;
}


.partners-container .partner .email, .partners-container .partner .phone{
	font-size:18px;
}

.partners-container .partner .email i{
	margin-right:10px;
}

.partners-container .partner .phone i{
	margin-right:15px;
}


.slick-arrow {
    position: absolute;
    border: 0;
    outline: 0;
    color: #383a39;
    background-color:transparent;
    border:3px solid #d97719;
    border-radius: 60%;
    padding: 20.5px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: auto;
    height: auto;
    font-size: 36px;
    z-index: 1;
    top:135px;
 
}


.slick-prev{
	left:6vw;
}


.slick-next{
	right:6vw;
}

.slick-slider{
	position: static;
}


.partners-container .partner-text{
	width: 820px;
	margin-left:auto;
	margin-right: auto;
	font-size:12px;
	font-weight: 600;
	color:#383a39;
	text-align: center;
	margin-bottom: 100px;

}


@media(max-width: 1799px){

.slick-prev {
    left: 3vw;
}

.slick-next {
    right: 3vw;
}


}



@media (min-width: 768px){
	.partners-container .container {
	    max-width: 600px;
	}

}


@media (min-width: 992px){
	.partners-container .container {
	    max-width: 800px;
	}

}

@media(min-width: 1200px){

	.partners-container .container{
		max-width: 1000px;
	}
}


@media(min-width: 1650px){
	.partners-container .container{
		max-width: 1400px;
	}
}







@media(max-width: 1499px){

	.partners-container .partner {
	    margin-right: 15px;
	    margin-left: 15px;
	    outline: 0;
	}


	.slick-arrow {
	    border: 2px solid #d97719;
	    border-radius: 60%;
	    padding: 16.5px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    font-size: 25px;
	    top: 110px;
	}



	.partners-container .title {
	    font-size: 35px;
	}

	.partners-container .container {
	    margin-top: 55px;
	    margin-bottom: 55px;
	    width: 100%;
	}


	.partners-container .partner-text {
	    width: 820px;
	    font-size: 12px;
	    margin-bottom: 80px;
	    max-width: 95%;
	}



}


@media(max-width: 1199px){

	.slick-arrow {
	    border: 1px solid #d97719;
	    border-radius: 60%;
	    padding: 13.5px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    font-size: 20px;
	    top: 90px;
	}


	.partners-container .title {
	    font-size: 30px;
	}

	.partners-container .container {
	    margin-top: 40px;
	    margin-bottom: 40px;
	}


	.partners-container .partner-text {
	    width: 800px;
	    font-size: 11px;
	    margin-bottom: 60px;
	}



}

@media(max-width: 991px){

	.slick-arrow {
	    border: 1px solid #d97719;
	    border-radius: 60%;
	    padding: 12px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    font-size: 16px;
	    top: 90px;
	}


}



@media(max-width: 767px){

	.partners-container .partner-text{
		max-width: 90%;
		font-size: 10px;
	}





}


@media(max-width: 499px){

	.partners-container .title {
	    font-size: 24px;
	}


	.partners-container .container{
		width: 90%;
	}


	.partners-container .container {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}


}


@media(max-width: 399px){


	.partners-container .title {
	    font-size: 22px;
	}





}








/* contanct */

.contact-form {
	background-color:#d97719;
	background-image: url("/images/contact-bg.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 0 0;
	padding-top:190px;
	padding-bottom:65px;

}


.google-recaptha.input-row.recaptcha-input-row{
	margin-top:15px;
}



.contact-form.white{
	background-image: url("/images/contact-bg-white.png");
}


.contact-form.top{
	margin-top:9%;
}



.contact-form .contact .inputs .error-message{
	display:none;
}

.contact-form .contact .inputs .input-row.error .error-message{
	display:block;
	margin-left:7px;
	margin-top: 5px;
	color:white;
	font-weight: 600;
	font-style: italic;
}


.contact-form .title{
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: 40px;
	color:#fff;
}


.contact-form .info{
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	margin-top:10px;
}


.contact-form .container{
	max-width: 1150px;
}


.contact-form .availability{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left:auto;
	margin-right: auto;
	width: fit-content;
	margin-top:15px;
	
}

.contact-form .availability a{
	display:flex;
	flex-direction: row;
	align-items: center;
	margin-right: 30px;
	color:#fff;
	font-size: 16px;
	transition: 0.5s;

}


.contact-form .availability a i{
	margin-right: 5px;
	font-size: 22px;
}


.contact-form .availability a:last-child{
	margin-right: 0;
}


.contact-form .contact{
	margin-top:40px;
}


.contact-form .contact .inputs{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}


.contact-form .contact .inputs .input-row{
	width: 345px;
	margin-right:auto;

}


.contact-form .contact .inputs .input-row:last-child{
	margin-right: 0;
}

.contact-form .contact .inputs .input-row:nth-last-child(3){
	margin-right: 0;

}

.contact-form .contact .inputs .input-row.text-area{
	width: 100%;
}

.contact-form .contact .inputs input{
	width: 345px;
	height: 66px;
	background-color: #f9f9f9;
	color:#383a39;
	font-size: 16px;
	border-radius: 1px;
	margin-right:auto;
	padding-left: 25px;
	padding-right: 25px;
	font-style: italic;
	border:0;
	outline: 0;
	border-radius: 10px;
}



.contact-form .contact .inputs input:nth-child(3){
	margin-right: 0;
}



.contact-form .contact .inputs textarea{
	width: 100%;
	height: 150px;
	border-radius: 10px;
	margin-top: 60px;
	background-color: #f9f9f9;
	color:#383a39;
	font-size: 16px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-style: italic;
	border:0;
	outline: 0;

}



.contact-form .contact button{
	display:block;
	outline:0;
	margin-left:auto;
	margin-right: auto;
	transition: 0.5s;
	border:1px solid #fff;
	background-color: #f9f9f9;
	color:#d97719;
	text-transform: uppercase;
	font-weight: 700; 
	margin-top: 25px;
	width: 160px;
	height: 50px;
	border-radius: 10px;
	font-size: 18px;
}


.contact-form .contact button:hover{
	background-color: #d97719;
	color: #f9f9f9;
}

.contact-form .availability a:hover{
	color: #383a39;
}



@media(max-width: 1499px){

	.contact-form {
	    padding-top: 140px;
	    padding-bottom: 50px;
	}

	.contact-form .title {
	    font-size: 35px;
	}


	.contact-form .info {
	    color: #fff;
	    text-align: center;
	    font-size: 14px;
	    font-weight: 600;
	    margin-top: 3px;
	}


	.contact-form .contact {
	    margin-top: 30px;
	}


	.contact-form .container {
	    max-width: 1000px;
	}


	
	.contact-form .contact .inputs .input-row{
		width: 315px;
	}

	.contact-form .contact .inputs input {
	    width: 315px;
	    height: 60px;
	    font-size: 15px;
	    padding-left: 20px;
	    padding-right: 20px;
	    border-radius: 9px;
	}

		.contact-form .contact .inputs textarea {
		    height: 140px;
		    border-radius: 9px;
		    margin-top: 40px;
		    font-size: 15px;
		    padding-left: 25px;
		    padding-right: 25px;
		    padding-top: 15px;
		    padding-bottom: 15px;
		}


	.contact-form .contact button {
	    margin-top: 20px;
	    width: 140px;
	    height: 40px;
	    border-radius: 10px;
	    font-size: 16px;
	}


}


@media(max-width: 1199px){



	.contact-form .contact .inputs .input-row.error .error-message{
		font-size: 12px;
	}

	.contact-form .container {
	    max-width: 97%;
	}

	.contact-form {
	    padding-top: 110px;
	    padding-bottom: 40px;
	}

	.contact-form .title {
	    font-size: 30px;
	}


	.contact-form .info {
	    font-size: 13px;
	    margin-top: 0px;
	}


	.contact-form .availability a {
	    margin-right: 20px;
	    font-size: 14px;
	}


	.contact-form .availability a i {
	    margin-right: 4px;
	    font-size: 20px;
	}



	.contact-form .contact .inputs .input-row{
		width: 31%;
	}



	.contact-form .contact .inputs input {
	    width: 100% !important;
	    height: 55px;
	    font-size: 14px;
	    padding-left: 15px;
	    padding-right: 15px;
	    border-radius: 8px;
	}


	.contact-form .contact .inputs textarea {
	    height: 130px;
	    border-radius: 8px;
	    margin-top: 30px;
	    font-size: 14px;
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}


	.contact-form .contact button {
	    margin-top: 15px;
	    width: 130px;
	    height: 35px;
	    border-radius: 6px;
	    font-size: 15px;
	}


}



@media(max-width: 991px){

	.contact-form {
	    padding-top: 70px;
	    padding-bottom: 25px;
	}



	.contact-form .contact .inputs .input-row{
		width: 32%;
	}


	.contact-form .contact .inputs input {
	    width: 32%;
	    height: 45px;
	    font-size: 13px;
	    padding-left: 10px;
	    padding-right: 10px;
	    border-radius: 6px;
	}



	.contact-form .contact .inputs textarea {
	    height: 110px;
	    border-radius: 6px;
	    margin-top: 20px;
	    font-size: 14px;
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}


}



@media(max-width: 767px){


	.contact-form .contact .inputs .input-row{
		width: 100%;
	}

	.contact-form .contact .inputs input{
		width: 100%;
		margin-top:20px;
	}


	.contact-form .container {
	    max-width: 90%;
	}


	.contact-form .contact button {
	    margin-top: 25px;
	    width: 150px;
	    height: 45px;
	    border-radius: 8px;
	    font-size: 18px;
	}


}


@media(max-width: 499px){


	.google-recaptha.input-row.recaptcha-input-row{
		transform: scale(0.9) translateX(-5%);
		margin-top:10px;
	}


	.contact-form .title {
	    font-size: 24px;
	}

	.contact-form {
	    padding-top: 40px;
	    padding-bottom: 20px;
	}


	.contact-form .info {
	    font-size: 12px;
	    margin-top: 0px;
	}

	.contact-form .availability {
	    margin-top: 10px;
	}

	.contact-form .availability a {
	    margin-right: 15px;
	    font-size: 13px;
	}


	.contact-form .availability a i {
	    margin-right: 4px;
	    font-size: 18px;
	}


	.contact-form .contact .inputs input {
	    width: 100%;
	    margin-top: 15px;
	    height: 40px;
	    border-radius: 4px;
	    font-size: 12px;
	}


	.contact-form .contact {
	    margin-top: 20px;
	}



	.contact-form .contact .inputs textarea {
	    height: 100px;
	    border-radius: 4px;
	    margin-top: 25px;
	    font-size: 13px;
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}


	.contact-form .contact button {
	    margin-top: 15px;
	    width: 130px;
	    height: 35px;
	    border-radius: 4px;
	    font-size: 16px;
	}


}


@media(max-width: 399px){


	.google-recaptha.input-row.recaptcha-input-row{
		transform: scale(0.8) translateX(-12.5%);
		margin-top: 5px;
	}

	.contact-form .title {
	    font-size: 22px;
	}


	.contact-form .info {
	    font-size: 10px;
	    margin-top: 0px;
	}

	.contact-form .availability{
		flex-direction: column;
		margin-top:0;
	}

	.contact-form .availability a{
		margin-top:10px;
		margin-right: 0;
	}


	.contact-form .contact .inputs input {
	    width: 100%;
	    margin-top: 10px;
	    height: 35px;
	    border-radius: 4px;
	    font-size: 11px;
	}


	.contact-form .contact .inputs textarea {
	    height: 80px;
	    border-radius: 4px;
	    margin-top: 15px;
	    font-size: 13px;
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}



	.contact-form .contact button {
	    margin-top: 10px;
	    width: 105px;
	    height: 30px;
	    border-radius: 3px;
	    font-size: 14px;
	}




}



/* footer */

footer .top-row .container{
	max-width: 1270px;

}


footer .top-row{
	background-color: #292a29;
	padding-top: 30px;
	padding-bottom: 70px;
	color: #fff;
}


footer .top-row a{
	transition: 0.5s;
	color: #fff;
}


footer .top-row .logo{
	text-align: center;
}


footer .top-row .logo img{
	max-width: 100%;
}

footer .top-row .quote{
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	margin-top: 40px;
}


footer .top-row .quote .author{
	width: fit-content;
	margin-left:auto;
	margin-right: auto;
	margin-top:15px;
}


footer .menu{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top:25px;
}


footer .menu .column{
	width: 300px;
	margin-right: auto;
}





footer .menu .column:last-child{
	margin-right: 0;
}


footer .menu .column .heading{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;


}


footer .menu .column a{
	font-size: 15px;
	font-weight: 500;
	display:block;
	width: fit-content;

}


footer .menu .column a:hover{
	color: #d97719;
}


footer .menu .column .top{
	margin-top:0;
	padding:0;
}

footer .menu .column .bottom{
	margin-top:35px;
}




footer .bottom-row{
	background-color: #f9f9f9;
	padding-top:70px;
	padding-bottom: 50px;
	color:#383a39;
	font-size: 16px;
	font-weight: 700;
	text-align: center;

}


footer .bottom-row .text{
	margin-top: 60px;
	margin-bottom: 60px;


}


@media(max-width: 1499px){

	footer .top-row .logo a{
		width: 80%;
	}

	footer .top-row .logo img{
		width: 320px;
	}


	footer .top-row .quote {
	    max-width: 780px;
	    font-size: 12px;
	    margin-top: 25px;
	}


	footer .top-row .quote .author {
	    margin-top: 10px;
	}


	footer .menu .column .heading {
	    font-size: 16px;
	    margin-bottom: 10px;
	}

	footer .menu .column a {
	    font-size: 14px;
	}


	footer .menu .column {
	    width: 275px;
	}

	footer .bottom-row {
	    padding-top: 50px;
	    padding-bottom: 40px;
	    font-size: 14px;
	}


	footer .bottom-row .text {
	    margin-top: 45px;
	    margin-bottom: 45px;
	}


	footer .top-row {
	    padding-top: 30px;
	    padding-bottom: 50px;
	}


	footer .top-row .container {
	    width: 100%;
	    padding-left: 20px;
	    padding-right: 20px;

	}


}



@media(max-width: 1199px){

	footer .top-row .container {
	    width: 75%;
	    padding-left: 20px;
	    padding-right: 20px;
	}

	footer .menu .column{
		width: 290px;
		margin-top:25px;
	}

	footer .menu .column:nth-child(2n){
		margin-left:auto;
		margin-right: 0;
	}


	footer .bottom-row {
	    padding-top: 40px;
	    padding-bottom: 30px;
	    font-size: 13px;
	}

	footer .bottom-row .text {
	    margin-top: 35px;
	    margin-bottom: 35px;
	}


}



@media(max-width: 991px){

	footer .top-row .container {
	    width: 90%;
	    padding-left: 20px;
	    padding-right: 20px;
	}

	footer .menu .column{
		margin-left:auto !important;
		margin-right: auto!important;
	}

	footer .top-row .quote {
    max-width: 90%;
    font-size: 12px;
    margin-top: 20px;
}




}


@media(max-width: 767px){

	footer .menu .column{
		width: 100%;
	}


	footer .top-row .container {
	    width: 97%;
	
	}

	footer .top-row .quote {
	    max-width: 96%;
	    font-size: 13px;
	    margin-top: 20px;
	}


	footer .menu .column .heading {
	    font-size: 18px;
	    margin-bottom: 15px;
	}


	footer .menu .column a {
	    font-size: 16px;
	}


	footer .bottom-row .container{
		max-width: 95%;
	}



}


@media(max-width: 499px){

	footer .top-row .logo img {
	    width: 280px;
	}


	footer .top-row .quote {
	    max-width: 98%;
	    font-size: 12px;
	    margin-top: 15px;
	}


	footer .menu .column {
	    margin-top: 20px;
	}

	footer .menu .column .heading {
	    font-size: 15px;
	    margin-bottom: 10px;
	}


	footer .menu .column a {
	    font-size: 14px;
	}


	footer .bottom-row {
	    padding-top: 20px;
	    padding-bottom: 20px;
	    font-size: 10px;
	}


}


@media(max-width: 399px){


	footer .top-row .logo img {
	    width: 250px;
	}


	footer .top-row .quote {
	    max-width: 98%;
	    font-size: 10px;
	    margin-top: 15px;
	}


	footer .menu .column {
	    margin-top: 15px;
	}


	footer .menu .column .heading {
	    font-size: 14px;
	    margin-bottom: 6px;
	}


	footer .menu .column a {
	    font-size: 12px;
	}

	footer .menu .column .bottom {
	    margin-top: 25px;
	}


	footer .bottom-row {
	    padding-top: 20px;
	    padding-bottom: 20px;
	    font-size: 8px;
	}


	footer .bottom-row .text {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}




}




/* newsletter-success */


.newletter-sucess{

	font-size: 50px;
    text-align: center;
    color: green;
    padding-top: 20vw;
    padding-bottom: 20vw;
    font-weight: 700;

}





.success{

	font-size: 50px;
    text-align: center;
    color: green;
    padding-top: 20vw;
    padding-bottom: 20vw;
    font-weight: 700;

}


/* breadcrumbs */

.breadcrumbs a{
	color:#383a39;
	font-size: 16px;
	font-weight: 600;
	transition: 0.5s;
}

.breadcrumbs a.active{
	color:#d97719;
}

.breadcrumbs a.active:hover{
	color:#d97719;
}


.breadcrumbs a:hover{
	color: #d97719;
}

.breadcrumbs .container{
	padding:25px; 
	padding-right:0px;

}


.breadcrumbs i{
	color: #383a39;
	margin-left:5px;
	margin-right: 5px;
}


@media(max-width: 991px){

	.breadcrumbs .container {
	    padding: 15px;
	    padding-right: 0px;
	}

	.breadcrumbs a {
	    font-size: 15px;
	}

}



@media(max-width: 767px){


	.breadcrumbs a {
	    font-size: 14px;
	}


	.breadcrumbs .container {
	    padding: 10px;
	    padding-right: 0px;
	}

}


@media(max-width: 399px){

	.breadcrumbs a {
	    font-size: 13px;
	}

	.breadcrumbs .container{
		padding-top: 5px;
		padding-bottom: 5px;
	}
}




/* blog */


.blog-header{
	width: 100%;
	background-color: #fff;

}

.blog-header > img{
	max-width: 100%;
	width: 100%;
}

.blog-header .text{
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
	color: #d97719;
	font-size: 25px;
	font-weight: 600;
	text-align: center;

}


.blogs{
	background-color: #ffffff;
	width: 100%;
	padding-bottom: 40px;
}


.blogs .container{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.blogs .container .blog-box{
	width: 50%;
	margin-bottom: 20px;
}

.blogs .container .blog{
	width: 100%;
	position: relative;
	display: block;
	
}


.blogs .container .blog > img{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	width: 100%;
	max-width: 100%;
	height: auto;
	z-index: 1;
}


.blogs .container .blog .content .img{
	width: 38.95%;
	height: auto;
	position: relative;
	display: block;
	padding-bottom: 49.3%;
	z-index: 0;
	transform: rotate(4.5deg);

}



.blogs .container .blog .content{
	padding-top: 6%;
    padding-left: 3.7%;
}


.blogs .container .blog .content{
	display: flex;
	flex-direction: row;

}

.blogs .container .blog .content .img > img{
	position: absolute;
	top:0;
	left:0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.blogs .container .blog .content .text {
    width: 310px;
    margin-left: auto;
    margin-right: 10.5%;
    margin-top:30px;
    font-size: 13px;
    font-weight: 600;
    color:#383a39;
    transform: rotate(-1deg);
    line-height: 1.2;
    position: relative;
    z-index: 2;
}


.blogs .container .blog .content .text .blog-text{
	height: 171px;
	display: -webkit-box;
	-webkit-line-clamp: 11;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.blogs .container .blog .content .text .date{
	color: #d97719;
	margin-top: 20px;
	transform: rotate(1deg);

}


.blogs .container .blog .content .text .labels{
	transform: rotate(1deg);
	height: 45px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	font-style: italic;
}


.blogs .container .blog .content .text a{
	transform: rotate(1deg);
	transition: 0.5s;
	width: 104px;
	height: 33px;
	color: #d97719;
	background-color: #f6ffff;
	display:flex;
	flex-direction: row;
	align-items: center;
	border-radius: 10px;
	border-width: 2.51px;
	border-color: #da781b;
	border-style: solid;
	font-weight: 700;
	font-size: 14px;
	margin-top: 15px;

}


.blogs .container .blog .content .text a span{
	text-align: center;
	margin-left:auto;
	margin-right: auto;
}


.blogs .container .blog .content .text a:hover{
	border-color: #f6ffff;
	color: #f6ffff;
	background-color: #da781b;
}


 .blogs .container .blog-box .blog-title {
    font-size: 26px;
    font-weight: 900;
    color: #292a29;
    margin-left: 47.5%;
    transform: translateY(50px) rotate(-2deg);
    position: relative;
    z-index: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40%;
    line-height: 1.2;
    margin-bottom: 6px;
    height: 60px;
    display: flex;
    align-items: flex-end;
    display: flex;
}

 .blogs .container .blog-box .blog-title span{

 	display: -webkit-box;
    align-items: flex-end;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;

 }

    






@media(max-width: 1649px){

	.blogs .container .blog-box .blog-title {
	    font-size: 24px;
	    margin-left: 47.5%;
	    transform: translateY(42px) rotate(-2deg);
	    max-width: 40%;
	}

	.blogs .container .blog .content .text .blog-text {
	    height: 120px;
	    -webkit-line-clamp: 8;
	}


	.blogs .container .blog .content .text .date {
	    margin-top: 15px;
	}


	.blogs .container .blog .content .text .labels {
	    transform: rotate(1deg);
	    height: 30px;
	    -webkit-line-clamp: 2;
	}



	.blogs .container .blog .content .img {
	    width: 38.95%;
	    padding-bottom: 49%;
	    transform: rotate(4.5deg);
	}



	.blogs .container .blog .content .text {
	    width: 238px;
	    margin-right: 10.5%;
	    margin-top: 20px;
	    font-size: 13px;
	}



	.blog-header .text {
	    max-width: 820px;
	    font-size: 23px;
	}


}



@media(max-width: 1199px){

	.blog-header .text {
	    max-width: 730px;
	    font-size: 21px;
	}


	.blogs .container .blog .content .text {
	    width: 198px;
	    margin-right: 10.5%;
	    margin-top: 15px;
	    font-size: 12px;
	}


	.blogs .container .blog-box .blog-title {
	    font-size: 22px;
	    margin-left: 47.5%;
	    transform: translateY(33px) rotate(-1deg);
	    max-width: 40%;
	}


	.blogs .container .blog .content .text .blog-text {
	    height: 96px;
	    -webkit-line-clamp: 7;
	}


	.blogs .container .blog .content .text .date {
	    margin-top: 10px;
	}




	.blogs .container .blog .content .text a {
	    width: 90px;
	    height: 28px;
	    border-radius: 8px;
	    border-width: 1.5px;
	    font-size: 13px;
	    margin-top: 10px;
	}



}



@media(max-width: 991px){

	.blog-header .text {
	    max-width: 630px;
	    font-size: 18px;
	}


	.blogs .container .blog-box .blog-title {
	    font-size: 20px;
	    margin-left: 42.5%;
	    transform: translateY(24px) rotate(-1deg);
	    max-width: 50%;
	}



	.blogs .container .blog .content .text {
	    width: 150px;
	    margin-right: 10.5%;
	    margin-top: 15px;
	    font-size: 11px;
	}



	.blogs .container .blog .content .text .blog-text {
	    height: 73px;
	    -webkit-line-clamp: 6;
	    line-height: 1.1;
	}



	.blogs .container .blog .content .text .date {
	    margin-top: 7px;
	}


	.blogs .container .blog .content .text .labels {
	    transform: rotate(1deg);
	    height: 24px;
	    -webkit-line-clamp: 2;
	}


	.blogs .container .blog .content .text a {
	    width: 75px;
	    height: 22px;
	    border-radius: 5px;
	    border-width: 1px;
	    font-size: 12px;
	    margin-top: 5px;
	}


	.blogs .container .blog-box {
	    width: 50%;
	    margin-bottom: 10px;
	}


}


@media(max-width: 767px){

	.blogs .container .blog-box {
	    width: 100%;
	    margin-bottom: 10px;
	}


	.blog-header .text {
	    max-width: 560px;
	    font-size: 17px;
	}


	.blogs .container .blog-box .blog-title {
	    font-size: 27px;
	    margin-left: 45.5%;
	    transform: translateY(38px) rotate(-1deg);
	    max-width: 44%;
	}



	.blogs .container .blog .content .text {
	    width: 42%;
	    margin-right: 10.5%;
	    margin-top: 5%;
	    font-size: 12px;
	}

	.blogs .container .blog .content .text .blog-text {
	    height: 125px;
	    -webkit-line-clamp: 9;
	    line-height: 1.2;
	}

	.blogs .container .blog .content .text .date {
	    margin-top: 10px;
	}

	.blogs .container .blog .content .text .labels {
	    transform: rotate(1deg);
	    height: 25px;
	    -webkit-line-clamp: 2;
	}

	.blogs .container .blog .content .text a {
	    width: 100px;
	    height: 26px;
	    border-radius: 7px;
	    border-width: 1px;
	    font-size: 13px;
	    margin-top: 10px;
	}


}

@media(max-width: 599px){

	.blog-header .text {
	    max-width: 90%;
	    font-size: 2.7vw;
	}


	.blogs .container .blog-box .blog-title {
	    font-size: 4.2vw;
	    margin-left: 45.5%;
	    transform: translateY(6vw) rotate(-2deg);
	    max-width: 44%;
	}

	.blogs .container .blog .content .text .blog-text {
	    height: 113px;
	    -webkit-line-clamp: 8;
	    line-height: 1.2;
	}



	.blogs .container .blog .content .text {
	    width: 42%;
	    margin-right: 10.5%;
	    margin-top: 5%;
	    font-size: 12px;
	}


	.blogs .container .blog .content .text .labels {
	    transform: rotate(1deg);
	    height: 25px;
	    -webkit-line-clamp: 2;
	}


	.blogs .container{
		width: 95%;
		max-width: 95%;
	}


	.blogs .container .blog .content .text a {
	    width: 100px;
	    height: 30px;
	    border-radius: 6px;
	    border-width: 1px;
	    font-size: 13px;
	    margin-top: 10px;
	}




}



@media(max-width: 549px){

	.blogs .container .blog .content .text .blog-text {
	    height: 99px;
	    -webkit-line-clamp: 7;
	    line-height: 1.2;
	}


}



@media(max-width: 499px){

	.blogs .container .blog .content .text {
	    width: 42%;
	    margin-right: 10.5%;
	    margin-top: 5%;
	    font-size: 11px;
	}


	.blogs .container .blog .content .text .date {
	    margin-top: 7px;
	}

	.blogs .container .blog .content .text a {
	    width: 90px;
	    height: 24px;
	    border-radius: 4px;
	    border-width: 1px;
	    font-size: 12px;
	    margin-top: 7px;
	}



	.blogs .container .blog .content .text .blog-text {
	    height: 105px;
	    -webkit-line-clamp: 8;
	    line-height: 1.2;
	}



	.blogs .container .blog .content .text .labels {
	    transform: rotate(1deg);
	    height: 25px;
	    -webkit-line-clamp: 2;
	}

}



@media(max-width: 459px){

	.blogs .container .blog .content .text .blog-text {
	    height: 79px;
	    -webkit-line-clamp: 6;
	    line-height: 1.2;
	}

	.blog-header .text {
	    max-width: 90%;
	    font-size: 3.7vw;
	    line-height: 1.2;
	}



}


@media(max-width: 399px){

	.blogs .container .blog .content .text {
	    width: 42%;
	    margin-right: 10.5%;
	    margin-top: 5%;
	    font-size: 10px;
	}



	.blogs .container .blog .content .text .blog-text {
	    height: 72px;
	    -webkit-line-clamp: 6;
	    line-height: 1.2;
	}


	.blogs .container .blog .content .text a {
	    width: 70px;
	    height: 19px;
	    border-radius: 4px;
	    border-width: 1px;
	    font-size: 11px;
	    margin-top: 6px;
	}	


	.blogs .container .blog .content .text .labels {
	    transform: rotate(1deg);
	    height: 23px;
	    -webkit-line-clamp: 2;
	}


}



@media(max-width: 359px){

	.blogs .container .blog .content .text {
	    width: 42%;
	    margin-right: 10.5%;
	    margin-top: 5%;
	    font-size: 9px;
	}


	.blogs .container .blog .content .text .blog-text {
	    height: 55px;
	    -webkit-line-clamp: 6;
	    line-height: 1.1;
	}

	.blogs .container .blog .content .text .date {
	    margin-top: 5px;
	}

	.blogs .container .blog .content .text .labels {
	    transform: rotate(1deg);
	    height: 21px;
	    -webkit-line-clamp: 2;
	}


	.blogs .container .blog .content .text a {
	    width: 60px;
	    height: 18px;
	    border-radius: 4px;
	    border-width: 1px;
	    font-size: 10px;
	    margin-top: 5px;
	}


}


/* blogs pagination */

.blogs .pagination{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: flex;
	flex-direction: row;
	width: fit-content;
	align-items: center;
	margin-top:45px;
}


.blogs .pagination .prev.disabled, .blogs .pagination .next.disabled {
	display:none;
	
}


.blogs .pagination .prev, .blogs .pagination .next{
	font-size: 36px;
	color: #292a29;
	display: flex;
	align-items: center;
}


.blogs .pagination .prev a, .blogs .pagination .next a{
	display: flex;
	align-items: center;
	color: #292a29;
	transition: 0.5s;
}

.blogs .pagination .prev a, .blogs .pagination .next a:hover{
	color: #da781b;
}


.blogs .pagination .page{
	
	width: 40px;
	border-radius: 60%;
	background-color: #d97719;
	color: #fff;
	margin-right: 8px;
	margin-left: 8px;
	font-size: 27px;
	font-weight: 900;
	display: flex;
	flex-direction: row;
	align-items: center;
	vertical-align: middle;
	transition: 0.5s;

}


.blogs .pagination .page:hover{
	background-color: #292a29;
}


.blogs .pagination .page.active{
	background-color: #292a29;
}

.blogs .pagination .page span{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.blogs .pagination .page a{
	transition: 0.5s;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	

}


@media(max-width: 499px){

	.blogs .pagination {
	    margin-top: 30px;
	}

	.blogs .pagination .prev, .blogs .pagination .next {
	    font-size: 30px;
	}


	.blogs .pagination .page {
	    width: 34px;
	    margin-right: 5px;
	    margin-left: 5px;
	    font-size: 23px;
	}



	.blogs .pagination .next {
	    margin-left:10px;
	}

	.blogs .pagination .prev{
		margin-right: 10px;
	}


}





/* staticpages */

.staticpage{
	margin-top:50px;
	margin-bottom: 50px;
}

.staticpage img{
	max-width: 100%;
}

.staticpage h1{
	
    font-size: 80px;
    text-align: center;
    line-height: 0.8;

}


.staticpage .container{
	/*background-color: #fff;
	box-shadow: 0px 14px 92.7px 10.3px rgba(29, 29, 27, 0.24); */
	padding: 40px;
	border-radius: 10px;

}


.staticpage .content{
	font-size: 21px;
	margin-top:40px;
}


@media(max-width: 1649px){

	.staticpage h1 {
	    font-size: 80px;
	    line-height: 1;
	}


	.staticpage .content {
	    font-size: 20px;
	    margin-top: 40px;
	}


}






@media(max-width: 1199px){

	.staticpage h1 {
	    font-size: 60px;
	    line-height: 1;
	}


	.staticpage .content {
	    font-size: 19px;
	    margin-top: 40px;
	}



}




@media(max-width: 991px){


	.staticpage{
		margin-top:35px;
		margin-bottom: 35px;
	}

	.staticpage h1 {
	    font-size: 50px;
	    line-height: 1;
	}


	.staticpage .content {
	    font-size: 18px;
	    margin-top: 40px;
	}


	.staticpage .container{
		padding: 25px;
		border-radius: 9px;

	}

}





@media(max-width: 767px){


	.staticpage{
		margin-top:25px;
		margin-bottom: 25px;
	}

	.staticpage h1 {
	    font-size: 40px;
	    line-height: 1;
	}


	.staticpage .content {
	    font-size: 16px;
	    margin-top: 30px;
	    text-align: justify;
	}


	.staticpage .container{
		padding: 15px;
		border-radius: 9px;
		max-width: 97%;
		width: 97%;

	}



}




@media(max-width: 499px){


	.staticpage{
		margin-top:20px;
		margin-bottom: 20px;
	}

	.staticpage h1 {
	    font-size: 36px;
	    line-height: 1;
	}


	.staticpage .content {
	    font-size: 16px;
	    margin-top: 30px;
	}


	.staticpage .container{
		padding: 15px;
		border-radius: 9px;
		max-width: 95%;
		width: 95%;

	}



}






/* blogs-subpage */


.blogs-subpage{
	background-color: #fff;
	padding-top:50px;
	padding-bottom: 50px;

}



.blogs-subpage h1{

	font-weight: 900;
    font-size: 48px;

}



.blogs-subpage .content{
	font-size: 21px;
	margin-top: 20px;
}


@media(max-width: 599px){


	.blogs-subpage{
		padding-top:25px;
		padding-bottom: 25px;

	}

	 .blogs-subpage .container{
	 	max-width: 95%;
	 	width: 95%;
	 }

	 .blogs-subpage .content{
	 	font-size: 18px;
	 	text-align: justify;
	 	margin-top: 10px;
	 }


	.blogs-subpage h1{
	    font-size: 40px;


	}


}


@media(max-width: 399px){
	 .blogs-subpage .content{
	 	font-size: 16px;
	
	 }


	 .blogs-subpage h1{
	    font-size: 36px;

	}
}


/* Albumok */

.albums h1 {
    text-align: center;
    font-size: 70px;
    font-weight: 600;
}


.albums .container{
	display:flex;
	flex-direction: row;
	margin-top:75px;
	flex-wrap: wrap;
}


.albums .album{
	width: 30%;
	margin-right: 5%;
	box-shadow: 0px 5px 32.56px 11.44px rgba(0, 0, 0, 0.15);
	margin-bottom: 80px;
	padding:10px;
	border-radius: 14px;
	background-color: #d97719;
	transition: 0.5s;
}


.albums .album:nth-child(3n){
	margin-right: 0;
}


.albums .album .img{
	position: relative;
	width: 100%;
	padding-bottom: 60%;
	display:block;
	overflow: hidden;
}

.albums .album .img img{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	right: 0;
	object-fit: cover;
	transition: 0.5s;
}


.albums .album .album-title{
	font-size: 30px;
	color: #fff;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	font-weight: 500;
	transition: 0.5s;
}


.albums .album:hover .img img{
	transform: scale(1.25);
}



@media(max-width: 1199px){

	.albums .album {
	    width: 32%;
	    margin-right: 2%;
	    padding: 6px;
	    margin-bottom: 40px;
	    border-radius: 8px;

	}


	.albums .album .album-title{
		font-size: 25px;
		padding-top: 5px;
    	padding-bottom: 5px;

	}


	.albums h1 {
	    font-size: 60px;
	}



	.albums .container {
	    margin-top: 50px;

	    margin-bottom:20px;
	}


}



@media(max-width: 991px){

	.albums h1 {
	    font-size: 50px;
	}


	.albums .album .album-title {
	    font-size: 20px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	}



	.albums .container {
	    margin-top: 40px;
	    margin-bottom: 20px;
	}


}



@media(max-width: 767px){

	.albums .album {
	    width: 49%;
	    margin-right: 2%;
	    padding: 6px;
	    margin-bottom: 25px;
	    border-radius: 8px;
	}


	.albums .album:nth-child(3n){
		margin-right: 2%;
	}


	.albums .album:nth-child(2n){
		margin-right: 0;
	}


	.albums h1 {
		margin-top:10px;
	    font-size: 40px;
	}



	.albums .container {
	    margin-top: 30px;
	    margin-bottom: 20px;
	}


}






@media(max-width: 599px){

	.albums .container{
		max-width: 95%;
		margin-left:auto;
		margin-right: auto;
	}

}


@media(max-width: 499px){

	.albums h1 {
	    margin-top: 10px;
	    font-size: 30px;
	}


	.albums .album .album-title {
	    font-size: 14px;
	    padding-top: 2px;
	    padding-bottom: 2px;
	}


	.albums .album {
	    width: 49%;
	    margin-right: 2%;
	    padding: 3px;
	    margin-bottom: 15px;
	    border-radius: 5px;
	}


	.albums .container {
	    margin-top: 20px;
	    margin-bottom: 15px;
	}









 }







/* galéria */

.album-images h1 {
    text-align: center;
    font-size: 70px;
    font-weight: 600;
}


.album-images .container{
	display:flex;
	flex-direction: row;
	margin-top:75px;
	flex-wrap: wrap;
}



.album-images .image{
	width: 30%;
	margin-right:5%;
	margin-bottom:80px;
	box-shadow: 0px 5px 32.56px 11.44px rgba(0, 0, 0, 0.22);

}


.album-images .image:nth-child(3n){
	margin-right: 0;
}


.album-images .image .img{
	position: relative;
	width: 100%;
	display:block;
	padding-bottom: 60%;
	display:block;
	overflow: hidden;
}


.album-images .image .img img {
	width: 100%;
	height: 100%;
	object-fit:cover;
	position: absolute;
	top:0;
	left:0;
	right: 0;
	transition: 0.5s;

}

.album-images .image:hover .img img{
	transform: scale(1.1);
}


@media(max-width: 1199px){


	.album-images h1 {
	    font-size: 60px;
	}


	.album-images .container {
	    margin-top: 55px;
	}


	.album-images .image {
	    width: 30%;
	    margin-right: 5%;
	    margin-bottom: 60px;
	    box-shadow: 0px 5px 32.56px 11.44px rgba(0, 0, 0, 0.15);
	}


}


@media(max-width: 991px){


	.album-images h1 {
	    font-size: 50px;
	    margin-top:10px;
	}


	.album-images .container {
	    margin-top: 45px;
	    margin-bottom:10px;
	}



	.album-images .image {
	    width: 30%;
	    margin-right: 5%;
	    margin-bottom: 45px;
	    box-shadow: 0px 5px 32.56px 11.44px rgba(0, 0, 0, 0.15);
	}



}



@media(max-width: 767px){

	.album-images h1 {
	    font-size: 40px;
	    margin-top: 10px;
	}


	.album-images .image {
	    width: 49%;
	    margin-right: 2%;
	    margin-bottom: 30px;
	    box-shadow: 0px 5px 32.56px 11.44px rgba(0, 0, 0, 0.15);
	}

	.album-images .image:nth-child(3n){
		margin-right: 2%;
	}

	.album-images .image:nth-child(2n){
		margin-right: 0;
	}


	.album-images .container {
	    margin-top: 30px;
	    margin-bottom: 20px;
	}


}


@media(max-width: 599px){
	.album-images .container {
	    margin-top: 30px;
	    margin-bottom: 20px;
	    max-width: 95%;
	}
}



@media(max-width: 499px){

	.album-images h1 {
	    font-size: 30px;
	    margin-top: 7px;
	}


	.album-images .container {
	    margin-top: 15px;
	    margin-bottom: 15px;
	    max-width: 95%;
	}

	.album-images .image{
		margin-bottom: 15px;
		box-shadow: 0px 5px 32.56px 11.44px rgba(0, 0, 0, 0.10);

	}


}



.blogs-subpage img{
	max-width: 100%;
}

/*AKITA KUTYÁK ALOLDALA*/
.akita-dog-subpage-design-desktop-parameters-image{
    padding: 10px;
    background: #292929;
    border-radius: 40px;
    border: 3px solid #da7812;
    box-shadow: 1px -1px 9px 0px gainsboro;}
.akita-dog-subpage-design-desktop-parameters-image:hover{
    padding: 10px;
    background: white;
    border-radius: 40px;
    border: 3px solid #da7812;
    box-shadow: 1px -1px 9px 0px gainsboro;}
 .akita-dog-subpage-design-desktop-parameters-text{background: #da781229;
    padding: 20px;
    font-size: 15px;
    border-radius: 20px;
  margin: 3px;
    font-weight: 700;}
.akita-dog-subpage-design-desktop-ancestors {
    background: #d97719;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 10px;
    border: 2px solid black;
    color: white;
}
.akita-dog-subpage-design-desktop-ancestors:hover{
    background: #292a29;
    transition-duration: 2s, 2s;
}
.akita-dog-subpage-design-desktop-video{
    border: 3px solid #d97719;
    box-shadow: 1px 1px 10px;}
.mini-container {    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
}
.middle-container{max-width: 992px;
    margin-right: auto;
    margin-left: auto;}
.akita-dog-subpage-design-desktop-description{margin-top: 25px;
    margin-bottom: 25px;
    background: #d97719;
    padding: 20px;
    color: aliceblue;
    border-radius: 21px;}
.akita-dog-subpage-design-desktop-image{
    border: 4px solid #d97719;
    box-shadow: 1px 1px 10px;
    margin-top: 10px;
    margin-bottom: 10px
}
.akita-dog-subpage-design-desktop-title{
    margin-top: 20px;
    margin-bottom: 20px;
    background: #292929;
    padding: 20px;
    border-radius: 50px 20px;
    color: white;
    font-weight: 600;
    text-align: center;}
.akita-dog-subpage-design-desktop-description2{    box-shadow: 1px 1px 10px #b7b2b2;
    padding: 15px;
    border-radius: 30px 20px;
    font-weight: 500;
    color: #d97719;
    background: #f3f3f3;}
.akita-dog-subpage-design-desktop-description3 {margin-top: 20px;
    margin-bottom: 20px;}
.akita-dog-subpage-design-desktop-startimage{ margin: 10px;
    box-shadow: 1px 1px 10px;
    border: 1px solid;}
@media(max-width:992px){.akita-dog-subpage-design-desktop-startimage{display:none;}}

/*KUTYÁINK ALOLDAL*/
@media(max-width:992px){.kutyaink-aloldal-asztali{display:none}}
      @media(min-width:992px){.kutyaink-aloldal-mobil{display:none}}
    .kutyaink-aloldal-image01{padding:10px;}
    .kutyaink-aloldal-image01:hover{
    transform: scale(0.9);
    transition: all .5s;
    filter: grayscale(100%);
    border:solid 1px red;
    box-shadow: 1px 1px 10px #d97719;
  }
  .kutyaink-aloldal-image02{padding:10px;text-align:center;}
    .kutyaink-aloldal-image02:hover{
    transform: scale(0.9);
    transition: all .5s;
    filter: grayscale(100%);
    border:solid 1px red;
    box-shadow: 1px 1px 10px #d97719;
    text-align:center;
  }
 /*KISKUTYA ALOLDAL*/
  @media(max-width:992px){.kiskutya-aloldal-asztali{display:none}}
      @media(min-width:992px){.kiskutya-aloldal-mobil{display:none}}
    .kiskutya-aloldal-image01{padding:10px;}
    .kiskutya-aloldal-image01:hover{
    transform: scale(0.9);
    transition: all .5s;
    filter: grayscale(100%);
    border:solid 1px red;
    box-shadow: 1px 1px 10px #d97719;
  }
  .kiskutya-aloldal-image02{padding:10px;text-align:center;}
    .kiskutya-aloldal-image02:hover{
    transform: scale(0.9);
    transition: all .5s;
    filter: grayscale(100%);
    border:solid 1px red;
    box-shadow: 1px 1px 10px #d97719;
    text-align:center;
  }
  /*Az Akitáról*/
  .about-the-akita-image{padding: 10px;
     max-width:70%;
     margin-right: auto;
    margin-left: auto;
  }
  .about-the-akita-image:hover{transform: scale(1.2) rotate(30deg);
    transition: all 1.0s;
    overflow: hidden;
    filter: drop-shadow(1px 4px 6px #292a29);
  }
  .about-the-akita-title{color: #fff;
    background: #d97719;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding: 6px 10px 8px;
    margin: 0 0 0 25px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
    margin-top: 20px;
    text-align: center;
  }
.about-the-akita-title:hover{color: #292a29;
    background: #636161;
    font-style: italic;
    text-shadow: 4px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 5px 2px 0 5px #e4a05e, -5px 2px 0 5px #d97719;
}
 .about-the-akita-image0{padding: 10px;
     max-width:70%;
     margin-right: auto;
    margin-left: auto;
  }
  .about-the-akita-image0:hover{transform: scale(1.2) rotate(30deg);
    transition: all 1.0s;
    overflow: hidden;
    filter: drop-shadow(1px 4px 6px #292a29);
  }
  .about-the-akita-title0{color: #fff;
    background: #d97719;
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding: 6px 10px 8px;
    margin: 0 0 0 25px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
    margin-top: 20px;
    text-align: center;
  }
.about-the-akita-title0:hover{color: #292a29;
    background: #636161;
    font-style: italic;
    text-shadow: 4px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 5px 2px 0 5px #e4a05e, -5px 2px 0 5px #d97719;
}
.about-the-akita-mobil{display:none;}
@media(max-width:992px){.about-the-akita-mobil{display:block;}.about-the-akita-desktop{display:none;}}
/*RÓLUNK ALOLDAL*/
.rolunk-mobil{display:none;}
      @media(max-width:992px){.rolunk-mobil{display:block;}.rolunk-asztali{display:none;}}
.szolgaltatas-hover:hover{transform: scale(1.2) rotate(30deg);
    transition: all 1.0s;
    overflow: hidden;
    filter: grayscale(1);}
.szolgaltatas-hover{padding: 10px;
     max-width:70%;
     margin-right: auto;
    margin-left: auto;}
.szolgaltatas-tartalom{    background: #eaeae8;
    padding: 10px;}
    
                    
#slider-1.carousel .carousel-item .text.show {
    display:none!important;
}
footer .top-row .container .menu .column:nth-last-child(1) .bottom a:nth-last-child(1) {
	display: none;
}
.contact-form .availability a:nth-child(2){
    display:none;
}






.kutyahoroszkop .dogbox {
	width: 100%;
	margin: 10px;
	padding: 15px;
	display: flex;
	align-items: center;
	text-align: justify;
}

  .kutyahoroszkop .dogbox img {
	width: 300px;
	height: 300px;
	border-radius: 15px;
	max-width: 100%;
}
.kutyahoroszkop .dogtext {
	padding: 18px;
}

 .kutyahoroszkop .dogbox h2 {
	font-size: 1.5em;
	color: #d97719;
	text-align: left;
	padding: 0px;
}

  .kutyahoroszkop .dogbox p {
	font-size: 0.9em;
	color: #666;
	line-height: 1.5;
	margin-bottom: 10px;
}
.bevezeto img {
	max-width: 100%;
	margin: auto;
	display: flex;
	width: 100%;
}
.lezaro h2 {
	color: #d97719;
	text-align: left;
	padding: 0px;
}

@media(max-width:992px){
    .kutyahoroszkop .dogbox {
	flex-direction: column;
	width: auto;
	padding: 0px;
}
.kutyahoroszkop .dogbox img {
	width: 100%;
	height:100%;
}
.kutyahoroszkop .dogtext {
	padding: 5px;
}
}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        