html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 

cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, 

ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 

embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    font-family: segoe;
    line-height: 1;
}
ol, ul {
    list-style: outside none none;
}
blockquote, q {
    quotes: none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    color: #00a2e8;
    text-decoration: none;
}
* {
    box-sizing: border-box;
    outline: 0 none !important;
}
@font-face {
    font-family: "segoe";
    src: url("../font/segoe_ui_symbol.eot");
}
@font-face {
    font-family: "segoe";
    src: url("../font/segoe-ui-symbol.ttf");
}
@font-face {
    font-family: "segoe_l";
    src: url("../font/segoe_ui_light.eot");
}
@font-face {
    font-family: "segoe_l";
    src: url("../font/segoe-ui-light.ttf");
}
strong {
    font-weight: bold;
}
.clear {
    clear: both;
}
.header {
    border-bottom: 3px solid #0b2f49;
    float: left;
    padding-bottom: 11px;
    padding-top: 15px;
    width: 100%;
    background-color: #303030;
}
.container {
    margin: 0 auto;
    width: 1170px;
}
.logo {
    float: left;
 /*   margin-top: 19px;*/
}
.mob_logo {
    display: none;
}
.header_right {
    float: right;
    width: 880px;
}
.header_skype {
    color: #000000;
    float: left;
    font-family: segoe;
    font-size: 20px;
    margin-top: 12px;
    text-align: center;
    width: 190px;
}
.header_skype span {
    color: #00a2e8;
    display: block;
    font-family: segoe;
    margin-bottom: 14px;
}
.header_skype img {
    position: relative;
    top: 3px;
}
.header_call {
    color: #000000;
    float: left;
    font-family: segoe;
    font-size: 16px;
    line-height: 32px;
    margin-left: 45px;
    margin-top: 10px;
    padding-left: 30px;
    padding-top: 6px;
	position:relative;
}
/*
.header_call::before {
    content: "\f095";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    font-size: 21px;
    color: #0b2f49;
}
*/
.header_call span {
    font-size: 16px;
    font-weight: bold;
}
.header_livechat {
    float: left;
    font-family: segoe;
    line-height: 20px;
    margin-left: 36px;
    margin-top: 15px;
    text-align: center;
	position:relative;

}
.header_livechat span {
    display: inline-block;
    float: left;
    height: 35px;
    width: 35px;
}
.header_livechat:hover span {
    background-position: 0 0;
}
.header_livechat a {
    color: #000000;
    text-decoration: none;
}
.header_name {
    color: #000000;
    float: right;
    margin-left: 41px;
    margin-top: 16px;
    width: 140px;
}
.header_name a {
    color: #ffffff;
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 0;
    padding: 8px 0;
    text-decoration: none;
}
.nameheader {
    background-image: url("../images/down-arrow-top.png");
    background-position: right 90%;
    background-repeat: no-repeat;
    color: #ffffff;
    cursor: pointer;
    display: table;
    padding-right: 26px;
    padding-top: 15px;
}
.content {
    float: left;
    padding-bottom: 95px;
    position: relative;
    width: 100%;
}
.heading_area {
    float: left;
    font-family: segoe;
    letter-spacing: 0.8px;
    margin-top: 46px;
    text-align: center;
    width: 100%;
	position:relative;
}

.heading_area .heading1, .heading_area h1 {
    font-size: 22px;
    font-weight: bold;
	line-height:24px;
}
.heading_area .heading1 .tooltip, .heading_area h1 .tooltip {
	top:5px;
	margin-left:9px
}


.heading2, .heading_area h2 {
    font-size: 16px;
    margin-top: 17px;
	line-height:24px;
}

.mainbox {
    width: 173px;
    height: 199px;
    display: inline-block;
	text-align: left;
    margin: 25px 25px 0 0;
    border: 1px solid #ccc;
    border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #999;
	-webkit-box-shadow: 2px 2px 3px #999;
    box-shadow: 2px 2px 3px #999;
    padding: 20px 10px;
}

.boxmid {
    line-height: 1.4;
}

.order_thankyou_logodesignservice_inner .close {
	text-align: right;
    margin-top: 15px;
    padding-top: 12px;
}


.steps {
    float: left;
    font-family: segoe;
    margin-top: 53px;
    text-align: center;
    width: 100%;
}
.steps ul {
    background: rgba(0, 0, 0, 0) url("../images/border_line.png") repeat-x scroll 0 20px;
    margin: 0 17%;
    padding: 0;
}
.steps ul li {
    display: inline-block;
    font-size: 17px;
    margin: 0 53px;
}
.steps ul li span {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-bottom: 13px;
    transition: all 0.2s ease 0s;
    width: 40px;
	font-weight:bold;
}
.steps ul li.active span, .steps ul li:hover span {
    background: #007ac2 none repeat scroll 0 0;
}
.steps ul li.complete span {
    background: #8ab535 none repeat scroll 0 0;
}
.login_register {
    float: left;
    margin-top: 49px;
    width: 100%;
}
.login_area {
    float: left;
    margin-left: 10px;
    padding-top: 27px;
}
.heading {
    font-family: segoe;
    font-size: 21px;
    font-weight: bold;
}
.login_box {
    border: 1px solid #c3c3c3;
    border-radius: 2px;
    margin-top: 25px;
    padding: 23px;
    width: 475px;
}
.login_head {
    font-size: 19px;
    margin-bottom: 27px;
    text-align: center;
}
.form {
    float: left;
    width: 100%;
}
.form .form_label {
    float: left;
    font-family: segoe;
    font-size: 15px;
    line-height: 33px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    width: 25%;
}
.form .form_field {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 75%;
}
.form .form_field .form_field_col {
    float: left;
    line-height: 29px;
    padding-right: 10px;
    width: 50%;
}
.form .form_field input, .form .form_field select, .brief_form_field input, .brief_form_field select, .brief_field_grp input

