@charset "utf-8";

/* ============================== 
    - Template Name: Roker  - Corporate, Creative, Multi Purpose, Responsive And Retina Template
    - Autor: Iwthemes
    - Email: support@iwthemes.com
    - Name File: style.css
    - Version 1.3 - Updated on 8 02 2014
    - Website: http://www.iwthemes.com 
    - Copyright: (C) 2013 
================================= */
/* ---------------------- 
    Stylesheet Guide
-------------------------

01. Import styles
    -  bootstrap.css  - include resetes ( Media querys, grid-responsive,layout).
    -  bootstrap-theme.css  
    -  animate.css  
    -  camera.css  - Slide
    -  owl.carousel.css  - Carousel (Works, sponsors and Services)
    -  jquery.mCustomScrollbar.css  
    -  flickr.css  
    -  font-awesome.min.css  - Incons
    -  Google Fonts  - Open sans    
    
02. Basic Elements
    -  Standar Styles   
    -  Layout Styles

0.3.  HEADER
    -  Header
    -  Logo
    -  Main Navigation
    -  Title Section

0.4.  GENERAL STRUCTURE
    -  Box Action
    -  Item Services
    -  Slide Services
    -  Items Slide Services
    -  Clients
    -  subtitle-downloads
    -  image-clients-downloads
    -  Sponsors
    -  Lates Post And Testimonials
    -  Lates Post
    -  Testimonials 
    -  More Services        
    -  important-info   
    -  Footer
    -  Social
    -  toTop
    -  Works Styles
    -  Filters
    -  Team
    -  Skills
    -  Sidebars Page
    -  Tabs
    -  Page Error
    -  ACCORDION
    -  Sitemap
    -  Blog
    -  BLOG POST Autor
    -  BLOG POST COMMENTS
    -  Contact
    -  Pricing Tables   
    
0.5.    Layout for 1024px Version
0.6.    Layout for 1000px Version
0.7.    Layout for 768px mobile version
0.8.    Layout for 600px mobile version
0.9.    Layout for 480px mobile version
10.     Layout for 320px mobile version
11.     Layout for 240px mobile version

*/
/* ---------------------------------------------------------------------- */
/*  01 Import styles
/* ---------------------------------------------------------------------- */
/* bootstrap.css  - include resetes ( Media querys, grid-responsive,layout).*/
@import url("bootstrap/bootstrap.css");
@import url("bootstrap/bootstrap-theme.css");
/*jquery.fancybox.css  - Lightbox*/
@import url("../js/fancybox/jquery.fancybox.css");
/*Style Switcher*/
@import url("skins/theme-options.css");

/*Animations*/
@import url("animations/animate.css");
/*slide.css
@import url("slide/camera.css");
*/
/*Flexslider.css
@import url("flexslider/flexslider.css");
@import url("flexslider/slide_flex_style.css");
*/
/*carousel
@import url("carousel/owl.carousel.css");
@import url("carousel/owl.theme.css");
*/
/*scrollbar*/
@import url("scrollbar/jquery.mCustomScrollbar.css");
/*flickr
@import url("flickr/flickr.css");
*/
/*Icons Font-Awesome*/
@import url("fonts/icons/font-awesome.min.css");
/*Google font*/
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700");
@import url("http://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500,500italic,700,700italic");
@import url("http://fonts.googleapis.com/css?family=Ubuntu+Condensed");
@import url("skins/blue/blue.css");


/* ---------------------------------------------------------------------- */
/*  02 Basic Elements
/* ---------------------------------------------------------------------- */

/* Standar Styles --------------------------------------------------------*/

body {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 26px;
    color: #777;
    font-weight: normal;
    background: url("../img/bg.gif") repeat-x scroll 0 0 #71AFBC;

}

h1, h2, h3, h4, h5, h6 {
    padding: 0 0 15px 0;
    margin: 0;
    font-family: 'Ubuntu', sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 1.1em;
    color: rgba(40, 142, 171, 0.7);
    font-weight: 400;
}

h1 strong {
    font-weight: 300;
}

h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 500;
    color: rgba(40, 142, 171, 1);
}

p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.35em;
    /*color: #999999;*/
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.btn-primary {
    color: #fff;
    text-shadow: none;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#93D7EB), to(#83C5D9)) !important;
    background-image: -webkit-linear-gradient(top, #93D7EB, 0%, #83C5D9, 100%) !important;
    background-image: -moz-linear-gradient(top, #93D7EB 0%, #83C5D9 100%) !important;
    background-image: linear-gradient(to bottom, #93D7EB 0%, #83C5D9 100%) !important;
    background-repeat: repeat-x !important;
    border-color: #288EAB !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93D7EB', endColorstr='#83C5D9', GradientType=0) !important;
}

.btn-primary:hover {
    border-color: #288EAB;
}

.btn:hover {
    opacity: 0.8;
}

.btn-primary:hover {
    color: #fff;
}

.paddings {
    padding: 60px 0;
}

.paddings10 {
    padding: 10px 0;
}

.paddings15 {
    padding: 15px 0;
}

.paddings20 {
    padding: 20px 0;
}

.paddings25 {
    padding: 25px 0;
}

.paddings30 {
    padding: 30px 0;
}

.paddings35 {
    padding: 35px 0;
}

.paddings40 {
    padding: 40px 0;
}

.paddings45 {
    padding: 45px 0;
}

.paddings50 {
    padding: 50px 0;
}

.paddings55 {
    padding: 55px 0;
}

.paddings60 {
    padding: 60px 0;
}

.paddings65 {
    padding: 65px 0;
}

.paddings70 {
    padding: 70px 0;
}

.paddings75 {
    padding: 75px 0;
}

.paddings80 {
    padding: 80px 0;
}

.paddings85 {
    padding: 85px 0;
}

.paddings90 {
    padding: 90px 0;
}

.paddings95 {
    padding: 95px 0;
}

.paddings100 {
    padding: 100px 0;
}

.padding-top {
    padding-top: 60px;
}

.padding-bottom {
    padding-bottom: 60px;
}

.padding-top-mini {
    padding-top: 25px;
}

.section-gray {
    background-color: #f7f7f7;
}

.borders {
    border-top: 1px solid #cbd8d8;
    border-bottom: 1px solid #cbd8d8;
}

.border-top {
    border-top: 1px solid #cbd8d8;
}

.border-bottom {
    border-bottom: 1px solid #cbd8d8;
}

.title-subtitle span {
    display: block;
    font-size: 0.7em;
    line-height: 1.2em;
    font-weight: 300;
}

.title-subtitle {
    padding: 0 0 15px 0;
}

.position-relative {
    position: relative;
}

hr {
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
}

hr.tall {
    margin: 44px 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
}

hr.small {
    margin: 5px 0;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0));
}

div.show-grid [class*="col-md-"] span.show-grid-block {
    background-color: #dedede;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    border: 1px solid #FFF;
    display: block;
}

div.fontawesome-icon-list [class*="col-md-"] {
    margin-bottom: 10px;
}

div.fontawesome-icon-list i {
    margin-right: 10px;
    font-size: 18px;
    color: #288EAB;
}

div.fontawesome-icon-list a {
    color: #777;
    font-size: 11px;
}

.pattern-portfolios {
    background: transparent url("../img/patterns/pattern-portfolios.png");
}

.carousel-indicators {
    bottom: 10px;
}

.icon-section {
    font-size: 250px;
    color: #f8f8f8;
    z-index: 0;
    position: absolute;
}

.icon-section.right {
    right: 0%;
}

.icon-section.left {
    left: 0%;
}

.icon-section.top {
    top: 0%;
}

.icon-section.bottom {
    bottom: 0%;
}

/* Eigene Stile ---------------------------------------------*/

.rwd {
    width: 100%;
}

.fontsize10 {
    font-size: 10px !important;
}

.fontsize12 {
    font-size: 12px !important;
}

.fontsize14 {
    font-size: 14px !important;
}

.fontsize16 {
    font-size: 16px !important;
}

.fontsize18 {
    font-size: 18px !important;
}

.fontsize20 {
    font-size: 20px !important;
}

.fontsize22 {
    font-size: 22px !important;
}

.fontsize24 {
    font-size: 24px !important;
}

.fontsize26 {
    font-size: 26px !important;
}

.fontsize28 {
    font-size: 28px !important;
}

.fontsize30 {
    font-size: 30px !important;
}

.fontsize32 {
    font-size: 32px !important;
}

.fontsize34 {
    font-size: 34px !important;
}

.fontsize36 {
    font-size: 36px !important;
}

.fontsize38 {
    font-size: 38px !important;
}

.fontsize40 {
    font-size: 40px !important;
}

.fontsize50 {
    font-size: 50px !important;
}

.width100 {
    width: 100%;
}

.textright {
    text-align: right !important;
}

.textleft {
    text-align: left !important;
}

.durchgestrichen {
    text-decoration: line-through !important;
}

.smalltext {
    font-size: 11px !important;
}

.compact {
    font-size: 13px !important;
    line-height: 1.35em;
    color: #888888;
    font-weight: 300;
}

.shadowxs {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12);
!important;
}

.shadows {
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
!important;
}

.shadowl {
    box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1);
!important;
}

.inshadowxs {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2) inset !important;
}

.inshadows {
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.15) inset !important;
}

.inshadowl {
    box-shadow: 0 1px 25px rgba(0, 0, 0, 0.3) inset;
!important;
}

.round0 {
    border-radius: 0px 0px !important;
}

.round5 {
    border-radius: 5px 5px !important;
}

.round10 {
    border-radius: 10px 10px !important;
}

.round15 {
    border-radius: 15px 15px !important;
}

.round20 {
    border-radius: 20px 20px !important;
}

.round25 {
    border-radius: 25px 25px !important;
}

.round30 {
    border-radius: 30px 30px !important;
}

.round35 {
    border-radius: 35px 35px !important;
}

.roundxxl-tr {
    border-radius: 0 35px 0 0;
}

/* .Col0 {color: #ffffff !important;} */
.Col0-80 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.Col0-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}

.Col0-40 {
    color: rgba(255, 255, 255, 0.4) !important;
}

/*.Col0 strong {color: #ffffff !important;} */

.Col1 {
    color: rgba(40, 142, 171, 1) !important;
}

.Col2 {
    color: rgba(215, 113, 85, 0.99) !important;
}

.Col2 strong {
    color: rgba(215, 113, 85, 1) !important;
}

.Col3 {
    color: #93D7EB !important;
}

.Col4 {
    color: #777 !important;
}

.pad0 {
    padding: 0px !important;
}

.pad5 {
    padding: 5px !important;
}

.pad7 {
    padding: 7px !important;
}

.pad10 {
    padding: 10px !important;
}

.pad15 {
    padding: 15px !important;
}

.pad20 {
    padding: 20px !important;
}

.pad25 {
    padding: 25px !important;
}

.pad30 {
    padding: 30px !important;
}

.pad35 {
    padding: 35px !important;
}

.pad40 {
    padding: 40px !important;
}

.padbot0 {
    padding-bottom: 0px !important;
}

.padbot5 {
    padding-bottom: 5px !important;
}

.padbot10 {
    padding-bottom: 10px !important;
}

.padbot15 {
    padding-bottom: 15px !important;
}

.padbot20 {
    padding-bottom: 20px !important;
}

.padbot25 {
    padding-bottom: 25px !important;
}

.padbot30 {
    padding-bottom: 30px !important;
}

.padbot35 {
    padding-bottom: 35px !important;
}

.padbot40 {
    padding-bottom: 40px !important;
}

.padbot45 {
    padding-bottom: 45px !important;
}

.padbot50 {
    padding-bottom: 50px !important;
}

.padbot55 {
    padding-bottom: 55px !important;
}

.padbot60 {
    padding-bottom: 60px !important;
}

.padbot65 {
    padding-bottom: 65px !important;
}

.padbot70 {
    padding-bottom: 70px !important;
}

.padtop0 {
    padding-top: 0px !important;
}

.padtop5 {
    padding-top: 5px !important;
}

.padtop10 {
    padding-top: 10px !important;
}

.padtop15 {
    padding-top: 15px !important;
}

.padtop20 {
    padding-top: 20px !important;
}

.padtop25 {
    padding-top: 25px !important;
}

.padtop30 {
    padding-top: 30px !important;
}

.padtop35 {
    padding-top: 35px !important;
}

.padtop40 {
    padding-top: 40px !important;
}

.padtop45 {
    padding-top: 45px !important;
}

.padtop50 {
    padding-top: 50px !important;
}

.padtop55 {
    padding-top: 55px !important;
}

.padtop60 {
    padding-top: 60px !important;
}

.padtop65 {
    padding-top: 65px !important;
}

.padtop70 {
    padding-top: 70px !important;
}

.padleft0 {
    padding-left: 0px !important;
}

.padleft10 {
    padding-left: 10px !important;
}

.padleft20 {
    padding-left: 20px !important;
}

.padright0 {
    padding-right: 0px !important;
}

.padright10 {
    padding-right: 10px !important;
}

.padright20 {
    padding-right: 20px !important;
}

.marbot0 {
    margin-bottom: 0px !important;
}

.marbot5 {
    margin-bottom: 5px !important;
}

.marbot10 {
    margin-bottom: 10px !important;
}

.marbot15 {
    margin-bottom: 15px !important;
}

.marbot20 {
    margin-bottom: 20px !important;
}

.marbot25 {
    margin-bottom: 25px !important;
}

.marbot30 {
    margin-bottom: 30px !important;
}

.marbot35 {
    margin-bottom: 35px !important;
}

.marbot40 {
    margin-bottom: 40px !important;
}

.martop0 {
    margin-top: 0px !important;
}

.martop5 {
    margin-top: 5px !important;
}

.martop10 {
    margin-top: 10px !important;
}

.martop15 {
    margin-top: 15px !important;
}

.martop20 {
    margin-top: 20px !important;
}

.martop25 {
    margin-top: 25px !important;
}

.martop30 {
    margin-top: 30px !important;
}

