@font-face {
    font-family: 'Din Pro Cond';
    src: url('../fonts/DIN Pro Condensed Bold 700.otf');
    font-weight: normal;
    font-style: normal;
}

html, body{background: var(--primary-bg-color);}
a, a:hover{text-decoration: none;}
.img-fluid{width:100%;max-width: auto;}
.pagewidth{background: var(--primary-bg-color);margin-top: 101px;}
.quotes_container{color: var(--primary-text-color);padding: 0px 35px 20px;}
.quotes_container a, .quotes_container a:hover, .quotes_container a:focus, .quotes_container a:active{color: var(--secondary-text-color);}
.sitelist{display: flex;}
.listright{margin-left: 20%;}
.hero-banner, .bottm-banner{padding: 0rem;margin: 0rem;}
.navbar-main{background: var(--primary-bg-color);padding: 0rem 1.875rem;text-transform: uppercase;border-bottom: 1px solid var(--border-color);}
.navbar-main.overlaphd{position: absolute;top:0;left:0;width:100%;background:transparent;border-bottom: 0px;z-index: 999;}
.navbar-main .navbar-brand{padding: 0rem;margin: 0rem;}
.btnsection a:first-child{margin-right: 1rem;}
.btnsection a{font-family: "Brandon Grotesque", Helvetica, Arial, sans-serif;text-transform: capitalize;color:var(--secondary-text-color);border-color: var(--border-color);width: 160px;font-weight: 600;border-width: 2px;font-size: 16px;}
.btnsection a{color: var(--primary-text-color);background-color: transparent;border-color: var(--header-btn-color);border-radius: 35px;}
.btnsection a:hover, .btnsection a:focus, .btnsection a:active{background: var(--btn-hover-text-color);color:var(--btn-text-color);box-shadow:none;}
.icon-section{background-color: var(--secondary-bg-color);padding:40px 35px;}
.icon-section .icon-area{align-items: center;display: flex;justify-content: center;}
.bg-4k{width: 47px;height: 41px;background: url(../images/seal_sprite.png) -10px -10px;}
.bg-billing{width: 35px;height: 47px;background: url(../images/seal_sprite.png) -10px -71px;}
.bg-mobile{width: 29px;height: 47px;background: url(../images/seal_sprite.png) -132px -10px;}
.bg-lock{width: 35px;height: 47px;background: url(../images/seal_sprite.png) -77px -10px;}
.icon-title{font-family: "Din Pro Cond",sans-serif;font-size: 18px;margin-left: 15px;font-weight: 500;text-transform: uppercase;color: var(--video-title);}
.icon-title span{display: block;}
.title-container{padding: 1.25rem 0.625rem  0px;}
.title-text::after{clear: both;display: block;width: 100%;}
.title-text{color: var(--primary-text-color);text-align: left;clear: both;width: 100%;font-size: 32px;padding: 0;margin: 0;letter-spacing: 0;font-family: 'Din Pro Cond';text-transform: uppercase;font-weight: normal;border-bottom: 3px solid var(--border-color);margin-bottom: 20px;}
.joinbutton{display: inline-block;float: right;text-decoration: none;font-family: "Brandon Grotesque", Helvetica, Arial, sans-serif;text-align: center;margin: 0 auto;}
.joinbutton a{color: var(--primary-text-color);background: linear-gradient(180deg, var(--btn-gradient-top) 0%, var(--btn-gradient-middle) 41%, var(--btn-gradient-bottom) 100%);border-radius: 35px;border: 0px;padding: 0.75rem 1.25rem;display: block;font-weight: 500;letter-spacing: 0.5px;font-size: 14px;}
.joinbutton a:hover, .joinbutton a:focus, , .joinbutton a:active{opacity: 0.7;}
.main-content{background: var(--primary-bg-color);}
.popular-updates>.row{margin:0rem -0.625rem;}
.scene-info {background: var(--video-info-bar);color: var(--primary-text-color);padding: 10px 5px;}
.scene-list{margin-bottom: 15px;padding:0px 7px;}
.scene-info a{color:var(--primary-text-color);font-size: 0.75rem;font-family: "Brandon Grotesque", Helvetica, Arial, sans-serif;text-align: center;font-weight: 500;letter-spacing: 0px;text-transform: uppercase;}
.scene-info .model a{color:var(--secondary-text-color);}
.scene-info .deatils{ display: flex;justify-content: space-between;}
.joinnow{width: 100%;padding: 2.5rem 0rem;}
.joinnow a{text-align: center;padding: 0.5rem;font-size: 2.5rem;font-weight: 700;font-family: 'DIN Pro Cond';text-transform: uppercase;color: var(--primary-text-color);background: var(--btn-bg-color);margin: 0 auto;background: linear-gradient(180deg, var(--btn-gradient-top) 0%, var(--btn-gradient-middle) 41%, var(--btn-gradient-bottom) 100%);border-radius: 35px;border:0px;padding: 10px 40px;min-width: 400px;}
.joinnow a:hover, .joinnow a:focus, .joinnow a:active{color: var(--btn-text-color);border-color:var(--btn-bg-color);opacity: 0.7;box-shadow: none;opacity: 0.7;}
footer{background: var(--secondary-bg-color);padding: 30px 15px 10px;width: 100%;background-size: contain;border-bottom: 1px solid border-bottom: 1px solid var(--border-color);border-top: 2px solid var(--footer-top-boder);}
footer p, footer a {color: var(--primary-text-color);font-size: 12px;letter-spacing: 1px;text-decoration: none;text-transform: uppercase;font-weight: 700;text-align: center;}
footer a:hover, footer a:focus, footer a:active{color:var(--secondary-text-color);}
footer .copyright a, footer .copyright p {font-size: 10px;}
footer .copyright p{margin-bottom: .4rem;}
.page-title{color: var(--primary-text-color);font-size: 32px;font-family: 'Din Pro Cond';text-transform: uppercase;font-weight: normal;padding: 1rem 0rem;}
.page-title h3{margin: 0px;}
.post-date{margin-bottom: .5rem;}
/*.textovervid{position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}*/
.textovervid {position: absolute;bottom: 25%;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;margin-bottom: -75px;}
.txtvdinner{width: 100%;display: block;text-align: center;}
.textovervid h4 {font-size: 3.5rem;line-height: 3.5rem;margin-bottom:1rem;font-weight: 700;text-transform: uppercase;color: var(--primary-text-color);}
.textovervid p {    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .5px;margin-bottom: .5rem;line-height: 1.5rem;}
.textovervid .vidbtn{text-align: center;text-transform: uppercase;color: var(--primary-text-color);margin: 0 auto;background: linear-gradient(180deg, var(--btn-gradient-top) 0%, var(--btn-gradient-middle) 41%, var(--btn-gradient-bottom) 100%);border-radius: 35px;border: 0px;padding: 10px 40px;min-width: 200px;font-size: 2rem;font-weight: 700;}
@media screen and (min-width: 1600px) {
	.pagewidth, .navbar-main, .footer-content {max-width: 100rem !important;margin: 0 auto !important;}
	.pagewidth{margin-top: 101px !important;}
	body{background: var(--primary-bg-color);}
	.icon-title{font-size: 20px;}
	.btnsection a{font-size: 18px;width:190px;}
	.textovervid h4{font-size: 4rem;}
	.textovervid .vidbtn{font-size: 3rem;}
}
@media screen and (max-width: 991px) {
	.icon-section .icon-area{display: block;text-align: center;}
	.icon-title span{display: inline;}
	.bg-4k, .bg-billing, .bg-mobile, .bg-lock{margin: 0 auto;margin-bottom: 10px;}
	.popular-updates .scene-list:last-child{margin-right:auto;margin-left:auto;}
	.joinnow a{font-size: 2rem;}
	.title-text{font-size: 28px;}
	.icon-section .icon-area:first-child, .icon-section .icon-area:nth-child(2){margin-bottom: 30px;}
	.textovervid h4{font-size: 2.8rem;}
	.textovervid .vidbtn{font-size: 1.6rem;}
}
@media screen and (max-width: 767px) {
	.icon-title{font-size: 16px;}
	.icon-section {padding: 40px 15px;}
	.title-text{font-size: 24px;}
	.joinnow a {font-size: 1.6rem;}
	.sitelist{display: block;}
	.listright{margin-left: 0%;}
	.navbar-main.overlaphd{border-bottom: 1px solid var(--border-color);position: relative;}
	.btnsection{margin-bottom: 12px;}
	.textovervid h4{font-size: 2.5rem;}
}
@media screen and (max-width: 670px) {
	.scene-list{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.icon-title span {display: block;}
	.navbar-main{display: block;text-align: center;}
	.navbar-main .navbar-brand, .btnsection{display: block;text-align: center;}
	.navbar-brand img{width: 220px;}
	.quotes_container{padding: 0px 25px 15px;}
	.pagewidth{margin-top: 138px;}
}

@media screen and (max-width: 575px) {
	.icon-area {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.joinbutton{padding:0px;background: transparent;border-radius: 0px;}
	.joinbutton a{padding: 5px 15px;}
    .title-text{font-size: 20px;margin-bottom: 15px;padding-bottom: 3px;}
    .joinnow{padding: 1.5rem  0.625rem;}
    .joinnow a {font-size: 1.3rem;padding: 10px;width: 100%;}
    .icon-section {padding: 20px 15px;}
    .icon-section .icon-area:first-child, .icon-section .icon-area:nth-child(2) {margin-bottom: 20px;}
    .icon-section .icon-area{padding: 0px 5px;}
    .icon-title span {display: inline;}
    .quotes_container{padding: 0px 15px 15px;}
    .btnsection a{width: 150px;font-size: 16px;}
    .navbar-main{padding: 0rem 5px;}
    .textovervid h4{font-size: 2rem;line-height: 2rem;margin-bottom: .4rem;}
	.textovervid .vidbtn{font-size: 1.2rem;padding: 6px 30px;}
	.joinnow a{min-width: 100%;}
	.textovervid{bottom: 10%;margin-bottom: 0px;}
	.textovervid p{line-height: 1.2rem;font-size: 1.2rem;}
}
@media screen and (max-width: 350px) {
	.title-text{font-size: 18px;}
	.joinbutton a{padding: 10px 10px;}
	.btnsection a{width: 140px;}
	.navbar-brand img{width: 200px;}
	.textovervid h4{font-size: 1.8rem;line-height: 1.8rem;}
	.textovervid p{line-height: 1.1rem;font-size: 1.1rem;}
}