[type="text"], .brief_field_grp select, .billing_field input[type="text"], .billing_field select {
    border: 1px solid #a9a9a9;
    padding: 8px 5px;
    width: 100%;
}
.field_grp {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
}
.login_box .field_grp {
    margin-bottom: 20px;
}
.col_hw {
    float: left;
    margin-bottom: 25px;
    width: 100%;
}
.h_col, .w_col, .p_col {
    float: left;
    margin-right: 19px;
}
.h_col span, .w_col span {
    margin-right: 5px;
}
.h_col input[type="text"], .w_col input[type="text"], .p_col select {
    width: auto;
}
.form_btn {
    float: left;
    padding-left: 24%;
    width: 100%;
}
.btn {
    /* border: 1px solid #00a3e8; */
    /* color: #ffffff; */
    /* display: inline-block; */
    /* font-size: 17px; */
    /* margin: 0 10px; */
    /* padding: 2px; */
    /* position: relative; */
    /* text-decoration: none; */
    /* transition: all 0.2s ease 0s; */
	/* font-weight:normal; */
	display: inline-block;
    border: 1px solid #0b2f49 !important;
    padding: 10px 35px;
    color: #fff !important;
    margin-top: 0;
    margin-right: 10px;
    transition: 0.8s all;
    background: #0b2f49;
    text-decoration: none !important;
    font-size: 16px;
    margin-left: 10px;
}
.btn span {
    /* background: #2ebdfe none repeat scroll 0 0; */
    /* display: block; */
    /* padding: 12px 30px; */
	/* margin-right:0 !important; */
    /* transition: all 0.2s ease 0s; */
}
.btn:hover {
	color: #000 !important;
	transition: 0.8s all;
	background: #fed730 !important;
	border-color: #fed730 !important;
	box-shadow: 0px 8px 15px 0px #888888;
    /*border: 1px solid #3ab72b;*/
}
.btn:hover span {
    /*background: #58ac4e none repeat scroll 0 0;*/
}
.banner_btn {
    width: 100% !important;
}
.banner_btn .btn {
    margin-left: 0;
}
.remind_link {
    color: #000000;
    text-decoration: none;
	position:relative;
}

#ImgRemindPassLoader {
    position: absolute;
    left: 158px;
    top: 1px;
}

.register_area {
    border-left: 1px solid #c3c3c3;
    float: left;
    margin-left: 92px;
    min-height: 567px;
    padding-left: 10px;
    padding-left: 50px;
    width: 570px;
}
.register_area .form .form_label {
    width: 37%;
}
.register_area .form .form_field {
    width: 63%;
}
.mandatory {
    color: #ff0000;
    font-size: 13px;
    margin-bottom: 18px;
    text-align: right;
}
.register_box {
    float: left;
    margin-top: 25px;
    width: 100%;
}
.register_area .heading {
    padding-left: 42px;
}
.register_area .terms {
    float: left;
    padding-left: 37%;
    position: relative;
}
.register_area .terms .error_msg {
    top: 15px;
}
.terms a {
    color: #000000;
}
.bootom_btn {
    float: left;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}
.bootom_btn .active  {
    border-bottom: 2px solid #00a2e8;
    padding-bottom: 10px;
}
.bootom_btn .active:after {
    content: "-";
    width: 0px;
    clear: both;
    padding-left: 0;
    height: 2px;
    padding-right: -3px;
    position: relative;
    left: 10px;
}
a#LiFilterThisSample {
    padding-left: 16px;
}
.ssl_img {
    margin-top: 10px;
    text-align: right;
}
.tooltip {
    background: rgba(0, 0, 0, 0) url("../images/help-icon.png") no-repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    position: absolute;
    top: 8px;
    width: 16px;
}
.tooltip .tooltiptext {
    background-color: #000000;
    border-radius: 6px;
    color: #ffffff;
    font-size: 12px;
    line-height: 25px;
    opacity: 0;
    padding: 5px 10px;
    position: absolute;
    right: 146%;
    text-align: left;
    top: -5px;
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 250px;
    z-index: 1;
	font-weight: normal;
}
.tooltip .tooltiptext::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000000;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 100%;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}
.tooltip:hover .tooltiptext {
    opacity: 1;
    visibility: visible;
}
.error_msg {
    color: #ff0000;
    float: left;
    font-size: 14px;
    margin-top: 10px;
    width: 100%;
}

.invalid {
	top:0 !important;
}

.login_box .error_msg {
    padding-left: 26%;
    position: absolute;
    top: 26px;
}
.register_box .error_msg {
    padding-left: 0;
    position: absolute;
    top: 24px;
}
.input_error {
    border: 1px solid #ff0000 !important;
}
.loader {
    display: none;
    float: left;
    left: 10px;
    margin-right: 6px;
    position: absolute;
    width: 18px;
}
.MainLoader {
    background: #ffffff none repeat scroll 0 0;
    border: 4px solid #aaaaaa;
    border-radius: 10px;
    color: #000000;
    font-size: 18px;
    left: 50%;
    line-height: 25px;
    margin-left: -209px;
    padding: 50px 20px;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 400px;
    z-index: 2147483647;
}
.MainLoader img {
    display: inline-block;
    margin-top: 10px;
    vertical-align: middle;
    width: 25px;
}
.MainLoader span {
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    vertical-align: bottom;
}

.RedirectLoader {
	border-radius:0;
	border-width:0;
	position:static;
	margin:50px auto 0 auto;
	width: 560px;
}

.RedirectLoader span {
	font-size:22px;
}


.content_para {
    line-height: 25px;
    margin-top: 55px;
    padding: 0;
	line-height:24px;
}
.logo_types {
    float: left;
    margin-top: 45px;
    padding: 0;
    width: 100%;
}
.logo_type_row {
    border-bottom: 1px solid #e0e0e0;
    float: left;
    margin-bottom: 30px;
    padding-bottom: 35px;
    width: 100%;
}
.logo_type_box {
    float: left;
    margin-right: 14%;
}

.illustrationlogobrief {
	margin-right: 23%;
}

.logo_type_row.row2 .logo_type_box {
    margin-right: 12%;
}

.illustrationlogobrief .logo_type_row.row2 .logo_type_box {
    margin-right: 31%;
}

