/* WEBSITE_STYLES
   --------------------------------------------- */
    html, body { height: 100%; }
    body { 
        min-height: 100%;
        font-family: 'Avenir';
        font-size: 14px;
        line-height: 140%; 
        overflow-x: hidden;
        background: #eee;
    }
    
    h1, h2, h3, h4, h5, h6 { color: #383838; font-weight: 700; word-break: break-strict; }
    ul, p, li, table { color: #fff; font-weight: 400; }    
    strong { font-size: 1.2em; font-weight: 600; }
    
    a { text-decoration: none; color: #383838; font-weight: 400; }
      
    .hover:hover {
        opacity: .90;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }

/* PAGE_WRAP
   --------------------------------------------- */ 
    section.page {
        width: 100%;
        min-width: 300px; 
        padding: 0;
        margin: 0 auto; 
        z-index: 7000;
    }

/* TOP
   --------------------------------------------- */ 
    section.top {
        width: 100%;
        background: #191914;
       /* border-top: 5px solid #ffea00;*/
        border-top: 0 solid #c0c0c0;
    }   
    
        section.top > article:first-of-type { max-width: 1024px; min-width: 300px; margin: 0 auto; padding: 20px 10px; }
            
            section.top .logo {
                width: 100%;
                max-width: 200px;
                height: 200px;
                margin: 0;
                display: inline-block;
				vertical-align: middle;
                background: url('../img/logo.png') no-repeat center; 
                background-size: 100%;
            } 
            
            section.top .tel_00 { 
			width: 100%; 
			/*width: auto;*/ 
			text-align: center; 
			margin-top: 30px; 
			margin-left: 50px;
			/*float: right;*/  
			display: inline-block;
			max-width: 300px;
			vertical-align: middle;
			}
            section.top .tel {
                height: 66px;
                /*float: right;*/
				display:inline-block;
                font-size: 2em; 
                font-weight: 700;
                letter-spacing: -2px;
                line-height: 117%;
              /*  color: #ffea00;*/
                color: #adada8;
            }

/* CONTENT
   --------------------------------------------- */         
    section.content { 
        width: 100%; 
        max-width: 1024px; 
        min-width: 300px; 
        margin: 0 auto; 
        padding: 20px 0;
        font-size: 1.15em;
        line-height: 160%;
        letter-spacing: -.01em;
   }
           
        section.content h1 { font-size: 2em; font-weight: 700; margin: 0 0 10px; color: #fff; }
        section.content h3 { 
            margin-bottom: 20px;
            color: #383838; 
            font-size: 1.8em; 
            font-weight: 700;        
        }
        section.content p  { color: #333333; font-weight: 500; } 
        section.content ul { margin: 0 0 0 15px; }
        section.content ul li { margin: 3px 0; list-style-type: disc; color: #333333; font-weight: 500; }
        
        section.content .intro { width: 58%; margin-right: 2%; display: inline-block; vertical-align: top; padding: 20px; background: #fff; border-radius: 6px; }
		
		section.content .intro ul.usp {
			margin: 0;
		}
		
		section.content .intro ul.usp li {
			padding: 5px 0 5px 30px;
			list-style-type: none;
			background: url('../img/icon/icon-check.svg') no-repeat left center / 18px;
		}

/* FORM
   --------------------------------------------- */           
form.contactForm { width: 40%; padding: 20px 10px; display: inline-block; vertical-align: top; text-align: left; }

    form.contactForm input,
    form.contactForm select {
        width: 100%;
        display: inline-block;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    
        form.contactForm input[type='text'],
        form.contactForm input[type='tel'],
        form.contactForm input[type='email'] { -webkit-appearance: none; }
        
        form.contactForm input[type='file'] { margin-bottom: 15px; }
           
    
    form.contactForm input[type='text'],
    form.contactForm input[type='tel'],
    form.contactForm input[type='email'],
    form.contactForm select {
        margin: 1px 0;
        padding: 8px 10px;
        background: #F9F9F9;
        border: 1px solid #c1c5c5;
        font-family: 'Avenir';
        font-size: 1em;
        font-weight: 500;
        color: #4d4d4d;
    }
    
    
    ::-webkit-input-placeholder {
       color: #4d4d4d;
       opacity: 1 !important;
    }
    
    :-moz-placeholder { /* Firefox 18- */
       color: #4d4d4d;  
       opacity: 1 !important;
    }
    
    ::-moz-placeholder {  /* Firefox 19+ */
       color: #4d4d4d;  
       opacity: 1 !important;
    }
    
    :-ms-input-placeholder {  
       color: #4d4d4d;
       opacity: 1 !important;
    }
    
    :-moz-placeholder{color: red;}
    
    
    /* Change the white to any color ;) */
    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px rgba(245,245,245,1) inset;
        box-shadow: 0 0 0px 1000px rgba(245,245,245,1) inset;
    }
            
        form.contactForm input[type='text']:hover,
        form.contactForm input[type='tel']:hover,
        form.contactForm input[type='tel']:focus,
        form.contactForm input[type='email']:hover,
        form.contactForm input[type='email']:focus,
        form.contactForm select:hover,
        form.contactForm select:focus { 
            border: 1px solid #45484d;
            color: #4d4d4d;
        }

    form.contactForm input[type='submit'] {
        margin: 3px 0 0;
        padding: 11px 5px;
        background: #45484d;
        border: 0;
        color: #fff;
        font-family: 'Avenir'; 
        font-size: 1.2em;
        font-weight: 700;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
         -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        -webkit-appearance: none;
    }
    
        form.contactForm input[type='submit']:hover {
            background: #ffea00;
            color: #45484d;
            cursor: pointer;
        }
        
        form.contactForm input[type='submit']:focus,
        form.contactForm input[type='submit']:active {
            background: #45484d;
        }
        
    form.contactForm p.bigger { margin: 15px 0 5px; }
        
    div.loaderDiv { 
        width: 100%; 
        height: 100%; 
        padding: 5px;
        background: url('../img/loading.svg') no-repeat center center; 
        -moz-opacity:0.4;
        display: none; 
        position: absolute; 
        top: 0; 
        left: 0; 
        z-index: 99999; 
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }
    
    form.contactForm input[type='text'].error,
    form.contactForm input[type='tel'].error,
    form.contactForm input[type='email'].error,
    form.contactForm input[type='radio'].error,
    form.contactForm select.error { 
        border: 1px solid #cf1818; 
        background-image: url('../img/icon-error.png');
        background-repeat: no-repeat;
        background-position: right 10px center; 
        background-size: 20px;
    }
    
    div.success p { 
        width: 100%;
        margin-bottom: 5px;
        padding: 5px !important; 
        background: #cefcdd; 
        text-align: center; 
        font-size: 1em;
        -webkit-border-radius: 3px; 
        border-radius: 3px; 
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
         -ms-transition: all 500ms ease-in-out;
        -o-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }
    div.success p.steady {
        background: #70da93; 
    }
    div.success p.blink { 
        background: #cefcdd; 
    }
    
        div.success p.error { background: #ff7f7f; }
        
                                       
/* SCROLL_TOP 
   -------------------------------- */				
	div.scroll-top:hover {
		-webkit-animation: scroll .01s 1 forwards ease-in;
		animation: scroll .01s 1 forwards ease-in;
	}
		
 	@keyframes scroll {
	  0%   { opacity: 1; }
	  5%   { opacity: 0; }
	  50%  { background-position: 0 -60px; opacity: 0; }
	  100% { background-position: 0 -60px; opacity: 1; }
	}
	@-webkit-keyframes scroll {
	  0%   { opacity: 1; }
	  5%   { opacity: 0; }
	  50%  { background-position: 0 -60px; opacity: 0; }
	  100% { background-position: 0 -60px; opacity: 1; }
	}
	
	div.scroll-top {
		width: 60px;
		height: 60px;
		position: fixed;
		bottom: 0;
		right: 3%;
		z-index: 9999;
		background-color: #fff;
		background-image: url('../img/arrow-up.png');
		background-repeat: no-repeat;
		background-position: 0 0;
		cursor: pointer;  
        -webkit-border-radius: 6px 6px 0 0;  
        border-radius: 6px 6px 0 0;
	}
    
/* FOOTER
   --------------------------------------------- */              
    footer { margin-top: 0; padding: 40px 0 0; background: #191914; }
  
        footer section { max-width: 1024px; min-width: 320px; margin: 0 auto; padding: 0 10px; }
          
            footer section article { width: 33.3333333%; display: inline-block; vertical-align: top; }
            footer section article h4 { margin-bottom: 15px; font-size: 1.4em; color: #adada8; }
            footer section article.goTo { width: 66.66666666%; text-align: right; }
            footer section article a { color: #adada8; }
            footer section article img { max-height:75px; }
            footer section article p,
            footer section article strong,
            footer section article li { width: 100%; display: inline-block; color: #adada8; text-shadow: 1px 1px 3px rgba(0, 0, 0, .3); }
            footer section article li a { color: #adada8; text-shadow: 1px 1px 3px rgba(0, 0, 0, .3); }
            footer section article li span { width: 50px; display: inline-block; }
            
        footer section.copyright { width: 100%; max-width: 100%; margin-top: 40px; padding: 5px 0; background: #191914; text-align: center; }
        footer section.copyright p { color: #adada8; font-size: .85em; }
    
/* MEDIA_QUERIES
   --------------------------------------------- */ 
   
   
    @media only screen and (min-width: 0) and (max-width: 1024px) {
        
        a.mobilenumber { padding: 10px 32px 10px 0; top: -38px; background-size: 24px; font-size: 1.4em; }
        
        section.content { padding: 20px; }
        
        footer section article { width: 50%; margin: 0 0 30px; text-align: left; }
        footer section article h4 { margin: 0 0 10px; }
    
    }  
    
    @media only screen and (min-width: 0) and (max-width: 768px) {
        section.top, nav ul { text-align: center; }
        section.top .tel_00 { width: 100%; margin: 0; display: inline-block; float: none; }
        section.top .tel_00 .tel { display: inline-block; float: none; text-align: center; font-size: 2.5em; line-height: 200%; }
        section.content .intro { width: 100%; margin: 0; }
        form.contactForm { width: 100%; margin-top: 30px; padding: 0 20px; }  
    }
    
    @media only screen and (min-width: 0) and (max-width: 640px) {
        section.top .tel_00 { margin-top: 10px; }
        section.top .tel_00 .tel { height: auto; font-size: 1.5em; }  
    }
   
    @media only screen and (min-width: 0) and (max-width: 413px) {
        
        nav ul li a { font-size: .9em; }
        footer section article { width: 100%; padding: 0px 20px; }

    }