/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.4.8.1598804894
Updated: 2020-08-30 16:28:14

*/



/*

.tabss
{
	color:#fff;
	margin-bottom:10px;
}

.tabss h3
{
	color:#fff;
   padding: 10px !important;
}

.entry-content .tabss tr td {
    border: 1px solid #fff;
    padding: 26px 24px;
}
.wel_new, .new_secs h2, .new_secs p
{
	color:#fff !important;
	text-align:left !important;
}


.new_secs
{
	text-align:center !important;
}

.new_secs p{
    font-weight: 300;
    font-size: 19px;
    letter-spacing: 0.1px;
    line-height: 32px;
	color:#000;
		text-align:center !important;

}
.new_secs h2{
		color:#fff;
		text-align:center !important;


	font-size:50px;
  font-weight: 700;
	    line-height: 60px;
}
.new_secs h3{
		color:#fff;

	font-size:30px;
  font-weight: 700;
	    line-height: 40px;
}
.new_secs h5{
		color: #fff;
    font-size: 30px;
    margin: 10px 0 10px 0;
    padding-bottom: 0;
    text-align: center;
}
.boxx-ss .et_pb_code_inner 
{
	text-align:center;
	color:#fff;
}
.boxx-ss .et_pb_code_inner img
{
	max-width:50px;
}
.boxx-ss .et_pb_code_inner p
{
    font-weight: 300;
    font-size: 14px;
    line-height: 22px !important;
    letter-spacing: 0.1px;
    line-height: 32px;
    color: #000;
    text-align: center !important;
}
@media (max-width: 680px) {
	.entry-content .tabss tr td {
    padding: 5px !important;
	}
	.tabss h3
	{
		font-size:16px;
	}
	.tabss p
	{
		    
	}
	.new_secs p{
     font-size: 15px;
    line-height: 25px;
 
}
	.new_secs h2{
		color:#fff;

	font-size:30px;
  font-weight: 700;
	    line-height: 35px;
}
	.boxx-ss .et_pb_code_inner img {
    max-width: 40px;
}
}
*/



.floater {
	position: fixed;
	top: 50px;
	left: 50px;
	color: #fff;
	z-index: 9;
	top: 0;
	bottom: 0;
	height: 213px;
	left: -185px;
	width: 217px;
	margin: auto;
	background: #fff;
	border-radius: 0;
	transition: 400ms;
	-webkit-transition: 400ms;
	-o-transition: 400ms;
	-moz-transition: 400ms;
	-ms-transition: 400ms;
	border-radius: 0 15px 15px 0;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
  }
  .floater .close_outer {
	height: 0;
  }
  .floater .close {
	display: none;
	position: absolute;
	top: -35px;
	right: 5px;
	left: auto;
	width: 30px;
	height: 30px;
	background: rgba(247, 142, 114, 0.6);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: 400ms;
	-webkit-transition: 400ms;
	-o-transition: 400ms;
	-moz-transition: 400ms;
	-ms-transition: 400ms;
	pointer-events: none;
	opacity: 0;
  }
  @media (max-width: 767px) {
	.floater .close {
	  display: block;
	  display: flex;
	}
  }
  .floater:hover {
	left: 0px;
  }
  @media (max-width: 767px) {
	.floater:hover {
	  bottom: 0px;
	}
  }
  @media (max-width: 767px) {
	.floater:hover .close {
	  opacity: 1;
	}
  }
  @media (max-width: 767px) {
	.floater {
	  rotate: 0deg;
	  top: auto;
	  bottom: -213px;
	  left: 0;
	  right: 0;
	  width: 100%;
	  border-radius: 0;
	  display: block;
	}
  }
  .floater .btns {
	font-family: "Satoshi-Black";
	margin-bottom: 0px;
	padding: 10px 10px;
	text-align: center;
	font-family: "Satoshi-Medium";
	letter-spacing: 1px;
	background: #F78E72;
	display: flex;
	border-radius: 0 15px 15px 0;
  }
  .floater .btns img {
	width: 15px;
  }
  @media (max-width: 991px) {
	.floater .btns {
	  border-radius: 0 10px 10px 0;
	}
  }
  @media (max-width: 767px) {
	.floater .btns {
	  padding: 6px 5px;
	  font-size: 13px;
	}
  }
  .floater .program_name {
	padding: 10px 5px;
	display: inherit;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #ddd;
	width: 184px;
	border-radius: 0;
	transition: 400ms;
	-webkit-transition: 400ms;
	-o-transition: 400ms;
	-moz-transition: 400ms;
	-ms-transition: 400ms;
  }
  .floater .program_name a{
	text-decoration: none;
  }
  @media (max-width: 767px) {
	.floater .program_name {
	  width: 100%;
	}
  }
  .floater .program_name:last-child {
	border-bottom: 0;
  }
  .floater .program_name.main {
	background: #fff;
  }

  .floater .program_name.main img,  .floater .program_name.main svg {
	max-height: 31px;
  }
  .floater .program_name.one {
	color: #2E4449;
  }
  .floater .program_name.two {
	color: #5F2F75;
  }
  .floater .program_name.three {
	color: #F58E72;
  }
  .floater .program_name.four {
	color: #50C6DC;
  }
  .floater .program_name p {
	margin: 0;
	padding: 0;
	font-size: 13px;
	letter-spacing: 1px;
	text-align: center;
	line-height: 18px;
	margin-bottom: 0 !important;
  }
  .floater .program_name p.big {
	font-size: 14px;
	text-transform: uppercase;
	line-height: 15px;
	letter-spacing: 3px;
  }
  .floater .program_name:hover.main {
	background: #0c0c0c;
  }
  .floater .program_name:hover.main img,  .floater .program_name:hover.main svg {
	filter: invert(68%) sepia(100%) saturate(2396%) hue-rotate(-175deg) brightness(438%) contrast(119%);
  }
  .floater .program_name:hover.one {
	background: #2E4449;
  }
  .floater .program_name:hover.two {
	background: #5F2F75;
  }
  .floater .program_name:hover.three {
	background: #F58E72;
  }
  .floater .program_name:hover.four {
	background: #50C6DC;
  }
  .floater .program_name:hover p {
	color: #fff;
  }
  .floater .btns.pc {
	display: flex;
  }
  @media (max-width: 767px) {
	.floater .btns.pc {
	  display: none;
	}
  }
  .floater .btns.mob {
	display: none;
	font-family: "Satoshi-Black";
	margin-bottom: 0px;
	padding: 10px 5px;
	text-align: center;
	font-family: "Satoshi-Medium";
	letter-spacing: 1px;
  }
  @media (max-width: 991px) {
	.floater .btns.mob {
	  padding: 5px 5px;
	}
  }
  @media (max-width: 767px) {
	.floater .btns.mob {
	  padding: 6px 5px;
	  font-size: 13px;
	  display: block;
	  border-radius: 0;
	  position: absolute;
	  top: -38px;
	  left: 0;
	  right: 0;
	}
  }