/* CSS Document */
body{
	overflow:hidden;
}

			/* BODY */
			/* BODY */
.alert{
    background-color: rgba(65, 39, 19, 0.72);
    width: 16%;
    height: auto;
    min-height: 50px;
    line-height: 50px;
    border-radius: 5px;
    margin-top: 0.5%;
    position: absolute;
    top: .5%;
    left: 42%;
    float: left;
    z-index: 20;
    display: none;
}
.alert p{
    color: #FFFFFF;
    font-size: 15px;
}
.container-body{
	width:100%;
	height:100%;
	background-image:url(../image/home-page/bg.jpg);
	background-size:100% 100%;
	position:absolute;
	top:0%;
	left:0%;
	display:none;
    z-index: 4;
}
.div-lang{
        background-color: rgba(255, 255, 255, 0);
    width: auto;
    height: auto;
    float: right;
    position: absolute;
    right: 1%;
    bottom: 3%;
    border: 3px solid #FFFFFF;
    border-radius: 10px;
    padding: 5px;
    display: none;
}
.div-lang .img-erth-logo{
    width: 65px;
    float: right;
}
.div-con-icon-lang{
    width: auto;
    height: 100%;
    float: right;
    margin-top: 13px;
    margin-right: 16px;
}
.div-meno-bar{
	width:100%;
	height:auto;
	float:left;
}
.div-meno-bar .nav-bar-p{
	color:#FFFFFF;
	font-size:24px;
	text-align:center;
}
.circle-about{
	background-color:rgba(255,255,255,0.00);
	width:120px;
	height:120px;
	border-radius:75px;	
	border:5px solid #FFFFFF;
	margin-top:1%;
	margin-left:1%;
	line-height:120px;
	display:inline-block;
}
.circle-about:hover{
	transform:rotate(360deg);
	transition:.5s;	
}
.circle-about:hover p{
	color:#f1c40f;
}
.circle-daneshname{
	background-color:rgba(255,255,255,0.00);
	width:120px;
	height:120px;
	border-radius:75px;	
	border:5px solid #FFFFFF;
	margin-top:1%;
	margin-left:1%;
	line-height:120px;
    cursor: pointer;
	display:inline-block;
}
.circle-daneshname:hover{
	transform:rotate(360deg);
	transition:.5s;	
}
.circle-daneshname:hover p{
	color:#f1c40f;
}
.circle-home{
    background-color:rgba(255,255,255,0.00);
	width:120px;
	height:120px;
	border-radius:75px;	
	border:5px solid #FFFFFF;
	margin-top:1%;
	margin-left:1%;
	line-height:120px;
    cursor: pointer;
	display:inline-block;
}
.circle-home:hover{
	border-color:#e74c3c;
	transform:rotate(360deg);
	transition:.5s;	
}
.circle-logo{
    overflow:hidden;
    border:none;
    width:120px;
    height:120px;
    margin-top:55px;
}
        /* ECFECTIV THIS */

.circle-daneshname2{
    background-color: #2ecc71;
    width: 120px;
    height: 120px;
    border-radius: 75px;
    border: 5px solid #2ecc71;
    float: right;
    line-height: 120px;
    position: absolute;
    right: -130px;
    top: 1%;
    z-index: 2;
}
.circle-daneshname2 p{
    color:#FFFFFF;
	font-size:24px;
	text-align:center;
}
.circle-daneshname2:hover{
	border-color:#2ECC71;
	transform:rotate(360deg);
	transition:.5s;	
}
.circle-daneshname2:hover p{
	color:#f1c40f;
}
.center-mother-fieldest{
    width: 100%;
    height: 100%;
    display: none;
}
.div-mother-fieldest-page{
    width: 95%;
    height: 90%;
    display: none;
    margin-top: 1%;
}
.fl-circle-daneshname{
    background-color: rgba(46, 204, 113,0);
    width: 0%;
    height: 0%;
    direction: ltr;
    border-radius: 5px;
    border: 5px solid #2ecc71;
    margin-top: -65px;
    z-index: 0;
}
.div-article{
    background-color: rgba(240, 240, 240,.40);
    width: 95%;
    height: 80%;
    margin-top: 65px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 1%;
}
.div-article-ar{
    background-image: url(../image/home-page/coffee-history.jpg);
    background-size: 100% 100%;
    width: 48.5%;
    height: 230px;
    float: left;
    display: inline-block;
    margin-left: 1%;
    margin-top: 1%;
    line-height: 230px;
}
.div-article-ar:hover{
    opacity: .9;
}
.div-article-ar:hover p{
    font-size: 50px;
    transition: .5s;
    opacity: 1;
    transform: rotate(360deg);
}
.div-article-ar p{
    font-size: 36px;
    text-align: center;
    color: #ffffff;
}
.circle-daneshname3{
    background-color:#2ecc71;
	width:120px;
	height:120px;
	border-radius:75px;	
	border:5px solid #2ecc71;
	line-height:120px;
    margin-top: .5%;
    display: none;
	cursor:pointer;
}
.circle-daneshname3 p{
    color:#FFFFFF;
	font-size:24px;
	text-align:center;
}
.circle-daneshname3:hover{
	border-color:#2ECC71;
	transform:rotate(360deg);
	transition:.5s;	
}
.circle-daneshname2:hover p{
	color:#f1c40f;
}
            /* EFECTIV ANVAEGHAHVE */

