﻿.register
{
    width:100%;
    margin-top:5%;
    
}
.register form {
    padding: 20px 50px 40px 50px;
    /*background: #f8f8f8 url(../Images/pattern.jpg) left top repeat;*/
            -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
 
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    text-align: center;
}
       .register form h2 {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px dotted #bbb;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    font-family: cursive;
    font-weight: bold;
    color: darkgreen;
}
       .register form label {
    margin: 7px 0 10px 5px;
    font-size: 16px;
    text-align: left;
}
       .register form input {
   
    background: #fff;
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) inset;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    color: #888;
    font-size: 16px;
}

       .register form button {
    cursor: pointer;
    width: 60%;
    height: 42px;
    margin-top: 25px;
    padding: 0;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 0;
    -moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    -webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    box-shadow: 0 15px 30px 0 rgba(255,255,255,.1) inset;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}
       .red {
    color: #eb4141;
}
.register-btn {
    cursor:pointer;
    color:darkgreen;
}
.register-btn:hover {
    cursor:pointer;
    text-decoration:underline;
    color:orangered;
}
.logins{
    margin-top:20%;
}
iframe {
        border: 3px solid gray;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    width: 98%;
    /* top: 20%; */
    text-align: center;
    min-height:250px;
    max-height:250px;
}
.video {
    margin-top: 15%;
    text-align: center;
}
@media (min-width:0px) and (max-width:320px) {

    arrow {
        width:10%;
        height:10%
    }

    .dropdown-menu > li  {
      background-color:  rgba(158, 158, 158, 0.9) !important;
         
    }


    .register form {
         padding: 2px 5px 4px 5px !important;
    }
    



    .button_fullwidth {
        padding-bottom:0%;

    }
    .owner-top
    {
       margin-top:20% !important;
    }
     .col-md-booking{
       width: 100%;
    display: inline-flex;
    padding:10px;
    }
    .col-left
    {
        float:left;
       width:20%;

    }
    .col-center
    {
       width:55%;
    }
    .col-right
    {
       width:20%;
       float:right;
    }
    .arrow-img
    {
        width:32px;
        height:32px;
    }
    .col-ownerbook
    {
        padding-bottom:2%;
    }
    .p-header
    {
            margin: 0 0 0px !important;
            font-size:20px ;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .circle {
        margin:0.5% !important;
    }
    .form-group
    {
        margin-bottom:0px !important;
    }
    input.form-control {
        margin-bottom:0px !important;
    }

}
@media (min-width:320px) and (max-width:480px) {
     .dropdown-menu > li  {
      background-color:  rgba(158, 158, 158, 0.9) !important;
       
    }
     .owner-top
    {
       margin-top:20% !important;
    }
     .col-md-booking{
       width: 100%;
    display: inline-flex;
    padding:10px;
    }
    .col-left
    {
        float:left;
       width:20%;

    }
    .col-center
    {
       width:55%;
    }
    .col-right
    {
       width:20%;
       float:right;
    }
    .arrow-img
    {
        width:32px;
        height:32px;
    }
    .col-ownerbook
    {
        padding-bottom:2%;
    }
    .p-header
    {
            margin: 0 0 0px !important;
            font-size:20px ;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .circle {
        margin:0.5% !important;
    }
    .form-group
    {
        margin-bottom:0px !important;
    }
    input.form-control {
        margin-bottom:0px !important;
    }

}
@media (min-width:480px) and (max-width:768px) {
     .dropdown-menu > li  {
      background-color:  rgba(158, 158, 158, 0.9) !important;
       
    }
      .owner-top
    {
       margin-top:11% !important;
    }
     .col-md-booking{
       width:95%;
       margin-left:5%;
    display: inline-flex;
    padding:10px;
    }
    .col-left
    {
        float:left;
       width:20%;

    }
    .col-center
    {
       width:55%;
    }
    .col-right
    {
       width:20%;
       float:right;
    }
    .arrow-img
    {
        width:32px;
        height:32px;
    }
    .col-ownerbook
    {
        padding-bottom:2%;
    }
    .p-header
    {
            margin: 0 0 0px !important;
            font-size:20px ;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .circle {
        margin:0.5% !important;
    }
    .form-group
    {
        margin-bottom:0px !important;
    }
    input.form-control {
        margin-bottom:0px !important;
    }
}
@media (min-width:768px)and (max-width:1025px) {
      .owner-top
    {
       margin-top:11% !important;
    }
    .col-md-booking{
       width: 50%;
    margin-left: 26%;
    margin-right: 14%;
    display: inline-flex;
    padding:10px;
    }
    .col-left
    {
        float:left;
       width:20%;

    }
    .col-center
    {
       width:55%;
    }
    .col-right
    {
       width:20%;
       float:right;
    }
    .arrow-img
    {
        width:32px;
        height:32px;
    }
    .col-ownerbook
    {
        padding-bottom:2%;
    }
    .p-header
    {
            margin: 0 0 0px !important;
            font-size:20px ;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .col-datebook
    {
        padding-left:10%;
    }
}
@media (min-width:1025px) and (max-width:1280px) {
      .owner-top
    {
       margin-top:11% !important;
    }
    .col-md-booking{
       width: 50%;
    margin-left: 26%;
    margin-right: 14%;
    display: inline-flex;
    padding:10px;
    }
    .col-left
    {
        float:left;
       width:20%;

    }
    .col-center
    {
       width:55%;
    }
    .col-right
    {
       width:20%;
       float:right;
    }
    .arrow-img
    {
        width:32px;
        height:32px;
    }
    .col-ownerbook
    {
        padding-bottom:2%;
    }
    .p-header
    {
            margin: 0 0 0px !important;
            font-size:20px ;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .col-datebook
    {
        padding-left:10%;
    }
}
@media (min-width:1268px) {
      .owner-top
    {
       margin-top:11% !important;
    }
    .col-md-booking{
       width: 50%;
    margin-left: 26%;
    margin-right: 14%;
    display: inline-flex;
    padding:10px;
    }
    .col-left
    {
        float:left;
       width:20%;

    }
    .col-center
    {
       width:55%;
    }
    .col-right
    {
       width:20%;
       float:right;
    }
    .arrow-img
    {
        width:32px;
        height:32px;
    }
    .col-ownerbook
    {
        padding-bottom:2%;
    }
    .p-header
    {
            margin: 0 0 0px !important;
            font-size:20px ;
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }
    .col-datebook
    {
        padding-left:10%;
    }
}
.navbar-nav>li>a{
    padding-top:7px !important;
}