/* MINI */
body {margin: 0 auto; background-color: #fff;}
a {text-decoration: none;}
img {margin: 0 auto;}

.white-line{width: 100%; min-width: 460px; margin: 0 auto; text-align: center; vertical-align: middle; position: relative;}
.black-line1{width: 100%; min-width: 460px; height: 50px; margin: 0 auto; padding-top: 6px; text-align: center; vertical-align: middle; background-color: #581D65; position: relative;}
.light-line1{width: 100%; min-width: 460px; max-width: 1024px; margin: 0 auto; text-align: center; vertical-align: middle; position: relative;}
.light-line2{width: 100%; min-width: 460px; margin: 0 auto; text-align: center; vertical-align: middle; background-color: #edeeef; position: relative;}

.inline{width: 100%; min-width: 460px; max-width: 1024px; margin: 0 auto; padding-left:15px; padding-right:15px; text-align: center;}

.success-bar{width: 350px; height: 45px; margin: 0 auto; text-align: center; vertical-align: middle; background-color: #D99FDE; position: relative;}
.visitors-bar{width: 335px; height: 45px; margin: 0 auto; text-align: center; vertical-align: middle; background-color: #581D65; position: relative;}
.customer-bar{width: 358px; height: 152px; margin: 0 auto; text-align: center; vertical-align: middle; position: relative;}

.logo{font-family: 'Roboto', sans-serif; color: #000; font-size: 54px; text-align: center; vertical-align: middle; font-weight: bold;}
#logo{padding-left: 10px; padding-right: 10px; height: 10px; text-align: center; background-color: #C2BC16; color: #581D65;}
.logo1{font-family: 'Roboto', sans-serif; color: #000; font-size: 25px; text-align: center; vertical-align: middle; font-weight: bold;}
#logo1{padding-left: 5px; padding-right: 5px; height: 10px; text-align: center; background-color: #C2BC16; color: #581D65;}

#text-link{ color: #000; text-decoration: underline; font-weight: bold; }

.text0{font-family: 'Roboto', sans-serif; color: #222; font-size: 22px; text-align: center; vertical-align: middle; font-weight: bold;}
.text1{font-family: 'Roboto', sans-serif; color: #444; font-size: 17px; text-align: center; vertical-align: middle; font-weight: bold;}
.text2{font-family: 'Roboto', sans-serif; color: #111; font-size: 17px; text-align: center; vertical-align: middle; font-weight: bold;}
.text3{font-family: 'Roboto', sans-serif; color: #fff; font-size: 15px; text-align: left; vertical-align: middle; padding-bottom: 5px;}
.text4{font-family: 'Roboto', sans-serif; color: #000; font-size: 20px; text-align: center; vertical-align: middle; font-weight: bold; line-height: 2;}
.text5{font-family: 'Roboto', sans-serif; color: #000; font-size: 20px; text-align: center; vertical-align: middle; font-weight: bold;}
.text6{font-family: 'Roboto', sans-serif; color: #ffff7f; font-size: 16px; text-align: center; vertical-align: middle; font-weight: bold;}
.text7{font-family: 'Roboto', sans-serif; color: #222; font-size: 21px; text-align: center; vertical-align: top; font-weight: bold;}
.text8{font-family: 'Roboto', sans-serif; color: #000; font-size: 15px; text-align: center; vertical-align: top;}
.text9{font-family: 'Roboto', sans-serif; color: #000; font-size: 17px; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 12px;}
.text10{font-family: 'Roboto', sans-serif; color: #333; font-size: 13px; text-align: center; vertical-align: middle;}
.text11{font-family: 'Roboto', sans-serif; color: #000; font-size: 17px; text-align: center; vertical-align: top;}

.text-article { font-family: 'Roboto', sans-serif; color: #000; font-size: 15px; text-align: center; line-height: 1.7; }
.text-headline { font-family: 'Roboto', sans-serif; font-weight: bold; color: #000; font-size: 23px; text-align: center; line-height: 1; }

/* main & article texts */
#check-icon { width: 20px; height: 20px; position: relative; top: 3px; left: 1px; }
#check-icon1 { width: 21px; height: 21px; position: relative; top: 4px; left: 2px; }
#check-icon2 { width: 23px; height: 23px; position: relative; top: 4px; left: 1px; }
#check-icon3 { width: 23px; height: 23px; position: relative; top: 4px; left: 3px; }
#check-icon4 { width: 25px; height: 25px; position: relative; top: 4px; }
#check-icon5 { width: 17px; height: 17px; position: relative; top: 3px; right: 3px; }
#content-icon { width: 120px; margin: 0 auto; text-align: center; }

#about1 {min-width:130px; text-align: left;}
#about2 {min-width:15px;}

.menubartext{font-family: 'Roboto', sans-serif; color: #000; font-size: 14px; text-align: center; text-decoration: underline; vertical-align: top; font-weight: bold; margin-right: 8px;}
.text-headline{font-family: 'Roboto', sans-serif; color: #222; font-size: 30px; text-align: left; vertical-align: middle; font-weight: bold;}

#offer-bar1{width: 250px; height: 33px; background-color: #C2BC16; display: block;}
#offer-bar2{width: 250px; height: 33px; background-color: #C2BC16; display: block;}

#container{width: 100%; min-width: 461px; margin: 0 auto;}
#container1{width: 100%; min-width: 460px; max-width: 1024px; margin: 0 auto;}

#border1{width: 100%; max-width: 994px; height: 100%; background-color: #edeeef;}
.partners{ padding: 7px 20px; display: inline-block;}



/* -- MOBILE -- */
@media screen and (max-width: 768px) { 
.text-article{ font-size: 17px; }
.menubartext { display: block; font-size: 18px; margin-right: 0px; line-height: 2.7; }
.partners{ padding: 7px 15px; }

}
@media screen and (max-width: 730px) {
.partners{ padding: 7px 10px;} 
}