@font-face {
	font-family: 'Gothampro';
	src:         url('/fonts/gothampro.ttf');
	font-weight: normal;
	font-style:  normal;
}
@font-face {
	font-family: 'Gothampro-Medium';
	src:         url('/fonts/gothampro_medium.ttf');
	font-weight: normal;
	font-style:  normal;
}
@font-face {
	font-family: 'FiraSans-Regular';
	src:         url('/fonts/FiraSans-Regular.ttf');
}

html { width:100%; height: 100%; margin:0; padding:0;}

body
{
	height:100%;
	margin:0;
	padding:0;
	background: #fff;
}

body > *
{
	font-size: 1rem;
	font-family: 'FiraSans-Regular', sans-serif;
	color:#636363;
	line-height:1.4;
}

img {border:0 none;}

a
{
    color:#1595d3;
}

label
{
    margin-bottom:0;
}

input, button, select, textarea 
{
  border-radius: 0 !important;
  outline: none !important;
}

input[type="text"], input[type="password"], input[type="login"], select, textarea 
{
  padding: 0.7rem 0.7rem 0.7rem 1.2rem;
  color: #959595;
  border: 1px solid #eee;
  width: 100%;
  background: #fff;
}

input.error, 
textarea.error 
{
  border-color: red;
}

label.error
{
    font-size:14px;
    color: red;
    margin-bottom:0;
    display: block;
}

h1, .h1, h2, .h2 
{
  font-family: 'Gothampro';
}

h1.line::after,
.h1.line::after,
h2.line::after, 
.h2.line::after,
h3.line::after, 
.h2.line::after 
{
  background: #1595d3;
  width: 6rem;
  height: 4px;
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
}

h1.line, 
h2.line, 
.h2.line 
{
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  position: relative;
}

.btn, 
.btn.blue:hover, 
input[type="submit"],
button.submit
{
  background-color: #1595d3;
  color: #fff;
  border: 1px solid #fff;
  font-size: 0.875rem;
  border-radius: 0;
  padding: 0.7rem 1.7rem 0.6rem;
  padding-right: 1.7rem;
  text-transform: uppercase;
}

.btn.blue,
.btn:hover,
input[type="submit"]:hover,
button.submit:hover
{
	background-color: #fff;
	color:            #1595d3;
	border:           1px solid #1595d3;
}

#container
{
    overflow: hidden;
}

#header
{
    //background: url('/images/Screenshot_2.jpg') no-repeat 50% 0;
    //background-size: cover;
    //min-height:60vw;
}

#header .list-group
{
    position:absolute;
    top:50%;
    left:1rem;
    //transform: translate(0, -50%);
    margin-top:-1.45rem;
    z-index: 100;
}

#header .list-group a.list-group-item:not(active)
{
    border:none;
    padding: 0.1rem 1.25rem;
    text-align: center;
    border-radius: 0;
}

#header .list-group a.list-group-item
{
    display:none;
}

#header .list-group:hover a.list-group-item
{
    display:block;
}

#header .list-group a.list-group-item:nth-child(2)
{
    padding-top: 0.65rem;
}

#header .list-group a.list-group-item:last-child
{
    padding-bottom: 0.65rem;
}

#header .list-group a.list-group-item:hover
{
    color:#1595d3;
    background:#fff;
}

#header .list-group a.list-group-item.active
{
    background:#1595d3;
    padding: 0.75rem 1.25rem;
    color:#fff !important;
    display:block;
}

#header .list-group a.active:before
{
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    position: absolute;
    right: 0.5rem;
    top: 35%;
    transform: rotate(45deg);
}

a.searchhead {
  background: url('/images/icon-search.svg') no-repeat 0% 50%;
  background-size: 1.15rem;
  //color:#fff;
  padding-left: 1.65rem;
  font-size:14px;
  display: block;
  //color:           #636363 !important;
  text-decoration:none;
}

#top-menu-inner ul.nav > li > a
{
	align-items:     center;
	justify-content: center;
	display:         flex;
	color:           #636363 !important;
	text-decoration: none !important;
	font-size:       14px;
	padding:         0.835rem 1.2rem;
	//color:#fff !important;
}

#top-menu-inner ul.nav > li > a:hover,
#top-menu-inner ul.nav > li > a.root-item-selected
{
	color:      #fff !important;
	background: #1595d3;
}

#top-menu-inner ul 
{
	padding-left:  0;
	margin-bottom: 0;
	list-style:    none;
}

#top-menu-inner ul.nav-fill .nav-item 
{
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.catalog-block
{
    font-family: 'Gothampro';
    font-size:18px;
    background: #ebf8ff;
}

.partner-block .fon
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:50%;
    background: url('/images/qc-en-main-part.jpg') no-repeat 100% 0;
    background-size: cover;
}

.forms-block
{
    background: #ebf8ff;
}

input[name="CONFED"] + label
{
    font-size:14px;
    margin-left:0.3rem;
}

button.submit 
{
  padding: 0.8rem 3rem 0.7rem;
}

label {
    display: block;
}

input[type="radio"], 
input[type="checkbox"] {
  float: left;
  margin-right: 0.8rem;
  position: relative;
  bottom: -0.15rem;
}

.region-block
{
    //font-family: 'Gothampro';
    //font-size:32px;
}

.region-block a
{
    //font-family: 'Gothampro-Medium';
    //text-transform: uppercase;
    text-decoration: none !important;
    color:#636363;
    background:#ebf8ff;
    padding: 1.2rem 1.2rem 1.1rem;
    display:flex;
}

