/*
Theme Name: 	MSM Dynamic Technology Child
Author: 		PnC Logo
Author URI: 	http://pnclogos.com
Description:	Child Theme for MSM Dynamic Technology - Premium WordPress Theme
Template:		msm
Version: 		1.6.1
*/

/* Theme customization starts here
-------------------------------------------------------------- */
h2,
h3,
a.button {
    margin: 0px !important;
    text-transform: uppercase !important;
}

.header-semi #Top_bar:not(.is-sticky) {
    background-color: transparent !important;
}

#Top_bar #logo {
    height: auto !important;
}

.seSlidimg img {
    position: relative !important;
    top: 16px !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
    height: 10px !important;
    filter: invert(1) !important;
}

#Top_bar ul#menu-main-menu,
#Top_bar ul#menu-sec-menu {
    position: relative;
    top: 80px;
}

.header-split #Header .top_bar_left .menu_left {
    text-align: right !important;
}

.header-split #Header .top_bar_left .menu_right {
    text-align: left !important;
}

#Top_bar.is-sticky ul#menu-main-menu,
#Top_bar.is-sticky ul#menu-sec-menu {
    top: 0px !important;
}

#Top_bar.is-sticky {
    background: #3c3b3bb8 !important;
}

#Top_bar .menu>li>a {
    text-transform: uppercase !important;
}

ul.bannerListItems{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
ul.bannerListItems br{display: none !important;}
ul.bannerListItems li{
    width: 21%;
    margin: 10px 2%;
    padding: 10px;
    border-radius: 5px;
    transition: all .40s ease-in-out;
    background: #000;
	color: #fff !important;
    
}
ul.bannerListItems li:hover{
	background: linear-gradient(180deg, #003AB8 0%, #01CAFE 49%, #003AB8 100%);
	color: #000 !important;
}


.FirstFold .one-fourth img,.text_area img{transition: all .40s ease-in-out;}
.FirstFold .one-fourth img:hover,.text_area img:hover{transform: translateY(-10px);}
.FirstFold h3{
	padding: 36px 30px 15px;
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

a.button {
    background: linear-gradient(180deg, #003AB8 0%, #01CAFE 49%, #003AB8 100%) !important;
}


.SecondFold .wp-caption-text{
	font-size: 20px;
    color: #fff;
    font-weight: 700;
    background: #000;
}

.SecondFold .ownColRight{
	padding-left: 3%;
}
.SecondFold p {
    margin: 0px;
    padding-bottom: 25px;
}
.ThirdFold .ownColLeft{
    padding-left: 5%;
}

.ThirdFold .text_area{
	margin-bottom: 15px;
	/*box-shadow: 4px -4px 9px 2px whitesmoke;*/
	box-shadow: 0 0 14px #00000026;
	border-radius: 0.2ch;
	padding: 30px 15px;
}
.ThirdFold .text_area img{
    margin-bottom: 30px !important;
}
.ThirdFold .text_area p{
	margin-bottom: 0;
	font-size: 16px;
}
.xbos {
    padding: 80px 20px 100px;
    box-shadow: 0px 0px 14px #00000026;
    border-radius: 5px;
}
.xbos p {
    margin: 0;
    padding: 30px 0px 40px;
    min-height: 262px;
}
.mcb-item-y8zin3sk5 {
    padding-left: 5%;
}
.lastSec{
    background: linear-gradient(90deg, #003AB8 0%, #01CAFE 49%, #003AB8 100%) !important;
}
.lastSec input.wpcf7-email {
    width: 70%;
}
.lastSec input.wpcf7-form-control.wpcf7-submit {
    position: absolute;
    margin: 0;
    padding: 12px;
    background: #3d272700;
    border: 0px;
    right: 20%;
}
.lastSec input.wpcf7-email:focus{
    background: transparent !important;
}
.lastSec input.wpcf7-email {
    width: 65%;
    margin: auto;
    background: transparent;
}
.lastSec h2 {
    padding-bottom: 20px !important;
}
::placeholder {
    color: #fff !important;
}
footer aside {
    text-align: center;
    margin: 0px !important;
    padding: 0px !important;
}
footer ul#menu-footer_menu {
    background: transparent !important;
}
footer ul#menu-footer_menu li:after {
    display: none !important;
}
footer ul#menu-footer_menu li {
    display: inline-block !important;
    padding: 10px !important;
}
.copyright {
    font-size: 16px !important;
}
.textwidget.custom-html-widget img {
    position: relative;
    top: 3px !important;
    margin-right: 10px;
}
aside#media_image-2 {
    padding-bottom: 20px !important;
}
div#Subheader {
    padding: 300px 0px 80px !important; 
}
div#Subheader  h1{
    color: #fff !important;
}
div#Subheader{
    background: url(https://staging.platinumdesignservices.com/msm/wp-content/uploads/2021/07/MainBanner.png) center center no-repeat;
    background-size: cover !important;
}
.FirstFold p {
    margin: 0;
    padding: 0px 25px;
}
.column-margin-0px.column {
    padding-top: 30px;
}
@media (max-width:1366px) {
    #Top_bar ul li a {
        margin-right: 80px !important;
        margin-left: 80px !important;
    }
    .FirstFold {
        background-position-x: -20% !important;
    }
    .mcb-section-dx5d4jma1 {
        background-position-x: 115% !important;
    }
}





@media (max-width: 767px){
	ul.bannerListItems li{width: auto;}
	.FirstFold h3{min-height: auto;}
	.ThirdFold{padding-bottom: 40px !important;}
	.column-margin-0px.column.xbos{padding: 80px 20px 0px;background: rgba(253,253,253,.7);margin-bottom: 20px !important;}
	.homeTestiSect{padding-top: 0 !important;}
	.xbos p{min-height: auto;}
	div#Subheader{padding: 100px 0px 100px !important;}
	.mobileRowReverse .section_wrapper,.homeTestiSect .section_wrapper{display: flex;flex-direction: column-reverse;}
	.serviceBoxSect .ownColCont{margin-top: 30px;}
	.serviceSect1 h2{font-size: 16px;line-height: 26px;}
}
