/**
  * 
  * Overlay
  * Flat Button
  * Flat Title
  * Parallax
  * Border
  * Flat Info
  * Flat Action
  * Flat Adds
  * Flat Event
  * Flat Featured
  * Iconbox
  * Imgbox
  * Flat Counter
  * Flat Tabs
  * Flat Team
  * Flat Search
  * Flat Accodion
  * Transition Hover
  * Flat Img Single Slider
  * Flat About Info
  * Flat About Detail
  * Flat Video
  * Flat Free Month
  * Flat Courses
  * Flat Filter Isotype
  * Flat Popular Courses
  * Flat Register Now
  * Flat Skilled Instructors
  * Flat Upcoming Events
  * Flat Testimonials
  * Flat Services
  * Flat Categories
  * Flat Post
  * Flat Comments
  * Flat Form Reply
  *
**/

/* Overlay
-------------------------------------------------- */
.overlay {
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flat-title-page .overlay {
	background: #192836;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.flat-title-page.style2 .overlay {
	opacity: 0.77;
}

.flat-title-page .overlay.style2 {
	background: #f3728b;
}

.flat-title-page .overlay.style3 {
	background: #4646c3;
}

.flat-title-page .overlay.style4 {
	background: #192836;
}

.flat-feature .overlay {
	background: #f3728b;
	opacity: 0.75;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.flat-feature .overlay.v2 {
	opacity: 1;
}

.flat-feature.style2 .overlay {
	background: #fff;
	opacity: 0.75;
}

.product-item .overlay {
	background: #515e6f;
	position: absolute;
}

.flat-free-month .overlay {
	background: #ec5252;
	opacity: 0.8;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.flat-register-now	.overlay {
	background:  #192836;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.88;
}

/* Flat Button
-------------------------------------------------- */
.flat-button,.added_to_cart,.wp-block-button__link {
	display: inline-block;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.flat-button::after,
.flat-button::before,
.added_to_cart::before,
.wp-block-button__link::after,
.wp-block-button__link::before {
	position: absolute;
	content: "";
	-webkit-transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-ms-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	transition: all 0.35s ease-in-out 0s;
}

.flat-button::before,.added_to_cart::before,.wp-block-button__link::before  {
	top: 0;
	left: 0;
	width: 150%;
	height: 100%;
	z-index: -1;
	background-color: #f3728b;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: all 0.35s ease-in-out 0s;
	-moz-transition: all 0.35s ease-in-out 0s;
	-ms-transition: all 0.35s ease-in-out 0s;
	-o-transition: all 0.35s ease-in-out 0s;
	transition: all 0.35s ease-in-out 0s;
}

.flat-button:hover::before,
.added_to_cart:hover::before,
.wp-block-button__link:hover::before  {
	opacity: 1;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.flat-button.border {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.3px;
	border-radius: 23px;
	padding: 17px 30px 15px 30px;
}

.flat-button.border::after {
	content: none;
}	

/* Flat Title
-------------------------------------------------- */
.flat-title .title {
	margin-bottom: 38px;
	font-family: "Poppins";
}

.flat-title .description {
	font-size: 16px;
	padding: 0 10% 0 8.5%;
	line-height: 1.5;
}

.cs-event-home .flat-title .description {
	margin-left: 20px;
}
.cs-testimonial-home1 .flat-title .description{
	line-height: 1.7;
}
.cs-home2 .flat-title .description{
	line-height: 1.8;
}
.cs-home2 .testimonial-slider .owl-stage-outer{
	    padding: 36px 0px 38px;
}
.cs-testimonial-home1 .flat-title {
	margin-left: 4px;
}
.cs-testimonial-home1 .flat-title .title{
	margin-bottom: 35px;
}
.cs-home2 .flat-title .title{
	margin-bottom: 36px;
}
.cs-home2.cs-space-title .flat-title .title{
	margin-bottom: 38px;
}
.cs-title-section .flat-title .title {
    margin-bottom: 40px;
}
.cs-home2 .cs-margin-title .flat-title{
	margin-right: 2px;
}
.cs-home4 .flat-title .title{
	margin-bottom: 41px;
}
.cs-home4 .course-content .description{
	line-height: 1.6;
}
.cs-home4-section .flat-title {
	margin-left: 6px;
}
/* Parallax
-------------------------------------------------- */
.parallax {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}



/* Border
-------------------------------------------------- */
.border-bt-d1d1ff {
	border-bottom: 1px solid #3a465a;
}

.border-ra4 {
	border-radius: 4px;
}
.border-ratop {
	border-radius: 4px 4px 0 0;
}
.border-rabot {
	border-radius: 0 0 4px 4px;
}
.border-f-e6f3ff {
	border: 1px solid #e9edf2;
}

.border-bt-e6f3ff {
	border-bottom: 1px solid #e9edf2;
}

.border-l-e6f3ff {
	border-left:  1px solid #e9edf2;
}

.border-r-e6f3ff {
	border-right:   1px solid #e9edf2;
}

.border-t-e6f3ff {
	border-top:   1px solid #e9edf2;
}

.border-bt-f0f0f0 {
	border-bottom:   1px solid #f0f0f0;
}

.border-top-f0f0f0 {
	border-top:   1px solid #f0f0f0;
}

/* Flat Info
-------------------------------------------------- */
.flat-info ul li {
	display: inline-block;
}

.flat-info ul li:not(:last-child) {
	margin-right: 21px;
}

.flat-info a {
	font-size: 12px;
	color: #fff;
	font-weight: 500;
}

.flat-info ul li:before {
	content: "";
	font-family: "FontAwesome";
	color: #fff;
	padding-right: 7px;
	font-size: 12px;
	font-weight: 400;
	-webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-info ul li.phone:before {
	content: "\f098";
}

.flat-info ul li.mail:before {
	content: "\f0e0";
}
  .vc_row-full-width .row_overlay,
  .vc_row .row_overlay {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    z-index: -1
  }
.themesflat_bg_image_fixed, .themesflat_bg_image_fixed .vc_parallax-inner {
    background-attachment: fixed !important;
}
.style2.flat-info a,
.style2.flat-info li:before {
	color: #515e6f;
}

.style2.flat-info li:hover a,
.style2.flat-info li:hover:before {
	color: #f3728b;
}

.style2.flat-info.v2 li:hover a,
.style2.flat-info.v2 li:hover:before {
	color: #ec5252;
}

/* Flat Action
-------------------------------------------------- */
.flat-action ul li {
	display:  inline-block;
}

.flat-action ul li:not(:last-child):after {
	content: "|";
	margin: 0 5px 0 9px;
	font-weight: 700;
	opacity: 0.3;
}

.flat-action a {
	font-size: 12px;
	color: #fff;
	font-weight: 500;
}

/* style2 */
.flat-action.style2 ul li:not(:last-child):after {
	content: unset;
}

.flat-action.style2 ul li {
	padding: 0px 15px 0 10px;
	margin: 0 -2px;
	border-bottom: 0;
	border-top: 0;
}

.flat-action.style2 ul li a {
	color: #98aac2;
}

.flat-action.style2 ul li:before {
	content: "";
	padding-right: 3px;
	font-family: "Font Awesome 5 Free";
	color: #98aac2;
	-webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
         -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}

.flat-action.style2 ul li:hover a,
.flat-action.style2 ul li:hover:before {
	color: #f3728b; 
}

.flat-action.style2.v2 ul li:hover a,
.flat-action.style2.v2 ul li:hover:before {
	color: #ec5252; 
}

.flat-action.style2 ul li.register:before {
	content:"\f044";
}

.flat-action.style2 ul li.user:before {
	content:"\f2bd";
}

/* Flat Adds
-------------------------------------------------- */
.flat-adds {
	color: #fff;
}

.flat-adds p.inline-top{
	font-size: 12px;
	display: inline-block;
	letter-spacing: 0.05px;
	padding-right: 13px;
	margin-bottom: 0px;
}

.flat-adds span.underline-text {
	text-decoration: underline;
}

.flat-adds .datetime {
	display: inline;
	background: #fa778a;
	border-radius: 5px;
	padding: 4px 7px;
	font-size: 12px;
}

/* Flat Event
-------------------------------------------------- */
.meta-date {
	position: absolute;
	width: 105px;
	height: 87px;
	background: #f3728b;
	font-weight: 900;
	color: #fff;
	padding-top: 20px;
}

.meta-date .day {
	font-size: 30px;
	display: block;
	margin-bottom: 5px;
}

.meta-date .month {
	font-size: 16px;
	text-transform: uppercase;
}

.event-img {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}
.style2 .event-img {
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.event-img img,
.author img {
	width: 100%;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

.meta-datetime li:not(:last-child):after {
	content: "|";
	font-weight: 700;
	padding-left: 4px;
	color: #f3728b;
}

.meta-datetime li {
	color: #f3728b;
	font-weight: 700;
	cursor: pointer;
	transition: all 1s;
}

.meta-datetime li:hover {
	color: #515e6f;
}

.author {
	padding-right: 80px;
}

.author .author-avata {
	float: left;
	margin-right: 15px;
	width: 81px;
}

.author .name {
	margin-bottom: 5px;
}
.author .text {
    font-weight: 400;
	color: #192836;
}

.author .name a {
	color: #f3728b;
}

.author .name a:hover {
	color: #515e6f;
}

.author .author-avata {
	overflow: hidden;
	border-radius: 4px;
}

.author:hover img {
	transform: scale(1.2);
}

.event:hover .event-img img {
	transform: scale(1.1);
}

.meta-list ul li {
	margin-right: 17px;
}

.meta-list ul li:before {
	content: "";
	font-family: "FontAwesome";
	font-size: 15px;
	margin-right: 3px;
} 

.meta-list ul li.time:before {
	content: "\f017";
	color: #00da9a;
}

.meta-list ul li.address:before {
	content: "\f124";
	color: #ff527b;
}

.event .meta-list li:not(:last-child):after,
.meta-rate > li:not(:last-child):after {
	content: unset;
}

/* style1 */
.flat-events.style1 {
	margin-bottom: 79px;
}

.event.style1 {
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 50px;
	min-height: 422px;
}

.event.style1 .event-content {
	padding: 55px 0 0 0;
}
.event-content .author .text{
	margin-right: 5px;
	letter-spacing: -0.1px;
}

.event.style1 .meta-datetime {
	margin-bottom: 1px;
}

.event.style1 .title {
	line-height: 40px;
	margin-bottom: 15px;
}

.event.style1 .title a {
	font-weight: 700;
	font-family: "Poppins";
}

.event.style1 .description {
	margin-bottom: 41px;
}

.event.style1 .meta-date {
	top: 0;
	left: 0;
}

/* style2 */
.flat-events.style2 {
	margin-bottom: 50px;
}

.event.style2 {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 29px;
}	
.cs-event-home .event.style2 .event-img{
	border-radius: 0px;
}

.event.style2 .meta-date {
	bottom:  0;
	right: 0;
	width: 80px;
	height: 105px;
	padding-top: 30px;
}

.event.style2 .event-content {
	padding: 26px 85px 23px 28px;
	background: #fff;
	border: 1px solid #e6f3ff;
	border-top: transparent;
}


.event.style2 .title {
	margin-bottom: 13px;
}
.event.style2 .event-content .title a{
	line-height: 24px;
}
/* style3 */
.event.style3  .event-img  img {
	width: unset;
	border-radius: 50%;
}
.event.style3 .event-content {
    margin-left: -8px;
}
.event.style3  .event-img {
	width: 255px;
	height: 255px;
	border-radius: 50%;
	margin: 0 auto;
	position: relative;
	overflow: unset;
	margin-bottom: 58px;
}

.event.style3  .event-img:before {
	content: "";
	width: 293px;
	height: 293px;
	border-radius: 50%;
	border: 4px dotted rgba(81,94,111,0.2);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-animation: example 1s linear infinite;
	animation: example 1s linear infinite;
}

@-webkit-keyframes example {
	0%   {transform: translate(-50%,-50%) rotateZ(0deg);}
	25%  {transform: translate(-50%,-50%) rotateZ(90deg);}
	50%  {transform: translate(-50%,-50%) rotateZ(180deg);}
	75%  {transform: translate(-50%,-50%) rotateZ(270deg);}
	100% {transform: translate(-50%,-50%) rotateZ(360deg);}
}

@keyframes example {
	0%   {transform: translate(-50%,-50%) rotateZ(0deg);}
	25%  {transform: translate(-50%,-50%) rotateZ(90deg);}
	50%  {transform: translate(-50%,-50%) rotateZ(180deg);}
	75%  {transform: translate(-50%,-50%) rotateZ(270deg);}
	100% {transform: translate(-50%,-50%) rotateZ(360deg);}
}

.event.style3 .meta-list ul li {
	margin-right: unset;
	color: #ffffff;
	margin-top: 2px;
}
.event.style3 .meta-list ul li:hover {
	color: #f3728b;
}

.event.style3 .meta-list ul li:not(:last-child):after {
	content: "|";
	padding-left:  5px;
	color: #fff;
}

.event.style3 .meta-list ul li:before {
	color: #f3728b;
}

.event.style3 .meta-list ul li.address:before {
	content: "\f041 ";
	font-family: "FontAwesome";
}

.event.style3 .meta-list ul li a {
	color: #fff;
}

.event.style3 .title a {
	color: #fff;
}

.event.style3 .title a:hover,
.event.style3 .meta-list ul li a:hover {
	color: #f3728b;
}

.event.style3 .description {
	color: #fff;
	margin-bottom: 27px;
	sline-height: 1.7;
}

.event.style3 .title {
	margin-bottom: 25px;
}

.event.style3 .meta-date {
	width: 97px;
	height: 97px;
	border-radius: 50%;
	text-align: center;
	position: absolute;
	top: 46%;
	right: 50px;
	transform: translateY(-50%);
	padding-top: 29px;
}

.event.style3 .meta-date:after {
	content: "";
	width: 108px;
	height: 108px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.event.style3 .meta-date.bg-0046d4 {
	background: #0046d4cc;
}

.event.style3 .meta-date.bg-ffa81e {
	background: #ffa81ecc;
}

.event.style3 .meta-date.bg-f3728b {
	background: #f64260cc;
}

.event.style3 .bg-0046d4.meta-date:after {
	border:6px solid rgba(0,70,212,0.5);
}

.event.style3 .bg-ffa81e.meta-date:after {
	border:6px solid rgba(255,168,30,0.5);
}

.event.style3 .bg-f3728b.meta-date:after {
	border:6px solid #f6426080;
}

.event.style3  .meta-date .day {
	font-family: "Noto Serif";
	font-weight: 700;
	font-style: italic;
	font-size: 40px;
	margin-bottom: 12px;
}

/* Flat Featured
-------------------------------------------------- */
.flat-feature {
	position: relative;
	padding:  52px 0 42px;
}

/* style2 */
.flat-featured.style2 {
	padding-top: 159px;
}

.textbox h3.title {
	color: #fff;
	line-height: 40px;
	font-family: "Poppins";
	margin-bottom: 36px;
}

.textbox .text {
	color: #fff;
	margin-bottom: 24px;
}

.textbox h6.title {
	color: #fff;
	line-height: 22px;
	font-family: "Poppins";
	margin-bottom: 15px;
}

.textbox .list-skill {
	margin-top: 38px;
	margin-bottom: 32px;
}

.textbox .list-skill li {
	color: #fff;
	margin-bottom: 7px;
}

.textbox .list-skill li:before {
	content: "\f192";
	font-family: "Font Awesome 5 Free";
	padding-right: 5px;
}

.textbox .btn-learning {
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.textbox .btn-learning:after {
	content: " \f14d";
	font-family: "FontAwesome";
	transition: all 0.3s ease-in-out;
}

.textbox .btn-learning:hover:after {
	color:#192836 !important;
}

.wrap-course {
	position: relative;
	margin-top: 18px;
	margin-left: 77px;
	margin-right: 115px;
	padding-bottom: 40px;
	background: url(../images/feature/bg-featureq.png) center center no-repeat;
	background-size: cover;
}

.wrap-course .flat-button.btn-buy.v2 {
	margin-left: 0;
}

.wrap-course .wrap-text {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 72px 0 0 0;
}

.level {
	font-size: 14px;
    letter-spacing: 0.22em;
    background: #ffc27a;
    color: #192836;
    line-height: 35px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%);
    padding: 0 7px 0 10px;
}


.level:after {
	content: "";
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #ffc27a;
	position: absolute;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
}
.level:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #ffffff;
	opacity: 0.28;
	position: absolute;;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.wrap-course .over {
	font-size: 66px;
	color: #fff;
	margin-bottom: 24px;
	padding-left: 77px;
}

.wrap-course .wrap-over {
	margin-bottom: 49px;
    padding-left: 4px;
    font-weight: 700;
}

.wrap-course .count {
	font-size: 50px;
	color: #192836;
	position: relative;
}

.wrap-course .count:after {
	content: "";
	background: #192836;
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 2px;
	left: 0;
}

.wrap-course .free {
	color: #fff;
	font-size: 26px;
	font-weight: 300;
	margin-left: 10px;
}

.wrap-course .end {
	font-size: 12px;
	background: #ffffff;
	line-height: 21px;
	border-radius: 4px;
	padding:  3px 8px;
}

.wrap-course .wrap-time-view {
	margin-top: 12px;
	margin-bottom: 5px;
}

.wrap-course .wrap-time-view li {
	color: #fff;
}

.wrap-course .wrap-time-view li:before {
	content: "";
	font-family: "FontAwesome";
	padding-right: 3px;
}

.wrap-course .wrap-time-view li.time:before {
	content: "\f017 ";
	color: #00da9a;
}

.wrap-course .wrap-time-view li.view:before {
	content: "\f06e ";
	color: #ff527b;
}
.wrap-course .wrap-time-view li.view{
	margin-left: 17px;
}

.wrap-course .title a {
	color: #fff;
	font-family: "Poppins";
}

.wrap-course .title a:hover {
	color: #192836;
}

.wrap-course .price-wrap .sale-price {
	font-size: 40px;
}

.wrap-course .price-wrap .price {
	font-size: 25px;
}

.wrap-course .title {
	margin-bottom: 22px;
	letter-spacing: -1.6px;
}

.flat-featured.style2 .price-wrap {
	margin-bottom: 25px;
}

.flat-featured.style2 .wrap-course .wrap-text {
 	padding: 72px 0 0 35px;
}

.wrap-course .btn-buy {
	margin-right: 11px;
}

/* style3 */
.flat-featured.style3 .wrap-featured {
	width: 100%;
	left: 0;
	right: 0;
	z-index: 1;
}

/* style4 */
.flat-feature.style4 .overlay {
	background: #ec5252;
	opacity: 1;
}

.flat-feature.style4 .iconbox .iconbox-icon {
	color: #ec5252;
}

.flat-feature.style4 .iconbox .iconbox-icon:after {
	background: #fff;
	z-index: -1;
}


/* Iconbox
-------------------------------------------------- */
.iconbox {
	position: relative;
}

.iconbox .iconbox-icon {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 1px dotted rgba(255,255,255,1);
	line-height: 56px;
	text-align: center;
	position: absolute;
	color: #fff;
	font-size: 24px;
	left: 0;
	top: 50%;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	transform: translateY(-50%);
	-webkit-animation: showhide 2s  alternate linear infinite;
	animation: showhide 2s alternate linear infinite;
}

@-webkit-keyframes showhide {
	0%   {border: 1px dotted rgba(255,255,255,1);}
	50%  {border: 1px dotted rgba(255,255,255,0.5);}
	100% {border: 1px dotted rgba(255,255,255,0);}
}

@keyframes showhide {
	0%   {border: 1px dotted rgba(255,255,255,1);}
	50%  {border: 1px dotted rgba(255,255,255,0.5);}
	100% {border: 1px dotted rgba(255,255,255,0);}
}

.iconbox .iconbox-icon:after {
	content: "";
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: rgba(255,255,255,0.2);
	line-height: 56px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.iconbox .iconbox-content {
	padding: 0 15px;
}

.iconbox .iconbox-content .title {
	color: #fff;
	padding-left: 51px;
	font-weight: 700;
	font-family: "Poppins";
}
.ft-services.tab-has-icon .iconbox .iconbox-content .title {
    font-family: "Roboto";
    line-height: 24px;
}

/* style3 */
.iconbox.style3 .iconbox-icon,
.iconbox.style4 .iconbox-icon { 
	width: 54px;
	height: 70px;
	margin: 0 auto;
	position: unset;
	transform: unset;
	border-radius: unset;
	border: unset;
	font-size: 60px;
	margin-bottom: 20px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-animation: unset;
	animation: unset;
}

.iconbox.style3.left .iconbox-icon {
	transform: rotate(-20deg);
}

.iconbox.style3.right .iconbox-icon,
.iconbox.style4.right .iconbox-icon {
	transform: rotate(15deg);
}

.iconbox.style3 .iconbox-icon:before,
.iconbox.style3 .iconbox-icon:after,
.iconbox.style4 .iconbox-icon:before,
.iconbox.style4 .iconbox-icon:after {
	content: unset;
}

.iconbox.style3 {
	background: rgba(255,255,255,0.8);
	padding: 41px 30px 55px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.iconbox.style3 .iconbox-content .title,
.iconbox.style4 .iconbox-content .title {
	padding-left:  0;
}

.iconbox.style3 .iconbox-content .title a,
.iconbox.style4 .iconbox-content .title a {
	font-family: "Roboto";
}

.iconbox:hover.style3,
.iconbox.active.style3 {
	background: #f3728b;
}

.iconbox:hover.style3 .title a,
.iconbox.active.style3 .title a {
	color: #fff;
}

.iconbox.style3 .title a:hover,
.iconbox.style3.active .title a:hover {
	color: #192836;
}

.iconbox:hover.style3 .iconbox-icon,
.iconbox.active.style3 .iconbox-icon {
	margin-bottom: 30px;
}

.iconbox:hover.style3,
.iconbox.active.style3 {
	padding-top: 31px;
}

.iconbox.style4 .iconbox-icon {
	margin-bottom: 22px;
}

.iconbox.style4.two .iconbox-icon {
	transform:  rotate(34deg);
}

.iconbox.style4.three .iconbox-icon {
	transform:  rotate(-13deg);
}

.iconbox.style4.four .iconbox-icon {
	transform:  rotate(17deg);
}

/* Imgbox
-------------------------------------------------- */
.imgbox{
	margin-bottom: 80px;
}



.imgbox-content .title a{
	font-family: "Poppins";
}

.imgbox-content .title {
	margin-bottom: 25px;
}

.imgbox-content .text {
	margin-bottom: 25px;
}

.imgbox.style1 {
	margin: 1px;
	margin-bottom: 3px;
}

/* Flat Counter
-------------------------------------------------- */
.counter {
	overflow: hidden;
	border-radius: 6px;
	margin-right: 0px;
	padding: 0 2.5px;
}
.counter:last-child{
	margin-right: 0px;
}
.counter .numb,.counter .numb_sg {
	font-size: 30px;
	font-weight: 700;
	line-height: 36px;
	background: #fff;
	padding-top: 15px;
	padding-bottom: 10px;
}	

.counter .text {
	font-family: "Poppins";
	font-weight: 400;
	line-height: 23px;
	color: #fff;
}

.counter.days .text,.counter.days_sg .text {
	background: #f3728b;
}

.counter.hours .text,.counter.hours_sg .text {
	background: #413dff;
}

.counter.minutes .text,.counter.minutes_sg .text {
	background: #6a5bff;
}

.counter.seconds .text,.counter.seconds_sg .text {
	background: #00e6c3;
}

/* style2 */
.flat-counter.style2 .wrap-counter {
	position: absolute;
	width: 100%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	z-index: 1;
}

.counters.style2 {
	background: #fff;
	-webkit-box-shadow: 6px 18px 50px 13px rgba(157,172,193,0.25);
	-moz-box-shadow: 6px 18px 50px 13px rgba(157,172,193,0.25);
	box-shadow: 6px 18px 50px 13px rgba(157,172,193,0.25);
}

.counter.style2 .overlay {
	background-size: cover;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
}

.counter.style2 .overlay .img-hover-1 {
	position: absolute;
	top: 8px;
	left: 11px;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.counter.style2 .overlay .img-hover-2 {
	height: 100%;
	position: absolute;
	top: 0;
	right: -100%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.counter:hover.style2 .overlay .img-hover-1,
.counter.active.style2 .overlay .img-hover-1 {
	opacity: 1;
}

.counter:hover.style2 .overlay .img-hover-2,
.counter.active.style2 .overlay .img-hover-2 {
	right: 0;
}

.counter.style2 {
	padding: 60px 0 67px 57px;
	position: relative;
}

.counter.style2.cs-icon1 {
	padding: 62px 0 64px 49px;
}
.counter.style2.cs-icon2 {
	padding: 62px 0 63px 70px;
}

.counter.style2 .icon {
	width: 80px;
	height: 80px;
	font-size: 80px;
	float: left;
	margin-right: 22px;
	position: relative;
	z-index: 1;
}

.counter.style2 .content {
	position: relative;
	z-index: 1;
	cursor: context-menu;
}

.counter.style2 .numb {
	font-size: 30px;
	margin: 11px 0 6px 0;
	padding: 0;
	background: unset;
}

.counter.style2 .title {
	font-size: 16px;
}

/* Flat Tabs
-------------------------------------------------- */
/* style1 */
.tab-title li span {
	font-weight: 700;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tab-title.style1 li.active span,
.tab-title.style1 li:hover span {
	color: #fff;
}

.tab-title li {
	display: inline-block;
	line-height: 42px;
	padding: 1px 21px 1px 16px;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tab-title.style1 li {
	border-radius: 4px;
}

.tab-title.style1 li.active,
.tab-title.style1 li:hover {
	background: #f3728b;
}

.tab-title.style1 li:after {
	opacity: 0;
	content: "";
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #f3728b;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -9px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tab-title.style1 li.active:after,
.tab-title.style1 li:hover:after {
	opacity: 1;
}

.tab-title.style1 li span:before {
	content: "";
	font-family: "FontAwesome";
	margin-right: 6px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tab-title.style1 li.map span:before {
	content: "\f278";
	color: #f3728b;
	margin-right: 7px;
	font-size: 10px;
}

.tab-title.style1 li.event span:before {
	content: "\f022";
	color: #2ebd59;
	font-family: "Font Awesome 5 Free";
}

.tab-title.style1 li.overview span:before{
	content: "\f044";
	color: #7bdeff;
}

.tab-title.style1 li.review span:before{
	content: "\f006";
	color: #f4c561;
}
.tab-title.style1 li.infor span:before {
    content: "\f05a";
    color: #7bdeff;
}
.tab-title.style1 li.requirements span:before {
	content: "\f115";
	color: #f3728b;
}

.tab-title.style1 li.active span:before,
.tab-title.style1 li:hover span:before {
	color: #fff;
}

/* style2 */
.tab-title.style2 li:not(:last-child) {
	border-right: 1px solid #e6f3ff;
}
.tab-title.style2 li span{
    color: #192836;
}
.tab-title.style2 li.active span,
.tab-title.style2 li span:hover {
	color:  #f3728b;
}

.tab-title.style2 li {
	padding: 16px 27px 6px;
}

.tab-title.style2 li span {
	font-size: 22px;
}

.flat-tabs.style2 .item-content {
	padding: 80px 0 16px 0;
}

/* style3 */
.tab-title.style3 li {
	padding: 0 18px;
	line-height: 47px;
	border: 1px solid transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tab-title.style3 li:hover,
.tab-title.style3 li.active {
	border: 1px solid #e6f3ff;
	background: #f3728b;
	border-radius: 4px;
}

.tab-title.style3 li span {
	font-weight: 500;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
	
.tab-title.style3 li:hover span,
.tab-title.style3 li.active span {
	color: #fff; 
}

.tab-title.style3 {
	margin-bottom: 80px;
}

/* style4 */
.tab-title.style4 {
	padding: 10px 0 7px; 
	background: rgba(255,225,255,0.1);
}

.tab-title.style4 li {
	color: #fff;
	padding: 0 24px 0 35px;
	font-size: 16px;
	line-height: 58px;
}

.tab-title.style4 li:not(:last-child) {
	border-right: 1px solid rgba(255,255,255,0.14);
}

.tab-title.style4 li:hover,
.tab-title.style4 li.active {
	color: #f3728b;
}

/* style5 */
.tab-title.style5 li {
	padding: 0;
}

.tab-title.style5 li:after {
	content: "";
	width: 0%;
	height: 6px;
	background: #f3728b;
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tab-title.style5 li:hover:after,
.tab-title.style5 li.active:after {
	width: 100%;
}

.tab-title.style5 {
	padding-bottom: 40px;
	border-bottom: 6px solid rgba(81,94,111,0.08);
}

.tab-title.style5 li:hover .iconbox.style4 .iconbox-content .title a,
.tab-title.style5 li.active .iconbox.style4 .iconbox-content .title a {
	color: #f3728b;
}

.tab-content.active {
	transform: translateY(0);
	visibility: visible;
}

.tab-content.active.box-shadow {
	-webkit-box-shadow: 6px 18px 50px 13px rgba(157,172,193,0.25);
	-moz-box-shadow: 6px 18px 50px 13px rgba(157,172,193,0.25);
	box-shadow: 6px 18px 50px 13px rgba(157,172,193,0.25);
}

.tab-content {
	visibility: hidden;
	transform: translateY(50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.tab-title.style5 li:first-child .iconbox.style4 .iconbox-icon{
	margin-left: 117px;
	width: 59px;
	margin-bottom: 27px;
}
.tab-title.style5 li:first-child .iconbox.style4 .iconbox-content{
	margin-left: 12px;
}
.tab-title.style5 li:nth-child(2) .iconbox.style4 .iconbox-icon{
	width: 56px;
	margin-top: 7px;
	margin-bottom: 20px;
}
.tab-title.style5 li:nth-child(2) .iconbox.style4 .iconbox-content{
	padding: 0;
	margin-left: -16px;
}
.tab-title.style5 li:nth-child(3) .iconbox.style4 .iconbox-icon{
	width: 60px;
    margin-bottom: 28px;
    margin-left: 86px;
}
.tab-title.style5 li:nth-child(3) .iconbox.style4 .iconbox-content{
	padding: 0;
	margin-left: -45px;
}
.tab-title.style5 li:nth-child(4) .iconbox.style4 .iconbox-icon{
	width: 57px;
    margin-bottom: 24px;
    margin-left: 78px;
    margin-top: 4px;
}
.tab-title.style5 li:nth-child(4) .iconbox.style4 .iconbox-content{
	padding: 0;
	margin-left: -72px;
}
    

/* Flat Team
-------------------------------------------------- */
.team-member {
	overflow: hidden;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.team-member:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 40px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 40px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 40px;
}
.team-member .avata-member {
	overflow: hidden;
	position: relative;
}
.team-member .background-ovelay{
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    content: "";
}
.cs_a_slider a {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #ffffff;
    transition: all 0.3s ease-in-out !important;
}

.cs_a_slider {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #ffffff;
    transition: all 0.3s ease-in-out !important;
    font-style: italic;
    text-decoration: underline;
}
.cs_a_slider:hover {
	text-decoration: underline;
}
.cs_cmm_slide.cs_a_slider a {
    font-weight: 400;
}
.team-member .avata-member img {
	width: 100%;
}

.team-member:hover  img {
	transform: scale(1.2);
}

.team-member .info-member{
	padding: 26px 29px 16px 29px;
	background: #fff;
}
.cs-home2  .team-member .info-member {
    padding: 28px 29px 16px 29px;
    background: #fff;
}
.home1-cs .team-member .info-member {
    padding: 29px 29px 15px 29px;
    border-left: 1px solid #e6f3ff;
	border-right: 1px solid #e6f3ff;
}
.team-member .name {
	margin-bottom: 9px;
}

.team-member .position {
	margin-bottom: 10px;
}

.team-member .description {
	line-height: 22px;
	margin-bottom: 10px;
}

.team-member .socails {
	background: #efeff0;
}

.home1-cs .team-member .socails.no-bg {
	background: unset;
	border: 1px solid #e6f3ff;
}


.team-member .socails li a {
	line-height: 40px;
	padding: 5px 10px 0px 11px;
	display: block;
}
.home1-cs .team-member .socails li a {
    line-height: 40px;
}

.team-member .socails li.facebook a {
	color: #3b5998;
}

.team-member .socails li.instagram a {
	color: #e4405f;
}

.team-member .socails li.skype a {
	color: #00aff0;
}

.team-member .socails li.github a {
	color: #211f1f;
}

/* Flat Search
-------------------------------------------------- */
.flat-search {
	width: 641px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.flat-search input[type="search"] {
	width: 100%;
	background-color: #eff0f1;
	font-size: 15px;
	font-weight: 400;
	height: 58px;
	padding-left: 30px;
}

.flat-search button.btn-search {
	width: 65px;
	height: 58px;
	padding: 0;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 17px;
	line-height: 58px;
	border: unset;
}

.flat-search button.flat-button.btn-search:before {
	background: #192836;
}

/* Flat Accodion
-------------------------------------------------- */
.accordion-toggle {
	background: #fff;
	margin-bottom: 9px;
	padding: 8px 25px 10px 28px;
}

.flat-faqs-short .heading .title-small {
    font-size: 14px;
    color: #f3728b;
    margin-bottom: 7px;
}

.flat-faqs-short .heading .title {
    color: #192836;
    margin-bottom: 15px; ;
}

.flat-faqs .heading {
    margin-bottom: 84px;
}

.flat-faqs .toggle-title {
	font-size: 22px;
	font-weight: 700;
	color: #192836;
	cursor: pointer;
	position: relative;
	padding: 15px 30px 15px 0;
}

.flat-faqs .toggle-title:after {
	content: "\ea37";
	font-family: "bf-icon";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	color: rgba(81,94,111,0.15);
	background: #f5f5f6;
	border: 1px solid rgba(81,94,111,0.15);
	border-radius: 50%; 
	line-height: 38px;
	width: 40px;
	height: 40px;
	font-size: 20px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flat-faqs .toggle-content {
	padding: 16px 79px 15px 0;
}

.flat-faqs .toggle-content p {
	margin-bottom: 22px;
}

.flat-faqs .toggle-content .title {
	margin-bottom: 26px;
	line-height: 1.2;
}

.flat-faqs .toggle-content .title a {
	color: #f3728b;
}
.flat-faqs .toggle-content p.text6{
	margin-bottom: 17px;
}
.flat-faqs .active.toggle-title:after {
	transform: translateY(-50%) rotate(90deg);
	color: rgba(243,114,139,0.15);
	border: 1px solid rgba(243,114,139,0.15);
	background: #fdeaee;
}

/* Transition Hover
-------------------------------------------------- */
/* Transition Img Socails */
.transition-img-socails {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}

.transition-img {
	overflow: hidden;
	position: relative;
}

.transition-img img {
	width: 100%;
}

.transition-img-socails .overlay {
	content: "";
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
    transition: all 1.3s ease 0s;
}

.transition-img-socails:hover .overlay {
	opacity: 1;
    visibility: visible;
}

.transition-img-socails .socails {
	position: absolute;
    top: 42%;
    right: 0;
    left: 0;
    transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    width: 100%;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}

.transition-img-socails:hover .socails  {
	transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}

.transition-img-socails .socails ul li a {
	width: 48px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	border-radius: 4px;
}

.transition-img-socails .socails ul li a:hover {
	color: #f3728b;
	border: 1px solid #f3728b;
}

/* Transition Hover Plus */
.transition-plus {
	overflow: hidden;
}
.transition-plus .img-plus {
	position: relative;
	overflow: hidden;
} 

.transition-plus .overlay {
	width: 100%;
	height: 100%;
	background: #515e6f;
	opacity: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.transition-plus:hover .overlay {
	opacity: 0.8;
}

.transition-plus .overlay:after,
.transition-plus .overlay:before {
	content: "";
	background-color: #f3728b;
	position: absolute;
	transform: translate(-50%,-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.transition-plus .overlay:after {
	height: 30px;
	width: 1px;	
	top: -30px;
	left: 50%;
}

.transition-plus:hover .overlay:after {
	top: 50%;
}

.transition-plus .overlay:before {
	width: 30px;
	height: 1px;
	top: 50%;
	left: -30px;
}

.transition-plus:hover .overlay:before {
	left: 50%;
}

/* Transition Hover Vline */
.vline {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 9;
	width: -webkit-calc(50% - 20px);
	width: -moz-calc(50% - 20px);
	width: calc(50% - 20px);
	height: -webkit-calc(50% - 20px);
	height: -moz-calc(50% - 20px);
	height: calc(50% - 20px);
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.vline-bottom {
	top: auto;
	left: auto;
	bottom: 20px;
	right: 20px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.widget-recent-work .vline {
	top: 5px;
	left: 5px;
	width: -webkit-calc(50% - 5px);
	width: -moz-calc(50% - 5px);
	width: calc(50% - 5px);
	height: -webkit-calc(50% - 5px);
	height: -moz-calc(50% - 5px);
	height: calc(50% - 5px);
}

.widget-recent-work .vline-bottom {
	bottom: 5px;
	right: 5px;
	top: auto;
	left: auto;
}

.vline:after, 
.vline:before {
	content: '';
	background: #fff;
	display: block;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

.img-vline {
	position: relative;
}

.img-vline .overlay {
	background: #515e6f;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

.transition-vline:hover .img-vline .overlay {
	opacity: 0.5;
}

.transition-vline:hover .vline:before {
	width: 100%;
}

.transition-vline .vline:before {
	height: 1px;
	width: 0;
}

.transition-vline:hover .vline:after {
	height: 100%;
}
.transition-vline .vline:after {
	width: 1px;
	height: 0;
}

/* Flat Img Single Slider
-------------------------------------------------- */
.flat-img-single-slider .owl-carousel .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	border: 1px solid #fff !important;
	color: #fff !important;
	width: 48px;
	height: 48px;
	font-size: 30px !important;
	line-height: 46px !important;
}

.flat-img-single-slider .owl-carousel .owl-nav button:hover {
	color: #f3728b  !important;
	border: 1px solid #f3728b !important;
}

.flat-img-single-slider .owl-carousel .owl-nav button span {
	font-size: 51px;
	font-weight: 100;
	line-height: 40px;
}

.flat-img-single-slider .owl-carousel .owl-nav button.owl-next {
	right: 27px;
}

.flat-img-single-slider .owl-carousel .owl-nav button.owl-prev {
	left: 27px;
}
/* Flat About Detail
-------------------------------------------------- */
.flat-about-detail.heading .title {
	font-size: 40px;
	font-weight: 300;
	line-height: 56px;
	padding: 0 7% 0  5%;
	text-align: center;
	margin-bottom: 93px;
	margin-left: -5px;
}
/* Flat About Info
-------------------------------------------------- */
.flat-about-info {
	position: relative;
}

.info-img {
	width: 57.21%;
}


.info-content {
	padding: 15px;
	width: 48.65%;
	background: #fff;
	position: absolute;
	top: 75px;
	right: 0;
}
.info-content .heading{
	margin-bottom: 20px;
}
.info-content .heading .title-small  {
	color: #f3728b;
	font-size: 14px;
	margin-bottom: 7px;
}

.info-content .heading .title a {
	font-family: "Poppins";
} 

.info-content .heading .title {
	margin-bottom: 20px;
}

.info-content .text {
	margin-bottom: 28px;
}
.info-content .text2 {
	margin-bottom: 22px;
}
.info-content .text3 {
	margin-bottom: 26px;
}
.info-content .text4 {
	margin-bottom: 33px;
}
.info-content .flat-button.btn-contact{
	padding: 1px 27px;
}

.info-content .text3.font-Publico {
	font-size: 20px;
	font-weight: 400;
}

.info-content .wrap-btn {
	margin-top: 33px;
}

.flat-button.btn-contact {
	padding: 0 27px;
	letter-spacing: 0.01em;
	display: inline-block;
	line-height: 46px;
	font-size: 16px;
	font-weight: 700;
	font-family: "Poppins";
	border-radius: 4px;
	background: #f3728b;
	color: #fff;
}

.flat-button.btn-contact:hover {
	background: transparent;
	color: #f3728b;
}

.flat-button.btn-contact::before {
	background: #192836;
}



/* Flat Video
-------------------------------------------------- */

.flat-video .title a {
	font-family: "Poppins";
}

.flat-video .title  {
	margin-bottom: 41px;
}

.flat-video .description,
.flat-video .link-site {
	margin-bottom: 1px;
	font-size: 20px;
	font-weight: 700;
	line-height: 34px;
}

.flat-video .description {
	padding-left: 120px;
}

.flat-video .link-site {
	color: #f3728b;
}

.flat-video .video {
	position: relative;
}

.flat-video .video-icon span {
	font-size: 88px;
	position: relative;
}

.flat-video .video-icon a {
	color: #f3728b;
}

.flat-video .video-icon a:hover {
	color: #192836;
}

.flat-video .video-icon {
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 88px;
	height: 88px;	
}

.videobox-animation{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	top:0;
	left:0;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border-width:.5px;
	border-style:solid;
	opacity:0;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}


.videobox-link .videobox-animation.circle-2{
	-webkit-animation-delay:1.3s;
	-moz-animation-delay:1.3s;
	-o-animation-delay:1.3s;
	animation-delay:1.3s
}

.videobox-link .videobox-animation.circle-3{
	-webkit-animation-delay:2.6s;
	-moz-animation-delay:2.6s;
	-o-animation-delay:2.6s;
	animation-delay:2.6s
}

.videobox-link:hover .videobox-animation{
	-webkit-animation:none;
	-moz-animation:none;
	-o-animation:none;
	animation:none
}

@-webkit-keyframes pulse-circle{
	0%{
		-webkit-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
	20%{
		-webkit-transform:scale(1.44);
		transform:scale(1.44);
		opacity:.5
	}
	100%{
		-webkit-transform:scale(3.2);
		transform:scale(3.2);
		opacity:0
	}
}

@-moz-keyframes pulse-circle{
	0%{
		-moz-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
	20%{
		-moz-transform:scale(1.44);
		transform:scale(1.44);
		opacity:.5
	}
	100%{
		-moz-transform:scale(3.2);
		transform:scale(3.2);
		opacity:0
	}
}

@-o-keyframes pulse-circle{
	0%{
		-o-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
	20%{
		-o-transform:scale(1.44);
		transform:scale(1.44);
		opacity:.5
	}
	100%{
		-o-transform:scale(3.2);
		transform:scale(3.2);
		opacity:0
	}
}

@keyframes pulse-circle{
	0%{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-o-transform:scale(1);
		transform:scale(1);
		opacity:0
	}
	20%{
		-webkit-transform:scale(1.44);
		-moz-transform:scale(1.44);
		-o-transform:scale(1.44);
		transform:scale(1.44);
		opacity:.5
	}
	100%{
		-webkit-transform:scale(3.2);
		-moz-transform:scale(3.2);
		-o-transform:scale(3.2);
		transform:scale(3.2);
		opacity:0
	}
}

/* style2 */
.flat-video.style2 {
	position: relative;
}

.flat-video.style2 .overlay {
	background: #f3728b;
	opacity: 0.9;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.flat-video.style2 .icon-video {
	position: relative;
}

.flat-video.style2 .icon {
	width: 88px;
	height: 88px;
	position: relative;
	margin: 0 auto;
}

.flat-video.style2 .content  {
	margin-top: 42px;
}

.flat-video.style2 .icon a {
	font-size: 90px;
	color: #fff;
}

.flat-video.style2 .icon a:hover {
	color: #192836;
}

.flat-video.style2 .title a {
	color: #fff;
}

.flat-video.style2 .title {
	margin-bottom: 38px;
}

.flat-video.style2 .description {
	color: #fff;
	padding: 0 25%;
	font-size: 20px;
	line-height: 34px;
	font-family: "Noto Serif";
}

.flat-video.style2 .link-site {
	color: #fff;
	font-style: italic;
	text-decoration: underline;
}

/* Flat Free Month
-------------------------------------------------- */
.flat-free-month {
	position: relative;
}

.flat-free-month .service-wrap {
	position: relative;
}

.flat-free-month .title {
	margin-bottom: 20px;
}

.flat-free-month .title a {
	font-family: "Poppins";
	color: #fff;
}

.flat-free-month .description,
.flat-free-month .description a {
	color: #fff;
	line-height: 32px;
	font-size: 20px;
	font-family: "Noto Serif";
	font-weight: 700;
}

.flat-free-month .description {
	padding: 0 45px;
	margin-bottom: 57px;
}

.flat-free-month .description a {
	text-decoration: underline;
	font-style: italic;
}

/* style2 */


.flat-free-month.style2 .title {
	margin-bottom: 18px;
}

.flat-free-month.style2 .title a {
	font-weight: 400;
	color: #192836;
}

.flat-free-month.style2 .title a span {
	color: #f3728b;
	font-weight: 700;
	font-style: italic;
}


.flat-free-month.style2 .description {
	color: #192836;
	padding: 0;
	font-size: 16px;
	line-height: 26px;
	font-family: "Roboto";
	font-weight: 500;
}

.flat-free-month.style2 .description .link-site {
	color: #f3728b;
}

.flat-free-month.style2 .description .link-site.v2 {
	text-decoration: unset;
	position: relative;
	font-size: 16px;
	font-weight: 500;
}

.flat-free-month.style2 .description .v2.link-site:after {
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0;
	bottom: 0px;
	background: #f3728b;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flat-free-month.style2 .description .v2.link-site:hover:after {
	width: 0%;
}

.flat-free-month.style2 .wrap-btn {
	margin-top: 60px;
}


.flat-button.btn-start {
	font-size: 16px;
	display: inline-block;
	line-height: 49px;
	padding: 3px 56px 3px 15px;
	background: rgba(255,255,255,0.25);
	color: #fff;
}
.single-lp_course .flat-button.btn-start {
	padding: 5px 55px 4px 20px;
}
.single-lp_course .flat-free-month .description {
    margin-bottom: 54px;
}
.flat-button.btn-start::before {
	background: #192836;
}

.flat-button.btn-start:after {
	content: "\ea37";
	font-family: "bf-icon";
	font-weight: 100;
	font-size: 14px;
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-50%);
}

.flat-button.btn-start.v2 {
	background: #f3728b;
}

.flat-btn2.v2.btn-start:hover {
	background: rgba(255,255,255,1);
	color: #f3728b;
}
.flat-btn2.btn-start.v3 {
	background: #536dfe;
	border: unset;
	padding: 0 55px 0 30px;
	line-height: 58px;
}

.flat-btn2.v3.btn-start:hover {
	background: rgba(255,255,255,1);
	color: #536dfe;
}

.flat-btn2.btn-start.v4 {
	background: #ec5252;
}

.flat-btn2.v4.btn-start:hover {
	background: rgba(255,255,255,1);
	color: #ec5252;
	border: 2px solid #ec5252;
}

/* Flat Courses
-------------------------------------------------- */
.course {
	overflow: hidden;
	margin-bottom: 30px;
}

.course-img img {
	width: 100%;
}

.course-content {
	background: #fff;
	transition: all 0.3s;
}

.course-content .text-wrap {
	padding: 30px 30px 0 30px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#custom-col .course-content .text-wrap{
	padding: 30px 30px 46px 27px;
}
#custom-col .course-content .description {
    margin-bottom: 0px;
}

.course-content .title {
	margin-bottom:10px;
}

.course-content .title a {
	font-family: "Poppins";
}
.cs-courses-home3 .course-content .title a {
    font-family: 'Roboto';
}
.course-content .teacher {
	margin-bottom: 9px;
}
.course-sidebar .course-content .teacher{
	margin-bottom: 12px;
}
.course-sidebar .course-content .title{
	margin-bottom: 13px;
}
.courses-v2 .course-content .teacher {
    margin-bottom: 10px;
}
.cs-css-content .course-content .description,
.cs-course-v1 .course-content .description{
	line-height: 1.6
}
.course-content .description {
	margin-bottom: 26px;
}
.courses-v2 .course-content .description {
	margin-right: 10px;
	margin-bottom: 25px;
	line-height: 1.6;
}

.course-content  .wrap-rating-price {
	padding: 12px 0 9px 31px;
	position: relative; 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #fff;
}
.courses-list_ar .course-content  .wrap-rating-price{
	position: absolute;
	width: 100%;
	bottom: 0
}
.courses-list_ar .course-content{
	position: relative;
}
.courses-list .course-content .wrap-rating-price{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 12px 0 12px 25px;
}
.courses-list .style4 .course-content{
	position: relative;
}
.courses-list .style4 .course-content .title{
	margin-bottom: 9px;
}
.course.style3 .course-content .price {
	position: absolute;
	top: 22px;
	right: 33px;
	font-weight: 700;
	line-height: 21px;
	font-size: 12px;
	padding: 0 8px 0 5px;
	background: rgba(46,189,89,0.15);
	border-radius: 4px;
}
.course-sidebar.course.style3 .course-content .price {
	top: 24px;
	right: 29px;
	line-height: 1.5;
    padding: 1px 6px 0 6px;
}
.price_courses {
    margin-bottom: 4px;
}
.tflat-course-item .course-content .price {
	position: absolute;
	top: 13px;
	right: 26px;
	font-weight: 700;
	line-height: 21px;
	font-size: 12px;
	padding: 0 8px 0 5px;
	background: rgba(46,189,89,0.15);
	border-radius: 4px;
}
.tflat-course-item .courses-list_ar .course-content .price{
	top: 10px;
}
.courses-v2 .tflat-course-item .course-content .price {
	top: 13px;
	right: 29px;
}

.tflat-course-item-content .star-list li {
	margin-left: -2px;
	font-size: 12px;
}

.tflat-course-item.text-2ebd59 .teacher a {
	color: #2ebd59;
}

.tflat-course-item.text-2ebd59 .price.v2 {
	background: rgba(46,189,89,1);
}

.tflat-course-item.text-ea0042 .price {
	background: rgba(234,0,66,0.15);
}

.tflat-course-item.text-ea0042 .price.v2,.course.style3.text-ea0042 .course-content .price.v2 {
	background: rgba(234,0,66,1);
}

.tflat-course-item.text-ea0042 .teacher a,.course.style3.text-ea0042 .course-content  .teacher a {
	color: #ea0042;
}

.tflat-course-item.text-c100ea .price {
	background: rgba(193,0,234,0.15);
}

.tflat-course-item.text-c100ea .teacher a {
	color: #c100ea;
}

.tflat-course-item.text-256cff .price {
	background: rgba(37,108,255,0.15);
}

.tflat-course-item.text-256cff .teacher a {
	color: #256cff;
}

.tflat-course-item.text-8828ff .price {
	background: rgba(136,40,255,0.15);
}

.tflat-course-item.text-8828ff .teacher a {
	color: #8828ff;
}

.tflat-course-item.text-0dacff .price {
	background: rgba(13,172,255,0.15);
}

.tflat-course-item.text-0dacff .teacher a {
	color: #0dacff;
}

.tflat-course-item.text-536dfe .price {
	background: rgba(83,109,254,0.15);
}

.tflat-course-item.text-536dfe .teacher a {
	color: #536dfe;
}

.tflat-course-item.text-ffbf13 .price {
	background: rgba(255,191,19,0.15);
}

.tflat-course-item.text-ffbf13 .teacher a {
	color: #ffbf13;
}

.tflat-course-item.text-ff562f .price {
	background: rgba(255,86,47,0.15);
}

.tflat-course-item.text-ff562f .teacher a {
	color: #ff562f;
}

.tflat-course-item.text-ec5252 .price {
	background: rgba(236,82,82,0.15);
}

.tflat-course-item.text-ec5252 .teacher a {
	color: #ec5252;
}

.tflat-course-item.text-3b42ff .price {
	background: rgba(59,66,255,0.15);
}

.tflat-course-item.text-3b42ff .teacher a {
	color: #3b42ff;
}

.tflat-course-item.text-37adff .price {
	background: rgba(55,173,255,0.15);
}

.tflat-course-item.text-37adff .teacher a {
	color: #37adff;
}


.tflat-course-item.text-1cd566 .price {
	background: rgba(28,213,102,0.15);
}

.tflat-course-item.text-1cd566 .teacher a {
	color: #1cd566;
}

.tflat-course-item .price.v2,.course.style3 .course-content .price.v2{
	color: #fff;
}

.tflat-course-item.text-005eea .price.v2,.course.style3.text-005eea .course-content .price.v2 {
	background: rgba(0,94,234,1);
	text-transform: uppercase;
}

.tflat-course-item.text-005eea .teacher a,.course.style3.text-005eea .course-content  .teacher a{
	color: #005eea;
}

.tflat-course-item.text-00dcea .price.v2, .course.style3.text-00dcea .course-content .price.v2 {
	background: rgba(0,220,234,1);
}

.tflat-course-item.text-00dcea .teacher a,.course.style3.text-00dcea .course-content  .teacher a {
	color: #00dcea;
}

.tflat-course-item.text-fb868f .price.v2,.course.style3.text-fb868f .course-content .price.v2 {
	background: rgba(251,134,143,1);
}

.tflat-course-item.text-fb868f .teacher a,.course.style3.text-fb868f .course-content  .teacher a  {
	color: #fb868f;
}

/* style2 */
.flat-courses.style2 {
	margin: 0 -15px 21px;
}
.single-courses-simple .flat-courses.style2 {
	margin: 0 -15px 0px;
}

.tflat-course-item.style2 .course-content .text-wrap {
	padding: 30px 15px 0 30px;
}

.flat-popular-courses.style4 .tflat-course-item.style2 .course-content .text-wrap {
	padding: 31px 15px 0 29px;
}
.cs_course_slide_v3 .tflat-course-item.style2 .course-content .text-wrap {
	padding: 31px 15px 0 29px;
}
.cs-css-content .course-content .text-wrap .title a{
	font-family: "Roboto";
}

.courses-v2 .tflat-course-item.style2 .course-content .text-wrap {
	padding: 27px 20px 0 29px;
}
.cs-css-content .tflat-course-item.style2 .course-content .text-wrap {
    padding: 28px 15px 0 29px;
}
.cs-courses-home3 .tflat-course-item.style2 .course-content .text-wrap {
    padding: 28px 3px 0 28px;
}
.cs-courses-home3 .course-content .description {
    margin-bottom: 26px;
    margin-right: 10px;
    line-height: 1.6;
}
.cs-courses-home3 .flat-courses .tflat-course-item article {
    margin-bottom: 30px;
}
.cs-courses-home3 .course-content .title,
.cs_course_slide_v3 .tflat-course-item.style2 .course-content .title {
	margin-bottom: 8px;
}
.cs_course_slide_v3 .tflat-course-item.style2 .course-content .description{
	margin-bottom: 23px;
}
.cs_course_slide_v3 .course-content .wrap-rating-price {
    padding: 12px 0 9px 27px;
}
.cs-courses-home3 .course-content .teacher{
	margin-bottom: 10px;
}
.flat-featured.style2.cs_featuredv3 {
    margin-left: 5px;
}
/* style3 */

.tflat-course-item.style3 .course-content {
	position: relative;
}

.tflat-course-item.style3 .course-content .text-wrap {
	padding-top: 20px;
	padding-bottom: 21px;
}

.tflat-course-item.style3 .course-content .price {
	top: 23px;
	right: 30px;
}

.tflat-course-item.style3 .course-content .title {
	margin-bottom: 13px;
}

/* style4 */
.flat-courses.style4 {
	 margin-bottom: 40px;
}

.tflat-course-item.style4 .course-img-box,.courses-list_ar .course-img-box{
	width: 350px;
	float: left;
}
.flat-paginations_courses.left .pagination{
	    justify-content: left;
}
.flat-paginations_courses.right .pagination{
	    justify-content: right;
}
.flat-paginations_courses.center .pagination{
	    justify-content: center;
}
.tflat-course-item.style4 .course-content ,.courses-list_ar .course-content {
	float: left;
	width: -webkit-calc(100% - 350px);
	width: -moz-calc(100% - 350px);
	width: calc(100% - 350px);
}
.courses-list_ar .course-content .description{
	margin-bottom: 0px
}
.tflat-course-item.style4 {
	padding: 0;
	margin-bottom: 12px;
}

.tflat-course-item.style4 .star-list{
	margin-right: 5px;
}

.tflat-course-item.style4 .course-content .text-wrap{
	padding-bottom: 26px;
}

.tflat-course-item:hover.style4 .course-content{
	background: #f0f2ff;
}

.tflat-course-item:hover.style4 .course-content .wrap-rating-price {
	background: #e3e7ff;
}

/* style5 */
.tflat-course-item.style5.v1 {
	width: 66.67%;
}

.tflat-course-item.style5.v2,
.widget-course {
	width: 33.33%;
}

.tflat-course-item.style5 .course-content {
	position: relative;
	box-shadow: 0px 10px 20px 0px #88888840;
}

.tflat-course-item.style5 .wrap-rating {
	position: absolute;
	top: 25px;
	right: 30px;
}
.single-courses-simple .tflat-course-item.style5 .course-content .text-wrap {
    padding: 34px 30px 38px 38px;
}
.single-courses-simple .course-content .teacher {
    margin-bottom: 3px;
	margin-top: 1px;
}
.single-courses-simple .course-content .title a  {
    font-family: "Roboto";
    line-height: 30px;
}
.single-courses-simple .course-content .title {
    margin-bottom: 18px;
}
.single-courses-simple .course-content .description{
	line-height: 1.7;
    margin-left: 1px;
    font-weight: 400;
    letter-spacing: 0.01px;
    margin-bottom: 23px;
}
.single-courses-simple-list .course-content .teacher {
    margin-bottom: 10px;
}
.single-courses-simple-list .course-content .title a {
    line-height: 30px;
    font-family: "Roboto";
}
.single-courses-simple-list .course-content .title {
    margin-bottom: 16px;
    margin-right: 42px;
    margin-left: 1px;
}

.single-courses-simple-list .course-content .description {
   	margin-bottom: 17px;
    margin-left: 1px;
	font-weight: 400;
}
.single-courses-simple-list .course-content .btn-learn-more{
	font-size: 14px;
}
.single-courses-simple-list .course-content .btn-learn-more:after{
	font-size: 10px;
	right: -16px;
}
.single-courses-simple-list .tflat-course-item.style5 .course-content .text-wrap{
	padding: 25px 30px 22px 28px;
}
.cs-widget-on-visual .widget-subscribe{
	padding: 58px 24px 60px 24px;
	margin-bottom: 0px;
}
.cs-widget-on-visual .widget_themesflat_newsletterwidget{
	margin-bottom: 0px;
}
.single-courses-simple .tflat-course-item.style5 .wrap-rating {
    position: absolute;
    top: 34px;
	right: 61px;
}
.tflat-course-item.style5.v2 .wrap-rating {
	top: 23px;
}

.tflat-course-item.style5 .wrap-rating span {
	font-size: 12px;
}

.btn-learn-more {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-learn-more:after {
	content: "\ea37";
	font-family: "bf-icon";
	font-size: 14px;
	position: absolute;
	top: 50%;
	right: -19px;
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-learn-more:hover:after {
	right: -27px;
}

.course.style5 .course-content .title a {
	font-family: "Roboto";
	line-height: 30px;
}

.tflat-course-item.style5 .course-content .text-wrap {
	padding: 24px 30px 20px 28px;
}
.course.style5.v1 .course-content .teacher {
	margin-bottom: 5px;
}

.course.style5.v2 .course-content .teacher {
	margin-bottom: 10px;
}

.course.style5 .course-content .description {
	line-height: 22px;
}

.course.style5.v1 .course-content .title {
	margin-bottom: 20px;
}

.course.style5.v2 .course-content .title {
	margin-bottom: 16px;
}

.course.style5 .widget-subscribe {
	margin-bottom: unset;
}

.course.style5.v2 .btn-learn-more {
	font-size: 14px;
}

.course.style5.v2 .btn-learn-more:after {
	font-size: 11px;
	right: -16px;
}

.course.style5.v2 .btn-learn-more:hover:after {
	right: -25px;
}

/* Flat Filter Isotype
-------------------------------------------------- */
.flat-filter-isotype {
	margin-bottom: 45px;
}
.courses-v2 .flat-filter-isotype {
	margin-bottom: 49px;
}

.flat-filter-isotype li {
	display: inline-block;
	margin: 0 6px;
	margin-bottom: 30px;
}

.flat-filter-isotype li a{
	line-height: 57px;
	background: #fff;
	border: 1px solid rgba(26,34,125,0.22);
	font-weight: 700;
	display: block;
	padding: 0 34px 0 36px;
	border-radius: 4px;
	text-transform: uppercase;
}

.flat-filter-isotype li.active a,
.flat-filter-isotype li a:hover {
	background: #f3728b;
	color: #fff;
	border: 1px solid rgba(26,34,125,0);
}

/* Flat Popular Courses
-------------------------------------------------- */
.flat-popular-courses {
	padding: 0 75px 100px;
}

.flat-popular-courses .owl-carousel .owl-nav button,.flat-popular-courses.style4 .owl-carousel .owl-nav .owl-prev,.flat-popular-courses.style4 .owl-carousel .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	border: 1px solid #c6cad4 !important;
	color: #c6cad4 !important;
	width: 48px;
	height: 48px;
	font-size: 36px !important;
	line-height: 46px !important;
	text-align: center;
	font-weight: 900 !important;
	transition: all 0.5s;
}
.simple_button i.ion-chevron-right:before {
    content: "\ea37";
    font-family: "bf-icon";
}
.flat-popular-courses .owl-carousel .owl-nav button.owl-next {
	right: -47px;
}

.flat-popular-courses .owl-carousel .owl-nav button.owl-prev{
	left: -47px;
}
.flat-popular-courses.style4 .owl-carousel .owl-nav .owl-prev {
    left: -61px;
    top: 47%;
}
.flat-popular-courses.style4 .owl-carousel .owl-nav .owl-next {
	right: -61px;
    top: 47%;
}

.flat-popular-courses .owl-carousel .owl-nav button:hover,
.flat-popular-courses .owl-carousel .owl-nav button.disabled,
.flat-popular-courses.style4 .owl-carousel .owl-nav .owl-prev:hover,
.flat-popular-courses.style4 .owl-carousel .owl-nav .owl-next:hover,
.flat-popular-courses.style4 .owl-carousel .owl-nav .owl-prev.disabled,
.flat-popular-courses.style4 .owl-carousel .owl-nav .owl-next.disabled {
	color: #3e4a57 !important;
	border: 1px solid #3e4a57 !important;
}

.flat-popular-courses .owl-carousel .owl-nav button span {
	font-size: 51px;
	font-weight: 100;
	line-height: 40px;
}

.flat-popular-courses .flat-tabs {
	margin-bottom: 19px;
}


.flat-button.btn-all-sourses {
	letter-spacing: 0.01em;
	font-size: 16px;
	background: #f3728b;
	color: #fff;
}

.flat-button.btn-all-sourses.v2 {
	background-color: #ec5252;
}

.flat-button.btn-all-sourses:hover {
	background: transparent;
}

.flat-button.btn-all-sourses::before {
	background-color: #192836;
}

/* style2 */
.flat-popular-courses.style2 {
	padding: 95px 75px 49px;
}

.flat-popular-courses.style2 .course-content .title a {
	font-family: "Roboto";
}

.flat-popular-courses.style2 .flat-title .title {
	margin-bottom: 40px;
}

.flat-popular-courses.style2.v2 .flat-title .title {
	margin-bottom: 37px;
}

.flat-popular-courses.style2 .course.style5 .teacher a {
	color: #515e6f;
	font-weight: 700;
}

/* style3 */
.flat-popular-courses.style3 {
	padding: 195px 75px 52px;
}

.flat-popular-courses.style3 .course-content .title a {
	font-family: "Roboto";
}

/* style4 */
.flat-popular-courses.style4 {
	padding: 0px 60px;
}

.course-grid {
    overflow: hidden;
    padding: 0 15px;
}
/* Flat Register Now
-------------------------------------------------- */


.flat-register-now .tab-content.active {
	-webkit-box-shadow: 6px 18px 50px 13px rgba(157,172,193,0); 
	-moz-box-shadow: 6px 18px 50px 13px rgba(157,172,193,0);
	box-shadow: 6px 18px 50px 13px rgba(157,172,193,0); 
}

.flat-register-now .flat-bf{
	content: "";
    border-top: 101px solid transparent;
    border-right: 1920px solid rgba(255,255,255,0.5);
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%;
    transform: rotate(0deg);
    left: 0;
    right: 0;
}
.flat-register-now .flat-bf2 {
    content: "";
    border-top: 68px solid transparent;
    border-right: 1920px solid rgba(240, 240, 240, 0.75);
    position: absolute;
    bottom: 0;
    z-index: 99;
    width: 100%;
    transform: rotate(0deg);
    left: 0;
    right: 0;
}
.flat-register-now .flat-at {
    content: "";
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 38px solid transparent;
    border-right: 1920px solid rgb(255, 255, 255);
    left: 0;
    right: 0;
    z-index: 999;
}
.wrap-form {
	border-radius: 4px;
	overflow: hidden;
	background: rgba(255,255,255,0.1);
	
}

.wrap-form .heading {
	padding-top: 30px;
	color: #fff;
	margin-bottom: 42px;
}



.wrap-form .heading .title {
	margin-bottom: 11px;
	color: #fff;
}

.wrap-form .free {
	background: rgba(255,255,255,0.29);
	color: #fff;
	line-height: 34px;
}

.wrap-form .free a {
	font-style: italic;
	text-decoration: underline;
	font-weight: 700;
	color: #fff;
}

.wrap-form input[type="text"],.wrap-form input[type="number"],
.wrap-form input[type="email"] {
	background: rgba(114,125,135,0.3);
	font-size: 12px;
}
.wrap-form .padding-form{
	padding: 0 36px 50px 38px;
}
.wrap-form .wrap-input {
	margin-bottom: 30px;
}

.wrap-form .wrap-input.last-child {
	margin-bottom: 50px;
}

.wrap-form button.flat-button.btn-apply {
	height: 47px;
	line-height: 44px;
	padding: 0 34px;
	font-weight: 700;
	font-size: 16px;
	border: unset;
}

.wrap-form button.flat-button.btn-apply:before {
	background: #192836;
}

.vc_tta-panels .video {
	position: relative;
	float: right;
	margin-left: 15px;
}

.vc_tta-panels .video .icon-video {
	width: 53px;
	height: 53px;
	font-size: 53px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.vc_tta-panels .video .icon-video:hover {
	color: #f3728b;
}



.vc_tta-panels .item-content .title,
.vc_tta-panels .item-content .text {
	color: #fff;
}

.vc_tta-panels .item-content .title {
	margin-bottom: 21px;
}

.vc_tta-panels .item-content .title.mg-bottom-25 {
	margin-bottom: 25px;
}

.vc_tta-panels .item-content .text {
	font-size: 16px;
	margin-bottom: 16px;
}

/* Flat Skilled Instructors
-------------------------------------------------- */
.flat-skilled-instructors {
	padding: 80px 0 46px 0;
}

.flat-skilled-instructors.style2 {
	padding: 97px 0 69px 0;
}

.flat-skilled-instructors.style3 {
	padding: 63px 0 71px 0;
}

/* Flat Upcoming Events
-------------------------------------------------- */
.flat-upcoming-events {
	padding: 137px 0 27px 0;
	background: url("../images/events/bg-event-index.png") center center no-repeat;
	background-size: cover;
}

.flat-upcoming-events.style1 .meta-list ul li:before {
	margin-right: 4px;
}

.flat-upcoming-events.style1 .meta-list ul li {
	margin-right: 15px;
}

.flat-upcoming-events.style1 .event.style2 .meta-date .month {
	font-size: 16px;
	font-weight: 900;
}
.event.style2 .meta-date .month {
	font-size: 14px;
}
.cs-event-home .event.style2 .meta-date .month {
	font-size: 16px;
}
.flat-upcoming-events.style1 .meta-date .day {
	margin-bottom: 4px;
}

.flat-upcoming-events .event.style2 .event-content {
	background-color: #fff;
}

.flat-upcoming-events .event.style2 .meta-date.bg-1dadff {
	background: #1dadff
}

.flat-upcoming-events .event.style2 .meta-date.bg-3caecc {
	background: #3caecc
}

.flat-upcoming-events.style1 .flat-title .description {
	padding: 0 20%;
	letter-spacing: unset;
} 

.flat-upcoming-events.style2 {
	background: url("../images/events/bg-event-index2.png") center center no-repeat;
	background-size: cover;
	position: relative;
	padding: 97px 0 94px 0;
}

.flat-upcoming-events.style2 .flat-title {
	position: relative;
	margin-bottom: 96px;
}

.flat-upcoming-events.style2 .overlay  {
	background: #192836;
	opacity: 0.9;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

/* Flat Testimonials
-------------------------------------------------- */
.testimonial {
	background: #f7fbff;
	position: relative;
	padding-bottom: 45px;    
	padding-top: 43px;

}

.testimonial:before {
	content: "\ea40";
	font-family: "bf-icon";
	color: rgba(243,114,139,0.1);
	font-size: 75px;
	position: absolute;
	top: 72px;
	left: 126px;
}

.v2.testimonial:before {
	color:   rgba(46,189,89,0.1);
}

 .owl-carousel .owl-item .testimonial img {
	width: auto;
	display: unset; 
}

.testimonial.top-110:before {
	top: 109px;
	left: 141px;
}

.testimonial .wrap-avata-socails {
	width: 28%;
	float: left;
}

.testimonial .wrap-content  {
	width: 70%;
	float: left;
	padding-left: 8px;
	position: relative;
}

.cs-testimonial-home .testimonial {
	padding-top: 45px;
}
.cs-testimonial-home .wrap-content .info .name {
    margin-right: 11px;
    margin-left: 3px;
}
.cs-testimonial-home.testimonial-slider .owl-stage-outer {
    padding: 36px 0px 38px;
}
.wrap-avata-socails .avata {
	margin-bottom: 14px;
	margin-top: 6px;
}

.wrap-avata-socails .socails ul li {
	margin: 0 5px;
}

.wrap-content .info {
	margin-bottom: 18px;
}
.wrap-content .info .name {
	display: inline-block;
	margin-right: 15px;
}
.cs-home4 .wrap-content .info .name {
	margin-right: 18px;
}
.cs-home4 .wrap-content .info .name a,.cs-testimonial-home3 .wrap-content .info .name a{
	font-size: 20px;
    font-family: 'Poppins';
    margin-left: 3px;
}
.wrap-content .info .position {
	display: inline-block;
	font-weight: 700;
}
.wrap-content blockquote {
	font-size: 16px;
	padding-right: 20px;
}
.flat-testimonials .owl-dots {
	text-align: center;
}
.flat-testimonials button.owl-dot {
	background:  rgba(81,94,111,0.2) !important;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0 5px;
}
.flat-testimonials button.owl-dot.active,
.flat-testimonials button.owl-dot:hover  {
	background: #f3728b !important;
}
.flat-testimonials .owl-stage-outer {
	padding-bottom: 36px;
	padding-top: 36px;
}
.flat-testimonials {
	padding:  90px 0 89px;
}
.flat-testimonials.style4 {
	padding: 92px 0 65px;
}
.flat-testimonials.style4 .flat-title .title {
	margin-bottom: 43px;
}
.flat-testimonials.style1 .flat-title .description {
	padding: 0 10% 0 8.8%;
}
.flat-testimonials.style1 .flat-title .description,
.flat-testimonials.style2 .flat-title .description,
.flat-testimonials.style3 .flat-title .description {
	margin-bottom: 38px;
}
.flat-testimonials.style4 .flat-title .description {
	margin-bottom: 45px;
}
.flat-testimonials.style2 {
	padding: 97px 0 40px;
}
.flat-testimonials.style2.v2 {
	background: url('../images/testimonials/bg_teacher_say.png') center center no-repeat;
	background-size: cover;
}
.flat-testimonials.style3 {
	padding: 95px 0 0;
	background: url('../images/testimonials/bg-testimonials-3.png') center center no-repeat;
	background-size: cover;
}
.flat-testimonials.style4 .name {
	margin-right: 18px;
}

.flat-testimonials.style4 .name a {
	font-family: "Poppins";
	color: #ec5252;
}

.flat-testimonials.style4 .position {
	font-size: 14px;
	font-weight: 700;
}

/* Flat Services
-------------------------------------------------- */
.flat-services {
	padding-top: 74px;
}

.flat-services .flat-title .description {
	margin-bottom: 80px;
}

.flat-services .item-content {
	background: #fff;
	padding-bottom: 25px;
}

.ft-services .item-content .img{
	float: right;
	margin-top: -26px;
	margin-left:57px;
}

.flat-services .item-content .text-wrap {
	padding: 53px 0 0 50px;
}

.flat-services .item-content .text-wrap .title,.ft-services.tab-has-icon .item-content .text-wrap .title {
	margin-bottom: 25px;
}

.flat-services .item-content .text-wrap .text,.ft-services.tab-has-icon .item-content .text-wrap .text{
	margin-bottom: 54px;
}
.ft-services.tab-has-icon .item-content .text-wrap .text{
	letter-spacing: 0.55px;
    margin-bottom: 30px;
    font-weight: 400;
}
.btn-register {
	font-size: 16px;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-register:after {
	content: "\ea37";
	font-family: "bf-icon";
	font-size: 14px;
	position: absolute;
	top: 50%;
	right: -19px;
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.btn-register:hover:after {
	right: -27px;
	color: #f3728b;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ft-services .iconbox .iconbox-content .title{
	color: #192836;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ft-services .iconbox .iconbox-content .title:hover,.ft-services .active .iconbox .iconbox-content .title{
	color: #f3728b;
}
/* Flat Categories
-------------------------------------------------- */

.category-sc .icon {
	font-size: 30px;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 12px;
	color: #fff;
}

.category-sc .flat-title .title {
	margin-bottom: 42px;
}
.category-sc{
    padding: 30px 0 32px 39px;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 30px;
}

.category-sc .title a {
    font-size: 16px;
    color: #fff;
}
.category-sc:hover{
    background-color: #ec5252 !important;
}
/* Flat Post
-------------------------------------------------- */
.list-meta li{
	color: rgba(81,94,111,0.7);
	margin-right: 14px;
	font-weight: 500;
}
.list-meta li a {
	color: rgba(81,94,111,0.7);
}

.list-meta li:before {
	content: "";
	font-family: "Font Awesome 5 Free";
	padding-right: 4px;
}

.list-meta li.time:before {
	content: '\f017';
}

.list-meta li.counter-like:before {
	content: "\f004";
}

.list-meta li.counter-comment:before {
	content: '\f075';
}

.list-meta li.folder:before {
	content: '\f07c';
	padding-right: 3px;
}

.flat-button.btn-read-more,.wp-block-button__link {
	color: #fff;
	padding: 0 32px 0 33px;
	line-height: 49px;
	font-size: 16px;
	letter-spacing: 0.3px;
	font-family: 'Poppins'
}
.wp-block-button__link{
	line-height: 1.5;
	padding: 10px 32px;
}
a.wp-block-button__link:not([href]):not([tabindex]):hover,
a.wp-block-button__link:not([href]):not([tabindex]):focus{
	color: #fff
}
.flat-button.btn-read-more::before,.wp-block-button__link::before {
	background-color: #192836;
}

.flat-post {
     margin-bottom: 58px;
}
.blog-page .flat-post {
     margin-bottom: 58px;
}
.cs-single-post .flat-post {
     margin-bottom: 25px;
}
.post {
	overflow: hidden;
}

.post .post-img {
	margin-bottom: 22px;
}
.post .post-img img,.img-vline .overlay,.post .featured-post img{
    border-radius: 5px;
}
.null-instagram-feed .transition-vline .img-vline .overlay{
	border-radius: 0px;
}
#footer .null-instagram-feed .transition-vline .img-vline .overlay{
	opacity: 0.2;
}
.post .post-content .title {
	margin-bottom: 10px;
}

.post .post-content .title a{
	font-family: "Poppins";
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	line-height: 1.5;
}

.post .list-meta {
	margin-bottom: 17px;
}
.post .list-meta ul,
.sidebar .widget ul,
#footer .widget ul,
.flat-comments ol.comment-list,
.top ul,
.socails ul,
.meta-list ul,
.bottom-menu ul,
.extra-menu ul,.textbox  ul,
.widget_categories_courses .content ul,
.taskbar ul,
.flat-tabs ul,
.meta-datetime ul,
.widget-event-detail ul,
.pagination ul,
.wrap-list ul.meta-rate{
    list-style: none;
    margin:  0;
    padding:  0;
}
.flat-comments ol.children{
   list-style: none;
    margin:  0;
}

.post .post-content .text {
	margin-bottom: 35px;
}
.blog-post .post .wrap-btn {
    margin: 35px 0px 1px;
}
.blog-post:first-child .post .wrap-btn {
    margin: 35px 0px 0px;
}
.flat-post .blog-shortcode.blog-archive article:first-child{
	margin-top: 1px;
}
.flat-post .blog-shortcode.blog-archive article{
	margin-bottom: 72px;
}
.flat-post .blog-shortcode.blog-archive article:last-child{
	margin-bottom: 0px;
}
/* Flat Comments
-------------------------------------------------- */
.flat-comments {
	padding-bottom: 10px;
}
.flat-comments .comment-respond{
	margin-bottom: 30px;
}
.comment-content img{
	margin: 10px 0px;
}
.flat-comments .title,.flat-comments .title small a {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 20px;
}
.flat-comments .children {
	padding-left: 44px;
}

.comment_div {
	padding: 13px 15px 20px 23px;
	margin-bottom: 35px;
}

.comment .comment-img {
	float: left;
	margin-right: 17px;
}
.comment .comment-img img{
	border-radius: 50%;
}
.comment .comment-content {
	padding-top: 27px;
}

.comment .comment-content .name {
	display: inline-block;
	margin-right: 26px;
	margin-bottom: 43px;
	font-size: 15px;
	letter-spacing: 1.1px;
}

.comment .comment-content .name a {
	font-size: 16px;
	font-family: 'Poppins';
	color: #515e6f;
}

.comment .comment-content .name a:hover {
	color: #fa778a;
}

.comment .comment-content .datetime {
	font-size: 12px;
	font-weight: 700;
	color: rgba(81,94,111,0.7);
}

.comment .comment-content p {
	padding-left: 6px;
	padding-right: 40px;
	margin-bottom: 14px;
}

.comment .wrap-btn {
	margin-left: 8px;
}

.comment-reply-link {
	color: #fa778a;
}

.comment-reply-link:hover {
	color: #515e6f;
}

.comment-reply-link:before {
	content: '\f2f8';
	font-family: 'Ionicons';
	padding-right: 7px;
}

.comment-child .comment {
	margin-bottom: 14px;
}

.comment-child .comment .comment-content {
	padding-top: 19px;
}

.comment-child .comment .comment-img {
	margin-right: 32px;
	margin-bottom: 80px;
}

.comment-child .comment .comment-content .name {
	margin-right: 15px;
	margin-bottom: 25px;
}

.comment-child .comment .comment-content .description {
	padding-right: 13px;
	margin-bottom: 5px;
}

.flat-comments .children .comment .comment-img{
	margin-right: 30px;
	margin-top: 4px;
}
.flat-comments .children .comment .comment-content{
	padding-top: 25px;
	overflow: auto;
}
.flat-comments .children  .comment_div{
	padding: 12px 0 20px 30px;
    background: transparent;
    border: none;
    margin-bottom: 22px;
}
.flat-comments .children .comment .comment-content p {
	padding-left: 1px;
	padding-right: 22px;
	margin-bottom: 6px;

}
.flat-comments .children .comment .wrap-btn {
    margin-left: 2px;
}
.flat-comments .children  .comment .comment-content .name{
	margin-bottom: 27px;
}
.flat-comments .comment-list{
	border-bottom: 1px solid #f0f0f0;
}    
/* Flat Form Reply
-------------------------------------------------- */
.comment-respond .title {
	font-family: 'Poppins';
	margin-bottom: 30px;
	margin-top: 45px;
}

.comment-respond input[type='text'],
.comment-respond input[type='email'] {
	height: 55px;
	background-color: #fff;
	font-weight: 400;
}

.comment-respond .wrap-input-all {
	margin-bottom: 15px;
}

.comment-respond .wrap-textarea {
	margin-bottom: 30px;
}

.comment-respond textarea {
	background-color: #fff;
	font-weight: 400;
}

.flat-button.btn-send {
	height: 49px;
	line-height: 49px;
	font-size: 16px;
	font-family: 'Poppins';
	font-weight: 700;
	padding: 0 17px;
	border:unset;
	border-radius: 0px 4px 4px 0px;
}
.flat-comments .flat-button.btn-send, .woocommerce-Reviews .flat-button.btn-send{
	border-radius: 4px;
	padding: 0 25px;
	font-weight: 600;
}

.related-post .box-title {
    font-size: 20px;
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}
.related-post .box-title:after {
    width: 50px;
    height: 3px;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
}
.counters .counter.style2 .background_img_count{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.widget_themesflat_newsletterwidget{
	margin-bottom:40px;
}
.flat-courses.courses-grid-v3-page.courses-list{
	margin-bottom: 48px;
}
.cs_cmm_slide{
	letter-spacing: 0.5px !important;
}
.cs_cmm_slide2{
	letter-spacing: 0.3px !important;
}
.event-content.get-ticket .title{
	margin-bottom: 10px;
}