html {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
body {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
div {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor; /*font-family: Tahoma,sens Serif;*/
font-size: 100%;
}
span {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
applet {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
object {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
iframe {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
h1 {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
h2 {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
h3 {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
h4 {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
h5 {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
h6 {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
p {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
blockquote {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
pre {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
a {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
abbr {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
acronym {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
address {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
big {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
cite {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
code {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
del {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
dfn {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
em {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
font {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
img {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
ins {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
kbd {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
q {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
s {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
samp {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
small {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
strike {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
strong {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
sub {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
sup {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
tt {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
var {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
b {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
u {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
i {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
center {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
dl {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
dt {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
dd {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
ol {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
ul {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
li {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
fieldset {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
form {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
label {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
legend {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
table {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
caption {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
tbody {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
tfoot {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
thead {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
tr {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
th {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
td {
margin: 0px;
padding: 0px;
outline: 0px;
border: 0px currentColor;
font-family: Tahoma, sens Serif;
font-size: 100%;
}
ol {
list-style: none;
}
ul {
list-style: none;
}
:focus {
outline: 0px;
}
body {
font: 12px/18px Tahoma, Verdana, sans-serif;
width: 100%;
font-size-adjust: none;
font-stretch: normal;
}
a {
outline: 0px;
color: transparent;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0px;
}
img {
border: currentColor;
}
input {
vertical-align: middle;
}
.clearfix::after {
height: 0px;
line-height: 0;
clear: both;
display: block;
visibility: hidden;
content: ".";
}
.clearfix {
display: block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
body {
background: url("../images/bg.png") repeat-x 0px 0px rgb(219, 219, 219);
}
.wrapper {
margin: 0px auto;
padding: 0px 0px 40px;
width: 1000px;
position: relative;
zoom: 1;
}
.wrapper::after {
clear: both;
display: block;
content: "";
}
.left {
width: 450px;
float: left;
}
.right {
width: 500px;
float: right;
}
.content {
padding: 10px 0 0;
}
h1 {
text-align: center;
color: rgb(122, 122, 122);
text-transform: uppercase;
line-height: 35px;
font-size: 33px;
font-weight: normal;
}
h2 {
color: rgb(191, 0, 0);
line-height: 47px;
font-size: 35px;
font-weight: bold;
}
h2 span {
color: rgb(0, 0, 0);
line-height: 45px;
font-family: trebuchet ms, tahoma;
font-size: 27px;
font-weight: normal;
}
.content p {
padding: 8px 0px 5px;
color: rgb(0, 0, 0);
line-height: 23px;
font-size: 17px;
word-wrap: break-word;
}
.content .name_site {
padding: 0px 0px 0px 5px;
color: rgb(144, 144, 144);
line-height: 30px;
font-size: 2em;
}
.content .name_site_big {
padding: 0px 0px 0px 5px;
color: rgb(144, 144, 144);
line-height: 37px;
font-size: 2.5em;
font-weight: bold;
}
.step1 p {
color: rgb(137, 137, 137);
line-height: 25px;
font-size: 1.4em;
}
.step1 h2 {
/*height: 190px;
*/
}
.step2 h2 {
height: 190px;
}
.step3 h2 {
height: 190px;
}
.step4 h2, .step5 h2, .step6 h2 {
height: 190px;
}
.step1 h2 {
}
.step2 h2 {
}
.step3 h2 {
}
.step3 h2 span {
line-height: 29px;
}
h3 {
padding: 0px 0px 10px;
text-align: center;
color: rgb(191, 0, 0);
line-height: 20px;
font-family: trebuchet ms;
font-size: 22px;
font-weight: bold;
}
h4 {
text-align: center;
color: rgb(0, 0, 0);
line-height: 33px;
font-family: trebuchet ms, tahoma;
font-size: 18px;
font-weight: bold;
}
.done_marker {
list-style: none;
}
.done_marker li {
background: url("../images/marker_done.png") no-repeat left;
padding: 6px 5px 6px 20px;
color: rgb(89, 89, 89);
line-height: 17px;
font-family: trebuchet ms, tahoma;
font-size: 15px;
}
select.select_age {
margin: 25px 0px;
padding: 7px;
width: 500px;
color: rgb(98, 95, 95);
font-size: 1.2em;
position: relative;
}
.step_button {
display: inline-block;
background: #49c201;
padding: 13px 50px;
text-align: center;
color: #fff;
line-height: 1.4;
font-family: sans-serif;
font-size: 27px;
text-decoration: none;
font-weight: bold;
border-bottom: 3px solid #3a9b01;
}
.step_button .fa {
font-weight: bold;
margin-right: 12px;
}
.step_button:hover {
background: #3a9b01;
border-bottom: 3px solid #147500;
}
.agree {
background: rgb(172, 172, 172);
outline: 0px;
border: 0px currentColor;
width: 500px;
/*height: 70px;*/
text-align: center;
color: rgb(255, 255, 255);
line-height: 35px;
font-family: trebuchet ms, tahoma;
font-size: 36px;
text-decoration: none;
display: inline-block;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acacac', endColorstr='#7f7c7c', GradientType=0);
cursor: pointer;
}
.step_button_2 {
/*margin: 10px 0px 0px;*/
}
.show_end .agree {
background: #49c201;
border-bottom: 3px solid #3a9b01;
}
.step2 {
display: none;
}
.decimal li {
background: url("../images/decimal.png") no-repeat 0px 0px;
padding: 7px 5px 7px 42px;
color: rgb(99, 99, 99);
line-height: 17px;
font-family: trebuchet ms, tahoma;
font-size: 14px;
}
.decimal li.one {
background-position: 1px 8px;
}
.decimal li.two {
background-position: 1px -115px;
}
.decimal li.three {
background-position: 1px -240px;
}
.decimal li.four {
background-position: 1px -375px;
}
.step4 .agree_label {
padding: 5px 0px 14px;
text-align: center;
color: rgb(126, 126, 126);
line-height: 14px;
font-size: 11px;
}
.agree {
background-position: 0px -140px;
}
.agree:hover {
/*background-position: 0px -210px;*/
background: #199200;
border-bottom: 3px solid #147500;
}
.agree:active {
background-position: 0px -210px;
}
.show_end {
display: none;
}
.girl {
margin: 15px 10px 9px 0px;
padding: 9px;
border: 1px solid rgb(255, 255, 255);
width: 404px;
height: 607px;
position: relative;
box-shadow: 0px 0px 7px #b7b4b4;
-moz-box-shadow: 0 0 7px #B7B4B4;
-webkit-box-shadow: 0 0 7px #B7B4B4;
background-color: rgb(255, 255, 255);
background-image: url(../images/girl7.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.index_form p {
width: 150px;
float: left;
font-family: arial;
font-size: 16px;
line-height: 29px;
}
.index_form label {
width: 325px;
float: left;
font-family: arial;
font-size: 16px;
margin-bottom: 10px;
}
.index_form label input {
width: 100%;
padding: 5px 10px;
box-sizing: border-box;
}
.clear {
clear: both;
}
.index_form {
margin-bottom: 15px;
}
.in_check input {
width: 15px;
float: left;
margin-top: 7px;
}
.in_check p {
width: 94%;
float: left;
}
/****** new style add *******/
.headingstep {
background: #fff none repeat scroll 0 0;
padding: 5px 35px 20px;
}
.headingstep h1 {
margin-bottom: 25px;
line-height: 51px;
border-bottom: 3px solid #d7d7d7;
padding-bottom: 9px;
font-size: 22px;
}
.somepadding h2 {
padding: 12px 0 12px 40px;
/*text-align: center;*/
}
.btnarea {
display: table;
margin: 0px auto;
}
.grnbtn {
background: #49C201;
}
.grnbtn:hover {
background: #199200 !important;
}
.graybtn {
background: rgb(172, 172, 172) none repeat scroll 0 0;
width: 250px;
float: left;
margin-right: 25px !important;
}
.graybtn:hover {
background: #666 !important;
}
.embed_videoarea {
border: 1px solid #cccccc;
box-shadow: 0 0 8px #dbdbdb;
/*margin: 68px auto 0;*/
/*min-height: 250px;*/
margin: 0 auto;
padding: 25px 25px 0;
width: 536px;
height: 340px;
}
.embed_videoareatwo {
border: 1px solid #cccccc;
box-shadow: 0 0 8px #dbdbdb;
height: 530px;
margin: 2em auto;
padding: 5px;
width: 100%;
box-sizing: border-box;
}
.questions_block {
background: #fbfbfb none repeat scroll 0 0;
border: 1px solid #ccc;
margin: 20px auto;
padding: 40px;
}
.question_block p {
color: rgb(191, 0, 0);
font-size: 15px;
font-weight: bold;
line-height: 25px;
padding: 22px 0 8px;
}
.question_block ul li {
color: rgb(0, 0, 0);
font-family: trebuchet ms, tahoma;
font-size: 15px;
font-weight: normal;
line-height: 25px;
}
.question_block input {
vertical-align: inherit;
}
.ordr_pg h1 span {
color: #75ff50;
}
.embed_videoarea iframe {
/*height: 517px !important;*/
}
.nobg {
background: none;
}
/*######## Smart Green ########*/
/*.smart-green {
background: #f8f8f8 none repeat scroll 0 0;
border-radius: 5px;
color: #666;
font: 12px Arial,Helvetica,sans-serif;
margin-left: auto;
margin-right: auto;
max-width: 700px;
padding: 30px 30px 60px;
}*/
.smart-green h1 {
background: #49c201 none repeat scroll 0 0;
border-bottom: 1px solid #89af4c;
border-radius: 5px 5px 0 0;
color: #fff;
display: block;
font-weight: bold;
font-size: 28px;
margin: -30px -30px 10px;
padding: 20px 0 20px 40px;
text-shadow: 1px 1px 1px #949494;
}
.smart-green label {
display: block;
font-size: 14px;
font-weight: bold;
padding: 0 0 5px;
}
.smart-green label > span {
float: left;
margin-top: 10px;
color: #5E5E5E;
}
.smart-green input[type="text"], .smart-green input[type="email"], .smart-green textarea, .smart-green select {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #dfdfdf;
box-shadow: 1px 1px 2px rgba(238, 238, 238, 0.2) inset;
box-sizing: border-box;
color: #555;
font: 14px/14px Arial, Helvetica, sans-serif;
height: 37px;
margin-top: 6px;
outline: 0 none;
padding: 0 0 0 10px;
width: 100%;
}
.smart-green textarea {
height: 100px;
padding-top: 10px;
}
.smart-green select {
-moz-appearance: none;
background: url("../images/arrowbtm.png") no-repeat scroll 97% center, rgba(0, 0, 0, 0) -moz-linear-gradient(center top, #fbfbfb 0%, #e9e9e9 100%) repeat scroll 0 0 !important;
cursor: pointer;
height: 36px;
text-indent: 0.01px;
text-overflow: "";
width: 100%;
}
.smart-green .button {
background-color: #9DC45F;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-border-radius: 5px;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
text-shadow: 1px 1px 1px #949494;
}
.smart-green .button:hover {
background-color: #80A24A;
}
.elOrderProductOptinLabel {
border-bottom: 1px solid #ddd;
font-size: 16px;
margin-bottom: 10px;
padding: 5px 0 8px;
}
.elOrderProductOptinItem {
font-weight: bold;
float: left;
}
.elOrderProductOptinLabelPrice {
font-weight: bold;
float: right;
}
.radioarea {
float: left;
}
.elOrderProductOptinPrice {
/*font-weight: bold;*/
float: right;
font-size: 14px;
}
.radioarea label {
display: inline-block;
}
.radioarea input {
vertical-align: inherit;
}
/*.elOrderProductOptions {
margin: 15px 0;
}*/
.form_lft {
float: left;
width: 49%;
margin: 0 2% 2% 0;
}
/*.form_lft:nth-child(even){ margin-right: 0;} */
.nomarge {
margin: 0px;
}
.col_left {
float: left;
width: 50%;
}
.elScreenshot_text {
float: left;
margin-left: 25px;
width: 74%;
}
.elScreenshot_image {
float: left;
width: 17%;
}
.ttl_dv {
border-bottom: 2px solid #e9e9e9;
border-top: 2px solid #e9e9e9;
margin: 20px 0 0;
padding: 50px 0 35px;
}
.ssHeadlineSize2 {
text-align: left;
}
.wrong {
color: #bf2a2a !important;
position: relative;
}
.wrong::before {
background: #bf2a2a none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
content: "×";
display: block;
font-size: 13px;
font-weight: bold;
height: 15px;
line-height: 15px;
margin-left: -20px;
position: absolute;
text-align: center;
top: 1px;
width: 14px;
}
.question_block ul {
margin: inherit;
padding: 0 0 0 42px;
}
.questions_block ul li.right {
color: green;
position: relative;
float: none;
width: auto;
}
.questions_block ul li.right::before {
background: green none repeat scroll 0 0;
border-radius: 100%;
color: #fff;
content: "✓";
display: block;
font-size: 10px;
font-weight: bold;
height: 15px;
line-height: 16px;
margin-left: -20px;
position: absolute;
text-align: center;
top: 1px;
width: 14px;
}
.question-controls {
margin-top: 25px;
}
.thnku p span a {
color: #4FC242;
text-decoration: none;
}
.thnku p span a:hover {
color: #5fd252;
}
.thnkupage {
margin: 29px 0;
}
.grncolor {
color: #49C201;
}
label.custom-select {
display: inline-block;
position: relative;
top: -4px;
}
.custom-select select {
display: inline-block;
border: 1px solid #BF0000;
padding: 4px 3px 6px 5px;
margin: 0;
font: inherit;
font-size: 14px;
cursor: pointer;
outline: none; /* remove focus ring from Webkit */
line-height: 1.2;
background: #fafafa none repeat scroll 0 0;
-webkit-appearance: none; /* remove the strong OSX influence from Webkit */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.custom-select select option {
font-size: 13px;
}
/************* CONTACT US 31-08-2016 ******************/
.clearfix { display: block;}
.clearfix:before, .clearfix:after { content: ""; display: block; clear: both;}
.contact-us-area { width: 100%;}
.contact-us-area p { line-height: 120%; padding-bottom: 15px;}
.contact-us-area form p { padding-bottom: 0;}
.contact-us-area p.font-20 { font-size: 20px;}
.contact-us-area h2 { font-size: 36px; font-weight: normal; line-height: 120%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px solid #888888; color: #000;}
.contact-us-area h3 { font-size: 24px; font-style: italic; color: #0000ff; font-weight: normal; margin: 15px 0; text-align: left;}
.inner-contact-form { width: 100%; max-width: 760px; margin: 20px auto; padding: 0 10px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.cntct-details p { font-size: 20px; line-height: 120%; padding-bottom: 15px;}
.cntct-details a { color: #1155cc; font-size: 30px; font-weight: normal; text-decoration: none; margin-bottom: 15px;}
.cntct-details a:hover { text-decoration: underline;}
.inner-contact-form h4{ text-align: left; font-size: 26px; font-weight: normal; color: #ff0000; display: block; margin: 15px 0;}
.padng-top-15 { padding-top: 15px !important}
.cntct-details span { display: block; font-size: 32px; font-weight: bold; margin-bottom: 15px;color: #0000ff; line-height: 110%;}
.inner-contact-form form { padding-top: 20px; display: block;}
.inner-contact-form form input, .inner-contact-form form textarea { -webkit-box-sizing:border-box; box-sizing:border-box;}
.inner-contact-form form .fields_name { width: 48%; float: left;}
.inner-contact-form form .fields_email { width: 48%; float: right;}
.inner-contact-form form .fields_message { padding: 15px 0;}
.inner-contact-form form textarea { font-family: Tahoma,sens Serif}
.inner-contact-form form input[type="submit"]{-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #e8554e;
border-color: -moz-use-text-color -moz-use-text-color #993733;
border-image: none;
border-radius: 3px;
border-style: none none solid;
border-width: medium medium 3px;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-size: 15px;
line-height: 30px;
padding: 0 35px;}
#contact_loader { padding: 5px;}
/************* CONTACT US 31-08-2016 ******************/
/* for Webkit's CSS-only solution */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.custom-select select {
padding-right: 30px;
}
}
/* Since we removed the default focus styles, we have to add our own */
/* Select arrow styling */
.custom-select:after {
content: "â–¼";
position: absolute;
top: 0;
right: 0;
bottom: 0;
font-size: 44%;
line-height: 31px;
padding: 0 7px;
background: #d4d4d4 none repeat scroll 0 0;
border: 1px solid #BF0000;
color: #BF0000;
pointer-events: none;
}
.fullwidth {
width: 100%;
}
/* ==========================================================================
Helium Modal styles
========================================================================== */
/* === essential styles === */
.helium-modal {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 2000;
display: none;
}
.helium-modal .modal {
position: absolute;
left: -9999px;
}
/* === customizable styles === */
.helium-modal .modal {
background-color: #ffffff;
padding: 5px;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.helium-modal .modal a.x-button {
color: #222;
font-family: Arial, Helvetica, sans-serif;
font-size: 33px;
font-weight: bold;
line-height: 20px;
position: absolute;
right: 10px;
text-decoration: none;
top: 7px;
}
.mdl_hdr {
max-width: 600px;
margin: 0 auto;
background: #fff;
}
.mdl_cntnt {
padding: 10px;
}
.mdl_hdr h1 {
background: #338bba none repeat scroll 0 0;
color: #fff;
font-size: 29px;
font-weight: bold;
padding: 9px 0;
text-align: center;
}
.mdl_hdr h3 {
color: #666;
font-size: 18px;
font-weight: bold;
line-height: 25px;
margin-bottom: 2em;
padding: 4px 0;
text-align: left;
}
.mdl_hdr p {
color: #666;
font-size: 15px;
line-height: 37px;
padding: 4px 0;
text-align: left;
}
.btn_agree {
background: #49c201 none repeat scroll 0 0;
color: #fff;
display: table;
font-size: 20px;
font-weight: bold;
margin: 10px auto 0;
padding: 13px 21px;
text-align: center;
text-decoration: none;
border-bottom: 3px solid #3a9b01;
}
.btn_agree:hover{ background: #199200; border-bottom: 3px solid #147500;}
.md2_hdr {
max-width: 800px;
margin: 0 auto;
background: #fff;
}
.md2_hdr h1 {
background: #338bba;
font-size: 25px;
line-height: 30px;
text-align: center;
color: #fff;
padding: 10px 0;
}
.md2_cont1 {
background: #e1e1e1;
padding: 15px;
}
.md2_cont1 h3 {
font-size: 20px;
line-height: 25px;
color: #3e3e59;
}
.md2_cont1 p {
font-size: 12px;
color: #4a5772;
line-height: 14px;
}
.md3_cont2 {
background: #f6f3e9;
padding: 15px;
text-align: center;
}
/*************** modal end *************/
.footer_link {
margin: 0 auto;
width: 800px;
padding: 30px 0 0;
}
.footer_link.fullwidth
{
width: 1000px;
}
.footer_link.fullwidth p {
font: 12px/19px Arial;
margin: 0;
padding: 25px 0 0;
text-align: justify;
}
.footer_link ul {
display: table;
margin: 0 auto;
text-align: center;
}
.footer_link ul li {
float: none;
color: #525353;
font: normal 14.2px/20px Arial;
display: inline-block;
}
.footer_link ul li a {
font: normal 14.2px/20px Arial;
color: #000;
text-decoration: none;
display: block;
padding: 0 10px;
}
.index_form select {
width: 100%;
padding: 5px 10px;
}
.question_block p.misses_qstns {
color: #fff;
padding: 5px;
transition: visibility 0s 2s, opacity 2s linear;
background: #ff0000;
}
.body_part {
background: #fff;
padding: 0 15px 5px;
box-sizing: border-box;
}
.content ul.home_certificate{ padding: 10px 0 0 115px;}
.content ul.home_certificate li{ font-size: 16px; line-height: 22px;}
.content ul.home_certificate li:before{ content: "\f00c"; display: inline-block; font: normal normal normal 16px/22px FontAwesome; color: #49c201; padding-right: 5px;}
.step_button_1{ float: left; margin: 0 20px 0 75px;}
#dwnc{ margin-left: -18%;}
header {
position: relative;
/*width: 80%;*/
margin: 45px auto;
background: #5a626b;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #fff;
}
header img {
position: absolute;
top: -40px;
left: 40px;
}
header h1 {
padding: 12px 0;
font-size: 25px;
font-family: Arial;
text-transform: uppercase;
color: #fff;
font-weight: bold;
}
.contact_from_block {
background: #fff none repeat scroll 0 0;
display: block;
font-family: "Roboto Slab",serif;
overflow: hidden;
padding: 50px 30px;
}
.contact_form_left {
box-sizing: border-box;
float: left;
padding: 0 30px 0 0;
width: 60%;
}
.contact_form_left h2 {
color: #365370;
font-family: "Roboto Slab",serif;
font-size: 33px;
font-weight: 400;
line-height: 33px;
padding-bottom: 20px;
}
.contact_form_left p {
color: #79777a;
font-family: "Roboto Slab",serif;
font-size: 12px;
line-height: 14px;
padding-bottom: 30px;
}
.contact_form_left form {
}
.contact_form_left .fields_name {
float: left;
margin-bottom: 15px;
width: 46%;
}
.contact_form_left .fields_email {
float: right;
margin-bottom: 15px;
width: 46%;
}
.fields.fields_name label {
color: #7c7f8b;
display: block;
float: none;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
width: 100%;
}
.fields.fields_name label span {
color: #f00;
}
.fields.fields_name input[type="text"] {
background: #e1e1db none repeat scroll 0 0;
border: medium none;
color: #000;
height: 30px;
line-height: 22px;
margin: 0;
padding: 0 10px;
width: 100%;
}
.fields.fields_email label {
color: #7c7f8b;
display: block;
float: none;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
width: 100%;
}
.fields.fields_email label span {
color: #f00;
}
.fields.fields_email input[type="email"] {
background: #e1e1db none repeat scroll 0 0;
border: medium none;
color: #000;
height: 30px;
line-height: 22px;
margin: 0;
padding: 0 10px;
width: 100%;
}
.contact_form_left .fields_message {
clear: both;
display: block;
margin-bottom: 15px;
width: 100%;
}
.fields.fields_message label {
color: #7c7f8b;
display: block;
float: none;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
width: 100%;
}
.fields.fields_message span {
color: #f00;
}
.fields.fields_message textarea {
background: #e1e1db none repeat scroll 0 0;
border: medium none;
display: block;
min-height: 80px;
overflow: hidden;
padding: 10px;
width: 100%;
}
.fields.fields_Security {
clear: both;
float: left;
margin-bottom: 15px;
width: 100%;
}
.fields.fields_Security label {
color: #7c7f8b;
display: block;
float: none;
font-size: 12px;
font-weight: bold;
margin-bottom: 3px;
width: 100%;
}
.fields.fields_Security label span {
color: #f00;
}
.fields.fields_Security input[type="text"] {
background: #e1e1db none repeat scroll 0 0;
border: medium none;
color: #000;
height: 30px;
line-height: 22px;
padding: 0 10px;
width: 50%;
}
.contact_form_left input[type="submit"] {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #e8554e none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color #993733;
border-image: none;
border-radius: 3px;
border-style: none none solid;
border-width: medium medium 3px;
color: #fff;
cursor: pointer;
display: inline-block;
float: right;
font-size: 15px;
line-height: 30px;
padding: 0 35px;
background-image: url(../images/blk.png);
}
.contact_form_right {
box-sizing: border-box;
float: left;
padding: 20px 0 0 30px;
width: 40%;
}
.contact_form_right ul li {
margin-bottom: 16px;
}
.contact_form_right ul li span {
color: #ea5f57;
font-family: "Roboto Slab",serif;
font-size: 19px;
padding-bottom: 5px;
text-transform: uppercase;
}
.contact_form_right ul li span.pst-class {
color: #788089;
display: block;
font-family: "Roboto Slab",serif;
font-size: 15px;
line-height: 18px;
padding: 10px 0;
text-transform: none;
}
.contact_form_right ul li p {
color: #647b8e;
font-family: "Roboto Slab",serif;
font-size: 18px;
}
.contact_form_right ul li p a {
font-family: "Roboto Slab",serif;
}
.social_link {
cursor: pointer;
}
.social_link span {
padding-right: 5px;
}
.howto_non h5 {
color: #bf0000;
float: left;
font-family: trebuchet ms;
font-size: 32px;
font-weight: bold;
line-height: 37px;
margin-right: 25px;
padding: 0 0 10px;
text-align: left;
float: left;
}
.howto_non
{
display: inline-block;
width: 100%;
}
.stpall {
color: #000000;
display: block;
float: right;
font-size: 17px;
line-height: 23px;
padding: 3px 0 0;
width: 81%;
word-wrap: break-word;
}
.stpallmain
{
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
.howto_non h5 {
color: #bf0000;
float: left;
font-family: trebuchet ms;
font-size: 27px;
font-weight: bold;
line-height: 31px;
margin: 0 15px 0 0;
padding: 0;
text-align: left;
width: 145px;
}
.newlftarea h2
{
padding-bottom: 35px;
}
.mynewrtarea
{
padding: 0px;
}
.mynewrtarea ul li span
{
display: block;
padding-bottom: 8px;
}
.contact_form_right.mynewrtarea ul li {
margin-bottom: 0;
}
.mynewrtarea ul li p a {
color:#000;font-size:20px;font-weight:bold;
}
.mynewrtarea ul li p {
color:#000;font-size:20px;font-weight:bold;
}
.test_wrap {background: #f5f6f7; padding: 10px; margin: 10px 0 20px;}
.testimonial_image {background-color: #fff; border: 1px solid #d1d1d1; border-radius: 0; box-shadow: 0 2px 1px #ccc; margin: 10px 20px 10px 10px; padding: 7px; float: left;}
.testimonial_image img {vertical-align: top;}
.test_content {color: #333; margin: 0 0 0 200px;}
.test_content p {font: 16px/21px Tahoma, sens Serif;}
.test_content .test_date {padding-bottom: 20px;}
.test_content .test_date, .test_content .testimonial_author {font-size: 14px;}
.testimonial_author .testimonial-client {color: #3b5998; font-weight: bold; display: block;}
.terms .red_txt {color: #f00;}
.captcha_container{float:left;width: 70%;}
.frm_btn_container{float:right;width:25%;margin-top:20px;}
@media only screen and (max-width: 768px) {
header {
position: relative;
width: 100%;
margin: 0;
text-align: center;
border-radius: 0;
}
header img {
position: static;
}
header h1 {
padding: 0 0 20px;
}
.helium-modal .modal {
left: 7% !important;
margin-left: 0 !important;
width: 80%;
}
.footer_link ul {
display: inline-block;
margin: 0 auto;
width: 100%;
text-align: center;
}
.footer_link ul li {
float: none;
color: #525353;
font: normal 14.2px/20px Arial;
display: inline-block;
}
.captcha_container, .frm_btn_container{
width:100%;
float: none;
}
.frm_btn_container input[type="submit"]{
float: none;
}
}
@media only screen and (max-width: 539px) {
.helium-modal .modal {
left: 6% !important;
margin-left: 0 !important;
width: 80%;
}
}
@media only screen and (max-width: 415px) {
.helium-modal .modal {
left: 4% !important;
margin-left: 0 !important;
width: 80%;
}
}
@media only screen and (max-width: 320px) {
.helium-modal .modal {
left: 3% !important;
margin-left: 0 !important;
width: 80%;
}
}