/* add by mohadmin */
body {
    margin: 0;
}

header .logo {
    transition: 1s ease all;
    margin-top: 9px;
    padding: 5px 10px;
    border-radius: 4px;
}

header .logo:hover {
    transition: 1s ease all;
    box-shadow: #ccc 0 0 51px;
}

.background .login-header{    margin-top: 145px;}
.home .links .link.give:hover, .home .links .link.get:hover {
    box-shadow: 0 0 51px #fff;
}

.background .booking-soon{    
	margin-top: 145px;
}

.background .booking-soon p{    
	font-size: 22px;
	color: #fff;
	text-align:center;
}

.section1 {
    min-height: 10px;
    position: relative;
    z-index: 9;
}

.register-to .links .link.give:hover, .register-to .links .link.get:hover {
    box-shadow: 0 0 51px #D5A73C;
}

.form input, .form select, .form textarea, form button {
    border-radius: 4px;
}

.search-button:hover {
    background-color: #000000;
    border-color: #000000;
    color: #fff;
}

.search .links .link.active h4, .search .links .link:hover h4 {
    color: #D5A73C;
    background-color: rgba(255, 255, 255, .9);
    border: #D5A73C 1px solid;
}

.search .links .link.active h4 span, .search .links .link:hover h4 span {
    border-color: #D5A73C !important;
}

.search .links .link.active .fa {
    color: #D5A73C !important;
}

header nav ul li a {
    font-size: 14px;
}

header nav ul li {
    margin-top: 17px;
    margin-left: 0;
}

header nav ul li a {
    padding: 2px 10px;
}

header nav ul li a:hover {
    border-radius: 5px;
    transition: 1s ease all;
    padding: 2px 10px;
    box-shadow: #fff 0 0 20px;
    border-top: 4px solid transparent;
}

#map-canvas {
    border: #D5A73C 5px solid;
}

.search h3 {
    font-size: 2.2em;
}

.btn-secondary:hover, .profile-page .button.btn-danger:hover {
    background-color: white !important;
    border-color: #D5A73C !important;;
    color: #D5A73C !important;
    border-radius: 4px !important;;
}

.home h3 {
    font-size: 36px;
}

header nav .sub-menu:hover .user-info {
    top: 25px;
}

.background .overlay {
    background-color: rgba(0, 0, 0, 0);
}

.background .overlay {
    background-color: rgba(0, 0, 0, 0);
}

.home .links .link {
}

/* end  by mohadmin *//* fazell *//*RESPONSTABLE 2.0 by jordyvanraaij  Designed mobile first!If you like this solution, you might also want to check out the 1.0 version:  https://gist.github.com/jordyvanraaij/9069194*/
.responstable {
    margin: 1em 0;
    width: 100%;
    overflow: hidden;
    background: #FFF;
    color: #024457;
    border-radius: 10px;
    border: 1px solid #167F92;
}

.responstable tr {
    border: 1px solid #D9E4E6;
}

.responstable tr:nth-child(odd) {
    background-color: #EAF3F3;
}

.responstable th {
    display: none;
    border: 1px solid #FFF;
    background-color: #d5a73c;
    color: #FFF;
    padding: 1em;
}

.responstable th:first-child {
    display: table-cell;
    text-align: center;
}

.responstable th:nth-child(2) {
    display: table-cell;
}

.responstable th:nth-child(2) span {
    display: none;
}

.responstable th:nth-child(2):after {
    content: attr(data-th);
}

@media (min-width: 480px) {
    .responstable th:nth-child(2) span {
        display: block;
    }

    .responstable th:nth-child(2):after {
        display: none;
    }
}

.responstable td {
    display: block;
    word-wrap: break-word;
    max-width: 7em;
}

.responstable td:first-child {
    display: table-cell;
    text-align: center;
    border-right: 1px solid #D9E4E6;
}



@media (min-width: 480px) {
    .responstable td {
        border: 1px solid #D9E4E6;
    }
}

