/* CSS Document */ /************************************* 1. Default CSS **************************************/ @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro); @import url(http://fonts.googleapis.com/css?family=PT+Sans); *{margin:0px; padding:0px;} body{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; background:#FFFFFF; width:100%; min-width:1034px;} h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal; border: 0px; outline: none;} address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; } label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;} a{ text-decoration:none; border: 0px; outline: none;} a:hover{ text-decoration:none; border: 0px; outline: none;} a img{ border:none; outline: none;} border{ border-collapse:collapse;} hr{ height:1px; background:#333333; border:none;} .clear{ clear:both;} .left{ float:left;} .right{ float:right;} .clearfix:before, .clearfix:after { content: " "; display: table;} .clearfix:after { clear: both;} .clearfix { *zoom: 1;} /************************************* 2. Container , Wrapper , Main **************************************/ .container{ width:100%;} .wrapper{ width:100%;} .main{width:1030px; margin:0 auto;} /************************************* 3. Header **************************************/ .header{ width:100%; } .logo{ float:left; margin-right: 0px; } .header_right{ float:right;} .bellow_header{ padding-top:35px; padding-bottom:30px; text-align:center;} .bellow_header h1{ color:#2c2d3a;font-weight: normal; font-size:48px; text-align:center; text-transform:capitalize; line-height:48px; font-family: 'source_sans_prolight'; margin-bottom:18px; } .bellow_header h2, h3.below_header_h3{ color:#2c2d3a; font-size:24px; text-align:center; line-height:24px; font-family: 'source_sans_prolight'; } .bellow_header h2 a, .bellow_header h3 a{ background:url(../images/learn_btn_icn.png) no-repeat 5px 15px !important; border:1px solid #c0c0c0; color:#32a8f3; padding:5px 28px; background:#FFFFFF;font-weight: normal;padding-left: 20px !important;} .bellow_header h2 a.no_special_effects{ border: none !important; background: none !important; padding: 0 !important; font-size: 22px; font-weight: normal; } .bellow_header h2 a:hover, .bellow_header h3 a:hover{ border:1px solid #c0c0c0; background:url(../images/learn_btn_icn.png) no-repeat 5px 15px #d1ecfd !important;} .bellow_header h2 a.no_special_effects:hover, .bellow_header h3 a.no_special_effects:hover{ background: #fff !important; } .bellow_header h2 a:active,.bellow_header h3 a:active{ border:1px solid #c0c0c0; background:url(../images/learn_btn_icn_active.png) no-repeat 10px 15px #32a8f3 !important; color:#FFFFFF} .edit_part1 a:hover{ background:url(../images/con_hover.png) repeat-x;} .make_btn{width: 270px; margin:25px auto; margin-top: 30px;} .make_btn a{ display:block; background:url(../images/m_btn_bg.png) no-repeat; line-height:61px; font-size:30px; color:#FFFFFF; text-transform:uppercase; text-align:center; font-family: 'PT Sans', sans-serif; } .make_btn.china a{ display:block; background:url(../images/m_btn_bg-china.png) no-repeat; line-height:61px; font-size:24px; color:#FFFFFF; text-transform:uppercase; text-align:center; font-family: 'PT Sans', sans-serif; } .make_btn a:hover{ background:url(../images/m_btn_hover.png) no-repeat;color: #fff; text-decoration: none;} .make_btn.china a:hover{ background:url(../images/m_btn_hover-china.png) no-repeat;color: #fff; text-decoration: none;} .make_btn a:active{ background:url(../images/m_btn_active.png) no-repeat;} .box_row{ margin-bottom:75px;} .box_1{ width:245px; margin-right:15px; float:left;} .box_1_last{ width:245px; margin-right:0px; float:right;} .admins_link{ position: fixed; width: 30px; background: #fffacd; height: 25px; border: 1px solid #ccc; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; left: -2px; /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(top left, #FFFFFF 0%, #E0E0E0 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top left, #FFFFFF 0%, #E0E0E0 100%); /* Opera */ background-image: -o-linear-gradient(top left, #FFFFFF 0%, #E0E0E0 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #FFFFFF), color-stop(1, #E0E0E0)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top left, #FFFFFF 0%, #E0E0E0 100%); /* W3C Markup, IE10 Release Preview */ background-image: linear-gradient(to bottom right, #FFFFFF 0%, #E0E0E0 100%); } .admins_link:hover{ border: 1px solid #666; } /************************************* NAVIGATION **************************************/ /************************************* MAIN BODY PART **************************************/ .body_main{ width:100%;} .body_row_1{ width:100%; background:#32a8f3; height:90px;} .body_row_1 h1, h2.below_header_h2, h3.below_header_h2{ font-family: 'source_sans_prolight'; font-size:48px; color:#FFFFFF; line-height:90px;font-weight: normal; text-align:center; background:url(../images/body_row_arrow.jpg) no-repeat bottom center; padding-bottom:19px;} .body_row_1 arrow{ } .body_row_2{ width:100%; background:#32a8f3; height:103px; margin-top:80px;} .body_row_2 h1{ font-family: 'source_sans_prolight'; font-size:48px; color:#FFFFFF; line-height:48px; text-align:center; background:url(../images/body_row_arrow.jpg) no-repeat bottom center; padding-bottom:26px; margin-bottom:80px;} .body_row_2 arrow{ } .watch{ width:199px; margin:40px auto;} .watch a{ background:url(../images/watch_btn.jpg) no-repeat; line-height:44px; width:199px; display:block; text-align:center; font-family: 'source_sans_prolight'; color:#32a8f3; font-size:24px; padding-left:15px; } .watch a:hover{ background:url(../images/watch_btn_hover.png) no-repeat;} .watch a:active{ background:url(../images/watch_btn_active.png) no-repeat; color:#FFFFFF;} .round_box_con{} .round_box{ width:220px; float:left; margin-right:12px; margin-left:12px; text-align:center;} .round_box_last{ width:245px; float:right; text-align:center;} .round_box img{ margin-bottom:30px;} .round_box h1, .round_box h4{font-family: 'Source Sans Pro', sans-serif; color:#32a8f3; font-size:23px; margin-bottom:24px;} .round_box p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#2c2d3a; line-height:24px;} .round_arrow{ width:15px; float:left; padding-top:100px;} .round_box_last img{ margin-bottom:30px;} .round_box_last h1, .round_box_last h4{font-family: 'Source Sans Pro', sans-serif; color:#32a8f3; font-size:23px; margin-bottom:24px;} .round_box_last p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#2c2d3a; line-height:24px;} .got_btn{ width:507px; margin:100px auto; background:url(../images/got_btn_bg.png) no-repeat; } .got_btn.china{ width:507px; margin:100px auto; background:url(../images/got_btn_bg-china.png) no-repeat; } .got_btn a{ line-height:61px;font-family: 'Source Sans Pro', sans-serif; color:#FFFFFF; display:block; font-size:30px; color:#FFFFFF; text-transform:uppercase; text-align:center; } .got_btn a:hover{ background:url(../images/got_btn_bg_hover.png) no-repeat; color: #fff; text-decoration: none;} .got_btn.china a:hover{ background:url(../images/got_btn_bg_hover-china.png) no-repeat; color: #fff; text-decoration: none;} .got_btn a:active{ background:url(../images/got_btn_bg_active.png) no-repeat;} .colmn_left{ width:510px; float:left; margin-top:80px;} .colmn_right{ width:510px; float:right; margin-top:80px;} .colmn_img{ text-align:center; margin-bottom:30px;} .colmn_heading{ margin-bottom:20px;font-family: 'Source Sans Pro', sans-serif; padding-left:70px; color:#2c2d3a; font-size:27px; } .colmn_heading img{ padding-left:70px;} .colmn_left_bullet{ padding-left:105px;} .colmn_left_bullet ul{ margin:0px; padding:0px; list-style:none;} .colmn_left_bullet ul li{ float:none; background:url(../images/correct_bullet.png) no-repeat 0 7px; font-family: 'Source Sans Pro', sans-serif; font-size:20px; line-height:36px; color:#2c2d3a; padding-left:35px;} .colmn_right_bullet{ padding-left:105px;} .colmn_right_bullet ul{ margin:0px; padding:0px; list-style:none;} .colmn_right_bullet ul li{ float:none; background:url(../images/bullet_2.png) no-repeat 0 7px; font-family: 'Source Sans Pro', sans-serif; font-size:20px; line-height:36px; color:#2c2d3a; padding-left:35px;} .colmn_btn{ background:url(../images/colmn_left_btn.png) no-repeat; width:362px; } .colmn_btn.china{ background:url(../images/colmn_left_btn-china.png) no-repeat; width:362px; } .colmn_btn a{ line-height:62px; font-family: 'PT Sans', sans-serif; color:#000000; text-transform:uppercase; font-size:27px; display:block; color:#FFFFFF; text-align:center; margin:40px 0; } .colmn_btn a:hover{ background:url(../images/colmn_left_btn_hover.png) no-repeat;color: #fff; text-decoration: none;} .colmn_btn.china a:hover{ background:url(../images/colmn_left_btn_hover-china.png) no-repeat;color: #fff; text-decoration: none;} .colmn_btn a:active{ background:url(../images/colmn_left_btn_active.png) no-repeat;} .box_container{ width:920px; margin:100px auto;} .box_con_1{ width:260px; float:left; margin-right:70px; margin-bottom:35px;} .box_con_1_last{ width:260px; float:right; margin-right:0px; margin-bottom:35px;} .box_container img{ margin-bottom:20px; display:block;} .box_container h1, .box_container h4{ font-family: 'Source Sans Pro', sans-serif; color:#ff0080; font-size:24px; margin-bottom:15px; } .box_container p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#2c2d3a; line-height:24px;} .crt_btn{ background:url(../images/crt_btn.png) no-repeat; width:324px; margin:60px auto; } .crt_btn.china{ background:url(../images/crt_btn-china.png) no-repeat; width:324px; margin:60px auto; } .crt_btn a{ display:block; line-height:62px; font-family: 'PT Sans', sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:27px; display:block; color:#FFFFFF; text-align:center; } .crt_btn a:hover{ background:url(../images/crt_btn_hover.png) no-repeat;color: #fff; text-decoration: none;} .crt_btn.china a:hover{ background:url(../images/crt_btn_hover-china.png) no-repeat;color: #fff; text-decoration: none;} .crt_btn a:active{ background:url(../images/crt_btn_active.png) no-repeat;} .banner{ margin:80px 0 0px 0;} .caption1{ position:absolute; top:130px; width:490px; } .caption1 h2, .caption1 h4{ font-family: 'source_sans_prolight'; color:#2c2d3a; font-size:30px; margin-bottom:22px;} .caption1 p{ font-family: 'Source Sans Pro', sans-serif;; font-size:18px; line-height:28px; color:#2c2d3a; } .caption1 p span{ font-weight:bold; color:#f4086c;} ol {margin:1em 0;padding:0;height:28px; text-align:center; } ol li{margin:0 10px 0 0; padding:0;float:none;list-style:none;height:13px;line-height:28px; display:inline-block;} ol li a{float:left;height:13px;background:#cdcccb;color:#555;text-decoration:none; width:13px; font-size:0px; border-radius:40px; } ol li.current a{background:#32a8f3;color:#fff;} ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;} /*.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;background:url(../images/btn_prev.gif) no-repeat 0 0;cursor:pointer; display:none!important}*/ .prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:-30px;top:71px;z-index:1000;cursor:pointer; display:none!important} .nextBtn{left:696px;} /*.nextBtn {background:url(../images/btn_next.gif) no-repeat 0 0;}*/ .banner_btn{ background:url(../images/crt_btn.png) no-repeat; width:324px; margin:60px auto; } .banner_btn.china{ background:url(../images/crt_btn-china.png) no-repeat; width:324px; margin:60px auto; } .banner_btn a{ display:block; line-height:62px; font-family: 'PT Sans', sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:27px; display:block; color:#FFFFFF; text-align:center; } .banner_btn a:hover{ background:url(../images/crt_btn_hover.png) no-repeat;color: #fff; text-decoration: none;} .banner_btn.china a:hover{ background:url(../images/crt_btn_hover-china.png) no-repeat;color: #fff; text-decoration: none;} .banner_btn a:active{ background:url(../images/crt_btn_active.png) no-repeat;} .heading_text{ margin:50px 0 55px 0;} .heading_text h2, .heading_text h3{ font-family: 'Source Sans Pro', sans-serif; text-align:center; font-size:24px; color:#2c2d3a; line-height:normal; } .social_share{ text-align:center;} .left_logo{ float:left; margin-bottom:10px;} .right_back{ float:right; margin-bottom:} .right_back a{ font-family: 'Source Sans Pro', sans-serif; font-size:18px; color:#292b29; background:url(../images/back_icon.png) no-repeat 0 6px; padding-left:16px;} .upgrd{ width:507px; margin:70px auto; background:url(../images/got_btn_bg.png) no-repeat; } .upgrd a{ line-height:61px;font-family: 'Source Sans Pro', sans-serif; color:#FFFFFF; display:block; font-size:30px; color:#FFFFFF; text-transform:uppercase; text-align:center; } .upgrd a:hover{ background:url(../images/got_btn_bg_hover.png) no-repeat;color: #fff; text-decoration: none;} .upgrd a:active{ background: url(../images/got_btn_bg_active.png) no-repeat; no-repeat;} .uni{ width:660px; margin:0 auto;} .uni_box{ width:135px; float:left; text-align:center; } .uni_box_arrow{ width:20px; margin:0 50px 0 50px; float:left; padding-top:60px;} .uni h2{font-family: 'Source Sans Pro', sans-serif; color:#32a8f3; font-size:24px; margin:15px 0 25px 0; } .bellow_header h3 a{ text-align:center; font-size:24px; color:#00aeef; font-family: 'source_sans_prolight'; line-height:50px; background:url(../images/lens_icon.png) no-repeat 0 10px; padding-left:20px; } .box_colm_con{ margin:80px 0 80px 0;} .boxcolmn_1{ float:left; margin-right:50px; text-align:center;} .boxcolmn_2{ float:right; margin-right:0px; text-align:center;} .box_colm_con img{ margin-bottom:25px;} .box_colm_con p{ font-family: 'Source Sans Pro', sans-serif; color:#222222; font-size:18px; line-height:24px;} .colmn_left h2{ font-family: 'Source Sans Pro', sans-serif; color:#ff0080; font-size:18px; line-height:24px; margin-bottom:16px; } .colmn_left p{font-family: 'Source Sans Pro', sans-serif; color:#222222; font-size:18px; line-height:24px; margin-bottom:25px;} .colmn_right h2{ font-family: 'Source Sans Pro', sans-serif; color:#ff0080; font-size:18px; line-height:24px; margin-bottom:16px; } .colmn_right p{font-family: 'Source Sans Pro', sans-serif; color:#222222; font-size:18px; line-height:24px; margin-bottom:25px;} .price_bg{ width:991px; margin:0px auto; background:url(../images/price_bg.jpg) no-repeat top center; height:920px; } .price_row_1{ width:991px; float:none; } .price_colmn1{ width:214px; float:left; position:relative; } .price_colmn2{ width:192px; float:left; position:relative; text-align:center;} .value{ position:absolute; left:55px; top:20px;} .price_colmn1 h1{font-family: 'Source Sans Pro', sans-serif; color:#383838; font-size:30px; padding-top:120px; padding-left:12px; line-height:normal; font-weight:bold;} .price_colmn1 h1 span{ font-size:18px; display:block; font-weight:normal;} .price_colmn2 h1{font-family: 'Source Sans Pro', sans-serif; color:#013a50; font-size:24px; padding-top:20px; line-height:20px; font-weight:bold; text-shadow: 1px 1px 2px #89cdf9;} .price_colmn2 h1 span{ font-size:16px; display:block; font-weight:normal; line-height:20px;} .populer{ position:absolute; top:-5px; right:-12px;} .price_colmn2 h3{font-family: 'Source Sans Pro', sans-serif; color:#363636; font-size:48px; padding-top:16px; line-height:18px; font-weight:bold; text-shadow: 0px 0px 0px #89cdf9; margin-bottom:20px;} .price_colmn2 h3 span{ font-size:30px; vertical-align: super; font-size:reduction; font-weight:normal;} .per{ position:absolute; font-family: 'source_sans_prolight'; font-size:18px; color:#363636; right:19px; top:104px;} .price_colmn2 p{ font-family: 'source_sans_prolight'; font-size:18px; color:#363636; margin:20px 0 5px 0; text-decoration:line-through; } .price_colmn2 h4{font-family: 'Source Sans Pro', sans-serif; color:#33a8f5; font-size:18px; padding-top:0px; line-height:20px; font-weight:bold; text-shadow: 0px 0px 0px #89cdf9; margin-bottom:0;} .price_colmn2 h4 span{ color:#ff0080;} .buy_btn a{ background:#ff0080; padding:7px 0px; display:block; width:132px; margin:7px auto; color:#fefefe; font-size:20px;font-family: 'Source Sans Pro', sans-serif; } .buy_btn a:hover{ background:url(../images/buy_hover.png) repeat-x; padding:7px 0px; display:block; width:132px; margin:7px auto; color:#fefefe; font-size:20px;font-family: 'Source Sans Pro', sans-serif; } .buy_btn a:active{ background:#e50073; padding:7px 0px; display:block; width:132px; margin:7px auto; color:#fefefe; font-size:20px;font-family: 'Source Sans Pro', sans-serif; } .per1{ position:absolute; font-family: 'source_sans_prolight'; font-size:18px; color:#363636; right:19px; top:44px;} .price_colmn1 h4{font-family: 'Source Sans Pro', sans-serif; color:#383838; font-size:30px; padding-top:30px; padding-left:12px; line-height:normal; font-weight:bold;} .price_colmn1 h4 span{ font-size:18px; display:block; font-weight:normal;} .price_colmn2 h6{ font-size:12px; text-decoration:none !important; margin-bottom:5px; line-height:18px;} .price_colmn2 h6 span{ font-size:12px; color:#ff0080; text-decoration:none!important} .price_colmn1 h5{ font-family: 'Source Sans Pro', sans-serif; font-size:18px; color:#383838; padding:10px 0 0 12px; line-height:15px;} .price_colmn1 h5 a{ font-family: 'Source Sans Pro', sans-serif; font-size:12px; color:#a7a7a7; padding:0px 0 0 20px; background:url(../images/what_icon.png) no-repeat;} .price_colmn2 h5{ font-family: 'Source Sans Pro', sans-serif; color:#2f2f2f; font-size:24px; line-height:69px;} .price_colmn2 h5 span{ font-family: 'Source Sans Pro', sans-serif; color:#2f2f2f; font-size:18px; line-height:60px;} .price_colmn1 p{ font-family: 'Source Sans Pro', sans-serif; color:#000000; line-height:32px; font-size:14px; padding-left:12px;} .price_colmn2 img{ margin-top:0} /************************************ Login pop up ************************************/ .signin_con{ padding:35px 30px 35px 30px; width:640px; margin: 0 auto; border:1px solid #dedede; position:absolute; background: #fff;top: 0;left: 0;padding-top: 10px\0/} .cross_btn{ position:absolute; right:12px; top:12px;} .sign_left{ width:308px; float:left;} .sign_mid{ width:70px; text-align:center; float:left;} .sign_right{ width:255px; float:right;} .signin_con h2, .signin_con h3{font-family: 'Source Sans Pro', sans-serif; color:#2C2D3A; font-size:24px; line-height:24px; margin-bottom:16px; } .sign_left p span{ font-family: 'Source Sans Pro', sans-serif; color:#2D2D2D; line-height:18px; font-size:11px;} .radio_gr{ margin:10px 0 10px 0;} .radio_btn{ float:left; width:20px; padding-top:3px;} .radio_text{ float:left;font-family: 'Source Sans Pro', sans-serif; color:#000000; line-height:26px; font-size:15px; font-weight:bold;} .chk_gr{ float:left;} .chk_text{ float:left;font-family: 'Source Sans Pro', sans-serif; color:#000000; line-height:26px; font-size:15px; font-weight:normal;} .chk_gr_right{ float:right;} .chk_text a{ color:#1ea4fd !important; border-bottom:1px solid #1ea4fd;} #password_recover_holder{ position: absolute; top: 0; left: 700px; } input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; width:95%; padding:0 5px 0 10px !important; margin: 5px 5px 5px 0px; border: 1px solid #ececec; height:34px; border-radius:4px; color:#666; font-size:12px; } input[type=password], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; width:95%; padding: 0 5px 0 10px !important; margin: 5px 5px 5px 0px; border: 1px solid #ececec; height:34px; border-radius:4px; color:#bdbdbd; font-size:12px; } input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px #0e9dfd; width:95%; padding:0 5px 0 10px !important; margin: 5px 5px 5px 0px; border: 1px solid #ececec; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } input[type=password]:focus, textarea:focus { box-shadow: 0 0 5px #0e9dfd; width:95%; padding:0 5px 0 10px !important; margin: 5px 5px 5px 0px; border: 1px solid #ececec; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .submit{ background: -webkit-gradient(linear, left top, right top, from(#20aeff), to(#1191ec)); background: -webkit-linear-gradient(top, #20aeff, #1191ec); background: -moz-linear-gradient(top, #20aeff, #1191ec); background: -o-linear-gradient(top, #20aeff, #1191ec); background: -ms-linear-gradient(top, #20aeff, #1191ec); background: linear-gradient(top, #20aeff, #1191ec); width:100% !important; text-align:center; color:#FFFFFF; height:38px; outline:none; cursor:pointer; border:1px solid #0073c7; margin:16px 0 0 0; font-family: 'Source Sans Pro', sans-serif; font-size:20px;} .submit:focus, .submit:hover{ background: -webkit-gradient(linear, left top, right top, from(#22caff), to(#10b8ec)); background: -webkit-linear-gradient(top, #22caff, #10b8ec); background: -moz-linear-gradient(top, #22caff, #10b8ec); background: -o-linear-gradient(top, #22caff, #10b8ec); background: -ms-linear-gradient(top, #22caff, #10b8ec); background: linear-gradient(top, #22caff, #10b8ec); width:100% !important; text-align:center; color:#FFFFFF; height:38px; outline:none; cursor:pointer; border:1px solid #0073c7; margin:16px 0 0 0; font-family: 'Source Sans Pro', sans-serif; font-size:20px;} .mid_top{ width:1px; height:130px; display:block; clear:both; background:#a3a3a3; margin:0 auto;} .mid_mid{ font-family: 'Source Sans Pro', sans-serif; color:#000000; line-height:34px; font-size:15px; } .mid_btm{ width:1px; height:130px; display:block; clear:both; background:#a3a3a3; margin:0 auto;} .sign_right h2,.sign_right h3 { font-family: 'Source Sans Pro', sans-serif; color:#000000; line-height:24px; font-size:19px; margin-top:45px; margin-bottom:14px; } .social_1{ background:url(../images/social_facebook.png) no-repeat; width:256px; height:41px; margin-bottom:17px;float: left;} .social_2{ background:url(../images/social_google.png) no-repeat; width:256px; height:41px; margin-bottom:17px; float: left;} .social_1 a{font-family: 'Source Sans Pro', sans-serif; display:block; line-height:41px; color:#3b3748; font-size:18px !important; padding-left:70px; margin-top: 0 !important;} .social_2 a{font-family: 'Source Sans Pro', sans-serif; display:block; line-height:41px; color:#3b3748; font-size:18px !important; padding-left:70px; margin-top: 0 !important;} .sign_left_for{ width:308px; position:relative; margin:0 auto;} .signin_con_for{ padding:35px 30px 35px 30px; width:320px; margin: 0 auto; border:1px solid #dedede; position:relative;} .signin_con_for h2, .signin_con_for h3{font-family: 'Source Sans Pro', sans-serif; color:#2C2D3A; font-size:24px; line-height:24px; margin-bottom:16px; } .sign_left_for p{ font-family: 'Source Sans Pro', sans-serif; color:#2C2D3A; font-size:14px; margin-bottom:7px; } .sign_left_for p span{ font-family: 'Source Sans Pro', sans-serif; color:#2D2D2D; line-height:18px; font-size:12px;} #existing_user_radio, #new_user_radio{ margin: 0; padding: 0; } /************************************* 4.FOOTER **************************************/ .footer{ width:100%; background:#2c2d3a; border-top:2px solid #ababb0; padding:50px 0 25px 0;float: left;} .foot_box{ width:180px; float:left; margin-left:50px;} .footer h1, .footer h4{ font-family: 'PT Sans', sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:26px; margin-bottom:25px; } .footer ul{ margin:0; padding:0; list-style:none;} .footer ul li{ float:none;} .footer ul li a{ font-family: 'PT Sans', sans-serif; font-size:18px; line-height:30px; color:#00b9ff;} .footer ul li a:hover{ color:#FFFFFF;} .foot_box_last{ width:300px; float:right; margin-left:0px;} .footer p{ text-align:center; color:#ffffff; font-size:14px; margin:25px 0 0 0;} #mainwrapper { font: 10pt normal Arial, sans-serif; height: auto; margin: 0px auto ;; text-align: center; width: 1029px; } /* Image Box Style */ #mainwrapper .box { border: 0px solid #fff; cursor: pointer; height: 506px; float: left; position: relative; overflow: hidden; width: 245px; margin-left:10px; } #mainwrapper .box img { position: absolute; left: 0; transition: all 300ms ease-out; } /* Caption Common Style */ #mainwrapper .box .caption { /*background-color: rgba(44,45,58,0.8);*/ background: url(../images/IE_bg_fix.png) repeat; position: absolute; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size:24px; line-height:40px; padding-top:10px; z-index: 100; left: 0; } .caption h5{ font-size:16px !important; font-family: 'Source Sans Pro', sans-serif; line-height:normal; margin-top:5px;} /** Caption 1: Simple **/ #mainwrapper .box .simple-caption { height: 154px; width: 245px; display: block; bottom: -115px; line-height: 25pt; text-align: center; } /** Caption 2: Full Width & Height **/ #mainwrapper .box .full-caption { width: 170px; height: 170px; top: -480px; text-align: left; padding: 15px; } /** Caption 3: Fade **/ #mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption { opacity: 0; width: 170px; height: 170px; text-align: left; padding: 15px; } /** Caption 4: Slide **/ #mainwrapper .box .slide-caption { width: 170px; height: 170px; text-align: left; padding: 15px; left: 200px; } /** Caption 5: Rotate **/ #mainwrapper #box-5.box .rotate-caption { width: 170px; height: 170px; text-align: left; padding: 15px; top: 200px; -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } #mainwrapper .box .rotate { width: 200px; height: 400px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } /** Caption 6: Scale **/ #mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p { position: relative; left: -200px; width: 170px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } #mainwrapper .box .scale-caption h3 { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; -ms-transition-delay: 300ms; transition-delay: 300ms; } #mainwrapper .box .scale-caption p { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; } /** Simple Caption :hover Behaviour **/ /* #mainwrapper .box:hover .simple-caption { -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -webkit-transform: translateY(-100%); opacity: 1; transform: translateY(-100%); } *? /** Full Caption :hover Behaviour **/ /* #mainwrapper .box:hover .full-caption { -moz-transform: translateY(100%); -o-transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 1; transform: translateY(100%); } */ /** Fade Caption :hover Behaviour **/ #mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption { opacity: 1; } /** Slide Caption :hover Behaviour **/ #mainwrapper .box:hover .slide-caption { background-color: rgba(0,0,0,1) !important; -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 1; transform: translateX(-100%); } #mainwrapper .box:hover img#image-4 { -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; } /** Rotate Caption :hover Behaviour **/ #mainwrapper .box:hover .rotate { background-color: rgba(0,0,0,1) !important; -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } /** Scale Caption :hover Behaviour **/ #mainwrapper .box:hover #image-6 { -moz-transform: scale(1.4); -o-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); } #mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p { -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px); transform: translateX(200px); } #container{ position:relative; width:100%; margin:100px auto; padding-bottom: 10px; } .grid{ width:188px; min-height:100px; padding: 8px; background:#fff; margin:8px; font-size:12px; float:left; border:1px solid #a7a7a7; -webkit-transition: top 1s ease, left 1s ease; -moz-transition: top 1s ease, left 1s ease; -o-transition: top 1s ease, left 1s ease; -ms-transition: top 1s ease, left 1s ease; } .grid img{ width:100%;} .grid strong { border-bottom:1px solid #ccc; margin:10px 0; display:block; padding:0 0 5px; font-size:17px; } .grid .meta{ text-align:right; color:#777; font-style:italic; } .grid .imgholder img{ max-width:100%; background:#ccc; display:block; } @media screen and (max-width : 1240px) { body{ overflow:auto; } } @media screen and (max-width : 900px) { #backlinks{ float:none; clear:both; } #backlinks a{ display:inline-block; padding-right:20px; } #wrapper{ margin-top:90px; } } /*feedbox additions*/ .feed_box_center .additional_links, .feed_box_center_new .additional_links{ float: left; width: 170px; height: 20px; font-size: 12px; color: #666; } .feed_box_center_new .additional_links{ width: 215px; margin-top: 5px; margin-left: 7px; } .avatar_place_holder{ background: #6a6a6a; width: 28px; height: 28px; margin-left: 10px; margin-top: 5px; float: left; padding-left: 1px; padding-top: 1px; margin-right: 8px; } .edit_info{ width: 42px; height: 13px; float: left; text-indent: 18px; background: url(../../../img/edit_icon.png) 0 1px no-repeat; } .edit_info:hover{ background-position: 0 -13px; } .edit_qr_code{ width: 64px; height: 13px; float: left; text-indent: 16px; margin-left: 5px; background: url(../../../img/delete_new.png) 0 1px no-repeat; } .edit_qr_code:hover{ background-position: 0px -12px; } .deleter{ width: 48px; margin-left: 7px; height: 13px; float: left; text-indent: 15px; background: url(../../../img/trash_icon.png) 0 0 no-repeat; } .deleter:hover{ background-position: 0px -13px; } .scan_count{ float: left; text-indent: 20px; background: url(../../../img/scan_count_icon.png) top left no-repeat; width: 100px; height: 20px; margin-left: 5px; margin-top: 5px; color: #6a6a6a; } .analytics_btn{ float: right; width: 16px; height: 15px; margin-top: 2px; background: url(../../../img/analytics_icon.png) top left no-repeat; text-indent: -9999px; margin-right: 5px; } .analytics_btn:hover{ background-position: 0 -16px; } .feed_box_image{ width: 200px; height: auto; margin-left: 6px; margin-top: 5px; } .feed_box_center_new{ background: none; padding-left: 2px; padding-top: 2px; width: 216px; float: left; /*border: 1px solid #d4d4d4;*/ background: #fff; overflow: hidden; } .feed_box_center h3, .feed_box_center_new h3, .feed_box_center_new h3 a, .feed_box_center h3 a{ color: #6a6a6a; font-weight: bold; font-size: 14px; height: 20px; margin-bottom: 15px; margin-top: 15px; overflow: hidden; text-align: left; width: 150px; padding-left: 0; font-family: Tahoma, Geneva, sans-serif; } .feed_box_image_link{ display: block; } .all_clear_cover{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: none; z-index: 2504; display: none; } .all_clear_cover.shadow{ top: 0; background: #000; opacity: 0.6; display: none; } .display_as_free{ border: 2px solid #aaaaaa; } .display_as_gold{ border: 2px solid #e8be15; } .display_as_silver{ border: 2px solid #00aeef; } .counter.gold{ height: 30px; } #feed_boxes{ margin-top: 50px; margin-bottom: 50px; width: 980px; } .free_upgrade{ background: #aaaaaa; color: #000; text-shadow: 1px 1px 10px #b7b7b7; /*margin-top: -19px;*/ width: 220px; margin-left: -2px; float: left; text-align: center; } .free_upgrade a{ color: #000; } .free_upgrade a:hover{ color: #000; text-decoration: none; } .counter{ border-top: 1px solid #ccc; float: left; width: 102%; margin-left: -2px; } .download_qr_image_new{ width: 110px; height: 25px; padding-top: 5px; float: right; background: url(../../../img/download_icon.png) 10px no-repeat #1593e8; color: #fff; text-indent: 35px; cursor: pointer; } .download_qr_image_new.gold{ background: url(../../../img/gold_download_icon.png) 10px no-repeat #e8be15; color: #000; height: 30px; } .download_qr_image_new.gold:hover{ background: url(../../../img/gold_download_icon.png) 10px no-repeat #cea913; } .download_qr_image_new:hover{ background: url(../../../img/download_icon.png) 10px no-repeat #097ecd; } .feed_box{ width: 218px; height: auto; float: left; margin-bottom: 10px; overflow: visible; position: relative; background: #ffffff; } .feed_box_center_new { width: 216px; } .feed_box_center_new h3, .feed_box_center_new h3 a{ font-weight: normal; font-size: 12px; margin-top: -2px; margin-bottom: 0; } .credit_counter{ text-align: center; font-size: 20px; color: #32a8f3; margin-top: 50px; } .additional_links a{ color: #666; } .create_more_box{ width: 216px; height: 285px; border: 2px dashed #b7b7b7; background: url(../../../img/subscription_images/create_more_icon.png) center center no-repeat #cccccc; } .create_more_box a{ width: 216px; height: 155px; padding-top: 170px; display: block; text-align: center; color: #6a6a6a; text-shadow: 1px 1px #e9e9e9; } .create_more_box a:hover{ text-decoration: none; } /*End dashboard feed boxes*/ /*Start download pop up*/ #download_pop_up .subscription_download_pop_up{ margin-top: 0; margin-left: 0; width: 565px; margin-bottom: 30px; font-family: 'Raleway', sans-serif; font-weight: normal; } .subscription_download_pop_up .meta_pop_up .meta_center{ width: 565px; } #download_pop_up.subscription_download_pop_up input[type="text"]{ background: #fff; border-radius: 0; height: 25px; margin-top: 2px; padding-top: 0; padding-bottom: 0; } .meta_pop_up .meta_center{ background: none; } .meta_content_holder{ width: 500px; height: 200px; margin-left: 38px; margin-top: 10px; float: left; } .meta_content_holder.download_poper{ margin-top: -20px; } #meta_tag_words{ width: 90%; float: left; } .field_label{ color: #898989; font-size: 12px; float: left; margin-top: 30px; margin-left: 0; } .field_label.margin_fix{ margin-top: 5px; clear: left; font-size: 12px; min-width: 69px; } .field_text_input{ width: 128px; height: 25px; text-indent: 5px; border: none; margin-top: 30px; margin-left: 10px; /*background: url(../../../img/meta_input_bg.png) no-repeat 0 0;*/ color: #666666; } .field_text_input_download{ width: 66px !important; height: 25px; text-indent: 5px; border: none; margin-left: 10px; /*background: url(../../../img/download_input.png) no-repeat 0 0;*/ } #download_submit{ border: none; width: 202px; height: 47px; cursor: pointer; margin-top: -6px; float: left; } .meta_info_submit_button{ width: 202px; height: 47px; color: #fff; border: none; cursor: pointer; background: url(../../../img/More-button.png) center top no-repeat; } .meta_info_submit_button:hover{ background-position: 0 -55px; } .meta_info_submit_button:active{ background-position: 0 -110px; } .meta_pop_up .meta_center h2{ width: 100%; text-align: center; color: #6a6a6a; font-size: 36px; } .meta_pop_up .meta_center h3{ width: 100%; text-align: center; font-weight: normal; margin-top: -5px; margin-bottom: 0; color: #6a6a6a; } .subscription_download_pop_up .meta_pop_up .meta_center{ width: 565px; } .meta_submit_holder{ left: 325px; top: 225px; height: 33px; margin-top: 0; width: 190px; position: absolute; } #meta_submit{ border: none; cursor: pointer; margin-top: 145px; float: right; margin-right: -45px; width: 202px; height: 47px; } .meta_info_submit_button{ width: 202px; height: 47px; color: #fff; border: none; cursor: pointer; background: url(../../../img/More-button.png) center top no-repeat; } .meta_info_submit_button:hover{ background-position: 0 -55px; } .meta_info_submit_button:active{ background-position: 0 -110px; } #login_outer_holder, #download_pop_outer_holder, #info_pop_outer_holder{ display: none; } .new_positioner .field_label{ font-size: 14px; font-family: 'Raleway', sans-serif; color: #666666; } .sub_special{ font-size: 14px; display: inline-block; padding-top: 1px; font-weight: bold; color: #666666; font-family: 'Raleway', sans-serif; } .new_positioner{ margin-top: -20px; font-size: 14px; float: left; width: 527px; } .new_positioner .field_label{ font-size: 14px; font-family: 'Raleway', sans-serif; color: #666666; } .pixles_holder{ font-size: 14px; float: right; color: #666666; } .black_and_white_text{ float: left; margin-top: 3px; margin-left: 4px; font-size: 14px; color: #666666; font-family: 'Raleway', sans-serif; } #image_type{ border-radius: 0; border: 1px solid #acacac; } #dots_stat_holder{ float: left; margin-top: 24px; margin-left: 64px; } #effects_stat_holder{ margin-left: 57px; float: left; } /*End download pop up*/ #cover, #cover_dash{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: url(../images/IE_bg_fix.png) repeat; opacity: 0.7; z-index:2100; display: none; } #loader{ width: 100px; height: 100px; position: fixed; top: 350px; left: 50%; margin-left: -50px; z-index:2505; display: none; } #info_pop .meta_center h3{ font-family: Tahoma, Geneva, sans-serif; font-size: 18px; } .field_textarea textarea{ color: #898989; width: 91%; height: 95px; font-size: 11px; padding-left: 5px; float: left; } #meta_title{ float: left; clear: left; width: 90% !important; margin-top: 0 !important; } .visualead_login_pop_up{ position: fixed; height: auto; width: 700px; right: 50%; margin-right: -350px; top: 20px; background: #fff; z-index: 6505; display: none; overflow: hidden; min-height: 383px; } .visualead_login_pop_up a{ color: #666666; } .login_top{ height: 94px; border-bottom: 1px solid #aaaaaa; } .visualead_login_pop_up.place_login{ top: 20%; width: 380px; height: 350px; border: 1px solid #aaaaaa; margin-right: -210px; } .visualead_login_pop_up .close_x{ position: absolute; width: 30px; height: 30px; top: -15px; right: -15px; cursor: pointer; z-index: 1507; background: url(../../../img/new_look_img/fancy_close.png) center center no-repeat; } input.visualead_login_input{ border: 1px solid #aaaaaa; background: #fff; border-radius: 0; width: 300px; height: 25px; margin-top: 10px; margin-left: 15px; margin-bottom: 0px; } .visualead_login_pop_up a{ font-size: 12px; margin-left: 0px; margin-top: 8px; float: left; } input.login_submit_button, input.create_account_submit_button{ border: 1px solid #01668c; background: #00aeef; color: #fff; width: 97px; height: 36px; float: left; margin-left: 15px; margin-top: 2px; font-weight: bold; padding-right: 5px; padding-left: 5px; text-shadow: -1px -1px #006388; } .place_login input.login_submit_button{ margin-left: 15px; } input.create_account_submit_button{ width: auto; } .place_login input.create_account_submit_button{ margin-left: 15px; } .visualead_login_social{ background: #eeeeee; height: 250px; } .place_login .visualead_login_social{ height: 290px; } .social_login{ width: 97px; height: 30px; float: left; margin-top: 10px; margin-left: 9px; margin-right: 25px; cursor: pointer; } .social_login{ margin-top: -5px; margin-left: 15px; width: 150px; height: 36px; } .social_login.facebook_login{ border: 1px solid #01668c; background: #0083b5; } .social_login.facebook_login:hover{ background: #004f7a; border: 1px solid #002e4b; } .social_login.google_login{ border: 1px solid #c13200; background: #ef3e00; margin-right: 0; } .social_login.google_login:hover{ background: #e12e00; border: 1px solid #8a1b00 } .facebook_login_icon_holder,.google_login_icon_holder{ width: 36px; height: 34px; float: left; background: url(../../../img/visualead_images/Social_login_icons.png) no-repeat 10px 2px; border-right: 1px solid #01668C; } .google_login_icon_holder{ background-position: -24px 2px; border-right: 1px solid #c13200; } .login_text_holder{ width: 112px; } .login_text_holder.google{ border-left: 1px solid #f56a39; } .login_text_holder.facebook{ /*border-left: 1px solid #0198d2;*/ } .login_text_holder.facebook:hover{ border-left: 1px solid #002e4c; } .place_login .login_text_holder{ width: 112px; } .login_text_holder a{ color: #FFFFFF; font-size: 15px; font-weight: bold; height: 26px; margin: 0; padding: 10px 0 0; text-align: center; text-shadow: 1px 1px #1F3C7E; text-transform: uppercase; width: 112px; } .login_text_holder a:hover{ text-decoration: none; } a.password_reminder{ margin-left: 15px; float: left; clear: left; margin-top: 3px; } .login_h3 { color: #666666; margin-top: 0; margin-left: 13px; font-size: 18px; letter-spacing: 1px; margin-bottom: 10px; font-family: Tahoma, Geneva, sans-serif; text-align: left; } .login_text_holder.google a:hover{ /*text-decoration: none; border-left: 1px solid #ee442c;*/ } .google_login_icon_holder{ background-position: -24px 2px; } .in_the_wild_holder{ width: inherit; height: 340px; margin-bottom: 20px; border: 1px solid #eeeeee; } input[type="text"], input[type="password"]{ margin-bottom: 5px !important; color: #666; } p{ margin-bottom: 0; } .sponser{ width:1030px; margin:0 0 40px 0;} .sponser_list{} .sponser_list li{ float:left; list-style:none; padding:0 0 0 54px;} .opti_hub_1{ width:1030px; margin:0 auto; background:url(../images/api_1.png) no-repeat right bottom;} .resell{ background:url(../images/resell_bg.jpg) no-repeat right bottom -25px !important;} .opti_hub_1 h2{ font:normal 38px 'source_sans_prolight'; color:#2c2d3a; margin:33px 0 0 138px;} .opti_hub_1 h4{ font:normal 28px 'source_sans_prolight'; color:#2c2d3a; margin:22px 0 0 138px;} .api_list_1{margin:22px 0 0 138px;} .api_list_1 li{ background:url(../images/api_list_bullet.png) no-repeat left top 12px; padding:10px 0 10px 45px;list-style:none;font:normal 24px 'source_sans_prolight'; color:#2c2d3a;} .api_list_1 li span{font:normal 24px 'source_sans_prolight'; color:#32a8f3; text-decoration:underline;} .contactus_hub{ width:324px; margin:0 0 0 138px; position:relative; top:0px; min-height:120px;} .api_contact_hub{ background:url(../images/api_contact_bg.png) no-repeat left top; width:230px; margin:25px 0 0 10px; padding-top:12px;padding-bottom: 12px;font:normal 24px 'source_sans_prolight'; color:#FFFFFF; text-transform:uppercase; text-align: center;} .crt_btn_api{ background:url(../images/api_btn_new1.png) no-repeat; width:606px; margin:60px auto; } .crt_btn_api:hover{ background:url(../images/a_active.png) repeat-x; width:606px; margin:60px auto; } .crt_btn_api:active{ background:url(../images/a_hover.png) repeat-x; width:606px; margin:60px auto; } .crt_btn_api a{ display:block; line-height:62px; font-family: 'PT Sans', sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:27px; display:block; color:#FFFFFF; text-align:center; } .crt_btn_api a:hover{ } .crt_btn_api a:active{ } .api_contact_hub:hover{ background:url(../images/con_hover.png) repeat left top; width:230px; margin:25px 0 0 10px; padding-top:12px; padding-bottom: 12px;font: 24px 'source_sans_prolight'; color:#FFFFFF; text-transform:uppercase; text-align: center; } .api_contact_hub:active{ background:url(../images/con_active.png) repeat-x left top; } .api_free_trial{ position:absolute; width:99px; min-height:97px; right:-4px; top:-58px;} .api_contact_hub a{color:#FFFFFF;} .pop_up_view_holder{ width: 850px; } .pop_up_view_holder .view_header .qr_code_info{ float: left; clear: left; margin-top: 10px; color: #666; font-weight: normal; font-size: 13px; margin-right: 4px; } .pop_up_view_holder .view_qr_image_holder{ width: 810px; float: left; margin-left: 20px; min-height: 421px; background: url(../../../img/qrimage_pop_up_bg.png) center top no-repeat; } .pop_up_view_holder .view_qr_image_holder .qr_image_holder_top{ height: 18px; width: 806px; float: left; background: none; } .embedded_text { font-size: 12px; color: #6a6a6a; } .embedded_text>p>a { color: #00ADEE; } .embedded_input { font-size: 10px; width: 450px; color: #6a6a6a; margin-top: 10px; } .pop_up_view_holder .view_qr_image_holder .qr_image_holder_top.complete{ width: 440px; background: url(../../../img/view_pop_up_complete_top.png) no-repeat 0 0; } .pop_up_view_holder .view_qr_image_holder .qr_image_holder_center{ width: 806px; padding-top: 5px; padding-bottom: 5px; padding-left: 0; height: auto; float: left; background: none; } .pop_up_view_holder .view_qr_image_holder .qr_image_holder_center.complete{ width: 440px; background: url(../../../img/complete_pop_up_image_bg.png) center top no-repeat; } .pop_up_view_holder .view_qr_image_holder .qr_image_holder_bottom{ width: 806px; height: 8px; float: left; background: none; } .pop_up_view_holder .view_qr_image_holder .qr_image_holder_bottom.complete{ width: 440px; background: url(../../../img/view_pop_up_complete_bottom.png) no-repeat 0 0; } .pop_up_view_holder .view_header{ width: 810px; float: left; margin-left: 20px; margin-bottom: 20px; } .view_header{ width: 805px; height: auto; float: left; margin-left: 92.5px; } .view_header h1{ font-size: 24px; font-weight: bold; float: left; margin-top: 10px; color: #00adee; font-family: 'Satisfy',Tahoma, Geneva, sans-serif; } .view_header .qr_code_info{ float: left; clear: left; margin-right: 20px; margin-top: 22px; color: #666; font-weight: normal; font-size: 13px; } .special_weight{ font-weight: bold; color: inherit; } .special_decoration{ color: inherit; } /*Start place*/ .visualead_hp_wrapper #place_total_holder{ background: #eeeeee; border: 1px solid #acacac; } .visualead_hp_wrapper #place_total_holder{ margin-top: 0; } #place_total_holder{ height: auto; } #place_top_menu .zoom{ background: none; } #zoom_holder{ background: url(../../../img/subscription_images/drop_down_arrows.png) 52px 15px no-repeat #fff; } #zoom_holder:hover{ /*background: url(../img/subscription_images/drop_down_arrows.png) 50px 15px no-repeat #00aeef;*/ } .propri_dropdown{ width: auto; height: 51px; float: left; min-width: 65px; margin-top: -2px; margin-left: -1px; overflow: hidden; border: 1px solid #acacac; position: relative; z-index: 1050; background: url(../../../img/subscription_images/drop_down_arrows.png) 50px 15px no-repeat #fff; } .propri_dropdown .list{ height: 29px; width: 65px; cursor: pointer; margin-top: 14px; margin-bottom: 11px; overflow: hidden; background: url(../../../img/subscription_images/place_icons.png) 10px 3px no-repeat; } #qrcolor_holder{ width: 79px; height: 0; border-left: 1px solid #acacac; border-right: 1px solid #acacac; background: #fff; top: 52px; left: -1px; position: absolute; overflow: hidden; } #qrcolor_select{ cursor: pointer; background: url(../../../img/subscription_images/drop_down_arrows.png) 66px 15px no-repeat #fff; } #qrcolor_select:hover{ background: url(../../../img/subscription_images/drop_down_arrows.png) 66px 15px no-repeat #00aeef; } #qrcolor_select .list { background: url(../../../img/qrcode_color_selector.png) 20px -3px no-repeat !important; } #qrcolor_select .list:hover{ background: url(../../../img/qrcode_color_selector.png) 20px -3px no-repeat !important; } .colors{ margin-top: 5px; float: left; margin-left: 10px; width: 11px; height: 11px; border: 1px solid #acacac; background: #000; } .colors.smaller_margin{ margin-left: 10px; } .colors.white_border{ border-color: #fff; } .propri_dropdown .list.hover{ /*background: url(../img/subscription_images/place_icons.png) 10px -30px no-repeat;*/ } .propri_dropdown .item{ height: 35px; width: auto; cursor: pointer; border-top: dotted #acacac 1px; text-align: center; } .propri_dropdown .item.zoom_in:hover{ color: #fff; background: #00aeef; } .propri_dropdown .item.zoom_in i{ background: url(../../../img/subscription_images/place_icons.png) 0 -67px no-repeat; height: 34px; width: 35px; float: left; margin-top: 3px; margin-left: 12px; } .propri_dropdown .item.zoom_in i:hover{ background: url(../../../img/subscription_images/place_icons.png) 0 -102px no-repeat; } .propri_dropdown .item.zoom_out:hover{ color: #fff; background: #00aeef; } .propri_dropdown .item.zoom_out.extra_margin:hover{ color: #fff; } .propri_dropdown .item.zoom_out i{ background: url(../../../img/subscription_images/place_icons.png) 0 -137px no-repeat; height: 35px; width: 35px; float: left; margin-top: 3px; margin-left: 12px; } .propri_dropdown .item.zoom_out i:hover{ background: url(../../../img/subscription_images/place_icons.png) 0 -172px no-repeat; } #color_picker_holder.color_select{ float: left; margin-top: -2px; height: 51px; background: url(../../../img/subscription_images/drop_down_arrows.png) 97px 15px no-repeat #fff; width: 110px; margin-right: 0; } #color_picker_holder.color_select:hover{ background: url(../../../img/subscription_images/drop_down_arrows.png) 95px 15px no-repeat #00aeef; } #color_picker_holder.color_select .list{ background: none; width: 110px; } #color_picker_holder.color_select .list:hover{ } #color_picker_holder.color_select i{ background: url(../../../img/subscription_images/place_icons.png) 2px -200px no-repeat; height: 35px; width: 35px; float: left; margin-top: -6px; margin-left: 10px; } #color_picker_holder.color_select i.hover{ background: url(../../../img/subscription_images/place_icons.png) 0 -235px no-repeat; } #rotate{ position: relative; float: left; height: 51px; background: url(../../../img/subscription_images/drop_down_arrows.png) 56px 15px no-repeat #fff; z-index: 1050; width: 65px; cursor: pointer; } #rotate:hover{ background: url(../../../img/subscription_images/drop_down_arrows.png) 100px 15px no-repeat #00aeef; } #rotate .list{ background: url(../../../img/subscription_images/place_icons.png) 2px -275px no-repeat; height: 29px; width: 55px; float: left; margin-top: 12px; margin-left: 10px; } #rotate .list.hover{ background: url(../../../img/subscription_images/place_icons.png) 0 -310px no-repeat; } #gen_type, #marker_type, #dots_type, #effects_type{ width: 108px; float: left; height: 51px; border: 1px solid #acacac; border-radius: 0; margin-top: -2px; margin-left: -1px; background: url(../../../img/subscription_images/drop_down_arrows.png) 97px 15px no-repeat #fff; cursor: pointer; overflow: hidden; position: relative; z-index: 1000; } #marker_type{ width: 114px; position: absolute; } #dots_type{ position: absolute; width: 114px; left: 115px; } #effects_type{ position: absolute; width: 140px; left: 230px; background-position: 126px 15px; z-index: 995; } #gen_type{ background-position: 87px 15px; } #gold_option, #silver_option, #basic_generation_option, #current_gen_selected, #basic_marker_option, #rounded_option, #square_option, #basic_dots_option, #current_dots_selected, #square_dots_option, #rounded_dots_option, #star_dots_option, #basic_effects_option, #effects_1_option, #effects_2_option, #effects_3_option, #effects_4_option, #effects_5_option, #effects_6_option, #effects_7_option, #effects_8_option, #effects_13_option, #effects_17_option, #effects_18_option, #effects_19_option, #effects_70_option{ cursor: pointer; text-indent: 10px; width: inherit; height: 34px; padding-top: 17px; list-style: none; border-bottom: 1px dotted #ccc; background: url(../../../img/subscription_images/place_icons.png) 9px -402px no-repeat; font-size: 12px; } #gold_option{ border-bottom: 1px dotted #ccc; background-position: 5px -402px; } #silver_option{ background-position: 5px -331px; } #square_option{ background-position: 5px -472px; border-bottom: 1px dotted #ccc; } #rounded_option{ background-position: 5px -542px; } #star_dots_option{ background-position: 9px -750px; } #rounded_dots_option{ background-position: 9px -680px; } #square_dots_option{ background-position: 9px -612px; } #basic_effects_option, #effects_70_option{ background-position: 11px -822px; } #effects_1_option{ background-position: 11px -960px; } #effects_7_option{ background-position: 11px -1030px; } #effects_13_option{ background-position: 11px -1168px; } #effects_17_option{ background-position: 11px -1100px; } #effects_18_option{ background-position: 11px -960px; } #effects_19_option{ background-position: 11px -1240px; } #basic_generation_option, #current_marker_selected, #current_dots_selected, #current_effects_selected{ border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background: none; text-align: center; text-indent: 0; font-weight: bold; height: 30px; padding-top: 10px; color: #464646; text-decoration: underline; } #basic_dots_option{ background-position: 9px -612px; } #basic_marker_option{ background-position: 11px -542px; } #place_top_menu .color_select:hover{ background-position: 95px 15px; } .extra_margin{ margin-top: 10px; } .new_next a{ height: 36px; width: auto; max-width: 150px; padding-left: 10px; padding-right: 10px; background: #00aeef; float: right; color: #fff; padding-top: 14px; min-width: 120px; font-size: 18px; border: 1px solid #005270; text-shadow: -1px -1px #000; cursor: pointer; color: #fff; } .new_next a:hover{ box-shadow: 5px 5px 10px #0075a1 inset; text-shadow: 1px 1px #000; text-decoration: none; color: #106989; } /*.new_next a:hover{ color: #fff; } .new_next a:hover{ text-decoration: none; }*/ .new_next.disabled a,.new_next.disabled a:hover{ height: 36px; width: auto; max-width: 150px; padding-left: 10px; padding-right: 10px; background: #999; float: right; color: #fff; padding-top: 14px; min-width: 120px; font-size: 18px; border: 1px solid #474747; text-shadow: -1px -1px #000; cursor: pointer; box-shadow: none; } .generate_new{ border: 1px solid #005270; width: auto; min-width: 160px; float: right; padding-top: 14px; height: 36px; color: #fff; font-size: 18px; background: #00aeef; margin-right: 10px; text-shadow: -1px -1px #000; cursor: pointer; } .generate_new:hover{ box-shadow: 5px 5px 10px #0075a1 inset; text-shadow: 1px 1px #83d7f9; color: #106989; } #place_top_menu{ width: 1010px; } .visualead_hp_wrapper{ margin-top: 41px; background-color: #ffffff; } .visualead_hp_wrapper #place_total_holder{ background: url(../../../img/retarded_bg.png) no-repeat scroll center center transparent; height: 643px; margin: 0 auto; min-width: 1000px; top: 195px; width: 100%; } .visualead_hp_wrapper #place_total_holder{ background: #f1f1f1; /* Old browsers */ background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f1f1f1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f1f1f1 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f1f1f1 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f1f1f1 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ width: auto; margin-top: -20px; padding: 5px; } #place_canvas{ width: 990px; height: auto; min-height: 400px; } #canvas{ margin-top: 10px; } .visualead_hp_wrapper #place_total_holder{ top: 125px; margin-left: -40px; } .visualead_hp_wrapper #place_total_holder{ background: #eeeeee; border: 1px solid #acacac; } .visualead_hp_wrapper #place_total_holder{ margin-top: 0; } .visualead_hp_wrapper #place_total_holder{ height: auto; } .visualead_hp_wrapper #place_total_holder{ background: #eeeeee; border: 1px solid #acacac; } .visualead_hp_wrapper #place_total_holder{ margin-top: 0; width: 1000px; margin: 0 auto; margin-bottom: 100px; } #image_preview{ width: auto; height: auto; display: none; position: absolute; top: 90px; display: none; z-index: 605; margin-left: 5px; } .switch_tabs{ top: 324px; } .visualead_hp_wrapper #place_total_holder{ margin-bottom: 200px; } .mobile_preview{ position: absolute; top: 0 !important; } .qrinfos_options_holder .expander.open{ top: 437px; } /*end place*/ #faqspage ul li h2 a{ font-size: 15px; } .premium_advanced, .premium_advanced_active{ color: #ff0080; } .premium_advanced:hover, .premium_advanced_active:hover{ color: #FF0155; } .personal_business_personal_image_preview_cover,.personal_business_personal_image_preview_preview{ width: 94px; height: 94px; top: 0; left: 0; position: absolute; z-index: 2; background: url(../images/personal_business_personal_image_holder.png) no-repeat; } .personal_business_personal_image_preview_preview{ background: none; z-index: 1; } .personal_business_company_cover_preview,.personal_business_company_cover_preview_cover{ position: absolute; z-index: 1; top: 0; left: 0; background: url(../images/up_c.png) no-repeat; } .personal_business_company_cover_preview_cover{ width: 319px; height: 88px; } .personal_business_company_cover_preview{ background: none; z-index: 2; } .personal_company_logo_preview, .personal_company_logo_preview_cover, .china_personal_image{ position: absolute; top: 0; left: 0; z-index: 2; background: url(../images/up_p_cover.png) no-repeat; } .china_personal_image{ background: url(../images/new_prof.png) center center no-repeat; width: 78px; height: 78px; top: -4px; } #china_personal_image{ background: url(../images/new_prof.png) left center no-repeat; } .personal_company_logo_preview{ z-index: 1; background: none; } .personal_company_logo_preview_cover{ width: 72px; height: 69px; } .txt_area_5{ width:89%; padding:0px 30px 0px 10px ; border:1px solid #bcc5cf!important; height:170px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; border-radius:0 !important; margin-bottom:14px !important; resize:none;} .txt_5{ width:96%; padding:0 30px 0 10px ; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; border-radius:0 !important; margin-bottom:14px !important; } .txt_add1{ width:96%; padding:0 30px 0 10px ; background:url(../images/add_i.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .txt_add2{ width:96%; padding:0 30px 0 10px ; background:url(../images/add_2.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .txt_add3{ width:96%; padding:0 30px 0 10px ; background:url(../images/add_3.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .txt_s{ width:96%; padding:0 30px 0 10px ; background:url(../images/s_1.jpg) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .txt_s1{ width:96%; padding:0 30px 0 10px ; background:url(../images/f_new.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .txt_s2{ width:96%; padding:0 30px 0 10px ; background:url(../images/t_new.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .txt_s3{ width:96%; padding:0 30px 0 10px ; background:url(../images/g_new.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .gal_img{ width:151px;height: 182px; float:left; margin:0 12px 16px 0; text-align:center; font-family: 'Source Sans Pro',sans-serif !important; color:#26b4eb; font-size:18px; line-height:25px;position: relative;} .gal_img .gallery_images{ position: absolute; left: 15px; top: 157px; } .gal_img .gallery_preview{ position: absolute; top: 0; left: 0; width: 150px; height: 151px; } .gal_img .gallery_preview img{ max-width: 150px; max-height: 151px; overflow: hidden; } .gal_img a{ display: block; height: 182px; } .extra_texts_title{ color: #88888a; margin-top: 3px; float: left; margin-left: 10px; font-size: 13px; line-height: 15px; } .plus_minus{ height: 20px; width: 15px; display: inline-block;overflow: hidden;cursor: pointer; float: left; } .extended_texts{ width: 1010px;margin-left: 10px; margin-top: 0px; float: left; height: 20px;text-align: left;overflow: hidden; } .about_up{} .about_up a{ background:url(../images/about_up.jpg) no-repeat; padding-left:110px; line-height:108px; font-family: 'Source Sans Pro',sans-serif; display:block; color:#0097d2; font-size:18px; margin-bottom:12px;} .edit_part1{ max-width:100%; margin:0 auto; position:relative; text-align:center; background:url(../images/new_h2_bg.png) repeat-x bottom; padding-bottom:16px; margin-bottom:16px;} .edit_part1 a{ background: #FF0080; padding:0 54px; line-height:57px; font-size:20px; color:#FFFFFF; height:57px; display:inline-block; margin-bottom:10px; border-radius:3px; text-transform:uppercase;} .edit_part1 a:active{ background:#e50073;} .sht_by{ float:right;font-family: 'Source Sans Pro',sans-serif ; color:#404040; font-size:18px; } .sht_by a{ color:#404040; padding:0 5px ;} .sht_by a.active{ color:#26b4eb;} .back1{ float:right; margin-right:5px;} .back1 a{ display:inline-block; padding:0 12px; font-family: 'Source Sans Pro',sans-serif; color:#26b4eb; line-height:44px; font-size:20px;} .back1 a:hover{ /*.border-radius(2px); background-color: #e0ecf3; .background-image(~"linear-gradient(bottom, rgba(50,168,243,.1) 0%, rgba(255,255,255,.1) 100%)");}*/ background-color: #cfe5f3;} .new_header_below ul li.second{ background:url(../images/second.png) no-repeat 0 8px; padding-left:30px;} .new_header_below ul li.secnd{ background:url(../images/secnd.png) no-repeat 0 8px; padding-left:30px;} .new_header_below ul li h1.snd{ color:#2F2F2F;} .new_header_below ul li.cor1{ background:url(../images/ac_bl.png) no-repeat 0 8px; padding-left:30px; } .or_con{ background:#f4f4f4; width:30px; color:#404040; font-size:18px;font-family: 'Source Sans Pro',sans-serif ; font-style:italic; padding:0 5px; line-height:18px; position:absolute; left:50%; margin-left:-15px; bottom:-5px;} #drag_and_drop_zone{position: absolute; width: 1000px; height: 100px; left: 50%;top: 150px;margin-left: -500px;z-index: 1;} #upload_progress_holder{width: 1000px; position: absolute; top: 150px;height: 80px; right: 50%; margin-right: -500px; background: #f4f4f4; display: none;z-index: 5} #upload_progress{ width: 573px; height: 20px; position: absolute; top: 55px; display: block; left: 250px; background: url(../../../img/upload_progress_bg.png) center center no-repeat; } #progress_bar{ background: url(../../../img/progress_bar.png) no-repeat scroll left top transparent; height: 13px; left: 4px; position: absolute; top: 4px; width: 0; } #upload_percent{ font-size: 16px; position: absolute; right: 50%; margin-right: -110px; display: block; top: 19px; } #upload_in_progress{ display: block; position: absolute; font-size: 18px; font-weight: normal; top: 18px; left: 50%; margin-left: -55px; color: #6a6a6a; } h1.fst a{ color:#2f2f2f !important; } .new_header_below ul li.first1{ background:url(../images/ac_bl.png) no-repeat 0 8px; padding-left:30px; color:#2f2f2f;} h1.fst1{ color:#2f2f2f !important; } .back_next1{ position:absolute; right:-13px; width:220px; top:-11px;} .new_btn_left{ float:left;} .mid_btn{ float:left;} .new_btn_right{ float:right;} .mid_btn a{text-align: center;min-width: 155px;margin-top: -3px; background: #FF0080; padding:0 31px; line-height:56px; font-size:20px; color:#FFFFFF; height:56px; display:inline-block; margin-bottom:3px; border-radius:3px; text-transform:uppercase; margin-left:2px;} .mid_btn a:hover{ background:url(../images/con_hover.png) repeat-x;} .mid_btn a:active{ background:#e50073;} #gold_option, #silver_option, #basic_generation_option, #current_gen_selected, #basic_marker_option, #rounded_option, #square_option, #basic_dots_option, #current_dots_selected, #square_dots_option, #rounded_dots_option, #star_dots_option, #basic_effects_option, #effects_1_option, #effects_2_option, #effects_3_option, #effects_4_option, #effects_5_option, #effects_6_option, #effects_7_option, #effects_8_option, #effects_13_option, #effects_17_option, #effects_18_option, #effects_19_option, #effects_70_option{ text-align: center; text-indent: 15px; } #zoom_holder{ background-position: 77px 15px; cursor: pointer; } #color_picker_holder.color_select .list{ width: 101px; } .new_header_below h3{ color:#2e2e2e; font-size:24px; font-family: 'source_sans_prolight'; padding:34px 0 15px 0;} .new_header_below h3 span{font-family: 'Source Sans Pro',sans-serif ; } .heading_text h2{ font-style:italic !important} .new_header_below ul li.third{ background:url(../images/third.png) no-repeat 0 8px; padding-left:30px;} .new_header_below ul li.third1{ background:url(../images/dp.png) no-repeat 0 8px; padding-left:30px;} .body_main_editor h2{ text-align:center;font-family: 'Source Sans Pro',sans-serif; font-style:italic; color:#2f2f2f; font-size:24px; line-height:24px; padding-bottom:15px; background:url(../images/new_h2_bg.png) repeat-x bottom; margin-bottom:20px;} .new_contentarea{ max-width:995px; margin:0 auto; background:#f4f4f4;} .new_con_left{ width:20%; float:left; margin-bottom:30px; border-right:2px solid #404040; padding-right:2px;} .new_con_right{ width:75%; float:right; margin-bottom:30px;} .new_con_left h3{font-family: 'Source Sans Pro',sans-serif; color:#2f2f2f; font-size:18px; line-height:18px; padding-bottom:8px; } .new_con_left ul{ margin:0px; padding:0px; list-style:none; width: 201px;float: left;} .new_con_left ul li{ float:none; padding-left:6px; display:block;} .new_con_left ul li a{ font-family: 'source_sans_prolight'; font-weight:lighter; font-size:18px; line-height:34px; color:#00adef; display:block; margin-bottom:0px; background:url(../images/new_bullet.png) no-repeat 0 12px; padding-left:10px; } .new_con_left ul li:hover{ background:#dfedf3;} .new_con_left ul li.active{ background:#404040; } .new_con_left ul li.active a{ color:#FFFFFF; background:url(../images/new_white_bullt.png) no-repeat 0 12px; padding-left:10px; } .new_con_left ul li:active a{ color:#FFFFFF; background:url(../images/new_white_bullt.png) no-repeat 0 12px; padding-left:10px; } .new_con_left ul li:active{ background:#404040; } .new_box{ width:216px; height:435px; float:left; margin-right:48px; margin-bottom:50px; position:relative;} .new_box_last{ width:216px; height:435px; float:right; margin-bottom:28px; position:relative;} .new_con_right img{ width:100%;} .new_con_right h3{ font-family: 'source_sans_prolight'; text-align:center; color:#ff0080; font-size:18px; padding-bottom:12px; } .preview{ margin:0 auto; text-align:center; color:#009eda; font-size:18px; } .preview a { border:1px solid #26b7ee; text-align:center; display:inline-block; text-align:center;font-family: 'Source Sans Pro',sans-serif ; padding:0 12px; height:44px; line-height:44px; color:#009eda; border-radius:2px; margin-left:22px; background:#FFFFFF} .preview a:hover { border:1px solid #c0c0c0; background:#d1ecfd; border-radius:2px;} .preview a:active{ background:#32a8f3; color:#FFFFFF; border-radius:2px;} .price_bg{ max-width:1004px; margin:0px auto; background:url(../images/price_bg.jpg) no-repeat top center; height:930px; } .new_price_bg{ max-width:991px; margin:30px auto; background:url(../images/new_p_bg.png) no-repeat top center; height:932px; } .price_row_1{ max-width:991px; float:none; } .price_colmn1{ width:214px; float:left; position:relative;} .price_colmn2{ width:194px; float:left; position:relative; text-align:center;} .value{ position:absolute; left:120px; top:122px;} .price_colmn1 h1{font-family: 'source_sans_probold'; color:#383838; font-size:30px; padding-top:150px; padding-left:12px; line-height:24px; } .price_colmn1 h1 span{ font-size:18px; display:block; font-weight:normal; font-family: 'Source Sans Pro', sans-serif;} .price_colmn2 h1{font-family: 'Source Sans Pro', sans-serif; color:#013a50; font-size:24px; padding-top:20px; line-height:20px; font-weight:bold; text-shadow: 1px 1px 2px #89cdf9; margin-bottom:20px;} .price_colmn2 h1 span{ font-size:16px; display:block; font-weight:normal; line-height:20px; color:#FFFFFF;} .price_colmn2 h2{font-family: 'Source Sans Pro', sans-serif; color:#FFFFFF !important; font-size:24px; padding-top:20px; line-height:20px; font-weight:bold; text-shadow: 0px 0px 0px #89cdf9; font-style:normal !important; margin-bottom: 0px !important;line-height: 24px;} .price_colmn2 h2 span{ font-size:16px; display:block; font-weight:normal; line-height:20px;} .populer{ position:absolute; top:-5px; right:-5px;} .price_colmn2 h3 span.special{font-family: 'source_sans_probold'; color:#363636; font-size:48px; padding-top:16px; line-height:18px; text-shadow: 0px 0px 0px #89cdf9; margin-bottom:5px;margin-left: -10px;} .price_colmn2 h3 span span{font-size:30px; vertical-align: super; font-size:reduction; font-weight:normal;margin-left: -10px;} .price_colmn2 h3 span{ font-family: 'source_sans_prolight'; font-size:30px; color:#2f2f2f;margin-left: 20px;} .per{ position:absolute; font-family: 'source_sans_prolight'; font-size:18px; color:#363636; right:19px; top:118px;} .price_colmn2 p{ font-family: 'source_sans_prolight'; font-size:18px; color:#363636; margin:10px 0 10px 60px; text-decoration:line-through; text-align:left;margin-top: -20px; } .price_colmn2 h4{font-family: 'source_sans_probold'; color:#33a8f5; font-size:18px; padding-top:4px; line-height:20px; text-shadow: 0px 0px 0px #89cdf9; margin-bottom:5px;margin-top: -7px;} .price_colmn2 h4 span{ color:#ff0080;} .price_colmn2 h6{ font-size:12px; text-decoration:none !important; margin-bottom:0px; line-height:12px; margin-top:-23px; font-family: 'source_sans_prolight';} .price_colmn2 h6 span{ font-size:12px; color:#ff0080; text-decoration:none!important} .email_preview, .tweet_preview{ width: 341px; height: 560px; position: absolute; background: url(../images/email_preview_bg.png) center center no-repeat; z-index: 1; } .tweet_preview{ background: url(../images/tweet_preview.png) center center no-repeat; } #gallery_feed_boxes{ overflow: visible !important; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; display: none; } #wechat_explained{ width: 275px; height: 496px; position: absolute; left: 50%; margin-left: -193px; top: 225px; display: none; z-index: 1; background: url(../images/wecaht_tip_bg.png) center center no-repeat; } .tip_close{ width: 13px; height: 13px; color: #35a7ef; font-size: 13px; text-align: center; float: right; margin-right: 15px; margin-top: 28px; font-weight: bold; cursor: pointer; } .exp_text{ color: #000; text-align:center; font-size: 14px; width: 175px; font-weight: bold; float: right; margin-right: 17px; margin-top: 55px; } .new_social_1{ width:96%; padding:0 30px 0 10px ; background:url(../images/new_social_1.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .new_social_2{ width:96%; padding:0 30px 0 10px ; background:url(../images/new_social_2.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .new_social_3{ width:96%; padding:0 30px 0 10px ; background:url(../images/new_social_3.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .new_social_4{ width:96%; padding:0 30px 0 10px ; background:url(../images/new_social_4.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .ht{ height:20px;} .web_con{ width:100%;background:#32a8f3; padding:50px 0 50px 0; margin-bottom:0px;} .web_content_new{ width:68%; float:right; padding-right:40px;} .web_content_new h1{ font-family: 'source_sans_prolight'; font-size:48px; line-height:normal; color:#FFFFFF; margin-bottom:40px; display: block; } .web_content_new h1 span{ font-family: 'source_sans_prolight'; font-size:24px; line-height:normal; color:#FFF; display:block; } .web_content_new p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#FFFFFF;} .new_web{ margin-bottom:30px;} .arrow_new{ position:relative; text-align:center; margin-bottom:50px;margin-top: -2px;} .web_content_new h2{ font-family: 'source_sans_prolight'; font-size:36px; line-height:normal; color:#545454; margin-bottom:22px; } .china_con{ margin-bottom:70px;} .china_con p{ font-size:16px; line-height:24px; color:#32a8f3; font-family: 'MyriadProRegular';} .china_con p span{ color:#555555;} .china_con p span span{ color:#32a8f3;} .china_con ul{ margin:45px 0 0 0; padding:0px; list-style:none;} .china_con ul li{ float:left; margin-right:20px; } .china_con h4{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#555555; line-height:24px; margin-top:25px;} .china_con p a{ color:#32a8f3;; text-decoration:none; } #menu{ display:none;} @media screen and (max-width : 767px) { .web_content_new{ width:95%; float:none; padding-right:0px; margin:0 auto;} .china_con ul{ margin:45px 0 0 0; padding:0px; list-style:none; text-align:center;} .china_con ul li{ float:none; margin-right:20px; display:inline-block; } .china_con { text-align:center !important} .web_con{text-align:center !important } #menu{ display:block;} .navigation{ display:none;} } .txt_title{ width:96%; padding:0 30px 0 10px ; background:url(../images/title.jpg) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .txt_title1{ width:96%; padding:0 30px 0 10px ; background:url(../images/title1.jpg) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .txt_add5{ width:96%; padding:0 30px 0 10px ; background:url(../images/date_picker.png) no-repeat right #ffffff; border:1px solid #bcc5cf!important; height:46px !important;font-family: 'Source Sans Pro',sans-serif !important; color:#404040 !important; font-size:18px !important; margin-bottom:14px !important; } .txt_area_5:focus{width: 533px;} a.larger_image{ height: 195px; } a.larger_image{ background: url(../images/up_c_new.jpg) no-repeat !important; } .q_body{ width:100%; background:url(../images/new_full_bg.jpg) no-repeat top center; min-height:471px;} .q_body h2{ font-family: 'source_sans_prolight'; font-size:38px; color:#333742; line-height:50px; padding-bottom:15px; padding-top:60px; padding-left:40px;} .q_body h2 span{ font-size:24px; color:#333742; line-height:30px; display:block;} .api_contact_hub1{ background:url(../images/api_contact_bg.png) no-repeat left top; width:146px; margin:50px 0 0 190px; padding:12px 52px;font:normal 26px 'source_sans_prolight'; color:#FFFFFF; text-transform:uppercase; } .api_contact_hub1:hover{ background:url(../images/con_hover.png) repeat-x left top; } .api_contact_hub1:active{ background:url(../images/con_active.png) repeat-x left top; } .api_contact_hub1 a{ color:#FFFFFF;} .featured_div{ margin:20px 0 20px 0; padding:20px 0 45px 0; border-bottom:1px solid #f3f2f1;} .featured_div1{ margin:20px 0 20px 0; padding:20px 0 45px 0; } .fea_con{ width:90%; margin:0 auto;} .fea_left{ width:60%; float:left;} .fea_right{ width:38%; float:right;} .fea_right img{ width:100%;} .fea_left h2{ } .fea_con h2{ font-family: 'source_sans_prolight'; font-size:38px; color:#333742; line-height:50px; padding-bottom:15px; padding-top:0px;} .fea_left h2{ font-family: 'source_sans_prolight'; font-size:38px; color:#333742; line-height:50px; padding-bottom:15px; padding-top:0px;} .fea_left h3{ font-family: 'source_sans_prosemibold'; color:#333742; line-height:24px; padding-bottom:12px; font-size:24px; padding-top:50px;} .fea_con p{ font-family: 'MyriadProRegular'; font-size:16px; line-height:20px; color:#2c2d3a; } .fea_right h3{ font-family: 'source_sans_prosemibold'; color:#333742; line-height:24px; padding-bottom:12px; font-size:24px; padding-top:110px;} .new_round{ width:25%; float:left; margin-right:100px; text-align:center;} .new_round_last{ width:25%; float:left; text-align:center;} .new_round h3{ font-family: 'source_sans_proregular'; font-size:24px; color:#00adef; padding:12PX 0 12PX 0; line-height:24px; } .new_round_last h3{ font-family: 'source_sans_proregular'; font-size:24px; color:#00adef; padding:12PX 0 12PX 0; } .q_box{ width:33%; float:left; margin-right:0px;} .q_box_last{ width:33%; float:right; margin-right:0px;} .q_box_icon{ width:45px; float:left; text-align:center; padding-top:5px} .q_box_text{ width:75%; float:left;} .q_box_text h3{ font-family: 'source_sans_proregular'; font-size:24px; color:#00adef; padding:12PX 0 12PX 0; line-height:24px;} .sponser1{ text-align:center; padding-top:40px;} .sponser1 ul{ margin:0px; padding:0px; list-style:none;} .sponser1 ul li{ float:none; display:inline-block; padding:15px 10px;} .fea_con h6{ font-family: 'source_sans_prolight'; font-size:38px; color:#333742; line-height:50px; padding-bottom:15px; padding-top:0px; float:left; margin-right:20px;} .f_h_img{ float:left;} .bl_part{ width:50%; float:left; padding:85px 0 85px 0; background:#00adef; margin-top:20px;} .gay_part{ width:50%; float:left; padding:30px 0 84px 0; background:#f1f1f1; margin-top:20px;} .part_contn{ width:60%; margin:0 auto;} .part_contn h1{ font-family: 'source_sans_probold'; font-size:42px; color:#FFFFFF; line-height:42px; margin-bottom:30px;} .part_contn h1 span{ font-family: 'MyriadProRegular'; font-size:16px; color:#FFFFFF; line-height:20px; display:block; } .part_con_2{ width:85%; margin:0 auto;} .part_con_2 p{ line-height:24px; color:#555555;} .n_con_left{ width:70%; float:left;} .n_con_right{ width:25%; text-align:center; float:right;} .t_con_img{ float:left; width:15%; text-align:center;} .t_con_text{ width:80%; float:right; } .t_con_text p{ margin-bottom:12px; line-height:24px;} .t_con_text p span{ font-style:italic; font-size:14px;} .t_con{ margin-bottom:35px; margin-top:20px;} .contact_con{ width:100%; background:#f4f4f4; text-align:center; padding:100px 0 100px 0;;} .contact_con h1{ font-family: 'source_sans_prolight'; color:#545454; font-size:36px; line-height:36px; padding-bottom:22px;} .contact_con p{ font-family: 'MyriadProRegular'; font-size:16px; color:#555555; line-height:20px; } .contact_con p a{ color:#00adef;} .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: absolute; width: 945px; left: 50%; margin-left: -487.5px; } .alert, .alert h4 { color: #c09853; } .alert h4 { margin: 0; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; color: #b94a48; background: none; border: none; float: right } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success h4 { color: #468847; } .alert-danger, .alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger h4, .alert-error h4 { color: #b94a48; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info h4 { color: #3a87ad; } .alert-block { padding-top: 14px; padding-bottom: 14px; } .alert-block > p, .alert-block > ul { margin-bottom: 0; } .alert-block p + p { margin-top: 5px; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .print_link{ background: url(../../../img/print_icon.png) 0 1px no-repeat; height: 14px; overflow: hidden; padding-left: 20px; margin-left: 5px; } .print_link:hover{ background-position: 0 -14px; } .short-description-for-qr { line-height:23px; font-size:14px; border-style:solid; border-color:grey; border-width:2px; padding:20px; background-color:white; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; overflow:hidden; margin-bottom:40px; display:none; } .short-description-for-qr .qr-example { border:1px solid #CFCFCF; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; float:right; margin-left:15px; margin-bottom:10px; padding:10px; } .short-description-for-qr .qr-example img { max-width:160px } .short-description-for-qr .qr-example .title { text-align:center; font-weight:bold; text-decoration:underline; } .more-text { cursor:pointer; padding:4px 0 0 10px; position:absolute; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{ padding: 4px 6px; } /* Face detection prompt style */ #prompt_face { display:none; position:fixed; z-index:99999; top:200px; width:1050px; } #prompt_face .message_container { margin:0 auto; background-color:White; width: 400px; padding:20px; margin-bottom: 25px; } #prompt_face .message_container p { font-size: 16px; margin-bottom:20px; } #prompt_face .message_container #confirm_face { float:right; cursor:pointer; padding:5px 10px; width: 150px; text-align: center; font-weight:bold; color:White; background-color:#FF0080; } #prompt_face .message_container #decline_face { float:left; cursor:pointer; border:1px solid black; padding:5px 10px; width: 150px; text-align: center; font-weight:bold; } /* End face detection prompt style */ /* reseller */ .reseller-toggle-button { color:white !important; font-weight:bold; display:block; width:60px; text-align:center; border-radius: 5px; text-decoration:none; cursor:pointer; } .reseller-toggle-button:hover { color:white !important; text-decoration: none !important; } .reseller-toggle-button.on { background-color:red; } .reseller-toggle-button.off { background-color:green; } /* end of reseller */