/*-----------------------------------------------------------------------------------

Theme Name: Line
Theme URI: http://deliciousthemes.com/
Description: Business / Corporate Theme
Author: Madalin Tudose
Author URI: http://deliciousthemes.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.1
*/
/*
	Line v1.1
	http://deliciousthemes.com/

	This theme was designed and developed by Madalin Tudose 
	*/

/*
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------

	1. CSS Reset & Clearfix
	2. Document Setup (body, common classes, etc)
	3. Columns
	4. Typography
		4.1. Dropcaps
		4.2. Highlighted Text
	5. Header
	6. Main Content
		6.1. Nivo Slider
		6.2. Jcarousel
		6.3. Sidebar	
		6.4. Portfolio
		6.5. Blog
			6.5.1. Comments
			6.5.2. Pagination		
		6.6. Contact
	7. Footer
		7.1. Twitter
		7.2. Flickr
		7.3. Social Icons
	8. Elements
		8.1. Slides Plugin - for Portfolio Single Page
		8.2. Buttons
		8.3. Tabs
		8.4. Toggles
		8.5. Accordions
		8.6. Tables
		8.7. Info Boxes
		8.8. Lists

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*	1.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

strong {
  font-weight: 600 !important;
}

.footer-widget strong {
  color: #fff;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,
textarea {
  font: 12px/20px;
  font: inherit;
  resize: none;
}

* {
  _noFocusLine: expression(this.hideFocus=true);
}

/* Removes dotted lines around links */



/*-----------------------------------------------------------------------------------*/
/*	2.	Document Setup (body, common classes, structure etc)
/*-----------------------------------------------------------------------------------*/
html {}

body {
  font: 15px/23px "Open Sans", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: #000;
  background-image: none !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
  background-position: 0 0 !important;
}

#wrapper {
  background-color: white;
  background-image: none !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
  background-position: 0 0 !important;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding-top: 70px;
  box-shadow: 0px 0px 0px #dedede;
}

.select-menu {
  font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
}

.select-menu {
  height: 55px !important;
}


a {
  text-decoration: none;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

a:focus,
a:link,
a:active {
  outline: none;
}

a:hover {
  color: #444;
}

p {
  line-height: 1.4em;
  margin-bottom: 10px;
}

.clear {
  clear: both;
}

.aligncenter {
  text-align: center;
}

.align-center {
  text-align: center;
}

.no-page {
  width: 205px;
  position: relative;
  margin: 0 auto;
}

.alignleft {
  text-align: left;
}

.alignright {
  text-align: right;
}

.wp-caption {}

.wp-caption-text {}

.sticky {}

.gallery-caption {}

.bypostauthor {}

img {}

#wrapper .gallery img {
  border: 0 none;
}

#bg {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

.bgwidth {
  width: 100%;
  height: auto;
}

.bgheight {
  height: 100%;
  width: auto;
}


.space {
  height: 40px;
  width: 100%;
  clear: both;
}

label {
  color: #7F7F7F;
  display: block;
  font-weight: normal;
}

label.error {
  color: red;
  font-style: italic;
  margin: 5px 0 10px 0;
}

input[type="text"],
input[type="password"],
input.text,
input.title,
textarea,
select {
  font-size: 16px;
  background: #eef5f9;
  padding: 8px 5px !important;
  border: solid 0 #ebebeb;
}

input[type="text"]:focus,
input[type="password"]:focus,
input.text:focus,
input.title:focus,
textarea:focus,
select:focus {
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid #EBEBEB;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

input[type="text"],
input[type="password"],
input.text,
input.title,
textarea,
select {
  font-family: Arial;
  font-size: 12px;
  margin: 5px 0;
}

input.text,
input.title,
select {
  padding: 5%;
  width: 89%;
}

input.title {
  font-size: 13px;
}

textarea {
  height: 130px;
  width: 95.5%;
  padding: 2% !important;
}

form.inline {}

form.inline p {
  margin-bottom: 0;
}

img {
  height: auto;
  max-height: auto;
}

/*	3.	Columns
/*-----------------------------------------------------------------------------------*/
.one-half {
  width: 460px
}

.one-third {
  width: 300px;
}

.two-third {
  width: 620px;
}

.one-fourth {
  width: 220px;
}

.one-fifth {
  width: 172px;
}

.three-fourth {
  width: 700px;
}

.one-sixth {
  width: 140px;
}

.five-sixth {
  width: 780px
}

.one-fourth,
.one-half,
.one-fifth,
.two-third,
.one-third,
.three-fourth,
.one-sixth,
.five-sixth {
  position: relative;
  margin-right: 20px;
  float: left;
}

.percent-one-half {
  width: 48%;
}

.percent-one-third img {
  width: 100%;
  height: auto;
}

.percent-one-third {
  width: 30.66%;
}

.percent-two-third {
  width: 65.33%;
}

.percent-one-fourth {
  width: 22%;
}

.percent-three-fourth {
  width: 74%;
}

.percent-one-fifth {
  width: 16.8%;
}

.percent-two-fifth {
  width: 37.6%;
}

.percent-three-fifth {
  width: 58.4%;
}

.percent-four-fifth {
  width: 67.2%;
}

.percent-one-sixth {
  width: 13.33%;
}

.percent-five-sixth {
  width: 82.67%;
}

.percent-one-half,
.percent-one-third,
.percent-two-third,
.percent-three-fourth,
.percent-one-fourth,
.percent-one-fifth,
.percent-two-fifth,
.percent-three-fifth,
.percent-four-fifth,
.percent-one-sixth,
.percent-five-sixth {
  position: relative;
  margin-right: 4%;
  float: left;
}

.column-right {
  float: right;
}

.column-last {
  margin-right: 0 !important;
  clear: right;
  padding-right: 0;
}



/*-----------------------------------------------------------------------------------*/
/*	4.	Typography
/*-----------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #131313;
  font-weight: 400;
}

h1 {
  color: #842c2a;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3em;
  margin-bottom: 13px;
}

h2 {
  font-size: 19px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 13px;
}

h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
}

h4 {
  font-size: 16px;
  line-height: 1.4em;
  margin-bottom: 6px;
}

h5 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
}

h6 {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 20px;
  font-weight: 600;
}








/*--- 4.1. Dropcaps ---*/

.dropcap1 {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #666666;
  border-radius: 3px;
  color: #fff;
  float: left;
  font-size: 36px;
  margin: 4px 10px 2px 0;
  padding: 12px 6px;
  text-shadow: 0 1px 0 #fff;
}

.dropcap2 {
  float: left;
  font-size: 36px;
  line-height: 26px;


  padding-right: 10px;
  padding-top: 8px;
}

.dropcap3 {
  float: left;
  font-size: 36px;
  line-height: 30px;
  font-style: italic;
  padding-right: 10px;
  padding-top: 8px;
}


/*--- 4.2. Hightlighted Text ---*/

.highlight {
  padding: 1px 3px;
}

.highlight.redish {
  background-color: #ffcccf;
  color: #A14A40;
}

.highlight.bluish {
  background-color: #D7E7F5;
  color: #5E6984;
}

.highlight.yellowish {
  background-color: #FFF9CC;
  color: #736B4C;
}

.highlight.greenish {
  background-color: #E2F2CE;
  color: #466840;
}

.highlight.dark {
  background: #333333;
  color: #fff;
}

pre,
code {
  background-color: #F5F5F5;
  border-color: #ebebeb;
  border-style: solid;
  border-width: 0px 0px 0px 4px;
  display: block;
  font-family: monospace;
  font-size: 11px;
  padding: 10px;
}

pre,
code {
  margin-bottom: 10px;
}

blockquote {
  border-left: 2px solid #ebebeb;
  color: #787878;
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
  margin: 20px 50px;
  padding: 0 0 5px 15px;
}

blockquote p {
  margin: 0;
}



/*-----------------------------------------------------------------------------------*/
/*	5.	Header
/*-----------------------------------------------------------------------------------*/
#header {
  margin: -6px auto 40px;
  width: 240px;
  float: left;
  clear: left;
  border-bottom: 0 solid #e4eec9;
}

