/* css reset/default  */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
em, font, img, q, s, samp,
small, strike, strong, b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, * {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

*:focus, textarea:focus, input:focus, li:focus {
    outline: none !important;
	border:none !important;
}

 img a
 {
border-style:none;
 }
 
 img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* 
html .clearfix,*:first-child+html .clearfix{zoom:1}

/*----- end reset defaults -----*/



body {
	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFAB37;
	overflow-x:hidden; 

}

.header {
	width:1000px;
	height:75px;
	margin: 0 auto 0 auto;
	z-index:100;
}

.logo {
	float:left;
	margin: 0 3em auto auto;
}

.signin {
	float:right;
	margin: 0 .25rem auto auto;
	padding: .5rem 1rem;
	color: #999;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	font-size:.8em;
}

.tag {
	float:right;
	width:600px;
	z-index:2000;
	margin-top:10px;
	font-size:1.9rem;
	font-weight:bold;
	text-align:right;
	color:#ffffff;
}



a { 
	color:#666;
	text-decoration:none;
	cursor:pointer;
}

a:hover {
	text-decoration:underline;
	color:#333;
	
}
.steps {
	width:1200px;
	height:800px;
	margin: -75px auto 0 auto;
	z-index:1000;
	
}
.steps h1 { 
	margin:auto auto .5rem auto;
	padding-top:10px;
}
.steps h2 {
	padding:.4rem;	
}
#step1 {
	width:1200px;
	height:825px;
	background-image:url('https://thotianas.com/steps/6.jpg');
	background-repeat:no-repeat;
}
#step2 {
	width:1200px;
	height:825px;
	background-image:url('https://thotianas.com/steps/5.jpg');
	background-repeat:no-repeat;
 

}
#step3 {
	width:1200px;
	height:825px;
	background-image:url('https://thotianas.com/steps/2.jpg');
	background-repeat:no-repeat;

}
#step4 {
	width:1200px;
	height:825px;
	background-image:url('https://thotianas.com/steps/4.jpg');
	background-repeat:no-repeat;
}

#step5 {
	width:1200px;
	height:825px;
	background-image:url('https://thotianas.com/steps/3.jpg');
	background-repeat:no-repeat;
}
#step6 {
	width:1200px;
	height:825px;
	background-image:url('https://thotianas.com/steps/1.jpg');
	background-repeat:no-repeat;
}

 h1 {
	font-family: 'Racing Sans One', cursive;
	font-size:3.5rem;
	color:#FFAB37;
	text-align:center;
	clear:both;
}
 h2 {
	font-family: 'Racing Sans One', cursive;
	font-size:2.75rem;
	color:#FFAB37;
	text-align:center;
	padding: 0 auto 2rem auto;
}




/*----- flypaper form -----*/



.form-container {
	width:600px;
	height:430px;
	float:right;
	margin-right:75px;
	margin-top:15px;
	background-color: rgba(100, 100, 100, 0.15); 
	padding-bottom:.1rem;
	border: 5px solid #fe8200;
	border-radius:1px;

}

.btns   {
	margin:40px auto 10px auto;
}

.btns li {
	font-family: 'Lato', sans-serif;
	color:#ccc;
	font-size:1rem;
	line-height:2.45rem;
	background-color:#eee;
	width:40px;
	height:40px;
	border-radius: 40px;
	list-style:none;
	display:inline-block;
	margin:.5rem;
	cursor:pointer;
}

.nums {
	background-color:transparent;
	border:none;
	cursor:pointer;
	font-size:inherit;
	color:#ccc;
}

.nums:hover { color:#fff; } 

.btns li.current {
	background-color:#fff;
	color:#E7301B;
	border: 1px solid #E7301B;
}
.btns li.past {
	color:#ccc;
}

/*----- flypaper override -----*/

  
.form-container input[type="text"], .form-container input[type="email"], .form-container input[type="password"] {
	width:300px;
	height:50px;
}	
.error { 
	width:80% !important;
 	text-align:center !important;
 	padding:.25rem !important;
  margin:auto !important;
					
 }


 #flypaper_city, #flypaper_zip { display:none !important; }
	
.btn-next {
	-moz-box-shadow:inset 0px 0px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 0px 0px 0px #caefab;
	box-shadow:inset 0px 0px 0px 0px #caefab;
	background-color:#FE8200;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	padding:12px;
	text-decoration:none;
	width:250px;
	margin:1.5rem;
	text-transform:uppercase;
}
.btn-next:hover {
	background-color:#5cb811;
}
.btn-next:active {
	position:relative;
	top:1px;
}

/*----- jcarousel stuff -----*/

.caro {
	width:690px;
	height:auto;
	font-size:.9rem;
	text-align:center;
	color:#E7301B;
	z-index:5000;
	margin-top: -280px;
	float:right;
	margin-right:40px;
}

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    xmargin: 1em 0;
}

.jcarousel li {
    float: left;
}

.jcarousel li img {
	margin:10px 5px;
	width:220px;
	height:220px;
	border: 1px solid #ccc;
	
}



.footer {
	width: 1000px;
	margin:auto;
	padding-top:2.5rem;
	font-size:.7rem;
	color:#999;
	font-weight:100;
	padding-left: 25px;
	
}


/*----- iframe popup  -----*/

#myModal h2 {
	font-family: 'Racing Sans One', cursive;
    font-size: 1.8rem;
    line-height:3rem;
    text-align: center;
    color: #1b75ba;
}


#myModal {
    border: 1px solid #ccc;
    width: auto;
    height: auto;  
    margin-top: 0; 
    overflow: hidden; 
    z-index: 5000;
}


/* bootstrap 3.1 modal  */

.modal-open {
  overflow: hidden;
}
.modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #FFAB37;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }


  
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}