/*
* Theme Name: Invention
* Theme URI: http://www.jozoor.com
* Description: Invention Theme for corporate and creative sites, responsive and clean layout, more than color skins
* Author: Jozoor team
* Author URI: http://www.jozoor.com
* Version: 1.0
*/

/*
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =  
=     00   00 00 00   00 00 00   00 00 00   00 00 00   00 00    =
=     00   00    00        00    00    00   00    00   00       =
=     00   00    00      00      00    00   00    00   00       =
=     00   00    00    00        00    00   00    00   00       =
=  00 00   00 00 00   00 00 00   00 00 00   00 00 00   00       =
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
*/

/* Import Basic Files
================================================== */

@import url("font.css");                                 /* Custom Font */
@import url("base.css");                                 /* Reset & Basics */
@import url("font-awesome/css/font-awesome.min.css");    /* Font Awesome */
@import url("fontello/css/fontello.css");                /* Fontello Social */
@import url("skeleton.css");                             /* Base 960 Grid */
@import url("javascript.css");                           /* Css Styles for js scripts */
@import url("shortcodes.css");                           /* Css Styles for shortcodes */
@import url("skins/white.css");                          /* Layout Skin */

/* Site Styles
================================================== */

/* === common styles === */
.float-right, .top-bar .social-icons, #nav, .more, footer .social, header .social, .accordion .fa-plus, .accordion .fa-minus, .portfolio-control, .portfolio-control a, a.next-post {
	float:right;
}

.float-left, .tweet_list li i.fa-twitter, .navigation ul li, .page-title h1, .accordion.style2 .fa-plus, .accordion.style2 .fa-minus, #horizontal-tabs ul.tabs li, #vertical-tabs .contents, #vertical-tabs ul.tabs, .alert i, .pagination a, .member-social a, #options li, .share-social a, .post-meta .meta, img.pic-2, .post.style-2 .image-post, a.prev-post, .about-author .avatar, .related-posts .item, .comments .comment-box .avatar, .form-box, .the-icons, header.style-3 #nav  {
	float:left;
}

.bottom-1 { margin-bottom:15px !important; }
.bottom-2 { margin-bottom:25px !important; }
.bottom-3 { margin-bottom:35px !important; }
.bottom-4 { margin-bottom:45px !important; }
.bottom-5 { margin-bottom:55px !important; }

.top-1 { margin-top:15px !important; }
.top-2 { margin-top:25px !important; }
.top-3 { margin-top:35px !important; }
.top-4 { margin-top:45px !important; }
.top-5 { margin-top:55px !important; }

#menu > a {
	border-radius:1px;
}

.recent-work .item img.pic, .portfolio .item img.pic, .gallery .item img.pic, .img-caption, .slidecontrols li a, .more, .latest-blog .item img.pic, #footer.thumbs li img, #sidebar.thumbs li img, .subscribe input.mail, .subscribe input.submit, #toTop, .accordion h4, .accordion p, .accordion.style2 .fa-plus, .accordion.style2 .fa-minus, .meter, .meter .meter-content, .button, #horizontal-tabs .contents, #vertical-tabs .contents, #horizontal-tabs.style2 ul.tabs li, #vertical-tabs.style2 ul.tabs li, .alert, #toggle-view li h4, #toggle-view .panel, .info-box, .pagination a, .breadcrumbs, .form-elements input[type="text"], .form-elements select, .form-elements textarea, .qoute, .welcome, .testimonial-item  p, .member-social a, .team .item img, .tables-column, .tables-column .footer h4 a, #options li a, .portfolio-control a, .flex-container .slides li img, .share-social a, .project-full img, .image-post img, .post-meta .meta, .widget .text-search, .popular-tags a, img.pic-2, #footer.thumbs li img, .widget .followers, .widget .followers li a, .blog-3 .item, .post-tags, .about-author .content, .related-posts .item img, .comments .comment-box.author, .form-box input.text, .form-box textarea, body.under-construction .content input.subscribe-text, body.under-construction .content input.subscribe-button, .notification_error, .notification_ok {
	border-radius:2px;
}

.tables-column .header h3, .blog-3 .item .image-post img {
	border-radius:2px 2px 0 0;
}

.flex-direction-nav li a.flex-prev, blockquote {
	border-radius:0 2px 2px 0 ;
}

.flex-direction-nav li a.flex-next {
	border-radius:2px 0 0 2px ;
}

img.pic-2 {
	margin:0 13px 5px 0;
}

.more {
	width:29px;
	height:29px;
	display:block;
	font-weight:700;
}

.social a {
	display: inline-block;
	margin: 0 0 0 18px;
}

footer .social .social-icon.white, header .social .social-icon.white {
	margin: 0 !important;
}

header .social {
	margin-top:1px;
}

footer .social {
	margin-top:2px;
}

/* === main styles === */

/* header */

header {
    background-color: #fff;
    position: relative;
    z-index: 111;
}

.top-bar {
	min-height: 30px;
	padding: 0px 0;
}

.phone-mail {
	padding: 3px 0;
}

.phone-mail a {
	margin-right:20px;
}

.phone-mail i {
	margin-right:7px;
}

.logo {
	margin: 15px 0;
}

/* header styles */
header.style-2 .top-bar {
	min-height: 4px;
	padding:0;
}

header.style-2 .down-button {
	display:none !important;
}

header .search form {
	margin:30px 0;
}

header.style-3.style-5 .navigation > #nav {
	display:inline-block;
	float:none;
	margin-bottom:-4px;
}

header.style-3.style-5 .down-header {
	min-height:66px;
}

/* header sticky fixed */
header.fixed .sticky-wrapper.is-sticky .main-header, header.fixed .sticky-wrapper.is-sticky .down-header {
	position:relative;
	z-index:1000;
	width: 100%;
	-moz-box-shadow: 0 0 3px #888;
    -webkit-box-shadow: 0 0 3px #888;
    box-shadow: 0 0 3px #888;
}

.stickylogo {
	display: none;
}

body .is-sticky + .down-header .container .stickylogo {
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 2px;
	z-index: 555;
}

/* navigation menu */
#nav {
	margin-top:-4px;
}

header.style-3 #nav {
	margin-left: -20px;
	margin-top:-1px;
}

#menu > a {
	display: none;
}

i.fa-angle-down.responsive {
	display:none;
}

.down-button {
	text-align:center;
	display:none;
}

/* slider */
.slider-1, .slider-2 {
	overflow:hidden;
}

.slider-1 .slides li .contain, .slider-1 .loading, .slider-2 .slides li .contain, .slider-2 .loading {
	position:relative;
	min-height:478px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	max-width:480px;
	min-width:480px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links, .slider-1 .slides li .item {
	position:absolute;
}

.slider-1 .slides li h2 { left:0; top:-100%; opacity:0; z-index:50 }

.slider-1 .slides li p { left:0; bottom:-50%; opacity:0; z-index:50 }

.slider-1 .slides li .links { left:0; bottom:-100%; opacity:0; z-index:50}

.slider-1 .slides li .item { right:-100%; opacity:0; z-index:10 }

.slider-1 .slides li p, .slider-2 .slides li p {
	line-height:30px;
}

.slider-1 .loading, .slider-2 .loading {
	background: #4b4c4d url(../images/icons/loading.gif) no-repeat center center;
}

.slider-1 .button.medium, .slider-2 .button.medium {
	padding:17px 30px;
	margin-right:12px;
}

.slider-1 .slides li .item .video-wrap {
    min-width: 425px;
	min-height: 244px;	
}

/* slider-2 options */
.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
	position:absolute;
	width:70%;
	padding:0 15%;
}

.slider-2 .slides li h2 { bottom:-20%; opacity:0; }
.slider-2 .slides li p { bottom:-50%; opacity:0; }
.slider-2 .slides li .links { bottom:-60%; opacity:0; }

.slider-2 .slides li h2 span {
    padding: 10px 20px;
    background:rgba(0, 0, 0, 0.5);
    line-height: 75px;
	text-transform: uppercase;
	letter-spacing:2px;
}

.slider-1 .slides li .links a:hover, .slider-2 .slides li .links a:hover {
	background:rgba(0, 0, 0, 0.5);
}

.slider-1.iphone li {
	background:url(../images/img/sliders/pattern.png) repeat;
}

.slider-1.iphone li img {
	margin-top:37px;
}



/* services */
.services.home, .one-page .home-bg, .one-page.section, .one-page.welcome {
	padding:55px 0;
}

.one-page.section {
	padding-bottom:0;
}

.services.home.s-2 {
	padding: 75px 0 35px 0;
}

.services.style-1 .item {
	margin-bottom:10px;
}

.services.style-1 .item h3 {
	margin-bottom:12px;
}

.services.style-1 .item .circle {
	width: 130px;
	height: 50px;
	border-radius: 50%;
	margin: 0 auto;
	padding: 40px 0;
	margin-bottom:30px;
}

.services.style-1 .item .circle a {
	display:block;
}

.services.style-1 .item p {
	padding: 0 5px;
}

/* style 2 */
.services.style-2 .item {
	overflow:hidden;
}

.services.style-2 .circle {
	width: 50px;
	height: 22px;
	border-radius: 50%;
	padding: 14px 0;
	margin-right: 10px;
	margin-top: 7px;
}

.services.style-2 .data {
	width: 78%;
}

/* style 3 */
.services.style-3 .item {
	overflow:hidden;
}

.services.style-3 .circle {
	width: 105px;
	height: 51px;
	border-radius: 50%;
	padding:27px 0;
	margin-right: 10px;
}

.services.style-3 .data {
	width: 73%;
}

/* recent work */
.recent-work .item {
	position:relative;
	overflow: hidden; 
	max-height: 240px;
	margin-bottom:20px;
}

.portfolio .item, .gallery .item {
	position:relative;
	overflow: hidden; 
	margin-bottom:20px;
}

.img-caption {
	position:absolute;
	top:100%;
	width:100%;
	height: 100%;
}

.portfolio .item img, .gallery .item img, .recent-work .item img, .portfolio .item a, .recent-work .item a, .gallery .item a {
	display:block;
}

.img-caption .desc {
	padding:10%;
}

.img-caption .desc span {
	text-align: center;
	display: block;
	font-weight: bold;
	margin-top: 10%;
}

.portfolio .item.element-4 .img-caption .desc span {
	margin-top:3%;
}

.portfolio .item.element-4 .img-caption .desc, .gallery .item.element-4 .img-caption .desc {
	padding:5%;
}

.recent-work .item img, .portfolio .item img, .gallery .item img  {
	width:100%;
	height:auto;
}

/* lates blog */
.latest-blog .item {
	margin-bottom:27px;
}

.latest-blog .item img.pic {
	margin-bottom:15px;
}

.latest-blog .item img.pic:hover {
	opacity:.7; filter:alpha(opacity=70); 
}

.latest-blog .item .meta {
	margin-bottom:13px;
}

/* featured clients */
.featured-clients .item {
	margin-bottom:20px;
}

.featured-clients img {
	opacity:.8; filter:alpha(opacity=80); 
}

.featured-clients img:hover {
	opacity:1; filter:alpha(opacity=100); 
}

/* footer */
footer {
	margin-top:40px;
}

.footer-top {
	padding:40px 0;
}

.footer-down {
	padding:22px 0;
}

footer h3.title {
	margin-bottom:20px;
}

.subscribe form {
	margin-top:22px;
}

.subscribe input.mail {
	padding:13px;
	border:none;
	width: 53%;
    margin-right: 2px;
}

.subscribe input.submit {
	padding:12px 15px;
	border:none;
	cursor:pointer;
}

span.copyright {
	padding-top: 7px;
	display: block;
}


/* start inernal pages */
.page-title {
	padding:42px 0 34px 0;
	margin-bottom: 40px;
}