.responstable th, .responstable td {
    margin: .5em 1em;
}

.responstable th:not(.text-center), .responstable td:not(.text-center) {
    text-align: left;
}

@media (min-width: 480px) {
    .responstable th, .responstable td {
        display: table-cell;
        padding: 1em;
    }
}

body {
    font-family: Arial, sans-serif;
    color: #024457;
}

h1 {
    font-family: Oswald, sans-serif;
    font-weight: normal;
    color: #024457;
}

h1 span {
    font-family: Oswald, sans-serif;
    color: #167F92;
}

.pagination {
    background: #f2f2f2;
    padding: 20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 1px 3px rgba(0, 0, 0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .8);
    color: #f0f0f0;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg, #f8f8f8, #e9e9e9);
}

.pagination.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .1), 0 1px 3px rgba(0, 0, 0, .1);
    color: #feffff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg, #547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg, #565b5f, #3e4347);
}

.float-r {
    float: right;
}

.float-l {
    float: left;
}

.clear-both {
    clear: both;
}

.margin-top5 {
    margin-top: 5px;
}

.form label {
    text-align: left !important;
}

.switch label {
    margin-left: 30px;
}

.form .yesno label {
    margin-top: 10px !important;
    text-align: center !important;
    margin-left: -15px !important;
}

textarea:focus, #frmSearch input:focus, #frmSearch input[type]:focus, #frmSearch select:focus {
    outline: 0 #D5A73C solid;
}

#map-canvas input:focus, #map-canvas input[type]:focus {
    outline: 0 #D5A73C solid;
}

.search {
    padding-top: 30px;
}

.profile-page h3.h3italic {
    font-style: italic;
}

.profile-page h3 {
    font-family: Oswald, sans-serif;
    margin-bottom: 20px;
    font-size: 2.2em;
    font-weight: bold;
    text-align: center;
}

.favorites .fav .avatar {
    border-radius: 20px;
}

header nav ul li .user-info a:hover {
    border-radius: 5px;
    padding: 2px 10px;
    box-shadow: none !important;
    border-top: none !important;
}

header nav ul li .user-info a {
    border-radius: 5px;
    padding: 2px 10px;
    box-shadow: none !important;
    border-top: none !important;
}

label.switch {
    margin-top: 20px;
    margin: 51px auto 0 auto !important;
    width: 30px;
    text-align: center !important;
}

.tableimg {
    margin-bottom: -20px;
}

.profile-page .row .heading h4 {
    font-size: 32px;
    font-weight: bold;
}

.home .links {
    padding-top: 25px;
}

.time-list h3 {
    color: #33333c;
    font-size: 26px !important;
    padding-bottom: 10px;
}

.data h5 {
    font-family: Verdana;
    font-weight: bold;
    font-size: 22px !important;
}

button[disabled], html input[disabled] {
    cursor: default;
    font-size: 18px !important;
}

.updateuser .crud-form h5 {
    background: transparent;
}

.updateuser label.switch {
    margin-top: 20px;
    margin: 20px auto 0 auto !important;
    width: 100px;
    text-align: center !important;
}

.signup .inputs-selection i {
    display: none;
}

.signup .inputs-selection {
    border: 1px solid #DDD;
    color: #B8B8B8;
    height: 100%;
    min-width: 90px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}

.signup .form input {
}

.genderselect .inputs-options {
    width: 200px;
    text-align: center;
    margin: 0 auto;
    float: left;
}

.credits h3 {
    text-transform: uppercase;
    font-size: 2.2em;
}

.genderselect .inputs-select-simple a {
    clear: none;
}

.distance-selection .inputs-selection {
    z-index: 9 !important;
}

.calendar-date .buttons, .check-box.passed {
    display: none !important;
}

.mobile-menu.is-open {
    position: absolute;
    right: 15px;
    top: 20px;
}

