/*

Theme Name: Luftaufnahmen Profi

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/









@font-face {

    font-family: 'robotoblack';

    src: url('roboto-black.woff2') format('woff2'),

         url('roboto-black.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoblack_italic';

    src: url('roboto-blackitalic.woff2') format('woff2'),

         url('roboto-blackitalic.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotobold';

    src: url('roboto-bold.woff2') format('woff2'),

         url('roboto-bold.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotobold_italic';

    src: url('roboto-bolditalic.woff2') format('woff2'),

         url('roboto-bolditalic.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoitalic';

    src: url('roboto-italic.woff2') format('woff2'),

         url('roboto-italic.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotolight';

    src: url('roboto-light.woff2') format('woff2'),

         url('roboto-light.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotolight_italic';

    src: url('roboto-lightitalic.woff2') format('woff2'),

         url('roboto-lightitalic.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotomedium';

    src: url('roboto-medium.woff2') format('woff2'),

         url('roboto-medium.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotomedium_italic';

    src: url('roboto-mediumitalic.woff2') format('woff2'),

         url('roboto-mediumitalic.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotoregular';

    src: url('roboto-regular.woff2') format('woff2'),

         url('roboto-regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotothin';

    src: url('roboto-thin.woff2') format('woff2'),

         url('roboto-thin.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'robotothin_italic';

    src: url('roboto-thinitalic.woff2') format('woff2'),

         url('roboto-thinitalic.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}







































/* Light */

/*@font-face {

	font-family: "Roboto Condensed";

	font-style: normal;

	font-weight: 300;

	src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url("RobotoCondensed-Light.ttf") format('truetype');

}

@font-face {

	font-family: "Roboto Condensed";

	font-style: italic;

	font-weight: 300;

	src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url("RobotoCondensed-LightItalic.ttf") format('truetype');

}*/



/* Normal */

/*@font-face {

	font-family: "Roboto Condensed";

	font-style: normal;

	font-weight: 400;

	src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url("RobotoCondensed-Regular.ttf") format('truetype');

}

@font-face {

	font-family: "Roboto Condensed";

	font-style: italic;

	font-weight: 400;

	src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url("RobotoCondensed-Italic.ttf") format('truetype');

}*/



/* Bold */

/*@font-face {

	font-family: "Roboto Condensed";

	font-style: normal;

	font-weight: 700;

	src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("RobotoCondensed-Bold.ttf") format('truetype');

}

@font-face {

	font-family: "Roboto Condensed";

	font-style: italic;

	font-weight: 700;

	src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url("RobotoCondensed-BoldItalic.ttf") format('truetype');

}



@font-face {

    font-family: 'Roboto';

    src: url('Roboto-ThinItalic-webfont.eot');

    src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),

         url('Roboto-ThinItalic-webfont.woff') format('woff'),

         url('Roboto-ThinItalic-webfont.ttf') format('truetype'),

         url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 

    font-weight: 200;

    font-style: italic;

}

*/





body {
  font-family: "Roboto",arial,tahoma,sans-serif !important;
}



body {

  color: #4d4d4d;

  font-size: 13px;

  /*font-family: "Roboto",arial,tahoma,sans-serif !important;*/

  font-weight: 300;

}



.slider-img > img {

  width: 100%;

}

.logo-block img {

  padding: 0px 0;

  width: 200px;

}

.header-info li {

  color: #4d4d4d;

  float: left;

  font-size: 18px;

  list-style: outside none none;

  padding: 28px 0 25px 40px;

}

.header-info {

  float: right;

}

.footer-bg {

  text-align: center;

}

.footer-bg {

  background: #f5f5f5 none repeat scroll 0 0;

  color: #4d4d4d;

  font-size: 16px;

  margin-top: 20px;

  padding: 22px 0;

  text-align: center;

}

.header-info a {

  color: #747474;

}

.header-contact-info > a:hover {

  color: #333;

  text-decoration: none;

}

.well {

  background-color: #f5f5f5;

  border: 1px solid #e3e3e3;

  border-radius: 4px;

  box-shadow: 0 0 6px #dadada;

  margin-bottom: 20px;

  min-height: 420px;

  padding: 19px;

}

.wpcf7-form input {

  border: 1px solid #ccc;

  border-radius: 5px;

  color: #333;

  font-size: 17px;

  font-weight: normal;

  padding: 5px;

  width: 80%;

}