.page-title h1 {
	margin-bottom:0;
}

/* testimonials */
.testimonials .testimonial-item {
	margin-bottom:20px;
}

.testimonial-item  p {
	padding:18px 20px 25px 20px;
}

.testimonials-arrow {
	background:url(../images/icons/testimonials-arrow.png) no-repeat;
	width:26px;
	height:26px;
	margin:0 0 0 30px;
}

.testimonial-item .author {
	margin: -4px 0 0 77px;
}

/* team */
.team .item {
	margin-bottom:30px !important;
	min-height:397px;
}

.team.columns-4 .item {
	min-height:360px;
}

.team .item img {
	margin-bottom:15px;
	opacity:.7; filter:alpha(opacity=70); 
}

.team .item img:hover {
	opacity:1; filter:alpha(opacity=100); 
}

.team .item h4 {
	margin-right:5px;
}

.team .item span {
	font-style: italic;
	margin-top: 10px;
	display: inline-block;
}

.team .item p {
	margin:8px 0 18px 0;
}

.member-social a {
	margin: 0 6px 6px 0;
	/*width: 38px; height: 18px; padding: 7px 0 12px 0;*/
	width: 34px;
	height: 15px;
	padding: 4px 0 12px 0;
}

.member-social a i {
	margin:0 auto !important;
	display:block !important;
}

/* 404 page */
.page-404 {
	padding:60px 0 120px 0;
	min-height:520px;
	margin-bottom: -40px;
}

.page-404 .oops {
	margin-bottom: 38px;
}

.page-404 .text {
	margin-bottom:30px;
}

.page-404 .coffee {
	position:relative;
	width: 77px;
    margin: 20px auto;
}

.page-404 i.fa-coffee{
	position: absolute;
	top: 31px;
	z-index: 100;
}

.page-404 i.fa-fire{
	position: absolute;
	left: 28px;
}

/*  single project */
.portfolio-control {
	margin-top:6px;
}

.portfolio-control a {
	padding:4px 14px;
	margin-left: 9px;
}

.portfolio-control a.all {
	padding: 6px 8px 2px 8px;
}

.share-social a {
	margin: 0 6px 6px 0;
	width: 38px;
	height: 18px;
	padding: 7px 0 12px 0;
}

.share-social a span {
	margin:0 auto !important;
	display:block !important;
}

.project-full li {
	margin-bottom:20px;
}

/* blog posts */
.post.style-1, .post.style-2 {
	padding-bottom:32px;
}

.post.style-1:last-child, .post.style-2:last-child {
	border-bottom:0;
}

.image-post {
	margin:5px 0 15px 0;
}

.image-post img:hover {
	opacity:.7; filter:alpha(opacity=70); 
}

.post-content p {
	margin-bottom:10px;
}

.post-meta {
	overflow:hidden;
}

.post-meta .meta {
    padding: 8px 12px 8px 12px;
	min-height: 16px;
	margin: 0 5px 5px 0;
	display: inline-block;	
}

.post-meta .meta i {
	margin-right:3px;
}

.post.style-2 .image-post img {
	max-width: 260px;
	min-height: 187px;
	margin-right: 20px;
}

html.ie.ie8 .post.style-2 .image-post {
	max-width: 260px;
	min-height: 187px;
	margin-right: 20px;
}

.post.single {
	border-bottom:0 !important;
}

/* sidebar */
.sidebar .widget {
	margin-bottom:30px;
}

.sidebar .search form, header .search form {
	position:relative;
}

.sidebar .widget .text-search, header .widget .text-search {
	padding:13px 36px 13px 13px;
	border:none;
	width: 82%;
}

.widget .submit-search {
	background:url(../images/icons/search-icon.png) no-repeat;
	position:absolute;
	top: 15px;
	right: 14px;
	border:none;
	cursor:pointer;
	width:18px;
	height:18px;
}

.widget.categories ul li {
	padding: 5px 5px 10px 18px;
	margin-bottom: 7px;
}

.widget.categories ul li:last-child {
	border-bottom:0;
	margin-bottom:0;
}

.popular-tags a {
	padding: 12px 10px;
	display: inline-block;
	margin: 0 6px 6px 0;
}

.widget #horizontal-tabs ul.tabs li {
	padding: 16px 14px;
}

.widget.most-posts ul.posts li {
	margin-bottom: 22px;
	overflow: hidden;
}

footer .widget.most-posts ul.posts li {
	margin-bottom: 12px;
}

.widget.most-posts ul.posts li:last-child {
	margin-bottom:0;
}

.widget.most-posts ul.posts li img:hover {
    opacity:.8; filter:alpha(opacity=80); 	
}

.widget.most-posts ul.posts li p {
	margin-bottom:5px;
}

.widget.most-posts ul.posts li img {
	width:68px;
	height:68px;
}

.widget .followers {
	padding:10px;
}

.widget .followers li {
	display: inline-block;
	text-align: center;
	margin: 10px 4px;
}

.widget .followers li a {
	display: inline-block;
	margin: 0 6px 6px 0;
	width: 38px;
	height: 18px;
	padding: 7px 0 12px 0;
}

.widget .followers li a i {
	margin:0;
}

.widget .followers li h4 {
	margin-bottom:0;
}

/* blog 3 */
.blog-3 .item {
	margin-bottom:20px;
}

.blog-3 .item .contain .data{
	padding:8px;
}

.blog-3 .item .image-post {
	margin-top:0;
	margin-bottom:3px;
}

.blog-3 .item .post-meta {
	margin-bottom: 13px;
}

.blog-3 .item .post-content {
	padding-top:12px;
}

.blog-3 .item .post-meta .meta {
	padding: 5px 10px 0px 0;
	margin:3px 2px 3px 0;
	background:none !important;
}

.blog-3 #options, .one-page #options {
	margin-bottom: 15px;
}

.blog-3 #options #filters li, .one-page #options #filters li {
	float:none;
	display:inline-block;
	margin: 2px 4px 2px 0;
}

.blog-3 .pagination-contain .pagination {
	display: inline-block;
}

.post-tags {
	padding:13px 15px;
	line-height:22px;
}

.next-prev-posts {
	overflow:hidden;
}

.about-author .content {
	padding:20px;
	overflow:hidden;
	margin-top:20px;
}

.about-author .avatar img {
	width:80px;
	height:80px;
	border-radius:50%;
}

html.ie.ie8 .about-author .avatar img {
	width:inherit;
}

.about-author .content .data {
	margin-left:105px;
}

.about-author .content .data h5 {
	margin-bottom:10px;
}

/* related posts */
.related-posts {
	overflow:hidden;
}

.related-posts .item {
	width:200px;
	margin-right:13px;
	margin-bottom: 13px;
}

.related-posts .item img {
	margin-bottom:10px;
	width:200px;
	height:128px;
}

.related-posts .item img:hover {
	opacity:.7; filter:alpha(opacity=70); 
}

.related-posts .item .meta {
	margin-top:5px;
}

/* comments */
.comments .comment-box {
	margin-bottom:20px;
}

.comments .comment-box .avatar {
	margin-top:5px;
}

.comments .comment-box .avatar img {
	width:60px;
	height:60px;
	border-radius:50%;
}

html.ie.ie8 .comments .comment-box .avatar img {
	width:inherit;
}

.comments .comment-box .comment {
	margin-left:80px;
	padding-bottom:20px;
}

.comments > .comment-box:last-child > .comment {
	border-bottom:0;
}

.comments .comment-box .comment h5 {
	margin-bottom:5px;
}

.comments .comment-box .comment .date-replay {
	margin-bottom:17px;
}

.comments .comment-box .children {
	margin-top:20px;
	margin-left:80px;
}

.comments .comment-box.author {
	padding:15px 10px 10px 10px;
}

.comments .comment-box.author .comment {
	padding-bottom:10px;
	border-bottom:0;
}

/* comment form */
.form-box {
	width:200px;
	margin:0 20px 15px 0;
}

.form-box.last {
	margin-right:0;
}

.form-box.big {
	width:100%;
}

.form-box label {
	padding:5px 0;
	margin-bottom:8px;
	display:block;
}

.form-box input.text {
	padding:12px 10px;
	width:89%;
	display:block;
	border:none;
}

.form-box textarea {
	width:96.6%;
	padding:12px 10px;
	min-height:180px;
	display:block;
	border:none;
}

/* google map */
#map{
	display: block;
	width: 100%;
	height: 350px;
	margin: 0 auto;
	margin-top:-40px;
}

#map img {
	max-width:inherit !important;
}

/* contact info */
.address-info li, .phone-info li, .email-info li {
	padding:5px 5px 5px 18px;
	line-height:25px;
	position: relative;
}

.phone-info li {
	padding-left:22px;
}

.email-info li {
	padding-left:26px;
}

.address-info li:before {
	content: '\f041'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 20px; position: absolute; top: 5px; left: 0;
}

.phone-info li:before {
	content: '\f095'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 17px; position: absolute; top: 5px; left: 0;
}

.email-info li:before {
	content: '\f0e0'; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit;
    font-size: 17px; position: absolute; top: 5px; left: 0;
}

/* Under Construction */
body.under-construction .content h2.title, body.under-construction header .logo img, body.under-construction .content p.text, body.under-construction .content #clock-ticker {
	opacity:0;
}

body.under-construction header .logo img {
	display:block;
}

body.under-construction header .logo {
    margin: 39px 0;
}

body.under-construction .content {
	background: url(../images/img/under_construction.jpg) no-repeat;
	width: 100%;
    height: 455px;
	padding:100px 0;
	image-rendering: optimizeQuality; 
	background-size: cover;
	background-position: 50% 0;
}

body.under-construction .content h2.title {
	margin-bottom:20px;
	margin-top:-40px;
}

body.under-construction .content p.text {
	line-height:40px;
}

body.under-construction .content .block {
	display:inline-block;
	width:130px;
	height: 62px;
    padding: 34px 0;
	border-radius:50%;
	margin:0 10px;
}

body.under-construction .content .block .flip-top {
	display: block;
	margin-bottom: 3px;
}

body.under-construction .content .subscribe {
	position:relative;
	z-index:100;
}

body.under-construction .content input.subscribe-text, body.under-construction .content input.subscribe-button {
	border: none;
}

body.under-construction .content input.subscribe-text {
	width: 50%;
	margin-right: 15px;
	margin-left: 13px;
	padding: 14px 15px;
}

body.under-construction .content input.subscribe-button {
	cursor: pointer;
	padding: 12px 20px 14px 20px;
}

body.under-construction footer {
	margin:0;
	padding:30px 0 40px 0;
}

body.under-construction footer span.copyright {
	margin-bottom:15px;
}

body.under-construction footer .social {
	float:none;
}

/* one page styles */
.one-page p.description {
	line-height:30px;
}

.one-page #options #filters li {
	float: none;
	display: inline-block;
	margin: 2px 4px 2px 0;
}

.one-page #testimonials .slidecontrols li a.carousel1-prev, .one-page #testimonials .slidecontrols li a.carousel1-next {
	bottom:8px;
	top: inherit;
}

.one-page.section .pic {
	display:block;
}

.one-page.section h2 {
	margin-top:90px;
}

.download-now {
	padding:20px 0;
}


/* Media Queries
================================================== */

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 980px) {
	
	#slider-range { width: 165px !important; }
	
	.listing-preview .listing_thumb + div { width: 360px !important; }
	
#footer.thumbs li {
	width: 47%;
	margin: 3px 6px 3px 0;
}

#footer.thumbs li img {
	width: 103px;
	height:90px;
}

.subscribe input.mail {
	width: 89%;
	margin-right:0;
	margin-bottom:10px;
}

.subscribe input.submit {
	width:100%;
}	

