/*
 Theme Name:     MRP Wired Solutions
 Theme URI:      http://example.com/twenty-seventeen-child/
 Description:    Twenty Seventeen Child Theme
 Author:         John Doe
 Author URI:     http://example.com
 Template:       twentyseventeen
 Version:        1.0.0
*/
@import url("../twentyseventeen-child/style.css");

.wpcf7-not-valid-tip { display: inline;font-size:14px;}
@media only screen and (max-width:990px){
.wpcf7-not-valid-tip { font-size:10px;}
}

.menu .menu-menu-header-container > ul{margin:0 auto;width:100%;list-style:none;padding:0;position:relative;box-sizing:border-box}
.menu .menu-menu-header-container > ul:before,
.menu .menu-menu-header-container > ul:after{content:"";display:table}
.menu .menu-menu-header-container > ul:after{clear:both}
.menu .menu-menu-header-container > ul > li{float:left;padding:0 50px 0 0;margin:0}
.menu .menu-menu-header-container > ul > li:last-child{padding-right:0}
.menu .menu-menu-header-container > ul > li a{display:block;color:#000;font-size:18px;font-family: 'Poppins', sans-serif;text-transform:uppercase;padding:10px 0;font-weight:500;border-bottom:solid 3px transparent}
.menu .menu-menu-header-container > ul > li a:hover,
.menu .menu-menu-header-container > ul > li.current_page_item a{color:#000;font-weight:600}
.menu .menu-menu-header-container > ul > li.current_page_item a{border-bottom:solid 3px #0f2471}

@media only screen and (max-width:1010px){
.menu .menu-menu-header-container > ul > li{padding:0 30px 0 0}
}

@media only screen and (max-width:990px){
.menu{float:none;padding:5px 0 0}
.menu-mobile{display:block;padding:5px 0 0;font-size:30px;color:#0f2571;float:right}
.menu-dropdown-icon:before{display:block}
.menu .menu-menu-header-container > ul{display:none;list-style:none}
.menu .menu-menu-header-container > ul > li{width:100%;float:none;display:block;list-style:none;padding:0 10px}
.menu .menu-menu-header-container > ul > li a{width:100%;display:block;padding:10px 0;border:0px;font-size:12px}
.menu .menu-menu-header-container > ul > li a:hover{}
.menu .menu-menu-header-container .show-on-mobile{display:block;position:absolute;top:55px;width:50%;background:#f2f2f2;right:15px}
.menu .menu-menu-header-container > ul > li p{padding:10px}
}


@media only screen and (max-width:767px){
.menu .menu-menu-header-container .show-on-mobile{width:auto;left:15px}
}

.footer .inner_box .floatR .menu-menu-footer-container ul.menu li.current_page_item a{font-weight:500}
div.wpcf7 .ajax-loader{float:right;margin:-34px 4px 0 4px}




.banner_404{background-color:#416475;display:flex;justify-content:center;align-items:center}
.banner_404 .error-container{text-align:center;padding:20px 15px}
.banner_404 .error-container p{text-align:center;padding:0;margin:0;font-size:24px;color:#FFF}
.banner_404 .error-container a.btn{float:none}
.banner_404 .error-container > span{display:inline-block;line-height:normal;position:relative;color:#FFB485;vertical-align:middle;font-size:180px;font-weight:600}
.banner_404 .error-container > span:nth-of-type(1){color:#D1F2A5;animation:colordancing 4s infinite}
.banner_404 .error-container > span:nth-of-type(3){color:#F56991;animation:colordancing2 4s infinite}
.banner_404 .error-container > span:nth-of-type(2){width:120px;height:120px;border-radius:999px}
.banner_404 .error-container > span:nth-of-type(2):before,
.banner_404 .error-container > span:nth-of-type(2):after{border-radius:0%;content:"";position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:999px;box-shadow:inset 30px 0 0 rgba(209, 242, 165, 0.4), inset 0 30px 0 rgba(239, 250, 180, 0.4), inset -30px 0 0 rgba(255, 196, 140, 0.4), inset 0 -30px 0 rgba(245, 105, 145, 0.4);animation:shadowsdancing 4s infinite}
.banner_404 .error-container > span:nth-of-type(2):before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}
.screen-reader-text{position:absolute;top:-9999em;left:-9999em}
@keyframes shadowsdancing {
0%{box-shadow:inset 30px 0 0 rgba(209, 242, 165, 0.4),inset 0 30px 0 rgba(239, 250, 180, 0.4), inset -30px 0 0 rgba(255, 196, 140, 0.4), inset 0 -30px 0 rgba(245, 105, 145, 0.4)}
25%{box-shadow:inset 30px 0 0 rgba(245, 105, 145, 0.4), inset 0 30px 0 rgba(209, 242, 165, 0.4), inset -30px 0 0 rgba(239, 250, 180, 0.4), inset 0 -30px 0 rgba(255, 196, 140, 0.4)}
50%{box-shadow:inset 30px 0 0 rgba(255, 196, 140, 0.4), inset 0 30px 0 rgba(245, 105, 145, 0.4), inset -30px 0 0 rgba(209, 242, 165, 0.4), inset 0 -30px 0 rgba(239, 250, 180, 0.4)}
75%{box-shadow:inset 30px 0 0 rgba(239, 250, 180, 0.4), inset 0 30px 0 rgba(255, 196, 140, 0.4), inset -30px 0 0 rgba(245, 105, 145, 0.4), inset 0 -30px 0 rgba(209, 242, 165, 0.4)}
100%{box-shadow:inset 30px 0 0 rgba(209, 242, 165, 0.4), inset 0 30px 0 rgba(239, 250, 180, 0.4), inset -30px 0 0 rgba(255, 196, 140, 0.4),	inset 0 -30px 0 rgba(245, 105, 145, 0.4)}
}
@keyframes colordancing {
0%{color:#D1F2A5}
25%{color:#F56991}
50%{color:#FFC48C}
75%{color:#EFFAB4}
100%{color:#D1F2A5}
}
@keyframes colordancing2 {
0% {color:#FFC48C}
25%{color:#EFFAB4}
50%{color:#D1F2A5}
75%{color:#F56991}
100%{color:#FFC48C}
}

@media only screen and (max-width:767px){
.banner_404 .error-container p{font-size:15px}
.banner_404 .error-container > span{font-size:120px}
.banner_404 .error-container > span:nth-of-type(2){width:90px;height:90px}
.banner_404 .error-container > span:nth-of-type(2):before,
.banner_404 .error-container > span:nth-of-type(2):after{box-shadow:inset 18px 0 0 rgba(209, 242, 165, 0.4), inset 0 18px 0 rgba(239, 250, 180, 0.4), inset -18px 0 0 rgba(255, 196, 140, 0.4), inset 0 -18px 0 rgba(245, 105, 145, 0.4)}
@keyframes shadowsdancing {
0%{box-shadow:inset 18px 0 0 rgba(209, 242, 165, 0.4),inset 0 18px 0 rgba(239, 250, 180, 0.4), inset -18px 0 0 rgba(255, 196, 140, 0.4), inset 0 -18px 0 rgba(245, 105, 145, 0.4)}
25%{box-shadow:inset 18px 0 0 rgba(245, 105, 145, 0.4), inset 0 18px 0 rgba(209, 242, 165, 0.4), inset -18px 0 0 rgba(239, 250, 180, 0.4), inset 0 -18px 0 rgba(255, 196, 140, 0.4)}
50%{box-shadow:inset 18px 0 0 rgba(255, 196, 140, 0.4), inset 0 18px 0 rgba(245, 105, 145, 0.4), inset -18px 0 0 rgba(209, 242, 165, 0.4), inset 0 -18px 0 rgba(239, 250, 180, 0.4)}
75%{box-shadow:inset 18px 0 0 rgba(239, 250, 180, 0.4), inset 0 18px 0 rgba(255, 196, 140, 0.4), inset -18px 0 0 rgba(245, 105, 145, 0.4), inset 0 -18px 0 rgba(209, 242, 165, 0.4)}
100%{box-shadow:inset 18px 0 0 rgba(209, 242, 165, 0.4), inset 0 18px 0 rgba(239, 250, 180, 0.4), inset -18px 0 0 rgba(255, 196, 140, 0.4),	inset 0 -18px 0 rgba(245, 105, 145, 0.4)}
}
}