
/* CSS Document */

@font-face {
    font-family: 'lato_bold';
    src: url('/web/20240117124325im_/https://www.shopinterest.co/css/Lato-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato_light';
    src: url('/web/20240117124325im_/https://www.shopinterest.co/css/Lato-Light.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato_italic';
    src: url('/web/20240117124325im_/https://www.shopinterest.co/css/Lato-LightItalic.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src: url('/web/20240117124325im_/https://www.shopinterest.co/css/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'opensans_bold';
    src: url('/web/20240117124325im_/https://www.shopinterest.co/css/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans';
    src: url('/web/20240117124325im_/https://www.shopinterest.co/css/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'opensans_semibold';
    src: url('/web/20240117124325im_/https://www.shopinterest.co/css/OpenSans-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
	padding : 0px 0 0 0px;
	margin : 0 0 0 0;
	font-family: 'lato', sans-serif;
	font-size:18px;
	line-height:22px;
	color :#5e5c5c;
}

div, h1, h2, h3, h4, p, img, ul, ol, li, form, input, textarea {
	padding : 0;
	margin : 0;
}
p {
	padding : 0 0 0 0px;
	margin : 0;
}
ul {
	list-style : none;
}
img {
	outline : none;
	border : none;
}
a {
	outline : none;
	text-decoration : none;
}

p { font-weight:normal;}

header, footer, section,  nav, article {
display: block; width:100%; float:left;  
}
aside {display: block; float:left;}
.center { text-align:center;}
.clear { clear:both;}
/* --------------------- main css ------------------------------------------------------*/

.wrapper {width:100%; float:left;}

/* --------------------- header section css ------------------------------------------------------*/

.headermain { width:100%; float:left; padding:16px 0 10px 0px;}
.header_section {width:976px; margin:auto;}
.header_section_containt {width:976px; float:left;}

.logo { width:284px; float:left;}
.menusection { width:550px; float:right; padding-top:18px;}
.logo img {
	max-width: 180px;
}
/*---------------------------------
	BUTTONS
-----------------------------------*/
button,
input[type="submit"],
input[type="reset"],
input[type="button"]{

vertical-align: middle;
margin:0;
font-family: 'lato', sans-serif;
font-size:14px;
padding:5px 11px;
line-height:100%;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
cursor: pointer;
font-weight:normal;
font-size:14px; /*Pixels for consistancy*/
text-shadow:0 1px 0 #fff;
color:#666;
text-decoration:none;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display:inline-block;
*display:inline;/*IE ONLY*/
zoom:1;
border:1px solid #a7a7a7;
background:#FFFFFF;

}

header {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 18px 0 0;
}

img {
	max-width: 100%;
}

.menu { width:490px; float:left;}

.menulink ul{ padding:0 0px 0 0px; border:none; }
.menulink li{ float:left; display:block; height:28px; line-height:28px;  }
.menulink a{  color: #474747; text-align:center; font-size:14px; display:block; font-family: 'opensans'; padding:0 11px;   }
.menulink a:hover, .menulink a.active { color:#ed003d; }

.login { width:60px; float:left; }

/* --------------------- banner section css ------------------------------------------------------*/

.banner_section { width:100%; float:left; height:445px; background-image:url(/web/20240117124325im_/https://www.shopinterest.co/imgs/banner.jpg); background-position:center; }
.banner_containt {width:976px; margin:auto; padding-top:120px;}
.banner_containt h1 {font-family: 'lato_light'; font-size:46px; line-height:40px; text-align:center; font-weight:normal; color:#fff; padding-bottom:100px;}
.latobold {font-family: 'lato_bold'; font-size:46px;  font-weight:normal; color:#fff;}
.latobold_blue {font-family: 'lato_bold'; font-size:46px;  font-weight:normal; color:#48a2df;}

.banner_buttons { width:425px; margin:auto;}

.button2 {
	width:100%; float:left;
    background: none repeat scroll 0 0 #ed003d;
    border: 0 none !important;
    text-transform: uppercase !important;
	color:#FFFFFF;
	cursor: pointer;
	font-size:18px;
	font-weight:normal;
	font-family: 'opensans_bold';
	text-align:center;
	height:50px; 
	line-height:50px;
	
}

.advertise { width:204px; float:left; margin-right:17px;}
.printerset { width:204px; float:left;}


/* --------------------- body containt section css ------------------------------------------------------*/

.how_section { width:100%; float:left; padding:40px 0 40px 0px;}
.how_containt {width:976px; margin:auto;}
.how_containt_main {width:976px; float:left;}

.how_containt_main h2 {font-family: 'opensans_semibold'; font-size:26px; font-weight:normal; color:#3d4858; padding-bottom:45px; text-align:center;}
.how_containt .left { width:445px; float:left; font-family: 'lato'; font-weight:normal; font-size:18px;}
.how_containt .right { width:464px; float:right;}
.how_containt .left  .learmore{ width:165px; float:left; margin-top:28px;}


/* --------------------- work with section css ------------------------------------------------------*/


.workwith_section { width:100%; float:left; padding:40px 0 40px 0px; background:#eef2f4;}

.workwith_section_demo  {width:976px; margin:auto;}
.workwith_section_containt {width:976px; float:left;}
.workwith_section_containt h2 { font-family: 'opensans_semibold'; text-align:center; font-size:22px; font-weight:normal; color:#34495e; padding-bottom:40px;}
.workwith_section_containt p { text-align:center; width:100%; float:left;}
.workwith_section_containt p img { padding-right:22px;}

/* --------------------- about section css ------------------------------------------------------*/


.about_section { width:100%; float:left; padding:40px 0 40px 0px; }

.about_section_demo  {width:976px; margin:auto;}
.about_section_containt {width:976px; float:left;}
.about_section_containt h2 { font-family: 'opensans_semibold'; text-align:center; font-size:22px; font-weight:normal; color:#34495e; padding-bottom:26px;}
.about_section_containt p{ text-align:center; padding-bottom:26px;}
.about_section_containt .meet_team { width:198px; margin:auto;}


/* --------------------- blod section css ------------------------------------------------------*/

.blog_section { width:100%; float:left; padding:40px 0 40px 0px; background:#dee3e6; }

.blog_section_demo  {width:976px; margin:auto;}
.blog_section_containt {width:976px; float:left;}
.blog_section_containt h2 { font-family: 'opensans_semibold'; text-align:center; font-size:22px; font-weight:normal; color:#34495e; padding-bottom:26px;}

.blog_box_section1 {width:310px; float:left;}
.blog_box_section1_top {width:310px; float:left; height:170px;}
.blog_box_section1_bottom {width:294px; float:left; background:#FFF; padding:8px; 
-moz-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    -khtml-border-radius: 0px 0px 5px 5px;
	 -khtml-border-radius: 0px 0px 5px 5px;
     border-radius: 0px 0px 5px 5px;
	 border-radius: 0px 0px 5px 5px;
}

.blog_box_section1_bottom  h3 { color:#3d4858;  font-family: 'opensans_bold'; font-weight:normal; text-align:left; font-size:16px; }
.blog_box_section1_bottom  p {font-family: 'lato'; font-size:14px; font-weight:normal; padding-top:5px;}

.blog_box_section1_bottom  h4 { font-family: 'lato'; font-size:14px; font-weight:normal; color:#5e5c5c; padding-bottom:8px; border-bottom: dotted 2px #b1b1b1; padding-top:5px;  }

.readmorelink {font-family: 'lato_bold'; font-size:16px;  color:#3d4858;  text-align:center; }
.readmorelink a {color:#3d4858; font-weight:bold;}
.readmorelink a:hover {color:#ed003d;}

.blog_box_section2 {width:310px; float:left; margin:0 23px;}
.blog_box_section3 {width:310px; float:left;}


/* --------------------- footer section css ------------------------------------------------------*/

.mainfootersectoin {width:100%; float:left;}

.contact_section { width:100%; float:left; padding:40px 0 40px 0px; background:#3d4858; border-bottom: solid 1px #4c5665; }

.contact_section_demo  {width:976px; margin:auto;}
.contact_section_containt {width:976px; float:left;}
.contact_section_containt h2 { font-family: 'opensans_semibold'; text-align:left; font-size:22px; font-weight:normal; color:#fff; padding-bottom:26px;}
.contact_section_containt .left  {width:382px; float:left; margin-right:22px;}
.contact_section_containt .left p{width:100%; float:left; margin-bottom:22px;}

.inputtextbox {width:376px; height:28px; padding-left:6px; border:0px; outline:0px; font-family:'lato'; color:#9a9a9a; font-size:14px;}
.inputtextbox2 {width:566px; height:132px; padding-left:6px; border:0px; outline:0px; font-family:'lato'; color:#9a9a9a; font-size:14px;}

.contact_section_containt .right  {width:572px; float:left;}
.contact_section_containt .right  .hox {width:100%; float:left;}

.contact_section_containt .right .sub { width:112px; float:right; margin-top:14px;}



.footer_section { width:100%; float:left;  background:#2b3747;  }

.footer_section_demo  {width:976px; margin:auto; }
.footer_section_containt {width:976px; float:left;}

.footer_logo_section {width:222px; float:left; border-right: solid 1px #4c5665; height:90px; padding-top:55px;padding-right: 25px;}
.footer_contact_section {width:262px; float:left; border-right: solid 1px #4c5665; height:98px; padding-top:47px; padding-left:70px;}
.footer_contact_section h3 {font-family: 'opensans_semibold'; font-size:14px; font-weight:normal; padding-bottom:10px; color:#FFF;}
.footer_contact_section p {font-family: 'lato'; font-size:14px; font-weight:normal; color:#bbbbbb;}

.footer_connect_section {width:324px; float:left; height:98px; padding-top:47px; padding-left:96px;float:right;}
.footer_connect_section h3 {font-family: 'opensans_semibold'; font-size:14px; font-weight:normal; padding-bottom:10px; color:#FFF; }
.footer_connect_section img { padding-right:30px;}


/* --------------------- CONTENT TEXPLATE css ------------------------------------------------------*/

.pagetitle { width:100%; float:left;  background:#ed003d; padding:22px 0px; font-family: 'lato_light'; font-weight:normal; font-size:26px; text-align:center; color:#FFF; }

.content_mainbody {width:100%; float:left; background:#f7f7f7; padding:48px 0 0 0px;  }
.content_mainbody_demo  {width:976px; margin:auto; }
.content_mainbody_containt {width:976px; float:left;}

.content_mainbody_containt h1 { font-family: 'opensans_semibold'; font-size:26px; font-weight:normal; color:#3d4858; padding-bottom:40px;}

.content_box { width:100%; float:left; padding-bottom:20px;}
.conten_bullet ul{  width:100%; float:left;  }
.conten_bullet li{ width:90%; float:left; padding-left:10%;   }

/* --------------------- LOGIN css ------------------------------------------------------*/

.logintitle { width:100%; float:left;  background:#ed003d; padding:22px 0px; font-family: 'lato_light'; font-weight:normal; font-size:36px; text-align:center; color:#FFF; }

.login_mainbody {width:100%; float:left;  padding:80px 0px;  }
.login_mainbody_demo  {width:470px; margin:auto; }
.login_mainbody_containt {width:470px; float:left;}

.login_formsection {width:398px; float:left; background:#f0f0f0; border: solid 6px #e3e3e3; padding:20px 30px 28px 30px;}

.member_icon { width:100%; float:left; text-align:center; padding-bottom:24px;}
.login_text {width:100%; float:left; font-family: 'lato_bold'; font-size:16px; font-weight:normal; padding-bottom:10px; color:#333333;}
.login_box {width:100%; float:left;  padding-bottom:24px;}
.pink {font-family: 'lato_bold'; font-size:16px; font-weight:normal;  color:#ed003d;}
.inputtextbox3 {width:94%; height:62px; padding-left:6%; border:0px; outline:0px; font-family:'lato'; color:#333333; font-size:20px;}
.loginbutton {width:100%; float:left; }

.login_social_section { width:100%; float:left; padding:28px 0 32px 0px; background-image:url(/web/20240117124325im_/https://www.shopinterest.co/imgs/login_line.jpg); background-position: center bottom; background-repeat:no-repeat; text-align:center; margin-bottom:22px;}
.login_newmember { width:100%; float:left; text-align:center; font-family: 'lato'; font-size:16px; font-weight:bold; color:#333333; text-align:center;}

.register {font-family: 'lato'; font-size:16px; font-weight:bold; color:#ed003d;}
.register a{color:#ed003d;}
.register a:hover {color:#ed003d; text-decoration:underline;}

.forgot {font-family: 'lato'; font-size:16px; font-weight:bold; color:#9e9d9d;}
.forgot a{color:#9e9d9d;}
.forgot a:hover {color:#9e9d9d; text-decoration:underline;}


/* --------------------- REGISTER css ------------------------------------------------------*/

.register_mainbody {width:100%; float:left;  padding:35px 0px 40px 0px;  }
.register_mainbody_demo  {width:950px; margin:auto; }
.register_mainbody_containt {width:950px; float:left;}

.register_formsection {width:950px; float:left; margin-bottom:14px;}

.register_usersection {width:396px; float:left; margin-right:14px; background-color:#f0f0f0; padding:46px 36px 54px 36px;}
.register_passwordsection {width:396px; float:left; background-color:#f0f0f0; padding:46px 36px 54px 36px;}

.register_text {width:100%; float:left; font-family: 'lato_bold'; font-size:16px; font-weight:normal; padding-bottom:10px; color:#333333;}
.register_box {width:100%; float:left;  padding-bottom:24px;}


.register_createprofile {width:878px; float:left;  background-color:#f0f0f0; padding:46px 36px 36px 36px;}

.register_agree {width:396px; float:left; margin-right:50px; background-color:#f0f0f0;}
.agree_text {width:100%; float:left; padding-bottom:20px; font-family: 'lato_bold'; font-weight:bold; font-size:16px; color:#333333;} 

.sendmail  {font-family: 'lato'; font-size:12px; font-weight:normal;}

.register_create {width:396px; float:left; background-color:#f0f0f0; padding:0px 0px 0px 36px;}

.create_profile {width:100%; float:left;  padding-bottom:14px;}
.required {width:100%; float:left; text-align:center; color:#ed003d; font-family: 'lato'; font-size:14px; font-weight:normal; padding-bottom:24px;}
.signup  {width:100%; float:left; text-align:center; color:#333333; font-family: 'lato_bold'; font-size:16px; font-weight:bold; line-height:32px; height:32px;}
.signup img { padding-left:10px;}


/* --------------------- ABOUT TEAM css ------------------------------------------------------*/

.abouttext { width:100%; float:left; padding-bottom:70px;}
.aboutteam_section {width:98%; float:left; }

.team_memberbox { width:176px; height:176px; float:left; margin:0 34px;}
.img_circle { 
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

.about_team_des {width:100%; float:left; background:#ed003d; padding:80px 0 100px 0px;  }
.about_team_des_demo  {width:976px; margin:auto; }
.about_team_des_containt {width:976px; float:left;}
.about_team_des_containt h2 {font-family: 'lato_bold'; font-weight:bold; font-size:32px; color:#fff; padding-bottom:30px;}
.about_team_text   {font-family: 'lato'; font-weight:normal; color:#fff; font-size:18px;}


.about_jointeam {width:100%; float:left; background:#f7f7f7; padding:35px 0 100px 0px; border-top: solid 1px #CCC;  }
.about_jointeamdes_demo  {width:976px; margin:auto; }
.about_jointeam_containt {width:976px; float:left; }

.jointeam_section {width:100%; float:left; padding-bottom:55px; border-bottom: solid 1px #aaafb6; margin-bottom:100px; }

.jointeam_section2  {width:100%; float:left;}
.jointeam_section2 .left { width:65%; float:left; margin-right:10%;}
.jointeam_section2 .right { width:25%; float:left;}


/* --------------------- FORGOT PASSWORD css ------------------------------------------------------*/

.forgot_mainbody_demo  {width:946px; margin:auto; }

.forgot_mainbody_containt {width:946px; float:left; margin:auto;}

.forgot_formsection {width:854px; float:left; background:#f0f0f0; border: solid 6px #e3e3e3; padding:20px 70px 42px 70px;}

.inputtextbox4 {width:384px; height:62px; padding-left:10px; border:0px; outline:0px; font-family:'lato'; color:#333333; font-size:20px;}
.find_account_button {width:394px; float:left; margin-left:14px; }
.login_box2 {width:394px; float:left;  }


.button3 {
        border-radius:0px!important;
	width:100%; float:left;
        background: none repeat scroll 0 0 #ed003d!important;
        border: 0 none !important;
        text-transform: uppercase !important;
	color:#FFFFFF!important;
	cursor: pointer;
	font-size:18px!important;
	font-weight:normal!important;
	font-family: 'opensans_bold';
	text-align:center;
	height:62px; 
	line-height:62px;
	
}

.inputtextbox5 {width:94%; height:117px; padding-left:6%; border:0px; padding-top:10px; outline:0px; font-family:'lato'; color:#333333; font-size:20px;}
.forgot_text {width:100%; float:left; font-family: 'lato'; font-size:14px; font-weight:normal; padding-bottom:20px; color:#333333;}


.trylink {font-family: 'lato'; font-size:14px; font-weight:normal; color:#3467b4;}
.trylink a{color:#3467b4;}
.trylink a:hover {color:#3467b4; text-decoration:underline;}


.contact_map {width:468px; float:left; margin-right:14px;  padding:0px 0px 0px 0px; font-size:13px;}
.right_margin { margin-right:0px;}
.right { text-align:right;}

.contact_left { width:252px; float:left; padding-right:10px;} 
.contact_right { width:112px; float:left; } 

.inputtextbox6 {width:246px; height:34px; padding-left:6; border:0px; padding-top:6px; outline:0px; font-family:'lato'; color:#333333; font-size:14px;}

.button4 {
	width:100%; float:left;
    background: none repeat scroll 0 0 #ed003d;
    border: 0 none !important;
    text-transform: uppercase !important;
	color:#FFFFFF;
	cursor: pointer;
	font-size:18px;
	font-weight:normal;
	font-family: 'opensans_bold';
	text-align:center;
	height:40px; 
	line-height:40px;
	
}

/* --------------------- dashboard_balance css ------------------------------------------------------*/
.button5{ width:80px; float:left; background-color:#3d4858;  height:48px; } 

.blue_bar { background-color:#3d4858;} 
.dashboard_margintop { padding:0px 0px;}

.dashboard_bodyleft { width:225px; float:left; margin-right:15px; background-color:#424242; padding:35px 5px 60px 5px;}

.dashboard_leftlink ul{  width:225px; float:left; }
.dashboard_leftlink li{ width:225px; float:left;}
.dashboard_leftlink li a{ width:200px; float:left; padding:20px 0 20px 25px; display:block; color:#FFFFFF; border-bottom: solid 1px #767676;     }
.dashboard_leftlink li a:hover,  .dashboard_leftlink a.active{ background-color:#545454;   }

.dashboard_leftlink img{ padding-right:20px;  vertical-align : middle;}

.offerbox { padding:5px; float:right; z-index:1; background-color:#ff5454; margin-top:-51px; margin-right:20px; color:#FFFFFF;}


.dashboard_bodyright {width:700px; float:left; padding-top:66px;}

.current_balance {width:343px; float:left;}
.life_time_paid {width:343px; float:right;}

.current_section  ul{ width:100%; float:left; background-color:#3d4858;}
.current_section  li{background-color:#3d4858; font-family: 'lato_bold'; color:#FFFFFF; font-size:20px; text-align:center; font-weight:400; padding:20px 0px;}
.current_section li:nth-child(2) {background-color:#999999; font-family: 'lato_bold'; color:#FFFFFF;  text-align:center; font-weight:400; padding:40px 0px;}

.checkout_box { width:310px;  margin:auto; margin-top:20px;}

/* --------------  fixed nav css --------------- */

.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;top:0;right:0;left:0;z-index:10;display:block;height: auto}
.navbar-default{background-color:#ffffff;border-color:#ffffff}
.spacerdiv {height:92px;}

/* --------------------- dashboard_balance css ------------------------------------------------------*/

.blue_bar { background-color:#3d4858;} 
.dashboard_margintop { padding:0px 0px; background-color:#e0e8f2;}

.dashboard_bodyleft { width:225px; float:left; margin-right:15px; background-color:#424242; padding:35px 5px 60px 5px;}

.dashboard_leftlink ul{  width:225px; float:left; }
.dashboard_leftlink li{ width:225px; float:left;}
.dashboard_leftlink li a{ width:200px; float:left; padding:20px 0 20px 25px; display:block; color:#FFFFFF; border-bottom: solid 1px #767676;     }
.dashboard_leftlink li a:hover,  .dashboard_leftlink a.active{ background-color:#545454;   }

.dashboard_leftlink img{ padding-right:20px;  vertical-align : middle;}

.offerbox { padding:5px; float:right; z-index:1; background-color:#ff5454; margin-top:-51px; margin-right:20px; color:#FFFFFF;}


.dashboard_bodyright {width:700px; float:left; padding-top:66px;}

.current_balance {width:343px; float:left;}
.life_time_paid {width:343px; float:right;}

.current_section  ul{ width:100%; float:left; background-color:#3d4858;}
.current_section  li{background-color:#3d4858; font-family: 'lato_bold'; color:#FFFFFF; font-size:20px; text-align:center; font-weight:400; padding:20px 0px;}
.current_section li:nth-child(2) {background-color:#999999; font-family: 'lato_bold'; color:#FFFFFF;  text-align:center; font-weight:400; padding:40px 0px;}

.checkout_box { width:310px;  margin:auto; margin-top:20px;}




/* --------------------- dashboard_settings css ------------------------------------------------------*/

.dashboard_settings_right {width:700px; float:left; padding-top:32px;}

.account {width:620px; float:left; background-color:#f0f0f0; padding:24px 40px; margin-bottom:40px;}

.account_title { width:100%; float:left; padding-bottom:50px; border-bottom: solid 1px #a9a9a9;}

.account_title h2 {font-family: 'lato_bold'; font-size:34px; color:#9e9d9d; font-weight:400;}

.save{ width:150px; float:right; z-index:2;  margin-top:-29px; }

.account_box { width:620px; float:left; padding:24px 0px; border-bottom: solid 1px #a9a9a9;}

.account_box_left {width:200px; float:left; font-family: 'lato_bold'; font-size:20px; font-weight:400; color:#9e9d9d; line-height:62px;}
.account_box_right {width:420px; float:left;}

.inputtextbox7 {width:414px; height:56px; padding-left:6px; border:0px; padding-top:6px; outline:0px; font-family:'lato'; color:#333333; font-size:18px;}
.inputtextbox8 {width:310px; height:56px; padding-left:6px; border:0px; padding-top:6px; outline:0px; font-family:'lato'; color:#333333; font-size:18px;}

.account_box2 { width:310px; float:left; padding: 40px 0 40px 0;  padding-left:200px;}
.account_box3 { width:310px; float:left; padding: 40px 0 40px 0;  padding-left:10px;}

.combobox8 {height:56px; color:#333; background-color:white; font-family:'lato';padding:6px;font-size:18px; outline:0px;border:0px;}


/* --------------------- Dashboard_checks2 css ------------------------------------------------------*/


.Dashboard_checks_right {width:700px; float:left; padding-top:32px;}

.Dashboard_checks2 { width:700px; float:left; padding:0 0 24px 0px;}

.Dashboard_checks2_top { width:700px; float:left; padding-bottom:26px; border-bottom:solid 1px #b0b0b0;}

.dashboard_box { width:225px; float:left; margin:0 4px 12px 4px;}

.dashboard_box_left { width:100px; height:88px; float:left;  background-color:#faf5a0; 

}

.icon { width:100px; height:88px; width:100%; text-align:center;  /* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}

.icon_text { width:100px; height:88px; width:100%; text-align:center;  text-align:center; font-size:12px;  font-family: 'lato'; color:#333333; 

/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}


.green { background-color:#a0fbb8;} 
.blue { background-color:#a0defb;} 
.pink2 { background-color:#faa0a8;} 
.orange { background-color:#ffae78;} 
.purple { background-color:#9b80a8;} 



.number {font-size:20px;  font-family: 'lato'; color:#333333; font-weight:bold;}
.dashboard_box_right { width:115px; float:left; height:88px; background-color:#fff; }

.marging_top { margin-top:24px;}


.Dashboard_checks2_top h2 { color:#3d4858; font-family: 'lato_bold'; font-weight:400; font-size:18px; padding-bottom:28px;  }

.price { width:160px; float:left; }

.price_left_text {width:80px; height:48px; font-size:24px; text-align:center;color:#5e5c5c;border:none;background-color:#f0f0f0;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;}

.price_right_text {width:100px; height:48px; font-size:16px; color:#fff!important; text-align:center;border:none!important;background-color:#3d4858!important;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;}

.price_left { width:80px; float:left; background-color:#f0f0f0; height:48px; }

.price_right { width:80px; float:left; background-color:#3d4858;  height:48px; }

.purple_color { color:#ed003d; font-weight:bold;}
.price_text {width:500px; float:right; font-size:16px; color:#828282; font-family: 'lato';}
.price_text_na {width:500px; font-size:16px; color:#828282; font-family: 'lato';} 

.boards_pic_section { width:950px; float:left; margin:28px 0 60px 0px;}
.boards_pic_section h2 {color:#3d4858; font-family: 'lato_bold'; font-weight:400; font-size:18px; padding-bottom:18px;}
.boards_pic_section p{font-size:16px; color:#828282; font-family: 'lato'; padding-bottom:44px;}

.service_section { width:950px; float:left;}

.service_box { width:170px; float:left; margin:0 10px 20px 10px; background-color:#3d4858; padding:10px 0 14px 0px;}

.service_corners { width:53px; height:53px; background-color:#f3595a; margin-left:56px; margin-bottom:14px;
     -moz-border-radius: 53px;
    -webkit-border-radius: 53px;
    -khtml-border-radius: 53px;
    border-radius: 53px;
	
	text-align:center;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}


.service_title {font-family: 'lato'; font-size:20px; font-weight:4000; color:#fff; text-align:center;}
.service_title a{color:#fff;}
.service_title a:hover {color:#e0e8f2; text-decoration:none;}

.checkbox { float:right; width:24px; z-index:3; margin-top:-97px;}

.edit_board { width:170px; float:right; z-index:4; margin-top:-91px;}

.color2 { background-color:#43ce73;}
.color3 { background-color:#9a59b4;}
.color4 { background-color:#3bb8ae;}
.color5 { background-color:#f7668d;}
.color6 { background-color:#a6b1c4;}
.color7 { background-color:#fdc914;}
.color8 { background-color:#2f9683;}
.color9 { background-color:#faa0a8;}
.color10 { background-color:#a0defb;}
.color11 { background-color:#568848;}

/* --------------------- PINNER css ------------------------------------------------------*/

.pinner_mainbody {width:100%; float:left;  padding:44px 0px 50px 0px; background-color:#2b3646;  }
.pinner_demo  {width:950px;float:center; margin:auto; }
.pinner_left {width:400px; float:left;}
.pinner_right {width:550px; float:center;}
.pinner_right h2 { font-size:35px; font-weight:400; font-family: 'lato_light'; padding-bottom:34px; color:#FFFFFF; }
.pinner_right p {font-size:16px; font-weight:400; font-family: 'lato'; line-height:32px; color:#FFFFFF; padding-bottom:26px;}


.button8 {
	width:100%; float:left;
    background: none repeat scroll 0 0 #ed003d;
    border: 0 none !important;
    text-transform: uppercase !important;
	color:#FFFFFF;
	cursor: pointer;
	font-size:18px;
	font-weight:normal;
	font-family: 'lato_light';
	text-align:center;
	height:68px; 
	line-height:68px;
	
}


.how_section2 { width:100%; float:left; padding:80px 0 100px 0px; background-color:#FFFFFF;}
.how_contain2 {width:976px; margin:auto;}
.how_containt_main2 {width:976px; float:left;}

.how_containt_main2 h2 {font-size:36px; font-weight:400;  font-family: 'lato_light'; padding-bottom:74px; color:#2b3646; text-align:center;}

.how_containtbox { width:976px; float:left; margin-bottom:55px;}
.how_containtbox_left { width:200px; float:left; } 
.how_containtbox_right { width:776px; float:left; } 

.how_containtbox_right h2{ font-size:28px; font-weight:400;  font-family: 'lato_light'; padding-bottom:20px; color:#000000; text-align:left; } 


.how_corners { width:147px; height:147px; background-color:#ff5050; 
     -moz-border-radius: 147px;
    -webkit-border-radius: 147px;
    -khtml-border-radius: 147px;
    border-radius: 147px;
	
	text-align:center;
/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Chrome, and Opera */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}

.how_color2 { background-color:#ff8196;}
.how_color3 { background-color:#658cfc;}
.how_color4 { background-color:#e98976;}
.how_color5 { background-color:#73c967;}

.signup2 { width:545px; margin:auto; margin-top:96px;}

/* --------------------- active offers css ------------------------------------------------------*/
.activeoffers_mainbody {width:100%; float:left;  padding:0px 0px 40px 0px; background-color:#e0e8f2;  }
.activeoffers_bodyright {width:700px; float:left; margin-top:64px;}

.tab_containt { width:100%; float:left;}

.tab_title_section { width:100%; float:left; padding:14px 0px; background-color:#3d4858;}

.tab_titile  ul{ width:100%; float:left;}
.tab_titile  li { width:30%; float:left; text-align:center; font-size:16px; color:#FFF;}
.tab_titile  li:nth-child(2) {width:25%; float:left;}
.tab_titile  li:nth-child(3) {width:25%; float:left;}
.tab_titile  li:nth-child(4) {width:20%; float:left;}

.tab_boxsection {width:100%; float:left;}
.tab_box1 { width:100%; float:left; padding:25px 0px; background-color:#d3deee; border-bottom: solid 1px #e0e8f2;} 
.light_blue { background-color:#ced7e4;}

.tab_titile2  ul{ width:100%; float:left;}
.tab_titile2  li { width:30%; float:left; text-align:center; font-size:16px; color:#5f5c5c;}
.tab_titile2  li:nth-child(2) {width:25%; float:left;}
.tab_titile2  li:nth-child(3) {width:25%; float:left;}
.tab_titile2  li:nth-child(4) {width:20%; float:left;}


.button5 {
        width:90px;
    background: none repeat scroll 0 0 #ed003d;
    border: 0 none !important;
        color:#FFFFFF;
        cursor: pointer;
        font-size:16px;
        font-weight:normal;
        text-align:center;
        height:32px; 
        line-height:32px;
        display:block;
        margin:auto;
        
}



.actual_offer { width:90%;  padding:20px 5%;}

.back_offer {font-family: 'lato'; font-size:14px; font-weight:4000; color:#fff; text-align:right;}
.back_offer a{color:#ed003d;}
.back_offer a:hover {color:#ed003d; text-decoration:underline;}

.actual_offer_title {font-family: 'lato'; font-size:30px; color:#3d4858; text-align:center; padding-bottom:16px;}

.tab_titile3  ul{ width:100%; float:left;}
.tab_titile3  li { width:33%; float:left; text-align:center; font-size:16px; color:#FFF;}
.tab_titile3  li:nth-child(2) {width:42%; float:left;}
.tab_titile3  li:nth-child(3) {width:25%; float:left;}

.tab_titile4  ul{ width:100%; float:left;}
.tab_titile4  li { width:33%; float:left; }
.tab_titile4  li:nth-child(2) {width:32%; float:left; text-align:left; font-size:14px; color:#687281; padding:20px 5%;}
.tab_titile4  li:nth-child(3) {width:25%; float:left; padding-top:68px; text-align:center;}

.actual_offer_box { width:100%; float:left; padding:0 0 68px 0px; background-color:#d3deee; border-bottom: solid 1px #e0e8f2;} 



.button6 {
        width:100px;
    background: none repeat scroll 0 0 #75b26b;
    border: 0 none !important;
        color:#FFFFFF;
        cursor: pointer;
        font-size:16px;
        font-weight:normal;
        text-align:center;
        height:32px; 
        line-height:32px;
        display:block;
        margin:auto;
        
}

.button7 {
        width:100px;
    background: none repeat scroll 0 0 #ff5454;
    border: 0 none !important;
        color:#FFFFFF;
        cursor: pointer;
        font-size:16px;
        font-weight:normal;
        text-align:center;
        height:32px; 
        line-height:32px;
        display:block;
        margin:auto;
        
}

ul.tabs
{
    padding: 1px 0;
    font-size: 0;
    margin:0;
    list-style-type: none;
    margin-bottom:24px;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:10px; /*distance between tabs*/
}
        
ul.tabs li a
{
    font-family: 'lato_bold';
        font-size:20px;
    text-decoration: none;
    padding: 30px 50px;
    color: #3d4858;
    border-radius: 5px 5px 0 0;
    outline:none;
        background-color:#d7d7d7;
}
        
ul.tabs li a:visited
{
    color: #3d4858;
}
        
ul.tabs li a:hover
{
    background:#fff ;
}
        
ul.tabs li.selected a
{
    /*selected tab style */
    background: white;
    border-bottom-color: white;
        color: #ed003d;

}
        
ul.tabs li.selected a:hover
{
    /*selected tab style */
    text-decoration: none;
}

.tabHelpIcon
{
	width: 24px;
	height: 24px;
	margin-left: 5px;
	margin-bottom: 2px;
}
        
div.tabcontent
{
    display: block;
        background:#FFFFFF;
}

div.tabcontents
{
    padding: 3px 0px;
    background-color:#FFF;
}

/* --------------------- active offers css ------------------------------------------------------*/
.formLabel {
    float: none;
    color: #333333!important;
    font-size:16px!important;
    font-family:'lato_bold'!important;
}

.register_text span {
   float:none!important;
}

.captchaButton {
  background: none repeat scroll 0 0 #ed003d!important;
  border:0 none !important;
  color:#FFFFFF!important;
  text-transform: uppercase!important;
  font-size: 16px!important;
  font-weight: normal!important;
  font-family: 'opensans'!important;
  text-align: center!important;
  height: 40px!important;
  width: 100px!important;
  line-height: 30px!important;
  border-radius:0px!important;
  text-decoration: none!important;
  outline: none!important;
}
/* --------------------- ADVERTISER css ------------------------------------------------------*/

.advertiser_mainbody {width:100%; float:left;  padding:44px 0px 50px 0px; background-color:#fff;  }

.advertiser_right {width:500px; float:right;}
.advertiser_right h2 { font-size:35px; font-weight:400; font-family: 'lato_light'; padding-bottom:34px; color:#3d4858; }
.advertiser_right p {font-size:16px; font-weight:400; font-family: 'lato'; line-height:32px; color:#3d4858; padding-bottom:26px;}


.color12 { background-color:#4a92b3;}
.color13 { background-color:#ffab50;}


.campaign_examples_section {width:100%; float:left;  padding:60px 0px 70px 0px; background-color:#f9f9f9; }
.campaign_examples_section h2 {font-size:36px; font-weight:400;  font-family: 'lato_light'; padding-bottom:50px; color:#2b3646; text-align:center;}

.campaign_examples_box { width:310px; float:left; margin:5px;}

.campaign_button { width:73%; float:left; margin-top:30px; padding-left:27%; }

.button9 {
	width:70%; float:left;
    background: none repeat scroll 0 0 #ed003d;
    border: 0 none !important;
    text-transform: uppercase !important;
	color:#FFFFFF;
	cursor: pointer;
	font-size:18px;
	font-weight:normal;
	font-family: 'lato_light';
	text-align:center;
	height:68px; 
	line-height:68px;	
}

.why_section {width:100%; float:left;  padding:80px 0px 60px 0px; background-color:#f9f9f9; }

.how_containt_main3 h2 {
    padding-bottom: 20px;
}

.how_containt_main3 h3 {font-size:36px; font-weight:400;  font-family: 'lato_light'; padding-bottom:60px; color:#2b3646; text-align:center;}

.how_containt_main3 p { text-align:center; padding-bottom:60px;}

.advertiser_per {width:100%; float:left; margin-bottom:60px;}

.why_box { width:150px;  float:left; margin:0 21px; text-align:center;}

.img_circle2 { width:150px; height:150px;  float:left; margin-bottom:25px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	border-radius: 150px;
	background-color:#FFFFFF;
	vertical-align:middle;
	text-align:center;
	line-height:150px;
	font-family: 'lato';
	font-size:36px;
	color:#fff;
}

.why_box_tit {font-family: 'lato'; font-size:20px; color:#3d4858; text-align:center; padding-bottom:16px;}



.color14 { background-color:#7dcc52;}
.color15 { background-color:#79ceea;}
.color16 { background-color:#6489f2;}
.color17 { background-color:#f2b164;}
.color18 { background-color:#4fe1a8;}

.ecommerec_section {width:90%; float:left;  padding:5%; background-color:#f2efef;}

.ecommerec_section_left { width:35%; float:left;  font-family: 'lato_bold'; font-size:36px; color:#3d4858; line-height:45px;}
.pink3 {color:#ed003d;}


.ecommerec_section_right { width:57%; float:right;}

.ecommerec_section_right ul { width:100%; float:left;}
.ecommerec_section_right li {width:100%; float:left; margin-bottom:10px;}

.doller { width:100%; float:left; text-align:right; font-weight:bold;}
.social {width:14.5%; float:left; }
.paichat {width:85%; float:left; }

.paicaht_righttext { font-size:14px; text-align:right; line-height:16px;}
/* --- misc --- */
.login_small_box { width:140px; float:left; }
.menusection_small_box { width:630px; float:right;}


.menusection3 { width:630px; float:right; padding-top:18px;}
.login3 { width:140px; float:left; text-align:center; font-size:14px; text-transform:uppercase; }
#dropnav { margin:0; padding:0; list-style:none; text-align:center;}
#dropnav li { width:100%; float:left; text-align:center; font-size:14px; line-height:17px; text-transform:uppercase; display:block; position:relative; z-index:1000; margin-top:-5px;}
#dropnav li a { display:block; color:#474747; text-decoration:none; padding-top: 10px; padding-bottom: 10px; }#dropnav li a:hover{color:#474747; background-color:#ed003d;}
#dropnav li a.parent {color:#474747; text-align:center;  display:block;   }
#dropnav li a.parent:hover{ color:#fff; text-decoration:none; }
#dropnav span{height:36px;  color:#373832; text-decoration:none;  display:block; z-index:2000; }
#dropnav ul {position:absolute; left:0; display:none; margin:0px 0 0 0px; padding:0; list-style:none; }
#dropnav ul li {width:140px; float:left; padding-bottom:1px; text-align:left;  font-weight:normal;}
/* display block will make the link fill the whole area of LI */
#dropnav ul li a { background-color:#FFFFFF; font-size:12px;  color:#000; width:140px;  display:block; padding:10px 0 10px 0px; font-weight:normal; text-align:center; margin-top:5px;}
#dropnav ul a:hover {background-color:#FFFFFF; color:#ed003d; }
.how_containtbox_right { width:776px; float:left; padding-top:19px; } 

/*Bootstrap Modal*/
.modal-open .dropdown-menu {
  z-index: 2050;
}
.modal-open .dropdown.open {
  *z-index: 2050;
}
.modal-open .popover {
  z-index: 2060;
}
.modal-open .tooltip {
  z-index: 2070;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  max-height: 500px;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}

.modal.fade {
  -webkit-transition: opacity .3s linear, top .3s ease-out;
  -moz-transition: opacity .3s linear, top .3s ease-out;
  -ms-transition: opacity .3s linear, top .3s ease-out;
  -o-transition: opacity .3s linear, top .3s ease-out;
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-body {
  padding: 15px;
}
.modal-body .modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before, .modal-footer:after {
  display: table;
  content: "";
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn {
  float: right;
  margin-left: 5px;
  margin-bottom: 0;
}

button.close {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover {
  color: #000000;
  text-decoration: none;
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: pointer;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.comment-text {
word-wrap: break-word;
-ms-word-break: break-all;

word-break: break-all;

/* Non standard for webkit */
word-break: break-word;

-webkit-hyphens: auto;
-moz-hyphens: auto;
	hyphens: auto;
}
/*
     FILE ARCHIVED ON 12:43:25 Jan 17, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 11:52:02 Aug 06, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.492
  exclusion.robots: 0.017
  exclusion.robots.policy: 0.006
  esindex: 0.01
  cdx.remote: 17.842
  LoadShardBlock: 187.308 (3)
  PetaboxLoader3.datanode: 135.751 (4)
  load_resource: 241.103
  PetaboxLoader3.resolve: 158.061
*/