html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

.navbar.navbar-default {
    background: transparent;
    border: 0px !important;
}
.navbar-toggle {
    float: none !important;
    margin: 0px auto;
    text-align: center !important;
}
.navbar-header {
    text-align: center;
}
.navbar{
    margin-bottom: 0px;
    min-height: 0px !important;
}
.navbar-header {
    padding: 20px;
}
   .over-half {
    font-family: roboto;
}
.bigger-width-textarea{
     font-family: roboto;
}
.bigger-width {
        font-family: roboto;
}


    .over-half:focus {
    background: white;
    border-color: #33aed7;
}
    .bigger-width:focus{
        
    background: white;
    border-color: #33aed7;
    }    
    


.navbar-default .navbar-toggle {
    border-radius: 0px;
    border: 2px solid white;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.nav > li {
    background: #34495e;
    border-top: 2px solid white;
}
.nav > li a {
    color: white;
    font-family: 'open sans', serif;
    font-weight: 700;
    color: white !important;
    text-transform: uppercase;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent !important;
}
.nav{
    text-align: center !important;
}
.navbar-nav {
    margin: 0px !important;
    padding: 0px !important;
}
.navbar-collapse{
    padding: 0px;
}
.the-logo img {
    width: 200px;
}
.the-logo-sect {
    text-align: center;
    margin: 0px auto;
}
.the-logo {
    position: absolute;
    z-index: 10;
    padding-top: 10px;
    margin: 0px auto;
    text-align: center;
    right: 0;
    left: 0;
}
.carousel-inner .item img {
    height: 360px;
    width: 100%;
}
.holding-on-the-tag {
    position: absolute;
    z-index: 10;
    color: white;
    top: 120px;
}
.the-big-header {
    font-family: roboto;
    font-size: 25px;
}
.th-background {
    background: rgba(0, 0, 0, 0.9);
    padding: 5px 5px 5px 20px;
    width: 250px;
    margin-left: 20px;
    margin-right: 185px;
    right: 0;
    left: 0;
}
.the-div-tag {
    padding: 5px;
    background: #000c;
}

.the-div-tag {
    margin-left: 20px;
    margin-right: 185px;
    width: 94%;
    right: 0;
    left: 0;
    margin-top: 10px;
    background: rgba(0,0,0,0.9)
        
}


.the-tagline {
    font-size: 16px;
    font-family: roboto;
}
.the-about-tag {
    font-size: 17px;
    font-family: roboto;
    font-weight: 400;
    text-align: center;
    color: #444343;
    padding-top: 20px;
    padding-bottom: 20px;
}
.next-section {
    padding-top: 40px;
}
.the-logios-icon {
    width: 70px;
    height: 70px;
}
.the-logion-image-container {
    text-align: center;
}
.btn.btn-small.read-more {
    background: #030202;
    color: white;
    font-family: roboto;
    text-transform: uppercase;
    font-weight: 900;
    border-radius: 0px;
}
.the-services {
    padding-top: 50px;
    text-align: center;
    font-family: roboto;
    font-weight: 700;
    color: #4c4c4c;
    font-size: 30px;
}
.about-us-block {
    border-top: 2px solid #939393;
    padding: 20px;
    font-family: roboto;
    font-size: 24px;
    font-weight: 600;
    color: #4e4e4e;
    background: #f0f0f0;
    margin-bottom: 10px;
}

.contac-us-text {
    font-size: 25px;
    font-family: roboto;
    text-align: center;
    vertical-align: middle;
    padding-top: 40px;
    z-index: 10;
}
.the-address-section {
    text-align: center;
}
.the-title-address {
    font-family: roboto;
    font-size: 22px;
}
.the-instruction-to-talk {
    font-size: 16px;
    font-family: roboto;
    padding: 20px 0px;
    color: #716b6b;
}
.over-half {
    width: 100%;
    padding: 10px;
    background: #e9e9e9;
    border: 2px solid #d8d8d8;
}
.the-name {
    color: #605e5e;
}

.bigger-width {
    width: 100%;
    padding: 10px;
    background: #e9e9e9;
    border: 2px solid #d8d8d8;
}
.bigger-width-textarea {
    width: 100%;
    height: 100px;
    background: #e9e9e9;
    border: 2px solid #d8d8d8;
    padding: 10px;
}
.bigger-width-textarea:focus {
    background: white;
    border-color: #33aed7;
}
.btn.btn-small.the-submitter {
    background: #030202;
    color: white;
    font-family: roboto;
    text-transform: uppercase;
    font-weight: 900;
    border-radius: 0px;
    margin-top: 20px;
    border: 2px solid #030202;
}
.btn.btn-small.the-submitter:hover {
    background: white;
    color: #4c4c4c;
}
.the-name {
    padding-top: 10px;
}



.the-main-adress {
    font-family: roboto;
    font-size: 14px;
}
.footer {
    background: black;
    color: white;
    font-family: roboto;
    padding: 50px 0px;
}
.the-footer-head {
    text-align: center;
    font-size: 21px;
    padding-top: 30px;
    padding: 20px;
}
.the-main-adress {
    padding-bottom: 20px;
}
.the-tlk-header {
    font-size: 18px;
    font-weight: 600;
    font-family: raleway;
}
.ribbon {
    height: 5px;
    width: 80px;
    background: #009ed6;
    margin: 0px auto;
    margin-top: 20px;
    border-radius: 100px;
    margin-bottom: 20px;
}
.navbar.navbar-default {
    background: #34495e;
    border: 0px !important;
    border-radius: 0px;
}



@media only screen and (max-width: 480px){
        .over-half.one {
    margin-bottom: 10px !important;
}
.bigger-width {
    margin-bottom: 10px;
}
}


@media only screen and (min-width: 480px){
.navbar.navbar-default {
    position: absolute !important;
    top: 0 !important;
    z-index: 10 !important;
    width: 100% !important;
    
}
    

    
    .navbar.navbar-default {
    background: transparent !important;
}
    
    .nav > li {
    background: transparent;
    border-top: 0px !important;
}
    
.nav > li > a {
   color: black !important;
}
    
.navbar-nav > li > a
    {
        padding: 0px !important; 
    }
    .nav.navbar-nav.navbar-right > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
    .nav.navbar-nav.navbar-right {
    margin-top: 30px !important;
}
    
    .carousel-inner .item img {
    height: 700px;
    width: 100%;
        
        
}
    
    .the-big-header {
    font-family: roboto;
    font-size: 40px;
    text-transform: uppercase;
}

.the-div-tag {
    width: 700px;
    padding: 20px;
}

.the-tagline {
    font-size: 22px;
    font-family: roboto;
}
    .th-background {
    background: #000c;
    padding: 5px 5px 5px 20px;
    width: 450px;
    margin-left: 4% !important;
}
    .the-div-tag {
    margin-left: 4%;
}
    
    .holding-on-the-tag {
    top: 270px;
}
    
    .the-logo img {
    width: 300px !important;
}
 .the-logo {
    position: absolute;
    z-index: 10;
    padding-top: 60px;
    margin: 0px !important;
    text-align: left;
    left: 106px;
    width: 400px;
}   
    
 .next-section {
    padding: 50px 6%;
}
    
    .about-us-block {
    width: 45%;
    float: right;
    margin-right: 10px;
        height: 100px;
}
    
    
      .bigger-width {
    margin-bottom: 10px;
}
    .over-half.two {
    width: 48%;
    margin-left: 30px;
}
 .over-half.one {
    float: left;
    width: 44% !important;
}  
    .bigger-width {
    padding: 20px 10px;
}
    
    .over-half {
    padding: 20px 10px;
}
    .btn.btn-small.the-submitter {
    padding: 10px 20px;
    font-size: 16px;
}
    .over-half:focus {
    background: white;
    border-color: #33aed7;
}
    .bigger-width:focus{
        
    background: white;
    border-color: #33aed7;
    }    
    
    
}

@media only screen and (min-width: 680px){
    .over-half.one {
    float: left;
    width: 46% !important;
} 
    
    
    .th-background {
    margin-left: 20px;
}
    
    
}


@media only screen and (max-width: 680px){
.the-div-tag {
    width: 70%;
    padding: 20px;
}
}

@media only screen and (min-width: 1200px){
    .about-us-block {
    width: 49%;
    float: right;
    margin-right: 10px;
    height: 100px;
}
}

.form-group{
	margin: 0px !important;
}

.col-sm-12 {
    padding-top: 30px;
}

.container.spa {
    padding: 0px 5%;
}

#name {
    height: 45px;
    border-radius: 0px;
    background: #e9e9e9;
    border: 2px solid #d8d8d8;
}

#email {
    height: 45px;
    border-radius: 0px;
    background: #e9e9e9;
    border: 2px solid #d8d8d8;
}

.form-control.holdion {
    border-radius: 0px;
    background: #e9e9e9;
    border: 2px solid #d8d8d8;
}

#human{
	 height: 45px;
}

.form-group.clearfix {
    padding-top: 40px;
}