/*
Theme Name: U-Design Child
Theme URI: http://themeforest.net/item/udesign-responsive-wordpress-theme/253220?ref=AndonDesign
Description: Child Theme for U-Design
Author: Andon
Author URI: http://themeforest.net/user/andondesign/portfolio?ref=AndonDesign
Template: u-design
Version: 1.0.0
*/

/*
 * Typography
 * Global
 * Header
 * Pages
 *** Homepage
 * Owl Carousel
 * Visual Composer
 * Contact Form 7
 * Bottom Section
 */


/********************
** Typography
********************/

.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4 {
    color: #ffffff;
}

/********************
** Global
********************/

.js_active .page-template-page-FullWidth-php #home-page-content #content-container,
.js_active .page-template-page-FullWidth-php #page-content #content-container,
.js_active .page-template-page-FullWidth-php .entry,
.js_active .page-template-page-FullWidth-php .no-breadcrumbs-padding {
    padding: 0;
}

.z-low {
    z-index: 100;
}

.z-high {
    z-index: 200;
}

@media (max-width: 480px) {

    #wrapper-1 .no-mobile {
        display: none;
    }

}

/********************
** Header
********************/

#secondary-navigation-bar-content {
    border-bottom: 1px solid rgba(225, 225, 225, .3);
}

#secondary-navigation-bar-content {
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
}

#sec-nav-text-area-1, 
#sec-nav-text-area-2, 
#sec-nav-menu-area {
    padding: 7px 0 5px;
}

#sec-nav-text-area-1 .fa {
    color: #009fe4;
}

#sec-nav-text-area-2 .fa {
    background-color: #009fe4;
    width: 15px;
    height: 15px;
    text-align: center;
    padding-top: 3px;
    border-radius: 3px;
}

#sec-nav-text-area-2 .fa:hover {
    background-color: #0885bb;
}

.social_media_top {
    color: #ffffff;
}

.social_media_top .textwidget span {
    font-size: 18px;
    font-weight: 700;
}

#top-elements .social_media_top {
    float: none;
    text-align: right;
    padding: 0;
}

@media screen and (min-width: 960px) {

    .container_24 .social-media-area.prefix_15 {
        padding-left: 69.5%;
    }

    .container_24 .social-media-area.grid_9 {
        width: 30.5%;
    }

}

#main-menu {
    height: 50px;
}

#navigation-menu {
    background-color: #00a0e4;
    padding: 5px;
}

#navigation-menu > ul.sf-menu {
    width: 100%;
}

#navigation-menu ul.sf-menu > li > a > span {
    padding: 10px 0 10px 40px;
}

#navigation-menu ul.sf-menu > li.menu-button  > a {
    padding: 0;
}

#navigation-menu ul.sf-menu > li.menu-button > a > span {
    padding: 5px 14px;
}

#navigation-menu .sf-menu li.menu-button {
    float: right;
    background-color: #91d731;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}

#navigation-menu ul.sf-menu > li.menu-button > a:hover span {
    color: #ffffff;
}

/********************
** Pages
********************/

/*** Homepage ***/

.home #top-wrapper {
    background-color: rgba(0, 0, 0, 0);
}

#hero {
    margin-top: -184px;
    padding: 260px 0;
}

#hero h2 {
    font-size: 40px;
    font-weight: 600;
    margin: -5px 0 0;
}

#hero h3 {
    color: #ffffff;
    font-size: 20px;
}

#intro {

}

#intro h3 {
    margin-top: 0.3em;
}

.our-clients h4 {
    color: #222222;
    font-size: 24px;
    margin-bottom: -.4em;
}

@media (max-width: 480px) {

    #hero {
        padding: 160px 0 200px;
    }

    #hero h2 {
        font-size: 30px;
        margin: 15px 0;
        line-height: 1.3;
    }

}

@media (min-width: 768px) {

    #main-content .narrow-column {
        padding-left: 25px;
    }

}

.narrow-column h4 {
    color: #222222;
    margin: 0 0 2px;
}

.narrow-column a {
    color: #91d731;
}

.narrow-column a:before {
    font-family: FontAwesome;
    color: #91d731;
    content: "\f101";
    font-size: 16px;
    padding-right: 8px;
    display: inline-block;
}

.service-photo {
    position: relative;
}

