@charset "utf-8";
/*Hier kommen die ganzen Styles hinein,
damit es im Quellcode nicht so ueberladen ist*/
#before-content .column-content-wrapper { float: none; }
.carousel-inner > .item > img, .img-responsive  { display: none !important; }
.services > div > img { display: block !important; }
.carousel .item {
    background-image: url("https://www.my-iphonebox.de/reparatur/img/iphone-raparatur-slide.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

        html, body {
            position: relative;
            overflow-x: hidden;
        }
        .navbar {
            font-size: 1.5rem;
            padding: 1rem;
            border: 0;
        }
        .navbar-fixed-top .navbar-nav > li > a {
            color: rgba(102,102,102,0.85);
            font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
            font-weight: bold;
            padding: 1rem;
            border-bottom: 1px solid #FFF;
            margin-right: 0.5rem;
			margin-top: 0.5rem;
			margin-bottom: 0.5rem;
        }
        .navbar-fixed-top .navbar-nav > .active > a {
            font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
            font-weight: bold;
            color: rgba(17,17,17,0.85);
            padding: 1rem;
            background-color: #FFF !important;
        }
        
        .navbar-fixed-top .navbar-nav>.active>a:hover {
            font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
            font-weight: bold;
            color: rgba(17,17,17,0.85);
            padding: 1rem;
            background-color: #FFF !important;
        }
        
        .navbar-fixed-top .navbar-nav>.active>a:focus {
            font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
            font-weight: bold;
            color: rgba(17,17,17,0.85);
            padding: 1rem;
            background-color: #FFF !important;
        }

        .navbar-fixed-top .navbar-nav>li>a:hover {
            font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
            font-weight: bold;
            color: rgba(17,17,17,0.85);
            padding: 1rem;
        }
        
        .navbar-fixed-top .navbar-nav>li>a:focus {
            font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
            font-weight: bold;
            color: rgba(17,17,17,0.85);
            padding: 1rem;
        }
        .navbar-fixed-top .navbar-nav>li>a:active {
            font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
            font-weight: bold;
            color: rgba(17,17,17,0.85);
            padding: 1rem;
        }
		#navigation .navbar-nav { 
 			width: 100%;
  			text-align: center;
}
    	#navigation .navbar-nav	> a {
      		padding-left: 30px;
      		padding-right: 30px;
    	}
        ol {
            list-style-image: url('img/list_item.png');
            margin-left: -2.5rem;
            font-size: 1.3rem;
        }
        .background1, .background1>a, .background1>a:hover, .background1>a:active, .background1>a:default, .background1>a:focus {
            color: #222 !important;
            background-color:#FFF !important;
        }
        .background1 {
            color: #222 !important;
            background-color:#FFF !important;
        }
        .background2 {
            color: #222 !important;
            background-color:#F8F8F8 !important;
        }
        .background3 {
            color: #222 !important;
            background-color:#f5f5f5;
		}
		.background4 {
			color: #222 !important;
			background-color: #eeeeee;
        }
        .spaced-top {
            padding-top: 5rem;
        }
        .spaced-all {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }
        .icon-bar  {
            color: #fff !important;
            background-color: #222 !important;
        }
        .navbar-toggle {
            color: black !important;
            border: 0px;
            background-color: #c8c844!important;
            background-repeat: repeat;
			border: 1px solid #CCC;
        }
        .full-width {
            margin: 0 -9999rem;
            padding: 0.25rem 9999rem;
        }
        .row {
            font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
            font-weight: 300;
            color: #222;
        }
        h1,h3,h4,h5 {
            font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
            font-weight: 300;
        }

        .white-line {
            border-top: 2px solid white;
            width:3.7rem;
            margin-left: 1.5rem;
            margin-top: -1.2rem;
        }
        .black-line {
            border-top: 2px solid black;
            width:3.7rem;
            margin-left: 1.5rem;
            margin-top: -1.2rem;
        }
        @media (max-width: 993px) {
            .mobile-invisible {
                display: none;
            }
            .mobile-visible {
                display: block;
            }
        }
        @media (min-width:993px)  {
            .mobile-visible {
                display: none;
            }
            .mobile-invisible {
                display: block;
            }
        }

        .img-gallery { width:100%; padding-bottom: 2.5rem;}
