*{
    padding: 0;
    margin: 0;
}
/*Aileron font*/
@font-face {
    font-family:aileronFontLight;
    src: url(../fonts/Aileron-Light.otf)
}
@font-face {
    font-family:aileronFontBold;
    src: url(../fonts/Aileron-Bold.otf)
}
@font-face {
    font-family:aileronFontSemiBold;
    src: url(../fonts/Aileron-SemiBold.otf)
}
@font-face {
    font-family:aileronFontRegular;
    src: url(../fonts/Aileron-Regular.otf)
}
/*Aileron font*/
body{
    overflow-x: hidden;
    font-family: aileronFontLight;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialised !important;
}

li{
    list-style: none;
    display: inline-block;
}

a{
    text-decoration: none;
    transition: all 500ms ease-in-out;
    display: inline-block;
}

a:hover,
a:active{
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5{
    font-family: aileronFontRegular;
    font-weight: 700;
}

p{
    font-size: 15px;
    line-height: 21px;
}
.btn{
    transition: all 300ms ease-in-out;
    font-weight: 500 !important;

}
.btn:hover{
    background-color: #ededed !important;
    color: #3c3c3c !important;
    border: 1px solid #fff !important;

}
/*buzen-top*/
.buzen-top{
    padding: 10px 0px;
    background: #ff5f33;
    color: #ffffff;
    text-align: left;
}
.buzen-top i{
    margin-left: 0px;
}
.buzen-top .col-md-8 b{
    margin-left: 10px;
    margin-right: 5px;
}
.buzen-top .col-md-4{
    text-align: right;
}
.buzen-top .col-md-4 i{
    margin-left: 10px;
}
.buzen-top .col-md-4 b{
    margin-left: 10px;
    margin-right: 0px;
}
@media (max-width: 480px) {
    .buzen-top .col-md-8 b{
        margin-left: 20px;
        font-size: 13px;
    }
    .buzen-top .col-md-8 .fa-envelope{
        position: absolute;
        bottom: 3px;
    }
}
/*buzen-top*/
.navbar{
    background: none;;
    border: none;
    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    position: absolute;
    width: 100%;
    z-index: 10000;
}
.navbar .navbar-brands{
    font-size: 40px;
    margin-left: 100%;
    color: #ff5f33 !important;
}
.navbar-brands img{
    height: 55px;
}
.navbar ul{
    margin-right: 10%;
}
.navbar a{
    color: #ffffff !important;
    font-weight: 600;
    margin-left: 30px;
    text-align: center;
    font-family: aileronFontLight;
}
.navbar a .active{
   color: #ff5f33 !important;
   font-weight: 600;
   background: #ffffff !important;
   border-radius: 10px;
}
.navbar .active,
.navbar a:hover{
    color: #ff5f33 !important;
    font-weight: 600;
    background: #ffffff !important;
    border-radius: 10px;
}

.navbar a i{
    margin-right: 10px;
    font-size: 20px;
    margin-top: 6px;
}
/*searcg button*/
.navbar .search-form .form-group {
    float: right !important;
    transition: all 0.35s, border-radius 0s;
    width: 32px;
    height: 30px;
    background: none;
    box-shadow:none;
    margin-top: -6px;
}
.navbar .search-form .form-group input.form-control {
  padding-right: 20px;
  border: none !important;
  background: transparent;
  box-shadow: none;
  display:block;
  color:#fff;
}
.navbar .search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
    color: #ffffff;
    font-size: 15px;
}
.navbar .search-form .form-group input.form-control:-moz-placeholder {
  /* Firefox 18- */
    display: none;
    color: #ffffff;
    font-size: 15px;
}
.navbar .search-form .form-group input.form-control::-moz-placeholder {
  /* Firefox 19+ */
    display: none;
    color: #ffffff;
    font-size: 15px;
}
.navbar .search-form .form-group input.form-control:-ms-input-placeholder {
    display: none;
    color: #ffffff;
    font-size: 15px;
}
.navbar .search-form .form-group:hover,
.navbar .search-form .form-group.hover {
    width: 100%;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #ffffff;
}
.navbar .buzen-form:hover{
    background: none !important;
}
/*searcg button*/
.shrink{
    top: 0px;
    margin-top:0px;
    position: fixed;
    color: #ffffff;
    background: #ff5f33;
    z-index: 1000;
}

