/*** General ***/
body.eshop-page { font-family: "Open Sans"; }

.eshop-page .lang-switcher { width: 45px; padding-top: 33px; }
.eshop-page .lang-switcher ul li { line-height: 38px; }
.eshop-page .lang-switcher ul li a { color: #888; }
.eshop-page .lang-switcher ul li a.selected { color: #e67e22; }
.eshop-page .cbp-af-header.cbp-af-header-shrink .lang-switcher { width: 45px; padding-top: 11px; }

.app2u-eshop { }

.app2u-eshop > section h2.section_title_white { 
	color: #fff;
	font-size: 35px;
	font-weight: 200;
	padding-bottom: 20px;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0) url("../img/eshop/title-hline3.png") no-repeat scroll center bottom;
}
.app2u-eshop > section .head-subtext {
    color: #737373;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    line-height: 22px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
}

.app2u-eshop > section h2.section_title_black { 
	color: #555;
	font-size: 38px;
	font-weight: 200;
	padding-bottom: 20px;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0) url("../img/eshop/title-hline2.png") no-repeat scroll center bottom;
}

.app2u-eshop > section { padding: 60px 20px; }

/*** Menu ***/
/*.eshop-page .menu-back { background: rgba(120, 170, 97, 0.62) none repeat scroll 0 0; }*/
.eshop-page .menu-back { background: rgba(255, 255, 255, 0.75) none repeat scroll 0 0; }
.eshop-page .menu-back.cbp-af-header.cbp-af-header-shrink { background-color: rgba(255, 255, 255, 0.92); box-shadow: 0 1px 5px 0px rgba(24, 24, 24, 0.17); padding-bottom: 0!important; }
.eshop-page .menu-back .logo { background: rgba(0, 0, 0, 0) url("../img/eshop/logo.png") no-repeat scroll center center / 100% auto; }
.eshop-page .menu-back.cbp-af-header.cbp-af-header-shrink .logo { background: rgba(0, 0, 0, 0) url("../img/eshop/logo.png") no-repeat scroll center center / 80% auto; top: -1px; }
.eshop-page .menu-back.cbp-af-header.cbp-af-header-shrink ul.slimmenu { padding-top: 0; }
.eshop-page ul.slimmenu > li { padding-left: 10px; line-height: 38px; }
.eshop-page ul.slimmenu > li::after { color: #666; content: "/"; display: inline; margin-left: 10px; }
.eshop-page ul.slimmenu > li:last-child::after { display: none; }
.eshop-page ul.slimmenu > li a { color: #222; font-size: 13px; display: inline; position: relative; }
.eshop-page ul.slimmenu > li a:hover { border-bottom: 1px solid rgba(0, 0, 0, 0); }
.eshop-page ul.slimmenu > li a::after { background-color: transparent; left: 0; bottom: 6px; content: ""; display: block; height: 1px; position: absolute; transition: all 300ms linear 0s; width: 100%; }
.eshop-page ul.slimmenu > li a:hover::after { background-color: #C4D2C8; height: 2px; }

.eshop-page .cbp-af-header.cbp-af-header-shrink ul.slimmenu > li a { font-size: 12px; }

/*** Alternative ***/
.eshop-page .menu-back .logo { height: 70px; width: 128px; top :15px; left: 20px; }
.eshop-page .menu-back.cbp-af-header.cbp-af-header-shrink .logo { top: -6px !important; }
.eshop-page ul.slimmenu > li { padding-left: 8px; }
.eshop-page ul.slimmenu > li::after { margin-left: 8px; }
.eshop-page ul.slimmenu > li a.special { background-color: #B6C8BB; color: #fff; padding: 6px 3px 4px; text-shadow: 0 0 3px rgba(0, 0, 0, 0.15); }
.eshop-page ul.slimmenu > li.last::after { display: none; }
.eshop-page ul.slimmenu > li a.special:hover { color: #3a3a3a; text-shadow: none; }
.eshop-page ul.slimmenu > li a.special:hover::after { display: none; }

/*** Footer ***/
.eshop-page #footer { padding: 20px 0 5px; box-shadow: 0 1px 5px 0 rgba(24, 24, 24, 0.17); background-color: #fff; }
.eshop-page #footer .social-bottom { margin: 0; }
.eshop-page #footer p.copyright { }
.eshop-page #footer .back-top { background-color: #f9f9f9; color: #718276; }
.eshop-page .list-social li { background-color: #fff; }
.eshop-page .list-social li.icon-soc a { color: #718276; }
.eshop-page .list-social li.icon-soc:hover a { opacity: 0.6; }
.eshop-page .app2u_footer_logo { height: 18px; position: relative; top: -1px; margin-left: 8px; }
.eshop-page  #footer p { color: #444; font-weight: 600; }

/*** Welcome Section ***/
.app2u-eshop > .welcome { padding: 0; margin: 0 auto; overflow: hidden; position: relative; width: 100%; background-color: #e0e9dc; }
.app2u-eshop > .welcome .big-text {
    color: #ededed;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    margin-top: -30px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    top: 40%;
    width: 100%;
    z-index: 20;
}
.app2u-eshop > .welcome .big-text span { background: rgba(158, 193, 142, 0.45) none repeat scroll 0 0; padding: 15px 30px; border-right: 3px solid #777; border-left: 3px solid #777; }
.app2u-eshop > .welcome .big-text span { background: #fff; color: #565656; text-shadow: none; }
.app2u-eshop > .welcome .small-text {
    color: #454545;
    line-height: 23px;
    margin-top: 80px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 100%;
    z-index: 20;
	font-size: 23px;
	font-weight: 700;
	font-family: "Open Sans Condensed";
}
.app2u-eshop > .welcome .small-text.extra { margin-top: 120px; line-height: 30px; }
.app2u-eshop > .welcome .small-text.extra > .inner { width: 60%; margin: 0 auto; }
.app2u-eshop > .welcome .flippy { position: relative; }
.app2u-eshop > .welcome .flippy > * { opacity: 0; position: absolute; top: -100px; width: 100%; }
.app2u-eshop > .welcome .flippy > *:first-child { opacity: 1; top: 0; }

.app2u-eshop > .welcome .read-more { position: absolute; bottom: 40px; width: 100%; text-align: center; }
.app2u-eshop > .welcome .read-more > .button::after {
    content: "";
    display: block;
    font-family: fontawesome;
    font-size: 40px;
    font-weight: normal;
    margin-top: 7px;
}
.app2u-eshop > .welcome .read-more > .button {
    background-color: #f1f1f1;
    border-radius: 50%;
    font-family: "open sans condensed";
    font-size: 22px;
    font-weight: 700;
    height: 115px;
    line-height: 24px;
    padding: 35px 0 0;
    width: 150px;
	color: #454545;
	margin: 0 auto;
}

.app2u-eshop > .welcome .read-more > .button:hover { background-color: #b6c8bb; color: #fff; }

/*** Why Eshop? ***/
.why-eshop { background-color: #f1f1f1; }
.why-eshop .answers { margin: 20px 0 30px; }
.why-eshop .answers::after { clear: both; content: ""; display: block; }
.why-eshop .answers p { color: #565656; font-size: 16px; font-weight: 300; padding-right: 16px; text-align: justify; }
.why-eshop .answers > div::before {
    color: #e67e22;
    content: "";
    display: block;
    float: left;
    font-family: "fontawesome";
    font-size: 20px;
    margin-right: 4px;
}

/*** Why Now? ***/
.why-now { background-color: #cce1e4; }
.why-now .answers { margin: 20px 0 30px; }
.why-now .answers::after { clear: both; content: ""; display: block; }
.why-now .answers .answer {
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
    position: relative;
    transition: background-image 0.35s ease-in-out 0s;
    z-index: 2;
}
.why-now .answers .answer.answer-left { text-align: right; }
.why-now .answers .answer.answer-right {  text-align: left; }
.why-now .answers .answer h6 { color: #565656; font-size: 19px; font-weight: 600; display: inline-block; padding-bottom: 12px; position: relative; }
.why-now .answers .answer.answer-left h6 {  text-align: right; padding-left: 15px; }  
.why-now .answers .answer.answer-right h6 {  text-align: left; padding-right: 15px; }  
.why-now .answers .answer p { color: #565656; font-size: 16px; font-weight: 300; padding-right: 16px; text-align: justify; }
.why-now .answers .answer .icon { color: #e67e22; display: inline-block; font-family: "FontAwesome"; font-size: 19px; height: 32px; line-height: 32px; position: relative; width: 22px; }
.why-now .answers .answer.answer-left .icon { text-align: right; margin-left: 3px; }
.why-now .answers .answer.answer-right .icon { text-align: left; margin-left: 3px; }

/*** Why app2u ***/
.why-app2u { background-color: #e0e9dc; }
.why-app2u .answers { margin: 20px 0 30px; }
.why-app2u .answers::after { clear: both; content: ""; display: block; }
.why-app2u .answers .answer { background-color: #fff; margin: 0 auto; overflow: hidden; padding: 20px; position: relative; z-index: 2; }
.why-app2u .answers .answer.answer-left { text-align: right; }
.why-app2u .answers .answer.answer-right {  text-align: left; }
.why-app2u .answers .answer h6 { color: #565656; font-size: 19px; font-weight: 600; display: table-cell; padding: 0 0 12px 6px; position: relative; text-align: left; }
.why-app2u .answers .answer.answer-left h6 {  text-align: right; padding-left: 15px; }  
.why-app2u .answers .answer.answer-right h6 {  text-align: left; padding-right: 15px; }  
.why-app2u .answers .answer p { color: #565656; font-size: 16px; font-weight: 300; padding-right: 16px; text-align: justify; }
.why-app2u .answers .answer .icon { color: #e67e22; display: table-cell; font-family: "FontAwesome"; font-size: 22px; height: 32px; line-height: 32px; position: relative; width: 22px; }
.why-app2u .answers .answer.answer-left .icon { text-align: right; }
.why-app2u .answers .answer.answer-right .icon { text-align: left; }

.why-app2u .answers .answer.featured { box-shadow: 0 0 10px 0px rgba(230, 125, 34, 0.66); }
.why-app2u .answers .answer > ul { list-style: outside none disc; padding-left: 20px; color: #565656; font-size: 16px; font-weight: 300; }
.why-app2u .answers .answer > ul > li { margin-bottom: 12px; }
.why-app2u .answers .answer.answer-left > ul { }
.why-app2u .answers .answer.answer-right > ul { }

.why-app2u .answers .answer-subtitle { color: #606060; font-family: "open sans condensed"; font-size: 30px; font-weight: 600; }

.why-app2u .answers .answer img.answer-image { width: 100%; height: auto; vertical-align: middle; }
.why-app2u .answers .grouped-answers .answer { margin-bottom: 20px; }

.why-app2u .answers .answer.answer-special { text-align: center; }
.why-app2u .answers .answer.answer-special > h6 { display: inline-block; font-size: 30px; margin-bottom: 10px; text-align: center; }
.why-app2u .answers .answer.answer-special > ul { list-style: none; padding: 0; }
.why-app2u .answers .answer.answer-special > ul > li { font-size: 18px; }
.why-app2u .answers .answer.answer-special > ul > li::before { content: '\f00c'; display: inline; color: #e67e22; font-family: 'fontawesome'; margin-right: 6px; }


/*** Work ***/
.app2u-eshop > .work { background-color: #f2f2f2; }
.project { background-color: #fff; padding: 22px 15px; }
.project .project-thumbs .img-container { padding: 5px; }
.project .project-thumbs .img-container img { height: auto; width: 100%; box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.15); }
.project .project-info { padding: 0 15px; text-align: right; }
.project .project-label { color: #565656; }
.project .project-client, .project .project-year, .project .project-link {
    color: #565656;
    display: inline-block;
    text-align: left;
    font-weight: 700;
	min-width: 140px;
}
.project .project-info .project-link > a { color: #333; }
.project .project-info .project-link > a:hover { color: #e67e22; }
.project-container { margin-bottom: 50px; }


/*** Contact ***/
.app2u-contact { background-color: #e9ede2; }
.app2u-contact .contact-message { background-color: #fff; color: #777; font-size: 16px; font-weight: 300; margin: 10px 10px 20px; padding: 15px; text-align: center; }
.app2u-contact .contact-title { color: #666; display: block; text-transform: none; text-align: left; font-family: 'open sans condensed'; font-size: 30px; font-weight: 700; margin: 10px 0 20px; }
.app2u-contact .contact-form { background-color: #fff; color: #565656; font-size: 14px; margin: 10px 0; padding: 15px; }
.app2u-contact .contact-form label { display: block; font-size: 16px; font-weight: 300; line-height: 32px; }
.app2u-contact .contact-form input,
.app2u-contact .contact-form textarea { border: 1px solid #e1e1e1; box-sizing: border-box; color: #555; font-family: Arial,sans-serif; font-size: 14px; margin-bottom: 10px; padding: 10px 15px; width: 100%; }
.app2u-contact .contact-form input:focus,
.app2u-contact .contact-form textarea:focus { box-shadow: 0 0 3px 0 rgba(99, 164, 99, 0.34); }
.app2u-contact .contact-form textarea { height: 140px; resize: none; }
.app2u-contact .contact-form .send_message { background-color: #454545; border-radius: 0; color: #fff; font-family: 'Open Sans'; font-weight: 300; letter-spacing: 0.05em; padding: 10px; }
.app2u-contact .contact-form .send_message:hover { background-color: #666; color: #eee; }
.app2u-contact .contact-form .error { display:none; }
.app2u-contact .contact-form .error { color: #a72e2e; font-size: 12px; font-weight: 400; line-height: 15px; padding: 0 2px; position: relative; top: -4px; }
.app2u-contact .app2u-managers { background-color: #fff; color: #565656; font-size: 14px; margin: 10px 0; padding: 15px; }
.app2u-contact .app2u-managers .app2u-manager { margin: 10px 50px 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px; text-align: center; }
.app2u-contact .app2u-managers .app2u-manager:last-child { margin-bottom: 10px; border: none; padding-bottom: 0px; }
.app2u-manager-name, .app2u-manager-tel, .app2u-manager-email { display: block; font-size: 16px; margin: 2px; }
.app2u-manager-name { font-weight: 600; }
.app2u-manager-email > a { color: #000; }
.app2u-manager-email > a:hover { color: #e67e22; }
.app2u-info { background-color: #fff; height: 180px; margin: 20px 0 0; padding: 20px; }
.app2u-info .app2u-info-logo { text-align: center; }
.app2u-info .app2u-info-logo > img { width: 160px; height: auto; }
.app2u-info .app2u-address { box-sizing: border-box; float: left; padding: 15px; text-align: center; width: 50%; height: 100%; color: #565656; }
.app2u-info .app2u-address span { display: block; }
.app2u-info .app2u-web, .app2u-info .app2u-email { text-align: center; }
.app2u-info a { color: #000; }
.app2u-info a:hover { color: #e67e22; }
.app2u-info .app2u-address  .separator { background-color: #dfdfdf; height: 1px; margin: 15px auto; width: 150px; }
.va { position: relative; top: 50%; transform: translateY(-50%); }

.list-social li.icon-soc a {
    font-family: "FontAwesome";
    font-size: 15px;
    line-height: 30px;
    margin: 0;
    opacity: 1;
    padding: 0;
    transition: all 300ms linear 0s;
    width: 30px;
	color: #e67e22;
}
.list-social li {
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    list-style: outside none none;
    margin-left: 2px;
    padding: 0;
    text-align: center;
    transition: all 300ms linear 0s;
    width: 30px;
}

/*** Cart ***/
.cart-bg {
    height: 100%;
    left: -150px;
    opacity: 0.112;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 0;
}
.app2u-eshop > section > * {
    z-index: 1;
}

/*** Animations ***/
.app2u-eshop > .welcome .read-more > .button::after {
	-webkit-animation: arrows 3.8s infinite;
	-webkit-animation-delay: 1s;
	animation: arrows 3.8s infinite;
	animation-delay: 1s;
	position: relative;
}



@keyframes arrows {
	0% { top:10px; }
	10% { top:15px; }
	20% { top:10px; }
	30% { top:15px; }
	40% { top:5px; }
	50% { top:15px; }
	60% { top:10px; }
	70% { top:15px; }
	80% { top:5px; }
	90% { top:15px; }
	100% { top:10px; }
}

@-webkit-keyframes arrows {
	0% { top:10px; }
	10% { top:15px; }
	20% { top:10px; }
	30% { top:15px; }
	40% { top:5px; }
	50% { top:15px; }
	60% { top:10px; }
	70% { top:15px; }
	80% { top:5px; }
	90% { top:15px; }
	100% { top:10px; }
}