/*
Theme Name: MSW
Theme URI: 
Description: Child theme of Divi theme for the Divi theme
Author: <a href="http://www.elegantthemes.com">Elegant Themes</a>
Author URI: 
Template: Divi
Version: 4.18.0
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Tue, 11 Oct 2022 16:48:33 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

.add-head{ font-size:13px; text-align:center!important; font-weight:400;}
.big-head{font-size:18px; font-weight:500;}

.container-main{ padding:60px 0; width: 80%;
    max-width: 1080px;
    margin: auto; text-align: left;
    position: relative;}

.main-row{display: flex;
flex-direction: row;
    padding: 20px 0;
    background: rgba(0,0,0,0.02);
    border: 1px solid #eee;
    margin: 15px 0;}
	
.img-main-cont{-webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0 15px;}
	
.main-row .img-main-cont .img-container {
    border: 0px solid rgba(255,255,255,0);
    position: relative;
}

.main-row .img-main-cont .img-container:after {
    position: absolute;
    content: '';
    border: 5px solid rgba(255,255,255,0.5);
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 16px;
    cursor: zoom-in;
}

.main-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    padding: 0 15px;
}

.main-content h3 {
    margin: 5px 0 0 0;
    color: #306194;
    font-size: 18px;
	font-family:Open Sans,Arial,sans-serif;
}

p.location {
    font-style: italic;
    margin: 0;
	padding-bottom: 0.3em;
}

p.phone {
	font-weight: 700;
    padding-bottom: 0;
    margin-bottom: 5px;
    line-height: 24px;
}

p.description{    
	margin: 0 0 10px 0;
    line-height: 25px;
    padding: 0;
}


.showcave ul{ margin:0 auto 30px auto; padding:0px; list-style:none; text-align:center;}
.showcave ul li{ display:inline-block; margin:0 4px;}
.showcave ul li.red a{  padding: 5px 10px;
    color: #fff;
        text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    background: #2b5a8c; border-radius:6px; border-bottom: 2px solid #194770;}
	
	
.showcave ul li.red a:hover{background: #E02B20;}

.showcave ul li.red a.active{background: #E02B20;}

.view-btn{ margin-top:10px; float:left; margin-right:10px;}
.view-btn a{    display: inline-block;
    padding: 5px 10px;
    color: #fff;
        text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    background: #2b5a8c; border-radius:6px; border-bottom: 2px solid #194770;}
.detail-btn{ margin-top:10px; float:left; margin-right:10px;}
.detail-btn a{    display: inline-block;
    padding: 5px 10px;
    color: #fff;
        text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    background: #3d72a1; border-radius:6px; border-bottom: 2px solid #194770;}
	
	.social-icon{ float:left; margin-top:15px;  }
	.social-icon ul{margin:0 auto; padding:0px; list-style:none;}
	.social-icon ul li{display:inline-block; margin:0 4px;}
	.social-icon ul li a{ color:#000; font-size:16px; font-weight:600;}
	.social-icon ul li a:hover{ color:#000; opacity: 0.7;}
	
.clr{ clear:both;}

.gry-bg{ background:#f5f5f5!important;}

.heading-bx{ text-align:center; margin-bottom:50px;}
.heading-bx h2{ position:relative; font-family:Open Sans,Arial,sans-serif; color:#252667; font-size:26px; font-weight: 500; line-height:1em; padding-bottom:10px;}
.heading-bx h2:after{ width:23%; height:2px; background:#ff0000; position:absolute; left:0; right:0; bottom:0px; margin:0 auto; content:"";}
.slide-txt{ width:100%; float:left; padding-bottom:27px; }
.content-lft{ width:47.25%; margin-right:5.5%; float:left;}
.content-lft .logo-bx { text-align:center; margin-bottom:10px}
/*.content-lft .logo-bx img{ width:60%;}*/
.autoslide-rgt{ width:47.25%; float:left;}

/*Image Slider*/
.slideshow {
  position: relative;
  z-index: 1;
  height: 100%;
  max-width: 100%;
}
.slideshow * {
  outline: none;
}
.slideshow .slider {
  box-shadow: 0 20px 50px -25px black;
}
.slideshow .item {
  height: 100%;
  position: relative;
  z-index: 1;
}

