/* file css : /style-cta-modal.css: <BEGIN> */

/* Adding CSS */

/* =Helper ---------------------- */
.color-green{
    color:#8ac43f;
}

/* =Call to Action -------------- */
.col_1_of_a{width:25%;}
.col_2_of_a{width:70%;}

.modal-call-to-action .call_to_action {
    font-size:14px;
}
.modal-call-to-action .titled_box_title {
    font-size:22px;
}

.col_1_of_a, .col_2_of_a{
    position:relative;margin-right:4%;float:left;
    min-height:1px;margin-bottom:0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/* =Modal -------------- */
.modal {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0px none;
}
.modal .modal-dialog{
    padding:10px;
    background-color:#fff;
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0.6+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.55)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.6) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.6) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
    z-index: 1051;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%    
}

.modal-dialog {
    width: 80%;
    max-width: 900px;
    margin: 30px auto;
}

.modal-dialog input[type="text"],
.modal-dialog input[type="password"],
.modal-dialog input[type="email"],
.modal-dialog select {
    width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}

.modal-dialog .error {
    color:#ff2222;
}
.modal-dialog-close {
    text-align: right;
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear 0s;
}
.fade.in {
    opacity: 1;
}

@media (max-width: 600px) {
  .col_1_of_a, .col_2_of_a{
     width:100%
  }
}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	/* =grid 
	   * generator source: http://www.responsivegridsystem.com/calculator/ 
	*/	
	/*  COLUMN SETUP  */
	.col {
		display: block;
		float:left;
		margin: 1% 0 1% 1.6%;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	.col:first-child { margin-left: 0; }

	/*  GROUPING  */
	.group:before,
	.group:after { content:""; display:table; }
	.group:after { clear:both;}
	.group { zoom:1; /* For IE 6/7 */ }

	/*  GRID OF ONE  */
	.span_1_of_1 {width: 100%;}
	/*  GRID OF TWO  */
	.span_2_of_2 {width: 100%;}
	.span_1_of_2 {width: 49.2%;}
	/*  GRID OF THREE  */
	.span_3_of_3 { width: 100%; }
	.span_2_of_3 { width: 66.13%; }
	.span_1_of_3 { width: 32.26%; }
	/*  GRID OF FOUR  */
	.span_4_of_4 {width: 100%;}
	.span_3_of_4 {width: 74.6%;}
	.span_2_of_4 {width: 49.2%;}
	.span_1_of_4 {width: 23.8%;}
	/*  GRID OF FIVE  */
	.span_5_of_5 {width: 100%;}
	.span_4_of_5 {width: 79.68%;}
	.span_3_of_5 {width: 59.36%;}
	.span_2_of_5 {width: 39.04%;}
	.span_1_of_5 {width: 18.72%;}
	/*  GRID OF SIX  */ 
	.span_6_of_6 {width: 100%;}
	.span_5_of_6 {width: 83.06%;}
	.span_4_of_6 {width: 66.13%;}
	.span_3_of_6 {width: 49.2%;}
	.span_2_of_6 {width: 32.26%;}
	.span_1_of_6 {width: 15.33%;}
	/*  GRID OF SEVEN  */
	.span_7_of_7 {width: 100%;}
	.span_6_of_7 {width: 85.48%;}
	.span_5_of_7 {width: 70.97%;}
	.span_4_of_7 {width: 56.45%;}
	.span_3_of_7 {width: 41.94%;}
	.span_2_of_7 {width: 27.42%;}
	.span_1_of_7 {width: 12.91%;}
	/*  GRID OF EIGHT  */
	.span_8_of_8 {width: 100%;}
	.span_7_of_8 {width: 87.3%;}
	.span_6_of_8 {width: 74.6%;}
	.span_5_of_8 {width: 61.9%;}
	.span_4_of_8 {width: 49.2%;}
	.span_3_of_8 {width: 36.5%;}
	.span_2_of_8 {width: 23.8%;}
	.span_1_of_8 {width: 11.1%;}
	/*  GRID OF NINE  */
	.span_9_of_9 {width: 100%;}
	.span_8_of_9 {width: 88.71%;}
	.span_7_of_9 {width: 77.42%;}
	.span_6_of_9 {width: 66.13%;}
	.span_5_of_9 {width: 54.84%;}
	.span_4_of_9 {width: 43.55%;}
	.span_3_of_9 {width: 32.26%;}
	.span_2_of_9 {width: 20.97%;}
	.span_1_of_9 {width: 9.688%;}
	/*  GRID OF TEN  */
	.span_10_of_10 {width: 100%;}
	.span_9_of_10 {width: 89.84%;}
	.span_8_of_10 {width: 79.68%;}
	.span_7_of_10 {width: 69.52%;}
	.span_6_of_10 {width: 59.36%;}
	.span_5_of_10 {width: 49.2%;}
	.span_4_of_10 {width: 39.04%;}
	.span_3_of_10 {width: 28.88%;}
	.span_2_of_10 {width: 18.72%;}
	.span_1_of_10 {width: 8.56%;}
	/*  GRID OF ELEVEN  */
	.span_11_of_11 {width: 100%;}
	.span_10_of_11 {width: 90.76%;}
	.span_9_of_11 {width: 81.52%;}
	.span_8_of_11 {width: 72.29%;}
	.span_7_of_11 {width: 63.05%;}
	.span_6_of_11 {width: 53.81%;}
	.span_5_of_11 {width: 44.58%;}
	.span_4_of_11 {width: 35.34%;}
	.span_3_of_11 {width: 26.10%;}
	.span_2_of_11 {width: 16.87%;}
	.span_1_of_11 {width: 7.636%;}
	/*  GRID OF TWELVE  */
	.span_12_of_12 {width: 100%;}
	.span_11_of_12 {width: 91.53%;}
	.span_10_of_12 {width: 83.06%;}
	.span_9_of_12 {width: 74.6%;}
	.span_8_of_12 {width: 66.13%;}
	.span_7_of_12 {width: 57.66%;}
	.span_6_of_12 {width: 49.2%;}
	.span_5_of_12 {width: 40.73%;}
	.span_4_of_12 {width: 32.26%;}
	.span_3_of_12 {width: 23.8%;}
	.span_2_of_12 {width: 15.33%;}
	.span_1_of_12 {width: 6.866%;}
}

/* file css : /style-cta-modal.css: <END> */