.circle-anvaeghahve2{
    background-color:#9b59b6;
	width:120px;
	height:120px;
	border-radius:75px;	
	border:5px solid #FFFFFF;
	margin-top:1%;
	margin-right:-130px;
	
	float:right;
	line-height:120px; 
}
.circle-anvaeghahve2 p{
    color:#FFFFFF;
	font-size:24px;
	text-align:center;
}
.circle-anvaeghahve2:hover{
	border-color:#9b59b6;
	transform:rotate(360deg);
	transition:.5s;	
}
.circle-anvaeghahve2:hover p{
	color:#f1c40f;
}
.center-mother-fieldest-anvaeghahve{
    width: 100%;
    height: 100%;
    display: none;
}
.div-mother-fieldest-page-anvaeghahve{
    width: 95%;
    height: 90%;
    display: none;
    margin-top: 1%;
}
.fl-circle-anvaeghahve{
    background-color: rgba(46, 204, 113,0);
    width: 0%;
    height: 0%;
    direction: ltr;
    border-radius: 5px;
    border: 5px solid #9b59b6;
    margin-top: -65px;
    z-index: 0;
}
.title-company{
	background-color: rgba(98, 61, 27, 0.72);
    width: 42%;
    height: 80px;
    float: left;
    display: none;
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 10;
	border-radius:5px;
}
.title-company2{
    float: right;
    position: absolute;
    right: 7px;
    top:7px;
}
.title-company ul{
    list-style-type: none;
}
.title-company ul li a{
    color: #FFFFFF;
    font-size: 18px;
}
.div-soshal-network{
	width: 95%;
    height: 39px;
    border-bottom: 2px solid #FFFFFF;
	float:left;
	margin-left:2.5%;
}
.div-soshal-network p{
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
}
.div-soshal-network i{
	color: #FFFFFF;
    font-size: 25px;
    padding: 7px;
}	
.div-soshal-network i:hover{
	color:#e74c3c;
	transition:.5s;
	transform:rotate(360deg);
}	
.div-pragtype{
	width: 100%;
    height: 39px;
    line-height: 39px;
}
.div-pragtype p{
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
}
.div-article{
    background-color: rgba(240, 240, 240,.40);
    width: 95%;
    height: 80%;
    margin-top: 65px;
    overflow-y: auto;
    padding-bottom: 1%;
}
.div-article-ar{
    background-image: url(../image/home-page/coffee-history.jpg);
    background-size: 100% 100%;
    width: 48.5%;
    height: 230px;
    float: left;
    display: inline-block;
    margin-left: 1%;
    margin-top: 1%;
    line-height: 230px;
}
.div-article-ar:hover p{
    font-size: 50px;
    transition: .5s;
}
.div-article-ar p{
    font-size: 36px;
    text-align: center;
    color: #ffffff;
}
.d-a-anvar1{
    background-image: url(../image/home-page/coffee-colombia.jpeg);
}
.d-a-anvar2{
    background-image: url(../image/home-page/coffee-indian.jpeg);
}
.d-a-anvar3{
    background-image: url(../image/home-page/coffee-indonesia.jpg);
}
.d-a-anvar4{
    background-image: url(../image/home-page/coffee-vietnam.jpg);
}
.d-a-anvar5{
    background-image: url(../image/home-page/coffee-brazil.jpg);
}
.d-a-anvar6{
    background-image: url(../image/home-page/coffee-kenya.jpg);
}
.d-a-anvar7{
    background-image: url(../image/home-page/coffee-pro.jpg);
}
.d-a-anvar8{
    background-image: url(../image/home-page/coffee-ethiopia.jpg);
}
.circle-anvaeghahve3{
    background-color:#9b59b6;
	width:120px;
	height:120px;
	border-radius:75px;	
	border:5px solid #9b59b6;
	line-height:120px;
    margin-top: .5%;
    display: none;
	cursor:pointer;
}
.circle-anvaeghahve3 p{
    color:#FFFFFF;
	font-size:24px;
	text-align:center;
}
.circle-anvaeghahve3:hover{
	border-color:#9b59b6;
	transform:rotate(360deg);
	transition:.5s;	
}
.circle-anvaeghahve3:hover p{
	color:#f1c40f;
}