.service-photo .vc_figure:after {
    font-family: FontAwesome;
    color: #ffffff;
    content: "\f105";
    font-size: 18px;
    text-align: center;
    background-color: #91d731;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-left: 5px;
    width: 25px;
    border-radius: 25px 0 0;
}

.service-photo:hover {
    background: -webkit-linear-gradient(#80c323,#91d731);  
    background: -moz-linear-gradient(#80c323,#91d731);  
    background: -o-linear-gradient(#80c323,#91d731);  
    background: linear-gradient(#80c323,#91d731);  

    -webkit-transition: background 3s ease-out;  
    -moz-transition: background 3s ease-out;  
    -o-transition: background 3s ease-out;  
    transition: background 3s ease-out;  
}

.service-photo:hover img {
    opacity: .3;
}

.box-single {
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    overflow: hidden;
    display: flex;
    background-color: #ffffff;
}

.content-side {
    width: 50%;
    float: left;
}

.content-side-inner {
    padding: 10px;
    height: 80%;
    line-height: 1.2;
    position: relative;
}

.content-side-inner:after {
    font-family: FontAwesome;
    color: #91d731;
    content: "\f101";
    font-size: 18px;
    bottom: 5px;
    position: absolute;
    left: 10px;
}

.content-side a {
    color: #00A0E4 !important;
}

.img-side {
    width: 50%;
    float: left;
}

#services-rotate {

}

.services-rotate-column {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
    background-color: #ffffff;
    position: relative;
    padding: 50px;
    padding-left: 50px !important;
    padding-right: 50px !important;
    margin-top: 30px;
}

#get-in-touch {

}

#get-in-touch h3 {

}

#home-contact {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    margin-bottom: 60px;
    margin-top: -130px;
    background-color: #ffffff;
    position: relative;
}

#home-contact h3 {
    margin: 0 0 20px;
    font-size: 28px;
}

.home-contact-form {
    overflow: hidden;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.home-contact-form h3 {
    color: #222222;
}

/*.green-column .wpb_text_column {
    padding-left: 15px;
}*/

.green-column .vc_icon_element-icon {
    top: 35% !important;
}

.vc_icon_element {
    margin-bottom: 0 !important;
}

.blue-bg {
    font-size: 24px;
    line-height: 1.3;
    min-height: 360px;
}

.blue-bg h3 {
    font-size: 40px;
}

#service-boxes {
    margin-top: -202px;
}

.service-box {
    position: relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    color: #ffffff;
}

.service-img {

}

.service-content {
    background-color: #91d731;
    padding: 15px 25px;
    line-height: 1.4;
}

.service-content h3 {
    font-weight: 600;
    font-size: 18px;
    color: #ffffff;
    line-height: 1.2;
}

.service-box .read-more {
    font-weight: 600;
    font-size: 16px;
    color: #ffffff;
    text-align: right;
    display: block;
}

/*** Inner Pages ***/

#page-content-title {
    background-color: rgba(0, 0, 0, 0);
    margin-top: -78px;
}

#page-content-title #page-title {
    display: inline-block;
}

#page-content-title #page-title h1, 
#page-content-title #page-title h2, 
#page-content-title #page-title h3 {
    color: #ffffff;
    margin: 0;
    padding: 18px 280px 18px 26px;
    background-color: #91D731;
}

/********************
** Owl Carousel
********************/

.owl-carousel .owl-stage-outer {
    overflow: hidden;
}

.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.owl-item {
    opacity: 1;
}

.owl-item {
    opacity: .3;
}

.owl-item.active {
    opacity: 1;
}

.owl-nav {
    position: absolute;
}

.owl-carousel .owl-item .service-box-small img {
    display: inline-block;
    width: auto;
}

.service-box-icon,
.service-box-small-content {
    float: left;
    display: inline;
}

.service-box-icon {
    width: 32%;
}

.service-box-small-content {
    width: 62%;
    padding: 0 3%;
}

.service-box-small-content,
.service-box-small-content p {
    font-size: 12px;
}

.service-box-small-content h4 {
    font-size: 18px;
    margin: 0 0 2px;
    line-height: 1;
}

.service-box-small-content .read-more {
    float: right;
    margin-top: -5px;
}

/********************
** Visual Composer
********************/

#wrapper-1 .vc_btn3.vc_btn3-size-md {
    font-size: 12px;
    padding: 10px 20px;
    font-weight: 600;
    border-radius: 20px;
}

.js_active #page-content {
    padding-bottom: 0;
}

