* {margin:0px;padding:0px;}
img {border:none;vertical-align: top;}
html{height:100%}
body {font: normal 16px  'Metropolis', sans-serif;color:#284258}
#wbox {min-width:320px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}
#wbox>* {-webkit-flex:0 1 auto;flex:0 1 auto}
#wbox>div.wrapCont {-webkit-flex:1 1 auto;flex:1 1 auto}
a {color:#82c574;text-decoration:none;outline-style:none}
h1.main-title {color:#82c574;font-size:36px;margin-bottom:40px;font-weight:500}

div.clear{clear:both;height:0;display:none}
header.main {background-color:#0192cb;color:#fff;margin-bottom:80px;padding:0 10px}

div.wrapText {max-width:1200px;margin:0 auto 120px;padding:0 10px}
div.wrapText::after {content:'';display:table;clear:both}

div.flexBox {display:flex}
div.flexBox.center {justify-content: center}
div.flexBox>div.full {flex:1 1 0px}
div.flexBox>div+div {margin-left:10px}

.googleMaps{
float: right;
}
.googleMaps .infoMaps{
line-height: normal;
}

div[data-map-id][data-type="ol-map"] {width:auto !important;}

.googleMaps img{
background: none;
border: none;
box-shadow:none;
-webkit-box-shadow: none;
filter: none; 
}
.pYouTube {
display: block;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 35px;
position: relative;
}
.pYouTube iframe{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.p_pdf {background:url("/icon/pdf.png") no-repeat 0 0;display:inline-block;text-decoration:none;background-size:30px auto;line-height:30px;padding-left:40px;margin-left:10px}
.p_doc{background:url("/icon/doc.png") no-repeat;display:inline-block;text-decoration:none;background-size:30px auto;line-height:30px;padding-left:40px;margin-left:10px}
.p_docx{background:url("/icon/doc.png") no-repeat;display:inline-block;text-decoration:none;background-size:30px auto;line-height:30px;padding-left:40px;margin-left:10px}
.p_ppt{background:url("/icon/ppt.png") no-repeat;display:inline-block;text-decoration:none;background-size:30px auto;line-height:30px;padding-left:40px;margin-left:10px}
.p_pptx{background:url("/icon/ppt.png") no-repeat;display:inline-block;text-decoration:none;background-size:30px auto;line-height:30px;padding-left:40px;margin-left:10px}
.p_xls{background:url("/icon/xls.png") no-repeat;display:inline-block;text-decoration:none;background-size:30px auto;line-height:30px;padding-left:40px;margin-left:10px}
.p_xlsx{background:url("/icon/xls.png") no-repeat;display:inline-block;text-decoration:none;background-size:30px auto;line-height:30px;padding-left:40px;margin-left:10px}

.divLng{
position:absolute;
bottom:2px;
right:-315px
}
.divLng li{
padding: 5px;	
}	

.pageNavig{
padding: 10px 0px 0px 0px;
color: #FFFFFF;
clear: both;
text-align: center;
margin: 0px 0px 0px 0px;
border-top: 1px solid #e0e0e0;
}

.pageNavig span{
color: #888888;
padding: 0px;
margin: 0px;
display: inline-block;
font-size: 12px;
line-height: 23px;
}	

.pageNavig a{
padding:0px;
margin:0px 5px 2px 0px;
font-size:12px;
display: inline-block;
background-color:#bbbbbb;
width: 26px;
height: 26px;
line-height: 26px;
overflow: hidden;
border: 1px solid #bbbbbb;
color: #FFFFFF;
}
.pageNavig b{
padding:0px;
margin:0px 5px 2px 0px;
font-size:12px;
display: inline-block;
width: 26px;
height: 26px;
font-weight: normal;
line-height: 26px;
overflow: hidden;
background-color: #98e388;
border: 1px solid #98e388;
color: #024050;
}


.pageNavig a.ap,.pageNavig a.an{
display: inline-block;
width: auto;
background: none;
padding:0px;
margin:0px;
color: #000000;

}


.pageNavig span.n,.pageNavig span.p,.pageNavig a.ap,.pageNavig a.an{
width: 34px;
height: 33px;
color: rgba(0,0,0,0);
overflow: hidden;
background: url('../images/arrow_mod.png') no-repeat;
display: inline-block;
border: none;
border-radius:0px;
}

.pageNavig span.n{
margin: 0px 10px 0px 0px;
background-position: 0px -32px;
background-color: #bbbbbb;
}
.pageNavig a.an{
margin: 0px 10px 0px 0px;
background-color: #98e388;
}


.pageNavig span.p{
margin: 0px 0px 0px 5px;
background-position: -32px 0;
background-color: #bbbbbb;
}
	
.pageNavig a.ap{
margin: 0px 0px 0px 5px;
background-position: -32px 0;
background-color: #98e388;
}	

.scrollDown{
position:fixed;
right:10px;
bottom:10px;
width:64px;
height:64px;
background:url('../images/scrollup.png') 0px 0px no-repeat;
text-decoration:none;
opacity:0.3;
display:none;
z-index: 100;
}

div.topPage {max-width:1200px;margin:0 auto;padding:50px 10px 10px;display:flex}
div.topPage>a>img {max-width:100%;height:auto;max-height:100%;width:auto}
div.topPage>div {margin-left:20px;font-size:20px;font-weight:500;line-height:normal;flex:1 1 0px;}
div.topPage>div a {color:#fff}
div.topPage div.socialData {display:none;margin-left:auto;padding-left:10px;flex:0 1 auto;}
div.topPage div.socialData a {display:inline-block;overflow:hidden;width:45px;height:45px;border-radius:5px;font-size:0px;color:#077dac;background-color:#077dac;background-repeat:no-repeat;background-position:50% 50%;}
div.topPage div.socialData a.phone {background-image:url('../images/callIcon.svg');}
div.topPage div.socialData a.fb {background-image:url('../images/fbIcon.svg');}
div.modContact {background-color:#22556a}
div.modContact a {color:#fff;text-decoration:none}
div.modContact a:hover {text-decoration:underline}
div.modContact div.text1 {background:url('../images/individual-price.jpg') no-repeat 50% 50%/cover;font-size:36px;color:#fff}
div.modContact div.text1>div {max-width:1200px;margin:0 auto;padding:30px 10px}
div.modContact div.text1 p {line-height:1.4em;margin-bottom:25px}
div.modContact div.text2>div {max-width:1200px;margin:0 auto;padding:20px 10px;font-size:20px;color:#98e388}
div.modContact div.text2>div::after {content:'';display:table;clear:both}


div.socialDataWrap {display:none;margin:-40px 0 40px;background-color: #0088be;}
div.socialDataWrap>a {display:inline-block;color:#fff;flex:1 1 0px;padding:15px 6px;font-size:14px;line-height:1;text-align:center;white-space:nowrap;}
div.socialDataWrap>a:hover {color:#adddf0;}
div.socialDataWrap>a.email::before {content:'';display:inline-block;width:18px;height:18px;vertical-align:bottom;margin-right:5px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAUFJREFUOI2d0zFrFEAQBeC35yFpFAlaCVHSWdjZW4iNWKrBpFFCSv+H+AckiaDkrPS3aKWoKQRRJBowtSHJlyJzssR4Rh8Ms8y893Zn2U2SYBabjo9NXEiSYQ5wLcnZJC+SvMtkXEpyJ8n1JE/GBoPKj1prryapcaUMBr1wr/IIc2hHCAeYS/L8kCbBNB5ju2Z8g1toFbfxtno/izs9Fk/hauUZLHdGH7Be6+3qnS/u5bHByyJ8wiJO4CJWsVPClTIfFudLaZ4Gu9joiuuY7++h5p/Hx+J8xg/spgrLOImlOoma+W7F+6p9x/065Sr8Muh2G+Jetxu8xgJOdbwVGOYQWms7SZ5hLclCkpZk1Fpz1Lv4zaAz2ksy+lN/jMHfCMc1OP0f2nNJ0vA1Bx/pYfrnORlnkjxI8i24iS3/ji3c2Afw6dRtHB3KCwAAAABJRU5ErkJggg==') no-repeat 50% 50%;}
div.socialDataWrap>a.phone::before {content:'';display:inline-block;width:18px;height:18px;vertical-align:bottom;margin-right:5px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAALJJREFUOI3tlLENwjAQRd9BCpSCmiHoaJCoKNgBFoCaAVBGYIvAIkhkEmhTIoQ+BUYyThyCaPMaW+fvd2584CEplVSomZukXNLAv2uBaAkcgDtQAA8+6QNTIAFWZnakDkkb1zWrDbwymcus/Xovkr/ERMC1rhgT/Uwn6kRNSJpJmn/LJS2a7YEUGP8r2lL9vK1Fo/fGzE7B2bCNqHTrTtIi8pJJkK3iBlvuhlcTZ0mpf/cJsJOKszzPVcgAAAAASUVORK5CYII=') no-repeat 50% 50%;}

body a.button1 {display:inline-block;color:#024050;text-decoration:none;background-color:#98e388;padding:20px 70px;font-size:18px;border-radius:4px;font-weight:normal;transition:background-color .3s;line-height:1}
body a.button1:hover {text-decoration:none;background-color:#68ae59}
body a.button1::before {content:'';vertical-align:text-bottom;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAKxJREFUSIntlrENwjAQRc8QlClSMgMtA1DDDGSGzBEFMQFb0GYGSmZAdDyaVJeLc8ENhZ/kxnf+z7rCsogCKIEr8MbPC7gAa503AmgWBGtqnbcyHNvZW0yz8wisPS9BbxSR5puIdM7gs4gcrUJM8Awh3D3pwGGqljIOF1mQBVmQBf8giL2mFbB35lS/CE7DSsIa0Schb3TWEvQJgsdsB7AB2uErsuTb0gKlzvsCprbHxvQfZxwAAAAASUVORK5CYII=') no-repeat 0 0;display:inline-block;margin-right:8px;width:24px;height:24px;}

@media screen and (max-width:1200px){
    div.topPage>a {max-width:20%;}
    div.topPage>a>img {max-width:180px;}
}

@media screen and (max-width:980px){
    h1.main-title {font-size:24px;font-weight:bold}
    div.topPage>div img {max-width:70%;height:auto;}
    div.topPage>a>img {max-width:70%;}
    div.modContact div.text1 {font-size:20px;}
    div.wrapText {margin-bottom:80px;}
    div.topPage>div:not(.socialData) * {font-size:16px !important;font-weight: inherit !important;}
    div.topPage>div img {margin:0 10px !important}
}

@media screen and (max-width:768px){
    h1.main-title {font-size:21px;}
    header.main {text-align:right;height:55px;padding:10px 10px 0;margin-bottom:40px;z-index:10;position: relative;display:flex;}
    div.topPage {padding:0;position: relative;z-index: 11;margin:0;flex:1 1 0px}
    div.topPage+* {margin-left:10px;}
    div.topPage>div {display:none}
    div.topPage>a {display:block;max-width:110px;}
    div.topPage>a>img {max-width:100%;}
    div.flexBox {display:block}
    div.flexBox.center {text-align:center}
    div.flexBox>div+div {margin-left:0;margin-top:10px}
    div.modContact {text-align:center}
    div.modContact img {margin:auto !important}
    div.wrapText {margin-bottom:40px;}
    div.topPage div.socialData {display:block;}
    div.socialDataWrap {display:flex;}

    div.modContact div.text2 div.flexBox {display:flex;}
    div.modContact div.text2 div.flexBox>div+div {margin-left:10px;margin-top:0;}
}
@media screen and (max-width:600px){
    div.modContact div.text2 img {max-width:45px;height:auto;}
    div.modContact div.text2,
    div.modContact div.text2 * {font-size:14px;}
}
@font-face {
    font-family: 'Metropolis';
    src: local('Metropolis Bold'), local('Metropolis-Bold'),
    url('/lib/fonts/metropolis/metropolis-bold.woff2') format('woff2'),
    url('/lib/fonts/metropolis/metropolis-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: local('Metropolis Bold Italic'), local('Metropolis-BoldItalic'),
    url('/lib/fonts/metropolis/metropolis-bolditalic.woff2') format('woff2'),
    url('/lib/fonts/metropolis/metropolis-bolditalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Metropolis';
    src: local('Metropolis Light'), local('Metropolis-Light'),
    url('/lib/fonts/metropolis/metropolis-light.woff2') format('woff2'),
    url('/lib/fonts/metropolis/metropolis-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: local('Metropolis Light Italic'), local('Metropolis-LightItalic'),
    url('/lib/fonts/metropolis/metropolis-lightitalic.woff2') format('woff2'),
    url('/lib/fonts/metropolis/metropolis-lightitalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Metropolis';
    src: local('Metropolis Medium'), local('Metropolis-Medium'),
    url('/lib/fonts/metropolis/metropolis-medium.woff2') format('woff2'),
    url('/lib/fonts/metropolis/metropolis-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis';
    src: local('Metropolis Medium Italic'), local('Metropolis-MediumItalic'),
    url('/lib/fonts/metropolis/metropolis-mediumitalic.woff2') format('woff2'),
    url('/lib/fonts/metropolis/metropolis-mediumitalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Metropolis';
    src: local('Metropolis Regular'), local('Metropolis-Regular'),
    url('/lib/fonts/metropolis/metropolis-regular.woff2') format('woff2'),
    url('/lib/fonts/metropolis/metropolis-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}