section { margin:0px auto; width:100%;}
.header-push { padding-top:130px;}

/* Start General */
.row { margin:0px auto; width:1170px; text-align:center;}
.pad-top-20 { padding-top:20px;}
.pad-bot-20 { padding-bottom:20px;}
.pad-top-30 { padding-top:30px;}
.pad-bot-30 { padding-bottom:30px;}

.part-1-box { float:left; width:100%; background1:#0FF; text-align:left;}
.part-1-box .margin { margin:15px; background1:#ffcc00;}
.part-2-box { float:left; width:66.66%; background1:#0FF; text-align:left;}
.part-2-box .margin { margin:15px; background1:#ffcc00;}
.part-3-box { float:left; width:33.33%; background1:#0FF; text-align:left;}
.part-3-box .margin { margin:15px; background1:#ffcc00;}
.part-4-box { float:left; width:25%; background1:#0FF; text-align:left;}
.part-4-box .margin { margin:15px; background1:#ffcc00;}
.push-box-1 { margin-left:33.33%;}

.page-title { color:#9a9a9a; text-transform:uppercase; font-size:13px;}
.page-tagline { margin-top:-3px; padding-bottom:10px; letter-spacing:0.03em; font-size:30px; line-height:36px; color:#1e1e1e; font-family:"Times New Roman", Times, serif; background:url(../images/tagline-image.jpg) left bottom no-repeat;}
.page-tagline span { display:block;}
/* End General */


/* ##### START Lets Work ##### */
.lets-work-main { margin-bottom:10px; padding:35px 0px 40px 0px; background:#d9d9d9;}
.lets-work-main h3 { margin:0px 0px 25px 0px; padding:0px; color:#2a2b2f; font-family:"Times New Roman", Times, serif; font-size:36px; line-height:36px; font-weight:normal; letter-spacing:0.05em;}
.lets-work-main a { margin-left:63px; font-size:16px; color:#ebebeb; text-transform:uppercase; background:#2a2b2f; padding:4px 45px; letter-spacing:0.07em;}
.lets-work-main a:hover { background:#EC2029;}
/* ##### End Lets Work ##### */


/* ##### START WORK ##### */
.work-title { margin-top:28px; margin-left:55px; font-size:36px; color:#1e1e1e; font-family:"Times New Roman", Times, serif;}

ul.work { margin:0px auto; text-align:center; padding:0px; list-style-type:none;}
ul.work li { float:left; margin:15px 15px 15px 15px; width:360px; position:relative;}
ul.work li.full { width:1140px;}
ul.work li:nth-child(3n) { margin-right:0px;}
ul.work li .thumb { height:auto; overflow:hidden;}
ul.work li .thumb:hover {}
ul.work li .caption { 
	background-color: rgba(0,0,0,0.5); position: absolute; color: #fff; z-index: 100;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out; left: 0;
}
ul.work li .fade-caption { opacity: 0; width: 100%; height:100%; background-image: url(../images/zoom.png); background-position: center center; background-repeat: no-repeat; }
ul.work li:hover .fade-caption { opacity: 1; display:block; width:96%; height:96%; margin:2%; text-align:center; vertical-align:middle; }
ul.work li.full:hover .fade-caption { opacity: 1; display:block; width:98.6%; height:96.6%; margin:0.7%; text-align:center; vertical-align:middle; }

.work-items .item { margin-bottom:10px;}

.video-player { width:100%; height:500px;}
.back-con { text-align:left !important;}
.back-con a { margin-left:70px; font-size:120%; border:1px solid #ccc; padding: 4px 20px; background: #fff; color: #1e1e1e; text-transform: uppercase; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.back-con a:hover { border:1px solid #EC2029; background: #EC2029; color: #ffffff;}
/* ##### END WORK ##### */


/* ##### START WHAT WE DO ##### */
.services-main { margin:0px auto 45px auto; width:1170px; text-align:left;}
.services { float:left; width:25%;}
.services .margin { margin-left:20px;}
.services .margin h2 { margin:0px 0px 25px 0px; padding:0px 0px 15px 0px; font-size:24px; color:#3d3d3d; font-family:"Times New Roman", Times, serif; font-weight:normal; background:url(../images/tagline-image.jpg) left bottom no-repeat;}
.services .margin h2 span { display:block; font-size:48px; font-weight:bold;}
.services .margin ul { margin:0px; padding:0px; list-style-type:none;}
.services .margin ul li { width:175px; line-height:36px; font-size:14px; border-bottom:1px solid #b3b3b3;}
.services .margin ul li:hover { border-bottom:1px solid #EC2029; color:#EC2029; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}

.design-process-main { margin-bottom:10px; padding:50px 0px 50px 0px; background:url(../images/design-process-bg.jpg) center top repeat;}
.design-process { margin:0px auto; width:1170px; text-align:left;}
.design-process-box { margin-left:34%; padding-left:30px;}
.design-process-box h3 { margin:0px; padding:0px; color:#2a2b2f; font-family:"Times New Roman", Times, serif; font-size:36px; line-height:36px; font-weight:normal; letter-spacing:0.05em;}
.design-process ul { margin:0px; padding:0px; list-style-type:none;}
.design-process ul li { float:left; width:25%; text-transform:uppercase; font-size:14px; color:#2a2b2f; text-align:center;}
.design-process ul li div { margin:15px;}
.design-process ul li img { margin-bottom:40px;}
/* ##### END WHAT WE DO ##### */


/* ##### START ABOUT US ##### */
.dreamers h2 { margin:0px; padding:0px; letter-spacing:0.03em; font-size:35px; color:#1e1e1e; font-family:"Times New Roman", Times, serif; font-weight:normal;}
.dreamers span { text-transform:uppercase;}

ul.team { margin:30px 0px 0px 0px; padding:0px; list-style-type:none;}
ul.team li { float:left; width:360px; margin:15px; text-align:left;}
ul.team li a { overflow:hidden;}
/* ##### END ABOUT US ##### */


/* ##### START CONTACT ##### */
.contact { float:left; width:25%;}
.contact .margin { margin:15px;}
.contact .margin h2 { margin:0px 0px 25px 0px; padding:0px 0px 15px 0px; font-size:24px; color:#3d3d3d; font-family:"Times New Roman", Times, serif; font-weight:normal; background:url(../images/tagline-image.jpg) left bottom no-repeat;}
.contact .margin h2 span { display:block; font-size:48px; font-weight:bold;}
.contact .margin ul { margin:0px; padding:0px; list-style-type:none;}
.contact .margin ul li { width:238px; line-height:36px; font-size:14px; border-bottom:1px solid #b3b3b3;}
.contact .margin ul li:hover { border-bottom:1px solid #EC2029; color:#EC2029; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.txt-animated h2 { margin:0px; padding:0px; letter-spacing:0.03em; font-size:35px; color:#1e1e1e; font-family:"Times New Roman", Times, serif; font-weight:normal;}
.txt-animated span { color:#ec2029;}

.contact-form { margin:15px; background:#efefef; text-align:left;}
.contact-form .margin { padding1:25px;}
.emailus { margin-top:25px;}
.emailus a { margin-right:25px; font-size:16px; color:#ebebeb; text-transform:uppercase; background:#2a2b2f; padding:4px 15px; letter-spacing:0.07em;}
.emailus a:hover { background:#EC2029;}

.typed-cursor{
	opacity: 1;
	font-weight: 100;
	-webkit-animation: blink 0.7s infinite;
	-moz-animation: blink 0.7s infinite;
	-ms-animation: blink 0.7s infinite;
	-o-animation: blink 0.7s infinite;
	animation: blink 0.7s infinite;
}
@-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-ms-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}
/* ##### END CONTACT ##### */