body {margin:0; padding:0; font-family: 'Roboto', sans-serif; box-sizing: border-box; overflow-x:hidden;}

a {color:#3d69b0;text-decoration:none;outline:0;-webkit-transition:all .2s linear,background .2s linear;-moz-transition:all .2s linear,background .2s linear;-o-transition:all .2s linear,background .2s linear;transition:all .2s linear,background .2s linear;}
button {-webkit-transition:all .2s linear,background .2s linear;-moz-transition:all .2s linear,background .2s linear;-o-transition:all .2s linear,background .2s linear; transition:all .2s linear,background .2s linear;}
a:hover{text-decoration:none;outline:none; color:#000;}
a:active{text-decoration:none;outline:none;}
a:focus{text-decoration:none;outline:none;}

img {max-width:100%;}
p {color:#1e1e1e; font-size:15px; font-weight:500;}

hr {border-top:solid #ddd 1px; margin-top:20px; margin-bottom:20px; width:100%; float:left;}
.dashed {border-top:dashed #acacac 1px;}
.textlinenone {text-decoration:none !important;}

.mrgbot {margin-bottom:50px !important;}
.mrgtop {margin-top:23px;}
.margin {margin:15px 0;}
.margin30 {margin:30px 0;}

.form-control {border-radius: 0; -webkit-border-radius: 0;}
.form-control:focus {outline:0; box-shadow:none; border-color:#7fb92c;}

.padd0 {padding:0;}
.paddbottom {padding-bottom:30px;}
.paddtop {padding-top:15px;}
.paddtop40 {padding-top:40px;}
.paddtop30 {padding-top:30px;}
.padding30 {padding:30px 0;}
.padding15 {padding:15px 0;}
.padding40 {padding:40px 0;}

.txtwhite {color:#fff;}
.txtblack {color:#fff;}

/*.bodybg {background:url(../images/bodybg.jpg) no-repeat; background-size:100% 100%; height:100vh;}
*/.header {margin:0; padding:10px 0;}
.logo {
  margin:20px 0;
}
.banner {position:relative;}

.fullsection {margin:0; float:left; width:100%;}

.middlepart {position:relative;}
.titletxt {
  color: #000;
  font-size: 30px;
  font-weight: bold;
  margin: 20px 0;
  padding: 0;
}
.decrtxt {margin:0; padding:0 30px; font-size:14px; color:#626262; font-weight:400;}
.vstbtn {margin:15px 0; padding:8px 25px; display:inline-block; font-size:16px; color:#fff; background:#6f9f32; font-weight:300;}
.vstbtn:hover {color:#fff;}
.vstbtn:focus {color:#fff;}

.desktop {position:relative; margin:0 auto; width:360px; height:209px; background:url(../images/dc.png) no-repeat;}

.portimg  {width:263px; height:165px; background:url(../images/training.jpg) no-repeat; background-size: cover; position:absolute; left: 49px; top: 17px; align-content:transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}

.portimg.skill {background:url(../images/skill-development.jpg) no-repeat;  background-size: cover;}
.portimg.consulting {background:url(../images/prakshal-consulting.jpg) no-repeat;  background-size: cover;}
 
.box:hover .portimg {background-position: 0px 0px; animation: animatedBackground 3s linear infinite; -moz-animation: animatedBackground 3s linear infinite;    -o-animation: animatedBackground 3s linear infinite; -webkit-animation: animatedBackground 3s linear infinite; animation-timing-function: ease;  animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}

@-moz-keyframes animatedBackground {
 0 { background-position: 0 0; }
 100% { background-position: 0 100%; }
}

@-webkit-keyframes animatedBackground{
	0{background-position: 0px 0px;}
	100%{background-position: 0 100%;}
}


.button12{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;	transition: all 0.5s; position: relative;
border: 1px solid rgba(255,255,255,0.5); overflow: hidden;}
.button12 a{olor: rgba(51,51,51,1);	text-decoration: none; display: block;}
.button12 span{z-index:2;	display:block;	position:absolute;	width:100%; height:100%;}
.button12::before{content: ''; position: absolute; top: 50px; left: -5px; width: 0;	height: 0;	border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 190px solid rgba(255,255,255,0.25);	z-index: 1;	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;	transition: all 0.5s;}
.button12::after{content: ''; position: absolute; top: 50px; left: -5px; width: 0; height: 0; border-left: 100px solid transparent;	border-right: 100px solid transparent; border-bottom: 190px solid rgba(255,255,255,0.25);	z-index: 1;	-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; 	transition: all 0.5s;}
.button12::after{-webkit-transition-delay: 0.2s; /* Safari */ transition-delay: 0.2s;}
.button12:hover::before{opacity:1;	-webkit-transform: translate(0px,-190px); transform: translate(0px,-190px);}
.button12:hover::after{opacity:1; -webkit-transform: translate(0px,-150px); transform: translate(0px,-150px);}


.copyright { width:100%; display:inline-block; margin:0; padding:15px 0 0; color:#111908; font-weight:300; text-align:center;}


.top-title{
	margin:40px 0 0;
}

.bodybg {
    background: url(images/bodybg4.jpg) no-repeat;
    background-size: 100% 100%;
    height: 100vh;
	
}