/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic|Source+Sans+Pro:400,200');


body {
    width: 100%;
    height: 100%;
    font-family: 'Lato',sans-serif;
	font-weight: 300;
    color: #666;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
   
  /*  font-family: Montserrat,sans-serif;*/
    font-family: 'Source Sans Pro', sans-serif;
   
  }

p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.6em;
}

p.lead {
	font-weight: 600;
}

a {
    color: #28c3ab;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #176e61;
}

.light {
    font-weight: 400;
}

.center{
  text-align: center;
}

.topnav{
  display: block;
   top:5px;
  margin-bottom: 5px;
  text-align: right;
}

#topnav .ulbar  a{
  color:#FFF;
}
#topnav2 .ulbar  a{
  color:#5f5f5f;
}


.ulbar li {
	  display: inline-block;
	  padding: 0px 5px 0px 5px;
	  border-right: 1px solid #E7E7E7;
	  margin-bottom:0px;

}
.ulbar li:last-child {

	  border-right: 0px;

}

.nav-toggle2{
  z-index: 999;
  position: relative;

}



.navbar-custom .top-nav-collapse {
  border-bottom: 1px solid rgba(255,255,255,.3);
}

.navbar-gebeya { 
    min-width: 300px;
}


.navbar-gebeya ul.nav {
  display: inline-block;
  box-shadow: 2px 1px 5px #888888;
}

.navbar-gebeya ul.nav li a {
	font-size: 12px;
	letter-spacing: 1px;
  color: #FFF;
	text-transform: uppercase;
	font-weight: 700;
}

.navbar-gebeya ul.nav li a {
	 -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
	color: #fff;
}

.navbar-gebeya ul.nav ul.dropdown-menu {
	border-radius: 0;	
}

.navbar-gebeya ul.nav ul.dropdown-menu li {
	border-bottom: 1px solid #f5f5f5;

}

.navbar-gebeya ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-gebeya ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}

.navbar-gebeya ul.nav ul.dropdown-menu li a:hover {
	background: #fefefe;
}

.navbar-gebeya.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-gebeya .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-gebeya .nav li a:hover,
.navbar-gebeya .nav li a:focus{
    outline: 0;
    background-color: rgba(255,255,255,.2);
	 border-bottom: 2px solid #662d91;
}
.navbar-custom {
  border-radius: 0px;
  border:none;
   height:100px;
}
.navbar-custom .navbar-brand {
  margin-right: 50px;
  margin-left: 20px;
  width:246px;
  height:98px;
 /* background: url(../assets/gebeya-brand1.png) no-repeat 0 50%;*/

}
.navbar-custom .navbar-brand {
display: none;
}
/* Navbar default*/

.navbar-default {
  border-radius: 0px;
  border:none;
   height:100px;
}
  
.navbar-default .navbar-brand {
  margin-right: 50px;
  margin-left: 20px;
  width: 246px;
  height: 98px;
 /* background: url(../assets/gebeya-brand.png) no-repeat 0 50%;*/

}

.navbar-default .navbar-nav {
  float: right;
  margin: 0;
  padding-top:40px;
}
.navbar-default .navbar-nav > li {
  margin-left: 1px;
}
.navbar-default .navbar-nav > li > a {

  line-height: 14px;
  font-family: AvenirNextLTW01-Regular,Helvetica,Arial,sans-serif;
  font-size: 12px;
  text-transform:uppercase;
  color: #999;
}
.navbar-default .navbar-nav > li > a > i {
  display: inline-block;
}
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li.active:focus > a,
.navbar-default .navbar-nav > li.active:hover > a,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active:focus > a:focus,
.navbar-default .navbar-nav > li.active:hover > a:focus,
.navbar-default .navbar-nav > li:hover > a:focus,
.navbar-default .navbar-nav > li:focus > a:focus {
   border-bottom: 3px solid #BB0000;
}

/*****************/

.img-responsive { 
display: inline;
}
/* misc */
hr {
  margin-top: 10px;
}

/* margins */
.marginbot-0{margin-bottom:0 !important;}
.marginbot-10{margin-bottom:10px !important;}
.marginbot-20{margin-bottom:20px !important;}
.marginbot-30{margin-bottom:30px !important;}
.marginbot-40{margin-bottom:40px !important;}
.marginbot-50{margin-bottom:50px !important;}

/* ===========================
--- General sections
============================ */
.col-centered-fixed{
     text-align:center; 
     width:360px; 
   }

.home-section {
    padding-top: 60px;
    padding-bottom: 0px;
	  display:block;
    position:relative;
    z-index:120;
}
.section-heading  {
   text-transform: uppercase;
	display:block;
	width:100%;
	margin-right:85px;
}

