body { font: 400 14px/1.6 'Lato', sans-serif; color: #000; background: #e7f0ff; margin: 0 0; padding: 0 0; }
article, aside, footer, header, nav, section { display: block; }
figcaption, figure, main { display: block; }
figure { margin: 20px 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1rem; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active, a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b, strong { font-weight: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1rem; }
dfn { font-style: italic; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25rem; }
sup { top: -0.5rem; }
audio, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
img { border-style: none; }
svg:not(:root) { overflow: hidden; }
input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }
input { overflow: visible; }
select { text-transform: none; }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}
fieldset { border: none; margin: 10px 0; padding: 0 0; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { display: inline-block; vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details, menu { display: block; }
summary { display: list-item; }
canvas { display: inline-block; }
template { display: none; }
[hidden], .hide { display: none; }
ul, li { margin: 0 0; padding: 0 0; }
/* #Typography */
h1, h2, h3, h4, h5, h6 { width: 100%; color: #283e49; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 1.5; margin: 0 0; border-bottom: 1px solid #0090eb; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 32px; margin-bottom: 15px; }
h2 { font-size: 28px; margin-bottom: 13px; }
h3 { font-size: 24px; margin-bottom: 11px; }
h4 { font-size: 20px; margin-bottom: 10px; }
p { margin: 0 0 12px 0; line-height: 1.4; }
/* #Links */
a, a:visited, p a, p a:visited { text-decoration: none; outline: 0; line-height: inherit; color: #0090eb; } 
a:hover, p a:hover { color: #283e49; }
/* #Forms */
fieldset { margin-bottom: 20px; }
select { height: 52px; }
textarea { min-height: 60px; }
label, legend { display: block; font-weight: normal; font-size: 11px; }
input[type="checkbox"] { display: inline; }
label span, legend span { font-weight: normal; font-size: 15px; color: #444; }
input[type="text"], input[type="email"], input[type="tel"], textarea, select { border: none; background: #f3f3f3; padding: 15px 10px; outline: none; font: 400 14px/25px 'Lato', sans-serif; margin: 0; width: 100%; max-width: 100%; display: block; color: #666; }
select { height: 52px; }
input[type="text"]:focus, input[type="email"]:focus, textarea:focus { border: none; color: #666 !important; }
input[type="submit"], button { height: 50px; text-align: center; background: #0090eb; color: #fff; display: inline-block; text-decoration: none; cursor: pointer; margin: 0 0; font: 700 14px/50px 'Lato', sans-serif; border: none; padding: 0 25px; }
input[type="submit"]:hover, button:hover { background: #283e49; color: #fff; }
/*buttons*/
.button a, a.button { width: 100%; height: 40px; background: #0090eb; color: #fff; text-decoration: none; cursor: pointer; margin: 0 0; font: 400 13px/40px 'Lato', sans-serif; text-align: center; border: none; display: block; }
.button a:visited, a.button:visited { color: #fff; }
.button a div { width: 100%; display: inline-block; text-align: center; }
.button a:hover, a.button:hover { background: #283e49; color: #fff; }
/*image*/
img { vertical-align: middle; }
.img-responsive { display: block; width: 100%; max-width: 100%; height: auto; }
.circle-corner { border-radius: 50%; }
/*clearfix*/
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.mobile-hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none; }
/*start custom css*/
.wrapper { position: relative; width: 100%; height: 100%; }
#header { width: 100%; }
.logo-holder { width: 100%; }
.logo { padding: 18px 0; text-align: center; margin-top: 20px; }
.logo img { display: inline-block; }
.language { margin-top: 20px; height: 28px; text-align: center; }
.language .phone { line-height: 120px; font-size: 24px; color: #283e49; }
.lang-menu { height: 28px; display: inline-block; }
.lang-menu li { float: right; margin-left: 6px; list-style: none; }
.lang-menu li a { text-align: center; width: 113px; height: 28px; background: #0090eb; color:#fff; font: 700 12px/28px 'Lato', sans-serif; color: #fff; display: block; }
.lang-menu li a:hover { color:#fff; background: #283e49; }
.search { width: 100%; margin-top: 20px; }
.search button { display: none; }
/*mobil menu*/
.toggle { width: 30px; height: 30px; position: absolute; top: 10px; right: 20px; display: block; z-index: 111; cursor: pointer; transition: top 0.3s; }
.ccm-toolbar-visible .toggle { top: 72px; }
div .menu { width: 0; height: 100%; display: block; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: auto; z-index: 102; background: #fff; -webkit-transition: width 1s; transition: width 1s; }
.menu-icon-bar { background-color: #283e49; display: block; height: 3px; margin: 5px 0; }
.bar-bottom, .bar-top { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
.bar-middle { opacity: 1; transition-delay: 0.3s, 0s; }
#toggle:checked + div .bar-top { transform: rotate(45deg); margin-top: 16px; }
#toggle:checked + div .bar-bottom { transform: rotate(-45deg); margin-top: -16px; }
#toggle:checked + div .bar-middle { opacity: 0; }
#toggle { display: none; }
#toggle:checked + div .menu { width: 100%; }
.primary-menu { width: 100%; height: 40px; z-index: 10; border-bottom: 1px solid #0090eb; text-align: center; }
.primary-menu div { float: none; display: inline-block; }
.primary-menu ul.menu { padding-top: 100px; }
.primary-menu li { display: block; width: 100%; margin: 0 0; }
.primary-menu li a, .primary-menu li a:visited { display: block; text-decoration: none; margin: 0 0; text-align: center; padding: 0 0; font: 700 16px/40px 'Lato', sans-serif; color: #0090eb; text-transform: uppercase; }
.primary-menu li, .primary-menu li a { height: auto;  }
.primary-menu li:hover ul, .primary-menu li.over ul { height: auto; }
.primary-menu .sub-menu { margin-top: 0px; }
.primary-menu .sub-menu li a { font: 700 13px/24px 'Lato', sans-serif; color: #6f6f6f; }

/*main image*/
.home-image { width: 100%; }
.home-text { margin-top: 10px; margin-bottom: 10px; }
.home-text h1, .home-text h2 { font-size: 36px; line-height: 1.1; text-align: center; color: #0090eb; border: none; }
.home-text h1, .inner-text h1 { font-weight: 900; }
.home-text h2, .inner-text h2 { font-weight: 400; }
.home-form { background: #283e49; padding: 20px; margin-top: 20px; border: 2px solid #9ed3ec; text-align: center; }
.form-title { font-size: 24px; font-weight: 700; color: #fff; text-align: center; }
.form-title p { line-height: 1; }
.form-text { font-size: 18px; color: #fff; text-align: center; margin-top: 20px; }
.home-form input[type="text"], .home-form input[type="email"] { border:1px solid #fff; background: #283e49; padding: 10px 10px; outline: none; font: 400 14px/20px 'Lato', sans-serif; margin: 0; width: 100%; max-width: 100%; display: block; color: #fff; }
.home-form input[type="text"]:focus, .home-form input[type="email"]:focus { border: 1px solid #9ed3ec; color: #fff !important; }
.home-form input[type="submit"] { height: 40px; text-align: center; background: #fff; color: #283e49; display: inline-block; text-decoration: none; cursor: pointer; margin: 0 0; font: 700 18px/40px 'Lato', sans-serif; border: none; padding: 0 25px; }
.home-form input[type="submit"]:hover { background: #0090eb; color: #fff; }
/*inner*/
.content { margin: 40px 0; }
.content ul, .content ol { margin-left: 20px; margin-bottom: 20px; }
.content li { line-height: 1.6; }
.inner-text h1, .inner-text h2 { font-size: 36px; line-height: 1.1; text-align: center; color: #0090eb; border: none; }
.inner-text { font-size: 24px; line-height: 1.1; text-align: center; color: #0090eb; }
.form-group { margin-bottom: 15px; }
/*footer*/
#footer { background: #0090eb; padding: 40px 0; }
.ccm-block-social-links { text-align: center; }
.ccm-block-social-links ul.list-inline li { display: block; margin-right: 15px; }
.ccm-block-social-links ul.list-inline li:last-child { margin-right: 0px; }
.ccm-block-social-links ul.list-inline li a { display: block; width: 32px; height: 32px; text-align: center; background: #fff; color: #0090eb; }
.ccm-block-social-links ul.list-inline li a:hover { background: #283e49; color: #fff; }
.ccm-block-social-links ul.list-inline li a .fa { font-size: 18px; line-height: 32px; }
.footer-left, .footer-right { margin: 15px 0 0 0; color: #fff; text-align: center; }
.footer-left p, .footer-right p { margin-bottom: 0; font-size: 12px; }
.footer-left a, .footer-right a { color: #fff; text-align: center; }


 @media (min-width: 420px) {

}

 @media (min-width: 768px) {
body { font: 400 15px/1.3 'Lato', sans-serif; }
.logo { text-align: left; margin-top: 0; }
.logo img {}
.language { margin-top: 40px; text-align: right; }
/*desktop menu*/
.toggle { display: none; }
div .menu { height: 40px; position: relative; overflow: visible; background: none; }
.primary-menu { display: block; }
.primary-menu ul.menu { width: auto; margin: 0 0; list-style: none; padding-top: 0; display: inline-block; }
.primary-menu li { width: auto; height: 41px; float: left; position: relative; text-align: center; }
.primary-menu li a { height: 40px; padding: 0 20px; white-space: nowrap; font: 700 15px/40px 'Lato', sans-serif; color: #0090eb; display: block; }
.primary-menu li a:hover { border-bottom: 8px solid #0090eb; }
.primary-menu li .sub-menu { display: none; left: 0; top: 40px; position: absolute; width: auto; min-width: 120px; margin: 0; background: #0090eb; padding: 0 0; z-index: 101; }
.primary-menu li .sub-menu li { height: 40px; margin-left: 0px; float: none; }
.primary-menu li .sub-menu li a { background: #0090eb; color: #fff; font: 700 13px/40px 'Lato', sans-serif; text-align: left; white-space: nowrap; }
.primary-menu li .sub-menu li a:hover { background: #283e49; color: #fff; border-bottom: none; }
.primary-menu li>.sub-menu { top: 40px; left: 0; }
.primary-menu li:hover ul, li.over ul { display: block; } 
.home-form { text-align: left; }
.home-text { margin-top: 20px; margin-bottom: 40px; }
.home-text h1, .home-text h2 { font-size: 42px; text-align: right; }
.form-title { text-align: left; }
.form-text { margin-top: 0; }
.inner-text h1, .inner-text h2 { font-size: 42px; text-align: left; }
.inner-text { text-align: left; font-size: 32px; }
/*footer*/
.footer-left { margin: 20px 0; text-align: left; }
.footer-right { margin: 20px 0; text-align: right; }
}

 @media (min-width: 992px) {
.home-text { margin-top: 30px; margin-bottom: 20px; }
.home-text h1, .home-text h2 { font-size: 56px; }
.home-form { margin-top: 30px; }
.form-title { font-size: 28px; }
}

 @media (min-width: 1200px) {
.home-text { margin-top: 50px; margin-bottom: 30px; }
.home-text h1, .home-text h2 { font-size: 72px; }
.home-form { margin-top: 50px; margin-left: 20px; }
.form-title { font-size: 30px; }
}

 @media (min-width: 1600px) {
.home-text { margin-top: 80px; margin-bottom: 40px; }
.home-text h1, .home-text h2 { font-size: 90px; }
.inner-text h1, .inner-text h2 { font-size: 60px; }
.home-form { margin-top: 80px; margin-left: 50px; }
.form-title { font-size: 32px; }
}