.shrink .navbar-brands{
    color: #ffffff !important;
    background-color: #ffffff;
    border-radius: 10px;
}
.shrink a:hover i{
    color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1024px) {
    .navbar ul{
        margin-left: 0%;
        margin-right: 0px;
    }
    .navbar a{
        margin-left: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar .navbar-brands{
        margin-left: 10%;
    }
    .navbar ul{
        margin-left: 0%;
        margin-right: 0px;
        width: auto;
    }
    .navbar a{
        margin-left: 0px;
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .navbar{
        background: rgba(0,0,0,0.6);
    }
    .shrink{
        top: 0px;
        background: #ff5f33;
        z-index: 1000;
    }
    .navbar .navbar-toggle{
        border: none!important;
        background: none !important;
        border-radius: 0;
        margin-top: 5px;
    }
    .navbar .navbar-collapse{
        background: rgba(0,0,0,0.99);
        border: none;
        box-shadow: none;
    }
    .navbar .navbar-toggle .icon-bar{
        background: #ffffff;
    }
    .navbar .navbar-toggle:hover,
    .navbar .navbar-toggle:focus{
        background: #ffffff;
    }
    .navbar .navbar-header a{
        margin-left: 20px;
        color: #ff5f33;
        font-size: 30px;

    }
    .navbar ul{
        text-align: left;
        margin-left: 0px;
        margin-right: 0px;
    }
    .navbar .btn{
        margin-left: 50px;
        width: 50%;
    }
    .navbar a{
        text-align: left;
    }
    .shrink .navbar-brands{
        color: #ffffff !important;
    }
}
/*end of navbar*/
/*.buzen-header*/
.buzen-header{
    background-size: cover;
    color: #ffffff;
}
.buzen-header h2{
    margin-top: 10%;
    font-size: 45px;
    text-transform: uppercase;
    color: #ff5f33;
    width: 45%;
    padding: 20px 20px;
    background: rgba(27,27,27,.6);
}
.buzen-header h2 b{
    font-weight: 600;
    color: #ffffff;
}
.buzen-header h4{
    width: 45%;
    background: rgba(255,255,255,.4);
    padding: 10px 20px;
    color: #1b1b1b;
    letter-spacing: .5px;
    font-size: 20px;
}
.buzen-header .btn{
    background: #ff5f33;
    font-size: 20px;
    width: 15%;
    border: none !important;
}
.buzen-header .btn:hover{
    background: #ffffff!important;
    color: #ff5f33!important;
}
@media (min-width: 992px) and (max-width: 1024px) {
    .buzen-header{
        background-position: center center;
    }
    .buzen-header h2{
        width: 70%;
    }
    .buzen-header h4{
        width: 55%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .buzen-header{
        background-position: center center;
    }
    .buzen-header h2{
        width: 80%;
        margin-top: 0px;
    }
    .buzen-header h4{
        width: 72%;
    }
}
@media (max-width: 767px) {
    .buzen-header{
        background:  linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 40%, rgba(0, 0, 0, .6) 100%), url("../images/education.jpg")fixed no-repeat;
        background-position: center center;
        height: auto;
        text-align: center;
        height: 350px;
        padding: 50px 0px;
    }
    .buzen-header .carousel{
        visibility: hidden;
    }
    .buzen-header h2{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 19px;
        margin-top: 0px;
    }
    .buzen-header h4{
        width: 70%;
        font-size: 13px;
        margin-left: auto;
        margin-right: auto;
    }
    .buzen-header .btn{
        width: 50%;
    }
}
/*.buzen-header*/
/*buzen-works*/
.buzen-works{
    padding: 100px 0px;
    background:  linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, .9) 100%), url("../images/background2.jpg") no-repeat;
    background-position: top;
    background-size: cover;
}
.buzen-works h2{
    margin-top: 0px;
    text-align: center;
    font-size: 60px;
    color: #1b1b1b;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.buzen-works h2 b{
    color: #ff5f33;
}
.buzen-works p{
    font-size: 17px;
    width: 50%;
    color: #1b1b1b;
    font-family: aileronFontRegular;
    letter-spacing: .4px;
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 40px;
}
.buzen-works .panel{
    border: none !important;
    padding-bottom: 10px;
    background: #efefef;
}
.buzen-works .panel a,
.buzen-works .panel img{
    border-top-left-radius: inherit !important;
    border-top-right-radius: inherit!important;
}
.buzen-works .my-row img{
    max-height: 220px !important;
    min-height: 220px !important;
}

