@font-face
{
    font-family: TCV;
    src: url("../fonts/tt0503m_.ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: TCV_TITLE;
    src: url("../fonts/tt0524m_.ttf");
    font-weight: normal;
    font-style: normal;
}
a
{
    text-decoration: none;
    color: #FFF;
}
*
{
    margin: 0;
    padding: 0;
}
html, body
{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: TCV;
}
.iframe_container{
	margin:60px;
}
.ismobile .iframe_container{
	margin:30px 5px;
}
#model {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10000;
	background-color: rgba(0,0,0,0.4);
	display: none;
}
#loader {
	position: absolute;
	z-index: 10001;
	text-align: center;
	display: none;
	padding: 10px 10px 5px 10px;
	background-color: #fff;
}
#loader img {
	display: inline-block;
}
#loader label {
	font-size: 12px;
	color: #000;
}
.mp0{
	margin:0;
	padding:0;
}
.pl10{
	padding-left:10px;
}
.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.pb15{
	padding-bottom:15px;
}
.pb20{
	padding-bottom:20px;
}
.pb25{
	padding-bottom:25px;
}
.pr30{
	padding-right:30px;
}
.pr45{
	padding-right:45px;
}
.hidden{
	display:none;
}
.textcenter{
	text-align:center;
}
.menupage_content_in{
	position:relative;
}
.ismobile .menupage_content_in{
	padding-left: 15px;
}
.menupage_shadow{
	box-shadow: 3px 7px 5px rgba(0, 0, 0, 0.12);
}
.textbold{
	font-weight:bold;
}
/*Mobile device start*/
.ismobile .header-div{
	height:45px;
}
.ismobile img.logo{
    width: 95px;
    margin-top:0px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.scrolling.ismobile img.logo{
    width: 60px;
}
.ismobile .menu-div{
	height: 60px;
    top: 45px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.scrolling.ismobile .menu-div{
	height:38px;
	/*top:40px;*/
}
.ismobile .menu-div .navbar-toggle{
	margin: 3px 15px;
	padding:0;
}
.ismobile .panel-wrapper{
	/*overflow-y:scroll;*/
	height:auto;
	margin-top:103px;
	position:static;
}
.scrolling.ismobile .panel-wrapper{
	/*margin-top: 98px;*/
}
html.ismobile{
	height:auto;
}
html.ismobile body{
	height:auto;
}
.wrapper-div.ismobile{
	height:auto;
}
.ismobile.panels{
	/*position: static;*/
	position: relative;
	height:100%;
}
.ismobile .content-div{
	position:relative;
}
.ismobile .view-content-main{
	position:relative;
}
.ismobile .footer{
	position: static;
}
.ismobile .panels[data-stage="4"] .text{
	opacity:1;
}
.ismobile .fish-container{
	margin-top:35%;
	right:5%;
}
.ismobile.expanded .fish-container{
	margin-top:0;
}
.ismobile .panels .fish{
	display:none;
}
.ismobile .mobilefish{
	width:100%;
}
.ismobile .mobilefish img{
	width:100px;
	box-shadow: 0 69px 22px -4px rgba(0, 0, 0, 0.21);
}
.ismobile .mobilefish.bigfish img{
	box-shadow: 0 90px 10px 0px rgba(0, 0, 0, 0.21);
}
.ismobile .indexing{
	display:none;
}
.ismobile .social-icons-hidden{
	top:42px;
	display:none;
}
.ismobile .menu{
	top:40px;
	display: none;
}
.ismobile .navbar-toggle{
	margin: 7px 7px 0;
    padding: 2px;
}
.ismobile .footer .table{
	margin:0;
}
/*Mobile device end*/

/*Header start*/
.social-icons{
	position:absolute;
	right:0;
	top:13px;
	font-size:20px;
}
.social-icons a, .social-icons-hidden a{
	float: left;
	margin: 0 3px;
}
.social-icons-hidden{
	display:none;
	position:absolute;
	font-size:20px;
	top:88px;
	left:10px;
}
.social_icon{
	background-repeat: no-repeat;
	width: 24px;
	height:24px;
}
.facebook{
	background-image: url("../images/facebook-icon.png");
}
.twitter{
	background-image: url("../images/twitter-icon.png");
}
.vimeo{
	background-image: url("../images/vimeo-icon.png");
}
.social_icon:hover{
	transform: scale(0.9);
}
/*.social-icons a:hover, .social-icons-hidden a:hover{
	color:#7EBFDC;
}*/
.center-content
{
    margin: 0 auto;
    height: 100%;
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
}
.header-div
{
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 0;
    box-shadow: 3px 7px 5px rgba(0, 0, 0, 0.12);
    position: fixed;
    top: 0;
    z-index: 11;
    text-align:center;
    background-color: #FFF;
}
.logo-div
{
    width: 100%;
    text-align: center;
    height: 65px;
    position: fixed;
    top: 75px;
    z-index: 10;
    border-bottom:1px solid #8bd4f4;
}
.logo{
	cursor: pointer;
    margin-top: 15px;
    width: 143px;
}
.logo-div img
{
    width: 125px;
    -webkit-filter: drop-shadow(0px 6px 3px rgba(0, 0, 0, 0.2));
    margin-top: -50px;
}
.menu{
	position:fixed;
	left:0;
	top:75px;
	z-index:10;
	font-family:TCV_TITLE;
	width:100%;
}
.menu-ul
{
    position: absolute;
    top: 30px;
    left: 20%;
}
.menu-ul li
{
    display: inline-block;
    position: relative;
    width: 100px;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{
	background-color:#8dd7f7;
	color:#fff;
	border-bottom:1px solid #fff;
}
.menu-div
{
	font-family:TCV_TITLE;
    width: 100%;
    height: 40px;
    position: absolute;
    background-color: #8DD7F7;
    position: fixed;
    top: 80px;
    z-index: 10;
}
.menu-shadow{
	box-shadow: 3px 7px 5px rgba(0, 0, 0, 0.12);
}
.desktop .menu_mobile{
	display:none;
}
.menu_mobile{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	font-size:11px;
}
.menu_mobile_in{
	margin: 0px auto;
	display: table;
}
.menu_mobile .nav li{
	float:left;
	padding: 0 15px;
}
/*Header End*/
.wrapper-div
{
    width: 100%;
    height: 100%;
    position:relative;
    overflow:hidden;
}
.innerpages.wrapper-div{
	overflow-y:scroll;
}
.arrow-top{
	bottom: 15px;
    cursor: pointer;
    font-size: 30px;
    position: absolute;
    right: 12%;
    z-index: 15;
    color:#fff;
    display:none;
}
.arrow-top:hover{
	color:#8DD7F7;
}
.desktop .arrow-top.active{
	display:block;
}
.panel-wrapper
{
    display: block;
    width: 100%;
    top: 120px;
    position:absolute;
    left:0;
    bottom:0;
}
.panel-wrapper .innerpage{
	width:70%;
	text-align:left;
	margin:0 auto;
}
.innerpages .panel-wrapper{
	background-color:#8dd7f7;
	color:#fff;
	position:unset;
	padding:180px 0 40px;
	font-size:16px;
}
.innerpage ul{
	list-style:none;
}
.innerpage.contact{
	color:#fff;
	font-size:12px;
}
.innerpage .contactform{
	margin:0 auto;
	width:60%;
}
.contactform .formbox{
	border:2px solid #7e6a55;
	width:100%;
	height:120px;
}
.contactform textarea{
	background: transparent none repeat scroll 0 0;
    border: 0 none;
    /*box-shadow: none;*/
    height:105px;
    resize:none;
}
.contactform .hasError .formbox{
	border-color:#a94442;
}
.contactform textarea:focus{
	box-shadow: none;
}
.contactform .btn{
	background-color: #8dd7f7;
    border: 0 none;
    color: #7e6a55;
    padding:0 12px;
}
.contactform .btn.active.focus, .contactform .btn.active:focus, .contactform .btn.focus, .contactform .btn.focus:active, .contactform .btn:active:focus, .contactform .btn:focus{
	box-shadow:none;
	outline:none;
}
.panels{
	width:100%;
	left:0;
	box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.75);
	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    justify-content: center;
    overflow:hidden;
    min-height: 50px;
}
.desktop .panels{
	position:absolute;
	height:70%;
	top:-100%;
}
.branding-panel
{
    background-color: #FFCB08;
    z-index: 6;
}
.advertising-panel
{
    background-color: #F06277;
    z-index: 5;
}
.interactive-panel
{
    background-color: #A679B3;
    z-index: 4;
}
.films-panel
{
    background-color: #71577F;
    z-index: 3;
}
.communication-panel
{
    background-color: #514C69;
    z-index: 2;
}
.communication-panel.active-page{
	top:0 !important;
}
.footer
{
	width:100%;
	height:30%;
	left:0;
	top:70%;
	box-shadow: 2px 2px 24px 2px rgba(0, 0, 0, 0.75);
    display: flex;
    justify-content: center;
    background-color: #847058;
    z-index: 1;
}
.footer .container{
	width:100%;
}
.address_break{
	display: none;
}
.copyright{
	display: table-row;
	color:#9f8b76;
	text-align:center;
	font-size:11px;
}
.ismobile .copyright{
	font-size:10px;
}
.address{
	display:table-row;
	color:#8DD7F7;
	text-align:center;
}
.address a{
	color:#8DD7F7;
}
.ismobile .address{
	font-size: 12px;
}
.top{
	display:table-cell;
	vertical-align: top;
	padding:10px;
}
.middle{
	display:table-cell;
	vertical-align: middle;
	padding:10px;
}
.footer .middle, .footer .top{
	padding:10px 40px 10px 10px;
}
.footer .height100{
	height:100%;
}
.table{
	display:table;
}
.desktop .footer{
	position:absolute;
}
.innerpages .footer{
	position:unset;
}
.fish-container-main{
	position:relative;
}
.ismobile .fish-container-main{
	height:auto !important;
}
.fish-container{
	position:absolute;
	right:15%;
	top:40%;
	-webkit-transition: all 1.2s ease-out;
    -moz-transition: all 1.2s ease-out;
    -o-transition: all 1.2s ease-out;
    transition: all 1.2s ease-out;
}
.fish{
	max-width:135px;
	animation-delay:1s;
	animation-duration:3s;
	position:relative;
}
.fish.interactive{
	max-width:145px;
}
.fish.communication{
	max-width:165px;
}
.fish.films{
	max-width:120px;
}
.panels .fish{
	opacity:0;
}
.ismobile.panels .fish{
	opacity:1;
}
.branding-panel .fish{
	opacity:0;
}
.fish img{
	width:100%;
	box-shadow:0 80px 30px -20px rgba(0, 0, 0, 0.1);
}
.fish img.fishbig{
	box-shadow:0 97px 30px -20px rgba(0, 0, 0, 0.1);
}
.desktop .mobilefish{
	display:none;
}
.panels.active-page .fish-container{
	z-index:8;
}
/*Animation Start*/
.desktop .panels.active-page{
	top:0;
	box-shadow: 0px 45px 177px -8px rgba(0, 0, 0, 0.3);
}
.panels.active-page[data-step="0"]{
	transition-duration: 0.5s;
}
.panels.up.active-page[data-step="0"]:not(.textsException) .text{
    animation-name:step0TextUp;
    animation-duration:1s;
    animation-delay:0s;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	/*transition: all 1s ease-out 0s;*/
}
.panels.active-page +.panels{
	top:20%;
}
.panels.active-page +.panels +.panels{
	top:30%;
}
.panels.active-page +.panels +.panels +.panels{
	top:40%;
}
.panels.active-page +.panels +.panels +.panels +.panels{
	top:50%;
}
.panels.active-page[data-step="1"]{
	top:-5%;
}
.panels.down.active-page[data-step="1"]:not(.lastPanel) .text{
    animation-name:step1TextDown;
    animation-duration:1s;
    animation-delay:0s;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.panels.up.active-page[data-step="1"]:not(.lastPanel) .text{
    animation-name:step1TextUp;
    animation-duration:1s;
    animation-delay:0s;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.panels.active-page[data-step="1"] +.panels{
	top:18%;
}
.panels[data-step="1"] .fish-container{
	right:35%;
	animation-name:bounceInRightFishStep;
	animation-duration:4s;
}
.panels.up[data-step="1"] .fish-container{
	right:35%;
	animation-name:bounceInRightFishStepUp;
	animation-duration:4s;
}
.panels.active-page[data-step="2"]{
	top:-10%;
}
.panels.down.active-page[data-step="2"]:not(.lastPanel) .text{
    animation-name:step2TextDown;
    animation-duration:1s;
    animation-delay:0s;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.panels.up.active-page[data-step="2"]:not(.lastPanel) .text{
    animation-name:step2TextUp;
    animation-duration:1s;
    animation-delay:0s;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.panels.active-page[data-step="2"] +.panels{
	top:15%;
}
.panels[data-step="2"] .fish-container{
	right:60%;
	animation-name: bounceInRightFishStep2;
	animation-duration:4s;
}
.panels.up[data-step="2"] .fish-container{
	right:60%;
	animation-name: bounceInRightFishStepUp2;
	animation-duration:4s;
}
.panels.active-page[data-step="3"]{
	top:-15%;
}
.panels.down.active-page[data-step="3"]:not(.lastPanel) .text{
    animation-name:step3TextDown;
    animation-duration:1s;
    animation-delay:0s;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.panels.up.active-page[data-step="3"]:not(.lastPanel) .text{
    animation-name:step3TextUp;
    animation-duration:1s;
    animation-delay:0s;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.panels.active-page[data-step="3"] +.panels{
	top:12%;
}
.panels[data-step="3"] .fish-container{
	right:80%;
	animation-name: bounceInRightFishStep;
	animation-duration:4s;
}
.panels.up[data-step="3"] .fish-container{
	right:80%;
	animation-name: bounceInRightFishStepUp;
	animation-duration:4s;
}
.panels.active-page[data-step="4"]{
	top:-35%;
}
.panels.down[data-step="4"]:not(.lastPanel) .text{
    animation-name:step4TextDown;
    animation-duration:1s;
    animation-delay:0s;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.panels.up[data-step="4"]:not(.lastPanel) .text{
    animation-name:step4TextUp;
    animation-duration:1s;
    animation-delay:0.5s;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.panels.active-page[data-step="4"] +.panels{
	top:10%;
}
.panels[data-step="4"] .fish-container{
	right:80%;
}
/*Animation End*/

/*Content Start*/
.content-div{
	overflow-x: hidden;
    overflow-y: auto;
	width:calc(100% + 30px);
	height:100%;
	position:absolute;
	top:0;
	left:0;
	transition:all 1s ease-out 0s;
}
.expanded .content-div{
	top:-100%;
}
.expanded.ismobile .content-div{
	display:none;
}
.expand{
	display:none;
}
.panel-links{
	list-style:none;
	padding-top: 5px;
    text-transform: uppercase;
}
.ismobile .panel-links li{
	font-size:12px;
	color:#000;
}
.panel-links li{
	display:none;
	color:#fff;
	cursor:pointer;
	opacity:0.6;
}
.panel-links li.active{
	cursor:default;
	opacity:1;
}
.panels.active-page.expanded .expand{
	display:block;
}
.panels.active-page.expanded .fish-container{
	right: 83%;
}
.panels.active-page.expanded.ismobile .fish-container{
	right: 50px;
    top: 50px;
}
.panels.expanded.ismobile .panel-links-container{
	/*background: rgb(192, 192, 192) none repeat scroll 0 0;
    border-radius: 5%;
    opacity: 0.7;
    padding: 3px;*/
    display:none;
}
.content-div-in{
	width:calc(100% - 30px);
	height:100%;
}
.content-container{
	display:table;
	height:100%;
	width:100%;
}
.content-container-in{
	display:table-cell;
	vertical-align:middle;
}
.content-div-in img{
	width:100%;
}
.panels.active-page.expanded{
	height:100%;
	top:0;
}
.panel-content{
	width:70%;
	height:100%;
	margin:0 auto;
	padding:0 0 30px;
	display:table;
}
.view-content-main{
	position:absolute;
	top:100%;
	height:100%;
	width:calc(100% + 30px);
	overflow-x:hidden;
	overflow-y:auto;
	transition:all 1s ease-out 0s;
}
.expanded .view-content-main{
	top:0;
	transition:all 1s ease-out 0s;
}
.expanded.ismobile .view-content-main{
	height:100%;
	transition:all 1s ease-out 0s;
}
.expanded.ismobile .view-content.animated{
	height:100%;
}
.view-content-inner{
	width:calc(100% - 30px);
	height:100%;
}
.view-content{
	position:relative;
	transition: all 1s ease-out 0s;
	width:70%;
	margin:0 auto;
}
.ismobile .view-content{
	width:100%;
}
.view-content .img_container{
	position: absolute;
    padding: 0px;
    left:0;
    width:100%;
}
.view-content .img_container img{
	display:none;
	width:inherit;
}
.view-content .img_container.active img{
	display:block;
}

.view-content .img_container .iframe_container{
	display:none;
}
.view-content .img_container.active .iframe_container{
	display:block;
}

.projectArrow{
	display:none;
	position: absolute;
	/*top: 40%; */
	z-index:10;
	font-size:35px;
	color:#8dd7f7;
}
.projectArrow.prev{
	left: 10px;
}
.projectArrow.next{
	right: 10px;
}
.projectArrow i{
	cursor:pointer;
}
.ismobile.expanded .projectArrow{
	display:block;
}
.text{
	color:#fff;
	text-align:center;
	z-index:7;
	transition: all 1s ease-out 0s;
}
.height0{
	/*height:0;
	opacity:0 !important;*/
	display:none;
}
.text.slideOutUpText{
	/*height:0;*/
}
.text .text_opacity{
	opacity:0.65 !important;
}
.text.middle{
	display:table-cell;
	vertical-align:middle;
}
.title{
	font-family:TCV_TITLE;
	font-size:15vmin;
	font-weight:600;
	line-height:0.9;
}
.subtitle{
	font-family:TCV_TITLE;
	font-size:5vmin;
	animation-delay:0.6s;
	animation-duration:2s;
}
.desc{
	font-size:2.3vmin;
	animation-delay:0.2s;
	animation-duration:2s;
}
.linkcontainer{
	padding-top:20px;
	animation-duration:2s;
}
.viewlink{
	font-family:TCV_TITLE;
	font-size:2.2vmin;
	font-weight:600;
	border: 1px solid;
	padding:10px;
}
.active-page .viewlink{
	cursor:pointer;
}
.active-page .viewlink:hover{
	background-color: #fff;
}
.panel1.active-page .viewlink:hover{
	color: #ffcb08;
}
.panel2.active-page .viewlink:hover{
	color: #f06277;
}
.panel3.active-page .viewlink:hover{
	color: #a679b3;
}
.panel4.active-page .viewlink:hover{
	color: #71577f;
}
.panel5.active-page .viewlink:hover{
	color: #514c69;
}
.crosslink{
	background-color: #fff;
    border-radius: 100%;
    cursor: pointer;
    display: none;
    height: 25px;
    left: 0;
    position: absolute;
    text-align: center;
    top: -25px;
    transition: all 0.5s ease-out 0s;
    width: 26px;
}
.ismobile .crosslink{
	display:none;
}
.cross{
    font-size: 18px;
    padding-top:3px;
}
.branding-panel .cross{
	color:#ffcb08;
}
.advertising-panel .cross{
	color:#f06277;
}
.interactive-panel .cross{
	color:#a17bb6;
}
.films-panel .cross{
	color:#71577f;
}
.communication-panel .cross{
	color:#514C69;
}
/*Content end*/
/*Top Menu*/
.menu-div .navbar-toggle{
	border:1px solid #337ab7;
	margin:8px 15px;
	position:fixed;
}
.navbar-nav > li > a{
	color:#fff;
	margin-right: 15px;
    padding: 15px 0 0;
    border-bottom:1px solid #8DD7F7;
    cursor:pointer;
}
.navbar-nav a.active{
	border-bottom:1px solid #fff;
}
.navbar-toggle{
	background-color:#fff;
}
.navbar-toggle .icon-bar{
	background-color:#ccc;
}
.navbar-collapse{
	padding:0;
}
.form-control:focus{
	border-color:#a94442;
}
@media(max-width: 768px) {
	.menu{
		left:unset;
		right:0;
		width:unset;
	}
	.navbar-collapse{
		background-color:#8DD7F7;
		border-top: none;
		box-shadow: none;
		padding-bottom:10px;
	}
	.navbar-nav > li > a{
		margin: 0;
	}
	.navbar-nav > li{
		padding:0 20px;
	}
	.navbar-nav{
		margin:0;
	}
	.social-icons-hidden{
		display:block;
	}
	.social-icons{
		display:none;
	}
}
/*Top Menu end*/
/*Indexing start*/
.indexing{
	position:absolute;
	top:40%;
	right:1%;
	z-index:7;
}
.index{
	background-color: #fff;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    opacity:0.5;
}
.index:hover{
	opacity:0.6;
	cursor:pointer;
}
.index.active{
	background-color: #8dd7f7;
	opacity:0.6;
}
.index.active:hover{
	cursor:default;
}
.index_container{
	margin:10px;
}
/*Indexing end*/
/*Menu pages*/
.menupage-wrapper{
	position:absolute;
	top:120px;
	left:0;
	background-color:#8DD7F7;
	width:calc(100% + 30px);
	z-index:9;
	color:#7e6a55;
	overflow-y:auto;
	visibility: hidden;
	box-shadow:3px 7px 5px rgba(0, 0, 0, 0.12);
}
.menupage-wrapper .container.height100{
	width:100%;
	padding:0;
}
.desktop .menupage_footer{
	height:200px;
	background-color:#847058;
	opacity:0;
}
.desktop .menupage_footer.active{
	opacity:1;
}
.ismobile .menupage_footer{
	height:200px;
	background-color:#847058;
	opacity:0;
}
.ismobile .menupage_footer.active{
	opacity:1;
}
.desktop .menupage-wrapper, .desktop .menupage-wrapper .height100{
	height:100%;
}
.ismobile .menupage-wrapper{
	top:60px;
	overflow-y:visible;
}
.ismobile .menupage-wrapper.active{
	position:static;
	margin-top:60px;
}
.menupage-wrapper.open{
	visibility:visible;
}
.menupage{
	display:none;
	padding:10px 0;
	position:absolute;
	top:40px;
	z-index:7;
	text-align:justify;
	font-size:13px;
}
.desktop .menupage .menupage_content{
	padding-bottom: 107px;
    padding-top: 40px;
}
.ismobile .menupage .menupage_content{
    padding-top: 20px;
}
.menupage .comingsoon{
	font-family: TCV_TITLE;
    font-size: 13vmin;
    font-weight: 600;
    line-height: 2.22857;
}
.menupage img{
	margin:0 auto;
}
.menupage .contactimg-container{
	padding:60px 0 30px;
}
.ismobile .menupage .contactimg-container{
	padding:40px 0 30px;
}
.menupage .aboutimg-container{
	padding:30px 0;
}
.ismobile .menupage .aboutimg-container{
	padding:10px 0 30px;
}
.closeMenupage{
	cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px;
    font-size:17px;
    color:#fff;
}
.desktop .menupage{
	/*height:100%;*/
	height:auto;
	padding:0;
	top:0;
}
.img_creative_brief{
	width: 108px;
}
.ismobile .img_creative_brief{
	width: 60px;
	padding-top: 10px;
}
.img_research_strategy{
	width: 69px;
}
.ismobile .img_research_strategy{
	width: 40px;
	padding-top: 0px;
}
.img_scribbling_ideas{
	background-image: url("../images/Scribbling-ideas-element.png");
	background-repeat: no-repeat;
	width: 851px;
	height: 216px;
}
.brainstorming{
	display:table;
	margin:0 auto;
	position:relative;
}
.brainstormin_text_cont{
	position: absolute;
	text-align: center;
	top: 56px;
	left:15px;
	width: 100%;
}
.title_creativebrief{
	padding-top:74px;
}
.ismobile .title_creativebrief{
	padding-top:45px;
}
.title_research{
	padding-top:74px;
}
.ismobile .title_research{
	padding-top:35px;
}
.scribbling_text{
	margin: -40px auto 0;
	width: 65%;
	padding-bottom: 60px;
}
.ismobile .scribbling_text{
	width: 100%;
	padding:0;
	margin:0 auto;
}
.ismobile .brainstormin_text_cont{
	left:-55px;
	top:38px;
}
.ismobile .brain_text{
	display: none;
}
.brain_text_hidden{
	display: none;
	padding-top:20px;
}
.ismobile .brain_text_hidden{
	display: block;
}
.img_execution{
	padding-bottom: 60px;
}
.ismobile .img_execution{
	padding-bottom: 30px;
}
.ismobile .aboutimg-container img{
	width:120px;
}
.ismobile .contactimg-container img{
	width:80px;
}
.ismobile .menupage{
	width:100%;
	height:100%;
	position:static;
	padding:40px 0 0 0;
}
.ismobile .menupage.process{
	min-height:300px;
}
.ismobile .menupage .container{
	margin-right:15px;
}
.menupage.active{
	z-index:15;
}
.ismobile .closeMenupage{
	right:10px;
	top:22px;
}
.ismobile .title{
    font-size: 13vmin;
}
.ismobile .subtitle{
	font-size:6.5vmin;
}
.ismobile .desc{
	font-size:3vmin;
}
.ismobile .viewlink{
	font-size:3vmin;
	text-transform: uppercase;
}
/*menu pages end*/

@media(max-width: 1180px) {
	.address_break{
		display: block;
	}
}
@media(max-height: 560px) {
	.panel-content{
		width:90%;
	}
}
@media(max-width: 650px) {
	.innerpage .contactform{
		width:100%;
	}
}
@media(max-height: 800px) and (max-width: 810px) {
	.panel-content{
		width:90%;
	}
}
@media(max-height: 800px) and (max-width: 2000px) {
	.title{
		font-size:14vmin;
	}
}
@media(max-height: 800px) and (max-width: 865px) {
	.title{
		font-size:15vmin;
	}
}
@media(max-height: 600px) and (max-width: 1000px) {
	.title{
		font-size:13vmin;
	}
}
@media(max-height: 700px) and (max-width: 900px) {
	.title{
		font-size:13vmin;
	}
	.subtitle{
		font-size:4vmin;
	}
}
@media(max-height: 1170px) and (max-width: 800px) {
	.panel-content{
		width:90%;
	}
}
@media(max-height: 730px) and (max-width: 730px) {
	.title{
		font-size:14vmin;
	}
}
@media(max-height: 700px) and (max-width: 730px) {
	.title{
		font-size:13vmin;
	}
	.subtitle{
		font-size:3vmin;
	}
}
@media(max-height: 600px) and (max-width: 600px) {
	.title{
		font-size:12vmin;
	}
	.subtitle{
		font-size:2.5vmin;
	}
	.desc{
		font-size:1.7vmin;
	}
}
@media(max-height: 600px) and (max-width: 1300px) {
	.title{
		font-size:14vmin;
	}
}
@media(max-width: 280px) {
	.logo{
		margin-top: 74px;
		width: 70px;
	}
}
@media(max-width: 220px) {
	.desktop .social-icons-hidden{
		display:none;
	}
	.desktop .menu{
		display:none;
	}
}
@media(max-width: 1025px) {
	.view-content{
		width: 100%;
	}
	.arrow-top{
		right:3%;
	}
}
/*Animate css costomized*/
@-webkit-keyframes fadeInRightFish {
  from {
    opacity: 1;
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightFish {
  from {
    opacity: 1;
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.desktop .fadeInRightFish {
  -webkit-animation-name: fadeInRightFish;
  animation-name: fadeInRightFish;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInRightFishBack {
  from {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }
}

@keyframes fadeInRightFishBack {
  from {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
  }
}

.fadeInRightFishBack {
  -webkit-animation-name: fadeInRightFishBack;
  animation-name: fadeInRightFishBack;
  animation-duration:1s !important;
  animation-delay:0s !important;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes bounceInRightFishStep {
  from, 30%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }


  30% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRightFishStep {
  from, 30%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRightFishStep {
  -webkit-animation-name: bounceInRightFishStep;
  animation-name: bounceInRightFishStep;
}

@-webkit-keyframes bounceInRightFishStep2 {
  from, 30%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRightFishStep2 {
  from, 30%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRightFishStep2 {
  -webkit-animation-name: bounceInRightFishStep2;
  animation-name: bounceInRightFishStep2;
}

@-webkit-keyframes bounceInRightFishStepUp {
  from, 30%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRightFishStepUp {
  from, 30%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRightFishStepUp {
  -webkit-animation-name: bounceInRightFishStepUp;
  animation-name: bounceInRightFishStepUp;
}

@-webkit-keyframes bounceInRightFishStepUp2 {
  from, 30%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRightFishStepUp2 {
  from, 30%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRightFishStepUp2 {
  -webkit-animation-name: bounceInRightFishStepUp2;
  animation-name: bounceInRightFishStepUp2;
}

@-webkit-keyframes step1TextDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

@keyframes step1TextDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

@-webkit-keyframes step0TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes step0TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes step1TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

@keyframes step1TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
}

@-webkit-keyframes step2TextDown {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
}

@keyframes step2TextDown {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
}
@-webkit-keyframes step2TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
}

@keyframes step2TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
}
@-webkit-keyframes step3TextDown {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}

@keyframes step3TextDown {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}
@-webkit-keyframes step3TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}

@keyframes step3TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}
@-webkit-keyframes step4TextDown {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
}

@keyframes step4TextDown {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }
}
@-webkit-keyframes step4TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}

@keyframes step4TextUp {
  from {
    opacity: 1;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
}
.animate_SubMenuLinks {
    -webkit-animation-name: animateMenu;
    -moz-animation-name: animateMenu;
    -o-animation-name: animateMenu;
    animation-name: animateMenu;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 0.6;
}
@-webkit-keyframes animateMenu {
    from {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}

	to {
		opacity: 0.6;
	}
}
@-moz-keyframes animateMenu {
    from {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}

	to {
		opacity: 0.6;
	}
}
@-o-keyframes animateMenu {
    from {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}

	to {
		opacity: 0.6;
	}
}
@keyframes animateMenu {
	from {
		opacity: 0;
		-webkit-transform: translate3d(40px, 0, 0);
		transform: translate3d(40px, 0, 0);
	}

	to {
		opacity: 0.6;
	}
}
.scale_projectArrowHide {
    -webkit-animation-name: scaleProjectArrowHide;
    -moz-animation-name: scaleProjectArrowHide;
    -o-animation-name: scaleProjectArrowHide;
    animation-name: scaleProjectArrowHide;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes scaleProjectArrowHide {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0);
    }
}
@-moz-keyframes scaleProjectArrowHide {
    0% {
        -moz-transform: scale(1);
    }
    100% {
        -moz-transform: scale(0);
    }
}
@-o-keyframes scaleProjectArrowHide {
    0% {
        -o-transform: scale(1);
    }
    100% {
        -o-transform: scale(0);
    }
}
@keyframes scaleProjectArrowHide {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
.scale_projectArrow {
    -webkit-animation-name: scaleCloseButton;
    -moz-animation-name: scaleCloseButton;
    -o-animation-name: scaleCloseButton;
    animation-name: scaleCloseButton;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.scale_CloseButton {
    -webkit-animation-name: scaleCloseButton;
    -moz-animation-name: scaleCloseButton;
    -o-animation-name: scaleCloseButton;
    animation-name: scaleCloseButton;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes scaleCloseButton {
    0% {
        -webkit-transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes scaleCloseButton {
    0% {
        -moz-transform: scale(0);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@-o-keyframes scaleCloseButton {
    0% {
        -o-transform: scale(0);
    }
    100% {
        -o-transform: scale(1);
    }
}
@keyframes scaleCloseButton {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

.hide_ProjectPage {
    -webkit-animation-name: hide_ProjectPage;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: hide_ProjectPage;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;
    -o-animation-name: hide_ProjectPage;
    -o-animation-timing-function: ease-in-out;
    -o-animation-play-state: running;
    -o-animation-fill-mode: forwards;
    animation-name: hide_ProjectPage;
    animation-timing-function: ease-in-out;
    animation-play-state: running;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes hide_ProjectPage {
    0% {
        -webkit-transform: none scale(1);
    }
    100% {
        -webkit-transform: translate(0px, 0px) scale(.6);
        opacity:0;
    }
}
@-moz-keyframes hide_ProjectPage {
    0% {
        -moz-transform: none scale(1);
    }
    100% {
        -moz-transform: translate(0px, 0px) scale(.6);
        opacity:0;
    }
}
@-o-keyframes hide_ProjectPage {
    0% {
        -o-transform: none scale(1);
    }
    100% {
        -o-transform: translate(0px, 0px) scale(.6);
        opacity:0;
    }
}
@keyframes hide_ProjectPage {
    0% {
        transform: none scale(1);
    }
    100% {
        transform: translate(0px, 0px) scale(.6);
        opacity:0;
    }
}
.moveUp_ProjectPage {
    -webkit-animation-name: moveUp_ProjectPage;
    -moz-animation-name: moveUp_ProjectPage;
    -o-animation-name: moveUp_ProjectPage;
    animation-name: moveUp_ProjectPage;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes moveUp_ProjectPage {
    0% {
        -webkit-transform: translate(0px, 30%);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}
@-moz-keyframes moveUp_ProjectPage {
    0% {
        -moz-transform: translate(0px, 30%);
    }
    100% {
        -moz-transform: translate(0px, 0px);
    }
}
@-o-keyframes moveUp_ProjectPage {
    0% {
        -o-transform: translate(0px, 30%);
    }
    100% {
        -o-transform: translate(0px, 0px);
    }
}
@keyframes moveUp_ProjectPage {
    0% {
        transform: translate(0px, 30%);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

.moveUp_ProjectPanel {
    -webkit-animation-name: moveUp_ProjectPanel;
    -moz-animation-name: moveUp_ProjectPanel;
    -o-animation-name: moveUp_ProjectPanel;
    animation-name: moveUp_ProjectPage;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@-webkit-keyframes moveUp_ProjectPanel {
    0% {
        -webkit-transform: translate(0px, 100%);
    }
    100% {
        -webkit-transform: translate(0px, 0px);
    }
}
@-moz-keyframes moveUp_ProjectPanel {
    0% {
        -moz-transform: translate(0px, 100%);
    }
    100% {
        -moz-transform: translate(0px, 0px);
    }
}
@-o-keyframes moveUp_ProjectPanel {
    0% {
        -o-transform: translate(0px, 100%);
    }
    100% {
        -o-transform: translate(0px, 0px);
    }
}
@keyframes moveUp_ProjectPanel {
    0% {
        transform: translate(0px, 100%);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

.moveDown_ProjectPanel {
  -webkit-animation-name: moveDown_ProjectPanel;
  animation-name: moveDown_ProjectPanel;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}

@-webkit-keyframes moveDown_ProjectPanel {
  from {
    top:0;
  }

  to {
    top: 100%;

  }
}

@keyframes moveDown_ProjectPanel {
  from {
    top:0;
  }

  to {
    top: 100%;

  }
}

@-webkit-keyframes slideOutUpText {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUpText {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUpText {
  -webkit-animation-name: slideOutUpText;
  animation-name: slideOutUpText;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s;
}

@-webkit-keyframes slideInDownText {
  from {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDownText {
  from {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDownText {
  -webkit-animation-name: slideInDownText;
  animation-name: slideInDownText;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 3s;
  -moz-animation-duration: 3s;
  -o-animation-duration: 3s;
  animation-duration: 3s;
}
@-webkit-keyframes slideInDownMenupage {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDownMenupage {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.slideInDownMenupage {
	-webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  animation-fill-mode:forwards;
  -webkit-animation-fill-mode: forwards;
}
.slideInDownMenupageChange {
  -webkit-animation-name: slideInDownMenupage;
  animation-name: slideInDownMenupage;
  animation-delay:0.5s;
  -webkit-animation-delay:0.5s;
}

@-webkit-keyframes slideOutUpMenupage {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }
}

@keyframes slideOutUpMenupage {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }
}

.slideOutUpMenupage {
  -webkit-animation-name: slideOutUpMenupage;
  animation-name: slideOutUpMenupage;
}

@-webkit-keyframes slideInLeftArrow {
  from {
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeftArrow {
  from {
    -webkit-transform: translate3d(-200%, 0, 0);
    transform: translate3d(-200%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeftArrow {
  -webkit-animation-name: slideInLeftArrow;
  animation-name: slideInLeftArrow;
  animation-delay:1.5s;
  -webkit-animation-delay:1.5s;
}

@-webkit-keyframes slideInRightArrow {
  from {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRightArrow {
  from {
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRightArrow {
  -webkit-animation-name: slideInRightArrow;
  animation-name: slideInRightArrow;
  -webkit-animation-delay:1.5s;
  animation-delay:1.5s;
}
.fadeInMenupage {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
.fadeOutMenupage {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}

/*------------hemangi-20-12-18-------------------*/

.contactform .formbox {
   border: 1px solid #7e6a55 !important;
   width: 100%;
   height: 244px;
}
.form-control {
   display: block;
   width: 100%;
   height: 34px;
   padding: 6px 12px;
   font-size: 14px;
   line-height: 1.42857143;
   color: #555;
   background-color: transparent;
   background-image: none;
   border: none;
   border-radius: unset;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   /*border-radius: none !important;*/
   height: 45px;
   /*border-bottom: 1px solid #7e6a55 !important;*/
}
.txtarea  {
	background-color: #fff;
	border: none;
}
.pr {
	position: relative;
}
.captcha {
	text-align: right;
    font-size: 11px;
}
.captcha-img {
	position: absolute;
    right: 0;
    top: 3px;
}
.captcha-txtbox {
	height: 45px;
    border-bottom: 1px solid #7e6a55 !important;
}
.captcha-span {
	display: inline-block;
    margin-top: 6px;
}
/*.alertify-log-error ul {
	padding: 15px;
}*/
/*.alertify-log-success ul li {
	list-style: none;
}*/
.alertify-logs { z-index:10002; width: 450px; max-width: calc(100% - 20px); }
.alertify-logs ul {
   margin-bottom: 0; padding-left: 30px;
} .alertify-logs ul li { list-style-type: disc; }
.alertify-logs .alertify-log {
 padding: 24px 20px;
 box-shadow: 0 0 15px 0px rgba(0,0,0,0.6);
 color: #fff;
 cursor: pointer;
}
.alertify-logs .alertify-log-success {
 background-color: #37a000;
 border-color: #37a000;
}
.alertify-logs .alertify-log-error {
 background-color: #b00;
 border-color: #b00;
}
.alertify-logs .alertify-log-success  strong {
	text-transform: capitalize;
}
.form-element textarea:focus {
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}
.form-element input:focus {
    outline: none !important;
    border-color: #719ECE;
    box-shadow: 0 0 10px #719ECE;
}
.form-btn {
   margin-top: -7px;
}

/********** Nimisha 23-11-2020 Start****************/
.contactform .formbox {
	height: 310px;
}

.captcha-txtbox {
	border-bottom: none !important;
}
/********** Nimisha 23-11-2020 End ******************/