/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */
/* ===========================================================
   GENERAL STYLESHEET BY BYINARY THEME    
   ============================================================*/

/* ===========================================================
   GENERAL STYLES   
   ============================================================*/
body {
   font-family:'Nunito', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #0d3655;   
    margin-top: 40px;
    line-height:30px;
}

h1, h2, h3, h4, h5, h6 {
      font-family:'Nunito', sans-serif;
    font-weight: 300;
   line-height:40px;
   
}

h1 {
    color:#00acda;
    font-weight: 300;
}
.text-center {
    text-align: center; 
}

.main-top-margin {
     margin-top: 75px;
}
.main-low-margin {
     margin-top: 55px;
}

a,a:hover {
    text-decoration:none;
}
.container a:link{
    color: #428bca;
    font-weight: bold;
}

a.book {
    background-color: #00ACDA;
    color: #fff!important;
    border: 1px solid #00acda;
    padding: 15px 30px;
    font-size: 3rem;
    border-radius: 5px;
    margin: -20px 0 40px auto;
    display: inline-block;
}
a.book:visited {
    color: #fff!important;
}

a.book:hover {
    background-color: #fff;
    color: #428bca!important;
}

p {
    line-height: 30px;
    margin-bottom: 23px;
}

.img-margin-product {
    margin-top:30px;
}
.bottam-pad {
     padding-bottom:40px;
}

h2 {
    color:#00acda;
    font-weight: 300;

}

h4 {
    color:#000000;
    font-weight: 100;
        font-size: 16px;
        	line-height:22px;
}

a:hover {color:#00acda; text-decoration:none}

/* ==========================================================================
   COLOR CODES
   ========================================================================== */

.color-red {
    color:#ff0000;
}

.color-green {
    color:#0052FF;
}

.color-light-blue {
    color:#BB00BB;
}

.color-blue {
    color:#3b80c9;
}
.color-brown {
    color:#EB8F2D;
}
.color-black {
    color:#000000;
}

/* ==========================================================================
   HEADER SECTION
   ========================================================================== */

#header-section {
	background: url(../img/header.jpg) no-repeat center top;
	margin-top: -20px;
	padding-top:20px;
	text-align:center;
	background-position: center center;
	min-height: 700px;
	width: 100%;	

    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#header-section h1 {
	margin-top: 120px;
	color: #3b80c9;
	font-size: 35px;
	font-weight: 400;
	letter-spacing: 4px;
    line-height:70px;
}

#header-section h2 {
	color: #3b80c9;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 4px;
}
.down-icon {
     color:white;
    font-weight:900;
}
/* ==========================================================================
   ABOUT SECTION
   ========================================================================== */

#about-section {
    background-color: #ffffff;
   
}

/* ==========================================================================
   PRICE SECTION
   ========================================================================== */
#price-section {
     background-color: #ffffff;
}

/* PRICE TABLES */

.pricing {
    padding-bottom: 40px;
}

.pricing .pricing-head {
    position: relative;
    background: #ffffff;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding: 50px 20px 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.special .pricing-head {
    background: #FFFFFF;
}



.pricing .price {
    display: inline-block;
    position: relative;
}

.pricing .price sup {
    position: absolute;
    top: 50px;
    left: -10px;
    font-size: 24px;
}

.pricing .price .price-amount {
    font-size: 108px;
    letter-spacing: -4px;
}

.pricing .price small {
    position: relative;
    left: -10px;
    font-size: 18px;
}

.pricing ul {
    list-style: none;
    margin: 0;
    background: #1A2147;
    text-align: center;
    padding-left: 0px;
}

.pricing ul li {
    border-bottom: solid 1px #e1e1e1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pricing .pricing-grab {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 20px 12px;
    color: #FFFFFF;
    background: #1A2147;
}

.backcolor-li {
    background-color:#1A2147;

}

/*==========================================
   SOCIAL ICON STYLES
    =====================================================*/

.color-facebook {
    color:#3B5998;
}
.color-twitter {
     color:#00aced;
}
.color-google-plus {
     color:#dd4b39;
}
.color-linkedin {
     color:#007bb6;
}
.color-pinterest {
     color:#cb2027;
}
/* ===========================================================
   BOOTSTRAP ELEMENTS CHANGES   
   ============================================================*/
.navbar {
	font-weight: 800;
	font-size: 14px;
}

.navbar-inverse {
	background: #00acda;
	border-color: #00acda;
}

.navbar-inverse .navbar-nav > .active > a {
	background: #096784;
}

.navbar-inverse .navbar-brand {
	color: #00acda;
	font-weight: bolder;
	font-size: 25px;
    font-weight:900;
	letter-spacing: 2px;
}
.navbar-inverse :hover .navbar-brand:hover {
	color: #FFFFFF;	
}
.navbar-inverse .navbar-nav > li > a {
color: #FFFFFF;
}

