/*
Theme Name: marinet child
Description: Marinet is a leader at hotel internet marketing and offers integrated solutions for hotel promotion, marketing and sales.
Tags: Hotels, CMS , Responsive, Internet solutions
Author: Marinet
Author URI: #
Template: marinet
Version: 1.0.0
Text Domain:  marinet
*/

@import url("../marinet/style.css");

.title_outer{
	display: none !important;
}

	 

.color-blue{
	color: #44A0D8;
}
.bg-color-blue{
	background: #44A0D8;
}

.color-grey {
	color: #848484;
}

.color-tab{
	color: #F5F5F5;
}

.color-dark{
	color: #363636;
}
.wizard-container *{
	font-family: 'Noto Sans', sans-serif !important;
}

.d-inline{
	display: inline-block;
} 
.f-left{
	float: left;
}

.border-bottom-blue{
	border-bottom: 1px solid #44A0D8;
}

.card.wizard-card{

	padding: 0 35px 35px 35px;
}


.text-justified{
	text-align: justified;
}

.font-one{

	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0;
	padding-bottom: 12px;
}

.font-two{


	font-size: 20px;
	font-weight: 500;
	line-height: 27px;
	letter-spacing: 0em;
	padding-bottom: 30px;

}

.font-three{
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0em;
	padding-bottom: 30px;
}

.contant-form-details{
	padding-right: 25px;
	border-right: 1px solid #E5E5E5;
}