/* shortcodes */
#vertical-tabs ul.tabs {
	width:100%;
}

#vertical-tabs ul.tabs li {
	float: left;
	width: 37%;
	text-align: center;
}

#vertical-tabs.style2 ul.tabs li {
	margin-right: 3px;
}

#vertical-tabs .contents, #vertical-tabs.style2 .contents {
	margin-left: 0;
	width:100%;
}

#vertical-tabs.style2 ul.tabs li.current {
	border: none !important;
}

#vertical-tabs ul.tabs {
	border-top:none !important;
}

.alert, .alert .close {
	font-size:14px;
}

.form-elements textarea {
	width:94%;
}

.welcome {
	font-size:23px;
	padding: 30px 5%;
}

.qoute h4 {
	font-size:21px;
}

.qoute .button {
	font-size:14px;
}

.page-title h1 {
	font-size: 42px;
}

/* team */
.team .item {
	min-height:236px;
}

/* services */
.services.style-2, .services.style-3 {
	text-align:center;
}

.services.style-2 .circle, .services.style-3 .circle {
	float:none;
	margin: 0 auto;
	margin-bottom: 15px;
}

.services.style-2 .data, .services.style-3 .data {
	float:none;
	width: 100%;
}

.tables-column .header h3 {
	font-size:20px;
}

/* portfolio items */
.portfolio .item.element-4 .img-caption .desc span {
	margin-top: 1%;
}

.portfolio .item.element-4 .img-caption .desc h3, .gallery .item.element-4 .img-caption .desc h3 {
	font-size: 20px;
	margin-bottom: 0;
}

.portfolio .item.element-4 .img-caption .desc p, .gallery .item.element-4 .img-caption .desc p {
	font-size:13px;
}

.portfolio .item.element-3 .img-caption .desc, .recent-work .item .img-caption .desc, .gallery .item.element-3 .img-caption .desc {
	padding: 5%;
}

.portfolio .item.element-3 .img-caption .desc h3, .recent-work .item .img-caption .desc h3, .gallery .item.element-3 .img-caption .desc h3 {
	font-size: 20px;
	margin-bottom: 0;
}

.portfolio .item.element-3 .img-caption .desc p, .recent-work .item .img-caption .desc p, .gallery .item.element-3 .img-caption .desc p {
	font-size:13px;
}

.portfolio .item.element-3 .img-caption .desc span, .recent-work .item .img-caption .desc span, .gallery .item.element-3 .img-caption .desc span {
	margin-top: 3%;
}

/* sidebar */
.sidebar .widget .text-search, header .widget .text-search {
	width: 77%;
}

#sidebar.thumbs li {
	width: 38.7%;
}

.widget .followers li {
	margin: 10px 18px;
}

.post.style-2 .image-post {
	float:none;
}

/* related posts */
.related-posts .item {
  width: 156px;
}

.related-posts .item img {
	width: 156px;
	height: 110px;
}

/* comment form */
.form-box input.text, .form-box textarea {
	width:95.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

/* slider */
.slider-1 .slides li .item {
	max-width:45%;
}

.slider-1 .slides li .contain, .slider-1 .loading {
	min-height: 395px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	max-width: 380px;
	min-width: 380px;
}

.slider-1 .slides li h2 {
	font-size: 22px;
	line-height: 32px;
}

 .slider-1 .slides li p {
	font-size: 16px;
}

.four.columns #footer.thumbs li {
	width: 46%;
}

.slider-1 .slides li .item .video-wrap {
	min-width: 357px;
	min-height: 194px;
}

.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
	width: 80%;
	padding: 0 10%;
}

.slider-2 .slides li .contain, .slider-2 .loading {
	min-height: 447px;
}

.one-page h1.title {
	font-size:38px;
}

.welcome-text {
	font-size:38px;
}
	
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.recent-work .item {
		max-height: 336px;
	}

	.headerimg, .bottom_animal, .noh3text {
		display:none;
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 180px) and (max-width: 767px) {
	
.main-header .one-third.column, .main-header .two-thirds.column {
	width:auto;
}

.logo {
	margin: 15px 0;
}

header.style-3 .logo {
	margin:10px 0 10px 0;
	text-align:center;
}

#menu > ul {
	width: 420px;
	right:0;
	top: 81px;
}

header.style-3 #menu > ul {
	width: 420px;
	right:0;
	top: 51px;
}

#menu li ul, #menu li ul li ul, #menu li ul li ul li ul {
    width: 92.8% !important;	
}

.phone-mail {
	text-align:center;
	margin-bottom: 7px;
	margin-top: 5px;
}

.phone-mail a {
	margin:0 10px;
}

header .social {
	float:none;
	text-align:center;
	margin-bottom: 11px;
}

.top-bar {
	padding:3px 0;
	min-height:0;
}

.top-bar .slidedown {
	display:none;
}

.down-button {
	display: none;
	width: 30px;
	margin: 0 auto;
	height: 22px;
	opacity:.6; filter:alpha(opacity=60); 
}

.down-button:hover {
	opacity:1; filter:alpha(opacity=100); 
}

#menu > a {
	margin-top:31px;
}

header.style-3 #menu > a {
	margin-top:10px;
}

footer .footer-top .widget {
	margin-bottom:25px;
}

footer h3.title {
    margin-bottom: 10px;	
}

#footer.thumbs li img {
	width: 123px;
	height: 84px;
}

.subscribe input.mail {
    width: 62%;
}

.featured-clients img {
	display:block;
	margin:0 auto;
}

span.copyright {
	text-align:center;
	margin-bottom: 11px;
	line-height: 24px;
}

footer .social {
	text-align:center;
	float:none;
}

footer .social a {
	margin: 0 0 0 13px;
}

.services.style-1 .item {
	margin-bottom:35px;
}

.services.style-1 .item .circle {
	margin-bottom: 17px;
}

.services.style-1 .item h3 {
	margin-bottom:3px;
}

/* shortcodes */
#vertical-tabs ul.tabs {
	width:100%;
}

#vertical-tabs ul.tabs li {
	float: left;
	width: 37%;
	text-align: center;
}

#vertical-tabs.style2 ul.tabs li {
	margin-right: 3px;
}

#vertical-tabs .contents, #vertical-tabs.style2 .contents {
	margin-left: 0;
	width:100%;
}

#vertical-tabs.style2 ul.tabs li.current {
	border: none !important;
}

#vertical-tabs ul.tabs {
	border-top:none !important;
}

.welcome {
	font-size:23px;
	padding: 30px 5%;
	text-align:left;
}

.button.small {
	padding: 10px 16px;
}

.button, .button.medium {
	padding: 12px 22px;
}

.button.large {
	padding: 15px 22px;
}

.page-title h1 {
	font-size: 37px;
}

/* services */
.services.style-2 .data {
	width: 83%;
}

.services.style-3 .data {
	width: 70%;
}

/* 404 page */
.page-404 .oops {
	font-size: 115px;
}

.page-404 .text {
	margin-bottom: 15px;
	font-size: 28px;
	line-height: 41px;
}

.page-404 {
	padding: 40px 0 150px 0;
}

/* sidebar */
.sidebar .widget .text-search, header .widget .text-search {
	width: 88%;
}

#sidebar.thumbs li {
	width: 30.9%;
}

#sidebar.thumbs li img, #footer.thumbs li img, .four.columns #footer.thumbs li img {
	width: 126px;
	height: 105px;
}

.widget .followers li {
	margin: 10px 21px;
}

/* related posts */
.related-posts .item {
  width: 197px;
}

.related-posts .item img {
	width: 197px;
	height: 125px;
}

/* comment form */
.form-box input.text, .form-box textarea {
	width:94.8%;
}

.form-box {
	width:100%;
	margin:0 0 10px 0;
}

.comment-form input.button {
	width:100%;
	padding:13px 0;
}

/* under construction */
body.under-construction .content p.text {
	font-size: 29px;
}

body.under-construction .content {
	height: 515px;
	padding: 75px 0;
}

body.under-construction .content .block {
	margin-bottom:20px;
}

body.under-construction .content input.subscribe-text {
	width: 87%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 15px;
}

body.under-construction .content input.subscribe-button {
  width: 94%;
  margin-bottom: 35px;
}

/* slider */
.slider-1 .slides li .item {
	max-width:45%;
}

.slider-1 .slides li .contain, .slider-1 .loading {
	min-height: 220px;
}

.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
	max-width: 280px;
	min-width: 280px;
}

.slider-1 .slides li h2 {
	font-size: 22px;
	line-height: 32px;
}

.slider-1 .slides li p, .slider-1 .slides li .links {
	display:none;
}

header .search form {
	margin:0 0 30px 0;
}

.slider-1 .slides li .item .video-wrap {
	min-width: 195px;
	min-height: 124px;
}

.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
	width: 100%;
    padding: 0;
}

.slider-2 .slides li h2 span {
	padding: 5px 20px;
	line-height: 122px;
	font-size:30px;
}

.slider-2 .slides li p {
	font-size: 16px;
}

.slider-2 .slides li .contain, .slider-2 .loading {
	min-height: 427px;
}

.slidecontrols li a.carousel1-next {
	position:absolute;
	top:0;
	right:0;
}

.slidecontrols li a.carousel1-prev {
	position:absolute;
	top:0;
	right:34px;
}

.slidecontrols li a.carousel2-next, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel4-next {
	position:absolute;
	top:0;
	right:0;
}

.slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-prev {
	position:absolute;
	top:0;
	right:34px;
}


.one-page h1.title {
	font-size:36px;
}

.one-page.section h2 {
	margin-top:20px;
	text-align:center;
}

.one-page.section p {
	text-align:center;
}

.download-now h2 {
	font-size:29px;
}