.martop35 {
    margin-top: 35px !important;
}

.martop40 {
    margin-top: 40px !important;
}

.martop45 {
    margin-top: 45px !important;
}

.martop50 {
    margin-top: 50px !important;
}

.martop55 {
    margin-top: 55px !important;
}

.martop60 {
    margin-top: 60px !important;
}

.martop65 {
    margin-top: 65px !important;
}

.martop70 {
    margin-top: 70px !important;
}

.marleft10 {
    margin-left: -10px !important;
}

.marleft20 {
    margin-left: -20px !important;
}

.marleft30 {
    margin-left: -30px !important;
}

.marleft40 {
    margin-left: -40px !important;
}

.marright0 {
    margin-right: 0px !important;
}

.marright10 {
    margin-right: 10px !important;
}

.marright20 {
    margin-right: 20px !important;
}

.spacer10 {
    height: 10px !important;
}

.spacer20 {
    height: 20px !important;
}

.spacer30 {
    height: 30px !important;
}

.spacer40 {
    height: 40px !important;
}

.spacer50 {
    height: 50px !important;
}

.spacer60 {
    height: 60px !important;
}

.spacer70 {
    height: 70px !important;
}

.spacer80 {
    height: 80px !important;
}

.spacer90 {
    height: 90px !important;
}

.spacer100 {
    height: 100px !important;
}

.spacer110 {
    height: 110px !important;
}

.spacer120 {
    height: 120px !important;
}

.spacer130 {
    height: 130px !important;
}

.spacer140 {
    height: 140px !important;
}

.spacer150 {
    height: 150px !important;
}

.spacer160 {
    height: 160px !important;
}

.spacer170 {
    height: 170px !important;
}

.spacer180 {
    height: 180px !important;
}

.spacer190 {
    height: 190px !important;
}

.spacer200 {
    height: 200px !important;
}

.nobgrnd {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.noshadow {
    box-shadow: 0px 0px 0px transparent !important;
}

.Features {
    font-style: normal;
    color: #666 !important;
    line-height: 1.2em;
}

.ContentHeadline {
    /* color: rgba(42, 142, 171, 0.99) !important; */
    color: rgba(255, 255, 255, 0.29) !important;
    font-size: 60px !important;
    font-weight: 400;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
    padding-top: 30px;
}

.kategorie {
    margin: 5px 0;
    min-height: 30px;
    padding-top: 5px;
    float: left;
}

.kategorie a {
    color: #93D7EB;
}

.kategorie h1, .kategorie h2, .kategorie h3, .kategorie h4, .kategorie h5, .kategorie h6 {
    margin-bottom: 0;
}

.typen-icons {
    margin: 5px 0;
    min-height: 30px;
    padding-top: 5px;
    text-align: right !important;
    min-width: 100px;
    float: right;
}

.typen-icons i {
    float: right !important;
}

.typen-icon-no i {
    padding: 0 5px;
    color: rgba(0, 0, 0, 0.1) !important;
    font-size: 20px !important;
}

.typen-icon-med i {
    padding: 0 5px;
    color: rgba(215, 113, 84, 0.5) !important;
    font-size: 20px !important;
}

.typen-icon-hi i {
    padding: 0 5px;
    color: rgba(215, 113, 84, 0.99) !important;
    font-size: 20px !important;
}

.clean {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.0) !important;
}

.bewertung .stars {
    font-style: italic;
    font-size: 17px;
    line-height: 1.45em;
    color: #EAC100;
}

.bewertung p {
    font-family: 'Ubuntu', sans-serif;
    color: #AAAAAA;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 0;
}

.bewertung p .zitat {
    font-style: italic;
    font-size: 15px;
    border-left: 1px dotted #ccc;
    padding-left: 10px;
}

.bewertung .liker {
    font-size: 26px;
}

.bewertung .liker .fa-thumbs-o-up {
    background-color: rgba(129, 187, 53, 0.2) !important;
    border-radius: 120px;
    color: rgba(129, 187, 53, 0.99);
    font-size: 24px;
    padding: 8px;
}

.bewertung .liker .fa-thumbs-o-down {
    background-color: rgba(212, 63, 58, 0.06) !important;
    border-radius: 120px;
    color: rgba(221, 0, 0, 0.2);
    font-size: 24px;
    padding: 8px;
}

blockquote {
    border-left: 0;
    color: #aaaaaa;
    font-style: italic;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.15em;
    margin: 0 0 10px;
    padding: 2px 2px 2px;
}

.ContentBox1 {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px;
    border-radius: 15px 15px;
    box-shadow: 0 1px 25px rgba(0, 0, 0, 0.3)
}

.Teaser1 {
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f4f4f4, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    margin-bottom: 10px;
}

.Teaser2 {
    padding: 0 10px;
    border-radius: 6px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f9f9f9, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#f9f9f9', GradientType=0);
    margin-bottom: 5px;
}

.Teaser3 {
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f9f9f9), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #f9f9f9, 0%, #e9e9e9, 100%);
    background-image: -moz-linear-gradient(top, #f9f9f9 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9', GradientType=0);
    margin-bottom: 30px;
    border-top: 2px solid #FFFFFF;
    border-bottom: 3px solid #d9d9d9;
    overflow: hidden !important;
}

.anbieterFormWrapper {
    overflow: inherit !important;
}

.Teaser4 {
    padding: 15px 25px;
    border-radius: 6px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f5f5f5, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
    margin-bottom: 30px;
    border-top: 2px solid #FFFFFF;
    border-bottom: 3px solid #d9d9d9;
}

.Teaser1 h1, .Teaser1 h2, .Teaser1 h3, .Teaser1 h4, .Teaser1 h5, .Teaser1 h6,
.Teaser2 h1, .Teaser2 h2, .Teaser2 h3, .Teaser2 h4, .Teaser2 h5, .Teaser2 h6,
.Teaser3 h1, .Teaser3 h2, .Teaser3 h3, .Teaser3 h4, .Teaser3 h5, .Teaser3 h6 {
    color: rgba(40, 142, 171, 1) !important;
}

.Teaser1 img, .Teaser2 img, .Teaser3 img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.gutschein .wert {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    color: #81BB35;
    display: inline;
    float: right;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -0.03em;
    margin-bottom: 15px;
    padding: 15px 20px;
    text-align: right;
    margin-top: -25px;
}

.Teaser2 .gutschein .wert {
    font-size: 27px;
}

.Teaser2 .gutschein p {
    font-size: 13px;
}

.gutschein .logo {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 10px;
    color: #81BB35;
    display: inline;
    float: right;
    margin-top: -35px;
    padding: 10px 15px;
    text-align: right;
}

.gutschein h3 {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.3em;
    margin-bottom: 10px;
}

.gutschein p {
    color: #999999;
    font-family: Arial, 'Ubuntu', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.15em;
    margin-bottom: 10px;
}

.gutschein p strong {
    color: #666666;
    font-weight: 500;
}

.Artikel1 {
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
    background-color: #F9F9F9;
    margin-bottom: 30px;
    border-top: 2px solid #FFFFFF;
    border-bottom: 3px solid #d9d9d9;
}

.Selektor01 {
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.35);
    border-top: 2px solid #fff;
    border-bottom: 1px solid #aaa;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#d9d9d9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #d9d9d9, 100%);
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #d9d9d9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d9d9d9', GradientType=0);
}

.Selektor02 {
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.35);
    border-top: 2px solid #fff;
    border-bottom: 1px solid #aaa;
    background: #fff;
}

.Stage00 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
}

.Stage01 {
    background: #71AFBC;
    margin: 0 auto;
}