/**************/
.circle-anvaeghahve{
	background-color:rgba(255,255,255,0.00);
	width:120px;
	height:120px;
	border-radius:75px;	
	border:5px solid #FFFFFF;
	margin-top:1%;
	margin-left:1%;
	line-height:120px;
    cursor: pointer;
	display:inline-block;
}
.circle-anvaeghahve:hover{
	border-color:#9B59B6;
	transform:rotate(360deg);
	transition:.5s;	
}
.circle-anvaeghahve:hover p{
	color:#f1c40f;
}
.container-body-effecktiv{
	background-color:rgba(0,0,0,0.00);
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	z-index:3;
	display:block;
}
.container-body-effecktiv-ar-1{
	background-image:url(../image/home-page/bg-ar-1.jpg);
	background-size:100% 100%;
	width:100%;
	height:25%;
	float:right;
	position:relative;
	top:0%;
	right:-100%;	
}
.container-body-effecktiv-ar-2{
	background-image:url(../image/home-page/bg-ar-2.jpg);	
	background-size:100% 100%;
	width:100%;
	height:25%;
	float:left;
	position:relative;
	top:0%;
	left:-100%;
}
.container-body-effecktiv-ar-3{
	background-image:url(../image/home-page/bg-ar-3.jpg);	
	background-size:100% 100%;
	width:100%;
	height:25%;
	float:right;
	position:relative;
	top:0%;
	right:-100%;
}
.container-body-effecktiv-ar-4{
	background-image:url(../image/home-page/bg-ar-4.jpg);	
	background-size:100% 100%;
	width:100%;
	height:25%;
	float:left;
	position:relative;
	top:0%;
	left:-100%;
}
            /* ALL MENO */
.div-button-all-meno{
    background-color: rgba(52, 73, 94,.0);
    width: auto;
    height: auto;
    line-height: 30px;
    position: absolute;
    float: left;
    bottom: 3%;
    left: 1%;
    border-radius: 8px;
    z-index: 4;
    border: 3px solid #FFFFFF;
    color: #ffffff;
    padding: 2px;
    display: none;
    cursor: pointer;
}
.div-button-all-meno:hover{
    background-color: #FFFFFF;
    transition: 1s;
}
.div-button-all-meno i{
    color: #3498db;
    text-align: center;
    font-size: 24px;
}
.div-button-all-meno p{
    color: #2ecc71;
    text-align: center;
    font-size: 24px;
}
.div-con-all-meno1{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    float: left;
    z-index: 5;
    display: none;
}
.div-con-all-meno-ar1{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: left;
    top:0%;
    left: -100%;
}
.div-con-all-meno-ar2{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: right;
    top:0%;
    right: -100%;
}
.div-con-all-meno-ar3{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: left;
    top:0%;
    left: -100%;
}
.div-con-all-meno-ar4{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: right;
    top:0%;
    right: -100%;
}
.div-con-all-meno-ar5{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: left;
    top:0%;
    left: -100%;
}
.div-con-all-meno-ar6{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: right;
    top:0%;
    right: -100%;
}
.div-con-all-meno-ar7{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: left;
    top:0%;
    left: -100%;
}
.div-con-all-meno-ar8{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: right;
    top:0%;
    right: -100%;
}
.div-con-all-meno-ar9{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: left;
    top:0%;
    left: -100%;
}
.div-con-all-meno-ar10{
    background-color: #FFFFFF;
    width: 100%;
    height: 10%;
    position: relative;
    float: right;
    top:0%;
    right: -100%;
}
.div-con-all-meno2{
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    float: left;
    z-index: 6;
    display: none;
}
.all-meno-side-bar-left{
    width: 40%;
    height: 100%;
    float: left;
}
.all-meno-article-about{
    width: 100%;
    height: auto;
    float: right;
}
.div-side-mother{
    width: 100%;
    height: auto;
    float: right;
    margin-top:10px;
}
.side-title{
    color: #583418;
    text-align: center;
    font-size: 18px;
    padding: 5px;
}
.div-side-dbottom{
    width: 100%;
    height: auto;
    float: right;
    border-top: 3px solid #441300;
}
.div-side-dbottom table{
    float: right;
    padding: 20px;
}
.div-side-dbottom table tr td{
    padding: 7px;
}
.div-side-dbottom table tr td p:hover{
    color: #441300;
    transition: .5s;
}
.all-meno-bg-coffee{
    width: 90%;
    height: auto;
    clear: both;
    float: left;
}
.all-meno-bg-coffee img{
    width: 100%;
}
.all-meno-side-bar-center{
    width: 29.5%;
    height: auto;
    margin-left: .5%;
    float: left;
}
.t-s-2 table tr td{
    padding: 20px;
}
.all-meno-side-bar-right{
    width: 29.5%;
    height: auto;
    margin-left: .5%;
    float: left;
}
.button-close{
    background-color: #e74c3c;
    width: auto;
    height: auto;
    float: right;
    position: absolute;
    bottom: 0px;
    right: 40%;
}
.button-close:hover i{
    transform: rotate(360deg);
    transition: .5s;
}
.button-close i{
    font-size: 36px;
    color: #ffffff;
    padding: 10px;
}

/*********************/
.div-pragraf-memo{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 20;
    float: left;
}