.h3-no-margin h3 {
    margin-top: 0;
}

#custom_html-6 img {
    width: 100%;
    min-width: 100%;
}

.inner {
    box-shadow: -6px 3px 26px 0 rgba(0,0,0,0.11);
    background: #fff;
    padding: 28px 28px 17px 28px;
    width: 78%;
    /* margin-top: -20px; */
    position: relative;
    z-index: 3;
}

.inner h3 {
    font-weight: 500;
    line-height: 1.25em;
    letter-spacing: -.03em;
    color: inherit;
    font-size: 19px;
    margin-top: 0;
}

.inner h3:before {
    width: 80px;
    margin-bottom: 22px;
    content: '';
    display: block;
    height: 1px;
    background-color: #1b3277;
    opacity: .2;
    margin-top: 0;
    transition: width .2s ease-in-out;
}

/********************
** Contact Form 7
********************/

#network-contact {
    max-width: 100%;
    position: relative;
    overflow: hidden;
    width: 100%;
}

#network-contact .wpcf7-text, 
#network-contact textarea {
    width: 93%;
    padding: 4% 3%;
    max-width: 100%;
    position: relative;
    border-color: #b7b7b7;
    border-style: solid;
    border-width: 1px;
}

#network-contact .wpcf7-textarea {
    width: 93.6%;
}

#network-contact .one_half {
    margin-bottom: 2%;
}

#network-contact input[type="submit" i] {
    background-color: #91d731;
    border: none;
    padding: 10px 70px;
    color: #ffffff;
    font-size: 18px;
    margin-top: 15px;
}

#network-contact input[type="submit" i]:hover {
    background-color: #7ab727;
    cursor: pointer;
}

/********************
** Sidebar
********************/

#nav_menu-2 h3 {
    color: #222222;
    font-size: 24px;
}

#custom_html-5 .textwidget {
    box-shadow: -6px 3px 26px 0 rgba(0,0,0,0.11);
    padding: 28px;
    width: 78%;
}

#custom_html-5 .textwidget h3:before {
    width: 50px;
    margin-bottom: 22px;
    content: '';
    display: block;
    height: 1px;
    background-color: #1b3277;
    opacity: .2;
    margin-top: 5px;
    transition: width .2s ease-in-out;
}

#sidebarSubnav #custom_html-5 .textwidget h3 {
    margin: 0;
    padding-bottom: 5px;
    background: none;
}

/********************
** Bottom Section
********************/

#owl-footer {
    padding: 0 0 15px;
}

#owl-footer h4.top-title {
    padding-top: 5px;
    padding-bottom: 35px;
    color: #222222;
    font-size: 28px;
}

#bottom-bg {
    border-top: 5px solid #91d731;
    padding-top: 45px;
}

#bottom-service-items {
    display: block;
    padding-bottom: 45px;
    overflow: hidden;
}

#footer-bg {
    background: none;
    background-color: #001529;
}

h3.bottom-col-title {
    background: none;
}

h3.bottom-col-title {
    font-size: 24px;
    padding-bottom: 15px;
}

ul.footer-links {
    float: right;
}

ul.footer-links li {
    display: inline-block;
}

#bottom_1 img {
    margin-top: 15px;
}

#bottom_1 .textwidget {
    padding: 25px 0 0;
}

.icon-contact-info {
    position: relative;
    clear: both;
    margin-bottom: 10px;
    overflow: hidden;
}

.icon-contact-icon {
    display: inline-block;
    width: 10%;
    float: left;    
}

.icon-contact-icon .fa {
    color: #009fe4;
    font-size: 22px;
}

.icon-contact-content {
    display: inline-block;
    width: 90%;
    float: left;
}

#footer a, 
#footer_text a {
    font-weight: 700;
}

/********************
** Mobile
********************/

@media (max-width: 480px) {

    .text-center,
    .text-center p {
        text-align: center;
    }

}

