* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*,html{
    margin:0;
    padding:0;
    outline:none;
    list-style:none 
}
html{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-tap-highlight-color:rgba(0,0,0,0) 
}
body{
    font-family: 'Ubuntu', sans-serif;
    background: url('../images/bg.png') right top no-repeat;
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    font-style: inherit;
    letter-spacing: 0;
    color: #303030;
    margin: 0;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-size: 900px;
}
ul,ol,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0 
}
iframe{
    border:none;
    outline:none;
    margin-bottom:10px 
}
address{
    font-style:normal 
}
button,input,select,textarea{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit;
    resize:none 
}
a{
    background-color:transparent;
    color:#1a191a;
    text-decoration:none 
}
a:hover,a:focus,a:active{
    outline:0;
    text-decoration:none;
    cursor:pointer 
}
figure{
    margin:0 
}
img{
    border:0;
    border:none;
    vertical-align:middle;
    max-width:100% 
}
h1,h2,h3,h4,h5,h6{
    font-weight:500;
    line-height:1.1;
    color:#333 
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
    font-weight:400;
    line-height:1;
    color:#777 
}
h1 small,h2 small,h3 small{
    font-size:65% 
}
h4 small,h5 small,h6 small{
    font-size:75% 
}
small{
    font-size:85% 
}
b,strong{
    font-weight:700 
}
svg:not(:root){
    overflow:hidden 
}
p{
    color:#8a8a8a;
    font-size:13px;
    line-height:1.3;
    margin:0 
}
button{
    overflow:visible 
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button;
    cursor:pointer 
}
button::-moz-focus-inner,input::-moz-focus-inner{
    padding:0;
    border:0 
}
input[type=checkbox],input[type=radio]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:0 
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto 
}
label{
    display:inline-block;
    font-weight:500;
    margin-bottom:3px;
    max-width:100% 
}
input[type=file]{
    display:block 
}
select[multiple],select[size]{
    height:auto 
}
textarea{
    overflow:auto 
}
optgroup{
    font-weight:700 
}
table{
    border-spacing:0;
    border-collapse:collapse;
    width:100% 
}
td,th{
    padding:0 
}
.img-responsive,.thumbnail a>img,.thumbnail>img{
    display:block;
    max-width:100%;
    height:auto 
}
.text-left{
    text-align:left!important 
}
.text-right{
    text-align:right!important 
}
.text-center{
    text-align:center!important 
}
.text-justify{
    text-align:justify!important 
}
.list-inline{
    display:inline-flex;
    align-items:center 
}
.list-inline>li{
    padding-right:15px 
}
.container{
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto 
}
@media (min-width:768px){
    .container{
        width:750px 
    }
}
@media (min-width:992px){
    .container{
        width:1170px;
    }
}
@media (min-width:1200px){
    .container{
        width:1170px;
    }
}
.row{
    margin-right:-15px;
    margin-left:-15px 
}
[class*=col-]{
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px 
}
[class*=col-xs-]{
    float:left 
}
.col-xs-12{
    width:100% 
}
.col-xs-11{
    width:91.66666667% 
}
.col-xs-10{
    width:83.33333333% 
}
.col-xs-9{
    width:75% 
}
.col-xs-8{
    width:66.66666667% 
}
.col-xs-7{
    width:58.33333333% 
}
.col-xs-6{
    width:50% 
}
.col-xs-5{
    width:41.66666667% 
}
.col-xs-4{
    width:33.33333333% 
}
.col-xs-3{
    width:25% 
}
.col-xs-2{
    width:16.66666667% 
}
.col-xs-1{
    width:8.33333333% 
}
.col-xs-offset-12{
    margin-left:100% 
}
.col-xs-offset-11{
    margin-left:91.66666667% 
}
.col-xs-offset-10{
    margin-left:83.33333333% 
}
.col-xs-offset-9{
    margin-left:75% 
}
.col-xs-offset-8{
    margin-left:66.66666667% 
}
.col-xs-offset-7{
    margin-left:58.33333333% 
}
.col-xs-offset-6{
    margin-left:50% 
}
.col-xs-offset-5{
    margin-left:41.66666667% 
}
.col-xs-offset-4{
    margin-left:33.33333333% 
}
.col-xs-offset-3{
    margin-left:25% 
}
.col-xs-offset-2{
    margin-left:16.66666667% 
}
.col-xs-offset-1{
    margin-left:8.33333333% 
}
@media (min-width:768px){
    [class*=col-sm-]{
        float:left 
    }
    .col-sm-12{
        width:100% 
    }
    .col-sm-11{
        width:91.66666667% 
    }
    .col-sm-10{
        width:83.33333333% 
    }
    .col-sm-9{
        width:75% 
    }
    .col-sm-8{
        width:66.66666667% 
    }
    .col-sm-7{
        width:58.33333333% 
    }
    .col-sm-6{
        width:50% 
    }
    .col-sm-5{
        width:41.66666667% 
    }
    .col-sm-4{
        width:33.33333333% 
    }
    .col-sm-3{
        width:25% 
    }
    .col-sm-2{
        width:16.66666667% 
    }
    .col-sm-1{
        width:8.33333333% 
    }
    .col-sm-offset-12{
        margin-left:100% 
    }
    .col-sm-offset-11{
        margin-left:91.66666667% 
    }
    .col-sm-offset-10{
        margin-left:83.33333333% 
    }
    .col-sm-offset-9{
        margin-left:75% 
    }
    .col-sm-offset-8{
        margin-left:66.66666667% 
    }
    .col-sm-offset-7{
        margin-left:58.33333333% 
    }
    .col-sm-offset-6{
        margin-left:50% 
    }
    .col-sm-offset-5{
        margin-left:41.66666667% 
    }
    .col-sm-offset-4{
        margin-left:33.33333333% 
    }
    .col-sm-offset-3{
        margin-left:25% 
    }
    .col-sm-offset-2{
        margin-left:16.66666667% 
    }
    .col-sm-offset-1{
        margin-left:8.33333333% 
    }
}
@media (min-width:992px){
    [class*=col-md-]{
        float:left 
    }
    .col-md-12{
        width:100% 
    }
    .col-md-11{
        width:91.66666667% 
    }
    .col-md-10{
        width:83.33333333% 
    }
    .col-md-9{
        width:75% 
    }
    .col-md-8{
        width:66.66666667% 
    }
    .col-md-7{
        width:58.33333333% 
    }
    .col-md-6{
        width:50% 
    }
    .col-md-5{
        width:41.66666667% 
    }
    .col-md-4{
        width:33.33333333% 
    }
    .col-md-3{
        width:25% 
    }
    .col-md-2{
        width:16.66666667% 
    }
    .col-md-1{
        width:8.33333333% 
    }
    .col-md-offset-12{
        margin-left:100% 
    }
    .col-md-offset-11{
        margin-left:91.66666667% 
    }
    .col-md-offset-10{
        margin-left:83.33333333% 
    }
    .col-md-offset-9{
        margin-left:75% 
    }
    .col-md-offset-8{
        margin-left:66.66666667% 
    }
    .col-md-offset-7{
        margin-left:58.33333333% 
    }
    .col-md-offset-6{
        margin-left:50% 
    }
    .col-md-offset-5{
        margin-left:41.66666667% 
    }
    .col-md-offset-4{
        margin-left:33.33333333% 
    }
    .col-md-offset-3{
        margin-left:25% 
    }
    .col-md-offset-2{
        margin-left:16.66666667% 
    }
    .col-md-offset-1{
        margin-left:8.33333333% 
    }
}
@media (min-width:1200px){
    [class*=col-lg-]{
        float:left 
    }
    .col-lg-12{
        width:100% 
    }
    .col-lg-11{
        width:91.66666667% 
    }
    .col-lg-10{
        width:83.33333333% 
    }
    .col-lg-9{
        width:75% 
    }
    .col-lg-8{
        width:66.66666667% 
    }
    .col-lg-7{
        width:58.33333333% 
    }
    .col-lg-6{
        width:50% 
    }
    .col-lg-5{
        width:41.66666667% 
    }
    .col-lg-4{
        width:33.33333333% 
    }
    .col-lg-3{
        width:25% 
    }
    .col-lg-2{
        width:16.66666667% 
    }
    .col-lg-1{
        width:8.33333333% 
    }
    .col-lg-offset-12{
        margin-left:100% 
    }
    .col-lg-offset-11{
        margin-left:91.66666667% 
    }
    .col-lg-offset-10{
        margin-left:83.33333333% 
    }
    .col-lg-offset-9{
        margin-left:75% 
    }
    .col-lg-offset-8{
        margin-left:66.66666667% 
    }
    .col-lg-offset-7{
        margin-left:58.33333333% 
    }
    .col-lg-offset-6{
        margin-left:50% 
    }
    .col-lg-offset-5{
        margin-left:41.66666667% 
    }
    .col-lg-offset-4{
        margin-left:33.33333333% 
    }
    .col-lg-offset-3{
        margin-left:25% 
    }
    .col-lg-offset-2{
        margin-left:16.66666667% 
    }
    .col-lg-offset-1{
        margin-left:8.33333333% 
    }
}
.table-responsive{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar 
}
.table{
    width:100%;
    max-width:100%;
    border:none;
    background:none 
}
.table>thead>tr>th{
    background:#FBFBFB;
    font-weight:500;
    text-align:left 
}
.table>thead>tr>th,.table>tbody>tr>td{
    padding:10px 15px;
    font-size:13px;
    color:#232323;
    border-bottom:1px solid #F5F5F5 
}
.table>tbody>tr:last-child>td{
    border-bottom:0 
}
.form-group{
    margin-bottom:15px 
}
.form-group > label{
    display:block;
    margin-bottom:7px;
    color:#333;
    font-weight:500;
    font-size:13px 
}
.form-control,.input-group .addon{
    display:block;
    background:#FFF;
    padding:15.5px 16px;
    font-size:14px;
    font-weight:400;
    color:#707070;
    border:1px solid #EBEBEB;
    -webkit-transition:border-color ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s;
    transition:border-color ease-in-out .15s;
    -webkit-appearance:none;
    -moz-appearance:none;
    border-radius:4px;
    width:100% 
}
.form-control:focus{
    border-color:#DDD;
    outline:0 
}
.form-control::-moz-placeholder{
    color:#707070;
    opacity:1 
}
.form-control:-ms-input-placeholder{
    color:#707070 
}
.form-control::-webkit-input-placeholder{
    color:#707070 
}
.form-control[disabled],.form-control[readonly]{
    background-color:#eee;
    opacity:1 
}
.form-control[disabled]{
    cursor:not-allowed 
}
textarea.form-control{
    height:auto 
}