.section-heading h2 {
	font-size: 30px;
   font-weight: 500;
   line-height: auto;  
    color: #787878;
    text-transform: capitalize;
}
.section-heading h3 {
   font-weight: 100px;
   line-height: auto;
   margin-bottom:5px;
}
.section-heading i {
	margin-bottom: 20px;
}


/* --- section bg var --- */

.bg-white {
	background: #fff;
}

.bg-gray {
	background: #f8f8f8;
}
.bg-orange {
	background: #FC9439;
	color:#FFF;
}

.bg-dark {
	background: #575757;
}

.dark-font {
  color:#575757;
}

/* --- section color var --- */
.text-gray {
  color: #5f5f5f;
}
.text-light {
	color: #fff;
}
.text-orange {
  color:#ff7200;
}


/* ===========================
--- Intro
============================ */
.intro {
  width:100%;
  position:relative;
  /*background: url(../assets/gebeya_banner.jpg) no-repeat top center;*/
  /*background-color: #662d91;*/
 /* background-attachment: fixed;*/
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  height:780px; 
/*  top: 100px;*/
 padding:0; 
}

#intro .mask {
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  -webkit-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  right: 0px;
  top: 0px;
  width:100%;
  position: absolute;
  height:700px;
  display: block;
  opacity:0.1;
  background-color:#000;
 z-index:12;
}
 


#intro .slogan {
	text-align: center;
  margin-bottom:50px;
 }

#intro .logo {
 /*background:url(../assets/gebeya-brand1.png) no-repeat top center; */
 /*background-color: #fff;*/
 height: 196px;
 width: 100%;
 margin-left: auto;
 margin-right:auto; 
   margin-bottom:50px;
}

.intro-text {
    font-size: 18px;
}

#intro .slogan h2 {
	color: #FFF;
	text-shadow: none;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
	text-shadow: -1px 0 1px #000;
  margin-bottom:15px;
}

#intro .slogan h4 ,
#intro .slogan h3{
	color: #fff;
	text-shadow: -1px 1px 1px #000;
}

#intro .network-btn {
  position: relative;
  margin-left: auto;
  margin-right:auto;
 text-align: center; 
 font-family: 'Arial';
 }
#intro .network-btn a {

  margin-left: 10px;
   margin-right: 10px;
 }

#intro .inner-slogan  {
text-align: center;
margin-right: auto;
margin-left: auto;
  margin-bottom:50px;
}
#intro .inner-slogan h2  {
  margin-bottom:0px;
    font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  font-family: Montserrat, sans-serif;
}
.inner-intro {
margin-top:100px;
margin-bottom:40px;
background-color: #662d91;
background-image: url(../assets/inner-banner.jpg);
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
height:306px; 
padding-top:80px;
color: #fff;

}
#header-box{
  width: 100%;
  padding: 20px;
  margin-bottom:20px;
  margin-right: auto;
  margin-left: auto;
}
.content-box{
   width: 100%;
  padding: 10px;
  margin-bottom:10px; 
  color:#FFF;
}
#header-box .header{
  background-color:#ff7200; 
}

#header-box .header-specialist{
  background-color:#662d91; 
}
#header-box .head,
#header-box .title{
  display: inline-block;
  padding: 5px;
}
#formsearch  
{
  margin-top:20px;
    position: relative;
   margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}
#formsearch  input{
     border-radius:0;
  height:auto;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;    
    font-weight: 500;
 }

.filter{
  background-color:#662d91;
  opacity:0.9;
  width: 100%;
 
  padding-top: 30px;
  padding-bottom: 30px;
  height: 200px;
   z-index:-1;
}

#footer-head {
 background-color: #5f5f5f;
  color: #FFF;  
    padding-top: 20px;
}

#footer-head h3 {
font-size: 15px;
font-weight: 300;
}
#footer-head .center-col {
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 padding-top:20px;

}
#footer-head .col {
/*padding-left: 70px;*/

}
#footer-head .footer-list {
list-style: none;
margin-left: -40px;
}

#footer-head .footer-list a,
#footer-head .footer-list a:hover{
color:#fff;

}
#footer-head .footer-list a:active{
color:#CCC;

}
.footer-logo{
 position: absolute;
 right: 40px;
 text-align: right;
 height: 40px;
 width: 150px;
 display: inline-block;
}

.footer-logo img{
  height:100%;
}
.section-desc{
  text-align: justify;
}
/*============================
--- Rounded action btn
=========================== */

