/*
Theme Name:    Optimal
Description:   Build a stunning website with Optimal one page theme for small businesses and professionals. Designed to display all your content on a single page in an elegant manner; it's extremely easy to setup & customize. Build yourself a stunning website for your professional carreer or small business. Optimal is a child theme for the Integral WordPress theme developed by Themely. It's perfect for startups, freelancers, agencies, small business, corporate business, design firm, education, freelancer, development company, personal, portfolio, blog, real estate, lawyer, travel and photography websites.
Theme URI: https://www.themely.com/themes/integral/
Author: Themely
Author URI: https://www.themely.com/
Template:      integral
Version:       1.1.8.4
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html
Tags:          two-columns, right-sidebar, custom-menu, editor-style, translation-ready, theme-options, featured-images, portfolio, photography, blog
Text Domain:   optimal
Tested up to: 5.4.2
Requires PHP: 5.6
*/

/* Body
================================================== */

* {
    outline: none!important;
}
html {
    font-size: 14px;
}
body {
    font-family: "Poppins", Sans-serif;
    line-height: 1.6;
    font-weight: normal;
    font-size: 16px;
    color: #19232d;
}
body p {
    margin-bottom: 25px;
}
body section {
    padding: 66px 0;
}
a {
    color: #00aded;
    text-decoration: none;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
a:hover,
a:focus {
    color: #00aded;
    text-decoration: underline;
}

/* Headings
================================================== */

.h1,
.h2,
.h3,
h1,
h2,
h3,
h4 {
    font-family: "Raleway", Sans-serif;
    font-weight: 600;
    letter-spacing: 1.25px;
}

h2.bigtitle {
    font-weight: normal;
    font-size: 3rem;
    text-transform: none;
}
h2.bigtitle span {
    background: none;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}
h2.bigtitle:before {
    display: none;
}
h2.bigtitle:after {
    display: none;
}
h2.smalltitle {
    font-weight: normal;
    font-size:2.143em;
}
h2.bigtitle_dark {
    font-weight: normal;
    text-transform: none;
    font-size: 2.571rem;
}
.dark h2.bigtitle_dark {
    color: #19232d;
}
h2.bigtitle_dark span {
    background: none !important;
}
h2.bigtitle_dark:before {
    display: none;
}
h2.bigtitle_dark:after {
    display: none;
}
h2.smalltitle_dark {
    font-weight: normal;
    text-transform: none;
}
.dark h2.smalltitle_dark {
    color: #19232d;
}
.heading .fa {
    width: 100%;
    text-align: center;
    font-size: 20px;
    display: block;
}
.heading .subtitle {
    width: 100%;
    opacity: 0.75;
    display: block;
    font-weight: 300;
    text-align: center;
    margin-bottom: 40px;
    margin-top: -20px;
    font-size: 1.286rem;
}


/* Buttons
================================================== */

.btn {
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1.5px;
    border-radius: 1px !important;
}
.btn-secondary {
    background: rgba(255,255,255,0.1);
    border-color: #fff;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}
.btn-secondary:hover {
    color: #fff;
    background: rgba(255,255,255,0.2);
}
.btn-primary:hover {
    color: #ffffff !important;
    background: #0e0e0e !important;
    border-color: #0e0e0e !important;
}
.btn-primary:-moz-focus-inner,
input:-moz-focus-inner {
    border: 0;
    padding: 0;
}
.btn-lg {
    letter-spacing: 2px;
    border-width: 2px;
}


/* Elements
================================================== */

.no-padding-bottom {
    padding-bottom: 66px !important;
}

/* Sections
================================================== */

.dark {
    background-color: #f6f9fc;
    color: #19232d;
    border-top: none;
    border-bottom: none;
}
.dark h3, .dark .pt_title {
    color: #19232d;
}

/* Features
================================================== */

.features .feature {
    margin-bottom: 20px;
    text-align: center;
    padding: 30px 30px 20px 30px;
    border: 2px solid;
    border-color: #f9f9f9;
    border-radius: 5px;
    transition: .3s;
}
.features .feature i {
    font-size: 36px !important;
    margin-bottom: 25px;
    margin-left: 0;
    position: relative;
    float: none !important;
    left: 0;
}
.features .feature:hover i, .features .feature:hover h4, .features .feature:hover p {
    color: #fff !important;
}
.features .feature h4 {
    margin-top: 0px;
    margin-bottom: 25px;
    font-weight: 600 !important;
}
.features .feature p {
    opacity: 1;
}
.features .feature .icon {
    margin-bottom: 25px;
    max-width: 100%;
}

/* Blog
================================================== */

.home-blog-entry-text h3 > a {
    font-weight: normal;
}

/* Dark Overlay
================================================== */

.blacklayer {
    background: rgba(0, 0, 0, 0.3);
}

/* Top Navigation
================================================== */

.navbar-default li a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a {
    text-transform: none;
    font-weight: normal;
}

/* Hero (Welcome)
================================================== */

.hero h1 {
    font-size: 1.5rem !important;
    font-weight: normal !important;
}
.hero h2 {
    font-size: 4rem !important;
    font-weight: normal !important;
}
.hero .lead {
    font-weight: 300 !important;
    font-size: 2rem !important;
}

/* Single Projects
================================================== */
.project-single .flexslider {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.project-single .description .details {
    font-weight: 600;
    border: 3px solid #dce3ea;
    background: none;
}

/* Testimonials
================================================== */
.testimonials {
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Skills
================================================== */
.skills .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

/* Services
================================================== */


/* Call-to-Action
================================================== */
.calltoaction {
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Team Members
================================================== */
.team {
    background-color: #f6f9fc;
    border-bottom: 1px solid #dce3ea;
    border-top: 1px solid #dce3ea;
}
.team .img-circle, .team .img-square {
    max-height: 100%;
    max-width: 100%;
}
.team .img-circle {
    border-radius: 0%;
}
.team .multi-columns-row [class^="col-"] {
    
}
.team .t-name, .team .t-type, .team .socials, .team p {
    background-color: #fff;
    padding-left:20px;
    padding-right: 20px;
}
.team .t-name {
    text-transform: none;
}
.team .t-type {
    font-size: 1rem;
    font-style: initial;
    text-transform: uppercase;
}
.team p {
    margin-bottom: 0px;
    padding-bottom: 25px;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-radius: 0 0 3px 3px;
}
.team ul.socials {
    padding: 15px 0 15px 0;
}
.team ul.socials li a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    border-radius: 50%;
    margin-right: 5px;
}
.team ul.socials li a.facebook {
    background-color: #3b5998;
}
.team ul.socials li a.twitter {
    background-color: #55acee;
}
.team ul.socials li a.google {
    background-color: #dd4b39;
}
.team ul.socials li a.github {
    background-color: #333333;
}
.team ul.socials li a.behance {
    background-color: #1769ff;
}
.team ul.socials li a.linkedin {
    background-color: #007bb5;
}
.team ul.socials li a.instagram {
    background-color: #125688;
}
.team ul.socials li a:hover {
    opacity: 0.9;
}
.team ul.socials li i {
    width: 1em;
    height: 1em;
}


/* Newsletter
================================================== */
.newsletter {
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.newsletter h2 {
    font-weight: normal;
}
#mc-embedded-subscribe-form input[type="submit"],
.ctct-embed-signup .ctct-button {
    font-weight: normal;
    text-transform: none;
    border-radius: 1px;
}
#mc-embedded-subscribe-form input[type="submit"]:hover,
.ctct-embed-signup .ctct-button:hover {
    color: #ffffff !important;
    background: #0e0e0e !important;
    border-color: #0e0e0e !important;
}

#mc-embedded-subscribe-form .mc-field-group .email, 
#mc-embedded-subscribe-form input[type="text"], 
.ctct-embed-signup form input[type="text"] {
    border-radius: 1px;
}


/* Contact
================================================== */
.contact h3 {
    color: initial;
}
.contact ul.socials li a {
    color: initial;
}
.contact textarea,
.contact input[type="text"],
.contact input[type="email"] {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.contact label {
    font-weight: normal;
}
.contact .wpcf7-not-valid-tip {
    color: inherit;
    font-size: 80%;
}
.contact .wpcf7-response-output {
    border-color: inherit;
    width: 100%;
    margin: 0;
}
.contact input[type="submit"] {
    border-radius: 1px;
    padding: 12px 16px;
    color: #ffffff !important;
    background: #0e0e0e !important;
    border-color: #0e0e0e !important;
}
.contact input[type="submit"]:hover {
    opacity: 0.9;
}
.contact ul.socials li a {
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    border-radius: 50%;
    margin-right: 5px;
}
.contact ul.socials li a.facebook {
    background-color: #3b5998;
}
.contact ul.socials li a.twitter {
    background-color: #55acee;
}
.contact ul.socials li a.google {
    background-color: #dd4b39;
}
.contact ul.socials li a.github {
    background-color: #333333;
}
.contact ul.socials li a.behance {
    background-color: #1769ff;
}
.contact ul.socials li a.linkedin {
    background-color: #007bb5;
}
.contact ul.socials li a.instagram {
    background-color: #125688;
}
.contact ul.socials li a:hover {
    opacity: 0.9;
}
.contact ul.socials li i {
    width: 1em;
    height: 1em;
}

/* Widgets
================================================== */
.sidebar .widget {
    display: inline-block;
    margin-bottom: 45px;
    vertical-align: top;
    width: 100%;
}
.sidebar li ul {
    margin-bottom: 0;
}

/* Bootstrap
================================================== */
.form-control {
    border-radius: 1px;
}

/* Responsive
================================================== */

@media only screen and (min-width : 1200px) {
    .contact .wpcf7-form {
        max-width: 570px;
        width: 100%;
        margin: 0 auto;
    }
    .contact input[type="text"],
    .contact input[type="email"],
    .contact input[type="submit"],
    .contact textarea {
        min-width: 570px;
        width: 100%;
    }
}
@media (max-width: 979px) {
    .hero h1 {
        font-size: initial !important;
    }
}
@media (max-width: 480px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        position: relative !important;
    }
}