@charset "UTF-8";
/* @import "_skin"; */
html{
height: 100%;
}
body {
/*background: url('../../core/img/random_grey.png') #222;*/
/*font-family: Segoe UI, Arial, Sans-Serif !important;*/
font-family: "Varela Round", Arial, Sans-Serif !important;
font-size: 14px;
font-weight: 300;
color: #777777 !important;
line-height: 26px;
height: 100%;
min-height: 100%;
background: #fff;
background: url('../../auth/img-2.jpg') #fff;
background-size: auto;
background-attachment: fixed;
}
body p {
line-height: 24px; }
body a {
color: #777777; }
body a:hover,
body a:active {
color: #159eee;
text-decoration: none; }
body ul {
list-style: none;
margin: 0px;
padding: 0px; }
body .navbar-toggle {
margin-top: 33px;
margin-bottom: 33px; }
@media screen and (max-width: 768px) {
body .block {
margin-bottom: 30px; } }
@media screen and (max-width: 767px) {
body .navbar-brand {
padding: 15px 15px; } }
body .heading, body .section-heading h1, body #features h1, body #about h1, body #process h1, body #testimonial h1, body #about-page-section-3 h1, body #skills h1, body #team-member h1, body #top_banner h1, body #portfolio h1, body #faq h1, body #contact h1, body #contact-page h1, body #features-page .subsection1 h1, body #features-page .subsection2 h1, body #features-page .subsection3 .right-section h1, body #features-page .subsection3 .left-section h1, body #features-page .subsection4 h1, body #login-reg h1,
body .section-heading .h1,
body #features .h1,
body #about .h1,
body #process .h1,
body #testimonial .h1,
body #about-page-section-3 .h1,
body #skills .h1,
body #team-member .h1,
body #top_banner .h1,
body #portfolio .h1,
body #faq .h1,
body #contact .h1,
body #contact-page .h1,
body #features-page .subsection1 .h1,
body #features-page .subsection2 .h1,
body #features-page .subsection3 .right-section .h1,
body #features-page .subsection3 .left-section .h1,
body #features-page .subsection4 .h1,
body #login-reg .h1, body .section-heading h2, body #features h2, body #about h2, body #process h2, body #testimonial h2, body #about-page-section-3 h2, body #skills h2, body #team-member h2, body #top_banner h2, body #portfolio h2, body #faq h2, body #contact h2, body #contact-page h2, body #features-page .subsection1 h2, body #features-page .subsection2 h2, body #features-page .subsection3 .right-section h2, body #features-page .subsection3 .left-section h2, body #features-page .subsection4 h2, body #login-reg h2,
body .section-heading .h2,
body #features .h2,
body #about .h2,
body #process .h2,
body #testimonial .h2,
body #about-page-section-3 .h2,
body #skills .h2,
body #team-member .h2,
body #top_banner .h2,
body #portfolio .h2,
body #faq .h2,
body #contact .h2,
body #contact-page .h2,
body #features-page .subsection1 .h2,
body #features-page .subsection2 .h2,
body #features-page .subsection3 .right-section .h2,
body #features-page .subsection3 .left-section .h2,
body #features-page .subsection4 .h2,
body #login-reg .h2, body .section-heading h3, body #features h3, body #about h3, body #process h3, body #testimonial h3, body #about-page-section-3 h3, body #skills h3, body #team-member h3, body #top_banner h3, body #portfolio h3, body #faq h3, body #contact h3, body #contact-page h3, body #features-page .subsection1 h3, body #features-page .subsection2 h3, body #features-page .subsection3 .right-section h3, body #features-page .subsection3 .left-section h3, body #features-page .subsection4 h3, body #login-reg h3,
body .section-heading .h3,
body #features .h3,
body #about .h3,
body #process .h3,
body #testimonial .h3,
body #about-page-section-3 .h3,
body #skills .h3,
body #team-member .h3,
body #top_banner .h3,
body #portfolio .h3,
body #faq .h3,
body #contact .h3,
body #contact-page .h3,
body #features-page .subsection1 .h3,
body #features-page .subsection2 .h3,
body #features-page .subsection3 .right-section .h3,
body #features-page .subsection3 .left-section .h3,
body #features-page .subsection4 .h3,
body #login-reg .h3, body .section-heading h4, body #features h4, body #about h4, body #process h4, body #testimonial h4, body #about-page-section-3 h4, body #skills h4, body #team-member h4, body #top_banner h4, body #portfolio h4, body #faq h4, body #contact h4, body #contact-page h4, body #features-page .subsection1 h4, body #features-page .subsection2 h4, body #features-page .subsection3 .right-section h4, body #features-page .subsection3 .left-section h4, body #features-page .subsection4 h4, body #login-reg h4,
body .section-heading .h4,
body #features .h4,
body #about .h4,
body #process .h4,
body #testimonial .h4,
body #about-page-section-3 .h4,
body #skills .h4,
body #team-member .h4,
body #top_banner .h4,
body #portfolio .h4,
body #faq .h4,
body #contact .h4,
body #contact-page .h4,
body #features-page .subsection1 .h4,
body #features-page .subsection2 .h4,
body #features-page .subsection3 .right-section .h4,
body #features-page .subsection3 .left-section .h4,
body #features-page .subsection4 .h4,
body #login-reg .h4, body .section-heading h5, body #features h5, body #about h5, body #process h5, body #testimonial h5, body #about-page-section-3 h5, body #skills h5, body #team-member h5, body #top_banner h5, body #portfolio h5, body #faq h5, body #contact h5, body #contact-page h5, body #features-page .subsection1 h5, body #features-page .subsection2 h5, body #features-page .subsection3 .right-section h5, body #features-page .subsection3 .left-section h5, body #features-page .subsection4 h5, body #login-reg h5,
body .section-heading .h5,
body #features .h5,
body #about .h5,
body #process .h5,
body #testimonial .h5,
body #about-page-section-3 .h5,
body #skills .h5,
body #team-member .h5,
body #top_banner .h5,
body #portfolio .h5,
body #faq .h5,
body #contact .h5,
body #contact-page .h5,
body #features-page .subsection1 .h5,
body #features-page .subsection2 .h5,
body #features-page .subsection3 .right-section .h5,
body #features-page .subsection3 .left-section .h5,
body #features-page .subsection4 .h5,
body #login-reg .h5, body .section-heading h6, body #features h6, body #about h6, body #process h6, body #testimonial h6, body #about-page-section-3 h6, body #skills h6, body #team-member h6, body #top_banner h6, body #portfolio h6, body #faq h6, body #contact h6, body #contact-page h6, body #features-page .subsection1 h6, body #features-page .subsection2 h6, body #features-page .subsection3 .right-section h6, body #features-page .subsection3 .left-section h6, body #features-page .subsection4 h6, body #login-reg h6,
body .section-heading .h6,
body #features .h6,
body #about .h6,
body #process .h6,
body #testimonial .h6,
body #about-page-section-3 .h6,
body #skills .h6,
body #team-member .h6,
body #top_banner .h6,
body #portfolio .h6,
body #faq .h6,
body #contact .h6,
body #contact-page .h6,
body #features-page .subsection1 .h6,
body #features-page .subsection2 .h6,
body #features-page .subsection3 .right-section .h6,
body #features-page .subsection3 .left-section .h6,
body #features-page .subsection4 .h6,
body #login-reg .h6, body #about .about-list h3,
body #about .about-list .h3 {
color: #333333;
text-transform: uppercase; }
body .footer_heading, body #testimonial .testimonial_user .user-info h5,
body #testimonial .testimonial_user .user-info .h5, body #footer .footer-block h4,
body #footer .footer-block .h4 {
color: #fff; }
body .nopadding {
padding-left: 0px;
padding-right: 0px; }
body .section-block, body #features, body #process, body #testimonial, body #footer, body #about-page-section-3, body #skills, body #team-member, body #portfolio, body #faq, body #contact, body #contact-page, body #features-page .subsection1, body #features-page .subsection2, body #features-page .subsection3 .right-section, body #features-page .subsection3 .left-section, body #features-page .subsection4, body #login-reg {
padding: 50px 0px;
display: block; }
body .section-heading h1, body #features h1, body #about h1, body #process h1, body #testimonial h1, body #about-page-section-3 h1, body #skills h1, body #team-member h1, body #top_banner h1, body #portfolio h1, body #faq h1, body #contact h1, body #contact-page h1, body #features-page .subsection1 h1, body #features-page .subsection2 h1, body #features-page .subsection3 .right-section h1, body #features-page .subsection3 .left-section h1, body #features-page .subsection4 h1, body #login-reg h1,
body .section-heading .h1,
body #features .h1,
body #about .h1,
body #process .h1,
body #testimonial .h1,
body #about-page-section-3 .h1,
body #skills .h1,
body #team-member .h1,
body #top_banner .h1,
body #portfolio .h1,
body #faq .h1,
body #contact .h1,
body #contact-page .h1,
body #features-page .subsection1 .h1,
body #features-page .subsection2 .h1,
body #features-page .subsection3 .right-section .h1,
body #features-page .subsection3 .left-section .h1,
body #features-page .subsection4 .h1,
body #login-reg .h1 {
font-size: 36px;
margin-top: 0px; }
body .section-heading h2, body #features h2, body #about h2, body #process h2, body #testimonial h2, body #about-page-section-3 h2, body #skills h2, body #team-member h2, body #top_banner h2, body #portfolio h2, body #faq h2, body #contact h2, body #contact-page h2, body #features-page .subsection1 h2, body #features-page .subsection2 h2, body #features-page .subsection3 .right-section h2, body #features-page .subsection3 .left-section h2, body #features-page .subsection4 h2, body #login-reg h2,
body .section-heading .h2,
body #features .h2,
body #about .h2,
body #process .h2,
body #testimonial .h2,
body #about-page-section-3 .h2,
body #skills .h2,
body #team-member .h2,
body #top_banner .h2,
body #portfolio .h2,
body #faq .h2,
body #contact .h2,
body #contact-page .h2,
body #features-page .subsection1 .h2,
body #features-page .subsection2 .h2,
body #features-page .subsection3 .right-section .h2,
body #features-page .subsection3 .left-section .h2,
body #features-page .subsection4 .h2,
body #login-reg .h2 {
font-size: 30px;
margin-top: 0px; }
body .section-heading h3, body #features h3, body #about h3, body #process h3, body #testimonial h3, body #about-page-section-3 h3, body #skills h3, body #team-member h3, body #top_banner h3, body #portfolio h3, body #faq h3, body #contact h3, body #contact-page h3, body #features-page .subsection1 h3, body #features-page .subsection2 h3, body #features-page .subsection3 .right-section h3, body #features-page .subsection3 .left-section h3, body #features-page .subsection4 h3, body #login-reg h3,
body .section-heading .h3,
body #features .h3,
body #about .h3,
body #process .h3,
body #testimonial .h3,
body #about-page-section-3 .h3,
body #skills .h3,
body #team-member .h3,
body #top_banner .h3,
body #portfolio .h3,
body #faq .h3,
body #contact .h3,
body #contact-page .h3,
body #features-page .subsection1 .h3,
body #features-page .subsection2 .h3,
body #features-page .subsection3 .right-section .h3,
body #features-page .subsection3 .left-section .h3,
body #features-page .subsection4 .h3,
body #login-reg .h3 {
font-size: 24px;
margin-top: 0px; }
body .section-heading h4, body #features h4, body #about h4, body #process h4, body #testimonial h4, body #about-page-section-3 h4, body #skills h4, body #team-member h4, body #top_banner h4, body #portfolio h4, body #faq h4, body #contact h4, body #contact-page h4, body #features-page .subsection1 h4, body #features-page .subsection2 h4, body #features-page .subsection3 .right-section h4, body #features-page .subsection3 .left-section h4, body #features-page .subsection4 h4, body #login-reg h4,
body .section-heading .h4,
body #features .h4,
body #about .h4,
body #process .h4,
body #testimonial .h4,
body #about-page-section-3 .h4,
body #skills .h4,
body #team-member .h4,
body #top_banner .h4,
body #portfolio .h4,
body #faq .h4,
body #contact .h4,
body #contact-page .h4,
body #features-page .subsection1 .h4,
body #features-page .subsection2 .h4,
body #features-page .subsection3 .right-section .h4,
body #features-page .subsection3 .left-section .h4,
body #features-page .subsection4 .h4,
body #login-reg .h4 {
font-size: 20px;
margin-top: 0px; }
body .section-heading h5, body #features h5, body #about h5, body #process h5, body #testimonial h5, body #about-page-section-3 h5, body #skills h5, body #team-member h5, body #top_banner h5, body #portfolio h5, body #faq h5, body #contact h5, body #contact-page h5, body #features-page .subsection1 h5, body #features-page .subsection2 h5, body #features-page .subsection3 .right-section h5, body #features-page .subsection3 .left-section h5, body #features-page .subsection4 h5, body #login-reg h5,
body .section-heading .h5,
body #features .h5,
body #about .h5,
body #process .h5,
body #testimonial .h5,
body #about-page-section-3 .h5,
body #skills .h5,
body #team-member .h5,
body #top_banner .h5,
body #portfolio .h5,
body #faq .h5,
body #contact .h5,
body #contact-page .h5,
body #features-page .subsection1 .h5,
body #features-page .subsection2 .h5,
body #features-page .subsection3 .right-section .h5,
body #features-page .subsection3 .left-section .h5,
body #features-page .subsection4 .h5,
body #login-reg .h5 {
font-size: 18px;
margin-top: 0px; }
body .section-heading h6, body #features h6, body #about h6, body #process h6, body #testimonial h6, body #about-page-section-3 h6, body #skills h6, body #team-member h6, body #top_banner h6, body #portfolio h6, body #faq h6, body #contact h6, body #contact-page h6, body #features-page .subsection1 h6, body #features-page .subsection2 h6, body #features-page .subsection3 .right-section h6, body #features-page .subsection3 .left-section h6, body #features-page .subsection4 h6, body #login-reg h6,
body .section-heading .h6,
body #features .h6,
body #about .h6,
body #process .h6,
body #testimonial .h6,
body #about-page-section-3 .h6,
body #skills .h6,
body #team-member .h6,
body #top_banner .h6,
body #portfolio .h6,
body #faq .h6,
body #contact .h6,
body #contact-page .h6,
body #features-page .subsection1 .h6,
body #features-page .subsection2 .h6,
body #features-page .subsection3 .right-section .h6,
body #features-page .subsection3 .left-section .h6,
body #features-page .subsection4 .h6,
body #login-reg .h6 {
font-size: 16px;
margin-top: 0px; }
body .section-heading p.subheading, body #features p.subheading, body #about p.subheading, body #process p.subheading, body #testimonial p.subheading, body #about-page-section-3 p.subheading, body #skills p.subheading, body #team-member p.subheading, body #top_banner p.subheading, body #portfolio p.subheading, body #faq p.subheading, body #contact p.subheading, body #contact-page p.subheading, body #features-page .subsection1 p.subheading, body #features-page .subsection2 p.subheading, body #features-page .subsection3 .right-section p.subheading, body #features-page .subsection3 .left-section p.subheading, body #features-page .subsection4 p.subheading, body #login-reg p.subheading {
font-style: italic;
margin-bottom: 40px;
font-size: 16px;
line-height: 30px; }
@media screen and (max-width: 480px) {
body .section-heading h1, body #features h1, body #about h1, body #process h1, body #testimonial h1, body #about-page-section-3 h1, body #skills h1, body #team-member h1, body #top_banner h1, body #portfolio h1, body #faq h1, body #contact h1, body #contact-page h1, body #features-page .subsection1 h1, body #features-page .subsection2 h1, body #features-page .subsection3 .right-section h1, body #features-page .subsection3 .left-section h1, body #features-page .subsection4 h1, body #login-reg h1,
body .section-heading .h1,
body #features .h1,
body #about .h1,
body #process .h1,
body #testimonial .h1,
body #about-page-section-3 .h1,
body #skills .h1,
body #team-member .h1,
body #top_banner .h1,
body #portfolio .h1,
body #faq .h1,
body #contact .h1,
body #contact-page .h1,
body #features-page .subsection1 .h1,
body #features-page .subsection2 .h1,
body #features-page .subsection3 .right-section .h1,
body #features-page .subsection3 .left-section .h1,
body #features-page .subsection4 .h1,
body #login-reg .h1 {
font-size: 32px;
margin-top: 0px; }
body .section-heading h2, body #features h2, body #about h2, body #process h2, body #testimonial h2, body #about-page-section-3 h2, body #skills h2, body #team-member h2, body #top_banner h2, body #portfolio h2, body #faq h2, body #contact h2, body #contact-page h2, body #features-page .subsection1 h2, body #features-page .subsection2 h2, body #features-page .subsection3 .right-section h2, body #features-page .subsection3 .left-section h2, body #features-page .subsection4 h2, body #login-reg h2,
body .section-heading .h2,
body #features .h2,
body #about .h2,
body #process .h2,
body #testimonial .h2,
body #about-page-section-3 .h2,
body #skills .h2,
body #team-member .h2,
body #top_banner .h2,
body #portfolio .h2,
body #faq .h2,
body #contact .h2,
body #contact-page .h2,
body #features-page .subsection1 .h2,
body #features-page .subsection2 .h2,
body #features-page .subsection3 .right-section .h2,
body #features-page .subsection3 .left-section .h2,
body #features-page .subsection4 .h2,
body #login-reg .h2 {
font-size: 36px;
margin-top: 0px; }
body .section-heading h3, body #features h3, body #about h3, body #process h3, body #testimonial h3, body #about-page-section-3 h3, body #skills h3, body #team-member h3, body #top_banner h3, body #portfolio h3, body #faq h3, body #contact h3, body #contact-page h3, body #features-page .subsection1 h3, body #features-page .subsection2 h3, body #features-page .subsection3 .right-section h3, body #features-page .subsection3 .left-section h3, body #features-page .subsection4 h3, body #login-reg h3,
body .section-heading .h3,
body #features .h3,
body #about .h3,
body #process .h3,
body #testimonial .h3,
body #about-page-section-3 .h3,
body #skills .h3,
body #team-member .h3,
body #top_banner .h3,
body #portfolio .h3,
body #faq .h3,
body #contact .h3,
body #contact-page .h3,
body #features-page .subsection1 .h3,
body #features-page .subsection2 .h3,
body #features-page .subsection3 .right-section .h3,
body #features-page .subsection3 .left-section .h3,
body #features-page .subsection4 .h3,
body #login-reg .h3 {
font-size: 22px;
margin-top: 0px; }
body .section-heading h4, body #features h4, body #about h4, body #process h4, body #testimonial h4, body #about-page-section-3 h4, body #skills h4, body #team-member h4, body #top_banner h4, body #portfolio h4, body #faq h4, body #contact h4, body #contact-page h4, body #features-page .subsection1 h4, body #features-page .subsection2 h4, body #features-page .subsection3 .right-section h4, body #features-page .subsection3 .left-section h4, body #features-page .subsection4 h4, body #login-reg h4,
body .section-heading .h4,
body #features .h4,
body #about .h4,
body #process .h4,
body #testimonial .h4,
body #about-page-section-3 .h4,
body #skills .h4,
body #team-member .h4,
body #top_banner .h4,
body #portfolio .h4,
body #faq .h4,
body #contact .h4,
body #contact-page .h4,
body #features-page .subsection1 .h4,
body #features-page .subsection2 .h4,
body #features-page .subsection3 .right-section .h4,
body #features-page .subsection3 .left-section .h4,
body #features-page .subsection4 .h4,
body #login-reg .h4 {
font-size: 18px;
margin-top: 0px; }
body .section-heading h5, body #features h5, body #about h5, body #process h5, body #testimonial h5, body #about-page-section-3 h5, body #skills h5, body #team-member h5, body #top_banner h5, body #portfolio h5, body #faq h5, body #contact h5, body #contact-page h5, body #features-page .subsection1 h5, body #features-page .subsection2 h5, body #features-page .subsection3 .right-section h5, body #features-page .subsection3 .left-section h5, body #features-page .subsection4 h5, body #login-reg h5,
body .section-heading .h5,
body #features .h5,
body #about .h5,
body #process .h5,
body #testimonial .h5,
body #about-page-section-3 .h5,
body #skills .h5,
body #team-member .h5,
body #top_banner .h5,
body #portfolio .h5,
body #faq .h5,
body #contact .h5,
body #contact-page .h5,
body #features-page .subsection1 .h5,
body #features-page .subsection2 .h5,
body #features-page .subsection3 .right-section .h5,
body #features-page .subsection3 .left-section .h5,
body #features-page .subsection4 .h5,
body #login-reg .h5 {
font-size: 17px;
margin-top: 0px; }
body .section-heading h6, body #features h6, body #about h6, body #process h6, body #testimonial h6, body #about-page-section-3 h6, body #skills h6, body #team-member h6, body #top_banner h6, body #portfolio h6, body #faq h6, body #contact h6, body #contact-page h6, body #features-page .subsection1 h6, body #features-page .subsection2 h6, body #features-page .subsection3 .right-section h6, body #features-page .subsection3 .left-section h6, body #features-page .subsection4 h6, body #login-reg h6,
body .section-heading .h6,
body #features .h6,
body #about .h6,
body #process .h6,
body #testimonial .h6,
body #about-page-section-3 .h6,
body #skills .h6,
body #team-member .h6,
body #top_banner .h6,
body #portfolio .h6,
body #faq .h6,
body #contact .h6,
body #contact-page .h6,
body #features-page .subsection1 .h6,
body #features-page .subsection2 .h6,
body #features-page .subsection3 .right-section .h6,
body #features-page .subsection3 .left-section .h6,
body #features-page .subsection4 .h6,
body #login-reg .h6 {
font-size: 16px;
margin-top: 0px; } }
body #top-header {
background-color: #272930;
color: #fff;
padding: 5px 0px; }
body #top-header ul.contact_links li {
float: left;
display: inline-block;
margin-right: 20px; }
body #top-header ul.contact_links i {
margin-right: 10px;
color: #fff; }
body #top-header ul.contact_links a {
color: #fff; }
body #top-header ul.contact_links a:hover {
color: #159eee; }
body #top-header ul.social_links {
float: right; }
body #top-header ul.social_links li {
float: left;
display: inline-block;
margin-right: 5px; }
body #top-header ul.social_links i {
margin-right: 5px;
color: #fff;
font-size: 20px; }
@media screen and (max-width: 640px) {
body #top-header ul.contact_links li {
margin-right: 2 0px; }
body #top-header .top-header-links {
width: 100%;
margin-bottom: 10px; }
body #top-header ul.social_links {
float: none; } }
@media screen and (max-width: 400px) {
body #top-header .top-header-links {
width: 100%; }
body #top-header .social {
width: 100%; } }
body header {
text-align: center;
line-height: 100px;
height: 100px;
background: #fff;
-webkit-transition: 0.8s;
transition: 0.8s;
z-index: 999; }
body header.sticky {
position: fixed;
font-size: 13px;
line-height: 70px;
height: 70px;
width: 100%;
background: #fff;
text-align: left;
top: 0px;
-webkit-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
-moz-box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3); }
body header.sticky .navbar-nav > li > a {
padding-top: 25px;
padding-bottom: 20px;
transition: 0.8s;
z-index: 999; }
body header.sticky .navbar-brand {
height: 70px;
padding: 7px 15px;
line-height: 15px;
transition: 0.8s;
z-index: 999; }
body header.sticky .navbar-brand h1 {
font-size: 35px; }
body header.sticky .navbar-brand span {
font-size: 8px; }
body .navbar {
margin-bottom: 0px; }
body .navbar-inverse {
background-color: #fff;
border: 0px; }
body .navbar-brand {
float: left;
font-size: 18px;
line-height: 20px;
height: 100px; }
body .navbar-brand h1 {
font-family: Verdana, Georgia, Serif;
text-transform: uppercase;
font-weight: 700;
margin-top: 0px;
color: #272930;
font-size: 45px;
margin-bottom: 0px; }
body .navbar-brand span {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 3px;
text-transform: uppercase;
font-size: 12px; }
body .navbar-inverse .navbar-nav > li > a {
color: #333333;
font-weight: bold;
text-transform: uppercase; }
body .navbar-nav > li > a {
padding-top: 40px;
padding-bottom: 35px; }
body .navbar-inverse .navbar-nav > li > a:hover,
body .navbar-inverse .navbar-nav > li > a:focus {
background-color: transparent;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #159eee; }
body .navbar-inverse .navbar-nav > .active > a,
body .navbar-inverse .navbar-nav > .active > a:hover,
body .navbar-inverse .navbar-nav > .active > a:focus {
background-color: transparent;
border-bottom-width: 5px;
border-bottom-style: solid;
border-bottom-color: #159eee; }
@media screen and (max-width: 1024px) {
body .navbar-nav > li > a {
padding: 40px 12px 35px; } }
@media screen and (max-width: 1000px) {
body .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd; }
body .navbar-header {
float: none; }
body .navbar-left,
body .navbar-right {
float: none !important; }
body .navbar-toggle {
display: block; }
body .navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); }
body .navbar-fixed-top {
top: 0;
border-width: 0 0 1px; }
body .navbar-collapse.collapse {
display: none !important; }
body .navbar-nav {
float: none !important;
margin: 0px; }
body .navbar-nav > li {
float: none; }
body .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px; }
body .collapse.in {
display: block !important; }
body .navbar-nav > li > a {
line-height: 30px; } }
@media screen and (max-width: 375px) {
body .navbar-inverse .navbar-brand {
width: 70%;
padding: 15px 10px; } }
body #myCarousel .carousel {
height: 600px; }
body #myCarousel .slider_btn .btn {
margin: 5px 10px; }
body #myCarousel .carousel-inner {
height: 600px; }
body #myCarousel .item {
background-position: 50% 50%;
background-repeat: no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%;
z-index: 1; }
body #myCarousel .item:before {
opacity: .7;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(../img/banner-pattern.png) repeat;
background-color: rgba(25, 25, 25, 0.8);
z-index: 2; }
body #myCarousel .fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover; }
body #myCarousel .carousel-caption {
padding-bottom: 30px;
margin-bottom: 65px;
top: 22%; }
body #myCarousel .carousel-caption .slider_btn {
margin: 30px 0px; }
body #myCarousel .carousel-caption h1.banner_heading {
font-size: 45px;
font-weight: bolder;
margin-bottom: 30px;
text-transform: uppercase; }
body #myCarousel .carousel-caption p.banner_txt {
font-size: 20px;
line-height: 36px; }
@media screen and (max-width: 1024px) {
body #myCarousel .carousel-caption h1.banner_heading {
font-size: 40px;
font-weight: bolder;
margin-bottom: 30px; }
body #myCarousel .carousel-caption p.banner_txt {
font-size: 18px;
line-height: 36px; } }
@media screen and (max-width: 768px) {
body #myCarousel .carousel-caption h1.banner_heading {
font-size: 36px;
font-weight: bolder;
margin-bottom: 30px; }
body #myCarousel .carousel-caption p.banner_txt {
font-size: 18px;
line-height: 36px; } }
@media screen and (max-width: 640px) {
body #myCarousel .carousel-caption h1.banner_heading {
font-size: 36px;
font-weight: bolder;
margin-bottom: 30px; }
body #myCarousel .carousel-caption p.banner_txt {
font-size: 16px;
line-height: 36px; } }
@media screen and (max-width: 560px) {
body #myCarousel .carousel-caption .btn {
padding: 12px 35px; } }
@media screen and (max-width: 480px) {
body #myCarousel .carousel-caption h1.banner_heading {
font-size: 30px;
font-weight: bolder;
margin-bottom: 30px; }
body #myCarousel .carousel-caption p.banner_txt {
font-size: 16px;
line-height: 30px; }
body #myCarousel .carousel-caption .btn {
padding: 12px 30px; } }
@media screen and (max-width: 380px) {
body #myCarousel .carousel-caption .carousel-caption {
top: 12%; }
body #myCarousel .carousel-caption h1.banner_heading {
font-size: 26px;
font-weight: bolder;
margin-bottom: 20px; }
body #myCarousel .carousel-caption p.banner_txt {
font-size: 16px;
line-height: 26px; }
body #myCarousel .carousel-caption .btn {
padding: 12px 30px;
margin: 5px 5px; } }
@keyframes slide-up {
from {
padding-top: 150px;
opacity: .25;
line-height: 80px; }
to {
padding-top: 20;
opacity: 1;
line-height: 25px; } }
body #myCarousel .slide-up {
animation: slide-up 1.5s; }
body #myCarousel .carousel-control {
background: rgba(255, 255, 255, 0.15);
box-shadow: none;
color: #fff;
font-size: 18px;
width: 44px;
height: 44px;
line-height: 42px;
position: absolute;
top: 50%;
text-align: center;
text-shadow: none;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
z-index: 20; }
body #features {
background-color: #fff; }
body #features i.feature_icon {
font-size: 30px; }
body #features a.readmore {
font-weight: bold;
text-transform: uppercase; }
body #about {
background-color: #f9f9f9;
position: relative; }
body #about .section-block, body #about #features, body #about #process, body #about #testimonial, body #about #footer, body #about #about-page-section-3, body #about #skills, body #about #team-member, body #about #portfolio, body #about #faq, body #about #contact, body #about #contact-page, body #about #features-page .subsection1, body #features-page #about .subsection1, body #about #features-page .subsection2, body #features-page #about .subsection2, body #about #features-page .subsection3 .right-section, body #features-page .subsection3 #about .right-section, body #about #features-page .subsection3 .left-section, body #features-page .subsection3 #about .left-section, body #about #features-page .subsection4, body #features-page #about .subsection4, body #about #login-reg {
padding: 50px 0px;
display: inline-block; }
body #about .background-imgholder {
background: url(../img/1.jpg);
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 0;
background-size: cover !important;
background-position: 50% 50% !important; }
body #about .image-holder {
overflow: hidden;
height: 100%;
padding: 0px;
position: absolute;
top: 0px; }
body #about .text-inner {
padding: 62px; }
body #about .text-block {
background: #fff;
padding: 40px;
position: relative;
top: 50%;
box-shadow: 0px 0px 12px #ddd; }
body #about .text-block li {
padding: 0px;
margin: 0 0 15px 0;
display: block;
line-height: 23px; }
body #about .text-block i {
margin-right: 10px; }
body #about .text-block .btn-primary {
margin: 30px 0px 20px; }
body #about .about-list {
display: inline-block;
margin-bottom: 15px; }
body #about .about-list h3,
body #about .about-list .h3 {
font-size: 26px; }
body #about p.subheading {
font-style: italic;
width: 100%; }
@media screen and (max-width: 640px) {
body #about .image-holder {
display: none; }
body #about .text-inner {
padding: 50px 0px; } }
body #process {
background-color: #fff; }
body #process .process-block {
text-align: center; }
body #process .process-icon {
width: 90px;
height: 90px;
line-height: 100px;
background-color: #ddd;
border-radius: 100%;
display: inline-block; }
body #process .process-border {
position: absolute;
top: 28%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
line-height: 0;
border-radius: 50%;
border: 0 solid transparent;
box-sizing: border-box;
-webkit-transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: border 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body #process .process-icon i {
color: #fff;
font-size: 25px; }
body #process .process-icon-holder {
width: 200px;
height: 200px;
background: #fff;
text-align: center;
line-height: 200px;
border: 3px solid #ddd;
vertical-align: middle;
border-radius: 100%;
margin: 0 auto 20px; }
body #process .process-icon-holder::after {
content: "";
width: 20%;
position: absolute;
border-bottom: 2px dashed #ddd;
top: 30%;
left: 100%;
transform: translateX(-50%); }
body #process .lastchild .process-icon-holder::after {
border-bottom: 0px; }
@media screen and (max-width: 1024px) {
body #process .process-border {
top: 27%; } }
@media screen and (max-width: 980px) {
body #process .process-border {
top: 30%; } }
@media screen and (max-width: 768px) {
body #process .process-icon-holder::after {
border: 0px; }
body #process .process-border {
top: 30%; } }
@media screen and (min-width: 641px) and (max-width: 767px) {
body #process .process-border {
top: 34%; } }
@media screen and (min-width: 441px) and (max-width: 640px) {
body #process .process-border {
top: 34%; } }
@media screen and (min-width: 375px) and (max-width: 440px) {
body #process .process-border {
top: 31%; } }
@media screen and (min-width: 320px) and (max-width: 374px) {
body #process .process-border {
top: 29%; } }
body #testimonial {
background: url(../img/bg2.jpg);
width: 100%;
height: 100%;
background-size: cover !important;
background-position: 50% 60% !important;
color: #fff; }
body #testimonial h1,
body #testimonial .h1 {
color: #fff; }
body #testimonial .testimonial_box {
background: rgba(225, 225, 225, 0.5);
padding: 20px;
color: #fff;
border-radius: 6px; }
body #testimonial .arrow-down {
width: 0;
height: 0;
border-left: 18px solid transparent;
border-right: 18px solid transparent;
border-top: 18px solid #fff;
margin-left: 20px;
opacity: .5; }
body #testimonial .testimonial_user {
margin-top: 20px; }
body #testimonial .testimonial_user .user-image {
width: 60px;
height: 60px;
border-radius: 100%;
display: inline-block;
float: left;
margin-right: 15px; }
body #testimonial .testimonial_user .user-info {
display: inline-block; }
body #testimonial .testimonial_user .user-info h5,
body #testimonial .testimonial_user .user-info .h5 {
font-size: 18px;
margin-bottom: 0px; }
body #footer {
position: relative;
background-color: #34363e;
color: #fff; }
body #footer .footer-block h4,
body #footer .footer-block .h4 {
font-size: 22px; }
body #footer .footer-block hr {
width: 50px;
height: 3px;
border-top: 1px solid #34363e;
margin-top: 0px;
display: inline-block; }
body #footer .footer-block a {
color: #fff; }
body #footer .footer-block i {
color: #fff; }
body #footer .footer-block i {
color: #fff; }
body #footer .footer-block ul.footer-links {
list-style: none;
margin: 0px;
padding: 0px; }
body #footer .footer-block ul.footer-links li {
border-bottom: solid 1px #3e4752;
padding: 5px 0px; }
body #footer .footer-block ul.footer-links a.post {
text-transform: uppercase; }
body #footer .footer-block ul.footer-links p.post-date {
color: #939498; }
body #bottom-footer {
background-color: #272930;
color: #fff;
padding: 15px 0px; }
body #bottom-footer .btm-footer-links a {
margin-right: 20px;
color: #fff; }
body #bottom-footer .copyright {
text-align: right; }
@media screen and (max-width: 768px) {
body #bottom-footer .btm-footer-links {
margin-bottom: 10px; }
body #bottom-footer .copyright {
text-align: left; } }
body #panel {
position: fixed;
top: 175px;
z-index: 9999; }
body #panel .open span {
height: 42px;
width: 42px;
text-align: center;
display: block;
position: relative; }
body #panel #panel-admin {
float: left;
width: 225px;
background: #f9f9f9;
color: #777777;
z-index: 9999;
position: relative;
padding: 15px;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 160px;
-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); }
body #panel #tootlbar_colors .color {
width: 45px;
height: 45px;
position: relative;
float: left;
margin: 10px;
cursor: pointer;
border-radius: 3px;
border: 3px solid transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
text-align: center; }
body #panel .open {
display: block;
width: 42px;
border-radius: 0 3px 3px 0;
height: 42px;
float: right;
font-size: 22px;
top: 60px;
right: -42px;
z-index: 1000;
position: absolute; }
body #panel .open span i {
line-height: 42px;
color: #ffffff;
font-size: 22px; }
body .header-inner {
position: relative;
width: 100%;
padding: 0px;
margin: 0px;
float: left;
z-index: 0;
overflow: hidden;
height: 160px; }
body .header-inner .inner {
position: absolute;
width: 100%;
padding: 0;
margin: 0px;
float: left;
z-index: 3;
line-height: 160px; }
body .header-inner .title {
padding: 52px 0 0 0;
margin: 0px;
font-size: 30px;
font-weight: 700; }
body .text-center {
text-align: center;
display: inline-block;
width: 100%; }
body .text-white {
color: #fff; }
body .about_title {
margin-bottom: 30px;
font-weight: bolder; }
@media all and (min-width: 769px) and (max-width: 800px) {
body .header-inner {
height: auto; }
body .header-inner .title {
padding: 0px;
margin-top: 5%; } }
@media all and (min-width: 569px) and (max-width: 768px) {
body .header-inner {
height: auto; }
body .header-inner .title {
padding: 0px;
margin-top: 5%; } }
@media all and (min-width: 481px) and (max-width: 568px) {
body .header-inner {
height: auto; }
body .header-inner .title {
padding: 0px;
margin-top: 5%; } }
@media all and (min-width: 321px) and (max-width: 480px) {
body .header-inner {
height: auto; }
body .header-inner .title {
padding: 0px;
margin-top: 5%; } }
@media all and (min-width: 0px) and (max-width: 320px) {
body .header-inner {
height: auto; }
body .header-inner .title {
padding: 0px;
margin-top: 5%; } }
body #fulltitle {
background: #f9f9f9;
border-bottom: 0 none #f9f9f9;
padding: 24px 0; }
body #fulltitle .nav-link {
text-align: right;
margin-top: 20px;
margin-bottom: 10px; }
body #about-page-section-3 {
background-color: #fff; }
body #about-page-section-3 .section-block, body #about-page-section-3 #features, body #about-page-section-3 #process, body #about-page-section-3 #testimonial, body #about-page-section-3 #footer, body #about-page-section-3 #about-page-section-3, body #about-page-section-3 #skills, body #about-page-section-3 #team-member, body #about-page-section-3 #portfolio, body #about-page-section-3 #faq, body #about-page-section-3 #contact, body #about-page-section-3 #contact-page, body #about-page-section-3 #features-page .subsection1, body #features-page #about-page-section-3 .subsection1, body #about-page-section-3 #features-page .subsection2, body #features-page #about-page-section-3 .subsection2, body #about-page-section-3 #features-page .subsection3 .right-section, body #features-page .subsection3 #about-page-section-3 .right-section, body #about-page-section-3 #features-page .subsection3 .left-section, body #features-page .subsection3 #about-page-section-3 .left-section, body #about-page-section-3 #features-page .subsection4, body #features-page #about-page-section-3 .subsection4, body #about-page-section-3 #login-reg {
padding: 50px 0px;
display: inline-block; }
body #about-page-section-3 .btn-primary {
margin: 30px 0px 0px; }
@media all and (max-width: 767px) {
body #about-page-section-3 .btn-primary {
margin: 30px 0px 30px; } }
body #skills {
background-color: #f9f9f9; }
body #skills .progress {
width: 200px;
height: 200px;
line-height: 200px;
background: none;
margin: 0 auto;
box-shadow: none;
position: relative;
margin-bottom: 20px; }
body #skills .progress:after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid #fff;
position: absolute;
top: 0;
left: 0; }
body #skills .progress > span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1; }
body #skills .progress-title {
text-align: center; }
body #skills .progress .progress-left {
left: 0; }
body #skills .progress .progress-bar {
width: 100%;
height: 100%;
background: none;
border-width: 2px;
border-style: solid;
position: absolute;
top: 0; }
body #skills .progress .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left; }
body #skills .progress .progress-right {
right: 0; }
body #skills .progress .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
animation: loading-1 1.8s linear forwards; }
body #skills .progress .progress-value {
width: 85%;
height: 85%;
border-radius: 50%;
border: 2px solid #ebebeb;
font-size: 32px;
line-height: 170px;
text-align: center;
position: absolute;
top: 7.5%;
left: 7.5%; }
body #skills .progress.progress-bar-1 .progress-left .progress-bar {
animation: loading-2 1.5s linear forwards 1.8s; }
body #skills .progress.progress-bar-2 .progress-left .progress-bar {
animation: loading-3 1s linear forwards 1.8s; }
body #skills .progress.progress-bar-3 .progress-left .progress-bar {
animation: loading-4 0.4s linear forwards 1.8s; }
body #skills .progress.progress-bar-4 .progress-left .progress-bar {
animation: loading-5 1.2s linear forwards 1.8s; }
@media all and (max-width: 480px) {
body #skills .mybox {
width: 100%;
display: block; } }
@keyframes loading-1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); } }
@keyframes loading-2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(144deg);
transform: rotate(144deg); } }
@keyframes loading-3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } }
@keyframes loading-4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(36deg);
transform: rotate(36deg); } }
@keyframes loading-5 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(126deg);
transform: rotate(126deg); } }
@media only screen and (max-width: 990px) {
body #skills .progress {
margin-bottom: 20px; } }
body #team-member {
background-color: #fff; }
@media all and (max-width: 480px) {
body #team-member .mybox {
width: 100%;
display: block; } }
body #team-member .our-team .our-team-image {
position: relative;
overflow: hidden; }
body #team-member .our-team .our-team-image img {
width: 100%;
vertical-align: middle; }
body #team-member .our-team .our-team-name .wpb_column,
body #team-member .our-team .our-team-position {
color: #fff; }
body #team-member .our-team.main-info-on-hover .qodef-icon-shortcode {
border-color: #fff; }
body #team-member .our-team.main-info-on-hover .qodef-icon-shortcode i {
color: #fff; }
body #team-member .our-team.main-info-below-image {
-webkit-transform: translateZ(0); }
body #team-member .our-team.main-info-below-image .our-team-inner {
overflow: visible; }
body #team-member .our-team.main-info-below-image .our-team-info {
text-align: center;
margin-top: 20px; }
body #team-member .our-team.main-info-below-image .our-team-info .our-team-name {
color: #222222;
margin-bottom: 15px; }
body #team-member .our-team.main-info-below-image .our-team-image {
overflow: visible;
margin: 0 30px 32px 30px;
position: relative; }
body #team-member .our-team.main-info-below-image .our-team-image img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%; }
@media all and (max-width: 480px) {
body #team-member .our-team.main-info-below-image .our-team-image {
overflow: visible;
margin: 0 30px 32px 30px;
position: relative;
margin: auto;
width: 60%; } }
body #team-member .our-team.main-info-below-image .q_team_position {
position: absolute;
top: 50%;
left: 0;
text-align: center;
width: 100%;
color: #fff;
transform: translateY(-50%);
opacity: 0;
-webkit-transition: opacity 0.1s ease-out 0s;
transition: opacity 0.1s ease-out 0s; }
body #team-member .our-team.main-info-below-image .our-team-position-icon {
position: absolute;
top: 0px;
right: 0;
-webkit-transition: opacity 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s;
transition: opacity 0.25s cubic-bezier(0.39, 0.58, 0.57, 1) 0.1s; }
body #team-member .our-team.main-info-below-image .qodef-circle-animate {
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 55px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), width 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
body #team-member .our-team.main-info-below-image .qodef-icon-shortcode {
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
display: inline-block;
font-size: 18px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
color: #fff;
border: none;
background-color: transparent; }
body #team-member .our-team.main-info-below-image .qodef-icon-shortcode .qodef-icon-element {
color: #fff; }
body #team-member .our-team.main-info-below-image .our-team-text {
padding: 0; }
body #team-member .our-team.main-info-below-image:hover .qodef-circle-animate {
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
transform: scale(1.01);
width: 100%;
height: 100%;
right: 0;
top: 0; }
body #team-member .our-team.main-info-below-image:hover .q_team_position {
opacity: 1;
-webkit-transition: opacity 0.15s ease-out 0.1s;
transition: opacity 0.15s ease-out 0.1s; }
body #team-member .our-team.main-info-below-image:hover .our-team-position-icon {
opacity: 0;
-webkit-transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s;
transition: opacity 0.2s cubic-bezier(0.39, 0.58, 0.57, 1) 0s; }
body #top_banner .inner h2 {
color: #fff;
margin-bottom: 0px; }
body #top_banner .banner {
background-image: url("../../united/img/postimg-2.jpg");
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0px;
background-position: 50% 25%; }
body #top_banner .page_info {
padding: 20px 0px 10px;
background: #f9f9f9;
border-bottom: 1px solid #ddd; }
body #portfolio {
background-color: #fff;
/* Portfolio */ }
body #portfolio .title {
text-transform: uppercase;
padding: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
body #portfolio .portfolio-one {
margin-bottom: 30px;
-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); }
body #portfolio .portfolio-head {
position: relative;
overflow: hidden;
height: 100%; }
body #portfolio .portfolio-img img {
width: 100%;
height: auto; }
body #portfolio .portfolio-hover {
opacity: 0.5;
position: absolute;
top: 0;
left: -100%;
height: 100%;
width: 100%;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; }
body #portfolio .portfolio-hover a i {
color: #fff; }
body #portfolio .portfolio-link,
body #portfolio .portfolio-zoom {
position: absolute;
top: 50%;
margin-top: -17px;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 14px;
background-color: #171717;
display: inline-block;
text-align: center;
opacity: 0.8; }
body #portfolio .portfolio-link {
margin-right: -39px;
right: 50%; }
body #portfolio .portfolio-zoom {
margin-left: -39px;
left: 50%; }
body #portfolio .portfolio-content {
padding: 20px; }
body #portfolio .portfolio-one:hover .portfolio-hover {
left: 0;
opacity: 0.9; }
body #portfolio .portfolio-link:hover,
body #portfolio .portfolio-zoom:hover {
opacity: 1; }
body #portfolio nav {
text-align: right; }
body #faq {
background-color: #fff;
/* .rich-accordian::before {
border: 1px solid #1abc9c;
content: "";
position: absolute;
height: 88%;
z-index: 1;
left: calc((66px + 22px) / 2);
left: -webkit-calc((66px + 22px) / 2);
top: 2px;
} */ }
body #faq .icon-circle {
width: 60px;
height: 60px;
line-height: 60px;
display: inline-block;
border-radius: 100%;
text-align: center; }
body #faq .icon-circle i {
color: #fff;
font-size: 30px;
margin-top: 15px; }
body #faq .panel-group .panel {
border-radius: 0;
box-shadow: none;
border-color: #fff;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 20px; }
body #faq .panel-default > .panel-heading {
padding: 0;
border-radius: 0;
color: #777777;
background: #fff;
border-color: #fff; }
body #faq .panel-title {
font-size: 14px; }
body #faq .panel-title a {
display: inline-block;
padding: 15px;
text-decoration: none;
color: #777777;
text-transform: capitalize;
font-size: 16px;
font-weight: bold; }
body #faq .more-less {
float: right;
color: #777777; }
body #faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top: 0px; }
body #contact {
background-image: url(../img/map1.png);
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover; }
body #contact .map-content {
margin-top: 45px; }
body #contact .gmap {
border: 10px solid #f6f5f0;
border-radius: 50%;
height: 300px;
width: 300px;
box-shadow: 0px 0px 3px 3px #e7e4dc;
overflow: hidden;
position: relative;
margin: 0 auto; }
body #contact .gmap-area .gmap iframe {
border-radius: 50%;
height: 280px;
width: 300px; }
body #contact .gmap-area .map-content address h5 {
font-weight: 700; }
body #contact .center {
text-align: center;
padding-bottom: 55px; }
body #contact .center h2 {
font-size: 36px;
margin-top: 0;
margin-bottom: 20px; }
@media screen and (max-width: 1024px) {
body #contact .map-content {
text-align: center; } }
body #contact-page {
background-color: #fff; }
body #contact-page .submit-button {
padding: 8px 20px;
color: #fff;
border: none;
margin-top: 10px; }
body #features-page {
/* subsection1 ends /--------------------------------------------------------- */ }
body #features-page .subsection1 {
background-color: #fff;
background-image: url(../img/feature_banner1.jpg);
background-repeat: no-repeat;
background-size: 100% 100%; }
body #features-page .subsection1 .section-heading h1, body #features-page .subsection1 #features h1, body #features-page .subsection1 #about h1, body #features-page .subsection1 #process h1, body #features-page .subsection1 #testimonial h1, body #features-page .subsection1 #about-page-section-3 h1, body #features-page .subsection1 #skills h1, body #features-page .subsection1 #team-member h1, body #features-page .subsection1 #top_banner h1, body #features-page .subsection1 #portfolio h1, body #features-page .subsection1 #faq h1, body #features-page .subsection1 #contact h1, body #features-page .subsection1 #contact-page h1, body #features-page .subsection1 .subsection1 h1, body #features-page .subsection1 .subsection2 h1, body #features-page .subsection1 .subsection3 .right-section h1, body #features-page .subsection3 .subsection1 .right-section h1, body #features-page .subsection1 .subsection3 .left-section h1, body #features-page .subsection3 .subsection1 .left-section h1, body #features-page .subsection1 .subsection4 h1, body #features-page .subsection1 #login-reg h1 {
color: #fff; }
body #features-page .subsection1 .section-heading .subheading, body #features-page .subsection1 #features .subheading, body #features-page .subsection1 #about .subheading, body #features-page .subsection1 #process .subheading, body #features-page .subsection1 #testimonial .subheading, body #features-page .subsection1 #about-page-section-3 .subheading, body #features-page .subsection1 #skills .subheading, body #features-page .subsection1 #team-member .subheading, body #features-page .subsection1 #top_banner .subheading, body #features-page .subsection1 #portfolio .subheading, body #features-page .subsection1 #faq .subheading, body #features-page .subsection1 #contact .subheading, body #features-page .subsection1 #contact-page .subheading, body #features-page .subsection1 .subsection1 .subheading, body #features-page .subsection1 .subsection2 .subheading, body #features-page .subsection1 .subsection3 .right-section .subheading, body #features-page .subsection3 .subsection1 .right-section .subheading, body #features-page .subsection1 .subsection3 .left-section .subheading, body #features-page .subsection3 .subsection1 .left-section .subheading, body #features-page .subsection1 .subsection4 .subheading, body #features-page .subsection1 #login-reg .subheading {
color: #fff; }
body #features-page .subsection1 .wpb_column > .wpb_wrapper > *:last-child {
margin-bottom: 0; }
body #features-page .subsection1 .wpb_column {
background-repeat: repeat;
background-size: cover; }
body #features-page .subsection1 .iconbox {
margin: 0 0 40px 0; }
body #features-page .subsection1 .iconbox p:last-child {
margin: 0; }
body #features-page .subsection1 .iconbox h3 {
margin: 0 0 10px 0;
text-transform: none; }
body #features-page .subsection1 .iconbox i.boxicon {
position: relative;
z-index: 2;
-webkit-transition: all 0.08s ease-in;
-moz-transition: all 0.08s ease-in;
-ms-transition: all 0.08s ease-in;
-o-transition: all 0.08s ease-in;
transition: all 0.08s ease-in; }
body #features-page .subsection1 .flip .icon-color.card .back {
color: #fff; }
body #features-page .subsection1 .flip {
-webkit-perspective: 800;
-ms-perspective: 800;
-moz-perspective: 800;
-o-perspective: 800;
width: 100%;
min-height: 200px;
height: 200px;
position: relative;
display: block;
margin: 0px auto; }
body #features-page .subsection1 .flip .card {
width: 100%;
height: 100%; }
body #features-page .subsection1 .flip .front,
body #features-page .subsection1 .flip .back {
-webkit-transform-style: preserve-3d;
-webkit-transition: 0.5s;
-moz-transform-style: preserve-3d;
-moz-transition: 0.5s;
-ms-transform-style: preserve-3d;
-ms-transition: 0.5s;
-o-transform-style: preserve-3d;
-o-transition: 0.5s;
transform-style: preserve-3d;
transition: 0.5s; }
body #features-page .subsection1 .flip .card .face {
width: 100%;
height: 100%;
position: absolute;
text-align: center; }
body #features-page .subsection1 .flip .card .front {
position: absolute;
z-index: 1;
background: #f9f9f9;
border-radius: 4px;
backface-visibility: hidden;
/* W3C */
-webkit-backface-visibility: hidden;
/* Safari & Chrome */
-moz-backface-visibility: hidden;
/* Firefox */
-ms-backface-visibility: hidden;
/* Internet Explorer */
-o-backface-visibility: hidden;
/* Opera */ }
body #features-page .subsection1 .flip .card .back {
border-radius: 4px;
transform: rotatey(-180deg);
-ms-transform: rotatey(-180deg);
/* IE 9 */
-moz-transform: rotatey(-180deg);
/* Firefox */
-webkit-transform: rotatey(-180deg);
/* Safari and Chrome */
-o-transform: rotatey(-180deg);
/* Opera */
backface-visibility: hidden;
/* W3C */
-webkit-backface-visibility: hidden;
/* Safari & Chrome */
-moz-backface-visibility: hidden;
/* Firefox */
-ms-backface-visibility: hidden;
/* Internet Explorer */
-o-backface-visibility: hidden;
/* Opera */ }
body #features-page .subsection1 .flip:hover .front {
transform: rotatey(180deg);
-ms-transform: rotatey(180deg);
/* IE 9 */
-moz-transform: rotatey(180deg);
/* Firefox */
-webkit-transform: rotatey(180deg);
/* Safari and Chrome */
-o-transform: rotatey(180deg);
/* Opera */ }
body #features-page .subsection1 .flip:hover .back {
transform: rotatey(0deg);
-ms-transform: rotatey(0deg);
/* IE 9 */
-moz-transform: rotatey(0deg);
/* Firefox */
-webkit-transform: rotatey(0deg);
/* Safari and Chrome */
-o-transform: rotatey(0deg);
/* Opera */
backface-visibility: visible;
/* W3C */
-webkit-backface-visibility: visible;
/* Safari & Chrome */
-moz-backface-visibility: visible;
/* Firefox */
-ms-backface-visibility: visible;
/* Internet Explorer */
-o-backface-visibility: visible;
/* Opera */ }
body #features-page .subsection1 .iconbox-style i.boxicon {
font-size: 58px;
text-align: center;
display: block;
color: #999999;
line-height: 1;
margin: 0 0 14px 0;
padding: 0; }
body #features-page .subsection1 .iconbox-style .iconimg {
margin: 0 0 16px 0; }
body #features-page .subsection1 .iconbox-style table {
height: 200px;
width: 100%; }
body #features-page .subsection1 .iconbox-style table td {
vertical-align: middle;
padding: 10px 30px 0 30px; }
body #features-page .subsection1 .iconbox-style .back h3 {
color: #fff; }
body #features-page .subsection2 {
background-color: #fff; }
body #features-page .subsection2 .section-heading h2, body #features-page .subsection2 #features h2, body #features-page .subsection2 #about h2, body #features-page .subsection2 #process h2, body #features-page .subsection2 #testimonial h2, body #features-page .subsection2 #about-page-section-3 h2, body #features-page .subsection2 #skills h2, body #features-page .subsection2 #team-member h2, body #features-page .subsection2 #top_banner h2, body #features-page .subsection2 #portfolio h2, body #features-page .subsection2 #faq h2, body #features-page .subsection2 #contact h2, body #features-page .subsection2 #contact-page h2, body #features-page .subsection2 .subsection1 h2, body #features-page .subsection2 .subsection2 h2, body #features-page .subsection2 .subsection3 .right-section h2, body #features-page .subsection3 .subsection2 .right-section h2, body #features-page .subsection2 .subsection3 .left-section h2, body #features-page .subsection3 .subsection2 .left-section h2, body #features-page .subsection2 .subsection4 h2, body #features-page .subsection2 #login-reg h2 {
color: #777777;
line-height: 45px !important; }
body #features-page .subsection2 .section-heading .subheading, body #features-page .subsection2 #features .subheading, body #features-page .subsection2 #about .subheading, body #features-page .subsection2 #process .subheading, body #features-page .subsection2 #testimonial .subheading, body #features-page .subsection2 #about-page-section-3 .subheading, body #features-page .subsection2 #skills .subheading, body #features-page .subsection2 #team-member .subheading, body #features-page .subsection2 #top_banner .subheading, body #features-page .subsection2 #portfolio .subheading, body #features-page .subsection2 #faq .subheading, body #features-page .subsection2 #contact .subheading, body #features-page .subsection2 #contact-page .subheading, body #features-page .subsection2 .subsection1 .subheading, body #features-page .subsection2 .subsection2 .subheading, body #features-page .subsection2 .subsection3 .right-section .subheading, body #features-page .subsection3 .subsection2 .right-section .subheading, body #features-page .subsection2 .subsection3 .left-section .subheading, body #features-page .subsection3 .subsection2 .left-section .subheading, body #features-page .subsection2 .subsection4 .subheading, body #features-page .subsection2 #login-reg .subheading {
color: #fff; }
body #features-page .subsection2 hr {
width: 50px;
height: 3px;
border-top: 1px solid #fff;
margin-top: 0px;
display: inline-block; }
body #features-page .subsection2 .wpb_wrapper h3 {
line-height: 40px; }
body #features-page .subsection2 .iconbox-style-2 i.boxicon {
font-size: 34px;
text-align: center;
display: inline-block; }
body #features-page .subsection2 .iconbox-style-2 .iconbox-icon {
float: left;
width: 30px;
margin-top: 2px;
text-align: center; }
body #features-page .subsection2 .iconbox-style-2 .iconbox-content {
margin-left: 54px;
margin-bottom: 30px; }
body #features-page .subsection2 .nomargin {
margin-bottom: 0px !important; }
body #features-page .subsection2 .nomargin p {
margin: 0px; }
body #features-page .subsection2 .iconbox-style-2 i.boxicon[class*="sl-"] {
font-size: 30px; }
body #features-page .subsection3 {
background-color: #34363e;
color: white;
position: relative; }
body #features-page .subsection3 .right-section {
color: #fff; }
body #features-page .subsection3 .right-section .section-heading h1, body #features-page .subsection3 .right-section #features h1, body #features-page .subsection3 .right-section #about h1, body #features-page .subsection3 .right-section #process h1, body #features-page .subsection3 .right-section #testimonial h1, body #features-page .subsection3 .right-section #about-page-section-3 h1, body #features-page .subsection3 .right-section #skills h1, body #features-page .subsection3 .right-section #team-member h1, body #features-page .subsection3 .right-section #top_banner h1, body #features-page .subsection3 .right-section #portfolio h1, body #features-page .subsection3 .right-section #faq h1, body #features-page .subsection3 .right-section #contact h1, body #features-page .subsection3 .right-section #contact-page h1, body #features-page .subsection3 .right-section .subsection1 h1, body #features-page .subsection3 .right-section .subsection2 h1, body #features-page .subsection3 .right-section .right-section h1, body #features-page .subsection3 .right-section .left-section h1, body #features-page .subsection3 .right-section .subsection4 h1, body #features-page .subsection3 .right-section #login-reg h1 {
color: #fff; }
body #features-page .subsection3 .right-section .section-heading .subheading, body #features-page .subsection3 .right-section #features .subheading, body #features-page .subsection3 .right-section #about .subheading, body #features-page .subsection3 .right-section #process .subheading, body #features-page .subsection3 .right-section #testimonial .subheading, body #features-page .subsection3 .right-section #about-page-section-3 .subheading, body #features-page .subsection3 .right-section #skills .subheading, body #features-page .subsection3 .right-section #team-member .subheading, body #features-page .subsection3 .right-section #top_banner .subheading, body #features-page .subsection3 .right-section #portfolio .subheading, body #features-page .subsection3 .right-section #faq .subheading, body #features-page .subsection3 .right-section #contact .subheading, body #features-page .subsection3 .right-section #contact-page .subheading, body #features-page .subsection3 .right-section .subsection1 .subheading, body #features-page .subsection3 .right-section .subsection2 .subheading, body #features-page .subsection3 .right-section .right-section .subheading, body #features-page .subsection3 .right-section .left-section .subheading, body #features-page .subsection3 .right-section .subsection4 .subheading, body #features-page .subsection3 .right-section #login-reg .subheading {
color: #fff; }
body #features-page .subsection3 .right-section .featureblock {
margin-bottom: 30px;
display: inline-block; }
body #features-page .subsection3 .right-section .featureblock .icon {
text-align: right;
font-size: 30px;
line-height: 34px; }
body #features-page .subsection3 .right-section .nomargin {
margin-bottom: 0px !important; }
body #features-page .subsection3 .right-section .subfeature .featureblock h4 {
color: #fff; }
body #features-page .subsection3 .right-section .subfeature .featureblock i {
color: #fff;
font-size: 30px; }
body #features-page .subsection3 .left-section {
background-color: #34363e; }
body #features-page .subsection3 .left-section .section-heading h1, body #features-page .subsection3 .left-section #features h1, body #features-page .subsection3 .left-section #about h1, body #features-page .subsection3 .left-section #process h1, body #features-page .subsection3 .left-section #testimonial h1, body #features-page .subsection3 .left-section #about-page-section-3 h1, body #features-page .subsection3 .left-section #skills h1, body #features-page .subsection3 .left-section #team-member h1, body #features-page .subsection3 .left-section #top_banner h1, body #features-page .subsection3 .left-section #portfolio h1, body #features-page .subsection3 .left-section #faq h1, body #features-page .subsection3 .left-section #contact h1, body #features-page .subsection3 .left-section #contact-page h1, body #features-page .subsection3 .left-section .subsection1 h1, body #features-page .subsection3 .left-section .subsection2 h1, body #features-page .subsection3 .left-section .right-section h1, body #features-page .subsection3 .left-section .left-section h1, body #features-page .subsection3 .left-section .subsection4 h1, body #features-page .subsection3 .left-section #login-reg h1 {
color: #fff; }
body #features-page .subsection3 .left-section .section-heading .subheading, body #features-page .subsection3 .left-section #features .subheading, body #features-page .subsection3 .left-section #about .subheading, body #features-page .subsection3 .left-section #process .subheading, body #features-page .subsection3 .left-section #testimonial .subheading, body #features-page .subsection3 .left-section #about-page-section-3 .subheading, body #features-page .subsection3 .left-section #skills .subheading, body #features-page .subsection3 .left-section #team-member .subheading, body #features-page .subsection3 .left-section #top_banner .subheading, body #features-page .subsection3 .left-section #portfolio .subheading, body #features-page .subsection3 .left-section #faq .subheading, body #features-page .subsection3 .left-section #contact .subheading, body #features-page .subsection3 .left-section #contact-page .subheading, body #features-page .subsection3 .left-section .subsection1 .subheading, body #features-page .subsection3 .left-section .subsection2 .subheading, body #features-page .subsection3 .left-section .right-section .subheading, body #features-page .subsection3 .left-section .left-section .subheading, body #features-page .subsection3 .left-section .subsection4 .subheading, body #features-page .subsection3 .left-section #login-reg .subheading {
color: #fff; }
body #features-page .subsection3 .left-section .subfeature h1 {
color: #fff;
font-size: 50px;
line-height: 75px; }
@media screen and (max-width: 1024px) {
body #features-page .subsection3 .left-section .subfeature h1 {
color: #fff;
font-size: 40px;
line-height: 75px; } }
body #features-page .subsection4 {
background-color: #fff; }
body #features-page .subsection4 .subheading-pricing {
color: #999999; }
body #features-page .subsection4 .vc_column_container > .vc_column-inner {
box-sizing: border-box;
padding-left: 0px;
padding-right: 0px;
width: 100%; }
body #features-page .subsection4 .pricing-plan {
display: block;
padding: 0;
margin: 0;
border: 1px solid #dddddd;
background: #fff;
border-radius: 3px;
box-shadow: 2px 2px 8px #ddd;
position: relative;
overflow: hidden; }
body #features-page .subsection4 .pricing-plan-head {
text-align: center; }
body #features-page .subsection4 .pricing-plan-1 {
background-color: #34363e; }
body #features-page .subsection4 .ribbon {
position: absolute;
top: -5px;
left: 10px;
width: 117px;
height: 117px;
overflow: hidden;
z-index: 10; }
body #features-page .subsection4 .recommended {
background: url(../img/recommended.png) 0 0 no-repeat; }
body #features-page .subsection4 .featured-ribbon {
width: 220px;
background: #34363e;
position: absolute;
top: 15px;
left: -80px;
text-align: center;
line-height: 35px;
letter-spacing: 0.01em;
font-size: 0.65em;
font-weight: 700;
color: #ffffff;
text-transform: uppercase;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
body #features-page .subsection4 .grow {
transition: all .2s ease-in-out; }
body #features-page .subsection4 .grow:hover {
transform: scale(1.1); }
body #features-page .subsection4 .pricing-plan .pricing-plan-head {
color: #fff;
border-radius: 3px 3px 0px 0px; }
body #features-page .subsection4 .pricing-plan .pricing-plan-head h3 {
display: block;
margin: 0;
padding: 12px 0 12px 0;
font-size: 14px !important;
font-weight: 700;
letter-spacing: 1px;
color: #999999;
background: #f9f9f9;
text-transform: uppercase; }
body #features-page .subsection4 .pricing-plan.pricing-color-true .pricing-plan-head {
margin: -1px -1px 0px -1px;
color: #fff; }
body #features-page .subsection4 .pricing-plan.pricing-color-true .pricing-plan-head h3 {
color: #fff;
background: none; }
body #features-page .subsection4 .pricing-plan .pricing-price {
background: #fff;
box-shadow: inset 0 1px 1px -1px #999999, inset 0 -1px 1px -1px #999999; }
body #features-page .subsection4 .pricing-plan.pricing-color-true .pricing-price {
background: rgba(0, 0, 0, 0.08);
box-shadow: none;
margin: 0; }
body #features-page .subsection4 .pricing-plan .pricing-price span.pricing-amount {
display: block;
font-size: 38px;
font-weight: 600;
padding: 24px 0 5px 0;
margin: 0;
line-height: 1;
color: #fff; }
body #features-page .subsection4 .pricing-plan .pricing-price span.pricing-per {
display: block;
opacity: 0.6;
padding: 0 0 24px 0;
margin: 0;
color: #fff; }
body #features-page .subsection4 .pricing-plan .pricing-signup {
display: block;
margin: 20px 0 0px 0;
padding: 20px 0 20px 0;
text-align: center;
background: #f9f9f9; }
body #features-page .subsection4 .pricing-plan ul {
margin: 20px 0 20px 0;
padding: 0 0 0px 0;
list-style: none;
background: #fff;
color: #777777; }
body #features-page .subsection4 .pricing-plan li {
margin: 0 20px;
padding: 10px 0px;
text-align: center;
border-bottom: 1px solid #efefef; }
body #features-page .subsection4 .pricing-plan li:last-child {
border-bottom: none; }
body #login-reg {
/*background-color: #fff;*/
text-align: center;
min-height: 1000px;
/***** Top content *****/ }
body #login-reg .datablock {
margin-bottom: 20px;
text-align: left; }
body #login-reg .btn-link-1 {
display: inline-block;
height: 50px;
margin: 5px;
padding: 16px 20px 0 20px;
background: #19b9e7;
font-size: 16px;
font-weight: 300;
line-height: 16px;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; }
body #login-reg .btn-link-1:hover,
body #login-reg .btn-link-1:focus,
body #login-reg .btn-link-1:active {
outline: 0;
opacity: 0.6;
color: #fff; }
body #login-reg .btn-link-1.btn-link-1-facebook {
background: #4862a3; }
body #login-reg .btn-link-1.btn-link-1-twitter {
background: #55acee; }
body #login-reg .btn-link-1.btn-link-1-google-plus {
background: #dd4b39; }
body #login-reg .btn-link-1 i {
padding-right: 5px;
vertical-align: middle;
font-size: 20px;
line-height: 20px;
color: #fff; }
body #login-reg .btn-link-2 {
display: inline-block;
height: 50px;
margin: 5px;
padding: 15px 20px 0 20px;
background: rgba(0, 0, 0, 0.3);
border: 1px solid #fff;
font-size: 16px;
font-weight: 300;
line-height: 16px;
color: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; }
body #login-reg .btn-link-2:hover,
body #login-reg .btn-link-2:focus,
body #login-reg .btn-link-2:active,
body #login-reg .btn-link-2:active:focus {
outline: 0;
opacity: 0.6;
background: rgba(0, 0, 0, 0.3);
color: #fff; }
body #login-reg .form-box .form-control {
padding: 22px 12px 22px 0px; }
body #login-reg .form-box .btn {
padding: 12px 12px;
color: #fff;
font-weight: bold;
text-transform: uppercase; }
body #login-reg .form-box .input-group-addon {
background: #fff;
color: #777777; }
body #login-reg .form-box .input-group-addon i {
color: #777777; }
body #login-reg .form-box input[type=text] {
border-left: 0px; }
body #login-reg .form-box input[type=tel] {
border-left: 0px; }
body #login-reg .form-box textarea {
border-radius: 4px; }
body #login-reg .form-box textarea.form-control {
padding: 6px 12px;
height: 150px;
border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
}
body #login-reg .form-top {
overflow: hidden;
padding: 0 25px 15px 25px;
background: #333;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
text-align: left; }
body #login-reg .form-top-left {
float: left;
width: 75%;
padding-top: 32px; }
body #login-reg .form-top-left h3 {
margin-top: 0;
color: #FFF;
}
body #login-reg .form-top-right {
float: left;
width: 25%;
padding-top: 5px;
font-size: 66px;
color: #ddd;
line-height: 100px;
text-align: right; }
body #login-reg .form-top-right i {
color: #ddd; }
body #login-reg .form-bottom {
padding: 25px 25px 30px 25px;
background: /*#cdc*/ #f2f2f2;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
text-align: left;
border: 1px solid #eee;
}
body #login-reg .form-bottom form textarea {
height: 100px; }
body #login-reg .form-bottom form button.btn {
width: 100%; }
body #login-reg .form-bottom form .input-error {
border-color: #19b9e7; }
body #login-reg .social-login {
margin-top: 35px; }
body #login-reg .social-login-buttons {
margin-top: 25px; }
body #login-reg .middle-border {
min-height: 300px;
margin-top: 170px;
border-right: 1px solid #ddd; }
body #login-reg forms-right-icons .row {
padding-bottom: 15px; }
body #login-reg .forms-right-icons {
text-align: left; }
body #login-reg .forms-right-icons h3 {
margin-top: 0; }
body #login-reg .forms-right-icons .icon {
text-align: right;
font-size: 30px;
line-height: 34px; }
@media (min-width: 768px) and (max-width: 991px) {
body #login-reg .forms-right-icons .icon {
font-size: 22px; } }
@media (max-width: 768px) {
body #login-reg .forms-right-icons {
margin-bottom: 50px; } }
@media (max-width: 767px) {
body #login-reg .show-forms,
body #login-reg .forms-right-icons,
body #login-reg .forms-right-icons .icon {
text-align: center; }
body #login-reg .forms-right-icons .icon {
padding-top: 10px; }
body #login-reg .forms-right-icons h3 {
margin-top: 15px; } }
@media (max-width: 480px) {
body #login-reg .btn-link-1 {
width: 100%;
margin: 5px 0px; } }
/* Overrides */
body #login-reg .form-box .form-control {
padding: 0px;
height: 50px;
border-radius: 0 25px 25px 0;
-webkit-border-radius: 0 25px 25px 0;
-o-border-radius: 0 25px 25px 0;
}
body #login-reg .form-box textarea {
padding: 0px;
}
/* form-control overrides */
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
background-color: #fff;
background-image: none;
border: 1px solid #fff;
border-radius: 0px;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus {
border-color: #fff;
outline: 0;
/*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); */
-webkit-box-shadow: none;
box-shadow: none;
}
.form-group {
margin-bottom: 1px;
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1; }
.form-control:-ms-input-placeholder {
color: #999; }
.form-control::-webkit-input-placeholder {
color: #999; }
.form-control::-ms-expand {
border: 0;
background-color: transparent; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eeeeee;
opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control {
cursor: not-allowed; }
/* input-addon overrides */
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #fff;
border-radius: 0px;
border-radius: 25px 0 0 25px;
-webkit-border-radius: 25px 0 0 25px;
-o-border-radius: 25px 0 0 25px;
}
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px; }
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px; }
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0; }
.form-top p {
color: #FFF;
}
.form-box{
margin-top: 20%;
}
.countdown{
font-size: 25px;
padding: 20px 0;
}
.login-logo, .register-logo { font-size: 45px;margin-bottom: 25px;font-weight: 300;font-family: 'Cambria', Georgia, serif; }
.login-logo, .register-logo a{ color:#fff;display: none; }