/*Top-Bar*/
		.top-bar {
  background-color: #FFF;
  border-bottom: 1px solid #ddd;
  padding: 0 15px;
}
.top-bar .contact-details li {
  display: inline-block;
  padding: 8px 0;
}
.top-bar .contact-details li a {
  font-size: 14px;
  display: block;
  margin-right: 15px;
  color: #999;
  line-height: 32px;
}
.top-bar .contact-details li a i {
  padding-right: 5px;
  vertical-align: middle;
}
.top-bar ul.social-list {
  float: right;
  padding: 8px 0;
}
/*Social link css*/
ul.social-list li {
  float: left;
  list-style: none;
  margin-left: 6px;
}
ul.social-list li a {
  display: inline-block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
ul.social-list li a:hover {
  color: #fff;
}
ul.social-list li a.facebook:hover {
  background-color: #507CBE;
}
ul.social-list li a.twitter:hover {
  background-color: #63CDF1;
}
ul.social-list li a.google:hover {
  background-color: #F16261;
}
ul.social-list li a.dribbble:hover {
  background-color: #E46387;
}
ul.social-list li a.linkdin:hover {
  background-color: #90CADD;
}
ul.social-list li a i {
  font-size: 1em;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.social-link a {
  display: inline-block;
  margin-right: 5px;
}
.social-link a i {
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 0px;
  height: 38px;
  line-height: 36px;
  width: 38px;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.social-link .facebook i {
  background: #5D82D1;
}
.social-link .twitter i {
  background: #40BFF5;
}
.social-link .google i {
  background: #EB5E4C;
}
.social-link .linkedin i {
  background: #1985BC;
}
@media (max-width: 767px) {
.nav.navbar-nav {
	display: block !important;
	}
}
.affix ~ .container-fluid {
   position: relative;
   top: 128px;
  }
.social-list p {
	color: #999;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif;
	padding-left: 6px;
		}
.logo {
	padding: 15px;
		}
@media (min-width: @screen-sm-min) { 
	.social-list {
		float: none !important;
		display: flex; 
		justify-content: center; 
		flex-wrap: wrap;
	} 
}
.devider {
	text-align: center;
	}
		.footer-links {
			border-bottom: 1px solid #ddd;
		}
.links a, .links a:visited {
	color: #c0bd34;
}
.links a:hover, .links a:focus {
	color: #222;
	text-decoration: underline;
}
.fa::before {
    color: #575757;
}
.fa:hover {
    color: #c0bd34 !important;
}

.myButton {
	background-color:transparent;
	border:2px solid #c9c744;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:17px;
	padding:3px 28px;
	text-decoration:none;
}
.myButton:hover {
	background-color:transparent;
}
.myButton:active {
	position:relative;
	top:1px;
}
.list-square {
	list-style: square;	
}
/*Slider kleine Bilder*/
.carousel {
    margin-bottom: 0;
    padding: 0;
}
/* The controlsy */
.carousel-control {
    height: auto;
	width: 40px;
	background: none;
	color: #ccc;
}
.carousel-control.right, .carousel-control.left {
	background: none;
	position: absolute;
}
/* The indicators */
.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0;
	margin-right: -19px;
}
/* The colour of the indicators */
.carousel-indicators li {
	background: #cecece;
}
.carousel-indicators .active {
background: #428bca;
}
#Carousel2 .caption {
	text-align: center;
}
/*ENDE*/
.columns6 .thumbnail {
	background: none;
	border: none;
}
@media (max-width: 767px) {
    .top-bar {
        text-align: center !important;
	}
	.carousel {
		padding: 0 0 30px 0 !important;
	}
}
.modal-dialog {
    top: 70px;
}
/*navbar*/
@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}
.navbar {
    min-height: 80px;
}
.navbar-brand {
    height: 50px;
    font-size: 18px;
    line-height: 20px;
	padding: 0;
}
.navbar-fixed-top {
    background-color: #ffffff;
    border-bottom: 1px solid #c7c4c4;

}
.navbar-brand > img {
    display: inline;
}
/*ENDE*/
.badge {
    background-color: #c8c844;
    margin-bottom: 5px;
}
.navbar-right {
    margin-top: 15px;
}
@media screen and (max-width: 480px) {
	.navbar-right li {
		text-align: center;
	}
}
.navbar-fixed-top .navbar-nav > .open > a, .navbar-fixed-top .navbar-nav > .open > a:hover, .navbar-fixed-top .navbar-nav > .open > a:focus {
    background-color: #fff;
	border: 0;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
@media screen and (max-width: 600px) {
	.dropdown:hover .dropdown-menu {
		display: contents;
	}
}
#side-menu .contents {
    margin-top: 30px;
}
.dropdown-menu {
	min-width: 400px;
}
.dropdown-menu li a {
	color: rgba(102,102,102,0.85);
}
.dropdown-menu li a:hover {
	color: rgba(17,17,17,0.85);
	text-decoration: none;
}
/* YouTube Video 100% responsive on page Start / by Richard Kircher (c)2018/ www.richukunst.ch */
.youtube-container-100 {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 0;
height: 0; 
overflow: hidden;
box-shadow: 0px 13px 14px 0px rgba(50, 50, 50, 0.81);
}
.youtube-container-100 iframe,
.youtube-container-100 embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* YouTube Video 100% responsive on page End / by Richard Kircher (c)2018/ www.richukunst.ch */

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
}
.row.display-flex > [class*='col-'] {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.review-item {
    margin: 0 5px !important;
}
/*ZUSATZ NAVIGATION*/

.navbar-nav > li > a {
    color: #222;
    text-transform: uppercase;
	font-family: "Lato", sans-serif !important;
}

/*SLIDER NEU 16-09-2020*/
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 1;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 600px;
  background-color:#555;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-height: 600px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-left: 15px;
  padding-right: 15px;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-left: 10px;
  margin-right: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
.featurette {
  padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
  overflow: hidden; /* Vertically center images part 2: clear their floats. */
}
.featurette-image {
  margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
}

/* Give some space on the sides of the floated elements so text doesn't run right into it. */
.featurette-image.pull-left {
  margin-right: 40px;
}
.featurette-image.pull-right {
  margin-left: 40px;
}

/* Thin out the marketing headings */
.featurette-heading {
  font-size: 50px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}



/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Remve the edge padding needed for mobile */
  .marketing {
    padding-left: 0;
    padding-right: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
    margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
  }
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

}