.row p, .form p {
    font-size: 15px !important;
    color: #000 !important;
    max-width: 100%;
}

span.mute {
    font-size: 15px !important;
    display: block;
    color: #000 !important;
    padding: 15px 0 0;
    font-weight: 200;
}

.table > *:nth-child(4) {
    margin-top: 80px;
}

#locationTitle h5 {
    font-size: 1.7em;
    margin-top: 40px;
    font-weight: 200;
}

.mycarousel {
    display: none;
}

.myslidephoto {
    display: block;
}

.lightbox img {
    max-width: 90%;
}

.form .yesno .switch label {
    background-color: #DDD;
}

.switch label:after {
    margin-right: 40px;
}

.home.userlogin {
    background: transparent !important;
    color: #000;
}

.home.userlogin form button:hover, .home.userlogin form button:focus {
    border: 2px solid #D5A73C;
    background-color: transparent;
}

.home.userlogin form input {
    border: 2px solid #111 !important;
}

.profile-page button:hover, .home.userlogin form input:hover {
    color: #000;
    background-color: #fff;
}

.home.userlogin form input:focus {
    border: 2px solid #D5A73C !important;
}

.home.userlogin form .btn-success{
    border: 2px solid #D5A73C !important;
}

.task-item {
    background: rgba(230, 230, 230, .9) !important;
}

.task-item:hover {
    border: #D5A73C 1px solid;
}

.invalid::placeholder {
    color: #D5A73C !important;
}

.errors .alert-message {
    background: transparent;
    padding: 0;
}

.ui-state-disabled a {
    border: #D5A73C 1px solid !important;
}

.t3-header {
    padding-bottom: 0;
}

.navbar-nav {
}

header nav ul li {
    margin-top: 10px;
}

@media (min-width:768px) and (max-width: 1170px) {
.navbar-default .navbar-nav > li a {
        padding: 2px 0px 2px 10px !important;
        font-size: 15px !important;
}
.t3-header .col-sm-9 {
        padding-left: 0;
    }
}





.t3-navhelper{
background: #f5f5f5;
    border-top: none;
    color: #555555;
  
     width: 100%;
    position: fixed;
    bottom: 0;    
    z-index:999;     padding: 0; 
    
}
 
 
 #faq,#myBtn , #faq.active ,#faq.active #myBtn, .arrow1 , .arrow2, #faq.active .arrow1, #faq.active .arrow2, #faq.active #myBtn span,#myBtn span{-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}

#faq {
    position: fixed;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #f1eee8;
    left: 0;
 
}
.faq-content{ padding: 120px 60px 60px 60px;}

#faq.active{ top: 0%;  }

#faq.active #myBtn{ top: 20px;
    width: 53px;
    margin-left: -25px;}
#faq h3 {
    font-size: 27px;
}

#myBtn {
    position: absolute;
    top: -80px;
    font-size: 24px;
    font-weight: bold;
    border-radius: 33px;
    padding: 7px;
    left: 50%;
    width: 155px;
    text-align: center;
    margin-left: -75px;
    border: 2px solid #eeca72;
    color: #fff;
    background: #d2a02d;
}
#myBtn span{    padding-right: 36px;     font-size: inhert;}
#faq.active #myBtn span{font-size: 0;}
.arrow1{
position: absolute;
    width: 4px;
    height: 20px;
    background: #ffffff;
    transform: rotate(45deg);
    top: 14px;
    left: 107px;
    
}
.arrow2{  position: absolute;
    width: 4px;
    height: 20px;
    background: #ffffff;
    transform: rotate(-45deg);
    top: 14px;
    left: 119px; }
    
#faq.active .arrow1{left: 23px;
    height: 33px;
    top: 7px; }  
#faq.active .arrow2{   left: 23px;
    height: 33px;
    top: 7px;}    
    
    
.accordion .btn{    background: #d2a02d1f;
    color: #333333;
    padding: 13px;
    width: 100%;
    font-size: 19px;
    border: 1px solid #d2a02d78;
    border-radius: 30px;}
    