.welcome-text {
	font-size:28px;
}


	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	.logo img {
		display:block;
		margin:0 auto;
	}

	#menu > a {
		margin:0 auto;
		margin-bottom:35px;
		float:none;
	}

	header.style-3 #menu > a {
		margin: 10px auto;
		float:none;
	}

	#menu > ul {
		width: 100%;
		right:0;
		top: 50px;
	}

	header.style-3 #menu > ul {
		top: 51px;
		right:0;
	}

	.phone-mail {
		text-align:center;
		margin-bottom: 0;
		margin-top: 5px;
	}

	.phone-mail a {
		margin: 0;
		display: block;
		margin-bottom: 10px;
	}

	header .social {
		float:none;
		text-align:center;
		margin-bottom: 14px;
	}

	.top-bar {
		padding:3px 0;
		min-height:0;
	}

	.top-bar .slidedown {
		display:none;
	}

	.down-button {
		display: none;
		width: 30px;
		margin: 0 auto;
		height: 22px;
		opacity:.6; filter:alpha(opacity=60); 
	}

	.down-button:hover {
		opacity:1; filter:alpha(opacity=100); 
	}

	span.copyright {
		text-align:center;
		margin-bottom: 11px;
		line-height: 24px;
	}

	footer .social {
		text-align:center;
		float:none;
	}

	footer .social a {
		margin: 0 0 0 10px;
	}

	.subscribe input.mail {
		width: 89%;
		margin-right:0;
		margin-bottom:10px;
	}

	.subscribe input.submit {
		width:99%;
	}	

	#footer.thumbs li, #sidebar.thumbs li {
		width: 31%;
		margin: 3px 6px 0px 0;
	}

	footer .footer-top .widget {
		margin-bottom:25px;
	}

	footer h3.title {
		margin-bottom: 10px;	
	}

	.featured-clients img {
		display:block;
		margin:0 auto;
	}

	h3.title, .latest-blog .item h3 {
		font-size: 23px;
	}

	.services.style-1 .item {
		margin-bottom:35px;
	}

	.services.style-1 .item .circle {
		margin-bottom: 17px;
	}

	.services.style-1 .item h3 {
		margin-bottom:3px;
	}

	/* shortcodes */
	.button.small {
		padding: 8px 13px;
	}

	.button, .button.medium {
		padding: 10px 18px;
	}

	.button.large {
		padding: 13px 19px;
	}

	#vertical-tabs ul.tabs, #horizontal-tabs ul.tabs {
		width:100%;
	}

	#vertical-tabs ul.tabs li, #horizontal-tabs ul.tabs li{
		float: left;
		width: 82%;
		text-align: center;
	}

	#vertical-tabs.style2 ul.tabs li {
		margin-right: 3px;
	}

	#vertical-tabs .contents, #vertical-tabs.style2 .contents {
		margin-left: 0;
		width:100%;
	}

	#vertical-tabs.style2 ul.tabs li.current {
		border: none !important;
	}

	#vertical-tabs ul.tabs {
		border-top:none !important;
	}

	.welcome {
		font-size:23px;
		padding: 30px 5%;
		text-align:left;
	}

	.alert, .alert .close {
		font-size: 14px;
	}

	.form-elements span {
		width: 100%;
		margin: 10px 0;
	}

	.qoute h4 {
		font-size: 19px;
	}

	.page-title h1 {
		font-size: 33px;
		float:none;
		text-align:center;
	}

	.testimonials-arrow {
		margin-left:15px;
	}

	.testimonial-item .author {
		margin-left:57px;
	}

	/* team */
	.team .item {
		min-height:391px;
	}

	/* services */
	.services.style-2, .services.style-3 {
		text-align:center;
	}

	.services.style-2 .circle, .services.style-3 .circle {
		float:none;
		margin: 0 auto;
		margin-bottom: 15px;
	}

	.services.style-2 .data, .services.style-3 .data {
		float:none;
		width: 100%;
	}

	/* 404 page */
	.page-404 .oops {
		font-size: 90px;
		margin-bottom: 30px;
	}

	.page-404 .text {
		margin-bottom: 15px;
		font-size: 20px;
		line-height: 41px;
	}

	.page-404 {
		padding: 40px 0 120px 0;
	}

	/* portfolio items */
	.portfolio .item.element-3 .img-caption .desc, .recent-work .item .img-caption .desc, .gallery .item.element-3 .img-caption .desc {
		padding: 5%;
	}

	.portfolio .item.element-3 .img-caption .desc h3, .recent-work .item .img-caption .desc h3, .gallery .item.element-3 .img-caption .desc h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.portfolio .item.element-3 .img-caption .desc p, .recent-work .item .img-caption .desc p, .gallery .item.element-3 .img-caption .desc p {
		font-size:13px;
	}

	.portfolio .item.element-3 .img-caption .desc span, .recent-work .item .img-caption .desc span, .gallery .item.element-3 .img-caption .desc span {
		margin-top: 3%;
	}

	/* single project */
	.portfolio-control {
		float: none;
		margin-right: auto;
		margin-left: auto;
		width: 147px;
		margin-top: 15px;
	}

	/* flex slider direction */
	.flex-direction-nav li a {
		top: 37%;
		padding: 0px 5px;
	}

	/* sidebar */
	.sidebar .widget .text-search, header .widget .text-search {
		width: 80%;
	}

	.widget .followers li {
		margin: 10px 30px;
	}

	.about-author .avatar {
		float:none;
		text-align:center;
	}

	.about-author .content .data {
		margin-left:0;
		margin-top:12px;
	}

	.about-author .content .data h5 {
		text-align:center;
	}

	/* related posts */
	.related-posts .item {
		width: 100%;
		margin-right: 0;
	}

	.related-posts .item img {
		width: 100%;
		height: 165px;
	}

	.comments .comment-box .avatar {
		float:none;
		text-align:center;
	}

	.comments .comment-box .comment {
		margin-left:0;
		margin-top:15px;
	}

	.comments .comment-box .comment h5, .comments .comment-box .comment .date-replay {
		text-align:center;
	}

	.comments .comment-box .children {
		margin-left:20px;
	}

	/* comment form */
	.form-box input.text, .form-box textarea {
		width:91%;
	}

	.form-box {
		width:100%;
		margin:0 0 10px 0;
	}

	.comment-form input.button {
		width:99%;
		padding:11px 0;
	}

	/* under construction */
	body.under-construction .content h2.title {
		font-size: 27px;
	}

	body.under-construction .content p.text {
		font-size: 18px;
	}

	body.under-construction .content {
		height: 488px;
		padding: 75px 0;
	}

	body.under-construction .content .block {
		width: 115px;
		height: 65px;
		padding: 25px 0;
		margin: 0 5px;
		margin-bottom:20px;
	}

	body.under-construction .content input.subscribe-text {
		width: 87%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 15px;
	}

	body.under-construction .content input.subscribe-button {
	  width: 98%;
	  margin-bottom: 35px;
	}

	/* slider */
	.slider-1 .slides li .item {
		max-width:45%;
	}

	.slider-1 .slides li .contain, .slider-1 .loading {
		min-height: 135px;
	}

	.slider-1 .slides li h2, .slider-1 .slides li p, .slider-1 .slides li .links {
		max-width: 140px;
		min-width: 140px;
	}

	.slider-1 .slides li h2 {
		font-size: 15px;
		line-height: 20px;
	}

	.slider-1 .slides li p, .slider-1 .slides li .links {
		display:none;
	}

	header .search form {
		margin:0 0 30px 0;
	}

	.slider-1 .slides li .item .video-wrap {
		min-width: 115px;
		min-height: 95px;
	}

	.slider-2 .slides li h2, .slider-2 .slides li p, .slider-2 .slides li .links {
		width: 100%;
		padding: 0;
	}

	.slider-2 .slides li h2 {
		margin-bottom: 76px;
	}

	.slider-2 .slides li h2 span {
		padding: 5px;
		line-height: 45px;
		font-size: 18px;
	}

	.slider-2 .slides li p {
		font-size: 14px;
	}

	.slider-2 .slides li .contain, .slider-2 .loading {
		min-height: 357px;
	}

	.slidecontrols li a.carousel1-next {
		position:absolute;
		top:0;
		right:0;
	}

	.slidecontrols li a.carousel1-prev {
		position:absolute;
		top:0;
		right:34px;
	}

	.slidecontrols li a.carousel2-next, .slidecontrols li a.carousel3-next, .slidecontrols li a.carousel4-next {
		position:absolute;
		top:0;
		right:0;
	}

	.slidecontrols li a.carousel2-prev, .slidecontrols li a.carousel3-prev, .slidecontrols li a.carousel4-prev {
		position:absolute;
		top:0;
		right:34px;
	}

	.one-page h1.title {
		font-size:29px;
	}

	.one-page.section h2 {
		margin-top:20px;
		text-align:center;
	}

	.one-page.section p {
		text-align:center;
	}

	.download-now h2 {
		font-size:29px;
	}

	.welcome-text {
		font-size:20px;
	}

	.one-page .testimonial-item .author {
		margin-bottom:50px;
	}


}

.main-header {
	border-top: 15px solid #4B4C4D;
}

.logo img {
	width: auto;
	height: 70px;
	max-height: 100%;
}

.navigation li a {
	font-family: "TheSans" !important;
}

header.style-3 .navigation ul li a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

body header.style-3 .navigation ul li a:hover, 
body header.style-3 .navigation ul li a.selected, 
body header.style-3 .navigation ul li.active a {
}

header.style-3 .navigation ul li:nth-child(2) a:hover, 
header.style-3 .navigation ul li:nth-child(2) a.selected, 
header.style-3 .navigation ul li:nth-child(2).active a {
}

header.style-3 .navigation ul li:nth-child(3) a:hover, 
header.style-3 .navigation ul li:nth-child(3) a.selected, 
header.style-3 .navigation ul li:nth-child(3).active a {
	border-color: #3d891f;
}

header.style-3 .navigation ul li:nth-child(4) a:hover, 
header.style-3 .navigation ul li:nth-child(4) a.selected, 
header.style-3 .navigation ul li:nth-child(4).active a {
	border-color: #ce4232;
}

header.style-3 .navigation ul li:nth-child(5) a:hover, 
header.style-3 .navigation ul li:nth-child(5) a.selected, 
header.style-3 .navigation ul li:nth-child(5).active a {
	border-color: #ce4232;
}

header.style-3 .navigation ul li:nth-child(6) a:hover, 
header.style-3 .navigation ul li:nth-child(6) a.selected, 
header.style-3 .navigation ul li:nth-child(6).active a {
	border-color: #ce4232;
}

.navigation ul li ul li a, .responsive ul li a, .navigation ul li ul li a:hover, .navigation ul li ul li.active a {
	border-bottom: 1px solid #666667 !important;
}

.page-title-2 {
	padding: 15px 0 11px 0;
}

h1 {
	font-family: 'TheSans' !important;
}

.page-title-2 h1 {
	font-size: 37px;
}

#nav .dropdown {
	display: none;
	position: absolute;
	top: 63px;
	left: 0;
	width: 400px;
	padding: 15px 25px;
	background-color: #4B4C4D;
	box-shadow: 2px 2px 2px rgba(0,0,0, 0.4);
	z-index: 1111;
	white-space: nowrap;
}

#nav li:hover .dropdown {
	display: block;
}

#nav .dropdown ul {
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
	float: left !important;
	width: auto !important;
    visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
}

#nav .dropdown ul li a {
	padding: 10px 0;
}

#nav .dropdown .column {
	float: left;
	width: 160px;
	margin: 0;
}

#nav .dropdown .column + .column {
	margin-left: 10px;
}

#nav .dropdown .title {
	color: #fff;
	font-size: 13px;
	padding: 12px 5px 9px 5px;
	background-color: #999;
	margin-bottom: 10px;
	display: block;
}

.is-sticky .main-header {
	display: none;
}

.down-header {
	transition: all 0.3s;
}

.is-sticky + .down-header {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	border-top: none !important;
	background-color: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

body .is-sticky + .down-header .container {
	background: none !important;
	padding: 0 70px;
}

.headeractions {
	padding-top: 36px;
	text-align: center;
}

.headeractions a {
	display: inline-block;
	margin: 0 5px;
}

.sidebar {
	position: static;
	top: 200px;
	width: 175px;
}

.showOnFloat {
	display: none;
}

.isFixed .showOnFloat {
	display: block;
}

.recent-work ul#sliderName1 li {
	height: 270px;
	padding: 0 10px;
}

.griditem {
	position: relative;
}

.griditem .img-caption {
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100.5%;
	font-size: 12px;
	line-height: 14px;
}

.griditem:hover .img-caption {
	display: block;
}

.griditem .img-caption .desc {
	padding: 5%;
}

.griditem .img-caption h3 {
	font-size: 15px;
	padding-bottom: 5px;
	line-height: 17px;
	word-break: break-all;
	margin: 0;
}

.griditem .img-caption .desc p {
	padding: 0 0 5px 0;
	font-size: 12px;
	line-height: 14px;
}

.textgriditem.eight.columns {
	margin: 0 !important;
	padding-bottom: 15px;
}

.textgriditem.eight.columns .item {
	float: left;
	width: 40%;
	box-sizing: border-box;
}

.textgriditem.eight.columns .textdesc {
	padding: 0 15px;
	float: left;
	width: 60%;
	box-sizing: border-box;
}

.sidebar .div_navicons {
	overflow: hidden;
	float: none;
}