.Stage01-top {
    background: #71AFBC;
    margin: 0 auto;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2A8FAB), to(#71AFBC));
    background-image: -webkit-linear-gradient(top, #2A8FAB, 0%, #71AFBC, 100%);
    background-image: -moz-linear-gradient(top, #2A8FAB 0%, #71AFBC 100%);
    background-image: linear-gradient(to bottom, #2A8FAB 0%, #71AFBC 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2A8FAB', endColorstr='#71AFBC', GradientType=0);
}

.Stage01-bottom {
    background: #2A8FAB;
    margin: 0 auto;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#71AFBC), to(#2A8FAB));
    background-image: -webkit-linear-gradient(top, #71AFBC, 0%, #2A8FAB, 100%);
    background-image: -moz-linear-gradient(top, #71AFBC 0%, #2A8FAB 100%);
    background-image: linear-gradient(to bottom, #71AFBC 0%, #2A8FAB 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71AFBC', endColorstr='#2A8FAB', GradientType=0);
}

.Stage02 {
    background: url("../content/backgrounds/bgrnd_01_sektion_01_.jpg") no-repeat scroll 0 0 #71AFBC;
    margin: 0 auto;
}

.bgrndCol0 {
    background-color: #ffffff !important;
    background-image: none;
}

.bgrndCol1 {
    background-color: #288EAB !important;
    background-image: none;
}

.bgrndCol2 {
    background-color: #C7E2E9 !important;
    background-image: none;
}

.Content1 {
    background-color: rgba(255, 255, 255, 0.65); /* border-radius: 0 50px 0 0; */
}

.Content2 {
    background-color: rgba(255, 255, 255, 0.0); /* border-radius: 0 50px 0 0; */
}

.Content2 h1, .Content2 h2, .Content2 h3, .Content2 h4, .Content2 h5, .Content2 h6 {
    color: #ffffff;
}

.Content2 p {
    color: rgba(255, 255, 255, 0.75);
}

.Filter1 {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#93D7EB), to(#70B9CF)) !important;
    background-image: -webkit-linear-gradient(top, #93D7EB, 0%, #70B9CF, 100%) !important;
    background-image: -moz-linear-gradient(top, #93D7EB 0%, #70B9CF 100%) !important;
    background-image: linear-gradient(to bottom, #93D7EB 0%, #70B9CF 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93D7EB', endColorstr='#70B9CF', GradientType=0) !important;
}

.Filter1, .Filter1 p {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 15px !important;
}

.bgrnd1-btn {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#AAD2DD), to(#eeeeee));
    background-image: -webkit-linear-gradient(top, #AAD2DD, 0%, #eeeeee, 100%);
    background-image: -moz-linear-gradient(top, #AAD2DD 0%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, #AAD2DD 0%, #eeeeee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAD2DD ', endColorstr='#eeeeee', GradientType=0);
}

.bgrnd2-btn {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#F0CABF), to(#E5A390));
    background-image: -webkit-linear-gradient(top, #F0CABF, 0%, #E5A390, 100%);
    background-image: -moz-linear-gradient(top, #F0CABF 0%, #E5A390 100%);
    background-image: linear-gradient(to bottom, #F0CABF 0%, #E5A390 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0CABF ', endColorstr='#E5A390', GradientType=0);
}

.bgrnd3-btn {
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FCDB98), to(#F8B837));
    background-image: -webkit-linear-gradient(top, #FCDB98, 0%, #F8B837, 100%);
    background-image: -moz-linear-gradient(top, #FCDB98 0%, #F8B837 100%);
    background-image: linear-gradient(to bottom, #FCDB98 0%, #F8B837 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCDB98 ', endColorstr='#F8B837', GradientType=0);
}

.nav-tabs > li.bgrnd1-tab-btn > a, .nav-tabs > li.bgrnd1-tab-btn > a:hover, .nav-tabs > li.bgrnd1-tab-btn > a:focus {
    border-color: #DBEBEE;
    background-image: -webkit-gradient(linear, left 5%, left 100%, from(#FFFFFF), to(#CEE3E8)) !important;
    background-image: -webkit-linear-gradient(top, #FFFFFF, 5%, #CEE3E8, 100%) !important;
    background-image: -moz-linear-gradient(top, #FFFFFF 5%, #CEE3E8 100%) !important;
    background-image: linear-gradient(to bottom, #FFFFFF 5%, #CEE3E8 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF ', endColorstr='#CEE3E8', GradientType=0) !important;
    color: rgba(215, 113, 85, 0.79) !important;
    opacity: 1;
    font-weight: 400 !important;
    border: 0;
}

.camera_pie {
    opacity: 0;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    font-size: 14px;
    padding: 5px 8px;
    border-top: 0px solid transparent;
    font-weight: normal;
}

.table thead > tr > th {

    font-size: 14px;
    font-weight: 600;
    color: rgba(42, 141, 171, 0.49);
}

.HomeTextSlider .camera_pag {
    display: none;

}

.HomeTextSlider .camera_pie {
    display: none;

}

.HomeTextSlider .camera_prev {
    display: none;

}

.HomeTextSlider .camera_next {
    display: none;

}

.HomeTextSlider .camera_wrap {
    height: 200px;

}

/* Forms ---------------------------------------------*/

.form-control {
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #81BB35;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 5px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
    background-image: -webkit-gradient(linear, left 0%, left 40%, from(#e6e6e6), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #e6e6e6, 0%, #ffffff, 40%);
    background-image: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 40%);
    background-image: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 40%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
}

.form-control:focus {
    border-color: #D77154;
}

/* Title Heading ---------------------------------------------*/

.titles-heading {
    position: relative;
    text-align: left;
}

.titles-heading h1 {
    width: 68%;
    font-size: 34px;
    line-height: 1em;
    padding: auto 20px;
    z-index: 2;
    position: relative;
    font-weight: 100;
}

.titles-heading h1 strong {
}

.titles-heading h1 span {
    font-size: 14px;
    display: block;
    color: #777;
}

.titles-heading h1 i {
    font-size: 1.5em;
    margin: auto 10px;
}

.titles-heading .line {
    height: 1px;
    z-index: 1;
    background-color: #dedede;
    width: 80%;
    left: 10%;
    position: absolute;
    top: 48%;
}

.section-gray .titles-heading h1 {
    background-color: #f7f7f7;
}

/* Aktionsbanner ---------------------------------------------*/

#Aktionsbanner01 {
    border-radius: 10px !important;
    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.05);
    min-height: 200px;
    overflow: hidden;
}

#Aktionsbanner01 .angebot-des-tages {
    padding: 0 0px 0 0;
}

#Aktionsbanner01 .angebot-up {

    color: #F9BF4B;
    text-align: left;
    padding: 8px 12px;
    background: none repeat scroll 0 0 #F2F7F8;
    background-image: -webkit-gradient(linear, left 55%, left 100%, from(#F2F7F8), to(#FFFFFF)) !important;
    background-image: -webkit-linear-gradient(top, #F2F7F8, 55%, #FFFFFF, 100%) !important;
    background-image: -moz-linear-gradient(top, #F2F7F8 55%, #FFFFFF 100%) !important;
    background-image: linear-gradient(to bottom, #F2F7F8 55%, #FFFFFF 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F7F8', endColorstr='#FFFFFF', GradientType=0) !important;
}

#Aktionsbanner01 .angebot-up h3 {
    color: #F9BF4B !important;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    letter-spacing: -0.03em;

}

#Aktionsbanner01 .angebot-up h3 span {
    color: rgba(0, 0, 0, 0.2) !important;
    float: right;
    font-size: 11px;
    font-weight: 100;
    margin-top: -3px;

}

#Aktionsbanner01 .angebot-up p {
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#Aktionsbanner01 .angebot-text {
    padding-bottom: 5px;
    text-align: center;
    border: 0px solid #FFFFFF;
    background: #fff;
}

#Aktionsbanner01 .angebot-text .angebotlink {
    font-size: 14px;
}

#Aktionsbanner01 .angebot-text .stars {
    height: 24px;
    display: block;
}

#Aktionsbanner01 .rabatt {
    border-radius: 7px 7px;
!important;
    color: #ffffff;
    font-size: 24px;
    display: block;
    padding: 20px 10px 5px;
    font-weight: 300;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FCDB98), to(#F8B837)) !important;
    background-image: -webkit-linear-gradient(top, #FCDB98, 0%, #F8B837, 100%) !important;
    background-image: -moz-linear-gradient(top, #FCDB98 0%, #F8B837 100%) !important;
    background-image: linear-gradient(to bottom, #FCDB98 0%, #F8B837 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCDB98', endColorstr='#F8B837', GradientType=0) !important;
}

#Aktionsbanner01 .rabatt p {
    color: #ffffff;
}

#Aktionsbanner01 .rabatt strong {
    font-weight: 400;
    color: #fff;
}

/* Score ---------------------------------------------*/

.score {
    border-radius: 7px 7px;
!important;
    color: #ffffff;
    font-size: 24px;
    display: block;
    padding: 12px 5px 5px;
    font-weight: 300;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#AAD2DD), to(#71AFBC)) !important;
    background-image: -webkit-linear-gradient(top, #AAD2DD, 0%, #71AFBC, 100%) !important;
    background-image: -moz-linear-gradient(top, #AAD2DD 0%, #71AFBC 100%) !important;
    background-image: linear-gradient(to bottom, #AAD2DD 0%, #71AFBC 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAD2DD', endColorstr='#71AFBC', GradientType=0) !important;
}

.score p {
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}

.score p strong {
    font-weight: 500;
    color: #ffffff;
    font-size: 28px;
}

.score2 {
    border-radius: 7px 7px;
    color: #ffffff;
    font-size: 24px;
    display: block;
    padding: 12px 5px 5px;
    font-weight: 300;
    border: 3px solid #ffffff;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#FFFFFF), to(#CEE3E8)) !important;
    background-image: -webkit-linear-gradient(top, #FFFFFF, 0%, #CEE3E8, 100%) !important;
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #CEE3E8 100%) !important;
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #CEE3E8 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CEE3E8', GradientType=0) !important;
}

.score2.scoreSmal {
    margin-bottom: 10px;
}

.score2 p {
    text-align: center;
    color: rgba(40, 142, 171, 0.7);
    font-size: 14px;
}

.score2 p strong {
    font-weight: 500;
    color: #288EAB;
    font-size: 28px;
}

.score2 .bewertung .bewertung-text {
    color: #777;
    display: block;
    width: 100%;
    clear: both;
    font-size: 12px;
    padding-top: 5px;
}

.scoreBig {
    /*padding: 27px 35px !important;*/
}

.scoreMedium p strong {
    font-size: 27px !important;
}

.scoreMedium p {
    font-size: 0.5em !important;
}

.scoreSmall p strong {
    font-size: 18px !important;
}

/* Rating ---------------------------------------------*/

.rating {
    margin-bottom: 10px;
    border-bottom: 1px dotted #DDDDDD;
}

.rating p {
    font-size: 14px;
    margin-bottom: 4px;
    color: rgba(42, 141, 171, 0.59);
}

.rating .fa {
    color: #45A7D4;
}

.img-thumbnail {
    background-color: #DEECF0;
    border: 0px solid #DDDDDD;
    border-radius: 3px;
    padding: 5px;
}

.thumbnail, .img-thumbnail {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11) inset;
}

/* ---------------------------------------------------------------------- */
/*  03 HEADER
/* ---------------------------------------------------------------------- */

/* Client Login ----------------------------------------------------------*/

.line {
    height: 3px;
    background: #93D7EB;
}

.jBar {
    height: auto;
    display: none;
    padding: 22px 0;
    /* background:#272727 url("../img/panelbg.png") center center; */
    position: relative;
    color: #FFF;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#B1DEEB), to(#93D7EB));
    background-image: -webkit-linear-gradient(top, #B1DEEB, 0%, #93D7EB, 100%);
    background-image: -moz-linear-gradient(top, #B1DEEB 0%, #93D7EB 100%);
    background-image: linear-gradient(to bottom, #B1DEEB 0%, #93D7EB 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B1DEEB ', endColorstr='#93D7EB', GradientType=0);
}

.jRibbon {
    background-color: #93D7EB !important;
    position: absolute;
    top: 0px;
    right: 0;
    display: none;
    font-size: 20px;
    border-radius: 0 0 0 360px;
    padding: 5px 20px;
    color: #FFF;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.downarrow {
    background-color: #93D7EB !important;
    position: absolute;
    bottom: -28px;
    z-index: 99;
    border-radius: 0 0 0 360px;
    padding: 5px 20px;
    line-height: 0;
    color: #fff;
    right: 0;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.up {
    top: -100px;
}

.jBar h5 {
    color: #fff;
    font-weight: bold;
    padding-bottom: 10px:;
}

.jBar input {
    width: 100%;
    margin: 0 0 10px 0;
    height: 32px;
    /* padding: 5px 10px; */
    font-size: 14px;
    border-radius: 3px;
    border: 0;
}

.jBar .btn {
    border: none;
    width: auto;
    color: #fff;
    float: left;
    height: auto;
    padding: 5px 10px 7px 10px;
}

.jBar form span {
    font-size: 15px;
}

.jBar .item-service {
    margin: 0;
}

.jBar .head-service i {
    border-radius: 50%;
    font-size: 12px;
    width: 40px;
    height: 40px;
    padding-top: 12px;
    text-align: center;
}

.jBar .item-service .head-service h5 {
    color: #fff;
    font-weight: normal;
    font-style: normal;
    padding-top: 10px;
}

.jBar .item-service p {
    font-size: 13px;
    line-height: 20px;
}

/*  Info head -----------------------------------------*/

.info-head {

    background-color: #ffffff;
    border-bottom: 0px solid #cbd8d8;
    padding: 0 25px 0 0;
}

.info-head ul li {
    list-style: none;
    float: right;
    margin-right: 15px;
    padding-right: 15px;
    font-size: 14px;
    border-right: 1px solid #dedede;
}

.info-head ul li:last-child {
    border-right: 0;
}

.info-head ul li ul li {
    list-style: none;
    float: none;
    margin: 0;
    font-size: 11px;
    border-right: 0;
    padding: 0;
}

.info-head ul li ul li a {
    padding: 5px 15px;
    line-height: 20px;
    font-size: 10px;
}

.info-head ul li ul li a img {
    padding-right: 10px;
}

.info-head ul li .dropdown-menu {
    min-width: 100px;
    padding: 0;
    left: 30px;
    top: 27px;
}

.info-head .dropdown-menu > li > a:hover,
.info-head .dropdown-menu > li > a:focus,
.info-head .dropdown-menu > .active > a,
.info-head .dropdown-menu > .active > a:hover,
.info-head .dropdown-menu > .active > a:focus {
    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f5f5f5), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f5f5f5, 0%, #f5f5f5, 100%);
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #f5f5f5 100%);
    color: #000;
}

.info-head ul li a {
    color: #777;
}

.info-head ul li i {
    padding: 5px 5px 0 0;
    color: #dddddd;
    font-size: 14px;
}

.info-head ul li a i {
    font-size: 18px;
    padding-top: 12px;
    padding-left: 5px;
}

/*  Header -------------------------------------------*/

header {
    background-color: rgba(255, 255, 255, 0.95);
    padding: 0 0 10px;
    left: 0;
    width: 100%;
    z-index: 3;
    position: relative;
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); */
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.is-sticky header {
    padding: 3px 0 3px;
    z-index: 9999;
    box-shadow: 0 1px 22px rgba(0, 0, 0, 0.30);
    background: rgba(255, 255, 255, 0.95);
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f4f4f4, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
}

.is-sticky header .logo img {
    margin-top: 0px;
    max-width: 80%;
}

.is-sticky .nav-pills {
    margin-top: 6px;
}

.header-v3 ul {
    float: right;
}

.header-v3, .header-v3 ul li a, .header-v3 ul li i {
    color: #fff;
}

.header-v3 ul li ul li ul a {
    color: #888;
}

/*  Logo Template -------------------------------------------*/

.logo img {
    max-width: 100%;
    margin-top: -25px;
}

/*  Main Navigation -----------------------------------------*/

.tinynav {
    display: none
}

.sf-menu {
    margin: 0;
    float: right;
    padding-top: 7px;
}

.sf-menu ul {
    position: absolute;
    list-style: none;
    top: -999em;
    width: 160px;
    display: none;
}

.sf-menu > li {
    position: relative;
    float: left;
    list-style: none;
    line-height: 20px;
    margin: 0 40px 0 0;
}

.sf-menu li a i {
    padding-left: 3px;
}

.sf-menu > li:last-child {
    margin: 0;
}

.sf-menu > li > a {
    text-decoration: none;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #131313;
}

.is-sticky .sf-menu li:hover ul, .is-sticky .sf-menu li.sfHover ul {
    top: 36px;
}

.is-sticky .sf-menu li li:hover ul, .is-sticky ul.sf-menu li li.sfHover ul {
    left: 160px;
    top: 0;
}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
    top: 46px;
    left: 0px;
    z-index: 999;
}

.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
    top: -999em
}

.sf-menu li.current, .sf-menu li:hover, .sf-menu li.sfHover {
    text-decoration: none;
}

.sf-menu li li a {
    display: block;
    margin: 0;
    position: relative;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    color: #131313;
    overflow: hidden;
    padding: 12px 15px;
    background: #f9f9f9;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.sf-menu li li > a:hover, .sf-menu li li.sfHover > a, .sf-menu li li.current > a {
    color: #1B1823;
}

.sf-menu li li {
    float: none;
    position: relative;
    border-bottom: 1px solid #eee;
}

.sf-menu li li a i {
    float: right;
    font-size: 15px;
}

.sf-menu li li:last-child {
    border-bottom: 0;
}

.sf-menu li li a:hover {
    color: #fff;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
    left: 160px;
    top: 0;
}

/*  Title Section  -----------------------------------------*/

.title-section {
    background-color: #f7f7f7;
    background: #f7f7f7 url("../img/patterns/cubes.png");
    border-bottom: 0px solid #cdcdcd;
    padding: 25px 0;
}

.title-section .crumbs,
.title-section .crumbs a {
    color: #999;
    font-size: 13px;
    padding: auto 4px;
}

.title-section .title h1 {
    position: relative;
    display: inline;
    margin-left: -15px;
}

.title-section .title {
    padding-bottom: 15px;
    margin: 0 0 20px 0;
}

.title-section .subtitle-section {
    padding: 8px 20px;
    margin-left: 15px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    top: -6px;
}

.title-section .title .line-title {
    width: 100%;
    height: 4px;
    left: 0;
    bottom: -4px;
    position: absolute;
}

.search {
    padding-top: 5px;
    margin-right: -15px;
}

.search input {
    font-size: 12px;
    border-right: 0;
}

.info-title-section .incon-title {
    text-align: center;
}

.info-title-section i {
    font-size: 4em;
}

.info-title-section p {
    margin: 0;
}

.subtitle-section {
    position: relative;
}

.subtitle-section .left {
    position: absolute;
    left: -11px;
    top: 0;
    width: 11px;
    height: 100%;
}

.subtitle-section .right {
    position: absolute;
    right: -11px;
    top: 0;
    width: 11px;
    height: 100%;
}

/* ---------------------------------------------------------------------- */
/*  04 General Structure
/* ---------------------------------------------------------------------- */

/*  Box Action ----------------------------------------------*/

.box-action {
    background-color: #8DBFC9;
    text-align: right;
}

.box-action .title {
    width: 75%;
    float: left;
    padding-right: 30px;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#CEE3E8), to(#B8D7DE)) !important;
    background-image: -webkit-linear-gradient(top, #CEE3E8, 0%, #B8D7DE, 100%) !important;
    background-image: -moz-linear-gradient(top, #CEE3E8 0%, #B8D7DE 100%) !important;
    background-image: linear-gradient(to bottom, #CEE3E8 0%, #B8D7DE 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CEE3E8', endColorstr='#B8D7DE', GradientType=0) !important;
}

.box-action p {
    color: rgba(42, 142, 171, 0.7);
    padding: 10px 0;
    font-style: italic;
    margin: 0;
    font-weight: 200;
    font-size: 28px;

}

.box-action .button {
    width: 25%;
    height: 100%;
    padding: 10px 0;
    float: right;
    text-align: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1) inset;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#93D7EB), to(#83C5D9)) !important;
    background-image: -webkit-linear-gradient(top, #93D7EB, 0%, #83C5D9, 100%) !important;
    background-image: -moz-linear-gradient(top, #93D7EB 0%, #83C5D9 100%) !important;
    background-image: linear-gradient(to bottom, #93D7EB 0%, #83C5D9 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93D7EB', endColorstr='#83C5D9', GradientType=0) !important;
}

.box-action .button:hover {
    cursor: pointer;
}

.box-action .button a {
    color: #fff;
    font-size: 28px;
    font-style: italic;
    font-weight: 400;
    line-height: 36px;
    padding-right: 20px;
    float: right;
    text-decoration: none;
}

.box-action .button a .fa {
    color: rgba(42, 142, 171, 0.49);
    font-size: 38px;
    margin-left: 10px;
}

.box-action .arrow_box_action {
    background: url("../img/arrow_box_action.png") no-repeat;
    position: absolute;
    width: 33px;
    height: 77px;
    left: 0px;
    top: 0%;
}

/*  Item Services ------------------------------------------*/
.footerText {
    color: rgba(255, 255, 255, 0.8) !important;
}

.footerText a {
    color: rgba(255, 255, 255, 0.8) !important;

}

.border-right {
    border-right: 1px dotted rgba(199, 199, 199, 0.5);
    padding-right: 20px;
}

.border-left {
    border-left: 1px dotted rgba(199, 199, 199, 0.5);
    padding-left: 20px;
}

.item-service {
    margin-bottom: 50px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.head-service {
    margin-bottom: 15px;
}

.head-service h4,
.head-service h5 {
    padding: 0;
    margin: 0;
}

.head-service h5 {
    line-height: 20px;
    font-style: italic;
}

.head-service i {
    border-radius: 50%;
    font-size: 16px;
    width: 50px;
    height: 50px;
    padding-top: 14px;
    text-align: center;
}

.item-service:hover .head-service i {
    color: #fff;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

/*  Slide Services ------------------------------------------*/

.animation-services {
    overflow: hidden;
}

.animation-services .text-center .image-big {
    max-width: 100%;
    padding-top: 20px;
}

.animation-services .image-animations {
    position: relative;
}

.animation-services .image-animations .image-big {
    max-width: 95%;
    padding-top: 30px;
    opacity: 0;
}

.animation-services iframe {
    width: 100%;
    height: 330px;
    border: 0;
}

.animation-services .image-animations .icons {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.animation-services .image-animations .icons li {
    position: absolute;
    width: 70px;
    height: 70px;
    opacity: 0;
}

.animation-services .image-animations .icons li img {
    width: 100%;
}

.animation-services .image-animations .icons li.one {
    left: 5%;
    top: 0%;
}

.animation-services .image-animations .icons li.two {
    right: 40%;
    top: 5%;
}

.animation-services .image-animations .icons li.three {
    left: 20%;
    top: 35%;
}

.animation-services .image-animations .icons li.four {
    right: 35%;
    top: 45%;
}

/* Feature Element ------------------------------------------*/

.feature-element li {
    position: relative;
    display: block;
    padding-bottom: 40px;
}

.feature-element li .line-feature {
    height: 1px;
    background-color: #cdcdcd;
    width: 67%;
    float: left;
    margin-top: 36px;
    position: relative;
}

.feature-element li .line-feature i {
    position: absolute;
    font-size: 18px;
    top: -9px;
    left: -4px;
}

.feature-element li .cirle-feature {
    background-color: #fff;
    text-align: center;
    padding-top: 23px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
    float: left;
    font-size: 22px;
}

.feature-element .text-feature {
    font-size: 14px;
    line-height: 23px;
    margin-left: -5px;
}

.feature-element .text-feature h4 {
    padding: 0;
}

/*  Item Services Carousel ------------------------------------------*/

#services-carousel {
    margin-bottom: -10px;
    margin-top: 53px;
}

.services-carousel {
    overflow: hidden;
    height: 405px;
}

.services h2 {
    text-align: left;
}

.item-service-carousel {
    margin: 0 0 0 8%;
    text-align: center;
    background-color: #fff;
    border-left: 1px solid #cbd8d8;
    border-right: 1px solid #cbd8d8;
    z-index: 99;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.item-service-carousel:hover {
    cursor: move;
    margin-top: -36px;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.item-service-carousel i {
    font-size: 2em;
    padding-top: 0px;
    color: #131313;
}

.item-service-carousel h4 {
    border-left: 1px solid #fff;
    color: #fff;
    padding: 0 0 0 20px;
    padding-top: 3px;
    text-align: left;
    margin-left: -20px;
}

.item-service-carousel p {
    text-align: left;
    padding: 20px 20px 0 20px;
    font-size: 14px;
    line-height: 22px;
}

.item-service-carousel a {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.item-service-carousel a:hover {
    text-decoration: none;
}

.item-service-carousel .row {
    margin: 0;
}

.item-service-carousel .color {
    padding: 10px 0;
}

.item-service-carousel .color-small {
    padding: 5px 0;
}

/* Boxes -----------------------------------------------------*/

.boxes h1 {
    color: #fff;
    text-align: left;
}

.boxes {
    /* background: url("../img/example-bg.jpg") no-repeat center center; */
    position: relative;
    text-align: left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.overflow-boxes {
    /* background-color: #131313;
    background: rgba(40, 142, 171, 0.99); */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3) inset; */
}

/* Boxes Info ----------------------------------------------*/

.boxes-info {
    /* background-color: rgba(255,255,255,0.6); */
    text-align: left;
    padding: 7px 11px;
    border: solid 0px transparent;
    border-right: 1px dotted #cccccc;
}

.boxes-info h3 {
    font-weight: 500;
    color: rgba(42, 141, 171, 0.99);
    padding-bottom: 0px;
    font-size: 20px;
    font-family: 'Ubuntu Condensed', sans-serif;
}

.boxes-info h3 span {
    margin-top: 0px;
}

.boxes-info h3 i {
    float: right;
    color: #93D7EB;
    font-size: 20px;
    margin-top: 3px;
    margin-bottom: -11px;
    margin-right: 5px;
}

.boxes-info h5 {
    padding: 10px 0;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 15px;
}

.boxes-info .badge {
    font-family: 'Ubuntu', sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 6px;
    margin-left: -9px;
    padding: 5px 5px;
}

/* Boxes Typen ----------------------------------------------*/

.boxes-typen {
    background-color: rgba(40, 142, 171, 0.3);
    text-align: left;
    padding: 15px;
    border: solid 0px transparent;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#AAD2DD), to(#71AFBC));
    background-image: -webkit-linear-gradient(top, #AAD2DD, 0%, #71AFBC, 100%);
    background-image: -moz-linear-gradient(top, #AAD2DD 0%, #71AFBC 100%);
    background-image: linear-gradient(to bottom, #AAD2DD 0%, #71AFBC 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAD2DD ', endColorstr='#71AFBC', GradientType=0);
}

.boxes-typen h3 {
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    padding-bottom: 0px;
    font-size: 19px;
    font-family: 'Ubuntu Condensed', sans-serif;
}

.boxes-typen h3 span {
    margin-top: 0px;
}

.boxes-typen h3 i {
    float: right;
    color: rgba(42, 141, 171, 0.59);
    font-size: 40px;
    margin-top: -3px;
}

.boxes-typen h5 {
    padding: 10px 0;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 15px;
}

/*  Clients ------------------------------------------------*/

.responsive-numbers {
    background-color: #fff;
}

.clients {
    text-align: center;
}

.clients .title-downloads {
    font-weight: 400;
    z-index: 5;
    position: relative;
}

.clients .title-downloads .responsive-numbers span {
    background-color: #131313;
    color: #fff;
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: bold;
}

.clients .title-downloads .logo-clients {
    background-color: #fff;
    color: #131313;
    padding: 0;
    border-radius: 0;
}

/* subtitle-downloads -----------------------------------------------------*/

.subtitle-downloads {
    margin-top: 30px;
    position: relative;
    z-index: 5;
}

.subtitle-downloads h4 {
    background-color: #fff;
    margin: 0 auto;
    width: 28%;
    z-index: 2;
    position: relative;
}

.subtitle-downloads h4 i {
    font-size: 2em;
    margin: auto 10px;
}

.subtitle-downloads .line {
    height: 1px;
    z-index: 1;
    background-color: #dedede;
    width: 80%;
    left: 10%;
    position: absolute;
    top: 48%;
}

/* image-clients-downloads -----------------------------------------------------*/

.image-clients-downloads {
    margin: 25px auto 0 auto;
    display: table;
}

.image-clients-downloads li {
    display: inline-block;
    width: 60px;
    margin: auto 5px;
    border: solid 1px #ddd;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.image-clients-downloads li:hover {
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.image-clients-downloads li img {
    width: 100%;
}

/* Sponsors -----------------------------------------------------*/

.sponsors {
    background: url("../img/sponsors/bg.jpg") no-repeat center center;
    position: relative;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.overflow-sponsors {
    background-color: rgba(40, 142, 171, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sponsors h2 {
    color: rgba(255, 255, 255, 0.6);
    font-weight: normal;
    font-size: 26px;
}

.sponsors h2 span {
    font-weight: 300;
    font-size: 36px;
    line-height: 46px;
    margin: auto 10px;
    color: #ffffff !important;
}

#sponsors {
    border-bottom: 0px solid #444;
    margin: 10px 0 10px 0;
    padding-bottom: 10px;
}

.sponsors .circle {
    position: absolute;
    background-color: #5b5b5b;
    border-radius: 50%;
    padding: 20px 22px;
    left: 47.5%;
    bottom: -35px;
}

.sponsors .circle i {
    color: #fff;
    font-size: 2em;
}

/* Lates Post And Testimonials -----------------------------------------------------*/

.post-testimonials h3 {
    border-bottom: 0px solid #dedede;
}

.box {
    background-color: #f8f8f8;
    margin-top: 5px;
    border: 2px solid #ffffff;
    height: 330px;
}

.box li {
    padding: 12px 0 2px;
    margin-left: 0px;
    margin-right: 0;
    width: 100%;
    border-bottom: 1px solid #dedede;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.box li:last-child {
    margin-bottom: 0px;
    border-bottom: 0;
}

.box li:hover {
    background-color: #fff;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.boxScroller {
    background-color: #f8f8f8;
    margin-top: 5px;
    border: 2px solid #ffffff;
    overflow: scroll;
    overflow-x: hidden;
}

.boxScroller li {
    padding: 12px 0 0px;
    margin-left: 0px;
    margin-right: 0;
    width: 100%;
    border-bottom: 1px solid #dedede;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.boxScroller li:last-child {
    margin-bottom: 0px;
    border-bottom: 0;
}

.boxScroller li:hover {
    background-color: #fff;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
    -o-transition: 0.2s all ease;
    -ms-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

/* Lates Post -----------------------------------------------------*/

.box .date {
    background-color: #fff;
    text-align: center;
    width: 75%;
    margin: 0 auto;
    font-weight: 300;
    padding-bottom: 10px;
    color: #131313;
    font-size: 23px;
    border-radius: 2px 2px 0 0;
    border: solid #dedede 1px;
    border-bottom: double 4px #dedede;
}

.box .date span i {
    padding-right: 5px;
}

.box .date span {
    display: block;
    border-radius: 2px 2px 0 0;
    color: #fff;
    padding: 2px 0;
    margin-bottom: 6px;
    font-size: 14px;
}

.info {
    border-left: 1px solid #dedede;
    margin-left: -10px;
    padding-left: 15px;
    margin-top: 5px;
}

.info h4 {
    padding: 5px 0 0 0;
}

.info p {
    font-size: 14px;
}

.box .link {
    text-align: center;
    margin-top: 35%;
    width: 100%;
}

.box .link i {
    font-size: 2em;
}

/* Testimonials -----------------------------------------------------*/

.box .photo {
    border: 1px #dedede solid;
}

.box .photo img {
    width: 100%;
    border: 3px solid #fff;
}

.box .name h4 {
    padding: 0 0 5px 10px;
    line-height: 20px;
    margin: 10px auto 10px auto;
    margin-left: -10px;
    border-left: 1px #dedede solid;
}

.box .name span {
    display: block;
    font-size: 14px;
}

/* More Services ------------------------------------------------------*/

.box .image-more-service {
    background-color: #fff;
    text-align: center;
    width: 75%;
    margin: 0 auto;
    font-weight: bold;
    font-size: 26px;
    border: solid #dedede 1px;
}

.box .image-more-service i {
    font-size: 2em;
    line-height: 1.4em;
}

/* important-info -----------------------------------------------------*/

.important-info {
    overflow: hidden;
}

.important-info h1 {
    font-weight: 100;
    padding: 0;
}

.important-info .btn {
    background-color: #131313;
    color: #fff;
    font-size: 14px;
}

.important-info .btn:hover {
    color: #fff;
    text-decoration: none;
}

.important-info p, .important-info h1 span {
    color: rgba(255, 255, 255, 0.6);
}

.important-info i {
    font-size: 7em;
    color: #fff;
    margin-top: 0px;
    text-align: center;
    opacity: 0.7;
}

.important-info img {
    max-width: 100%;
}

.important-info .lead {
    margin: 15px auto 25px;
}

.important-info .text-center {
    position: relative;
}

.important-info .title {
    position: absolute;
    bottom: -38px;
    left: 0;
    text-align: center;
    width: 100%;
}

.important-info .title h1 {
    color: #fff;
    font-size: 160px;
    font-weight: bold;
    line-height: 170px;
    text-shadow: 3px 3px 0 #000;
    text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.5);
}

/* Footer -----------------------------------------------------*/

footer {
    background-color: #191919;
}

.footer-top, .footer-bottom {
    background: #5797A4;
}

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

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

.footer-top h3 {
    padding: 0;
    font-weight: 300;
    font-size: 18px;
}

.footer-top h3 a {
    color: #f5f5f5;
}

.footer-center {
    padding-bottom: 40px;
}

.footer-center .item-center {
    position: relative;
    padding: 30px 0 0 0;
    text-align: center;
}

.footer-center .item-center:hover i {
    margin-top: -20px;
    cursor: pointer;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.footer-center .item-center .arrow_footer {
    position: absolute;
    background: url("../img/arrow_footer.png") no-repeat center center;
    opacity: 0.9;
    width: 100%;
    height: 15px;
    left: 0;
    top: -15px;
}

.footer-center .item-center h4 {
    padding-bottom: 0;
}

.footer-center .item-center i {
    font-size: 1.8em;
    line-height: 1.4em;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

.footer-center .item-center p {
    color: #ddd;
    max-width: 88%;
    margin: 0 auto;
}

.footer-center .top {
    border-bottom: 1px solid #333333;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

footer h4, footer h3, footer i {
    color: #f5f5f5;
    text-shadow: 0px 0px 0px #000;
}

footer p, footer .twitter {
    color: #ddd;
    font-size: 14px;
    line-height: 23px;
}

.twitter .owl-controls {
    margin-top: 20px;
}

.footer-center .fa-twitter,
.footer-top .fa-twitter {
    font-size: 2.5em;
    float: left;
    margin-right: 20px;
    color: #29c0d4;
}

.footer-top .fa-twitter {
    float: none;
}

footer .border-right {
    border-right: 1px solid #333;
    padding-right: 25px;
}

footer form {
    padding-bottom: 30px;
}

footer .btn {
    border: 0;
    font-size: 16px;
    border-radius: 0 3px 3px 0;
    font-weight: 300;
}

footer .btn:hover {
    color: #f5f5f5;
}

footer .input-group-addon, footer input {
    background: #f5f5f5;
    border: 0;
}

footer .input-group-addon i {
    color: #131313;
    text-shadow: 1px 1px 1px #ccc;
}

footer .links li {
    color: #f5f5f5;
    line-height: 32px;
}

footer .links li a {
    color: #f5f5f5;
    padding-left: 7px;
    font-size: 14px;
}

.footer-bottom {
    padding: 30px 0 25px 0;
}

.footer-bottom ul li {
    display: inline-block;
    margin: 0 10px;
}

.footer-bottom ul li a {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
}

.menu-footer {
    padding: 5px 0 0 10px;
}

.logo-footer {
    float: left;
}

.logo-footer h2 {
    color: #f5f5f5;
    line-height: 30px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0 10px 0 0;
}

/* Social -----------------------------------------------------*/

footer .social {
    text-align: right;
}

.social li {
    background: rgba(147, 215, 235, 0.4);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    display: inline-block;
    margin: auto 10px;
}

.social li i {
    color: rgba(147, 215, 235, 0.99);
    text-shadow: none;
    font-size: 16px;
    line-height: 38px;
}

.social li:hover i {
    color: #fff;
}

.coopring p {
    padding: 5px 0 0 0;
    margin: 0;
    font-size: 14px;
}

footer .social li {
    width: 56px;
    height: 56px;
}

footer .social li i {
    font-size: 26px;
    line-height: 58px;
}

footer .tags a {
    color: #dedede;
}

/* Top -----------------------------------------------------*/

#toTop {
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    overflow: hidden;
    width: 51px;
    height: 51px;
    border: none;
    text-indent: 100%;
    background: url("../img/ui.totop.png") no-repeat left top;
}

#toTopHover {
    background: url("../img/ui.totop.png") no-repeat left -51px;
    width: 51px;
    height: 51px;
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
}

#toTop:active, #toTop:focus {
    outline: none;
}

/* Works Styles ------------------------------------*/

.works {

}

#works .item-work {
    max-width: 280px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
    padding-bottom: 0px;

}

#works .item-work .hover {
    border-radius: 10px 10px 0 0;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);

}

#works .item-work:first-child {
    margin-left: 15px;
    margin-right: 15px;
}

.item-work img {
    display: block;
    height: auto;
    max-width: 100%;
}

.item-work .hover {
    position: relative;
    overflow: hidden;
    padding: 10px;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f4f4f4, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

}

.item-work .info-work {
    font-size: 14px;
    padding: 15px 10px 5px;
    /* background: rgba(255,255,255,0.7); */
    border: solid 0px #cdcdcd;
    border-top: 0;
    text-align: left;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e9e9e9));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e9e9e9, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#e9e9e9', GradientType=0);
}

.item-work .info-work h4 {
    padding: 0;
    font-weight: 400;
    color: #D77155;
    font-size: 15px;
    margin-bottom: 8px;
}

.item-work .info-work p {
    font-size: 13px;
    line-height: 1.1em;
    margin-bottom: 5px;
    color: rgba(42, 141, 171, 0.59);
}

.item-work .info-work .icons-work {
    display: block;
    padding: 10px 0px 5px 20px;
    margin-top: 15px;
    width: 100%;
    text-align: right;
}

.item-work .info-work i {
    padding: 0 5px;
    color: rgba(40, 142, 171, 0.5);
    font-size: 22px;
    margin-top: 5px;
}

.item-work .info-work i:hover {
    cursor: pointer;
}

.overlay {
    position: absolute;
    left: 0;
    top: 0px;
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.item-work:hover .overlay {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.portfolioContainer .item-work {
    margin-bottom: 10px;
}

.portfolioContainer .item-work .hover {
    border-radius: 10px 10px 0 0;
}

.carousel-control {
    opacity: 1;
    width: 15px;
}

.carousel img {
    width: 100%;
}

.carousel-control .icon-prev, .carousel-control .icon-next {
    font-size: 40px;
    min-height: 34px;
    padding: 0px 0;
    border-radius: 3px;
    text-shadow: 0px 0px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#93D7EB), to(#71BACF)) !important;
    background-image: -webkit-linear-gradient(top, #93D7EB, 0%, #71BACF, 100%) !important;
    background-image: -moz-linear-gradient(top, #93D7EB 0%, #71BACF 100%) !important;
    background-image: linear-gradient(to bottom, #93D7EB 0%, #71BACF 100%) !important;
    background-repeat: repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93D7EB', endColorstr='#71BACF', GradientType=0) !important;
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.carousel-indicators li {
    background: #dddddd;
    border: 1px solid #dddddd;
}

.technologies {
    margin: 25px 0;
}

.technologies i {
    font-size: 2em;
    margin: auto 10px;
}

.list li {
    line-height: 35px;
}

.list li i {
    padding-right: 8px;
    font-size: 14px;
}

#slide-services .item-work {
    margin-bottom: 25px;
}

#slide-services .item-work h4 {
    font-size: 14px;
}

/* Filters ---------------------------------*/

.portfolioFilter {
    text-align: right;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
}

.portfolioFilter a {
    margin: auto 10px;
    color: #131313;
    font-size: 14px;
    padding-bottom: 13px;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.portfolioFilter a:hover {
    text-decoration: none;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

/* Team ---------------------------------*/

.slide-team img {
    max-width: 100%;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.slide-team img:hover {
    opacity: 0.7;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.slide-team .btn {
    margin: 0 0 25px 0;
    padding: 8px 25px;
}

.slide-team .title-subtitle {
    padding: 0;
}

.slide-team .title-subtitle span {
    line-height: 24px;
    padding-bottom: 5px;
}

.slide-team .text-right {
    float: right;
    padding-right: 10px;
    font-style: italic;
    font-size: 12px;
}

.slide-team .social li:first-child {
    margin-left: 0;
}

/* Skills -------------------------------*/

.meter {
    position: relative;
    margin: 0 0 20px 0; /* Just for demo spacing */
    background: #e6e6e6;
    width: 100%;
}

.meter:last-child {
    margin: 0;
}

.meter > span {
    display: block;
    height: 100%;
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 5px 0 5px 10px;
    overflow: hidden;
}

.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    padding-left: 3%;
    color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,
    color-stop(.25, rgba(255, 255, 255, .2)),
    color-stop(.25, transparent), color-stop(.5, transparent),
    color-stop(.5, rgba(255, 255, 255, .2)),
    color-stop(.75, rgba(255, 255, 255, .2)),
    color-stop(.75, transparent), to(transparent)
    );
    background-image: -moz-linear-gradient(
            -45deg,
            rgba(255, 255, 255, .2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .2) 50%,
            rgba(255, 255, 255, .2) 75%,
            transparent 75%,
            transparent
    );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

.nostripes > span > span, .nostripes > span:after {
    -webkit-animation: none;
    background-image: none;
}

/* Sidebars Page ---------------------------------------------------------*/

aside {
    margin-bottom: 40px;
}

aside .list li {
    border-bottom: 1px solid #dedede;
    line-height: 40px;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

aside .list li:hover {
    background-color: #eee;
    cursor: pointer;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    transition: 0.5s all ease;
}

aside .list li i {
    display: inline-block;
}

aside .list li a {
    display: inline-block;
    font-size: 14px;
    color: #52C5E7;
    line-height: 1.2em;
    padding: 10px 0;
}

aside .list li a:hover {
    text-decoration: none;
}

aside .search {
    width: 100%;
}

/* Tabs -------------------------------------*/

.tab-content {
    padding: 15px 20px;
    border: solid #dedede 0px;
    border-top: 0;
    border-radius: 0px 11px 11px 11px;
    background: #ffffff;
    margin-bottom: 20px;
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#fbfbfb));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #fbfbfb, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fbfbfb', GradientType=0);
}

.post-image {
    float: left;
    margin-right: 10px;
}

.post-info {
    font-size: 14px;
    line-height: 1.15em;
}

.post-info a {
    margin-bottom: 10px;
    display: block;
}

.post p {
    color: #999999;
}

.post-info .post-meta {
    color: rgba(40, 142, 171, 0.99);
    font-size: 12px;
    margin-bottom: 3px;
}

.simple-post-list li {
    border-bottom: 1px dotted #E2E2E2;
    min-height: 130px;
    padding: 15px 0;
}

.simple-post-list li:last-child {
    border-bottom: 0;
}

.tabs .nav li i {
    padding-right: 5px;
}

.post h1, .post h2, .post h3 {
    color: rgba(40, 142, 171, 1) !important;
}

/* Page Error ------------------------------------------------------------*/

.page-error {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.page-error h1 {
    font-size: 140px;
    line-height: 140px;
}

.page-error h1 i {
    font-size: 200px;
    line-height: 190px;
}

.page-error hr.tall {
    margin: 20px 0 30px 0;
}

/* ACCORDION ------------------------------------------*/

.accordion-trigger h3 {
    margin: 0 10px;
}

.accordion-trigger {
    text-decoration: none;
    padding: 10px 10px 10px 25px;
    border-radius: 5px 5px;
    margin-top: 2px;
    cursor: pointer;
    color: #288EAB;
    opacity: 0.8;
    border: 0px solid #f0f0f0;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f8f8f8), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f8f8f8, 0%, #ffffff, 100%);
    background-image: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
    background-image: linear-gradient(to bottom, #f8f8f8 0%, #ffffff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=0);
}

.accordion-trigger i {
    padding-right: 10px;
    font-size: 18px;
}

.accordion-trigger.active, .accordion-trigger:hover {
    opacity: 1;
    border-radius: 5px 5px 0 0 !important;
}

.accordion-trigger:hover {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.accordion-container {
    padding: 20px;
    border-radius: 0 0 10px 10px;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f8f8f8));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f8f8f8, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2);
}

.accordion-container p {
    margin: 0 0 10px 0;
    color: #999;
}

.accordion-container a {
    color: #D77154 !important;
}

/* Sitemap ---------------------------------------------------------------*/

.sitemap {
    float: left;
    display: inline;
    width: 370px;
    margin-right: 2px;
    font-size: 14px;
    padding: 10px 0 0 0;
    background: url("../img/line_tree1.gif") left repeat-y;
}

.sitemap li {
    float: left;
    width: 347px;
    padding-left: 25px;
    line-height: 35px;
    background: url("../img/line_tree2.gif") 0 center no-repeat;
}

.sitemap li.has_sub {
    background: url("../img/line_tree2.gif") 0 17px no-repeat;
}

.sitemap li a {
    color: #666;
    position: relative;

    text-decoration: none;
}

.sitemap li a:hover {
    color: #cbd6e2;
    text-decoration: underline;
}

.sitemap ul {
    width: 132px;
    padding-top: 0;
}

/* Blog -----------------------------------------------------------------*/

.post .post-meta {
    font-size: 12px;
    font-weight: 500;
    border-bottom: solid 1px #e0e0e0;
    padding: 3px 0px;
    margin: 10px 0;
    display: block;
    /* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    border-radius: 5px; */
}

.post .post-meta .fa {
    color: rgba(0, 0, 0, 0.2)
}

.post .post-meta span,
.post .post-meta i {
    padding: 0 0 0 3px;
    color: #777;
}

.post {
    border-bottom: 3px solid #DDD;
    margin-bottom: 20px;
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#f4f4f4));
    background-image: -webkit-linear-gradient(top, #ffffff, 0%, #f4f4f4, 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
    background-image: linear-gradient(to bottom, #ffffff 0%, #f4f4f4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
}

.post .post-image {
    width: 100%;
    margin-bottom: 5px;
}

.post .post-image img {
    width: 100%;
}

.post h3 a:hover,
.post h2 a:hover {
    text-decoration: none;
}

.post h3 {
    padding: 0;
    font-weight: 200;
    font-size: 24px;
}

.post h3 a {
    color: #D77154 !important;
    font-size: 21px;
    font-weight: 400;
    line-height: 1em;
}

.tags a {
    border: 0px solid #e6e6e6;
    color: #ffffff;
    font-size: 13px;
    padding: 0px 5px;
    margin: 0 0px 4px 0;
    display: inline-block;
    border-radius: 4px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background: rgba(147, 215, 235, 0.6);
}

.tags a:hover {
    border: 0px solid #131313;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    background: rgba(147, 215, 235, 0.99);
}

.tags i {
    padding-right: 2px;
    color: #83C5D9 !important;
}

/* BLOG POST Autor ------------------------------------------------------------*/

.autor {
    border-bottom: 1px solid #dedede;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.autor h4 {
    padding-top: 5px;
}

.autor h3 i,
.comment-post h3 i {
    padding-right: 10px;
}

.content-autor {
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 30px;
}

.content-autor p {
    margin: 10px 0 0 0;
    padding: 0 10px 0 0;
}

.image-autor {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    border: solid 4px white;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15000000000000002);
    -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15000000000000002);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15000000000000002);
    width: 100px;
    height: 100px;
    -webkit-border-radius: 70.799999999999997px;
    -moz-border-radius: 70.799999999999997px;
    border-radius: 70.799999999999997px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
}

.image-autor img {
    width: 100%;
}

/* BLOG POST COMMENTS ------------------------------------------------------------*/

.image-visitor {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 40.799999999999997px;
    -moz-border-radius: 40.799999999999997px;
    border-radius: 40.799999999999997px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #888;
    border: solid 4px white;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15000000000000002);
    -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15000000000000002);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.15000000000000002);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.image-visitor img {
    width: 100%;
}

.comment-post {
    border-bottom: 1px solid #dedede;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.comment-post h6 {
    text-align: center;
    line-height: 15px;
    padding-bottom: 5px;
    margin-top: 5px;
}

.comment-post .date {
    display: block;
    text-align: center;
    font: 400 .75em/1 tahoma, sans-serif;
    margin: .2em;
    color: #888;
}

.comment-post .info-comment {
    position: relative;
    margin: 30px 0;
    padding: 15px;
    border: solid 1px #EEE;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: white;
    -webkit-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.09999999999999998);
    -moz-box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.09999999999999998);
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.09999999999999998);
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

.comment-post .info-comment:hover {
    -webkit-box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
    transition: 0.3s all ease;
    cursor: pointer;
}

.info-comment a {
    padding: 10px 10px;
    border-radius: 50%;
    font-size: 10px;
    color: #fff;
    position: absolute;
    top: -25px;
    right: -25px;
}

.info-comment p {
    margin: 0;
}

.child {
    margin-left: 10%;
}

.arrow-comment {
    position: absolute;
    left: -16px;
    top: 20%;
    width: 16px;
    height: 50px;
}

#form-comment .form-group {
    margin-bottom: 20px;
    overflow: auto;
}

#form-comment h3,
.comment-post h3,
.autor h3,
.autor h4 {
    font-weight: 200;
}

/* Contact ---------------------------------------------------------------*/

#contactUs,
#support {
    padding: 10px 20px 0 20px;
}

#map {
    display: block;
    width: 100%;
    height: 400px;
    margin: 0 auto;
    border-bottom: solid 1px #dedede;
    -moz-box-shadow: 0px 5px 20px #eee;
    -webkit-box-shadow: 0px 5px 20px #eee;
    box-shadow: 0px 5px 20px #eee;
}

address {
    line-height: 35px;
}

address i {
    padding-right: 10px;
}

address strong {
    padding-right: 3px;
}

.form-contact input,
.form-contact select {
    margin-bottom: 20px;
}

/* Pricing Tables  -----------------------------------------------------*/

.item-table {
    background-color: #fff;
    border: 1px solid #d2d2d2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    margin-top: 20px;
    border-radius: 5px;
    text-align: center;
    position: relative;
}

.item-table:hover {
    box-shadow: 0px 3px 3px #adadad, 0px 6px 2px rgba(0, 0, 0, 0.1);
}

.table-item-highlighted {
    margin-top: 0;
    padding-bottom: 20px;
    z-index: 99;
}

.tables-together .item-table {
    width: 33%;
    float: left;
}

.tables-together .table-item-highlighted {
    margin-top: 0;
    padding-bottom: 20px;
    width: 34%;
}

.table-header {
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #fafafa 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #fafafa 0%, #f2f2f2 100%);
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    font-size: 30px;
    font-weight: 100;
    letter-spacing: -0.05em;
    line-height: 44px;
    padding: 30px 0 20px 0;
    margin: 0;
    text-shadow: 0 2px #fff;
}

.table-item-highlighted .table-header {
    padding-top: 60px;
    padding-bottom: 20px;
}

.table-tagline {
    background: #f2f2f2;
    background: -moz-linear-gradient(top, #fff 0%, #fcfcfc 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #fcfcfc 100%);
    background: linear-gradient(to bottom, #fff 0%, #fcfcfc 100%);
    border-bottom: 1px solid #ddd;
    color: #ababab;
    font-size: 0.7em;
    font-weight: 400;
    line-height: 2.1em;
    margin-bottom: 4.7em;
    padding-top: 0.1em;
    text-transform: uppercase;
}

.table-price-container {
    min-height: 75px;
    width: 90%;
    margin: 0 auto;
}

.table-price {
    font-weight: 700;
}

.table-price-currency {
    font-size: 1.75em;
    margin-top: -0.7em;
    position: absolute;
    text-align: right;
}

.table-price-whole {
    font-size: 4em;
    margin-left: 19px;
}

.table-price-decimals {
    font-size: 22px;
    margin: -19px 0;
    position: absolute;
}

.table-price-period {
    font-size: 16px;
    text-transform: uppercase;
}

.table-discount {
    width: 100%;
    height: 109px;
    position: absolute;
    top: -40px;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    padding-top: 25px;
}

.table-price-discountinfo {
    color: #ababab;
    font-size: 14px;
    line-height: 24px;
    padding-top: 8px;
    text-align: center;
}

.table-features {
    border-top: 1px solid #ebebeb;
    margin: 2em 0;
}

.table-features-item {
    border-bottom: 1px solid #ebebeb;
    padding: 0.25em;
    font-size: 14px;
}

.table-cta {
    font-size: 0.7em;
    font-weight: bold;
    margin-top: 1em;
    text-transform: uppercase;
}

.button-base {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 3px 0px #adadad, 0px 6px 2px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    margin-bottom: 0.35em;
    padding: 0.8em 2em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
}

.button-base:hover {
    text-decoration: none;
    color: #fff;
    opacity: 0.8;
}

.button-gray {
    background-color: #c1c1c1;
}

.table-shadow-left {
    right: -1px;
}

.table-shadow-right {
    left: -1px;
}

.table-shadow {
    height: 557px;
    margin-top: -279px;
    position: absolute;
    top: 50%;
    width: 10px;
}

/* Register User -----------------------------------*/

.register input {
    border-radius: 0;
    height: 35px;
    margin-bottom: 20px;
    padding: 5px 10px;
    font-size: 13px;
    width: 100%;
}

.register .btn {
    height: auto;
    width: auto;
    float: right;
    border: none;
    padding: 10px 15px;
}

.custom_input_file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    text-align: center;
}

.custom_input_file i {
    font-size: 8em;
}

.custom_input_file .input_file {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 10000px;
    border: 10000px solid transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1000px;
    top: -1000px;
    cursor: pointer;
}

.nav > li > a {
    font-size: 21px;
    margin-right: 8px;
}

.large-tabs > li > a {
    padding: 5px 12px !important;
    font-size: 18px !important;
    /* color: #288EAB !important; */
    color: rgba(255, 255, 255, 0.6) !important;
    font-weight: 400 !important;
    letter-spacing: 0em;
}

.large-tabs > li > a {
    background: rgba(147, 215, 235, 0.19) !important;
}

.badge {
    margin-left: 4px;
    background-color: rgba(147, 215, 235, 0.99);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

.gutschein .badge {
    margin-left: 4px;
    background-color: rgba(129, 187, 53, 0.7);
}

.sticky-wrapper {
    height: 46px !important;
}

.firstPost {
    background: #fff !important;
}

.clear {
    clear: both;
}

.anzeige {
    color: #999;
    font-size: 10px;
    font-weight: normal;
}

/** BB CODES **/
.bbCode_Hightlight {
    margin: 25px 0;
    font-size: 14px;
    color: #84AF22;
    padding: 15px 12px 15px 47px;
    background: #E6F2D2 url(../images/ok.png) .5em .4em no-repeat;
    border: 1px solid #96C24A;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 6px #aaaaaa;
    box-shadow: 0 0 6px #aaaaaa;
    -webkit-box-shadow: 0 0 6px #aaaaaa;
}

.bbCode_Hightlight2 {
    margin: 25px 0;
    background: #fff9ce; /* Old browsers */

    background: -moz-linear-gradient(top, #fff9ce 0%, #fff5a0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff9ce), color-stop(100%, #fff5a0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff9ce 0%, #fff5a0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff9ce 0%, #fff5a0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff9ce 0%, #fff5a0 100%); /* IE10+ */
    background: linear-gradient(to bottom, #fff9ce 0%, #fff5a0 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9ce', endColorstr='#fff5a0', GradientType=0); /* IE6-9 */

    border-bottom: 1px solid #DDDDDD;
    font-size: 14px;
    line-height: 26px;
    padding: 20px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 6px #aaaaaa;
    box-shadow: 0 0 6px #aaaaaa;
    -webkit-box-shadow: 0 0 6px #aaaaaa;
}

.magazin_text_details .bbCode_Hightlight {
    margin: 5px 0 25px 0;
}

.magazin_text_details h1,
.magazin_text_details h2,
.magazin_text_details h3,
.magazin_text_details h4,
.magazin_text_details h5,
.magazin_text_details h6 {
    clear: both;
}

.pvAnbieterLogo {
    width: 100px;
}

.pvFormat {
    font-size: 10px;
    border: 1px solid #999;
    background: #c6c6c6;
    text-align: center !important;
    vertical-align: center !important;
    color: #000 !important;
    -webkit-box-shadow: 4px 1px 2px #c7c7c7; /* webkit browser*/
    -moz-box-shadow: 4px 1px 2px #c7c7c7; /* firefox */
    box-shadow: 4px 1px 2px #c7c7c7;
}

.pvDetailsWindows {
    display: none;
    position: absolute;
    width: 899px;
    padding: 10px;
    height: 250px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    z-index: 400;
    margin-left: -5px;
    overflow: auto;
    -webkit-box-shadow: 4px 6px 12px #dbdbdb; /* webkit browser*/
    -moz-box-shadow: 4px 6px 12px #dbdbdb; /* firefox */
    box-shadow: 4px 6px 12px #dbdbdb;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 0px;
    margin-top: 20px;
}

.pvDetailsWindows h2 {
    background: #fff;
    padding: 7px 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.pvImage {
    width: 85px;
    text-align: center;
}

.pvDetails {
    text-align: left;
    padding: 2px 7px;
    position: absolute;
    margin-left: 0 !important;
}

.pvDetails:hover {
    text-decoration: underline;
}

.pvDetailsActive {
    text-align: left;
    background: #f7f7f7;
    border: 1px solid #ddd;
    border-bottom: 0 !important;
    z-index: 405;
    position: absolute;

}

.pvSeitenWindows {
    display: none;
    position: absolute;
    width: 430px;
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    z-index: 400;
    margin-left: -200px;
    overflow: auto;
    -webkit-box-shadow: 4px 6px 12px #dbdbdb; /* webkit browser*/
    -moz-box-shadow: 4px 6px 12px #dbdbdb; /* firefox */
    box-shadow: 4px 6px 12px #dbdbdb;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 0px;

}

.pvGutscheineWindows {
    display: none;
    position: absolute;
    width: 630px;
    padding: 10px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    z-index: 400;
    margin-left: -450px;
    overflow: auto;
    -webkit-box-shadow: 4px 6px 12px #dbdbdb; /* webkit browser*/
    -moz-box-shadow: 4px 6px 12px #dbdbdb; /* firefox */
    box-shadow: 4px 6px 12px #dbdbdb;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 0px;
}

.pvTopProviders {
    color: rgba(255, 255, 255, 0.7);
}

.pvTopProvidersIcon {
    color: #e2e54e;
}

.magazin_text_details ul li {
    list-style: disc;
    list-style-image: none;
    background: none !important;
    padding-left: 0 !important;
    margin-left: 45px !important;

    line-height: 1.5em !important;
    margin-bottom: 10px !important;
    font-weight: normal !important;
}

.magazin_text, .magazin_text_details ol li {
    list-style-image: none;
    background: none !important;
    padding-left: 0 !important;
    margin-left: 45px !important;

    line-height: 1.5em !important;
    margin-bottom: 10px !important;
    font-weight: normal !important;
}

.quote p:before {
    content: ' " ' ' ';
    font-size: 140%;
    font-style: italic;
    margin: 0 !important;
}

.quote p:after {
    content: ' ' ' " ';
    font-size: 140%;
    font-style: italic;
    margin: 0 !important;
}

.quote {

    text-align: left;
    width: 100%;
    font-size: 120%;
    font-style: italic;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;

}

.quote .frage {
    width: 422px !important;
}

.auButtonStartseite {
    margin-right: 7px;
}

.bbCode_ListeChecked li {
    list-style-image: url(../images/tick.png) !important;
    font-weight: normal !important;
}

.druckbarInlineImg img {
    margin-top: 5px !important;
    line-height: 12px;

}

.dealPreis {
    text-align: right;
}

/*
.anbieterTabelle tr:hover{
    -webkit-box-shadow: 0px -2px 19px #adadad; -moz-box-shadow: 0px -2px 19px #adadad;  box-shadow: 0px -2px 19px #adadad;
}
.anbieterTabelle  tr.at_noshadow:hover{
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
*/

.anbieterTabelle td, .anbieterTabelle th, .anbieterTabelle {
    border: 0 !important;
}

.row-a {
    background: #fff !important;
}

tr.row-a:hover {
    background: #fff !important;
}

.anbieterTabelle th {
    border-bottom: 2px solid #ddd !important;
}

.ta_tr_border {
    border-bottom: 2px solid #ddd !important;
}

.anbieterTabelle th {
    font-weight: bold !important;
    font-size: 12px !important;
}

.anbieterTabelle td {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-size: 12px !important;
    line-height: 15px !important;
}

.at_logo {
    width: 100px;
    border: 1px solid #ddd;
}

.at_th_subheadline {
    font-size: 10px !important;
    font-weight: normal;
}

.at_preis_head {
}

.at_preis_middle a {
    font-size: 20px;
    font-weight: bold;
    color: #777;
}

.at_preis_bottom {
    font-size: 11px;
}

.at_preis_bottom a {
    text-decoration: underline;
}

.at_anbieter_button {
    margin-bottom: 10px;
}

.at_details {
    display: none;
}

.mehr-link {
    padding: 10px !important;
}

.scoreSmall {
    font-size: 14px !important;
    margin-bottom: 5px;
}

#cookies {
    width: 200px;
    margin: 0;
    /* padding: 0.5em 10%; */
    background: rgba(193, 219, 226, 0.95);
    border: solid 1px rgb(225, 225, 225);
    position: fixed;
    right: 10px;
    bottom: 70px;
    display: none;
}

#cookies p {
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin: 4px;
    z-index: 999;
}

#cookies .cookie-accept {
    padding-left: 10px;
    cursor: pointer;
    display: inline;
    float: right;
    color: #d77154;
}

.trust_image {
    margin-right: 28px;
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter: alpha(opacity=50);

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); /* Firefox 4+ */
    filter: #ddd; /* IE 6-9 */
}

.startpage-headline {
    font-size: 36px;
}

@media handheld, only screen and (max-width: 1980px) {
    .item-service-carousel {
        margin: 0 0 0 3%;
    }

    .services-carousel {
        height: 385px;
    }
}

@media handheld, only screen and (max-width: 1680px) {
    .item-service-carousel {
        margin: 0 3% 0 3%;
    }
    .item-service-carousel:hover {
        margin-top: -50px;
    }
}

@media handheld, only screen and (max-width: 1600px) {
    .item-service-carousel:hover {
        margin-top: -38px;
    }
}

@media handheld, only screen and (max-width: 1400px) {
    .trust_image {
        margin-right: 3px;
    }
    .item-service-carousel {
        margin: 0 0 0 7%;
    }
    .item-service-carousel:hover {
        margin-top: -50px;
    }
}

/* ---------------------------------------------------------------------- */
/*   0.5 Version 1024px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 1024px) {
    .trust_image {
        margin-right: 3px;
    }

    /* Nav --------------------------------------------------------------*/
    .sf-menu > li {
        margin: 0 30px 0 0;
    }

    /* Slide Responsive---------------------------------------------------*/
    .camera_wrap {
        height: 300px;
    }

    .style_one,
    .style_two {
        margin-top: 6%;
        position: relative;
    }

    .style_one h1,
    .style_two h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 8px;
    }

    .style_one h1 span,
    .style_two h1 span {
        font-size: 42px;
        line-height: 52px;
    }

    .style_one h1 span span {
        padding-bottom: 15px;
    }

    .style_one p,
    .style_two p {
        margin-bottom: 20px;
    }

    /*  Box Action -------------------------------------------------------*/
    .box-action h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .box-action .button a {
        font-size: 28px;
    }

    /* Carousel services items -------------------------------------------*/
    #services .owl-prev {
        left: 20%;
    }

    #services .owl-next {
        right: 20%;
    }

    .services .owl-item {
        margin-top: 76px;
    }

    h1 {
        font-size: 30px;
        line-height: 40px;
    }

    h2 {
        font-size: 24px;
        line-height: 36px;
    }

    /* Coments - Post -------------------------------------------*/
    .box .name h4 {
        margin-bottom: 0;
    }

    .box p {
        font-size: 14px;
        line-height: 22px;
    }

    /* Title Heading ---------------------------------------------*/
    .titles-heading h1 {
        width: 35%;
    }

    /* Feature Element ------------------------------------------*/
    .feature-element li .cirle-feature {
        width: 65px;
        height: 65px;
    }

    .nav > li > a {
        font-size: 20px;
        margin-right: 12px;
    }

    .sticky-wrapper {
        height: 46px !important;
    }

}

/* ---------------------------------------------------------------------- */
/*   0.6 Version 1000px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 1000px) {

    header {
        position: relative;
    }

    /* Nav Responsive ---------------------------------------------*/
    #menu {
        display: none;
    }

    .tinynav {
        display: inline;
        width: 30%;
        position: absolute;
        top: -27px;
        right: 20px;
        border-radius: 0;
        font-size: 14px;
        padding: 5px 10px;
        border: 1px solid #dbdbdb;
        height: 30px;
    }

    /* Slide Responsive ------------------------------------------*/
    .camera_wrap {
        height: 350px;
        margin-top: 0;
    }

    /* Slide Responsive ------------------------------------------*/
    .camera_wrap {
        height: 300px;
    }

    .style_one,
    .style_two {
        margin-top: 1%;
        position: relative;
    }

    .style_one h1,
    .style_two h1 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0px;
    }

    .style_one h1 span,
    .style_two h1 span {
        font-size: 40px;
        line-height: 40px;
    }

    .style_one h1 span span {
        padding-bottom: 10px;
    }

    .style_one p.lead,
    .style_two p.lead {
        margin-bottom: 15px;
        font-size: 32px;
        line-height: 1.1em;
        margin-top: 15px;
    }

    .style_two .btn,
    .style_one .btn {
        font-size: 13px;
        padding: 5px;
    }

    .style_one .col-md-8,
    .style_two .col-md-8 {
        max-width: 70%;
    }

    .style_two .col-md-4,
    .style_one .col-md-4 {
        width: 32%;
        position: absolute;
        right: 20px;
        top: 18%;
    }

    .style_one .boxes-info {
        display: none;
    }

    /*  Box Action -------------------------------------------------------*/
    .box-action .title {
        width: 100%;
        float: left;
    }

    .box-action .button {
        width: 100%;
    }

    .box-action .lead {
        font-size: 20px;
        line-height: 30px;
        font-weight: 300;
    }

    .box-action .button a {
        font-size: 28px;
    }

    .box-action .button a {
        text-decoration: none;
    }

    /* Title Section ------------------------------------------------------*/
    .title-section {
        margin-top: 0;
    }

    .search {
        /* position: absolute;
        max-width: 30%;
        right: 20px;
        top: -45px; */
    }

    .important-info .title h1 {
        font-size: 120px;
        line-height: 130px;
    }

    aside .search {
        position: relative;
        max-width: 100%;
        right: 0;
        top: 0;
    }

    /* Carousel - Slide-Services ------------------------------------------------------*/
    .animation-services iframe {
        height: 250px
    }

    #slide-services .btn {
        margin-bottom: 30px;
    }

    #slide-services .container {
        /* max-width: 500px; */
        text-align: center;
        margin: 0 auto;
    }

    #slide-team {
        text-align: center;
    }

    #slide-team .meter {
        text-align: left;
    }

    /* Clients ----------------------------------------------------------*/
    .responsive-numbers {
        display: block;
    }

    .clients .title-downloads .responsive-numbers span {
        line-height: 70px;
    }

    .image-clients-downloads li {
        margin-bottom: 10px;
    }

    /* Works ------------------------------------------------------*/
    .item-work,
    .carousel {
        max-width: 480px;
        margin: auto auto;
    }

    .item-work img {
        width: 100%;
    }

    .portfolioContainer .col-md-3,
    .portfolioContainer .col-md-4,
    .portfolioContainer .col-md-2 {
        margin: 0 auto;
        width: 100%;
    }

    .portfolioFilter a {
        line-height: 50px;
    }

    .sitemap {
        margin-bottom: 50px;
    }

    .arrow-comment {
        position: absolute;
        top: -16px;
        width: 100%;
        height: 16px;
        left: 0;
    }

    .info-comment a {
        display: none;
    }

    .child {
        margin: 0 auto;
        width: 80%;
    }

    /* Tables Pricing --------------------------------------------------*/
    .item-table {
        max-width: 500px;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    /* Item Services --------------------------------------------------*/
    .icon-section {
        /* display: none; */
    }

    .item-service {
        text-align: left;
        /* max-width: 350px; */
        margin: 0 auto 30px auto;
    }

    .feature-element li .col-md-7 {
        display: block;
        width: 100%;
        margin-top: 20px;
    }

    .feature-element li .cirle-feature {
        float: none;
    }

    .feature-element li .line-feature {
        width: 80%;
        float: right;
    }

    .border-right {
        border: 0;
        padding-right: 5px;
    }

    .titles-heading h1 {
        width: 50%;
    }

    .boxes-info {
        max-width: 350px;
        /* margin: 0 auto 30px auto; */
        margin: 0 auto 0px auto;
    }

    /* Post - Testimonials ----------------------------------------------*/
    .post-testimonials h3, .box {
        max-width: 480px;
        margin: 0 auto;
        margin-bottom: 0px;
    }

    .box .link {
        margin-top: 5%;
    }

    .box .info {
        border: 0;
        text-align: center;
    }

    .box .date,
    .box .photo {
        max-width: 40%;
        margin: 0 auto;
    }

    .box .col-md-9 {
        text-align: center;
    }

    .box .name h4 {
        border: 0;
    }

    /* Important Info ---------------------------------------------------*/
    .important-info {
        text-align: left;
    }

    .important-info .btn {
        margin-bottom: 20px;
    }

    .jBar .container {
        max-width: 400px;
        margin: 0 auto;
        text-align: left;
    }

    .sticky-wrapper {
        height: 115px !important;
    }
}

/* ---------------------------------------------------------------------- */
/*  0.7 Mobile Version 767px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 768px) {

    .logo img {
        margin-top: -10px;
        width: 35%;
    }

    /* Sponsors ----------------------------------------------------------*/
    #sponsors .owl-prev {
        left: 42%;
    }

    #sponsors .owl-next {
        right: 42%;
    }

    .sponsors h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .sponsors h2 span {
        font-size: 30px;
        line-height: 40px;
    }

    #sponsors {
        margin: 20px 0 80px 0;
    }

    .sponsors .circle {
        left: 45.5%;
    }

    /* Footer ----------------------------------------------------------*/
    footer {
        text-align: center;
    }

    .arrow_footer {
        display: none;
    }

    footer .border-right {
        border: 0;
        border-bottom: 1px solid #333;
        padding: 0 0 20px 0;
        margin-bottom: 20px;
    }

    footer .input-group {
        max-width: 420px;
        margin: 0 auto;
    }

    footer form {
        padding-bottom: 10px;
    }

    footer .social {
        display: table;
        margin: 0 auto;
        text-align: center;
        margin-top: 20px;
    }

    footer .social li {
        margin-bottom: 10px;
    }

    .logo-footer {
        text-align: center;
        float: none;
        padding: 0;
        margin: 0;
    }

    .footer-center .fa-twitter {
        float: none;
        margin-right: 0;
    }

    .important-info .title h1 {
        font-size: 100px;
        line-height: 110px;
    }

    #map {
        display: none;
    }

    /* Tables pricing --------------------------------------------------*/
    .tables-together .item-table {
        max-width: 500px;
        width: 100%;
        float: none;
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .tables-together .item-table img {
        display: none;
    }

    .sticky-wrapper {
        height: 56px !important;
    }

    .HomeTextSlider .camera_wrap {
        height: 140px;

    }
}

/* ---------------------------------------------------------------------- */
/*   8   Version 600px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 600px) {

    /* Slide Responsive ------------------------------------------*/
    .camera_wrap {
        height: 250px;
    }

    .style_one h1,
    .style_two h1 {
        font-size: 15px;
        line-height: 25px;
    }

    .style_one h1 span,
    .style_two h1 span {
        font-size: 38px;
        line-height: 1em;
    }

    .style_one h1 span span {
        padding-bottom: 5px;
    }

    .style_one p.lead,
    .style_two p.lead {
        margin-bottom: 10px;
        font-size: 30px;
        line-height: 1.1em;
    }

    .style_two .btn,
    .style_one .btn {
        font-size: 12px;
        padding: 3px 8px;
    }

    .style_two .col-md-4,
    .style_one .col-md-4 {
        width: 30%;
    }

    .style_two h1 span .border {
        margin-top: 0;
    }

    /*  Box Action -------------------------------------------------------*/
    .box-action {
        /* display: none; */
    }

    .animation-services iframe {
        height: 280px;
    }

    #theme-options {
        opacity: 0;
    }

    .search {
        /* display: none; */
    }

    aside .search {
        display: block;
    }

    .important-info .title {
        bottom: -30px;
    }

    .important-info .title h1 {
        font-size: 70px;
        line-height: 80px;
    }

    /* Works -----------------------*/
    .item-work {
        max-width: 400px;
        margin: 0 auto;
    }

    #works .item-work {
        max-width: 400px;
        margin: 0 auto;
    }

    #works .item-work:first-child {
        margin-left: auto;
    }

    .dealPreis {
        text-align: left;
    }

}

/* ---------------------------------------------------------------------- */
/*   11 Version 480px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 480px) {

    .logo img {
        margin-top: -15px;
        width: 50%;
    }

    .is-sticky header .logo img {
        margin-top: 5px;
        max-width: 50%;
    }

    /* Sponsors ----------------------------------------------------------*/
    #sponsors .owl-prev {
        left: 40%;
    }

    #sponsors .owl-next {
        right: 40%;
    }

    .sponsors .circle {
        left: 42.5%;
    }

    /* Title Section ----------------------------------------------------------*/
    .title-section {
        text-align: center;
    }

    .title-section .subtitle-section {
        display: block;
        height: 33px;
        line-height: 14px;
        left: 0;
        margin: 20px 0 0 0;
    }

    .title-section .title {
        margin: 0;
        border: 0;
    }

    .title-section .title h1 {
        display: block;
        padding: 0;
    }

    .line-title {
        display: none;
    }

    .titles-heading h1 {
        width: 100%;
    }

    .nav > li > a {
        font-size: 16px;
        margin-right: 0px;
    }

    .sticky-wrapper {
        height: 44px !important;
    }

    .dealPreis {
        text-align: left;
    }

}

/* ---------------------------------------------------------------------- */
/*  13 Mobile Version 320px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 320px) {

    .boxes-info h3 {
        font-size: 18px !important;
    }

    /* Slide Responsive ------------------------------------------*/
    .camera_wrap {
        height: 230px;
    }

    .style_one h1,
    .style_two h1 {
        font-size: 13px;
        line-height: 22px;
    }

    .style_one h1 span,
    .style_two h1 span {
        font-size: 30px;
        line-height: 1em;
    }

    .style_one h1 span span {
        padding-bottom: 5px;
    }

    .style_one p.lead,
    .style_two p.lead {
        margin-bottom: 10px;
        font-size: 28px;
        line-height: 1.1em;
    }

    .style_one p.lead strong,
    .style_two p.lead strong {
        font-size: 28px;
        font-weight: 400;
    }

    /* Sponsors ----------------------------------------------------------*/
    #sponsors .owl-prev {
        left: 37%;
    }

    #sponsors .owl-next {
        right: 37%;
    }

    #sponsors li {
        max-width: 120px;
        margin: auto 10px;
    }

    #sponsors li img {
        width: 100%;
    }

    .sponsors .circle {
        left: 40%;
    }

    .titles-heading h1 {
        width: 100%;
    }

    .nav > li > a {
        font-size: 16px;
        margin-right: 0px;
    }

    .sticky-wrapper {
        height: 0 !important;
    }

    .logo img {
        width: 70%;
        margin-top: -25px;
    }

    .is-sticky header .logo img {
        margin-top: 5px;
        max-width: 70%;
    }

    .dealPreis {
        text-align: left;
    }

}

/* ---------------------------------------------------------------------- */
/*  11 Mobile Version 240px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 240px) {
    .dealPreis {
        text-align: left;
    }

    .logo img {
        max-width: 30%;
    }
}

.testberichtButtonListe {
    margin-top: 10px;
    width: 100%;
}

#layout h2 {
    color: #fff;
}

.vorteileListe li, .nachteileListe li {
    font-weight: normal;
    margin-bottom: 10px;
}

.vorteileListe li i, .vorteileListe strong {
    color: #6ab886 !important;
}

.nachteileListe li i, .nachteileListe strong {
    color: #d13d23 !important;
}

.popover {
    min-width: 320px;
    max-width: 700px;
    z-index: 1000;
    background: #278BA8;
}

.popover.right .arrow:after {
    border-right-color: #278BA8 !important;
}

h3.popover-title {
    background: #278BA8;
    color: #fff !important;
    border-bottom: 0 !important;
}

.topAngebot-indicators {
    margin-bottom: -15px;
}

.topAngebot-indicators li {
    border: #fff;
    background: #fff;
}

.topAngebot {
    background: none;
    margin: 10px;
}

.topAngebot .price {
    background: rgba(129, 187, 53, 0.95);
    /*background: rgba(201, 16, 16,0.95);*/
    color: rgba(255, 255, 255, 0.95);
    display: inline;
    float: right;
    font-size: 13px;
    margin-bottom: 0;
    padding: 9px 13px;
    text-align: right;
    padding-right: 28px;
    margin-top: -90px;
    margin-right: -44px;

    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}

.topAngebot .price a,
.topAngebot .price .big {
    color: inherit !important;
    font-size: inherit;
    text-align: inherit;
}

.topAngebot .image {
    margin-bottom: 10px;
}

.topAngebot img.logo {
    border: 1px solid #ddd !important;
}

.topAngebot .text p {
    font-size: 0.9em;
}

.topAngebot .text p a,
.topAngebot .text a,
.topAngebot .text p,
.topAngebot .text span {
    color: inherit !important;
}

.topAngebot .price > .big {
    text-align: center;
    font-weight: 700;
    font-size: 32px;
}

.bewertung {
    text-align: center;
    border: 0;
    font-size: .8em;
}

.bewertung .stars {
    width: 93px;
    margin: 0 auto;
    color: #EAC100;
    font-size: 15px;
}
.bewertung .number {
    width: 100%;
    clear: both;
    text-align: center;
}
.provider-list {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    overflow: inherit !important;
}

.provider-list.Teaser3 {
    overflow: inherit !important;
}

.provider-list .score2 {
    font-size: inherit;
    color: inherit;
}

.provider-list .logo img {
    margin: 0;
}

.provider-list .logo {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    line-height: 15px;
}

.provider-list .details h2 {
    font-size: 18px;
}

.provider-list .details a {
    font-weight: 500;
    color: #777;
}
.provider-list .details a.btn {
    color: #fff;
}

.provider-list .details li {
    font-size: .9em;
}

.provider-list .link {
    text-decoration: underline;
    cursor: pointer;
}

.provider-list .link-wrapper {
    margin: 20px 0;
    color: #777;
    font-size: 12px;
}

.provider-list .price {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 10px;
}

.provider-list-details {
    clear: both;
    padding-top: 20px;
    display: none;
}
.text-center {
    text-align: center !important;
}
.GutscheineLogos {
    background: #fff !important;
    min-height: 160px;
    line-height: 16px !important;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

#gutscheinAnbieter li {
    list-style: none;
    background: none !important;
    padding-left: 0 !important;
    float: left;
    width: 140px;
    text-align: center;
    margin-right: 41px !important;
    margin-bottom: 20px !important;
}

#gutscheinAnbieter li a {
    font-size: 0.8em;
}

#gutscheinAnbieter .rating {
    padding: 0;
}

#gutscheinAnbieter .rating p {
    padding: 0;
    font-size: 10px;
}

#gutscheinAnbieter .rating strong {
    font-size: 18px;
}

#author {
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 15px 0;
    padding: 4px;
}

#author_image {
    float: left;
    margin: 15px;
}

#author_text {
    float: left;
    margin-top: 11px;
    width: 486px;
}