/* ==========================================================================
   CONTACT SECTION
   ========================================================================== */

#contact-section {
    background-color: #ffffff;
}

form {
    width: 400px;
    padding: 10px;
    margin: Auto;
   }
 
   span.pflichtfeld {
    font-size: 1.5rem;
    color: Red;
    position: relative;
    left: -2px;
    bottom: 8px;
}
 
   span.hilfetext {
    font-family: Arial, Tahoma, Sans-Serif;
    font-size: 1.7rem;
    color: #00acda;
    font-weight: normal;
   }
 
 
   /* Design: Blue Angel */
   input[type="text"],
   input[type="password"],
   input[type="search"],
   input[type="number"],
   input[type="email"],
   input[type="date"],
   input[type="time"],
   input[type="checkbox"],
   input[type="submit"],
   input[type="reset"],
   button[type="button"],
   button[type="submit"],
   textarea,
   select {
    border: Solid 1px #9A9A9A;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 1.7rem;
    transition: box-shadow 0.3s;
   }
 
   input[type="text"]:focus,
   input[type="password"]:focus,
   input[type="search"]:focus,
   input[type="number"]:focus,
   input[type="email"]:focus,
   input[type="date"]:focus,
   input[type="time"]:focus,
   input[type="submit"]:focus,
   input[type="reset"]:focus,
   input[type="checkbox"]:focus,
   button[type="button"]:focus,
   button[type="submit"]:focus,
   textarea:focus,
   select:focus {
    border:0; outline:0; /* Chromium */
    border: Solid 1px rgb(34,132,230);
    box-shadow: 0px 0px 3px 0px rgb(34,132,230);
   }
 
   input[type="button"],
   input[type="submit"],
   input[type="reset"],
   button[type="button"],
   button[type="reset"] {
    border: Solid 1px #9A9A9A;
    background-color: #fff;
    font-size: 1.7rem;
    transition: background-color 0.4s;
    color: #333;
   }
 
   input[type="button"]:hover,
   input[type="submit"]:hover,
   input[type="reset"]:hover,
   button[type="button"]:hover,
   button[type="reset"]:hover {
    border: Solid 1px #0078D7;
    background-color: #00ACDA;
    color: #fff;
   }
 
   input[type="checkbox"]:checked + label,
   input[type="radio"]:checked + label {
    color: rgb(34,132,230);
   }
 
   label:hover {
    color: rgb(34,132,230);
   }
 
   option:nth-child(even) {
    background-color: #E5F1FB;
   }
   .form-control {
    max-width: 480px!important;
   }
   .form-control.time {
    width: 100px;
    display: inline-block;
    }
    input {
        border: 1px solid #aaa;
        border-radius: 5px;
        padding: 5px 10px;
    }
    input:hover {
        background: #00ACDA;
        color: #fff;
    }

    img.content {
        margin: 0 0 15px;
        width: 100%;
    }

    .info {
        font-size: 1.6rem;
    }

    .infobox {
        border: 2px solid #00acda;
        padding: 10px 20px;
        /*background: rgba(0, 172, 218, 0.19);*/
        color: #000;
        margin: 35px 0;
    }
    .spacer {
        height: 800px;
    }

    .navbar-header button[type="button"] {
        background-color: #000;
    }
/* ==========================================================================
   FOOTER SECTION
   ========================================================================== */
   

#footer {
    background-color: #00acda; 
font-size: 10px;
font-weight:200;
    color: #AFAFAC; 
    text-align: center; 
    padding: 10px 30px 10px 30px;
}



/* ==========================================================================
   MEDIA QURIES
   ========================================================================== */

   


/* ==========================================================================
   SMS Ticker
   ========================================================================== */
   h1.blink {
    animation: blink 2.5s infinite;
   }
   
   @keyframes blink {
    0% {opacity: 1;}
   70% {opacity: 1;}
  100% {opacity: 0.3;}
 } 

/*h1.blink {
    animation: blink 2s steps(2, start) infinite;
   }
   
   @keyframes blink {
    to {
     visibility: hidden;
    }
   } 
*/


#ticker-section {
    background: #00acda;
    color: #ffffff;
}
#ticker-section h1{
    color: #ffffff;
}
#ticker-section .main-top-margin {
    margin-top: 0px;
}
#ticker-section .container {
    padding: 25px 15px 50px;
    margin-bottom: 20px;
}

.tickerdate, .tickerdata {
	vertical-align:top;
}
 
.tickerdate {
	padding: 0 1em 0 0;
	/*width: 12.5em;*/
    font-weight: bold;
    border-right: 1px solid #ffffff;
}
.tickerdata {
	padding: 0 0 0 1em;
}
/*
.tickerdate:after {
    content: "|";
    font-weight: normal;
    margin: 0 12px;
}
*/

marquee {
	font-weight:bold;
}