/* ====== custom css ====== */
h2 {font-size: 35px; font-weight: bold !important; text-transform: uppercase; text-align:center}
.orange-divider { background: #ee5a00;   height: 6px; margin: 10px auto;   position: relative;   width: 70px; }
.orange-divider:after, .orange-divider:before { background: #ee5a00;  content: "";   height: 2px;   position: absolute;   right: -38px;   top: 2px; width: 40px; }
.orange-divider:before {  left: -38px;   top: 2px; width: 40px; }
.white-divider, .white-divider:after, .white-divider:before { background: #fff;}
.yellow-text { color: #ffb606 !important;}
.orange-text { color: #ee5a00 !important;}
.orange-btn  { background: #ee5a00; color: #fff;}
li { list-style:none;}
p.description {color: #474747; font-size: 16px; line-height: 28px; margin: 15px auto 10px; width: 65%; text-align:center}
.training-section, .courses-section, .register-section, .testimonials-section, .technology-section, .news-section, .about-section, .newsletter-section { margin:60px 0 0}
.mt50 { margin-top:50px !important;}
.mb50 { margin-bottom:50px !important;}
/* ====== top-header ====== */
.top-header { background:#0c1d3b; font-size:14px; color: #d3e0f5; padding:8px 0; overflow:hidden}
.top-header i {color: #d3e0f5; font-size: 16px; padding-right: 10px;}
.top-header ul { padding:0;}
.top-header ul li {float: left; margin: 0 10px;}
.top-header ul li:first-child::after { color: rgba(211, 224, 245, 0.69);  content: "|";   padding-left: 15px; }
.top-header .text-right a .fa { padding:0 8px; transition:.3s ease-in-out}
.top-header .text-right a .fa:hover { color:#ee5a00}
.top-header span { background: #ee5a00; font-weight: 500; padding: 10px 15px; transition:.3s ease-in-out; margin-left:15px;}
.top-header span:last-child { margin-left:0; background:#f4ac00 }
.top-header span:last-child a{ color:#0c1d3b; transition:.3s ease-in-out}
.top-header span a, .top-header span:hover a{ color:#fff;}
.top-header span:hover,.courses .search-box input[type="submit"]:hover { background:#333;}

/* ====== logo-nav ====== */
.logo-nav { margin:15px 0;}
.mobile-menu { background:#0c1d3b; z-index:99999;}
.mobile-menu .navbar-nav li a {  color: #d1dff7; transition:.3s ease-in-out}
.mobile-menu .navbar-nav li a:hover, .mobile-menu .navbar-nav li a.active { background: #ee5a00; }
.mobile-menu .navbar-nav li i { padding-right:5px;}


.dropdown-toggle:hover .dropdown-menu {
    display: block !important;
}



/* ====== slidecaption ====== */
#slidecaption {
    position: absolute;
    text-align: center;
    top: 30%;
    width: 100%;
    z-index: 999;
}
#slidecaption h1 {color: #fff; font-size: 44px; font-weight: 100; text-transform: uppercase;}
#slidecaption h1 span { font-weight: bold; }
#slidecaption p {color: #fff; font-size: 17px; line-height: 26px; margin: 10px auto 25px;}
#slidecaption .input-group {border: 5px solid #f1a106; margin:auto; border-radius: 10px; box-shadow: 2px 2px 2px rgba(241, 161, 5, 0.7); width: 43%;}
#slidecaption input[type="search"]  {border: medium none; border-radius: 6px 0 0 6px; float: left; height: 50px; padding: 0 20px; width: 90%;}
#slidecaption .search { float: right; width: 10%;}
#slidecaption .search input[type="submit"] {background: #12264b; border: 0 solid #f2f2f2; border-radius: 0 7px 7px 0; overflow: hidden; padding: 15px 40px; position: absolute; right: 5px;} 
#slidecaption .search .fa { color: #fff; float: right; font-size: 24px; position: relative; right: 50%; top: 50%; transform: translate(50%, 50%);}

/* ====== marquee-section ====== */
.marquee-section { background:#262626 }
.marquee-section span {background: #ea5000; color: #fff; display: inline; float: left; font-size: 15px; font-weight: 500; padding: 10px 24px; position: relative; text-transform: uppercase;}
.marquee-section span::after { border-bottom: 21px solid transparent; border-left: 39px solid #ea5000; border-top: 21px solid transparent;   content: ""; position: absolute; right: -41px; top: 0;  width: 41px;}
.marquee-section p {color: #fff; margin:0 0 0 10px; padding: 10px;}

/* ====== training-section ====== */
.training-section [class*="col-"] { text-align:center; color: #fff; padding-left:5px; padding-right:5px}
.training-section .img1{ background:rgba(0, 0, 0, 0) url("/Content/images/training/campus.jpg") repeat scroll center center / cover ;}
.training-section .img2{ background:rgba(0, 0, 0, 0) url("/Content/images/training/corporate.jpg") repeat scroll center center / cover; }
.training-section .img3{ background:rgba(0, 0, 0, 0) url("/Content/images/training/online.jpg") repeat scroll center center / cover;}
.training-section .img4{ background:rgba(0, 0, 0, 0) url("/Content/images/training/industrial.jpg") repeat scroll center center / cover;}
.training-section .red-box, .blue-box, .green-box, .purple-box {padding: 15px 0;}  
.training-section .red-box {background: rgba(220, 42, 24, 0.7);}
.training-section .blue-box {background: rgba(30, 92, 184, 0.7);}
.training-section .green-box {background: rgba(31, 124, 64, 0.7);}
.training-section .purple-box {background: rgba(125, 20, 156, 0.7);}
.training-section b { display: block; font-size: 25px; font-weight: 900; margin-top: 5px; text-transform: uppercase;}
.training-section p {color: #fff; font-size: 20px; letter-spacing: 6px; text-transform: uppercase; margin-top:-5px;}
.training-section a {border: 1px solid #fff; color: #fff; display: inline-block; margin: 15px 0 0; padding: 7px 22px; transition:.3s ease-in-out}
.training-section a i { position:relative; left:5px; transition:.3s ease-in-out}
.training-section a:hover { color:#fff;}
.training-section a:hover i {left:10px;}

/* ====== courses-section ====== */
@media only screen and (min-width:320px) and (max-width:479px) {
    .courses-section .icon {
        top: -40%;
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .courses-section .icon {
        top: 0%;
    }

    .courses-section [class*="col-md-2"] {
        margin-bottom: 30px;
    }

    .courses-section .container {
        display: flex;
        flex-wrap: wrap;
    }
}
.courses-section {text-align:center}
.courses-section .box { margin-top: 90px; padding-top: 60px; border:1px #dadbdb solid; transition:.3s ease-in-out; position: relative; overflow:hidden}
.courses-section [class*="col-md-2"] { padding-left:5px; padding-right:5px}
.courses-section .box:hover { background:#ebf5e1}
.courses-section .icon.hadoop-bg { background:#f4f4ce;}
.courses-section .icon.android-bg { background:#faebc8}
.courses-section .icon.python-bg { background:#d0e2ff}
.courses-section .icon.oracle-bg { background:#ddefff}
.courses-section .icon.autocad-bg { background:#e8d1d1}
.courses-section .icon.rhcsa-bg { background:#fecccd}
.courses-section .icon.salesforce-bg { background:#fdf4cf}
.courses-section .icon.java-bg { background:#feded5}
.courses-section .icon.php-bg { background:#d2d8ea}
.courses-section .icon.testing-bg { background:#cedfef}
.courses-section .box:hover .icon.hadoop-bg, .box:hover .icon.android-bg, .box:hover .icon.python-bg, .box:hover .icon.oracle-bg, .box:hover .icon.autocad-bg, .box:hover .icon.rhcsa-bg, .box:hover .icon.salesforce-bg, .box:hover .icon.java-bg, .box:hover .icon.php-bg, .box:hover .icon.testing-bg {background:#d7e8c6;}
.courses-section .box:hover b { color:#5e9227;}
.courses-section .icon {border-radius: 50%; height: 120px; left: 50%; margin: auto; padding-top: 16%; position: absolute; top: 30px; transition:.3s ease-in-out; transform: translateX(-50%); width: 120px; z-index: 9;}
.courses-section .box .stars {color: #e9a502; font-size: 14px; margin: 5px 0;}
.courses-section .box b {font-size: 13px; text-transform: uppercase; transition:.3s ease-in-out;}
.courses-section .box p { color: #393939; font-size: 13px; margin: 0 0 9px;}
.courses-section .box .description-box { background: #ebf5e1; transition:.3s ease-in-out; padding: 10px; position: absolute; width: 100%; z-index:99} 
/* description-box */
.courses-section .box:hover .description-box { transform:translateY(-100%);}
.courses-section .box .description-box ul { padding:0}
.courses-section .box .description-box ul li {font-size: 14px; line-height: 25px;}
.courses-section .box .description-box a { display: inline-block; font-size: 13px; margin: 10px 0 0; padding: 4px 13px; transition: all 0.3s ease-in-out 0s;}
.courses-section .box span { color: #393939; display: block; margin: -3px 0 12px;}
.courses-section .box span i { margin-right:2px;}
.courses-section .box .description-box a {display: inline-block; transition:.3s ease-in-out; font-size: 13px; margin: 8px 0 0; padding: 4px 13px;}
.courses-section .box .description-box a:hover, .about-section a:hover, .newsletter-section .newsletter-bg .form-section input[type="submit"]:hover  { background:#333; color:#fff}

/* ====== register-section ====== */
.register-section { background:url("/Content/images/register-bg.jpg") repeat scroll 0 0 / cover}
.register-section .counter-section { color:#fff; margin: 240px 0 70px; overflow:hidden}
.register-section .counter-section h4 {font-size: 28px; font-weight: bold; text-transform: uppercase;}
.register-section .counter-section h4 sub { bottom:0}
.register-section .counter-section h3 {font-size: 72px; font-weight: 900; letter-spacing: 1px; margin-top: 10px; text-transform: uppercase;}
.register-section .counter-section .count { text-align:center; position:relative; margin-top:10px}
.register-section .counter-section .count::after {  background: #fff; content: "";  height: 50px; position: absolute;  right: 0; top: 20px;  width: 1px;}
.register-section .counter-section .count:last-child::after { background:none}
.register-section .counter-section .count .counter {font-size: 45px; font-family: 'Oswald', sans-serif; font-weight: bold;}
.register-section .counter-section .count b {display: block;font-size: 15px; margin-top: -5px; text-transform: uppercase;} 
.register-section .form-section {background: #ffb606; margin: 40px auto; width: 90%;}
.register-section .upper-section, .course-detail-section .right-section .form-section .upper-section, .courses .leftsection .form-section .upper-section, .contact-section .form-section .upper-section {background: #0c1d3b; border-radius: 0 0 170% 170%; padding: 30px 53px 40px;}
.register-section .upper-section p {color: #fff; font-size: 21px; font-weight: bold; line-height: 30px !important; margin-top:12px; text-align: center;}
.register-section form { padding:20px 0 30px}
.register-section form .form-control, .course-detail-section .right-section .form-section .form-control, .courses .leftsection .form-section .form-control, .contact-section .form-section .form-control {background: none; border-color: #1c1c1c; border-radius: 0; height: 40px; margin: 10px auto; width: 80%;}
.register-section form .form-control::-moz-placeholder, .register-section form select.form-control { color: #1c1c1c;}
.register-section form .form-control::-webkit-input-placeholder { color: #1c1c1c;}
.register-section form .form-control::-ms-input-placeholder { color: #1c1c1c;}
.register-section form input[type="submit"] , .course-detail-section .right-section .form-section input[type="submit"],.form-section input[type="reset"],  .courses .leftsection .form-section input[type="submit"], .course-detail-section .right-section .form-section input[type="reset"], .contact-section .form-section input[type="submit"], .contact-section .form-section input[type="reset"] { background: #111111; border-width: 0; color: #fff; display: block; font-weight: bold; margin: auto; padding: 8px 0; text-transform: uppercase; width: 80%; transition:.3s ease-in-out;}
.register-section form input[type="submit"]:hover, .course-detail-section .right-section .form-section input[type="submit"]:hover, .course-detail-section .right-section .form-section input[type="reset"]:hover, .contact-section .form-section input[type="submit"]:hover, .contact-section .form-section input[type="reset"]:hover, .courses .leftsection .form-section form input[type='submit']:hover {background: #0c1d3b;}

/* ====== testimonials-section ====== */
.testimonials-section {background: #f2f2f2 ; padding: 50px 0;}
.testimonials-section .carousel-control.right, .testimonials-section .carousel-control.left { background:none}
.testimonials-section .carousel-control { width:10%; top:30px;}
.testimonials-section #carousel-example-generic { margin:20px 0 0}
.testimonials-section i { color: #333; font-size: 30px;}
.testimonials-section .caption::before {background: #dcdcdc; content: ""; height: 83px; left: -20px; position: absolute; top: 10px; width: 1px;}
.testimonials-section .caption {text-align: justify; position:relative; padding-left:10px}
.testimonials-section .caption p {color: #393939; font-size: 15px; line-height: 26px;}
.testimonials-section .caption b {display: block; font-size: 17px; margin: 10px 0 0;}
.testimonials-section .caption b i {font-size: 13px; font-weight: normal; color: #ea5000;padding: 0 1px;}
i.fa-blank { color:#4e4e4e !important}

/* ====== technology-section ====== */
.technology-section .owl-carousel { margin:20px 0 0}
.technology-section .owl-carousel .item img, .about-us-section .owl-carousel .item img {border: 1px solid #d3d3d3; padding: 5px;}
.technology-section .owl-carousel .item, .about-us-section .owl-carousel .item  {margin: 0 5px;}

/* ====== news-section ====== */
.news-section { background:url("/Content/images/news-bg.jpg") repeat scroll 0 0 / cover; padding:80px 0; color:#fff}
.news-section h2, .news-section p.description { color:#fff}
.news-section .project-icon { background: rgba(18, 38, 75, 0.7) none repeat scroll 0 0; margin-top:40px; overflow:hidden;
border: 2px solid rgba(255, 255, 255, 0.7); border-radius: 50%; display: inline-block; padding: 25px; text-align: center;}
.news-section b { display: block; font-size: 14px; margin-top: 10px; text-transform:capitalize}
.news-section a { background: rgba(18, 38, 75, 0.7) none repeat scroll 0 0; border: 1px solid #fff; color: #fff; display: inline-block; font-size: 15px; left: 50%; margin-top: 40px; padding: 10px 25px; position: relative; text-transform: uppercase; transform: translateX(-50%); transition:.3s ease-in-out}
.news-section a:hover{ background:#06070C; color:#fff}

/*.news-section .carousel-inner { margin:60px 0 30px}
.news-section .carousel-indicators { bottom:-70px;}
.news-section .carousel-indicators li { background:#fff; border-radius: 0; width: 60px; height: 6px; margin:0px;}
.news-section .carousel-indicators li.active {margin:0px; background:#ffb607; border-color:#ffb607}
.news-section b { display: block; font-family: "Roboto Slab",serif; font-size: 70px; font-weight: 900; margin-top: -20px;}
.news-section strong {display: block; font-size: 17px; margin-top: -15px;}
.news-section .content::before {  background: #b0afaf;  content: "";  height: 116px;  left: -20px;  position: absolute; top: 7px; width: 1px;}
.news-section .content {padding-left: 10px; position: relative;}
.news-section .content h4 {font-size: 26px;}
.news-section .content span {display: block; font-size: 15px; margin: 5px 0;}
.news-section .content a {color: #ffb606; display: inline-block; font-size: 13px; margin: 5px 0; transition:.3s ease-in-out;}
.news-section .content a:hover {color: #fff; padding-left:5px}
.news-section .content i {font-size: 10px;padding-left: 3px;}*/


/* ====== about-section ====== */
.about-section h2 {color: #ee5a00; margin-bottom:20px; font-size: 33px ; text-align: left;}
.about-section span {color: #222222; font-size: 20px; letter-spacing: 0.3px; position: relative; font-weight: 500;}
.about-section span::after { background: #ee5a00; bottom: 5px; content: ""; height: 2px;  position: absolute; right: -28px;   width: 24px;}
.about-section p {font-size: 15px; line-height: 26px; padding: 0 28px 15px 0;text-align: justify;}
.about-section a {display: inline-block; transition:.3s ease-in-out; font-size: 15px; margin: 0 0 10px; padding: 8px 25px;}
.about-section [class*="col-md-4"], .corporate-training-section .gallery-section [class*="col"] { padding:2px;}
.about-section .img-box, .corporate-training-section .gallery-section .img-box { position:relative; overflow:hidden;}
.about-section .img-box img, .corporate-training-section .gallery-section .img-box img { transition:.3s ease-in-out;}
.about-section .img-box .gallery-popup, .corporate-training-section .gallery-section .gallery-popup {background: rgba(238, 87, 0, 0.72); transition:.3s ease-in-out; border-radius: 50%; color: #fff; font-size: 16px; font-weight: 100; transform:translateX(-50%); left: 50%; padding: 7px 10px; position: absolute; top: 110%; }
.about-section .img-box:hover .gallery-popup, .corporate-training-section .gallery-section .img-box:hover .gallery-popup { top:50%; transform: translate(-50%, -50%);}
.about-section .img-box:hover img, .corporate-training-section .gallery-section .img-box:hover img { opacity:.7}

/* ====== newsletter-section ====== */
.newsletter-section .newsletter-bg {background:url("/Content/images/newsletter-bg.jpg") repeat scroll 0 0 / cover; padding:165px; position:relative;}
.newsletter-section .newsletter-bg .form-section {left: 20px; position: absolute; top: 130px;}
.newsletter-section .newsletter-bg .form-section h4 {color: #ee5a00; font-size: 24px; font-weight: bold; margin-bottom: 20px;text-transform: uppercase;}
.newsletter-section .newsletter-bg .form-section p { line-height:24px;}
.newsletter-section .newsletter-bg .form-section form { margin-top:20px;}
/*.newsletter-section .newsletter-bg .form-section .form-control {border-right: medium none; display: block; float: left; height: 50px; padding: 10px 20px; width: 60%; border-radius:0;}
.newsletter-section .newsletter-bg .form-section .input-group-addon {background: rgba(0, 0, 0, 0) url("/Content/images/email-icon.png") no-repeat scroll center center; border-left: 0 none; float: left; font-size: 20px; padding: 24px;}
.newsletter-section .newsletter-bg .form-section input[type="submit"] {border: 0 none; transition:.3s ease-in-out; font-size: 15px; padding: 14px 18px; text-transform: uppercase;}*/

/* ====== footer-section ====== */
footer { background:#08152c; color:#d1dff7; padding:30px 0 0}
footer h4 {border-bottom:1px solid #626161;color: #ee5a00; display:inline-block;font-size: 19px; font-weight: bold; margin: 20px 0 15px; padding-bottom: 10px;}
footer ul li { line-height:28px}
footer ul li a::before { color: #d1dff7; content: ""; font-family: fontawesome; padding-right: 7px; }
footer ul li a{ color:#d1dff7; transition:.3s ease-in-out;}
footer ul li a:hover { color: #ee5a00; padding-left:5px;}
/* info */
footer .info { border-bottom:1px solid #626161; border-top: 1px solid #626161; clear: both; display: block; margin: 40px 0 ; overflow: hidden; padding:30px 0;}
footer .info h4 {border: medium none; margin: 0; padding-bottom: 5px;}
footer .info i { padding-right:7px;}
/* payment-section */
footer .payment-section b {color: #fff; display: block; font-size: 14px; margin-bottom: 10px;}
footer .payment-section a {color: #fff;}
footer .payment-section .fa {font-size: 17px; transition:.3s ease-in-out; padding: 8px 11px;}
footer .payment-section .fa-facebook {background:#4E71A8}
footer .payment-section .fa-twitter {background:#1CB7EB}
footer .payment-section .fa-linkedin {background:#1686B0}
footer .payment-section .fa-youtube {background:#CA3737}
footer .payment-section .fa:hover { background:#333;}
/* copyright */
footer .copyright {background: #0b1e3f none repeat scroll 0 0;color: #abbddd; margin: 40px 0; padding: 16px 0; text-align: center;}

/* ====== fixed-footer-section ====== */
.fixed-footer {background: #f4ac00; bottom: 0; position: fixed; width: 100%; z-index:999}
.fixed-footer ul li {display: inline-block; padding: 14px 20px 10px; transition:.3s ease-in-out; margin:0 -1px}
.fixed-footer ul li:nth-child(1), #get-in-touch ul li:nth-child(1) { background:#2445A2}
.fixed-footer ul li:nth-child(2), #get-in-touch ul li:nth-child(2) { background:#072348}
.fixed-footer ul li:nth-child(3), #get-in-touch ul li:nth-child(3) { background:#006665}
.fixed-footer ul li:nth-child(4), #get-in-touch ul li:nth-child(4) { background:#006697}
.fixed-footer ul li:nth-child(5), #get-in-touch ul li:nth-child(5) { background:#C23200}
.fixed-footer ul li:nth-child(6), #get-in-touch ul li:nth-child(6) { background:#3D4C53}
.fixed-footer ul li:hover, #get-in-touch ul li:hover { background:#171616 !important;}
.fixed-footer ul li a {color: #fff; font-size: 15px; font-weight: bold;}
.fixed-footer ul li a i { font-size:17px; padding-right:5px;}
/* chat-section */
.fixed-footer .chat-section { background: #12264b; font-weight:500;  border-radius: 8px 8px 0 0; color: #fff; float: right; margin-top: 15px; overflow: hidden; padding: 0; width: 100%;}
.fixed-footer .chat-section i {background: #08152c none repeat scroll 0 0; margin: 0 10px 0 0; padding: 8px 10px;}

/* ====== get-in-touch-section ====== */
#get-in-touch {background: #f4ac00; bottom: 0; position: fixed; width: 100%; z-index:9999}
#get-in-touch ul li {color: #fff; float:left; font-size: 20px; padding: 12px 0; text-align: center; transition: all 0.3s ease-in-out 0s; width: 20%;}
#get-in-touch ul li a { color:#fff}

/* ===== popup_box & sideform ===== */
#popup_box {display: none; position: absolute; z-index: 99999999; padding: 20px 10px; margin-top: 1%; background-color: none; left: 0; margin: auto; max-width: 450px; right: 0; top: -10vh;}
#container { background: url() center top repeat; width: 100%; position: fixed;	height: 100%; }
#popupBoxClose {color: #fff; cursor:pointer; font-size: 20px; font-weight: 500; line-height: 15px; position: absolute; right: 15px; top: 20px;}
.popup_container {position: fixed;top:5px; left: 0px; right: 0px; margin: auto;  max-width: 100%; text-align: center; z-index:9999}
.popup_container iframe {width: 100%;}
.overlay {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px;	background-color: rgba(0,0,0,0.8); z-index: 99999999; }
.eq {font-size: 24px; font-weight: bold;color: #fff; text-transform: uppercase;}
.overlay { background-color: rgba(0, 0, 0, 0.8);  height: 100%;  left: 0;  position: fixed;  top: 0;  width: 100%;  z-index: 9999;  display:none;}
.sideform {float: right; right: 0; letter-spacing: 1px; padding: 20px 0; position: fixed; top: -60px; transition: all 0.3s ease-in-out 0s; width: 28%; z-index: 999; transform:translateY(-180%); opacity:0;}
.sideform i {cursor: pointer; float: right; font-size: 24px; position: absolute; right: 20px;top: 60px;}
#side_link_cover {background: #0c1d3b;color: #fff; cursor: pointer; float: right; font-size: 15px; font-weight: bold; padding: 8px 10px; position: fixed; right: -39px; top: 300px; transform: rotate(90deg); z-index: 9999; transition:.3s ease-in-out}
#side_link_cover:hover{background: #ea5000; }
#side_link_cover #side_link p { margin:0; color:#fff}

/* ============================== inner-pages css ============================== */
.banner { padding:60px 0}
.banner h2 { color:#fff; margin:0}
.banner p{ color: #fff; font-size: 15px; margin: 15px 0 0; text-align: center;}
.banner p a{ color:#ee5a00; transition: all 0.3s ease-in-out 0s;}
.banner p a:hover{color:#fff}
/* inside page margin */
.course-detail-section, .courses, .about-us-section, .contact-section, .services-section, .corporate-training-section { margin:50px 0;}
/* inside page h3 */
.course-detail-section h3, .courses h3, .about-us-section h3, .contact-section h3, .placements-section h3, .current-openings-section h3, .services-section h3, .testimonial-section h3, .corporate-training-section h3 {font-size: 25px; margin:15px 0 20px; color:#373636; font-weight: bold; position: relative;}
.course-detail-section h3:after, .courses h3:after, .courses h4:after, .about-us-section h3:after, .contact-section .form-section .upper-section h3:after, .contact-section h3:after,  .placements-section h3:after, .current-openings-section h3:after, .services-section h3:after, .testimonial-section h3:after, .corporate-training-section h3:after { background: #ea5000; content: "";   height: 4px;   left: 0;  position: absolute;  bottom: -15px;  width: 80px; }
/* inside page p */
.course-detail-section p, .about-us-section p, .placements-section p, .current-openings-section p, .services-section p, .corporate-training-section p {line-height: 26px; margin: 0; padding: 5px 0;text-align: justify; color: #595959;}

/* ===== courses page===== */
.courses { }
.courses h3 { margin-top:0}
.courses h4 {font-size: 24px; margin: 20px 0 35px; position:relative; text-align: center;}
.courses h4:after {left: 50%; transform: translateX(-50%);}
.courses-banner { background: rgba(0, 0, 0, 0) url("/Content/images/inner-banner/course-bg.jpg") repeat fixed center center / cover }
/* search-box */
.courses .search-box { border: 2px solid #cfcbcb; margin: 35px 0 15px ;}
.courses .search-box  ul { margin-top: 15px; overflow: hidden; }
.courses .search-box  ul input[type="checkbox"] { margin-right:7px}
.courses .search-box ul li { display: inline-block; margin: 0 5px; }
.courses .search-box, .courses .filter-box { padding: 15px 30px; width: 100%;}
.courses .search-box b, .courses .filter-box b {font-size: 18px; color:#454242; margin-right: 10px; vertical-align:middle}
.courses .search-box select, .courses .filter-box select, .courses .search-box input[type="search"] {  margin: 0 5px;  padding: 10px; border:2px solid #bebdbd;  width: 39%;}
.courses .search-box input[type="submit"]{background: #ea5000; border: 0 none; color: #fff; transition: all 0.3s ease-in-out 0s; font-size: 17px; font-weight: 500; padding: 10px 30px;}
/* filter-box */
.courses .filter-box { padding:15px 0; text-align:right; margin:15px 0; }
.courses .filter-box b {display: inline-block; font-size:15px; vertical-align: top;}
.courses .filter-box select {border: 2px solid #ccc; margin: -7px 5px; padding: 6px 5px; vertical-align: top; width: 9%;}
.courses .filter-box a {border: 1px solid #ccc; color: #333; transition: all 0.3s ease-in-out 0s; margin: 0 2px; overflow: hidden; padding: 8px;}
.courses .filter-box a:nth-child(12) { margin-right:20px}
.courses .filter-box a.active, .courses .filter-box  a:hover {background: #ea5000; color: #fff;}
.courses .filter-box p { margin: 10px 0 0; vertical-align:bottom; font-weight:500; font-size:14px; text-align:right; padding:5px;}
.courses span {}

/* leftsection */
.courses .leftsection {  }
.courses .leftsection ul {margin-top: 20px;}
.courses .leftsection ul li a:hover, .courses .leftsection ul li a.active {background: #ea5000; cursor:pointer}
.courses .leftsection ul li a.active:before, .courses .leftsection ul li a:hover:before {content: "\f101"; font-family: fontawesome; font-weight: bold;color: #fff; padding-right: 5px;}
.courses .leftsection ul li a{background: #12264b; border-bottom: 1px solid #fff; color: #fff; font-size: 16px; padding: 13px 20px; display:block;
text-transform: uppercase; transition: all 0.3s ease-in-out 0s;}
.courses .leftsection .carousel-inner.courses-section { margin:0; padding-right: 1px}
.courses .leftsection .carousel-inner.courses-section .box { margin: 60px 0 0}
.courses .leftsection .carousel-indicators { bottom:-30px}
.courses .leftsection .carousel-indicators li, .corporate-training-section .testimonial-section .carousel-indicators li { border-color: #959898;}
.courses .leftsection .carousel-indicators li.active, .corporate-training-section .testimonial-section .carousel-indicators li.active { border-color: #ea5000; background:#ea5000}
.courses .leftsection .form-section {  background: #f4ac00; margin-top:50px }
.courses .leftsection .form-section .upper-section { padding:20px }
.courses .leftsection .form-section .upper-section h4 { margin:10px 0 20px}
.courses .leftsection .form-section form { padding:10px 0}
.courses .leftsection .form-section form input[type='submit'] {margin: 15px auto 5px; width: 60%;}
/* rightsection */
.courses .rightsection {}
.courses .rightsection .mytab { display:none; transition:.3s ease-in-out }
.courses .rightsection .mytab.active { display:block;}
.courses .rightsection .courses-section { margin:20px 0 0}
.courses .rightsection .courses-section [class*="col-"] { padding-left:20px; padding-right:20px}
.courses .rightsection .courses-section .box { margin: 80px 0 0;}
.courses .leftsection .carousel-inner .item { overflow:hidden}
.courses .leftsection .carousel-inner .item ul { margin-top:0}
.courses .leftsection .carousel .icon { top:0}

/* ===== about-us-section ===== */
.about-us-section-banner { background: rgba(0, 0, 0, 0) url("/Content/images/inner-banner/about-bg.jpg") repeat fixed center center / cover }
.about-us-section { text-align:center}
.about-us-section h4 {font-size: 32px; margin:0; font-weight:900;}
.about-us-section h5 {color: #ea5000; font-size: 50px; font-weight: 900; letter-spacing: 2px; margin: 25px 0; text-transform: uppercase;}
.about-us-section h6 {color: #3a3939; font-size: 16px; font-weight: normal; line-height: 30px; margin: 0 auto 50px; max-width: 95%;}
.about-us-section .nav-tabs, .course-detail-section .left-section .nav-tabs {border: 0 none; margin-top:20px; text-align: center;}
.about-us-section .nav-tabs li, .course-detail-section .left-section .nav-tabs li {display: inline-block; float:none;	 margin: 0;}
.about-us-section .nav-tabs li a, .about-us-section .nav-tabs li.active a {background: #08152c; border-radius: 0; color: #fff; font-size: 15px; transition:.3s ease-in-out; margin: 0; padding: 10px 25px; text-transform: uppercase;}
.about-us-section .nav-tabs li a:hover:after { background:none;}
.about-us-section .nav-tabs li.active a, .about-us-section .nav-tabs li a:hover, .course-detail-section .left-section .nav-tabs li.active a, .course-detail-section .nav-tabs li a:hover { background:#ea5000 !important; color:#fff !important}
.about-us-section .tab-content, .course-detail-section 
.tab-content { margin:15px 0 50px; overflow:hidden}
.about-us-section .tab-content ul li { text-align:left; margin:4px 0}
.about-us-section .tab-content p { text-align:center}
.about-us-section .testimonials-section { margin:0 auto 50px; background:none; padding:0}
.about-us-section .tab-content #management [class^="col-"] {  padding-left: 5px;   padding-right: 5px;}
.about-us-section .tab-content #management .description {border: 2px solid #b8b4b4; overflow: hidden; padding: 20px 10px; text-align: left; margin-bottom:10px;}
.about-us-section .tab-content #management .description img {}
.about-us-section .tab-content #management .description p {line-height: 24px; padding:0; text-align: justify;}
.about-us-section .tab-content #management .description b {display: block; margin-top:5px; font-size: 16px;}
.about-us-section .tab-content #management .description span {font-size: 13px; font-weight: 500;}
.about-us-section .owl-carousel { margin:20px 0;}
.about-us-section .owl-carousel .item { padding:5px}


/* ===== course-detail page ===== */
.course-detail-banner { background: rgba(0, 0, 0, 0) url("/Content/images/inner-banner/course-bg.jpg") repeat fixed center center / cover }
/* rating-section */
.course-detail-section .rating-section {background-color: #fff; border: 1px solid #d9d9d9; margin-bottom: 10px; overflow: hidden; padding: 15px 6px;}
.course-detail-section .rating-section p {}
.course-detail-section .rating-section p b { font-size:17px;}
.course-detail-section .rating-section p i { color:#ea5000}
.course-detail-section .rating-section p a {background: rgba(234, 77, 0, 0) none repeat scroll 0 0; border: 1px solid; color: #ea6610; float: right; line-height: 18px; margin: 0 3px; padding: 6px 13px; transition: all 0.3s ease-in-out 0s;}
.course-detail-section .rating-section p a:hover { color:#333; border:1px solid;}
/* tabs-section */
.course-detail-section h3:first-child { margin: 0 0 30px; }
.course-detail-section ul, .about-us-section .tab-content ul {color: #595959; margin:5px 0 0}
.course-detail-section .left-section .nav-tabs { text-align:left}
.course-detail-section .left-section .nav-tabs li:before { content:""; line-height:0}
.course-detail-section .left-section .nav-tabs li.active a, .course-detail-section .left-section .nav-tabs li a {background: #08152c; border-radius: 0; color: #fff; font-size: 13px; font-weight: 500; margin: 0; padding: 7px 25px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s;}
.course-detail-section .left-section .tab-content { margin:13px 0 0}
.course-detail-section .left-section .tab-content ul {}
.course-detail-section .left-section .tab-content ul li:before, .about-us-section .tab-content ul li:before { content: ""; font-family: fontawesome; padding-right: 5px;}
.course-detail-section .left-section .tab-content ul li { line-height:26px}
.course-detail-section .left-section .tab-content b, .accordian-section b { font-size:17px}
.course-detail-section .left-section .tab-content .toggle, .accordian-section .toggle { clear:both; margin:15px 0; cursor:pointer}
.course-detail-section .left-section .tab-content .toggle.active b, .accordian-section .toggle.active b { color:#ea5000}
.course-detail-section .left-section .tab-content .toggle b i, .accordian-section b i {background: #0c1d3b; border-radius: 50%; color: #fff; float: right; font-size: 15px; height: 30px; margin-right: 20px; padding: 8px; text-align: center; width: 30px;}
.course-detail-section .left-section .tab-content .toggle.active i, .accordian-section .toggle.active i {background: #ea5000;}
.course-detail-section .left-section .tab-content .toggle.active p, .accordian-section .toggle.active p {display:block;}
.course-detail-section .left-section .tab-content .toggle p, .accordian-section .toggle p { display:none;}

/* interested-section */
.course-detail-section .interested-section {background: #ebebeb; border: 2px dashed #4e4b4b; color: #3a3a3a; margin: 30px 0 50px; padding: 30px 25px; overflow:hidden}
.course-detail-section .interested-section b {font-size: 23px; margin-right: 20px; position: relative;}
.course-detail-section .interested-section b::after {background: #2f2f2f none repeat scroll 0 0;
bottom: -11px; content: ""; height: 3px; left: 0; position: absolute; width: 88px;}
.course-detail-section .interested-section a:last-child { background: #ea5000; border-color: #ea5000; color: #fff; }
.course-detail-section .interested-section a {background: #0c1d3b; border: 1px solid #0c1d3b; color: #fff;float: right; font-size: 14px; font-weight: 500; margin: 0 9px 0 1px; padding: 8px 12px; transition: all 0.3s ease-in-out 0s;}
.course-detail-section .interested-section a:hover {background: #333; border-color: #333; color:#fff;}
/* review-section */
.course-detail-section .review-section {}
.course-detail-section .review-section h3 { margin-bottom:40px;}
.course-detail-section .review-section .reviews {margin: 20px 0 0; padding: 0 0 20px; position: relative;}
.course-detail-section .review-section .reviews:after { background: #dedddd; bottom: 0;content: ""; height: 1px; left: 125px; position: absolute;  width: 50%;}
.course-detail-section .review-section .reviews:last-child:after { background:none;}
.course-detail-section .review-section .reviews img { float:left; margin-right:20px;}
.course-detail-section .review-section .reviews p {overflow: hidden; padding: 0 10px 0 0;}
.course-detail-section .review-section .reviews p mark { background: none;  color: #595959; font-size: 24px;  padding: 0; vertical-align: bottom; }
.course-detail-section .review-section .reviews p b {color: #333;display: block; font-size:14px; font-weight: bold; margin-top: 6px; vertical-align: baseline;}
.course-detail-section .review-section .reviews p b span { color: #ea5000; font-size: 12px;  font-weight: 500;  margin-left: 0;}
.course-detail-section .review-section .reviews p b span i {font-size: 14px; margin: 0 1px;}

/* right-section */
.popup_container .right-section:before, .sideform  .right-section:before { background:none;}
.course-detail-section .right-section .nav-tabs { text-align:right; border-bottom:0px solid}
.course-detail-section .right-section .nav-tabs strong {color: #333; float: left; font-size: 18px; font-weight: 500; margin: 0;  padding: 0;
vertical-align: baseline;}
.course-detail-section .right-section .nav-tabs li { display: inline-block; float: none;}
.course-detail-section .right-section .nav-tabs li a:hover:after { background:none;}
.course-detail-section .right-section .nav-tabs li a {background: none; border-radius: 0; color: #333; transition:.3s ease-in-out;font-size: 14px;
padding: 6px 15px; font-weight: 500; margin: 0;}
.course-detail-section .right-section .nav-tabs li.active a, .course-detail-section .right-section .nav-tabs li a:hover {border: 1px solid #ccc; color:#333 !important; background:none !important; border-bottom-color:#fff  }
.course-detail-section .right-section .tab-content { border: 1px solid #ccc; margin: 0; padding: 15px 5px;}
.course-detail-section .right-section .tab-content i {}
.course-detail-section .right-section .tab-content .total {border: 1px solid #8c8888; margin: 10px 0; padding: 6px; text-align: center;}
.course-detail-section .right-section .tab-content .total span { font-size: 15px; font-weight:500; margin-right: 5px; } 
.course-detail-section .right-section .tab-content b.heading { display: block;font-size: 17px; margin-bottom: 15px; position: relative;}
.course-detail-section .right-section .tab-content b.heading::after { background: #333 ; bottom: -7px; content:""; height: 3px; left: 2px; position: absolute; width: 30px;}
.course-detail-section .right-section .tab-content .total b.large {color: #ea5000; font-size: 18px;} 
.course-detail-section .right-section .tab-content .total b.small {color: #878585; font-size: 12px; text-decoration: line-through;}
.course-detail-section .right-section .tab-content p {font-size: 13px; font-weight: 500; line-height: 21px; padding:2px 0;  text-align: left;}
.course-detail-section .right-section .tab-content p strong { font-size: 14px; font-weight: 600; margin: 0 3px; }
.course-detail-section .right-section .tab-content a { background: #ea5000; font-weight:500; color: #fff; display: block; font-size: 14px; margin-top: 5px; padding: 10px; text-align: center; text-transform: uppercase; transition: all 0.3s ease-in-out 0s;}
.course-detail-section .right-section .tab-content a:last-child { background: #0c1d3b;}
.course-detail-section .right-section .tab-content a:hover {background: #333;}

/* form-section */
.course-detail-section .right-section .form-section { background: #f4ac00 none repeat scroll 0 0; margin-top: 20px;}
.course-detail-section .right-section .form-section .upper-section, .courses .leftsection .form-section .upper-section, .contact-section .form-section .upper-section { color: #fff; padding: 25px; text-align: center;}
.course-detail-section .right-section .form-section .upper-section h3::after, .courses .leftsection .form-section .upper-section h4:after,  .contact-section .form-section .upper-section h3::after, .courses .leftsection .form-section .upper-section h4:after { background: #fff ;  left: 50%; top: 38px; transform: translateX(-50%); }
.form-section .upper-section h3 { color:#fff; margin-bottom:20px; position:relative; margin-top:0}
.form-section .upper-section p {color: #fff; padding:10px 0 0; text-align: center; line-height:22px;}
.course-detail-section .right-section .form-section form, .contact-section .form-section form { padding: 15px 0;}
.course-detail-section .right-section .form-section .form-control, .contact-section .form-section .form-control, .courses .leftsection .form-section .form-control {width:90%; border-color:#fff}
.course-detail-section .right-section .form-section select.form-control, .contact-section .form-section select.form-control { color:#fff}
.course-detail-section .right-section .form-section select.form-control option, .contact-section .form-section select.form-control option {background:#f4ac00;}
.course-detail-section .right-section .form-section .form-control::-moz-placeholder, .courses .leftsection .form-section .form-control::-moz-placeholder, .contact-section .form-section .form-control::-moz-placeholder { color:#fff} 
.course-detail-section .right-section .form-section .form-control::-webkit-input-placeholder, .courses .leftsection .form-section .form-control::-webkit-input-placeholder, .contact-section .form-section .form-control::-webkit-input-placeholder { color:#fff}
.course-detail-section .right-section .form-section .form-control::-ms-input-placeholder, .courses .leftsection .form-section .form-control::-webkit-input-placeholder, .contact-section .form-section .form-control::-ms-input-placeholder { color:#fff}
.course-detail-section .right-section .form-section textarea.form-control{ height:90px;}
.course-detail-section .right-section .form-section input[type="submit"], .course-detail-section .right-section .form-section input[type="reset"], .contact-section .form-section input[type="submit"], .contact-section .form-section input[type="reset"] { width:35%; display:inline; margin:5px 1px }


/* ===== contact page ===== */
.contact-banner { background: rgba(0, 0, 0, 0) url("/Content/images/inner-banner/contact-bg.jpg") repeat fixed center center / cover }
.contact-section h2 { margin: 0; }
.contact-section h3 { margin:0 0 35px }
.contact-section p.description {width: 90%;}
.contact-section b {display: block; font-size: 25px; margin-bottom: 28px; position: relative;}
.contact-section b::after { bottom: -10px;}
/* tabs */
.contact-section .nav-tabs { border:none; display: block; text-align: center;}
.contact-section .nav-tabs li { display: inline-block; float: none; margin: 40px 0 15px;  padding: 0; text-align: center; width: 13%;}
.contact-section .nav-tabs  li.active  a, .contact-section .nav-tabs  li.active  a:focus, .contact-section .nav-tabs  li.active a:hover, .contact-section .nav-tabs li a:hover {  color:#ea5000; border:none; }
.contact-section .nav-tabs li i{ display: block; margin-bottom:10px; font-size: 40px;}
.contact-section .nav-tabs li.active i {color: #ea5000;}
.contact-section .nav-tabs li a { color:#333; font-size:18px;}
.contact-section .nav-tabs li a:hover:after { background:none; }
/* tab-content */
.contact-section .tab-content {border-top: 1px solid #e3e1e1; overflow: hidden; padding: 40px 0 20px ;}
.contact-section .tab-pane ul { margin-bottom:35px}
.contact-section .tab-pane ul li { line-height:30px;}
.contact-section .tab-pane ul li i {color: #ee5a00; font-size: 17px; padding-right: 10px;}
.contact-section .form-section { background: #f4ac00;}
.contact-section .form-section textarea.form-control  { height:90px;}

/* ===== placements-section ===== */
.placements-section-banner { background: rgba(0, 0, 0, 0) url("/Content/images/inner-banner/placement-bg.jpg") repeat fixed center center / cover }
.placements-section .filter-box {margin: 8px 0 0; padding: 15px 0 0;}
.placements-section .recruiter-section { margin:50px 0 70px;}
.placements-section .recruiter-section h2 { font-size:33px;  text-transform: capitalize;}
.placements-section .recruiter-section h2:after { background: none;}
.placements-section .recruiter-section .owl-carousel { margin-top:25px;}
.placements-section .recruiter-section .owl-carousel .item , .corporate-training-section .partners-section .owl-carousel1 .item { margin: 0 5px;}
.placements-section .recruiter-section .owl-carousel .item img, .corporate-training-section .partners-section .owl-carousel1 .item img {border: 1px solid #d3d3d3; padding: 10px; }
.placements-section .img-holder { background:#f5f5f5; border:2px #f5f5f5 solid; padding:15px 0; text-align:center; margin-bottom:20px; transition:.3s ease-in-out}
.placements-section .img-holder:hover { background:none; border:2px #c23200 solid}
.placements-section .img-holder .upper-section b {color: #ea5000; font-size: 17px; font-weight: 500; margin: 0; text-transform: uppercase;}
.placements-section .img-holder .upper-section p {color: #1963de; font-weight: 500; line-height: 24px; padding: 0; font-size:13px; text-align: center;}
.placements-section .img-holder img {margin: 12px auto; position: relative; width: 40%; z-index: 99;}
.placements-section .img-holder .divider { position: relative;}
.placements-section .img-holder .divider::after { background: #9e9e9e; bottom: 18px; content: ""; height: 2px; left: 0; position: absolute; width: 100%; z-index: 9;}
.placements-section .img-holder span {color: #333; display: block; margin: 4px 0; }

/* ===== current-openings-section ===== */
.current-openings-section-banner { background: rgba(0, 0, 0, 0) url("/Content/images/inner-banner/opening-bg.jpg") repeat fixed center center / cover }
.current-openings-section {}
.current-openings-section .job-description {border: 4px solid #ccc; margin-bottom:20px; overflow: hidden; padding: 25px 20px; transition: .2s ease-in-out 0s}
.current-openings-section .job-description:nth-child(9) { margin-bottom: 0; }
.current-openings-section .job-description:hover { border-color:#898787}
.current-openings-section .job-description h3 { margin: 0 0 40px; text-transform:capitalize; }
.current-openings-section .job-description .title { text-align:center; overflow:hidden; margin-bottom:15px; font-size:15px; clear:both}
.current-openings-section .job-description i {color: #ea5000;display: block; font-size: 27px;  margin: 10px 0 6px;}
.current-openings-section .job-description b {color: #333; font-size: 13px; letter-spacing:0.25px;font-weight: normal;}
.current-openings-section .job-description p { text-align:center; font-weight: bold; padding:0}
.current-openings-section .job-description span { clear: both; color: #595959; display: block;  line-height: 22px; text-align: justify;}
.current-openings-section .job-description span strong { font-size:16px;}
.current-openings-section .job-description .buttons {}
.current-openings-section .job-description .buttons a:first-child { background:#ea5000;}
.current-openings-section .job-description .buttons a {background: #0c1d3b ; transition: all 0.3s ease-in-out 0s; color: #fff; display: block; margin: 3px; padding: 10px; text-align: center; width:48%; float:left}
.current-openings-section .job-description .buttons a:hover { background:#111;}
.current-openings-section .job-description .orange-text {display: block; font-weight: bold;font-size: 17px;}


/* ===== services-section ===== */
.services-section-banner { }
.services-section {}

/* ===== corporate-training-section ===== */
.corporate-training-section-banner { background: url(/Content/images/inner-banner/corporat-training-bg.jpg) repeat fixed center center / cover ; padding:150px 0}
.corporate-training-section { }
/* left-side */
/* partners-section */
.corporate-training-section h2 { text-transform:capitalize; margin:0; font-size:30px}
.corporate-training-section .partners-section { margin: 50px 0 60px}
.corporate-training-section .partners-section .owl-carousel1 { margin-top:20px}
/* trainings-section */
.corporate-training-section .trainings-section { overflow:hidden}
.corporate-training-section .trainings-section .contents { margin-top:30px;}
.corporate-training-section .trainings-section .contents b::after {background: #333; bottom: -9px; content: ""; height: 3px; left: 0; position: absolute; width: 42px;}
.corporate-training-section .trainings-section .contents  b { display: block; font-size: 15px; margin-bottom: 10px; position: relative;}
.corporate-training-section .trainings-section .contents p::after {background: #cbc9c9; bottom: -10px; content: ""; height: 1px; position: absolute; right: 0; width: 200px;}
.corporate-training-section .trainings-section .contents:nth-child(5) p:after, .corporate-training-section .trainings-section .contents:nth-child(6) p:after {
  background: none;}
.corporate-training-section .trainings-section .contents p {line-height: 25px; font-size:13px; text-align:left; position:relative}
/* accordian-section */
.accordian-section { margin: 60px 0 0}
.accordian-section .toggle:nth-child(3) { margin-top: 30px; }
.accordian-section p { padding:5px 0 0;}
/* right-side */
.corporate-training-section .course-detail-section, .corporate-training-section .course-detail-section .form-section { margin:0}
.corporate-training-section .testimonial-section { border:2px solid #ccc9c9; padding:20px; margin-top:30px;}
.corporate-training-section .testimonial-section h3 { margin-top: 0;}
.corporate-training-section .testimonial-section .carousel-indicators {bottom: 0; float: right; left: 90%;}
.corporate-training-section .testimonial-section .carousel-inner b {display: block; font-size: 15px; margin: 5px 0 0;}
.corporate-training-section .testimonial-section .carousel-inner b i {color: #ea5000; font-size: 12px; margin: 0 1px;}
.corporate-training-section .testimonial-section .carousel-inner span {font-size: 12px;}
.corporate-training-section .gallery-section { margin-top:30px;}
.corporate-training-section .gallery-section h3 { margin-bottom:30px;}
/* courses-section */
.corporate-training-section .courses-section { overflow:hidden}
.corporate-training-section .courses-section  p  {text-align:center; line-height:19px; padding:0}
.corporate-training-section .courses-section a.link {border: 2px solid; font-weight:500; color: #ea5000; display: inline-block; font-size: 17px; margin-top: 45px; padding: 10px 30px; transition: all 0.3s ease-in-out 0s;}
.corporate-training-section .courses-section a.link:hover {color: #333;}

/* ===== testimonial-section ===== */
.testimonial-section-banner { background: rgba(0, 0, 0, 0) url("/Content/images/inner-banner/about-bg.jpg") repeat fixed center center / cover }
.testimonial-section .testimonial-box {margin-top: 30px;}
.testimonial-section .testimonial-box.right .description:before { border-left: 25px solid #ea5000;  border-right: 0 none;  left: 100%; }
.testimonial-section .testimonial-box.right .description { float: left;}
.testimonial-section .testimonial-box .description:before {  border-bottom: 20px solid transparent; border-right: 25px solid #ea5000; border-top: 20px solid transparent; content: ""; height: 42px; left: -25px; transition:.3s ease-in-out;   position: absolute; bottom: 63%; width: 14px;}
.testimonial-section .testimonial-box .description {background: #ea5000; transition:.3s ease-in-out; color: #fff; float: right; padding: 15px 25px; position: relative;}
.testimonial-section .testimonial-box .description:hover {background:#333;}
.testimonial-section .testimonial-box .description:hover:before { border-right-color:#333;  border-left-color:#333}
.testimonial-section .testimonial-box .description span {display: block; font-size: 17px; font-weight: bold; margin-bottom: 18px; position: relative;}
.testimonial-section .testimonial-box .description span::after {background: #fff; bottom: -7px; content: ""; height: 2px; left: 0; position: absolute; width: 60px;}
.testimonial-section .testimonial-box .description p {margin-bottom: 8px;}
.testimonial-section .testimonial-box .description b { display:block}
.testimonial-section .testimonial-box .description b i { font-size:12px; margin:0 1px;}
.testimonial-section .testimonial-box .description strong { font-size:13px; font-weight:500}

.autocompletehidden {height: 0px;position: relative;/*z-index: 1;*/z-index: 3;}
.ui-autocomplete-term {font-weight: bold;}
.AutoCompleteInput {position: relative;}
.list-group-item {text-align:left;}
.list-group a.list-group-item i.glyphicon-ok {color: #68c52f;float: right;}
.list-group a.list-group-item.noComplete i.glyphicon-ok:before {content: "\e101"!important;}
.ui-menu-item:hover {background-color: #f4f4f4;}
.selected { background-color: #f4f4f4;}
.cursor-pointer {cursor: pointer;}
.error {border: 1px solid #b94a48 !important;background-color: #ffeeee !important;}
.about_list {
    padding: 5px 15px;
}
.preview_container {   width: 80%; margin: auto;}
.preview-table {width: 100%;}
.preview-table td {padding: 10px;border: 1px solid #d4d4d4;background: #fff;text-align: left;}

#code span,
btn{position:relative}
.btn-orange,
.btn-orange:focus{background:#C23200;color:#fff;outline:0}
.btn-orange:hover{background:#de7418;color:#fff}
btn{border-radius:2px}
.btn-black,
.btn-black:focus{background:#ee5a00;color:#fff;outline:0}

#code span{width:44px;background-color:#f2f2f2}
#captcha input{background:url(/Content/images/refress.png) no-repeat;margin:2px 5px 5px 8px;padding:0;border:none;cursor:pointer;width:15px;position:absolute}
/*Accordian style */
.related-course ul li a,.related-course-indus ul li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body{position:relative;z-index:0}
.site-header-wrap{margin-bottom:60px;border-bottom:1px solid #cd9ad6}
.accordion,.accordion *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.accordion{overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:3px;background:#f7f7f7}

.accordion-section-title{width:100%;padding:10px;display:inline-block;border-bottom:1px solid #1a1a1a;background:#333;transition:all linear .15s;font-size:1.2em;text-shadow:0 1px 0 #1a1a1a;color:#fff}
    .accordion-section-title.active, .accordion-section-title:hover {
        background: #ea5000;
        text-decoration: none
    }

.related-course ul li a:before,
.related-course-indus ul li a:before{content:"\f058";font-family:FontAwesome;
                                     font-style:normal;font-weight:400;
                                     text-decoration:inherit;left:10px}

.accordion-section:last-child 
.accordion-section-title{border-bottom:none}
.accordion-section-content{padding:10px;display:none}

.related-course ul{padding:0}
.related-course ul li{list-style:none}
.related-course ul li a h2{margin-top:0!important;margin-bottom:0!important;color:#2f2f2f;font-size:14px;font-weight:400;display:block;padding:4px 15px;text-align:left}
.related-course ul li a{color:#C23200;font-size:14px;display:block;border-bottom:1px solid #909090;padding:4px 15px 4px 30px;position:relative;font-weight:400;background:#f4f4f4}
.related-course ul li a h2:hover,.related-course ul li a:hover{background:#C23200;color:#fff}
.related-course ul li a:before{font-size:16px;position:absolute}

/*.related-course-indus ul{padding:0}
.related-course-indus ul li{float:left;padding:0 5px 5px 0;width:375px}
.related-course-indus ul li a{color:#2f2f2f;font-size:14px;display:block;padding:4px 15px 4px 30px;position:relative;font-weight:400;background:#f4f4f4}
.related-course-indus ul li a:hover{background:#2f2f2f;color:#fff}
.related-course-indus ul li a:before{font-size:16px;position:absolute}*/

.franchise-section ul li {
    line-height:20px;
    margin: 0px;
    text-align:left; margin:4px 0;
    padding: 3px 0px 3px 20px;
    background: url(/Content/img/arow1.jpg) no-repeat 5px 8px;
}
.outsourcing-section ul {color: #595959; margin:5px 0 0
}
.outsourcing-section ul li {
    line-height:20px;
    margin: 0px;
    text-align:left; margin:4px 0;
    padding: 3px 0px 3px 20px;
    background: url(/Content/img/arow1.jpg) no-repeat 5px 8px;
}
.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border-top: 3px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
  border-top-color: #3c8dbc;
}
.box.box-info {
  border-top-color: #00c0ef;
}
.box.box-danger {
  border-top-color: #dd4b39;
}
.box.box-warning {
  border-top-color: #f39c12;
}
.box.box-success {
  border-top-color: #00a65a;
}
.box.box-default {
  border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
  display: none;
}
.box .nav-stacked > li {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
}
.box .nav-stacked > li:last-of-type {
  border-bottom: none;
}
.box.height-control .box-body {
  max-height: 300px;
  overflow: auto;
}
.box .border-right {
  border-right: 1px solid #f4f4f4;
}
.box .border-left {
  border-left: 1px solid #f4f4f4;
}
.box.box-solid {
  border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
  background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
  border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
  color: #444444;
  background: #d2d6de;
  background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
  color: #444444;
}
.box.box-solid.box-primary {
  border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
  color: #ffffff;
  background: #3c8dbc;
  background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-info {
  border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
  color: #ffffff;
  background: #00c0ef;
  background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-danger {
  border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
  color: #ffffff;
  background: #dd4b39;
  background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-warning {
  border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
  color: #ffffff;
  background: #f39c12;
  background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
  color: #ffffff;
}
.box.box-solid.box-success {
  border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
  color: #ffffff;
  background: #00a65a;
  background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
  color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
  border: 0;
  box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
  color: #fff;
}
.box .box-group > .box {
  margin-bottom: 5px;
}
.box .knob-label {
  text-align: center;
  color: #333;
  font-weight: 100;
  font-size: 12px;
  margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
  background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
  content: " ";
  display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
  clear: both;
}
.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative;
}
.box-header.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
  border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
  margin-right: 5px;
}
.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
  position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.btn-box-tool {
  padding: 5px;
  font-size: 12px;
  background: transparent;
  color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
  color: #606c84;
}
.btn-box-tool.btn:active {
  box-shadow: none;
}
.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 10px;
}
.no-header .box-body {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.box-body > .table {
  margin-bottom: 0;
}
.box-body .fc {
  margin-top: 5px;
}
.box-body .full-width-chart {
  margin: -19px;
}
.box-body.no-padding .full-width-chart {
  margin: -9px;
}
.box-body .box-pane {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
}
.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top: 1px solid #f4f4f4;
  padding: 10px;
  background-color: #ffffff;
}
.chart-legend {
  margin: 10px 0;
}

.box-comments {
  background: #f7f7f7;
}
.box-comments .box-comment {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
  content: " ";
  display: table;
}
.box-comments .box-comment:after {
  clear: both;
}
.box-comments .box-comment:last-of-type {
  border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
  padding-top: 0;
}
.box-comments .box-comment img {
  float: left;
}
.box-comments .comment-text {
  margin-left: 40px;
  color: #555;
}
.box-comments .username {
  color: #444;
  display: block;
  font-weight: 600;
}
.box-comments .text-muted {
  font-weight: 400;
  font-size: 12px;
}


/* ===== job-fair-section ===== */
.job-fair-section-banner { background: rgba(0, 0, 0, 0) url("/Content/images/inner-banner/about-bg.jpg") repeat fixed center center / cover }
.job-fair-section { text-align:center}
.job-fair-section h4 {font-size: 32px; margin:0; font-weight:900;}
.job-fair-section h5 {color: #ea5000; font-size: 50px; font-weight: 900; letter-spacing: 2px; margin: 25px 0; text-transform: uppercase;}
.job-fair-section h6 {color: #3a3939; font-size: 16px; font-weight: normal; line-height: 30px; margin: 0 auto 50px; max-width: 95%;}
.job-fair-section .nav-tabs, .course-detail-section .left-section .nav-tabs {border: 0 none; margin-top:20px; text-align: center;}
.job-fair-section .nav-tabs li, .course-detail-section .left-section .nav-tabs li {display: inline-block; float:none;	 margin: 0;}
.job-fair-section .nav-tabs li a, .job-fair-section .nav-tabs li.active a {background: #08152c; border-radius: 0; color: #fff; font-size: 15px; transition:.3s ease-in-out; margin: 0; padding: 10px 25px; text-transform: uppercase;}
.job-fair-section .nav-tabs li a:hover:after { background:none;}
.job-fair-section .nav-tabs li.active a, .job-fair-section .nav-tabs li a:hover, .course-detail-section .left-section .nav-tabs li.active a, .course-detail-section .nav-tabs li a:hover { background:#ea5000 !important; color:#fff !important}
.job-fair-section .tab-content, .course-detail-section 
.tab-content { margin:15px 0 50px; overflow:hidden}
.job-fair-section .tab-content ul li { text-align:left; margin:4px 0}
.job-fair-section .tab-content p { text-align:center}
.job-fair-section .testimonials-section { margin:0 auto 50px; background:none; padding:0}
.job-fair-section .tab-content #management [class^="col-"] {  padding-left: 5px;   padding-right: 5px;}
.job-fair-section .tab-content #management .description {border: 2px solid #b8b4b4; overflow: hidden; padding: 20px 10px; text-align: left; margin-bottom:10px;}
.job-fair-section .tab-content #management .description img {}
.job-fair-section .tab-content #management .description p {line-height: 24px; padding:0; text-align: justify;}
.job-fair-section .tab-content #management .description b {display: block; margin-top:5px; font-size: 16px;}
.job-fair-section .tab-content #management .description span {font-size: 13px; font-weight: 500;}
.job-fair-section .owl-carousel { margin:20px 0;}
.job-fair-section .owl-carousel .item { padding:5px}

.course-detail-section .testimonial-section {
    border: 2px solid #ccc9c9;
    padding: 20px;
    margin-top: 30px;
}