ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / tripvare.com / public / css

@charset "utf-8";
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{margin:0;padding:0px;font-family:'Poppins', sans-serif;}
a{color:#000;text-decoration:none;outline:none;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;transition:all 0.3s ease-out 0s;cursor:pointer;}
a:hover, a:focus, a:active, button:focus{text-decoration:none;outline:none;}
h1, h2, h3, h4, h5, h6{margin:0px;padding:0px;font-family:'Poppins', sans-serif;font-weight:700;line-height:normal;}
p{margin:0px;padding:0px;font-family:'Poppins', sans-serif;font-weight:400;font-size:16px;line-height:26px;}
.container{max-width:1570px;}

.main__body__wrap {margin:0px;padding:0px;position:relative;height:918px;overflow:hidden;position:relative;background-position:top;background-repeat:no-repeat;background-size:cover;}
.main__body__wrap:before {position:absolute;left:0px;right:0px;content:'';width:100%;height:100%;background:rgba(0,0,0,.5);}
.main__body__wrap .top__header {margin: 0; padding: 15px 0; border-bottom: 1px solid #626262; display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;width:100%;justify-content:flex-end; position: relative; z-index: 1;}
.main__body__wrap .top__header h1 {color: #fff; font-size: 20px; font-weight: 400; margin: 0 50px 0 0;}
.main__body__wrap .top__header a{max-width:150px; display: inline-block;}
.main__body__wrap .top__header a img{max-height:80px;}
.main__body__wrap .portfolio__form__outer {margin: 30px 0 0; padding: 10px; border: 1px solid #626262;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner {margin: 0; padding: 15px 20px; background: rgba(0,0,0,.5);}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner h2 {color: #fff; font-size: 15px; font-weight: 500; margin: 0 0 20px; text-transform: uppercase; letter-spacing: 2px;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner h2:after{background-color:#fff; height:5px; width:5px; border-radius: 50%; margin-left:15px; display:inline-block; vertical-align:middle; content:"";}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner h2:before{background-color:#fff; height:5px; width:5px; border-radius: 50%; margin-right:15px; display:inline-block; vertical-align:middle; content:"";}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .form-group{margin-bottom:10px;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .form-group label{font-size:13px; font-weight:500; margin:0px 0px 5px; padding:0px; color: #c78a43; letter-spacing: 2px;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .form-group .form__control{height:40px;font-size:13px;color:#0e0e10;border-radius:0;font-weight:400;border:none;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .form-group .g-recaptcha {margin-top: 27px;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .custom-checkbox{position:relative;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .custom-checkbox label{font-weight:400;font-size:14px;color:#c1c1c1;position:relative;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .custom-checkbox .custom-control-label::before{border-radius:0;border:1px solid #000;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-color:#c78a43;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .submit__btn__holder{display:flex;display:-ms-flexbox;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:center;align-items:center;padding:0px;position:relative;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s; margin: 100px 0 30px;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .submit__btn{padding:0px;height:40px;line-height:0px;color:#fff;font-size:16px;font-weight:500;border:none;text-align:center;text-transform:uppercase;width:175px;background:#c49c6d; letter-spacing: 2px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .submit__btn:hover{cursor:pointer;}
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .form-group .form__control, .main__body__wrap .portfolio__form__outer .portfolio__form__inner .form-group .form__control .btn-info.focus, .btn-info:focus{box-shadow:none;}
footer {background:#6b6b6b; position:relative; display:block; clear:both;}
footer .footer_bottom{margin:0px; padding:11px 0px;}
footer .footer_bottom ul {float: left; margin: 0; padding: 0; list-style:none;}
footer .footer_bottom ul li{margin:0px;color:#fff; display: inline-block;}
footer .footer_bottom ul li:after {background-color:#fff; height:15px; width:1px; margin:0 8px; display:inline-block; vertical-align:middle; content:"";}
footer .footer_bottom ul li:last-child:after {display: none;}
footer .footer_bottom ul li a{color:#fff;border:0px;text-transform:uppercase;font-size:14px;font-weight:400;}
footer .footer_bottom p {text-align: center; font-size:13px; padding:0px; margin:0px; font-weight: 400; color: #fff; text-transform: uppercase;}

@media(max-width:1580px) {
.main__body__wrap .portfolio__form__outer .portfolio__form__inner .submit__btn__holder {margin: 50px 0 30px;}
}
@media(max-width:1440px) {
    .main__body__wrap {height: 850px;}
}
@media(max-width:1440px) {
    footer .footer_bottom ul {float: none; text-align: center; margin-bottom: 15px;}
}
@media(max-width:767px) {
    .main__body__wrap {height: auto; max-width: 100%;}
}
@media(max-width:575px) {
    .main__body__wrap {height: auto;}
    .main__body__wrap .portfolio__form__outer {margin: 30px 0;}
}
@media(max-width:480px) {
    .main__body__wrap .top__header h1 {margin: 0 30px 0 0;}
}
@media(max-width:420px) {
    .main__body__wrap .top__header h1 {width: 100%; margin: 10px 0 0; text-align: center; order: 2;}
    .main__body__wrap .top__header a {margin: auto;}
}

[-] premium-style.css [edit]
[-] login-custom-style.css [edit]
[+] ..
[-] bootstrap.css [edit]
[+] booking
[-] toast-notificatons.css [edit]
[-] dashboard-custom-style.css [edit]
[-] dashboard-min.css [edit]
[-] core.css [edit]
[-] core-responsive.css [edit]
[-] frontend-style.css [edit]
[-] language-switcher.css [edit]
[-] responsive-style.css [edit]
[-] Ubuntu-Medium.ttf [edit]
[-] frontend-responsive.css [edit]