/*
Theme Name: twentyseventeen-child
Theme URI: https://wordpress.org/twentyseventeen-child/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url("../twentyseventeen/style.css");



.breadcrumb{background: url(assets/images/breadcrum-bg.png) repeat-x;
            padding: 54px 70px 46px;
            margin-bottom: 3rem;}
.breadcrumb .title {color:#555555; font-weight:bold;}
.breadcrumb .title-right {text-align:right;}
.breadcrumb .title-right p {
    margin: 0px;
    padding: 0px;
    line-height: 39px;
}
.no-padding{padding: 0px;}
.breadcrumb .title-right p a{color:#555555; text-decoration:none;}
.breadcrumb .title-right p span{color:#9abc31;}
.left-part{float: left;}
.center-part{float: left;}
.center-part .title{color:#555555; font-weight:bold;}
.center-part .title span{color:#9abc31;}
.right-part{float: left;}


.right-part .widget{color:f7f7f7; padding:0px;}

.right-part .widget ul{list-style-type:none;}
.right-part .widget ul li{background: #f7f7f7;
                          border-bottom: 3px solid #fff;
                          padding-left: 20px;
                          border-top: none;
                          border-left: 3px solid #f7f7f7;}
.right-part .widget ul li.active{color: #9abc31; border-left: 3px solid #9abc31;}
.right-part .widget ul li.active a{color: #9abc31; box-shadow: none;}
.right-part .widget ul li:hover{color: #9abc31; border-left: 3px solid #9abc31;}
.right-part .widget ul li a{color:#555555; font-weight:bold; text-decoration:none; box-shadow:none;}
.right-part .widget ul li a:hover{color: #9abc31; text-decoration:none;box-shadow:none;}

.right-part .widget-2{ padding:0px; margin-top:40px;}

.con-box{background: url("assets/images/right-green-bg.jpg") no-repeat; padding: 46px 20px; background-size: cover;}

.con-box p{color:#fff; font-weight:normal;}
.con-box a{color:#fff;  border:2px solid #fff; padding: 10px 10px; }

@media screen and (max-width: 768px) {
 .breadcrumb {padding: 54px 0px 46px;  }
 .breadcrumb .col-xs-6{width:50%;}
 .breadcrumb .title-right p {line-height: 39px;}
 
 h3.title{padding-top:15px;}
 .con-box a {padding: 10px 10px !important;
              font-size: 16px !important;}
.center-part .title { 
    padding-top: 15px;
} 
}


@media screen and (max-width: 1024px){
.breadcrumb {padding: 54px 0px 46px;  }
.con-box a {padding: 10px 1px;
    font-size: 8px;}
 h3.title{padding-top:15px;}
 .center-part .title { 
    padding-top: 15px;
} 
}

.site-content {
    padding: 2.5em 0 0;
}
.serv{margin-bottom:40px; width:100%; float:left;}
h3.title{font-size:18px; color:#555555; font-weight:bold;}
.serv p{color:#999999; font-size:15px; padding-left:10px; }

.menu { float: right;}
.mobile_me {
    width: 100%;
    float: left !important;
}                              
.mobile_me ul#top-menu {
    width: 100%;
}
.js .menu-toggle {
     
    float: left;
    color: #fff;
}