.btn {
  font-weight: 200;
  border: 0;
  line-height:40px; 
}


  .btn.btn-rounded-orange {
  background-color: #ff7200;
  height:50px;
   width:250px;
   font-size:25px;
  line-height:40px;
  padding:5px 5px 5px 5px;
  border-radius:30px/30px;
  text-align:center;
  color:#FFF; 

  }
.btn.btn-rounded-orange:hover,
.btn.btn-rounded-orange.active {
	color: #FFF;
	background-color: red;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.btn-rounded-orange.focus, .btn-rounded-orange:focus {
  background-color: #666;
  border-bottom-color: #CCC;
  border-left-color: #CCC;
  border-right-color: #CCC;
  border-top-color: #CCC;
  color: #FD9539;
}

.btn.btn-orange {
  background-color:#FFF;
  height:auto;
  padding:5px 5px 5px 5px;
  border-radius:0;
  text-align:center;
  color: #ff7200;
  }
.btn.btn-orange:hover,
.btn.btn-orange.active {
  color: #FFF;
  background-color: #ff7200;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-orange.focus, .btn-orange:focus {
  background-color: #ff7200;
  border-color: #fff;
  color: #FFF;
}




.icon-nav {
  border: 0px none currentColor;
  border-radius: 100%;
  color: #FD9539;
  display: inline-block !important;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size:20px;
  padding:5px;
  margin-bottom:8px;
  margin-left:10px;
  margin-right:3px;
  background-color:#F3F3F3;
  vertical-align:middle;
}
.icon-nav:hover,
.icon-nav:active
 {
  color:#FFF;
  background-color:#FD9539;
}

/* ===========================
--- form
============================ */

.input-group-addon {
  background-color: #ff7200;
  border: 1px solid #eee;
  border-radius: 0;
  padding-left:20px;
   padding-right:20px;
   color:#FFF;
   font-size: 12px;
   font-weight: 700;
}


/* ===========================
--- Footer
============================ */
#footer {
  padding-top: 20px;
  padding-bottom: 5px;
  color: #fff;
  text-align:center;
  background-color: #ff7200;
  /*border-top: 1px solid #FFF;*/
 
}
.footer-copy {
 display: inline-block;
 
}

#footer a {
  color: #fff !important;
}
#footer a:hover {
  color: #FF9500 !important;
}

#footer select{
  border: none;
}
ul.social {
  list-style: none;
   margin-left:0px;
  display: inline-block;
 }
ul.social > li {

  display: inline-block;
}
ul.social > li > a {
  display: block;
  font-size: 18px;
}
ul.social > li > a i {
  margin-right: 10px;
}
.icon-social {
  border: 0;
  color: #fff;
  border-radius: 100%;
  display: inline-block !important;
  width: 30px;
  height: 30px;
  line-height:30px;
  text-align: center;
  color: #ff7200;
  padding: 0;
}
#footer .icon-social.icon-facebook {
  /*background: #BBB;*/
  background: #fff;

}
#footer .icon-social.icon-facebook:hover {
  background: #4f7dd4;
}
#footer .icon-social.icon-twitter {
  background: #fff;
}
#footer .icon-social.icon-twitter:hover {
  background: #5bceff;
}
#footer .icon-social.icon-linkedin {
  background: #fff;
}
#footer .icon-social.icon-linkedin:hover {
  background:#06C;
}
#footer .icon-social.icon-google-plus {
  background: #fff;
}
#footer .icon-social.icon-google-plus:hover {
  background: #dc422b;
}
#footer .icon-social.icon-pinterest {
  background: #fff;
}
#footer .icon-social.icon-pinterest:hover {
  background: #cb2027;
}
#footer .icon-social.icon-youtube {
  background: #fff;
}
#footer .icon-social.icon-youtube:hover {
  background: #ce332d;
}


#footer .icon-social.icon-instagram {
  background: #fff;
}
#footer .icon-social.icon-instagram:hover {
  background:#D02E91;
}

  

#footer .icon-social:hover {
  color: #fff;
}
#footer ul {
  color: #fff;
  list-style: none;
padding-left:0px;
}
#footer ul li {
display: inline-block;
}

/* Media queries */

@media(min-width:767px) {

    .navbar {
       
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

.navbar-custom.top-nav-collapse {
        padding: 0;
        background-color:#662d91;
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
.navbar-custom.top-nav-collapse .navbar-brand {
display: block;
}

.navbar-default.top-nav-collapse {
        padding: 0;
        background-color:#FFF;
        border-bottom: 1px solid rgba(255,255,255,.3);
}
	
}

@media (max-width:1024px) {

.col-centered-fixed{
     text-align:center; 
     width:350px; 
}

#intro .slogan {
   margin-bottom: 80px;
 }
/*.section-heading h2 {
  font-size: 20px;
   font-weight: 100;
   line-height: 20px;
}
.section-heading h3 {
  font-size:15px;
  line-height:15px;
   
}*/
#footer-head .center-col {
text-align: left;

}
#footer-head .col {
/*padding-left:0px;*/

}

