/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 22 2024 | 15:14:09 */
/*general*/
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;background:#FBF8F4;color:#022B55;font-size:16px;font-family: 'DM Sans', sans-serif; font-weight:400; line-height:1.4; letter-spacing:0px;}
*:focus {outline: none !important;}
.btn:focus, input:focus, textarea:focus, select:focus{box-shadow: none !important; outline:none !important;}
*::selection{background:#48C2EC; color:#FBF8F4;}
.sarabun{font-family: "Sarabun", sans-serif; font-weight:500;}
h1{margin:0; padding:0;letter-spacing:2px; line-height:1.1; font-size:48px;}
h1 .h1small{font-size:.74em; display:block; letter-spacing:1px;line-height:1.2;}
h2{margin:0; padding:0;letter-spacing:.2px; line-height:1.3; font-size:28px;}
h2 .h2small{font-size:.92em; display:block; line-height:1.2;}
.h2footer{font-size:1.2em; letter-spacing:.5px;}
.h2footer span{font-size:1.7em; vertical-align:middle; display:inline-block;}
h3{font-size:13px; letter-spacing:2.5px; line-height:1.1; margin:0; padding:0;}
h4{font-size:24px; letter-spacing:.2px; line-height:1.45; margin:0; padding:0;}
h5{font-size:20px; letter-spacing:.1px; line-height:1.2; margin:0; padding:0;}
h6{font-size:18px;  letter-spacing:0px; line-height:1.2; margin:0; padding:0;}
h6 span{opacity:.8;}
.bold, strong, b{font-weight:700;}
.regular{font-weight:400;}
.medium{font-weight:500;}
.italica{font-style:italic;}
.btn, button, a{ transition:all ease-in .2s; color:#022B55;}
a:hover{text-decoration:none;color:#48C2EC}
p{}
.smalltxt{font-size:12px;}
.white{color:#fff;}
.blue{color:#183E75;}
.red{color:#F08482;}
.cian{color:#48C2EC;}
.yellow{color:#FBBC43;}
.cream{color:#F7F3EC;}
.light{color:#FBF8F4;}
.darkblue{color:#022B55;}
.black{color:#000;}
.bgwhite{background-color:#fff;}
.bgblack{background-color:#000;}
.bgblue{background-color:#183E75;}
.bgbluelight{background-color:rgba(24, 62, 117, .02);}
.bgred{background-color:#F08482;}
.bgcian{background-color:#48C2EC;}
.bgyellow{background-color:#FBBC43;}
.bgcream{background-color:#F7F3EC;}
.bglight{background-color:#FBF8F4;}
.bgdarkblue{background-color:#022B55;}
.section{position:relative; overflow:hidden;}
.container{padding-left: 20px !important; padding-right: 20px !important;}
.bg{background:no-repeat center; background-size:cover;}
.bgfixed{background-attachment:fixed;}
img{width:100%;}
.max200{max-width:200px;}
.max250{max-width:250px;}
.max300{max-width:300px;}
.max350{max-width:350px;}
.max400{max-width:400px;}
.max450{max-width:450px;}
.max500{max-width:500px;}
.max550{max-width:550px;}
.max600{max-width:600px;}
.max650{max-width:650px;}
.max700{max-width:700px;}
.max750{max-width:750px;}
.max800{max-width:800px;}
.max850{max-width:850px;}
.max900{max-width:900px;}
.max950{max-width:950px;}
.max1000{max-width:1000px;}
.max1050{max-width:1050px;}
.max1100{max-width:1100px;}
.max1150{max-width:1150px;}
.max1200{max-width:1200px;}
.max1250{max-width:1250px;}
.pt-100{padding-top:100px;}
.pb-100{padding-bottom:100px;}
.anchor{position:absolute; top:-100px; left:0;}
.grecaptcha-badge{opacity:0 !important; bottom:-100px !important;}
.padding-menu{padding-top:84px;}
.opacity7{opacity:.7}
.borderadius{border-radius:16px;}

#whatsapp{ z-index:1000;position:fixed; bottom:50px; right:30px; }
#whatsapp a{transition:all ease-in .3s;width:60px; display:block; text-indent: -999999px; height:60px; background:#06C002 url(https://thesouthernshelter.com/dev/wp-content/uploads/2024/08/whatsapp-icon-southern-shelter.svg) no-repeat centeR; background-size:26px; border-radius:50%;}
#whatsapp a:hover{transform:scale(1.15);}


/*buttons*/
.btn{ vertical-align:middle;line-height:1;font-weight:500;border-radius:8px; padding: 14px 20px; display:inline-block; border:none;position:relative;}
.btn-icon{padding-right:45px;}
.btn-icon i{position:Absolute; right:14px; top:50%; transform:translateY(-50%);}

.btn-blue{color:#FBF8F4; background:#183E75;}
.btn-blue:hover{color:#FBF8F4; background:#48C2EC;}

.btn-white{color:#183E75; background:#fff;}
.btn-white:hover{color:#fff; background:#48C2EC;}
.btn-white:hover i{color:#fff;}

.btn-trans{color:#FBF8F4; background:transparent; border:1px solid #FBF8F4;}
.btn-trans:hover{color:#183E75; background:#FBF8F4;}
.btn-trans:hover i{color:#183E75;}

.btn-trans-blue{color:#183E75; background:transparent; border:1px solid #183E75;}
.btn-trans-blue:hover{color:#FBF8F4; background:#48C2EC; border-color:#48C2EC;}

.btn-line-blue{color:#183E75; background:transparent; border:none; padding-top:0; padding-bottom:0;padding-left:0;}
.btn-line-blue:hover{color:#48C2EC;}


.icon-rotate:before{transform:rotate(90deg);}
.icon-small{font-size:22px;}
[class^="icon-"]:before, [class*=" icon-"]:before {vertical-align:middle;}

/*slider*/
.slide-home{height:calc(100vh - 84px); min-height:calc(600px - 84px);}
.info-slider{position:Absolute; bottom:70px; top:70px; width:100%;}
.info-slider i.icon-sun-fill{font-size:80px;}

/*home*/
.gradient-blue{background: rgb(72,194,236);
background: -moz-radial-gradient(circle, rgba(72,194,236,1) 0%, rgba(255,255,255,0) 71%);
background: -webkit-radial-gradient(circle, rgba(72,194,236,1) 0%, rgba(255,255,255,0) 71%);
background: radial-gradient(circle, rgba(72,194,236,1) 0%, rgba(255,255,255,0) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#48c2ec",endColorstr="#ffffff",GradientType=1);}
.gradient-red{background: rgb(240,132,130);
background: -moz-radial-gradient(circle, rgba(240,132,130,0.2) 0%, rgba(255,255,255,0) 71%);
background: -webkit-radial-gradient(circle, rgba(240,132,130,0.2) 0%, rgba(255,255,255,0) 71%);
background: radial-gradient(circle, rgba(240,132,130,0.2) 0%, rgba(255,255,255,0) 71%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f08482",endColorstr="#ffffff",GradientType=1);}
.gradient1{width:1000px; height:1000px; position:absolute; right:-500px; bottom:-500px;}
.gradient2{width:1200px; height:1200px; position:absolute; right:-700px; top:calc(50% - 600px);}
.info-full{position:Absolute; bottom:60px; width:100%;}
.img-full{height:100vh; min-height:500px;}
.cont-gradient3{position:absolute; width:500px; right:0px; top:-300px; overflow:hidden; height:1200px}
.gradient3{width:1200px; height:1200px; position:absolute; left:0px; top:0px; opacity:.6;}
.cont-gradient4{position:absolute; width:500px; left:0px; bottom:-300px; overflow:hidden; height:1200px}
.gradient4{width:1200px; height:1200px; position:absolute; right:0px; top:0px; opacity:.6;}
.gradient5{width:800px; height:800px; opacity:.6;position:absolute; right:-300px; bottom:-300px;}
.gradient6{width:800px; height:800px; opacity:.2;position:absolute; left:-400px; bottom:-400px;}

.sunhome{width:290px; position:Absolute; top: -145px; right:-130px;}
.waveshome{width:230px; position:Absolute; bottom: -50px; left:-70px;}
.ulsouthern ul{padding:0; margin:0; list-style:none;}
.ulsouthern ul li{opacity:.7; margin-bottom:15px; position:Relative; padding-left:20px;}
.ulsouthern ul li:before{width:6px; height:6px; background:#48C2EC; position:AbsolutE; left:0; top:8px; content:'';}
.imgalso1{max-width:330px; width:80%; display:block;position:Relative; z-index:2;}
.imgalso2{max-width:450px; width:90%; display:block;margin:-110px 0 0 auto; position:Relative; z-index:1;}

/*about us*/
.sunabout{position:Absolute; width:400px; top:-200px; right:-90px;}
.wavesabout{position:Absolute; width:315px; top:-150px; right:20px;}
.aboutus-services h4{line-height:1.2;}

/*services*/
.title-services{padding-right:10px;height:80px; display:flex;align-items:center; border-bottom:solid 1px rgba(24, 62, 117, .2)}
.titles-services{border-right:solid 1px rgba(24, 62, 117, .2);}
.titles-services .title-services:first-child{height:130px; align-items:end; padding-bottom: 26px;}
.titles-services .title-services:last-child{border-bottom:none;}
.name-service{padding: 15px 10px 0;border-bottom:solid 1px rgba(24, 62, 117, .2);display:flex;align-items:center; justify-content:center; height:130px;}
.name-service h2{line-height:1.1;}
.feature-services{padding: 0 10px;border-bottom:solid 1px rgba(24, 62, 117, .2);height:80px;display:flex;align-items:center; justify-content:center; }
.feature-services img{width:22px;}
.features-services .feature-services:last-child{border-bottom:none;}
.button-service{padding: 0 10px;display:flex;align-items:end; justify-content:center; height:80px;}
.button-service .btn{width:260px; max-width:100%;}
.button-service .btn i{right:-30px;}
.bgfeatured{position:Absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(180deg, #183E75 0%, rgba(24, 62, 117, 0.00) 100%); opacity:.06;}
.tag-service{position:Absolute; left:50%; transform:translateX(-50%); top:-18px; font-size:13px; font-weight: 500; letter-spacing:2.6px; padding:8px 12px; border-radius:8px;}
.tooltipsouth{width:22px; display:inline-block;}
.tooltip{opacity:.8 !important;width:80% !important; max-width:330px !important;}
.tooltip-inner {font-family: 'DM Sans', sans-serif; text-align:left; max-width:330px !important;font-size:13.5px !important; line-height:1.2 !important; width:100% !important;padding:20px 22px; border-radius:18px;}


/*contact*/
.wpcf7-form-control-wrap{display:block; margin-bottom:35px;}
.wpcf7-text, .wpcf7-textarea{border-radius:0;letter-spacing:0px;font-size:16px; font-weight:400;width:100%; background:none; border:none; border-bottom:1px solid rgba(24, 62, 117, .2); height: auto; padding:0 10px 5px; color:#183E75;}
.wpcf7-text::placeholder, .wpcf7-textarea::placeholder{color:#183E75; opacity:.5;}
.wpcf7-textarea{height:70px; resize:none;}
.wpcf7-response-output{text-transform:none; border:none !important; padding:20px 0 0 0 !important; margin: 0 !important; font-weight:600;}
#send{display:block; float:right;}
.wpcf7-not-valid-tip{color:#F08482;text-transform:none; font-size:15px;}
.wpcf7-spinner{display:none; margin:5px auto 0;}
form.submitting .wpcf7-spinner{display:block;}
/*custom button send*/ .wpcf7-form.submitting #send{display:none;}
.preference{display:flex;}
.radiopreference{ flex:auto}
.labelpreference{margin-right:40px;}
.preference .wpcf7-form-control-wrap{display:block; }
.preference .wpcf7-radio{display:flex; justify-content: space-between;}
.preference .wpcf7-radio input{opacity:1; 	}
.preference .wpcf7-radio label{position:Relative;}
.preference .wpcf7-radio label:before{width:13px; height:13px; background:rgba(24, 62, 117, .1); border-radius:50%; position:Absolute; top:3; left:0;}
.preference .wpcf7-radio input[type=radio] {vertical-align:middle; margin-right:4px;background:#ddd;border:4px solid #ddd;border-radius:40px;-webkit-appearance: none;-moz-appearance: none;height: 15px;width: 15px;}
.preference .wpcf7-radio input[type=radio]:checked {background: rgba(24, 62, 117, 1);}
.links-footer a{border-bottom:1px solid rgba(255,255,255,.5);}
.links-footer{border-bottom:1px solid rgba(255,255,255,.3);}
.copy{font-size:12px;}
.socialmedia a{margin:0 2px;border-bottom:none; font-size:24px; opacity:.5;}
.socialmedia a:hover{opacity:1; color:#FBF8F4;}
#back{width:55px; height:55px; font-size:24px;border-radius:50%; border:1px solid #FBF8F4; top:0px; right:20px;}
#back:hover{background:#FBF8F4; color:#183E75;}
#back i{transform:rotate(90deg);}

.slick-next:before, .slick-prev:before{font-size:26px;font-family: 'southern'; color:#183E75; opacity:1; transition:All ease-in. .2s;}
.slick-prev:before{content:'\e807'; }
.slick-next:before{content:'\e80c';}
.slick-next:hover:before, .slick-prev:hover:before{color:#FBF8F4;}
.slick-next, .slick-next:hover, .slick-next:focus{width:70px; height:70px; right:0px; top:50%; margin-top:-35px; transform:none; background:#FBF8F4; transition:all ease-in .2s;}
.slick-prev:hover, .slick-next:hover{background:#183e75; color:#fbf8f4}
.slick-prev, .slick-prev:hover, .slick-prev:focus{z-index:1;width:70px; height:70px; left:0px; top:50%; margin-top:-35px; transform:none; background:#FBF8F4; transition:all ease-in .2s;}

.slick-dots{line-height:0; display:flex;width:auto;height:2px; background:rgba(255,255,255,.5);bottom:40px; left:50%; transform:translateX(-50%);}
.slick-dots li button:before{display:none;}
.slick-dots li button{cursor:pointer;border-radius:3px;height:2px; width:26px; background:#fff; opacity:0; padding:0; margin:0; transition:all ease-in .2s;}
.slick-dots li.slick-active  button{opacity:1;}
.slick-dots li{height:2px; width:26px; padding:0; margin:0;}
.slick-dots li:only-child {display: none;}

/*faqs*/
.banner-header{height:290px;}
.menu-faqs li{margin-bottom:8px;}
.menu-faqs li a{display:block;padding: 10px 0 10px 25px; line-height:1.2; opacity:.7; position:Relative; border-left:2px solid transparent;}
.menu-faqs li a.active{opacity:1; border-left-color:#48C2EC;}
.menu-faqs li a:hover{opacity:1; color:#183E75;}
.question{padding: 35px 0; position:relative;}
.question:after{width: calc(100% + 40px); position:Absolute; left:-40px; bottom:0; background:rgba(24, 62, 117,.1); content:'';height:1px;}
.question a{padding-right:80px; position:relative;}
.question span{position:absolute; display:block;right:30px;width:25px; height:25px; top:calc(50% - 12px);transition:all ease-in .2s;transform:rotate(45deg);}
.question a span:before{transition: all ease-in .2s;content:''; width:25px; height:1px; right:0px; top:12px; background:#48C2EC; position:Absolute; }
.question a span:after{transition: all ease-in .2s;content:''; width:1px; height:25px;  right:12px; top:1; background:#48C2EC;position:Absolute;}
.question a.collapsed span{transform:rotate(0deg);}
.question a.collapsed span:after, .question a.collapsed span:before{background:#183E75;}
.gradient7{width:1200px; height:1200px; position:absolute; right:-700px; top:0}
.gradient8{width:1200px; height:1200px; position:absolute; left:-900px; top:-800px}

/* Preloader CSS */
.loading {width: 100%;height: 100vh;position: fixed;background-color: #FBF8F4;z-index: 999999;overflow: visible; top:0;}
.loading img {position: absolute;top: 50%;left: 50%;margin: -100px 0 0 -100px;width: 200px;transform-origin: center;  animation: scale 2.5s infinite alternate;}
.loading.fade {z-index:0;animation-name: fade;animation-duration: 0.3s;animation-fill-mode: both;animation-iteration-count: 1;animation-delay: 0.3s;}
@-webkit-keyframes scale {
From {-webkit-transform: scale(.4);}
To {-webkit-transform: scale(1.2);}
}

/*nav*/
#menu-principal{background:#FBF8F4;padding:18px 0;transition:all ease-in .2s;}
#main-menu{margin-top:0px;}
.menu-item a{position:relative; display:inline-block;}
.menu-item a:before{transition:all ease-in .4s; width:0; left:0; bottom:-6px; position:Absolute; content:'';height:2px;background: #48C2EC;}
.menu-item a:hover, .menu-item.current-menu-item a{color:#022B55;}
.menu-item a:hover:before, .menu-item.current-menu-item a:before{width:100%;}

#menu-principal .navbar-brand{background:no-repeat center; background-size:100%;width:172px; height:32px; padding:0; margin:5px 0 6px;  transition:all ease-in .2s;}
.menu-item-has-children{padding-right:20px; position:relative;}
.menu-item-has-children:after{cursor:pointer;width:20px; height:20px; content:''; display:block;background:#fff; position:absolute; right:0; top:2px;}
.sub-menu{display:none;position:absolute; top:30px; padding:10px; background:#ccc; left:0;}

.btn-contact{position:Absolute; right:20px; top:0;}

#menu-principal.scrolled-nav{ padding: 10px 0;}
#menu-principal.scrolled-nav #main-menu{}
#menu-principal.scrolled-nav .navbar-brand{}

/*404*/
#wp404{}
#wp404 h1{}
.error404 #menu-principal{}

@media (max-width:1200px){
	.preference{display:block;}
    #menu-principal{}
  #main-menu{display:block;text-align:l; padding-top:20px; padding-bottom:60px;}
  #menu-principal .navbar-brand{}
  #menu-principal.scrolled-nav{}
	.menu-item a{font-size:20px; display:inline-block; margin:0px 0 10px;}
  .sub-menu{top:0; position:relative; background:transparent;}
  
    .navbar-toggler{border:none; border-radius:0;padding:0; margin:0; height:20px; width:30px; position:absolute; right:15px; top:12px; }
  .navbar-toggler-icon{transition:all ease-in .2s;width:30px; height:2px; background:#183E75; display:block; position:relative; border-radius:4px;}
  .navbar-toggler:before{transition: all ease-in .2s;position:absolute;content:'';width:30px; display:block; height:2px; top:0; left:0;background:#183E75;border-radius:4px;}
  .navbar-toggler:after{position:absolute;transition: all ease-in .2s;content:'';width:30px; height:2px; display:block;bottom:0; left:0;background:#183E75;border-radius:4px;}

  .menu-abierto .navbar-toggler-icon{opacity:0;}
  .menu-abierto .navbar-toggler:before{transform:rotate(45deg); transform-origin:top left; top:-1px;}
  .menu-abierto .navbar-toggler:after{transform:rotate(-45deg); transform-origin:bottom left; bottom:-2px;}

	.btn-contact{right:auto; left:15px; top:auto;bottom:0; transition:all ease-in 0s !important; opacity:0 !important;visibility:hidden;}
	.menu-abierto .btn-contact{opacity:1 !important; visibility:visible;transition:all ease-in .4s !important;}
	
	.imgalso2{margin-top:-30px;}
	.aboutus-services h4{font-size:20px;}
}

@media (max-width:991px){
	h5{font-size:18px;}
	

	
	.servicewave, .servicesun{padding-right:40px;}
	.img-full{height:600px;}
	.icon-journey{font-size:150px;}
	.cont-icon-journey{width: 107px;margin-left: -188px;}
	.sunabout {position: Absolute;width: 250px;top: -125px;right: -110px;}
	.wavesabout {position: Absolute;width: 170px;top: -100px;right: 0; left:-40px;}
	
	.name-service h2{font-size:22px; letter-spacing:0;}
	h6{font-size:16px;}
	.tag-service{font-size:11px; letter-spacing:1.5px; top:-16px;}
	.button-service .btn{padding:14px 20px 14px 5px;}
}

@media (max-width:768px){
 
	h1{font-size:40px; letter-spacing:1px;}
	h2{font-size:24px; letter-spacing:0;}
	.img-block2{max-width:300px;}
	.servicewave, .servicesun{padding-right:60px;}
	.pillar:hover .cont-pillar{margin-top:-220px;}
	.cont-icon-journey{margin-left:-107px;left: calc(50% + 50vw);}
	.icon-block7{right:20px; bottom:20px;}
	footer h2{font-size:22px;}
	.info-journey{min-height:0;}
	.cont-gradient4{max-width:100%;}
	#block6{overflow:hidden;}
	.sunabout{top:-70px;}
	.wavesabout{top:-40px; right:-50px; left:auto}
	.name-service h2{font-size:18px; letter-spacing:0;}
	.name-service, .titles-services .title-services:first-child{height:110px;}
}

@media (max-width:575px){
	h1{font-size:32px;}
	#menu-principal .navbar-brand{width:150px;}
	.info-slider i.icon-sun-fill{font-size:60px;}
	.img-full{height:400px; min-height:400px;}
	.slick-next, .slick-next:hover, .slick-next:focus{width:50px; height:50px;}
		.slick-prev, .slick-prev:hover, .slick-prev:focus{width:50px; height:50px;}
	.h2footer{font-size:1em;}
	h1 .h1small{font-size:.9em; letter-spacing:.5px; }
	
	/*faqs*/
	.question span{right:10px; }
	.question a{padding-right:50px;}
	.question:after{width:100%; left:0;}
	
	/*home*/
	.sunhome{width:200px; top:-70px; right:-90px;}
	.waveshome {width: 160px;position: absolute;bottom: -50px;left: -50px;}
	
	h6{font-size:10px;}
	.tooltipsouth{width:15px;}
	.features-services h6{font-size:14px;}
	.name-service h2{font-size:15px;}
	.tag-service{font-size:9px; letter-spacing:1px; padding: 5px 8px 6px; top:-11px;}
	.name-service, .titles-services .title-services:first-child{height:90px;}
	.name-service{padding-top:5px;}
	.button-service i{display:none !important;}
	.button-service .btn{padding: 12px 5px; font-size:14px;}
	.tooltip-inner {font-size:11px !important;padding:15px 17px; border-radius:14px;}
}

@media (min-width:576px){


}

@media(min-width:768px){

}

@media (min-width:992px){
}

@media (min-width:1200px){
 /*menu*/
  .navbar-nav .menu-item{margin: 0 20px; display:inline-block;}
  #main-menu{display:block; text-align:left; padding-left:20px;width:100%; display:block;}
.container{max-width:1300px;}
}