/*

Theme Name: Generic

Theme URI: XXXXXXX

Author: Faizan J.

Author URI: https://www.logowebsolutions.com/

Description: A basic theme which you can use as foundation for you own theme.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: white, light, one-column, two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, featured-images

Text Domain: generic

*/
@font-face {
    font-family: 'northwellregular';
    src: url('fonts/northwell-webfont.woff2') format('woff2'),
         url('fonts/northwell-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Montserrat Hairline';
    font-style: normal;
font-weight: normal;
src: local('Montserrat Hairline'), url('fonts/montserrat-hairline_allfont.net-webfont.woff') format('woff');

}
body{

	font-family:'Montserrat', sans-serif;

	font-size:16px;

}
.font-northwell,
.font-northwell .elementor-testimonial-content,
.font-northwell .elementor-heading-title{
	font-family: 'northwellregular' !important;
    font-weight: normal;
    font-style: normal;
	}
.xxx-large-text{
	font-size:8em;
}
.xx-large-text{
	font-size:6em;
}
.x-large-text{
	font-size:4em;
}
.large-text{
	font-size:2em;
}
#banner span[class*=char] {
    font-size:8em;
}
.navbar-default {

    background-color: #feebe2;

    border:0px;
	font-weight:bold;

}

.navbar-brand{height:auto;padding-top: 5%;padding-bottom: 5%;}

div#login_buttons {

padding: 10% 0px;
}

.split-box{

	clear:both;

}

.box-left,.box-right{

	position:relative;

	z-index:1;

	height: 60px;

	line-height: 1em;

	margin-right: 30px;

	background: #dd0d0d;

	color:#fff;

	font-weight:bold;

	text-transform:uppercase;

	font-size: 18px;

	text-align: center;

	display:  inline-block;

	width: 100%;

	vertical-align:  middle;

}

.box-left a,

.box-left a:hover,

.box-left a:focus,

.box-right a,

.box-right a:hover,

.box-right a:focus{

	color:#fff;

	text-decoration:none;

}

.box-left:before{

	border-top: 60px solid #dd0d0d;

	border-right: 30px solid #fff;

	content:"";

	top:0px;

	/* bottom:0px; */

	/* width: 200px; */

	height: 100%;

	/* left:0px; */

	right: -30px;

	position:absolute;

	z-index:-1;

	}

.box-right:before{

	border-bottom: 60px solid #0e2b57;

	border-left: 30px solid #fff;

	content:"";

	top:0px;

	/* bottom:0px; */

	/* width: 200px; */

	height: 100%;

	/* left:0px; */

	left: -30px;

	position:absolute;

	z-index:-1;

	}

.box-right{

	background-color:#0e2b57;

	margin-right:0px;

	margin-left: 30px;

}

.box-left span,

.box-right span{

	top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: block;

    position: relative;}
.navbar-nav{
	margin-top: 2.5%;
}
.navbar-nav > li{

	padding-top: 0%;

}

.navbar-nav > li.active{

	background:none;

}
header .aps-social-icon-wrapper{
	padding:10% 0px;
}
header .aps-each-icon{
	margin:0px 0px !important;
}
.navbar-nav > li > a{

	position:relative;



}


.navbar-nav > li:last-child a:after{

	display:none;

}

.navbar-default .navbar-nav > li > a{

padding-top:20px;

/*font-weight: 400;*/

text-transform:uppercase;

color: #000000;

padding:10px 10px;
}

.navbar-default .navbar-nav > .active > a, 

.navbar-default .navbar-nav > .active > a:hover, 

.navbar-default .navbar-nav > .active > a:focus {

color: #000000;

background-color:transparent;

/* text-decoration: underline; */
}

ul#menu-default-menu {padding: 4% 0px 4% 10px;margin: 0px;}



/*Front Page*/

#banner{

	padding:0px;

}

#about_us{

	padding:2% 0px;

}

.heading-about-us{

	font-size:4em;

	color:#0e2b57;

	font-weight:bold;

}

.text-about-us{

	font-size:1.3em;

	line-height:1.3em;

	color:#000;

}