[class*=btn][disabled]{
    opacity:.4;
    cursor:not-allowed 
}
[class*=btn]{
    display:inline-block;
    padding:10px 15px;
    font-size:13px;
    font-weight:600;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    user-select:none;
    background-image:none;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:none;
    color:#FFF;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    -webkit-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out 
}


[class*=label-]{
    display:inline;
    padding:3px 6px;
    font-size:75%;
    font-weight:400;
    color:#FFF;
    border-radius:.25em 
}
.label-primary{
    background:#337ab7 
}
.label-success{
    background:#5CB85C 
}
.label-info{
    background:#5BC0DE 
}
.label-warning{
    background:#f0ad4e 
}
.label-danger{
    background:#d9534f 
}
.label-purple{
    background:#722BB3 
}

.clearfix:after,.clearfix:before,.container:after,.container:before,.row:after,.row:before{
    display:table;
    content:" " 
}
.clearfix:after, .container:after, .row:after { clear: both; }

.hide{
    display:none!important 
}
.show{
    display:block!important 
}
@media (max-width:767px){
    .hidden-xs{
        display:none!important 
    }
}
@media (min-width:768px) and (max-width:991px){
    .hidden-sm{
        display:none!important 
    }
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important 
    }
}
@media (min-width:1200px){
    .hidden-lg{
        display:none!important 
    }
}
.header {  position: relative;display: flex;align-items: center;justify-content: center;padding:0px 7% 30px 100px; color: #484848; }

.header .logo  {display: block;padding-top: 30px; }
.header .logo img { max-width: 240px;min-width: 240px;width:240px; }

.header .right{display: flex;align-items: center;justify-content: center;margin-left: auto;padding-bottom: 40px;}

.header .right a {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    padding: .5em 1.2em;
    -webkit-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    -ms-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    color: #FFF;
}

.header .right a:hover, .header .right a:focus{color: rgba(22,7,66,.7)!important;}

.header .right a.contact{

    position: relative;
    color: #FFFFFF;
    border:2px solid rgba(255,255,255,.12);
    border-radius: 50px;
    margin-left: 20px;
    font-size: 18px;
    font-weight: 500;
    border-width: 2px!important;
    padding: .8em 2.9em;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.header .right a.contact:hover,
.header .right a.contact:focus{ background:#160742;color:#FFFFFF !important; }


.mobile {display: none;}

body.page { background: none; }
body.page .header{ position: absolute;top: 0;right: 0;left: 0;z-index: 222;}
  body.page .footer{background: #fcca00;height: auto;padding: 50px 0px;}
  body.page .hero img{width: 100%;}
  body.page .article { padding:120px 0px 100px 0px;min-height: 70vh;  }


  body.page .article h1 {

    font-size: 3rem;
    line-height: .9em;
    letter-spacing: -.02em;
    color: #444;
    font-weight: bold;
    margin-bottom: 60px;


  }
  body.page .article  p{
      margin-top: 1em;
    font-size: 20px;
    color: #7e7b8a;
  }

  body.page .article p {margin-bottom: 15px;}
  body.page .article h2,
  body.page .article  h3, 
  body.page .article h4, 
  body.page .article h5, 
  body.page .article  h6{
        margin-bottom: 15px;
        margin-top: 30px;
        color: #444;
  }




.main { display: flex;align-items: center;justify-content: center;min-height: 700px;}
.main .container{display: flex;align-items: center;justify-content: center;}
.main .left, .main .right{flex: 1;flex-grow: 1;}
.main .left{padding-right: 100px;}
.main .right{text-align: center;padding-right: 30px;padding-bottom: 30px;}
.main .right img {max-width: 85%;}
.main h1 {
    font-size: 3.3125rem;
    line-height: .9em;
    letter-spacing: -.02em;
    color: #160742;
    font-weight: bold;
    margin-bottom: 20px;
}
.main p{
    line-height: 16px;
    font-weight: 400;
    font-style: inherit;
    color: #6d7389;
    margin:.5em 0em;
    font-size: 17px;
   line-height: 1.5625em;
}
.main .btn-main{
    display: inline-block;
    padding: 1em 3em;
    border-radius: 30px;
    background: #fecf00;
    color: #1a191a;
    font-weight: 500;
    font-size: 15px;
    margin-top:15px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}


.services {padding:100px 0px;text-align: center;}


.services span{display: block;font-size: 18px;color: #7e7b8a;font-weight: 500;margin-bottom: 10px;}
.services h4 { font-size: 3rem;line-height: .9em; letter-spacing: -.02em;color: #444;font-weight: bold; margin-bottom: 100px;}

.services .item{
    display: block;
    padding: 50px 25px;
    text-align: center;
}

    .services .item img{width: auto;height:400px;max-height: 400px;}
.services .item h5{
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.3em;
    margin-top: 2.3em;
    color: #444;
}

.services .item p {margin-top: 1em;font-size: 17px;color: #7e7b8a;height: 50px;}

.services img { max-height: 250px;margin-bottom:50px; }

.about { padding-top:150px;padding-bottom: 150px;margin-top:100px;text-align: center; }
.about .left { padding-bottom:50px; }
.about .left img{ display: inline-block;max-height: 500px; }

.about span{display: block;font-size: 24px;color: #7e7b8a;font-weight: 500;margin-bottom: 20px;}
.about h5 { font-size: 3rem;line-height: .9em; letter-spacing: -.02em;color: #444;font-weight: bold; margin-bottom: 40px;}
.about p{display: block; line-height: 16px;font-weight: 400;color: #6d7389;margin:.5em 0em;font-size: 24px;line-height: 1.5625em; }
   

.making { padding-top:150px;padding-bottom: 150px;margin-top:100px;text-align: center; }
.making .left { padding-bottom:50px; }
.making .left img{ display: inline-block;max-height: 330px; }

.making h6 { font-size: 2rem;line-height: .9em; letter-spacing: -.02em;color: #444;font-weight: bold; margin-bottom: 40px;}
.making p{display: block; line-height: 16px;font-weight: 400;color: #6d7389;margin:.5em 0em;font-size: 24px;line-height: 1.5625em; }
   




.elements{
    position: relative;
      height: 800px;
      line-height: 800px;
      min-height: 800px;
      max-height: 800px;
      background: url('../images/bg-2.png') left center no-repeat;
      background-size: contain;
      text-align: center;
      padding-top: 50px;
}

.elements:after { content: '';position: absolute;top: 0;left: 0;right: 50px;bottom: 0;background: url('../images/quote.webp') right center no-repeat;background-size: 250px;}

.elements img{display: inline-block;max-height: 600px;}

.contacts { padding:100px 0px; }
.contacts .title { padding:150px 0px 100px 0px;text-align: center; }
.contacts .title span{display: block;font-size: 15px;color: #7e7b8a;font-weight: 500;margin-bottom: 20px;}
.contacts .title h5 { font-size: 3rem;line-height: .9em; letter-spacing: -.02em;color: #160742;font-weight: bold; margin-bottom: 20px;}
.contacts .title  p{display: block; line-height: 16px;font-weight: 400;color: #6d7389;margin:.5em 0em;font-size: 17px;line-height: 1.5625em; }


.contacts .btn-contacts{

    display: inline-block;
    padding: 1em 3em;
    border-radius: 30px;
    background: #fecf00;
    color: #1a191a;
    font-weight: 500;
    font-size: 15px;
    margin-top:15px;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;

}
   
.contacts .box { 
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding:50px 50px 0px 50px;
    height: 250px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
      -webkit-box-shadow: 0 0 43px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 0 43px 0 rgb(0 0 0 / 6%);
}


.contacts .box i {display: block;font-size: 30px;height: 60px;line-height: 60px;color: #fecf00;}

.contacts .box h6{font-size: 1.375em;line-height: 1.28em;font-weight: 500;}

.contacts .box p {color: #7e7b8a;font-size: 14px;}


.footer {
    display: flex;align-items: center;justify-content: flex-end;
    background: url('../images/footer.png') top center no-repeat;
    background-size: cover;
    color: #888e98;
    font-size:13px;
    padding-top: 600px;
    padding-bottom: 50px;
    text-align: center;
}

.footer .menu li { display: inline-block; }
.footer .menu li a {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 500;
    padding: 1em 1.2em;
    -webkit-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    -ms-transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    transition: color .3s ease,background-color .3s ease,border-color .3s ease;
    color: #FFFFFF;
}

.footer .copyright{ font-size:18px; color:#FFFFFF; }
.footer .copyright a {color:#FFFFFF;}



@media (max-width:767px){

    body{ background:url(../images/mobile.png) top right no-repeat; }

    body.page .hero img{height: 200px;}
    .header { padding: 20px 30px;}
    body:not(.page) .header{ position: absolute;top:0;left:0;width:100%; }
    .header .logo { padding-top:0px; }
    .header .logo img {max-width:130px;min-width: 130px;width:130px; }
  
    .header .right a:not(.toggle){display: none;}
    .header .right a.toggle{ font-size: 30px;padding: 0px;}
    
    .mobile { 
        display: flex;align-items: center;justify-content: flex-start;flex-direction: column;height: 0px;max-height: 0px;min-height: 0px;
        position: fixed;top: 0;left: 0;width: 100%;text-align: center;overflow: hidden;z-index: 9999999999;
        background: linear-gradient(0deg, rgba(244,146,0,1) 0%, rgba(252,197,4,1) 100%);
        -webkit-transition: all .3s cubic-bezier(.46,.03,.52,.96);transition: all .3s cubic-bezier(.46,.03,.52,.96);
    }
    .mobile.open{padding: 100px 0px;height: 100%;min-height: 100%;max-height: 100%;}
    .mobile .close{ display: block;position: absolute;top: 30px;right: 30px;font-size: 30px;}

    .mobile .logo { display: block;margin-bottom: 70px;}
    .mobile .logo img { width:100px; }
    .mobile .nav a { display: block;font-size: 20px;line-height: 20px;padding:10px 0px; }


body.page .article { text-align: center; }
body.page .article h1{font-size: 2.5em;}

body.page .article img{margin-bottom: 70px;}

body.page .article h2, body.page .article h3, body.page .article h4, body.page .article h5, body.page .article h6{font-size: 20px;}

    .main { min-height: 100vh; flex-direction: column; }
    .main .left, .main .right{ flex: none; }
    .main .left { padding-right: 0px; }
    .main .right { width: 100%;padding-bottom:0px;text-align: right; }
    .main .right img { max-width: 40%; }
    .main h1{font-size: 25px;}
    .main p {font-size: 14px;}

    .main .container{padding: 0 30px;}

    .main .btn-main{padding: 10px 15px;}

    .services{ margin-top:0px;padding:0px 30px; }
    .services .item{padding: 25px 0px;}
    .services .item img{width: auto;height:140px;max-height: 140px;}
    .services .item p {display: none;}

    .about{text-align: center;border-bottom: 1px solid #EEE;margin-top: 0px;padding-top: 0px;padding-bottom: 100px;margin-bottom: 100px;}
    .about .container{padding: 0px;flex-direction: column;}
    .about .left{padding-right: 0px;order: 1;}
    .about .right{padding: 0 30px;}
    .about h5{font-size: 30px;margin-bottom: 20px;}
    .about span{font-size: 20px;}
    .about p{font-size: 18px;}


    .services{padding: 0px;margin-bottom: 100px;padding-bottom: 100px;border-bottom: 1px solid #EEE;}
    .services .img{padding: 0 30px;}
    .services h4{font-size: 35px;margin-bottom: 20px;}
    .services .item img{height: 170px;max-height: 170px;margin-bottom: 0px;}
    .services .item h5{font-size: 1.2em;height: 50px;}
    .services .item span{font-size: 12px !important;}

    .making{padding-top: 100px;margin-top: 100px;border-top: 1px solid #EEE;}
    .making h6{font-size: 25px;}
    .making p { font-size:18px;margin:0;padding:0px; }
    .elements{display: block;padding: 0px 30px;text-align: center;height: auto;min-height: auto;max-height: auto;}
.elements:after{display: none;}
    .elements > .row{flex-direction: column;}
    .elements > .row .left{order: 1;}

    .elements > .row .right{ padding:0 0 50px 0px; background: none;}

    .elements .left a {display: block;}

    .elements span{margin-bottom: 10px;}
    .elements h5{font-size: 25px;}
    .elements p{font-size: 15px;margin: 0px;}

    .contacts .container{padding: 0 30px;}
    .contacts .title .row {display: block !important;}
    .contacts .title img{max-height: 250px;}
    .contacts .title {padding: 50px 0px 70px 0px;}
    .contacts .title span{display: none;}
    .contacts .title h5{font-size: 25px;}
    .contacts .title p{font-size: 15px;margin: 0px;}
    .contacts .box{padding: 20px 30px 30px 20px;height: auto;margin-bottom: 20px;}
    
    .footer{padding-top: 300px;}
    .footer .menu li a{padding: 10px;font-size: 18px;}
    .footer .copyright{margin-top: 30px;}

}