html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */
html {height: 100%;min-height: 100%;}
body {height: 100%;font-family: 'Raleway', sans-serif;color:#020b44; background: #f6f6f6;min-height: 100%;font-weight: 500;}

.page-main-container {
  min-height: 100%;
  min-height: 100vh;
  position: relative;
}
.main-container {
    padding-bottom: 190px;
    height: 100%;
    background: #f6f6f6;
    background-image:url('../img/bg1.png'), url('../img/bg2.png'), url('../img/bg3.png');
    background-repeat:no-repeat, no-repeat, no-repeat;
    background-position: top center, right -135px top 50px, left -135px top 50px;
}
@media (max-width:768px){
    .main-container {padding-bottom: 0}
}
.wrapper {position: relative;width: 90%;margin: 0 5%;}
.main {padding: 55px 0 0 0;}
.header-container {border-bottom: 20px solid #e44d26;}

@media (max-width:1700px){
	.main-container{
    background-image:url('../img/bg1.png'), url('../img/bg5.png');
    background-repeat:no-repeat, no-repeat,;
    background-position: top center, top center;
	}
}

@media (max-width:1000px){
	.main-container{background: url('../img/bg4.png') no-repeat top center #f6f6f6;}
	.language {top: 60px;}
    .main {padding: 15px 0 0 0;}
}
/* ==========================================================================   backgraund   ========================================================================== */
.bg1 {width:100%;height:100%;background-image:url('img/bg1.png');background-position:top center;}
/* ==============    logo   ============== */
.logo {display:block;margin:0 auto;}
/* ==============    language   ============== */
.language {margin:0;padding:0;position:absolute;list-style:none;right:0px;top:87px;letter-spacing: -1px;}
.language li {display:inline-block;}
.language li a {color:#020b44;text-decoration:none;font-size:14px;line-height:26px;}
.language li a.active {text-decoration:underline;font-weight:bold;}
.language li a.en {padding-left:7px;}

@media (max-width:1000px){
	.language {top: 60px;}
}
/* ==========================================================================
  content
   ========================================================================== */
h1 {font-size: 34px;
    line-height: 31px;
    text-align: center;
    margin: 94px -5px 2px -5px;
    text-transform: uppercase;
    font-weight: 400;}
h1 span {font-weight: bold;}
h2 {font-weight: 500;font-size:16px;line-height:26px;text-transform:uppercase;text-align:center;margin:4px 0 31px 0;}
h2.last {font-weight: 500;text-transform:uppercase;margin:45px 0 0 0;}
section p {font-size: 13px;line-height:18px;margin:0 0 15px 0;padding:0;text-align:justify;}
a.link, a.link:visited {color:#ba1c8d;}
a.link:hover {color:#a9b900;}
/* ============    Footer   ============ */
.footer-container{background-color:#a9b900;padding:25px 0 12px 0;color:#fff;text-align:center;position: absolute;width: 100%;bottom: 0;height: 113px;}
.footer-container a {color:#fff;}
.footer-container div {width:33.33%;float:left;}
.footer-container div .name {margin:0 0 5px 0;font-size:18px;font-weight: 600;text-transform: uppercase;}
.footer-container div .contacts, .footer-container div a {margin:0px 0;font-size:13px;display:block;}
.footer-container div .phone {}
.footer-container div .email {}
.footer-container img:hover {opacity: 0.8; filter:Alpha(opacity=70)}
.footer-text {margin-top: 5px;line-height: 1.4}

@media (max-width: 767px){
    .footer-container{position: relative;width: 100%;bottom: inherit;height: auto;margin-top: 45px;}
}

.wrapper {
    width: 686px;
    margin: 0 auto;
}

@media (max-width: 767px){
	.main-container {width: 100%;box-sizing: border-box;}
	.wrapper {
		width: auto;
		padding: 0 15px;
	}
	.language {right: 15px;}
	.footer-container div {
    width: 100%;
    float: none;
    margin-bottom: 20px;
}
.footer-container {height: 305px;overflow: hidden;}
}

.phone {text-decoration: none;font-weight: 500;}
.phone:hover {text-decoration: underline;}
.name {font-weight: 500;}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

@media (max-width:1000px){
	h1 {margin: 35px 0 2px 0;}
}