.logo {
  position: relative;
  height: 60px;
  margin-top: 8px;
}

.logo img {
  display: block;
  position: absolute;
  bottom: 0;
}

#navigation {
  float: left;
  padding-top: 30px;
  display: none;
}

ul .sub-menu {
  margin-left: 20px;
}

ul#mainnav {
  position: relative;
  display: none;
}

ul#mainnav li {
  display: inline-block;
  float: left;
  position: relative;
  z-index: 1000;
}

ul#mainnav li ul li {
  border-left: 1px solid #ebebeb;
}

ul#mainnav li ul li a {
  font-size: 14px !important;
  font-weight: 600;
}

ul#mainnav li a {
  color: #666666;
  font: 700 14px/34px "Open Sans", "Open Sans", Helvetica, Arial, sans-serif;
  display: inline-block;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 20px;
  padding: 0;
  position: relative;
  z-index: 100;
  height: 60px;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}

ul#mainnav li a.sf-with-ul:hover,
ul#mainnav li a.sf-with-ul:active {
  margin-bottom: -1px;
  border-bottom: 1px solid #ebebeb;
}

ul#mainnav li ul li a.sf-with-ul:hover,
ul#mainnav li ul li a.sf-with-ul:active {
  margin-bottom: 0;
  border-bottom: 1px solid #ebebeb;
}

ul#mainnav li a:hover,
ul#mainnav li a:active,
ul#mainnav li.current-menu-item a {
  color: #842c2a;
  margin-bottom: 0;
}

ul#mainnav li.current_page_ancestor a {
  color: #842c2a;
}

ul#mainnav li.current_page_item a:hover {
  margin-bottom: 0;
}

ul#mainnav li.current_page_ancestor a:hover {
  margin-bottom: 0;
}

ul#mainnav li ul li.current-menu-item a {
  margin-bottom: 0;
  border-bottom: 1px solid #ebebeb;
}

ul#mainnav li ul li {
  background: #fff;
  float: left;
  width: 100%;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
}

ul#mainnav li ul li a,
ul#mainnav li ul li ul li a,
ul#mainnav li ul li a:visited,
ul#mainnav li ul li a:active {
  /* visited pseudo selector so IE6 applies text colour*/
  height: 34px;
  width: 180px;
  display: block;
  padding: 0;
  background: #fff;
  text-decoration: none;
  border-bottom: 1px solid #ebebeb;
  z-index: 1100;
  position: relative;
  margin: 0 10px;
}

.nav-last-item {
  border-bottom: 3px solid #515151;
}

.nav-first-item {
  z-index: 1000;
  position: relative;
}

#nav ul#mainnav>li>ul>li.nav-last-item>a,
#nav ul#mainnav>li>ul>li>ul>li.nav-last-item>a {
  border-bottom: 0 none;
}

ul#mainnav li ul li a:hover,
ul#mainnav li ul li ul li a:hover {
  background: #fff;
  color: #842c2a;
  margin-bottom: 0;
  border-bottom: 1px solid #ebebeb;
}

ul#mainnav li a:hover {
  color: #842c2a;
}

/*-----------------------------------------------------------------------------------*/
/*	6.	Main Content
/*-----------------------------------------------------------------------------------*/

.services {
  overflow: hidden;
  margin-bottom: 70px;
  width: 960px;
}

.select-menu {
  display: none;
}

.services .percent-one-third {
  margin-right: 3%;
}

.services .percent-one-fourth {
  margin-right: 3.2%;
}

.services .percent-one-half {
  margin-right: 1.8%;
}

.clients {
  background: #f9f9f9;
  overflow: hidden;
  padding: 5px 40px 0;
  border-top: 1px solid #f1f1f1;
  text-align: center;
  clear: both;
}

.clients li {
  display: inline;
  margin: 3px 0 9px 0;
  text-align: center;
}

.clients li img {
  height: auto;
  max-width: 85%;
}

.clients li a {
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  display: inline-block;
}

#sponsoren {}

#sponsoren img {
  width: 98%;
  height: auto;
  margin-bottom: 30px;
  border: solid 1px #e2e2e2;
}

.intro {
  position: relative;
  padding: 55px 20px;
  text-align: center;
  background: #f9f9f9;
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 10px;
}

.intro h2 {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 600;
}

.intro h5 {
  color: 646464;
}

.intro a:hover {
  color: #444;
}

.centered-wrapper {
  width: 940px;
  margin: 0 auto;
  border: solid 0 fuchsia;
}

.page-title {
  width: 940px;
  margin: 0 auto;
  clear: both;
  margin-bottom: 50px;
  border-bottom: 1px solid #EBEBEB;
}

.page-title h2 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #686868;
}

.search-form {
  position: relative;
  top: -7px;
  float: left !important;
}

.widget .search-form {
  float: left;
}

.search-form input[type="text"] {
  height: 20px;
  line-height: 20px;
  position: relative;
  padding: 6px 10px;
  color: #686868;
  background-color: #f2f9e2;
  width: 150px;
  margin-top: 8px;
  border-width: 0;
  display: block;
}

.widget .search-form input[type="text"] {
  width: 238px;
}

.search-form input[type="submit"] {
  background: url(images/search.png) scroll 0 0;
  width: 16px;
  height: 16px;
  border: 0 none;
  text-indent: -9999px;
  cursor: pointer;
  position: absolute;
  top: 14px;
  right: 10px;
  font-size: 0;
  display: block;
  line-height: 0;
}

.page-title .double-separator {
  margin: 0;
}

.breadcrumbs {
  font-size: 12px;
  padding: 10px 0;
  width: 100%;
  overflow: hidden;
}

.service-item {
  overflow: hidden;
}

.service-item p {
  margin-bottom: 10px;
}

.service-item br {
  display: none;
}

.img-srv {
  width: 16px;
  height: 16px;
  opacity: 0.6;
  margin: 20px;
}

img.service-img {
  float: left;
  margin: 4px 15px 15px 0;
  width: 16px;
  height: auto;
}

img.service-img-center {
  text-align: center;
  margin: 0 0 20px 0;
  width: 60px;
  height: auto;
}

h3.service {
  font-size: 16px;
  font-weight: 600;
}

.separator {
  width: 100%;
  height: 1px;
  clear: both;
  background: #efefef;
  margin: 40px 0;
  display: inline-block;
}

.double-separator {
  width: 100%;
  height: 1px;
  clear: both;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  margin: 40px 0;
}

#footer .double-separator {
  margin: 50px 0;
}

.bgtitle {
  margin-bottom: 20px;
  width: 95%;
  background: url(images/separator.png) repeat-x;
  height: 25px;
}

.services .bgtitle {
  width: 940px;
}

.bgtitle h2 {
  font-size: 13px;
  font-weight: 600;
  float: left;
  height: 25px;
  line-height: 25px;
  background: #fff;
  padding-right: 10px;
}

.team-member {
  position: relative;

  padding: 5px;
  background: white;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
  margin-bottom: 20px;
}

.team-member a {
  overflow: hidden;
  display: block;
  position: relative;

}

.team-avatar {

  height: auto;
  width: 100%;
  display: block;
}

.team-text h3 {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  clear: both;
  padding-top: 18px;
  margin-bottom: 3px;
}