.bbCode_Experte {
    background: #476068;
    color: #eee;
    border: 1px solid #364144;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
    font-size: 0.8em;
    font-weight: normal;

}

.bbCode_Experte h4 {
    color: #eee !important;
    font-family: 'Dosis', serif;
    font-size: 25px !important;
    line-height: 26px;
    margin-bottom: 12px !important;
}

.bbCode_Experte a {
    color: #fff !important;
}

.bbCode_Experte .zitat {
    font-family: 'Dosis', serif;
    font-size: 1.6em;
}

#experte_left {
    float: left;
    width: 150px;
}

#experte_right {
    float: right;

    width: 415px;
}

.colorGray {
    color: #999;
}

.table h2 {
    font-size: 16px !important;
}

.develop {
    font-size: small;
    width: 200px;
    padding: 5px;
    text-align: center;
    color: #fff;
    background: #d22f53;
    position: absolute;
    left: 0;
    top: 0;
}

.colorGray {
    color: #999;
}

.table h2 {
    font-size: 16px !important;
}

.develop {
    font-size: small;
    width: 200px;
    padding: 5px;
    text-align: center;
    color: #fff;
    background: #d22f53;
    position: absolute;
    left: 0;
    top: 0;
}

.yes {
    color: #7DA939;
    font-size: 25px !important;
}

