@font-face {
    font-family: "MuseoSansRegular";
    src: url("../fonts/MuseoSansRegular/MuseoSansRegular.eot");
    src: url("../fonts/MuseoSansRegular/MuseoSansRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansRegular/MuseoSansRegular.woff") format("woff"),
    url("../fonts/MuseoSansRegular/MuseoSansRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansBold";
    src: url("../fonts/MuseoSansBold/MuseoSansBold.eot");
    src: url("../fonts/MuseoSansBold/MuseoSansBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBold/MuseoSansBold.woff") format("woff"),
    url("../fonts/MuseoSansBold/MuseoSansBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansItalic";
    src: url("../fonts/MuseoSansItalic/MuseoSansItalic.eot");
    src: url("../fonts/MuseoSansItalic/MuseoSansItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansItalic/MuseoSansItalic.woff") format("woff"),
    url("../fonts/MuseoSansItalic/MuseoSansItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansLight";
    src: url("../fonts/MuseoSansLight/MuseoSansLight.eot");
    src: url("../fonts/MuseoSansLight/MuseoSansLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"),
    url("../fonts/MuseoSansLight/MuseoSansLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansMedium";
    src: url("../fonts/MuseoSansMedium/MuseoSansMedium.eot");
    src: url("../fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansMedium/MuseoSansMedium.woff") format("woff"),
    url("../fonts/MuseoSansMedium/MuseoSansMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansBlack";
    src: url("../fonts/MuseoSansBlack/MuseoSansBlack.eot");
    src: url("../fonts/MuseoSansBlack/MuseoSansBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBlack/MuseoSansBlack.woff") format("woff"),
    url("../fonts/MuseoSansBlack/MuseoSansBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansBoldItalic";
    src: url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot");
    src: url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.woff") format("woff"),
    url("../fonts/MuseoSansBoldItalic/MuseoSansBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansMediumItalic";
    src: url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot");
    src: url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.woff") format("woff"),
    url("../fonts/MuseoSansMediumItalic/MuseoSansMediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansLightItalic";
    src: url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot");
    src: url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.woff") format("woff"),
    url("../fonts/MuseoSansLightItalic/MuseoSansLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "MuseoSansBlackItalic";
    src: url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot");
    src: url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.woff") format("woff"),
    url("../fonts/MuseoSansBlackItalic/MuseoSansBlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

body {
    font-family: 'MuseoSansRegular', sans-serif;
}

p {
    margin: 0;
}

.navbar-inverse {
    background: none;
    border: 0;
}

.head_block {
    background: url(../img/bg.jpg);
    padding: 60px 0 50px;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;

}

.navbar-nav {
    width: 100%;
    text-align: center;
}

.navbar-nav > li {
    float: none;
    display: inline-block;
}

.nav-wrap> li > a {
    color: rgba(35, 106, 154, 255);
    font-family: 'MuseoSansBold', sans-serif;
    margin-top: 25px;
}

.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: rgb(64, 139, 189)
}

a.number {
    color: #000;
    font-size: 18px;
    margin-right: 15px;
    font-family: 'MuseoSansBold', sans-serif;
    text-decoration: none;
}

.mail {
    color: rgba(35, 106, 154, 255);
    font-family: 'MuseoSansBold', sans-serif;
}


a {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-inverse .navbar-nav > li > a > img {
    margin-top: -15px;
}

.head_title h1 {
    font-size: 14px;
    font-family: 'MuseoSansLight', sans-serif;
    margin-bottom: 30px;
    letter-spacing: 15;
}

.head_desc h2 {
    font-family: 'MuseoSansBlack', sans-serif;
    font-size: 26px;
    margin-bottom: 45px;
}

.head_desc p {
    font-family: 'MuseoSansBold', sans-serif;
    margin-bottom: 35px;
}

.head_block a.button_yellow{
    padding: 0;
    line-height: 45px;
}

a.button_yellow {
    background: #f7d122;
    font-family: 'MuseoSansBlack', sans-serif;
    color: #000;
    display: block;
    max-width: 230px;
    text-align: center;
    padding: 20px 10px;

}

.form_block {
    background: #fff;
    padding: 25px;
    width: 320px;
    margin: auto;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
}

.form_title p{
    font-family: 'MuseoSansBold', sans-serif;
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-bottom: 35px;
}

.input {
    border: 0;
    background: #f9f9f9;
    color: #000;
    display: block;
    padding: 10px;
    min-width: 220px;
    margin: 10px auto;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(143,143,143,0.56);
-moz-box-shadow: inset 0px 0px 10px 0px rgba(143,143,143,0.56);
box-shadow: inset 0px 0px 10px 0px rgba(143,143,143,0.56);
}

.submit {
    display: block;
    padding: 20px 10px;
    min-width: 220px;
    text-transform: uppercase;
    margin: 10px auto;
    background: #f7d122;
    text-align: center;
    border: 0;
    font-family: 'MuseoSansBlack', sans-serif;
    color: #000;
}

a.politika {
    font-size: 12px;
    text-align: center;
    display: block;
    color: rgba(174, 174, 174, 255);
}

.block_vygoda {
    margin: 90px 0 50px;
}

.vygoda {
    background: #f5f5f5;
    height: 450px;
    padding: 10px 0 15px 25px;
    width: 360px;
    position: relative;

}

.vygoda:hover {
    background: none;
    outline: 3px solid #2492dd;

}

.vygoda:hover .ribbon {
    background: #2492dd;
    color: #fff;
}

.ribbon {
    float: right;
    background: #e5e5e5;
    text-align: center;
    padding: 5px;
    font-family: 'MuseoSansBlack', sans-serif;
    margin-bottom: 25px;
    position: relative;
    left: 5px
}

.icon_block img {
    margin: auto;
    display: block;
    margin-bottom: 25px;
}

.block_title p {
    font-family: 'MuseoSansBlack', sans-serif;
    font-size: 20px;
    margin-bottom: 20px;
}

.block_opis ul {
    margin: 0;
    padding: 0 0 0 20px;
}

.block_opis ul li {
    margin-bottom: 10px;
}

.blue_line {
    width: 30px;
    height: 5px;
    background: #2492dd;
    margin: auto;
    margin-bottom: 35px;
}

.title h2 {
    text-align: center;
    font-family: 'MuseoSansBlack', sans-serif;
}

.block_vygoda h2 {
    margin-bottom: 35px;
}

.block_vygoda .row {
    margin-bottom: 25px;
}

.vygoda_form .icon_block img {
    margin-top: 45px;
}

.form_title_vygoda p {
    font-family: 'MuseoSansBlack', sans-serif;
    margin: 10px 0;
}

.form_title_vygoda .button_yellow {
    margin: 0 auto 25px;
}

.block_sert {
    background: url(../img/bg3.png);
    padding: 45px 0;

}

.image {
    position: absolute;
}

.image .caption {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: ;
    left: 0;
    bottom: 0;
    background: rgba(49, 154, 226, 0.71);
    transition: all 0.7s;
    opacity: 0;
}

.image .caption:hover {
    opacity: 1;
    visibility: visible;
}

.lupa {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    background: url(../img/lupa.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.block_client {
    margin: 45px 0;
}

.block_client .row {
    margin-bottom: 45px;
}

.clientBlockImg {
    height: 135px;
    text-align: center;

}

.clientBlockImg img {
    margin: auto;
}

.last {
    margin-top: 15px;
}



.clients_block p {
    font-family: 'MuseoSansBold', sans-serif;

}

.collaps {
    text-decoration: underline;
    display: block;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 25px;

}

.block_why {
    background: url('../img/bgwhy.png');
    color: #fff;
    -webkit-background-size: cover;
    background-size: ;
    padding: 45px 0 15px;
}

.block_why .row {
    margin-bottom: 75px;
}

.icon_why {
    text-align: center;
}

.icon_why_img {
    height: 80px;
}

.icon_why_desc p {
    font-family: 'MuseoSansBlack', sans-serif;
}

.title_desc {
    font-family: 'MuseoSansLight', sans-serif;
    margin-bottom: 35px;
}

.block_step{
    margin: 35px 0;
}

.block_steps {
    width: 190px;
    position: relative;
}

.step_img {
    background: url('../img/step1.png');
    height: 145px;
    -webkit-background-size: cover;
    background-size: cover;

}

.step {
    background: #2492dd;
    width: 32px;
    text-align: center;
    font-size: 32px;
    font-family: 'MuseoSansBold', sans-serif;
    color: #fff;
    line-height: 66px;
    position: relative;
    bottom: 5px;
    left: 10px;
}

.block_gray_step {
    background: #f1f1f1;
    padding: 15px;
    height: 250px;
}

.block_gray_step .title p {
    font-family: 'MuseoSansBlack', sans-serif;
    text-align: center;
    margin-bottom: 25px;
}

.step_opis p {
    margin-bottom: 35px;
}

.block_steps .button_yellow {
    position: relative;
    bottom: 60px;
}

.step2 {
    background: url('../img/step2.png');
}

.step3 {
    background: url('../img/step3.png');
}

.step4 {
    background: url('../img/step4.png');
}

.step5 {
    background: url('../img/step5.png');
}

.block_maps {
    background: #fff;
    width: 380px;
    padding: 45px;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
    position: absolute;
    bottom: 5%;
}


.title_map p {
    margin-bottom: 45px;
    font-family: 'MuseoSansBlack', sans-serif;
    font-size: 20px;
}

.contacts {
    font-family: 'MuseoSansBlack', sans-serif;
}

.blue_map {
    color: #2492dd;
}

.block_map{
    position: relative;
    height: 450px;
}

.block_map .button_yellow {
    max-width: 280px;
    margin-top: 35px;
}

footer{
    padding: 25px 0;
    text-align: center;
}

.footer_title p{
   
}

footer .number{
    font-family: 'MuseoSansBlack', sans-serif;
}

.modal-content {
    height: 300px;
}


.nav-wrap { 
	margin: auto;  
	border-top:    15px solid #eeeeee; 
    height: 100px;
    background: #fff;
    
}

/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */



/* Example One */
#example-one { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
    margin-left: 30px;
}
#example-one li { 
	display: inline-block;	
}
#example-one a { 
	color: rgba(35, 106, 154, 255);
	font-size: 14px; 
	float: left;
	padding: 6px 10px 4px 10px;
	text-decoration: none;   
    font-family: 'MuseoSansBold', sans-serif;
    margin-top: 15px;
}
#example-one a:hover { 
}
#magic-line { 
	position: absolute;
	bottom: 65px; 
	left: 0; 
	width: 100px; 
	height: 8px; 
	background: #2492dd;
}
.current_page_item a { 
	
}
.ie6 #example-one li, .ie7 #example-one li { 
	display: inline; 
}
.ie6 #magic-line {
	bottom: -3px;
}


/* Example Two */
#example-two { 
	margin: 0 auto; 
	list-style: none; 
	position: relative; 
	width: 960px; 
}
#example-two li { 
	display: inline-block; 
}
#example-two li a { 
	position: relative; 
	z-index: 200; 
	color: #bbb; 
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	text-transform: uppercase; 
}
#example-two li a:hover { 
	color: white; 
}
#example-two #magic-line-two { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100px; 
	background: #900; 
	z-index: 100; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.current_page_item_two a { 
	color: white !important; 
}
.ie6 #example-two li, .ie7 #example-two li {
	display: inline;
}

@media screen and (min-width: 980px)
/* Desktop */

{}

@media screen and (max-width: 979px)
/* Tablet */

{}

@media screen and (max-width: 500px)
/* Mobile */

    {
    .form_block {
        width: auto;
    }

    a.button_yellow {
        margin: 0 auto 25px;
    }

    .vygoda {
        width: auto;
        height: auto;
        margin-bottom: 25px;
    }

    .block_vygoda .row {
        margin-bottom: 0;
    }

    .block_steps {
        margin: 15px auto;
    }

    .block_maps {
        width: auto;
    }
        
        .nav-wrap{
            height: auto;
        }
        
        #magic-line{
            background: none;
        }
        
        .pull-left{
            float: none!important;
        }
        
        .pull-left img{
            display: block;
            margin: auto;
        }
        
        .pull-right{
            float: none!important;
        }
        
        a.number{
            margin: auto;
    display: block;
            text-align: center;
        }
        
        #example-one{
            padding: 0;
            text-align: center;
        }
        
        .image{
            position: static;
            margin: 25px auto;
                text-align: center;
        }
        
        .block_sert{
            height: auto;
        }
        
        .image .caption{
            width: 50%;
            margin: auto;
        }
}

.success{
    display: none;
    color: #333;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}