:root {
    --color-graydark: #444444;
    --color-default: #607D8B;
    --color-error: #FF5722;
    --color-success: #4CAF50;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*-----------------------------------------------
Helper
------------------------------------------------*/

[class*="m-"] {
    display: block;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-20 {
    margin-bottom: 10px;
}

.m-b-30 {
    margin-bottom: 30px;
}
.m-b-40 {
    margin-bottom: 40px;
}


/*-----------------------------------------------
Color
------------------------------------------------*/

.c-red {
    color: var(--color-error);
}

a {
    color: var(--color-default);
}

#primary-menu > ul > li:hover a,
#primary-menu > ul > li.current a {
    color: var(--color-default);
}

.portfolio-overlay a:hover {
    color: var(--color-default);
}

.breadcrumb a:hover {
    color: var(--color-default);
}

.button.button-dark:hover {
    background-color: var(--color-default);
}

.owl-theme .owl-dots .owl-dot span {
    background-color: var(--color-default);
}

/*-----------------------------------------------
Content Wrap
------------------------------------------------*/

.content-wrap .header-stick {
    margin-top: 0px!important;
}

.content-wrap .header-stick {
    margin-top: 0px!important;
}

.fancy-title h3 {
    text-align: center;
    display: table;
    margin: auto;
    padding: 0 30px;
}

/*-----------------------------------------------
Intro Home
------------------------------------------------*/

.intro--home {
    text-align: center;
}

.intro--home span {
    display: block;
}

.intro--home a.button {
    display: table;
    margin: auto;
    margin-top: 30px;
}

.feature--work h3 {
    display: block;
    margin-top: 20px;
}


/*-----------------------------------------------
Slideshow
------------------------------------------------*/

.dark .slider-caption h2 {
    color: var(--color-graydark);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}


/*-----------------------------------------------
Contacts
------------------------------------------------*/

form textarea {
    resize: none;
}

address > ul {
    list-style-type: none;
}

.address ul li {
    ine-height: 1.8;
}

label.error {
    margin-top: 5px;
    color: var(--color-error);
    font-weight: 400;
}

label.error {
    display: none !important;
}

.form-control.error,
.sm-form-control.error {
    border-color: var(--color-error)!important;
}


/*-----------------------------------------------
404
------------------------------------------------*/

.widget_links ul {
    margin-left: -18px;
}

.widget_links ul li {
    display: inline-block;
}


/*-----------------------------------------------
Services
------------------------------------------------*/

.service--image {
    margin-bottom: 20px;
}


/*-----------------------------------------------
Footer
------------------------------------------------*/

#footer {
    margin-top: 0px!important;
}

#footer .footer-widgets-wrap {
    padding: 20px 0px;
}

.footer--menu {
    position: relative;
    top:40px;
    margin-top: 30px;
    margin-bottom: 40px;
}
.footer--menu li.current a {
    color: var(--color-default);
}

.footer--social {
    display: block;
    width: 100%;
}

.social-icon {
    border-radius: 0;
}

#copyrights {
    text-align: center;
    padding-top: 30px;
    margin-top: 50px;
    padding-bottom: 0px;
}
.widget_links ul {
    margin-left: 0;
}