.team-text h6 {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 15px;
}

.team-text p {
  padding: 0 5px;


}

.team-social {
  border-top: 1px solid #efefef;
  text-align: center;
  overflow: hidden;
  clear: both;
}

.team-social a img {
  -moz-transition: all .2s ease-in-out;
  -o-transition: color .2s ease-in-out, opacity .2s ease-in-out, border-color .3s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  opacity: .3;
  filter: alpha(opacity=30);
  transition: all .2s ease-in-out;
}

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

.team-social a {
  padding: 5px;
  margin-top: 10px;
  display: inline-block;
}

.team-text span {
  color: #787878;
}

.team-text p {
  margin-top: 10px;
}

.hide {
  display: none;
}

.testimonial-item {
  border: 1px solid #efefef;
  padding: 20px 15px 0;
  margin-top: 3px;
  font-style: italic;
  box-shadow: 0px 0px 5px #efefef;
}

.testimonial-pin {
  background: url(images/testimonial-pin.png) no-repeat scroll 0 0;
  display: block;
  width: 24px;
  height: 16px;
  position: absolute;
  left: 30px;
}

.testimonial-meta {
  font-style: normal;
  position: absolute;
  width: 80%;
  font-weight: 600;
  font-size: 12px;
  left: 20%;
  bottom: -40px;
}

.testimonial-meta p {
  margin-bottom: 30px;
}

.testimonial-meta h5 {
  float: left;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 600;
}

.testimonial-meta span {
  color: #444;
}

table#wp-calendar {
  width: 100%;
  background: #fff;
}

table#wp-calendar caption {
  background: #ccc;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px solid #787878;
  color: #323232;
}

table#wp-calendar thead {
  background: #efefef;
  height: 25px;
  line-height: 25px;
}

table#wp-calendar tbody td {
  text-align: center;
  height: 25px;
  line-height: 25px;
}

table#wp-calendar tbody td a {
  color: #ffb141;
  font-weight: 600;
  display: block;
}

table#wp-calendar tbody td a:hover {
  background: #efefef;
  display: block;
}

table#wp-calendar tfoot {
  height: 25px;
  line-height: 25px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
}


/*--- 6.1. Nivo Slider ---*/

.slider-wrapper {
  position: relative;
  clear: both;
}

.nivo {
  position: relative;
}

/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: url(images/nivo-preloader.gif) no-repeat 50% 50%;
  margin-top: 0;
  margin-bottom: 25px;
}

.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
}

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
}

/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}

.nivo-box img {
  display: block;
}

.nivo-caption a {
  display: inline !important;
}

.nivo-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  color: #efefef;
  width: 100%;
  z-index: 8;
  padding: 15px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

.nivo-caption a.more-btn {
  display: none !important;
}

.nivo-caption h3 {
  margin-bottom: 0px;
  color: #fff;
}

.nivo-caption p {
  padding: 0;
  margin: 0;
}

.nivo-caption a {
  display: inline !important;
}

.nivo-html-caption {
  display: none;
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  display: block;
  width: 25px;
  height: 25px;
  background: url(images/arrows.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  position: absolute;
  bottom: 0;
  z-index: 10;
  cursor: pointer;
}

a.nivo-nextNav {
  background-position: -25px 0;
  right: 0;
  bottom: 49%;
}

a.nivo-prevNav {
  left: 0;
  bottom: 49%;
}


a.nivo-nextNav:hover {
  background-position: -75px 0;
}

a.nivo-prevNav:hover {
  background-position: -50px 0;
}

.nivo-controlNav {
  text-align: center;
  padding: 10px 0 20px;
}

.nivo-controlNav a {
  display: inline-block;
  width: 20px !important;
  height: 6px;
  background: url(images/pagination.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  margin: 0 2px;
  cursor: pointer;
}

.nivo-controlNav a.active {
  background-position: 0 -14px;
}



/* styling the homepage slider */

/* Caption styles */
.home .nivo-caption {
  position: absolute;
  left: 0;
  background: #5ea8d1;
  color: white;
  top: 50px;
  width: 283px !important;
  height: 95px;
  z-index: 8;
  overflow: hidden;
  float: left;
  padding: 0 15px;
  display: none;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter: alpha(opacity=90 !important);
}

.home .nivo-caption a.more-btn {
  display: block !important;
}

.home .nivo-caption h3 {
  margin: 23px 0 12px;
  color: white;
  font-size: 50px;
  font-weight: 600;
}

.home .nivo-caption p {
  padding: 5px 0;
  margin: 0 0 0 3px;
  font-size: 18px;
  line-height: 20px;
}


.home a.nivo-nextNav {
  background-position: -25px 0;
  right: 0;
  bottom: 0;
}


.home a.nivo-nextNav:hover {
  background-position: -75px 0;
}

.home a.nivo-prevNav {
  right: 25px;
  bottom: 0;
  left: inherit;
}

/* Control nav styles (e.g. 1,2,3...) */
.home .nivo-controlNav {
  width: 390px;
  position: absolute;
  bottom: 126px;
  z-index: 1444;
  display: none;
  padding: 0 !important;
}

.home .nivo-controlNav a {
  cursor: pointer;
  background: #f1f1f1;
  height: 4px !important;
  text-indent: -9999px;
  display: block;
  float: left;
  margin: 0 !important;
}

.home .nivo-controlNav a:hover {
  background: #575757;
}

.home .nivo-controlNav a.active {
  background: #575757;
}


/*--- 6.2. Jcarousel ---*/

.jcarousel-container {
  margin-bottom: 20px;
}

.jcarousel-direction-rtl {
  direction: rtl;
}

.jcarousel-container-horizontal {
  width: 940px;
  clear: both;
}

.jcarousel-clip {
  overflow: hidden;
}

.jcarousel-clip-horizontal {
  width: 940px;
  height: 200px;
}

.jcarousel-item {
  width: 288px;
  height: 188px;
  display: block;
  position: relative;
  padding: 5px;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 2px;
}

.jcarousel-item a {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

a[rel="PrettyPhoto"] {
  overflow: hidden;
  display: block;
  position: relative;
}

.jcarousel-item img {
  width: 100%;
  height: auto;
}

.jcarousel-item span {
  text-transform: uppercase;
}

.jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 20px;
  text-align: center;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 10px;
  margin-right: 0;
}

.jcarousel-item-vertical {
  margin-bottom: 10px;
}

.jcarousel-item-placeholder {
  background: #fff;
  color: #444;
}

.jcarousel-next-horizontal {
  position: absolute;
  top: -45px;
  right: -7px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:focus {
  background-position: -25px 0;
}

.jcarousel-next-horizontal:active {
  background-position: -25px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:focus,
.jcarousel-next-disabled-horizontal:active {
  cursor: default;
  background-position: -50px 0;
}

.jcarousel-prev-horizontal {
  position: absolute;
  top: -45px;
  right: 18px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover,
.jcarousel-prev-horizontal:focus {
  background-position: -25px 0;
}

.jcarousel-prev-horizontal:active {
  background-position: -25px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:focus,
.jcarousel-prev-disabled-horizontal:active {
  cursor: default;
  background-position: -50px 0;
}

.homepage-testimonials .jcarousel-container-horizontal,
.homepage-testimonials .jcarousel-clip-horizontal {
  width: 100%;
  height: auto;
}

.homepage-testimonials .jcarousel-item {
  width: 300px;
  height: auto;
  display: block;
  position: relative;
  padding: 0;
  background: inherit;
  border: 0 none;
  margin-right: 0;
  text-align: left;
}






ul#testimonials-carousel .testimonial-item {
  width: 260px;
  margin: 3px;
  margin-bottom: 43px;
  position: relative;
  font-weight: normal;
  display: block;
}

.t-page .testimonial-item {
  width: 300px !important;
}

ul#testimonials-carousel .testimonial-meta {
  bottom: -45px;
  position: absolute;
  overflow: visible;
  z-index: 1;
}

.homepage-testimonials .jcarousel-next-horizontal {
  right: -3px;
  top: -42px;
}

.homepage-testimonials .jcarousel-prev-horizontal {
  right: 22px;
  top: -42px;
}

span.caption {
  position: relative;
  clear: both;
  font-size: 13px;
  background: #fff;
  color: #444;
  line-height: 40px;
  width: 100%;
  left: 0;
}

span.caption a {
  color: #444;
}

a.lightbox {
  position: absolute;
  top: -25px;
  right: 25px;
  width: 25px;
  height: 25px;
  background: url(images/lightbox.png) no-repeat scroll 0 0;
  text-indent: -9999px;
}



span.hover-video {
  background: url(images/video.png) no-repeat scroll 0 0;
  width: 35px;
  height: 35px;
  top: 50%;
  left: 50%;
  margin-left: -17px;
  margin-top: -17px;
  position: absolute;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
}


/*--- 6.3. Sidebar ---*/

#sidebar {
  width: 260px;
  float: left;
  clear: left;
  margin-bottom: 30px;
}

.page-template-template-left-sidebar-php #sidebar {
  float: left;
}

#sidebar h3,
.widget h3 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.widget {
  overflow: hidden;
  margin-bottom: 25px;
}

.widget a,
.page-widget a {
  color: #444;
}

.widget ul li {
  font-size: 14px;
  background: url(images/breadcrumb-arrow.png) no-repeat 0 6px;
  padding: 5px 0 5px 30px;
  border-bottom: 1px solid #e4eec9;
}

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

.widget ul.children {
  margin-left: 0px;
}

.sidebar-post {
  overflow: hidden;
  border-bottom: 1px solid #efefef;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
}

#topfooter .sidebar-post {
  border-bottom: 1px dotted #6B6B6B;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#topfooter .sidebar-post:last-child {
  border-bottom: 0 none;
}

.sidebar-post:last-child {
  border-bottom: 0 none;
}

.sidebar-post span {
  float: left;
  margin-left: 75px;

}

.sidebar-post img {
  position: absolute;
  top: 3px;
  left: 0;
}

.sidebar-post span a {
  color: #686868;
}

.sidebar-post h5 {
  font-size: 13px;
  font-weight: 400;
  color: #444;
  margin-bottom: 5px;
  float: left;
  margin-left: 75px;
}

#sidebar ul.menu li.current-menu-item a {
  color: #842c2a;
}

