/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
body {
    color: #555;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal;
    word-wrap: break-word;
}

p:last-child { /* RESET MARGIN OF LAST P TAG */
    margin-bottom: 0;
}

img { /* RESPONSIVE IMAGES */
    max-width: 100%;
    height: auto;
}

textarea {
    resize: vertical;
}

::-moz-selection {
    color: #fff;
    background-color: #f69323;
}
::selection {
    color: #fff;
    background-color: #f69323;
}

.nav li a:hover,
.nav li a:focus,
.nav li.open a,
.nav li.open a:hover,
.nav li.open a:focus {
    background-color: transparent; /* RESET NAV HOVER AND FOCUS BACKGROUND COLOR */
}

.form-control:focus {
    border-color: #f69323;
}

.fm {
    margin-right: 10px;
}
.flm {
    margin-left: 10px;
}

/* 1.1. HEADINGS */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    color: #222;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.bg--overlay h1, .bg--overlay .h1,
.bg--overlay h2, .bg--overlay .h2,
.bg--overlay h3, .bg--overlay .h3,
.bg--overlay h4, .bg--overlay .h4,
.bg--overlay h5, .bg--overlay .h5,
.bg--overlay h6, .bg--overlay .h6 {
    color: #fff;
}

h1, .h1 { font-size: 48px; line-height: 72px; }
h2, .h2 { font-size: 36px; line-height: 46px; }
h3, .h3 { font-size: 24px; line-height: 34px; }
h4, .h4 { font-size: 18px; line-height: 28px; }
h5, .h5 { font-size: 16px; line-height: 26px; }
h6, .h6 { font-size: 12px; line-height: 22px; }

h1:first-child, .h1:first-child,
h2:first-child, .h2:first-child,
h3:first-child, .h3:first-child,
h4:first-child, .h4:first-child,
h5:first-child, .h5:first-child,
h6:first-child, .h6:first-child {
    margin-top: 0;
}

/* 1.2. MARGINS */
.mt--30 {
    margin-top: 30px;
}
.mt--60 {
    margin-top: 60px;
}

/* 1.3. PADDINGS */
.pb--40 {
    padding-bottom: 40px;
}
.pb--60 {
    padding-bottom: 60px;
}
.pb--100 {
    padding-bottom: 100px;
}

.pd--80-0 {
    padding: 80px 0;
}
.pd--100-0 {
    padding: 100px 0;
}
.pd--130-0 {
    padding: 130px 0;
}

.pd--100-0-40 {
    padding: 100px 0 40px;
}
.pd--100-0-70 {
    padding: 100px 0 70px;
}

/* 1.4. LINKS */
a, .btn-link {
    color: inherit;
    -webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
            transition: color .25s, border-color .25s, background-color .25s ease-in-out;
}
a:hover, .btn-link:hover,
a:focus, .btn-link:focus {
    color: #f69323;
}

a, .btn-link,
a:link, .btn-link:link,
a:visited, .btn-link:visited,
a:hover, .btn-link:hover,
a:active, .btn-link:active {
    text-decoration: none;
    outline: 0;
}

/* 1.5. BUTTONS */
.btn {
    padding: 8px 30px 10px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    -webkit-transition-property: color, border-color, background-color;
    transition-property: color, border-color, background-color;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease, ease, ease-in-out;
            transition-timing-function: ease, ease, ease-in-out;
}

.btn.active,
.btn:active {
    box-shadow: none; /* RESET BUTTON BOX SHADOW */
}

.btn:focus,
.btn.focus,
.btn.active.focus,
.btn.active:focus,
.btn:active.focus,
.btn:active:focus,
.btn.focus {
    outline: 0; /* RESET BUTTON OUTLINE */
}

.btn-default {
    color: #222;
    background-color: transparent;
    border-color: #f69323;
}

.bg--overlay .btn-default {
    color: #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #fff;
    background-color: #f69323;
    border-color: #f69323;
}

/* 1.6. TEXT COLORS */
.text--primary {
    color: #f69323;
}

/* 1.7. BACKGROUND COLORS */
.bg--color-theme {
    color: #fff;
    background-color: #f69323;
}

.bg--color-dark {
    color: #ddd;
    background-color: #343434;
}

.bg--color-lightgray {
    background-color: #f9f9f9;
}

.bg--color-darkgray {
    background-color: #f2f2f2;
}

/* 1.8. BACKGROUND IMAGES */
.bg--img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 1.9. BACKGROUND OVERLAYS */
.bg--overlay {
    position: relative;
    color: #fff;
    z-index: 0;
}
.bg--overlay:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f69323;
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    z-index: -1;
}

.bg--overlay-off:before {
    display: none;
}


/*------------------------------------*\
    2. HELPER CLASSES
\*------------------------------------*/
/* 2.1. FONTS */
.font--primary {
    font-family: "Source Sans Pro", sans-serif;
}

.font--secondary {
    font-family: "Montserrat", sans-serif;
}