/********** Sequence ********/
.sequence {
  text-align: center;
}
.sequence .sequence__item {
  position: relative;
  display: inline-block;
  text-align: center;
  float: left;
  /* padding-bottom: 50px; */
}
.sequence .sequence__step {
  display: inline-block;
  width: 70px;
  height: 70px;
  padding-top: 13px;
  font: 36px 'Varela Round', sans-serif;
  text-align: center;
  color: #ffffff;
  background-color: #34495e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sequence .sequence__info {
  position: absolute;
  top: 93px;
  left: 50%;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #34495e;
  //background-image: url("images/components/link-underline.svg");//
  background-position: 0 95%;
  background-repeat: repeat-x;
}
.sequence .sequence__item--active .sequence__step {
  color: #ffffff;
  background-color: #ed217c;
}
.sequence .sequence__item--active .sequence__info {
  color: #ed217c;
  //background-image: url("images/components/link-underline-hover.svg");//
}
.sequence .sequence__separator {
  float: left;
  margin-top: 30px;
  font-size: 0;
}
.sequence .sequence__devider {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 8px;
  background-color: #34495e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sequence .sequence__color--one {
  background-color: #34495e;
}
.sequence .sequence__color--two {
  background-color: #ed217c;
}
.sequence .sequence__color--three {
  background-color: #34495e;
}
.sequence .sequence__color--four {
  background-color: #129AB2;
}
.sequence .sequence__color--one1 {
  background-color: #394a76;
}
.sequence .sequence__color--one2 {
  background-color: #394a76;
}
.sequence .sequence__color--one3 {
  background-color: #443587;
}
.sequence .sequence__color--two1 {
  background-color: #b8268d;
}
.sequence .sequence__color--two2 {
  background-color: #b8268d;
}
.sequence .sequence__color--two3 {
  background-color: #634196;
}
.sequence .sequence__color--two4 {
  background-color: #634196;
}
.sequence .sequence__color--two5 {
  background-color: #71b2be;
}
.sequence .sequence__color--two6 {
  background-color: #639ba9;
}
.sequence .sequence__color--three1 {
  background-color: #3c576b;
}
.sequence .sequence__color--three2 {
  background-color: #486d7e;
}
.sequence .sequence__color--three3 {
  background-color: #568493;
}
.sequence .sequence__color--three4 {
  background-color: #495063;
}
.sequence .sequence__color--three5 {
  background-color: #665a69;
}
.sequence .sequence__color--three6 {
  background-color: #886671;
}
.sequence .sequence__color--four1 {
  background-color: #e88787;
}
.sequence .sequence__color--four2 {
  background-color: #cb7d80;
}
.sequence .sequence__color--four3 {
  background-color: #ab7279;
}
.sequence--colored .sequence__item {
  width: 70px;
  height: 50px;
  padding-top: 20px;
  text-align: center;
  background-color: #34495e;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.sequence--colored .sequence__item .fa {
  font-size: 30px;
  color: #ffffff;
}
.sequence--colored .sequence__item--first {
  background-color: #fed37f;
}
.sequence--colored .sequence__item--second {
  background-color: #ed217c;
}
.sequence--colored .sequence__item--third {
  background-color: #34495e;
}
.sequence--colored .sequence__item--fourth {
  background-color: #129AB2;
}
.sequence--colored .livicon {
  margin-top: -8px;
}
.sequence__info-null {
  margin-left: -28px;
}
.sequence__info-one {
  margin-left: -41px;
}
.sequence__info-two {
  margin-left: -53px;
}
.sequence__info-three {
  margin-left: -30px;
}
.sequence__info-four {
  margin-left: -60px;
}
.sequence__info-five {
  margin-left: -45px;
}
.sequence-wrapper {
  display: inline-block;
}
.sequence-present {
  margin-bottom: 48px;
}

.icon {
  margin-top: 8px;
  font-size: 24px;
  color: #34495e;
}
.icon .icon__item {
  margin-bottom: 5px;
}
.icon-present .icon__item {
  padding-top: 18px;
  margin-right: 40px;
}
.icon-present.icon--shape {
  margin-top: 42px;
}
.icon-present.icon--shape .icon__item {
  margin-right: 0;
}
.icon-present.icon--border {
  margin-top: 49px;
}
.icon-present.icon--border .icon__item {
  margin-right: 0;
}
.livicon {
  display: inline-block;
  line-height: inherit;
  vertical-align: middle;
  height: 18px !important;
}
.icon--animate .icon__item {
  padding-top: 0;
  display: inline-block;
}
.icon-present.icon--animate .icon__item {
  margin-right: 15px;
}
.icon-present.icon--shape.icon--animate .icon__item {
  margin-right: 0;
}
.image-container {
  position: relative;
}
.image-container img {
  max-width: 100%;
}
.image-container--max {
  max-width: 262px;
}
.icon-present.icon--border.icon--animate .icon__item {
  margin-right: 0;
}