.btn{
	
	font-family:'Montserrat', sans-serif;
	border-radius:0px;

}

.btn-grey {

    color: #fff;

    background-color: #2c2c2c;

    border-color: #000000;

}

.btn-grey:hover,

.btn-grey:focus {

    color: #fff;

    background-color: #000;

    border-color: #2c2c2c;

}

#icon_box{

	padding:4% 0px;

	border-top:3px dotted #333;

	text-align: center;

}

.icn-box{

	display:inline-block;

	clear:both;    padding-right: 5%;}

.icn-box:last-child{

	padding-right:0px;}

.icn-box:after{

	content:"";

	display:table;

	clear:both;

}

.icn-link{

	display:block;

	text-decoration:none;

	color:#333;

	font-size:3em;

	text-align:center;

	font-weight:bold;

	position:  relative;



}

.icn-link:hover,

.icn-link:focus{

	text-decoration:none;

}

.icn-link span.icn{

	display:inline-block;

	padding-left:10px;

	font-size:1.5em;

	line-height:1em;

	/* top: 50%; */

	/* left: 0%; */

	/* transform: translate(0%, -50%); */

	float:left;

}

.icn-link span.txt{

	/* top: 50%; */

	/* left: 0%; */

	/* transform: translate(0%, -50%); */

	display: block;

	float: left;

	position: relative;

	/* padding-bottom:20px; */

}

#wuwl {

    background: #0e2b57;

    text-align:  center;

    text-transform: uppercase;

}

.what_you_will_learn_heading{

	padding:2% 0px;

	margin:0px;

	font-size:3em;

	font-weight:bold;

	text-transform:capitalize;

}

#video_categories{

	padding:2% 0px;

}

.space-bottom{

padding-bottom:2%;

}
.space-bottom img{
	width:100%;
}
.slimScroll {
    border: 1px solid #CCC;
    display:block;
    overflow: hidden;
    position: relative;
    height: 100%;
}

/* custom stylings */
.wrapper, .scroll-wrapper {
    padding: 5px;
}
.scroll-wrapper.mac + .scrollBarContainer{
    background-color: transparent;
}
.scrollBarContainer.animate .scroll{
    transition: 2s opacity ease;
    -ms-transition: 2s opacity ease;
    opacity: 0;
}
.scrollBarContainer:hover .scroll{
    opacity: 0.5;
    transition: none;
    -ms-transition: none;
}
.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.scroll{
    border-radius: 10px;
}
.wrapper + .scrollBarContainer{
    background-color: #eee9ee;
}
.scrollBar {
    background-color: #0e2b57;
    border-radius: 10px;
    opacity: 0.8;
}
.scroll-bar{
    background-color: #79a1de;
}
.space-bottom-more{
	padding-bottom:60px;
}
.tt-holder{
	position:relative;
	/* overflow:scroll; */
}
#video_categories .tt-holder{
	cursor:  pointer;}
.tt-relative .posts-texts{
	position:relative;
	top:0px;
	bottom:0px;
}
.posts-texts{
	position:absolute;
	z-index:2;
	background: #000000;
	margin: 0px 30px;
	padding: 12px;
	bottom: -50px;
	left: 0px;
	right: 0px;
}


.posts-texts h4{
	font-size:25px;
	font-weight:bold;
	text-transform:uppercase;
	color: #fff;
}
.posts-texts{
	color: #fff;
	font-size:12px;
}
.tt-holder img{
	position:relative;
	z-index:1;
	width:100%;
}
.col-sm-4:hover .tt-overlay{
	top:0px;
	bottom:0px;
	opacity:1;}