#featured-sidebar ul.menu {
  width: 200px;
  float: left;
  border: 1px solid #dfdfdf;
}

#featured-sidebar ul.menu li {
  background: none;
  font-size: inherit;
  border: 0 none;
  padding: 0;
}

#featured-sidebar ul.menu {
  border-bottom: 1px solid #efefef;
}

#featured-sidebar ul.menu a {
  color: #686868;
  width: 180px;
  height: 36px;
  line-height: 36px;
  display: block;
  font-weight: 600;
  margin-left: 10px;
  border-bottom: 1px solid #efefef;
}

#featured-sidebar ul.menu li.current-menu-item {
  background: url(images/featured-arrow.png) no-repeat scroll 200px 10px;
  width: 210px;
}

#featured-sidebar ul.menu li a:hover {
  color: #444;
}

#featured-sidebar ul.menu li.current-menu-item a {
  width: 180px;
  height: 36px;
  z-index: 1000;
}

#featured-sidebar ul.menu li ul.sub-menu {
  border-bottom: 0 none;
  margin-left: 15px;
}

#featured-sidebar ul.menu li ul.sub-menu li.current-menu-item {
  background: url(images/featured-arrow.png) no-repeat 185px 10px;
  width: 195px;
}

#featured-sidebar ul.menu li.current-menu-item ul.sub-menu a {
  color: #686868;
}

#featured-sidebar ul.menu li ul.sub-menu a {
  font-weight: 400;
  width: 165px;
  height: auto;
  line-height: 20px;
  padding: 8px 0;
}

#featured-sidebar ul.menu li ul.sub-menu li:last-child a {
  border-bottom: 1px solid #efefef;
}

#featured-sidebar ul.menu li ul.sub-menu li:last-child {
  border-bottom: 0 none;
}

#sidebar .dcjq-accordion ul li {
  background-image: none !important;
  padding-left: 0;
}

#sidebar .dcjq-accordion ul li a {
  background-image: none !important;
  padding-left: 3px;
  display: block;
}

/*--- 6.4. Portfolio ---*/

ul#filters {
  float: left;
  clear: both;
  margin-bottom: 35px;
}

ul#filters li {
  display: inline;
  margin: 0 15px 0 0;
}

ul#filters li a {
  color: #686868;
  padding: 3px 10px 4px 10px;
  font-weight: 600;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.portfolio {
  clear: both;
  overflow: hidden;
  margin-right: -20px;
}

.portfolio li {
  margin-right: 20px;
  float: left;
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  background: #fff;
  padding-bottom: 5px;
  text-align: center;
  border-bottom: 1px solid #d9d8d7;
  -webkit-transition: background 0.3s ease-in;
  -moz-transition: background 0.3s ease-in;
  -o-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in;
}

.portfolio li:hover {
  background: #f2f2f0;
}

.portfolio h3 {
  position: relative;
  clear: both;
  font-size: 13px;
  color: #444;
  line-height: 22px;
  margin: 15px 0 10px;
  width: 100%;
  left: 0;
  font-weight: 600;
  text-transform: uppercase;
}

.portfolio h3 a {
  color: #444;
}

.portfolio p {
  padding: 0 7px;
}

#portfolio-wrapper a {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

#portfolio-wrapper .four-columns img {
  width: 208px;
  height: auto;
  display: block;
}

#portfolio-wrapper .three-columns img {
  width: 288px;
  height: auto;
  display: block;
}

#portfolio-wrapper .two-columns img {
  width: 448px;
  height: auto;
  display: block;
}

#portfolio-wrapper .four-columns li {
  width: 208px;
  display: block;
  position: relative;
  padding: 5px;
  background: white;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
}

#portfolio-wrapper .three-columns li {
  width: 288px;
  display: block;
  position: relative;
  padding: 5px;
  background: white;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
}

#portfolio-wrapper .two-columns li {
  width: 448px;
  display: block;
  position: relative;
  padding: 5px;
  background: white;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
}

.item-details li {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #efefef;
}

.item-details span {
  color: #444;
}

.portfolio-single {
  overflow: hidden;
}

.previous-post-link a,
.next-post-link a {
  width: 25px;
  height: 25px;
  display: block;
  text-indent: -9999px;
  float: left;
  margin-top: 10px;
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}


/*--- 6.5. Blog ---*/

#posts {
  float: right;
  position: relative;
  width: 620px;
  overflow: hidden;
}

.page-template-template-left-sidebar-php #posts {
  float: right;
  margin-right: 0px;
  margin-left: 40px;
}