@font-face { font-family: "TheMix"; 
	src: url("TheMix_400_.eot"); 
	src: url("TheMix_400_.eot?#iefix") format("embedded-opentype"), 
	url("TheMix_400_.woff") format("woff"), 
	url("TheMix_400_.svg#TheMix_400_") format("svg"); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face { font-family: "TheMixBold"; 
	src: url("TheMix_700_.eot"); 
	src: url("TheMix_700_.eot?#iefix") format("embedded-opentype"), 
	url("TheMix_700_.woff") format("woff"), 
	url("TheMix_700_.svg#TheMix_B2_700_") format("svg"); 
	font-weight: bold; 
	font-style: normal; 
}

img.alignright {
	float: right;
	margin: 10px 0 10px 20px;
}

img.alignleft {
	float: right;
	margin: 10px 20px 10px 0;
}

.borderedslider {
	border: 1px solid #E6E6E6;
	border-top: none;
}

.borderedslider:after {
	content: '';
	clear: both;
	display: block;
} 

.recent-work ul#sliderName1 .textgriditem {
	width: 460px;
	position: relative;
	border: 1px solid #ccc;
	padding: 30px 15px !important;
	box-sizing: border-box;
	float: left;
	margin-bottom: 20px !important;
}

.recent-work ul#sliderName1 .textgriditem:nth-child(even) {
	float: right;
}

.recent-work ul#sliderName1 .textgriditem:nth-child(odd) {
	clear: both;
	float: left;
}

.recent-work ul#sliderName1 .textgriditem:nth-child(4n+3), .recent-work ul#sliderName1 .textgriditem:nth-child(4n+4) {
	/* background-color: #ccc !important; */
}

.recent-work  ul#sliderName1 .textgriditem .item {
	width: 188px;
	margin: 0 !important;
	float: left;
}

.recent-work  ul#sliderName1 .textgriditem .item img {
	width: 188px;
}


.recent-work ul#sliderName1 .textgriditem .textdesc {
	width: 225px;
	text-align: left;
	float: right;
	padding: 0 !important;
	display: inline-block;
}


.page-title, .page-title-2 {
	overflow: hidden;
}

.rahmen {
	padding-bottom: 7px;
}

form input {
	width: 100%;
	box-sizing: border-box;
}

form input[type="submit"] {
	width: auto;
	padding: 0 10px;
	cursor: pointer;
}

form td {
	box-sizing: border-box;
	padding-right: 10px;
}

form tr td:last-child {
	padding-right: 0;
}

form table {
	margin-bottom: 10px;
}

form textarea {
	width: 100%;
	padding: 5px 10px;
	overflow: auto;
	box-sizing: border-box;
}

.twofive.griditem:nth-child(4n+1) {
	clear: both;
}

.refineresult { display: none; }

@media only screen and (max-width: 767px) and (min-width: 180px) {
	.recent-work ul#sliderName1 .textgriditem:nth-child(odd) {
		width: 404px;
		border-right: none;
	}
	
	.recent-work ul#sliderName1 .textgriditem:nth-child(even) {
		width: 397px;
		margin-left: 0;
	}
	
	.recent-work .borderedslider2 ul#sliderName1 .textgriditem:nth-child(even) {
		border-left: none;
		padding-left: 0;
	}
	
	.recent-work ul#sliderName1 .textgriditem { 
		text-align: left !important;
		width: 100% !important;
	}
	
	.recent-work .borderedslider2 ul#sliderName1 .textgriditem:nth-child(even) .item {
		position: relative ;
		top: auto ;
		right: auto ;
	}
	
	.recent-work .borderedslider ul#sliderName1 .textgriditem:nth-child(even) .item {
		right: auto;
		left: 15px;
	}
	
	.recent-work .borderedslider ul#sliderName1 .textgriditem:nth-child(even) .textdesc {
		margin-left: 183px;
	}
}

form * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
button,
input,
select,
textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}
input[type="search"] {
    -webkit-appearance: textfield
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}
textarea {
    overflow: auto;
    vertical-align: top
}
.pre-scrollable {
    max-height: 360px;
    overflow-y: scroll
}
form {
    margin: 0 0 1.313em
}
fieldset {
    padding: 0;
    margin: 0;
    border: 0
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 1.4;
    border: 0;
    border-bottom: 1px solid #ddd
}
label,
input,
button,
select,
textarea {
    line-height: 1.7
}
input,
button,
select,
textarea {
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
    display: block;
    margin-bottom: 2px
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 2.65em;
    margin-bottom: 9px;
    border: 1px solid #ccc;
    padding: 0 0.65em;
    font-size: 13px;
    line-height: normal;
    color: #555;
    background-color: #fff;
    border-radius: 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}
input,
textarea {
    width: auto
}
textarea {
    height: auto;
    line-height: 1.3
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
.uneditable-input:focus {
    border-color: rgba(0, 0, 0, 0.3);
    outline: 0;
    outline: thin dotted \9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.2)
}
input[type="radio"],
input[type="checkbox"] {
    margin: 0.425em 0;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer
}
@media (max-width: 480px) {
    input[type="radio"],
    input[type="checkbox"] {
        border: 1px solid #ccc
    }
}
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
    width: auto
}
select,
input[type="file"] {
    height: 2.65em;
    padding-top: 0.5em;
    padding-bottom: 0.5em
}
select {
    width: auto
}
select[multiple],
select[size] {
    height: auto;
    border: 1px solid #ddd
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto #ff2a13;
    outline-offset: -1px
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #c5c5c5
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #c5c5c5
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #c5c5c5
}
.radio,
.checkbox {
    min-height: 18px;
    padding-left: 18px
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
    position: relative;
    float: left;
    margin-left: -18px
}
.controls>.radio:first-child,
.controls>.checkbox:first-child {
    padding-top: 5px
}
.radio.inline,
.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}
.radio.inline+.radio.inline,
.checkbox.inline+.checkbox.inline {
    margin-left: 10px
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed
}
input[disabled]:not(input[type="submit"]),
select[disabled],
textarea[disabled],
input[readonly]:not(input[type="submit"]),
select[readonly],
textarea[readonly] {
    background-color: #eee
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    background-color: transparent
}
.form-search,
.widget_product_search form {
    position: relative;
    margin-bottom: 0;
    line-height: 1
}
.form-search:before,
.widget_product_search form:before {
    content: "\f002";
    position: absolute;
    left: 12px;
    bottom: 50%;
    display: block;
    margin-bottom: -6px;
    font-size: 12px;
    line-height: 1;
    text-decoration: inherit;
    text-shadow: none;
    color: #272727;
    font-family: "fontawesome" !important;
    font-style: normal !important;
    font-weight: normal !important;
    speak: none;
    -webkit-font-smoothing: antialiased
}
.form-search .search-query,
.form-search input[type="search"],
.widget_product_search form .search-query,
.widget_product_search form input[type="search"] {
    width: 100%;
    margin-bottom: 0;
    padding-left: 30px
}
.wpcf7 p {
    margin-bottom: 0.32825em
}
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="datetime-local"],
.wpcf7 input[type="date"],
.wpcf7 input[type="month"],
.wpcf7 input[type="time"],
.wpcf7 input[type="week"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="color"] {
    width: 100%
}
.wpcf7-display-none {
    display: none
}
textarea {
    padding-top: 6px;
    padding-bottom: 6px
}
input[type="color"] {
    padding: 1px 3px
}
input[type="file"] {
    margin-top: 2px
}
.checkbox input[type="checkbox"] {
    top: 2px
}
.radio input[type="radio"] {
    top: 1px
}
#recaptcha_table #recaptcha_response_field {
    height: 16px;
    border-width: 1px;
    font-size: 10px;
    line-height: 16px;
    border-radius: 0
}
.alignright {
    float: right;
    margin: 0.35em 0 0.35em 1.313em
}
.alignleft {
    float: left;
    margin: 0.35em 1.313em 0.35em 0
}
.alignnone {
    float: none;
    margin: 0 0 1.313em 0
}
.aligncenter {
    display: block;
    margin: 0 auto 1.313em
}

.x-column {
    float: left;
    margin-right: 4%
}
.x-column.x-1-1 {
    width: 100%
}
.x-column.x-1-2 {
    width: 48%
}
.x-column.x-1-3 {
    width: 30.66666%
}
.x-column.x-2-3 {
    width: 65.33332%
}
.x-column.x-1-4 {
    width: 22%
}
.x-column.x-3-4 {
    width: 74%
}
.x-column.x-1-5 {
    width: 16.8%
}
.x-column.x-2-5 {
    width: 37.6%
}
.x-column.x-3-5 {
    width: 58.4%
}
.x-column.x-4-5 {
    width: 79.2%
}
.x-column.x-1-6 {
    width: 13.33332%
}
.x-column.x-5-6 {
    width: 82.66666%
}
.x-column.last,
.x-column:last-of-type {
    margin-right: 0
}
@media (max-width: 480px) {
    .x-column.x-xs {
        float: none;
        width: 100%;
        margin-right: 0
    }
}
@media (max-width: 767px) {
    .x-column.x-sm {
        float: none;
        width: 100%;
        margin-right: 0
    }
}
@media (max-width: 979px) {
    .x-column.x-md {
        float: none;
        width: 100%;
        margin-right: 0
    }
}
.js .x-column {
    position: relative
}
.js .x-column[data-fade="true"] {
    opacity: 0
}

.x-container select {
	width: 100%;
}

.x-container {
    margin: 0 auto;
    position: relative;
    *zoom: 1
}
.x-container:before,
.x-container:after {
    display: table;
    content: ""
}
.x-container:after {
    clear: both
}
.x-container.max {
    max-width: 1200px
}
.x-container.width {
    width: 88%
}
.x-gap {
    margin: 1.313em 0;
    border-color: transparent
}
.x-clear {
    margin: 0;
    border: 0;
    clear: both
}

.x-column.x-2-4{width:48%;}
@media (max-width: 767px) {
	.x-column.x-2-4{width:100%;}
}

label{
	display:inline-block;
}

.labelbuffer label{
	cursor:pointer;
}

.submitbuffer{
	padding-top:1em;
}

h4{
	color:#333333;font-size:161%;margin-top:1em;
}

.labelbuffer .wpcf7-list-item-label,.labelbuffer label{
	display:inline-block;padding-left: 0.2em;padding-right: 0.8em;
}

#vorfaelligkeitbetrag, .vorfaelligkeitdatum input, #erreichbarkeit{
	width:135px;display:inline-block;margin-right:0.3em;
}

.wpcf7-not-valid{
	border-color:#ff6933;
}

.wpcf7-not-valid-tip, .screen-reader-response{
	display:none;
}

