@charset "utf-8";
/* CSS Document */
*{
	padding:0px;
	margin:0px;
}
/* no-gutters Class Rules */
.row.no-gutters {
   margin-right:0px;
   margin-left: 0px;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 6px;
   padding-left: 0;
}
.row{
	margin:0px;
}

body
{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	background-image:url(../img/bg.jpg);
	background-image:repet x;
}
.page-bg{
	background-color:#fff !important;
	padding:0px;
	margin:0px;
}
.bord
{
	width:100%;
	border-top:7px solid #ed1c24;
}
.header
{
	width:100%;
	height:130px;
	margin:0px;
}
.header-box
{
	width:100%;
	padding-top:10px;
	margin:0px;
}
.header-box1{
	width:100%;
}
.header-box2
{
	width:100%;
	padding-top:50px;
	margin-left:20px;
	text-transform:uppercase;
	font-weight:lighter;
	font-size:14px;
}
.header-box3
{
	width:100%;
	padding-top:40px;
	margin-left:0px;
	text-transform:uppercase;
	font-weight:lighter;
	font-size:14px;
}
.header-social{
	margin-top:-30px;
	text-align:right;
}
.header-social a:hover{
	color:#fff;
	text-decoration:none;
}
.header-box2 span
{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-weight:700;
	color:#393636;
}
.header-box3 span
{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	font-weight:700;
	color:#393636;
}
.header-box2 ul{
	list-style: none;
	display: flex;
}
.header-box2 ul li{
	text-decoration:none;
}
.clear
{
	clear:both;
}
<!--nav-->
.navbar-inverse {
  border:none;
  background-color:#f85811 !important;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
  background-color:#f85811 !important;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color:#f85811;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #333 !important;
  background-color: #fff;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
  border-color:#e9e9e9;
  background-color: #ed1c24;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #ff252d;
  border-color:#e9e9e9;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
<!--end nav-->
.navbar-inverse {
  border:none;
  background-color:#f85811 !important;
}
.navbar
{
	width:100%;
	background-color:#f85811 !important;
	height:70px;
	border:none;
	z-index:111;
	border-radius:none;
}
.bg-dark{
	background-color:#f85811 !important;
}

/*
.active{
	color: #333 !important;
	background-color: #fff;
	border-radius:3px;
}
*/
.nav-button{
	width:100px;
	height:70px;
	border:none;
	margin-top:0px;
	margin-right:20px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#ed1c24;
	border-radius:0px;
	color:#ffffff;
	float:right;
	font-size:30px;
	line-height:30px;
}
.navbar ul {
	padding:0px;
	margin:15px;
}
.navbar ul li {
	padding:0px;
	margin:0px !important;
	background-color:#f85811;
}
.navbar ul li a {
	padding:11px 20px;
	border-radius:4px;
	transition:all .5s;
	color:#fff !important;
	text-transform:uppercase;
	font-size:16px;
}
.navbar ul li a:hover {
	border-radius:4px;
	color:#333 !important;
	background-color:#fff !important;
}
.navbar ul li a .active {
	background-color:#fff !important;
	color:#333;
}
.banner{
	width:100%;
	max-height:400px;
	padding:0px;
	border-top:5px solid #fff;
	border-bottom:5px solid #fff;
	position:relative;
}
.banner-bg{
	background-color:#f85811;
}
.banner-up{
	width:100%;
	height:110px;
	background-color:#ed1c24;
	padding:5px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
}
.banner-down{
	width:100%;
	height:280px;
	background-color:#f85811;
	padding:20px;
	color:#fff !important;
	border-top:5px solid #fff;
	text-align:center;
	font-size:18px;
	margin:0px;
}
marquee p{
	font-size: 16px;
	color:#ffffff;
	text-align:center;
}
.banner-wraper{
	width:100%;
	margin:0px;
	padding-top:0px;
	color:#fff;
}
.banner-inner{
	width:100%;
	padding:20px 10px;
	margin-top:0px;
	color:#fff;
}
.banner-inner p{
	color:#fff;
}
.banner-bg1{
	background-color:#87cc00;
}
.banner-bg2{
	background-color:#fd5308;
}
.banner-bg3{
	background-color:#00adef;
}

.about{
	width:100%;
	height:250px;
}
.devider{
	width:100%;
	height:10px;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
	padding:0px;
	margin:0px;
}
.program{
	width:100%;
	padding:20px 0px;
	margin:0px;
}
.program-inner{
	width:100%;
	padding:10px;
	margin:0px;
}
.program-inner span{
	color:#ed1c24;
	font-weight:bold;
}
.clients{
	width:100%;
	padding:0px;
	margin-top:0px;
}
.clients-wrapper{
	width:100%;
	padding:0px;
	margin-top:80px;
}
.clients-inner{
	width:100%;
	padding:0px;
	margin:20px;
	text-align:center;
}
.clients-inner span{
	color:#ed1c24;
}
<!--clients-->
#team {
	background-color:#f5f5f5 !important;
}