.logo_type_row.row3 .logo_type_box {
    margin-right: 24%;
}
.logo_type_box.last {
    float: right !important;
    margin-right: 0 !important;
}
.logo_type_img {
    height: 180px;
}
.logo_type_row.row2 .logo_type_img {
    height: 180px;
}
.logo_type_row.row3 .logo_type_img {
    height: 180px;
    line-height: 250px;
}
.logo_type_cat {
    color: #018eca;
    text-align: center;
}
.illustration_logo_types .logo_type_box {
    margin-right: 16%;
}
.illustration_logo_types .logo_type_row.row2 .logo_type_box {
    margin-right: 31%;
}
.illustration_logo_types .logo_type_img {
    height: 200px;
}
.brief_form {
    float: left;
    width: 100%;
}
.brief_form {
    float: left;
    width: 100%;
}
.brief_field_grp {
    clear: both;
    margin-bottom: 25px;
    width: 100%;
}
.brief_field_label {
    margin-bottom: 6px;
	font-weight:bold;
}
.brief_field_label span {
    color: #ff0000;
}
.brief_form_field {
    width: 425px;
}
.brief_form_field.text_area {
    width: 865px;
}
.brief_form_field textarea {
    height: 128px;
    resize: none;
    width: 100%;
}
.check_boxes {
    float: left;
    width: 100%;
}
.check_boxes label {
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;
    width: 195px;
}
.check_boxes label input {
    width: auto;
}
.checkbox_list {
    margin-top: 10px;
}
.checkbox_list ul li {
    font-size: 14px;
    margin-bottom: 20px;
    padding-left: 25px;
    position: relative;
}
.checkbox_list ul li input[type="checkbox"] {
    left: 0;
    margin: 0;
    padding: 0;
	top:2px;
    position: absolute;
    width: auto;
}
.payment_head {
    float: left;
    position: absolute;
    width: 100%;
    z-index: -1;
}
.payment_head_left {
    float: left;
    padding-top: 25px;
}
.payment_head_right {
    float: right;
    padding-top: 20px;
}
.payment_head_right img {
    margin-right: 20px;
    vertical-align: middle;
}
.payment_page {
    float: left;
    margin-top: 115px;
    width: 100%;
}
.payment_page_left {
    float: left;
    margin-right: 10%;
    width: 45%;
}
.payment_type {
    float: left;
    width: 100%;
}
.payment_type ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 50%;
}
.payment_type ul li {
    margin-bottom: 25px;
}
.payment_type ul li label img {
    vertical-align: bottom;
}
.payment_heading {
    clear: both;
    float: left;
    font-weight: bold;
    margin-top: 30px;
    width: 100%;
}

.payment_relative {
	position:relative;
}

.payment_form {
    background: #f2f2f2 none repeat scroll 0 0;
    margin-top: 13px;
    padding: 40px 45px 40px 0;
    position: relative;
}
.payment_form  .form_label {
    width: 33%;
}
.payment_form  .form_field {
    width: 67%;
}
.billing {
    float: left;
    margin-top: 70px;
    width: 100%;
}
.billing_heading {
    float: left;
    font-weight: bold;
}
.billing_heading span {
    display: block;
    font-weight: normal;
    margin-top: 5px;
}
.billing_edit_btn {
    float: right;
}
.billing_edit_btn .btn {
    margin: 0;
}
.billind_box {
    background: #f5f5f5 none repeat scroll 0 0;
    float: left;
    margin-top: 11px;
    padding: 10px;
    width: 100%;
}
.billing_field {
    margin-bottom: 10px;
}
.payment_page_right {
    float: right;
    width: 42%;
}
.payment_order {
    float: left;
    width: 100%;
}
.payment_order_heading {
    border-bottom: 1px solid #cccccc;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    width: 100%;
}
.order_include_list {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.order_include_list ul {
    margin: 0;
    padding: 0;
}
.order_include_list ul li {
    border-bottom: 1px solid #e4e4e4;
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.include_pgkname {
    float: left;
    width: 82%;
}
.include_pgkprice {
    float: right;
}
.order_total_box {
    float: left;
    width: 100%;
}
.order_total_list {
    border-top: 3px solid #18191a;
    float: left;
    margin-top: 25px;
    padding-top: 20px;
    width: 100%;
}
.order_total_list ul {
    margin: 0;
    padding: 0;
}
.order_total_list ul li {
    border-bottom: 1px solid #e4e4e4;
    float: left;
    margin-bottom: 10px;
    padding: 10px 0;
    width: 100%;
}
.order_total_list ul li.last {
    border: 0 none;
}
.order_total_left {
    float: left;
}
.order_total_left strong, .order_total_right strong {
    font-weight: bold;
}
.order_total_right {
    float: right;
}
.color_red {
    color: #ff0000;
}
.order_total_list ul li.total_amount {
    border-bottom: 0 none;
    border-top: 3px solid #18191a;
    padding: 20px 0;
}
.coupon_box {
    float: left;
    margin-top: 55px;
    width: 100%;
}
.coupon_heading {
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
}
.coupon_form_left {
    float: left;
}
.coupon_form_left input {
    height: 37px;
    padding: 0 10px;
}
.coupon_form_right {
    float: left;
}
.coupon_form_right .btn span {
    padding: 7px 10px;
}
.payment_check {
    line-height: 21px;
    margin: 10px auto 25px;
    padding-left: 26px;
    position: relative;
    text-align: left;
    width: 625px;
}
.payment_check input {
    left: 0;
    position: absolute;
}
.payment_check strong {
    font-weight: bold;
}
#footerLogos {
    display: block;
    margin: 100px auto 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
#footerLogos a, #footerLogos span {
    display: inline-block;
    float: none;
    height: 56px;
    margin: 0 6px;
    text-indent: -99999px;
}
#footerLogos a#footerLogosWeee {
    background: rgba(0, 0, 0, 0) url("../images/footer-sprite.png") no-repeat scroll 0 0;
    width: 200px;
}
#footerLogos a#footerLogosGoogle {
    background: rgba(0, 0, 0, 0) url("../images/footer-sprite.png") no-repeat scroll -200px 0;
    width: 100px;
}
#footerLogos a#footerLogosPaypal {
    background: rgba(0, 0, 0, 0) url("../images/paypal_footer.png") no-repeat scroll 0 0;
    margin-top: 9px;
    width: 70px;
}
#footerLogos a#footerLogosMastercard {
    background: rgba(0, 0, 0, 0) url("../images/footer-sprite.png") no-repeat scroll -380px 0;
    width: 90px;
}
#footerLogos span#footerLogosInternetDel {
    background: rgba(0, 0, 0, 0) url("../images/footer-sprite.png") no-repeat scroll -470px 0;
    width: 170px;
}
#footerLogos span#footerLogosInternetShop {
    background: rgba(0, 0, 0, 0) url("../images/footer-sprite.png") no-repeat scroll -640px 0;
    width: 165px;
}
#footerLogos a#footerLogosVisa {
    background: rgba(0, 0, 0, 0) url("../images/footer-sprite.png") no-repeat scroll -810px 0;
    width: 90px;
}
#footerLogos a#footerLogosbarclay {
    background: rgba(0, 0, 0, 0) url("../images/1-Barclaycard.png") no-repeat scroll 6px 9px;
    width: 157px;
}
.payment_secure_img {
    position: absolute;
    right: -95px;
    top: 16%;
}
.payment_secure_img img {
    margin-bottom: 10px;
}
.addon_page {
    float: left;
    margin-top: 115px;
    width: 100%;
}
.addon_page_left {
    float: left;
    width: 55%;
}
.newpkg_list {
    border: 1px solid #cbcbcb;
    box-sizing: border-box;
    float: left;
    margin-bottom: 20px;
    padding: 20px;
    position: relative;
    width: 100%;
}
.new_heading {
    border-bottom: 3px solid #001a53;
    color: #001a53;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 8px;
    padding-right: 21px;
}
.pay_listing {
    float: left;
    width: 100%;
}
.pay_listing ul.icon_list {
    float: left;
    width: 100%;
}
.icon_list li {
    border-bottom: 1px solid #cbcbcb;
    color: #333333;
    font-size: 15px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 22px !important;
    position: relative;
}
.icon_list li:last-child {
    border-bottom: 0 none;
}
.icon_list li i.fa, .icon_list li input {
    left: 0;
    position: absolute;
    top: -2px;
}
.icon_list li .recommended_icon {
    position: absolute;
    right: 0;
    top: -3px;
}
.img_box {
    float: left;
    width: 32%;
}
.img_box img {
    max-width: 100%;
}
.blue_pkg {
    background: #cfeef5 none repeat scroll 0 0;
}
.order_btn {
    float: left;
    margin: 30px 0 9px;
    width: 97%;
}
.order_btn a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #c70008 0%, #a80007 100%) repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    color: #ffffff;
    display: block;
    font-size: 23px;
    margin: 0 63px;
    padding: 6px 0;
    text-align: center;
    text-decoration: none;
}
.order_btn a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a80007 0%, #c70008 100%) repeat scroll 0 0;
}
.stick .payment_order {
    position: fixed !important;
    top: 10px !important;
    width: 491px;
}
.newpkg_hepl .tooltip {
    right: 22px;
    top: 26px;
}
.login_page .login_register {
    float: none;
    margin: 0 auto;
    width: 475px;
}
.myacount_page {
    float: left;
    margin-top: 42px;
    width: 100%;
}
.myaccount_left {
    float: left;
    width: 25%;
}
.myaccount_right {
    float: left;
    margin-left: 2%;
    width: 73%;
}
.myaccount_right_heading {
    margin-bottom: 30px;
}
.myaccount_right_heading>div {
   float: right;
}
.myaccount_right_heading>div:after {
	content: '';
   clear: both;
}
.myaccount_menu {
    float: left;
    width: 100%;
}
.myaccount_menu2 {
    margin-top: 20px;
}
.myaccount_menu ul {
    margin: 0;
    padding: 0;
}
.myaccount_menu ul li {
    border-bottom: 1px solid #7f7f7f;
    float: left;
    width: 100%;
}
.myaccount_menu ul li a {
    color: #000000;
    display: block;
    padding: 10px 5px;
    text-decoration: none;
}
.myaccount_menu ul li a:hover, .myaccount_menu ul li.active a {
    background: #00a2e8;
    color: #FFFFFF;
}
.order_list_table {
    float: left;
    width: 100%;
}
.order_list_row {
    float: left;
    width: 100%;
}
.order_list_th {
    float: left;
    width: 100%;
	border-bottom:2px solid #000000;
}
.order_list_th .order_list_col {
    font-weight: bold;
}
.order_list_col {
    float: left;
    padding: 15px 15px;
	line-height:18px;
}
.order_list_col a {
    color: #00a2e8;
    text-decoration: none;
}
.order_list_td {
    float: left;
    width: 100%;
}

