@import url(font-awesome.min.css);
@charset "utf-8";
/* CSS Document */
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
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 { border: 0;/*font-size:100%;font:inherit;*/ vertical-align: baseline; margin: 0; padding: 0 }
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: none }
table { border-collapse: collapse; border-spacing: 0 }
/*div {outline:1px solid #f00!important;}*/
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@font-face { font-family: 'FuturaTOT-Demi'; src: url('../fonts/FuturaTOT-Demi.eot?') format('eot'), url('../fonts/FuturaTOT-Demi.woff') format('woff'), url('../fonts/FuturaTOT-Demi.ttf') format('truetype'), url('../fonts/FuturaTOT-Demi.svg#FuturaTOT-Demi') format('svg'); }
@font-face { font-family: 'MuseoSans-500'; src: url('../fonts/MuseoSans-500.eot?') format('eot'), url('../fonts/MuseoSans-500.woff') format('woff'), url('../fonts/MuseoSans-500.ttf') format('truetype'), url('../fonts/MuseoSans-500.svg#MuseoSans-500') format('svg'); }
@font-face { font-family: 'MuseoSans-300'; src: url('../fonts/MuseoSans-300.eot?') format('eot'), url('../fonts/MuseoSans-300.woff') format('woff'), url('../fonts/MuseoSans-300.ttf') format('truetype'), url('../fonts/MuseoSans-300.svg#MuseoSans-300') format('svg'); }
@font-face { font-family: 'MuseoSans-700'; src: '../fonts/MuseoSans-700.eot?') format('eot'), '../fonts/MuseoSans-700.woff') format('woff'), '../fonts/MuseoSans-700.ttf') format('truetype'), '../fonts/MuseoSans-700.svg#MuseoSans-700') format('svg'); }
.padd1 { padding: 2em 1em; }
.padd2 { padding: 2em 0em; }
.padd3 { padding: 0em 0 0 1em; }
.padd4 { padding: 2em 1em 0; }
.marg1 { margin: 0 1em; }
.offset15 { padding-left: 0px; padding-right: 0px; }
/*Headers*/
h1, h2, h3, h4, h5, h6 { font-family: 'FuturaTOT-Demi', sans-serif; font-weight: 100; line-height: 1.3em; margin: 0 1em 0.5em 0.5em !important; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h2 span a { color: #dba449; }
h1 { font-size: 2.26em; }
h2 { font-size: 1.968em; }
h3 { font-size: 1.799em; }
h4 { font-size: 1.456em; }
h5 { font-size: 1.353em; }
p { color: #333333; font-size: 1.30em; font-weight: 500; line-height: 1.42em !important; margin-bottom: 14px; vertical-align: baseline }
.clearfix:before, #wrapper:after { content: ""; display: table; }
p, li, dt, dd { font: 500 1.3em 'MuseoSans-500', sans-serif; margin: 0 2em 0.5em 1.2em !important; text-align: left; }
img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
header .logo a { display: block; text-align: center; }
/*.container div { outline: 1px solid #ccc; }*/
.container { background: none repeat scroll 0 0 #FFF; width: 950px; padding: 0 0 0 10px; margin: 0px auto; /*outline: 1px solid red;*/ }
.container:before, .container:after { content: ""; display: table; line-height: 0; }
/*Logo / Menu*/
.logo, header, .colage { background: #FFF; }
/*SideMenu*/
.sidemenu { background: -moz-linear-gradient(45deg, rgba(253,181,16,1) 0%, rgba(252,237,137,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(253,181,16,1)), color-stop(100%, rgba(252,237,137,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(45deg, rgba(253,181,16,1) 0%, rgba(252,237,137,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(45deg, rgba(253,181,16,1) 0%, rgba(252,237,137,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(45deg, rgba(253,181,16,1) 0%, rgba(252,237,137,1) 100%); /* ie10+ */ background: linear-gradient(45deg, rgba(253,181,16,1) 0%, rgba(252,237,137,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fced89', endColorstr='#fdb510', GradientType=1 ); /* ie6-9 */
height: auto; min-height: 293px; }
.sidemenu section { padding: 1em 3%; width: 94%; }
.sidemenu h2 { color: #511908; font-size: 1.8em; text-align: left; text-transform: uppercase; }
.sidemenu ul, .sidemenu ul li { list-style: none outside none; margin: 0 !important; padding: 0; }
/*Welcome*/
.welcome { padding: 1em 0; position: relative; }
.welcome h1, .services h2, .services h3, .clients h2, .up { text-transform: uppercase; }
.testimonials { background: none repeat scroll 0 0 #fffbf0; height: auto; margin-bottom: 1em; min-height: 205px; outline: 1px solid #fff4d7; padding: 2em 0 1em; }
.testimonials blockquote { border-radius: 10px; color: #4a4947; font-family: 'Cardo', serif; font-size: 13px; font-style: italic; font-weight: 400; line-height: 16px; padding: 0 20px 0px; position: relative; letter-spacing: normal !important; }
.welcome .owl-buttons { bottom: 23px !important; position: absolute; right: 20px; }
.ct { display: block; margin: 5px 5px; }
.ct dt { font-size: 14px; font-weight: 700; padding: 10px 0 1px; }
.ct dt, .ct dd { letter-spacing: 0; line-height: 16px; }
/*-- Our Services --*/
.services { background: #fafafa; -moz-box-shadow: inset 0 8px 8px -8px rgba(236, 236, 236, 1), inset 0 -8px 8px -8px rgba(236, 236, 236, 1); -webkit-box-shadow: inset 0 8px 8px -8px rgba(236, 236, 236, 1), inset 0 -8px 8px -8px rgba(236, 236, 236, 1); box-shadow: inset 0 8px 8px -8px rgba(236, 236, 236, 1), inset 0 -8px 8px -8px rgba(236, 236, 236, 1); }
.services h2, .services h3 { margin-left: 0 !important; }
.services a { color: #b28440; font-size: 1.2em !important; line-height: 0; padding: 0 0 0 0.5em; text-decoration: none; }
.services .pure-u-1.pure-u-md-1-4 { padding: 1.5em 0; }
/*-- Our Services --*/
.services { background: #fafafa; -moz-box-shadow: inset 0 8px 8px -8px rgba(236, 236, 236, 1), inset 0 -8px 8px -8px rgba(236, 236, 236, 1); -webkit-box-shadow: inset 0 8px 8px -8px rgba(236, 236, 236, 1), inset 0 -8px 8px -8px rgba(236, 236, 236, 1); box-shadow: inset 0 8px 8px -8px rgba(236, 236, 236, 1), inset 0 -8px 8px -8px rgba(236, 236, 236, 1); }
.services h4 { /*font-family: 'MuseoSans-500', sans-serif; font-weight: 100;*/ }
.services ul { }
.services ul li { font-size: 12px; line-height: 16px; list-style: disc outside none; }
.services a { color: #b28440; font-size: 1.2em !important; line-height: 0; padding: 0 0 0 1.1em; text-decoration: none; }
.services .pure-u-1.pure-u-md-1-4 { padding: 1.5em 0; }
#owl-demo .item div { text-align: center; }
#owl-demo .item img { display: block; margin: 1em auto; }
.owl-pagination { display: none; }
.clickable .owl-buttons { bottom: -26px; position: absolute; right: 20px; }
.colage .owl-buttons { bottom: 11px; position: absolute; right: 5px; width: 46px; }
.clients .owl-buttons { position: absolute; right: 5px; top: -37px; }
.clients { padding: 2em 1em 0; position: relative; }
.casestudy h2 { color: #dba449; text-transform: uppercase; }
/*Table: bordered*/
table.bordered {
*border-collapse: collapse; /* IE7 and lower */ border-spacing: 0; margin: 2em auto; width: 97%; }
.bordered { border: solid #9CA9B3 1px; }
.bordered h3 { font: 100 17px/18px 'Swiss721BT-Heavy', Verdana, Geneva, sans-serif; margin: 0; }
.bordered td strong { font: 700 18px 'FuturaTOT-Demi', sans-serif; margin: 0; }
.bordered tr:hover { background: #fbf8e9; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #000; }
.bordered td, .bordered th { border-left: 1px solid #9ca9b3; border-top: 1px solid #9ca9b3; font: 500 1.3em/1.4em 'MuseoSans-500', sans-serif; padding: 8px 10px; text-align: left; }
.bordered th { background-color: #0081C7; background-image: -webkit-gradient(linear, left top, left bottom, from(#1891cd), to(#0081C7)); background-image: -webkit-linear-gradient(top, #1891cd, #0081C7); background-image: -moz-linear-gradient(top, #1891cd, #0081C7); background-image: -ms-linear-gradient(top, #1891cd, #0081C7); background-image: -o-linear-gradient(top, #1891cd, #0081C7); background-image: linear-gradient(top, #1891cd, #0081C7); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none; color: #FFFFFF; font-weight: 700; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
.bordered td:first-child, .bordered th:first-child { border-left: none; }
.bordered th:only-child { -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; }
.bordered tr:last-child td:first-child { -moz-border-radius: 0 0 0 6px; -webkit-border-radius: 0 0 0 6px; border-radius: 0 0 0 6px; }
.bordered tr:last-child td:last-child { -moz-border-radius: 0 0 6px 0; -webkit-border-radius: 0 0 6px 0; border-radius: 0 0 6px 0; }
.bordered strong { color: #B28440; }
/*FontAwasome*/
ul.tick { float: left; margin: 0.5em 0; padding-left: 0; width: 100%; }
.fa { display: inline-block; font-family: 'FontAwesome'; font-style: normal; font-weight: 400; line-height: 1; }
.tick li { color: #393a3b; line-height: 18px; padding: 0 0 0 5px; }
.tick li i { color: #B28440; font-style: normal!important; margin-right: 4px; }
.tick li strong { color: #B28440; }
/*Footer:Start*/
footer { border-top: 1px dotted #cccccc!important; margin-top: 13px!important; padding-top: 13px!important; width: 100%; display: block!important; }
footer p { font-size: 11px; padding: 0; }
footer div + div p { text-align: right; }
footer a { color: #333333; text-decoration: none; }
/*Form styles*/
.cform { width: 97%; margin: 0 auto; }
.cform tr td dl dt, .cform tr td dl dd { margin: 0 !important; }
.cform tr td dl dt { font: 100 18px/21px 'FuturaTOT-Demi', sans-serif; padding: 8px 0; text-transform: uppercase; }
.intext { background-color: #ffffff; border: 1px solid #dddddd; font: 500 1.2em 'MuseoSans-500', sans-serif; margin-bottom: 4px; padding: 8px 6px; vertical-align: middle; color: #dba449; }
.intext2 { background-color: #ffffff; border: 1px solid #dddddd; color: #dba449; font: 500 1.2em 'MuseoSans-500', sans-serif; margin-bottom: 4px; padding: 8px 6px; vertical-align: middle; width: 39%; }
/*Form styles*/
.qform { width: 97%; margin: 0 auto; }
.qform tr td dl dt, .qform tr td dl dd { margin: 0 !important; }
.qform tr td dl dt { font: 700 1.04em 'FuturaTOT-Demi', sans-serif; padding: 3px 0; text-transform: uppercase; }
.qtext { background-color: #ffffff; border: 1px solid #dddddd; color: #986204; font: 500 0.9em 'MuseoSans-500', sans-serif; margin-bottom: 4px; padding: 4px 6px; vertical-align: middle; width: 90%; }
.qtext2 { background-color: #ffffff; border: 1px solid #dddddd; color: #dba449; font: 500 1.2em 'MuseoSans-500', sans-serif; margin-bottom: 4px; padding: 4px 6px; vertical-align: middle; width: 90%; }
.qtext3 { background-color: #ffffff; border: 1px solid #dddddd; color: #986204; font: 500 0.9em 'MuseoSans-500', sans-serif; margin-bottom: 4px; padding: 4px 6px; vertical-align: middle; width: 90%; }
.error { color: #f00; font: italic 100 1.5em/2em 'Cardo', serif; }
.hide { display: none; }
.submit { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e4685d), color-stop(1, #eb675e)); background: -moz-linear-gradient(top, #e4685d 5%, #eb675e 100%); background: -webkit-linear-gradient(top, #e4685d 5%, #eb675e 100%); background: -o-linear-gradient(top, #e4685d 5%, #eb675e 100%); background: -ms-linear-gradient(top, #e4685d 5%, #eb675e 100%); background: linear-gradient(to bottom, #e4685d 5%, #eb675e 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4685d', endColorstr='#eb675e', GradientType=0);
background-color: #e4685d; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #ffffff; display: inline-block; cursor: pointer; color: #ffffff; font-family: 'FuturaTOT-Demi', sans-serif; font-size: 17px; padding: 5px 18px; text-decoration: none; text-shadow: 0px 1px 0px #b23e35; text-transform: uppercase; }
.submit:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eb675e), color-stop(1, #e4685d)); background: -moz-linear-gradient(top, #eb675e 5%, #e4685d 100%); background: -webkit-linear-gradient(top, #eb675e 5%, #e4685d 100%); background: -o-linear-gradient(top, #eb675e 5%, #e4685d 100%); background: -ms-linear-gradient(top, #eb675e 5%, #e4685d 100%); background: linear-gradient(to bottom, #eb675e 5%, #e4685d 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb675e', endColorstr='#e4685d', GradientType=0);
background-color: #eb675e; }
.submit:active { position: relative; top: 1px; }
/*Contact: styles*/
.contact-list { list-style: none outside none; padding-left: 0; margin: 2em 0; }
.contact-list li { line-height: 17px; }
.contact-list li strong { font: 500 1.2em/1em FuturaTOT-Demi, sans-serif; }
.contact-list li strong em { color: #b28440; font-size: 13px; font-style: normal; }
.contact-list li span { font: 100 1.1em/1mm; color: #b28440; }
/*.services *,.clients *, header * {outline:1px solid #f00;}*/
.sitemap dt, .sitemap dt a { color: #000; font: 100 14px/20px 'FuturaTOT-Demi', sans-serif; text-decoration: none; text-transform: uppercase; }
.sitemap dd, .sitemap dd a { color: #b28440; padding-left: 10px; text-decoration: none; }
.sitemap dd .fa { padding: 0 10px; }
.slide-out-div { background: none repeat scroll 0 0 #FCD04C; border: 1px solid #986204; padding: 20px; width: 350px; z-index: 2147483647; }
@media (min-width: 320px) and (max-width: 699px) {
.container { width: 100%; padding: 0 2%; margin: 0px auto; /*outline: 1px solid green;*/ }
table.bordered { width: 100%!important; }
.testimonials blockquote, .ct dt, .ct dd { letter-spacing: normal !important; }
.services .col-xs-9 { margin: 0; padding: 0!important; }
.owl-carousel { margin: 1.5em auto; }
.slide-out-div { padding: 5px 20px; }
.qtext2 { padding: 0 6px; }
.qform tr td dl dt { font: 100 1em/0.5em 'FuturaTOT-Demi', sans-serif; }
.qtext { font: 500 1em 'MuseoSans-500', sans-serif; }
}
@media screen and (min-width: 320px) and (max-width: 396px) {
/*header div + div, .mmenu { position: absolute; top: 68px; }
.emerald-black, .emerald-black, .emerald-black ul.dropdown { background: none repeat scroll 0 0 transparent!important; }*/
.intext2 { width: 96%!important; }
.row { margin-left: -7px!important; margin-right: -7px!important; }
h1 { font-size: 1.9em; }
.testimonials { margin-top: 2em; }
.sidemenu h2 { font-size: 2.2em!important; }
.smk_accordion .accordion_in .acc_head { font-size: 1.7em!important; }
.smk_accordion ul li, .smk_accordion ul li a { font: 300 13px/20px 'MuseoSans-500', sans-serif!important; }
.services .col-xs-9 h4 { font-size: 1.50em; }
footer p, footer div + div p { text-align: center !important; }
.accordion-a header h3 { font-size: 1.7em; }
.welcome h2 { font: 100 1.7em/1.9em 'FuturaTOT-Demi', sans-serif; }
.content h3 { font-size: 1.65em; }
.intext { width: 96%; }
.cform tr td dl dt { font: 100 1.4em/21px 'FuturaTOT-Demi', sans-serif; }
.bordered td strong { font: 700 1.2em 'FuturaTOT-Demi', sans-serif; }
}
@media screen and (min-width: 400px) and (max-width: 596px) {
.intext2 { width: 65%!important; }
.row { margin-left: -9px!important; margin-right: -9px!important; }
h1 { font-size: 1.9em; }
.testimonials { margin: 2em; }
.sidemenu h2 { font-size: 2.5em!important; }
.smk_accordion .accordion_in .acc_head { font-size: 2em!important; }
.smk_accordion ul li, .smk_accordion ul li a { font: 300 13px/20px 'MuseoSans-500', sans-serif!important; }
.services .col-xs-9 h4 { font-size: 1.8em; }
footer p, footer div + div p { text-align: center !important; }
}
@media screen and (min-width: 600px) and (max-width: 696px) {
.sidemenu h2 { font-size: 2.2em!important; }
.smk_accordion .accordion_in .acc_head { font-size: 1.7em!important; }
.smk_accordion ul li, .smk_accordion ul li a { font: 300 13px/20px 'MuseoSans-500', sans-serif!important; }
}
@media screen and (min-width: 768px) and (max-width: 799px) {
.container { width: 96%; padding: 0 2%; margin: 0px auto; /*outline: 1px solid green;*/ }
p, li, dt, dd { font: 500 1.15em 'MuseoSans-500', sans-serif; }
header .logo a img { width: 90%; }
.sidemenu { height: auto; min-height: 231px!important; }
.smk_accordion .accordion_in .acc_content { padding: 3px 5px; }
.sidemenu section { padding: 1em 3% 0; }
.sidemenu h2 { font-size: 1.7em !important; }
.smk_accordion .accordion_in .acc_head { font-size: 12px!important; }
.smk_accordion ul li, .smk_accordion ul li a { font: 100 10px/12px 'MuseoSans-500', sans-serif; margin: 0 !important; padding: 0; text-decoration: none; }
.sidemenu h2 { font-size: 1.4em !important; margin: 0 !important; }
.intext2 { width: 62% !important; }
h1 { font-size: 1.7em !important; }
/*h2 { font-size: 1.968em; }
h3 { font-size: 1.799em; }
h4 { font-size: 1.456em; }
h5 { font-size: 1.353em; }*/
.smk_accordion ul li, .smk_accordion ul li a { font: 100 11px/14px 'MuseoSans-500', sans-serif !important; }
}
@media screen and (min-width: 800px) and (max-width: 900px) {
.container { width: 96%; padding: 0 2%; margin: 0px auto; /*outline: 1px solid green;*/ }
p, li, dt, dd { font: 500 1.15em 'MuseoSans-500', sans-serif; }
header .logo a img { width: 90%; }
.sidemenu { height: auto; min-height: 241px!important; }
.smk_accordion .accordion_in .acc_content { padding: 3px 5px; }
.sidemenu section { padding: 1em 3% 0; }
.smk_accordion .accordion_in .acc_head { font-size: 12px!important; }
.smk_accordion ul li, .smk_accordion ul li a { font: 100 10px/12px 'MuseoSans-500', sans-serif; margin: 0 !important; padding: 0; text-decoration: none; }
.sidemenu h2 { font-size: 1.4em !important; margin: 0 !important; }
h1 { font-size: 1.8em !important; }
}
@media screen and (min-width: 1024px) and (max-width: 1099px) {
.sidemenu { height: auto; min-height: 242px !important; }
.smk_accordion .accordion_in .acc_head { font-size: 11px!important; }
.sidemenu { height: auto; min-height: 230px!important; }
.nav { position: relative; top: 14px; }
}
@media screen and (min-width: 1280px) and (max-width: 1299px) {
}
@media screen and (min-width: 1360px) and (max-width: 1396px) {
}
@media screen and (min-width: 1440px) and (max-width: 1450px) {
}
@media screen and (min-width: 1600px) and (max-width: 1670px) {
}
@media screen and (min-width: 1920px) and (max-width: 1930px) {
}
@media screen and (min-width: 1280px) and (max-width: 1920px) {
/*.container { margin: 0 auto; padding: 0 10px; width: 1150px; }*/
.container { margin: 0 auto; padding: 0 0 0 10px; width: 1140px; }
.sidemenu { height: auto; min-height: 277px!important; }
.sidemenu section { padding: 2em 3%!important; }
.smk_accordion .accordion_in .acc_head { font-size: 14px !important; }
.smk_accordion ul li, .smk_accordion ul li a { font: 100 13px/18px 'MuseoSans-500', sans-serif !important; text-decoration: none; }
}
@media screen and (min-width: 1024px) and (max-width: 1999px) {
/*.row { margin-left: -10px!important; margin-right: -10px!important; */}
}