.footer-logo{
 position: relative;
 right: auto;
 text-align: center;
  margin-left: auto;
  margin-right: auto;
}


}

@media (min-width:992px) and (max-width: 1200px)
{
  /*#join-training-div {
      margin-top: -60% !important;
  }*/
}

@media (min-width: 992px) 
{
  .team-div {
      width: 16% !important;
  }
}
@media (max-width: 992px) 
{
  .social-header{
        margin-top: 20px;
    }
}
@media (min-width:769px) and (max-width: 991px)
{
  .team-div {
      width: 33% !important;
  }
  #join-training-div {
      /*margin-top: -80% !important;*/
  }
}

#header-box .title h2{

margin-bottom: 0px;
}
@media (max-width:900px) 
{
  .img-container img 
  {
    height: 100% !important;
    width:auto !important;
  }
}

@media (max-width:768px) 
{
    
    .navbar-custom.top-nav-collapse 
    {
        padding: 0;
        background-color:#662d91;
        border-bottom: 1px solid rgba(255,255,255,.3);
    }
    .navbar-custom.top-nav-collapse .navbar-brand 
    {
    display: block;
    }
    .home-nav .navbar-gebeya 
    {
      top:5px;
    }
    .nav-alt .navbar-gebeya 
    {
    top: -60px;
    }
    .top-nav-collapse .navbar-gebeya 
    {
    top: 12px !important;
    }
    .col-centered-fixed
    {
         text-align:center; 
         width:200px; 
    }
    #intro .slogan h2 
    {
     margin-top: 20px;
      font-size: 50px;
      font-weight: 300;
      line-height: 50px;
    }
    #intro .slogan 
    {
      margin-bottom: 40px;
    }
     
    .section-heading  
    {
     margin-right: auto;
     margin-left: auto;
    }
    .ulbar {
        
        padding-left:0px;
    }
    .ulbar li {
        display: inline-block;
        padding:5px;
        /*border-right:none;*/
       /* background-color: rgba(0,0,0,0.6);*/
    }
    .nav-alt #topnav .ulbar a {
       /* color: #787878 !important;*/
    }
     .nav-alt #topnav .ulbar a:hover {
        color: #FF9500 !important;
    }
    #topnav
    {
      /*background-color: rgba(0,0,0,0.7);*/
    }

    .btn.btn-orange {
      margin-bottom: 10px;

      }
    #intro .network-btn a
    {
        margin-left: 0;
        margin-right: 0;
    }
    #formsearch  
    {
       margin-left: 0;
       margin-right: 0;
    }

.content-box {
    margin-bottom: 5px;
}

/*#header-box .head{
  height:50px !important;
  width:50px !important;
  }*/

#join-training-div {
   /* margin-top: -90% !important;*/
}

}

@media (max-width:720px) {
#join-training-div {
    /*margin-top: -95% !important;*/
}
}
/*@media (max-width:698px) {
#join-training-div {
    margin-top: -100% !important;
}
}
@media (max-width:658px) {
#join-training-div {
    margin-top: -105% !important;
}
}
@media (max-width:635px) {
#join-training-div {
    margin-top: -110% !important;
}
}*/
@media (max-width:610px) {
.slogan h2{
    font-size: 40px !important;
}

#future_date
  {
    padding-top:10px !important;
  }

}
@media (max-width:480px) 
{
  .owl-pagination
  {
    display: none !important;
  }

  .nav-alt .navbar-brand {
   
    height: 65px !important;
    top: -20px !important;
}
.child {
  width: auto;
}
  .curriculum-details.about-modules .text-wrapper
  {
    font-size: 18px !important;
}

.navbar-custom .navbar-brand {
  margin-right:5px;
  margin-left:0px;
  width:146px;
  height:58px;
  background: url(../assets/gebeya-brand1-mini.png) no-repeat 0 50%;

}
.navbar-default .navbar-brand {
  margin-right:5px;
  margin-left:0px;
  width:146px;
  height:58px;
  background: url(../assets/gebeya-brand-mini.png) no-repeat 0 50%;

}
#topnav{
background-color: ##662d91
}
.col-centered-fixed{
     text-align:center; 
     width:100%; 
}

