html,body {
font-family: 'Lato', sans-serif; background: #f2fbff !important;
}
html,body,form,span,h5 {
box-sizing: border-box;
}
.row {
background-color: #f2fbff;
}
form {
width: 100%; margin: 1%; word-break: break-word; border-radius: 3px; color: #555;
}
.header_bg {
height: 60px; background-color: #333333; border-bottom: #00d7f5 thick solid;
}
.header1_logo img {
display: block; margin: 0 auto; width: 85px;
}
h5 {
width: 100%; background: #f0faff; padding: 10px 20px; color: #00d7f5 !important; border-radius: 3px 3px 0 0; border: solid 1px #00d7f5; font-size: 14px !important;
/* padding-left: 76px; */ font-weight: bold;
}
.preview_container img {
margin: 0 auto; display: block;
}
.copy {
text-align: center;
}
.copy a {
background-color: #38e7ff; padding: 9px;
}
.copy a:hover {
box-shadow: 0px 3px 2px rgba(185, 185, 185, 0.63);
}
input {
width: 60%; height: 34px; border: none; outline: transparent; padding: 1% 3%; margin: 0% 3%;
}
input:hover,input:focus {
box-shadow: 0px 3px 2px rgba(185, 185, 185, 0.63);
}
table td {
font-size: 12px; padding: 3px; vertical-align: top; word-spacing: 1px;
}
td:first-child {
white-space: nowrap; font-weight: 600;
}
.desc {
font-size: 14px; color: #000; font-weight: 500;
}
.cert {
font-size: 12px; color: #00d7f5;
}
button {
-webkit-transition: box-shadow 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
transition: box-shadow 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
transition: transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), box-shadow 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
transition: transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), box-shadow 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), -webkit-transform 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
border: none; background: #00d7f5; cursor: pointer; padding: 10px 50px !important; color: #fff !important; font-weight: bold; margin: 7% 32% !important;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
}
button:hover {
-webkit-transform: translateY(-2px); transform: translateY(-2px); box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.2);
}
.footer ul.menu {
list-style-type: none; margin: 0; padding: 0; font-size: 10px; color: rgb(191, 191, 191);
}
.footer .menu li {
display: inline; padding: 0 12px; border-left: 1px solid rgb(191, 191, 191);
}
.footer .menu a {
color: rgb(191, 191, 191); text-decoration: none;
}
a:focus,a:hover,a:active {
outline: none;
}
.footer {
text-align: center;
}
body {
overflow-x: hidden;
}
td {
font-family: 'Lato', sans-serif; color: #000;
}
.arrow_box {
position: relative; background: #fff; border: 2px solid #f2fbff; margin: 40px 0px; padding: 0 !important; box-shadow: 0px 1px 11px -1px rgb(214, 214, 214);
}
.arrow_box:after,.arrow_box:before {
right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
}
.arrow_box:after {
border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 30px; margin-top: -30px;
}
.arrow_box:before {
border-color: rgba(194, 225, 245, 0); border-right-color: #fff; border-width: 33px; margin-top: -33px;
}
.outer {
display: table; position: absolute; height: 100%; width: 100%;
}
.middle {
display: table-cell; vertical-align: middle;
}
.inner {
margin-left: auto; margin-right: auto; width: 100%
}
.error {
text-align: center; display: block;
}
.error img {
width: 120px;
}
.error {
margin: 5%;
}
.error-bubble,.badge-bubble {
margin: 50px 10px 25px 10px; display: inline-block; position: relative; width: auto; height: auto; background-color: #fff;
box-shadow: 0px 1px 11px -1px rgb(214, 214, 214);
}
.row {
margin-left: 0px !important; margin-right: 0px !important;
}
/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
content: ' '; position: absolute; width: 0; height: 0; left: -40px; right: auto; top: 30px; bottom: auto; border: 20px solid;
border-color: #fff #000 transparent transparent; box-shadow: 0px 1px 11px -1px rgb(214, 214, 214);
}
.tri-right.left-in:after {
content: ' '; position: absolute; width: 0; height: 0; left: -20px; right: auto; top: 0px; bottom: auto; border: 12px solid;
border-color: #fff #fff transparent transparent;
}
@media ( max-width : 768px) {
.tri-right.left-in:after {
bottom: 100%; left: 50%; top: -35px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 20px; margin-left: -30px;
}
.footer .menu li {
padding: 0 9px;
}
.error-bubble,.badge-bubble {
margin: 50px 0px 25px 0px;
}
}
@media ( width : 320px) {
.copy span {
margin-left: 0px !important;
}
.footer .menu li {
padding: 0 5px;
}
}
.error_text {
padding: 1em; text-align: left; line-height: 1.5em; max-width: 500px;
}
.error_text p {
/* remove webkit p margins */
-webkit-margin-before: 0em; -webkit-margin-after: 0em;
}
.badge-info {
text-align: center; width: 100%; margin: 3% 2% 3% 0%; padding: 10% 2%; background-color: #d5ebf1; border: dotted #fff;
}
.main-info .badge-info {
margin: 7px 5px; padding: 5px;
}
.main-info {
background: #fff; margin-bottom: 2%; margin-top: 1%;
}
.loading-icon {
margin: 1% auto; display: block; width: initial !important;
}
.badges .badge-shape {
position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;
}
.badges .badge-shape img {
width: 100%; height: 100%;
}
.badges .badge-type {
position: absolute; left: 0; top: 0; z-index: 12; width: 100%; height: 100%;
}
.badges .badge-type img {
width: 100%; height: 100%;
}
.badges .badge-text {
position: absolute; left: 0; top: 60%; z-index: 16; width: 100%;
}
.badges .badge-text {
font-size: 1em; line-height: 1; color: white; font-weight: 700;
}
.badges .badge-banner {
position: absolute; left: 0; top: 0; z-index: 15; width: 100%; height: 100%;
}
.badges .badge-banner img {
width: 100%; height: 100%;
}
.badges .badge-inner {
position: absolute; left: 30%; top: 24%; z-index: 8; width: 40%; height: 40%;
}
.badges .badge-inner img {
width: 100%; height: 100%;
}
.badges .badge-title {
font-size: 0.8125em; line-height: 1.1; margin-top: 0.5em; color: rgb(166, 166, 166); display: none;
}
.badge-portfolio ul.icons,.form-item ul.icons {
list-style-type: none; margin: 0; padding: 0;
}
.profile-summary-image img {
border: 2px solid #00d7f5; box-shadow: 0px 0px 3px #00d7f5; width: 100px; height: 100px; display: block;
}
.prof-badge-list img {
display: block;
}
.profile-badge-header {
background: #e7f4f7; width: 100%; padding: 15px;
}
.prof-badge-list {
width: 110px; height: 120px; margin: 0 10px; float: left; text-align: center; position: relative; margin-bottom: 10px; -moz-border-radius: 3px;
-webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;
}
.prof-badge-list.ui-selectee {
padding-top: 5px; padding-bottom: 5px;
}
.prof-badge-list.ui-selected {
background-color: rgb(230, 230, 230);
}
.prof-badge-list .badge-image {
width: 110px; height: 110px; position: relative; margin: 0 auto; font-size: 55%;
}
.badge-examples {
margin-top: 1.5em; text-align: center; margin-left: 9%;
}
.badge-examples .prof-badge-list {
width: 90px; height: 90px; margin-right: 6em;
}
.badge-examples .prof-badge-list .badge-image {
font-size: 8px; width: 90px; height: 90px;
}
.prof-badge-list .badge-shape {
position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;
}
.prof-badge-list .badge-shape img {
width: 100%; height: 100%;
}
.prof-badge-list .badge-type {
position: absolute; left: 0; top: 0; z-index: 12; width: 100%; height: 100%;
}
.prof-badge-list .badge-type img {
width: 100%; height: 100%;
}
.prof-badge-list .badge-text {
position: absolute; left: 0; top: 60%; z-index: 16; width: 100%;
}
.prof-badge-list .badge-text {
font-size: 1em; line-height: 1; color: white; font-weight: 700;
}
.prof-badge-list .badge-banner {
position: absolute; left: 0; top: 0; z-index: 15; width: 100%; height: 100%;
}
.prof-badge-list .badge-banner img {
width: 100%; height: 100%;
}
.prof-badge-list .badge-inner {
position: absolute; left: 30%; top: 24%; z-index: 8; width: 40%; height: 40%;
}
.prof-badge-list .badge-inner img {
width: 100%; height: 100%;
}
.prof-badge-list .badge-title {
font-size: 0.8125em; line-height: 1.1; margin-top: 0.5em; color: rgb(166, 166, 166); display: none;
}
/* verify */
form.verify {
width: 460px; margin: 50px auto 0; -webkit-box-shadow: 3px 3px 8px -1px rgba(184, 184, 184, 0.95); -moz-box-shadow: 3px 3px 8px -1px rgba(184, 184, 184, 0.95);
box-shadow: 3px 3px 8px -1px rgba(184, 184, 184, 0.95); padding: 0 0 40px; border-radius: 3px; color: #555; background-color: #fff;
}
.verify input::-webkit-input-placeholder {
font: inherit; -webkit-transition: font-size 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: font-size 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, font-size 0.3s ease-in-out, visibility 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, font-size 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.verify input {
margin: 28px 25px 10px !important; width: 400px; display: block; border: none; padding: 30px 0 10px; border-bottom: solid 1px #03A9F4;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #03A9F4 4%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #03A9F4 4%);
background-position: -400px 0; background-size: 400px 100%; background-repeat: no-repeat; -webkit-transition: background 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
transition: background 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); resize: none; overflow: hidden;
}
.verify .captcha {
margin: 6%;
}
.verify .reset {
margin-top: 20%;
}
.verify .reset:hover,.verify .help:hover {
opacity: 0.6;
}
.verify input:focus::-webkit-input-placeholder {
color: #03A9F4;
}
.verify input:focus,.verify input:hover,.verify input:valid {
box-shadow: none; outline: none; background-position: 0 0;
}
.verify input:focus::-webkit-input-placeholder,.verify input:valid::-webkit-input-placeholder {
font-size: 0.9em; -webkit-transform: translateY(-20px); transform: translateY(-20px); visibility: visible !important; opacity: 1;
}
.verify .main-info .badge-info {
margin: 1% 1%; padding: 10px; font-weight: bold;
}
.verify .main-info {
margin: 0 !important; padding: 1px;
}
.verify .badge-info {
width: 98% !important;
}
#messageText {
margin: 0px 4%; text-align: center;
}
.validationDiv {
margin-top: 10%;
}
::-webkit-input-placeholder {
text-transform: initial;
}
:-moz-placeholder {
text-transform: initial;
}
::-moz-placeholder {
text-transform: initial;
}
:-ms-input-placeholder {
text-transform: initial;
}
@media ( max-width : 425px) {
form.verify {
width: 100%;
}
.verify input {
width: 90%;
}
}
@media ( max-width : 375px) {
.verify .captcha {
margin: 0;
}
.verify .col-sm-2 {
padding-top: 3% !important;
}
.verify button {
padding: 10px 35px !important;
}
}
@media ( max-width : 320px) {
.verify .col-sm-2 {
width: 100%; text-align: center;
}
.verify button {
padding: 10px 20px !important;
}
}
.loader{
width: 300px;
margin: 15% auto;
display:none;
}
.loader img{
display:block; margin: 0 auto
}
.loader marquee{
font-size: 20px;
margin: 1%;
}