.order_list_td .order_list_td  {
	border:2px solid #e9e9e9;
	margin:3px 0;
}

.order_list_td:nth-child(2n) {
    background: #ebebeb none repeat scroll 0 0;
	border:0;
}
.t_col1 {
    width: 25%;
}
.t_col2 {
    width: 22%;
}
.t_col3 {
    width: 19%;
}
.t_col4 {
    width: 19%;
}
.t_col5 {
    width: 15%;
}
.web_brief {
    margin-top: 30px;
}
#DtlAmex, #DtlDiscover, #DtlPp, #DtlWT, #DtlChq {
    line-height: 21px;
    padding-left: 45px;
}
#DtlAmex img, #DtlDiscover img, #DtlPp img, #DtlWT img, #DtlChq img {
    display: block;
    margin-bottom: 10px;
}
#DtlWT .form_field {
    line-height: 32px;
}
#DtlWT .form_label {
    font-weight: bold;
    text-align: left;
}
.respossive_heading {
    display: none;
}
.update_detail_form {
    clear: both;
    margin: 0 auto;
    width: 77%;
}
.invoices_list {
    float: left;
    width: 100%;
}
.invoices_list .t_col1 {
    width: 59%;
}
.preferences_area {
    float: left;
}
.preferences_heading {
    border-bottom: 1px solid #000000;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.preferences_txt {
    margin-bottom: 40px;
}
.preferences_txt div {
    margin-bottom: 10px;
}
.change_password {
    clear: both;
    margin: 0 auto;
    width: 77%;
}
.comment_area {
    float: left;
    margin-top: 40px;
    width: 100%;
}
.comment_box {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.name_date {
    color: #000000;
    font-style: italic;
	float:left;
	width:100%;
}
.comment_txt {
    color: #7f7f7f;
    line-height: 20px;
    margin-top: 10px;
	border-bottom: 1px solid #7f7f7f;
    float: left;
    width: 100%;
	padding-bottom: 10px;	
}
.comment_attachment {
    color: #3aa2ed;
    margin-top: 10px;
}
.comment_attachment a {
    color: #3aa2ed;
    text-decoration: none;
}
.comment_file {
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center;
}
.request_files {
    float: left;
    text-align: center;
    width: 100%;
}
.request_files .btn {
    border-color: #22b14c;
}
/*.request_files .btn span {
    background: #22b14c none repeat scroll 0 0;
}*/
.feedback_area {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.feedback_area textarea {
    border: 1px solid #caefff;
    height: 210px;
    padding: 20px;
    resize: none;
    width: 100%;
}
.concept_page {
    float: left;
    margin-top: 25px;
    width: 100%;
}
.revision_list {
    float: left;
    width: 100%;
}
.revision_list ul {
    text-align: center;
}
.revision_list ul li {
    display: inline-block;
    margin-right: 30px;
    position: relative;
}
.revision_list ul li.active a {
    border-bottom: 2px solid #00a2e8;
    padding-bottom: 10px;
}
.revision_list ul li::after {
    background: #00a2e8 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: -19px;
    top: 8px;
    width: 6px;
}
.revision_list ul li:last-child::after {
    display: none;
}
.revision_list ul li a {
    display: block;
}
.sample_revisions {
    float: left;
    margin-top: 50px;
    text-align: center;
    width: 100%;
}
.sample_revision_box {
    border: 1px solid #cccccc;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 16px;
    vertical-align: top;
    width: 215px;
}
.web_revisions .sample_revision_box {
    width: 48%;
}
.sample_revision_box:nth-child(4n) {
    clear: both;
}
.sample_revision_heading {
    background: #eeeeee none repeat scroll 0 0;
    border-bottom: 1px solid #cccccc;
    color: #1503d6;
    float: left;
    padding: 5px;
    text-align: left;
    width: 100%;
}
.sample_revision_img {
    float: left;
    height: 175px;
    line-height: 245px;
    width: 100%;
    position: relative;
}

.sample_revision_img img {
	max-width:100%;
	max-height:70%;
	width:auto;
	height:auto;
}

.sample_revision_box_ff .sample_revision_img {
	line-height: 200px;
}

.sample_revision_box_ff .sample_revision_img img {
	max-height: 57%;
}


.requestFiles {
	line-height:normal;
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	text-align:center;
}

.sample_revision_box_ff .requestFiles a {
	display:block;
}

.sample_revision_box_ff .requestFiles a:first-child {
	margin-bottom:7px;
}

.web_revisions .sample_revision_img {
    height: 250px;
    overflow: hidden;
}
.web_revisions .sample_revision_img img {
    width: 100%;
	max-height:none;
}
.banner_revisions .sample_revision_box {
    max-width: 100%;
    width: auto;
}
.banner_revisions .sample_revision_img {
    overflow: hidden;
}
.banner_revisions .sample_revision_img img {
    max-width: 100%;
    width: auto;
}
.brief_area {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.brief_list {
}
.brief_list ul {
}
.brief_list ul li {
    margin-bottom: 15px;
}
.brief_list ul li a {
}
.brief_list ul li span {
    color: #3aa2ed;
}
.total_amount {
    color: #1e346b;
    font-size: 24px;
    margin-bottom: 20px;
}
.total_amount span {
    font-size: 32px;
}
.select_sample {
    float: left;
    margin: 10px 0;
    width: 100%;
}
.order_confirm_area {
    float: left;
    margin-top: 35px;
    width: 100%;
}
.customer_name {
}
.selected_pkg_txt {
    color: #3c3636;
    font-size: 15px;
    margin: 20px 0;
}
.file_list {
}
.file_list ul {
}
.file_list ul li {
    margin-bottom: 15px;
}
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.owl-height {
    transition: height 500ms ease-in-out 0s;
}
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
}
.owl-carousel .owl-stage::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls 

.owl-dot {
    -moz-user-select: none;
    cursor: pointer;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    display: block;
    opacity: 0;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
    display: none;
}
.owl-carousel .owl-item {
    -moz-user-select: none;
    float: left;
    min-height: 1px;
    position: relative;
}
.owl-carousel .owl-item img {
    display: inline-block;
    max-width: 100%;
}
.owl-carousel.owl-text-select-on .owl-item {
    -moz-user-select: auto;
}
.owl-carousel .owl-grab {
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.no-js .owl-carousel {
    display: block;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease 0s;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    background: #000000 none repeat scroll 0 0;
    height: 100%;
    position: relative;
}
.owl-carousel .owl-video-play-icon {
    background: rgba(0, 0, 0, 0) url("owl.video.play.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 80px;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    top: 50%;
    transition: scale 100ms ease 0s;
    width: 80px;
    z-index: 1;
}
.owl-carousel .owl-video-play-icon:hover {
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}
.owl-carousel .owl-video-tn {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    opacity: 0;
    transition: opacity 400ms ease 0s;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}
.mob_menu {
    color: #000000;
    display: none;
    float: right;
    padding: 9px 10px;
    position: relative;
	margin-top:5px;
}
.mob_menu a {
    color: #ffffff;
	font-size:21px;
}
.mob_menu ul {
    background: #42bce6 none repeat scroll 0 0;
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
    width: 300px;
    z-index: 999;
}
.mob_menu ul li {
    border-bottom: 1px solid #ffffff;
    float: left;
    padding: 10px;
    width: 100%;
}
.mob_menu ul li a {
	color:#FFFFFF;
	font-size:16px;
}
.thankyou_page {
    float: left;
    margin-top: 35px;
    width: 100%;
}
.order_details {
    float: left;
    width: 100%;
}
.order_detail_head {
    float: left;
    width: 100%;
}
.order_detail_heading {
    color: #ff0000;
    float: left;
    font-size: 18px;
    margin-bottom: 50px;
    margin-top: 10px;
}
.order_detail_btn {
    float: right;
}
.order_detail_box {
    border-bottom: 1px solid #fedb73;
    float: left;
    padding: 10px 0;
    width: 100%;
}
.order_detail_col1 {
    color: #666666;
    float: left;
    width: 30%;
}
.order_detail_col2 {
    color: #094d8d;
    float: left;
    width: 70%;
}
.order_detail_txt {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.order_detail_txt p {
    line-height: 25px;
    margin-bottom: 20px;
}
.myaccount_mob_menu {
    display: none;
    float: left;
    width: 100%;
}
.myaccount_mob_menu ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.myaccount_mob_menu ul li {
    float: left;
    padding: 10px 5px;
    width: 100%;
	background-repeat:no-repeat;
	padding-left:40px;
	background-position: 0 7px;
	position:relative;
}

.myaccount_mob_menu ul li:before {
	content:'';
	position:absolute;
	left:0;
	top:7px;
	width:25px;
	height:25px;
	background:url(../images/icons.jpg);
}

.myaccount_mob_menu ul li.AllOrders:before {background-position: -453px -213px;}
.myaccount_mob_menu ul li.IncompleteOrder:before {background-position: -453px -165px;}
.myaccount_mob_menu ul li.BriefPending:before {background-position: -164px -261px;}
.myaccount_mob_menu ul li.HTMLPhase:before,
.myaccount_mob_menu ul li.SiteisLiveNow:before {background-position: -261px -21px;}
.myaccount_mob_menu ul li.GoLiveRequested:before {background-position: -261px -69px;}
.myaccount_mob_menu ul li.ViewTestLink:before {background-position: -116px -358px;width:26px;}
.myaccount_mob_menu ul li.ViewSample:before {background-position: -19px -68px;}
.myaccount_mob_menu ul li.OrderNotSubmitted:before {background-position: -20px -260px;}
.myaccount_mob_menu ul li.Revisionrequested:before {background-position: -164px -406px;}
.myaccount_mob_menu ul li.HTMLRevisionRequested:before {background-position: -68px -358px;width:26px;}
.myaccount_mob_menu ul li.DownloadFinalFiles:before {background-position: -262px -166px;}
.myaccount_mob_menu ul li.OrderCompleted:before {background-position: -68px -212px;}
.myaccount_mob_menu ul li.Cancelled:before {background-position: -20px -212px;}

.myaccount_mob_menu ul li a {
}
.mob_welcome {
    color: #000000;
    display: none;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.stationery_style .logo_type_img, .stationery_style .logo_type_row.row2 .logo_type_img {
    height: auto;
}
.stationery_style .logo_type_box, .stationery_style .logo_type_row.row2 .logo_type_box {
    margin-right: 24%;
}
#SkypeButton_Call_logoinnsales_1 img {
    margin: 6px !important;
    vertical-align: 0 !important;
}
.margin_top {
    margin-top: 35px;
}

.mobile_login_txt {
	display:none;
	float:left;
	width:100%;
	margin:10px 0;
	text-align:center;
	font-weight:bold;
}

.mobile_login_txt .or_color {
	color:#800011;
}

.login_area .heading {
	position:relative;
}

.login_area .mobile_login_cross {
	position: absolute;
	right: 0px;
	color: #2EBDFE;
	font-size: 16px;
	display: none;
	top: 6px;
	cursor: pointer;
	letter-spacing: 1px;
	text-decoration:none;
}


.add_addon_link {
	float:right;
	border-bottom:1px dotted #00A2E8;
	font-size:14px;
}

.mob_request_files {
	display:none;
	float:left;
	width:100%;
	text-align:center;
	margin:10px 0;
}

.mob_request_files img {
	margin:0 10px;
}

.mob_send_feedback {
	display:none;
}

.mob_send_feedback a {
	display:block;
	margin-bottom:10px;
}


.lock_overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.8);
	z-index:999;
}

.mob_back_btn {
	display: none;
	float: left;
	width: 41px;
	height: 42px;
	background-image: url("../images/icons.jpg");
	background-repeat: no-repeat;
	background-position: -302px -350px;
	margin-right: 10px;
}


.account_heading_mob {
	font-size:18px;
	font-weight:bold;
	display:none;
	float:left;
	width:100%;
}


.feedback_overlay {
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:999999999999;
	background:rgba(255,255,255,0.8);
}

.feedback_box {
	width: 327px;
	padding:20px;
	background:#2ebdfe none repeat scroll 0 0;
	position:absolute;
	left:50%;
	margin-left:-150px;
	top:120px;
	margin-top:0;
	box-shadow: 4px 6px 26px -1px #999999;
	z-index:9999999999999;
	display:none;
}

.feedback_heading {
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	margin-bottom:15px;
	letter-spacing:1px;
}

.feedback_box_status {
	float:left;
	width:33.3%;
	text-align:center;
	padding:10px;
}

.feedback_box_status.active {
	background:#73d3ff;
}

.feedback_box_status a {
	color:#FFFFFF;
}

.feedback_box_status img {
	margin-bottom:10px;
}

.feedback_box_status span {
	display:inline-block;
}


.ok_btn {
	background:#73d3ff;
	color:#FFFFFF;
	padding:5px 15px;
	margin-top:15px;
	float:left;
	width:100%;
	text-align:center;
	clear:both;
}

.finalfile_overlay {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.8);
	z-index:9999;
	overflow: auto;
}

.finalfinal_overlay_box {
	position:absolute;
	left:20%;
	right:20%;
	top:50%;
	margin-top:-50px;
	background:#FFFFFF;
	border-radius:10px;
	padding:20px;
	color:#000000;
}

.finalfinal_overlay_box_big {
	position:absolute;
	left:20%;
	right:20%;
	margin-top:-50px;
	background:#FFFFFF;
	border-radius:10px;
	padding:20px;
	color:#000000;
	top:120px;
}

.finalfinal_overlay_box p, .finalfinal_overlay_box_big p {
	line-height:25px;
	margin-bottom:10px;
}

.finalfiles_btn {
	float:left;
	width:100%;
	text-align:center;
	margin-top:20px;
}

.total_price {
	float:left;
	width:100%;
	color:#1E346B;
	text-align:center;
	font-size:22px;
	margin-bottom:20px;
}

.total_price span {
	font-size:24px;
}

.ErrorFileSelect {
	color:#ff0000;
	margin-top:10px;
}

.test_link {
	text-align:center;
}

.img img {
	max-width:100%;
}

.selected_pkg_txt p {
	text-indent:0 !important;
}

.small_popup {
	width: 371px;
	left: 50%;
	right: auto;
	margin-left: -150px;
}

.feedback_box_form {
	float:left;
	width:100%;
	padding:10px 0;
}

.feedback_box_form_txt {
	font-size:13px;
	color:#FFFFFF;
	line-height:17px;
}

.feedback_box_form_txt span {
	display:block;
	margin-top:5px;
	color:#000000;
}

.feedback_box_form_input {
	float:left;
	width:100%;
	margin-top: 10px;
}

.feedback_box_form_input textarea {
	border:0;
	resize:none;
	width:100%;
	color:#063d56;
	font-size:16px;
	padding:5px;
	height: 100px;
}


@media only screen and (max-width: 1170px) {
.container {
    width: 992px;
}
.steps ul {
    margin: 0;
}
.login_area {
    width: 45%;
}
.login_page .login_area {
    width: 475px;
}
.register_area {
    margin-left: 4%;
    padding-left: 1%;
    width: 45%;
}
.register_area .terms {
    font-size: 15px;
}
.register_area .form .form_label {
    width: 43%;
}
.register_area .form .form_field {
    width: 57%;
}
.login_box {
    width: 100%;
}
.logo_type_box {
    margin-right: 9%;
    width: 17%;
}
.logo_type_img img {
    max-width: 100%;
}
.logo_type_row.row2 .logo_type_box {
    margin-right: 9%;
}
.logo_type_img {
    line-height: 261px;
}
.logo_type_img {
    text-align: center;
}
.logo {
    text-align: center;
    width: 100%;
}
.header_right {
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
.header_skype, .header_call, .header_livechat {
	display: inline-block;
	float: none;
	margin-top: 0px;
	vertical-align: text-bottom;
}

.illustrationlogobrief .logo_type_box, .illustrationlogobrief .logo_type_row.row2 .logo_type_box {
    margin-right: 24%;
}
}

@media only screen and (max-width: 1024px) and (min-width: 993px) {
	.mainbox {width: 200px}
}
@media only screen and (max-width: 992px) {
.container {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.header_call {
    text-align: left;
}

.login_area {
    width: 100%;
	margin-left:0;
	display:none;
}

.login_page .login_area {
	display:block !important;
}

.mobile_login_txt {
	display:block;
}

.register_area {
    border-left: 0 none;
    border-top: 0;
    margin-left: 0;
	border-right:0;
    margin-top: 10px;
    padding-left: 0;
    padding-top: 20px;
    width: 100%;
}
.register_area .heading {
    padding-left: 0;
	display:none;
}
.register_area .form .form_label {
    width: 26%;
}
.register_area .terms {
    padding-left: 26%;
}
.logo_type_box {
    margin-right: 9%;
    width: 18%;
}
.logo_type_box img {
    max-width: 100%;
}
.logo_type_row.row2 .logo_type_box {
    margin-right: 8%;
}
.brief_form_field, .brief_form_field.text_area {
    width: 100%;
}
.logo_type_row.row3 .logo_type_box {
    margin-right: 15%;
}
.header_name {
    display: inline-block;
    float: none;
}
.payment_page_left, .payment_page_right {
    margin: 20px 0px 0px 0px;
    width: 100%;
}
.payment_head {
    position: static;
}
.payment_type ul {
    width: 100%;
}
.addon_page_left {
    width: 100%;
}
.stick .payment_order {
    position: static !important;
    width: 100%;
}

.login_area .mobile_login_cross {
	display:block;
}

.illustrationlogobrief .logo_type_box, .illustrationlogobrief .logo_type_row.row2 .logo_type_box {
	margin-right: 23%;
}

.illustrationlogobrief .logo_type_box {
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px !important;
    margin-top: 0px;
    text-align: center;
    width: 100% !important;
}

#DtlAmex, #DtlDiscover, #DtlPp, #DtlWT, #DtlChq {
	display:none !important;
}


}

@media only screen and (max-width: 767px) {

.web_revisions .sample_revision_box {
	width:100%;
}

.header {
	padding-bottom: 10px;
	padding-top: 10px;
}

.header_skype, .header_call, .header_livechat {
    width: 100%;
}
.header_livechat {
    margin: 0;
}
.header_call {
    margin: 15px 0;
    padding: 0;
    text-align: center;
    width: 204px;
}

.mainbox {width: 100%;}

.steps ul li {
    margin: 0 3%;
}
.register_area .form .form_label {
    text-align: left;
    width: 100%;
}
.register_area .form .form_field {
    width: 100%;
}
.register_box .error_msg {
    top: 62px;
    width: 100%;
}
.tooltip {
    display: none;
}
.register_area .terms {
    padding-left: 0;
}
.logo_type_box {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0 !important;
    margin-top: 0;
    text-align: center;
    width: 50% !important;
}

.logo_type_box img {
	width:auto;
	height: 75px;
}

.logo_type_img, .logo_type_row.row2 .logo_type_img {
	height:auto;
	line-height:normal;
	margin-bottom:10px;
}

.logo_type_row {
	border-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}

.header_name {
    margin-left: 0;
}
.myaccount_left {
    width: 100%;
}
.myaccount_right {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
}
.header_right {
    display: none;
}
.logo {
	margin-top: 0px;
	width: auto;
	position: absolute;
	left: 50%;
	margin-left: -84px;
}
.logo img {
    display: none;
}
.logo img.mob_logo {
    display: block;
}
.mob_menu {
    display: block;
}
.myaccount_left {
    display: none;
}
.order_list_table {
    display: none;
}
.myaccount_mob_menu {
    display: block;
}
.myaccount_right_heading>div {
   float: none;
   margin-top: 15px;
}
.mob_welcome {
    display: block;
}
.payment_check {
    width: 100%;
}
.payment_secure_img {
    display: none;
}

#footerLogos {
	display:none;
}

.heading_area {
	margin-top:20px;
}

.steps {
	margin-top:25px;
}

.steps ul li span {
	font-size:17px;
}

.login_register {
	margin-top:20px;
}

.show_login_form {
	line-height:normal;
	font-size: 15px;
}
.show_login_form span {
	padding: 5px 10px;
}
.mobile_login_txt {
	line-height:28px;
}

.register_area {
	padding-top:0;
	margin-top:5px;
}

.login_box {
	padding:7px;
}
.login_area .mobile_login_cross {
	margin-top: 21px;
}

.content {
	padding-bottom:10px;
}

.login_head {
	margin-bottom:10px;
}

.login_box {
	margin-top:31px;
}

.content_para {
	margin-top:20px;
}

.logo_types {
	margin-top:20px;
}

.addon_page {
	margin-top:20px;
}
.icon_list li .recommended_icon {
    right: -19px;
    top: 0px;
}
.total_amount {
	font-size:17px;

}

.payment_page {
	margin-top:30px;
}

.billing {
	margin-top:20px;
}

.coupon_box {
	margin-top:20px;
}

.chkconfirm_text br {
	display:none;
}

#DtlAmex, #DtlDiscover, #DtlPp, #DtlWT, #DtlChq {
	padding-left:0;
}
.payment_form {
    padding: 10px 10px;
}


/*.feedback_area {
	display:none;
}

.mob_request_files {
	display:block;
}*/

.feedback_btn, .attach_btn {
	display:none;
}

/*.request_files {
	display:none;
}*/

.feedback_area textarea {
    width: 85%;
	float:left;
	height:130px;
}

.mob_send_feedback {
    width: 100%;
    float: none;
	display:block;
	text-align:center;
	margin-top:10px;
}
.mob_send_feedback a {
	display: inline-block;
	margin-right: 10px;
}

.mob_back_btn {
	display:inline-block;
}

.myaccount_right {
	display:none;
}

}
@media only screen and (max-width: 480px) {
	
.logo {
	position: static;
	margin-left: 0;
}
.mob_menu {margin-top:0;}
.mobile_login_txt .show_login_form {display:block;}
.form .form_label {
    text-align: left;
    width: 100%;
}
.form .form_field {
    width: 100%;
}
.form_btn {
    padding-left: 0;
}
.steps ul li {
    font-size: 12px;
    margin: 0 2%;
}
.payment_head_left, .payment_head_right {
    float: none;
    text-align: center;
    width: 100%;
}

.payment_form .form .form_label {
    text-align: left;
    width: 100%;
}
.payment_form .form .form_field {
    width: 100%;
}

.order_list_td .order_list_td {
	border:1px solid #e0e0e0;
	margin:10px 0;
}

.order_list_col {
    width: 50% !important;
}

.order_list_col.t_col5 {
	display:none;
}

.order_list_td:nth-child(2n) {
	border:0;
}

.finalfinal_overlay_box {
	left: 50%;
	margin-top:0;
	transform: translate(-50%,-50%);
	width:90%;
}

.finalfiles_btn a.btn {display: block;}
.finalfiles_btn a.btn:first-child {margin-bottom: 10px;}

.finalfinal_overlay_box_big {
    left: 50%;
    margin-top: 0;
    top: 20px;
    width: 90%;
	-webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.finalfinal_overlay_box_big p >div {width:100% !important;}

#DivAttachAfile {
	left:5%;
	width:90%;
	margin-left:0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.respossive_heading {
    display: block;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
}
.order_list_th {
    display: none;
}
.login_box .error_msg {
    padding-left: 5px;
    top: 60px;
}
.login_page .login_area, .login_page .login_register {
    width: 100%;
}

.order_list_col {
min-height: 100px;

}


}
@media only screen and (max-width: 320px) {

	.btn span {
		padding: 5px 10px;
	}
	
	.btn {
		margin:0;
	}
	
}
.logoinn-sales-top {
    display: inline-block;
    float: left;
    font-size: 17px;
}
.logoinn-sales-top.logoinn-sales-top2 {
    position: relative;
    top: 10px;
}

.header_livechat_txt {
    display: inline-block;
    position: relative;
    top: 4px;
}
.top_thumb {
    display: inline-block;
    float: left;
}
.top_profile_links {
    bottom: 9px;
    display: inline-block;
    float: left;
    padding: 0 7px;
    position: relative;
}
.top_quick_Links {
    background-color: #34b8fa;
    display: none;
    position: absolute;
    right: -40px;
    top: 37px;
    width: 190px;
    z-index: 999;
}
.top_quick_Links li {
    border-bottom: 1px solid #ffffff;
    float: left;
    text-align: center;
    width: 100%;
}
.top_quick_Links li a {
    text-align: center;
    width: 100%;
}
.top_quick_Links li:last-child {
    border-bottom: 0 none;
}

.OrderPrice_heading {
	    font-size: 22px !important;
    font-weight: bold;
    line-height: 24px;
}
.select_one{
color: red;
    text-align: center;
}

.popupsbps {
	position:relative;
}

.popupsbps span {
    position: absolute;
    top: -20px;
    width: 442px;
    padding: 5px 0;
    border: 1px solid #cccccc;
    background-color: #FFF;
    border-radius: 8px;
    left: -909em;
    z-index: 990;
}
.popupsbps:hover span {
    left: 8px;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

.web_link {
    position: absolute;
    bottom: 0;
    background: #FFFFFF;
    left: 0;
    right: 0;
    line-height: normal;
    padding: 5px 15px;
}

.web_link_left {
    float: left;
}

.web_link_right {
    float: right;
}

.note-ios p {
    color: #333333;
    font-size: 15px;
    margin-top: 10px;
}

.note-ios h4 {
    color: red;
    font-size: 22px;
    font-family: Open Sans;
    margin-bottom: 10px;
}

.note-ios {
    float: left;
    width: 100%;
}

/* order thankyou popup css start */
.order_thankyou_logodesignservice {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.8);
    min-height: 1700px;
}

.order_thankyou_logodesignservice_inner {
    width: 60%;	
    margin: 0 auto;
    margin-top: 60px;
    background: #fff;
    padding: 30px;
	display: table;
	/*text-align: center;*/
	box-shadow: 0px 0px 35px #ccc;
}

.order_thankyou_logodesignservice_inner h4 {
    color: #ea0004;
    font-size: 20px;
    margin-bottom: 10px;
	text-align: left;
}

.order_thankyou_logodesignservice_inner p {
    font-size: 16px;
    margin-bottom: 20px;
	line-height: 1.4;
	text-align: left;
}
.order_thankyou_logodesignservice_inner p span
{
	color:red;
}
.order_thankyou_logodesignservice_inner h5 {
    float: left;
    color: #e00918;
    margin-bottom: 10px;
    font-size: 16px;
}
.who-helped input[type="text"] {
    float: right;
    margin-top: -10px;
}
p.who-helped {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0;
}
.order_thankyou_logodesignservice_inner h6 {
    color: #40a636;
    font-size: 18px;
    margin-bottom: 10px;
	float: left;
	width: 60%;
}

.order_thankyou_logodesignservice_inner input[type="radio"]
{
	
}

.order_thankyou_logodesignservice_inner input[type="checkbox"]
{
	
}

.order_thankyou_logodesignservice_inner select
{
	float: right;
    margin-bottom: 10px;
    width: 26%;
}

.order_thankyou_logodesignservice_inner ul {
    list-style: none;
}

.order_thankyou_logodesignservice_inner ul li {
    float: left;
    width: 50%;
	font-size: 15px;
}

.btn_submit {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
/*
.btn {
    display: inline-block;
    border: 1px solid red !important;
    padding: 10px 35px;
    color: #fff !important;
    margin-top: 20px;
    margin-right: 10px;
    transition: 0.8s all;
    background: red;
    text-decoration: none !important;
    font-size: 16px;
    border-radius: 5px;
    text-transform: capitalize !important;
    font-weight: 600;
}

.btn:hover
{
	transition: 0.8s all;
	background: #161616 !important;
	border-color: #161616 !important;
	color: #fff !important;
	box-shadow:none;
}*/

@media screen and (max-width:540px)
{
	.order_thankyou_logodesignservice
	{
		position:absolute;
	}
	.order_thankyou_logodesignservice_inner ul li {
    float: left;
    width: 100%;
	}
	.order_thankyou_logodesignservice_inner select {
    float: right;
    margin-bottom: 10px;
    width: 100%;
	}
	.who-helped input[type="text"] {
    float: right;
    margin-top: 10px;
    width: 100%;
	}
	.order_thankyou_logodesignservice_inner input[type="radio"] {
    display: inline-block;
	}
	.order_thankyou_logodesignservice_inner h6 {
    width: 100%;
	}
	.order_thankyou_logodesignservice_inner {
    width: 90%;}
}

/* order thankyou pop css end */