.x-container{margin-bottom:10px;}
input::-webkit-input-placeholder { color:#a4a4a4; }
input::-moz-placeholder { color:#a4a4a4; } /* firefox 19+ */
input:-ms-input-placeholder { color:#a4a4a4; } /* ie */
input:-moz-placeholder { color:#a4a4a4; }
.sonstigesfield{width:80%;}

hr {
    height: 0;
    margin: 1.313em 0;
    border: 0;
    border-top: 1px solid #000;
}

.paddedright {
	margin-right: 0 !important;
	padding-right: 10px;
	box-sizing: border-box;
}

.about-project .button {
	margin-right: 0;
}

.header-cart {
	position: relative;
	float:right;
	height: 45px;
	margin: 10px 0 -10px 0;
	padding-left:40px;
}

.header-cart a i {
	color: #000;
}

.cart-preview {
	display: none;
	position: absolute;
	right: 0;
	top: 45px;
	z-index: 9999;
	width: 390px;
	padding: 16px;
	background-color: #F5F5F5;
}

.cart-preview:before {
	content: '';
	position: absolute;
	top: -9px;
	right: 20px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #F5F5F5;
}

.header-cart:hover .cart-preview {
	display: block;
}

.cart-preview h5 {
	height: 42px;
	line-height: 42px;
	padding: 0 16px;
	margin: 0 -16px 16px -16px;
	color: #555555;
	font-size: 12px;
	background-color: #EEEEEE;
}

.cart-preview .thumb {
	float: left;
	margin-right: 15px;
	width: 40px;
	overflow: hidden;
}

.cart-preview .thumb img {
	float: left;
	min-width: 100%;
	min-height: 100%;
}

.cart-preview .item {
	display: block;
	clear: both;
	margin-bottom: 13px;
	padding-top: 13px;
	overflow: hidden;
	border-top: 1px solid #E5E5E5;
	line-height: 18px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
}

.cart-preview .item  .price {
	font-weight: normal;
	color: #777777;
}

.cart-preview .item:first-child {
	border: none;
	padding-top: 0;
}

.cart-preview .actions {
	margin: 0 -16px -13px -16px;
	border-top: 1px solid #E5E5E5;
	padding: 13px 16px 0 16px;
}

.cart-preview .actions .button  {
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	margin: 0 0 13px 0;
	padding: 0;
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	background-color: #C0C0C0;
}

.cart-preview .actions .button.checkout {
	background-color: #3ACF87;
}

.cart-preview .actions .button:hover, .cart-preview .actions .button.checkout:hover {
	background-color: #606060 !important;
}

.navigation ul li ul li a.topsect, .responsive ul li a.topsect, .navigation ul li ul li a.topsect:hover, .navigation ul li ul li.active a.topsect {
	width: 143px !important;
	margin-right: 17px !important;
}

#nav .dropdown ul li a {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.sidecart {
	border: 1px solid #000;
	margin-top: 20px;
	clear: both;
	line-height: 22px;
	height: 60px;
	width: 148px;
	text-align: center;
	position: relative;
	padding: 4px;
	border-radius: 2px;
}

.sidecart  i {
	font-size: 18px;
}

.sidecart a.ebook, .sidecart a.papierbuch {
	color: #fff;
	border-radius: 2px;
	text-align: center;
	font-weight: normal;
	height: 35px;
	padding-top:5px;
	line-height: 120%;
}

.sidecart a.ebook {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 77px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}

.sidecart a.papierbuch {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 78px;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
}

.sidecart a.ebook:hover, .sidecart a.papierbuch:hover {
	background-color: #000;
	text-decoration: none;
}

.logobox { 
	display: inline-block;
	background-image: url(../images/logo_25_transparent.gif);
	width: 25px;
	height: 25px;
	margin-right: 5px;
	margin-left: 10px;
	vertical-align: middle;
}

.newsletterbox {
	display: inline-block;
	font-size: 20px;
}

input.haslabel {
	float: left;
}

.checkbox-label {
	display: inline-block;
	padding-left: 20px;
	margin-top: -17px;
	float: left;
}

.hasfloats:after {
	content: '';
	clear: both;
	display: block;
}

.listing-preview .quantity {
	display: inline-block;
	height: 37px;
	float: left;
	margin: 0 20px 0 40px;
}

.listing-preview .quantity a {
	float: left;
	border: 1px solid #D1D1D1;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #000;
	font-size: 20px;
	text-decoration: none;
}

.listing-preview .quantity a:hover {
	color: #fff;
	background-color: #CA1515;
}

.listing-preview .quantity a.remove, .listing-preview .quantity a.update {
	margin-left: 20px;
}

.listing-preview .quantity input {
	float: left;
	border: none;
	background: none;
	padding: 0;
	border-top: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
	width: 42px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	color: #000;
	font-size: 16px;
}

#horizontal-tabs ul.tabs li {
	width: 25%;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	border-right: none;
}

.red {
	color: #ce4232;
}

.hidden {
	display: none;
}

table.table_cart td {
	vertical-align: middle;
	padding: 10px !important;
	text-align: center;
}

table.table_cart tr td:last-child {
	text-align: right;
}

.errors {
	border: 1px solid #f00;
	padding: 10px 15px;
	color: #f00;
}


#nav .dropdown {
	top: 66px !important;
	background-color: #888888 !important;
}

.yellowblock {
	background-color: #FEC61F !important;
	padding: 5px 0;
	font-size: 25px;	
}

.yellowblock h1 {
	margin: 0 0 0 340px;
	padding: 0 0 0 10px;
	font-size: 16px;
	color: #000000;
}

body header.style-3 .navigation ul li a {
	border: none !important;
}

#nav a {
	font-weight: bold;
}

#nav .dropdown a {
	font-weight: normal;
}

h1.arrowed {
	position: relative;
	min-height: 21px;
}

h1.arrowed i {
	left: -25px;
	top: -8px;
	position: absolute;
	font-size: 35px;
}

.header-cart.full:hover .fa, .header-cart.full:hover .fa, .header-cart.full:hover a i {
	color: #000;
}

input.button, #upload a.button {
	min-height: 45px;
	padding-top: 10px;
	padding-bottom: 10px;
}

a.button {
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

.goback {
	float: left;
	clear: block;
	width: 48%;
	height: 45px;
	padding: 10px 0;
	text-align: center;
}

.half {
	min-width: 350px;
	float: left; 
	width: 50%;
}

.half div, .half div * {
	line-height: 20px;
}

.half .x-container {
	margin-bottom: 2px;
}

input[type="checkbox"], input[type="radio"] {
	outline: none !important;
	border: none !important;
}

.addedtocart {
	display: none;
	font-size: 18px;
	color: #CE4232;
	border: 1px solid #CE4232;
	border-radius: 3px;
	padding: 10px 15px;
	text-align: center;
}

.sidebar .addedtocart {
	font-size: 14px;
	padding: 5px 7px;
	line-height: normal;
	width: 142px;
	margin-top: 6px;
}

.widget.categories.filter {
	height: auto;
	padding-top: 10px;
	margin-top: 10px;
}

.slide .textgriditem.eight.columns {
	min-height: 345px;
}

.cart_form .listing-preview {
	width: 90%;
}

.cart_form .listing-preview .quantity {
	margin-right: 2px;
}

.recent-work .button.small { padding: 6px 12px; }

.header-cart .black { color: #000; }


.button_verfeinerte {
	width:100%; min-height: 30px; font-size: 14px; height:30px; margin-left:0px;
}

h2.bottom-pager  {
	display: inline-block;
	line-height: 30px;
	padding-top: 2px;
	vertical-align: top;
}

h2.bottom-pager + .pagination {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 30px;
}

.req.toggleRequired {
	border: 1px solid #f00 !important;
}

.slider-1 {
	margin-bottom: 45px !important;
}

.slider-1 .slides li {
	background-color: #BEBEBE;
}

.slider-1 .slides li .container {
	background-position: left center;
	background-repeat: no-repeat;
}

.table_download_links {
	padding:5px;
}

.top_id, .item_td, .footer_td  { 
	padding:5px;
	border: solid 1px #999;
}

.mobilenav  {
	display: none;
}

.tablet #menu { display: none; }
.tablet .mobilenav { display: inline-block; float: left; position: relative; z-index: 2222; margin-top: 5px; font-size: 17px; width: 280px; }
.tablet .mobilenav option { font-size: 13px; }
.tablet .is-sticky + .down-header .header-cart { margin-right: 100px; }

.cart-preview.empty { display: none !important; }

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 980px)
{
	#menu { display: none; }
	.mobilenav { display: inline-block; float: left; position: relative; z-index: 2222; margin-top: 5px; font-size: 17px; width: 280px; }
	.mobilenav option { font-size: 13px; }
	
	.container ul#sliderName1 .columns:nth-child(3n+1) {
		clear: both;
	}
	
	.container .borderedslider ul#sliderName1 .columns:nth-child(3n+1) {
		clear: none;
	}
	
	.container .borderedslider2 ul#sliderName1 .columns:nth-child(3n+1) {
		clear: none;
	}
	
	.recent-work ul#sliderName1 .textgriditem {
		width: 374px;

	}
	
	.recent-work .borderedslider ul#sliderName1 .textgriditem {
		width: 366px;
	}
	
	.recent-work .borderedslider ul#sliderName1 .textgriditem:nth-child(even) {
		width: 365px;
	}
	
	.recent-work .borderedslider ul#sliderName1 .textgriditem .textdesc {
		word-break: break-all;
		text-align: left;
	}
	
	.recent-work .borderedslider ul#sliderName1 .textgriditem .textdesc {
		width: 188px;
	}
	
	.recent-work .borderedslider ul#sliderName1 .textgriditem:nth-child(even) .item {
		right: 190px;
	}
	
	.recent-work ul#sliderName1 .textgriditem .item {
		width: 168px;
	}
	
	.recent-work ul#sliderName1 .textgriditem .item img {
		width: 168px;
	}
	
	.recent-work ul#sliderName1 .textgriditem:nth-child(even) .item {
		width: 168px;
	}
	
	.recent-work ul#sliderName1 .textgriditem .textdesc {
		width: 193px;
	}
	
	.recent-work ul#sliderName1 .textgriditem:nth-child(even) .textdesc {
		width: 193px;
	}
	
	.recent-work  ul#sliderName1 .textgriditem:nth-child(even) .item {
		right: 193px;
	}

	.main-header .two-thirds.column {
		float:right;
	}

	.header-cart {
		margin-top: 15px;
		font-size: 18px;
		padding-left: 0;
	}

	i.fa-angle-down.responsive {
		display: inline-block;
		float:right;
	}

	img.rightarrowclass {
		display:none;
	}

	/* first level */
	#menu > ul {
		height: auto;
		position: absolute;
		right: 0;
		top: 83px;
		min-width: 65%;
		z-index:999;
	}

	header.style-3 #menu > ul {
		right: 15%;
		top: 51px;
	}
	
	#menu > ul > li > a,
	#menu > ul > li > ul > li > a,
	#menu > ul > li > ul > li > ul > li > a,
	#menu > ul > li > ul > li > ul > li > ul > li > a
	{
		height: auto;
		text-align: left;
		display: block;
		padding: 13px 10px;
	}

	#menu > ul > li:not( :last-child ) > a {
		border-right: none;
	}

	/* second level */
	#menu li ul, #menu li ul li ul, #menu li ul li ul li ul {
		position: static;
		padding: 0 15px; 
		width:87% !important;
	}	

	header.style-3 #menu li ul, #menu li ul li ul, #menu li ul li ul li ul {
		width:93% !important;
	}

	#toTop {
		/*display:none !important;*/
	}

	/* shortcodes */
	.button.small {
		padding: 12px 18px;
	}

	.button, .button.medium {
		padding: 15px 24px;
	}

	.button.large {
		padding: 17px 25px;
	}

	.flex-direction-nav li a {
		top: 38%;
		padding: 8px 7px;
	}

	.post.style-2 .image-post img {
		max-width: 100%;
		min-height:auto;
		margin-right:0;
	}

	.blog-3 #options #filters li, .one-page #options #filters li {
		float:left;
	}

	/* slider */
	.slider-1 .flex-direction-nav li a, .slider-2 .flex-direction-nav li a {
		padding: 8px 9px;
	}

	header.style-3.style-5 .down-header {
		min-height:61px;
	}

	.one-page p.description {
		font-size:15px;
	}

	/* Custom */

	.boxed .yellowblock h1 { padding: 0; text-align: center; margin: 0; }
	.slider-1 .slides li .container { background-image: none !important; }
	.slider-1 .slides li .container .contain { margin-left: 0 !important; width: auto !important; padding-bottom: 20px; }
	.recent-work ul#sliderName1 .textgriditem { border: none; margin-bottom: 0 !important; }
	.recent-work ul#sliderName1 .textgriditem + .textgriditem { border-top: 1px solid #ccc; }
}



/* Harald's custom.css */


/* From old site */

/* Tables */

table.konferenzkalender { width:96%;  }

