/*
CTC Separate Stylesheet
Updated: 2018-06-18 07:07:26
Theme Name: Semtive Child
Theme URI: http://semtive.com
Template: bridge
Author: December Labs
Author URI: https://decemberlabs.com/
Description: Semtive web theme
Tags: creative,portfolio,multi-purpose,clean,retina,responsive,parallax,mega menu,blog,agency,business,fullscreen,modern,background video,ajax
Version: 12.0.1507550846
*/

/* For Firefox */
input[type='number'] {
    -moz-appearance: textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input::-webkit-contacts-auto-fill-button, 
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

.crosshair {
    cursor: crosshair;
}

#address-container {
    display: flex;
    flex-direction: row;
    background-color: #F8F9FB;
    border: 1px solid #F8F9FB;
    border-radius: 50px;
    width: 550px;
    height: 45px;
    margin: 0 auto;
    padding: 5px;
}

#feedback-address {
    width: 110px;
    border-radius: 25px;
    border: 1px solid #EE8601;
    background-color: #EE8601;
    color: white;
    cursor: pointer;
    cursor: hand;
    font-size: 16px;
    line-height: 2;
    text-align: center;
}

#txt-address {
    flex-grow: 2;
    background-color: #F8F9FB;
    border: none;
    margin-left: 15px;
    line-height: 16px;
    font-family: Muli;
    font-weight: 300;
    font-size: 16px;
}

#txt-address:focus {
    outline: none;
}

#feedback-address:focus {
    outline: none;
}

.icons-list {
    margin-bottom: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.icons-list .icons-list-item {
    display: inline-block;
    line-height: 1em;
    margin: 10px;
    width: 110px;
}


.icons-list .icons-list-item label {
    margin-top: 10px;
    color: #A3B8CC;
}

#change-location {
    cursor: pointer;
    cursor: hand;
}

#step-result, #step-location {
    margin-bottom: 70px;
}

/* Spinner */

.spinner {
    display: inline-block;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}

.has-spinner.active {
    cursor: progress;
}

.has-spinner.active .spinner {
    opacity: 1;
    width: auto;
}

.has-spinner.btn.active .spinner {
    min-width: 20px;
}

/*Generics*/
.new_row {
    width: 100%;
    float: left;
    line-height: 45px;
}

.center_content {
    width: 940px;
    margin: 0 auto;
}

/*Small Text*/
.small_text {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 20px;
    color: #4a5a6a
}

.small_text span {
    font-weight: 400;
}

/*Big Text*/
.big_text {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}

/*Information*/

.location_info h3 {
    text-align: center;
    margin: 0 0 50px;
}

.location_info h3 span {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    color: #ee8601;
    padding: 0 0 0 20px;
    position: relative;
}

.location_info h3 span::before {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    background: url(img/saved_result.svg) no-repeat -28px -107px;
    content: '';
}

/*One Col*/
.location_info .one_col {
    text-align: center;
    margin: 0 0 50px;
}

.location_info .one_col span {
    display: inline-block;
    margin: 0 5px;
}

/*Small Text*/
.location_info .one_col .small_text {
    display: block;
    text-align: center;
    position: relative;
    top: 0;
}

.location_info .one_col .small_text:nth-child(1) {
    top: 0px;
}

.location_info .one_col .small_text:nth-child(3) {
    top: -15px;
}

/*Big Text*/
.location_info .one_col .big_text {
    color: #ee8601;
    position: relative;
    padding: 0 80px 0 0;
    font-size: 90px;
}

.location_info .one_col .big_text::before {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    background: url(img/saved_result.svg) no-repeat -1px -2px;
    content: '';
}