.accordion .btn:focus, .accordion .btn:focus-within{    outline: none !important;
 border: 1px solid #edab11;   
}    
    
.accordion .card-body {    padding: 30px;}
.accordion {
    padding-top: 20px;
}
@media only screen and (max-width: 991.98px) {
.background .login-header {
    margin-top: 15px;
}    
.faq-content{ padding: 90px 20px 30px 20px} 
.accordion .card-body {
    padding: 20px 0px;
}
#myBtn {
     top: -63px;
    font-size: 22px;
     border-radius: 33px;
    padding: 4px 7px;
    left: 20px;
    width: 155px;
     margin-left: 0;
 }
 #faq.active #myBtn {
    top: 20px;
    width: 46px;
    margin-left: -23px;
    left: 50%;
}
 .arrow1, .arrow2{top:9px;}
 #faq.active .arrow1 ,#faq.active .arrow2{
    height: 26px;     left: 20px;}
}







.view-featured .blog-featured.background{position: relative !important;    height: auto;}
.t3-content.h-100 {    height: auto !important;}

html.background .t3-header{    position: fixed;}
html.background{    position: relative !important;}

html.background #t3-mainbody{
    width: 100%;
    background: url(../images/4.jpg);
    background-size: cover ;
}

html.background #t3-mainbody:before { 
    position: absolute;
    width: 100%;
    content: '';
    background: #00000099;
    height: 100vh;
    left: 0;
    top: 0;
}

html.background #t3-mainbody.h-100{
     height: 100vh  !important;
}
.first-home.background .section1 {
    min-height: 0;
}
.first-home.background .login-header {
    margin-top: 240px;
}

html.background .section1{    position: absolute;
    width: 100%;}






#faq2 {
 

    background: #f1eee8;

}
.faq2-content{ padding:70px 60px 60px 60px;}

 
 
#faq2 h3,.background.first-home .custom h3 {
    font-size: 27px;
}

.background.first-home .t3-content .position-relative.h-100{    height: unset !important;}
    
.accordion .btn{    background: #d2a02d1f;
    color: #333333;
    padding: 13px;
    width: 100%;
    font-size: 19px;
    border: 1px solid #d2a02d78;
    border-radius: 30px;
    text-wrap: unset;
    text-decoration: none;
}

.booking-soon a,.booking-soon a:hover, .booking-soon a:focus {
    color: #d2a02d;
    text-decoration: none;
}
    
.accordion .card-body {    padding: 30px;}
.accordion {
    padding-top: 20px;
}