.no {
    color: #8E2819;
    font-size: 25px !important;
}

.toolboxRight {
    float: right;
    margin-right: 10px;
    font-size: 16px !important;
}

.labelBewertungSmall {
    height: 30px;
    line-height: 32px;
    margin-right: 30px !important;
}

.labelBewertungSmall {
    cursor: pointer;
}

.showFormat {
    display: none;
}

.Teaser3.overflowNo {
    overflow: inherit !important;
}

.tooltipp {
    cursor: help;
}

.tooltip-inner {
    min-width: 300px;
}

.smallHeadlineText {
    font-size: 14px !important;
    font-weight: normal !important;
}

.promotion img {
    /*  width: 100%; */
}

.alertWrapper {
    padding: 10px;
}

#Bewertungsformular h4 {
    margin-left: -8px;
}

#anbieterInfoBox {
    top: 25%;
    outline: none;
}

.modal-adversting {
    font-size: 10px !important;
    margin-right: 20px;
    line-height: 10px;
}

#anbieterInfoText {
    width: 100%;
    height: 150px !important;
    margin-bottom: 15px;
    overflow: auto;
}

/* Neue Stile ---------------------------------------------*/

.fbbSlider #slide-services .container {
    text-align: left !important;
}

.fbbSlider .owl-pagination {
    display: none !important;
}

