@font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.eot"); src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff2") format("woff2"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face { font-family: "Flaticon"; src: url("../fonts/Flaticon.svg#Flaticon") format("svg"); }
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 34px; font-style: normal; }
.flaticon-photoshop:before { content: "\f100"; }
.flaticon-html-5:before { content: "\f101"; }
.flaticon-css:before { content: "\f102"; }
.flaticon-responsive-design:before { content: "\f103"; }
.flaticon-bootstrap:before { content: "\f104"; }
.flaticon-illustrator:before { content: "\f105"; }
body { background: #fff; font: 400 16px/30px 'Red Hat Display', sans-serif; color: #606060; }
::selection { background: #03900e; color: #fff; }
::-moz-selection {
background:#03900e;
color:#fff;
}
a { color: #000; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; outline: none; }
ul { padding: 0; }
li { list-style-type: none; }
img { border: none; }
h2 { font: 700 36px 'Red Hat Display', sans-serif; color: #1a1b1e; margin: 0 0 15px 0; }
.header { width: 100%; min-height: 400px; position: relative; background: #1d119f; background: -moz-linear-gradient(45deg, #1d119f 0%, #08bee5 100%); background: -webkit-linear-gradient(45deg, #1d119f 0%, #08bee5 100%); background: linear-gradient(45deg, #1d119f 0%, #08bee5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d119f', endColorstr='#08bee5', GradientType=1 );
padding: 0 0 60px 0; }
.header svg.rhombus { pointer-events: none; position: absolute; left: 0; bottom: 0; }
.header .rhombus path { fill: #fff; stroke: #fff; stroke-width: 2; }
.header .top { width: 100%; background: rgba(255,255,255,0.2); padding: 15px 0; }
.header .top a { margin: 0 15px 0 0; color: #fff; }
.header .top a:hover { color: #014bb5; }
.header .top a i { margin: 0 4px 0 0; }
.header .top a.last { margin: 0; }
.header .top .right { text-align: right; }
.navCont { width: 100%; margin: 30px 0 0 0; }
.navbar { margin: 0; border-radius: 0; padding: 10px 0; }
.navbar-default { border: none; background: #fff; }
.navbar-brand { height: auto; padding: 0 15px; position: relative; }
.navbar-brand::before { position: absolute; right: -82px; top: -10px; content: ""; display: block; width: 0; height: 0; border-left: 0px solid transparent; border-right: 80px solid transparent; border-top: 64px solid #006faf; }
.navbar-brand::after { position: absolute; right: -70px; top: -10px; content: ""; display: block; width: 0; height: 0; border-left: 0px solid transparent; border-right: 69px solid transparent; border-top: 63px solid #fff; }
.navbar-brand img { width: 100px; }
.navbar-nav > li > a { padding: 10px 15px; }
.navbar-default .navbar-nav > li > a { color: #1a1b1e; text-transform: uppercase; font-size: 14px; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #03900e; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: #03900e; color: #fff; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #03900e; color: #fff; }
.navCont .dropdown-menu > li > a:hover, .navCont .dropdown-menu > li > a:focus { background: #03900e; color: #fff; }
.navbar-default .navbar-toggle { border-color: #03900e; }
.navbar-default .navbar-toggle .icon-bar { background: #0168d6; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #0168d6; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background: #fff; }
.banner { width: 100%; margin: 30px 0 0 0; }
.banner .banrInfo { padding: 66px 0; }
.banner .banrInfo h1 { font: 900 52px 'Red Hat Display', sans-serif; color: #fff; margin: 0 0 15px 0; }
.banner .banrInfo p { font: 600 24px 'Red Hat Display', sans-serif; color: #fff; margin: 0 0 35px 0; }
.banner .banrInfo a { color: #fff; background: #03900e; font-size: 14px; padding: 11px 7px 11px 11px; border-radius: 30px; text-transform: uppercase; }
.banner .banrInfo a:hover { background: #fe4c1c; }
.banner .banrInfo a i { background: #fff; border-radius: 50%; padding: 7px; color: #03900e; margin: 0 0 0 8px; }
.banner .banrInfo a:hover i { color: #fe4c1c; }
.carousel-control.right, .carousel-control.left { background: none; }
.why { width: 100%; background: url(../images/crvebg-1.png) no-repeat right 0; margin: 98px 0 0 0; text-align: center; }
.why p { font-size: 21px; line-height: 35px; color: #434343; }
.whySlider { margin: 60px 0 0 0; }
.whySlider .whyBox { background: #fff; border: solid 1px #fff; padding: 25px 10px 30px 10px; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.whySlider .whyBox:hover { border: solid 1px #ebebeb; }
.whySlider .owl-carousel .owl-item img { width: inherit; margin: 0 auto; }
.whySlider .whyBox h2 { font: 500 18px 'Red Hat Display', sans-serif; color: #1a1b1e; margin: 35px 0 0 0; }
.whySlider .owl-theme .owl-nav { display: none; }
.whySlider .owl-theme .owl-dots { margin: 30px 0 0 0; }
.whySlider .owl-theme .owl-dots .owl-dot.active span, .whySlider .owl-theme .owl-dots .owl-dot:hover span { background: #035ddf; }
.welcome { width: 100%; min-height: 400px; padding: 90px 0 137px 0; background: #03900f url(../images/bg.png) no-repeat; color: #fff; position: relative; }
.welcome svg.rhombus { pointer-events: none; position: absolute; left: 0; bottom: 0; }
.welcome .rhombus path { fill: #fff; stroke: #fff; stroke-width: 2; }
.welcome svg.rhmbsup { pointer-events: none; position: absolute; left: 0; top: 0; transform: rotateX(-180deg) rotateY(-180deg); }
.welcome .rhmbsup path { fill: #fff; stroke: #fff; stroke-width: 2; }
.welcome h2 { color: #fff; }
.welcome p { margin: 0 0 28px 0; }
.welcome a { color: #fff; background: #fe4c1c; font-size: 14px; padding: 11px 7px 11px 11px; border-radius: 30px; text-transform: uppercase; }
.welcome a:hover { background: #fff; color: #03900f; }
.welcome a i { background: #fff; border-radius: 50%; padding: 7px; color: #fe4c1c; margin: 0 0 0 8px; }
.welcome a:hover i { color: #fff; background: #03900e; }
.welcome .crseBox { margin: 50px 0 0 0; text-align: center; }
.welcome .crseBox a { background: none; padding: 0; border-radius: 0; text-transform: inherit; }
.welcome .crseBox a img { margin: 0 auto; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.welcome .crseBox a h3 { font: 500 27px 'Red Hat Display', sans-serif; color: #fff; margin: 27px 0 0 0; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.welcome .crseBox a:hover img, .welcome .crseBox a:hover h3 { opacity: .5; }
.welcome .tilt { margin: 125px 0 0 0; }
.course { width: 100%; background: url(../images/bg-2.png) no-repeat; padding: 110px 0; text-align: center; }
.course h2 { margin: 0 0 40px 0; }
.courseBox { background: #fff; padding: 40px 20px; text-align: center; box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -webkit-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -moz-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; margin: 0 0 30px 0; }
.courseBox .iconBox { width: 70px; height: 70px; line-height: 70px; color: #fff; display: inline-block; margin-bottom: 25px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background: rgb(1,87,230); background: linear-gradient(145deg, rgba(1,87,230,1) 0%, rgba(3,187,238,1) 100%); }
.courseBox h3 { font: 500 21px 'Red Hat Display', sans-serif; color: #1a1b1e; margin: 0; }
.courseBox:hover { background: rgb(1,87,230); background: linear-gradient(145deg, rgba(1,87,230,1) 0%, rgba(3,187,238,1) 100%); }
.courseBox:hover .iconBox { background: #fff; color: #00c3ff; }
.courseBox:hover h3 { color: #fff; }
.testimonial { width: 100%; min-height: 400px; padding: 137px 0; background: linear-gradient(-45deg, #1c1fa5, #09b5e1, #ff403e, #ff811b); color: #fff; background-size: 400% 400%; -webkit-animation: grad 15s ease infinite; animation: grad 15s ease infinite; text-align: center; position: relative; }
.testimonial svg.rhombus { pointer-events: none; position: absolute; left: 0; bottom: 0; }
.testimonial .rhombus path { fill: #202020; stroke: #202020; stroke-width: 2; }
.testimonial svg.rhmbsup { pointer-events: none; position: absolute; left: 0; top: 0; transform: rotateX(-180deg) rotateY(-180deg); }
.testimonial .rhmbsup path { fill: #fff; stroke: #fff; stroke-width: 2; }
@-webkit-keyframes grad { 0% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
 100% {
 background-position: 0% 50%;
}
}
 @keyframes grad { 0% {
 background-position: 0% 50%;
}
 50% {
 background-position: 100% 50%;
}
 100% {
 background-position: 0% 50%;
}
}
.testimonial h2 { color: #fff; margin: 0 0 60px 0; }
.testimonial .owl-theme .owl-nav { display: none; }
.testimonial .owl-theme .owl-dots { margin: 60px 0 0 0; }
.testimonial .owl-theme .owl-dots .owl-dot span { background: #fff; }
.testimonial .owl-theme .owl-dots .owl-dot.active span, .testimonial .owl-theme .owl-dots .owl-dot:hover span { background: #000; }
.testimonial .testBox { }
.testimonial .testBox i { font-size: 60px; }
.testimonial .testBox p { margin: 17px 0 30px 0; }
.testimonial .owl-carousel2 .owl-item img { width: auto; margin: 0 auto; border-radius: 50%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.testimonial .testBox .img-thumbnail { background: none; border: solid 2px #fff; }
.testimonial .testBox h3 { font: 500 17px 'Red Hat Display', sans-serif; color: #fff; margin: 30px 0 0 0; }
.footer { width: 100%; padding: 40px 0; background: #202020; color: #fff; }
.footer li { margin-bottom: 15px; }
.footer li a { color: #fff; }
.footer li a:hover { color: #252aee; }
.social { margin: 30px 0 0 0; text-align: center; }
.social a { background: #424242; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; padding: 6px 9px; color: #fff; margin: 0 20px 0 0; }
.social a.facebook { padding: 6px 13px; }
.social a:hover { background: #3a933f; color: #fff; }
.footer h3 { font: 700 24px 'Red Hat Display', sans-serif; color: #03900f; margin: 0 0 15px 0; }
.lwrftr { width: 100%; background: #19181a; padding: 15px 0; color: #fff; text-align: center; }
.inrHead { background: linear-gradient(-45deg, #03900e, #09b5e1, #1c1fa5); background-size: 400% 400%; -webkit-animation: grad 15s ease infinite; animation: grad 15s ease infinite; }
.pageIndct { width: 100%; text-align: center; color: #fff; padding: 60px 0; }
.pageIndct h1 { font: 700 36px 'Red Hat Display', sans-serif; margin: 0 0 4px 0; text-transform: uppercase; }
.pageIndct a { color: #fff; }
.aboutus { width: 100%; margin: 90px 0 0 0; }
.aboutus .abtTxt { column-count: 2; column-gap: 20px; column-rule: 1px dashed #08D; }
.courseDtls { width: 100%; margin: 90px 0; background: url(../images/crvebg-1.png) no-repeat right 0; }
.courseDtls h3 { font: 500 20px 'Red Hat Display', sans-serif; color: #1a1b1e; margin: 0 0 10px 0; }
.courseDtls ul { width: 100%; float: left; }
.courseDtls li { list-style-type: circle; float: left; margin: 0 35px 0 0; }
.courseDtls .panel-heading .accordion-toggle:after { font-family: 'Glyphicons Halflings'; content: "\e114"; float: right; color: #0160e7; }
.courseDtls .panel-heading .accordion-toggle.collapsed:after { content: "\e080"; }
.courseDtls .panel-default > .panel-heading { background: #e5eefc; }
.courseDtls .panel-group { margin: 50px 0 0 0; }
.courseDtls .panel-group .panel + .panel { margin: 0; }
.courseDtls .panel-default { border-color: #c5d6ef; }
.contactCont { width: 100%; padding: 50px 0 0 0; background: url(../images/crvebg-1.png) no-repeat right 0; }
.contactCont .address { padding: 30px; background: url(../images/bg-3.jpg) no-repeat; background-size: cover; }
.contactCont .address h2 { font-size: 30px; }
.contactCont .address h3 { font: 700 22px 'Red Hat Display', sans-serif; color: #03900e; margin: 0 0 7px 0; }
.contactCont .contacttbl { width: 100%; }
.contactCont .contacttbl td { padding: 0 0 30px 0; }
.contactCont .contacttbl td input[type="text"] { background: #fff; border: solid 1px #c5d6ef; padding: 5px 9px; font-size: 13px; width: 97%; }
.contactCont .contacttbl td input[type="text"]:focus, .contactCont .contacttbl td textarea:focus { background: #e5eefc; outline: none; }
.contactCont .contacttbl td textarea { background: #fff; border: solid 1px #c5d6ef; padding: 5px 9px; font-size: 13px; width: 100%; min-height: 116px; }
.contactCont .contacttbl td input[type="submit"] { background: #0160e7; color: #fff; padding: 7px 14px; border-radius: 5px; border: none; font-weight: 500; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.contactCont .contacttbl td input[type="submit"]:hover { background: #03900e; }
.contactCont .contacttbl td input[type="reset"] { background: #03900e; color: #fff; padding: 7px 14px; border-radius: 5px; border: none; font-weight: 500; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; margin: 0 10px 0 0; }
.contactCont .contacttbl td input[type="reset"]:hover { background: #0160e7; }
.contactCont .map { width: 100%; margin: 20px 0 0 0; position: relative; }
.contactCont .map svg.rhombus { pointer-events: none; position: absolute; left: 0; bottom: 0; }
.contactCont .map .rhombus path { fill: #202020; stroke: #202020; stroke-width: 2; }
.contactCont .map svg.rhmbsup { pointer-events: none; position: absolute; left: 0; top: 0; transform: rotateX(-180deg) rotateY(-180deg); }
.contactCont .map .rhmbsup path { fill: #fff; stroke: #fff; stroke-width: 2; }
.clientTesti { width: 100%; background: url(../images/bg-2.png) no-repeat; padding: 90px 0; }
.clientTesti .clientBox { width: 100%; background: #fff; padding: 40px 20px; text-align: center; box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -webkit-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -moz-box-shadow: 8px 8px 30px 0 rgba(42,67,113,.15); -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; transition: all 500ms ease-out; margin: 0 0 30px 0; }
.clientTesti .clientBox .img-thumbnail { border-radius: 0; }
.clientTesti .clientBox p { margin: 20px 0; }
.clientTesti .clientBox p span { color: #0160e7; font-weight: 500; }
.clientTesti .clientBox:hover { background: rgb(1,87,230); background: linear-gradient(145deg, rgba(1,87,230,1) 0%, rgba(3,187,238,1) 100%); color: #fff; }
.clientTesti .clientBox:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.clientTesti .clientBox:hover p span { color: #010886; }
#description { height: 230px; overflow: hidden; position: relative; }
.ps-container .ps-scrollbar-y { background: #fe4c1c; }
.ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { opacity: 1; filter: alpha(opacity = 100); }
.pin { width: 100%; margin: 0 0 60px 0; }
 @media screen and (max-width: 1199px) {
.navbar-header { float: none; }
.navbar-toggle { display: block; }
.navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-collapse.collapse { display: none!important; }
.navbar-nav { float: none!important; margin: 7.5px -15px; }
.navbar-nav>li { float: none; }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
.navbar-collapse.collapse.in { display: block!important; }
.navCont .navbar-nav > li > .dropdown-menu { width: 100%; }
.navbar-brand::before { border-top: 71px solid #006faf; }
.navbar-brand::after { border-top: 70px solid #fff; }
.banner .banrInfo { padding: 66px 30px; }
.banner .banrInfo h1 { font-size: 38px; }
.banner .banrInfo p { font-size: 20px; }
.banner .banrInfo a { padding: 9px 7px 9px 11px; }
.banner .banrInfo a i { padding: 6px; }
.welcome .tilt { margin: 190px 0 0 0; }
.aboutus img { margin: 0 auto; }
}
@media screen and (max-width: 991px) {
.header .top, .header .top .right { text-align: center; }
.banner .banrInfo h1 { font-size: 28px; }
.banner .banrInfo p { font-size: 16px; }
.welcome { padding: 110px 0 137px 0; }
.welcome .tilt, .welcome .crseBox { margin: 60px 0 0 0; }
.courseBox h3 { font: 700 16px 'Red Hat Display', sans-serif; }
.footer img { margin: 0 auto; }
.social { margin: 40px 0; }
}
 @media screen and (max-width: 767px) {
.banner .banrInfo { text-align: center; }
.banner .banrInfo p { display: none; }
.why { background: none; }
.addrs { margin: 40px 0 0 0; }
.aboutus .abtTxt { column-count: 1; }
}
@media screen and (max-width: 500px) {
.welcome .crseBox a h3 { font-size: 23px; }
.welcome .crseBox a img { width: 43%; }
}
@media screen and (max-width: 400px) {
.header .top { font-size: 12px; }
.welcome .crseBox a h3 { font-size: 20px; }
}