html {
  scroll-behavior: smooth;
}
a:hover {
	color: #333333;
}

/*Home page css styling START*/

.header-background .logod {
    margin-top: 0 !important;
}

/*
.logod {
    margin-top: -120px !important;
}
*/

/* Portfolio*/
.overlay-info .project-description {
    margin-bottom: 1.1rem;
    display: block;
    font-size: 1.2rem;
    opacity: 1;
    text-transform: none;
    font-weight: 400;
}
/* pagination */
.tms-bullet-nav {
    background-color: #4F4F4F !important;
}


.header .logo a {

    display: block !important;
    position: absolute;
    top: -60px;
    z-index: 9;

}

.header-background .logo a {
    top: 0;
}


.header .logo {
    width: 100px;
    margin-right: 0;
}

.footer-top .footer-logo {
    width: 15rem;
    margin-bottom: 2rem !important;
}

.footer {
    width: 100%;
    background:#242424;
    color:#fff;
}

.intro-title-1 .title-large {
    font-size: 4.2rem;
    line-height: 1;
    font-weight: normal;
}

span.title-large2 {
    font-weight: bold;
	color: red;
}

.intro-title-1 .title-large {
    font-size: 4.5rem;
    line-height: 1.3;
    font-weight: normal;
}

.side-navigation li {
    margin: 15px 0;
}

.header .logo img {
    margin: 0;
    width: 55%;
}
.header.width-auto{
	margin-top: -20px;
}
.header.width-auto, .header.width-auto .header-inner {
    width: 100%;
    background: #fff;
	
}

.side-navigation-wrapper {
    width: 30rem;
}


header.header.width-auto.header-fixed.header-fixed-on-mobile.header-transparent.header-animated.header-background {
    margin-top: -20px;
}

.header .navigation .nav-icon,
.header .navigation .nav-icon:hover 
{
    background: none;
}


.header-background .navigation .nav-icon,
.header-background .navigation .nav-icon:hover 
{
    color: #666;
}


/*Home page css styling END*/

/*About us Page style*/
.abt-text{
	font-size: 16px;
	line-height: 25px;
}
span.abt-bold{
	font-size: 18px;
	font-weight: bold;
}
.abt-text span.text15 a{
	color: #000;
}
.abt-text span.text15 a:hover{
	color: #db151c;
}


/* client logo*/
.logos-3 a, .logos-3 span {
    width: 100%;
    padding: 0px;
    opacity: 1;
    display: block;
}
/*About us Page style End */

/*Testimonials */
.section-block2 {
	padding-top: 5rem; 
    padding-bottom: 11rem;
}
.testimonial-text {
	font-size: 16px;
	line-height: 25px;
	padding: 0px 0px 50px 0px;
}
blockquote.medium, blockquote.medium p {
    font-size: 16px;
}

blockquote.avatar.medium span, blockquote.avatar.medium span img {
    width: 8rem;
    height: 8rem;
}
/*Testimonials */

/*Contact us */
.contact-heading{
	font-size: 40px;
	line-height: 50px;
}
p.contact-text-2 {
	font-size: 15px;
	margin-bottom: 0px;
	
}
span.contact-name {
	font-size: 18px;
	
}
.mail-text a{
	font-size: 15px;
	color: #9B9B9B;
}
.mail-text a:hover{
	font-size: 15px;
	color: #db151c;
}
.red{
	color: #db151c;
}
a, 
p a
{
	color: #444444;
	-webkit-transition-timing-function: cubic-bezier(.18,1,.21,1);
			transition-timing-function: cubic-bezier(.18,1,.21,1);
	-webkit-transition-duration: 900ms;
			transition-duration: 900ms;
}

/*Contact us End */


/*Inner page header styling START*/

.innerpagesf header.header.width-auto.header-fixed.header-fixed-on-mobile.header-transparent.header-animated.header-background {
    margin-top: 0;
}

.header.width-auto, .header.width-auto .header-inner .innerhead {
    width: 100%;
    background: none !important;
}
.innerhead .header-inner {
    background: none !important;
}

.inner-header-with-menu {
    height: 150px;
    background: #000;
    width: 100%;
}
.inner-header-with-menu .tm-slider-container {
    padding-top: 60px;
}
.inner-herader-menu li {

    float: left;
    margin-right: 3%;
}

.inner-herader-menu li a {
    color: #fff;
}


.inner-header-with-menu .title-large.color-white {
    font-size: 30px;
    padding-left: 15%;
    margin-bottom: 0;
    padding-bottom: 0;

}

.inner-header-with-menu .inner-herader-menu {
    padding-left: 10%;
}

.inner-header-with-menu .scrollmenu {
    padding-left: 14%!important;
    padding-top: 15px!important;
}


#navigation {
 padding: 0px 60px;
 text-align: left;
 font-size: 18px;
}

#navigation a {
  text-decoration: none;
  display: inline-block;
  text-align: center;
	 cursor: pointer;
  text-transform: uppercase;
  color: #eee;
  padding: 1px 0;
  margin: 0 10px;
  transition: all 0.15s ease-in-out;
}
a.hov-color-film.active,
a.hov-color-print.active,
a.hov-color-design.active,
a.hov-color-digital.active 
{
    color: red!important;
}
#film{
		padding:8vh 0 0 0;
}

#print,
#design,
#digital
{
	padding:8vh 0 3vh 0;
}

nav ul li a.active {
    border-bottom: 2px solid #ff0404;
    color: #ff0404;
}

.spy li a:hover {
	color: red;
}

.spy li a {
    font-size: 14px;
    font-weight: 100;
}


nav ul {
  padding: 20px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}
nav ul li {
  display: inline-block;
  margin: 0 10px;
}
nav ul li a {
  padding: 10px 0;
  color: #fff;
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
  transition: all 0.2s ease;
}
nav ul li a:hover {
  color: #34495E;
}

/*
a.active {
  border-bottom: 2px solid #ecf0f1;
}
*/

nav.spy {
    float: left;
    padding-left: 13%;
}


/*Inner page header styling END*/













/*mobile+tablet css styling START*/


@media (min-width: 0px) and (max-width: 978px) { 
    
    .header:not(.header-dark) .logo a:last-child {
    display: block!important;
     	}
    
    .logod {
    margin-top: 0!important;
    }
    
	.inner-header-with-menu .tm-slider-container {
    padding-top: 110px;
}
	
	.inner-header-with-menu {
    height: auto;
    background: #000;
    width: 100%;
}
	
#film, #print, #design, #digital {
    padding: 30vh 0 0 0;
    height: auto;
}
	
	#digital {
    height: 90vh;
}
	/*ravi*/
	.p-t15 {
		padding-top: 15px;
	}
	
	.abt-text{
	padding-top: 15px;
}
	
	.nav-bar-inner {
   
    position: relative;
    background-color: #ffffff;
    margin-top: -20px;
	}
	
	.pt-150, .section-block.pt-150 {
    padding-top: 11rem;
    padding-bottom: 5rem;
}
.intro-title-1 .title-large {
    font-size: 21px;
    line-height: 1.3;
    font-weight: normal;
}
	.grid-filter-menu {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
	
.contact-heading {
    font-size: 19px;
    line-height: 29px;
    padding-top: 20px;
}
	
    
}



/*mobile+tablet css styling END*/