.col-sm-4 .tt-overlay h4{
	font-family: 'northwellregular';
	font-style: italic;
	font-size: 2.5em;
}
.tt-overlay{
font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,Montserrat, sans-serif;
	position:absolute;
	padding: 10% 2%;
	bottom: 0px;
	opacity: 0;
	top:0px;
	left:0px;
	right:0px;
	background-color: rgba(0,0,0,0.5);
	transition: all 0.4s ease-in-out;
	color: #ffffff;
	z-index:2;
}
.tt-overlay a,
.tt-overlay a:hover,
.tt-overlay a:focus{color: #ffffff;}
.video-listings{
	background-color:transparent;
	background:none !important;
}
.video-item-details{
	padding-bottom:30px;
}
.category-heading,
.video-item-title {

    background: #0e2b57;

    padding:  0px;

    margin:  0px;

    margin-top:  1px;

    padding: 10px 15px;

    font-weight: bold;



    text-transform: uppercase;
    color:#fff;

}


.category-heading,
.video-item-title{

position: relative;

margin: 0px !important;
}

.category-heading:before, .category-heading:after,
.video-item-title:before, .video-item-title:after{

/* transform: rotate(-4deg); */

z-index: -1;

position: absolute;

content: "";

bottom: 32px;

left: 10px;

width: 80%;

top: -1px;

max-width: 100%;

background: #000;

-webkit-box-shadow: 0 35px 20px #777;

-moz-box-shadow: 0 35px 20px #777;

box-shadow: 0 35px 20px #000;

-webkit-transform: rotate(-8deg);

-moz-transform: rotate(-8deg);

-o-transform: rotate(-8deg);

-ms-transform: rotate(-8deg);

z-index:;

transform: rotate(-4deg);
}

.category-heading:after,
.video-item-title:after{

-webkit-transform: rotate(8deg);

-moz-transform: rotate(8deg);

-o-transform: rotate(8deg);














-ms-transform: rotate(8deg);


transform: rotate(4deg);

right: 10px;

left: auto;
}

section#follow-along-section {

	background:#feebe2;

	padding:3% 0px;



}

.follow-along-heading{

color:#000;

font-weight: 400;

font-size:3em;
}
.follow-along-sub-heading{

	text-align:center;

	color:#000;

	font-weight:bold;
	font-style:italic;
	font-size:1.5em;
	font-family: Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,Montserrat, sans-serif;
	

}


/*MEDIA*/

.media {

  margin-top: 15px;

}

.media:first-child {

    margin-top: 0;

  }

.media,

.media-body {

  zoom: 1;

  overflow: hidden;

}



.media-body {

  width: 10000px;

}




.media-object {

  display: block;

  }

.media-object .img-thumbnail{

    max-width: none;}



.media-right,

.media > .pull-right {

  padding-left: 10px;

}



.media-left,

.media > .pull-left {

  padding-right: 10px;

}



.media-left,

.media-right,

.media-body {

  display: table-cell;

  vertical-align: top;

}



.media-middle {

  vertical-align: middle;

}



.media-bottom {

  vertical-align: bottom;

}

.media-heading {

  margin-top: 0;

  margin-bottom: 5px;

}