.single-post .post {
  border-bottom: 0;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

h2.post-title {
  color: #842c2a;
  font-weight: 600;
}

h2.post-title a {
  color: #842c2a;
}

h2.post-title a:hover {
  color: #4f4f4f !important;
}

.meta a {
  color: #c7c7c7;
}

.post-thumbnail {
  margin-bottom: 10px;
  display: inline-block;
  clear: both;
  margin-top: 0;
  padding: 4px 0;
  border: solid 0 #efefef;
  border-radius: 2px;
}

.video-thumbnail {
  margin-bottom: 30px;
  display: inline-block;
  clear: both;
  margin-top: 0px;
}

.post-thumbnail a {
  display: block;
  position: relative;

  vertical-align: bottom;
}

.post-thumbnail img {
  width: 630px;
  height: auto;
  background: #fff;
}

.meta {
  clear: both;
  float: left;
  margin-bottom: 20px;
}

.meta span {
  padding-left: 23px;


  float: left;
  margin-right: 20px;
}

.meta span.post-date {
  background: url(images/calendar.png) no-repeat scroll 0 3px;
  color: #C7C7C7;
}

.meta span.post-author {
  background: url(images/author.png) no-repeat 0 3px;
  color: #c7c7c7;
  display: none;
}

.meta span.post-comment {
  background: url(images/comment.png) no-repeat 0 4px;
  color: #c7c7c7;
  display: none;
}

.meta p {
  margin: 0;
  padding: 5px 0;
}

.excerpt {
  width: 100%;
  clear: both;
}

p.readmore {
  text-align: right;
}

.post {
  margin-bottom: 50px;
  padding-bottom: 20px;
  border-bottom: 1px solid #efefef;
  overflow: hidden;
}

.post-content {
  clear: both;
  padding-top: 40px;
}

.post-content ul {
  margin: 20px 0 20px;
  list-style-position: inside;
}

.post-content ul li {
  list-style-type: square;
  padding: 0 0 10px 10px;
  line-height: 22px;
}

ul.arrow {
  margin: 20px 0;
}

ul.arrow li {
  font-size: 12px;
  background: url(images/breadcrumb-arrow.png) no-repeat scroll 0 6px;
  padding: 5px 0 5px 30px;
  border-bottom: 1px solid #EFEFEF;
}

.right-image,
.alignright {
  float: right;
  margin: 5px 0 0 20px;
  padding: 4px 0 4px 0;
  border: solid 0 #efefef;
  border-radius: 2px;
}

.left-image,
.alignleft {
  float: left;
  margin: 5px 20px 0 0;
  padding: 4px 0 4px 0;
  border: solid 0 #efefef;
  border-radius: 2px;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  padding: 4px 0 4px 0;
  border: solid 0 #efefef;
  border-radius: 2px;
}

#blog a[rel="PrettyPhoto"] {
  display: inline;
}

.post-image {
  margin: 0 0 0;
  padding: 0;
  border-width: 0;
}

ul.tags {
  padding: 0 0 10px;
  position: relative;
  overflow: hidden;
}

ul.tags a {
  color: #c7c7c7;
}

ul.tags li {
  display: inline;
  float: left;
  height: 16px;
  line-height: 20px;
  margin: 30px 20px 0 0;
}

.tag-title {
  background-image: none;
  float: left;
  line-height: 18px;
  margin: 30px 20px 0 0;
}

.author-bio {
  clear: both;
  margin: 30px 0 0;
  overflow: hidden;
  padding: 15px 0 15px;
  position: relative;
}

.authorp {
  float: left;
  width: 82%;
}

.authorp h2 {
  color: #C7C7C7;
}

.authorp h2 a {
  color: #444;
}

.author-bio p {
  margin-bottom: 0;
}

.author-bio img {
  float: left;
  margin: 0 25px 0 0;
  padding: 4px;
  border: 1px solid #EFEFEF;
  border-radius: 3px;
}


/*--- 6.5.1. Comments ---*/

.commentlist {
  list-style-type: none;
  margin: 30px 0 40px;
}

.comment {
  margin-top: 35px;
  position: relative;
  padding: 0;
  display: inline-block;
  width: 100%;
}

.comment a {
  color: #444;
}

.commentwrap {
  margin: 0 0 0 100px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #EFEFEF;
}

.author-bio .avatar {
  position: relative;
}

.avatar {
  left: 0;
  position: absolute;
  top: 0;
}

.avatar img {
  padding: 4px;
  border: 1px solid #EFEFEF;
  border-radius: 3px;
}

.metacomment {
  margin-bottom: 10px;
  padding: 0;
}

.metacomment span {
  font-weight: bold;
  margin: 0 5px 0 0;
}

ul.children {
  margin-left: 100px;
}

#commentform {
  width: 640px;
  position: relative;
}

#commentform label {
  display: inline;
}

#commentform fieldset {
  clear: both;
}

#commentform input[type="text"] {
  width: 174px;
  padding: 7px 10px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}

textarea#mycomment {
  width: 618px;
  padding: 10px;
  clear: both;
  overflow: hidden;
  float: left;
  margin-bottom: 5px;
}

#commentform input[type="submit"] {
  margin-top: 5px;
  border: 0 none;
}

.comment #commentform {
  width: 100%;
}

.comment #commentform input[type="text"] {
  width: 86%;
}

#respond input[type="submit"] {
  padding: 6px 11px;
}

.error_message {
  color: #ff3000;
}


/*--- 6.5.2. Pagination ---*/

.pagenav {
  text-align: center;
  vertical-align: middle;
}

#wrapper .pagenav a {
  width: auto;
  background: #fff;
  color: #686868;
  display: inline-block;
  margin: 4px;
  padding: 5px 12px;
  font-weight: 600;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

span.current {
  color: #fff;
  display: inline-block;
  margin: 4px;
  padding: 5px 12px;
}

span.pages {
  display: inline-block;
  margin: 4px;
  padding: 5px 12px;
  font-weight: 600;
}


/*--- 6.6. Contact ---*/

.contact-info p,
.contact-info li {
  margin: 0;
  padding: 7px 0;
  border-top: 1px solid #efefef;
}

.contact-info p:last-child,
.contact-info li:last-child {
  border-bottom: 1px solid #efefef;
}

.contact-info span {
  color: #444;
}

.contact-map {
  margin-bottom: 50px;
}

.contactform label {
  clear: both;
}

.contactform input[type=text] {
  margin-bottom: 10px;
  width: 89%;
  padding: 3% 5%;
  height: 20px;
  line-height: 20px;

}

html .contactform input[type=submit] {
  font-size: 12px;
  clear: both;
  float: right;
  cursor: pointer;
  margin: 0 0 0 0;
  background: #842c2a;
  border: 0;
  color: #fff;
}

.contactform input[type=submit]:hover {
  color: #fff;
  background: #515151;
}

.contactform textarea {
  height: 130px;
  clear: both;
}

.contactform br {
  display: none;
}

.contactform p {
  margin-bottom: 0px;
}

.contact-loader {
  float: right;
  padding: 11px 11px 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*	7.	Footer
/*-----------------------------------------------------------------------------------*/

#footer {
  background: #464646;
  color: #969595;
  font-size: 12px;
  font-weight: 600;
  line-height: 19px;
  overflow: hidden;
  float: none;
  clear: both;
  padding-top: 35px;
  margin: 0 auto;
  border: solid 0 teal;
  f;
}

#topfooter {
  padding: 0;
  margin: 0;
}

#topfooter h6 {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
}

ul#contact-widget li {
  border-bottom: 1px dotted #6b6b6b;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 30px;
}

ul#blog-widget li {
  border-bottom: 1px dotted #6b6b6b;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

ul#blog-widget li img {
  position: absolute;
  top: 3px;
  left: 0;
}

ul#blog-widget li h6 {
  float: left;
  padding-left: 75px;
}

ul#blog-widget li span {
  float: left;
  clear: both;
  padding-left: 75px;
  width: 100%;
}

.footer-widget {
  position: relative;
  margin-left: 20px;
  float: left;
}

.footer-widget:first-child {
  margin-left: 0px;
}