/*SIDER CONTENT*/

.carousel .is-divider {
	margin-top: 1em;
	margin-bottom: 1em; }
.carousel .is-divider {
    margin-left: auto;
    margin-right: auto;
}
.carousel .is-divider {
    height: 3px;
    display: block;
    background: rgba(255,255,255,0.3);
    width: 30px;
}
.carousel .btn-primary:hover {
    color: #666 !important;
    background-color: #fff;
    border-color: #fff;
}
.carousel .btn-primary {
    color: #fff !important;
    background-color: transparent;
    border: 2px solid #fff;
}
.carousel .fa::before {
    color: unset;
}
.carousel-indicators .active {
    background: #c8c844;
}
.carousel-caption {
    bottom: 0px;
}
.carousel-caption .btn {
    margin-right: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/*FONTS*/

.carousel h3 { font-family: "Dancing Script", serif; font-size: 2em;}
.carousel h1 { font-weight: 900; font-size: 3.5em; font-family: "Lato", sans-serif;}
.carousel h4 { font-size: 1.5em; font-weight: 900; font-family: "Lato", sans-serif;}

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato/lato-v17-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Lato Hairline'), local('Lato-Hairline'),
       url('../fonts/lato/lato-v17-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato/lato-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato/lato-v17-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'),
       url('../fonts/lato/lato-v17-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato/lato-v17-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Light Italic'), local('Lato-LightItalic'),
       url('../fonts/lato/lato-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato/lato-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Italic'), local('Lato-Italic'),
       url('../fonts/lato/lato-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato/lato-v17-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
       url('../fonts/lato/lato-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/lato/lato-v17-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Lato Black Italic'), local('Lato-BlackItalic'),
       url('../fonts/lato/lato-v17-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato/lato-v17-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Lato Black'), local('Lato-Black'),
       url('../fonts/lato/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}
/* dancing-script-regular - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/dancing-script/dancing-script-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dancing-script/dancing-script-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script/dancing-script-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script/dancing-script-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script/dancing-script-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script/dancing-script-v15-latin-regular.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* dancing-script-500 - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/dancing-script/dancing-script-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dancing-script/dancing-script-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script/dancing-script-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script/dancing-script-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script/dancing-script-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script/dancing-script-v15-latin-500.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* dancing-script-600 - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/dancing-script/dancing-script-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dancing-script/dancing-script-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script/dancing-script-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script/dancing-script-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script/dancing-script-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script/dancing-script-v15-latin-600.svg#DancingScript') format('svg'); /* Legacy iOS */
}

/* dancing-script-700 - latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/dancing-script/dancing-script-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/dancing-script/dancing-script-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/dancing-script/dancing-script-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/dancing-script/dancing-script-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/dancing-script/dancing-script-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/dancing-script/dancing-script-v15-latin-700.svg#DancingScript') format('svg'); /* Legacy iOS */
}
.thumbnail a > img { max-width: 230px; }

/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	height:320px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:180px;
	height:100%;
	text-align:center;
}
.ca-more{
	position: absolute;
	bottom: 10px;
	right:0px;
	padding:4px 15px;
	font-weight:bold;
	background: #ccbda2;
	text-align:center;
	color: white;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	text-shadow:1px 1px 1px #897c63;
}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(../images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	padding:20px;
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	background:#fff;
	overflow:hidden;
	/* expands to width of the wrapper minus 1 element -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);*/
}
.ca-icon{
	width:233px;
	height:189px;
	position:relative;
	margin:0 auto;
	background:transparent url(../images/animal1.png) no-repeat center center;
}
.ca-item-2 .ca-icon{
	background-image:url(../images/animal2.png);
}
.ca-item-3 .ca-icon{
	background-image:url(../images/animal3.png);
}
.ca-item-4 .ca-icon{
	background-image:url(../images/animal4.png);
}
.ca-item-5 .ca-icon{
	background-image:url(../images/animal5.png);
}
.ca-item-6 .ca-icon{
	background-image:url(../images/animal6.png);
}
.ca-item-7 .ca-icon{
	background-image:url(../images/animal7.png);
}
.ca-item-8 .ca-icon{
	background-image:url(../images/animal8.png);
}
.ca-item h3{
	font-family: 'Coustard', sans-serif;
	text-transform:uppercase;
	font-size:30px;
	color:#000;
	margin-bottom:20px;
	height:85px;
	text-align:center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
.ca-item h4{
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #b0ccc6;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}
.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	background:#b0ccc6;
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:440px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
}
.ca-content{
	width:660px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 14px;
	font-style: italic;
	font-family: "Georgia","Times New Roman",serif;
	margin:10px 20px;
	padding:10px 20px;
	line-height:24px;
}
.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:25px 20px 0px 35px;
	font-size:32px;
	padding-bottom:5px;
	color:#000;
	font-family: 'Coustard', sans-serif;
	color:#60817a;
	border-bottom:2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	float:left;
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#000;
	padding:3px 6px;
	font-size:14px;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#000;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}


@media (min-width: 750px) {
.thumbnail {height:720px;}
}

@media (min-width: 1000px) {
.thumbnail {height:800px;}
}

@media (min-width: 1200px) {
.thumbnail {height:720px;}
}

@media (min-width: 750px) {
.thumbnail-overview {height:350px;
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out; }
}

@media (min-width: 1000px) {
.thumbnail-overview {height:350px;
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out; }
}

@media (min-width: 1200px) {
.thumbnail-overview {height:350px;
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out; }
}