/* 2.2. FLOAT */
.float--left {
    float: left;
}

.float--right {
    float: right;
}

/* 2.3. RESET GUTTER */
.reset--gutter {
    margin-left: 0;
    margin-right: 0;
}
.reset--gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

/* 2.4. VERTICAL CENTERING */
.vc--parent {
    width: 100%;
    height: 100%;
    display: table;
}
.vc--child {
    display: table-cell;
    vertical-align: middle;
}
.vc--child-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.row--vc > div {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

/*------------------------------------*\
    10. SERVICES SECTION
\*------------------------------------*/
/* 10.1. SERVICE ITEM */
.service--items {
    text-align: left;
}

.service--items.text-right {
    text-align: right;
}

.service--item {
    position: relative;
}

.service--item + .service--item {
    margin-top: 48px;
}

.service--item .dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    border-radius: 50%;
    -webkit-transition: border-color .25s;
    transition: border-color .25s;
    z-index: 1;
}

.service--item:hover .dot,
.service--item.active .dot {
    border-color: #f69323;
}

.service--item .dot:before {
    content: " ";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 9px;
    height: 9px;
    background-color: #000;
    border-radius: 50%;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}

.service--item:hover .dot:before,
.service--item.active .dot:before {
    background-color: #f69323;
}

.service--item .h3 {
    margin-top: 0;
    margin-bottom: 13px;
}

.service--item .h3 a {
    cursor: default;
}

.service--item:hover .h3 a,
.service--item.active .h3 a {
    color: #f69323;
}

.service--item p + .btn {
    margin-top: 0;
    margin-bottom: 16px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-property: margin, opacity, visibility;
    transition-property: margin, opacity, visibility;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
}

.service--item:hover p + .btn,
.service--item.active p + .btn {
    margin-top: 16px;
    margin-bottom: 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

/* 10.2. SERVICE IMAGE */
.service--img {
    float: none;
    display: inline-block;
}

.service--img-inner {
    padding: 30px;
}

.service--img-inner:before {
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    width: auto;
    height: auto;
    background-color: #000;
    border-radius: 50%;
    box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.2);
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    z-index: 0;
}

.service--img-inner img {
    border-radius: 50%;
}

/*------------------------------------*\
    11. SERVICE SINGLE SECTION
\*------------------------------------*/
/* 11.1. SERVICE SINGLE CONTENT */
.service-single--content h1,
.service-single--content h2,
.service-single--content h3,
.service-single--content h4,
.service-single--content h5,
.service-single--content h6 {
    font-weight: normal;
}

.service-single--content .title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 8px;
}

.service-single--content .title:before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 1px;
    background-color: #f69323;
}

.service-single--content p {
    margin-bottom: 20px;
}

.service-single--content p:last-child {
    margin-bottom: 0;
}

.service-single--content ul {
    padding: 0;
    list-style: none;
}

.service-single--content ul:last-child {
    margin-bottom: 0;
}

/*------------------------------------*\
    12. EXTRA SERVICES SECTION
\*------------------------------------*/
/* 12.1. EXTRA SERVICE ITEM */
.extra-service--item {
    position: relative;
    margin-bottom: 60px;
    border: 1px solid transparent;
    -webkit-transition: border-color .25s, box-shadow .25s ease-in-out;
    transition: border-color .25s, box-shadow .25s ease-in-out;
    overflow: hidden;
    z-index: 0;
}

.extra-service--item:hover {
    border-color: #f69323;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.extra-service--info {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f9f9f9;
    -webkit-transition-property: top, background-color;
    transition-property: top, background-color;
    -webkit-transition-duration: .45s, .25s;
            transition-duration: .45s, .25s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
}

.extra-service--item:hover .extra-service--info {
    top: 0 !important;
    background-color: rgba(255, 255, 255, 0.95);
}

.extra-service--info-content {
    position: absolute;
    top: 24px;
    left: 30px;
    right: 30px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: top .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: top .25s ease-in-out, -webkit-transform .25s ease-in-out;
    transition: top .25s ease-in-out, transform .25s ease-in-out;
    transition: top .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

.extra-service--item:hover .extra-service--info-content {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.extra-service--info .title .h4 {
    margin-top: -6px;
    margin-bottom: 14px;
}

.extra-service--item:hover .extra-service--info .title .h4 a {
    color: #f69323;
}

.extra-service--info .footer {
    margin-top: 26px;
}

/*------------------------------------*\
    13. FEATURES SECTION
\*------------------------------------*/
/* 13.1. FEATURE ITEM */
.feature--item {
    margin-bottom: 53px;
    text-align: center;
}

.feature--item .icon {
    position: relative;
    margin-bottom: 23px;
    padding-bottom: 32px;
}
.feature--item .icon:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    margin: 0 auto;
    background-color: #999;
}

.feature--item .title .h4 {
    margin-bottom: 12px;
}/* CSS Document */