.wpcf7-form textarea {

  border: 1px solid #ccc;

  border-radius: 5px;

  color: #7b7b7b;

  font-size: 17px;

  font-weight: normal;

  height: 100px;

  padding: 0 5px;

  width: 80%;

}

.wpcf7 label {

  color: #333;

  font-size: 16px;

  width: 100%;

}

.wpcf7 textarea {

  width: 80%;

}

.wpcf7-form-control.wpcf7-submit:hover {

  color: #333;

  border: 2px solid #eb0000;

}

.wpcf7-form-control.wpcf7-submit {

  border-radius: 2px;

  font-size: 20px;

}

.contact-head {

  color: #4d4d4d;

  font-size: 24px;

  margin-bottom: 20px;

  padding: 0 0 5px;

}

.row.diff-offer > h2 {

  color: #333;

  margin: 0 auto;
  
  font-size: 36px;

  padding: 70px 0 10px;

  text-align: center;

}

.row.diff-offer > p {

  color: #4d4d4d;

  font-size: 19px;

  padding: 30px 0;

  text-align: center;

}

.about-drone {

  text-align: center;

  width: 100%;

}

.contact-txt {

  color: #4d4d4d;
  
  font-size: 18px;
  
}

.header-contact-info > span {

  color: #747474;

}

.header-contact-info > a {

  color: #4d4d4d;
  
  font-size: 18px;

}

.footer-top h2 {

  color: #333;

  text-align: center;

}

.footer-top p {

  color: #747474;

  text-align: center;

}

.footer-top {

  border-top: 1px solid #ccc;

  margin-top: 60px;

  padding-top: 10px;

}

.panel-body img {

  float: left;

  height: 150px;

  padding-right: 20px;

  width: 200px;

}

.view.view-tenth > img {

  height: 175px;

  width: 100%;

}

.service h2 {

  color: #333;

  margin: 0 auto;
  
  font-size: 36px;

  padding: 90px 0 10px;

  text-align: left;

}

.contact-align h2 {

  color: #333;

  margin: 0 auto;
  
  font-size: 36px;

  padding: 90px 0 10px;

  text-align: center;

}

.mask > h2 {

  margin: 0 auto !important;

  width: 100%;

}

.panel-group {

  padding-top: 10px;

}

.panel-title > a {

  color: #333 !important;

}

.panel-title a:hover {

  text-decoration:none;

}

.panel-body {

  color: #747474;

}

.logo-block img {

  height: 74px !important;

  width: 200px !important;

}









/***********************new************************/

.header-info span {

  color: #eb0000;

}

.row.diff-offer > hr {

  border: 1px solid #f00;

  color: #f00 !important;

  margin: 0 auto;

  text-align: center;

  width: 2%;

}

.service hr {

  border: 1px solid #f00;

  color: #f00 !important;

  margin: 0 auto;

  text-align: center;

  width: 2%;

}

.contact-align hr {

  border: 1px solid #f00;

  color: #f00 !important;

  margin: 0 auto;

  text-align: center;

  width: 2%;

}

.row.well {

  margin-top: 5px;

}

input[type="submit"], input[type="button"], button, .button {

  background: #fcfcfc none repeat scroll 0 0;

  border: 2px solid #dadada;

  border-radius: 5px !important;

  color: #333;

  cursor: pointer;

  font-size: 0.875rem;

  font-weight: 300;

  margin-top: 20px;

  padding: 12px 20px;

  transition: border-color 0.5s ease-in 0s;

}

.well hr {

  float: left;

  margin-top: -17px !important;

  width: 5% !important;

}

.header-contact-info {

  color: #eb0000;

}

.footer-bg > a {

  color: #eb0000;

  text-decoration: underline;

  transition: color 0.5s ease-in 0s;

}

#accordionPro14.light {

  border-width: 0 !important;

  margin-top: 5px;

}

#accordionPro14.vertical .slide > h2 span {

  padding-left: 10px !important;

  text-align: left !important;

}

#accordionPro14.light .slide > h2 span {

  box-shadow: 0 0 6px #dadada !important;

  color: #333 !important;

  font-size: 18px !important;

  font-weight: 600;

}

.textwidget {

  color: #4d4d4d;

  font-size: 18px;

  text-align: justify;

}

#accordionPro14.vertical.dark, #accordionPro14.vertical.light {

  border: 1px solid #ccc !important;

  padding: 0 !important;

}