ul#contact-widget li:last-child {
  border-bottom: 0 none;
}

ul#blog-widget li:last-child {
  border-bottom: 0 none;
}

li.address {
  background: url(images/address.png) no-repeat scroll 0 2px;
}

li.phone {
  background: url(images/phone.png) no-repeat scroll 0 2px;
}

li.email {
  background: url(images/email.png) no-repeat scroll 0 2px;
}

#footer a {
  color: #969595;
}


#footer h3 {
  font-size: 13px;
  font-weight: 600;
  color: #636363;
  text-transform: uppercase;
}

.footer-widget h3 {
  color: #c0c0c0;
  margin-bottom: 6px;
  padding-bottom: 8px;
  border-bottom: 1px solid #c0c0c0;
}

.footer-widget p {
  font-size: 12px;
}

.footer-widget a {
  font-size: 12px;
}

#bottomfooter {
  padding: 23px 0 17px;
  position: relative;
  clear: both;
  margin-top: 40px;
  background: #3c3c3c;
  height: 100%;
  overflow: hidden;
  min-height: 100% !important;
}

#bottomfooter p {
  font-size: 12px;
  float: left;
  margin: 0;
}

.totop {
  background: url(images/top.png) no-repeat scroll 0 0;
  width: 37px;
  height: 42px;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -18px;
  text-indent: -9999px;
}


/*--- 7.1. Twitter ---*/

.tweet,
.query {
  margin: 0;
}

.tweet_list {

  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
}

.widget .tweet_list li {
  background: none;
  padding: 0 0 10px;
}

.tweet_list li {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 0 10px;
  margin-bottom: 10px;
  list-style-type: none;
  border-bottom: 1px solid #efefef;
  background: none;
}

.footer-widget .tweet_list li {
  border-bottom: 1px dotted #6B6B6B;
}

.tweet_list li:last-child {
  border-bottom: 0 none;
}

.tweet_list li a {}

.tweet_list .tweet_avatar {
  padding-right: .5em;
  float: left;
}

.tweet_list .tweet_avatar img {
  vertical-align: middle;
}


/*--- 7.2. Flickr ---*/

#flickr {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 110%;
}

#flickr li {
  list-style: none;
  float: left;
  margin: 0 9px 9px 0;
  border: 0 none;
  padding: 0;
}

#flickr img {
  display: block;
  width: 45px;
  height: 45px;
}

#flickr a img {
  border: none;
}


/*--- 7.3. Social Icons ---*/

ul#social {
  float: right;
  margin-right: -5px;
}

ul#social li {
  display: inline;
}

ul#social li a {
  display: block;
  margin: 0 5px;
  width: 24px;
  float: left;
  height: 24px;
  text-indent: -9999px;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

a.forrst {
  background: url(images/social/forrst.png) no-repeat scroll 0 0;
}

a.dribbble {
  background: url(images/social/dribbble.png) no-repeat scroll 0 0;
}

a.vimeo {
  background: url(images/social/vimeo.png) no-repeat scroll 0 0;
}

a.linkedin {
  background: url(images/social/linkedin.png) no-repeat scroll 0 0;
}

a.google {
  background: url(images/social/google.png) no-repeat scroll 0 0;
}

a.skype {
  background: url(images/social/skype.png) no-repeat scroll 0 0;
}

a.facebook {
  background: url(images/social/facebook.png) no-repeat scroll 0 0;
}

a.twitter {
  background: url(images/social/twitter.png) no-repeat scroll 0 0;
}

a.flickr {
  background: url(images/social/flickr.png) no-repeat scroll 0 0;
}

a.rss {
  background: url(images/social/rss.png) no-repeat scroll 0 0;
}

a.stumbleupon {
  background: url(images/social/stumbleupon.png) no-repeat scroll 0 0;
}

a.youtube {
  background: url(images/social/youtube.png) no-repeat scroll 0 0;
}



/*-----------------------------------------------------------------------------------*/
/*	8.	Elements
/*-----------------------------------------------------------------------------------*/


/*--- 8.1. Slides ---*/

.portfolio-single .percent-three-fourth {
  min-height: 30px;
}

.slides_container {
  width: 685px;
  display: none;
}

.slides_container div.slide {
  width: 685px;
  display: block;
}

#slides {
  margin-bottom: 70px;
  padding: 4px;
  border: 1px solid #efefef;
  border-radius: 3px;
}

#slides .next,
#slides .prev {
  position: absolute;
  top: 40%;
  width: 25px;
  height: 25px;
  display: block;
  z-index: 101;
}

#slides .next {
  right: 5px;
}

#slides .prev {
  left: 5px;
}

.slide img {
  width: 100%;
  height: auto;
  overflow: visible;
  vertical-align: bottom;
}

.slide a {
  display: block;
  margin: 0;
  padding: 0;
}

#slides .next img,
#slides .prev img {
  height: auto;
  width: auto;
}

.pagination {
  position: absolute;
  text-align: center;
  z-index: 1000;
  width: 100%;
  bottom: 45px;
}

.pagination li {
  display: inline;
  margin-left: 1px;
  list-style: none;
  text-align: center;
}

.pagination li a {
  display: inline-block;
  width: 13px;
  height: 0;
  padding-top: 12px;
  background-image: url(images/pagination.png);
  background-position: 0 0;
  overflow: hidden;
}

.pagination li.current a {
  background-position: 0 -14px;
}

#slides .caption {
  z-index: 500;
  position: absolute;
  bottom: -35px;
  left: 0;
  height: 30px;
  padding: 5px 20px 0 20px;
  background: rgba(0, 0, 0, .5);
  width: 540px;
  font-size: 1.3em;
  line-height: 1.33;
  text-shadow: none;
}

/*--- 8.2. Buttons ---*/

.button {
  cursor: pointer;
  display: inline-block;
  position: relative;

  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.contactform input[type=submit] {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  margin: 0 10px 20px 0;
  padding: 7px 11px 7px;
  position: relative;

  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.medium {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  width: 94%;
  margin: 5px 22px 20px 0;
  padding: 9px 11px;
}

.big {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin: 0 10px 20px 0;
  padding: 11px 20px 11px;
}

.white {
  background: #eaeaea;
  color: #686868;
}

.white:hover {
  color: #686868;
  background: #d2d2d2;
}

.yellow {
  background: #ffb141;
  border: 0 none;
  color: #fff;
}

.yellow:hover {
  color: #fff;
  background: #fd9602;
}

.orange {
  background: #fe7e17;
  border: 0 none;
  color: #fff;
}

.orange:hover {
  color: #fff;
  background: #f77309;
}

.black {
  background: #787878;
  color: #ffffff;
}

.black:hover {
  color: #ffffff;
  background: #444;
}

.green {
  background: #e4eec9;
  color: #842c2a;
}

.green:hover {
  color: #fff;
  background: #842c2a;
}

.bleumarin {
  background: #5ea8d0;
  color: #fff;
}

.bleumarin:hover {
  background: #000;
  color: #fff;
}

.rose {
  background: #842c2a;
  color: #fff;
}

.rose:hover {
  color: #545454;
  background: #e4eec9;
}


/*--- 8.3. Tabs ---*/

.tabs-wrapper {
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}

.tab-item {
  clear: both;
  overflow: hidden;
  padding: 15px 0;
  border-bottom: 1px solid #fff;
}

.tabs-container {
  float: left;
  position: relative;
  display: block;
  width: 100%;
}

.tabs-wrapper .tab-content {
  background: #fff;
  padding: 20px;
  overflow: hidden;
  border: 1px solid #EFEFEF;
  border-radius: 0px 3px 3px 3px;
}

ul.tabs {
  float: left;
  height: 34px;
  width: 100%;
  padding-left: 0 !important;
  margin-bottom: 0 !important;
}

.tabs-container p:last-child {
  margin-bottom: 0;
}

ul.tabs li {
  float: left;
  padding-left: 0 !important;
  overflow: hidden;
  padding-bottom: 0;
  position: relative;
  text-align: center;
  outline: none;

}

ul.tabs li a {
  height: 34px;
  line-height: 34px;
  text-decoration: none;
  font-size: 12px;
  display: block;
  padding: 0 25px;
  outline: none;
  border: 1px solid #fff;
  color: #9a9a9a;
}

ul.tabs li:last-child {}

ul.tabs li a:hover {
  color: #444;
}

ul.tabs li.active a {
  border-top: 1px solid #EFEFEF;
  border-left: 1px solid #EFEFEF;
  border-right: 1px solid #EFEFEF;
  border-bottom: 1px solid #fff;
  border-radius: 3px 3px 0 0;
  color: #444;
}

ul.tabs li.active {
  z-index: 1;
}

ul.tabs li.active,
ul.tabs li.active a:hover {
  background: #fff;
  color: #444;
}


/*--- 8.4. Toggles ---*/

#toggle-view {
  list-style: none;
  font-size: 15px;
  margin: 0;
  padding: 0;
  width: 100%;
}

#toggle-view li {
  margin-bottom: 1px;
  border-bottom: 1px solid #EFEFEF;
  position: relative;
}

