/*================================================================*/
/*import fonts*/
/*================================================================*/

/*ubuntu*/
@import url(../fonts/ubuntu/stylesheet.css);

/*================================================================*/
/*fonts names*/
/*================================================================*/

/*================================================================*/
/*
font-family: 'ubuntumedium';
font-family: 'ubunturegular';
font-family: 'ubuntubold';
font-family: 'ubuntulight';
*/
/*================================================================*/

/*================================================================*/
/*bgs for test*/
/*================================================================*/
.bg { background: #000; }
.bg2{ background: #f00; }
.bg3{ background: #00f; }
.bg4{ background: #ed0; }
.bg5{ background: #abc; }
.bg6{ background: #cba; }
.bg7{ background: #bac; }

/*================================================================*/
/*puplic*/
/*================================================================*/
.no-left-margin    { margin-left: 0 !important;  }
.no-right-margin   { margin-right: 0 !important;; }
.no-top-margin     { margin-top: 0 !important;;   }
.no-bottom-margin  { margin-bottom: 0 !important;;}
.no-left-padding   { padding-left: 0 !important;; }
.no-right-padding  { padding-right: 0 !important;;}
.padding-top-70    { padding-top: 70px; }
 

a, button {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover , button:hover{ text-decoration: none; }
a{outline:none !important;  }
a:focus , a:visited , a:active{ color: none; text-decoration: none; border: 0; outline: 0; }

/*header*/

.btn:active , .btn:focus{ outline: 0; }

.tran-moz{
     -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.tran-moz:hover{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
 
*
{
    margin: 0;
    padding: 0;
}

body
{ 
    margin: 0;
    padding: 0;
    color: #000;
    font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
    font-size: 100%; /*eq=16px;*/
/*    overflow-x: hidden;*/
     
}

.wrapper
{
    padding: 50px 0;
}


/*header*/
 
 
.header .menu ul
{
    margin: 0; 
    padding: 0;
}
.header .menu ul li {
text-align: center;
color: #fff;
padding: 0;
}

.header .menu ul li:last-child {
margin-right: 0;
}

.header .menu ul li a {
 display: block;
     font-size: 16px; 
    color: #fff;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
    text-align: center;
     padding: 42px 5px 32px 5px;
     
}

.header .menu ul li .underlinebox {
/*background-color: #ec782d;*/
background-color: #fff;
width:0%;
height: 2px;
display: block;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-ms-transition: all 300ms;
-o-transition: all 300ms;
margin-top: 15px;
    text-align: center;
    margin: auto;
    margin-top: 6px;
 }


.header .menu ul li.active .underlinebox
{
    width: 100%;
    height: 2px;
  -webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;  
}
.header .menu ul li:hover .underlinebox {opacity: 1; width: 100%;}
.header .menu ul li a:hover   {color: #eee;}
.header .menu ul li.spe-div
{
    padding: 0 8px; 
    font-size: 20px;
}

/*********slider*/
.home-bg
{
    width: 100%;
    height: 650px;
    background: #f7931e;
    background: url(../img/home-bg.jpg) no-repeat;
    background-size: cover;
    padding-top: 170px;
 }

.home-bg-title
{
    color: #fff;
    font-size: 6.4em;
    font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
}

.home-bg  .home-bg-sub-title
{
    color: #fff;
}
.home-bg-sub-title
{
    color: #000;
     font-size: 4em;
font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
    margin: 0;
}

.home-bg .home-bg-title 
{
    font-family: 'ubunturegular',Arial,Helvetica,sans-serif;
}
.search-box input
{
    height: 50px;
    width: 100%;
    border: 0; 
    font-size: 14px;
    border: 1px solid #fff;
    box-shadow: none;
}



.search-box input.form-control:focus , .search-box input.form-control:hover {
border-color: #999;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(7, 7, 7, 0.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(7, 7, 7, 0.2);
 }


.search-box  .btn-search
{
      
 font-size: 18px;
color: #000;
font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
padding: 8px 50px;
background: #f2f2f2;
border: 0 !important;
border-radius: 1;
height: 50px;
     
}


.btn-enroll {
font-size: 16px;
color: #fff;
font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
padding: 6px 15px;
background: none;
/*
border: 1px solid #ec782d;
 background: #ec782d;
*/
  
 border: 1px solid #fff;
 background: none;
    
}

.btn-enroll:hover
{
  border-color: #fff;  
}

.search-box  .btn-search:hover
{
  background: #555;
    color: #fff;
    
}


.search-box-cont .search-box 
{
    margin-top: 30px;
}
 
/*home-about-us*/
.home-about-us
{
    padding: 70px 0;
}

.home-about-us-txt
{
font-size: 15px;
    line-height: 28px;
    padding: 60px 15px;
     
}

.more-link
{
     color: #f7941d;
    font-family: 'ubunturegular';
}

.more-link span
{
    color: #000;
    font-family: 'ubunturegular';
}

.more-link:hover ,.more-link:hover span
{
    color: #999;
}


.btn-default {
background: #fff;
border: 1px solid #767676;
font-size: 18px;
color: #000;
font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
padding: 10px 50px;
width: 200px;
}

.btn-default:hover
{
    color: #fff;
    background: #f7941d;
    border-color: #f7941d;
 }

/*our-srv*/
.our-srv
{
    background: #f2f2f2;
    padding: 70px 0 60px 0;
}

.srv-box
{
   border: 1px solid #fefefe;
border-radius: 2px;
padding: 30px 30px 10px 30px;
text-align: center;
transition: all 300ms;
background: rgba(255,255,255,0.5);
       -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

.srv-box:hover
{
 border: rgba(255,153,0,1) solid 1px;
    
}



svg polygon , svg path , svg polyline
{ 
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    stroke:#000;
}
 


.srv-box:hover svg polygon ,.srv-box:hover svg path   , .srv-box:hover  polyline
{ 
       -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    stroke: #f7941d; 
}
 
.srv-box:hover  h3
{
     color: #f7941d;
}

.srv-ico
{
    height: 80px;
    width: 100%;
 }

 a.srv-link
{
    display: block;
}
 

.srv-title
{
   font-family: 'ubuntumedium',Arial,Helvetica,sans-serif;
    font-size: 16px;
    color: #919191;
        -webkit-transition: all .6s;
    -moz-transition: all .6s;
transition: all .6s;
    text-align: center;
}

.srv-box-more
{
    padding: 30px 30px 10px 30px;
}

.srv-box-more .srv-ico img
{
    height: 80px;
    width: 80px;
}

.srv-box-more:hover .srv-box-more
{
 color: #f7941d;
       -webkit-transition: all 2s;
    -moz-transition: all 2s;
    transition: all 2s;
}

/***************/
.testimonial
{
  background: #fff;
padding: 70px 0 60px 0;  
}
.partners {
background: #f2f2f2;
padding: 70px 0 60px 0;
}

.partners ul
{
    margin: 0;
    padding: 0;
    margin-top: 20px;
}


.partners ul li a img ,.vision-footer img
{
    

-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(grayscale.svg);
filter: gray;
    
     
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    
    
}


.partners ul li a:hover img  , .vision-footer:hover img{
 
    
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: url(grayscale.svg);
filter: gray;
    
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

 
/*footer*/
.footer
{
    padding: 70px 0 0 0;
    background: #333333;
    color: #fff;
    font-size: 15px;
}

.vision-footer 
{
    padding: 100px 0;
}

.footer-title
{
    font-family: 'ubunturegular';
    color: #f5911e;
    font-size: 16px;
}
.footer ul , .footer-txt
{
    margin: 0; 
    padding: 0;
    list-style-type: none;
    margin-bottom: 30px;
}

.footer a
{
    color: #fff;
}

.footer ul li a
{
    display: block;
}

.footer a:hover
{
  color: #f7941d;  
}

.img-list li
{
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 0px;
    background: #000;
    
}

.img-list li:nth-child(3n)
{
    margin-right: 0;
}

.img-list li a
{
    display: block;
    height: 48px;
    width: 48px;
    overflow: hidden;
    background: #fff;
}

.img-list li a img
{
    display: block;
    height: 48px;
    width: 48px;
 
}

.img-list li a:hover
{
    opacity: .6;
}

.img-list li a.album-more
{
  color: #fff;
    background: #333333;
    border: 2px solid #666;
    font-size: 24px;
    text-align: center; line-height: 48px;
    vertical-align: middle;
}

.img-list li a.album-more:hover
{
 color: #666;
    background: #353535;
}

.footer ul.default-list
{
    margin-top: 36px;
}

.bot-footer
{
    background: #1a1a1a;
    width: 100%; 
    height: 50px;
 }



.bot-footer p
{
    margin: 0; 
    color: #666;
    vertical-align: middle;
    line-height: 50px;
 }

.sm-list
{
     list-style-type: none;
    margin: 0;
    padding: 0;
     margin-bottom: 0 !important;
float: right;
        
}

.sm-list li
{
    display: inline-block;
    padding: 0;
 }

.sm-list li a
{
    display: block;
    width: 28px;
    height: 28px;
    border: 1px solid #333;
    color: #aaa;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
     margin-top: 11px;
    border-radius: 2px;
 
}


.sm-list li a:hover
{  color: #999;
   border-color: #666;
    
}

.sky-carousel .sc-content-wrapper
{
    width: 100%;
}

.testimonial-title
{
    font-size: 16px;
    text-align: center;
}

.sky-carousel .sc-content-wrapper h2 {display: none;}
 .sky-carousel .sc-content-wrapper p {
	color: #000 !important; 
	font-size: 1.5em !important; 
 	margin: 0;
	padding: 0;
    font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
    line-height: 28px;
    padding: 15px;
    text-shadow: none !important;

}

.sky-carousel .sc-content-wrapper h2  a.more-link , .sky-carousel .sc-content-wrapper p  a.more-link 
{
    color: #f7941d !important;;
    font-family: 'ubunturegular' !important;;
    text-decoration: none !important;;
    border: 0 !important;;
}


.sky-carousel .sc-content-wrapper h2  a.more-link:hover
{
  color: #999;
}


 
.sky-carousel .sky-carousel-container li img
{
    
      -ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(grayscale.svg);
filter: gray;  
    
     filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    
    
    
}

 

.sky-carousel .sky-carousel-container li.sc-selected img {
 -ms-transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
transition: all .5s;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: url(grayscale.svg);
filter: gray;
    
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
 
    filter: none; /* Applies to FF + IE */
	-webkit-filter: grayscale(0);
    
}

/*fixed header*/
   
header {
  width: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
   -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; 
}
 

header .sm-logo   , header.smaller .logo-img
{
    display: none;
}

header.smaller .sm-logo  , header .logo-img
{
    display: inline-block;
    
}


header.smaller .sm-logo 
{
     width: 100%;
}
 

header.smaller 
{
 border-bottom: 2px solid #eee;
    background: #fafafa;
}

header.smaller .logo 
{  
    
   width: 40px;
   -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;    
}

header.smaller .menu ul li a 
{
    padding: 21px 5px 0px 5px;
    color: #666;
 }

.header.smaller  .menu ul li.active .underlinebox , .header.smaller  .menu ul li .underlinebox , 
.header-inner  .menu ul li.active .underlinebox , .header-inner  .menu ul li .underlinebox
{
    background-color: #ec782d;
}

.header.smaller .menu ul li a:hover  ,
.header-inner .menu ul li a:hover 
{
color: #000;
}

.click-search
{
    cursor: pointer;
   margin-top: 5px;
}


.click-search svg
{
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    
}

.click-search svg path  
{
    fill:#fff;
    
}


.header .menu ul li a.click-search:hover  svg path 
{
    fill:#333;
    
}

.vision-footer-xs
{
    display: none;
}

.header.smaller .click-search svg path , 
.header-inner .click-search svg path
{
fill: #666;
}


 
.header.smaller .btn-enroll , 
.header-inner .btn-enroll {
font-size: 16px;
color: #888;
font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
padding: 6px 15px;
background: none;
border: 1px solid #b2b2b2;
background: none;
     margin-top: -3px;
}


.header.smaller .btn-enroll:hover , 
.header-inner .btn-enroll:hover  
{
color: #fff;
background: #f7941d;
border-color: #f7941d;
   
 }


.logo-left , .logo-txt
{
display: table-cell;
vertical-align: middle;
}
 
 .logo-txt-hide
{
display: none;
}
 

.header.smaller  .logo-txt
{
display: table-cell;
    -moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}


.vision
{
    font-size: 15px;
    font-family: 'ubuntulight';
    text-transform: uppercase;
    position: relative;
    top: 1px;
    color: #333;
}

.vision b{
    font-family: 'ubuntubold';
}


.logo-left
{
    
padding:18px 0;
     -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
    width: 70px;
    
    
}

.header.smaller .logo-left
{
    width: 40px;
       -webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

 .header.smaller .menu ul li.spe-div ,
 .header-inner .menu ul li.spe-div
{
    color: #666;
}


.bot-footer
{
    background: #1a1a1a;
    width: 100%; 
    height: 50px;
     margin-top: 70px;
}



.header-inner .menu ul li:last-child a
{
    padding-right: 0;
}

/*================================================================*/
/*  inner pages */
/*================================================================*/
.header-inner
{
border-bottom: 2px solid #eee;
    background: #fff;
}

.header-inner .menu ul li a {
 color: #666;
}

.inner-page-cont
{
margin-top: 110px;

}

 .h1-title
{
font-size: 3.5em;
color: #000;
font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
margin: 0;
}

 

.horz-line
{
width: 100%;
border-bottom: 1px solid #f1f1f1;
}

.checkbox-warning input[type="checkbox"]:checked + label::before {
background-color: #f0ad4e;
border-color: #f0ad4e;
}


/*================================================================*/
/*  course filter */
/*================================================================*/
.filter
{
    padding-left: 0;
    
}

.filter-rs 
{
    padding-right: 0;
    overflow: hidden;
}

.course-filter-box
{
    padding: 40px 0;
}

.filter-box
{
    border-right: 2px solid #e5e5e5;
    padding-right: 30px;
}

.filter-header h3
{
    font-family: ubunturegular;
    margin-bottom: 5px;
    margin-top: 25px;
    
}

.filter-header p
{
    font-family: ubunturegular;
    font-size: 15px;
    
}

.filter-header
{
    border-bottom: 2px solid #e5e5e5;
    margin:0 30px 0px 0px;
    padding-left: 20px;
    padding-bottom: 5px;
}

.filter-segment
{
    
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}



.filter-segment:last-child
{
    
    border-bottom: 0px solid #e5e5e5;
}


.filter-segment h4
{
    font-family: 'ubunturegular';
    padding-left: 20px;
    margin-top: 30px;
}

.filter-segment .num
{
    float: right;
    padding-right: 10px;
}

.filter-segment .checkbox label
{
    display: block;
    font-size: 15px;
    font-family: 'ubuntulight';
    padding-left: 35px;
}



.filter-segment  .checkbox label::after , 
.filter-segment .checkbox label::before
{
    top: 2px !important;
    left: 30px !important;
}

.filter-segment  .checkbox input[type="checkbox"]
{
margin-left: 15px;
}



.filter-segment .checkbox.active
{
    background: #f8a84b;
    padding: 1px 0 1px 20px;
 }
    .filter-segment .checkbox
    {
    padding: 1px 0 1px 20px;
    }


.filter-segment .checkbox.active label
{
    color: #fff;
}


.checkbox input[type="checkbox"]:focus + label::before
{
    outline: none !important;
}



.filter-box .adv-segment
{
 margin-top: 30px; 
 padding-bottom:30px;
}


/****************************************/
.filter-rs
{
    margin-top: 30px;
}


.search-course-box input
{
    height: 50px;
    border-radius: 0;
}

.search-course-btn
{
padding-left: 30px;
    padding-right: 0px;
}




.search-course-btn .btn-search {
background: #fff;
border: 1px solid #f7941d;
font-size: 18px;
font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
 width: 100%;
color: #fff;
background: #f7941d;
    text-align: center;
    height: 50px;
    border-radius: 0;
}

.search-course-input 
{
    padding-left: 0;
    padding-right:0px;
}

.search-course-btn .btn-search:hover
{
    background: #fff;
    color: #000;
}


.filter-rs .media-left
{
   width: 170px;
    height: 120px;
    padding-right: 0;
}
 


.course-img
{
      width: 170px;
    height: 120px;
    border: 2px solid #e5e5e5;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    display: table-cell;
}


.course-img img
{
    max-width: 100%;
}
 
.filter-rs .media
{
    margin-top: 40px;
}


.filter-rs .media-body
{
padding-left: 25px;
}

.filter-rs .media-body .media-heading , 
.filter-rs .media-body .media-heading a
{
    font-family: 'ubunturegular';
    margin-bottom: 10px;
    color: #000;
}



.filter-rs .media-body .media-heading:hover , 
.filter-rs .media-body .media-heading:hover a
{
    color: #f7941d ;
}


.filter-rs .media-body p
{
    font-size: 14px;
    color: #666;
    line-height: 23px;
}

.course-det-img
{
    margin-right: 5px;
}

.course-det
{
    color: #808080;
    font-size: 16px;
    margin-top: 15px;
}

.course-by , 
.course-duration
{
    
    margin-right: 15px;
}


    .course-det-btn
    {
        padding: 4px 20px;
        border: 1px solid #f6921e;
        float: right;
        color: #000;
        font-size: 14px;

    }



    .course-det-btn:hover
    {
         background: #f6921e;
        color: #fff;
    }

.ajax-loading 
{
    display: block;
    margin: 50px;
    
}

.ajax-loading  span
{
    color: #999;
    display: block;
    font-size: 14px;
padding: 10filter-rspx;
}


/*================================================================*/
/*  course Details */
/*================================================================*/
.breadcrumb-box {
 
width: 100%;
    height:330px;
background: #cfdee7;
overflow: hidden;
position: relative;
    background-color: rgba(0,0,0,.6);
 }


.breadcrumb-box-img {
width: 100%;
height: 100%;
margin: auto;
}

.breadcrumb-box-content {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
text-align: left;
background: rgba(63,169,245,.9);  
    color: #fff;
}


.breadcrumb-box-content h1 {
 margin-bottom: 10px;
}

.breadcrumb-box-content h2
{
    margin-top: 0;
    margin-bottom: 10px;
}
.breadcrumb-box-content .breadcrumb {
background: none;
    text-align: left;
    float: left;
    display: inline-block;
    font-size: 12px;
    padding-left: 5px;
    padding-top: 30px;
}

.breadcrumb-box-content .breadcrumb > li.active {
 color: #fff;
}

.breadcrumb-box-content .breadcrumb li a {
color: #fff;
font-size: 12px;
}

.breadcrumb-box-content .breadcrumb li a:hover {
color: #f7941d;
 }



.breadcrumb-box-content .breadcrumb li
{
    font-size: 12px;
}

.breadcrumb-title
{
display: inline-block;
text-align: left;
float: left;
    padding: 30px 0px 8px 15px;
margin-bottom: 20px;
    font-size: 14px;
        font-family: 'ubuntubold';
    color: #fff;
}


.breadcrumb-box-content .media
{
    padding:30px 30px 100px 150px;
    
}

.breadcrumb-box-content .media-left ,
.we-partner .media-left
{
    padding-right: 0;
}

.breadcrumb-box-content .media-body
{
    padding-left: 25px;
}

.breadcrumb-box-content .course-img ,
.we-partner  .course-img  {
width: 130px;
height: 120px;
border: 1px solid #fff;

}

.about-course
{
 
    padding: 40px 15px 100px 0;
    font-size: 16px;
    color: #333333;
    line-height: 27px;
}

.about-course p
{
    margin-bottom: 40px
}


.top-title
{
    font-size: 16px;
    margin-bottom: 10px !important;
   
}
 
.orange
{
     color: #f7941d;
}

.course-outline
{
    padding-left: 40px;
    margin-bottom: 40px;
}

.course-outline li
{
    /*content: "• ";*/
    padding-left:24px;
    background:url(icon2.png) no-repeat 0px 7px;
    background-size:12px 12px;
}

.coures , .coures-head th
{
    font-weight: 100;
}

.related-co-title
{
   margin-top: 80px;  
}

.related-co
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding-left: 10px;
}

.related-co li a
{
    color: #333;
    padding: 3px 0;
    display: inline-block;
}

.related-co li a:hover
{
     color: #f7941d;
}

.we-partner
{
    background: #808080;
    padding: 50px 15px;
    text-align: center;
}

.we-partner .media-left
{
    display: block;
}


.we-partner .course-img-box
{
    width: 120px;
    margin: auto;
}

.we-partner-body
{
padding-top: 30px;
    color: #fff;
}

.about-course-sidebar  
{
    padding-right: 0;
    margin-top: 40px;
}

.about-course-sidebar-box
{
    padding:  0px 0px 100px 30px;
}

.we-partner-body a
{
    color: #fff;
}


.we-partner-body a:hover
{
    color: #f7941d;
}

.about-course-sidebar-box
{
 border-left: 1px solid #f2f2f2;
}

.join-course
{
    background: #f7941d;
    color: #fff;
    font-size: 22px;
    display: block;
    padding: 8px 12px;
    text-align: center;
    border: 1px solid #f7941d;
}


.join-course:hover
{
    background: #fff;
    color: #333;
    border-color: #f7941d;
 }


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

.sidebar-title
{
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 2px solid #f7941d;
}

.sidebar-list li
{
   margin-top: 15px;  
}


.sidebar-list li a
{
    color: #000;
    font-size: 16px;
    display: block;
}



.sidebar-list li a:hover ,
.help-box h3 a:hover {
color: #f7941d;
}


.help-box-img
{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}

.help-box h3 a
{
    font-family: 'ubuntubold';
    color: #000;
}

.help-box
{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}


#back-top {
position: fixed;
bottom: 30px;
right: 50px;
}



#back-top a {
width: 32px;
display: block;
text-align: center;
font: 11px/100% Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-decoration: none;
color: #bbb;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;
}



#back-top span {

margin-bottom: 10px;
font-size: 14px;
text-transform: none;
text-align: center;
    display: block;
outline: 0;
padding: 0;
margin: 0;
width: 40px;
height: 40px;
border-radius: 50%;
z-index: 2;
cursor: pointer;
color: #000;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: background-color .3s ease-in-out,opacity .3s ease-in-out;
-moz-transition: background-color .3s ease-in-out,opacity .3s ease-in-out;
-ms-transition: background-color .3s ease-in-out,opacity .3s ease-in-out;
-o-transition: background-color .3s ease-in-out,opacity .3s ease-in-out;
transition: background-color , color .3s ease-in-out,opacity .3s ease-in-out;

}


#back-top a:hover span
{
    color: #f7941d
}

 

/*================================================================*/
/* trainer */
/*================================================================*/
 

.trainers-find
{
    margin: 60px 0 40px 0;
}

.find-form
{
    background: #f6921e;
    color: #fff;
    padding: 40px;
}

.u-trainer
{
background: #666666;
    color: #fff;
    padding: 40px;
    text-align: center;
}

.find-form h1
{
    margin: 0;
}


.search-trainer-input  input
{
    border-radius: 0;
    height: 50px;
    color: #666;
    margin: 40px 0 20px 0;
}

.trainer-search-btn {
height: 50px;
width: 50px;
 
color: #989898;
background: #cbcbcb;
font-size: 28px;
padding: 0;
text-align: center;
line-height: 50px;
border-radius: 0;
}


.search-trainer-input  .form-group
{
    position: relative;
}

 
.search-trainer-input  .dropdown
{
    position: absolute;
    top: 0;
    right: 0;
    outline: 0;
}


.dropdown:focus ,
.dropdown .btn:focus ,
.dropdown:active,
.dropdown .btn:active
{
    outline: 0;
}

 
.search-trainer-input  .dropdown .dropdown-menu {
 right: -1px;
left: initial;
    border-radius: 0;
    top: 50px;
    
}

.search-trainer-input .dropdown-menu > li > a:hover, .search-trainer-input .dropdown-menu > li > a:focus {
text-decoration: none;
color: #fff;
background: #f8a84b !important;
}


.u-trainer a
{
color: #f6921e;
    font-size: 21px;
    display: inline-block;
    text-align: center;
    padding: 18px 0;
}

.u-trainer a:hover
{
    color: #fff;
}


.trainer-names
{
    padding: 0;
}

.trainer-names-boxs
{
 margin: 0 -15px; 
    overflow: hidden;
}

.trainer-name-img-cont
{
    
    width: 100%;
    height: 190px;
    background: #f1f1f1;
    padding-top: 15px;
}


.trainer-name-img
{
    border: 1px solid #ddd;
    width: 165px;
    height: 165px;
    overflow: hidden;
    border-radius: 50%;
    margin: auto;
}

.trainer-name-box
{
    border: 1px solid #f8f8f8;
    margin-bottom: 60px;
    position: relative;
    background: #fff;
    transition:  all .5s;
    
   
}

.trainer-name-box:after
{
    transition:  all .5s;
}
  
.trainer-name-box:hover 
{
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.trainer-name-box:hover .trainer-name-box:before, .trainer-name-box:hover .trainer-name-box:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.trainer-name-box:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}


.trainer-name
{
    font-size: 21px;
    color: #f6921e;
    text-align: center;
    padding: 50px 30px 30px 30px;
    margin: 0;
}


.trainer-job-title
{
    padding:0 30px;
    color: #333;
    font-size: 16px;
    text-align: center;
}

.his-exp
{
    display: block;
    height: 50px;
    text-align: center;
    background: #f1f1f1;
    color: #000;
    font-size: 18px;
    line-height: 50px;
    margin-top: 50px;
}



.his-exp img
{
    margin-left: 20px;
}


.his-exp:hover
{
    color: #f6921e;
}





/*================================================================*/
/* about */
/*================================================================*/
 

.about-vision .home-about-us-txt
{
padding-left: 0;
    padding-right: 0;
    line-height: 29px;
}


.my-v-img
{
    
      width: 270px;
  height: 230px;
   vertical-align: middle;
  text-align: center;
  overflow: hidden;
  display: table-cell;
    background: #f6921e;
    color: #fff;
    padding-right: 0;
}

.my-vision .media-body
{
    
    padding: 70px 15px 70px 70px;
    font-size: 15px;
    line-height: 26px;
}


.my-vision .media
{
  border: 1px solid #f5f5f5; 
    margin-top: 30px;
}

.general-about
{
    margin-top: 50px;
    padding: 0;
}

.manager-img
{
    border: 1px solid #f5f5f5;
}

.about-vision
{
    padding-bottom: 40px;
}


.left-srv
{
margin-top: 50px;
}


.left-srv .srv-box 
{
    border: 0;
}

.left-srv .srv-box:hover
{
    border: 0;
}


.left-srv .srv-box svg polygon,  .left-srv .srv-box svg path,.left-srv .srv-box polyline
{
      stroke: #f7941d;
}

.left-srv .srv-title {
  font-family: 'ubuntulight',Arial,Helvetica,sans-serif;
  font-size: 16px;
  color: #333;
}


.left-srv .srv-box:hover svg polygon,.left-srv .srv-box:hover svg path, .left-srv .srv-box:hover polyline {
  stroke: #333;
}


.gen-m-txt
{
color: #333;
}

.gen-txt
{
font-size: 15px;
    color: #000;
    line-height: 26px;
    margin-top: 30px;
}

.custosmer
{
margin-top: 50px;
}

.custosmer .custosmer-imgs 
{
     margin-top: 30px;
}


.custosmer-img
{
    background: #666;
    margin-bottom: 30px;
    width: 100%;
    height: 150px;
    border: 1px solid #f5f5f5;
    overflow: hidden;
}
#divDetails p:empty
{
    display:none;
}
#divDetails br + br,.PortfolioTitle
{
    display:none;
}

.btnServiceType
{
    text-align:left;
    margin-bottom:24px;
    height:60px;
    line-height:60px;
    padding-bottom:0px;
    padding-top:0px;
    border-radius:0px;
}
.btnServiceType:hover,.btnServiceType.active
{
    background-color:#fff;
    color:#000;
    border-color:#f7941d;
    outline:none;
}
.OrangeTitle
{
    color:#f7941d;
    font-size:20px;
    margin-top:20px;
    margin-bottom:20px;
}
.Portfolio h3
{
    color:#000; font-weight:bold; font-size:16px;
}
.srv-link .active
{
    border-color:#f7941d !important;color:#f7941d !important;
}