/* VIJAY ADDED STYLESSSS*/
 table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  border: 3px double #417700;
}
th{color:green;font-size:20px}
th, td {
  text-align: left;
  padding: 16px;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}
.flip-card img{width:220px;height:220px;cursor:pointer}
.flip-card-back dl{color:#fff;padding:5px}
.flip-card-back p,dl,dd,dt{font-size:15px;}
.flip-card {
  background-color: transparent;
  width: 220px;
  height: 220px;
  perspective: 1000px;
  margin: 15px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background: linear-gradient(-60deg, #055188, #1ac211);
  color: white;
  transform: rotateY(180deg);
}
.fa-caret-right:before{content:'\f0da';color:green}

/* VIJAY ADDED STYLESSSS           */
body {
	font-family: Roboto, sans-serif;
	color: #6e7889;
	font-size: 16px;
	line-height: 1.75;
	font-weight: 400
}

body,
html {
	overflow-x: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Poppins, sans-serif;
	line-height: 1.25;
	font-weight: 600
}

h1.color-primary,
h2.color-primary,
h3.color-primary,
h4.color-primary,
h5.color-primary,
h6.color-primary {
	color: #1863ab
}

.h1,
h1 {
	font-size: 2.25em;
	color: #1863ab
}

.h2,
h2 {
	font-size: 1.875em;
	color: #1863ab
}

.h3,
.h4,
.heading-md,
h3,
h4 {
	font-size: 1.45em;
	font-weight: 600;
	color: #353a42
}

.h4,
h4 {
	font-size: 1.25em;
	color: #353a42
}

.h5,
h5 {
	font-size: 1.125em;
	font-weight: 700;
	color: #353a42
}

.h6,
.heading-sm,
h6 {
	font-size: .875em;
	color: #353a42;
	font-weight: 700
}

ul {
	padding: 0;
	margin: 0
}

ul li {
	list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
	margin: 0 0 18px
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child {
	margin-bottom: 0
}

.heading-section {
	font-size: 1.875em
}

.heading-section.heading-sm {
	font-size: 1.375em
}

.heading-section {
	margin-bottom: 30px
}

.heading-section:last-child {
	margin-bottom: 0
}

.heading-section {
	text-transform: uppercase;
	color: #1863ab;
	font-weight: 600
}

.heading-section.color-primary {
	color: #1863ab
}

.box-s3,
.box-s3 h1,
.box-s3 h2,
.box-s3 h3,
.box-s3 h4,
.box-s3 h5,
.box-s3 h6,
.box-s4,
.box-s4 h1,
.box-s4 h2,
.box-s4 h3,
.box-s4 h4,
.box-s4 h5,
.box-s4 h6 {
	color: #fff
}

p+h1,
p+h2,
p+h3,
p+h4,
p+h5,
ul+h1,
ul+h2,
ul+h3,
ul+h4,
ul+h5 {
	margin-top: 35px
}

a {
	outline: 0;
	transition: all .5s;
	color: #1863ab
}

a:link,
a:visited {
	text-decoration: none
}

a:active,
a:focus,
a:hover {
	outline: 0;
	color: #ed4b41
}

.team-member img {
	outline: 0;
	border: 0 none;
	max-width: 100%;
	height: auto;
	vertical-align: top;
	-ms-border-radius: 6px;
	border-radius: 6px
}

img h3,
img h4,
img+h2 {
	margin-top: 15px
}

.hr,
hr {
	margin: 35px 0
}

.hr:first-child,
hr:first-child {
	margin-top: 0
}

.hr:last-child,
hr:last-child {
	margin-bottom: 0
}

input:focus {
	border-color: #66afe9;
	outline: 0;
	box-shadow: 0 0 0 transparent
}

.center {
	text-align: center
}

.section-pad {
	padding-top: 90px;
	padding-bottom: 50px
}

.section-pad-sm {
	padding-top: 45px;
	padding-bottom: 45px
}

.section-pad-md {
	padding-top: 67.5px;
	padding-bottom: 67.5px
}

.pad-0 {
	padding: 0
}

.col-list .row+.row {
	margin-top: 30px
}

div[class*=row-column].mgtop {
	margin-top: 60px
}

div[class*=row-column].mgtop-md {
	margin-top: 45px
}

div[class*=row-column].mgtop-sm {
	margin-top: 30px
}

div[class*=wide-]+div[class*=row-column]:not([class*=mg]):not([class*=mt-]) {
	margin-top: 60px
}

.fixed-bg {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover
}

.fixed-bg {
	background-attachment: fixed
}

.section-bg {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	transition: opacity .4s
}

.section-bg[class*=olayer-] {
	transform: scale(1.01)
}

.btn {
	font-family: Roboto, sans-serif;
	font-size: 12px;
	line-height: 1.4;
	font-weight: 700;
	padding: 12px 24px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	border: 2px solid #f6f9f6;
	background-color: #1863ab;
	box-sizing: border-box;
	transition: all .4s;
	-ms-border-radius: 4px;
	border-radius: 4px
}

.btn:focus,
.btn:hover {
	background-color: #ed4b41;
	border-color: #ed4b41;
	color: #fff
}

.btn.btn-alt {
	background: #ed4b41;
	border-color: #ed4b41
}

.btn.btn-alt:focus,
.btn.btn-alt:hover {
	background: #1863ab;
	border-color: #1863ab
}

.btn.btn-outline {
	color: #1863ab;
	background-color: transparent
}

.btn.btn-outline:focus,
.btn.btn-outline:hover {
	color: #fff;
	background: #1863ab;
	border-color: #1863ab
}

.btn.btn-outline.btn-alt {
	color: #ed4b41
}

.btn.btn-outline.btn-alt:focus,
.btn.btn-outline.btn-alt:hover {
	color: #fff;
	background: #ed4b41;
	border-color: #ed4b41
}

.btn.btn-center {
	margin: 0 auto;
	width: auto;
	min-width: 160px
}

.btn.btn-md {
	padding: 8px 20px
}

.btn.btn-sm {
	padding: 3px 12px 4px;
	font-weight: 400
}

.form-control {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.form-control:focus {
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
	box-shadow: 0 0 8px rgba(0, 0, 0, .1)
}

.form-results {
	display: none;
	font-size: 12px;
	margin: 15px 0
}

.form-results:first-child {
	margin-top: 0
}

.form-results:last-child {
	margin-bottom: 0
}

.color-primary {
	color: #1863ab
}

.color-heading {
	color: #1863ab
}

.box-s2 {
	background: #f8f8f8
}

.box-s1 {
	background: #fff
}

.bg-primary,
.box-s3 {
	background: #1863ab
}

.box-s4 {
	background: #ed4b41
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		transform: translate3d(-50px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		transform: translate3d(50px, 0, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translate3d(0, 50px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

.content-section {
	margin-top: 60px
}

.content-section:first-child {
	margin-top: 0
}

.content .list-style li {
	position: relative;
	padding-left: 13px;
	margin-left: 0;
	margin-bottom: 10px
}

.content .list-style li:last-child {
	margin-bottom: 0
}

.content .list-style li:before {
	font-family: FontAwesome;
	content: '\f105';
	color: #1863ab;
	position: absolute;
	left: 1px;
	top: 2px;
	font-size: 16px;
	line-height: 18px
}

.box-s3 .content .list-style li:before,
.box-s4 .content .list-style li:before {
	color: #fff
}

.position {
	position: static
}

.contact-list {
	margin-top: 30px
}

.contact-list:first-child {
	margin-top: 0
}

.contact-list li {
	margin-bottom: 20px;
	padding-bottom: 0
}

.contact-list li:last-child {
	margin-bottom: 0
}

.contact-list li span {
	margin-left: 40px;
	display: block;
	line-height: 1.4
}

.top-contact {
	margin: 0;
	list-style: none;
	font-size: 13px;
	line-height: 30px;
	color: inherit
}

.top-contact span {
	font-size: 1.25em;
	font-weight: 400
}

.top-contact li {
	margin-left: 25px;
	float: left;
	line-height: 1
}

.top-contact li:first-child {
	margin-left: 0
}

.top-contact a {
	color: inherit
}

.top-contact a:hover {
	color: #1863ab
}

div[class*=olayer-] {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	background: #000
}

div[class*=olayer-].box-s3,
div[class*=olayer-].box-s4 {
	background: #fff
}

div[class*=olayer-].primary {
	background: #1863ab
}

.form-message,
.form-quote {
	margin-top: 30px
}

.form-message:first-child,
.form-quote:first-child {
	margin-top: 0
}

.form-message .form-control,
.form-quote .form-control {
	height: 50px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #e1e1e1;
	background-color: #f8f8f8
}

.form-message .form-control.txtarea,
.form-quote .form-control.txtarea {
	height: 150px
}

.box-s2 .form-message .form-control,
.box-s2 .form-quote .form-control {
	background: #fff
}

.form-message .form-group,
.form-quote .form-group {
	margin-bottom: 15px
}

.form-message .form-field>p:first-child,
.form-quote .form-field>p:first-child {
	margin-top: 5px;
	margin-bottom: 10px
}

.form-message h3,
.form-message h4,
.form-quote h3,
.form-quote h4 {
	margin-top: 30px;
	margin-bottom: 10px
}

.form-message input[type=checkbox],
.form-message input[type=radio],
.form-quote input[type=checkbox],
.form-quote input[type=radio] {
	margin-right: 4px
}

.form-message ul.form-field,
.form-quote ul.form-field {
	margin-bottom: 5px
}

.form-message ul.form-field:last-child,
.form-quote ul.form-field:last-child {
	margin-bottom: 0
}

.form-message .btn,
.form-quote .btn {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px
}

.section-quoteform {
	background: #efefef;
	position: relative;
	overflow: hidden
}

.section-quoteform .form-control {
	background-color: #fff
}

.wgs-box {
	margin-bottom: 60px;
	position: relative;
	overflow: hidden
}

.wgs-box:last-child {
	margin-bottom: 0
}

.wgs-box .wgs-heading {
	font-size: 18px;
	font-weight: 500;
	color: #1863ab;
	text-transform: uppercase
}

.wgs-box h3,
.wgs-box h4 {
	font-size: 1.5em;
	color: #1863ab
}

.wgs-box p+h3,
.wgs-box p+h4,
.wgs-box p+p {
	margin-top: 15px
}

.wgs-box ul {
	list-style: none;
	margin: 0 0 10px
}

.wgs-box ul:last-child {
	margin-bottom: 0
}

.wgs-box ul li {
	padding-bottom: 10px
}

.wgs-box ul li:last-child {
	padding-bottom: 0
}

.wgs-box ul li ul {
	margin: 10px 0 0 35px
}

.wgs-box ul li ul li {
	font-size: .875em;
	padding-left: 0;
	padding-bottom: 5px;
	list-style: disc
}

.wgs-box ul li ul li:last-child {
	padding-bottom: 0
}

.wgs-box ul.contact-list li {
	padding-bottom: 0
}

.wgs-box.wgs-menus ul li {
	font-weight: 700
}

.wgs-box.wgs-menus ul li ul li {
	    font-weight: 600;
    font-size: inherit;
}

.wgs-box.wgs-menus ul.list>li {
	padding: 12px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.wgs-box.wgs-menus ul.list>li:first-child {
	padding-top: 0
}

.wgs-box.wgs-menus ul.list>li.list-heading span {
	text-transform: uppercase;
	color: #ed4b41;
	transition: color .4s
}

.wgs-box.wgs-menus ul.list>li.list-current a span,
.wgs-box.wgs-menus ul.list>li.list-heading a:hover span {
	color: #1863ab
}

.wgs-box.wgs-menus ul.list>li.current>a {
	color: #ed4b41
}

.wgs-box.wgs-menus ul.list-grouped {
	border: 1px solid rgba(0, 0, 0, .08);
	padding: 0;
	background-color: #fff;
	box-shadow: 0 0 4px rgba(0, 0, 0, .02);
	overflow: hidden;
	-ms-border-radius: 6px;
	border-radius: 6px
}

.wgs-box.wgs-menus ul.list-grouped>li {
	padding: 0
}

.wgs-box.wgs-menus ul.list-grouped>li a {
	padding: 12px 25px;
	display: block
}

.wgs-box.wgs-menus ul.list-grouped>li.list-heading {
	padding: 0
}

.wgs-box.wgs-menus ul.list-grouped>li.list-heading>a {
	padding: 0
}

.wgs-box.wgs-menus ul.list-grouped>li.list-heading span {
	padding: 12px 25px;
	display: block;
	background-color: #f8f8f8
}

.wgs-box.wgs-menus ul.list-grouped>li:last-child {
	border-bottom: 0 none
}

.wgs-box.wgs-menus ul.list-grouped li ul {
	margin: 0
}

.wgs-box.wgs-menus ul.list-grouped li ul li {
	padding-bottom: 0;
	list-style: none;
	border-top: 1px solid #e9e9e9
}

.wgs-box.wgs-menus ul.list-grouped li ul li.current a {
	color: #ed4b41
}

.wgs-box.wgs-menus ul.list-grouped li ul li a {
	padding: 9px 25px 8px;
	display: block
}

.wgs-box.wgs-quoteform {
	background-color: #f8f8f8;
	padding: 25px;
	-ms-border-radius: 6px;
	border-radius: 6px
}

.wgs-box.wgs-quoteform .form-control {
	background: #fff
}

div[class*=box-s]:not([class*=pd-x]) {
	padding: 25px
}

div[class*=box-s]:not([class*=round]) {
	-ms-border-radius: 6px;
	border-radius: 6px
}

div[class*=box-s].mgtop {
	margin-top: 60px
}

div[class*=box-s].mgtop-md {
	margin-top: 45px
}

div[class*=box-flat] {
	border: 2px solid rgba(24, 99, 171, .1)
}

div[class*=box-flat]:not([class*=pd-x]) {
	padding: 25px
}

div[class*=box-flat]:not([class*=round]) {
	-ms-border-radius: 6px;
	border-radius: 6px
}

div[class*=box-flat]:not([class*=bg-]) {
	background: #fff
}

div[class*=box-flat] hr {
	border-bottom-color: rgba(24, 99, 171, .1)
}

div[class*=box-flat] h3,
div[class*=box-flat] h4 {
	font-size: 1.375em;
	font-weight: 400
}

div[class*=box-flat].mgtop {
	margin-top: 60px
}

div[class*=box-flat].mgtop-md {
	margin-top: 45px
}

.copyright {
	background: #0c0c0c;
	color: #fff;
	font-size: 13px;
	line-height: 1.4
}

.copyright a {
	color: inherit;
	text-decoration: none
}

.copyright a:focus,
.copyright a:hover {
	color: #1e7dd8
}

.copyright:not([class*=section-pad]) {
	padding: 25px 0
}

.heading-section+.team-member-row {
	margin-top: -60px
}

.team-member-row:first-child {
	margin-top: -60px
}

.team-member-row.mgtop {
	margin-top: -30px
}

.team-more-btn {
	text-align: center
}

.team-more-btn:not(:first-child) {
	margin-top: 60px
}

.teams.teams-alt {
	background: rgba(0, 0, 0, .06)
}

.team-member {
	position: relative;
	overflow: hidden;
	margin-top: 60px
}

.team-member .team-photo {
	position: relative
}

.team-member .team-photo img {
	margin: 0;
	width: 100%;
	height: auto
}

.team-member .team-photo::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	opacity: 0;
	z-index: 0;
	-ms-border-radius: 6px;
	border-radius: 6px;
	transition: opacity .5s
}

.team-member a:hover>.team-photo::after {
	opacity: .5
}

.team-member .team-info {
	margin-top: 12px
}

.team-member .team-info:first-child {
	margin-top: 0
}

.team-member .team-info .name,
.team-member .team-info h4 {
	color: #1863ab
}

.team-member .team-info .name+.sub-title,
.team-member .team-info h4+.sub-title {
	margin-top: -12px
}

.team-member .team-info .sub-title {
	color: #aaa;
	margin: 0
}

.team-member .team-info .sub-title+p {
	margin-top: 10px
}

.team-profile {
	margin-top: 60px;
	overflow: hidden
}

.team-profile:first-child {
	margin-top: 0
}

.team-profile+.team-profile {
	padding-top: 15px
}

.team-profile .team-member {
	margin-top: 0
}

.team-profile .team-member .name {
	color: #1863ab
}

.team-profile .team-info {
	margin-top: 0;
	padding-left: 30px
}

.team-profile .team-info .hr,
.team-profile .team-info hr {
	margin: 30px 0
}

@media only screen and (min-width:1200px) {
	.pad-r {
		padding-right: 60px
	}
	.pad-l {
		padding-left: 60px
	}
}

@media only screen and (max-width:1199px) {
	body {
		font-size: 15px
	}
}

@media only screen and (max-width:1199px) and (min-width:992px) {
	.pad-r {
		padding-right: 45px
	}
	.pad-l {
		padding-left: 45px
	}
	.call-action .cta-sameline h3,
	.call-action .cta-sameline h4 {
		font-size: 1.25em
	}
}

@media only screen and (max-width:991px) {
	body {
		font-size: 14px;
		-webkit-text-size-adjust: 100%
	}
	.container {
		max-width: 720px
	}
	.section-pad {
		padding-top: 67.5px;
		padding-bottom: 67.5px
	}
	.form-m-bttm {
		margin-bottom: 30px
	}
	.center-md {
		text-align: center
	}
	.team-member,
	.team-profile {
		margin-top: 30px
	}
	.team-member-row:first-child {
		margin-top: -30px
	}
	.team-member-row.mgtop {
		margin-top: -20px
	}
	.team-member-row+a.btn-center {
		margin-top: 30px
	}
	.team-member .team-info {
		margin-top: 10px
	}
	.sidebar-right {
		margin-top: 60px
	}
	.form-group .form-field+.form-field {
		margin-top: 15px
	}
	.form-group .form-field+ul.form-field {
		margin-top: 5px
	}
	.top-contact span {
		font-size: 1em
	}
	.header-top {
		margin-top: 15px
	}
	.header-top>* {
		margin-left: 20px
	}
	.header-top>:first-child {
		margin-left: 0
	}
	.header-top .quote-btn .btn {
		padding: 7px 16px
	}
	.content .list-style li:before {
		top: 1px
	}
	.footer-col .col-md-6:last-child {
		padding-left: 0
	}
	.contact-list li span {
		line-height: inherit
	}
	.content-section {
		margin-top: 30px
	}
	.hr,
	hr {
		margin-top: 30px;
		margin-bottom: 30px
	}
	.hr:last-child,
	hr:last-child {
		margin-bottom: 0
	}
	.hr:first-child,
	hr:first-child {
		margin-top: 0
	}
	.team-member-row .even[class*=col-sm-6] {
		clear: left
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	[class*=row-column]>.col-md-2.col-sm-3:nth-child(5),
	[class*=row-column]>.col-md-2.col-sm-4:nth-child(4) {
		clear: left
	}
	.call-action .cta-sameline {
		padding-right: 180px
	}
}

@media only screen and (max-width:767px) {
	.container {
		padding-left: 30px;
		padding-right: 30px;
		max-width: 100%
	}
	div[class*=row-column].mgtop,
	div[class*=row-column].mgtop-md {
		margin-top: 30px
	}
	div[class*=row-column]>[class*=col-] {
		width: 100%
	}
	div[class*=row-column]>[class*=col-].col-xs-6 {
		width: 50%
	}
	div[class*=row-column]>[class*=col-].col-xs-6:nth-child(2n+1) {
		clear: left
	}
	.center-sm {
		text-align: center
	}
	.top-contact {
		line-height: 24px
	}
	.top-contact li {
		margin-left: 12px;
		display: inline-block;
		float: none
	}
	.top-contact li:first-child {
		margin-left: 0
	}
	.header-s2 .header-top,
	.header-s3 .header-top {
		text-align: center;
		margin: 10px 0 0;
		width: 100%
	}
	.header-s2 .header-top>*,
	.header-s3 .header-top>* {
		float: none;
		margin: 0 10px;
		display: inline-block
	}
	.header-s2 .header-top .quote-btn,
	.header-s3 .header-top .quote-btn {
		display: none
	}
	.header-s2 .header-top {
		margin: 13px 15px 0 0!important;
		float: right;
		width: 60%;
		text-align: right
	}
	.header-s2 .header-top .top-contact {
		line-height: 32px
	}
	.header-s2 .header-top .top-contact span {
		font-weight: 600
	}
	.section-pad {
		padding-top: 45px;
		padding-bottom: 45px
	}
	.pad-xs-0 {
		padding: 0
	}
	.call-action .cta-sameline {
		padding-right: 0;
		text-align: center
	}
	.call-action .cta-sameline h2:first-child,
	.call-action .cta-sameline h3:first-child {
		margin-top: -10px
	}
	.call-action .cta-sameline .btn {
		transition: none;
		position: static;
		margin-top: 20px;
		transform: translate(0, 0)
	}
	.call-action .cta-sameline .btn {
		position: static;
		margin-top: 20px
	}
	.project-info h3.section-heading,
	.project-info h4.section-heading {
		margin-top: 35px
	}
	.team-profile .team-photo img {
		max-width: 320px
	}
	.team-profile .team-info {
		padding-left: 15px;
		margin-top: 25px;
		text-align: left
	}
	.copyright {
		text-align: center
	}
}

@media only screen and (max-width:480px) {
	body {
		min-width: 320px
	}
	.header-s2 .header-top {
		width: auto
	}
	.heading-section {
		font-size: 1.5em
	}
	.heading-section.heading-sm {
		font-size: 1.125em
	}
	.call-action .cta-block {
		padding: 67.5px 0
	}
	.contact-group {
		margin-bottom: 40px
	}
	.contact-group:last-child {
		margin-bottom: 0
	}
	.team-member-row[class*=col-] {
		width: 100%
	}
	.team-member {
		text-align: center
	}
	.team-member .team-photo {
		max-width: 300px;
		margin-left: auto;
		margin-right: auto
	}
}

@media only screen and (max-width:375px) {
	.btn+.btn {
		margin-top: 5px
	}
	.h1,
	h1 {
		font-size: 1.875em
	}
	.h2,
	h2 {
		font-size: 1.5em
	}
	.header-s2 .header-top {
		max-width: 135px
	}
	.header-s2 .header-top .top-contact {
		display: block;
		margin: 3px 0;
		line-height: 24px
	}
}

h3.heading-section {
	margin-bottom: 15px
}

@keyframes scrolling {
	0% {
		transform: translate(0, 0);
		opacity: 0
	}
	40% {
		opacity: 1
	}
	80% {
		transform: translate(0, 20px);
		opacity: 0
	}
	100% {
		opacity: 0
	}
}