#toggle-view li:hover {}

#toggle-view h3 {
  margin: 0;
  font-size: 21px;
  cursor: pointer;
  padding: 12px 10px 12px 40px;
  color: #545454;
  font-weight: 600;
}

#toggle-view h3:hover,
#toggle-view h3:active {
  color: #444;
}

#toggle-view span {
  position: absolute;
  left: 0;
  top: 14px;
}

#toggle-view .panel {
  display: none;
  background: #fff;
  overflow: hidden;
  padding: 10px 0 20px 0;
}

#toggle-view .panel p:last-child {
  margin-bottom: 0;
}


/*--- 8.5. Accordions ---*/

.ac-btn {
  background: #fbfbfb;
  border: 1px solid #EFEFEF;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  padding: 7px 10px;
  margin-bottom: 1px;
}

.ac-btn h3 {
  margin: 0;
  font-size: 12px;
  cursor: pointer;
  color: #686868;
}

.ac-btn h3:hover {
  color: #444;
}

.ac-content {
  border-top: 0;
  border: 1px solid #EFEFEF;
  display: none;
  margin-bottom: 2px;
  margin-top: -3px;
  overflow: auto;
  padding: 10px 20px;
  position: relative;
  top: 1px;
}

.on {
  background: #f7f7f7;
  color: #444;
}

.over {
  background: #f7f7f7;
  color: #444;
}


/*--- 8.6. Tables ---*/


html .table-6 {
  width: 16.6%;
  float: left;
}

html .table-5 {
  width: 20%;
  float: left;
}

html .table-4 {
  width: 25%;
  float: left;
}

html .table-3 {
  width: 33.3%;
  float: left;
}

html .table-2 {
  width: 50%;
  float: left;
}

.pricing-column {
  text-align: center;
  width: 235px;
  float: left;
  position: relative;
}

.first-column .package-value,
.first-column .package-features,
.first-column .signup {
  border-left: 1px solid #dbdbdb;
}

.package-features p {
  border-bottom: 1px solid #DBDBDB;
  padding: 20px 0;
  margin: 0;
}

.package-features .button {
  margin: 0;
}

.package-value,
.package-features {
  border-right: 1px solid #dbdbdb;
}

.package-title {
  background: #686868;
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  border-bottom: 3px solid #545454;
  border-right: 1px solid #545454;
}

.featured-column {
  top: -10px;
  box-shadow: 0px 2px 10px #dadada;
  z-index: 1;
}

.featured-column .package-title {
  height: 40px;
  line-height: 30px;
  position: relative;
  font-weight: 600;
  box-shadow: 0px -1px 10px #000;
  z-index: -1;
}

.featured-column .column-shadow {
  height: 10px;
  background: #686868;
  position: relative;
  z-index: 10;
  box-shadow: 0px -1px 2px #dadada;
}

.pricing-table .featured-column p {
  padding: 25px 0;
}

.pricing-column .signup {
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  padding: 20px 0;
}

.pricing-column .signup .button {
  margin: 0;
}

.package-value {
  background: #f9f9f9;
  height: 95px;
  line-height: 95px;
  border-bottom: 1px solid #dbdbdb;
}

ul.package-features li {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #dbdbdb;
  background: #fff;
}

ul.package-features li.alt {
  background: #f9f9f9;
}

.package-currency {
  font-size: 16px;
  position: relative;
  top: -20px;
}

.package-price {
  font-size: 48px;
  font-weight: 600;
}

.package-time {
  font-size: 16px;
}

.pricing-table,
.normal-table {
  width: 100%;
}

.normal-table td {
  border: 1px solid #efefef;
  padding: 10px 20px;
  text-align: center;
}

.normal-table tr.alt {
  background: #fbfbfb;
}

.normal-table tr.first-column {
  background: #666666;
  color: #efefef;
}

/*--- 8.7. Info Boxes ---*/

.box-error,
.box-alert,
.box-notice,
.box-success,
.box-info {
  border: 1px solid #efefef;
  margin-bottom: 10px;
  padding: 10px;
}

.box-error,
.box-alert {
  background: #fce2e3;
  border-color: #fac2c4;
  color: #e54034;
}

.box-notice {
  background: #fdf4bd;
  border-color: #fed223;
  color: #504621;
}

.box-info {
  background: #d4ebf6;
  border-color: #91c8e2;
  color: #20568f;
}

.box-success {
  background: #e5eec0;
  border-color: #c4d67e;
  color: #264509;
}


/*--- 8.8. Lists ---*/


ul.customlist li {
  background-position: 0 5px;
  margin-bottom: 8px;
  padding-left: 25px;
}

ul.customlist {
  margin-bottom: 22px;
}

/*+++++++++++++++++++++++++ CUSTOM ++++++++++++++++++++++++++++++++++*/
/*------------------------Menü ------------------------*/
.select-menu {
  color: #555 !important;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0px;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url(images/menu2.png);
  background-position: right center;
  background-repeat: no-repeat;
  font-size: inherit;
  background-color: #e4eec9;
  margin: 0;
  overflow: hidden;
  outline: none medium;
  text-overflow: ellipsis;
  -moz-appearance: none;
  text-indent: 0.01px;
  height: 40px;
  border-color: #e4eec9;
  border-style: solid;
  border-width: 5px 0;
  text-overflow: '';
}

.select-menu option {
  background-color: white;
  padding-top: 3px;
  padding-bottom: 3px;
}

#navigation select:focus {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-width: 5px 0 !important;
  outline-style: none !important;
  outline-width: medium !important;
}

/*-----------------responsive-image-widget------------*/
.widget .widget_sp_image-image-link {
  position: relative;
  width: 230px;
  z-index: 99999;
  margin: 0 0 0 !important;
  padding: 0 !important;
}

.widget .widget_sp_image-image-link img {
  width: 100%;
  height: auto;
  margin: 0 0 0 !important;
  padding: 0 !important;
}

.grusswort {
  margin-bottom: 10px;
}

.contact-map {
  margin-bottom: 8px;
}

/*-------------------------Counter -------------------*/


#counter {
  margin-top: 20px;
  padding-top: 40px;
  width: 100%;
  overflow: hidden;
  float: left;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-top: 3px solid #bbd9ed;
  border-bottom-style: solid;
}

