.MainContent { }
.responsivelist * { transition: none; }
.responsivelist { transition: none; }
/* ----------------------------------------------------------------------------------------------------------------------*/
/* Welcome 
/* ----------------------------------------------------------------------------------------------------------------------*/
.section.WelcomeSection { height: 100vh; }
.section.WelcomeSection .ContentPain { width: 100%; position: relative; height: 100vh; background: #41a440; }
.section.WelcomeSection .ContentPain > div { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; }
.section.WelcomeSection .ContentPain .Welcome1 { background: url(../../Images/Welcome_01.jpg) center center; background-size: cover; }
.section.WelcomeSection .ContentPain .Welcome2 { z-index: 3; background: url(../../Images/Welcome_02.png) center center; background-size: cover; }
.section.WelcomeSection .ContentPain .Welcome3 { z-index: 2; background: url(../../Images/Welcome_03.png) center center; background-size: cover; }
.section.WelcomeSection .ContentPain .Welcome4 { z-index: 4; background: url(../../Images/Welcome_04.png) center center; background-size: cover; }
.section.WelcomeSection .ContentPain .Welcome5 { z-index: 4; background: url(../../Images/Welcome_05.png) center center; background-size: cover; }
.section.WelcomeSection .ContentPain .Welcome6 { z-index: 4; background: url(../../Images/Welcome_06.png) center center; background-size: cover; }
.section.WelcomeSection .BackPain { bottom: 10%; height: 70px; position: absolute; right: 5%; width: 40%; overflow: hidden; }
.section.WelcomeSection .BackPain p {text-align:right; display: inline-block; color: #137016; font-family: arial; font-size: 25px; text-shadow: 1px 1px #fff, -1px -1px #fff; margin-right: 10%; width: 100%; }
.flippy { position: relative; z-index: 5; }
.flippy > * { position: absolute; opacity: 0; top: -50px; font-family: arial; color: #137016;text-align:right;width:100% }
.flippy > *:first-child { opacity: 1; top: 0; }

body.size-ss .section.WelcomeSection .ContentPain .Welcome3 { display: none; }
body.size-ss .section.WelcomeSection .ContentPain .Welcome2 { display: none; }
body.size-ss .section.WelcomeSection .ContentPain .Welcome4 { display: none; }
body.size-ss .section.WelcomeSection .ContentPain .Welcome5 { display: none; }
body.size-ss .section.WelcomeSection .ContentPain .Welcome6 { display: none; }

body.size-xs .section.WelcomeSection .ContentPain .Welcome3 { background-position-x: 75%; z-index: 3; }
body.size-xs .section.WelcomeSection .ContentPain .Welcome4 { display: none; }
body.size-xs .section.WelcomeSection .ContentPain .Welcome5 { display: none; }
body.size-xs .section.WelcomeSection .ContentPain .Welcome6 { display: none; }
body.size-sm .section.WelcomeSection .ContentPain .Welcome3 { background-position-x: 75%; z-index: 3; }
body.size-sm .section.WelcomeSection .ContentPain .Welcome4 { display: none; }
body.size-sm .section.WelcomeSection .ContentPain .Welcome5 { display: none; }
body.size-sm .section.WelcomeSection .ContentPain .Welcome6 { display: none; }
body.size-md .section.WelcomeSection .ContentPain .Welcome3 { background-position-x: 70%; z-index: 3; }
body.size-md .section.WelcomeSection .ContentPain .Welcome4 { background-position-x: 10%; }
body.size-md .section.WelcomeSection .ContentPain .Welcome5 { background-position-x: 10%; }
body.size-md .section.WelcomeSection .ContentPain .Welcome6 { background-position-x: 10%; }

body.size-lg .section.WelcomeSection .ContentPain .Welcome4 { background-position-x: 15%; }
body.size-lg .section.WelcomeSection .ContentPain .Welcome5 { background-position-x: 15%; }
body.size-lg .section.WelcomeSection .ContentPain .Welcome6 { background-position-x: 15%; }


/* ----------------------------------------------------------------------------------------------------------------------*/
/* History 
/* ----------------------------------------------------------------------------------------------------------------------*/
.section.HistorySection { height: 100vh; }
.section.HistorySection .ContentPain { width: 100%; display: block; position: relative; height: 100vh; background: #9ae1ef url(../../Images/Pattern_2.jpg) center center; background-size: cover; }
.section.HistorySection .ContentPain:before { content: ''; display: inline-block; position: absolute; bottom: -100%; left: 0px; width: 100%; height: 100vh; background: url(../../Images/Pattern_02-1.png) no-repeat bottom left; background-size: contain; transition: all 1s; opacity: 0; z-index: 4; }
.section.HistorySection.skrollable-between .ContentPain:before { bottom: 0px; opacity: 1; }
.section.HistorySection.skrollable-after .ContentPain:before { bottom: 0px; opacity: 1; }
.section.HistorySection .ContentPain .Content { width: 35%; z-index: 6; position: relative; transition: none; }
.section.HistorySection .ContentPain .Content h2 { color: #365684; font-size: 24px; font-family: 'Title'; }
.section.HistorySection .ContentPain .Content h2 strong { color: #fdeb3d; font-size: 65px; font-weight: normal; display: block; text-shadow: 2px 2px 0px #4ca2ae; margin-top: 10px; }
.section.HistorySection .ContentPain .Content p { text-align: justify; font-size: 16px; color: #114775; margin-top: 30px; line-height: 1.2; }
.section.HistorySection .ContentPain .Animation { position: absolute; height: 100vh; width: 100%; top: 0px; left: 0px; display: block; transition: none; }
.section.HistorySection .ContentPain .Animation > * { position: absolute; transition: none; display: block; }
.section.HistorySection .ContentPain .Animation > *:after { content: ''; display: inline-block; width: 100%; height: 100%; }
.section.HistorySection .ContentPain .Animation .Logo { width: 342px; height: 544px; }
.section.HistorySection .ContentPain .Animation .Logo:after { background: url(../../Images/AsannoushBack_01.png) no-repeat -673px -155px; }
.section.HistorySection .ContentPain .Animation .Boy { overflow: hidden; bottom: 0px; right: 0px; z-index: 5; }
.section.HistorySection .ContentPain .Animation .Boy .after { width: 20000px; height: 1500px; display: inline-block; background: url(../../Images/AsannoushBack_01.png) no-repeat -1529px 0px; transition: none; }
.section.HistorySection .ContentPain .Animation .Boy img { position: absolute; top: 0; left: 0px; width: 100%; height: 100%; cursor: pointer; opacity: 1; transition: all 0.3s; transform: scale(1); }

@keyframes BoyHover {
    10% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.2; transform: scale(0.85); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes BoyDefault {
    10% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
}

.section.HistorySection .ContentPain .Animation .Boy img[first=true] { animation: BoyDefault 0.6s infinite; }
.section.HistorySection .ContentPain .Animation .Boy img[first=true]:hover { opacity: 0.5; animation: BoyHover 0.6s infinite; }
.section.HistorySection .ContentPain .Animation .Boy img[first=true]:hover + .after { opacity: 0.5; }
.section.HistorySection .ContentPain .Animation .Text { overflow: hidden; top: 25%; left: 10%; z-index: 2; }
.section.HistorySection .ContentPain .Animation .Text .after { width: 20000px; height: 1500px; display: inline-block; background: url(../../Images/AsannoushBack_01.png) no-repeat 0px -155px; transition: none; }

body.size-ss .section.HistorySection { height: 150vh; }
body.size-ss .section.HistorySection .ContentPain { height: 150vh; }
body.size-ss .section.HistorySection .ContentPain .Content { width: 100%; height: 60vh; left: 0px !important; top: 50px !important; padding: 20px; box-sizing: border-box; }
body.size-ss .section.HistorySection .ContentPain:before { display: none; }
body.size-ss .section.HistorySection .ContentPain .Animation .Text { display: none; }
body.size-ss .section.HistorySection .ContentPain .Animation { height: 150vh; }
body.size-ss .section.HistorySection .ContentPain .Animation .Boy { right: auto; left: 0px; }

body.size-xs .section.HistorySection .ContentPain .Content { width: 90%; left: 0px !important; bottom: 30px !important; top: auto !important; background: rgba(137,214,234, 0.8); padding: 20px; }
body.size-xs .section.HistorySection .ContentPain:before { display: none; }
body.size-xs .section.HistorySection .ContentPain .Animation .Text { display: none; }

body.size-sm .section.HistorySection .ContentPain .Content { width: 50%; left: 0px !important; bottom: 30px !important; top: auto !important; background: rgba(137,214,234, 0.8); padding: 20px; }
/* ----------------------------------------------------------------------------------------------------------------------*/
/* Product 
/* ----------------------------------------------------------------------------------------------------------------------*/
.section.ProductSection { height: 100vh; }
.section.ProductSection .ContentPain { width: 100%; position: absolute; height: 100vh; background: #f53d60 url(../../Images/Pattern_01.png); color: rgba(255,255,255,1); }
.section.ProductSection .ContentPain:before { content: ''; display: inline-block; position: absolute; bottom: -100%; width: 100%; height: 100vh; background: url(../../Images/Pattern_01-1.png) no-repeat bottom left; background-size: 100% 20%; transition: all 1s; opacity: 0; }
.section.ProductSection.skrollable-between .ContentPain:before { bottom: 0px; opacity: 1; }
.section.ProductSection .ContentPain .Text { width: 90%; margin: 0 auto; position: absolute; top: 0px; left: 5%; }
.section.ProductSection .ContentPain .Text h2 { font-family: 'Title'; font-size: 60px; text-align: left; padding: 150px 0px 0px 0px; }
.section.ProductSection .ContentPain .Text p { padding: 10px 0px 80px 0px; width: 25%; }
.section.ProductSection .ContentPain .responsivelist { height: 80vh; width: 100%; }
.section.ProductSection .ContentPain .responsivelist .responsive { height: 100% !important; }
.section.ProductSection .ContentPain .responsivelist .responsive .list { height: 100% !important; }
.section.ProductSection .ContentPain .responsivelist .responsive .list .nav { height: 100% !important; left: 0px !important; }
.section.ProductSection .ContentPain .responsivelist .item { text-align: center; position: absolute; left: 0px; top: 100%; height: 65vh; overflow: visible !important; transition: top 0.7s, left 0.9s; }
.section.ProductSection .ContentPain .responsivelist .item * { transition: all 0.5s; }
.section.ProductSection .ContentPain .responsivelist .item span { width: 100%; height: 100%; display: inline-block; position: relative; overflow: visible; box-shadow: 0px 0px 0px #bc314b; }
.section.ProductSection .ContentPain .responsivelist .item img { position: absolute; opacity: 1; height: 100%; width: auto; top: 0px; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; }
.section.ProductSection .ContentPain .responsivelist .item img.Itema { top: 100%; transition: top 2s; }
.section.ProductSection .ContentPain .responsivelist .item img.Itemb { top: 75%; transition: top 2s; }


.section.ProductSection .ContentPain .responsivelist .item h3 { top: 65vh; position: relative; margin-top: 20px; }
.section.ProductSection .ContentPain .responsivelist .item h3 a { color: rgba(255,255,255,1); outline: none; text-decoration: none; font-size: 24px;border:1px solid;border-radius:40px;padding:12px; }
.section.ProductSection .ContentPain .responsivelist .item h3:hover a { color: #ffd922; }

.section.ProductSection .ContentPain .responsivelist .item p {display:none; padding: 80px 0px 0px 80px; cursor: help; color: #1b1260; font-size: 17px; height: 80px; width: 80px; overflow: hidden; position: relative; box-sizing: border-box; background: #ffd922; border-radius: 100%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; opacity: 1; transition: all 0.3s; }
.section.ProductSection .ContentPain .responsivelist .item p:after { width: 30px; height: 30px; background: url(../../Images/AsannoushBack_01.png) -420px 0px no-repeat; overflow: hidden; content: ''; position: absolute; top: 25px; left: 25px; transition: all 0.5s; }
.section.ProductSection .ContentPain .responsivelist .item p:before { width: calc(100% - 20px); height: calc(100% - 20px); border: rgba(255,255,255,1) 4px solid; position: absolute; top: 10px; left: 10px; border-radius: 100%; content: ''; box-sizing: border-box; transition: all 0.3s; }
.section.ProductSection .ContentPain .responsivelist .item p:hover { width: 40%; height: 40%; border-radius: 10px; padding: 80px 40px 40px 40px; opacity: 1; }
.section.ProductSection .ContentPain .responsivelist .item p:hover:after { top: 20px; left: 20px; transform: rotate(45deg); }
.section.ProductSection .ContentPain .responsivelist .item p:hover:before { border-radius: 10px; }

.section.ProductSection .ContentPain .responsivelist .item.btnC { opacity: 1; top: 0px; }
.section.ProductSection .ContentPain .responsivelist .item.btnC img { opacity: 1; top: 50%; }


.section.ProductSection .ContentPain .responsivelist .item.btnL.btnLast { animation: ProductOutRight 1s; }
.section.ProductSection .ContentPain .responsivelist .item.btnR.btnLast { animation: ProductOutLeft 1s; }

.section.ProductSection .ContentPain .responsivelist .btn { border-radius: 100%; background: rgba(255,255,255,1); width: 300px; height: 300px; position: absolute; transition: all 0.5s; top: calc(40% - 100px); }
.section.ProductSection .ContentPain .responsivelist .btn * { transition: all 0.4s; }
.section.ProductSection .ContentPain .responsivelist .btn:after { content: ''; width: 87px; height: 66px; background: url(../../Images/AsannoushBack_01.png) no-repeat -2235px -527px; display: inline-block; top: 50%; transform: translateY(-50%); position: absolute; z-index: 3; transition: all 0.3s; }
.section.ProductSection .ContentPain .responsivelist .btn:hover:after { z-index: 1; opacity: 0.5; transform: translateY(-50%) scale(0.7); }
.section.ProductSection .ContentPain .responsivelist .btn.prev:after { background-position: -2321px -527PX; left: -25px; }
.section.ProductSection .ContentPain .responsivelist .btn.next:after { right: -25px; }
.section.ProductSection .ContentPain .responsivelist .btn img { width: 100%; height: auto; top: 50%; transform: translateY(-50%); position: absolute; z-index: 2; }
.section.ProductSection .ContentPain .responsivelist .btn.prev { right: -180px; position: absolute; box-shadow: -20px 0px 0px #bc314b; }
.section.ProductSection .ContentPain .responsivelist .btn.prev:after { }
.section.ProductSection .ContentPain .responsivelist .btn.prev:hover { right: -150px; box-shadow: -10px 0px 0px #bc314b; }
.section.ProductSection .ContentPain .responsivelist .btn.prev img { right: 25%; }
.section.ProductSection .ContentPain .responsivelist .btn.prev:hover img { width: 150%; height: auto; right: 0%; }

.section.ProductSection .ContentPain .responsivelist .btn.next { left: -180px; position: absolute; box-shadow: 20px 0px 0px #bc314b; }
.section.ProductSection .ContentPain .responsivelist .btn.next:hover { left: -150px; box-shadow: 10px 0px 0px #bc314b; }
.section.ProductSection .ContentPain .responsivelist .btn.next img { left: 25%; }
.section.ProductSection .ContentPain .responsivelist .btn.next:hover img { width: 150%; height: auto; left: 0%; }

.section.ProductSection .ContentPain .responsivelist .PrevBtn { right: -350px; position: absolute; top: calc(40% - 150px); display: block !important; transition: all 0.4s; overflow: hidden !important; }
.section.ProductSection .ContentPain .responsivelist .PrevBtn img { display: none; }
.section.ProductSection .ContentPain .responsivelist .NextBtn { left: -350px; position: absolute; top: calc(40% - 150px); display: block !important; transition: all 0.4s; overflow: hidden !important; }
.section.ProductSection .ContentPain .responsivelist .NextBtn img { display: none; }

body.size-sm .ProductSection .ContentPain .responsivelist .btn { width: 150px; height: 150px; top: calc(50% - 30px); }
body.size-sm .ProductSection .ContentPain .responsivelist .btn.next { left: -90px; }
body.size-sm .ProductSection .ContentPain .responsivelist .btn.prev { right: -90px; }
body.size-sm .ProductSection .ContentPain .responsivelist .btn.next:hover { left: -105px; }
body.size-sm .ProductSection .ContentPain .responsivelist .btn.prev:hover { right: -105px; }
body.size-sm .ProductSection .ContentPain .responsivelist .btn:hover:after { opacity: 1; }
body.size-sm .ProductSection .ContentPain .responsivelist .btn .hover { display: none !important; }
body.size-sm .ProductSection .ContentPain .responsivelist .item img { transform: scale(0.9) translate(-50%,-50%); }
body.size-sm .ProductSection .ContentPain .responsivelist .item img.Itema { display: none; }
body.size-sm .ProductSection .ContentPain .responsivelist .item p { transform: scale(0.8) translate(-50%, -50%); }

body.size-xs .ProductSection .ContentPain{width:92%;text-align:center;}
body.size-xs .ProductSection .ContentPain .Text h2 { text-align:center; padding-top: 100px;}
body.size-xs .ProductSection .ContentPain .responsivelist .btn { width: 150px; height: 150px; top: calc(50% - 30px); }
body.size-xs .ProductSection .ContentPain .responsivelist .btn.next { left: -90px; }
body.size-xs .ProductSection .ContentPain .responsivelist .btn.prev { right: -90px; }
body.size-xs .ProductSection .ContentPain .responsivelist .btn.next:hover { left: -105px; }
body.size-xs .ProductSection .ContentPain .responsivelist .btn.prev:hover { right: -105px; }
body.size-xs .ProductSection .ContentPain .responsivelist .btn:hover:after { opacity: 1; }
body.size-xs .ProductSection .ContentPain .responsivelist .btn .hover { display: none !important; }
body.size-xs .ProductSection .ContentPain .responsivelist .item img { transform: scale(0.9) translate(-50%,-50%); }
body.size-xs .ProductSection .ContentPain .responsivelist .item img.Itema { display: none; }
body.size-xs .ProductSection .ContentPain .responsivelist .item p { transform: scale(0.8) translate(-50%, -50%); }

body.size-ss .ProductSection .ContentPain .responsivelist .btn { width: 150px; height: 150px; top: calc(50% - 30px); }
body.size-ss .ProductSection .ContentPain .responsivelist .btn.next { left: -90px; }
body.size-ss .ProductSection .ContentPain .responsivelist .btn.prev { right: -90px; }
body.size-ss .ProductSection .ContentPain .responsivelist .btn.next:hover { left: -105px; }
body.size-ss .ProductSection .ContentPain .responsivelist .btn.prev:hover { right: -105px; }
body.size-ss .ProductSection .ContentPain .responsivelist .btn:hover:after { opacity: 1; }
body.size-ss .ProductSection .ContentPain .responsivelist .btn .hover { display: none !important; }
body.size-ss .ProductSection .ContentPain .responsivelist .item img { transform: scale(0.9) translate(-50%,-50%); }
body.size-ss .ProductSection .ContentPain .responsivelist .item img.Itema { display: none; }
body.size-ss .ProductSection .ContentPain .responsivelist .item img.Itemb { display: none; }
body.size-ss .ProductSection .ContentPain .responsivelist .item p { transform: scale(0.8) translate(-50%, -50%); }
body.size-ss .ProductSection .ContentPain .Text p { display: none; }
body.size-ss .ProductSection .ContentPain .Text h2 { padding-top: 70px; }



@keyframes ProductOutRight {
    0% { top: 0px; left: 0px; }
    98% { top: 0px; left: -100vw; transform: scale(0.5); }
    99% { top: 100%; left: -100vw; }
    100% { top: 100%; left: 0px; }
}

@keyframes ProductOutLeft {
    0% { top: 0px; left: 0px; }
    98% { top: 0px; left: 100vw; }
    99% { top: 100%; left: 100vw; transform: scale(0.5); }
    100% { top: 100%; left: 0px; }
}

/* ----------------------------------------------------------------------------------------------------------------------*/
/* News 
/* ----------------------------------------------------------------------------------------------------------------------*/
.section.NewsSection { height: 100vh; color: rgba(255,255,255,1); }
.section.NewsSection .ContentPain { width: 100%; position: relative; text-align: center; height: 100vh; background: #42a640 url(../../Images/Pattern_3.jpg) center center; background-size: cover; }
.section.NewsSection .ContentPain:before { content: ''; display: inline-block; position: absolute; bottom: -10%; width: 100%; height: 100vh; background: url(../../Images/Pattern_03-1.png) no-repeat center left; background-size: contain; transition: all 1s; opacity: 0; left: 0px; }
.section.NewsSection.skrollable-between .ContentPain:before { bottom: 0px; opacity: 0.8; }
.section.NewsSection.skrollable-after .ContentPain:before { bottom: 0px; opacity: 0.8; }
.section.NewsSection .ContentPain h2 { font-family: 'Title'; font-size: 60px; text-align: center; padding: 100px 0px 80px 0px; }
/*.section.NewsSection .ContentPain .responsivelist { position: absolute; width: 90%; height: auto; top: 0px; }*/
.section.NewsSection .ContentPain .item { width: 28%; display: inline-block; position: relative; z-index: 10;box-sizing: border-box; text-align: center; color: rgba(255,255,255,1); }
.section.NewsSection .ContentPain:hover .item * { opacity: 1; transition: opacity 0.3s, border 0.3s, margin 0.3s; }
.section.NewsSection .ContentPain .item img { border-radius: 100%; border: solid 25px rgba(0,0,0,0.1); transition: border 0.3s, margin 0.3s; height: auto; width: calc(100% - 65px); }
.section.NewsSection .ContentPain .item:hover img { border: solid #d4e141 25px; margin: 0px; }
.section.NewsSection .ContentPain .item:hover h3 { color: #d4e141; margin: 15px 0px 5px 0px; opacity: 1; }
.section.NewsSection .ContentPain .item:hover p { color: rgba(255,255,255,1); opacity: 1; }
.section.NewsSection .ContentPain .item:hover img { opacity: 1; }
.section.NewsSection .ContentPain .item h3 { font-family: 'Title'; font-size: 36px; margin: 30px 0px 10px 0px; transition: all 0.3s; }
.section.NewsSection .ContentPain .item p { font-size: 15px; width: 80%; margin: 0 auto; display: inline-block; color: #dff2dd; }
/*.section.NewsSection .ContentPain .responsivelist .count_btn { display: none; margin: 50px 0px; }
.section.NewsSection .ContentPain .responsivelist .count_btn .btn { width: 10px; height: 10px; border-radius: 100%; cursor: pointer; border: solid 5px #ffda2a; background: #ffda2a; display: inline-block; margin: 10px; }
.section.NewsSection .ContentPain .responsivelist .count_btn .btn:hover { border-color: #eee9d1; }
.section.NewsSection .ContentPain .responsivelist .count_btn .btn abr { display: none; }
.section.NewsSection .ContentPain .responsivelist .count_btn .btn.active { background: #f54c40; border-color: #eee9d1; }
.section.NewsSection .ContentPain .responsivelist .btn.prev { bottom: -80px; left: 50%; position: absolute; width: 40px; height: 40px; line-height: 38px; font-size: 15px; font-weight: bold; color: green; border-radius: 100%; cursor: pointer; border: solid 5px #ffda2a; background: #ffda2a; display: inline-block; margin: 10px; }
.section.NewsSection .ContentPain .responsivelist .btn.prev:hover { bottom: -80px; left: 50%; position: absolute; border-color: #eee9d1; color: #eee9d1; background: #f54c40; }
.section.NewsSection .ContentPain .responsivelist .btn.next { bottom: -80px; left: 45%; position: absolute; width: 40px; height: 40px; line-height: 38px; font-size: 15px; color: green; font-weight: bold; border-radius: 100%; cursor: pointer; border: solid 5px #ffda2a; background: #ffda2a; display: inline-block; margin: 10px; }
.section.NewsSection .ContentPain .responsivelist .btn.next:hover { bottom: -80px; left: 45%; position: absolute; border-color: #eee9d1; color: #eee9d1; background: #f54c40; }*/

body.size-xs .section.NewsSection .ContentPain .item { /*display:block;*/ margin: 0 auto 30px; width: 45%; }
body.size-ss .section.NewsSection .ContentPain .item { /*display:block;*/ margin: 0 auto 30px; width: 45%; }
body.size-xs .section.NewsSection .ContentPain .item h3 { margin: 10px 0px 10px 0px; font-size: 20px; }
body.size-ss .section.NewsSection .ContentPain .item h3 { margin: 10px 0px 10px 0px; font-size: 20px; }

body.size-xs .section.NewsSection .ContentPain h2 { padding: 40px 0px 50px 0px; font-size: 40px; }
body.size-xs .section.NewsSection .ContentPain h2 { padding: 50px 0px 70px 0px; font-size: 40px; }

/* ----------------------------------------------------------------------------------------------------------------------*/
/* Contact 
/* ----------------------------------------------------------------------------------------------------------------------*/
.section.ContactSection { height: 100vh; }
.section.ContactSection .ContentPain { width: 100%; position: relative; height: 100vh; background: #fed923 url(../../Images/Pattern_4.png) center center; background-size: cover; }
.section.ContactSection .ContentPain:before { content: ''; display: inline-block; position: absolute; bottom: -100%; width: 100%; height: 100vh; background: url(../../Images/Pattern_04-1.png) no-repeat center left; background-size: contain; transition: all 1s; opacity: 0; }
.section.ContactSection.skrollable-between .ContentPain:before { bottom: 0px; opacity: 1; }
.section.ContactSection .ContentPain h2 { font-family: 'Title'; font-size: 45px; text-align: center; padding: 100px 0px 30px 0px; color: #b35b2b; }
.section.ContactSection .ContentPain .ContactForm { background: rgba(255,251,220,0.85); padding: 45px 60px; width: 54%; position: absolute; left: 23%; box-sizing: border-box; top: 170px; height: auto; z-index: 10; }
.section.ContactSection .ContentPain .ContactForm h3 { font-family: 'Title'; font-size: 30px; color: #e82626; }
.section.ContactSection .ContentPain .ContactForm p { font-family: 'Title'; font-size: 24px; color: #7f7f7f; }
.section.ContactSection .ContentPain .ContactForm .FormPain { padding-top: 50px; position: relative; width: 90%; margin-left: 5%; }
.section.ContactSection .ContentPain .ContactForm .FormPain img { height: 35px; margin-bottom: -9px; position: relative; transform: translateY(5px); width: 82px; }
.section.ContactSection .ContentPain .ContactForm .FormPain input { border: solid 1px #157336; padding: 10px 15px; width: calc(50% - 30px); display: inline-block; left: 0px; margin: 5px 0px; color: #003000; clear: both; background: #fefbe5; }
.section.ContactSection .ContentPain .ContactForm .FormPain input.sequrity { width: calc(48% - 103px); clear: both; }
.section.ContactSection .ContentPain .ContactForm .FormPain input::-moz-placeholder { color: #157336; }
.section.ContactSection .ContentPain .ContactForm .FormPain input::-webkit-input-placeholder { color: #157336; }
.section.ContactSection .ContentPain .ContactForm .FormPain input:-ms-input-placeholder { color: #157336; }
.section.ContactSection .ContentPain .ContactForm .FormPain input[type=submit] { color: #fff; font-family: 'Title'; background: #e72827; font-size: 24px; padding: 3px 30px; width: auto; border-color: #e72827; cursor: pointer; margin: 10px 3px; transform: translateY(3px); }
.section.ContactSection .ContentPain .ContactForm .FormPain input[type=submit]:hover { color: #e72827; background: rgba(255,255,255,1); }
.section.ContactSection .ContentPain .ContactForm .FormPain textarea { width: calc(50% - 50px); right: 0px; display: inline-block; border: solid 1px #157336; font-family: arial; font-size: 12px; color: #003000;; padding: 10px 15px 21px 15px; position: absolute; top: 55px; right: 0px; line-height: 1.5; background: #fefbe5; }
.section.ContactSection .ContentPain .ContactForm .FormPain textarea::-moz-placeholder { color: #157336; }
.section.ContactSection .ContentPain .ContactForm .FormPain textarea::-webkit-input-placeholder { color: #157336; }
.section.ContactSection .ContentPain .ContactForm .FormPain textarea:-ms-input-placeholder { color: #157336; }

.section.ContactSection .ContentPain .ContactText { width: calc(54% + 80px); text-align: center; position: relative; height: calc(80vh - 20px); left: calc(23% - 40px); z-index: 11; top: 0%; }
.section.ContactSection .ContentPain .ContactText:before { background: url(../../Images/AsannoushBack_02.png) 0px 20px no-repeat; background-size: 100%; content: ''; width: 100%; height: 100%; top: 0px; position: absolute; left: 0px; }
.section.ContactSection .ContentPain .ContactText a.ContactOpen { color: #ec1f25; font-size: 16px; border-bottom: solid 2px #ec1f25; margin-top: 100px; position: relative; display: inline-block; }
.section.ContactSection .ContentPain .ContactText .Stamp { width: 321px; height: 191px; content: ''; background: url(../../Images/AsannoushBack_01.png) -2235px -336px no-repeat; overflow: hidden; display: inline-block; position: absolute; transform: scale(0.7); top: 200px; }
.section.ContactSection .ContentPain .ContactText .Logo { width: 210px; height: 155px; background: url(../../Images/AsannoushBack_01.png) no-repeat; display: inline-block; overflow: hidden; position: absolute; left: 0px; transform: scale(0.6); top: 200px; }
.section.ContactSection .ContentPain .ContactText .Text { width: 50%; box-sizing: border-box; float: right; padding: 0px 50px; text-align: left; bottom: 50px; position: absolute; right: 0px; }
.section.ContactSection .ContentPain .ContactText .Text h3 { font-family: 'Title'; font-size: 34px; color: #ec7e13; border-bottom: solid 2px #ec7e13; display: block; padding: 10px 4px; }
.section.ContactSection .ContentPain .ContactText .Text p { padding: 10px 4px; color: #693a20; font-size: 15px; line-height: 1.4; }
.section.ContactSection .ContentPain .ContactText .Text a { padding: 10px 4px; color: #ed1c24; font-size: 15px; }
.section.ContactSection .ContentPain .ContactText .Text a {color: #693a20!important; display:inline!important}
.section.ContactSection .ContentPain .ContactText .Text a:hover { padding: 10px 40px 10px 9px; }
.section.ContactSection .ContentPain .ContactText .Image { width: 40%; position: absolute; bottom: 20px; left: -50px; transform: rotate(-4deg); }
.section.ContactSection .ContentPain .ContactText .Image img { width: 100%; height: auto; border: solid rgba(255,255,255,1) 7px; box-shadow: rgba(0,0,0,0.2) -5px 6px; }

body.size-lg .ContactSection .ContentPain .ContactText .Text { width: 65%; }
body.size-lg .ContactSection .ContentPain .ContactText .Stamp { right: 0px; }

body.size-md .ContactSection .ContentPain .ContactText .Text { width: 65%; }
body.size-md .ContactSection .ContentPain .ContactText .Stamp { right: 0px; }



body.size-sm .ContactSection .ContentPain .ContactText { width: calc(70% + 80px); left: calc(15% - 40px); }
body.size-sm .ContactSection .ContentPain .ContactText .Text { width: 70%; bottom: 70px; }
body.size-sm .ContactSection .ContentPain .ContactText .Stamp { right: 0px; top: 150px; }
body.size-sm .ContactSection .ContentPain .ContactText .Logo { top: 170px; }
body.size-sm .ContactSection .ContentPain .ContactForm { width: 70%; left: 15%; }

body.size-xs .ContactSection { height: 1550px; background: #fed923; }
body.size-xs .ContactSection .ContentPain { background: #fed924; height: 1550px; }
body.size-xs .ContactSection .ContentPain .ContactText { width: calc(90% + 40px); left: calc(5% - 20px); padding-bottom: 50px; }
body.size-xs .ContactSection .ContentPain .ContactText .Text { width: 90%; bottom: auto; top: 200px; padding: 0px 80px 0px 0px; }
body.size-xs .ContactSection .ContentPain .ContactText .Stamp { display: none !important; }
body.size-xs .ContactSection .ContentPain .ContactText .Logo { top: 20px; }
body.size-xs .ContactSection .ContentPain .ContactForm { width: 90%; left: 5%; top: 500px; padding: 350px 10px 50px 10px; }
body.size-xs .ContactSection .ContentPain .ContactText .Image { display: none; }
body.size-xs .ContactSection .ContentPain .ContactForm .FormPain { margin: 0px; width: 100%; }
body.size-xs .ContactSection .ContentPain .ContactForm .FormPain input { width: 100%; box-sizing: border-box; }
body.size-xs .ContactSection .ContentPain .ContactForm .FormPain textarea { position: relative; width: 100%; box-sizing: border-box; top: 20px; }
body.size-xs .ContactSection .ContentPain .ContactForm .FormPain .sequrity { width: calc(100% - 87px); }
body.size-xs .ContactSection .ContentPain .ContactForm .FormPain input[type=submit] { margin: 0px; top: 20px; position: relative; }
body.size-xs .ContactSection .ContentPain .ContactText a { display: none; }
body.size-xs .ContactSection .ContentPain .ContactText:before { transform: rotate(180deg); }
body.size-xs .ContactSection .ContentPain .ContactText a.ContactOpen { display: none; }

body.size-ss .ContactSection { height: 1550px; background: #fed923; }
body.size-ss .ContactSection .ContentPain { background: #fed924; height: 1550px; }
body.size-ss .ContactSection .ContentPain .ContactText { width: 96%; left: 2%;; padding-bottom: 50px; }
body.size-ss .ContactSection .ContentPain .ContactText .Text { width: 90%; bottom: auto; top: 200px; padding: 0px 80px 0px 0px; }
body.size-ss .ContactSection .ContentPain .ContactText .Stamp { display: none !important; }
body.size-ss .ContactSection .ContentPain .ContactText .Logo { top: 20px; }
body.size-ss .ContactSection .ContentPain .ContactForm { width: calc(96% - 40px); left: calc(2% + 20px); top: 500px; padding: 350px 10px 50px 10px; }
body.size-ss .ContactSection .ContentPain .ContactForm .FormPain { margin: 0px; width: 100%; }
body.size-ss .ContactSection .ContentPain .ContactForm .FormPain input { width: 100%; box-sizing: border-box; }
body.size-ss .ContactSection .ContentPain .ContactForm .FormPain textarea { position: relative; width: 100%; box-sizing: border-box; top: 20px; }
body.size-ss .ContactSection .ContentPain .ContactForm .FormPain .sequrity { width: calc(100% - 73px); }
body.size-ss .ContactSection .ContentPain .ContactForm .FormPain input[type=submit] { margin: 0px; top: 20px; position: relative; }

body.size-ss .ContactSection .ContentPain .ContactText a { display: none; }
body.size-ss .ContactSection .ContentPain .ContactText .Image { display: none; }
body.size-ss .ContactSection .ContentPain .ContactText:before { transform: rotate(180deg); }
body.size-ss .ContactSection .ContentPain .ContactText a.ContactOpen { display: none; }


.section.ContactSection.open .ContentPain .ContactText { top: 50%; z-index: 32; }
.section.ContactSection.open .ContentPain .ContactForm { top: 0px; height: 100vh; z-index: 31; background: #fefbe5; }