html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
html{-webkit-text-size-adjust:none;}
body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:#fff;}
body.under-construction{border-top:0;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
::-moz-selection{color:#fff;text-shadow:none;}
::selection{color:#fff;text-shadow:none;}
span.line{display:block;width:50px;height:4px;margin:7px 0 -11px 0;}
.google-map iframe{width:100%;min-height:400px;}
.left{float:left;}
.right{float:right;}
.t-center{text-align:center;}
.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.ml-10{margin-left:10px !important;}
body, .navigation ul li a, .navigation ul li ul li a, .subscribe input.mail, .subscribe input.submit, input.search, input.text, textarea, input.subscribe-text, input.subscribe-button{font-family:'TitilliumText22LMedium', Arial, sans-serif;}
.welcome, .js .selectnav, .testimonials .author, .qoute, .description, h1.page-title, blockquote, .info-box p, table th, .tables-column .header h3, .comment .title span.right, .ei-title h3, #under-construction p, #clock-ticker .block .flip-top{font-family:'TitilliumText22LRegular', Arial, sans-serif;}
.recent-work .item h4, .day, .qoute h2, .progress-bar h5, .choose ul li, .button, .lightbox .item h4, .tables-column .header h1, .portfolio .item h4, .comment .title, .form-box label{font-family:'TitilliumText22LBold', Arial, sans-serif;}
.recent-blog .tags, .recent-blog .tags-comments, .tags-comments2, .subscribe input.mail, span.copyright, ul.team li p, .most-posts li span, .post-meta, .comment .title span.right{font-size:12px;}
body, .navigation ul li ul li a, .services p{font-size:13px;}
.alert, blockquote, table th, .tables-column .header h3, .pricing-tables-2 .tables-column .list li, #options, .about-project p, .job, .categories, .post-content p, .ei-title h3{font-size:14px;}
.progress-bar h5, .button.medium, .tables-column .list li{font-size:15px;}
.navigation ul li a, .flex-caption, .qoute p, a.link, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, input.subscribe-text, input.subscribe-button{font-size:16px;}
.button.large, .dropcap{font-size:18px;}
.tables-column .footer h3 span, .ei-title h2{font-size:20px;}
.welcome, .flex-caption span, .day, .sti-menu li a h2, .qoute h2, .description, #toggle-view li span.link, .tables-column .header h3 span, #under-construction p{font-size:22px;}
.testimonials .author, a.link, .dropcap, table th{font-weight:bold;}
blockquote{font-style:italic;}
.tables-column .header h1{font-size:24px;}
.tables-column.featured .header h1, .tables-column.featured .header h3 span{font-size:26px;}
#under-construction h1{font-size:40px;}
h1.big{font-size:150px;padding:50px 25px 70px 0;}
body, .post-meta a{color:#000000;}
.month, .subscribe input.submit, .sti-menu li a:hover h2, .sti-menu li a:hover p, a.link, a.link:hover, #accordion h3.ui-state-active a, #accordion h3.ui-state-active a:hover, #accordion h3.ui-state-active:hover a, .button, .button:hover, .highlight-color, .highlight-color a,.highlight-color a:hover, .highlight-black, .highlight-black a, .highlight-black a:hover, .highlight-gray, .highlight-gray a, .highlight-gray a:hover, #horizontal-tabs ul.tabs li.current, #horizontal-tabs ul.tabs li:hover, #vertical-tabs ul.tabs li.current, #vertical-tabs ul.tabs li:hover, #toggle-view li h3.black, #toggle-view li h3.color, #toggle-view li h3.gray, #toggle-view li span.link, .dropcap.color, .dropcap.black, .pagination li a.current, .pagination li.now, .pagination li.prev a, .pagination li.next a, .pagination li.first a, .pagination li.last a, .pagination li a:hover, .pagination li a.prev, .pagination li a.next, .tabscontent.color, .tables-column .header h1, .tables-column .header h3, .tables-column .footer h3 span, #options li a:hover, #options li a.selected, .popular-tags a:hover, .date-post .day, .date-post .month, #under-construction, #under-construction h1, #under-construction p, input.subscribe-button, .flex-caption span{color:#fff;}
.recent-blog .tags-comments a, .tags-comments2 a, .recent-blog .tags-comments, .tags-comments2, .more a, .more2 a{color:#b4b3b3;}
.navigation ul li a, .sti-menu li a h2, .comment a:hover, .form-box label{color:#585858;}
h1, h2, h3, h4, h5, h6, .services .item a, .services .item.active:hover a, .day, .qoute h2, .welcome p, .js .selectnav, .description p, .use p, .progress-bar h5, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, .square-list li, .square-list li a, .check-list li, .check-list li a, .plus-list li, .plus-list li a, .arrow-list li, .arrow-list li a, .cross-list li, .cross-list li a, .star-list li, .star-list li a, .minus-list li, .minus-list li a, .arrow2-list li, .arrow2-list li a, .circle-list li, .circle-list li a, table th, #options li a, .most-posts li a:hover, #clock-ticker .block, .tweet_list li a:hover, .under-construction .copyright a:hover{color:#000000;}
.recent-work .item:hover a, .testimonials .author, .sti-menu li a, ul.team li p, .lightbox .item:hover a, .portfolio .item:hover a, .about-project p, input.search, #toggle-view li h3.normal, #toggle-view li span.link.normal{color:#868686;}
h3.title, footer a{color:#e8e8e8;}
footer, .subscribe input.mail{color:#a4a1a1;}
.gray2, input.subscribe-text{color:#b3b3b3;}
.job li a, .categories li a, .most-posts li a, .form-box label small, input.text, textarea{color:#999999;}
.navigation ul li a:hover,
.navigation ul li a.selected,
.navigation ul li a.active,
.navigation ul li ul li a,
.services .item,
.recent-work .item,
.welcome,
.qoute,
.lightbox .item,
.portfolio .item,
#options li a,
.popular-tags a,
.meta{background:#f8f8f8;}
#accordion h3{background:#f9f9f9;}
.meter{background:#f6f6f6;}
.navigation ul li ul li a:hover, .tables-column .list li.odd, #clock-ticker .block, input.subscribe-text{background:#fff;}
.tabscontent.white{background-color:#fff !important;}
.square, .services .item.active:hover .square, .button.color:hover, .button.gray:hover, .highlight-black, a.link:hover, .pagination.black li a.current, .pagination.black li a:hover{background:#585858;}
.sti-menu li a:hover{background:#585858 !important;}
.day{background:#f5f5f5;}
.month, .our-services ul li:hover .icon-box, .button.black, #toggle-view li h3.black, .dropcap.black{background:#686868;}
.flex-direction-nav li .next:hover{background:#585858 url(../images/icons/project-slider-arrow-right.png) no-repeat;background-position:55% 50%;}
.flex-direction-nav li .prev:hover{background:#585858 url(../images/icons/project-slider-arrow-left.png) no-repeat;background-position:45% 50%;}
.sample{color:#999999;padding-left:0;}
.red{color:#ff0000;}
.testimonials p,
.clients .items,
blockquote,
.info-box,
.box,
.description,
.use,
#horizontal-tabs ul.tabs li,
#horizontal-tabs .tabscontent,
#vertical-tabs ul.tabs li,
#vertical-tabs .tabscontent,
.pagination li a,
.breadcrumbs.gray,
table th,
.tables-column .list li.even,
#toggle-view li h3.normal{background-color:#fafafa;}
footer{background:#474747;}
footer.under-construction{background:#fff;}
.subscribe input.mail{background:#505050;}
.button.gray, .highlight-gray, #toggle-view li h3.gray, .pagination li a.prev, .pagination li a.next, .pagination li.prev a, .pagination li.next a, .pagination li.first a, .pagination li.last a{background:#b3b3b3;}
.tables-column .header.gray h1{background:#979797;}
.tables-column .header.gray h3, .tables-column .footer.gray h3{background:#7e7e7e;}
.tables-column .header.black h1, .tables-column.featured .footer h3 span:hover, input.subscribe-button:hover{background:#5d5d5d;}
.tables-column .header.black h3, .tables-column .footer.black h3 span, input.subscribe-button{background:#474747;}
.flex-control-nav li a, .ei-slider-thumbs li a{background:#eaeaea;}
.welcome, .recent-work .item, .day, .month, .sti-menu li a, .description, .lightbox .item, .portfolio .item{text-align:center;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{font-weight:inherit;}
h1{font-size:28px;line-height:50px;}
h2{font-size:20px;line-height:30px;}
h3{font-size:17px;line-height:34px;}
h4{font-size:16px;line-height:30px;}
h5{font-size:14px;line-height:24px;}
h6{font-size:12px;line-height:21px;}
p, blockquote{line-height:22px;}
em{font-style:italic;}
strong{font-weight:bold;}
small{font-size:80%;}
blockquote{}
hr{border:solid #ececec;border-width:1px 0 0;clear:both;margin:-1px 0 0 0;height:0;}
hr.bottom{border:solid #747474;border-width:1px 0 0;clear:both;margin:15px 0 !important;height:0;}
a, .recent-work .item, .services .item .square, .clients ul.items li img, .subscribe input.submit, ul.team li, ul.team li img, ul.team li h3, .choose ul li, .our-services ul li h3, .icon-box, .square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .arrow2-list li, .circle-list li, .lightbox .item, .tables-column .footer h3 span, .thumbs li a, .button{-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;transition:all 0.3s ease-in;}
a{text-decoration:none;color:#585858;}
img{max-width:100%;height:auto;}