@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;500;700&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');

body{
	min-height: 100%;
	font-family: "Poppins", sans-serif;
	font-size: 33px;
}
.hero-bx{
	background: url(../img/hero-img.jpg) no-repeat top right;
	background-size: cover;
	height: 1050px;
}
.caption{
	padding-left: 179px;
	padding-top: 15px;
}
.caption p{
	font-size: 19px;
	font-weight: 700;
	color: #fff;
	line-height: 125%;
	font-family: "Poppins", sans-serif;
	margin: 20px 0 0;
}
.caption span{
	font-size: 35px;
	color: #f9d525;
	font-weight: 500;
	font-family: "Poppins", sans-serif;
	display: block;
	margin: 10px 0 20px;
}
.Intro-block{
	background: #333;
	padding: 100px 0;
}
.intro-txt{
	position: relative;
	padding: 0 30px;
}
.intro-txt:before{
	position: absolute;
	left: 0;
	top: -5px;
	content: "";
	background: url(../img/left-blockquote.png) no-repeat;
	font-size: 50px;
	color: #fff;
	font-family: Arial;
	width: 37px;
	height: 31px;
}
.work-bx{
	background: #333;
	padding: 100px 0;
}
.hero-bx .container-fluid,
.work-bx .container-fluid,
.Intro-block .container-fluid,
.fact-block .container-fluid{
	padding: 0 110px;
}
.hero-bx .container{
	display: flex;
	align-items: center;
	height: 100%;
}
.join-block{
	background: url(../img/sm-logo.png) no-repeat bottom center #4b4b4d;
	font-size: 22px;
	color: #fff;
	padding: 125px 0;
	text-align: center;
	font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}