.fbbSlider .owl-carousel .owl-item {
    padding: 0px;
}

.fbbSlider #slide-services .owl-controls, #works .owl-controls {
    margin-top: 0px !important;
}

.bgSlider {
    background: #1e7992;
    margin: 0 auto;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#1e7992), to(#CFE5EB));
    background-image: -webkit-linear-gradient(top, #1e7992, 0%, #CFE5EB, 100%);
    background-image: -moz-linear-gradient(top, #1e7992 0%, #CFE5EB 100%);
    background-image: linear-gradient(to bottom, #1e7992 0%, #CFE5EB 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e7992', endColorstr='#CFE5EB', GradientType=0);
}

/* Ergänzung - Eigene Stile ---------------------------------------------*/

.fontsize10 {
    font-size: 10px !important;
}

.fontsize11 {
    font-size: 11px !important;
}

.fontsize12 {
    font-size: 12px !important;
}

.Col1-80 {
    color: rgba(40, 142, 171, 0.8) !important;
}

.Col1-60 {
    color: rgba(40, 142, 171, 0.6) !important;
}

.Col1-40 {
    color: rgba(40, 142, 171, 0.4) !important;
}

.Col1-20 {
    color: rgba(40, 142, 171, 0.2) !important;
}

.Col2-80 {
    color: rgba(215, 113, 85, 0.8) !important;
}

.Col2-60 {
    color: rgba(215, 113, 85, 0.6) !important;
}

.Col2-40 {
    color: rgba(215, 113, 85, 0.4) !important;
}

.Col2-20 {
    color: rgba(215, 113, 85, 0.2) !important;
}

.Col4 {
    color: rgba(240, 173, 78, 1) !important;
}

.bgCol0 {
    background-color: rgba(255, 255, 255, 1) !important;
}

.bgCol0-80 {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.bgCol0-60 {
    background-color: rgba(255, 255, 255, 0.6) !important;
}

.bgCol0-40 {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

.martop-10 {
    margin-top: -10px !important;
}

.martop-15 {
    margin-top: -15px !important;
}

.martop-20 {
    margin-top: -20px !important;
}

.martop-25 {
    margin-top: -25px !important;
}

.martop-30 {
    margin-top: -30px !important;
}

.martop-35 {
    margin-top: -35px !important;
}

.martop-40 {
    margin-top: -40px !important;
}

.martop-45 {
    margin-top: -45px !important;
}

.dealPreis {
    text-align: right;
}

h4, .h4 {
    font-size: 20px;
}

.sub {
    font-size: 11px !important;;
    font-weight: normal !important;
    top: -1em;
}

.hackentab_grau {
    color: #666;
}

.smallLabel {
    font-size: 12px;
}

#formAnbieterListe select, #formAnbieterListe input {
    font-size: 12px;
}

#formAnbieterListe .anbieterFormWrapper {
    margin-bottom: 0 !important;
}

.StartseiteAnbieterDetails p, .left_column, .left_column p, .right_column, .right_column p {
    font-size: 12px !important;
}

.StartseiteAnbieterDetails h3 {
    font-size: 18px !important;
}

.StartseiteAnbieterDetails h3 {
    font-size: 18px !important;
}

.StartseiteAnbieterDetails.Teaser1 p {
    font-size: 12px !important;
}

.bestellfristen_versandkosten {
    font-size: 10px;
    font-weight: normal;
}

.bestellfristen_versandkosten {
    font-size: 10px;
    font-weight: normal;
}

.bfGutscheine .pvGutscheineWindows {
    width: 512px !important;
    margin-left: -351px !important;
}

.bfGutscheine h2 {
    margin: 0 !important;
}

.bfGutscheine .GutscheinListe li {
    width: 520px !important;
    background: #ff0000 !important;
    border-top: 1px solid #ddd !important;

    border-bottom: 1px solid #ddd !important;
}

.bfGutscheine .GutscheinSeconde {
    background: #ff0000 !important;
}

.bfGutscheine #tag_gutschein_right {
    width: 95px !important;
}

.bfGutscheine #tag_gutschein_left h3 {
    margin: 0 !important;
}

.bfGutscheine #beschreibung, .bfGutscheine #bedigungen {
    font-weight: normal !important;
}