#intro .slogan h2 {
 margin-top: 20px;
  font-size: 30px;
  font-weight: 300;
  line-height: auto;
}

#intro .slogan {
  margin-bottom: 70px;
 }
 #socialshare{
  right:-160px;
  width:200px;
 }


#header-box{
  padding:5px;
}
.content-box{
  padding:8px;
 
}
#header-box .title h2{
font-size:18px;
}
#header-box .desc h3{
font-size:15px;
}
.lets-btn
{
  font-size: 15px !important;  
    padding: 5px !important;
}
/*#join-training-div {
    margin-top: -45% !important;
}*/
.slogan h2{
    font-size: 30px !important;
}
.slogan .header-tagline{
    font-size: 20px !important;
}


}
@media (max-width:400px) 
{
    .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn 
    {
        height: 30px;
        font-size: 12px;
        width: 100% !important; 
        display: inline-block;
        text-align: center !important;
    }
    .lets-btn 
    {
        width: 100% !important;
        font-size: 12px !important;
        height:38px !important;
    }
    .size_lg 
    {
        font-size: 30px !important;
    }
    .displayformat span
    {
      font-size: 11px !important;
    }

    .join-train .title-large h2
    { 
      font-size:18px !important;
    }
    .join-train .desc span
    {
      font-size:14px !important;
    }

  }


@media (max-width:342px) 
{
  section
  { display: block !important }

   /*.join-train .title-large h2
    { 
      font-size:16px !important;
    }
    .join-train .desc span
    {
      font-size:12px !important;
    }*/

}
@media (max-width:320px) {

 .displayformat span
    {
      font-size: 10px !important;
    }

.col-centered-fixed{
     text-align:center; 
     width:100%; 
}
.home-btn
{
  height: 50px !important;
  font-size: 15px !important
}
#intro .logo {
 /*background:url(../assets/logo-mini.png) no-repeat top center; 
 height: 210px;
 width: 233px;
 margin-left: auto;
 margin-right:auto; 
   margin-bottom:50px;*/
   height: 160px !important;
}
#intro .slogan h2 {
 margin-top: 20px;
  font-size: 20px;
  font-weight: 300;
    line-height: auto;
}
#intro .inner-slogan h2 {

  font-size: 40px;

}

#intro .slogan {
  margin-bottom: 40px;
 }


.btn.btn-orange {
  
  height:40px;
  min-width: 150px;
   }

.section-heading h2 {
  font-size: 20px;
   font-weight: 500;
   line-height: auto;
}
.section-heading h3 {
  font-size:15px;
  line-height: 15px;
   margin-bottom:5px;
}
#header-box .title h2{
font-size:15px;
}



}
/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0.8;
  transition-property: opacity;
  /*transition: 0.9s ease-in-out left;*/
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0.8;
  /*z-index: 1;*/
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
 /* z-index: 2;*/
}



/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: rgba(0,0,0,1);
  color: #fff;
  font-size: 10px;
  text-shadow: none;
  margin-top: 238px;
  width: 5%;
  opacity: 1;
  height: 40px;
  padding-top: 13px;

}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: 7px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: 7px !important;
}
#quote-carousel .carousel-control:hover
{
   background: #ff7200;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #ff7200;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

/*.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}*/



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 10px 30px 10px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

/*===================== start icon assets ============================*/
/*, .curriculum-icon [class^="flaticon-"]:after, .curriculum-icon [class*=" flaticon-"]:after*/

.curriculum-icon [class^="flaticon-"]:before, .curriculum-icon [class*=" flaticon-"]:before, .curriculum-icon [class^="flaticon-"]:after, .curriculum-icon [class*=" flaticon-"]:after {   
    font-size: 140px;    
    margin-left: 0px;
}
.icon-wrapper
{
  padding-top: 60px;
    display: inline-block;
}
.icon-wrapper [class^="flaticon-"]:before, .icon-wrapper [class*=" flaticon-"]:before, .curriculum-icon [class^="flaticon-"]:after, .curriculum-icon [class*=" flaticon-"]:after {
    font-size: 100px;
    margin-left: 0px;
}
.icon-wrapper .my-custom-icon
{
   color: #fff!important;
}

.my-custom-icon { color: #e4e4e4; }

.curriculum-more 
{
  font-weight: 500;
  color:#ff7200;
}
.on-hover-class .my-custom-icon, .on-hover-class .service-title h3, .on-hover-class .service-desc p, .on-hover-class .curriculum-more 
{
  /* color: #ff7200!important;*/
     color: #fff!important;
}
.on-hover-class .service-icon
{
   /*background-color: #ff7200!important;*/
  /* filter: invert(100%);*/
}