.countercenter {
  font-size: 15px;
  background-color: white;
  text-align: center;
  width: auto;
  margin: -23px 27% 0;
  padding: 10px 20px;
  display: block;
}

.line {
  width: 100%;
  float: left;
  margin-top: 50px;
  border-top: 3px solid #bbd9ed;
}

.ie8 #counter {
  display: none
}

.ie7 #counter {
  display: none
}

/*------------------Home Banner --------------------------*/
.home-banner {
  width: 100%;
  float: left;
  margin-top: 12px;
  margin-bottom: 25px;
}

.home-banner img {
  height: auto;
  min-width: 100%;
  max-width: 100%;
}

#grusswort .percent-one-half {
  margin-bottom: 10px;
}

/*-------------------- Partner Seite ohne Footerlogos-----------*/
#impressum {
  float: left;
  margin-right: 20px;
}

#posts {
  margin-bottom: 20px;
  list-style-type: decimal;
}

img {
  height: auto;
  max-width: 100%;
  image-rendering: optimizeQuality;
  /* Firefox 3.6+; default behavior is identical, no need to specify */
  -ms-interpolation-mode: bicubic;
  /* Internet Explorer 7.0; default in IE8+ */
}

.home h1 {
  display: none;
}

.soliloquy-container {
  margin-top: 8px !important;
  margin-bottom: 25px !important;
}

/*<agl.folder "Share">*/
.share {
  height: 20px;
  float: left;
  margin-top: 0;
  padding-top: 0;
  border-top: 0 solid #ededed;
  border-bottom: 0 solid #ededed;
}

.sharebutton {
  position: relative;
  left: 0;
  width: 180px;
  padding: 0;
  height: 30px;
  float: left;
  margin-top: 12px;
}

.sharebuttonhead h3 {
  font-size: 13px;
  font-style: normal;
}

.sharebuttonhead {
  font-size: 12px;
  font-weight: normal;
  width: auto;
  float: left;
  margin-top: 7px;
}

.f,
.t,
.g,
.p,
.e {
  background-color: #9a9a9a;
  position: absolute;
  width: 25px;
  height: 25px;
  bottom: 16px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}





.f:hover {
  background-color: #4c6cb0;
}

.t:hover {
  background-color: #32c1f0;
}

.g:hover {
  background-color: #db4a39;
}

.p:hover {
  background-color: #c71f24;
}

.e:hover {
  background-color: #842c2a;
}

/*</agl.folder>*/
.input-text,
input[type="text"] {
  color: #545454 !important;
  font-size: 14px !important;
  font-weight: normal;
  background-color: #edf3dd !important;
  width: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
  border-color: #70b120 !important;
  border-width: 0 !important;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
}

.input-text,
input[type="email"] {
  color: #545454 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  background-color: #edf3dd !important;
  width: 100%;
  padding-top: 7px !important;
  padding-bottom: 8px !important;
  padding-left: 6px !important;
  border-color: #70b120 !important;
  border-width: 0 !important;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
}

.input-text,
input[type="your-subject"] {
  color: #545454 !important;
  font-size: 14px !important;
  font-weight: normal;
  background-color: #edf3dd !important;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 5px;
  width: 100%;
  border-width: 0 !important;
  border-color: #70b120 !important;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
}

.wpcf7-form textarea {
  color: #545454 !important;
  font-size: 14px !important;
  font-weight: normal;
  background-color: #edf3dd !important;
  width: 100%;
  border-color: #70b120 !important;
  border-width: 0 !important;
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
}

/*<agl.folder "contactform 7">*/
div.wpcf7 {
  margin: -12px 0 0;
  padding: 0;
}

div.wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

div.wpcf7-mail-sent-ok {
  margin: 0;
  padding: 0;
  border: solid 0 #398f14;
}

div.wpcf7-mail-sent-ng {
  border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
  border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
  color: #d50019;
  font-size: 13px;
  margin: 0;
  padding: 0;
  border: solid 0 #f7e700;
}

span.wpcf7-form-control-wrap {
  position: relative;
}

span.wpcf7-not-valid-tip {
  color: #d50019;
  font-size: 13px;
  display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  border: 1px solid #ff0000;
  background: #fff;
  padding: .2em .8em;
}

span.wpcf7-list-item {
  margin-left: 0.5em;
}

.wpcf7-display-none {
  display: none;
}

div.wpcf7 img.ajax-loader {
  border: none;
  vertical-align: middle;
  margin-left: 4px;
}

div.wpcf7 div.ajax-error {
  display: none;
}

div.wpcf7 .placeheld {
  color: #888;
}

div.wpcf7 p {
  font-size: 13px;
}

/*</agl.folder>*/
@page {}

#bottomfooter .column-last {
  text-align: right;
}

/*--------------- Text Formatierung ohne Shortcode -----------------*/
em {
  font-style: italic !important;
}

#blog #posts a {
  color: #842c2a;
}

#blog #posts a:visited {
  color: #842c2a;
}

#blog #posts a:hover {
  color: #000;
}

.page #posts a {
  color: #842c2a;
}

.page #posts a:visited {
  color: #842c2a;
}

.page #posts a:hover {
  color: #000;
}

.page #posts ol {
  margin-bottom: 8px;
  padding-left: 20px;
  list-style-type: decimal !important;
}

.single #posts ol {
  list-style-type: decimal !important;
  margin-bottom: 8px;
  padding-left: 20px;
}

.page #posts ol li {
  list-style-type: decimal !important;
  margin-bottom: 8px;
  padding-left: 8px;
}

.single #posts ol li {
  list-style-type: decimal !important;
  margin-bottom: 8px;
  padding-left: 8px;
}

.single #posts .post-bottom-content ul li {
  background-image: none !important;
  margin-bottom: 0;
  margin-left: 0 !important;
  padding-bottom: 0;
  padding-left: 3px !important;
  list-style-image: none !important;
}

.page #posts .soliloquy-wrapper ul li {
  margin: 0;
  padding: 0;
  list-style-image: none;
}


/*---------------------GDPR Cookie-Consent------------------------------------------------------*/
#cookie-law-info-bar {
  font-size: 10pt !important;
  border: 0;
  font-weight: 400 !important;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0 0;
  margin: 0 auto;
  padding: 20px 10px 10px;
  position: absolute;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
  left: 0;
  opacity: 1 !important;
}

#cookieleistetext {
  margin-top: 15px;
}

.cli-plugin-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited {
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  width: auto;
  z-index: 99999;
}

#cookie_action_close_header:hover {
  background-color: #842c2a;
}

.cli_settings_button:hover {
  background-color: #842c2a;
}

.cli-plugin-main-link {
  margin-left: 0px;
  font-weight: 300;
  text-decoration: underline;
}

#cookie-law-info-again {
  font-size: 10pt;
  background-color: #d8d8d8 !important;
  margin: 0;
  padding: 5px 10px;
  text-align: center;
  z-index: 9999;
  cursor: pointer;
  display: none !important;
  box-shadow: #161616 0px 0px 0px 0px !important;
}

a:link.cookie-law-info-datenschutz {
  font-size: small;
  text-decoration: underline !important;
}

.cli-privacy-overview h4 {
  font-weight: 400;
}

#cookie_action_close_header {
  background-color: #842c2a;
}

a.cli-privacy-readmore {
  font-size: 14px;
  padding-top: 10px;
  display: inline-block;
  padding-bottom: 0;
  cursor: pointer;
  color: #000;
  text-decoration: underline;
}

.cli-tab-container h4,
.cli-tab-container h1 {
  font-family: inherit;
  font-size: 18px;
  margin: 10px 0 20px !important;
}