.region-block a > *
{
    margin:auto 0;
}

.region-block a > img
{
    margin-right: 1.8rem;
}

.region-block a:hover
{
    color:#fff;
    background:#1595d3;
}

.region-block a span
{
    display: inline-block;
    padding-left: 0.6rem;
    position: relative;
    top: 3px;
}

#footer
{
    background:#464646;
    color:#fff;
}

#footer a
{
    color:#fff;
    text-decoration: none !important;
}

#footer a:hover
{
    color:#1595d3;
}

#bottom-menu .nav-fill .nav-item
{
    text-align:right;
}

#bottom-menu ul.nav > li > a
{
	padding: 0.835rem 1.2rem;
	display:         flex;
}

#bottom-menu ul.nav > li:last-child > a
{
	padding-right: 0;
}

#footer #copyright
{
    background:#393939
}

#header
{
   background: #ebf8ff;
   position:relative;
   //height: 60vw;
   width:100%;
}

#header .video
{
    //width:100%;
    width: auto;
    //height: 100%;
    //position: absolute;
    top: 50%;
    left: 50%;
    //transform: translate(-50%, -50%);
    //z-index:-1;
    overflow: hidden;
    //position:relative;
}

#header .video video 
{
  //width:auto;
  //height:100%;
  width:100%;
  height:auto;
}

.text-1 {
  font-family: 'Gothampro-Medium';
  font-size: 21px;
}

.text-2 {
  font-family: 'Gothampro';
  font-size: 40px;
}

.catalog-block-new
{
background: #00b9f2;
color:#fff;
font-size:22px;
}

.catalog-block-new h2,
.catalog-block-new h2.line
{
color:#fff;
font-weight:bold;
}

.catalog-block-new h2.line:after
{
background: #fff;
width: 11rem;
}

.catalog-block-new .row > div
{
position:relative;
}

.catalog-block-new .row > div:before,
.catalog-block-new .row > div:after
{
position:absolute;
content:"";
background: #fff;
top:1.3rem;
bottom:1.3rem;
right:0;
width:2px;
}

.catalog-block-new .row > div:after
{
top:auto;
bottom:0;
right:1.3rem;
left:1.3rem;
height:2px;
width:auto;
}

.cennost-new
{
padding-right: 0;
    padding-left: 0;
}

.catalog-block-new .row > div:nth-child(4):after,
.catalog-block-new .row > div:nth-child(5):after,
.catalog-block-new .row > div:nth-child(6):after,
.catalog-block-new .row > div:nth-child(3):before,
.catalog-block-new .row > div:nth-child(6):before
{
display:none;
}

@media (min-width: 1400px)
{
.catalog-block-new > div,
.cennost-new > div
{
    max-width: 1140px;
width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
}

@media (min-width: 1600px)
{
.catalog-block-new > div,
.cennost-new > div
 {
  padding-left: 15vw;
  padding-right: 15vw;
max-width: 100%;
}
}


@media (min-width: 1400px)
{
.container 
{
    max-width: 1210px;
}
}

@media (min-width: 1200px)
{
.catalog-block .row.catalog-block-list
{
    margin-right: -6rem;
    margin-left: -6rem;
}
.catalog-block .row.catalog-block-list > div
{
    //padding-right: 6rem;
    //padding-left: 6rem;
}
}

@media (max-width: 968px)
{
.catalog-block-new .row > div:nth-child(4):after,
.catalog-block-new .row > div:nth-child(5):after,
.catalog-block-new .row > div:nth-child(6):after
{
display:block;
}

.catalog-block-new .row > div:before,
.catalog-block-new .row > div:nth-child(6):after
{
display:none;
}

}



@media (max-width: 767px)
{
.text-2 {
  font-family: 'Gothampro';
  font-size: 2rem;
}    
    
#header,
.partner-block .fon
{
    min-height: 60vw;
    width:100%;
    height: 60vw;
}
#header
{
    min-height: 60vw;
    height: auto;
}
.partner-block .fon
{
    position:static;
}
#header .video video 
{
    min-width: 0;
    height: 100%;
}
#top-menu-inner button 
{
    background: none;
    background-image: url(/images/icon-mobile-menu.svg);
    background-position: 0 53%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 2rem;
    height: 1.2rem;
    border: 0 !important;
    outline: 0 !important;
}
#top-menu-inner .navbar-collapse 
{
    position:   absolute;
    top:        4rem;
    right:      0;
    left:       0;
    background: #1595d3;
    z-index:    800;
    padding:    4rem 1.5rem;
    height:     auto;
}

#top-menu-inner ul.nav-fill
{
    border-bottom: 1px solid #fff;
}

#top-menu-inner ul.nav-fill .nav-item,
#bottom-menu ul.nav-fill .nav-item
{
    -ms-flex:  0 0 100%;
    flex:      0 0 100%;
    max-width: 100%;
}

#top-menu-inner ul.nav-fill .nav-item
{
    border-top: 1px solid #fff;
}

#top-menu-inner ul.nav-fill .nav-item a,
#bottom-menu ul.nav-fill .nav-item a
{
    justify-content: start;
    color: #fff !important;
    padding: 1rem 0;
}
#bottom-menu ul.nav-fill .nav-item a
{
    display:inline-flex;
}
#bottom-menu .nav-fill .nav-item 
{
    text-align: left;
}
}