/*
Project: BARAKA Custom Design;
Design: Brandfully;
Client: Brandfully;
Development: E-Advertising;
Coding: CiprianTolescu.com;
*/

/* --- CUSTOM Fonts Embeding --- */

@import url("../fonts/custom-fonts.css");


body{
	font-family: 'American Typewriter';
    font-weight: normal;
    font-style: normal;
    color:#7d7664;
}
.header-section{
	background-image: url('../img/header-bg-left-top.png');
	background-repeat: no-repeat;
}

.ulei-section{
	background-image: url('../img/bg-sectiune-ulei.png');
	background-repeat:no-repeat;
}
.ulei-section h2, .ulei-section h3{
	color:#839f3d;
}
.ulei-section h2{
	font-size:8em;
}
.ulei-section h3{
	font-size:3em;
	margin-top:-0.4em;
}
.ulei-section p{
	font-size:0.8em;
}

.cand-section h2, .cand-section h3{
	color:#839f3d;
}
.cand-section h2{
	font-size:8em;
}
.cand-section h3{
	font-size:3em;
	margin-top:-0.4em;
}
.cand-section p{
	font-size:0.8em;
}

.istoria-section h2, .istoria-section h3{
	color:#839f3d;
}
.istoria-section h2{
	font-size:8em;
}
.istoria-section h3{
	font-size:3em;
	margin-top:-0.4em;
}
.istoria-section .column-left{
	background-image: url('../img/background-sectiune-istorie.png');
	background-repeat: no-repeat;
	background-size: contain;
	padding:2em 2em;
	font-size:1.2em;
}
@media (min-width: 768px) {
	.istoria-section .column-left{
		padding:5em 8em;
	}
}

.ambalaj-section .info{
    display: inline-block;
    position: absolute;
    top: 7em;
    right: 1em;
    text-align: center;
    color: #fff;
    width:300px;
}
.ambalaj-section .packing-new{
	margin-top:8em;
}

.ambalaj-section .info h2{
	font-size: 7em;
}
.ambalaj-section .info h3{
	font-size:3em;
}

@media (max-width: 768px){
	.ambalaj-section .info{
		display: inline-block;
		position:relative;
		top:0;
		right:0;
		text-align: right;
		margin-top:-1em;
		width:100%;

	}
	.ambalaj-section .info h2{
	font-size: 3.5em;
	}
	.ambalaj-section .info h3{
		font-size:1.5em;
	}
	.ambalaj-section .packing-new{
		margin-top:-3em;
	}
}
.header-right{
	
	background:url('../img/header-svg.svg');
	background-repeat: no-repeat;
	background-position:top right;
	padding-top:6em;
}

.belfast{

    font-family: 'Belfast';
    font-weight: normal;
    font-style: normal;

}
.americantipewriter{
	font-family: 'American Typewriter';
    font-weight: normal;
    font-style: normal;
}
.backtoblack{
	font-family: 'Back to Black Demo';
    font-weight: 900;
    font-style: normal;
}

.rnsmilesbold{
	font-family: 'RNS Miles';
    font-weight: bold;
    font-style: normal;
}
.rnsmilesitalic{
	font-family: 'RNS Miles';
    font-weight: 500;
    font-style: italic;
}
.skew{
	-ms-transform: skewY(-4deg); 
    -webkit-transform: skewY(-4deg); 
    transform: skewY(-4deg);
}

.rounded-p{
	background: #839f3d;
	border:1px solid #839f3d;
	border-radius:90px;
	display: inline-block;
	padding:10px 20px;
	font-size:1.5em;
}
.circle-text {
display: inline-block;
height: 200px; 
width: 200px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
padding:10px;

background: #829e3e;

}
.circle-text-inside{
	display: table-cell;
	border:1px #fff solid;
	width:180px;
	height:180px;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	padding:20px;
	color: #fff;
font-family: 'RNS Miles';
font-weight: 500;
font-style: italic;
font-size:1.8em;
line-height: 1em;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.gradient-purple{
	background: #4E3F84; /* Old browsers */
	background: -moz-linear-gradient(left, #4E3F84 0%, #8a4e9c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4E3F84 0%,#8a4e9c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4E3F84 0%,#8a4e9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#664694', endColorstr='#8a4e9c',GradientType=1 ); /* IE6-9 */
}

.cand-section p{
	color:#fff;
	font-size:1.3em;
	margin-top:1em;
}
@media (min-width:768px){
	.cand-section p{
		font-size:1.7em;
	}
}
.video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 30px;
}
.video-thumbnail:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  content: "\f01d";
  font-family: FontAwesome;
  font-size: 100px;
  color: #fff;
  opacity: .8;
  text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}
.video-thumbnail:hover:before {
  color: #eee;
}
.footer-text{
	font-size:0.5em;
	font-family: 'RNS Miles';
}

.nav-section{
	position: absolute;
	z-index:9999;
	font-family: 'RNS Miles';
    font-weight: bold;
    font-style: normal;
    padding-top:1.2em;
    font-size:1.5em;
}

.text-nav{
	color:#606161;
}

.logo {
	max-width: 400px !important;
}

@media only screen and (max-width: 500px) {
	.logo {
		max-width: 320px !important;
	}
}

.nigella_bullets {
	margin-top: -7em;
}

@media only screen and (max-width: 1024px) {
	.nigella_bullets {
		margin-top: 0 !important;
	}
}