@charset "utf-8";
body {
	padding: 0;
	margin: 0;
	font-family:Lato;
}
.formcontrol{
	width: 63%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.formcontrol1{
	width: 64%;float:right;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	margin:7px 0;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.formcontrol1:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)
}
.formcontrol1::-moz-placeholder {
color:#999;
opacity:1
}
.formcontrol:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)
}
.formcontrol::-moz-placeholder {
color:#999;
opacity:1
}
.left-dv > p {
    float: left;
    line-height: 49px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.left-dv1 > p {
    float: left;
    line-height: 49px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.header {
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
   background-image: url(../images/header_new.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	height:80px;
}

.header_source {
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
   background-image: url(../images/header_new_source.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	height:80px;
}

.option-div {
	width: 68%;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 10px;
	padding-left: 10px;
	float: none;
}
.option-div1 {
	width: 75%;
	text-align: left;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	float: none;
	background: #F4F4F3;
	padding: 20px;
}
.main-fullwidth {
	width: 100%;
	margin: 0 auto;
	tex-align: center;
}
.radio-div {
	float: left;
	text-align: center;
	border: 1px solid #09717A;
	margin-right: 100px;
	height: auto;
	padding: 10px;
}
.radio-div2 {
	width: 30%;
	float: left;
	text-align: left;
	height: auto;
}
.radiomain {
	width: 100%;
	float: left;
	margin-top:7px;
}
.radio-div1 {
	width: 30%;
	float: right;
	background-color: #E4E4E4;
	text-align: left;
	margin-bottom: 20px;
	height: auto;
	vertical-align:top;
	padding-top: 10px;
	padding-right: 25px;
	padding-left: 25px;
	padding-bottom: 60px;
}
.radio-div1 label {
    color: #FB0913;
}
.stl {
    text-decoration: line-through !important;
    font-size: 12px;
    color: #525151;
}
.btn-circle {
	width: 76px;
	height: 76px;
	text-align: center;
	padding: 6px 0;
	font-size: 17px;
	line-height: 58px;
	border-radius: 50%;
	vertical-align: middle;
	background: ##09717a;
	color: #fff;
}
.choose-magazine ul {
	float: left;
	margin: 0px;
	padding: 0px;
}
.choose-magazine ul li {
	float: left;
	padding: 10px;
	border: thin solid #EAEAEA;
	margin: 11px;
	list-style-type: none;
	text-align: center;
	width: 145px;
}
.left-dv {
	float: left;
	width: 48%;
}
.left-dv1 {
	float: right;
	width: 48%;
}
.left-dv label {
	float: left;
	width: 100%;
}
.left-dv1 label {
	float: left;
	width: 100%;
}
.radio-div img {
	padding: 0px;
	border: 1px solid #999;
}
.radio-div label {
	float: left;
	width: 100%;
}

.offer-div{
	float: left;
	width: 100%;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #09717A;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C7E2E2;
	padding-top: 5px;
}
.offer-div ul li {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 1px;
	float: left;
	list-style-type: none;
}
.offers-div{
	 border-bottom: 1px solid #09717A;    
    list-style-type: none;
    margin: 20px auto;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
}
.offers-div ul li {
	padding: 11px;
	margin-top: 0px;
	margin-right: 29px;
	margin-bottom: 0px;
	margin-left: 29px;
	border: thin solid #EAEAEA;
	float: left;
	list-style-type: none;
}
.offers-div ul li:hover {
	padding: 11px;
	margin-top: 0px;
	margin-right: 29px;
	margin-bottom: 0px;
	margin-left: 29px;
	border: thin solid #09717A;
	float: left;
	list-style-type: none;
}
.offers-div ul {
	margin: 0px;
	padding: 0px;
}
.offer_newdiv{  background: #f9efef none repeat scroll 0 0 !important;
    border: 1px dashed red !important;
    clear: left;
    float: right !important;
    height: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 96px;
   
}

.radio-div2 label {
	float: left;
	width: 100%;

}

.choose-magazine{
	width: 100%;
	float: left;
	text-align: center;
}
.choose-magazine1{
	width: 100%;
	float: left;
	text-align: center;
}
.option-div #step-2{display:none;}
.container{width:100%;max-width:960px;margin:0 auto;}
.step-container{
	float: none;
	margin:0 auto;
	width: 30%;
	height: auto;
	text-align: center;
}
.step-container span{
	float: left;
	width: 9%;
	height: 1px;
	background: #dcdcdc;margin-top:34px;
}
.step{
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: #dcdcdc;
	color: #09717a;
	float: left;
	line-height: 69px;
}

.active{
	background:#09717a !important;
	color:#fff !important;
}
.active a {
	color:#fff !important;
}

.step a{
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background:#09717a;
	color: #fff;
	float: left;
	line-height: 69px;text-decoration:none;
}
.formcontainer{
	width: 90%;
	text-align: center;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.formcontainer label {
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 50px;
}
.next-btn {
	background: #09717a none repeat scroll 0 0;
	border-radius: 2px;
	border-style: none;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	height: auto;
	padding-bottom: 7px;
	padding-top: 7px;
	text-align: center;
	text-transform: capitalize;
	width: 30%;
	margin-top: 10px;
	margin-right: 35%;
	margin-bottom: 10px;
	margin-left: 35%;
	cursor: pointer;
	float: none;
}
.next-btn-new {
                background: #09717a none repeat scroll 0 0;
                border-radius: 2px;
                border-style: none;
                color: #fff;
                font-size: 18px;
                font-weight: bold;
                height: auto;
                padding-bottom: 7px;
                padding-top: 7px;
                text-align: center;
                text-transform: capitalize;
                width: 100%;
                cursor: pointer;
                float: none;
}
.next-btn-new-v2 {
                background: #09717a none repeat scroll 0 0;
                border-radius: 2px;
                border-style: none;
                color: #fff;
                font-size: 18px;
                font-weight: bold;
                height: auto;
                padding-bottom: 7px;
                padding-top: 7px;
                text-align: center;
                text-transform: capitalize;
                /*width: 100%;*/
				padding-left:10px;
				padding-right:10px;
                cursor: pointer;
                float: none;
}
.formcontainer p span {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: auto;
}
.formcontainer p {
	padding: 5px;
	width: 70%;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.choose-magazine1 span {
	float: left;
	width: 170px;
	text-align: center;
	height: auto;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	display: block;
}
.radio-div2 label {
	border: 1px solid #EFEFEF;
	background-color: #f8e7e7;
	width: 90%;
	padding: 7px 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.error {
    color: #f00;
    float: none;
    text-align: left;
	float: left;
    line-height: 0px !important;	
}

.select_inpt{
	margin-left:55px;
	width:21%;
	float:none;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.select_inpt1{
	width:25% ;
	float:none !important;	
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	margin:7px 0;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.select_inpt2{
	width:23%;
	float:none;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	margin:7px 0;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 1px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

/*Mobile header*/

.main {
	width: 100%;
	float: left;
}
.header1 {
	float: left;
	text-align: center;
	height: auto;
	width: 100%;
	border-bottom: 1px solid rgba(205,205,205,.7);
	margin-bottom: 10px;

}
.logo {
	margin: 0 auto;
}
.menu{
	display: block;
	float: left;
	padding: 5px;
	color: #FFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	cursor: pointer;
	position: absolute;
	z-index: 1111111111;
}
.mennuinner{
	margin: 20px auto;
	position: absolute;
	border: 1px solid #FFF;
	background: #e3122f;
	padding: 20px;
	z-index: 9999999;
	display: none;
}
.mennuinner ul{padding:0;margin:0;}
.mennuinner ul li{list-style:none;letter-spacing:1px;color:#fff;text-transform:uppercase;font-size:16px;padding:5px;font-family: 'Lato-Light', sans-serif;}
.mennuinner ul li a{text-decoration:none;color:#fff;}
.mennuinner ul li a:hover{background:#fff;color:#e3122f;}
/*alert*/
#modalContainer {
    background-color:rgba(0, 0, 0, 0.3);
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:10000;
    background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
    position:relative;
    width:400px;
    min-height:100px;
    margin-top:200px;
    border:1px solid #666;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:20px 30px;
}

#modalContainer > #alertBox {
    position:fixed;
}

#alertBox h1 {
    margin:0;
    font:bold 1.5em verdana,arial;
    background-color:#09717a;
    color:#FFF;
    border-bottom:1px solid #000;
    padding:2px 0 2px 5px;
}

#alertBox p {
    font:1em verdana,arial;
    height:50px;
    padding-left:5px;
    margin-left:55px;
}

#alertBox #closeBtn {
    display:block;
    position:relative;
    margin:5px auto;
    padding:7px;
    border:0 none;
    width:70px;
    font:0.7em verdana,arial;
    text-transform:uppercase;
    text-align:center;
    color:#FFF;
    /*background-color:#357EBD;*/
	background-color:#09717a;
    border-radius: 3px;
    text-decoration:none;
}

/* unrelated styles */

#mContainer {
    position:relative;
    width:600px;
    margin:auto;
    padding:5px;
    border-top:2px solid #000;
    border-bottom:2px solid #000;
    font:0.7em verdana,arial;
}

h1,h2 {
    margin:0;
    padding:4px;
    font:bold 1.5em verdana;
    border-bottom:1px solid #000;
}

code {
    font-size:1.2em;
    color:#069;
}

#credits {
    position:relative;
    margin:25px auto 0px auto;
    width:350px; 
    font:0.7em verdana;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    height:90px;
    padding-top:4px;
}

#credits img {
    float:left;
    margin:5px 10px 5px 0px;
    border:1px solid #000000;
    width:80px;
    height:79px;
}

.important {
    background-color:#F5FCC8;
    padding:2px;
}

code span {
    color:green;
}
.query {
    color: #403f3f;
    float: left;
    font-size: 13px;
    height: auto;
    letter-spacing: 0.5px;
    width: 97%;
}
.query h3 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    text-decoration: none !important;
}
.call {
    color: #333333;
    font-weight: bold;
    text-decoration: underline;
}
/*alert */
/*dialog */
.web_dialog_overlay {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
		background: #000000;
		opacity: .15;
		filter: alpha(opacity=15);
		z-index: 101;
		display: none;
}
	#wrapper {
	    height: 230px;
	    width: 500px;
	    bottom: 50%;
	    right: 50%;
	    position: absolute;
	    display: none;
	    z-index: 102;
	}
	#container {
	    left: 50%;
	    padding: 10px;
	    top: 50%;
	    margin: 0;
	    padding: 0;
	    height: 100%;
	    height: 100%;
	    position: relative;
	}
	#dialog {
		border-collapse: collapse;
		width: 100%;
		border: 1px solid #000;
		background: #FFF;
		border: 2px solid rgb(100,139,170);
	}
	#dialog td {
		padding: 4px;
	
	}
	#dialog_topbar {
		/*background: rgb(100,139,170);*/
		background:#09717a;
		color: #FFF;
		font-weight: bold;
	}
	#btnClose {
		color: #FFF;
	    text-decoration: none;
	    cursor: pointer;
	    border: 1px solid #FFF;
	    padding-left: 3px;
	    padding-right: 3px;
	    padding-top: 1px;
	    padding-bottom: 1px;
	}
	#dialog_text {
		text-align: center;
		vertical-align: middle;
		height: 180px;
		font-size: 11pt;
		font-weight: bold;
	}
	#dialog_text a {
		text-align: center;
		vertical-align: middle;
		height: 180px;
		font-size: 11pt;
		font-weight: bold;
		text-decoration: none;
		color: #000;
	}
/*dialog*/