/*Two Col*/
.location_info .two_col .col {
    width: 39%;
    float: left;
    text-align: right;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.location_info .two_col .col:nth-child(2) {
    width: 50%;
    padding: 42px 0 0;
    text-align: left;
}

/*Small Text*/
.location_info .two_col .col .small_text {
    width: 100%;
    float: right;
    margin: 0 10px 0 0;
    text-align: right;
    padding: 0 35px 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.location_info .two_col .col:nth-child(2) .small_text {
    text-align: right;
    padding: 0 10px 0 0;
}

/*Big Text*/
.location_info .two_col .col .big_text {
    width: 100%;
    float: right;
    color: #4a5a6a;
    font-size: 50px;
    position: relative;
    padding: 0 105px 0 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.location_info .two_col .col .big_text::before {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    background: url(img/saved_result.svg) no-repeat -1px -2px;
    content: '';
}

.location_info .two_col .col:nth-child(2) .big_text {
    padding: 0 70px 0 0;
    text-align: right;
}

.location_info .two_col .col:nth-child(2) .big_text::before {
    right: -25px;
}

.location_info .two_col .col:nth-child(1) .big_text::before {
    background-position: 3px -149px;
}

.location_info .two_col .col:nth-child(2) .big_text::before {
    background-position: 3px -242px;
}

/*Legal Text*/
.location_info .legal_text {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #a3b8cc;
    text-align: center;
    margin: 40px 0 0;
}

/*Media Query Ipad General*/
@media (max-width: 1000px) {

    .center_content {
        width: 100%;
        float: left;
    }

    /*One Col*/
    .location_info .one_col {
        padding: 0 20px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .location_info .one_col .small_text {
        width: 100%;
        float: left;
        top: 0;
        text-align: center;
        margin: 0;
    }

    .location_info .one_col .small_text:nth-child(1),
    .location_info .one_col .small_text:nth-child(3) {
        padding: 0;
        top: 0;
    }

    .location_info .one_col .big_text {
        font-size: 55px;
    }

    /*Two Col*/
    .location_info .two_col {
        padding: 0 20px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .location_info .two_col .col {
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .location_info .two_col .col:nth-child(2) {
        width: 100%;
        text-align: center;
        margin: 40px 0 0;
    }

    .location_info .two_col .col .small_text {
        width: 100%;
        float: left;
        text-align: center;
        padding: 0;
    }

    .location_info .two_col .col .small_text br {
        display: none;
    }

    .location_info .two_col .col .big_text {
        float: none;
        padding: 0 90px 0 0;
        font-size: 45px;
    }

    .location_info .two_col .col:nth-child(2) .small_text {
        text-align: center;
        padding: 0;
    }

    .location_info .two_col .col:nth-child(2) .big_text {
        padding: 0 60px 0 0;
        text-align: center;
    }

    .location_info .two_col .col:nth-child(2) .big_text::before {
        right: -25px;
    }

}

@media (max-width: 600px) {

    #address-container {
        width: 100%;
    }

    .icons-list .icons-list-item {
        width: 75px;
    }
}

.pre-order-button {
    color: #ffffff;
    font-style: normal;
    font-weight: 300;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    background-color: #ee8601;
    height: 45px;
    width: 120px;
	border:0;
	margin-top: 15px;
    margin-bottom: 15px;
}

.pre-order-button:hover{
	background-color: #c16f05;
	cursor: pointer;
}

.small-text p {
    font-size: 10px;
}


/*LAYOUT*/
.new_row{width:100%; float:left;}

.new_row .center_content{width:780px; margin:0 auto;}

.new_row .content_mobile{display:none;}

/*Comparison*/
.content_comparison{margin:40px 0;}

	/*Images*/
	.content_comparison .content_images img{width:50%; float:left;}

	/*Content Table*/
	.content_comparison .table_position{position:relative; padding:0 0 325px; margin:40px 0 0;}

		.content_comparison .content_table li{box-sizing:border-box; -webkit-box-sizing:border-box;}

			/*Backgrounds*/
			.content_comparison .content_table .big_title{background:#FFFFFF; padding:0 0 0 40px; height:70px; line-height:68px;}
			.content_comparison .content_table .bg_white{background:#FFFFFF; padding:0 0 0 40px; height:50px; line-height:48px;}
			.content_comparison .content_table .bg_gray{background:rgba(245, 246, 247, 0.7); padding:0 0 0 40px; height:40px; line-height:38px;}

			/*Width*/
			.content_comparison .content_table .content_width{width:320px; float:left;}

			/*Texts*/
			.content_comparison .content_table .big_title span{font-size:18px; color:#000000; font-weight:bold;}

			.content_comparison .content_table .title{font-size:14px; color:#000000; font-weight:700;}

			.content_comparison .content_table .text{font-size:14px; color:#666666; font-weight:400;}

			/*Absolute Table*/
			.content_comparison .content_table_absolute{width:220px; position:absolute; top:0; left:320px; border:#ededed 1px solid; border-radius:2px; text-align:center;}
			.content_comparison .content_table_absolute.right{right:0; left:auto;}

				.content_comparison .content_table_absolute .bg_white,				
				.content_comparison .content_table_absolute .bg_gray{padding:0; background:none;}

				.content_comparison .content_table_absolute .big_title{background:none; padding:0;}

				.content_comparison .content_table_absolute .content_width{width:100%;}

				/*Chart*/
				.content_comparison .content_table .bg_chart{height:auto;}

				.content_comparison .chart_mobile{display:none;}

				/*Link*/
				.content_comparison .content_table a{padding:40px 0; display:block; color:#ee8601;}

		/*Media Query Mobile General*/
		@media (max-width: 800px) {
			
			/*LAYOUT*/
			.new_row .center_content{width:100%; float:left; padding:0 20px; box-sizing:border-box; -webkit-box-sizing:border-box;}

			.new_row .content_mobile{display:block;}

			.new_row .content_desktop{display:none;}

			.content_comparison .table_position{padding:0;}

				/*Images*/
				.content_comparison .content_images img{width:100%;}
				.content_comparison .content_images img:nth-child(2){display:none;}

				/*Table*/
				.content_comparison .content_table{width:70%;}

					/*Backgrounds*/
					.content_comparison .content_table .big_title,
					.content_comparison .content_table .bg_white,
					.content_comparison .content_table .bg_gray{padding:0 10px;}

					/*Width*/
					.content_comparison .content_table .content_width{width:100%;}

					/*Texts*/
					.content_comparison .content_table .big_title span{font-size:16px;}

					.content_comparison .content_table .title{font-size:10px;}

					.content_comparison .content_table .text{font-size:10px;}

					/*Absolute Table*/
					.content_comparison .content_table_absolute{width:30%; position:relative; float:left; top:auto; left:auto; border:none;}
					.content_comparison .content_table_absolute.right{right:auto; left:auto;}

						.content_comparison .content_table_absolute .content_table{width:100%;}

						.content_comparison .content_table_absolute .bg_white{background:#FFFFFF;}
						.content_comparison .content_table_absolute .bg_gray{background:rgba(245, 246, 247, 0.7);}

						/*Chart*/
						.content_comparison .content_table .bg_chart{display:none;}

						.content_comparison .chart_mobile{display:block; text-align:center; margin:30px 0 50px;}

						.content_comparison .chart_mobile a{color:#ee8601;}
		}