/*Theme Name: Ectivo Theme
URI: Author: IkfteamAuthor 
URI: Description: This is the theme about template buy & sell processVersion: 1.0
*/
@charset "utf-8";
body {
  padding: 0;
  margin: 0;
  font: 12px/18px 'Arial', Tahoma, Helvetica, sans-serif;
  color: #000000;
  background: #fff;
}
td {
  font: 'Arial', Tahoma, Helvetica, sans-serif;
  color: #000000;
}
div,
h1,
h2,
h3,
h4,
h5,
h6,
img,
ul,
ol,
li,
form,
input,
textarea {
  padding: 0;
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
}
/*p {padding : 0 0 8px 0;}*/
input[type="submit"] {
  cursor: pointer;
}
ul {
  list-style: none;
}
img {
  outline: none;
  border: none;
}
a {
  outline: none;
  text-decoration: none;
  color: #00b0f0;
}
a:hover {
  text-decoration: none !important;
}
h1 {
  font-size: 36px;
  line-height: normal;
  color: #000;
  margin-bottom: 2%;
}
h2 {
  font-size: 30px;
  line-height: normal;
}
h3 {
  font-size: 26px;
  line-height: normal;
}
h4 {
  font-size: 24px;
  line-height: normal;
}
h5 {
  font-size: 20px;
  line-height: normal;
}
h6 {
  font-size: 18px;
  line-height: normal;
  margin-bottom: 8px;
}
h7 {
  font-size: 16px;
  line-height: normal;
  margin-bottom: 8px;
}
/*-----------------------------------------------------------------------------*/
.font16 {
  font-size: 16px;
  line-height: normal;
}
.font18 {
  font-size: 18px;
  line-height: normal;
}
.font24 {
  font-size: 24px;
  line-height: normal;
}
.font36 {
  font-size: 36px;
  line-height: normal;
}
.font48 {
  font-size: 48px;
  line-height: normal;
}
.text_transform {
  text-transform: uppercase;
}
.blue {
  color: #00b0f0;
  line-height: 12px;
}
.red {
  color: #c00000;
}
.gray {
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-decoration: none;
  font-weight: normal;
}
.gray2 {
  color: #FFFFFF;
}
.dot1 {
  background: url(images/dot1.jpg) center center repeat-x;
}
.common {
  color: #FFFFFF;
}
.common:hover {
  color: #000066;
}
/*-----------------------------------------------------------------------------*/
#wrapper {
  width: 100%;
  margin: 0 auto;
}
.topheader {
  background: #3295C9;
  color: #FFFFFF;
  width: 100%;
  margin: 0 auto;
  float: left;
  orphans: inherit;
  height: 54px;
  overflow: hidden;
  /*padding: 10px 0px;*/
  border-radius: 10px;
}
.logo {
  width: 5%;
  float: left;
  height: 45px;
}
.menu {
  float: left;
  /*width: 80%;*/
}
.menu a {
  color: #FFFFFF;
  padding: 15px 8px 16px 8px;
  /*line-height:43px;*/
  margin: 0 0px 0 0px;
}
.menu a:hover,
.menu a.active {
  background: #747373;
  color: #FFFFFF;
}
/*======================================1.1.2013==========================================*/
.menu ul li ul {
  /*-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);box-shadow: 0 3px 3px rgba(0,0,0,0.2);*/
  background: #747373;
  display: none;
  float: left;
  margin: 0;
  position: absolute;
  /*top: /3.333em;*/
  margin-top: 54px;
  /*left: 632px;*/
  width: 188px;
  z-index: 999999;
}
.menu ul ul ul {
  left: 100%;
  top: 0;
}
.menu ul ul a {
  background: #595959
    /*#f9f9f9*/
    ;
  border-bottom: 1px dotted #ddd;
  color: #444;
  font-size: 13px;
  font-weight: normal;
  height: auto;
  line-height: 1.4em;
  padding: 10px 10px;
  width: 168px;
}
.menu li:hover>a,
.menu ul ul:hover>a,
.menu a:focus {
  background: #efefef;
  text-decoration: none !important;
}
.setting-icon.right {
  display: inline-block;
  padding: 0px 10px;
  margin: 0 10px 0 10px;
}
.setting-icon.right:hover,
.setting-icon.right:focus {
  background: #000;
}
.menu li:hover>a,
.menu a:focus {
  background: #000;
  /* Show a solid color for older browsers */
  /*background: -moz-linear-gradient(#f9f9f9, #e5e5e5); background: -o-linear-gradient(#f9f9f9, #e5e5e5);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5));*/
  /* Older webkit syntax */
  /*background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);*/
  color: #ffffff
    /*#373737*/
    ;
}
.menu ul li:hover>ul {
  display: block;
  background: #595959;
  text-decoration: none !important;
}
.menu .current-menu-item>a,
.menu .current-menu-ancestor>a,
.menu .current_page_item>a,
.menu .current_page_ancestor>a {
  font-weight: bold;
  text-decoration: none !important;
}
/*======================================1.1.2013==========================================*/
ul.sub-menu li a {
  display: block !important;
  background: #000000;
  overflow: hidden;
  box-shadow: none;
  /*margin:5px 0 0 0; border:#FF0000 1px solid;*/
  border: none;
  padding: 5px 10px !important;
  color: #FFFFFF;
  line-height: 20px;
}
ul.sub-menu li a:hover {
  display: block;
  background: #00B0F1;
  text-decoration: none !important;
}
.login1 {
  float: right;
  /*width:10%; text-align:right;*/
  padding: 5px 0 6px 10px !important;
}
.login1 ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
}
.login1 ul li {
  margin-left: 0;
  list-style: none;
  display: inline;
}
.login1 ul li a {
  text-decoration: none;
  color: white;
  padding: 25px 6px;
  background-color: #3295C9;
}
.login1 ul li a img {
  text-align: center;
  vertical-align: middle;
}
.login1 ul li a:visited {
  color: white;
}
.login1 ul li a:hover,
.login1 ul li .current {
  color: white;
  background-color: #000000;
}
.login {
  float: right;
  /*width:10%; text-align:right;*/
  padding: 6px 0 6px 10px !important;
}
.login:hover {
  background: #000000;
}
.login a {
  color: #FFFFFF;
  display: inline-block;
  /*padding:10px 10px 0 0;*/
}
.login a:hover {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  /*padding:10px 10px 0 0;*/
}
.contractor_menuright {
  float: right;
}
.right-mnu {
  float: left;
}
.right-mnu li {
  display: inline-block;
}
.right-mnu li a {
  display: inline-block;
  padding: 6px 10px !important;
}
.right-mnu li a:hover {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.page-id-460 ul.right-mnu li:nth-child(2) a img {
  height: 39px;
  width: auto;
  margin-right: 2px;
}
.settings_active {
  background: #000000;
  padding: 6px 0 6px 10px !important;
}
.menu .setting-icon {
  display: inline-block;
  padding: 6px 8px 4px;
}
.menu .setting-icon:hover {
  background: transparent;
}
.login2 {
  float: right;
  width: 8%;
  text-align: right;
  padding: 6px 10px 0 0;
}
.login2 a {
  color: #FFFFFF;
}
.login2 a:hover {
  color: #003366;
}
.spacer {
  height: 10px;
  orphans: inherit;
  float: left;
  width: 100%;
  background: #fff;
}
.main_content {
  background: #fff;
  width: 100%;
  padding-top: .5%;
  float: left;
  padding-left: 10px;
}
.main_content2 {
  background: #fff;
  width: 100%;
  padding-top: 2%;
  text-align: center;
  padding-left: 10px;
}
.main_content a:hover {
  /*text-decoration: underline !important;*/
}
.main_content3 {
  background: #fff;
  width: 100%;
  padding-top: 2%;
  padding-left: 10px;
  /*float:left;*/
}
.main_content3 a:hover {
  text-decoration: underline !important;
}
.leftpanel {
  width: 10.4%;
  float: left;
  background: #00b0f1;
  height: 100%;
  display: block;
}
.home_icon {
  float: left;
  padding: 11px 0 10px 14px;
  width: 80%;
}
.left_menu {
  width: 100%;
  float: left;
  text-align: center;
  color: #FFFFFF;
}
.left_menu_box {
  margin: 0 0 25% 0;
}
.left_menu_box h1 {
  border-radius: 100px 100px 100px 100px;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  padding: 7px 0 0 0;
  width: 35px;
  height: 28px;
  display: block;
  background: #00b0f1;
  border: #FFFFFF 1px solid;
  margin: 0 auto;
}
.left_menu_box ul {
  padding: 3px 0 0 0;
  width: 100%;
}
.left_menu_box li a {
  text-align: center;
  line-height: 20px;
  color: #fff;
  text-transform: capitalize;
  width: 100%;
  display: block;
  margin: 0 0 1px 0;
}
.left_menu_box li a:hover,
.left_menu_box li a.active {
  background: #FFFFFF;
  text-align: center;
  color: #00b0f1;
  text-transform: uppercase;
}
.rightpanel {
  width: 86.4%;
  float: left;
  margin: 0 0 0 0;
  padding: 3% 0 0 3%;
  background: #FFFFFF;
  background-attachment: fixed;
  height: 100%;
}
.rightpanel_cont {
  width: 86.4%;
  float: left;
  margin: 0 0 0 0;
  padding: 2% 0 0 0%;
  background: #FFFFFF;
  background-attachment: fixed;
  height: 100%;
}
.rightpanel_cont2 {
  width: 86.4%;
  float: left;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  background-attachment: fixed;
  height: 100%;
}
.inner_left {
  width: 32%;
  float: left;
  margin: 0 12% 0 0;
}
.inner_full {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
}
.inner_full h2 {
  color: #00b0f1;
  font-size: 30px;
  line-height: normal;
  font-weight: bold;
}
.inner_full h3 {
  color: #595959;
  font-size: 24px;
  line-height: normal;
  font-weight: bold;
}
.inner_full a {
  color: #000;
  font-size: 24px;
  line-height: normal;
  font-weight: bold;
}
.inner_full a:hover {
  color: #00b0f1;
  text-decoration: underline !important;
}
.inner_right {
  float: left;
  width: 56%;
}
.inner_left h2 {
  color: #00b0f1;
  font-size: 30px;
  line-height: normal;
  font-weight: bold;
}
.input_list {
  padding: 3% 0 3% 0;
  float: left;
  width: 100%;
}
.input_list h3 {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px 0;
}
.input_list li {
  padding: 0 0 3px 0;
  float: left;
  display: block;
  width: 100%;
}
.input_list .box {
  background: #f3f3f3;
  border: #3e3e3e 1px solid;
  padding: 5px 0 5px 10px;
  margin: 0 0 3px 0;
  display: block;
}
/*input[type="text"], input[type="password"], input[type="email"], input[type="url"], select{-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background:#FFFFFF repeat scroll 0 0 rgba(0, 0, 0, 0.047);border-color: rgba(0, 0, 0, 0.098) #3e3e3e #3e3e3e;border-image: none;border: 1px solid #3e3e3e;border-style: solid;border-width: 1px;box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.745);color:#666666; padding:2px;}
textarea{-moz-box-sizing: border-box;border-radius: 4px 4px 4px 4px; display: block; font: 12px "EnriquetaRegular",Georgia,serif; margin: 0 0 5px;max-width: 100%;outline: medium none;padding: 5px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus{-moz-transition: all 0.6s linear 0s;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);}
a.button, button, input[type="submit"], input[type="reset"], input[type="button"]{border:none;background:#009900;border-image: none;color: #fff;font-size:14px;cursor: pointer;display: inline-block;float:right;font-weight: bold;line-height: 21px;padding: 4px 8px;margin:0 0 0px 0;text-decoration: none;}
a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background:#008000;}*/
.input_list .text_div {
  width: 100%;
  float: left;
  display: block;
}
.input_list .text_left {
  width: 10%;
  float: left;
}
.input_list .text_right {
  width: 100%;
  display: block;
  float: right;
  background: #f3f3f3;
  border: #3e3e3e 1px solid;
  padding: 5px 0 5px 10px;
  margin: 0 0 3px 0;
}
.inner_right .inner_right_top {
  width: 100%;
  text-align: center;
  margin: 0 0 10% 0;
}
.botton1 {
  background: #175701;
  padding: 10px 25px 10px 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.botton1:hover {
  background: #3e3e3e;
}
.botton2 {
  background: #3e3e3e;
  padding: 10px 25px 10px 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.botton2:hover {
  background: #175701;
}
.packagehere {
  width: 50%;
  margin: 3% auto;
  box-shadow: 1px 1px 3px 2px #a2a1a2;
  overflow: hidden;
}
.packagehere h4 {
  background: #949494;
  text-align: right;
  padding: 4px 8px 4px 0;
  color: #FFFFFF;
}
.area_div {
  float: left;
  padding: 10px 0 0 0;
  width: 100%;
}
.area_left {
  width: 76%;
  float: left;
  padding: 0 2% 2% 2%;
}
.area_left a {
  font-size: 11px;
  color: #000000;
}
.area_left a:hover {
  color: #0066CC;
}
.area_right {
  width: 20%;
  float: left;
}
.area_right_box {
  width: 90%;
  height: 90%;
  overflow: hidden;
}
.area_right_footer_left {
  width: 33%;
  float: left;
  padding: 1% 0 0 2%;
}
.area_right_footer_left a {
  font-size: 11px;
  color: #000000;
}
.area_right_footer_left a:hover {
  color: #0066CC;
}
.area_right_footer_right {
  width: 63%;
  float: right;
  text-align: right;
  padding: 0 2% 2% 0;
}
.socail_div {
  text-align: center;
  width: 70%;
  margin: 0 auto;
  overflow: hidden;
}
.socail_div a {
  color: #00b0f1;
  font-size: 10px;
  padding: 0 8px 0 8px;
  text-decoration: underline;
}
.socail_div a:hover {
  color: #003366;
  text-decoration: none;
}
/*----------------------------------start homepage html--------------------------------------------------*/
.main_div {
  width: 100%;
  margin: 0 auto;
}
.main_header {
  width: 100%;
  background: #00b0f0;
  overflow: hidden;
}
.top_header {
  background: #00b0f0 url(images/main-top-bg.jpg) bottom center no-repeat;
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
  color: #FFFFFF;
}
.header_left {
  width: 70%;
  float: left;
  padding: 10px 0 80px 0;
}
.activo_logo {
  padding: 0 0 25px 0;
}
.header_right {
  width: 30%;
  float: left;
  padding: 0 0 0 0;
}
.header_right .login {
  width: 97%;
  text-align: right;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0 28px 0;
}
.header_right .login a {
  color: #FFFFFF;
  font-size: 18px;
}
.header_right .login a:hover {
  color: #003366;
}
.header_right .input_div {
  display: block;
  padding: 7px 0 7px 0;
  float: left;
  width: 100%;
  font-size: 14px;
}
.header_right .input_div .left {
  width: 7%;
  float: left;
  padding: 4px 0 0 0;
}
.header_right .input_div .right {
  width: 80%;
  float: left;
}
.mid_content {
  width: 80%;
  margin: 0 auto;
  padding: 15px 0 0 0;
}
.mid_content .left_text {
  width: 10%;
  float: left;
  color: #a6a6a6;
}
.nav_menu {
  margin: 0 auto;
  width: 100%;
}
.nav_menu a {
  padding: 0 6px 0 6px;
  color: #000000;
}
.nav_menu a:hover {
  color: #0066CC;
}
.mid_content .right_text {
  width: 90%;
  float: right;
  text-align: right;
}
.mid_content .right_text a {
  padding: 0 6px 0 6px;
  color: #000000;
}
.mid_content .right_text a:hover {
  color: #0066CC;
}
/* #loginform label[for="user_pass"],
#loginform label[for="user_login"] {
    display: block;
    float: left;
    width: 80px;
}
#loginform p:nth-child(1),
#loginform p:nth-child(2) {
    float: left;
} */
.secend_header {
  background: url(images/top-header-bg.png) top left repeat-x;
  width: 100%;
  margin: 0 auto;
}
.secend_header_main {
  width: 94%;
  margin: 0 auto;
  color: #FFFFFF;
  overflow: hidden;
}
.sec_logo {
  width: 10%;
  float: left;
  padding: 0 0 30px 0;
}
.sec_menu {
  float: left;
  width: 71%;
}
.sec_menu a {
  padding: 10px 13px 23px 13px;
  color: #FFFFFF;
  line-height: 35px;
}
.sec_menu a:hover,
.sec_menu a.active {
  background: #FFFFFF;
  color: #009ad0;
}
.sec_menu_right {
  float: left;
  padding: 8px 0 0 0;
}
.pc_website {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 0 0 30px 0;
}
.pc_left {
  width: 50%;
  text-align: center;
  padding: 40px 0 0 0;
  float: left;
}
.enter {
  margin: 0 auto;
  color: #FFFFFF;
  margin: 20px 0 0 0;
}
.enter a {
  color: #FFFFFF;
  padding: 6px 90px 6px 90px;
  font-size: 18px;
  font-weight: bold;
  background: #008000;
  line-height: 40px;
}
.enter a:hover {
  background: #00b0f0;
  color: #FFFFFF;
}
.pc_right {
  width: 48%;
  text-align: center;
  padding: 40px 0 40px 0;
  float: left;
  border-left: #d9d9d9 1px solid;
}
.pc_right p {
  font-size: 17px;
  line-height: normal;
}
/*.left_panel_bg{background:url(images/left-panel-top-bg.png) top left no-repeat; height:22px; overflow:hidden;}*/
.website_name {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.website_name_left {
  width: 50%;
  margin: 0 5% 0 0;
  float: left;
}
.website_name_left .inpu_div {
  width: 100%;
  height: 50%;
  float: left;
  padding: 15px 0 45px 0;
}
.website_name_left .inpu_div a {
  color: #a6a6a6;
  text-decoration: underline;
}
.website_name_left .inpu_div a:hover {
  color: #000000;
}
.website_name_left label[for="user_pass"],
.website_name_left label[for="user_login"] {
  display: none;
}
.website_name_right {
  width: 45%;
  float: left;
}
.website_name_right_mid {
  float: left;
  overflow: hidden;
  width: 94%;
  margin: 0 0 3% 3%;
}
.tab_div1 {
  background: #FFFFFF;
  padding: 15px;
}
.tab_div2 {
  padding: 15px;
}
.select_design {
  width: 50%;
  height: 100px;
  background: #b7dee8;
  border: #93cddd 1px solid;
  overflow: hidden;
  color: #00b8ec;
  text-align: center;
  font-size: 16px;
}
.normal_box {
  border: #7f7f7f 1px solid;
  padding: 3px 10px 3px 10px;
  width: 50%;
  color: #7f7f7f;
}
.favourites {
  margin: 0 auto 10px auto;
  width: 50%;
}
.favourites a {
  background: #008000;
  padding: 5px 15px 5px 15px;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
}
.imgbox_div {
  width: 94%;
  float: left;
  /*height:147px; overflow:hidden;*/
  margin: 10px 0 5px 0;
  border: none;
  /*background:#f7f7f7*/
}
.imgbox_div p {
  background: none repeat scroll 0 0 rgba(3, 132, 218, 0.92);
  color: #FFFFFF;
  font-size: 9px;
  margin-top: 2px;
  padding: 5px 4px;
}
.imgbox_div a {
  color: #FFFFFF;
  font-size: 11px;
}
/*----------------------------------end homepage html--------------------------------------------------*/
.tab_support {
  background: #FFFFFF;
  padding: 3%;
  margin: 0 4% 4% 4%;
  overflow: hidden;
  border: #FFFFFF 1px solid;
}
.tab_support p {
  padding: 10px 0 0 0;
  color: #c0c0c0
}
.tab_support2 {
  background: #b7dee8;
  border: #FFFFFF 1px solid;
  padding: 3%;
  margin: 0 4% 4% 4%;
  overflow: hidden;
}
.tab_support2 p {
  padding: 10px 0 0 0;
  color: #c0c0c0
}
.tab_support_btn {
  margin: 0 auto;
  padding: 0 0 0 45%;
}
.tab_support_btn a {
  text-align: center;
  background: #7f7f7f;
  padding: 4px 10px 4px 10px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
.tab_support_btn a:hover {
  background: #00b0f0;
}
/*...............................add_css..............................*/
.left_panel {
  float: left;
  width: 12%;
  margin: 10px 0 10px 10px;
}
.right_panel {
  float: right;
  width: calc(86.5% - 2px);
  margin: 10px 10px 10px 0;
}
#wrapper .left_panel .logoarea {
}
.logoarea {
  float: left;
  margin-right: 10%;
  width: 90%;
  /*background-color: #00B0F1;*/
}
.logoarea:hover {
  background: #595959;
  border-radius: 10px;
}
.logoarea img {
  width: 100%;
}
.home_page_text {
  float: left;
  width: 100%;
  padding-left: 0%;
  /*padding-left: 2%;*/
  margin: 0 0 2% 0;
  padding-top: 0%;
}
.content_left {
  float: left;
  width: 53%;
  /*width: 100%;/
  padding-left: 0%;
  /*padding-left: 2%;*/
  margin: 0 0 2% 0;
  padding-top: 0%;
}
.content_right {
  float: right;
  width: 40%;
  /*border:#FF0000 1px solid;*/
  margin-right: 2%;
  margin-left: 3%;
}
.content_left2 {
  float: left;
  width: 40%;
  padding-left: 0%;
  /*padding-left: 2%;*/
  margin: 0 0 2% 0;
  padding-top: 0%;
}
.content_left3 {
  float: left;
  width: 55%;
  font-size: 24px;
  padding-left: 0%;
  /*padding-left: 2%;*/
  margin: 0 0 2% 0;
  padding-top: 0%;
}
.content_right2 {
  float: right;
  width: 50%;
  /*border:#FF0000 1px solid;*/
  margin-right: 2%;
  margin-left: 3%;
}
.content_right3 {
  float: right;
  width: 35%;
  /*border:#FF0000 1px solid;*/
  margin-right: 5%;
  margin-top: 30px;
}
.ptext {
  font-size: 12px;
}
/***********23/11/2012*************/
.content_right img {
  /*width:100%;*/
  margin: 0;
  width: 300px;
  height: 441px;
}
.lft {
  width: 7%;
  height: 12%;
  float: left;
  /* border:#0000FF 1px solid;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  margin-left: 4px;
  /*margin-top:11px;*/
  padding-top: 6px;
}
.box_input {
  float: left;
  width: 78%;
}
.box_list {
  float: left;
  width: 20%;
  text-align: right;
  margin-left: 2%;
}
.box_list2 {
  float: right;
  width: 5%;
  text-align: right;
}
.rgt {
  width: 25%;
  /*height:50%;*/
  float: left;
  /*border:#0000FF 1px solid;*/
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  margin-top: 5px;
}
.storage {
  width: 100%;
  margin: 60px 0 2% 0;
}
.storage_sid {
  width: 100%;
  margin: 0 0 6% 0;
  float: left;
}
.storage2 {
  width: 100%;
  margin: 0 0 0 -3%;
}
.storage_left {
  width: 10%;
  float: left;
  text-align: center;
  margin-top: 0;
}
.storage_left input[type="radio"] {
  margin-top: 4px;
}
.storage_mid {
  /*	width:55%;	*/
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #000;
  text-decoration: none;
  /*font-weight:bold;*/
  font-weight: normal;
}
.storage_mid3 {
  width: 30%;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #000;
  text-decoration: none;
  /*font-weight:bold;*/
  font-weight: normal;
  margin-left: 250px;
}
.storage_mid2 {
  margin-left: 41%;
  width: 19%;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #999999;
  text-decoration: none;
  /*font-weight:bold;*/
  font-weight: bold;
}
.storage_right {
  /*width:40%;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  margin-left: 5%;
  /*	width:55%;	float:left;	font-family:Arial, Helvetica, sans-serif;	font-size:24px;	color:#000;	text-decoration:none;/*font-weight:bold;*/
  font-weight: normal;
}
.storage_right2 {
  /*width:30%;*/
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #000;
  text-decoration: none;
  font-weight: normal;
}
.tem {
  width: 100%;
}
.tem_lft {
  background: #dfdfdf;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  float: left;
  width: 74%;
  padding-left: 12px;
  text-decoration: none;
  font-weight: normal;
}
.tem_rgt {
  background: #dfdfdf;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  float: right;
  width: 20%;
  padding-left: 12px;
  text-decoration: none;
  font-weight: normal;
}
/*.head{width:100%;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#000000;text-decoration:none;font-weight:normal;}*/
a.agri {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #CCCCCC;
  cursor: pointer;
  line-height: 24px;
  text-decoration: none;
  font-weight: normal;
}
a:hover.agri {
  color: #97e3ff;
  text-decoration: underline;
}
.icon {
  float: right;
  margin-top: -30px;
}
.centered-heading {
}
.avail {
  width: auto;
  background: #ececec;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #003366;
  text-decoration: none;
  font-weight: normal;
  padding: 2%;
  border: none;
}
/***********23/11/2012*************/
.cap {
  /*font-size: 50px;*/
  font-weight: bold;
  padding-top: 14px;
}
.left_row {
  float: left;
  width: 90%;
  background-color: #00B0F1;
  margin-top: 15px;
  margin-right: 10%;
  color: #FFFFFF;
  text-align: center;
}
.left_row:hover,
.left_row.active {
  background: #595959;
  cursor: pointer;
}
/*.leftrows, .left_row  a:hover{ text-decoration:none !important;}*/
.img_area {
  float: left;
  width: 80%;
  margin-right: 10%;
  margin-left: 10%;
  height: auto;
  margin-top: 15px;
  color: #FFFFFF;
}
.img_area img {
  width: 100%;
}
.button {
  float: right;
  padding-top: 10px;
  text-align: right;
}
a.check {
  cursor: pointer;
  padding-top: 20px;
}
.check {
  padding-top: 14px;
}
.gray_back {
  /*background-color: #f2f2f2; */
  /*#666666*/
  float: right;
  /*left*/
  width: 96%;
  /*85*/
  padding: 2% 0%;
  /*overflow:hidden;*/
  color: #000 !important;
}
.gray_black {
  background-color: #fff;
  /*#666666#f2f2f2*/
  float: right;
  /*left*/
  width: 96%;
  /*85*/
  padding-right: 4%;
  padding-left: 4%;
  padding-top: 10px;
  padding-bottom: 10px;
  /*overflow:hidden;*/
  color: #cccccc !important;
}
.white {
  color: #000;
}
.white2 {
  color: #fff;
}
.graylight {
  color: #000;
}
.gray_bg {
  background: #f2f2f2;
  margin-bottom: 4%;
}
.white_bg {
  background: #fff;
  margin-bottom: 4%;
}
.row {
  float: left;
  width: 100%;
  padding-top: 0px;
  /*color:#000000!important;*/
}
.row_left {
  float: left;
  /*	width: 57%;*/
  margin-top: 4%;
  /*	color:#000000 !important;*/
}
.row_left_host {
  float: left;
  width: 57%;
  margin-top: 1%;
}
.row_lefts {
  float: left;
  margin-top: 2%;
  width: 24%;
}
.row_right {
  text-align: left;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  /*	color:#000000;*/
  text-decoration: none;
  font-weight: normal;
  line-height: 9px;
  width: 23%;
  padding: 4% 0 0 0
}
.row_right1 {
  text-align: left;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #FFF !important;
  text-decoration: none;
  font-weight: normal;
  line-height: 9px;
  width: 100%;
  padding: 5% 0 0 0
}
.row_right2 {
  text-align: left;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  line-height: 9px;
  width: 100%;
  padding: 5% 0 0 0
}
.row_right2 img {
  width: 150px !important;
  height: 150px !important;
  /*margin-top:0px;*/
}
.row_right1 img {
  width: 50%;
}
.row_right img {
  width: 150px !important;
  height: 150px !important;
  /*margin-top:0px;*/
}
.row_right_left {
  text-align: left;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #CCCCCC;
  text-decoration: none;
  font-weight: normal;
  line-height: 9px;
  width: 50%;
}
.row_right_left img {
  width: 100%;
  /*height:100%;*/
  margin-top: 0px;
}
.right_down {
  width: 88%;
  padding-top: 30px;
  padding-right: 10%;
  padding-bottom: 10px;
  /*padding-left: 10%;*/
  float: left;
}
.right_down2 {
  width: 100%;
  padding-top: 0;
  padding-right: 10%;
  padding-bottom: 10px;
  /*padding-left: 10%;*/
  float: left;
}
a.topbar {
  color: #97e3ff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a:hover.topbar {
  text-decoration: underline;
}
.work {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #000;
  margin-top: 20px;
  text-decoration: none;
  font-weight: bold;
}
.worksheet_msg {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #000 !important;
  margin-top: 20px;
  text-decoration: none;
  font-weight: normal;
  float: left;
}
.my_file_show {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #000 !important;
  margin-top: 20px;
  text-decoration: none;
  font-weight: normal;
  float: left;
}
.client_file_show {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #000 !important;
  margin-top: 20px;
  margin-left: 42%;
  text-decoration: none;
  font-weight: normal;
}
.row_full {
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 14px;
  text-decoration: none;
  font-weight: normal;
}
.row_full_head {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-top: 20px;
}
row_full_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #CCCCCC;
  line-height: 14px;
  text-decoration: none;
  font-weight: normal;
}
.row_right_head {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-top: 20px;
}
.row_right_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 14px;
  text-decoration: none;
  font-weight: normal;
}
.row_right_head1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  margin-top: 20px;
}
.row_right_text1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFF;
  line-height: 14px;
  text-decoration: none;
  font-weight: normal;
}
.nomsg {
  background: #CCCCCC;
  width: 50%;
  height: 30px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
  line-height: 30px;
  margin-left: 20%;
}
.pub {
  width:100%;
  background: none repeat scroll 0 0 #fff;
  word-wrap: break-word;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #333333;
  text-decoration: none;
  font-weight: normal;
  margin-top: 1%;
  max-width: 620px;
  /*border:#000000 1px solid;*/
}
.pub_head {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #000000;
  padding: 5% 5% 0 5%;
  text-decoration: none;
  font-weight: normal;
}
.pub_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  color: #000000;
  padding: 5%;
  text-decoration: none;
  font-weight: normal;
  word-wrap: break-word;
  line-height: 1.5em;
  background: #B9EDFF;
  border-radius: 25px;
}
.pub_text p {
  margin: 11px 0px;
}
.pub_text a {
  color: #00B0F0;
  font-size: 15px !important;
  text-decoration: none !important;
}
.pub_text a:hover {
  color: #000000;
  text-decoration: underline;
}
.contract {
  width: 99%;
  background: #bfbfbf;
  margin-top: 1%;
  /*border:#000000 1px solid;*/
}
.contract_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  padding: 5%;
  text-decoration: none;
  font-weight: normal;
  word-wrap: break-word;
}
ul.menu li {
  float: left;
}
ul.menu li a {
  float: left;
  padding: 7px 10px;
  text-decoration: none;
  /*1.1.13**/
}
ul.menu li a img {
  /*padding-top:4px;*/
}
.style1 {
  font-weight: bold;
  clear: both;
  display: block;
}
.success {
  position: absolute;
  top: 17%;
  width: 500px;
  background: none repeat scroll 0 0 #EFEFEF;
  border: 1px solid #CCCCCC;
  color: #006666;
  display: block;
  font-size: 18px;
  margin: 10px 0;
  padding: 10px;
}
.success a {
  font-size: 18px;
}
.suces {
  background: #EFEFEF;
  font-size: 12px;
  color: #0C0;
  width: 45%;
  /*border:#7f7f7f 1px solid;*/
  box-shadow: none;
  padding: 4px;
}
/*.error{display: block; background:#EFEFEF; font-size:18px; color:#FF0000; width:50%; */
/*border:#7f7f7f 1px solid;*/
/*box-shadow:none; height:20px; font-size:18px; margin: 10px 0; padding:10px; position:absolute; top:18%; }*/
.input1 {
  background: #FFFFFF;
  font-size: 18px;
  color: #000000;
  width: 98%;
  border: #7f7f7f 1px solid;
  box-shadow: none;
  height: 32px;
  font-size: 18px;
  margin: 0 0 5px 0;
}
.input2 {
  background: #FFFFFF;
  font-size: 18px;
  color: #000000;
  width: 98%;
  border: #7f7f7f 1px solid;
  box-shadow: none;
  height: 32px;
  font-size: 18px;
  margin: 0 0 8px 0;
}
.inpu_div {
  width: 100%;
}
.inpu_div2 {
  margin-left: 5px;
  width: 100%;
  float: left;
  overflow: hidden;
  margin-bottom: 5px;
}
/* --------before width:73% -----*/
.name_div {
  width: 25%;
  float: left;
  text-align: center;
}
.plus_button {
  width: 328px;
}
.comment_button {
  margin-top: 5px;
}
.messsage_margin {
  margin-top: 0;
  width: 100%;
  float: left;
}
.webnameinput {
  background: #FFFFFF !important;
  font-size: 18px !important;
  color: #000000 !important;
  margin-left: 6px !important;
  outline-style: none !important;
  width: 55% !important;
  border: #7f7f7f 1px solid !important;
  box-shadow: none !important;
  height: 30px !important;
  font-size: 18px !important;
  font-weight: normal !important;
}
.webnameselect {
  background: #FFFFFF !important;
  margin: 0 0 0 5px !important;
  width: 22% !important;
  height: 40px !important;
  border: #7f7f7f 1px solid !important;
  box-shadow: none !important;
  outline-style: none !important;
}
.leftrows {
  background: #3295C9;
  display: block;
  border-radius: 10px;
}
.leftrows:hover,
.leftrows.active {
  /*background: #000000;*/
  cursor: pointer;
  text-decoration: none;
}
.subcatdiv {
  display: none;
}
.error {
  background: #E0E0E0;
  font-size: 13px;
  /*font-weight: 800;*/
  color: #000;
  /*#74011E*/
  ;
  width: 44%;
  /*border:#7f7f7f 1px solid;*/
  box-shadow: none;
  padding: 3px 12px;
  margin: 86px 0 5px 0;
}
.error2 {
  background: #E0E0E0;
  font-size: 13px;
  font-weight: 800;
  color: #FF0000
    /*#74011E*/
    ;
  /*border:#7f7f7f 1px solid;*/
  box-shadow: none;
  float: right;
  margin: 0px 17%;
  padding: 0px 4px 0px 4px;
}
.error3 {
  background: #E0E0E0;
  font-size: 13px;
  font-weight: 800;
  color: #FF0000
    /*#74011E*/
    ;
  /*border:#7f7f7f 1px solid;*/
  box-shadow: none;
  float: right;
  margin: 0px 5%;
  padding: 0px 4px 0px 4px;
}
.error_msg1 {
  background: #008000;
  font-size: 13px;
  color: #FFFFFF;
  width: 44%;
  /*border:#7f7f7f 1px solid;*/
  box-shadow: none;
  padding: 6px 12px;
  margin: 86px 0 5px 0;
}
/*prolay modyfication on 25-05-2015*/
.inputclasses {
  background: #FFF;
  font-size: 24px;
  color: #000;
  margin-left: 6px;
  outline-style: none;
  width: 100%;
  //border:none/*#7f7f7f 1px solid*/;
  border: 1px solid #7f7f7f;
  box-shadow: none;
  height: 30px;
  font-weight: normal;
  padding: 2px 0px 2px 5px;
  font-family: Arial, Helvetica, sans-serif;
  /*font-family:'Roboto';*/
}
.pc-site_select h6 {
  font-size: 24px;
}
.form_area_text3 h6 {
  font-size: 24px;
}
.input_cl {
  margin-top: 70px;
  width: 16%;
  float: right;
  font-size: 16px;
  text-align: left;
  background: #FFF;
  color: #000;
  outline-style: none;
  border: 1px solid #DBDBDB;
  box-shadow: none;
  height: 30px;
  padding: 2px 0px 2px 5px;
  font-family: 'Roboto';
}
.textareainputclasses {
  background: #FFF;
  font-size: 20px;
  color: #000;
  margin-left: 0;
  outline-style: none;
  width: 99%;
  /*	border:none#7f7f7f 1px solid;*/
  border: 1px solid #7f7f7f;
  box-shadow: none;
  font-weight: normal;
  font-family: 'Arial';
  margin-bottom: 14px;
  padding: 3px 0;
  resize: none
}
.hed {
  border: 0px solid #000;
  margin: 0 0 0 0px;
}
.hed p {
  font-size: 25px;
}
/*loy_modyfi*/
.select_cl {
  background: #FFFFFF;
  margin: 0 0 0 0px;
  width: 100%;
  border: 1px solid #DBDBDB;
  box-shadow: none;
  outline-style: none;
  padding: 4px;
  color: #646464;
}
.selectclasses {
  background: #FFFFFF;
  margin: 0 0 0 0px;
  width: 100%;
  /*height:32px;*/
  border: none
    /*#7f7f7f 1px solid*/
    ;
  box-shadow: none;
  outline-style: none;
  font-size: 24px;
}
.current-menu-item a {
  background: #000000 !important;
  color: #FFFFFF !important;
}
.iconarea {
  width: 100%;
}
.iconarea_img {
  width: 16%;
  float: left;
  margin: 6px 0 6px 0;
  height: 75px;
  overflow: hidden;
}
.iconarea_img img {
  width: 100%;
  height: 75px;
}
.iconarea_txt {
  font-size: 15px;
  width: 100%;
  margin: 0px 0px 15px 0px;
  text-align: left;
}
.iconarea_txt2 {
  width: 70%;
  float: left;
  padding-left: 2%;
  margin: 1px 0 6px 0;
}
.ultab {
  list-style-type: none;
  text-align: left;
}
.ultab li {
  display: inline;
  margin: 0 5px 0 0;
  padding: 0;
}
.ultab a {
  /****abhirup****/
  color: #97e3ff;
}
/* welcome*/
.welarea {
  width: 100%;
  /*border:#FF0000 1px solid;*/
  margin-top: 8%;
  padding: 2% 0;
}
.welarea_head {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 48px;
  color: #00b0f1;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  float: left;
}
.welarea_text {
  width: 98%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #092C40;
  line-height: 16px;
  text-align: justify;
  text-decoration: none;
  font-weight: normal;
  margin: 30px 0 0 0;
  float: left;
}
.welarea_image {
  float: right;
  width: 20%;
  height: 15%;
}
.welarea_text img {
  height: 20%;
  width: 25%;
  overflow: hidden;
  float: right;
  margin: 0 0 2% 2%;
}
/* welcome@abhirup */
.err {
  background: #EFEFEF;
  font-size: 12px;
  color: #FF0000;
  width: auto;
  border-radius: 4px;
  box-shadow: none;
  padding: 4px 6px;
  display: inline-block;
}
.favimages {
  height: 20px !important;
  width: 22px !important;
}
.star,
.stars2 {
  background: url(images/white_star.png) no-repeat !important;
  border: none !important;
  height: 40px !important;
  width: 40px !important;
  /*cursor:pointer !important;*/
  font-size: 0px !important
}
.star_active,
.star_actives {
  background: url(images/yello_star.png) no-repeat !important;
  border: none !important;
  height: 40px !important;
  width: 40px !important;
  font-size: 0px !important;
  /*cursor:pointer !important;*/
}
.rate_star {
  overflow: hidden;
}
.rate_star input {
  display: block;
  float: left;
}
/* Front page */
.container {
  width: 100%;
  margin: 0 auto;
}
.topbg {
  background: #f2f2f2;
  margin: 0 auto;
}
.topbg_login {
  /* border:#FF0000 1px solid;*/
  padding: 15px 0 10px 0;
  margin: 0 auto !important;
}
input.user {
  border: #afafaf 1px solid;
  background: #FFFFFF;
  height: 25px;
  width: 150px;
  line-height: 20px;
  font-family: tahoma;
  font-size: 12px;
  color: #666666;
  padding: 0 3px 0 3px;
  outline-style: none; 
}
input:hover.user {
  background: #fafafa;
}
.topbg_login_button {
  background: #666666 !important;
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 20px;
  overflow: hidden;
  margin-top: 0;
  padding-left: 20px;
  cursor: pointer;
}
.topbg_login_button:hover {
  background: #999999;
  width: 100px;
}
.signuparea {
  background: #01b0f1 url(images/main-top-bg.jpg) no-repeat 50% 100%;
  padding: 10px 0 80px 0;
}
.signuparea_left {
  width: 30%;
  float: left;
  margin-left: 10%;
}
.signuparea_left img {
  width: 60%;
}
.signuparea_right {
  width: 35%;
  float: left;
  margin: 5% 0 0 10%;
}
.signuparea_right img {
  width: 100%;
}
.whitearea {
  background: #FFFFFF;
  padding: 10px 0 0 0;
  /*border:#FF0000 1px solid;*/
}
.bluearea {
  background: #097fe1;
  padding: 10px 0;
}
.bluearea_left {
  width: 30%;
  float: left;
  margin: 0 0 0 10%;
}
.bluearea_left img {
  width: 50%;
  float: left;
}
.bluearea_right {
  width: 40%;
  float: left;
  margin: 5% 0 0 10%;
}
.bluearea_right img {
  width: 100%;
}
.whitearea_left {
  width: 30%;
  float: left;
  margin-left: 10%;
}
.whitearea_left img {
  width: 80%;
}
.whitearea_right1 {
  width: 40%;
  float: right;
  padding: 10px 0 30px 95px;
}
.whitearea_right2 {
  width: 50%;
  float: left;
  padding: 10px 0 30px 0px;
}
.whitearea_right1 img {
  width: 35%;
  float: left;
}
.footarea {
  background: #627073;
  padding: 10px 0;
}
.footarea_left {
  width: 70%;
  float: left;
  margin-left: 10%;
}
.footarea_right {
  width: 20%;
  padding-top: 10px;
  float: right;
}
.margintop2 {
  margin-top: 2%;
}
.margintop10 {
  margin-top: 10%;
}
.margintop25 {
  margin-top: 25%;
}
.margintop12x {
  margin-top: 12px;
}
.txtunderline {
  text-decoration: underline;
}
.gray1 {
  color: #939fa1
}
.lineht {
  line-height: 30px;
}
/* Front page */
/* 07.01.2013 */
.greybutton {
  display: block !important;
  background: #CCCCCC !important;
  color: #FFFFFF !important;
  padding: 8px !important;
  border: none;
}
.form-table selection {
  width: 100%;
}
.form-table {
  width: 100%;
  background-color: #666666;
  margin-top: -3%;
  margin-bottom: 5%;
}
.form-table th {
  background-color: #666666;
}
.form-table td {
  padding: 5px;
  background-color: #fff !important;
  color: #595959
}
.form-table h3 {
  color: #fff !important;
  font-size: 13px !important;
  padding: 3px;
}
.dotted {
  background: url(images/dotted.jpg) repeat-x center center;
  width: 100%;
}
.aligncenter {
  margin: 0 auto;
  background: #FFFFFF;
  width: 10%;
  text-align: center;
}
#temp_message {
  margin-bottom: 15px;
  text-align: center;
  box-sizing: border-box;
}
/*--------------------------------------------*/
/* iframe.css */
iframe {
  border-width: 0px;
  /*height: auto;
width: auto;*/
}
iframe.hidden {
  visibility: hidden;
  width: 0px;
  height: 0px;
}
#file {
  width: 350px;
}
#error {
  padding: 5px 0 10px 0;
  color: #FF0000;
}
#f1_upload_form {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
}
.choose {
  width: 214px;
}
#show_prfl_pic img {
  width: 100px;
  height: 100px;
}
#f1_upload_process {
  z-index: 100;
  visibility: hidden;
  position: absolute;
  text-align: center;
  /*width:400px;*/
}
/*----------------Tooltip----------------------*/
.classic {
  background: #00B0F0;
  padding: 0.8em 1em;
  margin-top: 1em;
}
.classic_cd {
  background: #00B0F0;
  padding: 0.8em 1em;
  margin-top: 1em;
}
.classic2 {
  background: #00B0F0;
  padding: 0.8em 1em;
}
.classics {
  background: #00B0F0;
  padding: 0.8em 1em;
}
.tooltipss {
  font-size: 12px;
  color: #97E3FF;
  outline: none;
  cursor: pointer;
  text-decoration: none !important;
  position: relative;
  font-size: 12px;
}
.tooltipss span {
  color: #FFF;
  margin-left: -999em;
  position: absolute;
  font-size: 12px;
}
.tooltipss:hover span {
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);*/
  font-family: Arial, Helvetica, sans-serif;
  position: absolute;
  left: 1em;
  top: 1.5em;
  z-index: 99;
  margin-left: -63px;
  width: 97px;
  text-align: left !important;
  font-size: 12px;
  text-decoration: none !important;
}
.classicss {
  background: #00B0F0;
  padding: 0.8em 1em;
}
.toltips {
  font-size: 12px;
  color: #97E3FF;
  outline: none;
  cursor: pointer;
  text-decoration: none !important;
  position: relative;
  font-size: 12px;
}
.toltips span {
  color: #FFF;
  margin-left: -999em;
  position: absolute;
  font-size: 12px;
}
.toltips:hover span {
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 1.5em;
  z-index: 99;
  margin-left: -140px;
  width: 133px;
  text-align: left !important;
  font-size: 12px;
  text-decoration: none !important;
}
.clasics {
  background: #00B0F0;
  padding: 0.8em 1em;
}
/* 8th January, 2013 */
/********************************************************************/
.toltipscon {
  font-size: 12px;
  color: #97E3FF;
  outline: none;
  cursor: pointer;
  text-decoration: none !important;
  position: relative;
  font-size: 12px;
}
.toltipscon span {
  color: #FFF;
  margin-left: -999em;
  position: absolute;
  font-size: 12px;
}
.toltipscon:hover span {
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 1.5em;
  z-index: 99999;
  margin-left: -90px;
  width: 133px;
  text-align: center !important;
  font-size: 12px;
  text-decoration: none !important;
}
.clasicscon {
  background: #00B0F0;
  padding: 0.8em 1em;
}
/**----------------new tool tip----------------*/
.toltipscon2 {
  font-size: 12px;
  color: #97E3FF;
  outline: none;
  cursor: pointer;
  text-decoration: none !important;
  position: relative;
  font-size: 12px;
}
.toltipscon2 span {
  color: #FFF;
  margin-left: -999em;
  position: absolute;
  font-size: 12px;
}
.toltipscon2:hover span {
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 1.8em;
  z-index: 99999;
  margin-left: -90px;
  width: 170px;
  text-align: center !important;
  font-size: 12px;
  text-decoration: none !important;
}
.clasicscon2 {
  background: #00B0F0;
  padding: 0.8em 1em;
}
/********************************************************************/
.form_area {
  width: 100%;
  margin: 0 auto;
  padding: 15px 0 0 0;
  height: auto;
  /*border:#FF0000 1px solid;*/
}
/*.form_area_text {width:35%;}*/
.form_area_text {
  width: 60%;
  overflow: hidden;
}
.form_area_slide {
  float: left;
  width: 49%;
  overflow: hidden;
  height: 300px;
}
/*.form_area_text_confirm {
    width: 75%;
}*/
.form_area_text span {
  padding-left: 1%;
}
.form_area_radio {
  width: 35%;
  padding-right: 2%;
  float: left;
}
.form_area_radio span {
  padding-left: 1%;
  vertical-align: middle;
}
.floatleft {
  float: left;
}
.lineheight24 {
  line-height: 24px;
}
/* 15th January, 2013 */
.font14 {
  font-size: 14px;
  line-height: normal;
  color: #595959 !important
}
.grey {
  color: #999999;
}
.prof_des {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #FFFFFF repeat scroll 0 0 rgba(0, 0, 0, 0.047);
  border-color: rgba(0, 0, 0, 0.098) #3e3e3e #3e3e3e;
  border-image: none;
  border: 1px solid #3e3e3e;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.745);
  color: #666666
    /*#3e3e3e*/
    ;
  /*width:auto;*/
  padding: 2px;
  width: 80%;
}
.box_content_list li a {
  color: #CCC;
}
.subcatactive {
  text-decoration: underline;
  color: #97E3FF;
}
.catactive {
  text-decoration: underline;
}
/*===============31.1.2013============*/
.scrollcontent {
  margin: 0 0 0 0;
  width: 100%;
  height: 500px;
  padding: 0 0 0 0;
  overflow: auto;
}
.content p:nth-child(even) {
  color: #999;
  font-family: Georgia, serif;
  font-size: 17px;
  font-style: italic;
}
.content p:nth-child(3n+0) {
  color: #c96;
}
/****************contractor part***********************/
.cgrey_button {
  float: left !important;
  background: #B4B4B4 !important;
}
.cgrey_button:hover {
  float: left;
  background: #8D8D8D !important;
}
/**********************   **************************/
.black {
  color: #000000;
}
.blue {
  color: #23abec;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.cprofile_body {
  width: 100%;
  height: 200px;
  padding: 2%;
  /*background:#FFFFFF;*/
}
.cprofile_head {
  font-size: 20px;
  margin-bottom: 2%;
}
.cprofile_body_left {
  width: 30%;
  /*border:#993300 1px solid;*/
  height: 68%;
}
.cprofile_body_left ul {
  padding: 0;
  margin: 2%;
}
.cprofile_body_left ul li {
  font-size: 12px;
  font-weight: bold;
  list-style-type: none;
  line-height: 20px;
}
.cprofile_body_right {
  width: 69%;
  /*border:#006699 1px solid;*/
}
.cprofile_body_right ul {
  padding: 0;
  margin: 2%;
  font-size: 18px;
}
.cprofile_body_right ul li {
  list-style-type: none;
  font-size: 24px;
  line-height: 36px;
}
.cprofile_footer {
  background: #373737;
  width: 100%;
  padding: 0%;
  height: 21%;
  margin-top: 11%;
}
.cprofile_footer_txt {
  width: 60%;
  font-size: 14px;
  padding: 26px 0;
  color: #FFF;
  font: Verdana, Geneva, sans-serif;
}
.cprofile_footer_rating {
  width: 30%;
  height: 100%;
  padding: 18px 0;
}
/*******************Settings part***********************/
.set_head {
  font-size: 3.4em;
  margin-top: 6%;
  padding-bottom: 2%;
}
.set_head2 {
  font-size: 3.4em;
  padding-bottom: 20px;
  font-size: 30px;
}
.welarea2 {
  width: 100%;
  /*border:#FF0000 1px solid;*/
  margin-top: 0%;
  padding: 15px 0;
}
.welarea2 a {
  text-decoration: none;
}
.welarea2 a:hover {
  text-decoration: underline;
}
.welarea2 h1 {
  margin-top: 0%;
  color: #000000;
  font-size: 36px;
  line-height: normal;
  margin-bottom: 2%;
}
.form_ectivo {
  /*border:1px solid #2D2D2D;*/
  width: 100%;
}
.ectivo_form {
  color: #000;
  /*font-size:20px; */
  width: 100%;
  padding: 0 0;
  height: 50px;
}
.ectivo_form_maindiv {
  padding-top: 20px;
  margin-bottom: 20px;
}
.form_name {
  float: left;
  width: 25%;
  font-size: 20px;
  text-align: left;
  margin-right: 2%;
  padding-top: 5px;
  font-weight: bold;
}
.form_inpt {
  float: left;
  width: 58%;
}
.form_inpt input {
  width: 56%;
  border: 1px solid #000;
  outline-style: none;
  font-size: 16px;
  padding: 3px 0 3px 5px;
}
.form_btn {
  float: left;
  margin-left: 0%;
  border: 1px #C0C0C0 solid;
  width: 31%;
  padding-right: 10px;
  background: #E9E9E9;
  padding: 0.7em;
  font-size: 13px;
  text-align: center;
  color: #6C6C6C;
}
.form_btn a {
  color: #6C6C6C;
  text-decoration: none;
}
.pw_hint {
  width: 95%;
  margin: 2% 0 2% 0;
  color: #000000;
  float: left;
  text-align: left;
  font-size: 14px;
  /*	font-weight:bold;
  font-style:italic;*/
}
.pw_hint2 {
  color: #6C6C6C;
  font-size: 13px;
}
.update {
  width: 6%;
  margin: 2% 0 0 0;
  /*	padding:0.6em; */
  color: #D5D5D5;
  /*font-size:1.6em;*/
  /*text-align:center;*/
}
/*.update input[type="submit"] { background: none repeat scroll 0 0 #009900; border: medium none; color: #FFFFFF; cursor: pointer; font-size: 1em; font-weight: bold;  margin: 0; padding: 10px 34px;}*/
/*.update a { text-decoration:none; color:#D5D5D5;}
.update a:hover {color:#F6F6F6;}*/
.err2 {
  background: #EFEFEF;
  font-size: 12px;
  color: #FF0000;
  width: 32.4%;
  /*border:#7f7f7f 1px solid;*/
  box-shadow: none;
  padding: 4px;
  margin-left: 24.6%;
}
#page {
  font-weight: bold;
  color: #963;
  margin: 0 0 0 41%;
}
.settings_title {
  font-size: 20px;
  overflow: hidden;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 30px;
}
.settings_title a:hover {
  text-decoration: underline !important;
}
.settings_title h1 {
  font-size: 20px;
  font-weight: bold;
  margin: 0px !important;
}
.settings_title p {
  color: #000000;
  font-size: 14px;
  padding-bottom: 10px;
}
/********* delete account***************/
.dp {
  padding: 0 0 0 0;
  font-size: 12px;
  color: #969696;
  width: 97%;
  text-align: right;
}
.dp a {
  text-decoration: none;
  color: #969696;
}
.dp a:hover {
  color: #C0C0C0;
}
.deleteA {
  width: 94%;
  margin: 0 auto;
  height: 246px;
  padding-top: 0 0 2%;
}
.delet_left {
  width: 20%;
  float: left;
}
.delet_right {
  width: 66%;
  float: right;
  padding-top: 3%;
}
.dr_heading {
  font-size: 2.1em;
  color: #C00000;
  font-weight: bold;
}
.delet_right p {
  font-size: 1.45em;
  color: #2D2D2D;
  margin: 10% 0 0 .9%;
}
.d_form {
  width: 60%;
  margin-top: 6%;
}
.d_form input {
  background: #900;
  width: 100%;
  padding: 0.6em;
  color: #fff;
  cursor: pointer;
}
.d_form input:hover {
  background: #500;
  color: #fff;
}
/****** NEW CSS *******/
.sendbtn input {
  border: none;
  background: #009900;
  border-image: none;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-weight: bold;
  line-height: 21px;
  padding: 10px 30px;
  margin: 2% 0 0 0;
  text-decoration: none;
}
a.topbar1 {
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
a:hover.topbar1 {
  text-decoration: underline;
}
.whitearea {
  background: #FFFFFF;
  padding: 1% 2% 0%;
  margin-top: 0%;
  word-wrap: break-word;
}
.bluearea {
  background: #93cddd;
  padding: 2% 2% 8%;
  margin-top: 3%;
  word-wrap: break-word;
}
.bluearea2 {
  background: #097fe1;
  padding: 2% 2% 2%;
  word-wrap: break-word;
}
.greyarea {
  /*background: rgba(240, 240, 230, 0.6);*/
  background: #E1F7FF;
  padding: 5%;
  margin-top: 1%;
  word-wrap: break-word;
  color: #000;
  /*width:77%; before width:68%;*/
  border-radius: 25px;
  font-size: 20px;
  word-wrap: break-word;
  line-height: 1.5em;
}
.greyarea font {
  color: #676767;
  float: right;
  font-size: 12px;
}
.greyarea a {
  font-size: 15px;
}
.con_msg {
  background: #E1F7FF;
  padding: 5%;
  margin: 1% 0;
  word-wrap: break-word;
  color: #000;
  /*width:77%; before width:68%;*/
  font-size: 20px !important;
  word-wrap: break-word;
  line-height: 1.5em;
}
.con_user-msg {
  /*width:99%;*/
  /*background: none repeat scroll 0 0 #fff;*/
  background: #B9EDFF;
  word-wrap: break-word;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px !important;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  margin: 1% 0;
  padding: 5%;
  line-height: 1.5em;
  /*border:#000000 1px solid;*/
}
.con_user-msg p {
  margin: 11px 11px 10px 0;
  line-height: normal;
}
.con_msg a {
  color: #00B0F0;
  font-size: 15px !important;
  text-decoration: none !important;
}
.con_msg a:hover {
  color: #000000;
  text-decoration: underline;
}
.con_user-msg a {
  color: #00B0F0;
  font-size: 15px !important;
  text-decoration: none !important;
}
.con_user-msg a:hover {
  color: #000000;
  text-decoration: underline;
}
.auto_msg {
  background: none repeat scroll 0 0 #00B0F1;
  word-wrap: break-word;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px !important;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  margin-top: 1%;
  padding: 5% !important;
  /*border:#000000 1px solid;*/
}
/******************CP************************/
.cp {
  width: 100%;
}
.cp_name {
  width: 70%;
  background: #bfbfbf;
  padding: 0.4em;
  font-size: 1.6em;
  float: left;
  color: #390;
}
.cp_doller {
  width: 18%;
  background: #bfbfbf;
  color: #424242;
  float: right;
  padding: 0.4em;
  font-size: 1.6em;
}
.cp_name2 {
  width: 62%;
  padding: 0.4em;
  font-size: 2em;
  float: left;
  color: #FFF;
  /*border:1px solid #C00;*/
  text-align: right;
  /*margin-top:4%;*/
}
.cp_total {
  width: 20%;
  color: #6C6C6C;
  padding: 0.4em;
  font-size: 2em;
  float: right;
  background: #bfbfbf;
  /*margin-top:4%;*/
}
.cp_buy {
  width: 16%;
  padding: 0em;
  float: right;
  text-align: center;
  background: #093;
  /*margin-top:4%;*/
}
.cp_buy input[type="button"] {
  background: #093;
  color: #000;
}
.dcp {
  font-size: 12px;
  letter-spacing: 0;
  padding: 4px 0 0 0px;
  color: #79bec6;
}
.dcp a {
  text-decoration: none;
  color: #79bec6;
  margin-top: 4px;
}
/*************************1.3.2013******************************************/
/**************** HOW IT WORKS ****************/
.hiw_left {
  float: left;
  width: 42%;
  padding-left: 2%;
  margin-top: 2%;
}
.hiw_right {
  float: right;
  width: 51%;
  /*border:#FF0000 1px solid;*/
  margin: 2% 2% 0 3%;
}
.hiw_right img {
  width: 100%;
  margin: 0;
}
/**************** HOW IT WORKS ****************/
/**************** BUILD TOGETHER ****************/
.bt_left {
  float: left;
  width: 80%;
  /*border:#0099FF 1px solid;*/
  /*padding-left: 2%;*/
}
.bt_left_inputarea {
  width: 80%;
  /*border:#0099FF 1px solid;*/
}
.bt_left_inputarea textarea {
  width: 100%;
  margin-bottom: 12px;
}
textarea.msg {
  -moz-box-sizing: border-box;
  border-radius: 4px 4px 4px 4px;
  display: block;
  border: #cacaca 2px solid;
  font: 12px "EnriquetaRegular", Georgia, serif;
  margin: 0 0 20px;
  width: 100%;
  max-width: 100%;
  outline: medium none;
  height: 20%;
  padding: 5px;
}
input.greysub {
  border: none;
  background: #d9d9d9;
  border-image: none;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  display: inline-block;
  float: right;
  font-weight: bold;
  line-height: 21px;
  padding: 4px 14px;
  margin: 0 0 10px 0;
  text-decoration: none;
}
.bt_right {
  float: right;
  width: 34%;
  /*border:#FF0000 1px solid;*/
  margin-right: 2%;
  margin-left: 3%;
}
.bt_right img {
  width: 100%;
  margin: 0;
}
.bt_right2 {
  float: right;
}
.bt_right2 img {
  width: 300px;
  height: 442px;
  margin: 0;
}
/**************** BUILD TOGETHER ****************/
/**********************18 ectivo text area************************/
.whitearea2 {
  background: #FFFFFF;
  padding: 0 0 0 0%;
  margin-top: 6%;
}
.whitearea2 textarea {
  width: 100%;
  border: 1px solid #DBDBDB !important;
  height: 80px;
  border: none;
  margin-top: 4%;
  //color: #000 !important;
  font-size: 20px;
  font-family: Arial;
}
.dotedline {
  float: left;
  margin-left: 74%;
}
.button_store {
  float: left;
  margin-left: 57%;
  padding-left: 2%;
  padding-bottom: 8%;
}
/*************************************Messages***********************************************************/
.succes {
  background: url(images/success.gif) no-repeat left center #DAFCCC;
  text-align: center;
  border: 1px solid #9DFC74;
  color: #090;
  display: block;
  margin: 15px 0;
  padding: 8px 10px;
  width: 400px;
}
.succes2 {
  background: url(images/success.gif) no-repeat center 54px #DAFCCC;
  text-align: center;
  border: none;
  color: #090;
  display: block;
  margin: 15px 0;
  padding: 10px;
  width: 12px;
  height: 63px;
}
.succes3 {
  background: url(images/success.gif) no-repeat center 22px #DAFCCC;
  text-align: center;
  border: none;
  color: #090;
  display: block;
  margin: 15px 0;
  padding: 10px;
  width: 12px;
  height: 31px;
}
.notification {
  background: url(images/notification.png) no-repeat left center #FEFBC5;
  text-align: center;
  border: 1px solid #FBEF0D;
  color: #888202;
  display: block;
  margin: 15px 0;
  padding: 8px 10px;
  width: 400px;
}
.errors {
  background: url(images/error.png) no-repeat left center #FFA291;
  text-align: center;
  border: 1px solid #E12200;
  color: #E12200;
  display: block;
  margin: 15px 0;
  padding: 8px 10px;
  width: 400px;
}
.general_msg {
  background: #efefef;
  border: 1px solid #DDD;
  display: none;
  margin: 15px 0;
  padding: 8px 10px;
  /*width: 400px;*/
}
/********CSS TDIV************/
/********CSS TDIV************/
/*.tdiv {
    width: 100%;
    font-size: 14px;
    margin-bottom: 3%;
    float: left;
}
.tdiv a {
    color: #23ABEC;
    cursor: pointer;
}
.tdiv a:hover {
    color: #23ABEC;
    text-decoration: underline;
}
.tdiv_number {
    float: left;
    width: 4%;
}
.tdiv_bname {
    width: 55%;
    float: left;
    text-align: left;
}
.tdiv_worksheet {
    width: 25%;
    float: left;
    text-align: left;
}
.tdiv_complet {
    float: left;
    width: 12%;
    margin-bottom: 2%;
    text-align: right;
    border-left: 1px solid #333;
}*/
.v_archive {
  font-size: 16px;
  padding-top: 5%;
  color: #21759b;
}
.v_archive a {
  text-decoration: none;
  color: #23ABEC;
  cursor: pointer;
}
.v_archive a:hover {
  color: #23ABEC;
  text-decoration: underline;
}
/*********   11.3.2013   *****************/
.non_blue_details {
  width: 90%;
}
.non_blue_left {
  float: left;
  text-align: left;
  width: 100%;
  margin-bottom: 2%;
  color: #000;
}
.non_blue_right {
  float: right;
  width: 0%;
  text-align: right;
  color: #000;
}
/*****             My Worklist                  ****/
.c_msg {
  width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  border: 1px solid #fff;
  margin-bottom: 3%;
}
.c_msg:hover {
  border: 1px solid #D5D3D3;
  cursor: move;
  background: url(images/see_msg2.png) right center no-repeat;
}
.c_msg_ibox {
  width: 20%;
  float: left;
  padding: 4px;
  position: relative;
}
.c_msg_ibox img {
  width: 75%;
  border: 6px solid #E5E5E5;
  height: 75px;
}
.c_msg_content {
  width: 70%;
  float: left;
}
.c_msg_details {
  width: 100%;
  font-size: 24px;
  color: #173C73;
  padding: 4% 0 2% 0%;
  font-weight: normal;
}
.c_msg_details a {
  text-decoration: none;
  color: #173C73;
}
.c_msg_details a:hover {
  text-decoration: underline;
  color: #36F;
}
.c_msg_info {
  width: 100%;
}
.c_msg_kham {
  width: 10%;
  float: left;
  background: url(images/kham_right_border.png) right center no-repeat;
}
.c_msg_kham img {
  width: 60%;
  padding: 16% 0 0 0%;
}
.c_msg_time {
  width: 48%;
  font-size: 12px;
  color: #424242;
  padding: 2% 0 0 3%;
  float: left;
  background: url(images/kham_right_border.png) right center no-repeat;
}
.c_msg_time .c_date {
  color: #ABABAB;
}
.c_msg_author {
  float: left;
  width: 33%;
  font-size: 14px;
  color: #6C6C6C;
  padding: 2% 3%;
}
.c_msg_author a {
  text-decoration: none;
  color: #6C6C6C;
}
.c_msg_author a:hover {
  color: #06C;
}
.actives {
  background-color: #E1FDFD;
  border: 1px solid #D5D3D3;
  cursor: move;
  background: url(images/see_msg2_back.png) right center no-repeat;
}
.sid_mainbox {
  background: #FFFFFF;
  overflow: hidden;
  float: left;
}
.sid_imgbox {
  width: 35%;
  float: left;
  margin: 15px 15px;
  height: 160px;
}
.sid_imgbox img {
  width: 100%;
  height: 160px;
}
.sid_imgboxlink {
  width: 100%;
  float: left;
  display: block;
}
.sid_imgboxleft {
  width: 35%;
  float: left;
  margin: 15px 6%;
  height: 160px;
}
.sid_imgboxleft img {
  width: 100%;
  height: 160px;
}
.button_bg {
  background: #009900 !important;
  border: none;
  color: #FFFFFF !important;
  font-weight: bold;
  padding: 4px 0;
  cursor: pointer !important;
}
.button_bg2 {
  background: #666666 !important;
  border: none;
  color: #FFFFFF !important;
  font-weight: bold;
  padding: 4px 0 !important;
  cursor: pointer !important;
}
.pagination a.prevnext {
  background: #01b0f1 !important;
  padding: 2px 5px !important;
  border: none !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  margin: 0 2px !important;
}
.pagination a,
.pagination a:visited {
  background: #01b0f1 !important;
  padding: 2px 5px !important;
  border: none !important;
  color: #FFFFFF !important;
  font-size: 13px !important;
  margin: 0 2px !important;
}
/****************************  25.03.2013   **************************/
.pc-site {
  width: 100%;
  margin-top: 10px;
  /*border:1px solid #000;*/
}
.pc-site p {
  font-size: 20px;
  color: #000;
  /*font-weight: bold;*/
}
.pc-site h1 {
  font-size: 30px;
  color: #010c05;
  font-weight: normal;
}
.pc-site h2 {
  font-size: 30px;
  color: #363636;
  font-weight: bold;
  padding-bottom: 1%;
}
.pc-site h3 {
  font-size: 30px;
  color: #363636;
  font-weight: normal;
  padding-bottom: 1%;
}
.pc-site h1 font {
  color: #818181;
  font-size: 30px;
}
.pc-site h2 font {
  color: #818181;
  font-size: 30px;
}
.pc-site_select {
  width: 100%;
  padding-left: 0%;
}
.w_title {
  font-size: 24px !important;
  line-height: normal;
  margin-bottom: 8px;
  font-family: Arial, Helvetica, sans-serif;
}
.pc-site_select select {
  width: 30%;
  float: left;
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
}
.pc-site_select_text {
  padding-left: 2%;
  color: #000000;
  /*width:70%; 
  font-size:12px;*/
  float: left;
}
.pc_my_fav {
  width: 100%;
  /*border:1px solid #00F;*/
}
.pc_my_fav h3 {
  font-size: 14px;
  color: #6C6C6C;
  padding: 6% 0 2% 0%;
}
.pc_my_fav_left {
  width: 430px;
  /*border:0.364em solid #D5D5D5;*/
  margin-right: 1%;
  float: left;
  margin-bottom: 2%;
}
.pc_my_fav_left img {
  width: 100%;
  height: 500px;
}
.pc_my_fav_footer {
  position: relative;
  bottom: 0;
  background: #2D2D2D;
  padding: 2% 0;
  color: #C0C0C0;
  float: left;
  width: 100%;
}
.heart_img {
  text-align: left;
  float: left;
  padding-left: 12px !important;
  width: 20px;
  height: 20px;
  float: left;
}
.heart_img img {
  width: 20px;
  height: 20px;
}
.heart_text {
  text-align: right;
  float: right;
  width: 70%;
}
.heart_text ul {
  list-style: none;
}
.heart_text ul li {
  display: inline;
  padding-right: 0%;
}
.heart_text ul li a {
  text-decoration: underline;
  color: #C0C0C0;
  font-size: 11px;
  padding-right: 2%;
}
.heart_text ul li a:hover {
  text-decoration: none;
}
.price_type {
  width: 100%;
  padding-top: 0%;
}
.price_type_box {
  float: left;
  /*width:50%;*/
}
.price_type_back img {
  width: 60%;
}
.price_type_box ul {
  text-align: right;
}
.price_type_box ul li {
  padding-bottom: 2%;
}
.price_type_box ul select {
  width: 50%;
}
.price_type_details {
  width: 100%;
  /*border:1px solid #F00;*/
}
.content {
  width: 85%;
  /* margin:0 auto;*/
  height: 100%;
  min-height: 100vh;
}
.price_type_details ul {
  padding: 2%;
}
.price_type_details_heading {
  width: 100%;
  /*border:1px solid #000000;*/
  padding-top: 6%;
}
.price_type_details_heading img {
  width: 20%;
}
.price_type_details_name {
  width: 70%;
  /*border:1px solid #000;*/
  float: left;
  /*background:#dfdfdf;*/
  color: #333333;
  padding: 0;
  margin-right: 10px;
}
.price_type_details_price {
  width: 20%;
  /*border:1px solid #00F;*/
  float: left;
  /*background:#dfdfdf;*/
  color: #333333;
  text-align: center;
}
.pc_confirm {
  width: 100%;
}
.pc_confirm h3 {
  font-size: 12px;
  padding-top: 6%;
  padding-bottom: 2%;
}
.back_back {
  float: left;
  text-align: right;
  /*margin-right: 6px;*/
}
.back_back a {
  background: url(images/price_type_back.png) top left no-repeat !important;
  color: #FFFFFF;
  font-size: 18px;
  text-align: center;
  width: 142px;
  height: 2.3em;
  border: none;
  line-height: 37px;
  display: block;
  text-transform: capitalize;
}
.back_back a:hover {
  background: url(images/price_type_back_hover.png) top left no-repeat !important;
  width: 142px;
  height: 2.3em;
  border: none;
}
.submit_submit {
  background: url(images/sub_back_sub_normal.png) top left no-repeat !important;
  width: 130px;
  height: 4em;
  border: none;
}
.submit_submit:hover {
  background: url(images/sub_back_sub_normal_hover.png) top left no-repeat !important;
  width: 130px;
  height: 4em;
  border: none;
}
/*.back_back input {background:url(images/sub_back_sub_normal.png) top left no-repeat !important; text-align:center; width:130px; height:4em; border:none; line-height:30px; display:block;}
.back_back input:hover {background:url(images/sub_back_sub_normal_hover.png) top left no-repeat !important; width:130px; height:4em; border:none;}*/
.sub_back {
  /*width:100%; text-align:right; padding-left:41%;*/
  float: right;
}
.sub_back_back {
  float: left;
  text-align: right;
  margin-right: 6px;
}
/*.sub_back_back input[type="button"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:url(images/sub_back_sub_normal.png) top left no-repeat !important;
    border: none;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    text-transform:capitalize;
    font-weight: normal;
    line-height: 21px;
    padding: 8px 34px;
    text-decoration: none;}
.sub_back_back input[type="button"]:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background:url(images/sub_back_sub_normal_hover.png) top left no-repeat !important;
    border: none;
    color: #222222;}*/
/*.sub_back_back a.button, .sub_back_back button, .sub_back_back input[type="submit"], .sub_back_back input[type="reset"], 
.sub_back_back input[type="button"], .sub_back_back input[value="submit"]{border:none; background:url(images/sub_back_sub_normal.png) top left no-repeat !important; color: #fff; font-size:18px;cursor: pointer; display:block; line-height:30px;padding: 8px 0;margin:0 0 0px 0; text-decoration: none; width:130px!important; font-weight:normal;}
.sub_back_back a.button:hover, .sub_back_back button:hover, .sub_back_back input[type="submit"]:hover, .sub_back_back input[type="reset"]:hover, .sub_back_back input[type="button"]:hover, .sub_back_back input[value="submit"] { background:url(images/sub_back_sub_normal_hover.png) top left no-repeat !important; display:block;}*/
.sub_back_back img {
  /*width:70%; height:auto;*/
}
/*.sub_back_sub a{ background:url(images/sub_back_sub_normal.png) top left no-repeat !important; width:130px; height:4em; border:none; cursor:pointer;}
.sub_back_sub a:hover {background:url(images/sub_back_sub_normal_hover.png) top left no-repeat !important; width:130px; height:4em; border:none;}*/
.design {
  width: 90%;
  padding: 6% 0.5% 0 !important;
}
.design h3 {
  font-size: 24px;
  color: #fff;
  padding: 2% 2%;
  background: #093;
  border-radius: 10px
}
.design_photo {
  /*border:5px solid #C0C0C0;*/
  height: auto;
}
.select-design-image {
  position: relative;
}
.design_photo img {
  height: 500px;
  width: 100%;
}
.signupfree {
  float: left;
  width: 100%;
  margin-top: 12px;
}
.signupfree a {
  color: #fff;
  background: #009900;
  padding: 5px 14px;
  font-weight: bold;
  font-size: 13px;
  line-height: 26px;
  text-transform: uppercase;
}
.signupfree a:hover {
  background: #008000;
}
.main_leftbox {
  float: left;
  width: 90%;
}
.main_leftbox li {
  margin-top: 8px;
  padding: 0 !important;
  border-radius: 10px;
}
.main_leftbox li a {
  color: #FFFFFF;
  text-align: center;
  padding: 90px 0 8px 0;
  display: block;
  height: 29px;
}
.main_leftbox li a:hover {
  border-radius: 10px;
}
/*.left_menubox1{ color: #FFFFFF; float: left; margin-right: 10%; margin-top: 15px; text-align: center; width: 90%;}*/
/*.left_menubox1 {background:#00b0f1 url(images/1pc_site_assign_dot_com.png) top center no-repeat;}
.left_menubox1 a:hover, .active1 {background:#000000 url(images/1pc_site_assign_dot_com.png) top center no-repeat;}
.left_menubox2 {background:#00b0f1 url(images/2pc_site_select_design.png) top center no-repeat;}
.left_menubox2 a:hover, .active2 {background:#000000 url(images/2pc_site_select_design.png) top center no-repeat;}
.left_menubox3 {background:#00b0f1 url(images/3pc_site_build_together.png) top center no-repeat;}
.left_menubox3 a:hover, .active3 {background:#000000 url(images/3pc_site_build_together.png) top center no-repeat;}
.left_menubox4 {background:#00b0f1 url(images/icon-04.png) top center no-repeat;}
.left_menubox4 a:hover, .active4 {background:#000000 url(images/icon-04.png) top center no-repeat;}*/
/******************Prolay free site pages css***********************/
/*.left_menubox1{ color: #FFFFFF; float: left; margin-right: 10%; margin-top: 15px; text-align: center; width: 90%;}*/
.left_menubox1 {
  background: #3295C9 url(images/icon-01.png) center no-repeat;
  /*background-size: 105px;*/
  background-size: 100%;
  background-position: center;
}
.left_menubox1 a:hover,
.active1 {
  background: #000000 url(images/icon-01.png) center no-repeat;
  background-size: 105px;
  background-position: center;
}
.left_menubox2 {
  background: #3295C9 url(images/icon-02.png) center no-repeat;
  background-size: 105px;
  background-position: center;
}
.left_menubox2 a:hover,
.active2 {
  background: #000000 url(images/icon-02.png) center no-repeat;
  background-size: 105px;
  background-position: center;
}
.left_menubox3 {
  background: #3295C9 url(images/icon-03.png) center no-repeat;
  background-size: 105px;
  background-position: center;
}
.left_menubox3 a:hover,
.active3 {
  background: #000000 url(images/icon-03.png) center no-repeat;
  background-size: 105px;
  background-position: center;
}
.left_menubox4 {
  background: #3295C9 url(images/icon-04.png) center no-repeat;
  background-size: 105px;
  background-position: center;
}
.left_menubox4 a:hover,
.active4 {
  background: #000000 url(images/icon-04.png) center no-repeat;
  background-size: 105px;
  background-position: center;
}
/******************free site pages css***********************/
.left_menuboxfs1 {
  background: #3295C9 url(images/microphone_record_ball.png) top center no-repeat;
}
.left_menuboxfs1 a:hover,
.my_info {
  background: #000000 url(images/microphone_record_ball.png) top center no-repeat;
}
.left_menuboxfs2 {
  background: #3295C9 url(images/pictures_ball.png) top center no-repeat;
}
.left_menuboxfs2 a:hover,
.my_photos {
  background: #000000 url(images/pictures_ball.png) top center no-repeat;
}
.preview_image {
  /*border:#FF0000 1px solid; top:15%;*/
  position: absolute;
  width: 34%;
  float: right;
  right: 0;
}
.preview_image img {
  width: 300px;
  margin: 0;
}
input.linebutton {
  margin: 0 0;
  background-color: #009900;
  text-align: center;
  border: none;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  padding: 1px 14px 1px 14px !important;
  width: 0;
  /* for IE only */
  overflow: visible;
  cursor: pointer;
  color: #FFFFFF;
  height: 27px;
  font-weight: normal;
}
input.linebutton:hover {
  background-color: #008000 !important;
  border: none;
  outline: none;
}
input.linebutton:active,
.linebutton:focus {
  background-color: #008000 !important;
  border: none;
  outline: none;
}
.linebutton[class] {
  /* IE ignores [class] */
  width: auto;
}
/*-------------------*/
input.linebutton2 {
  margin: 0 0;
  background-color: #cbcbcb;
  text-align: center;
  border: none;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  padding: 1px 14px 1px 14px !important;
  width: 0;
  /* for IE only */
  overflow: visible;
  cursor: pointer;
  color: #FFFFFF;
  height: 27px;
  font-weight: normal;
}
/*input.linebutton2:hover {  background-color: #008000!important; border:none; outline: none;}*/
input.linebutton2:active,
.linebutton2:focus {
  background-color: #008000 !important;
  border: none;
  outline: none;
}
.linebutton2[class] {
  /* IE ignores [class] */
  width: auto;
}
/*-------------------*/
.pemail_clas {
  width: 100%;
  float: left;
}
.premail1_clas {
  float: left;
  width: 28%;
  padding-right: 10px;
}
.premail1_clas input {
  padding: 0px 5px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #7F7F7F;
  box-shadow: none;
  color: #000000;
  font-size: 24px;
  font-weight: normal;
  height: 30px;
  margin-left: 0;
  width: 100%;
}
.selection_page {
  width: 100%;
  float: left;
}
.back_list {
  float: right;
  /*padding:0 100px 10px 0;*/
}
/********************* ALL BUTTONS ********************************/
/*--------------My favorite---------------*/
float_left2 {
  float: left !important;
}
.button_two {
  padding-top: 21px;
  float: left;
}
.button_two ul {
  list-style: none;
}
.button_two ul li {
  display: inline;
}
.myfav_btn {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: #800000 !important;
  margin: 0;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 121px;
  height: 38px;
  float: left !important;
}
.myfav_btn:hover {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: #600000 !important;
  margin: 0;
  width: auto;
  overflow: visible;
  width: 121px;
  height: 38px;
}
/*----------check availability, submit order, preview order, Confirm Design-------------------*/
.green_arrow {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: url(images/green_arrow.png) no-repeat !important;
  margin: 0;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 168px;
  height: 38px;
}
.green_arrow:hover {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: url(images/green_arrow_hover.png) no-repeat !important;
  margin: 0;
  width: auto;
  overflow: visible;
  width: 168px;
  height: 38px;
}
/*---------Gray Arrow-------*/
.gray_arrow {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: url(images/gray_arrow.png) no-repeat !important;
  margin: 0;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 168px;
  height: 38px;
}
/*------------------------------*/
.squar_green1 {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: #008000;
  margin: 0;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 145px;
  height: 38px;
}
.squar_green1:hover {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: #006600;
  margin: 0;
  width: auto;
  overflow: visible;
  width: 145px;
  height: 38px;
}
/*-------------squar green part two-----------------*/
/*.squar_green_two {font-size:18px !important;
        color:#fff;
  font-weight:bold !important;
  background:#008000 !important;
  margin: 0 !important;
  width: auto !important;
  overflow: visible !important;
  cursor:pointer !important;
  border:none !important;
  padding:0.4em 1em !important;
  float:none !important;
  letter-spacing:1px !important;
}
.squar_green_two:hover {
  font-size:18px !important;
  color:#fff;
  font-weight:bold !important;
  background:#006600 !important;
  margin: 0 !important;
  width: auto !important;
  overflow: visible !important;
  padding:0.4em 1em!important;
  float:none !important;
  letter-spacing:1px !important;
}*/
.update_button {
  width: 43px;
  height: 43px;
  background: url(images/update.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
}
.login_new {
  font-size: 18px !important;
  color: #fff;
  font-weight: bold !important;
  background: url(images/log_in.png) left top no-repeat !important;
  margin: 0 !important;
  width: 100px !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  height: 39px !important;
  float: none !important;
  letter-spacing: 1px !important;
}
.login_new:hover {
  font-size: 18px !important;
  color: #fff;
  font-weight: bold !important;
  background: url(images/log_in_roll.png) left top no-repeat !important;
  margin: 0 !important;
  width: 100px !important;
  overflow: visible !important;
  height: 39px !important;
  float: none !important;
  letter-spacing: 1px !important;
}
/*-------------squar green part two-----------------*/
.squar_green_three {
  /*font-size:18px !important;*/
  color: #fff;
  font-weight: bold !important;
  background: #008000 !important;
  margin: 0 !important;
  width: auto !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  padding: 0.4em 0.5em !important;
  float: right !important;
  /*letter-spacing:1px !important;*/
}
.squar_green_three:hover {
  /*font-size:18px !important;*/
  color: #fff;
  font-weight: bold !important;
  background: #006600 !important;
  margin: 0 !important;
  width: auto !important;
  overflow: visible !important;
  padding: 0.4em 0.5em !important;
  float: right !important;
  /*letter-spacing:1px !important;*/
}
.squar_green_con {
  /*font-size:18px !important;*/
  color: #fff;
  font-weight: bold !important;
  background: #008000 !important;
  margin: 0 !important;
  width: auto !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  padding: 0.4em 0.5em !important;
  /*float:left !important;
letter-spacing:1px !important;*/
}
.squar_green_con:hover {
  /*font-size:18px !important;*/
  color: #fff;
  font-weight: bold !important;
  background: #006600 !important;
  margin: 0 !important;
  width: auto !important;
  overflow: visible !important;
  padding: 0.4em 0.5em !important;
  /*float:left !important;
letter-spacing:1px !important;*/
}
/*------------------Gray squar*/
.gray_squar {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: #7f7f7f !important;
  margin: 0;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 145px;
  height: 38px;
}
.gray_squar_two {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: #7f7f7f !important;
  margin: 0;
  padding: 5px 2px 5px 2px !important;
  width: auto !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 145px !important;
  height: 38px !important;
}
.gray_squar_two:hover {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: #575757 !important;
  margin: 0;
  padding: 5px 2px 5px 2px !important;
  width: auto !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 145px !important;
  height: 38px !important;
}
.gray_squar_three {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: #7f7f7f !important;
  margin: 0;
  padding: 0.4em 0.5em !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.gray_squar_three:hover {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: #575757 !important;
  margin: 0;
  padding: 0.4em 0.5em !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.gray_squar_four {
  color: #fff;
  font-weight: bold !important;
  background: #7f7f7f !important;
  padding: 0.4em 0.5em !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.gray_squar_four:hover {
  color: #fff;
  font-weight: bold !important;
  background: #575757 !important;
  padding: 0.4em 0.5em !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
/*-----------red arrow---------------------*/
.red_arrow {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: url(images/red_arrow.png) no-repeat !important;
  margin: 0;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 122px;
  height: 38px;
}
.red_arrow:hover {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: url(images/red_arrow_hover.png) no-repeat !important;
  margin: 0;
  width: auto;
  overflow: visible;
  width: 122px;
  height: 38px;
}
/*-----------Back arrow---------------------*/
.back_arrow {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: url(images/back_arrow.png) no-repeat !important;
  margin: 0;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 97px;
  height: 37px;
}
.back_arrow:hover {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold !important;
  background: url(images/back_arrow_hover.png) no-repeat !important;
  margin: 0;
  width: auto;
  overflow: visible;
  width: 97px;
  height: 37px;
}
/*########################## New Image Buttons ####################### */
/*####################################################################
####################################################################*/
/*--------------------Images button---------------------*/
.myfav_btn2 {
  background: url(images/my_favorites.png) top left no-repeat;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 121px !important;
  height: 38px !important;
}
.myfav_btn2:hover {
  background: url(images/my_favorites_roll.png) top left no-repeat;
  margin: 0 !important;
  overflow: visible !important;
  border: none !important;
  width: 121px !important;
  height: 38px !important;
}
.buy_now {
  background: url(images/buy_now.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 121px !important;
  height: 38px !important;
}
.buy_now:hover {
  background: url(images/buy_now_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  border: none !important;
  width: 121px !important;
  height: 38px !important;
}
.check_availability {
  background: url(images/check_availability.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 168px !important;
  height: 38px !important;
}
.check_availability:hover {
  background: url(images/check_availability_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 168px !important;
  height: 38px !important;
}
.confirm_design {
  background: url(images/confirm_design.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 156px !important;
  height: 38px !important;
}
.confirm_design:hover {
  background: url(images/confirm_design_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 156px !important;
  height: 38px !important;
}
.preview_order_gray {
  background: url(images/preview_order_gray.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 145px !important;
  height: 38px !important;
}
.preview_order {
  background: url(images/preview_order.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 145px !important;
  height: 38px !important;
}
.preview_order:hover {
  background: url(images/preview_order_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 145px !important;
  height: 38px !important;
}
.send_messagge_inactive {
  background: url(images/send_messagge_inactive.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 145px !important;
  height: 38px !important;
}
.send_message_active {
  background: url(images/send_message_active.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 145px !important;
  height: 38px !important;
}
.send_message_active:hover {
  background: url(images/send_message_active_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  border: none !important;
  width: 145px !important;
  height: 38px !important;
}
.submit_new {
  background: url(images/submit.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 97px !important;
  height: 38px !important;
}
.submit_new:hover {
  background: url(images/submit_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  border: none !important;
  width: 97px !important;
  height: 38px !important;
}
.submit_domain {
  background: url(images/submit_domain.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 168px !important;
  height: 38px !important;
}
.submit_domain:hover {
  background: url(images/submit_domain_roll.png) top left no-repeat !important;
  margin: 0;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 168px !important;
  height: 38px !important;
}
.back_new_btn {
  background: url(images/back.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 86px !important;
  height: 38px !important;
}
.back_new_btn:hover {
  background: url(images/back_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  border: none !important;
  width: 86px !important;
  height: 38px !important;
}
.publish_to_go_live {
  background: url(images/publish_to_go_live.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 156px !important;
  height: 38px !important;
  float: right !important;
}
.publish_to_go_live:hover {
  background: url(images/publish_to_go_live_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  border: none !important;
  width: 156px !important;
  height: 38px !important;
  float: right !important;
}
.back_to_worksheet {
  background: url(images/back_to_worksheet.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 156px !important;
  height: 38px !important;
  float: right !important;
}
.back_to_worksheet:hover {
  background: url(images/back_to_worksheet_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  border: none !important;
  width: 156px !important;
  height: 38px !important;
  float: right !important;
}
.confirm_design_gray {
  background: url(images/confirm_design_disabled.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 156px !important;
  height: 38px !important;
}
/*############ Preview Cust  ##################*/
.pre_cust {
  width: 100%;
}
.pre_cust_top {
  width: 100%;
}
.pre_cust_image {
  float: left;
  width: 20%;
}
.pre_cust_image img {
  height: 67px;
  width: 90px;
}
.pre_cust_top_info {
  float: left;
  width: 100%;
  margin-left: 1%;
  text-align: left;
  line-height: 14px;
}
.pre_cust_top_info span {
  color: #06C;
}
.pre_cust_secrow {
  width: 100%;
  /*padding-top:3%;*/
  font-size: 14px;
  color: #000000;
}
.pre_cust_cbox {
  width: 5%;
  float: left;
  padding-top: 0.4%;
}
.pre_cust_secrow_info {
  width: 74%;
  float: left;
}
.pre_cust_doller {
  width: 20%;
  float: right;
  text-align: center;
}
.pre_cust_lrow {
  width: 100%;
}
.pre_cust_dots {
  float: right;
  width: 14%;
  padding: 2%;
}
.pre_cust_total {
  float: right;
  width: 38%;
  padding: 0% 0 2% 3%;
  font-size: 14px;
  color: #000000;
}
.pre_cust_total input {
  width: 36%;
  margin-left: 4%;
  font-size: 14px;
  text-align: right;
}
.pre_cust_btn {
  float: right;
  width: 100%;
  padding: 0 4%;
}
/*
------------------------------#
      Admin Message Board
------------------------------#
*/
.blue_area_text {
  background: #93cddd;
  padding: 2% 4% 8%;
  margin: 1% 0%;
  width: 92%;
  word-wrap: break-word;
  color: #000;
}
.blue_area_text font {
  float: right;
  color: #676767;
  font-size: 12px;
  font-weight: normal;
}
.dateclass {
  font-size: 15px !important;
  color: #676767 !important;
  float: right !important;
}
.contractor_right {
  float: right;
  width: 44%;
  /*border:#FF0000 1px solid;*/
  margin-right: 2%;
  margin-left: 2%;
}
.contractor_right img {
  /*width:100%;*/
  margin: 0;
}
.contractor_left {
  float: left;
  width: 38%;
  padding-left: 0%;
  /*padding-left: 2%;*/
  margin: 0 0 2% 0;
  padding-top: 0%;
  border: 0px solid #000;
}
/*--------------------------new-----------------------*/
ol.timeline {
  list-style: none
}
ol.timeline li {
  position: relative;
  border-bottom: 1px #dedede dashed;
  padding: 8px;
}
ol.timeline li:first-child {
}
.morebox {
  background-color: #E6E6E6;
  color: #595959 !important;
  /*margin-left: 1%;*/
  /*	margin-top: -1%;*/
  padding: 1%;
  text-align: right;
  /*width: 85%; before width:76%*/
  font-size: 12px;
}
.morebox a {
  color: #00B0F0;
  text-decoration: none
}
.morebox a:hover {
  color: #595959 !important;
  text-decoration: none !important;
}
#container {
  margin-left: 60px;
  width: 580px
}
/****************new Button on 18th April ************************/
.vsps {
  background: url(images/contractor_home_visit_storefront_profile_settings.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 251px !important;
  height: 38px !important;
}
.vsps:hover {
  background: url(images/contractor_home_visit_storefront_profile_settings_roll.png) top left no-repeat !important;
  margin: 0 !important;
  overflow: visible !important;
  border: none !important;
  width: 251px !important;
  height: 38px !important;
}
/*-------------------contractor_menuright--------------------------*/
.contractor_menuright {
  float: right;
  overflow: hidden;
}
.font20 {
  font-size: 20px;
  color: #000;
}
.view_archive {
  width: 133px !important;
  height: 38px !important;
  background: url(images/view_archive_button.png) .mac_screen img overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.view_archive:hover {
  width: 133px !important;
  height: 38px !important;
  background: url(images/view_archive_button_roll.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
/*---------------new page----------------*/
.new_container {
  background: #fff;
  width: 100%;
  padding-top: 2%;
  overflow: hidden;
}
.graphic {
  /*text-align:center;*/
  width: 531px;
  position: relative;
  margin: 0 auto;
}
.add_to {
  position: absolute;
  left: 520px;
  top: 250px;
}
/************-------- Contractor tooltip ------*********/
.con_classic {
  background: #00B0F0;
  padding: 0.8em 1em;
  margin-top: 1em;
}
.newrow_image {
  text-align: center;
  padding-top: 20px;
}
.new_save {
  width: 74px !important;
  height: 38px !important;
  background: url(images/save_button.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.new_save:hover {
  width: 74px !important;
  height: 38px !important;
  background: url(images/save_button_roll.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.new_back {
  width: 86px !important;
  height: 38px !important;
  background: url(images/back_button.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.new_back:hover {
  width: 86px !important;
  height: 38px !important;
  background: url(images/back_button_roll.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.new_next {
  width: 85px !important;
  height: 38px !important;
  background: url(images/next_button.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.new_next:hover {
  width: 85px !important;
  height: 38px !important;
  background: url(images/next_button_roll.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.new_upload {
  width: 85px !important;
  height: 38px !important;
  background: url(images/upload_button.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.new_upload:hover {
  width: 85px !important;
  height: 38px !important;
  background: url(images/upload_button_roll.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.con_confirm {
  width: 204px !important;
  height: 38px !important;
  background: url(images/confirm_button.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.con_confirm:hover {
  width: 204px !important;
  height: 38px !important;
  background: url(images/confirm_button_roll.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.con_update {
  width: 204px !important;
  height: 38px !important;
  background: url(images/update_my_storefront.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.con_update:hover {
  width: 204px !important;
  height: 38px !important;
  background: url(images/update_my_storefront_roll.png) top left no-repeat;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.conimage_frame {
  /*background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;
background: -ms-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;
background: -o-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 transparent;*/
  /* border: 1px solid #E5E5E5;
box-shadow: 1px 1px 2px 0 #AAAAAA;
-webkit-box-shadow: 1px 1px 2px 0 #AAAAAA;
-moz-box-shadow: 1px 1px 2px 0 #AAAAAA;
-ms-box-shadow: 1px 1px 2px 0 #AAAAAA;
-o-box-shadow: 1px 1px 2px 0 #AAAAAA;*/
  height: 145px;
  padding: 4px;
  width: 85%;
  text-align: center;
  float: left;
  margin-bottom: 10px;
  overflow: hidden;
}
.conimage_frame img {
  width: 100% !important;
  height: 100% !important;
}
.loading_bg {
  background: #00B0F1;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.loading_center {
  position: absolute;
  width: 411px;
  height: 229px;
  top: 50%;
  left: 50%;
  margin: -142px 0 0 -223px;
}
.loading_center2 {
  position: absolute;
  width: 600px;
  height: 233px;
  top: 50%;
  left: 50%;
  margin: -142px 0 0 -303px;
}
.loading_center_p {
  position: absolute;
  width: 555px;
  height: 555px;
  top: 50%;
  left: 50%;
  margin: -230px 0 0 -280px;
}
/********************** may  *********************/
.gotit_div {
  width: 449px;
  height: 215px;
}
.gotit_button {
  color: #fff;
  font-weight: bold !important;
  background: url(images/got_it.png) top left no-repeat;
  margin: 15px 88px 0;
  width: 176px;
  height: 54px;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
}
.build_upload {
  float: right;
  width: 32%;
}
.home_hint {
  background: #00b0f0;
  padding: 1% 2%;
  color: #fff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  width: 90%;
  text-align: left;
  line-height: 19px;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: bold;
  font-size: 15px;
}
/*---------------new select--------------*/
.sd_new_wrap ul {
  padding: 0;
  margin: 0;
}
.sd_new_wrap {
  overflow: hidden;
  width: 880px;
  position: relative;
  height: auto;
  color: #000;
  padding-bottom: 50px;
  margin-left: 17%;
  margin: 0 auto;
}
.avr_total {
  position: relative;
  background: #fff;
  /*color:#fff;
right:0;
top:391px;*/
  padding: 9px 16px 9px 25px;
  width: 180px;
  font-size: 20px;
  float: right;
  display: none;
}
/*.build_popup_de {
    display: none;
}*/
.check_out {
  position: relative;
  /*background: url('images/selected-design.png') no-repeat;*/
  background: url('images/fectiv_start_customizing_confirmation.png') no-repeat;
  color: #fff;
  /*right:0;
  top:391px;*/
  padding: 3px 0px;
  width: 80px;
  font-size: 20px;
  text-align: center;
  float: right;
  position: relative;
  top: 40px;
  /*left: 185px;*/
  border: none;
  cursor: pointer;
  height: 80px;
  text-indent: -9999px;
}
.newicon {
  position: relative;
  background: url('images/selected-design.png') no-repeat;
  /*background: url('images/fectiv_start_customizing_confirmation.png') no-repeat;*/
  color: #fff;
  /*right:0;
  top:391px;*/
  padding: 3px 0px;
  width: 80px;
  font-size: 20px;
  text-align: center;
  float: right;
  position: relative;
  top: 25px;
  /*left: 185px;*/
  border: none;
  cursor: pointer;
  height: 60px;
  text-indent: -9999px;
  background-size: 42px;
}
/*.check_out:hover {
    background: #00b0f0;
}*/
.for_image {
  float: left;
  width: 400px;
  /*background:#bfbfbf;
height:391px;*/
}
.for_image img {
  width: 400px !important;
  height: 347px !important;
}
.for_image2 {
  float: left;
  width: 400px;
  /*background:#bfbfbf;
height:391px;*/
}
.for_image2 img {
  width: 400px;
  height: 400px;
  border-radius: 50%;
  border: 2px solid #F2F2F2;
}
.for_info {
  float: left;
  width: 460px;
  background: #fff;
  height: auto;
  overflow: hidden;
  margin-left: 20px;
}
.header_part {
  overflow: hidden;
  width: 460px;
  height: auto;
}
.for_heading {
  float: left;
  font-size: 20px;
  padding: 10px 0 0px 10px;
  height: 70px;
}
.for_buttons {
  float: right;
  padding: 10px 10px 0px 0px;
}
.squar_green {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  background: url(images/contact_me.png) no-repeat !important;
  margin: 0;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 110px;
  height: 35px;
  display: block;
}
.squar_green:hover {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  background: url(images/contact_me_roll.png) no-repeat !important;
  margin: 0;
  width: auto;
  overflow: visible;
  width: 110px;
  height: 35px;
}
.squar_red {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px !important;
  color: #fff;
  font-weight: normal;
  background: url(images/submit_order.png) no-repeat !important;
  margin-top: 8px;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 110px;
  height: 35px;
}
.squar_red:hover {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px !important;
  color: #fff;
  font-weight: normal;
  background: url(images/sumbit_order_roll.png) no-repeat !important;
  margin-top: 8px;
  width: auto;
  overflow: visible;
  width: 110px;
  height: 35px;
}
.new_message {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px !important;
  color: #fff;
  font-weight: normal;
  background: url(images/new_message_button.png) no-repeat !important;
  margin-top: 8px;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 110px;
  height: 50px;
}
.sample_tags {
  width: 460px;
  padding: 3px 10px 0px;
  text-align: left;
  font-size: 12px;
}
.sample_tags ul {
  list-style: none;
  width: 460px;
  font-size: 14px;
}
.sample_tags ul li {
  display: inline;
  padding-right: 4px;
}
.sample_tags ul li a {
  text-decoration: none;
  color: #000;
}
.sample_tags ul li a:hover {
  text-decoration: underline;
}
.sample_tags p {
  padding: 0px 14px 0 0px !important;
  font-size: 14px !important;
  color: #000 !important;
  font-style: normal !important;
  font-family: 'Arial', Tahoma, Helvetica, sans-serif !important;
  font-weight: bold !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.customize {
  width: 460px;
  padding: 0px 10px 10px;
  /*margin-top:-13px;*/
}
.customize ul,
.customize2 ul {
  width: 428px;
  font-size: 14px;
  /*padding-left:14px;*/
  list-style: none;
}
.customize3 ul {
  /*width: 428px;*/
  font-size: 14px;
  padding-left: 14px;
  list-style: none;
}
.customize ul li {
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden;
  background: url(images/new_bullet.png) left center no-repeat;
  padding-left: 14px;
}
.customize2 ul li {
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden;
  /*background:url(images/new_bullet.png) left center no-repeat;*/
  /*padding-left:14px;*/
}
.customize3 ul li {
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden;
  /*background:url(images/new_bullet.png) left center no-repeat;*/
  /*padding-left:14px;*/
}
.customize ul li .left_span {
  float: left;
}
.customize ul li .right_span {
  float: right;
}
.left_span {
  float: left;
}
.right_span {
  float: right;
}
.stars {
  padding: 10px 0;
}
/*/*---------------new select %%%%%--------------*/
.sd_new_wrap_percent ul {
  padding: 0;
  margin: 0;
}
.sd_new_wrap_percent {
  overflow: hidden;
  width: 96%;
  position: relative;
  height: auto;
  color: #fff;
  padding-bottom: 50px;
}
.avr_total_percent {
  position: relative;
  background: #fff;
  /*color:#fff;
right:0;
top:391px;*/
  padding: 9px 16px 9px 25px;
  width: 18%;
  font-size: 20px;
  float: right;
}
.for_image_percent {
  float: left;
  width: 46%;
  /*background:#bfbfbf;
height:391px;*/
}
.for_image_percent img {
  width: 100% !important;
  height: 320px !important;
}
.for_info_percent {
  float: left;
  width: 54%;
  background: #fff;
  min-height: 320px;
  height: auto;
  overflow: hidden;
}
.header_part_percent {
  overflow: visible;
  width: 100%;
  height: auto;
}
.for_heading_percent {
  float: left;
  font-size: 20px;
  padding: 10px 0 10px 10px;
}
.for_buttons_percent {
  float: right;
  padding: 10px 10px 10px 0px;
}
.squar_green_percent {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  background: url(images/contact_me.png) no-repeat !important;
  margin: 0;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 110px;
  height: 35px;
}
.squar_green_percent:hover {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  background: url(images/contact_me_roll.png) no-repeat !important;
  margin: 0;
  width: auto;
  overflow: visible;
  width: 110px;
  height: 35px;
}
.squar_red_percent {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px !important;
  color: #fff;
  font-weight: normal;
  background: url(images/submit_order.png) no-repeat !important;
  margin-top: 8px;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 110px;
  height: 35px;
}
.squar_red_percent:hover {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px !important;
  color: #fff;
  font-weight: normal;
  background: url(images/sumbit_order_roll.png) no-repeat !important;
  margin-top: 8px;
  width: auto;
  overflow: visible;
  width: 110px;
  height: 35px;
}
.new_message_percent {
  font-family: Tahoma, Arial, verdana, sans-serif;
  font-size: 14px !important;
  color: #fff;
  font-weight: normal;
  background: url(images/new_message_button.png) no-repeat !important;
  margin-top: 8px;
  padding: 5px 2px 5px 2px;
  width: auto;
  overflow: visible;
  cursor: pointer;
  border: none;
  width: 110px;
  height: 50px;
}
.sample_tags_percent {
  width: 100%;
  padding: 3px 10px;
  text-align: left;
  font-size: 12px;
}
.sample_tags_percent ul {
  list-style: none;
  width: 100%;
  font-size: 14px;
}
.sample_tags_percent ul li {
  display: inline;
  padding-right: 4px;
}
.sample_tags_percent ul li a {
  text-decoration: none;
  color: #C0C0C0;
}
.sample_tags_percent ul li a:hover {
  text-decoration: underline;
}
.sample_tags_percent p {
  padding: 2px 14px 0 0px;
  font-size: 14px !important;
  color: #fff !important;
  font-style: normal !important;
  font-family: 'Arial', Tahoma, Helvetica, sans-serif !important;
}
.customize_percent {
  width: 100%;
  padding: 10px 10px;
}
.customize_percent ul,
.customize2_percent ul {
  width: 93%;
  font-size: 14px;
  padding-left: 14px;
  list-style: none;
}
.customize_percent ul li {
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden;
  background: url(images/new_bullet.png) left center no-repeat;
  /*padding-left:14px;*/
}
.customize2_percent ul li {
  padding-top: 2px;
  padding-bottom: 2px;
  overflow: hidden;
  /*background:url(images/new_bullet.png) left center no-repeat;*/
  /*padding-left:14px;*/
}
.customize_percent ul li .left_span {
  float: left;
}
.customize_percent ul li .right_span {
  float: right;
}
.left_span {
  float: left;
}
.right_span {
  float: right;
}
.stars {
  /*	padding:4px 0;*/
}
.cust_prices_percent {
  width: 118%;
}
/*------- 10th May, 2013 --------*/
.learmore_btn {
  width: 280px;
  background: none repeat scroll 0 0 #000000;
  border-color: transparent;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0px;
  text-align: center;
  margin-left: 33%;
  margin-bottom: 20px;
}
.learmore_btn:hover {
  background: none repeat scroll 0 0 #333333;
  color: #ffffff;
}
.wrapper_two {
  width: 70%;
  margin: 0 auto;
  padding: 5% 0 1% 0%;
  min-height: 600px;
}
.wrapper_three1 {
  width: 100%;
  margin: 0 auto;
  padding: 5% 0 1% 0%;
  min-height: 450px;
}
.wrapper_three2 {
  width: 100%;
  margin: 0 auto;
  padding: 5% 0 1% 0%;
  height: auto;
  overflow: hidden;
}
.wrapper_three {
  width: 100%;
  margin: 0 auto;
  /*padding:5% 0 1% 0%;*/
  height: auto;
  position: absolute;
  top: 9%;
}
.topheader2 {
  background: #00b0f1;
  color: #FFFFFF;
  width: 100%;
  margin: 0 auto;
  float: left;
  orphans: inherit;
  /*	height:54px;*/
  overflow: hidden;
  /*padding:10px 0px;*/
  /*	border-bottom: 1px solid #005684;*/
  /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
  position: fixed;
  top: 0;
  z-index: 999;
  /*	-moz-box-shadow: 1px 2px 4px #6C6C6C;
-webkit-box-shadow: 1px 2px 4px #6C6C6C;
box-shadow: 1px 2px 4px #6C6C6C;*/
}
.topheader3 {
  background: #00b0f1;
  color: #FFFFFF;
  width: 100%;
  margin: 0 auto;
  float: left;
  orphans: inherit;
  /*	height:54px;*/
  overflow: hidden;
  /*padding:10px 0px;*/
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  z-index: 999;
  height: 100px;
}
.topheader4 {
  background: #00b0f1;
  color: #FFFFFF;
  width: 100%;
  margin: 0 auto;
  float: left;
  orphans: inherit;
  height: 54px;
  overflow: hidden;
  /*padding:10px 0px;*/
  position: fixed;
  top: 0;
  z-index: 999;
}
.design_menu:nth-child(3) {
  display: none;
}
.home_ico .elogo {
  margin: 5px 0 0 0;
  position: relative;
  width: 70px;
  height: auto;
}
.home_ico .elogo .responsive_home_button {
  background: rgba(0, 0, 0, 0) url("images/iframe_home.png") no-repeat scroll right center / 50% auto
}
.menu_right2 {
  display: none;
}
.top_head .etext2 {
  margin-left: 0;
}
.home_ico {
  float: none;
  margin: 0 auto;
  max-width: 330px;
  display: flex;
}
.home_ico .design_menu {
  margin-bottom: 5px;
  margin-left: 10px;
  margin-top: 5px;
  width: 235px;
}
.design_menu {
  margin: 0 3% 0 0;
  padding: 0.2% 0 0;
}
.etext2 {
  font-size: 18px;
  margin-top: 20px;
  overflow: hidden;
  padding: 1px;
}
.top_head {
  text-align: center;
  width: 100%;
}
.elogo img {
  width: 40px !important;
}
.elogo2 {
  position: absolute;
  top: 32%;
  left: 50%;
  margin: -11px 0 0 2px;
  width: 4%;
}
.etext {
  overflow: hidden;
  padding: 1px;
  margin-top: 2%;
  margin-left: 10%;
  font-size: 18px;
}
.etext2 {
  overflow: hidden;
  padding: 1px;
  margin-top: 1%;
  margin-left: 10%;
  font-size: 18px;
}
.top_two_header {
  width: 100%;
  top: 0;
  overflow: hidden;
  background: #f2f2f2;
  padding: 0px 0px;
  box-shadow: 0px 0px 15px #424242;
  -webkit-box-shadow: 0px 0px 15px #424242;
  -moz-box-shadow: 0px 0px 15px #424242;
  -ms-box-shadow: 0px 0px 15px #424242;
  -o-box-shadow: 0px 0px 15px #424242;
  font-size: 14px;
}
.full_header {
  width: 100%;
  padding: 4% 0;
}
.menu2 {
  width: 100%;
}
.home_menu {
  padding: 1% 2% 0 6%;
}
.design_menu {
  padding: 0.2% 0% 0;
  width: 40%;
  margin: 0 3% 0 0;
}
.design_menu select {
  border: none;
  width: 100%;
  padding: 2%;
  font-size: 14px;
}
.menu_left {
  float: left;
  width: 100%;
  overflow: hidden;
  margin-top: 7px;
}
.menu_right {
  float: right;
  width: 60%;
  overflow: hidden;
  margin-right: -32.7%;
}
.menu_right a {
  color: #fff;
}
.menu_right2 {
  float: right;
  width: 60%;
  overflow: hidden;
  margin-right: -24.7%;
}
.menu_right2 a {
  color: #fff;
}
.menu2_box {
  padding: 1.8% 0%;
  margin: 0 1%;
  width: 20%;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  float: left;
}
.menu2_box_one {
  /*padding:1.8% 0%;*/
  margin: 0.4% 1% 0 0%;
  width: 13%;
  text-align: right;
  /*cursor:pointer;*/
  font-size: 14px;
  float: left;
}
.i_img {
  width: 38px !important;
}
.i_img2 {
  width: 0px !important;
}
.menu2_box_one a:hover {
  text-decoration: underline !important;
}
.menu2_box_one a:active {
  text-decoration: underline !important;
}
.menu2_box_one a:selected {
  text-decoration: underline !important;
}
.with_green {
  background: #006600;
  color: #fff !important;
}
.with_black:hover {
  background: #595959;
}
.with_green:hover {
  background: #089a07;
}
.with_black {
  background: #000000;
}
.with_black2 {
  background: #0c0c0c;
}
.with_black2:hover {
  background: #595959;
}
.content_box {
  width: 100%;
  overflow: hidden;
  height: auto;
  padding: 3% 0 6% 0;
  min-height: 600px !important;
}
.content_box2 {
  /*overflow:hidden;*/
  height: auto;
  padding: 7% 0 6% 0%;
  min-height: 600px !important;
}
.content_box2 p {
  color: #000000;
  font-size: 24px;
  margin-left: 31%;
  margin-right: 31%;
  margin-top: 4%;
  font-weight: normal;
}
.new_footer {
  width: 96%;
  text-align: right;
  color: #ABABAB;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  padding: 2% 0 2% 0;
}
.new_footer a {
  color: #00b0f1;
}
.new_footer2 {
  width: 100%;
  text-align: center;
  color: #ABABAB;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  padding: 2% 0 2% 0;
}
.new_footer2 a {
  color: #00b0f1;
}
.new_footer3 {
  width: 100%;
  text-align: right;
  color: #fff !important;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
  padding: 0 0 0 0;
  position: absolute;
  bottom: 7%;
  right: 20px;
}
/*before - buttom:10% now is 7%*/
.new_footer3 a {
  color: #fff;
}
.fancy_log {
  background: #00b0f1;
  overflow: hidden;
  padding: 2% 3%;
  color: #fff;
  height: 92%;
}
.user_choice {
  margin-left: 47px;
  font-size: 16px;
  font-weight: normal;
  text-shadow: 1px 1px 1px #000;
}
.user_choice:hover {
  text-decoration: underline;
}
.freelance_side {
  overflow: hidden;
  width: 100%;
  text-align: right;
  font-size: 14px;
}
.freelance_side a:hover {
  text-decoration: underline !important;
}
.fancy_log a {
  text-align: none;
  color: #fff;
}
.fancy_input {
  width: 64%;
  padding: 24% 20%;
  /*background:#F00;*/
  margin: 0 auto;
  overflow: hidden;
}
.fancy_input p img {
  width: 88% !important;
}
.fancy_input_box {
  overflow: hidden;
  width: 100%;
  margin-top: 3%;
}
.fancy_input_box input {
  border: none;
  width: 78%;
  padding: 2% 4%;
  font-size: 24px;
  color: #000;
}
.fancy_input_box input[type="checkbox"] {
  width: auto;
}
.check_terms {
  margin: 8px auto;
  /*width:80%;*/
}
.fancy_input_box2 {
  overflow: hidden;
  width: 100%;
  margin-top: 6%;
  text-align: left !important
}
.fancy_input_box2 input [type='checkbox'] {
  border: none !important;
  width: 10%;
  padding: 4% 4%;
  font-size: 24px;
  color: #000;
}
.fancy_input_box2 a {
  color: #D5D5D5;
}
.fancy_input_box_green {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}
.fancy_input_box_green input {
  border: medium none;
  /* margin-left: 7%;*/
  padding: 7% 10%;
  margin-top: 3% !important;
  width: 86%;
}
.avil_condition {
  overflow: hidden;
  margin-top: 7px;
}
.logo_support_gray {
  border: none;
  position: absolute !important;
  background: #bfbfbf;
  color: #fff;
  width: 12%;
  padding: 4px 0;
  right: 1%;
  /*top: 9%;*/
  cursor: pointer;
  text-align: center;
  margin-top: 0.64%;
}
.how_right_gray {
  border: none;
  position: absolute !important;
  background: #bfbfbf;
  color: #fff;
  width: 25%;
  padding: 4px 0;
  right: 1%;
  /*top: 9%;*/
  cursor: pointer;
  text-align: center;
  margin-top: 0.64%;
}
.how_right_blue {
  border: none;
  position: absolute !important;
  background: #00B0F1;
  color: #fff;
  width: 12%;
  padding: 4px 0;
  right: 1%;
  /*top: 9%;*/
  cursor: pointer;
  text-align: center;
  margin-top: 0.64%;
}
.how_right_ectivo {
  border: none;
  position: absolute !important;
  background: #00b0f0;
  color: #fff;
  width: 25%;
  padding: 4px 0;
  right: 1%;
  /*top: 9%;*/
  cursor: pointer;
  text-align: center;
  margin-top: 0.64%;
}
.how_gray_contents {
  width: 680px;
  margin: 0 auto;
  padding: 0 3% 3%;
  margin-top: 50px;
}
.how_row {
  width: 100%;
  overflow: hidden;
  margin-top: 5%;
  margin-bottom: 5%;
}
.how_rowchange {
  width: 60%;
  overflow: hidden;
  margin: 8% auto;
}
.how_rowchange2 {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 5% 0;
  color: #FFFFFF !important;
  background: #00b0f1;
}
.how_rowchange3 {
  width: 100%;
  overflow: hidden;
  margin: 10% auto;
}
.how_rowchange2 h1 {
  color: #FFFFFF !important;
}
/*.how_row img {
  width:60px !important;
}*/
.new_pad {
  padding: 50px 0 10px 60px;
}
.new_pad2 {
  padding: 37px 0 10px 0;
}
.topheader_gray {
  background: #bfbfbf;
  color: #FFFFFF;
  width: 100%;
  margin: 0 auto;
  float: left;
  orphans: inherit;
  /*	height:54px;*/
  overflow: hidden;
  /*padding:10px 0px;*/
}
.black_overlay {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.black_overlay_msg {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.black_overlay_built {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.black_overlay_notacmsg {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.black_overlay2 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.black_overlay_detail {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.black_overlaycustomization {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.black_overlaycus {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.black_overlay_design {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.black_overlay_welcome {
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: block;
  position: relative;
}
.white_content {
  display: none;
  position: fixed;
  top: 22.5%;
  width: 100%;
  left: 0%;
  height: auto;
  padding: 3px 4px 9px 2px;
  z-index: 1002;
  overflow: hidden;
}
.white_content_welcome {
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
}
.black_overlay1 {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  /*background:url(images/black_overlay_bg.png) repeat;*/
  background: url(fancy_source/fancybox_overlay.png) repeat;
  z-index: 200;
  /*-moz-opacity: 0.3;*/
  /*opacity:.30;*/
  /*filter: alpha(opacity=30);*/
}
.white_content1 {
  display: none;
  position: fixed;
  top: 22.5%;
  width: 68%;
  left: 20%;
  height: auto;
  padding: 3px 4px 9px 2px;
  z-index: 1002;
  overflow: hidden;
}
.white_contentcon {
  display: none;
  position: fixed;
  top: 24.5%;
  width: 45%;
  left: 28%;
  height: auto;
  padding: 10px 10px 20px 10px;
  z-index: 1002;
  overflow: hidden;
}
.white_content1 {
  display: none;
  position: absolute;
  top: 91px;
  width: 30%;
  left: 27%;
  height: auto;
  padding: 2%;
  z-index: 1002;
  overflow: hidden;
}
.white_content2 {
  display: none;
  position: fixed;
  top: 20%;
  width: 45%;
  left: 28%;
  height: auto;
  padding: 10px 10px 20px 10px;
  z-index: 1002;
  overflow: hidden;
}
.white-content_settings {
  display: none;
  position: fixed;
  top: 24.5%;
  width: 52%;
  left: 28%;
  height: auto;
  padding: 10px 10px 20px 10px;
  z-index: 1002;
  overflow: hidden;
}
.home_hint2 {
  background: #00b0f0;
  color: #fff;
  /*border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-khtml-border-radius:10px;*/
  margin: 0 auto;
  width: 30%;
  text-align: left;
  line-height: 24px;
  font-family: Verdana, Geneva, sans-serif;
  /*font-weight:bold;*/
  font-size: 18px;
  padding: 5% 4% 3% 1%;
  position: relative;
  border-radius: 30px
}
.home_hint2_welcome {
  background: none repeat scroll 0 0 #00B0F0;
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  left: 27%;
  padding: 50px 36px;
  position: absolute;
  text-align: center;
  top: 156px;
  width: 500px;
}
.home_hintcon {
  background: #00b0f0;
  color: #fff;
  /*border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-khtml-border-radius:10px;*/
  margin: 0 auto;
  width: 50%;
  text-align: left;
  padding: 8% 0%;
  position: relative;
}
.home_hint3 {
  background: none repeat scroll 0 0 #00B0F0;
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  left: 29%;
  line-height: 24px;
  padding: 6% 3%;
  position: fixed;
  text-align: left;
  top: 27%;
  width: 37%;
}
.home_hint4 {
  background: #d9d9d9;
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  padding: 3% 0 3% 3%;
  position: relative;
  text-align: left;
  width: 90%;
}
.home_hint5 {
  background: #FFFFFF;
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  padding: 8% 2% 8% 8%;
  position: relative;
  text-align: left;
  width: 90%;
  float: left;
  box-shadow: 0 5px 8px #000;
}
.got_it {
  position: absolute;
  bottom: 10%;
  right: 6%;
}
.got_itcon {
  position: absolute;
  bottom: 10%;
  right: 6%;
}
.got_it1 {
  position: absolute;
  top: 45%;
  right: 6%;
}
.got_it-settings {
  position: absolute;
  bottom: 10%;
}
.got_image {
  background: url(images/right_arrow_white01.png) no-repeat center;
  width: 43px;
  height: 43px;
  border: none !important;
  background-size: 90%;
  opacity: 1;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.tick {
  background: url(images/white_tick.png) no-repeat center !important;
  width: 43px;
  height: 43px;
  border: none !important;
  background-size: 90%;
  opacity: 1;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.got_image:hover {
  opacity: 1;
}
.got_image2 {
  background: url("images/go_it.png") no-repeat;
  width: 60px;
  height: 60px;
  border: none !important;
  background-size: 90%;
  opacity: 1;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
/*---------------------*/
.for_this_only {
  float: left;
  margin-right: 38px;
  width: 100%;
}
.for_this_only input[placeholder] {
  color: #000 !important;
  background: #FFFFFF;
  width: 80%;
  outline-style: none;
  border: none !important;
  box-shadow: none;
  height: 30px;
  font-size: 24px;
  font-weight: normal;
  float: left;
}
.form_area_text2 {
  /*background: none repeat scroll 0 0 #CC0000;*/
  float: left;
  margin-right: 38px;
  width: 70%;
}
.form_area_text2 input {
  margin: 0 0 5% 0;
}
/* #loginform .form_area_text2 input[type="text"],
#loginform .form_area_text2 input[type="password"] {
    border: solid 1px #7f7f7f;
} */
.select-design-vewfab {
  float: left;
  margin-left: 15px;
  margin-top: 0px;
  margin-bottom: 15px;
}
.price_type_box select {
  /*    border: solid 1px #7f7f7f !important;*/
}
#user_signup .form_area_text2 input[type="text"],
#user_signup .form_area_text2 input[type="password"] {
  border: solid 1px #7f7f7f;
}
.form_area_text2 input[placeholder] {
  color: #000 !important;
  background: #FFFFFF;
  width: 80%;
  outline-style: none;
  border: solid 1px #999;
  box-shadow: none;
  height: 30px;
  font-size: 24px;
  font-weight: normal;
  float: left;
  background-image: none !important;
}
.form_area_text2 input[type=text]::-ms-clear {
  display: none;
}
.form_area_text3 {
  /*background: none repeat scroll 0 0 #CC0000;*/
  float: left;
  margin-right: 38px;
  width: 100%;
}
.form_area_text3 input {
  margin: 0 0 4% 0;
}
.Clear {
  clear: both;
}
.gray2 {
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}
.form_area_text3 input[placeholder],
.form_area_text3 input[type="text"] {
  color: #000 !important;
  background: #FFFFFF;
  /*width:100%;*/
  outline-style: none;
  border: solid 1px #7f7f7f;
  box-shadow: none;
  height: 30px;
  font-size: 24px;
  font-weight: normal;
  /*	float:left;*/
}
.login_pw_help {
  width: 100%;
  overflow: hidden;
}
.login_pw_help a {
  font-size: 14px !important;
  font-weight: normal;
  color: #ABABAB;
  text-decoration: none;
  margin-bottom: 20px;
}
.login_pw_help a:hover {
  text-decoration: underline;
}
.login_pw_help2 {
  width: 100%;
  overflow: hidden;
  margin-bottom: 4%;
}
.login_pw_help2 a {
  font-size: 14px !important;
  font-weight: normal;
  color: #ABABAB;
  text-decoration: none;
}
.login_pw_help2 a:hover {
  text-decoration: underline;
}
.log_in_next {
  width: 50px;
  height: 50px;
  background: url(images/right_arrow.png) top left no-repeat;
  border: none;
  cursor: pointer;
  margin-top: 7px !important;
  background-size: 100%;
}
.log_in_next123 {
  width: 50px;
  height: 50px;
  background: url(images/select-design_1.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  margin-top: 7px !important;
  background-size: 100% !important;
}
.log_in_next_tick {
  width: 40px;
  height: 40px;
  background: url(images/log_in_next_tick.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
}
.login_next_build_page {
  width: 40px;
  height: 40px;
  background: url(images/right_arrow.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  float: left !important;
}
.login_done_page {
  width: 43px;
  height: 43px;
  background: url(images/button4.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  float: left !important;
}
.login_done_pageinactive {
  width: 43px;
  height: 43px;
  background: url(images/button41.png) top left no-repeat !important;
  border: none;
  cursor: not-allowed;
  float: left !important;
}
.log_in_prev {
  width: 50px;
  height: 50px;
  background: url(images/left_arrow.png) top left no-repeat !important;
  border: none;
  margin-top: 7px !important;
  cursor: pointer;
  background-size: 100% !important;
}
.i_id_span {
  width: 10%;
  float: left;
  margin-left: 4px;
}
.i_id_span img {
  border: none;
}
.already_main {
  width: 800px;
  float: left;
  overflow: hidden;
}
.already_main2 {
  width: 100%;
  float: left;
  overflow: hidden;
}
/*------------------- tooltip css LOY ------------------*/
#tooltip {
  text-align: center;
  color: #fff;
  background: #111;
  position: absolute;
  z-index: 100;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
#tooltip:after
/* triangle decoration */
{
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #111;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}
#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto;
}
#tooltip.left:after {
  left: 10px;
  margin: 0;
}
#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}
/*------------------- tooltip css LOY ------------------*/
.already_img {
  width: 300;
  height: 332px;
  float: left;
}
.already_img img {
  width: 100%;
  max-width: 300px;
}
.already_gray {
  width: 457px;
  float: left;
  margin-left: 10px;
  /*background:#f2f2f2;*/
  height: 332px;
  font-size: 24px;
  padding: 2% 2% 1% 2%;
  color: #181818;
  line-height: normal;
}
.gray_select_design.my_gray_select_design {
  background: transparent;
  height: auto;
  margin-top: 14%;
  padding: 2%;
}
.gray_select_design.my_gray_select_design a {
  /*background: url(images/selected-design.png) left center transparent no-repeat;*/
  background: url(images/already-registered.png) left center transparent no-repeat;
  width: 64px;
  height: 64px;
  display: inline-block;
  margin-top: 100px;
  margin-left: 30px;
}
.gray_select_design {
  width: 457px;
  background: #e8e8e8;
  float: left;
  margin-left: 10px;
  /*background:#f2f2f2;*/
  height: 332px;
  font-size: 26px;
  padding: 7% 2% 1% 2%;
  color: #181818;
  line-height: normal;
  position: absolute;
  top: 18%;
  right: 7px;
}
.already_foot {
  width: 70%;
  color: #7f7f7f;
  font-size: 14px;
}
.already_foot a {
  color: #4896d5;
  text-decoration: none;
}
.already_foot a:hover {
  text-decoration: underline !important;
}
.fancybox-skin {
  padding: 15px 15px 52px !important;
}
.whole_newdesign_update {
  float: right;
  margin-right: 8px;
  padding: 1px;
}
.updates_new_design {
  float: left;
}
.updates_new_design a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
}
.updates_new_design a:hover {
  text-decoration: underline;
}
.updates_new_plus {
  float: left;
  margin-left: 6px;
}
.updates_new_plus img {
  width: 20px;
}
.update_design_menu {
  padding: 0% 2%;
  width: 50%;
}
.update_design_menu select {
  border: none;
  width: 100%;
  font-size: 14px;
}
/*-----------------------10.06.2013------------------------------*/
.update_confirm {
  width: 80%;
  margin: 4% 0;
  overflow: hidden;
  font-size: 18px;
  /*font-weight:bold;*/
}
.uc_text {
  width: 60%;
  float: left;
  text-align: left;
  overflow: hidden;
  padding-bottom: 2px;
}
.uc_text2 {
  width: 100%;
  float: left;
  text-align: left;
  overflow: hidden;
}
.uc_text2 input[type="text"][placeholder] {
  border: none;
  width: 100%;
  padding: 2% 0;
  font-size: 18px;
  color: #000;
}
.uc_doller {
  width: 30%;
  float: right;
  text-align: right;
  overflow: hidden;
}
.uc_pay {
  width: 100%;
  overflow: hidden;
}
.uc_total {
  width: 100%;
  overflow: hidden;
  font-size: 22px;
  margin: 2% 0;
}
.uc_torder {
  width: 70%;
  text-align: right;
  float: left;
}
.uc_tdoller {
  width: 20%;
  text-align: center;
  float: left;
}
.uc_np {
  float: left;
}
.tu_tarea {
  border: 0.004em solid #EAEAEA !important;
}
.tu_comment {
  width: 40px;
  height: 40px;
  background: url(images/chat_talk_round.png) top left;
  background-repeat: no-repeat;
  background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -webkit-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  -ms-background-size: 40px 40px;
  border: none;
  cursor: pointer;
}
/************************* CSS FOR UPDATES PAGES***********************************/
.left_menuboxsu1 {
  background: #3295C9 top center no-repeat;
}
.left_menuboxsu1 a:hover,
.suactive {
  background: #595959 top center no-repeat;
}
.left_menuboxut2 {
  background: #3295C9 top center no-repeat;
}
.left_menuboxut2 a:hover,
.suactive2 {
  background: #595959 top center no-repeat;
}
.con_profile_input {
  font-size: 16px;
  width: 75%;
}
.loginpage_links a:hover {
  text-decoration: underline !important;
}
/*************-------------------- Coming Soon -----------------**************/
.coming_soon_wrapper {
  width: 70%;
  margin: 20px auto;
  color: #fff;
}
.coming_soon_wrapper a {
  text-decoration: none;
  color: #fff;
  font-weight: bold;
}
.coming_soon_lp {
  width: 30%;
  text-align: center;
  float: left;
}
.coming_soon_rp {
  width: 60%;
  float: left;
  text-align: left;
}
.coming_soon_rp h1 {
  font-size: 24px;
  margin-bottom: 6%;
  color: #fff;
}
.coming_soon_rp_link {
  font-size: 20px;
}
.coming_soon_rp_link a {
  text-decoration: underline;
  font-weight: bold;
}
/*---------------------------*/
.build_together_addfile {
  background: url(images/add_round.png) top left no-repeat !important;
  background-size: 25px !important;
  margin: 12 !important;
  overflow: visible !important;
  cursor: pointer !important;
  border: none !important;
  width: 26px !important;
  height: 25px !important;
  margin-left: 26px !important;
}
/*------------------- 3 Screens -------------------*/
.sreens_main {
  width: 777px;
  overflow: visible;
  height: 640px;
  position: relative;
  margin: 0 auto;
}
.sreens_main h1 {
  font-size: 30px;
  line-height: normal;
  padding-bottom: 8px;
  text-transform: capitalize;
  padding-left: 15px;
  font-family: Arial, Helvetica, sans-serif;
}
.iphone {
  width: 169px;
  height: 253px;
  background: url(images/IPhone.png) no-repeat center;
  /* background-size:200px; */
  position: absolute;
  top: 8px;
  left: 35px;
  padding: 97px 47px;
  overflow: hidden;
}
.iphone-inner {
  width: 154px;
  height: 255px;
  overflow: hidden;
  margin-left: 9px;
}
.iphone img {
  height: auto;
}
.mac_screen {
  /*width: 383px;
  height: 350px;
  padding: 76px 55px 120px 55px;
  background: url(images/CinemaMac.png) no-repeat center;
  background-size: 408px;*/
  position: absolute;
  /*right: 23px;*/
}
.corporate-mac-screen {
  background-size: auto auto !important;
  background-position: center top;
  /*height: 301px !important;
padding: 36px 55px 111px !important;*/
  height: 288px;
  padding: 32px 55px 111px !important;
  width: 650px !important;
}
.mac_screen-inner {
  width: 383px;
  height: 233px;
  overflow: hidden;
}
.mac_screen-inner-min {
  width: 370px;
  height: 233px;
  overflow: hidden;
  margin-top: 90px;
  margin-left: 6px;
}
.mac_screen .mac_screen-inner-min {
  margin-top: 89px;
}
.mac_screen .mac_screen-inner-min img {
  height: 231px;
}
.corporate-mac-screen .mac_screen-inner {
  height: auto !important;
  width: auto !important;
  margin: 0 -1px 0 -4px;
}
.mac_screen img {
  width: 100%;
  height: auto;
}
.ipad_screen {
  width: 245px;
  height: 185px;
  padding: 64px 41px;
  background: url(images/ipad.png) no-repeat center;
  background-size: 300px;
  position: absolute;
  bottom: 92px;
  left: 63px;
  overflow: hidden;
}
.ipad_screen-inner {
  width: 245px;
  height: 185px;
  overflow: hidden;
}
.ipad_screen img {
  width: 100%;
  height: auto;
}
/*--------------------------------new-------------------------------------*/
.designsreens_main {
  overflow: visible;
  height: 850px;
  position: relative;
  margin: 0 auto;
}
.design_iphone {
  width: 149px;
  height: 254px;
  background: url(images/IPhone.png) no-repeat center;
  /*background-size:200px;*/
  padding: 57px 47px;
  overflow: hidden;
  float: left;
  position: absolute;
  bottom: 95px;
  right: 302px;
}
.design_iphone img {
  width: 103%;
  height: 100%;
}
.design_mac_screen {
  width: 383px;
  height: 302px;
  padding: 19px 55px 120px 55px;
  /*background: url(images/CinemaMac.png) no-repeat center;*/
  background-size: 408px;
  position: absolute;
  float: left;
  /* margin-left:6%;*/
  /*margin-top: 20px;*/
  margin-left: -20px;
}
.design_mac_screen img {
  width: 100%;
  height: 78%;
}
.design_ipad_screen {
  width: 257px;
  height: 184px;
  padding: 64px 43px 64px 27px;
  background: url(images/ipad.png) no-repeat center;
  background-size: 300px;
  position: absolute;
  bottom: 125px;
  right: 0px;
  float: left;
}
.design_ipad_screen img {
  width: 100%;
  height: 100%;
}
/*------------------------end new----------------------------------------------*/
.mac_menus {
  /*background: url(images/right_arrow1.png) no-repeat left top;*/
  background: url(images/play.png) no-repeat left top;
  position: relative;
  float: left;
  width: 48px;
  height: 48px;
  z-index: 99;
  cursor: pointer;
  background-size: 100%;
}
.mac_menus1 {
  background: url(images/right_arrow.png) no-repeat left top;
  position: relative;
  float: left;
  width: 48px;
  height: 48px;
  z-index: 99;
  cursor: pointer;
  background-size: 100%;
}
.favourites-icon {
  background: url(images/heart-24_1.png) no-repeat left top;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  z-index: 0;
  cursor: pointer;
  margin-left: 3px;
}
.select-design-icon {
  background: url(images/select-design_1.png) no-repeat left top;
  position: relative;
  float: left;
  width: 48px;
  height: 48px;
  z-index: 0;
  cursor: pointer;
  /*margin-left: 5px;*/
  background-size: 100%;
}
.mac_menus .mac_menus_div {
  position: absolute;
  width: 335px;
  background: none;
  left: 30px;
  top: 0;
  display: none;
}
.mac_menus .mac_menus_div ul {
  list-style: none;
  background: #00b0f0;
  margin-left: 10px;
  padding: 20px 0px;
}
.mac_menus .mac_menus_div ul li {
  line-height: 16px;
  color: #fff;
}
.mac_menus:hover .mac_menus_div {
  display: block;
}
.for_slide {
  width: 100%;
}
.for_slide img {
  width: 100%;
}
.rsContent img {
  height: auto !important;
  width: 100% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
}
.menu_mid_drop {
  position: absolute;
  top: 93%;
  left: 1%;
  width: 66%;
  z-index: 999;
}
.welcome_note {
  float: left;
  margin-bottom: 3%;
  margin-left: 1%;
  margin-top: 5%;
  overflow: hidden;
  width: 70%;
}
.welcome_note h1 {
  font-size: 44px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 0px;
  font-weight: 300;
  color: #000;
  line-height: 70px;
  /*text-shadow: rgb(3, 3, 3) 4px 2px 4px;
filter: Shadow(Color=black, Direction=130, Strength=4);*/
}
.welcome_note p {
  font-size: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-weight: 400;
  line-height: 24px;
  /*text-shadow: rgb(3, 3, 3) 4px 1px 4px;	
filter: Shadow(Color=black, Direction=130, Strength=4);*/
}
.shadow_style {
  box-shadow: 1px 2px 4px #6C6C6C;
  font-size: 24px !important;
}
.why_how {
  float: right;
  width: 100%;
  padding: 1% 0;
  text-align: right;
}
.why_how ul {
  list-style: none !important;
}
.why_how ul li {
  display: inline;
  margin: 0 2%;
  font-size: 14px;
}
.why_how ul li a {
  color: #fff;
  text-decoration: none;
}
.why_how ul li a:hover {
  text-decoration: underline;
}
.why_how_active {
  color: #37b0f0 !important;
  /* font-weight:bold !important;*/
}
.top_two_header2 {
  width: 100%;
  top: 45px;
  overflow: hidden;
  background: #000;
  padding: 0px 0px;
  border-bottom: 1px solid #e1e1e1;
  position: fixed;
  z-index: 999;
  /*-moz-box-shadow: 1px 2px 4px #6C6C6C;
-webkit-box-shadow: 1px 2px 4px #6C6C6C;
box-shadow: 1px 2px 4px #6C6C6C;*/
}
.page_content {
  width: 100%;
  float: left;
}
.page_contentleft {
  width: 25%;
  margin-right: 2%;
  float: left;
  overflow: hidden;
  text-align: center;
}
.page_contentleft img {
  width: 90%;
  height: auto;
}
.page_contentright {
  width: 72%;
  float: right;
}
.page_contentright h1 {
  font-size: 36px;
  line-height: normal;
  font-weight: bold;
}
.page_contentright ul {
  padding-top: 15px;
}
.page_contentright li {
  padding: 5px 0;
  font-size: 24px;
  line-height: normal;
}
.how_starter img {
  width: 70%;
  height: auto;
}
.page_top {
  width: 100%;
  text-align: center;
}
.page_buttom {
  width: 100%;
  text-align: center;
}
.sid_setting {
  padding-bottom: 10px;
  padding-top: 26px;
  width: 43%;
  font-size: 20px;
  overflow: hidden;
  /*display: none;*/
}
.sid_arrowsetting {
  text-align: left;
  width: 100%;
  position: relative;
  right: -101px;
}
.sid_arrowsetting img {
  cursor: pointer !important;
}
.sid_setting_title {
  cursor: pointer;
  float: left;
  padding: 10px 10px 0 16px;
}
.template_menu li a {
  color: #FFFFFF;
  display: block;
  padding: 10px 0 10px 20px;
  text-decoration: none;
  font-size: 24px;
}
.template_menu a:hover {
  color: #fff;
  background: #000000;
  text-decoration: none !important;
}
.page_padding1 {
  padding-top: 1%;
}
.page_padding2 {
  padding-top: 2%;
}
.page_padding3 {
  padding-top: 1%;
}
.page_padding4 {
  padding-top: 3%;
}
.page_padding5 {
  padding-top: 5%;
}
.page_padding6 {
  padding-top: 3%;
}
.page_padding7 {
  padding-top: 8%;
}
.page_padding8 {
  padding-top: 10%;
}
.page_padding9 {
  padding-top: 3%;
}
.page_padding10 {
  padding-top: 5%;
}
/*--------------------New Responsive---------------------*/
.responsive_temp {
  margin: 0;
}
.responsive_tab {
  width: 70px;
  height: auto;
  background: #09F;
  position: fixed;
  /*top:101px;*/
  /*left:710px;*/
  right: 0px;
  float: right;
  z-index: 999;
}
.responsive_tab img {
  padding-left: 5%;
}
.responsive_back_button {
  background: url(images/iframe_back.png) center no-repeat;
  padding: 32px 0;
  width: 100%;
  text-align: center;
  float: left;
}
.home_ico .design_menu select {
  background: none 0 0 repeat scroll #FFFFFF;
  line-height: 28px;
  padding: 4px 10px;
  font-size: 30px;
}
.responsive_home_button {
  background: url(images/iframe_home.png) center no-repeat;
  width: 100%;
  text-align: center;
  float: left;
  height: 53px;
  background-size: 50%;
}
.responsive_back_button:hover,
.responsive_back_button_active {
  background: url(images/iframe_back.png) center no-repeat #000;
}
.responsive_pc_button {
  background: url(images/pc.png) center no-repeat;
  padding: 32px 0;
  text-align: center;
  float: left;
  /*    margin-right: 7px;*/
  width: 100%;
}
.responsive_pc_button:hover,
.responsive_pc_button_active {
  background: url(images/pc.png) center no-repeat #000;
}
.responsive_tablet_button {
  background: url(images/tablet.png) center no-repeat;
  padding: 32px 0;
  text-align: center;
  float: left;
  width: 100%;
}
.responsive_tablet_button:hover,
.responsive_tablet_button_active {
  background: url(images/tablet.png) center no-repeat #000;
}
.responsive_phone_button {
  background: url(images/phone.png) center no-repeat;
  padding: 32px 0;
  text-align: center;
  float: left;
  width: 100%;
  /*    margin-left: 4px;*/
}
.responsive_phone_button:hover,
.responsive_phone_button_active {
  background: url(images/phone.png) center no-repeat #000;
}
.tablet_view {
  margin: 0 auto 0 auto;
  padding-top: 100px;
  background: #fff url(images/tab.png) no-repeat top left;
  width: 1031px;
  /*width:1242px;*/
  height: 722px;
}
.tablet_viewbox {
  margin-top: 80px;
}
.tablet_view_img {
  position: absolute;
  left: 205px;
  top: 172px;
}
.mobile_view {
  background: url(images/mobile_2.png) no-repeat #fff;
  width: 450px;
  height: 800px;
  margin: 0 auto;
  position: relative;
  top: 102px;
}
.mobile_view_img {
  position: absolute;
  left: 473px;
  top: 1113px;
}
/*------------------------- New Buildup Together----------------------*/
.build_right {
  width: 90%;
  float: right;
  min-height: 440px;
  /*before - 450px*/
  background: #f2f2f2;
  height: auto;
  padding-left: 10px;
}
.build_rightsid {
  background: none !important;
}
.build_button {
  width: 6%;
  float: right;
  /*min-height: 450px;*/
}
.buildup_button1 {
  padding: 17px;
  float: left;
  overflow: hidden;
  margin-bottom: 5px;
}
.buildup_active {
  background: #f2f2f2;
}
.buildup_button2 {
  padding: 17px;
  float: left;
  overflow: hidden;
  margin-bottom: 5px;
}
.buildup_button2:hover {
  background: #f2f2f2;
}
.buildup_button3 {
  padding: 17px;
  float: left;
  overflow: hidden;
  margin-bottom: 5px;
}
.buildup_button3:hover {
  background: #f2f2f2;
}
.buildup_button4 {
  padding: 17px;
  float: left;
  overflow: hidden;
  margin-bottom: 5px;
}
.buildup_button4:hover {
  background: #f2f2f2;
}
.build_step {
  width: 87%;
  height: 115px;
  background: #999;
  padding: 10px;
  margin: 15px 0 0 8px;
}
.step_head {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #FFF;
  margin-top: 2px;
}
/************* contractor page***************************/
.rotate {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
/*------------------------------ 23-09-13---------------------*/
.gray_back .worksheet_preview {
  width: 94%;
  height: 190px;
}
.gray_back .worksheet_preview img {
  margin-left: 15px;
  margin-top: 12px;
  height: 177px !important;
}
.worksheet_preview {
  background-size: 100% 100%;
  float: left;
  height: 290px;
  /*margin-bottom: 15px;*/
  overflow: hidden;
  width: 100%;
}
.worksheet_preview.my_worksheet {
  /*  background-size: auto auto;*/
  height: 195px;
}
.worksheet_preview.my_worksheet img {
  height: 180px !important;
  margin-left: 15px;
  margin-top: 14px;
  width: 91% !important;
}
.page-id-510 .gray_back {
  float: none;
}
.logbtn span {
  display: inline-block;
  margin-right: 10px;
}
.preview-btn {
  background: url(images/right_arrow.png) top left no-repeat !important;
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -2000px;
}
.preview-btn1 {
  background: url(images/right_arrow1.png) top left no-repeat !important;
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -2000px;
}
.download_btn {
  background: url(images/download-btn.png) top left no-repeat !important;
  display: inline-block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  text-indent: -2000px;
}
.project-work .worksheet_preview img {
  height: 268px !important;
  margin-left: 19px;
  margin-top: 20px;
  width: 91% !important;
}
.newrow_image .worksheet_preview img {
  height: 268px !important;
  margin-left: 19px;
  margin-top: 20px;
  width: 91% !important;
  border-radius: 15px;
}
.worksheet_preview img {
  height: 311px !important;
  margin-left: 22px;
  margin-top: 24px;
  width: 91% !important;
}
.worksheet_preview1 {
  width: 100%;
  height: 31px;
  float: left;
  overflow: hidden;
  background-size: 230px;
  margin-bottom: 15px;
}
.worksheet_preview1 h2 {
  font-size: 16px;
  color: #000;
}
/*-----------------------------------01-10-13------------------------*/
.design_mac_screen2 {
  /*    width:392px;
  height:304px;
  padding:15px 55px 93px 14px;
  background:url(images/CinemaMac.png) no-repeat top left;
  background-size:420px; float:left;
   margin-left:6%;*/
  width: 505px;
  /*height: 248px;*/
  /*padding: 27px 80px 107px 28px;*/
  /*background: url(images/CinemaMac.png) no-repeat top left;
  background-size: 614px;*/
  float: left;
  /* margin-left: 6%; */
}
.design_mac_screen2 img {
  /*    width:100%; 
  height:78%;*/
  width: 555px;
  height: auto;
  /*height: 140%;*/
  border-radius: 20px
}
.icon {
  float: left;
  margin-top: 6px;
  padding: 0 0 0 10px;
}
.arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #d9d9d9;
}
/*------------------------------- Domain_confermation-----------------------------*/
.avl_domain {
  width: 100%;
  height: 48px;
  float: left;
  line-height: 48px;
}
.right_img {
  margin-right: 15px;
  margin-top: 5px;
}
/*------------------------------- Domain not found section-----------------------------*/
.not_avl {
  width: 100%;
  height: 300px;
  float: left;
  margin: 0 auto;
}
.search_div {
  left: 44%;
  margin: 0 auto;
  position: absolute;
  top: 36%;
}
/*--------------------------------guide_page-------------05-03-2014----------------------*/
.guide_menu {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 40px;
}
.guide_menu1 {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  float: left;
}
.guide_menu1 img:active {
  background: url(../Guide_page/img/chat_talk_round_hover.png) no-repeat;
}
.guide_menu2 {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  float: left;
}
.guide_menu2 .active {
  background: url(../Guide_page/img/magnify_hover.png) no-repeat;
}
.guide_menu3 {
  width: 48px;
  height: 48px;
  margin-right: 10px;
  float: left;
}
.guide_menu2 .active {
  background: url(../Guide_page/img/chat_talk_round_hover.png) no-repeat;
}
.question {
  position: absolute;
  right: 2%;
  top: 75px;
}
.question2 {
  position: absolute;
  right: 2%;
  top: 84px;
}
.question3 {
  position: absolute;
  right: 1%;
  top: 102px;
}
.sid_setting_guide {
  padding-bottom: 10px;
  padding-top: 26px;
  width: 68%;
  font-size: 20px;
  overflow: visible;
}
.sid_setting_guide p {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
  line-height: 28px;
}
/*--------------------------------sample_page (page_id:940)-------------05-03-2014----------------------*/
.avalibility_sample {
  width: 100%;
  min-height: 60px;
  float: left;
  margin-top: 57px;
  position: relative;
  z-index: 0;
}
.avalibility_sample p {
  font-size: 24px;
  float: right;
  margin-right: 10px;
  margin: 1% 1% 0;
}
.domain_check_message {
  width: 99%;
  background: #C00000;
  min-height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: #FFF;
  padding-left: 1%;
  margin-bottom: 10px;
}
.domain_check_message1 {
  width: 99%;
  background: #006600;
  min-height: 45px;
  line-height: 45px;
  font-size: 16px;
  color: #FFF;
  padding-left: 1%;
  margin-bottom: 10px;
}
.text_box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #EAEAEA;
  background: -moz-linear-gradient(top, #FFF, #EAEAEA);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFF), color-stop(1.0, #EAEAEA));
  border: 1px solid #CACACA;
  color: #444;
  font-size: 1.4em;
  margin: 6px 10px 25px 0;
  padding: 5px 9px;
  width: 150px;
  float: right;
  border-radius: 4px;
}
.text_box:focus {
  background: #FFF;
}
.domain_next_button {
  width: 32px;
  height: 32px;
  background: url(images/right_arrow.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  background-size: 32px 32px !important;
}
/*---------------------Contructor_guide---------------------------------------*/
.store_link {
  color: #00B0F0;
  margin-left: 7px;
}
.store_link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.contructor_guide {
  width: 95%;
  height: 20px;
  border-bottom: 1px #000 solid;
}
.question_contructor {
  float: right;
  margin: 2% 4% 2% 0%;
}
/*_________________________________________*Ectivo- Distribution System Start here*______________________________ */
.embded_text {
  width: 73%;
  min-height: 75px;
  float: left;
  padding: 5px;
}
.embded_question {
  float: left;
  margin: 0% 0% 0% 3%;
}
.store_front_embded {
  width: 100%;
  margin-top: 2%;
  min-height: 45px;
}
.store_front_embded p {
  width: 150px;
  float: left;
  font-size: 20px;
  margin: 6px 0 0 0;
}
.color {
  width: 30px;
  height: 30px;
  /*background:#de610e;*/
  float: left;
  margin-right: 15px;
}
.store_front_embded select {
  width: 15%;
  float: left;
  min-height: 35px;
}
.store_front_embded input {
  width: 18%;
  float: left;
  min-height: 30px;
  padding-left: 1%;
  border: 1px solid #d7d7d7;
}
.embed_start_btn {
  border: medium none;
  color: #fff;
  float: right;
  font-size: 24px;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  width: 340px;
  background: #006600;
  cursor: pointer;
  margin-right: 4%;
}
.embed_start_btn:hover {
  background: #000;
}
/*********************************Free_ Consult*******************************/
.consult_textarea {
  width: 450px;
  height: 250px;
  padding: 5px;
}
/*********************************Fetured Designer*******************************/
.fetured_text {
  font-size: 18px;
  font-weight: bold;
  line-height: normal;
  width: 410px;
  margin-bottom: 50px;
}
.fetured_text2 {
  font-size: 16px;
  line-height: normal;
  margin-top: 10px;
}
.cpanel-text {
  width: 100%;
  float: left
}
.cpanel-text p {
  font-size: 16px !important;
  line-height: normal !important;
  font-weight: normal !important;
  margin: 10px 0 0 0 !important;
}
.fetured_support {
  display: block;
  float: left;
  margin-bottom: 50px;
  margin-left: 31px;
  width: 60%;
}
.templates_tab {
  width: 450px;
  float: left;
  display: none;
  margin-top: 20px;
}
/*.tab_button{
  width:100%;
  float:left;
}*/
.tab_button {
  background: none repeat scroll 0 0 #000;
  color: #fff;
  float: left;
  font-size: 14px;
  margin-right: 6px;
  padding: 12px;
  font-weight: bold;
  cursor: pointer;
}
.tab_button:hover {
  background: #00b0f1;
}
.suggest_active {
  background: #00b0f1;
}
.tab_content {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.tab_content p {
  font-size: 16px;
  line-height: normal;
  margin-top: 20px;
  margin-bottom: 20px;
}
.tab_content select {
  width: 405px;
  height: 35px;
  margin-bottom: 15px;
  padding-left: 5px;
  font-size: 15px;
}
.tab_content_input {
  width: 400px;
  height: 35px;
  margin-bottom: 15px;
  padding-left: 5px;
  font-size: 15px;
}
.tab_content_2 {
  width: 100%;
  float: left;
}
.tab_content_2 p {
  font-size: 19px;
  line-height: normal;
  margin-top: 20px;
  margin-bottom: 20px;
}
.update_button2 {
  width: 35px;
  height: 35px;
  background: url(images/update.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  margin-top: 20px;
  background-size: 35px !important;
}
.color_section {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.color_section p {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.color_section2 {
  width: 32%;
  margin: 0 auto;
}
.yellow {
  padding: 15px;
  border-radius: 100%;
  background: #ebe600;
  width: 0px;
  float: left;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
}
.red {
  padding: 15px;
  border-radius: 100%;
  background: #e60000;
  width: 0px;
  float: left;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
}
.orrange {
  padding: 15px;
  border-radius: 100%;
  background: #e25b00;
  width: 0px;
  float: left;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
}
.green {
  padding: 15px;
  border-radius: 100%;
  background: #009900;
  width: 0px;
  float: left;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
}
.blue {
  padding: 15px;
  border-radius: 100%;
  background: #0070c0;
  width: 0px;
  float: left;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
}
.pink {
  padding: 15px;
  border-radius: 100%;
  background: #d60093;
  width: 0px;
  float: left;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
}
.grey {
  padding: 15px;
  border-radius: 100%;
  background: #a2a2a2;
  width: 0px;
  float: left;
  cursor: pointer;
  margin-top: 5px;
  margin-left: 5px;
}
.color_active {
  background: #d7d7d7;
  float: left;
  width: 40px;
  height: 40px;
}
.color_margin {
  margin-right: 10px;
  margin-top: 10px;
  float: left;
  width: 40px;
  height: 40px;
}
.featured_cheklist {
  display: none;
  width: 600px;
  text-align: justify;
}
.featured_cheklist p {
  font-size: 16px;
}
.go_next {
  width: 35px;
  height: 35px;
  background: url(images/right_arrow.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  background-size: 35px !important;
  margin-bottom: 15px;
}
/*------------------- 3 Screens for Feature Upload -------------------*/
.featured_upload_btn {
  background: #006600;
  border: medium none;
  color: #fff;
  cursor: pointer;
  float: left;
  font-size: 18px;
  padding: 5px;
}
.featured_upload_btn:hover {
  background: #000;
}
.feature_device {
  width: 100%;
  float: left;
}
.feature_iphone {
  width: 106px;
  height: 222px;
  background: url(images/IPhone.png) no-repeat center;
  background-size: 100px;
  overflow: hidden;
  float: left;
}
.feature_iphone-inner {
  height: 141px;
  margin-left: 12px;
  margin-top: 41px;
  overflow: hidden;
  width: 85px;
}
.feature_iphone img {
  height: auto;
}
.feature_mac_screen {
  /*width: 283px;
  height: 295px;
  background: url(images/CinemaMac.png) no-repeat center;
  background-size: 250px;*/
  position: relative;
  float: left;
}
.feature_mac_screen-inner {
  height: 142px;
  left: 24px;
  overflow: hidden;
  position: absolute;
  top: 27px;
  width: 234px;
}
.feature_mac_screen img {
  width: 100%;
  height: auto;
}
.feature_ipad_screen {
  width: 175px;
  height: 174px;
  background: url(images/ipad.png) no-repeat center;
  background-size: 160px;
  float: left;
}
.feature_ipad_screen-inner {
  height: 98px;
  margin-left: 21px;
  margin-top: 38px;
  overflow: hidden;
  width: 130px;
}
.feature_ipad_screen img {
  width: 100%;
  height: auto;
}
.feature_device_upload {
  float: left;
  margin-left: 20px;
  margin-top: 16px;
  width: 320px;
}
.feature_device_upload input {
  width: 200px;
  float: left;
}
.save_confirm_button {
  width: 35px;
  height: 35px;
  background: url(images/save_confirm_button.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  float: left;
  margin-bottom: 50px;
  background-size: 35px;
}
.temp_filespc,
temp_filesiphone,
temp_filestablet {
  width: 53%;
  font-size: 12px !important;
  float: left;
  margin-top: 15px;
}
.temp_filesiphone {
  width: 53%;
  font-size: 12px !important;
  float: left;
  margin-top: 15px;
  margin-left: 20px;
}
.temp_filestablet {
  width: 53%;
  font-size: 12px !important;
  float: left;
  margin-top: 15px;
  margin-left: 15px;
}
/*------------------- suggested download template -------------------*/
.suggest_template {
  width: 100%;
  float: left;
  margin-top: 7%;
}
.suggest_dropdown {
  width: 40%;
  height: 35px;
  text-align: left;
  margin-left: 30%;
  font-size: 16px;
}
.suggest_titile {
  width: 100%;
  float: left;
}
.suggest_titile h1 {
  font-size: 45px;
  text-align: center;
  margin-top: 20px;
}
.suggest_titile p {
  font-size: 14px;
  text-align: center;
}
.suggest_home-btn {
  width: 50px;
  height: 50px;
  background: url(images/home_icon.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  float: left;
  margin-bottom: 50px;
  margin-left: 50%;
}
.template_section {
  width: 97%;
  float: left;
  margin-left: 1%;
  margin-bottom: 3%;
}
.template_sample {
  width: 30%;
  float: left;
  margin-left: 2.5%;
  margin-bottom: 2%;
}
.template_bg {
  width: 100%;
  background: #f2f2f2;
  float: left;
  min-height: 200px;
  margin-bottom: 10px;
}
.subtemplate {
  width: 70%;
  min-height: 150px;
  float: left;
  background: #d9d9d9;
}
.template_link {
  width: 28%;
  min-height: 200px;
  margin-left: 2%;
  float: left;
}
.template_link p {
  font-size: 14px;
  margin: 7px 8px 7px 0;
  background: #00b0f1;
  border-radius: 2px;
  text-align: center;
  padding: 4px;
}
.template_link a {
  color: #FFFFFF;
  text-decoration: none;
}
.template_link p:hover {
  background: #333;
  transition: 0.5s all ease;
}
.suggested_name {
  float: left;
  width: 50%;
}
.suggested_name h3 {
  font-size: 16px;
  font-weight: bold;
  color: #00b0f0;
  margin-top: 10px;
  margin-left: 6px;
}
.suggested_name p {
  margin: 0 0 0 6px;
  font-size: 14px;
}
/*.suggest_tem_select{
  height: 35px;
    margin: 2% auto 0 30%;
    padding-left: 10px;
    width: 40%;
}*/
.not_found {
  text-align: center;
  font-size: 24px;
}
.template_like {
  width: 50%;
  float: left;
  margin-bottom: 0px;
  margin-top: 6px;
}
.like_btn {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
/*-------------------------------Featured Designer---------------------------------*/
.feature_designer {
  float: left;
  left: 390px;
  min-height: 100px;
  position: absolute;
  top: 553px;
  width: 350px;
}
/*.designer_img{
  border-radius: 100%;
    float: left;
    height: 100px;
    overflow: hidden;
    width: 100px;
 }
*/
.designer_name {
  float: left;
  margin-left: 20px;
  margin-top: 20px;
}
.designer_name p {
  font-size: 20px;
  color: #00b0f1;
  margin: 0px;
}
.designer_name h1 {
  font-size: 28px;
}
.escrow_text {
  width: 100%;
  float: left;
}
.escrow_text h2 {
  font-size: 24px;
  font-weight: bold;
}
.escrow_text p {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  margin: 10px 0 0 0;
  color: #7f7f7f
}
.pagination2 {
  width: 60%;
  float: left;
  margin-left: 42%;
  margin-bottom: 2%;
  height: 60px;
  /*background:#f2f2f2;*/
}
.pagination2 ul {
  list-style: none;
}
.pagination2 ul li {
  float: left;
  list-style: none outside none;
  text-align: center;
  margin-top: 12px;
  margin-left: 10px;
  /*background: none repeat scroll 0 0 #f2f2f2;*/
  text-decoration: none;
  color: #000;
  font-size: 18px;
  /*border:#999 1px solid;*/
  padding: 8px 14px;
  line-height: 37px;
}
/*.pagination2 ul li a{
  background: none repeat scroll 0 0 #f2f2f2;
  text-decoration:none;
  color:#000;
  font-size:18px;
  border:#999 1px solid;
  padding:8px 14px;
  line-height:37px;
}*/
.share_it {
  float: right;
  position: absolute;
  right: 0;
  top: 31px;
  width: 485px;
  z-index: 1;
}
.share_it h1 {
  font-size: 24px;
  line-height: normal;
  text-transform: capitalize;
  margin: 0px;
}
.share_it a {
  margin-left: 10px;
}
.share_it input {
  height: 32px;
  margin: 5px 0 5px 15px;
  width: 393px;
  font-size: 16px;
  padding-left: 5px;
}
.page_prev {
  background: url(images/page_prev.png) no-repeat !important;
  width: 60px;
  height: 60px;
  float: left;
}
.page_next {
  background: url(images/page_next.png) no-repeat !important;
  width: 60px;
  height: 60px;
  float: left;
}
.my-design_mac_screen2 {
  width: 580px;
  height: auto;
  padding: 29px 32px 82px 29px;
  background-size: 100%;
  float: left;
  /* margin-left:6%;*/
}
.design_mac_screen2.select_design_mac img {
  height: 362px;
  width: 580px;
}
.client-btn {
  background: url(images/chat-icon.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -20000px;
  cursor: pointer;
}
.worksheet-btn {
  background: url(images/button2-hover.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -20000px;
  cursor: pointer;
}
.files-btn {
  background: url(images/button3-hover.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -20000px;
  cursor: pointer;
}
.client-btn.subactive {
  background: url(images/chat-icon-black-new.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  /*display: inline-block;*/
  overflow: hidden;
  text-indent: -20000px;
  cursor: pointer;
}
.worksheet-btn.subactive {
  background: url(images/button2-new.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -20000px;
  cursor: pointer;
}
.files-btn.subactive {
  background: url(images/button3.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -20000px;
  cursor: pointer;
}
.client-btn:hover {
  background: url(images/chat-icon-black-new.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -20000px;
  cursor: pointer;
}
.worksheet-btn:hover {
  background: url(images/button2-new.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -20000px;
  cursor: pointer;
}
.files-btn:hover {
  background: url(images/button3.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  display: inline-block;
  overflow: hidden;
  text-indent: -20000px;
  cursor: pointer;
}
.select-design-image .my-mac_screen {
  background-size: 100% 100% !important;
  width: 90% !important;
  height: auto !important;
  padding: 4% 4.5% 0 4.5% !important;
}
.select-design-image .my-mac_screen img {
  width: 99.5%;
  border-radius: 20px;
}
.my-mac_screen {
  /*height: 287px !important;*/
  /*height: 238px !important;*/
  /*padding: 32px 98px 111px !important;*/
  /*padding: 32px 102px 111px 30px !important;*/
  /*padding: 32px 102px 0px 30px !important;*/
  background-position: center top;
  width: 649px !important;
  background-size: auto !important;
  overflow: hidden;
  top: 92px;
}
.my-mac_screen-inner {
  width: auto !important;
  height: auto !important;
  margin: -0.5px -1px 0 -4px;
}
.mac_menus {
  top: 435px;
  /*    top: 475px;*/
  left: 12px;
  background-position: center top;
}
.my-content_right2 {
  width: 55%;
}
.my-designsreens_main {
  height: auto;
}
.my-mac_screen img {
  height: auto;
}
#form_domain_check div.button_two {
  padding-top: 8px;
}
.demo_preview {
  background: url(images/right_arrow1.png) left center no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  overflow: hidden;
}
.mobi-mobile-section {
  text-align: center;
  max-width: 480px;
  margin: 0 auto;
}
.page-id-2043 .wrapper_three1 {
  background: #00B0F1;
}
.mobi-mobile-section img {
  display: inline-block;
}
.mobi-mobile-section p {
  text-align: center;
}
.page-id-940 .fancybox-outer .fancybox-nav {
  display: none;
}
.page-id-940 .fancybox-overlay .fancybox-skin {
  padding: 15px 0 52px !important;
}
.page-id-940 .fancybox-skin .fancybox-close {
  bottom: 40%;
  background: url(images/left_arrow.png) no-repeat left center;
  width: 40px;
  height: 40px;
  margin-left: -20px;
}
.mac_menus.my_pcwebsite {
  left: 0;
  top: 0;
}
.mac_screen.for-mac-screen {
  /*height: 350px;*/
  height: 316px;
  overflow: hidden;
  left: 12px;
  padding: 39px 33px 35px;
  position: absolute;
  right: auto;
  width: 630px;
  top: 50px;
}
.for-mac-screen .mac_screen-inner-min {
  height: 384px;
  margin-left: -2px;
  margin-top: -5px;
  overflow: hidden;
  width: 630px;
}
.mac_screen.for-mac-screen .mac_screen-inner-min img {
  height: auto;
}
.remove-btn {
  display: inline-block;
  height: 40px;
  left: 584px;
  position: relative;
  top: 500px;
  width: 40px;
  background: url("images/close-mac.png") no-repeat scroll center center;
}
.my-menu {
  /*    top:430px;*/
  top: 408px;
}
/********************************* For Responsive *******************************/
/*********************************Tablet Version*******************************/
@media (min-width: 1000px) and (max-width: 1024px) {
  .already_gray {
    width: 40%;
    float: left;
    margin-left: 10px;
    /*background:#f2f2f2;*/
    height: 332px;
    font-size: 26px;
    padding: 1% 2%;
    color: #181818;
  }
  .already_gray p {
    color: #181818;
    font-size: 21px;
  }
}
@media only screen and (max-width: 860px) {
  .new_footer3 .float_left {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .new_footer3 {
    text-align: center;
  }
  .menu2_box.float_left {
    width: 20%;
    margin: 0 1%;
  }
  .menu2_box_one.float_left {
    width: 20%;
    margin: 0 1%;
  }
  .menu2 .menu_right2 {
    margin-right: -20%;
  }
  .elogo {
    float: left;
    position: relative;
    margin: 0;
  }
  .box_list2 {
    width: 10%;
  }
  .input_cl {
    width: 40%;
    margin-bottom: 25px;
  }
  .sreens_main {
    width: 100%;
    height: 450px;
  }
  .corporate-mac-screen {
    width: 450px !important;
    padding: 20px 25px 0px !important;
    background-size: 100% 100% !important;
    position: relative;
    margin: 0 auto;
    height: 267px;
  }
  .mac_menus {
    top: 310px;
  }
  .mac_screen img {
    height: 100%;
  }
  .corporate-mac-screen .mac_screen-inner {
    height: 265px !important;
    width: 454px !important;
    margin-top: 0 !important;
  }
}
@media only screen and (width: 768px) {
  .content_box2 .sreens_main {
    width: 706px !important;
  }
}
@media all and (max-width: 768px) {
  .left_panel {
    width: 14% !important;
  }  
  /*----------------start iphone, mac, pad------------------------*/
  .iphone {
    width: 169px;
    height: 258px;
    background: url(images/IPhone.png) no-repeat center top;
    /*background-size:200px; */
    position: absolute;
    top: 8px;
    left: 35px;
    padding: 50px 47px;
    overflow: hidden;
    margin-top: 50px;
  }
  .mac_screen {
    /*width: 283px;
    height: 268px;*/
    padding: 12px 55px 120px 32px;
    /*background: url(images/CinemaMac.png) no-repeat center top;
    background-size: 370px;*/
    /*position: absolute;
    top: 163px;
    left: 280px;*/
  }
  .mac_screen-inner {
    width: 306px;
    height: 185px;
    overflow: hidden;
  }
  /*----------------end iphone, mac, pad------------------------*/
  .sid_setting {
    width: 50% !important;
  }
  .loginpage_links a {
    width: 60% !important;
  }
  .sreens_main {
    width: 657px !important;
  }
  .sd_new_wrap {
    width: 640px !important;
  }
  .for_image {
    width: 100% !important;
  }
  .for_image img {
    width: 100% !important;
    max-width: 400px;
    max-height: 345px;
  }
  .for_info,
  .header_part {
    width: 420px !important;
  }
  .sample_tags {
    width: 390px !important;
  }
  .for_image2 {
    width: 220px !important;
    margin-right: 15px !important;
  }
  .for_info,
  .header_part {
    width: 99% !important;
    margin-left: 0;
  }
  .sample_tags {
    width: 100% !important;
  }
  .customize3 ul {
    width: 90% !important;
  }
  .for_image2 img {
    width: 100% !important;
  }
  .customize {
    width: 98% !important;
  }
  .customize ul,
  .customize2 ul {
    width: 100% !important;
  }
  .content_right3 {
    width: 38% !important;
  }
  .design_mac_screen {
    width: 300px !important;
    height: 232px !important;
    padding: 11px 55px 120px 10px !important;
    /*background: url(images/CinemaMac.png) no-repeat left top!important;*/
    background-size: 320px !important;
    position: absolute;
    float: left;
    /* margin-left:6%;*/
    /*margin-top: 20px;*/
    margin-left: -20px;
  }
  .design_iphone {
    bottom: 145px !important;
  }
  .design_ipad_screen {
    bottom: 155px !important;
  }
  .design_mac_screen2 {
    width: 262px;
    height: 204px;
    padding: 10px 15px 93px 9px;
    /*background: url(images/CinemaMac.png) no-repeat top left;
    background-size: 280px!important;*/
    float: left;
    /* margin-left:6%;*/
  }
  .already_gray {
    width: 323px !important;
  }
}
/*********************************Mobile Version*******************************/
@media only screen and (max-width: 767px) {
  #contents_show .sd_new_wrap {
    width: 100%;
  }
  .for_image {
    width: 100% !important;
  }
  .for_image img {
    max-height: 345px;
    max-width: 400px;
    width: 100% !important;
  }
  .for_info,
  .header_part {
    margin-left: 0;
    width: 99% !important;
  }
  .sample_tags {
    width: 100% !important;
  }
  .customize {
    width: 98% !important;
  }
}
@media only screen and (max-width: 750px) {
  .new_footer3 .float_left a {
    display: inline-block;
    margin: 5px;
  }
  .new_footer3 .float_left a span {
    display: inline-block;
    margin: 0;
  }
  .new_footer3 {
    bottom: 2%;
    margin-top: 5%;
  }
  .etext2 {
    margin-top: 2%;
  }
}
@media only screen and (max-width: 705px) {
  .corporate-mac-screen {
    padding: 20px 22px 0 !important;
    float: left;
  }
  .corporate-mac-screen .mac_screen-inner {
    margin: 0 !important;
    width: 449px !important;
  }
}
@media only screen and (min-width: 300px) and (max-width: 679px) {
  .topheader3 .menu2 .menu_right2 {
    display: none !important;
  }
  .topheader3 .menu2 .menu_left {
    width: 80% !important
  }
  .topheader3 .menu2 .menu_left .etext2 {
    margin: 1.5% 0 1.5% 3% !important;
  }
  .topheader3 .elogo {
    width: 60px !important;
  }
  .learmore_btn {
    width: auto;
  }
}
/*@media only screen and (min-device-width: 300px) and (max-device-width: 679px) {
  .topheader3 .menu2 .menu_right2{display: none !important;}
  .topheader3 .menu2 .menu_left{width: 80% !important}
  .topheader3 .menu2 .menu_left .etext2{margin: 1.5% 0 1.5% 3% !important ;}
  .topheader3 .elogo{width: 60px !important;}
}*/
@media only screen and (min-width: 393px) and (max-width: 621px) {
  .mac_screen.corporate-mac-screen {
    height: 200px;
    width: 320px !important;
    background-size: 353px auto !important;
    padding: 16px 22px 0 !important;
  }
  .corporate-mac-screen .mac_screen-inner {
    width: 320px !important;
    height: 200px !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 491px) {
  .mac_screen.corporate-mac-screen {
    margin: 0 0 0 15% !important;
  }
}
@media only screen and (min-devicewidth: 393px) and (max-width: 480px) {
  .content_box2 .sreens_main {
    height: auto !important;
    min-height: 450px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .menu2_box {
    padding: 4% 0 !important;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .menu_mid_drop {
    width: 90% !important;
    margin-top: 15px !important;
  }
  .design_menu {
    width: 44% !important;
  }
  .welcome_note {
    width: 90% !important;
  }
  .user_choice {
    display: block;
    font-size: 12px !important;
  }
  .loginpage_links a {
    width: 100% !important;
  }
  .topheader {
    height: 43px !important;
  }
  .topheader2 {
    background: #00b0f1;
    color: #FFFFFF;
    width: 100%;
    margin: 0 auto;
    float: left;
    orphans: inherit;
    /*height:54px;*/
    overflow: hidden;
    /*padding:10px 0px;*/
    /*border-bottom: 1px solid #005684;*/
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
    position: fixed;
    top: 0;
    z-index: 999;
    /*-moz-box-shadow: 1px 2px 4px #6C6C6C;
-webkit-box-shadow: 1px 2px 4px #6C6C6C;
box-shadow: 1px 2px 4px #6C6C6C;*/
    min-height: 50px !important;
  }
  .elogo {
    position: relative;
    top: 0;
    left: 0;
    /*margin: 10px auto;*/
    width: 100%;
    clear: both;
    text-align: center;
  }
  .menu2 {
    width: 80%;
    position: relative;
    float: left;
  }
  .topheader3 .menu2 .menu_left {
    width: 100% !important;
  }
  .topheader2 .menu2 {
    display: none;
  }
  .etext2 {
    margin-left: 0;
  }
  .menu_left2 {
    width: 100%;
  }
  .menu_right2 {
    float: right;
    width: 100%;
    overflow: hidden;
    margin: 0px !important;
    margin-top: 10px !important;
  }
  .wrapper_three {
    margin-top: 120px !important;
  }
  /*---------------------left_panel--------------------*/
  .left_panel {
    width: 100% !important;
  }
  .logoarea {
    width: 40% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  .main_leftbox {
    width: 40% !important;
    margin: 0 auto !important;
    float: none !important;
  }
  /*---------------------end left_panel--------------------*/
  /*---------------------right_panel--------------------*/
  
  .pc-site_select select {
    width: 70% !important;
  }
  .selection_page {
    width: 80% !important;
  }
  .selection_page img {
    width: 100%;
  }
  .pc-site img {
    width: 100%;
  }
  .main_content {
    width: 90% !important;
    margin: 0 5% !important;
  }
  .bt_left {
    width: 100% !important;
  }
  .bt_left_inputarea {
    width: 100% !important;
  }
  .textareainputclasses {
    width: 100% !important;
  }
  ul.menu li a {
    padding: 4px 10px !important;
  }
  .menu ul li ul {
    margin: 43px 0 0 0;
  }
  /*---------------------end right_panel--------------------*/
  /*-----------------Settings-----------------------*/
  .welarea2 {
    margin: 0 5%;
    width: 100% !important;
  }
  .sid_setting {
    width: 90% !important;
  }
  .settings_title {
    width: 90% !important;
  }
  .form_name {
    width: 100% !important;
    margin: 2% 0 !important;
  }
  .form_inpt {
    width: 100% !important;
    margin: 1% 0 !important;
  }
  /*-----------------end Settings-----------------------*/
  .white_content {
    width: 82% !important;
    left: 7% !important;
  }
  .white_contentcon {
    width: 82% !important;
    left: 7% !important;
  }
  .home_hint2 {
    padding: 5% 3% !important;
  }
  .home_hintcon {
    padding: 5% 3% !important;
  }
  .home_hint2 p {
    padding: 0 !important;
    margin: 0 !important;
  }
  .home_hintcon p {
    padding: 0 !important;
    margin: 0 !important;
  }
  .content_left {
    width: 100%;
  }
  .content_right3 {
    width: 85% !important;
  }
  .buildup_button1,
  .buildup_button2,
  .buildup_button3,
  .buildup_button4 {
    padding: 17px 17px 17px 5px;
  }
  /*----------------start iphone, mac, pad------------------------*/
  .sreens_main {
    width: 100%;
    height: 100% !important;
    overflow: hidden;
  }
  .iphone {
    width: 169px;
    height: 210px;
    background: url(images/IPhone.png) no-repeat center top;
    /* background-size:200px; */
    position: relative;
    top: 0 !important;
    left: 0 !important;
    padding: 49px 47px 96px 46px;
    overflow: hidden;
    float: left;
  }
  .iphone-inner {
    width: 154px;
    height: 255px;
    overflow: hidden;
    margin-left: 9px;
  }
  .iphone img {
    height: auto;
  }
 
  .ipad_screen {
    width: 177px;
    height: 134px;
    padding: 8px 42px 63px 23px;
    background: url(images/ipad.png) no-repeat left top;
    background-size: 240px;
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
    float: left;
    margin: 0 0 0 20px;
  }
  .ipad_screen-inner {
    width: 195px;
    height: 184px;
    overflow: hidden;
  }
  /*----------------end iphone, mac, pad------------------------*/
  /*-----------------Design-----------------------*/
    .for_image img {
    width: 100% !important;
  }
  .for_info {
    width: 300px !important;
    float: left;
  }
  .sample_tags,
  .customize,
  .header_part {
    width: 280px !important;
  }
  .content_right2 {
    width: 100% !important;
  }
  .design_mac_screen {
    width: 100% !important;
    background-size: 324px !important;
    padding: 11px 0 120px 10px !important;
    height: 235px !important;
    position: relative !important;
  }
  .design_mac_screen img {
    width: 304px !important;
    height: 78%;
  }
  /*--------------------------*/
  .design_iphone {
    width: 149px;
    height: 254px;
    background: url(images/IPhone.png) no-repeat center;
    /*background-size:200px;*/
    padding: 57px 47px;
    overflow: hidden;
    float: left;
    position: relative !important;
    margin: 0 0 0 40px;
    right: 0 !important;
    bottom: 0 !important;
  }
  .design_iphone img {
    width: 103%;
    height: 100%;
  }
  .design_mac_screen {
    width: 348px;
    height: 270px;
    padding: 30px 55px 120px 55px;
    /*background: url(images/CinemaMac.png) no-repeat center;*/
    background-size: 420px;
    position: relative !important;
    float: left;
    /* margin-left:6%;*/
  }
  .design_mac_screen img {
    width: 100%;
    height: 78%;
  }
  .design_ipad_screen {
    width: 230px;
    height: 190px;
    padding: 64px 43px 64px 27px;
    background: url(images/ipad.png) no-repeat center;
    background-size: 300px;
    position: relative !important;
    bottom: 125px;
    float: left;
    margin: 0 0 0 15px;
    right: 0 !important;
    bottom: 0 !important;
  }
  .design_ipad_screen img {
    width: 107%;
    height: 100%;
  }
  /*--------------------------*/
  .design_mac_screen2 {
    width: 262px;
    height: 202px;
    padding: 10px 15px 63px 9px;
    /*background: url(images/CinemaMac.png) no-repeat left top;*/
    background-size: 280px;
    float: left;
    /* margin-left:6%;*/
  }
  .already_gray {
    width: 90% !important;
  }
  .whitearea2_new {
    border: 1px solid #DBDBDB;
    font-size: 20px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    //color: #000!important;
  }
  .welcome_note h1 {
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 34px;
    font-weight: 300;
    line-height: 45px;
    margin-bottom: 0;
  }
  .topheader3 {
    position: relative;
    float: left;
    width: 100%;
  }
  .menu_left2 .design_menu {
    /*margin: 2% auto; float: none;*/
    width: 46%;
  }
  .menu2_box_one.float_left {
    margin: 0;
    text-align: center;
    width: 100%;
  }
  #form_domain_check div.box_list2 {
    width: 20%
  }
  #form_domain_check .input_cl {
    width: 60%;
  }
  .home .menu2_box_one.float_left {
    display: none;
  }
  .home .topheader2 {
    position: relative;
  }
  .home .wrapper_three {
    position: relative;
    margin: 15px 0 !important;
    float: left;
  }
  .home .wrapper_three .welcome_note {
    width: 100% !important;
  }
  .home .wrapper_three .menu_mid_drop {
    position: relative !important;
    width: 100% !important;
  }
  .home .new_footer3 {
    position: relative;
    width: 100%;
    float: left;
  }
  #form_domain_check div.button_two {
    margin: 17px 2% !important;
  }
  #form_domain_check .box_list2 .select_cl {
    margin-top: 25px !important;
  }
  #form_domain_check .input_cl {
    margin-top: 25px !important;
  }
}
@media only screen and (max-width: 392px) {
  .menu2_box {
    padding: 4% 0 !important;
    width: 100% !important;
    margin-left: 0px !important;
  }
  .menu_mid_drop {
    width: 90% !important;
    margin-top: 15px !important;
  }
  .design_menu {
    width: 44% !important;
  }
  .welcome_note {
    width: 90% !important;
  }
  .user_choice {
    display: block;
    font-size: 12px !important;
  }
  .loginpage_links a {
    width: 100% !important;
  }
  .topheader {
    height: 43px !important;
  }
  .topheader2 {
    background: #00b0f1;
    color: #FFFFFF;
    width: 100%;
    margin: 0 auto;
    float: left;
    orphans: inherit;
    /*	height:54px;*/
    overflow: hidden;
    /*padding:10px 0px;*/
    /*	border-bottom: 1px solid #005684;*/
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);*/
    position: fixed;
    top: 0;
    z-index: 999;
    /*	-moz-box-shadow: 1px 2px 4px #6C6C6C;
-webkit-box-shadow: 1px 2px 4px #6C6C6C;
box-shadow: 1px 2px 4px #6C6C6C;*/
    min-height: 50px !important;
  }
  .elogo {
    /*        position: absolute;
    top: 17%;
    left: 45%;
    margin: -11px 0 0 2px;
    width: 4%;*/
  }
  .menu_right2 {
    float: right;
    width: 100%;
    overflow: hidden;
    margin: 0px !important;
    /*        margin-top: 70px !important;*/
  }
  .wrapper_three {
    margin-top: 120px !important;
  }
  /*---------------------left_panel--------------------*/
  .left_panel {
    width: 100% !important;
  }
  .logoarea {
    width: 40% !important;
    float: none !important;
    margin: 0 auto !important;
  }
  .main_leftbox {
    width: 40% !important;
    margin: 0 auto !important;
    float: none !important;
  }
  /*---------------------end left_panel--------------------*/
  /*---------------------right_panel--------------------*/
  .right_panel {
    width: 100% !important;
    margin-top: 5%;
  }
  .pc-site_select select {
    width: 70% !important;
  }
  .selection_page {
    width: 80% !important;
  }
  .selection_page img {
    width: 100%;
  }
  .pc-site img {
    width: 100%;
  }
  .main_content {
    width: 90% !important;
    margin: 0 5% !important;
  }
  .bt_left {
    width: 100% !important;
  }
  .bt_left_inputarea {
    width: 100% !important;
  }
  .textareainputclasses {
    width: 100% !important;
  }
  ul.menu li a {
    padding: 4px 10px !important;
  }
  .menu ul li ul {
    margin: 43px 0 0 0;
  }
  /*---------------------end right_panel--------------------*/
  /*-----------------Settings-----------------------*/
  .welarea2 {
    margin: 0 5%;
    width: 100% !important;
  }
  .sid_setting {
    width: 90% !important;
  }
  .settings_title {
    width: 90% !important;
  }
  .form_name {
    width: 100% !important;
    margin: 2% 0 !important;
  }
  .form_inpt {
    width: 100% !important;
    margin: 1% 0 !important;
  }
  /*-----------------end Settings-----------------------*/
  .white_content {
    width: 82% !important;
    left: 7% !important;
  }
  .white_contentcon {
    width: 82% !important;
    left: 7% !important;
  }
  .home_hint2 {
    padding: 5% 3% !important;
  }
  .home_hintcon {
    padding: 5% 3% !important;
  }
  .home_hint2 p {
    padding: 0 !important;
    margin: 0 !important;
  }
  .home_hintcon p {
    padding: 0 !important;
    margin: 0 !important;
  }
  .content_left {
    width: 100%;
  }
  .content_right3 {
    width: 85% !important;
  }
  .buildup_button1,
  .buildup_button2,
  .buildup_button3,
  .buildup_button4 {
    padding: 17px 17px 17px 5px;
  }
  /*----------------start iphone, mac, pad------------------------*/
  .sreens_main {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
    padding-bottom: 55px;
  }
  .iphone {
    width: 169px;
    height: 210px;
    background: url(images/IPhone.png) no-repeat center top;
    /* background-size:200px; */
    position: relative;
    top: 0 !important;
    left: 0 !important;
    padding: 49px 47px 96px 46px;
    overflow: hidden;
    float: left;
  }
  .iphone-inner {
    width: 154px;
    height: 255px;
    overflow: hidden;
    margin-left: 9px;
  }
  .iphone img {
    height: auto; 
  }
 
  .corporate-mac-screen {
    padding: 12px 10px 0 !important;
    height: 150px;
    margin-top: -50px !important;
    background-position: left top !important;
  }
  .corporate-mac-screen .mac_screen-inner {
    margin: 0 !important;
    width: 250px !important;
    height: 150px !important;
  }
  .sreens_main .mac_menus {
    top: 165px;
  }
  .mac_screen-inner {
    width: 250px;
    height: 162px;
    overflow: hidden;
  }
  .ipad_screen {
    width: 177px;
    height: 134px;
    padding: 8px 42px 63px 23px;
    background: url(images/ipad.png) no-repeat left top;
    background-size: 240px;
    position: relative !important;
    bottom: 0 !important;
    left: 0 !important;
    float: left;
    margin: 0 0 0 20px;
  }
  .ipad_screen-inner {
    width: 195px;
    height: 184px;
    overflow: hidden;
  }
  /*----------------end iphone, mac, pad------------------------*/
  /*-----------------Design-----------------------*/
    .for_image {
    width: 300px !important;
    float: left;
    overflow: hidden;
  }
  .for_image img {
    width: 100% !important;
  }
  .for_info {
    width: 300px !important;
    float: left;
  }
  .sample_tags,
  .customize,
  .header_part {
    width: 280px !important;
  }
  .content_right2 {
    width: 100% !important;
  }
  .design_mac_screen {
    width: 100% !important;
    /*background: url(images/CinemaMac.png)top left no-repeat!important;*/
    background-size: 324px !important;
    padding: 11px 0 120px 10px !important;
    height: 235px !important;
    position: relative !important;
  }
  .design_mac_screen img {
    width: 304px !important;
    height: 78%;
  }
  /*--------------------------*/
  .design_iphone {
    width: 149px;
    height: 254px;
    background: url(images/IPhone.png) no-repeat center;
    /*background-size:200px;*/
    padding: 57px 47px;
    overflow: hidden;
    float: left;
    position: relative !important;
    margin: 0 0 0 40px;
    right: 0 !important;
    bottom: 0 !important;
  }
  .design_iphone img {
    width: 103%;
    height: 100%;
  }
  .design_mac_screen {
    width: 348px;
    height: 270px;
    padding: 30px 55px 120px 55px;
    /* background: url(images/CinemaMac.png) no-repeat center;*/
    background-size: 420px;
    position: relative !important;
    float: left;
    /* margin-left:6%;*/
  }
  .design_mac_screen img {
    width: 100%;
    height: 78%;
  }
  .design_ipad_screen {
    width: 230px;
    height: 190px;
    padding: 64px 43px 64px 27px;
    background: url(images/ipad.png) no-repeat center;
    background-size: 300px;
    position: relative !important;
    bottom: 125px;
    float: left;
    margin: 0 0 0 15px;
    right: 0 !important;
    bottom: 0 !important;
  }
  .design_ipad_screen img {
    width: 107%;
    height: 100%;
  }
  /*--------------------------*/
  .design_mac_screen2 {
    width: 262px;
    height: 202px;
    padding: 10px 15px 63px 9px;
    /*background: url(images/CinemaMac.png) no-repeat left top;*/
    background-size: 280px;
    float: left;
    /* margin-left:6%;*/
  }
  .already_gray {
    width: 90% !important;
  }
  .whitearea2_new {
    font-size: 20px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #000 !important;
  }
}
/********************************* For Responsive *******************************/
/***17-7-15***/
.black_overlay .got_image {
  background: url("images/right_arrow_white01.png") no-repeat scroll center center / 90% auto rgba(0, 0, 0, 0);
  border: medium none !important;
  height: 43px;
  opacity: 1;
  transition: all 0.4s ease 0s;
  width: 43px;
}
.black_overlay1 .got_image1 {
  background: url("images/right_arrow_white01.png") no-repeat scroll center center / 90% auto rgba(0, 0, 0, 0);
  border: medium none !important;
  height: 43px;
  opacity: 1;
  transition: all 0.4s ease 0s;
  width: 43px;
}
.black_overlay .got_image1 {
  background: url("images/right_arrow_white.png") no-repeat scroll center center / 90% auto rgba(0, 0, 0, 0);
  border: medium none !important;
  height: 43px;
  opacity: 1;
  transition: all 0.4s ease 0s;
  width: 43px;
}
.new .home_hint2 {
  background: none repeat scroll 0 0 #00B0F0;
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto;
  padding: 8% 2%;
  position: relative;
  text-align: left;
  width: 30%;
}
.new .home_hint2.tickpopup {
  width: 100%;
  height: 250px;
}
.new .home_hint2.tickpopup p {
  margin-top: 17%;
}
/*.setting_page_myweb {width: 8%; height: 54px;  background-color: #000000;}*/
.menu .setting_page_myweb li a {
  background: #000;
  display: inline-block;
  padding: 7px 10px;
}
.bg-trans,
.bg-trans li {
  background: transparent !important;
}
.bg-trans li a {
  display: inline-block;
  padding: 7px 10px;
}
.magn_tp {
  margin-top: 35px;
}
.msg_notification {
  background-color: #C8C8C8;
  padding: 18px;
  margin-top: 45px;
  width: 35%;
}
.msg_notification p {
  font: normal 16px/18px arial;
  color: #000000;
  margin: 53 0px;
  padding: 0px;
}
/* ===============  TAPAS ====================== */
.my-full-width {
  width: 80%;
  float: none !important;
  margin: 0 auto;
}
.my-full-width .topheader {
  height: auto !important;
}
#user_signup {
  width: 40%;
  margin: 0 auto;
}
body.page-id-401 {
  background: #3295C9;
}
.my-form-area {
  float: none;
  margin-right: 0;
  width: 100%;
}
.my-form-area input[type=text],
.my-form-area input[type=password] {
  font-size: 14px !important;
  padding: 11px 5px !important;
  height: auto !important;
  margin-bottom: 7px !important;
  width: 100% !important;
}
.my-form-area #temp_message {
  text-align: center;
}
.my-logo {
  display: block;
  margin: 0 auto;
}
.my-button h1 {
  padding: 0 !important;
}
.my-full-width .log_in_next {
  background: none;
  height: auto;
  width: 100%;
  padding: 10px;
  color: #fff;
}
.but-tt-on h1 {
  background: #00b050 none repeat scroll 0 0;
  border-radius: 2px;
  color: #ffffff;
  font-size: 18px;
  line-height: 12px;
  padding: 13px 0;
  text-transform: uppercase;
  width: 100px;
  text-align: center;
  margin: 0 auto;
  padding: 10px;
}
.but-tt-on h1 a {
  color: #fff;
}
body.page-id-455 {
  background: #00b0f0;
}
#contractor_signup {
  width: 40%;
  margin: 0 auto;
}
.my-login-link {
  text-align: center;
  width: 40%;
  margin: 0 auto;
}
.my-login-link a {
  float: right !important;
  margin-right: 0 !important;
  width: auto !important;
  font-size: 13px !important;
}
body.page-id-23 {
  background: #3295C9;
}
/* #loginform {
    width: 40%;
    margin: 0 auto;
} */
body.page-id-58 {
  background: #3295C9;
}
#form_login {
  width: 40%;
  margin: 0 auto;
}
body.page-id-58 .form_area_text2 input[type="submit"] {
  margin-bottom: 0;
}
/*=============================04-06-2015============================*/
.my-full-width .log_in_next.arrow_next {
  width: 43px;
  height: 43px;
  background: url(images/right_arrow.png) top left no-repeat;
  border: none;
  cursor: pointer;
}
/*=============================04-06-2015============================*/
/*********************************06-07-2015*******************************/
body.page-id-412,
body.page-id-833 {
  background: #3295C9;
}
.ectivo-myform {
  text-align: center;
}
.ectivo-myform div {
  width: 100%;
  color: #fff;
}
.btn-div {
  text-align: center;
}
.btn-div span {
  display: inline-block;
}
.btn-div input[type="submit"] {
  background: url(images/tick-arrow.png) top left no-repeat;
  width: 40px;
  height: 40px;
}
.sign-up-complete {
  text-align: center;
}
.btn-div2 {
  float: none;
  text-align: center;
}
body.page-id-843,
body.page-id-501 {
  background: #3295C9;
}
/*********************************06-07-2015*******************************/
.but-tt-on .my-full-width .log_in_next {
  text-transform: none;
}
.my-full-width .log_in_next:hover {
  background: none repeat scroll 0 0 #333333;
  color: #FFFFFF;
  border-radius: 5px;
}
.my-form-area .but-tt-on h1 {
  margin-top: 15px;
}
h1 .log_in_next {
  margin-bottom: 0;
}
.login_next_build_page {
  width: 43px;
  height: 43px;
  background: url(images/right_arrow.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  float: left !important;
}
.no-img-btn,
.log_in_next.no-img-btn {
  background: #00B050 !important;
  margin-top: 0 !important;
  height: 50px;
  border-radius: 3px;
  color: #fff;
  width: 100px;
}
.no-img-btn:hover,
.log_in_next.no-img-btn:hover {
  background: #000 !important;
}
.icon-right {
  float: right;
  margin-right: -8%;
  width: auto;
}
.user-txt-icon {
  margin-top: -38px;
}
.user-confirm {
  text-align: center;
}
.user-confirm .form_area_text_confirm {
  margin-left: auto;
  margin-right: auto;
  color: #000;
  text-align: left;
  line-height: 1.6;
}
.user-confirm .form_area_text_confirm strong {
  /*width: 50%;*/
  display: inline-block;
  text-align: right;
  float: left;
  margin-right: 10px;
}
.user-confirm .logbtn {
  text-align: center;
}
.user-confirm .logbtn span {
  float: none !important;
}
.information {
  display: inline-block;
  margin-left: 5px;
  opacity: .3;
}
.my-form-area .for_this_only {
  text-align: center;
}
.my-form-area input[type="text"].user-txt {
  max-width: 400px;
  margin: 0 auto;
  width: 400px !important;
  text-align: left;
  float: none;
}
.my-logo {
  text-align: center;
}
.log_in_next.tick-img-btn {
  background: url("images/log_in_next_tick.png");
  background-size: 100%;
  width: 48px;
  height: 48px;
}
body.page-id-748 {
  background: none repeat scroll 0 0 #3295C9;
}
/*body.page-id-752 {
  background: none repeat scroll 0 0 #3295C9 !important;
}*/
body.page-id-752 .rightpanel_cont {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: 2% 0 0 0%;
  background: transparent;
  background-attachment: fixed;
  height: 100%;
}
body.page-id-752 .rightpanel_cont {
  text-align: center !important;
  color: #fff !important;
}
body.page-id-748 .rightpanel_cont {
  width: 40%;
  background: transparent;
  margin: 0 auto;
  float: none;
  padding-top: 1%;
}
body.page-id-748 .my-form-area input#email[type="text"] {
  max-width: 400px;
  float: none;
}
.contain_sec {
  width: 23%;
  float: left;
  margin-right: 2%;
}
.contain_sec h1 {
  font: bold 16px/20px arial;
  padding-top: 18px;
}
.contain_sec p {
  font: 13px/15px arial;
  word-wrap: break-word;
}
.main_popup {
  height: 480px;
  margin: 0 auto;
  overflow: auto;
  width: 1105px;
  padding-top: 20px;
}
.new_popup .home_hint2 {
  background: none repeat scroll 0 0 #00B0F0;
  color: #FFFFFF;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  line-height: 24px;
  margin: 0 auto;
  padding: 1px 36px;
  position: relative;
  text-align: left;
  width: 70%;
}
.new_popup .white_content {
  height: auto;
  left: 0;
  overflow: hidden;
  padding: 3px 4px 9px 2px;
  position: fixed;
  top: 4.5%;
  width: 100%;
  z-index: 1002;
}
.new_popup .white_content .main_popup {
  background: none repeat scroll 0 0 #00B0F0;
}
.new_popup .white_content .main_popup .contain_sec p,
.new_popup .white_content .main_popup .contain_sec h2 {
  font-size: 17px;
  line-height: 20px;
}
.new_popup .got_image {
  background: url("images/right_arrow_white01.png") no-repeat scroll center 0 / 35px auto rgba(0, 0, 0, 0);
  border: medium none !important;
  height: 43px;
  /*    margin-bottom: 20px;
  margin-top: 130px;
  opacity: 1;
  padding-top: 0px;
  transition: all 0.4s ease 0s;*/
  width: 43px;
  float: right;
  position: relative;
  right: -100px;
}
.new_popup .got_it01 {
  float: right;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-top: 145px;
  text-align: right;
}
.new_popup .got_it01 a {
  font: 13px/15px arial;
  color: #ffffff;
  float: right;
  position: relative;
  right: 80px;
  top: 10px;
}
.workSY {
  float: left;
}
.bldPp {
  float: right;
  margin-top: 9px;
}
.come_back {
  float: left;
  margin-left: 118px;
  margin-top: -40px;
}
.new_sections .got_image {
  background: url("images/right_arrow_white01.png") no-repeat scroll center 0 / 35px auto rgba(0, 0, 0, 0);
  border: medium none !important;
  bottom: 17px;
  float: right;
  height: 43px;
  position: relative;
  right: 36px;
  width: 43px;
}
.nwpanel {
  position: relative;
}
.pic {
  float: left;
  margin-right: 11px;
}
.icon {
  left: 374px;
  position: absolute;
  top: 12px;
}
.arrowse.sid_arrowsetting {
  text-align: left;
  width: 100%;
  position: relative;
  right: -33px;
  top: -10px;
}
.login_done_pageUnl {
  width: 43px;
  height: 43px;
  background: url(images/ectivo_unlock.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  float: left !important;
  left: -34px;
  position: relative;
  top: -17px;
}
.login_done_pageTick {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: rgba(0, 0, 0, 0) !important;
  /*background-image: url("images/ectivo_tick.png") !important;*/
  background-image: url("images/fectiv_finish_project.png") !important;
  background-origin: padding-box !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto;
  border: medium none;
  float: left !important;
  height: 75px;
  left: 234px;
  position: absolute;
  top: 453px;
  width: 35px;
}
.login_done_pageTick2 {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: rgba(0, 0, 0, 0) !important;
  /*background-image: url("images/ectivo_tick.png") !important;*/
  background-image: url("images/fectiv_finish_project_new.png") !important;
  background-origin: padding-box !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto;
  border: medium none;
  float: left !important;
  height: 75px;
  left: 723px;
  position: absolute;
  top: 190px;
  width: 75px;
}
.login_done_pageArrow {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: url("images/Complete Project Pop-Up - Confirm.png") !important;
  background-origin: padding-box !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto;
  border: medium none;
  float: left !important;
  height: 42px;
  left: 446px;
  margin-top: -193px;
  position: absolute;
  width: 42px;
}
.login_done_pageArrow2 {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: url("images/Complete Project Pop-Up - Confirm.png") !important;
  background-origin: padding-box !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto;
  border: medium none;
  float: left !important;
  height: 42px;
  left: 446px;
  margin-top: -60px;
  position: absolute;
  width: 42px;
}
.login_done_pageArrowInactive {
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: url("images/Complete Project Pop-Up - Confirm.png") !important;
  background-origin: padding-box !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: 100% auto;
  border: medium none;
  float: left !important;
  height: 42px;
  left: 446px;
  margin-top: -193px;
  position: absolute;
  width: 42px;
  opacity: 0.4;
  cursor: not-allowed;
}
/********* Changed 16/07/2023 **********/
/*.login_done_pageUnlInactive {
    width: 43px;
    height: 43px;
    background: url(images/ectivo_unlock.png) top left no-repeat !important;
    border: none;
    cursor: pointer;
    float: left !important;
    left: 520px;
    position: relative;
    top: 126px;
   opacity:0.4;
     cursor: not-allowed;
}*/
.login_done_pageUnlInactive {
  width: 43px;
  height: 43px;
  background: url(images/ectivo_unlock.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  float: left !important;
  left: 2px;
  position: relative;
  top: 14px;
  opacity: 0.4;
  cursor: not-allowed;
}
/********* End Changed 16/07/2023 **********/
.login_done_pageUnl2 {
  width: 43px;
  height: 43px;
  background: url(images/ectivo_unlock.png) top left no-repeat !important;
  border: none;
  cursor: pointer;
  float: left !important;
  left: 39px;
  position: relative;
  top: 38px;
}
.fullPop {
  background: none repeat scroll 0 0 #00B0F0;
  color: #FFFFFF;
  font-family: arial;
  font-size: 14px;
  left: 0;
  padding: 50px 36px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 95%;
  height: 85%;
  overflow-y: scroll;
}
.fullPop .got_ittt {
  margin-bottom: 50px;
}
.fullPop .got_ittt .got_imagearrow2 {
}
p.lang-p a {
  color: #fff !important;
}
.got_imagearrow2 {
  background: url("images/right_arrow_white01.png") no-repeat;
  width: 40px;
  height: 40px;
  border: none !important;
  background-size: 90%;
  opacity: 1;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}
.gooo {
  margin: 0 !important;
  text-align: right;
}
.gooo a {
  display: inline-block;
}
.gooo a:last-child {
  display: inline-block;
  float: right;
  margin-left: 10px;
}
.plu_right {
  float: right;
  display: inline-block;
  margin: 0 28px 0 0;
  position: relative;
  z-index: 99;
}
.plu_right img {
  margin-left: 0;
}
.mid_title {
  width: 220px;
}
.welarea2 .sid_arrowsetting {
  right: 0 !important;
}
.select_desing {
  background: #FFFFFF;
  margin: 0 0 0 0px;
  width: 69%;
  border: 1px solid #7F7F7F;
  box-shadow: none;
  outline-style: none;
  padding: 4px;
  color: #646464;
}
.scroll {
  unicode-bidi: bidi-override;
  /*direction: rtl;*/
  overflow: scroll;
  overflow-x: auto !important;
  max-height: 66vh;
}
.scroll2 {
  unicode-bidi: bidi-override;
  /*direction: rtl;*/
  overflow: scroll;
  overflow-x: auto !important;
  max-height: 76vh;
}
.build_rightsid #cfile {
  width: 250px;
  float: left;
  clear: both;
}
@media only screen and (min-width : 1000px) and (max-width : 1279px) {
  .contractor_left {
    width: 22%;
  }
}
/*.pub_text img{display: none;}*/
.own_web_name {
  border: none;
  text-align: center;
  background: url(images/select-design_1.png);
  width: 42px;
  height: 42px;
  background-size: 42px;
}
.own_web_name.btn-success {
  background: url(file_icons/register-webname.png) no-repeat;
  cursor: pointer;
}
.own_web_name.btn-success {
  background: url(file_icons/register-webname.png) no-repeat;
}
.btnupload {
  background: none !important;
  border: none;
  padding: 0 !important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #069;
  text-decoration: underline;
}
.build_popup {
  /*background: none;
  position: relative;
  top: -50px !important;
  left: 50px;*/
}
.clntDv {
  width: 195px;
  float: left;
}
@media all and (min-width:1100px) and (max-width:1275px) {
  .cntrytPr {
    width: 60%;
  }
}
@media only screen and (max-width: 860px) {
  .sreens_main {
    height: 538px !important;
    margin-top: 30px;
    text-align: center;
  }
  .mac_screen img {
    height: auto !important;
  }
  .my-mac_screen {
    right: 0 !important;
    left: 0px !important;
    margin: auto !important;
  }
  a.mac_menus {
    top: 470px !important;
    display: block;
    margin: auto;
    float: none;
  }
  .sreens_main h1 {
    margin-bottom: -28px !important;
  }
}
.actiLbl {
  margin-top: 45px;
}
.actiLbl p {
  margin: 2px;
  font-size: 16px;
}
.actiLbl span {
  font-weight: 600;
  margin-right: 8px;
}
.user_signup_icon {
  /* background: url("images/ectivo-next.png") no-repeat;
  width: 35px;
  height: 35px;
  border: none !important;
  background-size: 100%;
  padding: 0px;
  box-shadow: none;
  margin: 40px auto 10px;
  display: block;
  cursor: pointer; */
}
.menu_left2.home_ico {
  display: inline !important;
  float: left;
}
.responsive_tab a:nth-child(2) {
  display: none !important;
}
.responsive_tab a:nth-child(3) {
  display: none !important;
}
.responsive_tab a:nth-child(4) {
  display: none !important;
}
.responsive_tab a:nth-child(5) {
  display: none !important;
}
@media only screen and (max-width: 640px) {
  .sreens_main {
    height: 470px !important;
  }  
  
  a.mac_menus {
    top: 390px !important;
  }
}
@media only screen and (max-width: 540px) {
  .sreens_main {
    height: 440px !important;
  }
  
}
@media only screen and (max-width: 414px) {
  .sreens_main {
    height: 340px !important;
    top: 30px;
  }
  
  a.mac_menus {
    top: 260px !important;
  }
}
@media only screen and (max-width: 320px) {
  .sreens_main {
    height: 270px !important;
    top: 30px;
  }
  
   a.mac_menus {
    top: 260px !important;
  }
}
#form_existing_domainname .box_input {
  float: left;
  /*width: 150%;*/
}
input#existing_domainname {
  font-size: 16px;
}
.customize3 ul li .right_span {
  display: none;
}
.mynew img {
  height: 40px;
  width: 40px;
}
/* 30/ May/2021 */
.sign_text {
  color: white;
  text-align: center;
  font-family: 'Verdana';
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 22px;
  margin-top: 18px;
}
.addtext_assign1 {
  font-size: 20px;
  padding-left: 8px;
  font-family: 'Verdana';
  margin-bottom: 22px;
  margin-top: -7px;
}
.addtext_assign2 {
  font-size: 20px;
  padding-left: 8px;
  margin-bottom: 22px;
  margin-top: 18px;
  font-family: 'Verdana';
}
.addtext_assign3 {
  font-size: 20px;
  font-family: 'Verdana';
  margin-bottom: 22px;
  margin-top: 18px;
}
.addtext_domaincomplete,
.addtext_domainconf {
  font-size: 20px;
  font-family: 'Verdana';
  margin-bottom: 22px;
  margin-top: 18px;
}
.addtext_select_design {
  font-size: 20px;
  font-family: 'Verdana';
  margin-bottom: 22px;
  margin-top: 18px;
}
.addtext_design_conf {
  font-family: 'Verdana';
  font-size: 20px;
  margin-bottom: 22px;
  margin-top: 18px;
}
.addtext_selected_design {
  font-family: 'Verdana';
  padding-left: 12px;
  font-size: 20px;
  margin-bottom: 22px;
  margin-top: 18px;
}
.addtext_customization {
  font-family: 'Verdana';
  font-size: 20px;
  margin-bottom: 22px;
  margin-top: 18px;
}
.addtext_customization {
  font-family: 'Verdana';
  margin-bottom: 22px;
  margin-top: 18px;
  padding-left: 5px;
  font-size: 20px;
}
.addtext_confirm_order {
  font-family: 'Verdana';
  padding-left: 5px;
  font-size: 20px;
  margin-bottom: 22px;
  margin-top: 18px;
}
.addtext_already-selected {
  font-family: 'Verdana';
  /*padding-left: 10px;*/
  font-size: 20px;
  margin-bottom: 22px;
  margin-top: 18px;
}
.build-together {
  font-family: 'Verdana';
  font-size: 20px;
  margin-bottom: 22px;
  margin-top: 18px;
}
.addtext_finish,
.addtext_rating {
  font-family: 'Verdana';
  font-size: 20px;
  margin-bottom: 22px;
  margin-top: 18px;
}
.fectiv_upload {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 125px;
}
.fectiv_go_live {
  position: absolute;
  top: 0;
  z-index: 1;
  left: 185px;
}
.new_input {
  font-family: Arial;
  font-size: 18px !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  border: 1px solid #ccc !important;
  color: #000 !important;
  min-height: 34px !important;
  width: 100% !important;
}
.form_area_text2 input.new_input {
  margin-bottom: 10px !important;
}
.new_input::-webkit-input-placeholder {
  font-family: Arial;
  font-size: 18px !important;
}
.new_input::-moz-placeholder {
  font-family: Arial;
  font-size: 18px !important;
}
.new_input:-ms-input-placeholder {
  font-family: Arial;
  font-size: 18px !important;
}
.new_input:-moz-placeholder {
  font-family: Arial;
  font-size: 18px !important;
}
.form_area_text3 .new_input {
  max-width: 312px !important;
}
.text_grey:first-child {
  font-style: italic;
  color: #999;
}
.myinput {
  position: relative
}
.icon_right {
  position: absolute;
  right: -80px;
  z-index: 5;
  top: 18px;
}
.icon_right2 {
  position: absolute;
  right: -80px;
  z-index: 5;
  bottom: 26px;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.select_desing.new_input {
  max-width: 354px !important;
  height: 56px
}
.mb-20 {
  margin-bottom: 20px;
}
.text-white {
  color: #fff !important;
  font-size: 16px;
  font-weight: bold;
}
.text-black {
  color: #000 !important;
  font-size: 14px;
  font-weight: bold;
}
.text-black span {
  margin-left: 30px;
}
.return-login{
  margin-top: 40px;
  text-align: center;
}
.dselected {
  font-family: Verdana;
  font-size: 20px;
  color: #000;
  margin: 15px 0 10px;
  display: flex;
  align-self: center;
  line-height: 22px;
}
.dselected img {
  margin-right: 14px
}
.bar {
  background: #2bb673;
  height: 50px;
  width: 6px;
  display: block;
  margin-bottom: 10px;
  margin-left: 7px
}
.circle {
  font-family: Verdana;
  font-size: 20px;
  color: #000;
  margin: 0 0 20px
}
.circle span {
  width: 18px;
  height: 18px;
  margin-right: 14px;
  color: #d9d9d9;
  background: #d9d9d9;
  border: 2px solid #2bb673;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  font-size: 14px
}
p.btnn {
  margin: 0 0 10px 42px
}
.btn_green {
  display: inline-block;
  color: #fff;
  background: #00b050;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #00b050;
  border: 0;
  padding: 8px 20px;
  font-size: 20px;
  line-height: 1.2;
  border-radius: 5px;
  text-decoration: none;
  font-family: Verdana
}
.roundcrop {
  width: 130px;
  border-radius: 50%;
  height: 130px;
  border: 2px solid #f2f2f2;
}
body {
  background: #fff
}
.sidesilder_popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 110%;
  z-index: 10;
  background: #eee;
  transition: ease-in-out 0.9s;
  padding: 20px;
}
.sidesilder_popup .content {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  transition: ease-in-out 0.9s;
}
.sidesilder_popup.open .content {
  opacity: 1;
}
.closeBar {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 100
}
.sidesilder_popup.open {
  left: 0
}
.refershsilder_popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 110%;
  z-index: 10;
  background: #eee;
  transition: ease-in-out 0.9s;
  padding: 20px;
}
.refershsilder_popup .content {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  transition: ease-in-out 0.9s;
}
.refershsilder_popup.open .content {
  opacity: 1;
}
.closeBar {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 100
}
.refershsilder_popup.open {
  left: 0
}
.infosilder_popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 110%;
  z-index: 10;
  background: #eee;
  transition: ease-in-out 0.9s;
  padding: 20px;
}
.infosilder_popup .content {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  transition: ease-in-out 0.9s;
}
.infosilder_popup.open .content {
  opacity: 1;
}
.closeBar {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 100
}
.infosilder_popup.open {
  left: 0
}
.header_infosilder_popup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 110%;
  z-index: 10;
  background: #eee;
  transition: ease-in-out 0.9s;
  padding: 20px;
}
.header_infosilder_popup .content {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  transition: ease-in-out 0.9s;
}
.header_infosilder_popup.open .content {
  opacity: 1;
}
.closeBar {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 100
}
.header_infosilder_popup.open {
  left: 0
}
.infosilder_popup_leftweb {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 110%;
  z-index: 10;
  background: #eee;
  transition: ease-in-out 0.9s;
  padding: 20px;
}
.infosilder_popup_leftweb .content {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0;
  bottom: 0;
  z-index: 99;
  width: 100%;
  transition: ease-in-out 0.9s;
}
.infosilder_popup_leftweb.open .content {
  opacity: 1;
}
.closeBar_leftweb {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 100
}
.infosilder_popup_leftweb.open {
  left: 0
}
/* Responsive new CSS 21/Aug/2021*/
.fectiv-f-logo {
  display: none;
}
@media (max-width: 991.98px) {
  #form_existing_domainname .box_input {
    width: 95% !important;
  }
}
@media (max-width: 767.98px) {
  .fectiv-f-logo {
    display: inline-block;
    float: left;
    padding: 0 5px;
    border-right: 5px solid #fff;
  }
  .fectiv-f-logo img {
    height: 54px;
  }
  .left_panel {
    float: none;
    /*width: auto!important;*/
    /*width: 0!important;*/
    width: 146px !important;
    position: fixed;
    /*left: 0;*/
    left: -146px;
    top: 0;
    background-color: #fff;
    height: 100%;
    -webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1);
    /*display: none;*/
    z-index: 999999;
    /*transition: width 1s;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .left_panel-show {
    /*display: block;*/
    /*width: 146px!important;*/
    left: 0;
  }
  .left_panel .logoarea {
    float: left;
    width: 100% !important;
    margin: 0 !important;
  }
  .logoarea img {
    width: 100%; 
    height: 146px;
  }
  .left_panel .main_leftbox {
    width: 100% !important;
    margin: 0 !important;
    left: none !important;
  }
  .right_panel {
    width: 100%;
    margin-top: 0 !important;
  }
  .right_panel .main_content {
    width: 90% !important;
    margin: 0 5% !important;
  }
  .right_panel .main_content .content_left {
    width: 100% !important;
  }
  .right_panel .main_content .content_right {
    width: 100% !important;
  }
}
/* check box button design*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #D9534F;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked+.slider {
  background-color: #4DAF48;
}
input:focus+.slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
/* End check box design */
@media (max-width: 575px) {
  .topheader {
    height: auto !important;
  }
  .login1 ul li a {
    padding: 25px 4px;
  }
  .login1 ul li a img {
    width: 30px;
    height: 30px;
  }
}
.openBar_1:hover {
  opacity: .95;
}
.openBar_10:hover {
  opacity: .95;
}
.openBar_20:hover {
  opacity: .95;
}
.log_in_prev:hover {
  opacity: .95;
}
.chat-btn:hover {
  opacity: .95;
}
.mac_menus:hover {
  opacity: .95;
}
.click_hover:hover {
  opacity: .95;
}
.button_two:hover {
  opacity: .95;
}
.log_in_next123:hover {
  opacity: .95;
}
.newicon:hover {
  opacity: .95;
}
.own_web_name:hover {
  opacity: .95;
}
@media screen and (max-width: 860px) {
  .right_panel {
    width: calc(84.5% - 2px);
  }
}
@media only screen and (min-width: 1400px) {
  .left_panel {
    width: 180px
  }
  .right_panel {
    width: calc(100% - 200px)
  }
  .login_done_pageTick {
    /*left: 745px;
top: 215px;*/
  }
}
@media screen and (max-width: 768px) {
.right_panel {
    width: 83% !important;
  }
}  
@media only screen and (max-width: 1399px) {
  .login_done_pageTick {
    left: 220px;
    top: 498px;
  }
}
#show_messages {
  width: 100%; max-width: 620px;
}
.small_caption {
  font-size: 14px;
  color: #000;
  font-family: Verdana;
}
.steps_one_para {
  font-size: 20px;
}
.template_title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-top: 20px;
  margin-left: 18px;
}
.demo_button {
  margin-left: 19px;
  color: #00b0f0;
  font-size: 15px;
}
.customer_web_name {
  margin-left: 19px;
}
.video1_step3 {
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 0;
  /*border:1px solid #ccc;*/
  background-color: #f7f6f9;
}
.sub_domain_text {
  color: #A6A6A6;
  font-family: 'Verdana';
  line-height: 8px;
  font-size: 14px;
  line-height: 1.6;
}
.sliding-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 999;
  margin-right: -100%;
  transition: ease-in-out 1s;
  box-sizing: border-box;
  background: #fff
}
.sliding-wrapper.open {
  margin-right: 0;
}
.sliding-container {
  width: 100%;
  /*max-width: 850px;*/
  margin: 0 auto;
  padding: 10px 20px;
  box-sizing: border-box;
  height: 100%;
}
.close-wrapper {
  display: block;
  padding: 0;
  box-sizing: border-box;
  text-align: right
}
.close-wrapper a.close_wrapper {
  display: inline-block;
  padding: 5px 10px 5px 5px;
  width: 35px;
  height: 35px;
  margin-left: auto;
  margin-right: 0;
}
.close-wrapper a.close_wrapper img {
  width: 100%;
  height: auto
}
.video1_step3 iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border: 1px solid #f6f6f8 !important
}
.elementor-spacer-inner {
  display: none !important
}
.overhidden {
  overflow: hidden !important
}
.elementor-spacer {
  display: none !important
}
/* Define the pulsing animation */
@keyframes pulse {
  0% {
    color: #00B0F0;
  }
  50% {
    color: lightgrey;
  }
  100% {
    color: #00B0F0;
  }
}
/* Apply animation to hyperlink */
.pulsing-link {
  font-size: 15px;
  font-family: Verdana, sans-serif;
  text-decoration: none;
  color: #87CEEB;
  animation: pulse 2s infinite ease-in-out;
}
/* Add underline on hover */
.pulsing-link:hover {
  text-decoration: underline;
}
.message-button {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 15px;
  border-radius: 10px;
  text-decoration: none;
  transition: background-color 0.2s ease;
}
.message-button:hover {
  background-color: #333;
  /* optional: darken on hover */
  text-decoration: none;
}
div {
  box-sizing: border-box;
}
body.page-template-login,body.page-template-user_signup, body.page-template-confirm_user_signup, body.page-template-user_sign_up_complete
, body.page-template-contractor_login , body.page-template-forgot_password , body.page-template-contractor_signup_old , body.page-template-password_requestsent{
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100vh;
  width: 100%;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
}
.lolgin-wrap {
  width: 98%;
  max-width: 450px;
  padding: 30px;
  border: 1px solid #eaeced;
  border-radius: 20px;
  background: #fff;
  margin: -45px auto 0;
}
.login-logo {
  display: flex;
  box-sizing: border-box;
  margin-bottom: 30px;
  align-items: center;
  justify-content: center;
}
.login-logo a {
  display: inline-block;
}
.login-logo a img {
  max-width: 100px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.lolgin-wrap h4 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
}
.form-group {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
}
.form-group span{
  position: relative;
  margin-top: 5px;
}
.page-template-user_signup .form-group span{
  position: absolute;
  margin-top: 12px;
}
.page-template-contractor_signup_old .form-group span{
  position: absolute;
  margin-top: 12px;
}
.lolgin-wrap input {
  color: #333;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 10px;
}
.page-template-user_signup .icon_right_new_design,.page-template-contractor_signup_old .icon_right_new_design{
  margin-left: 5px;
}
.lolgin-wrap input:focus,
.lolgin-wrap input:active,
.lolgin-wrap input:focus-visible {
  border-color: #3295c9
}
.login-button {
  display: block;
  color: #fff;
  text-align: center;
  background-color: #3295c9;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  font-family: 'Verdana';
}
.login-button:hover {
  background-color: #000;
}
.lolgin-wrap input,
.login-button,
.signup-button {
  min-height: 46px;
  font-size: 18px;
  box-sizing: border-box;
  line-height: 1;
  width: 100%;
  font-weight: 400;
  padding: 10px 18px;
  transition: ease-in-out 0.2s;
  outline: none;
}
.signup-button {
  display: block;
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 400;
}
.signup-button:hover {
  background-color: #000;
  border-color: #000;
  color: #fff
}
a.forgot-pass {
  color: #3295c9;
  transition: all ease-in-out 0.15s;
}
a.forgot-pass:hover {
  color: #3295c9;
  text-decoration: underline !important;
}
.login-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  margin: 20px 0;
  position: relative;
}
.login-divider:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: #d9d9d9;
  left: 0;
  right: 0
}
.login-divider span {
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
  position: relative;
  z-index: 5;
  font-size: 15px;
  color: #646464;
  font-weight: bold;
}
.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #3295c9;
}
.footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  padding: 16px 12px;
  color: #fff;
  line-height: 1;
  transition: ease-in-out 0.15s;
}
.footer a:hover {
  color: #000;
  text-decoration: none;
}
@media all and (max-width: 575px) {
  .lolgin-wrap {
    padding: 20px;
    max-width: 96%;
  }
  .footer a {
    padding: 16px 10px
  }
  .form-group {
    margin-bottom: 15px;
  }
  .login-divider {
    margin: 15px 0;
  }
}
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  z-index: 9999;
  display: flex; /* IMPORTANT: default should be visible */
  justify-content: center;
  align-items: center;
}
.loader img {
  width: 100px;
  animation: fadeInOut 2s infinite;
}
@keyframes fadeInOut {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Faster fade-in: 1s instead of 2s */
.loader img {
  width: 100px;
  opacity: 0;
  animation: logoFadeIn 1s forwards;
}
/* Pulse animation remains smooth */
.loader img.fade-loop {
  animation: fadeInOut 1.5s infinite;
}
/* Fade-in keyframe */
@keyframes logoFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Looping pulse */
@keyframes fadeInOut {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}

.signup-btn{
  display: flex;
  justify-content: center;
  gap: 10px; /* space between buttons */
}

.header-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 5px;
}

.left-place {
  display: flex;
  flex-direction: column;
}

.right-place {
  display: flex;
  flex-direction: column;
  /*margin-right: -15px;*/
}

.uname {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}
.uname-website {
  font-size: 14px;
  color: #555;
}

.english-name {
  font-size: 12px;
  color: #555;
}
.website-url{
  font-size: 15px;
  color: #555;
}

#mceu_5.mce-tinymce.mce-container {
  width: 100% !important;
  max-width: 100% !important;
}

.tdiv {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 12px; /* curved corners */
  transition: background 0.3s ease;
  text-decoration: none; /* remove underline */
  color: inherit; /* inherit color for consistency */
  margin-right: 10px;
  font-size: 14px;
  margin-bottom: 3%;
  min-height: 50px; /* or use fixed height like height: 50px; */

}

.tdiv {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 40px; /* Set a consistent height */
  box-sizing: border-box;
  transition: background 0.2s ease;
}

.tdiv:hover,
.tdiv.active {
  background: #f0f0f0;
  cursor: pointer;
  text-decoration: none;
  min-height: 40px; /* Match same height to avoid jump */
}

.tdiv_number {
  margin-right: 8px;
  font-weight: bold;
  color: #000;
  flex-shrink: 0;
}

.tdiv_bname {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.color_red {
  color: red;
}

.tdiv a {
  text-decoration: none;
}

/* Inner box that allows text to stretch wider */
.user-confirm .form-fields-box {
  width: 720px;       /* stretching width – adjust if needed */
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
}

/* Allow long text to wrap properly */
.user-confirm .form_area_text_confirm {
  overflow-wrap: break-word !important;
  word-break: break-word !important;
  min-height: 24px;
}

/* Label stays on left */
.user-confirm .form_area_text_confirm strong {
  float: left;
  margin-right: 10px;
  font-weight: bold;
}

/* Value wraps correctly */
.user-confirm .form_area_text_confirm span {
  display: inline-block;
  max-width: calc(100% - 150px);
  word-break: break-word;
}


.lolgin-wrap.step2{
  width: 96%;
  max-width: 800px;
  border: 0;
}
.lolgin-wrap.step2 .signup-btn{
  max-width: 450px;
}
.lolgin-wrap.step2 .form-fields-box{
  padding-left: 0!important
}
.lolgin-wrap.step2 .user-confirm .form-fields-box{
  width: 100%
}

@media screen and (max-width: 767px){
  .lolgin-wrap.step2{
    padding: 10px
  }
  .lolgin-wrap.step2 .user-confirm .form_area_text_confirm{
    margin: 0 0 15px 0;
  }
  .lolgin-wrap.step2 .form_area_text_confirm strong{
    display: block;
    width: 100%;
    text-align: left;
    margin: 0
  }
  .lolgin-wrap.step2 .form_area_text_confirm span{
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: left
  }
}
.page-template-user_signup .form-group span,.page-template-user_signup .form-group span#togglePwd{
  margin: 0!important;
  top: 50%!important;
  transform: translateY(-50%)!important;
  right: -10px!important;
  z-index: 5!important
}
.page-template-user_signup .form-group span#togglePwd{
  right: 10px!important;
}