html{
height:100%;
}
body {
padding-top: 54px;
color: #868e96;
height:100%;
background:#000;}
.custom-logo {
max-width: 100%;
height: auto;
width: 100%;
}
.home-bck{
height: 100%;
width: 100%;
background-size: cover;
background: #000;
color:#fff;
}
.right-side{
height:100%;
}
#page{
height:100%;
}
.navbar-nav li a {
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-weight: 900;
background-color: #ac4330;
color: #fff;
width: 100%;
float: left;
font-size:21px;
padding: 0px 10px;
}
.navbar-nav li:nth-child(2) a{
background-color:#769992;
}
.navbar-nav li:nth-child(3) a{
background-color:#ecaf16;
}
.navbar-nav li:nth-child(4) a{
background-color:#0caad1;
}
.navbar-nav li:nth-child(5) a{
background-color:#242f2b;
}
.navbar-nav li a:hover, .navbar-nav li a:focus, .navbar-nav li.current-menu-item a{
text-decoration:none;
background-color:#000000;
}
.social-icons {
list-style: none;
width: 100%;
float: left;
padding: 0;
margin-top: 1rem;
margin-bottom: 1rem;
display:none;
}
.downlaad-cv-botton {
margin-bottom: 10px;
margin-top: 20px;
text-decoration: none;
font-size: 14px;
color: #ba9a07;
float: left;
width: 100%;
font-weight: bold;
}
.downlaad-cv-botton:hover{
text-decoration:none;
}
.social-icons li{
float:left;
}
.social-icons li a {
font-size: 24px;
color: #000;
margin-right: 15px;
}
.header-content-box {
width: 100%;
float: left;
margin-bottom: 1.5rem;
}
.header-content-box h6{
font-size:13px;
font-family: 'Lato', sans-serif;
font-weight:700;
margin-bottom: 2px;
}
.header-content-box p{
font-size:13px;
font-family: 'Lato', sans-serif;
color:#000;
}
.red-title{
color:#cf1313;
}
.blue-title{
color:#25b8ef;
}
.yellow-title{
color:#ba9a07;
}
.home-heading{
font-size:56px;
font-family: 'Gobold Regular';
color:#fff;
margin-left: -8px;
}
.home-section-content{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.home-section {
position: relative;
height: 100%;
min-height: 100vh;
padding: 5rem;
}
.director-name{
font-size:18px;
color:#fff;
font-family: 'Gobold Regular';
}
.home-section-content a{
font-family: 'Gobold Regular';
color:#fff;
font-size:18px;
}
.home-section-content .date{
font-family: 'Gobold Regular';
color:#fff;
font-size:48px;
}
.vartical-line{
height:250px;
width:3px;
background-color:#fff;
display:block;
margin-left:10px;
}
.bottom-header-image {
margin-top: 1rem;
width: 100%;
float: left;
}
.general-section {
height: 100%;
background: #000;
color: #fff;
background-size: cover;
}
.general-section .container{
height:100%;
}
.general-section .row{
height:100%;
}
.general-section .col-md-3{
height:100%;
}
.inner-box-image {
height:100%;
background-size:cover;
background-repeat:no-repeat;
}
.heading{
font-size:35px;
font-weight:900;
text-transform:uppercase;
color:#fff;
font-family: 'Montserrat', sans-serif;
}
.general-section p{
margin-bottom:1rem
}
.genereal-content{
/*background-image:url('../images/L.jpg');*/
background-repeat:no-repeat;
background-position:top left;
margin-top: 1.5rem;
}
.col-md-11.col-sm-11.p-r-0 {
padding-right: 0;
padding-left: 15px;
padding-top: 1rem;
}
.social-icons-vertical {
list-style: none;
text-align: center;
padding: 0;
margin-top: 15rem;
display:none;
}
.social-icons-vertical li a {
font-size: 24px;
color: #fff;
margin-bottom: 10px;
display: inline-block;
}
.commercial-box p{
margin-bottom:0px;
}
.commercial-box p:nth-child(3){
margin-bottom:10px
}
.commercial-box p:last-child{
margin-top:10px;
}
.album-area{
width:100%;
text-align:center;
}
.album-details {
text-align: center;
margin-bottom: 10px !important;
display: inline-block;
margin: 0 auto;
}
.album-details h3 {
font-size: 19px;
display: block;
color: #fff;
font-family: 'Montserrat', sans-serif;
padding: 5px 15px;
}
.a-title{background-color: #ac4330;}
.a-director{background-color: #769992;}
.a-production{background-color: #ecaf16;}
.navigation.post-navigation {
clear: both;
}
.nav-links {
width: 100%;
float: left;
clear: both;
margin-bottom: 15px;
}
.nav-previous {
float: right;
width: 50%;
text-align: right;
}
.nav-next {
float: left;
width: 50%;
text-align: left;
}
.post-navigation > .screen-reader-text{
display:none;
}
.nav-links a{
background-color: #fff;
color:#000;
padding: 5px 25px;
}
.nav-links a:hover, .nav-links a:focus{
background-color: #333;
text-decoration:none;
color:#fff;
}
.video-folio{
margin-bottom:30px;
}
@media (min-width: 767px) {
body {
padding-top: 0;
padding-left: 21rem;
}
#sideNav {
position: fixed;
top: 0;
left: 0;
display: flex;
flex-direction: column;
width: 21rem;
height:100%;
min-height:100vh;
}
.nav-inner{
padding: 2rem;
}
#sideNav .navbar-brand {
display: flex;
margin: auto auto 0;
padding: 0.5rem;
}
#sideNav .navbar-collapse {
display: flex;
align-items: flex-start;
flex-grow: 0;
width: 100%;
margin-bottom: auto;
margin-top: 2rem;
}
#sideNav .navbar-collapse .navbar-nav {
flex-direction: column;
width: 100%;
}
#sideNav .navbar-collapse .navbar-nav .nav-item {
display: block;
}
#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
display: block;
}
}
section.resume-section {
border-bottom: 1px solid #dee2e6;
padding-top: 5rem !important;
padding-bottom: 5rem !important;
}
section.resume-section .resume-item .resume-date {
min-width: none;
}
.bottom-header-image img{
max-width:100%;
height:auto;
}
.image-box {
width: 11.18%;
float: left;
margin-right: 1.5%;
margin-bottom: 1.5%;
}
#video-gallery .image-box:nth-child(8n){
margin-right:0px;
}
.folio-row .image-box:nth-child(8n){
margin-right:0px;
}
.image-box img{
max-width:100%;
height:auto;
width: 100%;
}
.folio-row .image-box img {
max-width: 100%;
min-height: 100%;
width: auto;
max-height: 150px;
height: auto;
}
.demo-gallery > ul > li {
width: 11.18%;
float: left;
margin-right: 1.5%;
margin-bottom: 1.5%;
}
.demo-gallery > ul > li:nth-child(8n){
margin-right:0px;
}
.demo-gallery > ul > li a > img {
-webkit-transition: -webkit-transform 0.15s ease 0s;
-moz-transition: -moz-transform 0.15s ease 0s;
-o-transition: -o-transform 0.15s ease 0s;
transition: transform 0.15s ease 0s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
height: auto%;
max-width: 100%;
width:100%;
}
.business-inner-box {
position: relative;
}
#video-gallery .image-box .business-inner-box .demo-gallery-poster {
background-color: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 35%;
-webkit-transition: background-color 0.15s ease 0s;
-o-transition: background-color 0.15s ease 0s;
transition: background-color 0.15s ease 0s;
text-align:center;
}
.demo-gallery-poster img{
max-width:35%;
}
#fancybox-content {
border: 5px solid black !important;
}
#fancybox-outer {
padding-right: 0px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.wistia-fancybox .fancybox-opened {
z-index: 123499999 !important;
}
.mCSB_container{
width:100%;
}
.header-content-box p a{
font-size: 13px;
font-family: 'Lato', sans-serif;
color: #000;
text-decoration:none;
}
.header-content-box p a:hover{
text-decoration:none;
color:#25b8ef;
}
.mobile-head{
display:none;
}
@media (max-width: 767px) {
.fixed-top{
position:relative;
width:100%;
padding: 15px;
}
.mCSB_scrollTools{
display:none !important;
}
.home-bck {
background-position: top;
}
.header-content-box{
display:none;
}
.social-icons{
display:none;
}
.bottom-header-image{
display:none;
}
.home-heading{
font-size:36px;
}
.home-section-content .date{
font-size: 26px;
margin-left: 0px;
}
.vartical-line{
height:80px;
}
.director-name{
font-size:24px;
}
.mCustomScrollBox{
overflow: visible;
}
.mCSB_container {
width: 100%;
overflow: visible;
}
.navbar-toggler {
float: right;
padding: 10px 10px 5px;
background: #000;
border-radius: 0;
}
.navbar-toggler-icon {
height: 2px;
background: #fff;
display: block;
margin-bottom: 5px;
}
body{
padding-top:0px;
font-size:16px !important;
}
.custom-logo {
width: auto;
max-width:75%;
}
.navbar-toggler{
float:right;
}
#navbarSupportedContent {
position: absolute;
left: -15px;
right: -15px;
top: 63px;
}
.home-section{
padding: 2rem;
height: 100%;
min-height: 100%;
}
.p-5 {
padding: 2rem !important;
}
.image-box {
width: 31.33%;
float: left;
margin-right: 3%;
margin-bottom: 3%;
}
#video-gallery .image-box:nth-child(3n){
margin-right:0px;
}
.social-icons-vertical{
margin-top: 0rem;
float: right;
}
.social-icons-vertical li{
float:left;
margin-left:15px;
}
.general-section {
width: 100%;
float: left;
}
.heading{
font-size:24px;
}
.col-md-11.col-sm-11.p-r-0 {
padding-right: 0;
padding-left: 0;
padding-top: 0;
}
.general-section .col-sm-9.p-5{
padding: 1rem !important;
}
.folio-row .image-box:nth-child(3n){
margin-right:0px;
}
.demo-gallery > ul > li {
width: 31.33%;
float: left;
margin-right: 3%;
margin-bottom: 3%;
}
.demo-gallery > ul > li:nth-child(3n){
margin-right:0px;
}
.folio-row .image-box:nth-child(8n) {
margin-right:3%;
}
.demo-gallery > ul > li:nth-child(8n) {
margin-right: 3%;
}
#video-gallery .image-box:nth-child(8n) {
margin-right: 3%;
}
.album-details h3 {
font-size:16px;
}
.nav-previous{
width:100%;
margin-bottom: 15px;
text-align: center;
}
.nav-next{
width:100%;
text-align: center;
}
.mobile-head {
display: block;
width: 100%;
clear: both;
background: #fff;
float: left;
position: relative;
padding: 0 1rem;
margin-top: 15px;
margin-bottom: 15px;
}
.mobile-head > .header-content-box{
display:block;
}
}
@media (min-width: 767px) {
section.resume-section {
min-height: 100vh;
}
section.resume-section .resume-item .resume-date {
min-width: 18rem;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
#sideNav {
width: 17rem;
height: 100%;
min-height: 100vh;
}
body {
padding-left: 17rem;
}
.general-section .col-md-3 {
height: 100%;
width: 100%;
float: left;
max-width: 100%;
flex: 100%;
}
.general-section .col-md-9{
height: 100%;
width: 100%;
float: left;
max-width: 100%;
flex: 100%;
padding: 1rem !important;
}
.home-bck{
background-position:center;
}
.image-box {
width: 23.5%;
float: left;
margin-right: 2%;
margin-bottom:2%;
}
#video-gallery .image-box:nth-child(4n) {
margin-right: 0%;
}
.folio-row .image-box:nth-child(4n) {
margin-right: 0%;
}
.demo-gallery > ul > li{
width: 23.5%;
float: left;
margin-right: 2%;
margin-bottom: 2%;
}
.demo-gallery > ul > li:nth-child(4n) {
margin-right: 0%;
}
.home-section {
height: 100%;
min-height:100%;
padding: 3rem;
}
.vartical-line{
height:150px;
}
.home-heading {
font-size:72px;
}
.album-details h3 {
font-size: 16px;
}
.mobile-head{
display:none;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.home-section {
height: 100%;
min-height:100%;
padding: 3rem;
}
.home-heading {
font-size:72px;
}
.vartical-line{
height:150px;
}
.image-box {
width: 15.41%;
float: left;
margin-right: 1.5%;
margin-bottom: 1.5%;
}
#video-gallery .image-box:nth-child(6n) {
margin-right: 0%;
}
#video-gallery .image-box:nth-child(8n) {
margin-right: 1.5%;
}
.folio-row .image-box:nth-child(6n) {
margin-right: 0%;
}
.folio-row .image-box:nth-child(8n) {
margin-right: 1.5%;
}
.demo-gallery > ul > li{
width: 15.41%;
float: left;
margin-right: 1.5%;
margin-bottom: 1.5%;
}
.demo-gallery > ul > li:nth-child(6n) {
margin-right: 0%;
}
.demo-gallery > ul > li:nth-child(8n) {
margin-right: 1.5%;
}
.mobile-head{
display:none;
}
}
@media (min-width: 992px) {
section.resume-section {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
}
.bg-primary {
background-color: #fff !important;
}
.text-primary {
color: #BD5D38 !important;
}
a {
color: #BD5D38;
}
a:hover, a:focus, a:active {
color: #824027;
}