@charset "utf-8";
/* CSS Document */
/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.4
Developer: 			Giles-Parscale Inc
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://www.beatypalmer.com/
Last Modifier:		Brad Parscale - Giles-Parscale Inc
Last Modified: 		06.01.2015

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;  color: #555555; font-size: 14px; line-height: 24px;}
html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
body{position:relative; min-width: 960px;color: #828b97;font-size: 14px;font-weight: 400;line-height: 23px;font-family: Arial;background: #f6f6f5;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

.cf:before,.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;}

/* Create the Default Paragraphs */
p { color: #494949; font-size: 14px; line-height: 24px;}


/* Specific Header Settings */
h1 {font-size: 25px; color: #000;text-transform: uppercase;font-weight: 300;line-height: 30px;letter-spacing: 5px}
h2 {font-size: 17px;color: #e5b061;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;}
h3 {font-size: 17px;font-weight: 400;color: #6c6a68;letter-spacing: 1px}
h4 {font-size: 14px;color: #000;font-weight: 700;}
h5 {color: #494949; font-size: 14px; line-height: 24px;}
h6 {}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color: #e4ac56; font-size: 15px; text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
a:hover {color: #000;}
a:active {color: #000;}
a:focus {outline: none;}
a.current{color: #000;}


/* 5. Forms
------------------------------------------------------------------------------*/

input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; }

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}


/* Removes fieldset borders. even on Opera 7 */
fieldset {border: 1px solid transparent;}


/* 7. Framework
------------------------------------------------------------------------------*/

/* Common CSS */
/*common margin style*/
.m0{margin:0 !important;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px !important;}
.mb80{margin-bottom:80px !important;}
.mt25{ margin-top:25px !important;}
.mt50{ margin-top:50px !important;}

/*all padding zero*/
.p0{padding:0 !important;}
.pt20{padding-top:20px;}

/*common display style*/
.dis-b{display:block}
.pos_rel{ position:relative;}
.hidden{ display:none !important;}

/*border*/
.no_bdr{border:none !important;}

/*common fonts style*/
.f16{ font-size:16px !important;}
.f18{ font-size:18px !important;}
.fbold{font-weight:bold;}
.opa1{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  filter: alpha(opacity=100);  -moz-opacity: 100;  -khtml-opacity: 100;  opacity: 100; }
.opa0{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  filter: alpha(opacity=0);  -moz-opacity: 0;  -khtml-opacity: 0;  opacity:0; }

/*transition effect*/
.tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*common botton*/
.common_btn{font-size: 13px;font-weight: 700;border: 1px solid #b8b8b8;color: #7b7b7b;display: inline-block;vertical-align: top;text-align: center;padding: 5px 23px;text-transform: uppercase;font-family: 'Roboto', sans-serif;letter-spacing: 1px}
.common_btn:hover{background: #8d8682 !important;color: #fff !important;border-color: #fff !important;}
/* Page Layout */
body{min-width: 960px;}
#full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -140px; /* the bottom margin is the negative value of the footer's height */}
.wrapper{ width:960px; margin:0 auto;}
.content{ margin:0 auto; padding:0; width:100%;}

/*  Header */
header{  position: fixed;width: 100%;margin-top: -60px;background: #fff;/*box-shadow: -2px 2px 0px rgba(0,0,0,0.075);*/z-index: 999;}
header:after {content: '';z-index: 999;top: 0; height: 100%;position: absolute;right: 0px;width: 50%;background: #4a4a4a;}
header .wrapper{ position:relative;}
header .brand{float: left;text-align: right;background:#fff;width: 430px;}
header .brand a{display: inline-block;padding: 16.5px 50px 4.5px 10px;}
header .brand a img{width: 100%;}
header nav {background: #4a4a4a;float: left;padding: 22px 0 0 0  ;width: 495px;padding-left: 35px;min-height: 38px;max-height: 38px;}
header nav li{list-style: none;display: inline-block;vertical-align: top;padding: 0 28px 12px 28px;position: relative;text-align: center;z-index:9999;}
header nav li a{font-family: 'Roboto', sans-serif;font-size: 16px;color: #e6e3df;letter-spacing: 1px;text-transform: uppercase;}
header nav li a:hover, header nav li a.current,header nav li a.active{color: #fcb446;}
header nav ul ul{position: absolute;top: 38px;left: 0;background: #fff;width: 170px;margin: 0 auto;padding-bottom:2px;z-index: 999;display: none;box-shadow: 0px 4px 7px rgba(0,0,0,.50);}
header nav ul ul li{display: block;margin-top:0px;padding: 0;background: #fff;}
header nav ul ul li a{color: #363636;font-weight: 400;font-size: 14px;display: block;padding: 9px 11px;line-height: 20px;/*margin-bottom:1px;*/position: relative;background: #fff;border-bottom: 1px solid #fff;}
header nav ul ul li a:hover, header nav ul ul li a.active{background: #e1e1e1;color: #363636;}
header nav ul ul li:first-child a:hover:after, header nav ul ul li:first-child a.active:after{content: '';position: absolute;width: 100%;height: 8px;z-index: 5;background: url(/images/site/dropdown_top_hr.png) no-repeat;background-position: center bottom;left: 0;top: -8px;}
header nav ul ul li a:after{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
header nav ul ul:after {content: '';position: absolute;width: 100%;height: 8px;z-index: 5;background: url(/images/site/dropdown_top.png) no-repeat;background-position: center bottom;left: 0;top: -8px;}
#dropdown_nav1{left:5px;}
#dropdown_nav2{left:-15px;}
/*header nav li:hover ul{display: block;}*/

/*Home Content*/
#home_banner {width: 960px; margin: 0 auto; position: relative;}
#home_cycle {width: 960px; overflow: hidden;}

#home_banner .home_slide {
    text-align:center;
    opacity: .1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear
}

#home_banner .active_slide {
    opacity: 1;
}

#home_banner .home_slide.cycle-slide-active .home_slide_content {
    opacity: 1;
    -webkit-transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
    cursor: default
}

#slider-nav #prev {position: absolute; left: -44px; bottom: 40px; z-index: 100; display: block; width: 44px; height: 56px; background: url(/images/site/pagination_arrow_left.png) 0 0 no-repeat; text-indent: -9999px;}
#slider-nav #prev:hover {background-position: 0 -56px;}
#slider-nav #next {position: absolute; left: 0; bottom: 40px; z-index: 100; display: block; width: 44px; height: 56px; background: url(/images/site/pagination_arrow_right.png) 0 0 no-repeat; text-indent: -9999px;}
#slider-nav #next:hover {background-position: 0 -56px;}

#home_content{margin-top: 60px;}
#home_content .home_slider_container{position: relative;height: 565px;z-index: 1;background: #fff;}
#home_content .home_slider_container .wrapper{height: 100%;position: relative;}
#home_content .home_slider_container .wrapper.pos_rel{position: absolute;bottom: 48px;z-index: 9999;height: 55px;width: 90px;left: -45px;}
#home_content .home_slider_container:after{content: '';position: absolute;left: 0;bottom:-12px;width: 50%;height: 60px; background:url(/images/site/bg_black.png);}
#home_content .home_slider_container:before{content: '';position: absolute;left: 0;bottom:-12px;width: 100%;height: 60px; background:#f6f6f5;}
#home_content .home_slider{z-index: 9999;position: relative;height: 100%;padding-bottom: 12px;background: #fff;}
#home_content .home_slider .pos_rel{position: absolute;bottom: 0;left: -45px;z-index: 999;}
#home_content .home_slider li{list-style: none;text-align: left;width: 920px;padding-right: 40px;position: relative;height: 565px;}
#home_content .home_slider li img{ display: none;}
#home_content .home_slider_container .prev{background: url(/images/site/pagination_arrow_left.png) no-repeat;width: 45px;height: 55px;display: inline-block;vertical-align: top;text-indent: -9999px;}
#home_content .home_slider_container .next{background: url(/images/site/pagination_arrow_right.png) no-repeat;width: 45px;height: 55px;display: inline-block;vertical-align: top;text-indent: -9999px;}
#home_content .home_slider_container .next:hover, #home_content .home_slider_container .prev:hover{background-position: bottom;}
#home_content .home_slider li .caption{background: url(/images/site/bg_caption.png);position: absolute;right: 0;top:160px;width: 213px;padding: 0 60px 0 25px;text-align: center;padding-bottom: 22px;padding-top: 40px;}
#home_content .home_slider li .caption:after{width: 40px;height: 1px;background: #f8daab;content: '';position: absolute;top: 32px;left: 26px;}
#home_content .home_slider  li .caption h2{display: block;font-family: 'Roboto Condensed',sans-serif;font-size: 34px;color: #fff;line-height: 40px;letter-spacing: inherit; text-align:left;}
#home_content .home_slider  li .caption em{display: block;font-family: 'Libre Baskerville', serif;font-size: 15px;color: #000;margin-bottom: 20px;margin-top: 15px;}
#home_content .home_slider  li .caption a{color: #ffffff;border-color: #f7d6a3;}
#home_content .home_slider  li .btm_caption{position: absolute;bottom:6px;left: 0;color: #fdfdfc;font-family: 'Libre Baskerville', serif;font-style: italic;font-size: 16px;width: 100%;text-align: center}
#home_content .home_slider  li .btm_caption:after{content: '';position: absolute;right: 0;bottom:-18px;width: 100%;height: 60px; background:url(/images/site/bg_black.png);z-index: -1;}
#home_content .about_conainer{padding-top: 60px;padding-bottom: 60px;}
#home_content h1{text-align: center;position: relative;}
#home_content h1:after{content: '';position: absolute;width: 100%;height: 1px;background: #d1d1d0;left: 0;top: 14px;z-index: -1;}
#home_content h1 span{padding:0 9px 0 12px;background: #f6f6f5;}
#home_content .about_conainer .graphics{width: 930px;height: 320px;overflow: hidden;text-align: center;padding-right: 30px;display: block;margin-top: 15px;}
#home_content .about_conainer .graphics img {width: 90%; margin-right: 20px;} /*04-21-2015 client request to reduce size of image */
#home_content .btm_container{background:url(/images/site/wwd_bkg_img.jpg);padding: 45px 0 75px;position: relative;z-index: 0;}
#home_content .btm_container h1:after{content: '';position: absolute;width: 362px;height: 1px;background: #d1d1d0;left: 0;top: 14px;}
#home_content .btm_container h1:before{content: '';position: absolute;width: 370px;height: 1px;background: #d1d1d0;right: 0;top: 14px;}
#home_content .btm_container ul{margin-top: 75px;}
#home_content .btm_container ul li {list-style: none;margin-right: 38px;float: left;}
#home_content .btm_container ul li:last-child{margin: 0;}
#home_content .btm_container ul li a{border: 1px solid #b0b0b0;width: 138px;height: 93px;border-radius: 50%; display: block;overflow: hidden;position: relative;padding: 10px;padding-top: 55px;}
#home_content .btm_container ul li a h3{color: #000;font-weight: 700;line-height: 125%;text-transform: uppercase;font-size: 16px;transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;letter-spacing: 2px;}
/*#home_content .btm_container ul li a .overlay{position: absolute;top: 0;left: 0;width: 158px;height: 158px;z-index: 01;border-radius: 50%;display: none;overflow: hidden;}
#home_content .btm_container ul li a:hover .overlay{display: block;}*/
#home_content .btm_container ul li a .overlay{position: absolute;top: 0;left: 0;width: 158px;height: 158px;z-index: 01;border-radius: 50%;/*display: none;*/overflow: hidden;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.ie8 body #home_content .btm_container ul li a .overlay{display: none;}
.ie8 body #home_content .btm_container ul li a:hover .overlay{display: block;}
#home_content .btm_container ul li a:hover .overlay{/*display: block;*/transform: scale(0.999);-webkit-transform: scale(0.999);-moz-transform: scale(0.999)}
#home_content .btm_container ul li a:hover .overlay:after{content: '';position: absolute;width: 158px;height: 158px;background: url(/images/site/bg_black50.png);top: 0;left: 0;z-index: 99;border-radius: 50%;overflow: hidden;}
#home_content .btm_container ul li a:hover h3{color: #fff;}
#home_content .btm_container .inner{position: relative;z-index: 111;text-align: center;max-height: 71px;overflow: hidden;}
#home_content .btm_container .inner span{width: 24px;height: 3px;background: #f2be45;display: block;margin: 0 auto;margin-bottom: 15px;}

/*============================== Inner page content start here ==============================*/
/*======================== About ========================*/
#inner_content{padding-bottom: 100px; margin-top: 60px;}
#inner_content div#team_detail {margin-top: 50px;}
#inner_content .banner{position: relative;background: #fff;}
#inner_content .banner .wrapper{position: relative;z-index: 444;width: 920px;padding-right: 40px;height: 250px;overflow: hidden;margin-bottom: 75px;}
#inner_content .banner .wrapper img{display: block;margin-left: auto;margin-right: auto;}
#inner_content .banner .wrapper img#about{display: block; margin-left: auto;margin-right: auto; width: 104%;}
#inner_content .banner .wrapper img#team{display: block; margin-left: auto;margin-right: auto; width: 77%;}
#inner_content .banner:after{width: 100%;height: 0;content: '';position: absolute;z-index: 445;bottom: 0;left: 0;background: #f6f6f5;}
#inner_content h1{text-align: center;position: relative;padding-top: 20px;line-height: 25px}
#inner_content h1:after{content: '';position: absolute;width: 100%;height: 1px;background: #d1d1d0;left: 0;top: 32px;z-index: -1;}
#inner_content h1 span{padding: 0 9px 0 13px;background: #f6f6f5;}
#inner_content .sidebar{display: inline-block;vertical-align: top;width: 250px;padding-right: 80px;padding-top: 40px;}
#inner_content .sidebar blockquote{position: relative;text-align: center;color: #696969;font-size: 20px;font-family: 'Libre Baskerville', serif;font-style: italic;width: 215px;padding: 11px 17px;line-height: 31px;}
#inner_content .sidebar blockquote:before{position: absolute;content: '';width: 29px;height: 28px;background: url(/images/site/about_quote_start.jpg) no-repeat;top: 0;left: 0;}
#inner_content .sidebar blockquote:after{position: absolute;content: '';width: 29px;height: 28px;background: url(/images/site/about_quote_end.jpg) no-repeat;bottom:6px;right: 0;}
#inner_content .mainbar{display: inline-block;vertical-align: top;width: 610px;padding-right: 10px;padding-top: 30px;}
#inner_content  p{padding: 13px 0 ;}
#inner_content strong{font-size: 14px;font-weight: 700;font-style: italic;color: #494949;display: block;}
#inner_content .mainbar img{margin: 15px 0;}

/*=====================  Company team ================*/
#inner_content .comp_overview{text-align: center;padding-top: 22px;border-bottom: 1px solid #d1d1d0;margin: 0 auto;padding: 0 151px 20px;}
#inner_content .list_item{margin-top: 60px;}
#inner_content .list_item .avtar{display: inline-block;vertical-align: top;width: 180px;height: 205px;overflow: hidden;margin: 0 30px;}
#inner_content .list_item .avtar img{max-width: 100%;}
#inner_content .list_item .description{display: inline-block;vertical-align: top;width: 490px;padding-right: 80px;}
#inner_content .list_item .description h2{letter-spacing: 2px;}
#inner_content .list_item .description h2 span{font-size: 13px;color: #494949;font-weight: 400;padding-left: 6px;letter-spacing:1px;}
#inner_content  h5{font-size: 13px;color: #494949;font-style: italic;font-family: 'Libre Baskerville', serif;font-weight: 400;position: relative;margin-bottom: 14px;padding-bottom: 8px;}
#inner_content  h5:after{width: 30px;height: 1px;background: #d1d1d0;position: absolute;content:'';bottom: 0;left: 0;}

#inner_content .list_item .description .dash{width: 30px;height: 1px;background: #d1d1d0;display: block;margin-top: 11px;margin-bottom: 13px;}
#inner_content .list_item .description p{padding: 0;}

/*================== Company team detail ==================*/
#inner_content .item_wrapper {padding-top: 60px;padding-left: 90px;}
#inner_content .item_wrapper  .item_left{display: inline-block;vertical-align: top;width: 49%;}
#inner_content .item_wrapper  .item_right{display: inline-block;vertical-align: top;width: 49%;}
#inner_content .item_wrapper p{padding: 0;}
#inner_content .item_wrapper  .item_right h3{ color: #6c6a68;font-family: 'Roboto', sans-serif;font-size: 17px;font-weight: 700;margin-top: 25px;}
#inner_content .item_wrapper .avtar{width: 220px;height: 325px;overflow: hidden;margin-bottom: 25px;}
#inner_content .item_wrapper ul{padding-bottom: 30px;}
#inner_content .item_wrapper li{list-style: none;}
#inner_content .item_wrapper li a{color: #494949;font-size: 14px;font-family: Arial;margin-left: 15px;}
#inner_content #team_detail h1{text-align: center;position: relative;padding-top: 94px;line-height: 25px;}
#inner_content #team_detail h1:after{content: '';position: absolute;width: 100%;height: 1px;background: #d1d1d0;left: 0;top: 107px;z-index: -1;}

/*================== Company award ==================*/
#inner_content.cmp_award{padding-top: 75px;}
#inner_content .award_list {padding-left: 90px;}
#inner_content .date{font-size: 20px;font-family: 'Roboto',sans-serif;font-weight: 400;width: 265px;display: inline-block;vertical-align: top;position: relative;padding-bottom: 13px;margin-bottom: 15px;color: #bcbbbb; letter-spacing:1.5px;}
#inner_content .date:after{width: 30px;height: 3px;background: #e4ac56;position: absolute;content:'';bottom: 0;left: 0;}
#inner_content .dash{width: 30px;height: 1px;background: #d1d1d0;display: block;margin-top: 11px;margin-bottom: 13px;margin: 0 auto;}
#inner_content .award_list .award_detail{width: 430px;display: inline-block;vertical-align: top; margin: -55px 0 48px 165px;}
#inner_content .award_list .award_detail .inner{margin-bottom: 23px;}
#inner_content .award_list .award_detail h2{color: #000;text-transform:inherit;}
#inner_content .award_list .award_detail a{font-size: 14px;font-family: Arial;}
#inner_content .award_list .spacer{width:265px; display:block;}


/*====================== project landing ======================*/
#inner_content.project_landing{padding-top: 65px;}
#inner_content.project_landing h1{text-align: left}
#inner_content.project_landing h1:after{bottom: 1px;top: inherit;}
#inner_content.project_landing h1 span{padding-left: 0;padding-bottom: 10px;}
#inner_content .sub_navbar{border-bottom: 1px solid #d1d1d0;padding: 17px 0; }
#inner_content .sub_navbar a{font-family: 'Roboto', sans-serif;font-size: 14px;color: #424343;letter-spacing: 2px;font-weight: 700;text-transform: uppercase;margin: 0 24px;}
#inner_content .sub_navbar a:hover, #inner_content .sub_navbar  a.current{color: #e4ac56;}
#inner_content .projects_container{padding-left: 15px;padding-top: 30px;}
#inner_content .projects_container .box{position: relative;width: 440px;height: 300px;overflow: hidden;display: inline-block;vertical-align: top;margin-right: 60px;margin-bottom: 50px;}
#inner_content .projects_container .caption{width:84%; position: absolute;bottom: 0;left: 0;padding:0px  35px 3px;background:url(/images/site/bg_black.png);text-align: center;z-index: 9;height: 72px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#inner_content .short_title {min-height: 60px;padding-top: 15px;}
#inner_content .projects_container  h3{color: #fff;font-size: 14px;font-family: 'Roboto', sans-serif;letter-spacing: 2px;line-height: 17px;font-weight: 700;max-height: 35px;overflow: hidden;text-transform: uppercase;}
#inner_content .projects_container span{color: #b5b3b3;font-size: 12px;font-family: 'Roboto', sans-serif;text-transform: uppercase;height: 23px;overflow: hidden;display: block;}
#inner_content .projects_container  span em{color: #b5b3b3;font-size: 12px;font-family: 'Roboto', sans-serif;text-transform: uppercase;font-style: normal;padding: 0 5px;}
#inner_content .projects_container h4{ color: #ffffff;font-size: 14px;margin: 0px 0 16px;padding: 19px 0 0px;max-height: 65px;overflow: hidden;position: relative;font-style: italic;font-family: 'Libre Baskerville', serif;font-weight: 400;}
#inner_content .projects_container   .common_btn{color: #b3b2b2;border-color: #7a7f85;}
#inner_content .projects_container h4:after{width: 20px;height: 1px;background: #f2be45;position: absolute;content: '';top: 0;left: 50%;margin-left: -10px;}
#inner_content .projects_container .box:hover .caption{padding-top: 41px;height: 256px;}
#inner_content .paginate{text-align: center;margin-left: 15px;}
#inner_content .paginate strong{display: inline-block; vertical-align: middle; color: #000; margin: 0 9px; font-style: normal; font-size: 16px;}
#inner_content .paginate a{display: inline-block;vertical-align: middle;color: #000;font-weight: 700;font-family: 'Roboto', sans-serif;margin: 0 9px;}
#inner_content .paginate a:hover,#inner_content .paginate a.current{color: #e4ac56;}
#inner_content .paginate a.prev{background: url(/images/site/pagination_arrow_left.png) no-repeat;width: 45px;height: 55px;margin: 0;}
#inner_content .paginate a.next{background: url(/images/site/pagination_arrow_right.png) no-repeat;width: 45px;height: 55px;margin: 0;}
#inner_content .paginate .prev:hover, #inner_content .paginate .prev.current,#inner_content .paginate .next:hover,#inner_content .paginate .next.current{background-position: bottom;}
#inner_content.project_landing .comp_overview{padding: 35px 152px;}

/*==================== project_detail  ====================*/
#inner_content.project_detail{}
#inner_content.project_detail .top_container{background: #fff;position: relative;z-index: 1;}
#inner_content.project_detail .top_container .wrapper{padding: 0 10px;width: 940px;}
#inner_content.project_detail .top_container:after{content: '';position: absolute;left: 0;bottom:0;width: 100%;height: 60px;background: #f6f6f5;z-index: -1}
#inner_content.project_detail h1 {text-align: left; margin-bottom: 30px;}
#inner_content.project_detail h1:after{bottom: 1px;top: inherit;}
#inner_content.project_detail h1 span{padding-left: 0;background: #fff;padding-bottom: 10px;}
#inner_content.project_detail h1 em{font-size: 14px;letter-spacing:normal;text-transform:none;padding-left: 16px;}
#inner_content .lead_back{list-style: none;padding: 15px 0;margin-bottom: 20px;}
#inner_content .lead_back li{display: inline-block;vertical-align: top;}
#inner_content .lead_back li a{color: #393939;font-size: 14px;position: relative;padding-right: 16px;display: inline-block;vertical-align: top;margin-left: 3px;}
#inner_content .lead_back li a:hover, #inner_content .lead_back li a.current{color: #e4ac56;}
#inner_content .lead_back li a:after{content: '>';color: #393939;font-size: 14px;position: absolute;top: 0;right: 0;font-family: Arial;}
#inner_content .lead_back li.last a:after{content: '';color: #393939;font-size: 14px;position: absolute;top: 0;right: 0;font-family: Arial;}
#inner_content .lead_back li.first a{margin: 0;}
#inner_content.project_detail .canvas{margin-top:25px;}
#inner_content.project_detail .canvas img{display: block;}
#inner_content .gallery_wrap{width: 950px;margin: 0 auto;padding-left: 10px;margin-bottom: 35px;}
#inner_content .gallery_wrap a{display: inline-block;vertical-align: top;width: 150px;height: 105px;overflow: hidden;margin: 8px 4px 0px 0;}
#inner_content .gallery_wrap a img{max-width: 100%; width: 100%;}
#inner_content.project_detail .sidebar{border: solid #d1d1d0;border-width: 1px 0 1px 0;width: 300px;margin-right: 50px;padding: 25px 0;margin-top:30px; float: left;}
#inner_content.project_detail .mainbar{padding-top: 0;width: 590px; margin-top: 30px; float: right;}
#inner_content.project_detail .sidebar h3{font-size: 14px;color: #494949;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;}
#inner_content.project_detail .sidebar span{display: block;color: #494949;font-size: 14px;font-family: Arial;letter-spacing: 1px}
#inner_content.project_detail .sidebar li{list-style: none;}
#inner_content.project_detail .sidebar li a{color: #494949;font-size: 14px;}
#inner_content.project_detail .sidebar li a:hover, #inner_content.project_detail .sidebar li a.current, #inner_content .item_wrapper li a:hover, #inner_content .item_wrapper li a.current{color: #e4ac56;}

/*==================== Project Slider ====================*/
/*a.button{padding:5px 10px 8px 10px;background:#f74943;display:block;font-size:21px;line-height:21px;font-weight:900;color:#fff;text-transform:uppercase;text-decoration:none;text-shadow:0px -1px 0px rgba(0,0,0,0.4)}*/
#slider-container{margin:5px;background:url(/images/site/slider-container.png);position:relative;overflow:hidden}
#slider-container #slider-nav{  position: absolute;bottom: 48px;z-index: 9999;height: 55px;width: 90px;right: -45px;}
#slider-container #slider-nav #slider-next a.button{background: url(/images/site/pagination_arrow_right.png) no-repeat;width: 45px;height: 55px;display: inline-block;vertical-align: top;text-indent: -9999px;}
#slider-container #slider-nav #slider-prev a.button{background: url(/images/site/pagination_arrow_left.png) no-repeat;width: 45px;height: 55px;display: inline-block;vertical-align: top;text-indent: -9999px;}
#slider-next:hover, #slider-container .container #slider-prev:hover{background-position: top;}

#slider{width:9999px}
.slide{border-left:10px solid #fff;float:right}
.slide-content{opacity:.1;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;transition: opacity .2s ease-out;}
.slide-content:hover{cursor:pointer}
.slide.active .slide-content{opacity:1;-webkit-transition:opacity .4s linear;-moz-transition:opacity .4s linear;-o-transition:opacity .4s linear;transition:opacity .4s linear;cursor:default}
.slide-content{max-height:100%}
.slimScrollBar,.slimScrollRail{margin-right:-1px}

.project_wrapper{width: 100%;margin:0px auto;}
.container{margin-bottom:1px;padding:5px;background:#ececec;position:relative;z-index:0}
.white{margin-bottom:1px;background:#fff;box-shadow:0px 1px 3px rgba(0,0,0,0.05)}

.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix{zoom:1}

@media only screen and (min-width: 320px){
    .project_wrapper{width:310px}
    #slider-container,#video{width:290px;height:163px}
    #slider,.slide-content{height:163px}
    .category-description{width:290px}
    .wide{width:290px}
}

@media only screen and (min-width: 480px){
    .project_wrapper{width:470px}
    #slider-container,#video{width:450px;height:253px}
    #slider,.slide-content{height:253px}
    .thumb{width:220px;height:214px}
    .thumb.big{width:450px;height:253px}
    .info h3{font-size:14px;line-height:16px}
    .category-description{width:450px;height:214px}
    .wide{width:450px}
}

@media only screen and (min-width: 710px){
    .project_wrapper{width:700px}
    #slider-container{width:680px;height:382px}
    #slider,.slide-content{height:382px}
    .thumb.big{width:335px;height:188px}
    .info h3{font-size:16px;line-height:18px}
    .info h5{font-size:11px;line-height:11px}
    #video{width:680px;height:382px}
    .work-categories{display:block}
    .mobile-hidden{display:block}
}

@media only screen and (min-width: 940px){
    .project_wrapper{width:930px}
    #slider-container{width:910px}
    .wide{width:680px}
    .thumb.big{width:450px;height:253px}
}

@media only screen and (min-width: 1170px){
    .project_wrapper{width:1160px}
    #slider-container{width:1140px;height:512px}
    #slider,.slide-content{height:512px}
    .thumb.big{width:565px;height:318px}
    #video{width:910px;height:512px}
    .wide{width:910px}

}

@media only screen and (min-width: 1400px){
    .project_wrapper{width:1390px}
    #slider-container{width:1370px;height:642px}
    #slider,.slide-content{height:642px}
    .thumb.big{width:680px;height:383px}
    #video{width:1140px;height:642px}
}


/*====================== Contact us ======================*/
#inner_content.contactus{padding-top: 78px;}
#inner_content .top_wrap{border-bottom: 1px solid #d1d1d0;padding:20px 0 20px 10px ;}
#inner_content .top_wrap .unit{display: inline-block;vertical-align: top;width:236px;padding-left: 80px;border-right: 1px solid #d1d1d0;height:130px;padding-top: 25px;}
#inner_content .top_wrap .unit.last{border-right: none;}
#inner_content .top_wrap .unit.first{width: 248px;padding: 0;padding-right: 60px;padding-top: 25px;}
#inner_content .top_wrap .unit h4{text-transform: uppercase;letter-spacing:2px;margin-bottom:10px;}
#inner_content .top_wrap .unit p{padding: 0;letter-spacing:1px;line-height: 22px}
#inner_content .top_wrap .unit p strong{font-style: normal;font-weight: 700;font-family: 'Roboto', sans-serif;display: inline-block;vertical-align: top;width: 30px;}
#inner_content .bottom_wrap .unit {width: 278px;height: 278px;border: 1px solid #999999;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;overflow: hidden;position: relative;display: inline-block;vertical-align: top;margin-right: 55px;margin-top: 39px;}
#inner_content .bottom_wrap .unit:last-child{margin-right: 0;}
#inner_content .bottom_wrap .unit .overlay h4{text-transform: uppercase;letter-spacing: 2px;position: relative;padding-bottom: 20px;margin-bottom: 27px;overflow: hidden;max-height: 46px;}
#inner_content .bottom_wrap .unit h4:after{content: '';position: absolute;bottom: 0;left: 50%;margin-left: -10px;width: 20px;height: 2px;background: #f2be45;}
#inner_content .bottom_wrap .unit .common_btn{color: #303030;border-color: #afafaf;font-family: Arial;font-size: 11px;padding: 5px 33px;}
/*#inner_content .bottom_wrap .unit .overlay{position: absolute;top: 0;left: 0; width: 50%;padding: 30% 25% 0 25%;height: 70%;border-radius: 50%;background: url(/images/site/bg_white.png);text-align: center;display: none;}
#inner_content .bottom_wrap .unit:hover .overlay{ display: block;}*/
#inner_content .bottom_wrap .unit .overlay{position: absolute;top: 0;left: 0; width: 50%;padding: 30% 25% 0 25%;height: 70%;border-radius: 50%;background: url(/images/site/bg_white.png);text-align: center;/*display: none;*/transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#inner_content .bottom_wrap .unit:hover .overlay{ /*display: block;*/transform: scale(0.999);-webkit-transform: scale(0.999);-moz-transform: scale(0.999)}
.ie8 body #inner_content .bottom_wrap .unit .overlay{display: none;}
.ie8 body #inner_content .bottom_wrap .unit:hover .overlay{display: block;}

/*=================== 404 & thankyou ===================*/
#inner_content.thank_wrap .banner .wrapper{margin-bottom: 25px;}
#inner_content.thank_wrap h1{margin-bottom: 25px;}
#inner_content.thank_wrap p{padding-bottom: 0px;}
#inner_content.thank_wrap .sidebar{padding-left: 100px;width: 235px;padding-right: 0;padding-top: 30px;}
#inner_content.thank_wrap .sidebar h2{margin-bottom: 20px;border-bottom: 1px solid #e5b061}
#inner_content.thank_wrap .sidebar li{list-style: none;}
#inner_content.thank_wrap .sidebar li a{letter-spacing: 2px}
#inner_content.thank_wrap .sidebar li a:hover{color:#000;}
#inner_content.thank_wrap .mainbar h2{margin-top: 25px;margin-bottom: 15px;}

/*========================= Push =========================*/
.push{height: 140px;}


/*=========================== Footer ===========================*/
footer{background: #363636;padding-top: 20px;padding-bottom: 10px;}
footer .wrapper{position: relative;}
#totop {cursor: pointer;display: block;padding: 0;position: absolute;right: 0;z-index: 9999;text-align: center;/*bottom: 78px;*/top: 0;z-index: 1;}
#totop span{display: block;color: #000;font-size: 12px;text-transform: uppercase;font-family: 'Roboto', sans-serif;margin-top: 3px;letter-spacing: 1px}
#totop img{display: block;margin: auto}
/*#totop.show{display: block;}*/

footer .unit-1{display: inline-block;vertical-align: top;width: 186px;padding-left: 0;}
footer .unit-1 a{font-family: 'Montserrat';font-weight: 400;font-size: 13px;text-transform: uppercase;}
footer .unit-2{width:211px;padding:0  100px 0 0;display: inline-block;vertical-align: top;}
footer .unit-2 h5{color: #686561;font-size: 13px;font-family: 'Montserrat';line-height: 22px;text-transform: uppercase;}
footer .unit-2 a{color: #686561;font-size: 13px;font-family: 'Montserrat';line-height: 22px;}
footer .unit-3{width: 130px;padding: 0 92px 0 0px;text-align: center;display: inline-block;vertical-align: top;}
footer .unit-3 a{width: 11px;height: 21px;display: block;margin: 0 auto;background: url(/images/site/footer_fb_icon.png) no-repeat }
footer .unit-3 a:hover{background-position:bottom;}
footer .unit-3 h5{font-size: 13px;color: #686561;text-transform: uppercase;margin-bottom: 10px;display: block;font-family: 'Montserrat';font-weight: 400;}
footer .unit-4{width:218px;padding: 0;display: inline-block;vertical-align: top;margin-left: 11px;}
footer .unit-4 span{display: inline-block;vertical-align: middle;margin-left: 30px;}
footer .ftr_btm{border-top: 1px solid #545250;margin-top: 11px;padding-top: 8px;}
footer .ftr_btm p{color: #686561;font-size: 12px;font-family: 'Montserrat'}
footer .unit-1 a{color: #686561;}
footer .unit-1 a:hover{color: #fff;}

/* New 10-7-2015 */
#home_cycle .home_slide{/* max-width: 500px; */overflow: hidden; opacity: 0.1 !important;}
#home_cycle .home_slide:nth-child(5){ opacity: 1 !important;}
#home_cycle .home_slide.cycle-slide-active{ opacity: 1 !important;}
/*#home_cycle .home_slide img{ max-width: 100%;}*/


/* Mobile */
#main_container{ height: 100%;}
.modalDialog {position: fixed;font-family: Arial, Helvetica, sans-serif;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.9);z-index: 99999;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;padding: 40px 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;  opacity:0; visibility: hidden; margin-left: 100%; width: 100%; box-sizing: border-box;}
.modalDialog.active{ visibility: visible; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter: alpha(opacity=1);-moz-opacity: 1;-khtml-opacity: 1;  opacity:1; margin-left: 0;}

.mobile_menu_icon{ display: none; float: right; height: 45px; margin: 0; padding: 0; width: 50px; position: fixed; right: 2%; top: 0; z-index: 999999;}
.mobile_menu_icon:hover{ color: #fff !important; text-decoration: none;}
.mobile_menu_icon.active{color: #fff !important; }