table.result { border:none; width:100%; margin-left:-5px; }
table.admin { font-size: 12px; }
table.formtable td { padding-bottom:5px; }
table.weihnachten { padding-top:10px; 	}
table.weihnachten td { padding-right:10px; text-align:center; }
table.table_cart td { padding:3px; text-aling:center; }

/* TRs */

tr.basket_tableheader { background-color:#184067; color:#ffffff; font-weight: bold}
tr.basket_productrow { background-color:#e9e9e9; }
tr.basket_endrow { background-color:#c6c6c6; }

/*TDs*/

td {vertical-align:top;}
td.td1 { background: #E6E6E6; padding: 7px 7px 12px 20px;}
td.td2 { background: #DFDFDF; padding: 7px 7px 17px 20px;}
td.rahmen { color: #111;}
td.tabellenkopf1 {background-color:#f9f9f9;}
td.tabellenkopf2 {background-color:#d6d6d6;}
td.tabellenkopf3 {background-color:#748187; color:#ffffff; font-weight: bold; vertical-align:middle; }
td.tabellenkopf4 {background-color:#748187; color:#ffffff; font-weight: bold; height:24px; }
td.tabellenkopf5 {background-color:#ffffff; font-weight: bold; height:24px; border-bottom:solid 1px #666;}
td.input { padding-bottom:7px }
td.oreilly { padding-bottom:7px; padding-right:10px; }
td.title_td { width:146px; padding-right:50px; }
td.td_col2 { padding: 0px 20px 3px 0px; }

/* Used in Veranstaltungen  and Buchsuche */

/*
.monat01 {background-color:#3399ff;}
.monat02 {background-color:#66ccff;}
.monat03 {background-color:#00eedd;}
.monat04 {background-color:#99ff99;}
.monat05 {background-color:#00dd00;}
.monat06 {background-color:#eeff55;}
.monat07 {background-color:#ffffcc;}
.monat08 {background-color:#ffcc99;}
.monat09 {background-color:#ff6633;}
.monat10 {background-color:#eecc44;}
.monat11 {background-color:#cc9900;}
.monat12 {background-color:#999944;}



Winter blau 2586DA 2179c6 
Frühjahr grün 4FB228 469D23 3d891f
Sommer rot D7675B D25446 ce4232
Herbst gelb F4B159 F3A641 f29b29
Winter blau 3B92DE 

ergibt

.monat01 {background-color:#2586DA;}
.monat02 {background-color:#2179c6;}
.monat03 {background-color:#4FB228;}
.monat04 {background-color:#469D23;}
.monat05 {background-color:#3d891f;}
.monat06 {background-color:#D7675B;}
.monat07 {background-color:#D25446;}
.monat08 {background-color:#ce4232;}
.monat09 {background-color:#F4B159;}
.monat10 {background-color:#F3A641;}
.monat11 {background-color:#f29b29;}
.monat12 {background-color:#3B92DE;}


Winter blau 3B92DE 2179c6 
Frühjahr grün 66D23B 4FB228 3d891f
Sommer rot E18D84 D7675B ce4232
Herbst gelb F7C789 F4B159 f29b29
Winter blau 67AAE5 

ergibt

.monat01 {background-color:#3B92DE;}
.monat02 {background-color:#2179c6;}
.monat03 {background-color:#66D23B;}
.monat04 {background-color:#4FB228;}
.monat05 {background-color:#3d891f;}
.monat06 {background-color:#E18D84;}
.monat07 {background-color:#D7675B;}
.monat08 {background-color:#ce4232;}
.monat09 {background-color:#F7C789;}
.monat10 {background-color:#F4B159;}
.monat11 {background-color:#f29b29;}
.monat12 {background-color:#67AAE5;}

oder doch lieber nur eine Farbe pro Jahreszeit

;}

*/





.monat01 {background-color:#2179c6;}
.monat02 {background-color:#2179c6;}
.monat03 {background-color:#3d891f;}
.monat04 {background-color:#3d891f;}
.monat05 {background-color:#3d891f;}
.monat06 {background-color:#ce4232;}
.monat07 {background-color:#ce4232;}
.monat08 {background-color:#ce4232;}
.monat09 {background-color:#f4ce0e;}
.monat10 {background-color:#f4ce0e;}
.monat11 {background-color:#f4ce0e;}
.monat12 {background-color:#2179c6;}


.datum {background-color:#ffffff; vertical-align:top; padding: 5px; border-bottom: solid 1px #ccc;  }
.was1 {background-color:#f9f9f9; vertical-align:top; font-weight:bold; padding: 5px; }
.was2 {background-color:#f9f9f9; vertical-align:top; padding: 5px;}
.was3 {background-color:#ffffff; vertical-align:top; padding: 5px; border-bottom: solid 1px #ccc; }
.was4 {background-color:#ffffff; vertical-align:top; padding: 8px; border-bottom: solid 1px #ccc; }
.was2_ebook {background-color:#c2dbef; vertical-align:top;}

/* Used in many of the older tables: Info-Ausbildung, Digitale Angebote, Veranstaltungen... */

.tabellenkopf1 {background-color:#cfcfcf; text-align:left; font-weight:bold; }
.tabellenkopf2 {background-color:#f5e9cf; text-align:left; font-weight:bolder; }

.zelle1 {background-color:#f9f9f9; vertical-align:top;}
.zelle2 {background-color:#f9f9f9; vertical-align:top;}
.zelle3 {background-color:#f9f9f9; vertical-align:top; font-weight:bold; }

/* lines */

div.line1 { border-top: solid #cccccc 1px; }
div.line2 { border-top: solid #666666 1px; margin:50px 0px 15px 0px; }
div.line3 { border-top: solid #cccccc 1px; }

br.br1 { clear: both; }
br.br2 { clear: both; margin: 0; padding: 0px; line-height: 1px;}
br.br3 { clear: both; margin-bottom:10px;}
br.br4 { clear: both; margin-bottom:20px;}

/* End old site */

.listing-preview {
	padding: 10px 20px 10px 17px;
	background-color: #ffffff;
	overflow: hidden;
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 4px;
	box-sizing: border-box;
	border-top: dotted 1px #ccc;
	width: 100%;
	position: relative;
}


.listing-preview:first-of-type {
	border-top: none;
	padding-top:0px;
	margin-top:0px;
}

.lastofmonth
{
	border-bottom:none;
}

.plus-listing-preview {
	padding: 5px 5px 5px 10px;
	background-color: #eeefef;
	overflow: hidden;
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 4px;
}

.ipo {
	padding: 7px 20px 7px 17px;
	background-color: #f2f2f2;
	border-bottom: solid 0px #ccc;
	border-top: solid 0px #ccc;
	font-size: 14px;
	font-weight: bold;
	text-transform: none;
	width:90%;
}

.listing-preview .thumb {
	border: solid 0px #ccc;
	box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1), 0 6px 20px 2px rgba(0, 0, 0, 0.1);
	width:90px;
}

.recent-work  .item {
	border: solid 0px #ccc;
	box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1), 0 6px 20px 2px rgba(0, 0, 0, 0.1);
}

.listing_thumb {
	width:90px; float:left; margin-right: 20px !important;margin-top:4px;
	}

.listing-preview .also {
	position:absolute;
	top: 5px;
	right: 20px;
}

.listing-preview .also .section-title {
	font-size: 10px;
	font-weight: normal;
	padding-bottom: 10px;
}

.listing-preview h3 {
	text-transform: none;
	color:#333333;
	font-size: 14px;
	margin:5px 0 2px 0;
	padding:0;
	line-height:120%;
}

.listing-preview h2 {
	margin: 5px 0 5px 0px;
	padding: 0 0 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #040404;
	line-height:140%;	
}

.listing-preview h2 a:hover {
	text-decoration:none;
}

.listing-preview .color1 {
	color: #5583a4;
	font-weight: bold;
	margin-left: -3px;
	float: left;
}

.listing-preview .color2 {
	color: #dc5a3b;
	font-weight: bold;
	margin-left: -3px;
	float: left;
}

.listing-preview p {
	padding: 0;
	margin: 0;
	font-size:14px;
	line-height:140%;
}


ul#sliderName1 .four.columns  {
    width: 188px;
}

.recent-work ul#sliderName1 .item {
    max-height: 280px;
    margin-bottom: 40px;
	border: none;
}

.container ul#sliderName1 .columns {
    float: left;
    display: inline;
    margin-left: 24px;
    margin-right: 21px;
}

ul#sliderName1 .img-caption .desc h3 {
	font-size: 13px;
	font-weight:bold;
}

ul#sliderName1 .img-caption .desc p {
	font-size: 12px;
}

.slider-1 .slides li h2 {
	font-size: 22px;
	line-height: 140%;
	color: black;
	background:white;
	padding: 10px;
	opacity: .8 !important;
	padding-bottom:1px;
}

 .slider-1 .slides li p {
	font-size: 16px;
	line-height: 140%;
	color: black;
	background:white;
	padding: 10px;
	opacity: .8 !important;
}

.footer-top a {
	color:white;
}

.detail_subtitle {
	line-height:130%;
}

.detail_author {
	line-height:130%;
}

.detail_title {
	line-height:120%;
	font-size:22px;
	font-weight:bold;
}

.home_author {
	padding-top:0px;
	font-style:normal;
	font-size:13px;
	line-height:120%;
}

.home_title {
	font-weight:bold;
	padding: 0px 0 5px 0;
	line-height:120%;
}

.home_subtitle {
	font-style:italic;
	padding: 5px 0 5px 0;
	line-height:120%;
}

.home_teaser {
	line-height: 140%;
	font-size: 14px; 
	hyphens: auto;
}

.home_more {
	text-align:right;
	font-weight: bold;
	font-size: 14px;
	padding-right:20px;
}

body {
 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
}

.page-title, .page-title-2 {
    padding: 9px 0 9px 0;
	font-weight: normal;
	margin-bottom:20px;
}

.page-title h1, .page-title-2 h1 {
    font-size: 22px;
	line-height:100%;
	font-weight: normal;
}

h4.title {
    font-size: 18px;
	color:#333333;
	padding-bottom:30px;
}

.widget.categories ul li {
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
	border:none;
}

.widget.categories ul.small, .widget.categories ul.ul_filter.bottom-1 {
	font-size:13px;	
}

.page_browse {
	color:#E7402F;
	font-size:17px;
}
.widget .categories {
	border-bottom: solid 1px #ccc;
}

.twofive {
    margin-bottom: 40px;
	border: solid 0px #ccc;
	box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1), 0 6px 20px 2px rgba(0, 0, 0, 0.1);
}

.twofive img {
	vertical-align: top;
}

.twonine {
    margin-bottom: 30px;
	border: dotted 1px #ccc;
}

.fa-th-large:before{content:"\f009"}
.fa-th:before{content:"\f00a"}
.fa-th-list:before{content:"\f00b"}


.portfolio-control a {
    padding: 4px 14px;
    margin-left: 9px;
}

img.navicon {
	width:25px	;
	}
	
.div_navicons {
	text-align:left;
	font-size:24px;	
}

.div_navicons  i {
	padding: 3px 5px;
	margin: 0 0 10px 0;
	line-height:120%;
	background-color: #eee;
}

.div_navicons  a:hover i {
	color: #333333;
}

.div_list_variants {
	margin: 15px 0 0 0;
}

.div_list_leseproben {
	margin: 5px 0 0 0;
}

ul.nav li 
{
	font-size:15px;
	line-height: 150%;
}

ul.target_group li 
{
	line-height: 150%;
}

h2.title {
	font-weight:bold;
	font-size:22px;
}

.columns li {
	line-height:170%;
}

#nav .dropdown ul li a {
	padding:5px 0 5px 0;
}

header.style-3 .navigation ul li a {
    padding: 18px 20px 16px 20px;
}

body header.style-3 .navigation ul li a:hover, body header.style-3 .navigation ul li a.selected, body header.style-3 .navigation ul li.active a {
    padding-top: 18px;
}

div {
	line-height:170%;
}

p {
	padding: 5px 0 5px 0;
	line-height:170%;
}

.div_allprices {
	margin: 0 0 20px 0;
}

.div_booktype {
	width:250px;
	float:left;
	padding: 5px 0 0px 0;
	background: #f3f3f3;
}

.div_price {
	padding: 5px 0 0px 0;
	float:left;
	vertical-align:bottom;
}

#label_book, #price_book { font-weight:bold; }

footer h3.title {
    margin-bottom: 20px;
	font-weight:normal;
}

b, strong {
	font-weight:bold;
}

.footer-top {
    padding: 10px 0 20px 0;
}

/* Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		font-weight: bold;
		font-family: 'TheMix' !important;
		line-height: 170%;
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 35px; margin-bottom: 22px;}
	h2 { font-size: 25px; margin-bottom: 18px; }
	h3 { font-size: 21px; margin-top: 15px; }
	h4 { font-size: 15px; margin-top: 6px; margin-bottom: 6px; }
	h5 { font-size: 13px; }
	h6 { font-size: 12px; }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }
	
.sidebar .widget {
    margin-bottom: 20px;
}

ul.slides img {
	border: solid 0px #ccc;
	box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.1), 0 6px 20px 2px rgba(0, 0, 0, 0.1);
}

.main-header {
    border-top: 5px solid #4B4C4D;
}

.footer-down {
    padding: 6px 0;
}

header .widget .text-search {
    padding: 10px 36px 10px 13px;
    border: none;
    width: 100%;
}

.slider-1 .button.medium, .slider-2 .button.medium {
    padding: 12px 20px;
    margin-right: 12px;
}

.slider-1 .flex-direction-nav li a, .slider-2 .flex-direction-nav li a {
    height: 24px;
}

.headeractions a {
    margin: 0px;
}

a:hover {
    text-decoration: underline;
}

#nav a:hover {
    text-decoration: none;
}

a.button {
	color: #ffffff;
}

a.button:hover {
	text-decoration: none;
	color: #ffffff;
}

.fa-shopping-cart a {
    color:#000000;
}

.team .item img {
    opacity: 1;
	filter:none;
}

.accordion.style2 h4, .accordion.style2 h4 a  {
    font-size: 18px;
}

.team .item p {
    margin: 0px 0 18px 0;
	padding-top:0px;
}

.pagination a {
    margin: 4px 4px 0 0;
    padding: 2px 5px 2px 5px;
	font-size:13px;
}

.pagination {
	font-size:13px;
}

.pagination a:hover {
	text-decoration:none;
}

.pagination a.next-button, .pagination a.prev-button {
    padding: 1px 8px;
	font-size:20px;
}

.inner-content ul {
	padding-left: 25px;
}

.inner-content ul li {
	list-style-type:square;
}

.listing-preview  h3 {
	font-family: RobotoRegular !important;
	font-weight: normal;
}

.listing-preview  h2 {
font-size:18px;
}

.select_producttype {
	background: #f3f3f3; 
	padding:0px 0px 5px 10px; 
	margin: 10px 0 10px 0;
}

#isbn_print, #isbn_ebook {  }


.filter input[type="radio"], input[type="checkbox"] {
    margin: 0px;
}

.columns .filter li {
    line-height: 140%;
}

.sidebar .categories ul li, .comments .comment-box .comment {
    border-bottom: none;
}

.newsletterbox {
	font-family:'TheMix', 'RobotoRegular', Arial, sans-serif;
	font-weight:bold;
}
.newsletterbox span {
	font-weight:normal;
}

i { 
	font-style:italic; 
}

.button {
    border-radius: 4px;
}

.wk_div_subtotal {
	height: 44px;
	width:90%;
	padding: 5px 0 0 0;
	margin: 0 0 20px 0;
	border-top: solid 1px #e6e6e6;
}

.wk_p_subtotal {
	text-align:right;
	font-size:16px;
}

.wk_line_subtotal_top {
	margin: 5px 0 5px 0;
}

.wk_line_subtotal_bottom {
	margin: 5px 0 15px 0;
}

.h2_cart a {
	font-size:15px;
	line-height:140%;
}

.h3_cart a {
	font-size:11px;
	line-height:140%;
}

.titlepic {
	margin-top:5px;
	/*
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.42);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.42);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.42);
	*/
}

.filter {
	background-color:#ffffff; padding:15px; border: solid 1px #ccc;
}

a, a:hover {
	text-decoration:none;
}

input[select] {
	border:none;
}

.widget .submit-search {
    background: url(../images/icons/search-icon.png) no-repeat;
    position: absolute;
    top: 11px;
    right: 14px;
    border: none;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

/* Colors */

.red { color:#cf2626; }
.redbold { color:#cf2626; font-weight:bold; }
.blue { color:#1b00ff; }
.bluebold { color:#1b00ff; font-weight:bold; }
.darkyellow { color:#FDBD3D; }
.grey { color:#999999; }


.greyout {
	filter:alpha(opacity=50); /* IE */
    opacity: 0.5; /* Safari, Opera */
    -moz-opacity:0.50; /* FireFox */
}

.greyout_pluslist {
	filter:alpha(opacity=30); /* IE */
    opacity: 0.3; /* Safari, Opera */
    -moz-opacity:0.30; /* FireFox */ 
}

/* For autocomplete / suggest - used a dpunkt.plus */
.autocomplete-suggestions { border: 1px solid #999; background: #fff; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 0 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399ff; }

.listing-preview h2 a:hover {
    color: #474747;
}


#project_details { width:412px; }

#addMeToCart { width: 414px; padding: 15px 0 15px 0 }

.showOnMobile { display: none; }

/* Mobile */
@media only screen and (max-width: 767px) {
html, body, div, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
	{
	font-size: 20px;
	}

	#menu { display: none; }
	.mobilenav { display: inline-block; float: left; position: relative; z-index: 2222; margin-top: 5px; font-size: 17px; width: 280px; }
	.mobilenav option { font-size: 13px; }
	
	.cart-preview { display: none !important; }
	.listing-preview .listing_thumb + div { width: 300px !important; }
	
	.inner-content.oncart { position: relative !important; top: auto !important;  }
	
	.cart_form .ipo { width: 100%; }
	
	.cart_form .itemactions { width: 310px !important; margin-top: 0 !important; }	
	
	.cart_form .listing-preview .listing_thumb + div { width: 240px !important; margin-left: 0; }	
	
	.sidebar { margin-top: -50px !important; }
	.sidebar hr { display: none; }
	.sidebar .div_navicons { display: none; }
	.widget.categories.filter { width: 390px; }
	.sidebar .pagination, .sidebar h3 { display: none; }
	.sidebar .categories ul li, .comments .comment-box .comment { font-size: 20px; }
	.sidebar h4 { font-size: 23px; }
	.sidebar #amount { font-size: 20px; }
	.listing-preview p, .listing-preview h3, .listing-preview h3, .h2_cart a { font-size: 20px; }	
	.three.columns .sidebar { display: none; }
	.hideonmobile  { display: none !important; }
	
	.cart_form .content, .listing-preview, .listing-preview div { max-width: 100%; }
	.cart_form .listing-preview { width: 100%; }
	
	form .eleven.columns.bottom-3 .content { padding-right: 0; }
	.cart_form .listing-preview .listing_thumb + div { padding-top: 10px; width: 280px !important; }
	.cart_form .listing-preview .quantity { float: none !important; margin-top: 3px; }
	.showOnMobile { display: block; }
	.inner-content.oncart { position: relative !important; top: auto !important; left: auto !important; margin-bottom: 30px; border: none !important; padding-left: 0 !important; padding-right: 0 !important; }
	.cart_form .content { min-height: 0 !important; }
	.cartdisplay { clear: both; }
	.wk_p_subtotal { text-align: left !important; }
	.button.medium.submit_form { float: left !important; }
	.wpcf7-form .listing-preview { padding-left: 0; padding-right: 0; }
	#horizontal-tabs ul.tabs li { font-size: 20px; }
	.wpcf7-form a.button, input.button { clear: both; width: 100% !important; max-width: none !important; float: none !important; font-size: 22px !important; line-height: inherit !important; }
	.previewSection + div { font-size: 16px; }
	.footer-top .three.columns.widget { font-size: 18px; text-align: center; float: none; margin-left: auto; margin-right: auto; }
	.footer-top .three.columns.widget h3.title { font-size: 22px; font-weight: bold; }
	.footer-top .three.columns.widget h3 + img { margin-left: auto !important; margin-right: auto !important; }
	.booksliderpage { width: 240px !important; margin: 0 auto !important; display: block !important; float: none !important; }
	.button.medium.color.submit_form { width: 100%; }
	.cart_form .eleven.columns { width: 100%; }
	.wk_div_subtotal { width: 100%; }
	.content { width: 100%; }
	.post.single .content { padding-left: 0; padding-right: 0; }
	.post.single .listing-preview { padding-left: 0; padding-right: 0; width: 460px; }
	.widget.categories.filter { width: 430px; }
	.refineresult { display: block; font-size: 20px; padding-bottom: 20px; }
	.recent-work ul#sliderName1 .textgriditem { padding-left: 0 !important; padding-right: 0 !important; }
	.verfeinerte_top { display:none; }
	p { padding: 2px 0 2px 0; }
	p, div, .columns li { line-height:140%; }
	.home_subtitle, .home_teaser { font-size:18px; }
	.booksliderpage { margin-bottom: 30px !important; }
	#project_details { width:460px; }
	#addMeToCart { width: 462px; }
	.div_booktype { width:290px;  }
	.div_booktype, .div_price { padding: 10px 0 10px 0; }
}

@media only screen and (max-width: 767px) and (min-width: 180px) {
	.container { width: 460px; }
	.container .one.column, .container .one.columns, .container .two.columns, .container .twofive.columns, .container .twonine.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 100%; }
	#slider-range { width: 95% !important; }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
	
	.hideontablet { display: none !important; }
	.fullontablet { width: 100% !important; }
	.fullontablet .thirteen.columns { width: 100% !important; }
	.listing-preview .listing_thumb + div { width: 260px !important; }
	.inner-content.oncart { position: relative !important; top: auto !important;  }
	.cart_form .ipo { width: 100%; }
	.cart_form .itemactions { width: 310px !important; margin-top: 0 !important; }
	.cart_form .listing-preview .listing_thumb + div { width: 240px !important; margin-left: 0; }
	.cart_form .button.submit_form { padding-left: 10px !important; padding-right: 10px !important; }
	#slider-range { width: 165px !important; }	
	
	.recent-work ul#sliderName1 { width: 620px; margin-left: auto; margin-right: auto; }
	.recent-work ul#sliderName1 .textgriditem { width: 300px; padding: 25px 0px 0 0 !important; border-top: 1px solid #ccc; }
	.recent-work ul#sliderName1 .textgriditem:nth-child(2n+1) { border-right: 1px solid #ccc; padding-right: 10px !important; }
	.recent-work ul#sliderName1 .textgriditem .item { width: 100px; }
	.recent-work ul#sliderName1 .textgriditem .item img { width: 100px; }
	.recent-work ul#sliderName1 .textgriditem .textdesc { width: 180px !important; }
	.recent-work ul#sliderName1 .textgriditem:nth-child(even) .item { width: 100px; }
	.recent-work ul#sliderName1 .textgriditem:nth-child(even) .item { right: auto; left: 10px; }
}

#wrap { min-width: 480px; }

.anchor_position {
	position:relative; top:-120px; display:block; width:1px;
}