.wizard-container .wizard-card[data-color="purple"] .moving-tab {
	background-color: #9c27b0;
	box-shadow: 0 16px 26px -10px rgb(156 39 176 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(156 39 176 / 20%);
	background: #44A0D8;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	border-radius: 3px;
	font-family: Noto Sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0em;
}

.wizard-container .wizard-card .moving-tab {
	font-family: Noto Sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0em;


	padding: 16px;

	top: -7px;
	left: 0px;
	background-color: #9c27b0;
	box-shadow: 0 16px 26px -10px rgb(156 39 176 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(156 39 176 / 20%);
	background: #44A0D8;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	border-radius: 3px;
}

.wizard-container .wizard-card .tab-content {

	padding: 50px 15px;
}


.btn.btn-next {

	background-color: #9c27b0 !important;
	box-shadow: 0 16px 26px -10px rgb(156 39 176 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(156 39 176 / 20%);
	background: #44A0D8  !important;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25)  !important;
	border-radius: 3px;
	font-family: Noto Sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0em;
	padding: 16px 40px;
}

.btn.btn-next:hover{
	background: #44A0D8;
}

.btn.btn-previous{

	background-color: #9c27b0 !important;
	box-shadow: 0 16px 26px -10px rgb(156 39 176 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(156 39 176 / 20%);
	background: #B0B0B0  !important;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25)  !important;
	border-radius: 3px;
	font-family: Noto Sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0em;
	padding: 16px 40px;
}

.btn.btn-previous:hover{
	background: #B0B0B0;
}

.wpcf7-form-control-wrap.logismiko > span{
	display: flex;
	flex-wrap: wrap;
}
span.wpcf7-list-item {
     flex: 50%;
    margin-bottom: 15px !important;
}

input[type=checkbox], input[type=radio] {
    line-height: normal;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid #363636;
	    margin: 0;
    box-shadow: inset 0px 0px 4px rgb(0 0 0 / 25%);
}

span.wpcf7-list-item {
    margin: 0;
    display: flex;
    align-items: center;
}

.form-group label {
    font-size: 14px;
    line-height: 1.42857;
    color: #AAAAAA;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.wpcf7-list-item-label{
	font-family: Noto Sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 19px;
	letter-spacing: 0em;
    margin-left: 10px;
	color: #363636;
}
.select-ctf{
	position: relative;
    width: 170px;
	padding-bottom: 20px;
	margin-top: 30px;
}

.select-ctf select{
   padding: 0 !important;
   border: 0 !important;
   border-bottom: 1px solid  #363636 !important;
	font-size: 14px  !important;
    font-weight: 700  !important;
    line-height: 19px  !important;
    letter-spacing: 0em  !important;
	color:  #363636 !important;
}

.select-ctf::after{
	content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #363636;
    position: absolute;
    top: 6px;
    right: 0;
}
   
.cc-label{
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0em;
}

.select-ctf.select-ctf-klados{
	width: 100%;
    max-width: 400px;
}


.select-ctf .klados select{
	background: #EFEFEF;
    padding: 15px !important;
    border: 0 !important;
}

.select-ctf.select-ctf-klados::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #363636;
    position: absolute;
    top:  21px;
    right: 18px;
}

 

.from-group-temp input {
    border: 0 !important;
    border-bottom: 1px solid #363636 !important;
    padding: 15px 0 !important;
}

html body input.wpcf7-form-control.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit:not([disabled]){
	   background-color: #9c27b0 !important;
    box-shadow: 0 16px 26px -10px rgb(156 39 176 / 56%), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(156 39 176 / 20%);
    background: #44A0D8 !important;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%) !important;
    border-radius: 3px;
    font-family: Noto Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: 0em;
    padding: 16px 40px !important;
    height: auto !important;
}

.contant-form-selection{
  display: flex;
  flex-wrap: wrap;
}
 
.contant-form-selection > span {
   
	
    margin-bottom: 16px!important;
  
	
}

.contant-form-selection br{
	display:none;
}
.contant-form-selection > span{
	 flex: 50%; /* or - flex: 0 50% - or - flex-basis: 50% - */
     margin-bottom: 10px;
 	flex-direction: space-between;
}
 .fuku-button2 {
    display: none;

}
@media only screen and (max-width: 600px) {
	.contant-form-selection > span{
		 flex: 100%;
	}
}

.nav-pills > li > a{ font-size: 14px;}
.nav.nav-pills li{
	margin: 0;
}
li {

    margin: 15px 0px;

}

table.GeneratedTable  {
  width: 100%;
  background-color: #ffffff;
  border-collapse: collapse;
  border-width: 1px;
  border-color: #878787;
  border-style: solid;
  color: #000000;
text-align:left;
}

table.GeneratedTable td, table.GeneratedTable th {
  border-width: 1px;
  border-color: #878787;
  border-style: dashed;
  padding: 8px 10px;
	text-align:left;
}

table.GeneratedTable thead {
  background-color: #ffffff;
}


.main-text {
    padding-right: 100px !important;
    padding-left: 100px !important;
}
@media only screen and (max-width: 600px)
	
{
	
.fuku-button2 {
    background: #44a0d8;
    font-size: 14px;
    font-weight: 500;
	line-height:30px;
	height:30px;
    color: #ffffff;
    text-align: center;
    padding: 0px 15px;
    display: block;
position:absolute;
	top:80px; right:-62px; z-index:999999!important;
  margin-right:50%;
}	
	.fuku-button2:hover {
    background: #00408f;

    color: #ffffff;

  

}	
	
.vc_column_container>.vc_column-inner {

    padding-left: 10px;
    padding-right: 10px;

}
	
	h1 {
    font-size: 30px!important;
	line-height: 36px;
}
h2{	line-height: 30px;
    font-size: 22px;
	padding-bottom:15px;
	}
	body {

    font-size: 14px;
line-height:20px;
}
	
	p {

    font-size: 14px;
line-height:20px;
}
.main-text {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
}


.fuku-button {
    background: #44a0d8;
    font-size: 18px;
    font-weight: 500;
	line-height:45px;
	height:45px;
    color: #ffffff;
    text-align: center;
    padding: 0px 25px;
    display: block;

	top:25px; right:10px; z-index:999999!important;
  

}
.fuku-button:hover {
    background: #00408f;
    color: #ffffff;

  

}

	

@media only screen and (max-width: 800px){
.q_logo img {
    top: 0;
    left: 0;
    height: 70%!important;
}}



@media only screen and (max-width: 1280px){
.q_logo img {

    height: 80%!important;
}}