.bfGutschein#tag_gutschein_wert {
    font-size: 27px !important;
}

.bfGutschein h2 {
    font-size: 20px !important;
}

.invisible {
    display: none;
}

.bfFineshed td {
    color: #798589 !important;
}

.bfLastDay td {
    color: #980C0D !important;
}

.fa-green {
    color: #80B15E !important;
}

.fa-red {
    color: #820015 !important;
}

.bfButton {
    text-align: right;
}

.bfButton .buttonGreen {
    font-size: 11px !important;
    color: #fff !important;
    padding: 0 14px !important;
}

.blockquote {
    font-weight: bold;
    font-size: 20px;
    font-style: italic;
    padding-right: 5px;
    padding-left: 0 !important;
    font-weight: normal;
}

.weiterButton {
    width: 125px;
}

.underline {
    text-decoration: underline;
}

.lead {
    font-size: 20px;
}

.navbar-mobile .logo{
    max-width: 60%;
    margin-top: 5px;
}
.navbar-mobile .navbar-toggle {
    border: 1px solid  #73aebc;
}
.navbar-toggle .icon-bar {
    background: #73aebc;
}

.navbar-mobile .nav > li > a {
    padding: 10px;
    display: block;
}
.filter {
    font-size: 18px;
}
.filter .navbar-toggle {
    margin: 0;
    margin-right: 15px;
}
.appstore-button {
    display: block;
    text-align: center;
    margin-top: 10px;
}
.appstore-button img{
    height: 50px;
    width: auto;
    margin: 0 auto;
}