.join-block .container div{
	max-width: 600px;
	margin:  auto;
}
.work-bx p, 
.Intro-block p {
    font-size: 20px;
    color: #fff;
    line-height: 30px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    margin: 25px 0;
}
.Intro-block p sup{
	padding-left: 5px;
}
.sign{
	text-align: right;
	font-size: 30px;
	color: #fff;
	font-weight: 300;
	margin-bottom: 50px;
	font-family: "Poppins", sans-serif;
}
.caption a,
.btn-block a {
    background: #c99014;
    border-radius: 4px;
    border: 0;
    font-size: 25px;
    color: #000;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    padding: 16px 30px;
    display: inline-block;
    font-weight: 600;
    line-height: 100%;
}
.caption a:hover,
.btn-block a:hover{
	text-decoration: none;
	background: #b45600;
	color: #fff;
}
.page-template-myotherlife-template header .navbar-default #navbar-responsive-collapse{
	margin-top: 30px;
}
.tab-content .btn-block a{
	background: #c99014;
	color: #000;
}
.tab-content .btn-block a:hover{
	background: #b45600;
	color: #fff;
}
.tab-content.last .btn-block a:hover{
	background: #b45600;
	color: #fff;
}
.fact-block{
	background: url(../img/fact-block-bg.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	padding: 100px 0;
}
.fact-block-title{
	font-size: 42px;
	font-family: "Poppins", sans-serif;
	color: #4b4b4d;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 15px;
	font-weight: 700;
}
.fact-block b{
	font-size: 22px;
}
.rls-dt{
	font-size: 22px;
	color: #4b4b4d;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
}
.fact-block p{
	font-size: 22px;
	color: #4b4b4d;
	font-weight: 300;
	font-family: "Poppins", sans-serif;
}
.block-title{
	font-family: "Poppins", sans-serif;
	font-size: 46px;
	color: #fff;
	font-weight: 700;
	line-height: 100%;
}
.block-title a,
.block-title a:hover{
	color: #fff;
}
.work-bx p:first-child{
	margin-top: 10px;
}
.img-holder img{
	width: 100%;
}
.work-bx .btn-block{
	margin-top: 50px;
}
.tab-content{
	padding: 100px 0 100px;
}
/*.tab-content.last{
	background: #c99014;
}*/
.tab-content.last{
	background: #333;
}
.img-holder{
	margin-bottom: 100px;
}
.tab-content p{
	font-size: 20px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
}
.tab-content .btn-block{
	margin-top: 50px;
}
.print-style-txt{
	display: flex;
	align-items: flex-end;
}
.print-style-txt .lg-txt{
	font-size: 140px;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	color: #fff;
	text-align: right;
	line-height: 130px;
	flex: 50%;
}
.print-style-txt .sm-txt {
  font-size: 42px;
  color: #fff;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
  flex: 50%;
  line-height: 40px;
  position: relative;
  top: -14px;
}
.read-more-bx span {
    font-size: 22px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    cursor: pointer;
}
.read-more-bx span:hover{
	text-decoration: underline;
}
.toggle-block{
	display: none;
}
.work-bx .row{
	display: flex;
	align-items: center;
}
ul.resp-tabs-list{
	background: #4b4b4d;
	display: flex;
	justify-content: center;
}
.logo-bx img,
.video-wrapper video{
	width: 100%;
}
.video-wrapper video{
	border: 5px solid #fff;
}
.video-block{
	background: #c99014;
	padding: 100px 0;
}
.vid-bx-title {
	font-family: "Poppins", sans-serif;
    font-size: 40px;
    color: #000;
    margin-bottom: 50px;
    font-weight: 700;
    line-height: 100%;
    text-align: center;
}
.c-soon h2{
	text-transform: uppercase;
}
.c-soon h2,
.c-soon span{
	color: #fff;
}

@media only screen and (min-width: 1365px) and (max-width : 1660px) {
	.hero-bx{
		background-size: 100%;
		padding: 72px 0;
		height: auto;
	}
}

@media only screen and (min-width: 1200px) and (max-width : 1364px) {
	.hero-bx{
		background-size: 100%;
		padding: 87px 0;
		height: auto;
	}
	.print-style-txt .lg-txt{
		font-size: 110px;
		line-height: 100px;
	}
	.print-style-txt .sm-txt{
		font-size: 35px;
		line-height: 32px;
	}
	.caption {
  		padding-left: 140px;
	}
	.caption span{
		margin: 10px 0;
	}
	.caption a{
		font-size: 22px;
    	padding: 12px 20px;
	}
}

@media screen and (max-width: 1199px){
	.work-bx .col-md-6{
		width: 100%;
	}
	.work-bx .col-md-6:first-child{
		margin-bottom: 50px;
	}
	.work-bx .row{
		display: block;
	}
	.logo-bx{
		text-align: center;
	}
	.logo-bx img{
		width: 500px;
	}
	.resp-tabs-list li,
	.resp-tabs-list li.resp-tab-active{
		padding: 10px 22px !important;
	}
}

@media only screen and (min-width: 992px) and (max-width : 1199px) {
	.hero-bx{
		height: auto;
		padding: 70px 0;
	}
	.caption {
	    padding-left: 140px;
	}
	.print-style-txt .lg-txt{
		line-height: 95px;
		font-size: 110px;
	}
	.print-style-txt .sm-txt{
		font-size: 30px;
		font-weight: 300;
		line-height: 30px;
		top: -10px;
	}
	.hero-bx .col-md-7{
		width: 70%;
	}
	.caption p{
		font-size: 17px;
	}
	.caption a{
		font-size: 21px;
		padding: 12px 15px;
	}
	.caption span{
		font-size: 30px;
		margin: 15px 0;
	}
}

@media only screen and (min-width: 768px) and (max-width : 991px) {
	.hero-bx{
		height: auto;
		padding: 70px 0;
	}
	.hero-bx .container{
		width: 100%;
	}
	.hero-bx .container .col-sm-10{
		width: 67%;
	}
	.resp-tabs-list li,
	.resp-tabs-list li.resp-tab-active{
		padding: 10px 15px !important;
	}
	.print-style-txt .lg-txt {
    	line-height: 100px;
    	font-size: 120px;
	}
	.print-style-txt .sm-txt{
		font-size: 30px;
    	font-weight: 300;
    	line-height: 30px;
    	top: -10px;
	}
	.caption{
		padding-left: 154px;
	}
	.caption a{
		font-size: 21px;
		padding: 12px 20px;
	}
	.caption p{
		font-size: 17px;
	}
	.caption span{
		font-size: 28px;
		margin: 15px 0;
	}
	.hero-bx .container-fluid, 
	.work-bx .container-fluid, 
	.Intro-block .container-fluid, 
	.fact-block .container-fluid {
    	padding: 0 50px;
	}
	.Intro-block {
    	padding: 100px 0;
	}
	.resp-tabs-list li{
		font-size: 20px;
		font-weight: 500;
	}
}

@media screen and (max-width: 768px){
	.art-block{
		padding: 0;
		background: #4b4b4d;
	}
	.resp-tab-content{
		padding-bottom: 20px;
		padding-top: 0;
	}
	h2.resp-accordion{
		background: #c99014 !important;
		border-bottom: 2px solid #333 !important;
		font-size: 28px;
		font-weight: 400;
		font-family: "Poppins", sans-serif;
		color: #000;
	}
	.resp-arrow{
		margin-top: 10px;
		border-top: 12px solid #000;
	}
	h2.resp-tab-active span.resp-arrow{
		border-bottom: 12px solid #000;
	}
	h2.resp-accordion:first-child{
		border-top: 0;
	}
	h2.resp-accordion.resp-tab-active{
		background: #97989a !important;
	}
}

@media screen and (max-width: 767px){
	.hero-bx{
		height: auto;
		padding: 50px 0;
	}
	.hero-bx .col-md-8{
		width: 75%;
	}
	.hero-bx .container-fluid, 
	.work-bx .container-fluid, 
	.Intro-block .container-fluid, 
	.fact-block .container-fluid {
	    padding: 0 15px;
	}
	.page-template-myotherlife-template .navbar-toggle{
		margin-top: 22px;
	}
	.sign,
	.work-bx p,
	.block-title,
	.fact-block p,
	.Intro-block p,
	.read-more-bx.text-right{
		text-align: center !important;
	}
	.img-holder{
		margin-bottom: 50px;
	}
	.tab-content{
		padding: 30px 0 50px;
		text-align: center;
	}
	.Intro-block {
    	padding: 80px 15px;
	}
	.print-style-txt .lg-txt {
	    font-size: 80px;
	    line-height: 70px;
	}
	.print-style-txt .sm-txt{
		font-size: 25px;
		font-weight: 300;
		top: -7px;
	}
	.caption a{
		font-size: 19px;
		padding: 10px 15px;
	}
	.caption p{
		font-size: 17px;
	}
	.caption span{
		font-size: 28px;
		margin: 15px 0;
	}
	.caption {
    	padding-left: 102px;
	}
	.work-bx {
    	padding: 50px 0 80px;
	}
	.join-block{
		padding: 70px 0;
		font-size: 20px;
	}
}
@media screen and (max-width: 575px){
	.hero-bx,
	.intro-txt{
		padding: 0;
	}
	.caption{
		padding-left: 0;
	}
	.hero-bx .container{
		padding: 50px 15px;
		background: rgba(0,0,0,0.5);
	}
	.hero-bx .col-md-8,
	.logo-bx img{
		width: 100%;
	}
	.print-style-txt{
		display: block;
		text-align: left;
	}
	.caption,
	.caption p,
	.print-style-txt .lg-txt{
		text-align: left;
	}
	.caption p{
		padding: 0 29px 0 0;
	}
	.print-style-txt .lg-txt{
		font-size: 80px;
		line-height: 70px;
	}
	.print-style-txt .sm-txt{
		top: 0;
	}
	.Intro-block {
    	padding: 50px 15px;
	}
	.sign,
	.caption a, 
	.btn-block a,
	.fact-block p{
		font-size: 20px;
	}
	.intro-txt::before{
		top: -27px;
	}
	.block-title,
	.caption span,
	h2.resp-accordion,
	.print-style-txt .sm-txt{
		font-size: 25px;
	}
	.fact-block,
	.video-block{
		padding: 60px 0;
	}
	.work-bx p,
	.tab-content p, 
	.Intro-block p,
	.read-more-bx span{
		font-size: 18px;
	}
	.vid-bx-title{
		font-size: 28px;
	}
}