.media-list {

  padding-left: 0;

  list-style: none;

}
.quote-testimonial{background:#cfd5de;padding: 35px 7%;/* padding-top: 35px; */margin: 20px auto;position:relative;max-width: 80%;}
.quote-testimonial .media:before{
	content: "\f10d";
	font-family:'FontAwesome';
	font-size: 70px;
	position:absolute;
	top:-30px;
	left: 10px;
	color:#0e2d58;
}
.quote-testimonial .media:after{
	content: "\f10e";
	font-family:'FontAwesome';
	font-size: 70px;
	position:absolute;
	bottom:-30px;
	right: 10px;
	color:#0e2d58;
}
.quote-testimonial .media-heading {
    font-size: 13px;
    font-weight: normal;
    margin: 0px;
    color:#676767;
    font-style:italic;

}
.quote-testimonial .media-heading:before{
	content:"-";
	margin-right:5px;
}
.single-testimonial{

	background:rgba(255,255,255,0.6);

	padding:2%;

	margin-top:20px;

}

.media-body{

	padding-top:2%;

}

.media-heading{

	font-size:30px;

	font-weight:bold;

	margin:0px;

}

.designation{

	font-size:16px;

	margin:0px;

	font-weight:bold;

}

.follow-along-slider{

	position:relative;

}

.owl-prev,

.owl-next{


	position:absolute;

	top:40%;

	left:-5%;

	color:#fff;

	font-size:3em;

}

.owl-next{

	left:auto;

	right:-5%;

}

.text-white,

.text-white:hover,

.text-white:focus{

	color:#fff;

}

.text-red,

.text-red:hover,

.text-red:focus{

	color:#dd0d0d;

}

.text-blue,

.text-blue:hover,

.text-blue:focus{

	color:#0e2b57;

}


.text-bold,

.text-bold:hover,

.text-bold:focus{
	font-weight:bold !important;

}
#get-social-section{padding: 7% 0px;/* padding-top: 80%; */background-size: cover;background-position: left 0px;background-repeat:  no-repeat;}

.get-social-section-heading{

	color:#333;

	text-align:center;

	font-size:2em;

	margin:0px;

	padding:2% 0px;

	text-transform:uppercase;

}



.get-social-section-text{

color:#333;

text-align:left;

font-size:1.2em;

margin:0px;

/* font-weight:bold; */

margin-bottom: 20px;

margin-left: 15%;

margin-top: -20px;
}

label{

	font-weight:500;

}

.form-control{

	border-radius:0px;

	border-color:#333;

}

.btn{

	border-radius:0px;

}

.btn-red {

color: #000;

background-color: #c3a09e;

border-color: #c3a09e;

font-weight: bold;
}

.btn-red:hover,

.btn-red:focus {

    color: #000000;

    background-color: #c3a09e;

    border-color: #c3a09e;

}
.btn-blue {

    color: #fff;

    background-color: #04121f;

    border-color: #000000;
    text-transform:uppercase;
}

.btn-blue:hover,



.btn-blue:focus {

    color: #fff;

    background-color: #000000;


    border-color: #04121f;

}
footer{

background-color: #feebe2;
}

.main-footer{

	padding:2% 0px;


}

.bordered-right img{

	/* top: 50%; */

	/* left: 50%; */

	/* transform: translate(-50%, 0%); */

	/* display: block; */

	/* position: relative; */

	display: inline-block;

}

footer .media{

	padding:5% 0px;

}

.bordered-right{

padding:10% 0px;

border-right:3px dotted #fff;

text-align:center;
padding-right:10px;

/* height: 400px; */

padding-right:  20px;
}
.second-column .media{
	padding:0px;
}
.bordered-right .media-body{
	text-align:left;
	padding-right:20px;
}
footer .media-left{

	padding-left:15px;

	font-size: 6em;

	vertical-align: top;

	padding-right: 30px;

}

footer .fa-map-marker {

	/* margin-top: 0px; */

	display: block;

	padding-top: 10px;

}
#menu-footer{
	padding:6.2% 0px;
	font-weight:bold;
}
footer .copyright-bar a,

footer .copyright-bar a:hover,

footer .copyright-bar a:focus{

color: #fff;
}
#menu-footer a,
#menu-footer a:hover,
#menu-footer a:focus{
	color:#000;
}

.copyright-bar{

	background-color:#000;

	padding:1% 0px;
	font-size:12px;

}

.copyright-bar p{

	margin:0px;

}
.copyright-bar ul{
	margin:0px;
}

div#copyright {

}
.aps-each-icon{
	margin-top:10px !important;
	margin-left:0px !important;
	margin-bottom:10px !important;
	}