.btn-primary {
    color: #fff;
    background-color: #007b5e;
    border-color: #007b5e;
}



section .section-title {
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background-color:#f5f5f5;
}

.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: .25rem;
	background-color:#f5f5f5;
	border-bottom:5px solid #ed1c24;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
	background-color:#f5f5f5;
	border-bottom:5px solid #ed1c24;
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
	border:1px solid #e9e9e9;
	border-bottom:5px solid #ed1c24;
	background-color:#f5f5f !important;
	padding:20px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background:#f5f5f;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    -moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
    box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	background-color:#f5f5f5;
	padding:20px;
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;

}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #007b5e !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #333 !important;
	font-size:24px;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
	margin-top:-60px;
	border:5px solid #e5e5e5;
}
.card-body span{
	color:#999;
}

.fa {
  font-size:30px;
  width: 35px;
  height:35px;
  text-align: center;
  line-height:35px !important;
  text-decoration: none;
  margin: 0px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}
.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.logo-box{
	width:100%;
	padding-top:15px;
	margin:0px;
	background-color:#ed1c24;
}
.our-clients-inner{
	width:100%;
	padding:20px 0px;
	margin:0px;
	background-color:#ed1c24;
}

<!--clients-->
.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom:0px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
background: #707070;
}
/*end clients logo*/

.course{
	width:100%;
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	padding-top:30px;
}
.course h2, h6{
	font-weight:bold;
	color:#333;
	text-transform:uppercase;
}
.course h4{
	font-weight:lighter;
	color:#333;
	text-transform:uppercase;
}
.course span{
	font-weight:bold;
	color:#ed1c24;
}
/*end courch*/
.caption{
	padding:20px 15px;
	margin:0px;
}
.caption p{
	text-align:justify;
	color:#333;
}
.thumbnail{
	border:1px solid #dbdbdb;
}
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}


.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}
/*banner last*/
.banner_last{
	width:100%;
	margin-top:0px;
	padding:20px;
	background-image:url(../img/banner-last.jpg);
	background-size:cover;
}
.banner_last_box{
	width:100%;
	padding:0px;
	margin:0px;
	color:#fff;
}
.banner_last_box p{
	color:#fff;
}
.banner_last_box h1{
	text-transform:uppercase;
}
/* footer one*/
.footer{
	width:100%;
	margin-top:5px;
	padding:15px;
}
.footer_box h5{
	color:#f85811 !important;
	font-size:16px;
}
.footer_bg1{
	background-color:#212331 !important;
}
.footer_bg2{
	background-color:#f85811;
		margin-top:3px;
}
.footer_box{
	width:100%;
	padding:30px 5px;
	margin:0px;
	color:#ffffff;
}
.footer_box ul li{
	list-style:none;
}
.footer_box ul li a{
	list-style:none;
	text-decoration:none;
	color:#f0f0f0;
	font-size:16px;
	line-height:36px;
}
.footer_box ul li a:hover{
	color:#f85811;
}
.footer_box p{
	color:#fff;
}
.footer_box i{
	color:#f85811;
	font-size:24px;
	text-align:left;
}
.footer_box a{
	color:#f85811;
}
.footer_box a:hover{
	color:#ff9160;
}
.footer_last{
	width:100%;
	padding:10px 10px;
	color:#ffffff;
	line-height:30px;
}
.footer_last a{
	color:#fff;
}
	
