/*
Theme Name: Marine Sonic Technology - Custom Theme
Theme URI: https://marinesonictech.com/
Author: Ryan Roy - Custom Website Development
Author URI: https://customwebsitedev.com/
Description: Marine Sonic Technology - Custom Theme
Requires at least: WordPress 5.7.0
Version: 1.0.0
*/

/* CUSTOM CSS */
.mec-bg-color, .mec-bg-color-hover:hover, .mec-wrap .mec-bg-color, .mec-wrap .mec-bg-color-hover:hover  {
    background-color: #283891!important;
}
.mec-color, .mec-color-hover:hover, .mec-color-before :before, .mec-wrap .mec-color, .mec-wrap .mec-color-hover:hover, .mec-wrap .mec-color-before :before {
	color: #283891;
	font-size: 1.3rem;
	font-weight: 700;
}
.mec-event-grid-classic .mec-event-date {
	font-size: 1.3rem;
	font-weight: 700;
}
body {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1rem;
}
p {
    letter-spacing: .1rem;
}
.right {
    text-align: right;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
h1 {
    font-size: 3.5rem;
}
h5 {
    margin-bottom: 1rem;
}
.center {
    text-align: center;
}
.primary {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}
.nav-link {
    padding: .8rem 1rem;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #ffffff;
}
.navbar-light .navbar-nav .active>.nav-link {
    color: #ffffff;
}
/*.navbar .navbar-nav .nav-item:last-child a {
    background: #283891;
    color: #fff;
    padding: .6rem 2.5rem;
    border-radius: .4rem;
    border: solid 1px #283891;
    margin-left: 1rem;
}
.navbar .navbar-nav .nav-item:last-child a:hover {
    background: transparent;
    color: #fff;
    border: solid 1px #fff;
}
.navbar .navbar-nav .nav-item:last-child a.dropdown-item {
	display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
	margin-left: inherit;
}*/
.banner h1, .banner h5, .banner a {
    color: #fff;
}
.banner h5 {
    margin-bottom: 3rem;
}
.btn-group {
    width: 100%;
}
.software .dropdown-menu {
    background-color: transparent;
    border: 0;
    width: 100%;
}
.banner a.banner_link, .about-content a, .software a, .software button {
    background: #283891;
    color: #fff;
    padding: 1rem 3rem;
    border-radius: .4rem;
    border: solid 1px #283891;
    margin-top: 1rem;
    text-decoration: none;
    text-align: center;
}
.software a:hover {
    background: #fff;
    color: #283891;
    border: solid 1px #283891;
}
.about-content a:hover {
    background: transparent;
    color: #283891;
    border: solid 1px #283891;
}
.banner a.banner_link:hover {
    background: transparent;
    color: #fff;
    border: solid 1px #fff;
}
.carousel-control-next, .carousel-control-prev {
    z-index: 3;
}
.product-content h3 {
    margin-bottom: 1.5rem;
}
.product-content p {
    margin-bottom: 2rem;
}
.table a {
    text-align: center;
    background: #283891;
    color: #fff;
    padding: .5rem 2rem;
    border-radius: .4rem;
    border: solid 1px #283891;
    margin: .5rem 0;
    text-decoration: none;
    display: block;
}
.table a:hover {
    background: transparent;
    color: #283891;
    border: solid 1px #283891;
}
.table a.open {
    background: transparent;
    color: #283891;
    border: solid 1px #283891;
    margin: .5rem 0;
    padding: .5rem 2rem;
    border-radius: .4rem;
    text-decoration: none;
    display: block;
}
.table a.open:hover {
    background: #283891;
    color: #fff;
    border: solid 1px #283891;
    
}
.table i {
    float: right;
    line-height: 1.5;
}
/*.page-id-722 .page-banner, .page-id-495 .page-banner {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment: initial;
}*/

/*.page-banner {
    background-position: top center;
    background-size: cover;
    padding: 200px;
}*/
.page-banner h1 {
    color: #ffffff;
    text-align: center;
}
.team h2, .page-content h2 {
    margin-bottom: 3rem;
	font-size:2.5rem;
}
.team img {
    width: 200px;
}
.page-id-26 .team h2 {
	text-align: center;
}
.page-id-26 .team tr {
	width: 50%;
    display: inline-block;
}
.page-content, .elementor-content {
    padding: 5rem 0;
}
.blog {
    
}
.date {
    margin: 1rem 0;
}
.page h5 {
    margin-top: 1rem;
    /*text-transform: uppercase;*/
}
.page-id-187 {
    background: #f2f2f2;
}
.woocommerce .col-1, .col-2 {
    max-width:none;
}
.woocommerce div.product div.images img, .woocommerce ul.products li.product a img {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
}
.shop h1 {
    display: none;
}
.form-row {
    display: block;
}
.support-link a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    background: #283891;
    color: #fff;
    padding: 1rem 3rem;
    border-radius: .4rem;
    border: solid 1px #283891;
    text-decoration: none;
}
.support-link a:hover {
    background: transparent;
    color: #283891;
    border: solid 1px #283891;
}
/*.page-id-26 .table a, .contact-mail a {
	text-align: left;
    background: none;
    color: #212529;
    padding: 0;
    border-radius: 0;
    border: 0!important;
}*/
.contact-form {
    padding: 5rem 0;
    background: #f2f2f2;
}
.contact-form .table {
    margin-top: 2rem;
}
.contact-form h2 {
    margin-bottom: 1rem;
}
.contact-form input[type="text"], .contact-form textarea, .page input[type="text"], .page textarea, input[type="password"], input[type="email"] {
    padding: .5rem 1rem!important;
    border-radius: .4rem;
    border: solid 1px #f2f2f2;
}
.contact-form input[type="submit"], .page input[type="submit"], .page input[type="button"] {
    background: #283891;
    color: #fff;
    padding: 1rem 3rem;
    border-radius: .4rem;
    border: solid 1px #283891;
    margin-top: 1rem;
}
.contact-form input[type="submit"]:hover, .page input[type="submit"]:hover, .page input[type="button"]:hover {
    background: transparent;
    color: #283891;
    border: solid 1px #283891;
}
.woocommerce button.button {
    background: #283891!important;
    border: solid 1px #283891!important;
    color: #fff!important;
}
.woocommerce button.button:hover {
    background: transparent!important;;
    color: #283891!important;;
    border: solid 1px #283891!important;;
}
footer hr {
    border: 1px solid #313438;
    margin: 5rem 0; 
}
.mec-shortcode-organizers {
        margin-top: 6px;
        display: none;
    }
