body { font-family: Arial, Sens Serif, Helvetica; font-size:16px; word-wrap:break-word; }
img { max-width:100%; height:auto; }
a { color:#006081; text-decoration:underline; }
a:hover { color:#a5b2c8; text-decoration:underline; }

.top { width:100%; height:auto; min-height:300px; background-position: center; background-repeat: no-repeat; background-size: cover; }

h1 { font-size: 2.2em; line-height:1.3em; }
h2 { font-size: 1.8em; line-height:1.3em; }
h3 { font-size: 1.6em; line-height:1.3em; }

.slogan { padding:50px 10px 20px 20px; color:#36354e; }
.slogan-h { color:#2b95f5; font-size: 1.9em; display:block; font-weight:bold; margin-bottom:15px; } 
.slogan-s { font-size: 1.2em; font-weight:bold; display:block; margin-bottom:15px; }
.slogan-top { display:block; margin-bottom:5px; }
.slogan-col { font-size: 1.2em; color: #ff9d00; display:block; font-weight:bold; margin-top:15px; }

.myh1 { font-size: 2.2em; display:block; color:#000; line-height:1.1em; margin-bottom:20px; font-weight:bold; } 
.myh1sub { font-size: 2.0em; display:block; line-height:1.1em; margin-bottom:15px; font-weight:bold; } 
.myh2 { font-size: 1.8em; display:block; color:#000; line-height:1.1em; margin-bottom:15px; font-weight:bold; }

.kont-in { padding:50px 10px 10px 0px; color:#36354e; }
.konth1 { color:#2b95f5; font-size: 1.9em; display:block; font-weight:bold; margin-bottom:15px; line-height:100%; } 
.kontstro { font-size: 1.2em; font-weight:bold; display:block; margin-bottom:15px; }

.button-grp { margin-top:40px; margin-bottom:10px; }
.butt { border:none; cursor:pointer; display:inline-block; }
.bbutt { border-radius:18px; background-color:#009933; color:white;padding:10px 32px; font-size:20px; font-weight:bold;}
.bbutt:hover { background-color:#08a800; color:white; font-size:20px; text-decoration:none; font-weight:bold;}

.wrapper-outer { width:100%; }
.wrapper-inner { margin: 0 auto; }


.headerlogo { }

.content { padding:10px; color:#36354e; min-height:900px; line-height:1.4em; }

.leftimg {
	float:left;
	margin-right:15px;
	margin-bottom:10px;
	margin-top:5px;
}

.box-wrapper { width:100%; margin-top:30px; margin-bottom:30px; }

.widebox-outer { padding:0px 0px 0px 0px; }
.widebox { color:#000; padding:40px 20px 40px 20px; background-color:#f9f9f9; text-align:center; }

.service { float:left; max-width:430px; background-color:#f7f7f7; padding:20px; display:flex; }
.location { float:right; max-width:430px; background-color:#f7f7f7; padding:20px; display:flex; margin-left:auto; }
.box-inner { display:block; }


.footer { background-color:#f7f7f7;color:#333; padding:10px; }
.footer a { color:#333; }
.footer a:hover { color:#ee7777; }
.footer a:visited { color:#333; }

.footer-general { float:left; width:341px; line-height:160%; font-size:12px; font-weight:bold; padding:0px 10px 0px 10px; }
.footer1 { text-align:left; border-right:1px solid #bbbbbb; }
.footer2 { text-align:left; border-right:1px solid #bbbbbb; }
.footer3 { text-align:left; }

/* ======== MOBILE =========== */
@media only screen and (max-width: 1049px) {
.wrapper-inner { width:100%; }
.header { width:100%; }
.footer { display:block; } 
.footer-general { display:block; }
.footer1 { border:none; }
.footer2 { border:none; }
.footer3 { border:none; }

.service-box { display:block; margin-bottom:20px; }
.box-right { display:block; }
.box-wrapper { display:block; }

h1 { font-size: 22px; line-height:1.1em; }
h2 { font-size: 20px; line-height:1.1em; }
h3 { font-size: 18px; line-height:1.1em; }

.slogan-h { color:#2b95f5; font-size: 22px; display:block; font-weight:bold; margin-bottom:15px; } 


.button-grp { margin-top:40px; margin-bottom:10px; }
.butt { border:none; cursor:pointer; display:inline-block; }
.bbutt { border-radius:18px; background-color:#008833; color:white;padding:10px 32px; font-size:18px; font-weight:bold;}
.bbutt:hover { background-color:#08a800; color:white; font-size:18px; text-decoration:none; font-weight:bold;}
}

.main-service { color:#000;background-color:#f5f8fe; padding:12px; line-height:2.0em; padding-top:5px; }
.main-service h3 { color:#000; }
.main-service ul { color:#000;margin-left:20px; padding-left:0; margin-top:10px; }
.advantages { color:#000; background-color:#8ced87; padding:12px; line-height:2.0em; padding-top:5px; }
.advantages h3 { color:#000; }
.advantages ul { color:#000; margin-left:20px; padding-left:0; margin-top:10px; }
.disadvantages { color:#000; background-color:#f6cece; padding:12px; line-height:2.0em; padding-top:5px; }
.disadvantages h3 { color:#000; }
.disadvantages ul { color:#000; margin-left:20px; padding-left:0; margin-top:10px; }
.special-about-us { color:#000; background-color:#f9f9f9; padding:40px 30px 40px 30px; line-height:2.0em; }
.special-about-us ul { color:#000;margin-left:40px; padding-left:0; margin-top:10px; }


/* ======== DESKTOP =========== */
@media only screen and (min-width: 1050px) {
.wrapper-inner { width:1050px; }
.header { width:1050px; }
.footer { display:flex; } 
.footer-general { display:flex; }
.service-box {}
.box-right {}
.box-wrapper { display:flex; }
}