/*
Theme Name: Bootstrap Basic
Theme URI: https://rundiz.com
Author: Vee Winch
Author URI: 
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy. You can support theme author by <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=9HQE4GVV4KTZE" target="donate">donate</a>. To follow what was changed, please look for <a href="https://github.com/Rundiz-WP/bootstrap-basic" target="commits">commits</a> of this theme at Github or changelog.md file that come with the theme.
Version: 1.1.3
License: MIT
License URI: https://opensource.org/licenses/MIT
Text Domain: bootstrap-basic
Domain Path: /languages/
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments, translation-ready

This theme built with Twitter Bootstrap v.3. It is basic theme with basic style for build new theme with Bootstrap.

*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*Common*/
body {
	font-family: 'Nunito Sans', sans-serif;

}
.row {
    margin-right: unset !important;
    margin-left: unset !important;
}
h1.entry-title {
    display: none;
}
#main-column .post, #main-column .page {
    border: unset;
    margin-bottom: unset;
    padding: unset;
}
div#main-column {
    padding: unset !important;
}
.row-with-vspace {
    margin-bottom: 0px !important;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
/*Header-Logo*/
header {
    background: url(/wp-content/uploads/2021/01/Bg-01-1.jpg);
    padding: 10px 0px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    background-size: cover;
}
header.entry-header{padding:unset;}
.logo img {
    width: 32%;
}
/*Menu*/
.navbar-default {
    background-color: unset;
    border-color: unset;
    border: unset;
    margin: 0;
	box-shadow: unset;
	border-radius: unset;
	background-image: unset;
	float: right;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 25px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: unset;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a {
    background-image: unset;
    box-shadow: unset;
}
.navbar-nav>li>a {
    padding-top: unset;
    padding-bottom: unset;
    font-size: 15px;
    color: #000 !important;
    font-weight: 700 !important;
}
.navbar-collapse {
    padding-right: 0;
	padding-left: 0;
}
.navbar {
    min-height: unset;
    padding-top: 30px;
}
li#menu-item-107:hover ul.sub-menu.dropdown-menu {display: block;}
.dropdown-menu {
	padding: 0px 0;}
.dropdown-menu>li>a {
   color: #333;
    font-weight: 600;
    line-height: 26px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color: #264391;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-image: unset;
    background-image: -o-linear-gradient(top,#337ab7 0,#2e6da4 100%);
    background-image: unset;
    background-image: unset;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
    background-color: #545454 !important;
}
/*sec-a*/
.sec-a {
    background: url(/wp-content/uploads/2021/01/bg-001.jpg);
    background-size: cover;
}
.sec-a-inn {
    padding: 25px 0px;
}
.A-part-a h1 {
    font-size: 26px;
    font-weight: 700;
    margin-top: 0;
    color: #223484;
}
.A-part-a h3 {
    margin-bottom: 5px;
}
p.P-part-a {
    color: #0d1430;
    font-weight: 600;
}
p.P-part-b {
    color: #747474;
}
.A-part-a h5 {
    background: #252626;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    float: left;
    margin-top: -2px;
}
.read-more span {
    background: #252626;
    color: #fff;
    padding: 3px 8px;
    margin: 0px 10px;
}
.A-part-b {
    padding-top: 50px;
}
.A-part-b li {
    display: inline-block;
    text-align: center;
    padding: 0px 65px;
    font-size: 24px;
    font-weight: 700;
    color: #223484;
    border-right: 2px solid #dfdfdf;
}
.A-part-b li:last-child {
    border: unset;
}
.A-part-b li span {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}
.A-part-b ul {
    padding: 12px 0px;
    background: #f8f8f8;
	box-shadow: 0px 0px 4px 1px #b8b8b8;width: 65%;
}
.sec-b {
    background: #EAEAEA;
}
.sec-b-inn {
    padding: 40px 0px;
}
.op-1-inn h3 {
    text-transform: uppercase;
    font-weight: 700;
    color: #223484;
	margin-top: 0;
}
.op-1-inn hr {
    margin-bottom: 10px !important;
    border-top: 2px solid;
    width: 30%;
    margin: initial;
}
.sec-b {
    background: #EAEAEA;
}
.op-1-inn p {
    font-weight: 600;
}
.grid-gallery {
    margin: 0px auto !important;
}
.sec-c-txt {
    text-align: center;
}
.c-sec-A-txt, .c-sec-B-txt, .c-sec-C-txt, .c-sec-D-txt {
    text-align: center;
	border: 1px solid #efefef;
    padding: 15px;
}
.c-sec-A-txt h4, .c-sec-B-txt h4, .c-sec-C-txt h4, .c-sec-D-txt h4 {
    font-weight: 700;
    font-size: 16px;
	color:#223484;
}
.c-sec-A-img img, .c-sec-B-img img, .c-sec-C-img img, .c-sec-D-img img {
    width: 50px;
    border: 2px solid #223584;
    padding: 5px;
	border-radius: 25px;
}
.c-sec-A-img, .c-sec-B-img, .c-sec-C-img, .c-sec-D-img{
	text-align:center;
	margin-bottom: 25px;
}
.c-sec-B, .c-sec-D {
    margin-top: 45px;
}
.C-A-img {
    position: absolute;
    top: 0;
    right: -65px;
}
.C-A-img img {
    width: 75px;
}
.C-B-img img {
    width: 75px;
}
.C-B-img {
    position: absolute;
    top: 30px;
    right: -20px;
}
.C-A-img.C {
    right: -45px;
}
.sec-c-txt h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #223484;
}
.sec-d h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    color: #223484;
	text-align:center;
	margin-top: 0;
}
.sec-d {
    background: #EAEAEA;
}
.sec-c-inn {
    padding: 40px 0px;
}
.sec-d-inn {
    padding: 40px 0px;
}
#site-footer {
    background: #363636;
    border-top: unset;
    font-size: 12px;
    padding: 25px 0px;
	padding-bottom: 8px;
    color: #fff;
}
.foot-last {margin-top: 20px;}
.foo-logo img {
    width: 35%;
	margin-bottom: 15px;
}
.social-icon a {
    color: #fff;
    font-size: 13px;
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 24px;
    margin-right: 10px;
    text-decoration: unset;
}
.foo-b li {
    list-style: none;
    line-height: 22px;
}
.foo-b ul {
    padding: 0;
    padding-left: 5px;
}
.foo-b a {
    color: unset;
    text-decoration: unset;
}
.foo-b address {
	margin-bottom: 10px;}
