/*

Theme Name: Bridge Child

Theme URI: http://demo.qodeinteractive.com/bridge/

Description: A child theme of Bridge Theme

Author: Qode Interactive

Author URI: http://www.qodethemes.com/

Version: 1.0.0

Template: bridge

*/

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



.questionnaire{

    padding:30px;

    font-size:16px;

    margin:20px auto;

    width:90%;

	background:#3a3a3a;

		color:#fff;

		position:relative;

}

@media(min-width:1200px){

    .questionnaire{

        width:1200px; 

        border:1px solid #ccc;

        box-shadow:0px 0px 10px 1px #ccc;

    }

}

.quest{

    color:#333;

    font-size:18px;

    display:block;

    margin-bottom:15px;

}

.notebox{

    position:relative;

    padding-left:26px;

    margin:20px 0;

}

.notebox span{

    font-size:16px;

    position:absolute;

    left:15px;

    font-weight:bold; 

}

.notebox div span img{

    margin-top: 5px;

    }

.notebox div+div span img{

margin-top: 16px;

}

.notebox a{

    color:#ea9786;

}

.notebox div+div p{

border-top: 2px solid #3B3B3B;

padding: 10px 0 0;

margin-top: 10px;

}

[type="radio"],[type="checkbox"]{

    width:15px;

    height:15px;

    position: relative;

    top: 2px;

}

.button-next{

    background:#ee4726;

    border:2px solid #ee4726;

    padding:6px 60px;

    border-radius:20px;

    color:#fff;

    margin-left:auto;

    margin:5px;

	text-transform:uppercase;

	font-size:18px;

}

.button-next:hover{

    color:#ee4726;

    background:#333;

    cursor: pointer;

}

.button-back{

    background:#337d94;

    border:2px solid #337d94;

    padding:6px 60px;

    border-radius:20px;

    color:#fff;

    margin-left:auto;

    margin:5px;	

	text-transform:uppercase;

	font-size:18px;

}

.button-back:hover{

    color:#337d94;

    background:#333;

}

.d-flex{

    display:flex;

}

.justify-content-between{



}

.table-responsive{

    max-width:100%;

    overflow-x:auto;

    overflow-y:hidden;

}

.text-center{

    text-align:center;

}

.opt_box table td{

    text-align:left;

}

.red_btn{

    background:#ea9786;

    color:#fff;

    font-size:20px;

    padding:15px;

    display:block;

    border-radius:5px;

    border: none;

}

.red_btn:hover{

    background:#ea9786;

    color:#fff;

}



.blue_btn{

    background:#519db4;

    color:#fff;

    font-size:20px;

    padding:15px;

    display:block;

    border-radius:5px;

    border: none;

}

.blue_btn:hover{

    background:#519db4;

    color:#fff;

}

.red_color{

    color:rgba(245,84,87,1.00);

}

.green_color{

    color:#008000;

}

.ft-18{

    font-size:18px;

}

.ft-22{

    font-size:22px;

}

#pre_btn, #submit_btn {cursor: pointer!important;}

.opt_box{position: relative;    padding-left: 45px;}

.opt_box>div{

margin:10px 0;	

}

.error[type="radio"]+.error{position: absolute;top: -18px;}

@media(min-width:1025px){

    .flex-2{

        display:flex;

        flex-wrap:wrap;

    }

    .flex-2>div{

        width:50%;

    }

}















.get_quotation{

background:#ee4726 url(images/quest_part.png) no-repeat  25px;

color:#fff; 

font-weight:400;

padding:30px 30px 30px 70px;

background-size:35px;

margin-left:-30px;

margin-right:-30px;

margin-top:-30px;

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:30px;

}

.get_quotation>div:first-child{

	

font-size: 20px;

text-transform:uppercase;

font-weight:500;

}

.steps_countBar{

 display:flex; 

align-items:center;

margin:10px 0 40px;

background:#4d4d4d;

height:10px;

}

.steps_countBar p{

	width:100%;

	height:10px;

}

.steps_countBar p.active{

	background:#ea9786  url(images/bar_arrow.png) no-repeat 100%;

}

.steps_countBar p.active.last{

	background:#ea9786  url(images/bar_arrow2.png) no-repeat 100%;

}

.steps_count{

position:absolute;	

font-family:verdana;

color:#fff; 

font-weight:normal;

}

.quest{

font-family:verdana;

color:#fff;

padding-left:55px;

font-weight:normal;	

}

.notebox{

	background:#4d4d4d;

	padding:10px 45px;

	color:#fff !important;

	margin-top:30px;

}

.notebox p{

	color:#fff !important;

	

	

font-weight:normal;

	font-family:verdana;

}

.button-flex{

	 display:flex;  

	 justify-content:space-between;

	 align-items:center;

}

.text-right{

text-align:right;	

}

.questionnaire [type="text"]{

    background: #4d4d4d;

    border: none;

    height: 34px;

    border-bottom: 2px solid #ea9786;	

	color:#fff;

	    width: 100%;

    padding: 0 15px;

	font-family:verdana;

	box-sizing: border-box;

}

.questionnaire textarea{

    width: 100%;

    background: #4d4d4d;

    border: none;

    height: auto;

    border-bottom: 2px solid #ea9786;	

	color:#fff;

}

.questionnaire ::-webkit-input-placeholder { /* Edge */

  color: #fff;

}



.questionnaire :-ms-input-placeholder { /* Internet Explorer 10-11 */

  color: #fff;

}



.questionnaire ::placeholder {

  color: #fff;

}

.questionnaire p{

color:#ccc;	

}



.questionnaire [valign="middle"],.questionnaire [valign="middle"]>img{

vertical-align:middle !important;	

}

.questionnaire table td {

    padding: 10px;

}



.text-orange{

color:#ee4726;	

}

.justify-flex-end{

justify-content:flex-end;	

}



.btn-primary {

	display: inline-block;

    font-weight: 400;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    border: 1px solid transparent;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    border-radius: .25rem;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    color: #fff;

    background-color: #0062cc;

    border-color: #005cbf;

}