.product-bgs p {
	text-align: center;
	margin-top: .5rem;
}
.product-bg .img-thumbnail {
	height: 250px;
}
#gform_wrapper_3, .woocommerce-form.woocommerce-form-login.login {
	padding: 5rem;
	box-shadow: 2px 2px 10px #888888;
	border-radius: 10px;
}
#gform_wrapper_3 input[type="text"], #gform_wrapper_3 input[type="password"], .woocommerce-form.woocommerce-form-login.login input[type="text"], .woocommerce-form.woocommerce-form-login.login input[type="password"] {
	border: 0;
	box-shadow: 2px 2px 10px #888888;
	outline: none;
	padding: .7rem 1rem!important;
}
#gform_wrapper_3 h2.gform_title {
	text-align: center;
	font-size: 2.5rem;
}
 .woocommerce div.product div.summary h1 {
     display: none;
 }
@media (max-width: 575.98px) {
	.why-image-2 {
		display: none;
	}
	.why-image-2-bot {
		margin-bottom: 2rem;
	}
}
@media (min-width: 213px) and (max-width: 479.98px) {
    .page-banner {
        padding: 50px;
        background-size: contain;
    }
    .support-link a {
        margin: .5rem 0;
    }
    .table td, .table th {
        padding: .75rem 0;
    }
    .table a {
        padding: .5rem 1rem;
    }
    body {
        font-size: .6rem;
    }
    .right {
        text-align: center;
    }
    h1 {
        font-size: 1rem;
    }
    h2 {
        font-size: .9rem;
    }
    h3 {
        font-size: .8rem;
    }
    h4 {
        font-size: .7rem;
    }
    h5 {
        font-size: .65rem;
    }
    h6 {
        font-size: .6rem;
    }
    .primary {
        position: inherit;
        background: #232323;
    }
    a.navbar-brand {
        width: 60%;
    }
    .navbar-expand-lg {
        z-index: 3;
    }
    .navbar-nav {
        background: #232323;
        text-align: center;
        padding: 1rem 0;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-weight: 700;
        font-size: 1.5rem;
        color: #fff;
    }
    .navbar-brand img {
        width: 60%;
    }
        .navbar-toggler {
        font-size: .6rem;
    }
    .banner {
        height: auto;
    }
    .text-overlay {
        z-index: 2;
        margin: 0;
        position: absolute;
        width: 100%;
        top: 25%;
        text-align: center;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
}
    video {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        min-width: 100%;
        min-height: 100%;
        z-index: -1;
    }
    .banner a {
        padding: .5rem 1.5rem;
    }
    .banner h5 {
        margin-bottom: 1.5rem;
    }
    .about {
        background: #ffffff;
        padding: 1rem 0;
        position: relative;
        text-align: center;
    }
    .products {
        margin-top: 0;
    }
    .product-bg {
        text-align: center;
        padding: 5rem 2rem;
        margin-bottom: 1rem;
    }
    .product-overlay {
       position: absolute;
    	width: 95%;
      	right: 0;
      	left: 0;
      	top: 0;
      	bottom: 0;
      	background: #283891;
      	border-radius: 2%;
      	opacity: .66;
      	z-index: 2;
      	margin: 0 .5rem;
    }
    .product-image {
        position: absolute;
    	width: 95%;
      	right: 0;
      	left: 0;
      	top: 0;
      	bottom: 0;
      	background-size: cover;
        background-position: center;
        border-radius: 2%;
      	z-index: 1;
      	margin: 0 .5rem;
      	
    }
    .product-content {
        position: relative;
        z-index: 3;
        color: #ffffff;
    }
    .product-content h6 a {
        color: #ffffff;
        text-transform: uppercase;
    }
    .about-content {
        padding: 1rem 0;
    }
    .about-content h1 {
        padding: 1rem 0 2rem;
    }
    .why {
        color: #ffffff;
        background: #232323;
        padding: 1rem 0;
        /*text-align: center;*/
        clip-path: polygon(0 0, 100% 2%, 100% 100%, 0 100%);
    }
    .why h1 {
        text-align: center;
        margin: 10rem 0 2rem;
    }
    .news {
        padding: 1rem 0;
        text-align: center;
    }
    .news .col-lg-4 {
        padding: 0 1rem;
    }
    .news h1 {
        text-align: center;
        margin-bottom: 1rem;
    }
    .blog-text {
        background-color: #fff;
        box-shadow: 2px 2px 10px #888888;
        border-radius: 10px;
        padding: 2rem;
        margin-bottom: 2rem;
    }
    .blog-text h2 {
        margin: 2rem 0;
    }
    .blog-text a {
        text-transform: uppercase;
        color: #283891;
        text-decoration: none;
    }
    .blog-text a:hover {
        color: #000000;
    }
    .blog-text .img-fluid {
        width: 100%;
    }
    footer{
        padding: 1rem 0;
        background: #212529;
        text-align: center;
    }
    footer p {
        color: #ffffff;
        margin-bottom: .5rem;
    }
    footer a {
        color: #ffffff;
    }
    footer h5 {
        text-transform: uppercase;
        color: #ffffff;
        margin: 2rem 0;
    }
    footer hr {
        border: 1px solid #313438;
        margin: 2rem;
    }
    .footer-menu ul {
        padding: 0;
    }
    .footer-menu ul li {
        margin-bottom: .5rem;
    }
    .social a {
        margin-right: .5rem;
        text-decoration: none;
    }
    .social i {
        background: #283891;
        width: 40px;
        height: 40px;
        padding: .5rem;
        text-align: center;
        border-radius: 100%;
        line-height: 1.1;
    }
    .video-content iframe {
        width: 100%;
    }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 480px) and (max-width: 767.98px) {
    .page-banner {
        padding: 100px;
        background-size: contain;
    }
    body {
        font-size: .8rem;
    }
    .right {
        text-align: center;
    }
    h1 {
        font-size: 1.5rem;
    }
    h2 {
        font-size: 1.25rem;
    }
    h3 {
        font-size: 1.1rem;
    }
    h4 {
        font-size: 1rem;
    }
    h5 {
        font-size: .9rem;
    }
    h6 {
        font-size: .8rem;
    }
    .primary {
        position: inherit;
        background: #232323;
    }
    .navbar-brand img {
        width: 70%;
    }
    .navbar-toggler {
        font-size: .6rem; 
    }
    .navbar-expand-lg {
        z-index: 3; 
    }
    /*.navbar .navbar-nav .nav-item:last-child a {
        padding: .6rem .5rem;
    }*/
    .navbar-light .navbar-brand {
        color: #fff;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-weight: 700;
        font-size: 1.5rem;
        color: #fff;
    }
    .navbar-nav {
        background: #232323;
        text-align: center;
        padding: 1rem 0;
    }
    .banner {
        height: auto;
    }
    .text-overlay {
        z-index: 2;
        margin: 0;
        position: absolute;
        width: 100%;
        top: 25%;
        text-align: center;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    video {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        min-width: 100%; 
        min-height: 100%;
        z-index: -1;
    }
    .about {
        background: #ffffff;
        padding: 1rem 0;
        position: relative;
        text-align: center;
    }
    .products {
        margin-top: 0;
    }
    .product-bg {
        text-align: center;
        padding: 5rem 2rem;
        margin-bottom: 1rem;
    }
    .product-overlay {
       position: absolute;
    	width: 95%;
      	right: 0;
      	left: 0;
      	top: 0;
      	bottom: 0;
      	background: #283891;
      	border-radius: 2%;
      	opacity: .66;
      	z-index: 2;
      	margin: 0 .5rem;
    }
    .product-image {
        position: absolute;
    	width: 95%;
      	right: 0;
      	left: 0;
      	top: 0;
      	bottom: 0;
      	background-size: cover;
        background-position: center;
        border-radius: 2%;
      	z-index: 1;
      	margin: 0 .5rem;
      	
    }
    .product-content {
        position: relative;
        z-index: 3;
        color: #ffffff;
    }
    .product-content h6 a {
        color: #ffffff;
        text-transform: uppercase;
    }
    .about-content {
        padding: 1rem 0;
    }
    .about-content h1 {
        padding: 1rem 0 2rem;
    }
    .why {
        color: #ffffff;
        background: #232323;
        padding: 1rem 0;
        text-align: center;
        clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
    }
    .why h1 {
        text-align: center;
        margin: 10rem 0 2rem;
    }
    .news {
        padding: 1rem 0;
        text-align: center;
    }
    .news .col-lg-4 {
        padding: 0 1rem;
    }
    .news h1 {
        text-align: center;
        margin-bottom: 1rem;
    }
    .blog-text {
        background-color: #fff;
        box-shadow: 2px 2px 10px #888888;
        border-radius: 10px;
        padding: 2rem;
        margin-bottom: 2rem;
    }
    .blog-text h2 {
        margin: 2rem 0;
    }
    .blog-text a {
        text-transform: uppercase;
        color: #283891;
        text-decoration: none;
    }
    .blog-text a:hover {
        color: #000000;
    }
    .blog-text .img-fluid {
        width: 100%;
    }
    footer{
        padding: 1rem 0;
        background: #212529;
        text-align: center;
    }
    footer p {
        color: #ffffff;
        margin-bottom: .5rem;
    }
    footer a {
        color: #ffffff;
    }
    footer h5 {
        text-transform: uppercase;
        color: #ffffff;
        margin: 2rem 0;
    }
    footer hr {
        border: 1px solid #313438;
        margin: 2rem;
    }
    .footer-menu ul {
        padding: 0;
    }
    .footer-menu ul li {
        margin-bottom: .5rem;
    }
    .social a {
        margin-right: .5rem;
        text-decoration: none;
    }
    .social i {
        background: #283891;
        width: 40px;
        height: 40px;
        padding: .5rem;
        text-align: center;
        border-radius: 100%;
        line-height: 1.1;
    }
    .video-content iframe {
        width: 100%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .page-banner {
        padding: 100px;
        background-size: contain;
    }
    .primary {
        position: inherit;
        background: #232323;
    }
    .right {
        text-align: center;
    }
    .navbar-expand-lg {
        z-index: 9; 
    }
    /*.navbar .navbar-nav .nav-item:last-child a {
        padding: .6rem .5rem;
    }*/
    .navbar-light .navbar-brand {
        color: #fff;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-weight: 700;
        font-size: 1.25rem;
        color: #fff;
    }
    .navbar-nav {
        background: #232323;
        text-align: center;
        margin: 1rem 0;
    }
    .banner {
        height: auto;
    }
    .text-overlay {
        z-index: 2;
        margin: 0;
        position: absolute;
        width: 100%;
        top: 35%;
        text-align: center;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    video {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        min-width: 100%; 
        min-height: 100%;
        z-index: -1;
    }
    .about {
        background: #ffffff;
        padding: 5rem 0;
        position: relative;
    }
    .products {
        margin-top: 0;
    }
    .product-bg {
        text-align: center;
        padding: 5rem 2rem;
        margin-bottom: 1rem;
    }
    .product-overlay {
       position: absolute;
    	width: 95%;
      	right: 0;
      	left: 0;
      	top: 0;
      	bottom: 0;
      	background: #283891;
      	border-radius: 2%;
      	opacity: .66;
      	z-index: 2;
      	margin: 0 .5rem;
    }
    .product-image {
        position: absolute;
    	width: 95%;
      	right: 0;
      	left: 0;
      	top: 0;
      	bottom: 0;
      	background-size: cover;
        background-position: center;
        border-radius: 2%;
      	z-index: 1;
      	margin: 0 .5rem;
      	
    }
    .product-content {
        position: relative;
        z-index: 3;
        color: #ffffff;
    }
    .product-content h6 a {
        color: #ffffff;
        text-transform: uppercase;
    }
    .about-content {
        padding: 5rem 0;
    }
    .about-content h1 {
        padding: 1rem 0 2rem;
    }
    .why {
        color: #ffffff;
        background: #232323;
        padding: 5rem 0;
        text-align: center;
        clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 100%);
    }
    .why h1 {
        text-align: center;
        margin: 10rem 0 2rem;
    }
    .why-text {
        margin: auto 0;
    }
    .why-text p {
        margin: 2rem 0;
    }
    .why-image {
        text-align: center;
    }
    .why-image-2 {
        text-align: left;
    }
    .news {
        padding: 5rem 0;
        text-align: center;
    }
    .news .col-lg-4 {
        padding: 0 1rem;
    }
    .news h1 {
        text-align: center;
        margin-bottom: 5rem;
    }
    .blog-text {
        background-color: #fff;
        box-shadow: 2px 2px 10px #888888;
        border-radius: 10px;
        padding: 2rem;
        margin-bottom: 2rem;
    }
    .blog-text h2 {
        margin: 2rem 0;
    }
    .blog-text a {
        text-transform: uplaspercase;
        color: #283891;
        text-decoration: none;
    }
    .blog-text a:hover {
        color: #000000;
    }
    .blog-text .img-fluid {
        width: 100%;
    }
    footer{
        padding: 5rem 0;
        background: #212529;
        text-align: center;
    }
    footer p {
        color: #ffffff;
        margin-bottom: .5rem;
    }
    footer a {
        color: #ffffff;
    }
    footer h5 {
        text-transform: uppercase;
        color: #ffffff;
        margin: 2rem 0;
    }
    .footer-menu ul {
        padding: 0;
    }
    .footer-menu ul li {
        margin-bottom: .5rem;
    }
    .social a {
        margin-right: .5rem;
        text-decoration: none;
    }
    .social i {
        background: #283891;
        width: 50px;
        height: 50px;
        padding: .5rem;
        text-align: center;
        border-radius: 100%;
        line-height: 1.1;
    }
    .video-content iframe {
        width: 100%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    body {
        font-size: .8rem;
    }
     h1 {
        font-size: 3.5rem;
    }
    h2 {
        font-size: 1.5rem;
    }
    h3 {
        font-size: 1.25rem;
    }
    h4 {
        font-size: 1.1rem;
    }
    h5 {
        font-size: 1rem;
    }
    h6 {
        font-size: .9rem;
    }
    footer h5 {
        margin-bottom: 1rem;
    }
    .navbar-nav {
        background: transparent;
    }
    .navbar-expand-lg {
        z-index: 3; 
    }
	.why-image-2-bot {
		display: none;
	}
    /*.navbar .navbar-nav .nav-item:last-child a {
        padding: .6rem .5rem;
    }*/
    .navbar-light .navbar-brand {
        color: #fff;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        font-weight: 700;
        color: #fff;
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .banner {
        height: auto;
    }
	/*.carousel-item {
		margin-top: -7rem;
	}*/
    /*.overlay {
        position: absolute;
    	width: 100%;
    	height: auto;
      	right: 0;
      	left: 0;
      	top: 0;
      	bottom: 0;
      	background: #000;
      	opacity: .5;
      	z-index: 1;
    }*/
    .text-overlay {
        z-index: 2;
        margin: 0;
        position: absolute;
        width: 100%;
        top: 80%;
        text-align: center;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    video {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        min-width: 100%; 
        min-height: 100%;
        z-index: -1;
    }
    .about {
        background: #ffffff;
        padding: 5rem 0;
        position: relative;
    }
    /*.products {
        margin-top: -15%;
    }*/
    .row.products {
        margin-top: -10rem;
    }
    .product-bg {
        text-align: center;
        padding: 5rem 2rem;
    }
    .product-overlay {
       position: absolute;
    	width: 95%;
      	right: 0;
      	left: 0;
      	top: 0;
      	bottom: 0;
      	background: #283891;
      	border-radius: 2%;
      	opacity: .66;
      	z-index: 2;
      	margin: 0 .5rem;
    }
    .product-overlay:hover {
        background: transparent;
        cursor: pointer;
        z-index: 9;
    }
    .product-image {
        position: absolute;
    	width: 95%;
      	right: 0;
      	left: 0;
      	top: 0;
      	bottom: 0;
      	background-size: cover;
        background-position: top center;
        border-radius: 2%;
      	z-index: 1;
      	margin: 0 .5rem;
      	
    }
    .product-content {
        position: relative;
        z-index: 3;
        color: #ffffff;
    }
    .product-content h6 a {
        color: #ffffff;
        text-transform: uppercase;
    }
    .software {
        padding: 2rem 0;
    }
    .about-content {
        padding: 2rem 0 5rem;
    }
    .about-content h1 {
        padding: 1rem 0 2rem;
    }
    .why {
        color: #ffffff;
        background: #232323;
        padding: 5rem 0;
        color: white;
        clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
    }
    .why h1 {
        text-align: center;
        margin: 10rem 0 2rem;
    }
    .why-text {
        margin: auto 0;
    }
    .why-text p {
        margin: 2rem 0;
    }
    .why-image {
        text-align: center;
    }
    .why-image-2 {
        text-align: left;
    }
    .news {
        padding: 5rem 0;
    }
    .news .col-lg-4 {
        padding: 0 3rem;
    }
    .news h1 {
        text-align: center;
        margin-bottom: 5rem;
    }
    .blog-text {
        background-color: #fff;
        box-shadow: 2px 2px 10px #888888;
        border-radius: 10px;
        padding: 2rem;
    }
    .blog-text h2 {
        margin: 2rem 0;
    }
    .blog-text a {
        text-transform: uppercase;
        color: #283891;
        text-decoration: none;
    }
    .blog-text a:hover {
        color: #000000;
    }
    .blog-text .img-fluid {
        width: 100%;
    }
    footer{
        padding: 5rem 0;
        background: #212529;
    }
    footer p {
        color: #ffffff;
        margin-bottom: .5rem;
    }
    footer a {
        color: #ffffff;
    }
    footer h5 {
        text-transform: uppercase;
        color: #ffffff;
        margin-bottom: 2rem;
    }
    .footer-menu ul {
        padding: 0;
    }
    .footer-menu ul li {
        margin-bottom: .5rem;
    }
    .social a {
        margin-right: .5rem;
        text-decoration: none;
    }
    .social i {
        /*background: #283891;*/
        width: 40px;
        height: 40px;
        padding: .5rem;
        text-align: center;
        border-radius: 100%;
    }
    .row.training-videos, .row.media-icons {
        margin-top: -4rem;
    }
    .media-icons button {
        background: transparent;
        border: 0;
    }
    .video-content iframe {
        width: 100%;
        height: 250px;
    }
    .mec-event-list-modern .mec-event-detail {
        font-size: 1.1rem;
    }
	.page-id-488 .page-banner {
		background-size: cover;
	}
	.page-banner {
	   background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: initial;
		padding: 200px;
	}
	/* Training Page */
	/*.page-id-495 .page-banner {
		background-position: inherit;
	}*/
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
    body {
        font-size: 1.1rem;
    }
    /*.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }*/
    /*.navbar .navbar-nav .nav-item:last-child a {
        padding: .6rem 2.5rem;
    }*/
    .social i {
       /* background: #283891;*/
        width: 50px;
        height: 50px;
        padding: .55rem;
        text-align: center;
        border-radius: 100%;
        line-height: 1.2;
    }
}
/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
    body {
        font-size: 1rem;
    }
	.page-id-495 .page-banner {
		background-position: top center;
	}
	.page-banner {
		padding: 250px 0;
	}
}
.figc-inner p.description {
	font-weight: 900!important;
	font-family: 'Lato', sans-serif!important;
	
    text-shadow: 1px 1px #fff;
}
@media (min-width: 1680px) {
	.page-id-495 .page-banner {
		padding: 300px 0;
	}
}
/*@media (min-width: 1600px) {
	.page-banner {
		background-position: top center;
		background-size: cover;
		padding: 250px;
	}
}
@media (min-width: 1920px) {
	.page-banner {
		background-position: top center;
		background-size: cover;
		padding: 300px;
	}
}*/