/* button*/
.btn {
  border: 2px solid #f85811;
  color: black;
  padding: 7px 10px;
  text-align: center;
  font-size: 14px;
  transition: 0.3s;
}

.btn:hover {
  background-color: #f85811;
  color: white;
}
.btn {
  border: 2px solid #f85811;
  color: black;
  padding: 7px 10px;
  text-align: center;
  font-size: 14px;
  transition: 0.3s;
  border-radius:8px;
}

.btn:hover {
  background-color: #f85811;
  color: white;
}
.btn_sm {
  border: 2px solid #f85811;
  color: black;
  padding: 2px 10px;
  text-align: center;
  font-size: 12px;
  transition: 0.3s;
  border-radius:8px;
}

.btn_sm:hover {
  background-color: #f85811;
  color: white;
}
.contact{
	width:100%;
	padding:50px;
}
.card_last{
	padding: 8px !important;
	border: none;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
	background-color:#eeeeee;
}
.card_last:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
}
.card_last .card_last-block{
	padding-left: 50px;
    position: relative;
}
.card_last .card_last-block a{
	color: #007b5e !important;
	font-weight:700;
	text-decoration:none;
}
.card_last .card_last-block a i{
	display:none;
	
}
.card_last:hover .card_last-block a i{
	display:inline-block;
	font-weight:700;
	
}
.card_last .card_last-block:before{
	font-family: FontAwesome;
    position: absolute;
    font-size: 39px;
    color: #ed1c24;
    left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
    transition:transform .2s ease-in-out;
}
.card_last .block-1:before{
    content: "\f041";
}
.card_last .block-2:before{
    content: "\f095";
}
.card_last .block-3:before{
    content: "\f003";
}
.card_last .block-4:before{
    content: "\f209";
}
.card_last .block-5:before{
    content: "\f0a1";
}
.card_last .block-6:before{
    content: "\f218";
}
.card_last:hover .card_last-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);	
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
.form-control{
	width:100%;
	height:40px;
	border:1px solid #dbdbdb;
	border-radius:0px;
}
.fa-whatsapp{
	padding-top:5px;
	margin:-10px;
}
@media only screen and (max-width: 768px){

.header{
	width:100%;
	max-height:100px;
	margin:0px;
}
.header-box img
{
	width:98%;
}
.header-box1 img
{
	margin-top:0px;
}
.header-box2{
	display:none;
}
.header-box3{
	display:none;
}
.header-social{
	display:none;
}
.header-box2 ul{
	display:none;
}
.header-box2 ul li{
		display:none;
}
.navbar
{
	width:100%;
	background-color:#f85811;
	height:50px;
}
.navbar-nav .nav-item {
	color:#fff;
	
}
.navbar ul {
	padding:0px;
	margin:0px;
}

.navbar-nav .nav-item a {
	color:#fff;
	text-decoration:none;
	font-size:16px;
	text-transform:uppercase;
	padding:12px 20px;
}
.navbar-nav .nav-item a:hover{
	background-color:#ffffff;
	border-radius:3px;
	color:#333;
}
.nav-button{
	display:none;
}
.banner{
	width:100%;
	max-height:500px;
}
.logo-box{
	padding-top:5px;
}
.image-flip{
	margin-top:30px;
}
.clients{
	width:100%;
	padding:0px;
	margin-top:0px;
}
.clients-wrapper{
	width:100%;
	padding:0px;
	margin-top:60px;
}
.clients-inner{
	width:100%;
	padding:0px 15px;
	margin:0px;
	text-align:center;
}
.clients-inner img{
	width:70%;
	text-align:center;
}
.course img{
	width:70%;
}
.footer_last{
	text-align:center;
}
.form-control{
	margin-left:0px;
	margin-right:0px;
}
.row{
	margin:0px;
}

}