/** 
 *  Urbanic Template 
 *  http://www.templatemo.com/free-website-templates/395-urbanic
 */
 body,
 html {
     overflow-x: hidden;
 }
 
 body {
     background-color: #ffffff;
     font-family: "Open Sans", sans-serif;
     color: #333;
     font-weight: 300;
     font-style: normal;
     -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
     -webkit-text-size-adjust: 100%;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 span,
 p {
     font-family: "Open Sans", sans-serif;
 }
 
 * {
     -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
     border-radius: 0 !important;
 }
 
 div.member_card {
     max-width: 354px;
     min-height: 230px;
     -moz-box-shadow: 3px 3px 4px #444;
     -webkit-box-shadow: 3px 3px 4px #444;
     box-shadow: 3px 3px 4px #444;
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
     padding: 10px;
 }
 
 .member_card_logo {
     text-align: center;
 }
 
 .member_card_name {
     margin-top: 16px;
     text-align: center;
     font-weight: bold;
     font-size: 20px;
 }
 
 .member_card_function {
     margin-top: 4px;
     text-align: center;
     font-weight: bold;
     font-style: italic;
 }
 
 .member_card_logo img {
     margin: auto;
     width: 75%;
 }
 
 .navbar-brand img {
     height: 52px;
 }
 
 .templatemo_clear {
     clear: both;
 }
 
 .height30 {
     height: 30px;
 }
 
 .height20 {
     height: 20px;
 }
 
 .templatemo-top-bar {
     min-height: 40px;
     background-color: #eeeeee;
 }
 
 .templatemo-top-menu {
     background-color: #ffffff;
     z-index: 5000;
     width: 100%;
     border-bottom: 1px solid #eee;
     position: fixed;
     box-shadow: 0px -10px 17px;
 }
 
 .templatemo-top-menu .navbar-toggle {
     margin-top: 18px;
     margin-bottom: 0px;
 }
 
 .templatemo-top-menu .navbar-brand {
     padding: 0;
     margin: 6px 0 0 0;
 }
 
 /* ------ Carousel ----- */
 .carousel-inner {
     background: #ffffff;
 }
 
 .carousel-inner .item {
     /*height: 800px;*/
     height: auto;
     width: 100%;
     /*transition: 2.5s ease-in-out left;*/
 }
 
 .carousel-inner .item img {
     object-fit: cover;
     max-width: 1170px;
     width: 100%;
     margin: auto;
 }
 
 /* ------ End of Carousel ----- */
 /* ------ Welcome & Slogna ------ */
  .templatemo-slogan {
     font-family: "Open Sans", sans-serif;
     font-weight: normal;
     font-size: 42px;
     margin: 60px 0;
     color: #000;
 }
 
 .templatemo-service {
     margin-bottom: 0px;
 }
 
 .templatemo-service-item {
     font-family: "Open Sans", sans-serif;
     margin-bottom: 10px;
     font-size: 26px;
 }
 
 .templatemo-service-item p {
     font-weight: lighter;
     text-align: justify;
     margin-top: 25px;
     font-size: 14px;
     color: #000;
 }
 
 .subheader {
     font-family: "Open Sans", sans-serif;
     font-weight: normal;
     margin-top: 12px;
     font-size: 12px;
     color: #000;
 }
 
 .btn-orange {
     background-color: #ff7600;
     border-bottom: 2px solid #d35400;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     color: #ffffff;
 }
 
 .btn-orange:hover,
 .btn-orange:focus,
 .btn-orange:active,
 .btn-orange.active,
 .open .dropdown-toggle.btn-orange {
     background-color: #d35400;
     color: #ffffff;
 }
 
 .btn-blue:hover,
 .btn-blue:focus,
 .btn-blue:active,
 .btn-blue.active,
 .open .dropdown-toggle.btn-blue {
     background-color: #46ade9;
     color: #ffffff;
 }
 
 .btn-green {
     background-color: #2ecc71;
     border-bottom: 2px solid #27ae60;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     color: #ffffff;
 }
 
 .btn-green:hover,
 .btn-green:focus,
 .btn-green:active,
 .btn-green.active,
 .open .dropdown-toggle.btn-green {
     background-color: #27ae60;
     color: #ffffff;
 }
 
 /*.nav
 {
     margin:0;
     padding:0;
 }*/
 .nav > li {
     background: #eee;
 }
 
 .nav > li > a {
     padding: 10px 20px;
 }
 
 .nav > li > a:hover,
 .nav > li > a:focus {
     background-color: #46ade9;
     color: #fff;
     /*font-weight:bold;*/
 }
 
 .navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus {
     background-color: #46ade9;
     color: #fff;
 }
 
 .nav > li > a {
     color: #46ade9;
 }
 
 .navbar-default {
     background: #fff;
     border: none;
 }
 
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus {
     background-color: #46ade9;
     color: #fff;
 }
 
 .navbar {
     /*background-color:#CCC;*/
     padding-top: 0;
     font-style: "Open Sans", sans-serif;
     margin-bottom: 12px;
 }
 
 ul.apps-list {
     list-style-type: none;
     margin-top: 20px;
     padding: 0;
     margin-right: 20px;
 }
 
 ul.apps-list li {
     padding: 5px;
 }
 
 ul.apps-list li a img {
     margin-left: auto;
     margin-right: auto;
 }
 
 ul.apps-list li a img:hover {
     border: 1px solid #fff;
 }
 
 .apps-list .app-box:hover li {
     padding: 4px;
 }
 
 /*ul.apps-list .app-box .project-overlay
 {
     padding: 5px 5px 5px 5px;
     width:100%;
     height:100%;
 }*/
 .templatemo-service-item div {
     text-align: center;
     padding-bottom: 0;
 }
 
 .templatemo-service-item-header {
     padding: 16px 20px 20px;
     font-weight: bold;
     display: block;
     text-align: center;
     height: 100px;
     color: #46ade9;
 }
 
 .templatemo-header-orange {
     background-color: #46ade9;
     min-width: 298px;
     height: 67px;
     color: #fff;
 }
 
 .team_hr {
     border: 1px solid #fff;
     width: 39.5%;
     float: left;
 }
 
 .team_hr_left {
     margin-right: 20px;
     margin-left: 15px;
 }
 
 .team_hr_right {
     margin-left: 20px;
 }
 
 .team_hr_left_2 {
     margin-right: 66px;
     margin-left: 15px;
 }
 
 .team_hr_right_2 {
     margin-left: 66px;
 }
 
 .team_hr_left_3 {
     margin-right: 50px;
     margin-left: 15px;
 }
 
 .team_hr_right_3 {
     margin-left: 40px;
 }
 
 .hr_gray {
     border: 1px solid #cccccc;
 }
 
 .templatemo-line-header {
     margin-top: 50px;
     width: 100%;
     margin-bottom: 50px;
 }
 
 .templatemo-line-header .title-hr {
     margin-top: 20px;
     float: left;
     top: 0px;
     width: 100%;
     background-color: #ccc;
     height: 2px;
 }
 
 .templatemo-line-header .title-label {
     position: static;
     margin: -14px auto 0px auto;
     width: 400px;
     background-color: #fff;
     color: #000;
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
     font-size: 26px;
 }
 
 .member-thumb:hover .thumb-overlay {
     transition: all 0.3s ease-in-out 0s;
     visibility: visible;
     opacity: 1;
 }
 
 .member-thumb {
     position: relative;
     overflow: hidden;
     text-align: center;
     /*border:1px solid #0F0;*/
 }
 
 .member-thumb img {
     margin-left: auto;
     margin-right: auto;
     height: 100%;
     width: 100%;
 }
 
 .member-thumb .thumb-overlay {
     background-color: rgba(220, 157, 102, 0.8);
     position: absolute;
     visibility: hidden;
     padding-top: 44%;
     padding-left: 44%;
     height: 96%;
     width: 100%;
     opacity: 0;
     right: 0;
     top: 0;
 }
 
 .thumb-overlay a {
     float: left;
     margin-right: 5px;
 }
 
 .team-inner {
     margin-top: 10px;
 }
 
 .team-inner-header {
     font-family: "Open Sans", sans-serif;
     font-weight: 600;
     font-size: 20px !important;
 }
 
 .team-inner-subtext {
     font-weight: normal;
     font-size: 12px;
 }
 
 .row_team {
     margin-left: -50px;
     margin-top: 70px;
 }
 
 .row_team li {
     list-style: none;
 }
 
 .txt_darkgrey {
     color: #000;
 }
 
 .txt_orange {
     color: #e67e22;
 }
 
 .txt_blue {
     color: #46ade9;
 }
 
 .txt_slogan {
     font-size: 14px;
     color: #000;
 }
 
 .templatemo-line-header span {
     font-size: 18px;
     margin-top: 10px;
 }
 
 .team_box div {
     text-align: center;
     padding-top: 100px;
 }
 
 .span_blog {
     margin-bottom: 80px;
 }
 
 .blog_post {
     color: #000;
     padding: 10px;
 }
 
 .blog_header {
     font-weight: bold;
     font-size: 16px;
 }
 
 .blog_text {
     text-align: justify;
     font-size: 14px;
     margin-top: 20px;
 }
 
 .templatemo-contact-map {
     margin-bottom: 15px;
     height: 378px;
 }
 
 .head_contact {
     padding-bottom: 80px;
     margin-bottom: 0;
 }
 
 .contact_right img {
     margin-right: 5px;
 }
 
 .contact_right form {
     padding-left: 15px;
     padding-right: 15px;
 }
 
 .tweet_txt {
     border-left: 2px solid #ffffff;
     min-height: 160px;
 }
 
 .twitter_user {
     color: #000;
     font-size: 14px;
     float: right;
 }
 
 .templatemo-partners {
     border-top: 2px solid #cccccc;
 }
 
 .templatemo-partners .templatemo-partner-item {
     margin-bottom: 5px;
     /*border:1px solid #AAA;*/
 }
 
 .templatemo-footer {
     border-top: 2px solid #cccccc;
     margin-top: 100px;
 }
 
 .footer_container {
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 .footer_bottom_content {
     margin: auto;
     margin-bottom: 30px;
     font-size: 14px;
     color: #000;
 }
 
 .social-icon-fb {
     background: url("../images/social-icon-fb.png") no-repeat;
     width: 42px;
     height: 42px;
     display: block;
 }
 
 a:hover .social-icon-fb {
     background: url("../images/social-icon-fb-over.png") no-repeat;
 }
 
 .social-icon-rss {
     background: url("../images/social-icon-rss.png") no-repeat;
     width: 42px;
     height: 42px;
     display: block;
 }
 
 a:hover .social-icon-rss {
     background: url("../images/social-icon-rss-over.png") no-repeat;
 }
 
 .social-icon-twitter {
     background: url("../images/social-icon-twitter.png") no-repeat;
     width: 42px;
     height: 42px;
     display: block;
 }
 
 a:hover .social-icon-twitter {
     background: url("../images/social-icon-twitter-over.png") no-repeat;
 }
 
 .social-icon-linkedin {
     background: url("../images/social-icon-linkedin.png") no-repeat;
     width: 42px;
     height: 42px;
     display: block;
 }
 
 a:hover .social-icon-linkedin {
     background: url("../images/social-icon-linkedin-over.png") no-repeat;
 }
 
 .social-icon-orcid {
     background: url("../images/social-icon-orcid.png") no-repeat;
     width: 42px;
     height: 42px;
     display: block;
 }
 
 a:hover .social-icon-orcid {
     background: url("../images/social-icon-orcid.png") no-repeat;
 }
 
 .social-icon-dribbble {
     background: url("../images/social-icon-dribbble.png") no-repeat;
     width: 42px;
     height: 42px;
     display: block;
 }
 
 a:hover .social-icon-dribbble {
     background: url("../images/social-icon-dribbble-over.png") no-repeat;
 }
 
 .templatemo-gallery-category a {
     color: #000;
 }
 
 .templatemo-gallery-category a.active {
     color: #46ade9;
     text-decoration: none;
 }
 
 .templatemo-gallery-category a.active:hover {
     cursor: default;
 }
 
 .templatemo-gallery-category a:focus {
     color: #46ade9;
     text-decoration: none;
 }
 
 .templatemo-gallery-category a:hover {
     color: #46ade9;
     text-decoration: none;
     cursor: pointer;
 }
 
 .link_orange:hover {
     text-decoration: none;
 }
 
 .link_blue {
     text-decoration: none;
 }
 
 .templatemo-project-gallery {
     margin: 0 0 0 0;
     margin-top: 30px;
     margin-left: -40px;
 }
 
 .templatemo-project-gallery li {
     list-style: none;
     margin-bottom: 10px;
     /*border:1px solid #F00;*/
     /*width:100%;*/
 }
 
 .templatemo-project-gallery li img {
     cursor: pointer;
 }
 
 .templatemo-tweets {
     background-color: #8996a0;
     min-height: 200px;
     font-family: "Open Sans", sans-serif;
     font-size: 20px;
     color: #ffffff;
     margin-top: 100px;
 }
 
 .app_sheet .app-subtitle {
     font-weight: bold;
     margin-top: 8px;
     font-style: italic;
 }
 
 .app_sheet .app-desc {
     margin-top: 20px;
 }
 
 .app_sheet .app-download-btn-group {
     margin-top: 20px;
 }
 
 .form-control {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     box-shadow: none;
     font-style: italic;
 }
 
 .btn_loadmore {
     margin-top: 30px;
     margin-bottom: 80px;
 }
 
 .blog_box {
     margin-left: -12px;
 }
 
 @media (min-width: 991px) and (max-width: 1200px) {
     .templatemo-project-box,
     .project-overlay {
         height: 170px;
         width: 170px;
     }
 
     .templatemo-project-gallery {
         margin-left: -70px;
     }
 
     .templatemo-service-item-header {
         padding: 16px 10px 20px;
     }
 
     .templatemo-header-orange {
         min-width: 230px;
     }
 
     .team_box,
     .team_box_over {
         height: 220px;
         width: 220px;
     }
 }
 
 @media (max-width: 991px) {
     .templatemo-project-box,
     .project-overlay {
         height: 200px;
         width: 200px;
     }
 
     .team-inner {
         margin-top: 20px;
         margin-bottom: 20px;
     }
 
     .templatemo-btn-read-more {
         float: right;
         margin-bottom: 40px;
     }
 }
 
 @media (min-width: 100px) and (max-width: 200px) {
     .member-thumb .thumb-overlay {
         padding-left: 30%;
         padding-top: 30%;
     }
 
     .templatemo-project-box,
     .project-overlay {
         height: 130px;
         width: 130px;
         padding-top: 0px;
     }
 
     .templatemo-project-gallery {
         margin-left: 10px;
     }
 
     .blog_box {
         margin-right: -140px;
     }
 }
 
 @media (min-width: 768px) {
     .navbar-nav > li > a {
         padding-top: 9px;
         padding-bottom: 9px;
     }
 }
 
 @media (max-width: 100px) {
     .member-thumb .thumb-overlay {
         padding-top: 30%;
         padding-left: 30%;
     }
 
     .templatemo-project-box,
     .project-overlay {
         height: 120px;
         width: 120px;
         text-align: center;
         margin-left: auto;
         margin-left: auto;
         padding-top: 0px;
     }
 
     .templatemo-btn-read-more {
         float: right;
         margin-bottom: 40px;
     }
 }
 
 @media (max-width: 100px) {
     .member-thumb .thumb-overlay {
         padding-top: 30%;
         padding-left: 30%;
     }
 
     .templatemo-service-item-header {
         font-size: 16px;
         padding: 23px 10px 22px;
     }
 
     .templatemo-header-orange {
         min-width: 0px;
     }
 }
 
 @media (min-width: 991px) and (max-width: 1200px) {
     .team_hr {
         width: 37%;
     }
 }
 
 @media (min-width: 683px) and (max-width: 991px) {
     .team_hr {
         width: 33%;
     }
 }
 
 @media (min-width: 585px) and (max-width: 683px) {
     .team_hr {
         width: 30%;
     }
 }
 
 @media (min-width: 536px) and (max-width: 585px) {
     .team_hr {
         width: 28%;
     }
 }
 
 @media (min-width: 410px) and (max-width: 536px) {
     .team_hr {
         width: 21%;
     }
 }
 
 @media (max-width: 410px) {
     .team_hr {
         width: 11%;
     }
 }
 
 .img-responsive {
     margin: 0 auto;
     margin-bottom: 15px;
 }
 
 .img-customers {
     margin: 0 auto;
 }
 
 .img-portrait {
     width: 200px;
     height: 200px;
     z-index: 1;
 }
 
 .service-title {
     font-weight: bold;
     font-size: 30px;
 }
 
 .service-subtitle {
     font-weight: bold;
     font-size: 24px;
     margin-top: 20px;
     margin-bottom: 40px;
     float: left;
     top: 0px;
     width: 100%;
     background-color: #ccc;
     height: 2px;
 }
 
 .training-content {
     font-size: 18px;
 }
 
 .terms_title {
     font-weight: bold;
     color: #46ade9;
 }
 
 .card {
     background-color: #eeeeee;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 2px solid rgba(0, 0, 0, 0.125);
     border-radius: 0.25rem;
     margin-top: 30px;
     margin-left: 20px;
     box-shadow: 5px 5px 12px #555;
 }
 
 .card-img-top {
     background-color: #eeeeee;
     height: 100%;
     display: block;
     margin-left: auto;
     margin-right: auto;
 }
 
 .img-top {
     background-color: #eeeeee;
     height: 50px;
 }
 
 .card-body {
     background-color: #eeeeee;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 1.25rem;
 }
 
 .card-title {
     background-color: #eeeeee;
     margin-bottom: 0.75rem;
 }
 
 .card-text:last-child {
     background-color: #eeeeee;
     margin-bottom: 0;
     font-size: 20px;
 }
 
 .templatemo-service-item .service-desc {
     text-align: center;
     color: #333;
     font-size: 18px;
 }
 
 .templatemo-team .team-desc {
     font-size: 18px;
 }
 
 .btn-primary {
     background-color: #46ade9;
 }
 
 .text-center {
     text-align: center;
 }
 
 .myCarousel {
     margin-top: 69px;
 }
 
 .img-desc {
     margin-top: 20px;
     margin-bottom: 40px;
     color: #337ab7;
     font-weight: 600;
     text-align: center !important;
 }
 
 .dynamic-img {
     -webkit-transform: scale(1);
     transform: scale(1);
     -webkit-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
 }
 
 .dynamic-img:hover {
     -webkit-transform: scale(1.15);
     transform: scale(1.15);
 }
 
 .section p {
     font-size: 16px;
     text-align: justify;
 }
 /* === Job Banner Styles === */
 .templatemo-job-banner {
     background-color: #f7d34a;
     padding: 20px 0;
     margin-top: 20px;
}

 .templatemo-job-banner .job-text {
     color: #000;
     font-size: 1.2rem;
     margin: 0;
}

 .templatemo-job-banner .job-text a {
     color: #0066cc;
     text-decoration: none;
     font-weight: bold;
}

 .templatemo-job-banner .job-text a:hover {
     text-decoration: underline;
}