@import url("reset.css");

@font-face {
    font-family: "pfhandbookpro";
    src: url("../fonts/pfhandbookpro-black.ttf")
}

@font-face {
    font-family: "pfhandbookproMedium";
    src: url("../fonts/pfhandbookpro-medium.ttf")
}

a,
a:hover,
a:visited,
a:active {
    text-decoration: none
}

:focus,
button {
    outline: none
}

img {
    vertical-align: bottom
}

body {
    font: 0.750em Verdana, "Geneva CY", "DejaVu Sans", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
    overflow-x: hidden;
    min-width: 320px;
    color: #313131
}

header {
    color: #fff;
    overflow: hidden;
    position: relative
}

header h1 {
    font: 3.417em "pfhandbookpro", sans-serif;
    line-height: 1;
    margin: 30px auto;
    white-space: nowrap
}

header h1 span {
    display: block
}

header li {
    list-style: url('../img/gal1.svg');
    font-size: 20px;
	font-weight:700;
	margin-bottom: 10px;
	margin-left:50px;
}

.mobiform {
margin-bottom: 10px !important;
padding: 10px;
width: 100%;
border: 1px solid #ddd;
    border-radius: 10px;}

.mobibutton {	
display: inline-block;
    padding: 10px 20px;
    background: #f7d63e;
    border: none;
    border-radius: 10px;
    margin-left: 8px;
    overflow: hidden;
    min-width: 100px;}
	
.komp {display:block !important;}
.mob {display:none !important;}

.header-bg {
    background: url(../img/bg.jpg) no-repeat center/cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-animation: 40s ease 0s normal none infinite back_animation;
    animation: 40s ease 0s normal none infinite back_animation;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes back_animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes back_animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 15px 0
}

.nav a {
    color: #fff;
    font: 4.083em "pfhandbookpro", sans-serif
}

.top-tel {
    text-align: right
}

.master {
    padding-top: 50px
}

section {
    padding: 40px 0
}

section h2 {
    font: 2.917em "pfhandbookpro", sans-serif;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px
}

.why {
    text-align: center
}

.why img {
    text-align: center;
    display: block;
    margin: 0 auto 20px
}

.why p {
    font: 1.125em "pfhandbookproMedium", sans-serif
}

.cost li {
    list-style: none;
    padding: 10px 0;
    background: #e8e8e8;
    border-radius: 20px;
    margin: 10px auto;
    padding-left: 10px;
    cursor: pointer
}

.cost li.active {
    background: #badfff
}

.cost img {
    width: 100%
}

.cost-block {
    padding-top: 30px
}

.cost-block a {
    color: #313131;
    background: #ffdf47;
    display: block;
    padding: 10px;
    text-align: center;
    border-radius: 20px;
    margin: 100px auto 0
}

.stoimost b,
.just-call b {
    font: 2em "pfhandbookpro", sans-serif;
    text-transform: uppercase
}

.about p {
    margin: 20px auto
}

.about img {
    width: 100%
}

.your-number {
    position: relative;
    top: -50px
}

.your-number .row {
    border-radius: 10px;
    border: 1px solid #c1c1c1;
    box-shadow: 0 0 1px 1px #e0e0e0, 0 0 1px 1px #f5f5f5;
    overflow: hidden
}

.your-number .col-lg-4 {
    padding: 0;
    background: #fff
}

.yellow-trangle {
    background: #f7d63e;
    display: inline-block;
    padding: 10px;
    min-width: 80%;
    height: 97px;
    position: relative
}

.yellow-trangle::after {
    content: '';
    position: absolute;
    border-left: 48px solid #f7d63e;
    border-top: 48px solid transparent;
    border-bottom: 48px solid transparent;
    right: -48px;
    top: 0
}

.yellow-trangle img {
    float: left;
    margin: 10px 15px 10px 0
}

.yellow-trangle h3 {
    font: 1.563em "pfhandbookpro", sans-serif;
    text-transform: uppercase;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 1px solid #e8bf00
}

.yellow-form {
    background: #fff
}

.yellow-form form {
    margin: 30px auto 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.yellow-form input {
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
    margin: 0 5px
}

.yellow-form button {
    display: inline-block;
    padding: 10px 20px;
    background: #f7d63e;
    border: none;
    border-radius: 10px;
    margin-left: 8px;
    overflow: hidden;
    min-width: 100px;
}

.help-block.text-danger{
	display: block;
}

.contacts p {
    line-height: 2
}

.contacts p b {
    font-weight: bold;
    display: block;
    margin-top: 20px
}

.stamp {
    background: url(../img/stamp.png) right center no-repeat
}

footer {
    min-height: 190px;
    background: url(../img/bottom.png) bottom center/cover no-repeat;
    color: #fff
}

footer .col-md-offset-6 {
    text-align: right
}

footer .container {
    padding-top: 125px
}

footer a {
    color: #fff;
    font: 2.083em "pfhandbookpro", sans-serif;
    text-shadow: 0 0 4px #333
}

.text-danger ul {
    display: inline-block
}

.sert {
width:80% !important;}