/**
 * @package Modularity v4 theme by Alphabeta
 * @author Alphabeta https://www.alphabeta.ro
 * @copyright Copyright (c) 2013 - 2018 AlphaBeta
 */

/* HEADER */

#sp-header {
	max-width: 100% !important;
	height: 70px !important;
	width: auto !important;
	right: 0;
	opacity: 0;
	transition: opacity 1s;
}

/* buton vertical menu */

.menu-icon-cont.sm-btn-95 {
	top: 20px !important;
    right: 35px !important;
    background-color: transparent !important;
}

#sp-main-body {
	margin-top: -70px !important;
}

/* FOOTER */
/* Social icons */

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 10px;
	grid-template-rows: 1fr;
	justify-items: center;
  	align-items: center;
	padding-left: 20%;
	padding-right: 20%;
}




.title-work::before, .title-work::after {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	border-top: 1px solid #bac2c4;
	top: calc(31px/2);
}

.title-work::before {
	right: calc(50% + (100px/2 + 10px));
	margin-right: 12px;
}

.title-work::after {
	left: calc(50% + (100px/2 + 10px));
    margin-left: 12px;
}

.title-bio::before, .title-bio::after {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	border-top: 1px solid #bac2c4;
	top: calc(31px/2);
}

.title-bio::before {
	right: calc(50% + (75px/2 + 10px));
	margin-right: 12px;
}

.title-bio::after {
	left: calc(50% + (75px/2 + 10px));
    margin-left: 12px;
}

.title-insta::before, .title-insta::after {
	content: "";
	position: absolute;
	display: block;
	width: 50px;
	border-top: 1px solid #bac2c4;
	top: calc(31px/2);
}

.title-insta::before {
	right: calc(50% + (160px/2 + 10px));
	margin-right: 12px;
}

.title-insta::after {
	left: calc(50% + (160px/2 + 10px));
    margin-left: 12px;
}


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

	#sp-position7 .custom p:first-child {
		display: none;
	}
}

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

	.grid {
		padding-left: 5%;
		padding-right: 5%;
	}

	.carousel-bottom {
		font-size: 18px !important;
	}

	.carousel-top {
		font-size: 18px !important;
	}

}

.dot {

	display: inline;
}




/* carousel */

/* animatie*/

@keyframes carousel {
    0%  {opacity: 1; left :8%;}
	2%  {opacity: 0.60;}
	5%  {opacity: 0.30;}
	8% {opacity: 0; left: 0%;}
	9% {opacity: 0; left: 100%;}
	12% {opacity:0.3;}
	15% {opacity:0.6;}
	18% {opacity:1;}
   	100% {opacity:1; left :8%;}
}

@keyframes carousel2 {
    0%  {opacity: 1; left :25%;}
	19%  {opacity: 0.60;}
	22%  {opacity: 0.30;}
	25% {opacity: 0; left: 0%;}
	26% {opacity: 0; left: 100%;}
	29% {opacity:0.3;}
	32% {opacity:0.6;}
	35% {opacity:1;}
   	100% {opacity:1; left :25%;}
}

@keyframes carousel3 {
    0%  {opacity: 1; left :42%;}
	36%  {opacity: 0.60;}
	39%  {opacity: 0.30;}
	42% {opacity: 0; left: 0%;}
	43% {opacity: 0; left: 100%;}
	46% {opacity:0.3;}
	49% {opacity:0.6;}
	52% {opacity:1;}
   	100% {opacity:1; left :42%;}
}

@keyframes carousel4 {
    0%  {opacity: 1; left :59%;}
	53%  {opacity: 0.60;}
	56%  {opacity: 0.30;}
	59% {opacity: 0; left: 0%;}
	60% {opacity: 0; left: 100%;}
	63% {opacity:0.3;}
	66% {opacity:0.6;}
	69% {opacity:1;}
   	100% {opacity:1; left :59%;}
}

@keyframes carousel5 {
    0%  {opacity: 1; left :76%;}
	70%  {opacity: 0.60;}
	73%  {opacity: 0.30;}
	76% {opacity: 0; left: 0%;}
	77% {opacity: 0; left: 100%;}
	80% {opacity:0.3;}
	83% {opacity:0.6;}
	86% {opacity:1;}
   	100% {opacity:1; left :76%;}
}

@keyframes carousel6 {
    0%  {opacity: 1; left :93%;}
	87%  {opacity: 0.60;}
	90%  {opacity: 0.30;}
	93% {opacity: 0; left: 0%;}
	94% {opacity: 0; left: 100%;}
	97% {opacity:0.3;}
	99% {opacity:0.6;}
   	100% {opacity:1; left :93%;}
}

.carousel p {

	width: 140px;
}

/* elemente animatie */

.car1 {
	display: inline;
	position: absolute;
	left: 8%;
	transform: translateX(-50%);
    -webkit-animation-name: carousel; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation-name: carousel;
    animation-duration: 15s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}

.dot1 {    
    display: inline;
    position: absolute;
	left: 25%;
	transform: translateX(-50%);
  	min-width: 120px;
    -webkit-animation-name: carousel2; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */
    animation-name: carousel2;
    animation-duration: 15s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.car2 {

    display: inline;
    position: absolute;
	left: 42%;
	transform: translateX(-50%);
    -webkit-animation-name: carousel3; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */    
    animation-name: carousel3;
    animation-duration: 15s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}
.dot2 {    
  display: inline;
    position: absolute;
	left: 59%;
	transform: translateX(-50%);
  	min-width: 130px;
    -webkit-animation-name: carousel4; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */      
    animation-name: carousel4;
    animation-duration: 15s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.car3 {

    display: inline;
    position: absolute;
	left: 76%;
	transform: translateX(-50%);
    -webkit-animation-name: carousel5; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */     
    animation-name: carousel5;
    animation-duration: 15s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}

.dot3 {    
  	display: inline;
    position: absolute;
	left: 93%;
	transform: translateX(-50%);
  	min-width: 100px;
    -webkit-animation-name: carousel6; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: 0s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: linear; /* Safari 4.0 - 8.0 */    
    animation-name: carousel6;
    animation-duration: 15s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.dot1 img {
	margin-left: auto;
	margin-right: auto;
	display: table;
	padding-top: 27px;
	padding-bottom: 27px;
}

.dot2 img {
	margin-left: auto;
	margin-right: auto;
	display: table;
	padding-top: 27px;
	padding-bottom: 27px;
}

.dot3 img {
	margin-left: auto;
	margin-right: auto;
	display: table;
	padding-top: 27px;
	padding-bottom: 27px;
}

/* carousel din footer */

.carousel-bottom {
	font-size: 22px;
}

.carousel-bottom .dot1 img {
	padding-top: 14px;
	padding-bottom: 9px;

}

.carousel-bottom .dot2 img {
	padding-top: 14px;
	padding-bottom: 9px;

}

.carousel-bottom .dot3 img {
	padding-top: 14px;
	padding-bottom: 9px;

}


/* modificari bulina pe mobil */

@media only screen and (max-width: 600px) {
	.dot3 img {
		padding-top:10px !important;
	    padding-bottom:25px !important;
	}
	  
	.dot3 {
	    min-width: 50px;
	}
	  
	.dot2 img {
		padding-top:10px !important;
	    padding-bottom:25px !important;
	}
	  
	.dot2 {
	    min-width: 70px;
	}

	.dot1 img {
		padding-top:10px !important;
	    padding-bottom:25px !important;
	}
	  
	.dot1 {
	    min-width: 60px;
	}
}