.padded-desc{
	padding-top:5%;
	padding-bottom:5%;
}
.padded-sm{
	padding-top:2%;
	padding-bottom:2%;
}
.full-width{
	width:100%;
}
.height-auto{
	height:auto;
}
.no-padding{
	padding:0px;
}
.no-margin{
	margin:0px;
}
.block-element{
	display:block;
}
/*--*/
body,
html{
	height:100%;
}
#content{
	overflow:visible;
}
.featured-img-section{
	background-size:cover;
	background-repeat:no-repeat;
	height:100%;
	position:relative;
	padding-right:2%;
	padding-left:2%;
	display:table;
	width:100%;
}
.featured-img-section hgroup{
	display:table-cell;
	vertical-align:middle;
}
.featured-img-section h1{
	font-family: 'northwellregular';
	font-size:8em;
	color:#fff;
	text-align:center;
	text-shadow:0px 0px 10px #000;
}
.featured-newsletter-bg{
	background-size:cover;
	background-repeat:no-repeat;
}
.follow-along-page-heading{
	font-size:30px;
	color:#000;
	margin-bottom:20px;
}
.featured-newsletter-bg .col-sm-5{
	float:none;
	width:100%;
}
.featured-newsletter-bg .col-sm-2{
	width:100%;
	text-align:right;
}
.contact-form-input{
	border:1px solid #d8d8d8;
	background-color:#eaeaea;
	box-shadow:none;

}
.btn-black{
	color:#fff;
	font-weight:bold;
	background-color:#000;
}
.btn-black:hover,
.btn-black:focus{
	color:#fff;
	font-weight:bold;
	background-color:#6f6f6f;
}
.text-white a,
.text-white a:hover,
.text-white a:focus{
	color:#fff;
}
.single-post-padding{
	padding:3% 0px;
}


.pos{visibility:hidden;}
/*Youtube Channel*/
#content .epyt-gallery-allthumbs.epyt-cols-1 .epyt-gallery-thumb {
    width:auto;
    float:none;
    display:block;
    clear:both
}
#content .epyt-gallery-allthumbs.epyt-cols-1 .epyt-gallery-thumb:after{
    content:"";
    display:table;
    clear:both;
}
#content .epyt-gallery-img-box {
    float:left;
    width:35%;   
}
#content .epyt-gallery-title{
    float:left;
    width:63%;
    text-align: left;
    font-size:  18px;
    font-weight: bold;
}
#content .epyt-gallery-rowbreak{
    display:block;
    border-top: 1px solid #333;
    margin-bottom:10px;
}
#content .fluid-width-video-wrapper {
    border-radius:10px;
    border:5px solid #feebe2;
    overflow:hidden;
    box-shadow:0px 0px 20px #000;
    margin: 20px auto;
}
#content .epyt-pagination {
    border:1px solid #ccc;
    border-radius:5px;
    margin-bottom:10px;
    background:#f5f5f5;
}
.screen-detect{
	float:left;
}
.post-banner {
    position:  relative;
    padding:20px 0px;
}

.title-date {
    text-align:  center;
    position:  absolute;
    top: 45%;
    left: 0px;
    right: 0px;
}
.title-date .title h2{
    color:#fff;
    font-size:6rem;
}
.title-date .date{
    color:#fff;
    font-size:2rem;
    font-weight:bold;
}
@media screen and (max-width:767px){
	.col-sm-4 .tt-overlay{
	top:0px;
	bottom:0px;
	opacity:1;
	padding-top:20%;
	}
	.tt-overlay{
		background-color:rgba(255,255,255,0.5);
		color:#000;
	}
	.tt-overlay a{
		color:#000;
	}
	.col-sm-4:hover .tt-overlay{
		background-color:rgba(0,0,0,0.5);
		color:#fff;
	}
	.col-sm-4:hover .tt-overlay a{
		color:#fff;
	}
.title-date .title h2{
    font-size:3rem;
}
.title-date .date{
    font-size:1rem;
}
.posts-texts{
	bottom:0px;
}
}
@media screen and (min-width:768px){
.navbar-nav{
	float:right;
}	
}
@media screen and (min-width:992px){

	.text-right-md{

		text-align:right;

	}

	.text-right-md img{

		display:inline-block;

	}

}

@media screen and (max-width:1199px){

	.navbar-brand{display:block;float:none;text-align:center;/* padding-bottom:0px; */}

	.navbar-brand img{

		display:inline-block;

	}

	#video_categories img.img-responsive{

		width:100%;



	}

}

@media screen and (max-width:991px){

header .navbar-default .navbar-brand{
	padding:2% 0px;
}
ul#menu-default-menu {
    float: none;
    padding:0px;
    text-align:center;
}
.navbar-nav > li.active{
	background-image:none;
}