.panel-body img {

  float: left;

  height: 150px;

  padding: 10px !important;

  width: 200px;

}

.panel-body {

  color: #4d4d4d !important;

  font-size: 18px !important;

}

#accordionPro14 .slide > h2 span {

  -moz-user-select: none;

  display: block;

  height: 97% !important;

}

.panel-body > p {

  padding-top: 5px !important;

}

#accordionPro14.light {

  box-shadow: 0 0 6px #bababa !important;

}

.slide.selected > h2 {

  border: 1px solid #eb0000 !important;

  width: 100% !important;

}

.my-popup {

  margin: 7.79% auto;

}

#accordionPro14.light .slide > h2 span {

  background: #f8f8f8 none repeat scroll 0 0 !important;

}

.close {

  opacity: 0.7;

}

.about-drone > img {

  width: 100%;
  
}

.lastfooter {

  text-align: center !important;
  
  font-size: 18px;
  
}

.contact-txt > a {

  color: #eb0000;
  
  font-size: 17px;
  
}

.lastfooter > a {

  color: #eb0000;
  
}

.lastfooter a {

  color: #eb0000;
  
}

.footer-top h2 {

    font-size: 36px;
	
}

#slide-4-layer-3 > img {

  display: none !important;
  
}


#slide-1-layer-1 > img {

  display: none !important;
  
}

.attachment-thumbnail.size-thumbnail {

  height: 195px !important;
  
  padding: 10px !important;
  
  width: 200px;
  
  float: left;
  
  margin-top: -5px !important;
  
}

.slide.selected > div {

  font-size: 18px;
  
}

.slide.selected > div {

  padding-top: 5px !important;
  
}

.hesperiden .tp-bullet {

  border: 3px solid #cccccc !important;
  
}
#accordionPro14.vertical.fitToContent .slide > div {
    padding: 5px 15px;
}







@media only screen and (min-width:320px) and (max-width:767px) {

.header-image {

  text-align: center;
  
}

.header-info li {

  padding: 0 0 5px !important;
  
}

.contact-align h2 {

  font-size: 26px;
  
}

.service h2 {

  font-size: 26px;
  
}

.row.diff-offer > h2 {
 
  font-size: 26px;
  
}

#accordionPro14.light .slide > h2 span { 

  font-size: 16px;
  
  font-weight: 600;
  
}

.panel-body {

  font-size: 14px !important;
  
}

.row.diff-offer > p {

  font-size: 16px;
  
}

.wpcf7-form input {

  width: 100%;
  
}

.wpcf7 textarea {

  width: 100%;
  
}

.footer-bg { 

  margin-top: 20px;
  
}

.footer-top {

  margin-top: 30px;
  
}

.textwidget {

  font-size: 16px;
  
}

#accordionPro14.light .slide > h2 span {

  font-size: 13px !important;

  font-weight: 600;

}


.service h2 {
    clear: both;
    display: block;
    font-size: 20px;
}
.slide.selected p {
    font-size: 15px;
}
.slide.selected > div {
   
    padding: 10px 15px !important;
}
.row.diff-offer > h2 {
    font-size: 20px;
}
.row.diff-offer > p {
    padding: 30px 15px;
}
.row.diff-offer > ul {
    padding-left: 25px;
    padding-right: 15px;
}
.footer-top, .footer-bg {
    margin-top: 0;
}
.footer-top {
    padding-top: 0;
}

}








@media only screen and (min-width:768px) and (max-width:1200px) {

.header-info li {

  padding: 20px 0 20px 15px !important;
  
  font-size: 16px !important;
  
}

.contact-head { 

  font-size: 22px;
  
}

.wpcf7-form input {

  width: 100%;
  
}

.wpcf7 textarea {

  width: 100%;
  
}

.modal-content {

  top: 260px;
  
}
#accordionPro14.vertical.fitToContent .slide > div {
    padding: 0 15px;
}





}


.slide.selected {
  width: 100% !important;
}
.slide.selected > div {
  overflow-y: auto !important;
  padding: 10px 5px;
  text-align: justify;
  width: 100% !important;
}
#accordionPro14.light .slide {
    background: #a0a0a0 none repeat scroll 0 0;
    border: 1px solid #a0a0a0;
}
#accordionPro14.light .slide > h2 span {
    box-shadow: none !important;
}