.contact-details{ width:100%;}
.contact-col{ width:25%; float:left; color:#E02B20; text-align:center;}
.icon-all{ color:#E02B20; font-size:24px; text-align:center; margin-bottom:30px;}
.icon-title h4{font-size: 18px; padding-bottom: 10px;
    line-height: 1em;
    font-weight: 500; color:#252667; }
	.icon-lnk a{color: #e02b20; font-size:14px; line-height:1.7em}
	
	.bg-botm{ background:url(image/bg-bottom.png) no-repeat bottom center; width:100%; }
	
	.row-flex {
  display: flex;
  flex-wrap: wrap;
}

/* vertical spacing between columns */


.content {
  height: 100%;
}

/*Image Slider*/

.btm-gallery{ width:100%;}
 .btm-gallery h3{ font-size: 30px; text-align:center; color: #252667; padding-bottom: 20px;
    line-height: 1em;
    font-weight: 500;}
	
	
	.btm-gallery .gally-col{ margin-right: 0!important;
    width: 33.333333333333%!important; margin-bottom: 5.5% !important; float: left;
    position: relative;}
	
	.btm-gallery .gally-col25{ margin-right: 0!important;
    width: 25%!important; margin-bottom: 5px !important; float: left;
    position: relative;} 
	
	.btm-gallery .gally-img{
	    max-width: 83.5%;
    margin-left: auto !important;
    margin-right: auto !important; 
	

}

.btm-gallery .gally-img img{ width:100%; box-shadow: 0px 12px 18px -6px rgb(0 0 0 / 30%); border-radius: 5px 5px 5px 5px; display:block;}


.img-response{width:100%;}

/*pagination css*/
.pagination {

  width:50%; margin:0 auto;
  text-align:center;
  padding:30px 0 60px 0;
}

.pagination a {
  color: black;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.btn {
  font-size: 12px;
    font-weight: 400;
    background: #3d72a1;
  border-radius: 5px;
  color:#fff;
}

.pagination a.active {
  font-size: 12px;
    font-weight: 400;
    background: #3d72a1;
  border-radius: 5px;
  color:#fff;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}

.pagination a.btn { padding:8px 10px;}

/*Responsive Css*/
/*@media only screen and (max-width: 1368px) {

.btm-gallery .gally-img{
	    max-width: 94%;
		}
		}*/

@media only screen and (max-width: 1024px) {
.img-main-cont {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38%;
    flex: 0 0 38%;
    max-width: 38%;
    padding: 0 15px;
}
.main-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 62%;
    flex: 0 0 62%;
    max-width: 62%;
	padding: 0 15px;
	}
	
	/*.btm-gallery .gally-img{
	    max-width: 94%;
		}*/
}
@media only screen and (max-width: 992px) {
.showcave ul li {
    display: inline-block;
    margin: 0 4px 20px 4px;
}
}
@media (min-width: 981px){
.et_pb_gutters3 .footer-new .et_pb_column_1_4 {
    width: 20% !important;
}
.et_pb_gutters3 .footer-new .et_pb_column{
    margin-right: 5% !important;
}

}
@media only screen and (max-width: 768px) {
.img-main-cont {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
    padding: 0 15px;
}
.main-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 58%;
	padding: 0 15px;
	}
.showcave ul li {
    display: inline-block;
    margin: 0 4px 20px 4px;
}

.showcave ul li.red a {
    padding: 5px 18px;

}
.img-container img{ width:100%; height:auto;}

.content-lft {
    width: 100%;
    margin-right: 0;
    float: left;
    margin-bottom: 20px;
}

.autoslide-rgt {
    width: 100%;
	}
	
.contact-col {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

.btm-gallery .gally-col {
    margin-right: 0!important;
    width: 50%!important;
    margin-bottom: 5.5% !important;
}
.btm-gallery .gally-img{
	    max-width: 94%;
		}
		
		.icon-lnk a {
    font-size: 14px;
}
}
@media only screen and (max-width: 600px) {
.main-row{display: flex;
flex-direction: column;
}
.img-main-cont {
	max-width: 100%;
    padding: 0 15px;
}
.main-content {
   max-width: 100%;
   padding: 0 15px;
}
.pagination {
	width:100% !important;
  }
  .btm-gallery .gally-col25 {
    margin-right: 0!important;
    width: 50%!important;
}  
.btm-gallery .gally-img{
	    max-width: 96%;
		}
  
}
@media only screen and (max-width: 442px) {
.contact-col {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.btm-gallery .gally-col {
    margin-right: 0!important;
    width: 100%!important;
}
.heading-bx h2 {
    font-size: 24px;
}
  .btm-gallery .gally-col25 {
    margin-right: 0!important;
    width: 100%!important;
}
}
@media only screen and (max-width: 380px) {
.heading-bx h2 {
    font-size: 20px;
}
}