/* Parallax rotation */

figure {
	margin: 0;
}
img {
	max-width: 100%;
	height: auto;
}
.ItemCard {
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: perspective(1000px) translate3d(0, 0, 0);
}
.ItemCard .cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ItemCard__dest {
  z-index: 30;
  display: block;
}
.ItemCard__thumb {
  position: relative;
  z-index: 3;
  padding: 0;
  transition: transform .2s;
}
.ItemCard__thumb img {
  display: block;
  transition: box-shadow 0.2s;
}
/* .ItemCard__layer {
  z-index: 10;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  background: #9d50bb;
  background: -moz-linear-gradient(120deg, #9d50bb 0%, #4096ee 100%);
  background: -webkit-linear-gradient(120deg, #9d50bb 0%, #4096ee 100%);
  background: linear-gradient(120deg, #9d50bb 0%, #4096ee 100%);
} */


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

/**
 * Hover state
 */
.ItemCard:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}
.ItemCard:hover .ItemCard__layer {
  opacity: .9;
}


.ItemCard,
.ItemCard__summary {
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
}
/* End Parallax Rotatiion*/








/* Typography */

@font-face {
    font-family: 'SweetSans-Bold';
    src: url('../fonts/SweetSans-Bold.eot');
    src: url('../fonts/SweetSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SweetSans-Bold.woff2') format('woff2'),
        url('../fonts/SweetSans-Bold.woff') format('woff'),
        url('../fonts/SweetSans-Bold.ttf') format('truetype'),
        url('../fonts/SweetSans-Bold.svg#SweetSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'NeueHaasGroteskTextPro-Bold';
    src: url('../fonts/NeueHaasGroteskTextPro-Bold.eot');
    src: url('../fonts/NeueHaasGroteskTextPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueHaasGroteskTextPro-Bold.woff2') format('woff2'),
        url('../fonts/NeueHaasGroteskTextPro-Bold.woff') format('woff'),
        url('../fonts/NeueHaasGroteskTextPro-Bold.ttf') format('truetype'),
        url('../fonts/NeueHaasGroteskTextPro-Bold.svg#NeueHaasGroteskTextPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Neue Haas Grotesk Text Pro';
    src: url('../fonts/NeueHaasGroteskTextPro.eot');
    src: url('../fonts/NeueHaasGroteskTextPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeueHaasGroteskTextPro.woff2') format('woff2'),
        url('../fonts/NeueHaasGroteskTextPro.woff') format('woff'),
        url('../fonts/NeueHaasGroteskTextPro.ttf') format('truetype'),
        url('../fonts/NeueHaasGroteskTextPro.svg#NeueHaasGroteskTextPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SweetSans-Regular';
    src: url('../fonts/SweetSans-Regular.eot');
    src: url('../fonts/SweetSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SweetSans-Regular.woff2') format('woff2'),
        url('../fonts/SweetSans-Regular.woff') format('woff'),
        url('../fonts/SweetSans-Regular.ttf') format('truetype'),
        url('../fonts/SweetSans-Regular.svg#SweetSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* // End typography */.slide-thumb


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; }

ul{list-style: none;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video{display: block;}

blockquote, q{quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after{content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
b, strong{font-weight: bold;}
[type="checkbox"], [type="radio"]{box-sizing: border-box; padding: 0;}
[type="search"]{-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}

.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
a img{border:0; width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;}
a,input,select,textarea{outline:none;}
img{width: auto; height: auto; max-width: 100%; vertical-align: bottom; border-style: none;}

/* Selection colours (easy to forget) */
img::selection{background: transparent;}
img::-moz-selection{background: transparent;}
a{text-decoration: none; display: inline-block;}

input[type='number']{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{-webkit-appearance: none;}
input::-moz-focus-inner{border:0; padding: 0; }
input:invalid,
input:required{box-shadow: none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none;}
input:required { box-shadow:none; }
input::-moz-focus-inner{box-shadow:0 0 0px transparent;}

/*		Default Layout
-------------------------------------------------------------------------------
*/



body{/*background: rgb(255,255,255);*/ background: #ffffff;  color: #ffffff; -webkit-text-size-adjust: 100%; -moz-text-size-adjust:100%; -moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased; overflow-x: hidden; overflow-y:auto; font-family: 'NeueHaasGroteskTextPro-Bold';font-weight: bold;font-size:15px;line-height: 22px;font-style: normal;}

*{-webkit-box-sizing: border-box;-moz-box-sizing:border-box; box-sizing: border-box;}

/* Global style */
h1, h2, h3{font-size: 70px;line-height: 80px;}
h2{font-size: 60px;line-height: 65px;}
h3{font-size: 55px;line-height: 65px;}

dfn, address, em{font-style: normal;}
label, input[type="submit"]{cursor: pointer;}
button:focus{outline: none;}
.btn{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.btn.large{}
.btn.medium{}
.btn.small{}
.transparent{}
.common-wrap{max-width: 1640px; margin: 0 auto; clear: both; padding: 0 120px;}
section, footer, header{float: left; width: 100%;}

body,html{height: 100%;}
.main-wrap{min-height: 100%; overflow: hidden;position: relative; overflow-x: hidden;}

/* Beginning header style */
.main-header-section{position: relative}
.logo-wrap{float: left;width:100%; }
.main-logo{position: fixed; right:7.5%; bottom: 84px; width: 60px;z-index: 100;}
.main-logo img{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.phone-nav{ float: right; width: 83px; top: 88px; position: fixed; z-index: 112; padding: 12px; right: 6.5%;cursor: pointer;}
.phone-nav > div{position: absolute;left: 12px; width:58px; height: 3px; background:#ffffff;top: 16px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.phone-nav > div:first-child{top: 4px}
.navShown .phone-nav > div:last-child{ -webkit-transform: rotate(-38deg); -moz-transform: rotate(-38deg); -o-transform: rotate(-38deg); transform: rotate(-38deg); top: 36px;left: 20px; }
.navShown .phone-nav > div:first-child { -webkit-transform: rotate(38deg); -moz-transform: rotate(38deg); -o-transform: rotate(38deg); transform: rotate(38deg); top: 1px;left: 20px;}
.navShown .phone-nav{height: 50px;}
.navShown .main-nav ul li {animation-name: titleAnimation; animation-timing-function: ease; animation-duration: .8s; opacity: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.navShown .main-nav ul li:nth-child(2) {animation-delay: 0.1s}
.navShown .main-nav ul li:nth-child(3) {animation-delay: 0.2s}
.navShown .main-nav ul li:nth-child(4) {animation-delay: 0.3s}
.navShown .main-nav ul li:nth-child(5) {animation-delay: 0.4s}
.navShown .main-nav ul li:nth-child(6) {animation-delay: 0.5s}
.main-nav{width: 100%;position: relative;}
.main-nav ul li{float: left; display:block;clear: both}
.main-nav ul li a{display: inline-block; font-size: 60px;line-height: 70px;color: rgba(255,255,255,0.5); text-transform: capitalize;padding-left: 110px;position: relative;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.main-nav ul li a:before{position: absolute; left: 0;content: ''; width: 65px;height: 4px; background: #ffffff; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.main-nav ul li a:hover,.main-nav ul li.current-menu-item a{color: rgba(255,255,255,1);}
.main-nav ul li a:hover:before,.main-nav ul li.current-menu-item a:before{opacity: 1; visibility: visible;}
.link-wrap{position: absolute; left:0; bottom: 84px; width: 100%; z-index: 5;}
.link-wrap a{display: inline-block; color: #ffffff;margin-left: 60px;}
.link-wrap a:first-child{margin-left: 0px;}
.link-wrap a:first-child{margin-left: 0px;}

/* Beginning  Common Style */
.discover-more,.slide-info h3,.slide-info a,.link-wrap a,.call-to-action-section span{ font-family: 'SweetSans-Bold';font-weight: bold;}
p{color: #B8A9A0}
 .main-nav ul li a{ font-family: 'NeueHaasGroteskTextPro-Bold'; font-weight: bold; font-style: normal;}
.black-bg{background: #1f1a17;}
.white-gray{background:#f6f3ef;}
.content-row,.title-text{float:left; width: 100%;}

.modal-wrap{position: fixed; left: 0; top: 0; width: 100%;height: 100%;z-index: 100; background-color: rgba(31,26,23,0.9);opacity: 0; visibility: hidden;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.modal-inner{float: left; width: 100%; display: table;height: 100%; height: 100vh;min-height: 750px;}
.modal-info{display: table-cell;vertical-align: middle;}
.navShown .modal-wrap{opacity: 1; visibility: visible;}
.modal-wrap .common-wrap{max-width: 1440px; padding: 0 20px;}

/* End Common Style */

.welcome-section{background-repeat: no-repeat; background-position: center center; background-size: cover; min-height:490px; height: 100vh; position: relative;background-attachment: fixed;}
.hero-info{position: absolute; left: 0; top: 0; width: 100%; height: 100%;bottom: 0;}
.welcome-section .common-wrap{position: relative; height: 100%;}
.hero-info h1{position: absolute; left:120px; top: 46.23%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);color: rgba(255,255,255,0);}
.hero-info h1 span:first-child{-webkit-text-fill-color: transparent; -webkit-text-stroke-color: #ffffff; -webkit-text-stroke-width: 1px;}
.hero-info h1 span{display: inline-block;overflow: hidden;position: relative;display: block;}
.hero-info h1 span:last-child{margin-top: -14px;}
.hero-info  h1 strong{clear: both;display: block;margin-left: 115px;color: #ffffff;}
.scrolled{display: none;}
.main-logo img {position: absolute; bottom: 0; right: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; opacity: 1;}
.change .main-logo .static{display: none; }
.change .main-logo .scrolled{display: block}
.change-Nav .phone-nav > div{background: #29221D}
.change-Nav.navShown .phone-nav > div{background: #ffffff;}
.navShown .main-logo{z-index: 110;}
.navShown .main-logo .scrolled, .navShown .main-logo .static {opacity: 0; }


/* //End header style */
.endy-film-info-section{padding:161px 0 87px;position: relative; }
.endy-film-info-section h2{color: #ffffff;position: relative; z-index: 10;opacity: 0.6;}
.endy-film-info-section a{margin-top: 52px;font-size: 15px;line-height: 22px;text-transform: uppercase;color: #ffffff;position: relative;z-index: 10;}
.rounded{position: absolute; left:50%; top: 50%;
	-webkit-transform: translate(-50%,-50%);
	 -moz-transform: translate(-50%,-50%);
	 transform: translate(-50%,-50%);
	 width: 750px;height: 750px;border-radius: 100%; clear: both; overflow: hidden;background:#342B26; z-index: 1;}
.rounded-wrapper{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0);}
.circle-bg-mobi {display: none;}
.film-info{float: left; width: 100%;position: relative; z-index: 10;margin-top: 105px;}
.endy-film-info-section .common-wrap{position: relative; height: 100%;max-width: 1800px; padding:0 241px 0 125px}
.based-content-section{padding-top: 181px;padding-bottom: 100px}
.based-content-section .title-text{width:52.07142857142857%; }
.text-info{float: left;width: 36.21428571428571%;margin-left: 3.714285714285714%;margin-top: 166px;}
.based-content-section .title-text span{position: relative; overflow: hidden; display: block}
.based-content-section .title-text h2,.clients-area-section .title-text h2{line-height: 60px;}
.clients-area-section{padding:313px 0 180px}
.clients-area-section .title-text{width:36.14285714285714%; }
.clients-area-section .text-text{width:36.14285714285714%; }
.clients-area-section .text-info{width:36%;margin-left: 3.857142857142857%;margin-top: 55px; }
.clients-area{float: left; width: 100%; margin-top: 60px;}
.client-item-row{position: relative; max-width: 1064px;width: 76%;padding: 0 18px 50px;
	display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-direction: row;
	    -ms-flex-direction: row;
	    flex-direction: row;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-align-content: flex-start;
	    -ms-flex-line-pack: start;
	    align-content: flex-start;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;}
.client-item-row:after{position: absolute; content:""; width: 100%; top: 50%; left: 0; height: 1px; background: #B8A9A0; transform:translateY(-50%); }
.client-item-row:last-child{padding-top:11px;}
.client-item{float: left; max-width: 133px; width:12.93774319066148%;margin: 47px 4.413910505836576%; }
.client-item:nth-child(5n+1){margin-left: 0px}
.client-item:nth-child(5n+5){margin-right: 0px}
.call-to-action-section{padding: 261px 0 221px;}
.call-to-action-section h2{    max-width: 922px; margin-top: 43px; color: #29221D; line-height: 60px;}
.call-to-action-section span{color: #29221D; text-transform: uppercase;}
.call-to-action-section h2 a{
	/* color: #807973; */
	transition: all 0.3s ease-in-out;
	color: rgba(128, 121, 115,1);
	-webkit-text-stroke: 1px rgba(128, 121, 115,1);
 }
.call-to-action-section h2 a:hover{
	 color: rgba(128, 121, 115,0);

}
.social-icon{float: left; width: 100%; margin-top: 55px;}
.social-icon a{float: left; opacity: 1; margin-left: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;}
.social-icon a:first-child{margin-left: 0;}
.social-icon a:hover {opacity: 0.7;}
.carousel-section{padding-top: 216px;position: relative; z-index: 5;padding-bottom: 40px;}
.carousel-section .common-wrap{position: relative;max-width: 1440px; padding: 0 20px;}
.bg{position: absolute; left: 20px; top: 0;bottom: 0;right: 20px;}
.bg:before,.bg:after{ position: absolute;left: 100%; right: auto; width: 100%; height: 110%; content: ''; top: -35px; bottom: 0; background: rgba(31, 26, 23, 0.6); z-index: 20;}
.bg:before{right: 100%; left: auto;background: #1f1a17;}
.carousel-wrap{float: left; width: 100%; position: relative;}
.carousel-inner {position: relative;}
.carousle-item{float: left; width: 100%;display: -webkit-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify;-webkit-box-align: center; align-items: center;}
.slide-thumb{float: left; max-width: 840px; width:69%; position: relative; z-index: 1;}
.slide-info{float: left; max-width: 507px; width:36.21428571428571%;margin-left: -5%;position: relative; z-index: 5;}
.slide-info h3{display: inline-block; width: auto;vertical-align: middle; color: #ffffff;}
.slide-info a.show-me {display: inline-block; text-transform: uppercase; margin-left: 20px;color: #ffffff;vertical-align: middle;font-size: 12px;line-height: 20px;margin-top: 13px;}
.slide-info p{float: left; width: 100%; margin-top: 23px; color: #B8A9A0;}
.carousel-info{float: left; width: 100%;}
.slick-dots{bottom: -77px;}
.angle-wrap,.bottom-angle{max-width: 840px; width: 80%;position: absolute; left: 0;top: 0; z-index: 20; transform: translate3d( 0, 0, 0 ); transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1)}
.angle-wrap {top: -15px;}
.bottom-angle{top: auto; bottom: 0}
.angle,.angle2{position: absolute; left:32px; top: 0; width: 67px;z-index: 50;}
.angle{top: -27px;}
.angle2{ right: 37px; bottom:30px; left: auto; top: auto;}
.angle:before,.angle:after,.angle2:before,.angle2:after{left: 0; top: 0;position: absolute; content: '';background: #ffffff;height: 6px; width: 100%; z-index: 5;}
.angle:after{left: 0; top: 0;height: 54px; width: 6px;}
.angle2:before{left: auto; right: 0;bottom: -60px;top: auto;}
.angle2:after{left: auto; right: 0; width: 6px; height: 54px; bottom: 0;float: right;}
.carousel-section .slick-list{overflow: visible;}
.slick-dots li{float: left; text-align: left;width: 12px;height: 12px;margin: 0 12px;}
.slick-dots li:first-child{margin-left: 0;}
.slick-dots li.slick-active button{background: #ffffff;border-color: #ffffff;}
.slick-dots li.slick-active button:before {display: none;}
.slick-dots li button{background:transparent;border: 1px solid #E6E5E3; border-radius: 100%; width: 100%; height: 100%;padding: 0;}



.hero-info h1 span{transform: translateY(150px); opacity: 0; animation-name: titleAnimation; animation-timing-function: ease; animation-duration: .8s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.link-wrap,.based-content-section .title-text span{animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);}
.based-content-section .title-text span{opacity: 1; -webkit-transform: translateY(150); -moz-transform: translateY(150); transform: translateY(150);}
.based-content-section.go-bottom .title-text span{animation-name: titleAnimationBottom; animation-timing-function: ease; animation-duration: .8s; opacity: 1;}
.link-wrap,.based-content-section.startAnimate .title-text span{opacity: 0; animation-name: titleAnimation; animation-timing-function: ease; animation-duration: .8s;}



.hero-info.go-top h1 span:first-child, .hero-info.go-top h1 span:last-child{ animation-name: titleAnimationTop; animation-timing-function: ease; animation-duration: .8s; opacity: 1; transform: translateY(0); }

.hero-info.go-top h1 span:first-child,.link-wrap.go-top,.based-content-section.go-top .title-text span{transition-delay: 0.4s;}
.hero-info.go-top h1 span:last-child{transition-delay: 0.2s;}

.hero-info h1 span:first-child{ animation-delay: 0.4s;}
.hero-info h1 span:last-child{ animation-delay: 0.5s;}


.link-wrap.go-top,.based-content-section.go-top .title-text span{opacity: 1;animation-name: titleAnimationTop; animation-timing-function: ease; animation-duration: .8s;}





.based-content-section.go-top .title-text span:first-child, .based-content-section.startAnimate .title-text span:first-child, .based-content-section.go-bottom .title-text span:nth-child(4){animation-delay: 0.4s;}
.based-content-section.go-top .title-text span:nth-child(2), .based-content-section.startAnimate .title-text span:nth-child(2), .based-content-section.go-bottom .title-text span:nth-child(3){animation-delay: 0.7s;}
.based-content-section.go-top .title-text span:nth-child(3), .based-content-section.startAnimate .title-text span:nth-child(3), .based-content-section.go-bottom .title-text span:nth-child(2){animation-delay: 0.9s;}
.based-content-section.go-top .title-text span:nth-child(4), .based-content-section.startAnimate .title-text span:nth-child(4), .based-content-section.go-bottom .title-text span:nth-child(1){animation-delay: 1.1s;}

/*
.based-content-section .title-text h2 span:first-child{animation-delay: 0.4s; -webkit-animation-fill-mode: forwards; }
.based-content-section .title-text h2 span:nth-child(2){animation-delay: 0.5s; -webkit-animation-fill-mode: forwards; }
.based-content-section .title-text h2 span:nth-child(3){animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; }
.based-content-section .title-text h2 span:nth-child(4){animation-delay: 0.7s; -webkit-animation-fill-mode: forwards; }*/

















    @keyframes titleAnimation {
        0% {
            transform: translateY(150px);
            opacity: 0;
            -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
        }

        100% {
            transform: translateY(0);
            opacity: 1;
            -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);

        }
    }


    @keyframes titleAnimationTop {
        0% {
            transform: translateY(0px);
            opacity: 1;
            -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
        }

        100% {
            transform: translateY(-100px);
            opacity: 0;
            -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);

        }
    }

    @keyframes titleAnimationBottom {
        0% {
            transform: translateY(0px);
            opacity: 1;
            -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
        }

        100% {
            transform: translateY(150px);
            opacity: 0;
            -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);
            clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);

        }
    }

.film-info.in-view h2, .based-content-section .title-text {opacity: 1}

.film-info.in-view,.call-to-action-section h2.animate.in-view, .based-content-section .title-text.in-view,.content-text h6.animate.in-view,.content-text h2.animate.in-view,.content-inner h6.animate.in-view,.content-inner h2.animate.in-view,.title-text h6.animate.in-view,.title-text h2.animate.in-view,.personal-info-text h6.animate.in-view,.personal-info-text h2.animate.in-view{
    animation: fadein 5s;
    -moz-animation: fadein 5s; /* Firefox */
    -webkit-animation: fadein 5s; /* Safari and Chrome */
    -o-animation: fadein 5s; /* Opera */

}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;

    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}





/* Beginning footer style */
.footer-nav{float: left; width:auto}
.footer-nav ul li{display: inline-block; margin: 0 25px; }
.footer-nav ul li:first-child{margin-left: 0;}
.footer-nav ul li:last-child{margin-right: 0;}
.footer-nav ul li a{font-size: 12px; color:#29221D; text-transform: uppercase; font-family: 'SweetSans-Bold'; font-weight: bold; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
.footer-nav ul li a:hover{color: #807973;}
.copyright{float: left; font-size: 12px;color: #807973;margin-left: 53px; font-family: 'SweetSans-Bold'; font-weight: bold;}
.main-footer-section{padding-bottom: 88px;}
/* //End footer style */



@keyframes a-ltr-after{
    0% {transform: translateX(-100%)}
    100% {transform: translateX(101%)}
}

@keyframes a-ltr-before{
    0% {transform: translateX(0)}
    100% {transform: translateX(200%)}
}


/* new style */
/* About*/
.desk{display: block}
.mobi{display:none;}
.lead-text{font-family: 'Neue Haas Grotesk Text Pro'; font-size:15px; line-height: 22px; color:#1f1a17; font-weight: normal; font-style:normal; padding-right: 3px;}

h4, h6{font-family: 'NeueHaasGroteskTextPro-Bold'; font-size: 25px; line-height: 32px; font-weight: normal; font-style: normal; color:#807973;}
h6{font-family: 'SweetSans-Bold'; font-size: 15px; line-height: 22px; color:#29221D; }

.about-content .welcome-section{background-attachment: inherit; }



.about-content .hero-info h1{width: 69.51219512195122%; top:50%; line-height: 65px; color: #ffffff;}

.info-section {float:left; width:100%; padding: 114px 0 106px;}
.info-inner { float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.works-info-section .lead-text{color:#B8A9A0; padding-right: 2px;}

.content-text{float:left; width: 39.85714285714286%; padding-right: 20px; margin-top:-35px;}
.content-inner{max-width: 506px;}
.content-inner h6{color:#ffffff;}
.content-inner h2{margin-top: 36px;}
.content-inner p{font-family: 'Neue Haas Grotesk Text Pro'; margin-top: 72px;}
.thumb-nail{float:left; width: 52.21428571428571%;}
.thumb-nail img{ width: 100%;}


.personal-info-section{float:left; width: 100%;position:relative;}
.personal-info-inner{float:left; width:100%; padding: 116px 0 177px;}
.personal-info-text{float:left; width:36.21428571428571%;}
.personal-info-text h6{margin-top: 102px;}
.personal-info-text h2, .personal-info-text p{color:#1f1a17; margin-top: 34px;}
.personal-info-text p{ margin-top: 54px;}

.personal-thumb-nail{width:45.1219512195122%; height:100%;background-repeat: no-repeat; background-size: cover; background-position: center center; position:absolute; top:0; right: 0;}

.about-content .clients-area-section {padding: 205px 0 112px; color:#1f1a17}
.about-content .clients-area-section .title-text{width:100%;}
.about-content .clients-area-section .title-text h2{margin-top: 23px;}
.about-content .clients-area-section .text-info{margin-left: 0; margin-top: 53px;}
/*.about-content .clients-area-section .text-info p{color:#1f1a17}*/
.about-content  .clients-area{margin-top: 30px;}
.about-content .client-item-row { padding: 10px 18px 32px;}
.projects-info-section{float:left; width:100%; position: relative; /*padding-left: 120px;*/ padding-left: 7.5%;}
.projects-info-inner{position:absolute; top: 0; left: 0; right: 0; bottom:0;}
.projects-info-inner:after{content:''; position:absolute; background-color: rgba(0, 0, 0, 0.8); width: 53.9%; top:0; left:0; bottom:0; z-index: 2}

.projects-slide-wrap{float: left;width: 100%;position: relative}
.projects-info-section {float: left;width: 100%;position: relative}
.projects-info-section:before{position: absolute; left: 0; top: 0; right: 0; bottom: 0;content: ''; width: 100%;background-image: url(../images/location-0.jpg);background-repeat: no-repeat; background-position: center center;background-size: cover;height: 100%;z-index: -1}
.projects-info-inner .content-inner{margin-top: 165px; position: relative; z-index: 10;max-width: 1640px;}
.content-holders{width: 36%;}
.projects-info-inner .content-inner .lead-text{color:#ffffff; margin-top: 36px;}
.projects-slide-item{float:left;width: 100%;  background-repeat: no-repeat; background-position: center center; min-height: 912px; position:relative;z-index: 500; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
/*.projects-slide-item:nth-child(even){width:48.68421052631579%}*/

.projects-slide-item h2{position: absolute; left: 88px; bottom: 48px;}
.direction-wrap{width:76px; height: 76px; position: absolute; top:50%;left: 50.5%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 10; cursor: pointer;}
.direction-wrap img{width:100%;}

.projects-slide-wrap.slick-dotted.slick-slider { margin-bottom: 0;padding-left: 7.317073170731707%;}
.product-info, .product-info .content-inner h6, .product-info .content-inner p{color:#1f1a17;}
.product-info .common-wrap{margin-top: 87px;}
.product-info .content-inner p{margin-top: 68px;}
.about-content .call-to-action-section{padding: 344px 0 221px;}
.about-page .social-icon{margin-top: 52px;}

/*.projects-slide{float: left; width: 100%;}*/

/* About*/
/* Commercial-HD*/

/*.commercial-content .welcome-section{min-height:  908px; height: 908px;}*/
.commercial-content .hero-info h1{top:72px; -webkit-transform: translate(0); -moz-transform: translate(0);transform: translate(0); color:#ffffff;}
.watch-wrap{width: auto; top:160px; left: 120px; position:absolute;}
.watch-wrap span{font-family: 'SweetSans-Bold'; color:#ffffff; font-weight: normal; font-style:normal; padding-left: 18px;}
.scroll-tigge-wrap{width:auto; position:absolute; left:120px; bottom:85px;cursor: pointer}
.scroll-tigge-wrap a{display: block; width:27px; }
.scroll-tigge-wrap span{float:left; width: auto;margin-top: 18px;text-transform: uppercase;}
.commercial-content .works-info-section {padding: 162px 0 159px;}
.commercial-content .works-info-section h2{color:#1f1a17; margin-top: 34px;}
.commercial-content .works-info-section .content-text{width:84%; margin-top: 0; padding: 0;}
.commercial-content .works-info-section .content-text .lead-text{max-width: 505px; margin-top: 60px; color:#1f1a17;}

.commercial-content .welcome-section{background-attachment: inherit}


.approach-table-wrap{float:left; width: 78.2%; margin-top: 63px;}
.approach-table-item{float:left; width:100%; border-bottom: 1px solid #C1C1C1;padding: 30px 32px 27px 22px;}
.approach-table-item h4{float:left; width: auto;}
.table-item-inner{float:right; width:auto}
.approach-table-item span{float:left; width:auto; font-family: 'Neue Haas Grotesk Text Pro';font-size:20px; line-height: 32px; font-weight: normal; font-style: normal; margin-left:65px; text-align: right; color:#807973}
.approach-table-item span:first-child{margin-left: 0;}
.still-gallary-wrap{float:left; width:100%; padding-top: 109px}
.still-gallary-wrap .common-wrap{padding-right: 200px;}
.still-gallary-inner{float:left; max-width: 1174px; margin-top: 10px;}
.still-gallary-item{float:left; width:24.02044293015332%; margin: 65px 6.984667802385009% 0;}
.still-gallary-item:nth-child(3n+1){margin-left: 0;}
.still-gallary-item:nth-child(3n+3){margin-right: 0;}

.commercial-content .call-to-action-section span, .commercial-content .call-to-action-section h2 {color:#ffffff;}
.dark-footer .footer-nav ul li a{color:#ffffff;}
.commercial-body .social-icon{margin-top: 51px;}

#videCont{max-width: 100%; padding: 100px 0 ; max-height: 100vh !important}


.mfp-iframe-holder .mfp-content{max-width: 100%;}


/* Commercial-HD*/


/* Contact */

.contact-content-wrap{float:left; width:100%;}
.contact-content-wrap h2{font-size:70px;}
.contact-content-inner{float:left; max-width: 1180px; margin-top: 263px;}

.contact-widget-wrap{float:left; width: 100%; padding: 70px 0 166px 9.322033898305085%;}
.contact-widget-item{float:left; width:31.4018691588785%; font-size:20px; line-height: 30px; margin-top: 30px; padding-right:20px;}
.contact-widget-item h6{color:#b8a9a0; padding-bottom: 38px;}
.contact-widget-item a, .contact-widget-item ul li a{display: block; font-family: 'NeueHaasGroteskTextPro-Bold';font-weight: bold;font-style: normal;color:#ffffff; }



/* Contact */



/* new style */




.footer-menu{display: none}
video.video-play{position: absolute; left: 0; top: 0; bottom: 0; right: 0;width: 100%; height: 100%;background-color: black}
#video-played{display: none}

.common-start .scrolled{display: block;}
.common-start .static{display: none;}
#closer_videopopup{width: 30px; cursor: pointer;}

.show-blackLogo .scrolled{display: block;}

.whitLogo-area .static{display:none}
.whitLogo-area.show-whitLogo .static{display:block}

/*
.blackNav-area .phone-nav,.whiteNav-area .phone-nav{display: none}
.blackNav-area.show-blackNav .phone-nav{display: block}
.blackNav-area.show-blackNav .phone-nav div{background: #000000}
.navShown .blackNav-area.show-blackNav .phone-nav div{background: #ffffff;}
.show-whiteNav.show-blackNav .phone-nav div{background: #ffffff}
*/


/* =======================================================================================================
============================================ Responsive style ========================================== */

/*		Mobile Layout: 320px and 480px and more but less than or equal to 767px.
----------------------------------------------------------------------------------
*/

@media only screen and (min-width: 320px) and (max-width: 767px) {
    input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}

		.main-logo, .phone-nav {position: absolute;}
		.main-logo img {bottom: auto;}
    .phone-nav{top: 55px; right: 20px;}
    h1{font-size: 40px;line-height: 50px;}
  /*  .welcome-section{min-height: 100vh;}*/
    .hero-info h1 strong{margin-left: 0;}
    .welcome-section{background-position: center right 20%;}
    .main-logo {right: auto; bottom: auto; width: 33px;top: 16px; left:20px;}
    .link-wrap{left: 0px; bottom: 45px;width: 100%;}
    .link-wrap a{margin-left: 22px;}
    h2,.based-content-section .title-text h2, .clients-area-section .title-text h2{font-size: 30px;line-height: 40px;}
		.rounded-wrapper {display: none;}
    .circle-bg-mobi{ 	display: block; left: 50%; top: 50%;
			-webkit-transform: translate(-50%,-50%);
			 -moz-transform: translate(-50%,-50%);
			 transform: translate(-50%,-50%);
			 border-radius: 100%; clear: both; overflow: hidden;background:#342B26; z-index: 1;

			width: 150%;height: 150%;	position:absolute;
			 margin: 0 auto; margin-top: 30px;}
    .based-content-section .title-text h2{font-size: 28px;}
    .film-info{position: relative; width: 100%; top: auto;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);margin-top: 30px;left: auto}
    .carousel-section,.call-to-action-section{padding: 30px 0;}
		.endy-film-info-section {padding:150px 0;}
		.based-content-section {padding-top: 75px; padding-bottom: 75px;}
		.based-content-section .title-text {width: 100%;}
		.based-content-section .title-text span {display: inline;  -webkit-clip-path:none ;
    clip-path: none;}
    .clients-area-section{padding-bottom: 209px; padding-top: 30px;}
    .text-info{width: 100%; margin: 30px 0 0 0;}
    .slide-thumb{width: 100%;}
		.carousel-section{padding: 40px 0 150px;}
    .carousel-section .slick-dotted.slick-slider{padding:0;margin: 0;}
    .slide-info{width: 100%; margin: 0; margin-top: 30px; max-width: 100%; text-align: center;}
    .slide-info h3{font-size: 35px;line-height: 34px; display: block;text-align: center;}
    .slide-info a{margin-left: 10px; display: block;text-align: center;}
		.slide-info p {text-align: center;}
    .angle-wrap, .bottom-angle{width: 100%;max-width: 100%; }
    .bottom-angle { top: 50%; bottom: auto; left: auto; right: 25px;}

		.slick-slide {padding-right: 15px;}
    .slick-slide img{width: 100%;}
    .carousle-item{display: block;}
    .angle {top: 0px;}
    .angle, .angle2{width: 30px;}
    .angle:after,.angle2:after{height: 30px;}
    .angle2{right: 20px;bottom: 20px;}
    .angle2:before{bottom:-30px;}
    .slick-dots{top: -51px; bottom: auto; text-align: center;}
		.slick-dots li {float: none;}

    .clients-area{margin-top: 10px;}
    .clients-area-section .title-text{width: 100%;}
    .clients-area-section .text-info{width: 100%; margin: 30px 0 0 0;}
    .client-item:nth-child(5n+1),.client-item:nth-child(5n+5),.client-item{width: 35%; float:none; margin: 0 auto; clear: both; overflow: hidden; margin-top: 30px;display: block}
    .client-item-row{width: 100%; max-width: 100%;padding: 0;text-align: center;border: 0; }
		.client-item-row:after {display: none;}
    .client-item-row:last-child{padding: 0;}
    .call-to-action-section{padding-top: 100px;}
    .call-to-action-section h2{ margin-top: 55px; line-height: 39px;}
    /*.footer-nav{display: none}*/
    .social-icon{margin-top: 55px;}
    .copyright{margin-left: 0;}
    .main-nav ul li a{font-size: 36px;line-height: 44px;padding-left: 0px;}
    .main-nav ul li a:before{display: none;}
    .modal-inner{min-height: 100%;}

    .common-wrap,.endy-film-info-section .common-wrap{padding: 0 20px;}
    .hero-info h1{left: 20px}

    
    
/* About */
    .desk{display: none;}
    .mobi{display: block;}
    
    .about-content .hero-info{position: relative; top: auto; left: auto; right: auto; bottom: auto;}
    .about-content .welcome-section{ min-height: 100vh; height: 100%; padding-bottom: 50px;}
/*    .about-content .welcome-section .common-wrap*/
    .about-content .hero-info h1 { width: 100%; position: relative; left: 0; top: 0; margin-top: 190px; font-size: 30px; line-height: 40px; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}
    
    .projects-info-section:before{display: none}
    
    .content-text{width: 100%; padding-right: 0;  margin-top: 0;}
    .content-inner {max-width: 100%}
    .info-section, .about-content .clients-area-section, .personal-info-inner, .commercial-content .works-info-section{padding:50px 0;}
    .thumb-nail, .personal-info-text h6 {width:100%; margin-top: 30px;}
    .content-inner h2, .content-inner p,.about-content .clients-area-section .text-info,.product-info .content-inner p, .personal-info-text p, .commercial-content .works-info-section .content-text .lead-text, .approach-table-wrap{margin-top: 20px;}
    .personal-info-text, .commercial-content .works-info-section .content-text{width:100%;}
    .about-content .clients-area{margin-top: 10px;}
    .product-info .common-wrap {margin-top: 0;}
    .approach-table-wrap{width: 100%;}
    
    .projects-info-section{padding-left: 0;}
    .projects-info-inner{position: relative; padding: 30px 20px; top: auto; bottom: auto;left: auto;right: auto;}
    .projects-info-inner .content-inner{width: 100%; left: 0; margin-top: 0px;}
    .about-content .projects-info-inner:after{width:100%;display: block}
    .about-content .call-to-action-section {padding:55px 0 0 0;}
    
    .projects-info-section .slick-slider { display: table; table-layout: fixed; width: 100%; }
    .projects-slide-item{min-height: 450px;}
    .content-holders{width: 100%;}
    .projects-info-inner .content-inner{padding: 0;}
    .projects-slide-item h2{left: 20px;}
/* About */
    
    /* Commercial-HD*/
    .commercial-content .hero-info h1{top:190px}
    .watch-wrap{left:20px; top:240px;}
    .scroll-tigge-wrap{left:20px;}
    .approach-table-item{padding:20px 15px;}
    .approach-table-item h4{width:100%; font-size: 16px; line-height: 20px;}
    .table-item-inner{float:left; width:100%; margin-top: 10px; }
    .approach-table-item span{font-size:16px; line-height: 20px;margin-left: 30px;}
    .approach-table-item span:last-child{float:right;}
    .still-gallary-wrap{padding-top: 50px;}
    .still-gallary-item { float: left; width: 29.320443%; margin: 15px 2.984668% 0; }
    .still-gallary-wrap .common-wrap{padding-right: 20px;}
    

    .projects-info-inner:after{display: none;}

/*  Contact */
    .contact-widget-wrap {padding: 50px 0 50px 0; }
    .contact-content-wrap h2{font-size: 40px; line-height:50px;}
   
    .contact-widget-item{width:100%; font-size:15px; line-height: 22px; padding-right: 0;}
    .contact-widget-item h6 {padding-bottom: 10px;}

/*  Contact */




	/* Footer style */
      .footer-nav{width: 100%;padding-top: 15px;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;transition: all 0.6s ease; height: 0;}
    .footer-logo{display: none;}
    .footerNav .footer-nav{-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0); height: auto}
    
    .footer-nav ul li{margin:10px 0; width: 100%; text-align: center; display: block;}

    .main-footer-section{padding-bottom: 50px;}

    
    

    .footer-menu{float: left; width: auto;display: block;margin-top: 58px; cursor: pointer}
    .footer-menu span{display: inline-block; font-size: 12px; line-height: 14px; color: #29221D; text-transform: uppercase;font-family: 'SweetSans-Bold';font-weight: bold;margin-left: 11px;vertical-align: middle}
    .fooer-menu-icon{ width: 27px; display: inline-block;vertical-align:  middle}
    .fooer-menu-icon div{float: left;width: 100%; height: 3px; background:#1F1A17; margin-top: 8px;}
    .fooer-menu-icon div:first-child{margin-top: 0;}
    .footer-black .footer-menu span{color: #ffffff;}
    .footer-black .fooer-menu-icon div{background: #ffffff}
  
    
    .film-info.in-view, .call-to-action-section h2.animate.in-view, .based-content-section .title-text.in-view, .content-text h6.animate.in-view, .content-text h2.animate.in-view, .content-inner h6.animate.in-view, .content-inner h2.animate.in-view, .title-text h6.animate.in-view, .title-text h2.animate.in-view, .personal-info-text h6.animate.in-view, .personal-info-text h2.animate.in-view{ animation:none; -moz-animation: none; -webkit-animation:none; -o-animation: none;}
    
    .hero-info h1,.link-wrap{-webkit-transition:none;-moz-transition:none;transition:none; -moz-animation: none;
  -webkit-animation: none;
  animation: none;opacity: 1}
/*    .hero-info h1 span:first-child{animation-delay:none}*/
    .hero-info h1 span { opacity: 1; animation-name:none; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -webkit-animation-fill-mode: none;-moz-animation: none; -webkit-animation: none; animation: none;-webkit-animation-play-state: paused;transform: translateY(0); }
}



/*		Wide Mobile Layout: 480px.
------------------------------------------------------------
*/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .hero-info h1{top: 51%}
    .link-wrap { left: 20px; bottom: 41px;}
    .link-wrap a{margin-left: 25px;}

    .based-content-section .title-text{width: 100%}
    .call-to-action-section h2{font-size: 41px; line-height: 42px;}
    .welcome-section{min-height: 340px;}
    
    .approach-table-item h4{width:auto; font-size: 20px;}
    .table-item-inner{float:right; width:auto; margin-top: 0; }
    .approach-table-item span:last-child{float:none}
    

    
    .contact-widget-item{width:48%; padding-right:10px;}
    .dark-footer .copyright{width:100%; text-align: center;}
    /* New style*/
    .scroll-tigge-wrap{bottom: 22px}
}

@media only screen and (max-width: 320px) {
    h1{font-size: 35px;}
    .rounded{width: 280px;height: 280px;}
    h2, .based-content-section .title-text h2, .clients-area-section .title-text h2{font-size: 24px;line-height: 34px;}
    .bottom-angle{bottom: 0}
    .carousel-section:after{width: 20px;}
    .link-wrap a{font-size: 13px;margin-left: 10px;}
    
}


/*		Tablet Layout: 768px.
-----------------------------------------------------------------
*/

@media only screen and (min-width: 768px) and (max-width: 991px) {
    input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}

    .welcome-section{/*min-height: 100vh;*/background-position: center right}
    .main-logo{bottom: 77px;}
    .footer-nav ul li{margin: 0 20px;}
    .hero-info h1, .watch-wrap, .scroll-tigge-wrap {left:40px;}
    h2{font-size: 44px;line-height: 55px;}
    .rounded{width: 730px; height: 730px;}
    .based-content-section .title-text{width: 79%;}
    .film-info{left: 0px;margin-top: 0;}
    .based-content-section{padding-top: 80px;padding-bottom: 100px;}
    .text-info{width: 80%; margin: 80px 0 0 0}
    .carousel-section{padding-top: 100px;}
    .bg{right: 40px;left: 40px;}
    .angle-wrap, .bottom-angle{width: 70%}
    .angle{left: 48px;}
    .bottom-angle {bottom: 0px;}
    .slide-info p{padding-right: 15px;}
    .slide-info { width: 53.214286%; margin-left: -37%;}
    .slide-info h3{font-size: 40px;line-height: 50px;}
    .carousel-section:before{width: 40px}
    .clients-area-section{padding: 80px 0}
    .clients-area-section .title-text{width: 51%;}
    .client-item-row{width: 100%;}
    .clients-area-section .text-info { width: 30%; margin-top: 23px;}
    .call-to-action-section{padding:100px 0;}
    .footer-nav{width: 100%;}
    .copyright{margin: 30px 0 0 0}

   /* .endy-film-info-section .common-wrap { padding: 0 209px 0 40px;}*/

     .common-wrap{padding: 0 40px;}
    .endy-film-info-section .common-wrap { padding: 0 159px 0 40px;}
    .clients-area{width: 84%}
    .call-to-action-section h2{width: 82%}
    .slick-dots{left: 28px}
    
    
    
    /* About */
    
    
    .about-content .hero-info{position: relative; top: auto; left: auto; right: auto; bottom: auto;}
    .about-content .hero-info h1 { position: relative; left: 0; top: 0; margin-top: 190px; font-size: 40px; line-height: 50px; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}
    
    .content-text{width:100%; margin-top: 0; padding-right: 0;}
    .thumb-nail { width: 100%; max-width: 560px;  margin-top: 30px;}
    .about-content .clients-area-section, .info-section, .commercial-content .works-info-section{padding: 70px 0;}
    .about-content .clients-area-section .text-info{width:100%; max-width: 506px; margin-top: 20px;}
    .product-info .common-wrap{margin-top: 0;}
    .product-info .content-inner p, .content-inner h2{margin-top: 20px;}
    .about-content .call-to-action-section{padding: 100px 0;}
    .projects-info-section{padding-left: 40px;}
    .projects-info-inner:after{width: 52.9%}

    .approach-table-wrap{width: 87%;}
    .approach-table-item span{margin-left: 30px;}
    .content-holders{width: 42%}
    .personal-info-inner{padding-bottom: 110px;}
    .personal-info-text { width: 48.214286%;}
    .projects-slide-item h2{left: 42px;}
    
    /* About */
    
    
    
    
    /* Cormmercial HD*/
    .still-gallary-item { width: 29.320443%; margin: 40px 2.984668% 0; }

    
    
    .still-gallary-wrap .common-wrap{padding-right: 136px;}
    
    
    /* Cormmercial HD*/
    
    /* Contact*/
    .contact-widget-wrap { padding: 70px 0 70px 9.322033898305085%; }
    .contact-widget-item{width:50%; padding-right:15px;}
    /* Contact*/

}


/*		Tablet Layout: 1024px.
-----------------------------------------------------------------
*/

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="number"],input[type="submit"],input[type="password"],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;}


    h2{font-size: 48px;}
    .based-content-section .title-text{width: 60%;}
    .text-info { float: left; width: 20.214286%; margin-top: 75px;}
    .common-wrap{padding: 0 40px;}
      .bg{right: 40px;left: 40px;}
    .based-content-section{padding: 80px 0;}
    .carousel-section{padding-top: 100px;}
    h3{font-size: 50px;}
    .slide-info {width: 39.214286%; margin-left: -24%;}
    .hero-info h1, .watch-wrap, .scroll-tigge-wrap{left: 40px;}
    .clients-area-section{padding: 100px 0;}
    .clients-area-section .title-text{width: 44%;}
    .call-to-action-section{padding: 100px 0;}
    /*.welcome-section{min-height: 770px;}*/
    .anagle-wrap, .bottom-angle{width: 58%}
    .bottom-angle{width: 70%}
    .footer-nav ul li{margin: 0 18px;}
    .film-info{left: 0px;}
    .call-to-action-section h2{font-size: 60px;}


    .endy-film-info-section .common-wrap { padding: 0 190px 0 40px;}
    .call-to-action-section h2{width: 88%}
    .film-info{margin-top: 0;}
.personal-info-inner{padding-bottom: 110px;}
    .about-content .clients-area-section,.about-content .call-to-action-section{padding-top: 100px;}
    



}
@media only screen and (min-width:1280px) and (max-width: 1366px) {
    /*.main-logo{bottom: 206px;}*/
    /*.welcome-section{min-height: 720px;}*/
    .common-wrap{padding: 0 80px;}
    .hero-info h1{left: 80px;}
    .endy-film-info-section .common-wrap { max-width: 1800px; padding: 0 210px 0 80px;}
    .carousel-section .common-wrap{padding: 0 80px;}
    .bg{left: 80px;right: 80px;}
    .slide-info{margin-left: -15%;}
    .clients-area-section .text-info{width: 35%}
}


@media only screen and (min-width:1025px) and (max-width: 1360px) {
    .slide-info{margin-left: -15%}
    .clients-area-section .title-text { width: 48.142857%;}
    .clients-area-section .text-info{width: 35%}
    .based-content-section .title-text{width: 100%; max-width: 740px;}
    .text-info{width: 40%; margin:60px 0 0 0;}
}

@media only screen and (min-width:1025px) and (max-width: 1230px) {
     .bottom-angle{width: 70%}
}
@media only screen and (min-width:1300px) and (max-width: 1390px) {
    .based-content-section .title-text{width: 58%}
    .text-info{ margin-left: 40px; width: 28%; margin-top: 144px;}
    .clients-area-section .title-text{width: 40%}
}
/* LAPTOP SCREENS */
@media only screen and (max-width: 1440px) {
	.main-logo {width: 45px;}
}
@media only screen and (min-width: 768px) and (max-height: 700px) {
	.modal-info {vertical-align: top; padding-top: 20px;}
}