.buzen-works .panel p{
    width: auto;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 10px;
    min-height: 3em !important;
    max-height: 3em !important;
    overflow: hidden;
}
.buzen-works .panel-primary{
    padding: 0px;
    background: none;
    cursor: pointer;
}
@media (max-width: 767px) {
    .buzen-works  h2{
        font-size: 50px;
    }
    .buzen-works p{
        width: 90%;
    }
}
/*buzen-works*/
/*buzen-partners*/
.buzen-patners{
    padding: 100px 0px;
}
.buzen-patners h2{
    margin-top: 0px;
    text-align: center;
    font-size: 60px;
    color: #1b1b1b;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.buzen-patners h2 b{
    color: #ff5f33;
}
.buzen-patners p{
    font-size: 17px;
    width: 70%;
    color: #1b1b1b;
    font-family: aileronFontRegular;
    letter-spacing: .4px;
    line-height: 25px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 40px;
}
.buzen-patners h5{
    text-align: center;
    font-family: Castellar;
    font-size: 30px;
    font-weight: 500;
    padding: 5px;
    border: 1px solid #1b1b1b;
    color: #1b1b1b;
}
@media (min-width: 992px) and (max-width: 1024px) {
    .buzen-patners h5{
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    .buzen-patners  h2{
        font-size: 50px;
    }
    .buzen-patners p{
        width: 90%;
    }
    .buzen-patners h5{
        font-size: 28px;
    }
}
/*buzen-partners*/
/*buzen-together*/
.buzen-together{
    padding: 20px 0px;
    background: #ff5f33;
    color: #ffffff;
    text-align: center;
}
.buzen-together h5{
    font-size: 20px;
    font-weight: 500;
    text-align: left;
}
.buzen-together .btn{
    background: #353535;
    width: 60%;
    font-size: 20px;
    border: none !important;
    color: #ffffff;
    font-family: aileronFontRegular;
    text-transform: uppercase;
}
.buzen-together .btn:hover{
    background: #ffffff !important;
    color: #ff5f33 !important;
}
@media (min-width: 768px) and (max-width: 991px) {
    .buzen-together h5{
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .buzen-together h5{
        text-align: center;
    }
}
/*buzen-together*/
/*footer*/
.buzen-footer{
    padding: 50px 0px 30px;
    color: #ffffff;
    background: url(../images/bg-map-dot.jpg) no-repeat;
    background-size: cover;
}
.buzen-footer h2{
    margin-top: 0px;
    font-size: 60px;
    color: #ff5f33;
}
.buzen-footer p{
    font-size: 13px;
    margin-bottom: 0px;
    font-family: aileronFontRegular;
    line-height: 25px;
    letter-spacing: .4px;
    text-align: left;
}
.buzen-footer h4{
    color: #ff5f33;
    font-size: 25px;
    text-transform: capitalize;
}
.buzen-footer .buzen-footer-line{
    margin-top: 20px;
    margin-bottom: 30px;
    border: 2px solid #ff5f33;
    width: 20%;
}
.buzen-footer  ol{
    display: inline-grid;
    width: 40%;
}
.buzen-footer  li{
    display: block;
}
.buzen-footer  li a{
    margin-top: 0px;
}
.buzen-footer .fa-circle{
    font-size: 5px;
    position: relative;
    left: 0px;
    top: -3px;
    margin-right: 10px;
}
.buzen-footer a{
    color: #ffffff;
    display: block;
    letter-spacing: .5px;
    margin-bottom: 20px;
    font-family: aileronFontRegular;
    margin-top: 10px;
    text-transform: capitalize;
}
.buzen-footer a:hover{
    color: #ff5f33 !important;
}
.buzen-footer a:hover i{
    color: #ffffff;
}
.buzen-footer .row .row i{
    margin-top: 15px;
    margin-right: 0px;
}
.buzen-footer i{
    margin-right: 11px;
}
.buzen-footer .buzen-social{
    text-align: left;
}
.buzen-footer .buzen-social i{
    margin-right: 15px;
    margin-left: 0px;
    font-size:25px;
    color: #ff5f33;
    padding: 7px;
    margin-top: 20px;
}
.buzen-footer .buzen-social i:hover{
    color: #ffffff;
}
@media (min-width: 768px) and (max-width: 991px) {
    .buzen-footer .buzen-social i{
        font-size: 15px;
        margin-right: 5px;
        height: 20px;
        width: 20px;
        padding: 3px;
    }
}
@media (max-width: 767px) {

}
.buzen-copyright{
    padding: 10px 20px;
    background: #363636;
}
.buzen-copyright p{
    font-size: 14px;
    margin-bottom: 0px;
    font-family: aileronFontRegular;
    text-align: left;
    margin-top: 5px;
    color: #ffffff;
}
.buzen-copyright p a{
    color: #ff5f33;
    font-family: aileronFontRegular;
}
.buzen-copyright p a:hover{
    color: #ffffff;
}
/*footer*/

/*******************************************************************************************************Other Pages*/
/*about.html*/
/*.buzen-pages-header*/
.buzen-pages-header{
    background:  linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, .2) 100%), url("../images/education.jpg") no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 100px 0px 20px;
}
.buzen-pages-header h2{
    text-align: center;
    font-size: 50px;
    color: #ffffff;
    text-transform: capitalize;
    margin-top: 0px;
    padding-bottom: 20px;
}
.buzen-pages-header h2 b{
    color: #ff5f33;
}
/*.buzen-pages-header*/
/*buzen-about*/
.buzen-about{
    padding: 60px 0px;
    background:  linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, .9) 100%), url("../images/background2.jpg") no-repeat;
    background-position: top;
    background-size: cover;
}
.buzen-about h5{
    margin-top: 0px;
    width: 60%;
    text-align: center;
    font-family: aileronFontLight;
    color: #777777;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: .5px;
    line-height: 27px;
    margin-bottom: 50px;
}
.buzen-about .buzen-about-line{
    margin-top: 50px;
    margin-bottom: 50px;
    border: 2px solid #ff5f33;
    width: 10%;
    margin-left: auto;
    margin-right: auto;
}
.buzen-about h3{
    text-align: center;
    margin-bottom: 50px;
    margin-top: 0px;
    font-size: 30px;
    text-transform: uppercase;
    color: #1b1b1b;
}
.buzen-about h3 b{
    color: #ff5f33;
}
.buzen-about p{
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 25px;
    margin-bottom: 15px;
    color: #777777;
    font-family: aileronFontRegular;
    margin-top: 0px;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .buzen-about h5{
        width: 80%;
    }
}
/*buzen-about*/
/*about.html*/
/*88888888***************************************************************************************************************buzen-blog*/
.buzen-blog{
    padding: 60px 0px;
    background:  linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, .9) 100%), url("../images/background3.jpg") no-repeat;
    background-position: top;
    background-size: contain;
}
.buzen-blog h5{
    margin-top: 0px;
    width: 60%;
    text-align: center;
    font-family: aileronFontLight;
    color: #777777;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: .5px;
    line-height: 27px;
    margin-bottom: 50px;
}
.buzen-blog .panel{
    border-radius: 0px;
    border: 1px solid #cecece;
    padding-bottom: 30px;
}
.buzen-blog .panel h5,
.buzen-blog .panel h4,
.buzen-blog .panel p,
.buzen-blog .panel a{
    padding: 0px 20px;
}
.buzen-blog .panel h5{
    width: auto;
    text-align: left;
    margin-top: 30px;
    margin-bottom: 10px;
    padding: 0px 20px;
}
.buzen-blog .panel h4{
    color: #ff5f33;
    letter-spacing: 1px;
    font-size: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.buzen-blog .panel p{
    color: #777777;
    font-family: aileronFontRegular;
    letter-spacing: .5px;
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 20px;
}
.buzen-blog .panel a{
    color: #cbcbcb;
    font-family: aileronFontRegular;
    text-transform: capitalize;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .buzen-blog h5{
        width: 80%;
    }
}
/*88888888***************************************************************************************************************buzen-blog*/
/*88888888***************************************************************************************************************buzen-works.html*/
.buzen-works h5{
    margin-top: 0px;
    width: 60%;
    text-align: left;
    font-family: aileronFontLight;
    color: #777777;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: .5px;
    line-height: 27px;
    margin-bottom: 70px;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .buzen-works h5{
        width: 80%;
    }
}
@media (max-width: 767px) {
    .buzen-works{
        padding: 50px 20px;
    }
    .buzen-works h5{
        width: 90%;
    }
}
/*88888888***************************************************************************************************************buzen-works.html*/
/*88888888***************************************************************************************************************gallery.html*/
.buzen-gallery{
    padding: 60px 0px;
    background:  linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, .9) 100%), url("../images/background3.jpg") no-repeat;
    background-position: top;
    background-size: contain;
}
.buzen-gallery h5{
    margin-top: 0px;
    width: 80%;
    text-align: center;
    font-family: aileronFontLight;
    color: #777777;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: .5px;
    line-height: 27px;
    margin-bottom: 50px;
}
.buzen-gallery .col-md-4{
    padding: 2px 4px;
}
/*88888888***************************************************************************************************************gallery.html*/
/*88888888***************************************************************************************************************contact.html*/
.buzen-contact{
    padding: 60px 0px;
    background:  linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, .9) 100%), url("../images/background4.jpg") no-repeat;
    background-position: top;
    background-size: contain;
}
.buzen-contact h5{
    margin-top: 0px;
    width: 80%;
    text-align: center;
    font-family: aileronFontLight;
    color: #777777;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: .5px;
    line-height: 27px;
    margin-bottom: 50px;
}
.buzen-contact i{
    font-size: 50px;
    text-align: center;
    padding: 15px;
    color: #ffffff;
    height: 80px;
    width: 80px;
    background: #ff5f33;
}
.buzen-contact .col-md-3{
    text-align: right;
}
.buzen-contact .col-md-3,
.buzen-contact .col-md-9{
    padding: 5px;
}
.buzen-contact h4{
    margin-top: 60px;
    text-transform: uppercase;
    color: #393939;
    font-family: aileronFontRegular;
    font-size: 17px;
}
.buzen-contact p{
    margin-bottom: 0px;
    font-size: 14px;
    letter-spacing: .4px;
    color: #555555;
    font-family: aileronFontRegular;
}
.buzen-contact .contactForm{
    margin-top: 50px;
}
.buzen-contact .input-group{
    width: 100%;
    margin-bottom: 20px;
}
.buzen-contact input,
.buzen-contact textarea{
    background: none;
    border: 1px solid #c3c3c3;
    border-radius: 10px !important;
    padding: 20px;
}
.buzen-contact .btn{
    width: 50%;
    border-radius: 0px;
    margin-top: 5px;
    background: #ff5f33;
    color: #ffffff;
    font-size: 20px;
    border: 2px solid #ff5f33;
    margin-left: auto;
    border-radius: 10px;
    font-family: aileronFontRegular;
}
.buzen-contact .btn:hover{
    border: 2px solid #ff5f33 !important;
    background: none!important;
    color: #ff5f33 !important;
}
.buzen-contact textarea::placeholder,
.buzen-contact input::placeholder {
    color: #ff5f33;
    font-size: 1.2em;
    font-family: aileronFontRegular;
    font-size: 16px;
    text-transform: capitalize;
}
@media (min-width: 992px) and (max-width: 1024px) {
    .buzen-contact{
        background-size: cover;
    }
    .buzen-contact i{
        height: 70px;
        width: 70px;
    }
    .buzen-contact h4{
        margin-top: 50px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .buzen-contact{
        background-size: cover;
    }
    .buzen-contact i{
        height: 50px;
        width: 50px;
        font-size: 30px;
    }
    .buzen-contact h4{
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .buzen-contact h5{
        width: 100%;
        margin-bottom: 20px;
    }
    .buzen-contact{
        background-size: cover;
        padding: 50px 20px;
    }
    .buzen-contact .col-md-3{
        text-align: left;
        margin-top: 20px;
    }
    .buzen-contact h4{
        margin-top: 30px;
    }
    .buzen-contact .input-group{
        width: 100%;
    }
    .buzen-contact .btn{
        width: 100%;;
    }
}
/*88888888***************************************************************************************************************contact.html*/


/*single-blog*/
.buzen-single-blog{
    background:  linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, .9) 100%), url("../images/background2.jpg") no-repeat;
    background-position: top;
    background-size: cover;
    padding: 100px 0px;
}
.buzen-single-blog h4{
    margin-top: 0px;
    color: #2b2b2b;
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 30px;
}
.buzen-single-blog p{
    color: #777777;
    font-family: aileronFontRegular;
    letter-spacing: .4px;
    line-height: 25px;
}
.buzen-single-blog .buzen-p{
    padding: 0px 10px;
}
@media (max-width: 767px) {
    .buzen-single-blog{
        padding: 50px 10px;
    }
    .buzen-single-blog h4{
        margin-top: 20px;
        text-align: center;
    }
}
/*single-blog*/