.section11{background: #f1eee8;}


.homelatestblog {
    display: flex;
    padding: 20px 60px 60px 60px;    margin-bottom: 0;
}

.homelatestblog li{
    padding: 20px;
    background: #eee4d1;
    border: 1px solid #d2a02d78;
    border-radius: 15px;
    margin: 18px;
    
}
.homelatestblog li h3{     
    font-size: 20px;
    text-transform: math-auto;
    font-weight: 600;
    line-height: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d2a02d66;
    margin-bottom: 20px !important;}

.homelatestblog li .readmore{    background: #d2a02d0f;
    padding: 11px 24px;
    margin-top: 20px;
    color: #d2a02d;
    border: 1px solid #d2a02d;
    border-radius: 30px;
    font-size: 16px;}
.homelatestblog li .readmore:hover{    background: #d2a02d;
    color: #fff;
    text-decoration: none;}

.homelatestblog li .introtext{
    margin-bottom: 30px;
}
.homelatestblog img{ border-radius: 15px;
    height: 300px;
    width: 100%;
    object-fit: cover;}

.layout-blog .t3-sidebar{background: #eee4d1; border: 1px solid #d2a02d78;
    border-radius: 15px;
    box-shadow:none !important;
    margin-top: 20px;
}
.layout-blog .t3-sidebar ul.latestnews{    margin: 0;}
.layout-blog .t3-sidebar ul.latestnews li{margin-bottom: 25px;
    border-bottom: 1px solid #d2a02d;
    padding-bottom: 15px;}
.layout-blog .t3-sidebar ul.latestnews li h3{font-size: 18px;ine-height: 24px;
    font-weight: 600;}
.layout-blog .t3-sidebar ul.latestnews li .readmore{background: #d2a02d0f;
    padding:8px 20px;
    margin-top: 20px;
    color: #d2a02d;
    border: 1px solid #d2a02d;
    border-radius: 30px;
    font-size: 16px;}
    
.layout-blog .t3-sidebar ul.latestnews li .readmore:hover{    background: #d2a02d;
    color: #fff;
    text-decoration: none;}
    
    
.layout-blog .t3-sidebar ul.latestnews li img{    border-radius: 10px;}
.layout-blog .t3-sidebar ul.latestnews li .introtext{}
.layout-blog .t3-sidebar .module-title  {
    margin-top: 0 !important;
    margin-bottom: 23px !important;
    color: #4f4a40;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2a02d;
}

.layout-blog h2.article-title{    font-size: 24px;
    text-align: left;
    text-transform: math-auto;
    line-height: 35px;}


.layout-blog .item-image{    margin-right: 0 !important;}
.layout-blog .item-image img{ border-radius: 10px;}
.layout-blog #t3-content{    padding-right: 40px !important;}


.t3-mainbody {
    padding-bottom: 75px;
}

.t3-footer {    box-shadow: 0 0 106px 8px #000000de inset;

    background: #22222e !important;    text-align: left;
}
.t3-copyright .copyright .custom {border-top: 1px solid #d5c7887d;
        padding-top: 18px;
    text-align: center; color: #d5c791;
}
.t3-copyright .copyright .custom p{color: #d5c791 !important;}
.t3-footnav .t3-module {
    background: transparent ;}
    
.t3-footer h3{       color: #d5c791;
    font-size: 20px;
    text-transform: inherit;
    font-weight: 500;
    border-bottom: 1px solid #d5c7887d;
    padding-bottom: 10px;}
    
.t3-footer ul{    margin: 15px 0 15px 0;}
.t3-footer ul li{padding: 4px 0 4px 0;}
.t3-footer ul li img{    width: 25px;
    margin-right: 10px;}
.t3-footer a{ color: #d5c791 !important;}
.t3-footer a:hover{color: #fff !important;     text-decoration: none !important;}
.t3-footer .logo {
        border-bottom: 1px solid #d5c7887d;
    padding-bottom: 8px;
        margin-bottom: 15px;
    margin-top: 21px;
}

.t3-footer .logo-text a {
    color: #f9e37f;
}

.t3-footer  p, .t3-footer p {
    color: #a7a69d !important;}
    
.background .login-header .h1{max-width: 850px;}

.background .login-header {
 
    justify-self: center;
}
    
@media only screen and (max-width: 991.98px) {
    .layout-blog #t3-content{    padding-right: 20px;}
    .homelatestblog {
    display: block;
    padding: 10px 10px 55px 10px;
}
   .background .login-header{
		margin-top: 115px;
	}
	.first-home.background .login-header {
		margin-top: 115px !important;
	}
	
	.faq2-content{ padding: 90px 20px 30px 20px} 
	.accordion .card-body {
		padding: 20px 0px;
	}

	.first-home.background #t3-mainbody.h-100 {
		height: 100%;
	}
	.first-home.background .t3-header {
		position: fixed;
		background: #040a14 !important;
	}
		
}

@media only screen and (max-width: 576px) {
    .first-home h1, .first-home .h1 {
    font-size: 40px !important;
        padding: 0 15px;
}
}
 
 
 
html:not(.background) .t3-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
    
html:not(.background)  .t3-mainbody {
    flex: 1;
}