header .aps-social-icon-wrapper{
	padding:2% 0px !important;
}
	.bordered-right{

		border:0px;

		padding:2% 0px;

	}
	#get-social-section{
		background-image:url('media/get-social-section-mobile.jpg') !important;
		background-position: top center;
		text-align:center;
		background-attachment: scroll;
		background-size: contain;
		padding-top: 80%;
	}
	#get-social-section img{
		display:inline-block;
	}
	#get-social-section .container{
	background-color:rgba(255,255,255,0.5);
	padding-top:30px;
	padding-bottom:30px;
}
	.elementor-testimonial-wrapper .elementor-testimonial-meta{
		display:none;
	}
}
@media screen and (max-width:1199px){
	

header .aps-social-icon-wrapper{
	padding:7% 0px;
}
	.featured-img-section{
		background-size: cover;
		height: auto;
		padding: 20% 0px;
	}
	.featured-img-section hgroup{
		padding: 2% 15px !important;
	}
	.featured-img-section h1{
		font-size:3em;
	}

	.pos{visibility:visible !important;}

	.animated{

		visibility: visible !important;

		transition: none !important;

		-webkit-transition: none !important;

		-moz-transition: none !important;

		 -o-transition: none !important;

		-o-transition-property: none !important;

		-moz-transition-property: none !important;

		-ms-transition-property: none !important;

		-webkit-transition-property: none !important;

		transition-property: none !important;

		-webkit-animation: none !important;

		-moz-animation: none !important;

		-o-animation: none !important;

		-ms-animation: none !important;

		animation: none !important;

}
	.screen-detect{
		float:none;
	}
	#menu-logged-in-user-menu{
		float:none;
		text-align:center;
	}
	
.tt-overlay .fa-mouse-pointer{
	display:none;
	}
	.navbar-nav > li{
	
padding-top: 0%;
	
display: inline-block;
	
float: none;
	}
.navbar-default .navbar-nav > li > a{
	padding: 0px 5px;
	font-size: 11px;
	font-weight: bold;
}
.navbar-nav > li a:after{
	top:4px;
}
div#login_buttons{
	padding:2% 0px;}
}
@media screen and (max-width:767px){
	.overlay-footer{
		background-color:rgba(255,255,255,0.5);
		padding-top: 35% !important;
	}
	.screen-detect{
		float:right;
	}
	.elementor-testimonial-wrapper{
		    padding: 5%;
	}
	#menu-footer{
		text-align:center;
	}
	#menu-footer a, #menu-footer a:hover, #menu-footer a:focus {
    	font-size: 11px;
	}
	ul#menu-default-menu{
		text-align:center;
		margin:  0px;
		padding-left: 0px;
		/* font-weight: bold; */
	}
	.featured-img-section h1{
		text-align:right;
	}
.featured-img-section .text-l  h1{
	text-align:left;
}
.featured-img-section .text-r  h1{
	text-align:right;
}
}
@media screen and (min-width:1200px){
.featured-img-section h1{
	text-align:center;
}
	.dream-big-img-one {
    -ms-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg);
}	
}
/* Element Queries â€" uses JS */

/* Trigger the vertical layout with media queries as well */

/* Content */

/* Form fields */

.ck_errorArea {
	display: none;
}

#ck_success_msg {
	padding: 10px 10px 0px;
	border: solid 1px #ddd;
	background: #eee;
}


.ck_form .ck_guarantee {
	color: #626262;
	font-size: 12px;
	text-align: center;
	padding: 5px 0px;
	display: block;
}

.ck_form .ck_powered_by {
	display: block;
	color: #aaa;
}

.ck_form .ck_powered_by:hover {
	display: block;
	color: #444;
}

.ck_converted_content {
  display: none;
	padding: 5%;
	background: #fff;
}


/* v6 */

.ck_form_v6 #ck_success_msg {
	padding: 0px 10px;
}

@media all and (max-width: 403px) {
  .ck_form_v6.ck_modal .ck_close_link {
    top: 30px;
  }
}

@media all and (min-width: 404px) and (max-width: 499px) {
  .ck_form_v6.ck_modal .ck_close_link {
    top: 57px;
  }
}