hr.foo-line {
    border-top: 1px solid #c1c1c1;
    margin: 20px 0px 10px 0px;
}
.dev {
    text-align: right;
}
.cop a, .dev a {
    color: #b5dcff;
    text-decoration: none;
}
.cop span, .dev span {
    color: #fff;
}
/* contact page */
button#wpforms-submit-459 {
    color: #fff;
    background: #223484;
    float: right;
}
/*banner*/
.banner {
    color: #fff;
    background:#223484;
}
.bann-in {
    padding: 145px 0px 45px 0px;
}
.gg-image-caption.fitvidsignore {
    text-align: center;
    text-transform: uppercase;
}
.mobile-slider { display:none; }

/* .page-id-15 .banner, .page-id-11 .banner {
    margin-bottom: 370px;
} */

/* About us   */
.about-sec {padding: 40px 0px 20px 0px;}
.about-sec1 { padding: 0px 0px 40px 0px;  }
.about-sec1 ul li { line-height:25px;color:#000000;text-align:justify; }
.about-sec1 ul { padding:0px 0px 0px 18px ;margin:0; }
.about-sec1 p { text-align:justify;color:#000000; }
.about-sec p { text-align:justify;color:#000000;  }
.about-sec1 h3 { font-size: 25px;font-weight: 700;color: #223484; }
#aboutmission { background:#F3F3F1; }
#mission { padding:10px 20px 30px 20px; }
#vision { padding:10px 20px 30px 20px; }
/*Contact-us*/
.cont-txt {
    color: #323232;
    margin-top: 55px;
    border-radius: 8px;
}
.cont-txt-inn {
    /*padding: 45px 0px;*/
    border-radius: 8px;
}
.cont-sec {
    padding: 35px 0px;
}

.cont-num a {
    color: #323232;
    text-decoration: none;
}
.cont-add address h4 {
    color: #323232;
}
.add {
    font-size: 15px;
    line-height: 26px;
}
.add .fa {
    color: #223484;
    font-size: 15px;
    padding-right: 5px;
}
.cont-txt h4 {
    font-weight: 600;
	color: #223484;
}
.con-frm h4 {
    font-weight: 700;
    text-align: center;
    color: #02235a;
    font-size: 20px;
    margin-top: 0;
}
.cont-txt img {
    width: 25px;
}
.cont-num img {
    width: 20px;
}
.cont-num img {
    margin-right: 15px;
}
.con-frm input#cf-name, .con-frm input#cf-subject, .con-frm input#cf-email{
    border: none;
    border-bottom: 1px solid #e8e8e8;
	width: 100%;
	height: 35px;
    padding-top: 0px;
}
.con-frm textarea#cf-message {
    border: none;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 100px;
}
.con-frm :focus {
    outline: none;
}
.con-frm input.type-send-me {
    padding: 8px 20px;
    background: #ea2529;
    color: #fff;
    border: unset;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
}
p.con-sen {
    text-align: right;
}
form.cform {
    border: 1px solid #e8e8e8;
    padding: 25px;
    border-radius: 5px;
}
.cont-us-img {
    position: absolute;
    top: -60px;
    z-index: -5;
    opacity: 0.3;
    left: 80px;
}
.cont-us-img img {
    width: 100%;
}
.reg-form-sec span.error {
    color: #ff6565;
    padding: 2px 8px;
}
.con-frm span.error {
    color: #e60000;
    line-height: 35px;
}
/*Product-page*/
.Pro-a-inn {
	padding-top: 40px;
    padding-bottom: 45px;
}
/*.pro-img img {
    width: 75%;
}*/
.pro-img h4 {
    font-weight: 700;
    text-transform: uppercase;
    color: #223484;
    text-align: center;
}
.pro-txt h4 {
    font-weight: 700;
    text-transform: uppercase;
    color: #223484;
    padding: 20px 0px 15px 0px;
    margin: 0;
}
.pro-txt ul li {
    line-height: 24px;
    text-align: justify;
}

.pro-txt ul {
    
    margin: 0;
    padding: 0px 0px 0px 18px;
}

.banner-inn {
    background: #f2f2f2;
	
}
.banner-inner {
    padding: 145px 0px 35px 0px;
}
.banner-inn h4 {
    font-weight: 700;
    font-size: 24px;
}
.pro-bg {
    position: relative;
}
.pro-bg img {
    position: absolute;
    right: 0;
    z-index: -1;
    width: 50%;
}
.pro-sec {
    position: relative;
}
.pro-img {
    text-align: center;
}
.pro-img img {
    width: 80%;
	padding-top: 60px;
}
/* div#pro-part-b {
    position: fixed;
    top: 105px;
    right: 0px;
    padding-right: 0;
    z-index: 999;
} */
a.post-edit-link.btn.btn-default.btn-xs {display: none;}
.pro-bg { display: none; }
#pro-part-b { position:unset; }




/*Responsive*/
@media only screen and (max-width: 1024px){
.ms_wrapper.ms_grab {
    width: 100% !important;
}
.A-part-b li {
    padding: 0px 45px;
}
.open .dropdown-menu {display: block !important;}
.dropdown-menu {display: none !important;}  
.bann-in {padding: 25px 0px 25px 0px;}	
header { position:unset; }
.banner-inner {padding: 25px 0px 25px 0px;}	
}
@media only screen and (max-width: 768px){
.ms_wrapper.ms_grab {
    width: 100% !important;
}
.logo {
    text-align: center;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 50px;
}
.navbar-nav{float:unset;}
.navbar-default{float:unset;}
.C-B-img, .C-A-img {display: none;}
.op-1-inn {
    text-align: center;
}
.op-1-inn hr {
    display: none;
}
.op-1-inn h3 {border-bottom: 2px solid #000;width: fit-content; margin: auto;}
.c-sec-B, .c-sec-D, .c-sec-C {margin-top: 15px;}
#site-footer{text-align: center;}
.dev {
    text-align: center;
}
.sec-a {
    text-align: center;
}
.read-more span{display: none;}
.A-part-a h5{margin: auto;
    width: fit-content;
    float: unset;}
.A-part-b {
    padding-top: 15px;
}
.sec-c-inn {
    padding: 15px 0px;
}
.sec-b-inn {
    padding: 15px 0px;
}
.Pro-a {
    text-align: center;
}
	div#pro-part-b {
    position: unset;
    top: unset;
    right: unset;
    z-index: 1;
    padding-right: 15px;
}
	.pro-sec {
    position: unset;
}
.pro-bg img {
    width: auto;
}
	.banner-inn {
    text-align: center;
}
header {
position: unset;}
.banner-inn {position: unset;
height: unset;
}
	.bann-in h1 {text-align:center; }
.banner-inner {
    padding: 45px 0px 45px 0px;
}
.Pro-a-inn {
    padding-top: 15px;
    padding-bottom: 15px;
}
.op-1-inn p {
    margin-top: 10px;
}
	.foo-logo img {
		width: 20%;}
.logo img {
    width: 15%;
}	
.navbar { padding-top:25px;}	
	
	
}
@media only screen and (max-width: 767px){
.navbar-toggle {
    float: unset;
	margin: unset !important;
}
nav.navbar.navbar-default {
    text-align: center;
	}
.nav>li>a {
    padding: unset;
    line-height: 30px;
}
.navbar-collapse {
	border-top: unset;}
ul.sub-menu.dropdown-menu {
    text-align: center;
}
}
@media only screen and (max-width: 425px){
	.mobile-slider { display:block; }
	.slider { display:none; }
.A-part-a h1 {
	font-size: 20px;}
.A-part-b li {
    padding: 0px 20px;
	}
.pro-img img {
    width: 100%;
	padding-top: unset;
}
}
@media only screen and (max-width: 375px){
.A-part-b li {
    padding: 0px 11px;
	}}
@media only screen and (max-width: 375px){
.A-part-b li {
    padding: 0px 2px;
	}
}

/*Scroll Animation*/
.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}
@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(100px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-100px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

.hover-fx {
    font-size: 36px;
    display: inline-block;
    cursor: pointer;
    margin: 15px;
    width: 80px;
    height: 80px;
    line-height: 84px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    color: #223484;
    background-color: rgba(255, 255, 255, 0.1);
    transition: 300ms;
    border: 1px solid #223484;
    box-shadow: 0 0 0 2px #223484;
}

.hover-fx:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
  box-shadow: 0 0 0 3px #223484;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 300ms;
}

.c-sec-A:hover .hover-fx, .c-sec-B:hover .hover-fx, .c-sec-C:hover .hover-fx, .c-sec-D:hover .hover-fx{
  background-color: #223484;
  color: #fff;
}

.c-sec-A:hover .hover-fx:after, .c-sec-B:hover .hover-fx:after, .c-sec-C:hover .hover-fx:after, .c-sec-D:hover .hover-fx:after{
  opacity: 1;
  transform: scale(1.15);
}