body{margin-bottom:65px;margin-top:50px;}
h1,h3,h4,h5{font-family:'wf_SegoeUILight',"Segoe UI Light","Segoe WP Light","Tahoma",Arial,Verdana,sans-serif;font-weight:300}


/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v13/0eC6fl06luXEYWpBSJvXCFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v13/Fl4y0QdOxyyTHEGMXX8kcVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v13/-L14Jk06m6pUHB-5mXQQnVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v13/I3S1wsgSg9YCurV6PUkTOVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v13/NYDWBdD4gIq26G5XYbHsFFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v13/Pru33qjShpZSmG3z6VYwnVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(http://fonts.gstatic.com/s/roboto/v13/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

.ml-10{margin-left:10px;}
.align-center { text-align:center; }
.auto { margin:auto;float:none; }
.no-decoration {text-decoration:none!important;}
.visible-ie8{display:none}
.ie8 .visible-ie8{display:inherit !important}
.visible-ie9{display:none}
.ie9 .visible-ie9{display:inherit !important}
.hidden-ie8{display:inherit}
.ie8 .hidden-ie8{display:none !important}
.hidden-ie9{display:inherit}
.ie9 .hidden-ie9{display:none !important}
a.more{font-size:13px;font-weight:400 !important;font-family:'Open Sans' !important}
a.more i{font-size:12px}
a,a:focus,a:hover,a:active{outline:0}
.ie8 .row-fluid [class*="span"]{min-height:20px !important}
.fix-offset{margin-left:0 !important}
.clearfix{clear:both}
.visible-ie8{display:none}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.no-bottom-space{padding-bottom:0 !important;margin-bottom:0 !important}
.no-top-space{padding-top:0 !important;margin-top:0 !important}
.space5{display:block;height:5px !important;clear:both}
.space7{height:7px !important;clear:both}
.space10{height:10px !important;clear:both}
.space12{height:12px !important;clear:both}
.space15{height:15px !important;clear:both}
.space20{height:20px !important;clear:both}
.no-space{margin:0 !important;padding:0 !important}
.no-text-shadow{text-shadow:none !important}
.no-left-padding{padding-left:0 !important}
.no-left-margin{margin-left:0 !important}
.margin-bottom-10{margin-bottom:10px !important}
.margin-top-10{margin-top:10px !important}
.margin-top-50{margin-top:50px !important}
.margin-bottom-15{margin-bottom:15px !important}
.margin-bottom-20{margin-bottom:20px !important}
.margin-bottom-30{margin-bottom:30px !important}
.margin-bottom-40{margin-bottom:40px !important}
.margin-top-20{margin-top:20px !important}
.margin-bottom-25{margin-bottom:25px !important}
.margin-right-10{margin-right:10px !important}
.margin-right-20{margin-right:20px !important}
.margin-left-10{margin-left:10px !important}
.margin-left-0{margin-left:0 !important}
.padding-left-0{padding-left:0 !important}
.hide{display:none}
.bold{font-weight:600 !important}
.fix-margin{margin-left:0 !important}
.border{border:1px solid #ddd}
.inline{display:inline}
hr{margin:20px 0;border:0;border-top:1px solid #e0dfdf;border-bottom:1px solid #fefefe}
@-ms-viewport{width:auto !important}
#header .navbar-inverse{background:#000;color:#fff;border-bottom:4px solid #52acc7}
#header .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand a{font-family:'wf_SegoeUILight',"Segoe UI Light","Segoe WP Light","Tahoma",Arial,Verdana,sans-serif;font-size:20px;color:#fff;font-weight:bold}
#header #fl{color:#fff}
#header #sl{color:#5bc0de}
#first-line{margin:0 auto;padding:10% 0;text-align:center}
#homepage-fl{background:#027eaf}
#register-box{background:#027eaf}
#homepage-fl h1{color:#fff;font-weight:bold;font-size:45px;margin-bottom:30px}
#why-to-join{color:#fff;font-size:20px;margin:auto;float:none}
#why-to-join-img{position:relative;top:3px;margin:auto;float:none}
#why-join {margin-top: 20px;}
#why-join #tab_1{border-top:5px solid #ff9d9d;padding-top: 10px;}
#why-join #tab_2{border-top:5px solid #fde37b;padding-top: 10px;}
#why-join #tab_3{border-top:5px solid #ceeac8;padding-top: 10px;}
#why-join .join-title{font-size:25px}
#why-join #tab_description{text-align:justify;font-family:'wf_SegoeUILight',"Segoe UI Light","Segoe WP Light","Tahoma",Arial,Verdana,sans-serif;font-size:15px}



/*SIGN-UP*/
#sign-up-page{background:#027eaf}
#sign-up-page h1{color:#fff;font-weight:bold;font-size:45px;margin-bottom:30px;text-align:center;}
#sign-up-form {margin:auto;float:none;
margin-bottom: 30px;}
#sign-up-page .form {
background: #fefefe;
border: 1px solid #e0dede;
box-shadow: 0 0 3px #e0dede;
padding: 10px 30px 30px;
}
.form-control:-moz-placeholder{color:#999}
.form-control::-moz-placeholder{color:#999}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control{font-weight:normal;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-family:'Open Sans',sans-serif;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#999;outline:0;-webkit-box-shadow:none !important;box-shadow:none !important}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}
.uneditable-input{padding:6px 12px;min-width:206px;font-size:14px;font-weight:normal;height:34px;color:#333;background-color:#fff;border:1px solid #e5e5e5;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
label.form-control{display:block;margin-bottom:5px}
input[disabled],select[disabled],textarea[disabled]{cursor:not-allowed;background-color:#f4f4f4 !important}
input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#f9f9f9 !important}
.input-group.input-group-fixed{width:auto !important}
.input-group-addon{border-color:#e5e5e5;background:#e5e5e5;min-width:39px}
.input-group-addon>i{color:#999}
.blue-btn{background:#5bc0de;border-color:#3F95AF;color:#fff}
.blue-btn:hover{background:#51A4BD;border-color:#51A4BD;color:#fff}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#FFF;background-color:#4eb0ce;border-color:#5bc0de}
.green-btn{background:#92c94a;border-color:#73ae26;color:#fff;line-height:40px;font-size:30px;text-shadow:#537516 0 1px}
.green-btn:hover{background:#73ae26;border-color:#92c94a}
#sign-up{cursor:pointer;display:block;clear:both;width:230px;padding:9px;font-size:24px;line-height:28px;color:#f9fbf5;text-align:center;text-shadow:#537516 0 1px;text-decoration:none;background:url(../images/signup.png) center top repeat-x;border:solid 1px #00658d;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;box-shadow:0 1px #1381ad;white-space:nowrap;margin:auto;text-decoration:none;}
#sign-up:hover{background-position:0 -50px;color:#FFF}
#have-account-msg{margin-right:10px}
.logged-in-hd{margin-right:10px;margin-top:5px;}
.hdst-btn { padding:0px 5px 0px 5px;margin-top:5px;}
#latest-users .user-profile{margin-top:10px;border-radius:3px}
.hl-list{float:none;text-align:center;margin-top:20px;margin-left:auto;margin-right:auto;font-family:'wf_SegoeUILight',"Segoe UI Light","Segoe WP Light","Tahoma",Arial,Verdana,sans-serif;font-size:15px;font-weight:bold}

/*** colorpicker ***/
.colorpicker {z-index:99;}
.colorpicker_submit.colorpicker_focus { cursor: pointer; }

/* AD PREVIEW */

/* latin-ext */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: local('Oxygen Light'), local('Oxygen-Light'), url(http://fonts.gstatic.com/s/oxygen/v4/-1odZCVpKpOs9pNLq607fltXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: local('Oxygen Light'), local('Oxygen-Light'), url(http://fonts.gstatic.com/s/oxygen/v4/AwBqWF2kjhlybWamaKMPcVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


#ad-design-div {
	border: 1px solid #c7c7c7;
	box-shadow: 0 1px 3px #c3c2c3;
	-webkit-box-shadow: 0 1px 7px #c3c2c3;
	-moz-box-shadow: 0 1px 3px #c3c2c3;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background: #fff;
	border-radius: 0px;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 25px;
	line-height: 30px;

	word-break: break-word;
	font-family: Roboto;
	font-style: normal;
	font-weight: 300;
}


#ad-design-div #title-color-preview {
	color: #0000ff;
	font-size: 31px;
	line-height: 34px;
	text-decoration: none;
}

#ad-design-div #link-color-preview {
	color: #0e8f0e;
	font-size: 17px;
}

#ad-design-div #text-color-preview {
	color: #333;
	font-size: 21px;
	margin-bottom:5px;
}

#ad-design-div #button-color-preview {
	background: #3f9f3f;
	color: #fff;
	width: 125px;
	height: 50px;
	font-size: 50px;
	font-weight: bold;
	border-radius: 5px;
	float: none;
	margin: auto;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}

#ad-design-div #button-color-preview:hover {
	opacity: 0.8;
}




#copyright{text-align:center}
#footer{margin-top:10px;background:#000;padding-top:10px;padding-bottom:20px;color:#fff;border-top:4px solid #52acc7;height:40px}
#footer .footer-language .glyphicon-chevron-down{top:3px}
#footer .footer-language {text-align:right;}
#footer .pages{text-align:left}
#footer a{color:#fff}
#footer .copyright{text-align:right}
@media(max-width:768px){.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-top:1px solid #52acc7;margin-top:0}
#footer{height:60px}
}