@charset "utf-8";
/* CSS Document */
* { box-sizing:border-box;}
*::before, *::after { box-sizing: border-box; }
body,h1,h2,h3,h4,h5,h6,ul,ol,p { padding:0; margin:0;}
body { background-color: #fff; font-family: "Open Sans",sans-serif; font-size: 18px; line-height: 30px; color:#484848;}
a { text-decoration:none; color:#FF9141;}
a:hover { text-decoration:none; color:#e57421;}
a, a:active, a:visited, a:hover { outline: medium none; text-decoration: none;}

.wrapper { margin:0 auto; max-width:1170px;}
.top{ position: fixed; padding:14px 0; background: rgba(255,255,255,0.9); -webkit-transition: all 0.4s ease; transition: all 0.4s ease;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.5); min-height:84px; width:100%; z-index:3;}
.home h2,.bottom h2 { clear:both; width:100%; overflow:hidden; text-align:center; font-size:30px; font-weight:400; color:#333333; margin-bottom:50px; line-height:38px; background:url(../images/title-bar.png) no-repeat center bottom; padding-bottom:10px;}
.top.sticky { position: fixed; width: 100%; padding:5px 0; min-height:53px; top:0;}
.top .logo { float:left; height:56px;}
.top .logo img { width:226px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.top .menu_area { float:right; margin-top:14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.top.responsive { display:none;}
.top.sticky .logo { height:43px;}
.top.sticky img { width:175px;}
.top.sticky .logo a { height:43px;}
.top.sticky .menu_area {margin-top:6px;}
.banner_area { clear:both; width:100%; background:url(../images/studio33-banner.jpg) repeat-x center bottom; height:550px; padding:390px 0 0; text-align:center;}
.banner_area span { background:rgba(0,0,0,0.75); font-size:45px; text-transform:uppercase; color:#ff9141; font-weight:700; padding:15px 30px;}
.banner_inner { clear:both; width:100%; background:url(../images/banner-inner.jpg) repeat-x center bottom; height:200px; padding:118px 0 0; text-align:center; color:#ffffff;}
.banner_inner h1 { font-weight:400; font-size:40px; line-height:44px;}
.service_homeArea { clear:both; width:100%; overflow:hidden; padding:70px 0 0; background:url(../images/graphic-background.png) repeat; border-bottom:1px solid #ebebeb;}
.service_homeArea p { margin-bottom:65px;}
.home_services { clear:both; width:100%; overflow:hidden;}
.home_services .home_serviceBox { float:left; width:25%; text-align:center; margin-bottom:80px; padding:0 30px;}
.service_homeArea .home_services .home_serviceBox .home_serviceImg { clear:both; width:100%; overflow:hidden; margin-bottom:10px;}
.home_services .home_serviceBox .home_serviceImg a { display:block;}
.home_services .home_serviceBox h2 { clear:both; width:100%; font-size:18px; font-weight:700; line-height:26px; min-height:52px; margin-bottom:0; background:none; padding-bottom:0; text-align:center;}
.home_services .home_serviceBox h2 a { color:#484848;}
.home_services .home_serviceBox h2 a:hover { color:#111111;}
.home_portfolioArea { clear:both; width:100%; overflow:hidden; padding:70px 0;}
.portfolio { margin: 0 -10px; overflow:hidden;}
.home_portfolioArea ul.home { text-align:center; margin:0 10px;}
.home_portfolioArea ul.home li, article { margin: 0; width:25%; display:inline-block; position:relative; float:left; padding:10px;}
article { width:24.9%;}
.home_portfolioArea ul.home li .port_outer, article .port_outer { border:1px solid #dddddd; position:relative; padding:5px; display:flex;}
.home_portfolioArea ul.home li .port_outer img, article .port_outer img { width:100%; max-width:100%;}
.home_portfolioArea ul.home li span, article .port_outer span { top:0; right:0; bottom:0; left:0; background: rgba(255, 145, 65, 0.9); display:block; position:absolute; color:#ffffff; opacity:0;-webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; -ms-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; padding:20px; text-align:left; text-align:center;}
.home_portfolioArea ul li span:hover, article span:hover, article .port_outer span:hover { opacity:1;}
.home_portfolioArea ul li span h2, article .port_outer span h2 { font-size:18px; text-transform:none; margin-bottom:20px; font-weight:600; color:#ffffff; padding:0; text-align:center;}
.home_portfolioArea ul li span h2 a, article .port_outer span h2 a { color:#ffffff;}
.home_portfolioArea ul li span p, article .port_outer span p { margin-bottom:30px; font-size:16px;}
.home_portfolioArea ul li span h4, article .port_outer span h4 { background:rgba(255,255,255,0.9); margin-top:0; padding:1px 10px; clear:both; display:inline-block; color:#ff9141; font-size:18px; font-weight:600;}
.btn_area { clear:both; width:100%; text-align:center; padding:36px 0 0; overflow:hidden;}
.btn_area a { background:#ff9141; color:#ffffff; text-transform:uppercase; font-weight:600; padding:10px 50px; display:inline-block; border-radius:6px; text-align:center;}
.btn_area a:hover { background:#ee7b28; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.home_testiArea { clear:both; width:100%; overflow:hidden; padding:70px 0; background:url(../images/graphic-background.png) repeat; border:1px solid #ebebeb; border-width:1px 0;}
.home_testiArea .home_testi { clear:both; width:100%; overflow:hidden; padding-bottom:18px;}
.home_testiArea .home_testi .home_testiBox { float:left; width:50%; padding-right:35px;}
.home_testiArea .home_testi .home_testiBox:last-child { padding:0 0 0 35px;}
.home_testiArea .home_testi .home_testiBox p { margin-bottom:30px; font-style:italic;}
.home_testiArea .home_testi .home_testiBox .testi_author,.testi_row .testi_author  { font-size:18px; font-weight:700; color:#ff9141; line-height:22px;}
.home_testiArea .home_testi .home_testiBox .testi_author span,.testi_row .testi_author span { font-size:16px; color:#888888; font-weight:400;}
.bottom { clear:both; width:100%; overflow:hidden; background:#ebebeb; padding:70px 0;}
.bottom .column { float:left; width:33.33%; padding-right:50px;}
.bottom .column:last-child { padding-right:0;}
.inquiry .btn_area { text-align:left;}
.footer_address { padding-left:35px; background:url(../images/icon-address.png) no-repeat left 6px; margin-bottom:20px;}
.footer_phone { padding-left:35px; background:url(../images/icon-phone.png) no-repeat left 5px; margin-bottom:10px;}
.footer_email { padding-left:35px; background:url(../images/icon-email.png) no-repeat left 9px; margin-bottom:10px;}
.footer_skype { padding-left:35px; background:url(../images/icon-skype.png) no-repeat left 8px; margin-bottom:20px;}
.contact_info a { color:#484848;}
.contact_info a:hover { color:#111111;}
footer { clear:both; width:100%; overflow:hidden; background:#252525; padding:35px 0; text-align:center;}
footer .footer_links { font-size:14px; font-weight:600; clear:both; width:100%; overflow:hidden; margin-bottom:5px;}
footer .footer_links a { margin:0 12px; color:#999999; display:inline-block;}
footer .footer_links a:hover { color:#cccccc;}
footer .copyright { clear:both; width:100%; overflow:hidden; font-size:13px; color:#6e6e6e;}
.footer_form .row { clear:both; width:100%; overflow:hidden; margin-bottom:10px;}
.footer_form .row input[type="text"],.footer_form .row textarea { width:100%; backface-visibility:#ffffff; border:0; padding:10px 15px; font-size:16px;font-family: "Open Sans",sans-serif;}
.footer_form .row textarea { min-height:120px; max-width:100%; min-width:100%;}
.footer_form .btn_area { padding-top:0; text-align:left;}
.footer_form .btn_area button,.form_cover .btn_area button {background:#ff9141; color:#ffffff; text-transform:uppercase; font-weight:600; padding:10px 50px; display:inline-block; border-radius:6px;font-size:18px;font-family: "Open Sans",sans-serif; border:0; cursor:pointer;}
.footer_form .btn_area button:hover,.form_cover .btn_area button:hover {background:#ee7b28; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;} 
.alert { padding:10px 15px; background:#ff0000; color:#ffffff; margin-bottom:10px; border-radius:6px;}
.error { color:#ff0000;}
.msg_success { color:#FF9141;}
.content_area { clear:both; width:100%; overflow:hidden; padding:70px 0;}
.content_area p { margin-bottom:30px;}
.content_area h2 { padding-top:20px; margin-bottom:20px; font-size:26px; font-weight:600; text-align:left; background:none; color:#F48432;}
.services_listArea { clear:both; width:100%; overflow:hidden;}
.services_listArea .services_row { clear:both; width:100%; overflow:hidden; padding:50px 0; border-bottom:1px solid #eeeeee;}
.services_listArea .services_row:first-child { padding-top:0;}
.services_listArea .services_row .service_icon { float:left; width:12%;}
.services_listArea .services_row .service_text { float:left; width:88%;}
.services_listArea .services_row .service_text h2 { padding:0; margin-top:-4px;}
.services_listArea .services_row .service_text p { font-size:16px; line-height:26px;}
.services_listArea .services_row .service_text > a { background:#efefef; padding:10px 20px; display:inline-block; color:#666666;}
.services_listArea .services_row .service_text > a:hover { background:#e9e9e9;}
.content_area .special { clear:both; width:100%; overflow:hidden; font-size:26px; font-weight:300; color:#484848; background:#f7f7f7; padding:20px 30px; display:block; text-align:center; margin-bottom:40px; line-height:36px;}
.btn_area.service_btn a { margin:0 10px;}
.content_area ul { padding:0 0 20px 20px;}
.content_area ul li { margin-bottom:6px;}
.process_area { clear:both; width:100%; overflow:hidden;}
.process_area .process_row { clear:both; width:100%; overflow:hidden; margin-bottom:70px;}
.process_area .process_row img { float:left; padding-right:30px;}
.process_area .process_row h2 { padding:0; margin-bottom:10px; margin-top:-4px;}
.process_area .process_row p { font-size:16px; line-height:26px; overflow:hidden;}
.portfolio_detail h2 { text-align:center; font-weight:400; color:#484848;}
.portfolio_detail .portfolio_cover { clear:both; width:100%; overflow:hidden; text-align:center; padding-bottom:50px;}
.portfolio_detail .portfolio_cover img { max-width:100%;}
.portfolio_cover.two_img img { margin:0 15px;}
.portfolio_cover.logo { padding:50px 0;}
.form_cover { float:left; width:60%; padding:30px; background:#F7F7F7;}
.form_cover .row { float:left; width:100%; overflow:hidden; margin-bottom:20px;}
.form_cover .row label { clear:both; width:100%; overflow:hidden; float:left; font-size:14px; line-height:16px; margin-bottom:5px; font-weight:600;}
.form_cover .row label span { color:#ff0000;}
.form_cover .row input,.form_cover .row select,.form_cover .row textarea { border:1px solid #cccccc; padding:10px; width:100%;}
.form_cover .row textarea { height:150px;}
.form_cover .btn_area { margin:0; padding:0; text-align:left;}
.text_area { float:left; width:40%; padding:0 0 0 30px;}
.text_area h3 { color: #f48432; font-size: 22px; font-weight: 600; margin-bottom: 10px; }
.text_area ul { font-size:16px; line-height:26px; margin:0 0 3px; }
.testi_row { clear:both; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee; padding:50px 0;}
.testi_row:first-child { padding-top:0;}
.testi_row p { font-style:italic; margin-bottom:30px;}
.testi_row .testi_author span { float: left; font-size: 15px; line-height: 20px; margin-top: 6px;}





.primary { width:auto; margin:0 auto 40px; display:table; border:1px solid #DDDDDD;}
.primary ul { padding:0; }
.primary ul li { float:left; list-style:none; border-right:1px solid #DDDDDD; text-transform:uppercase; margin:0; }
.primary ul li:last-child { border-right:0;}
.primary ul li a { height:40px; display:block; font-size:15px; color:#000; padding:0 30px; text-decoration:none; line-height:40px; background:#ffffff; font-size:1em;}
.primary li a.selected { background:#efefef;}
.isotope-item { z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
.isotope, .isotope .isotope-item {-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;transition-duration: 0.8s;}
.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;transition-property: height, width;}
.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;
transition-property:transform, opacity;}





/* Navigation Styles */
.menu { float:right;}
.menu ul { font-size: 0; margin: 0; padding: 0;}
.menu ul li { display: inline-block; position: relative;}
.menu ul li a { color: #333333; display: block; font-size: 17px; padding: 0 0 0 25px; transition: 0.3s linear;}
.menu ul li a:hover { color:#ff9141;}
.menu ul li ul { border-bottom: 5px solid #f38535; display: none; position: absolute; width: 275px; left:12px; padding-top:26px;}
.desktop.sticky .menu ul li ul { padding-top:12px !important;}
.menu ul li ul li { border-top: 1px solid #555555; display: block;}
.menu ul li ul li:first-child { border-top: none; }
.menu ul li ul li a { background: rgba(51,51,51,0.9); display: block; padding: 5px 14px; color:#ffffff; font-size:15px; }
.menu ul li ul li a:hover { background: #FF9141; color:#ffffff; }

nav:not(.mm-menu) { display: none;}
.header { display:none;}
.header { position:fixed; left:20px; padding: 0 50px; z-index:5; margin-top:30px;-webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
.header.fix { margin-top:15px;}
.header.fixed { position: fixed; top: 0; left: 10px;}
.header a { display: block; position: absolute; top: 0; left: 0;}




/* for 1024 */
@media (max-width: 1150px) {
	.wrapper { padding:0 20px;}
	.banner_area span { font-size:38px;}
	.portfolio { margin:0 auto; max-width:927px;}
	.home_portfolioArea ul.home li, article { width:33.333%;}
	.btn_area a,.footer_form .btn_area button { padding:10px 26px;}
	.services_listArea .services_row .service_icon { width:14%;}
	.services_listArea .services_row .service_text { width:86%;}
	
}


/* for 800 */
@media (max-width: 990px) {
	.top.desktop { display:none;} 
	.top.responsive { display:block;} 
	.header { display:block;}
	.top .logo { width:100%; text-align:center;}
	.banner_area span { font-size:30px;}
	.banner_area { height:400px; padding:290px 0 0;}
	.home_services .home_serviceBox { width:33.333%;}
	.home_portfolioArea ul.home li, article { width:50%; max-width:277px;}
	.home_portfolioArea .portfolio { margin:0 auto; max-width:594px;}
	.bottom .column { width:100%; margin-bottom:40px; padding-right:0;}
	.inquiry .btn_area { padding:20px 0 0;}
	.bottom .column:last-child { margin-bottom:0;}
	.services_listArea .services_row .service_icon { width:18%;}
	.services_listArea .services_row .service_text { width:82%;}
	
}


/* for 786 */
@media (max-width: 768px) {
	.banner_area span { font-size: 28px;}
}


/* for 600 */
@media (max-width:767px) { 
	.banner_area { height:300px; padding:180px 0 0;}
	.banner_area span { display:block;}
	.service_homeArea { padding:40px 0 0;}
	.service_homeArea p { margin-bottom:40px;}
	.home_services .home_serviceBox { width:50%;}
	.home_services .home_serviceBox { margin-bottom:40px;}
	.home_services .home_serviceBox .home_serviceImg { margin-bottom:0;}
	.home_portfolioArea,.home_testiArea { padding:50px 0;}
	.home h2 { margin-bottom:30px;}
	.home_testiArea .home_testi .home_testiBox { width:100%; padding:0 0 70px;}
	.home_testiArea .home_testi .home_testiBox:last-child { padding:0;}
	footer .footer_links a { margin:0 8px;}
	.services_listArea .services_row .service_icon { width:22%;}
	.services_listArea .services_row .service_text { width:78%;}
	.form_cover { width:100%;}
	.text_area { padding:30px 0 0 0; width:100%;}
	.banner_inner h1 { font-size:36px;}
}


/* for 480 */
@media (max-width: 599px) {
	.home_portfolioArea .portfolio { max-width:329px;}
	.home_portfolioArea ul.home li, article { width:100%; max-width:309px;}
	.services_listArea .services_row .service_icon { width:100%; text-align:center; margin-bottom:20px;}
	.services_listArea .services_row .service_text { width:100%; text-align:center;}	 
	.services_listArea .services_row .service_text h2 { text-align:center;}
	.btn_area.service_btn a { width:100%; padding:10px 0; margin:0 0 10px;}
	.footer_form .btn_area button, .form_cover .btn_area button { padding:10px 0; width:100%; text-align:center;} 
	.banner_inner.mobile480 { padding:96px 0 0;}
	.primary ul li a { padding:0 20px;}
}


/* for 360 */
@media screen and (max-width: 479px) {
	.banner_area { padding:120px 0 0;}
	.home_services .home_serviceBox { width:100%;}
	.home_portfolioArea ul.home li, article { padding:10px 0;}
	.wrapper { padding:0 10px;}
	.btn_area a, .footer_form .btn_area button { width:100%; padding:10px 0;}
	.top .logo img { width:180px;}
	.top .logo { height:45px;}
	.top { min-height:71px;}
	.header { margin-top:26px;}
	.process_area .process_row { text-align:center;}
	.process_area .process_row img { float:none; padding:0 0 10px;}
	.process_area .process_row h2 { text-align:center;}
	.form_cover { padding:15px;}
	.banner_inner h1 { font-size:34px;}	
	.primary ul li a { padding:0 10px; font-size:15px;}
	.banner_inner.mobile360,.banner_inner.mobile480 { padding:111px 0 0;}
}


/* for 320 */
@media screen and (max-width: 359px) {
	.banner_inner.mobile320,.banner_inner.mobile360, .banner_inner.mobile480 { padding:91px 0 0;}
	
}