@font-face {
font-family: 'icomoon';
src:  url(//www.transformdrafting.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.eot?5ujmx2);
src:  url(//www.transformdrafting.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.eot?5ujmx2#iefix) format('embedded-opentype'),
url(//www.transformdrafting.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.ttf?5ujmx2) format('truetype'),
url(//www.transformdrafting.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.woff?5ujmx2) format('woff'),
url(//www.transformdrafting.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.svg?5ujmx2#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="wpr-icon-"], [class*=" wpr-icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpr-icon-store:before {
content: "\e900";
}
.wpr-icon-cart2:before {
content: "\e901";
}
.wpr-icon-basket:before {
content: "\e902";
}
.wpr-icon-cart:before {
content: "\e93a";
}
.wpr-icon-x:before {
content: "\e687";
}
.wpr-icon-rss:before {
content: "\e600";
}
.wpr-icon-rss-alt:before {
content: "\e68c";
}
.wpr-icon-mail:before {
content: "\e68d";
}
.wpr-icon-plus:before {
content: "\e601";
}
.wpr-icon-minus:before {
content: "\e602";
}
.wpr-icon-magnifying-glass:before {
content: "\e603";
}
.wpr-icon-instagram:before {
content: "\e688";
}
.wpr-icon-grid:before {
content: "\e604";
}
.wpr-icon-search:before {
content: "\e605";
}
.wpr-icon-twitter:before {
content: "\e606";
}
.wpr-icon-plus2:before {
content: "\e607";
}
.wpr-icon-minus2:before {
content: "\e608";
}
.wpr-icon-search2:before {
content: "\e609";
}
.wpr-icon-feed:before {
content: "\e60a";
}
.wpr-icon-cancel:before {
content: "\e60b";
}
.wpr-icon-home:before {
content: "\e60c";
}
.wpr-icon-home2:before {
content: "\e60d";
}
.wpr-icon-search3:before {
content: "\e689";
}
.wpr-icon-menu:before {
content: "\e60e";
}
.wpr-icon-point-right:before {
content: "\e60f";
}
.wpr-icon-point-down:before {
content: "\e610";
}
.wpr-icon-close:before {
content: "\e611";
}
.wpr-icon-minus3:before {
content: "\e612";
}
.wpr-icon-plus3:before {
content: "\e613";
}
.wpr-icon-arrow-right:before {
content: "\e614";
}
.wpr-icon-arrow-down:before {
content: "\e615";
}
.wpr-icon-arrow-right2:before {
content: "\e616";
}
.wpr-icon-arrow-down2:before {
content: "\e617";
}
.wpr-icon-arrow-right3:before {
content: "\e618";
}
.wpr-icon-arrow-down3:before {
content: "\e619";
}
.wpr-icon-paragraph-justify:before {
content: "\e61a";
}
.wpr-icon-paragraph-justify2:before {
content: "\e61b";
}
.wpr-icon-mail2:before {
content: "\e61c";
}
.wpr-icon-google:before {
content: "\e61d";
}
.wpr-icon-googleplus:before {
content: "\e61e";
}
.wpr-icon-googleplus2:before {
content: "\e61f";
}
.wpr-icon-googleplus3:before {
content: "\e620";
}
.wpr-icon-googleplus4:before {
content: "\e621";
}
.wpr-icon-facebook:before {
content: "\e622";
}
.wpr-icon-facebook2:before {
content: "\e623";
}
.wpr-icon-facebook3:before {
content: "\e624";
}
.wpr-icon-instagram2:before {
content: "\e68a";
}
.wpr-icon-twitter2:before {
content: "\e625";
}
.wpr-icon-twitter3:before {
content: "\e626";
}
.wpr-icon-twitter4:before {
content: "\e627";
}
.wpr-icon-feed2:before {
content: "\e628";
}
.wpr-icon-feed3:before {
content: "\e629";
}
.wpr-icon-feed4:before {
content: "\e62a";
}
.wpr-icon-vimeo:before {
content: "\e62b";
}
.wpr-icon-vimeo2:before {
content: "\e62c";
}
.wpr-icon-vimeo3:before {
content: "\e62d";
}
.wpr-icon-flickr:before {
content: "\e62e";
}
.wpr-icon-flickr2:before {
content: "\e62f";
}
.wpr-icon-flickr3:before {
content: "\e630";
}
.wpr-icon-flickr4:before {
content: "\e631";
}
.wpr-icon-deviantart:before {
content: "\e632";
}
.wpr-icon-deviantart2:before {
content: "\e633";
}
.wpr-icon-github:before {
content: "\e634";
}
.wpr-icon-github2:before {
content: "\e635";
}
.wpr-icon-github3:before {
content: "\e636";
}
.wpr-icon-github4:before {
content: "\e637";
}
.wpr-icon-github5:before {
content: "\e638";
}
.wpr-icon-tumblr:before {
content: "\e639";
}
.wpr-icon-tumblr2:before {
content: "\e63a";
}
.wpr-icon-skype:before {
content: "\e63b";
}
.wpr-icon-linkedin:before {
content: "\e63c";
}
.wpr-icon-pinterest:before {
content: "\e63d";
}
.wpr-icon-pinterest2:before {
content: "\e63e";
}
.wpr-icon-search32:before {
content: "\e63f";
}
.wpr-icon-basket2:before {
content: "\e903";
}
.wpr-icon-basket3:before {
content: "\e027";
}
.wpr-icon-magnifying-glass2:before {
content: "\e037";
}
.wpr-icon-facebook5:before {
content: "\e05d";
}
.wpr-icon-twitter5:before {
content: "\e05e";
}
.wpr-icon-googleplus5:before {
content: "\e05f";
}
.wpr-icon-rss2:before {
content: "\e060";
}
.wpr-icon-tumblr3:before {
content: "\e061";
}
.wpr-icon-linkedin2:before {
content: "\e062";
}
.wpr-icon-dribbble:before {
content: "\e063";
}
.wpr-icon-plus5:before {
content: "\e656";
}
.wpr-icon-plus6:before {
content: "\e657";
}
.wpr-icon-minus5:before {
content: "\e658";
}
.wpr-icon-minus6:before {
content: "\e659";
}
.wpr-icon-cancel2:before {
content: "\e65a";
}
.wpr-icon-magnifier:before {
content: "\e65b";
}
.wpr-icon-grid3:before {
content: "\e65c";
}
.wpr-icon-grid4:before {
content: "\e65d";
}
.wpr-icon-list:before {
content: "\e65e";
}
.wpr-icon-add:before {
content: "\e65f";
}
.wpr-icon-minus7:before {
content: "\e660";
}
.wpr-icon-search7:before {
content: "\e661";
}
.wpr-icon-shopping-bag2:before {
content: "\e904";
}
.wpr-icon-shopping-cart2:before {
content: "\e905";
}
.wpr-icon-add_shopping_cart:before {
content: "\e854";
}
.wpr-icon-shopping_cart:before {
content: "\e8cc";
}
.wpr-icon-remove_shopping_cart:before {
content: "\e928";
}
.wpr-icon-shopping_basket:before {
content: "\e8cb";
}
.wpr-icon-align-justify:before {
content: "\e026";
}
.wpr-icon-search5:before {
content: "\e036";
}
.wpr-icon-circle-plus:before {
content: "\e040";
}
.wpr-icon-circle-minus:before {
content: "\e041";
}
.wpr-icon-square-plus:before {
content: "\e044";
}
.wpr-icon-square-minus:before {
content: "\e045";
}
.wpr-icon-arrow-right4:before {
content: "\e095";
}
.wpr-icon-arrow-down4:before {
content: "\e097";
}
.wpr-icon-grid2:before {
content: "\e102";
}
.wpr-icon-cross:before {
content: "\e117";
}
.wpr-icon-menu2:before {
content: "\e120";
}
.wpr-icon-ellipsis:before {
content: "\e129";
}
.wpr-icon-times:before {
content: "\e647";
}
.wpr-icon-plus4:before {
content: "\e648";
}
.wpr-icon-minus4:before {
content: "\e649";
}
.wpr-icon-arrow-right-thick:before {
content: "\e64a";
}
.wpr-icon-th-menu:before {
content: "\e64b";
}
.wpr-icon-arrow-down-thick:before {
content: "\e64c";
}
.wpr-icon-times-outline:before {
content: "\e64d";
}
.wpr-icon-plus-outline:before {
content: "\e64e";
}
.wpr-icon-minus-outline:before {
content: "\e64f";
}
.wpr-icon-th-small-outline:before {
content: "\e650";
}
.wpr-icon-th-menu-outline:before {
content: "\e651";
}
.wpr-icon-zoom-outline:before {
content: "\e652";
}
.wpr-icon-arrow-down5:before {
content: "\e653";
}
.wpr-icon-arrow-right5:before {
content: "\e654";
}
.wpr-icon-search6:before {
content: "\e655";
}
.wpr-icon-shopping-cart:before {
content: "\f07a";
}
.wpr-icon-cart-plus:before {
content: "\f217";
}
.wpr-icon-cart-arrow-down:before {
content: "\f218";
}
.wpr-icon-shopping-bag:before {
content: "\f290";
}
.wpr-icon-shopping-basket:before {
content: "\f291";
}
.wpr-icon-search9:before {
content: "\f002";
}
.wpr-icon-envelope-o:before {
content: "\f003";
}
.wpr-icon-th-large:before {
content: "\f009";
}
.wpr-icon-th:before {
content: "\f00a";
}
.wpr-icon-th-list:before {
content: "\f00b";
}
.wpr-icon-times2:before {
content: "\f00d";
}
.wpr-icon-home3:before {
content: "\f015";
}
.wpr-icon-align-justify2:before {
content: "\f039";
}
.wpr-icon-chevron-right:before {
content: "\f054";
}
.wpr-icon-plus-circle:before {
content: "\f055";
}
.wpr-icon-minus-circle:before {
content: "\f056";
}
.wpr-icon-arrow-right6:before {
content: "\f061";
}
.wpr-icon-arrow-down6:before {
content: "\f063";
}
.wpr-icon-plus7:before {
content: "\f067";
}
.wpr-icon-minus8:before {
content: "\f068";
}
.wpr-icon-chevron-down:before {
content: "\f078";
}
.wpr-icon-twitter-square:before {
content: "\f081";
}
.wpr-icon-facebook-square:before {
content: "\f082";
}
.wpr-icon-linkedin-square:before {
content: "\f08c";
}
.wpr-icon-github-square:before {
content: "\f092";
}
.wpr-icon-twitter6:before {
content: "\f099";
}
.wpr-icon-facebook6:before {
content: "\f09a";
}
.wpr-icon-github6:before {
content: "\f09b";
}
.wpr-icon-hand-o-right:before {
content: "\f0a4";
}
.wpr-icon-hand-o-down:before {
content: "\f0a7";
}
.wpr-icon-arrow-circle-right:before {
content: "\f0a9";
}
.wpr-icon-arrow-circle-down:before {
content: "\f0ab";
}
.wpr-icon-tasks:before {
content: "\f0ae";
}
.wpr-icon-bars:before {
content: "\f0c9";
}
.wpr-icon-pinterest3:before {
content: "\f0d2";
}
.wpr-icon-pinterest-square:before {
content: "\f0d3";
}
.wpr-icon-google-plus-square:before {
content: "\f0d4";
}
.wpr-icon-google-plus:before {
content: "\f0d5";
}
.wpr-icon-envelope:before {
content: "\f0e0";
}
.wpr-icon-linkedin3:before {
content: "\f0e1";
}
.wpr-icon-angle-double-right:before {
content: "\f101";
}
.wpr-icon-angle-double-down:before {
content: "\f103";
}
.wpr-icon-angle-right:before {
content: "\f105";
}
.wpr-icon-angle-down:before {
content: "\f107";
}
.wpr-icon-github-alt:before {
content: "\f113";
}
.wpr-icon-ellipsis-h:before {
content: "\f141";
}
.wpr-icon-rss-square:before {
content: "\f143";
}
.wpr-icon-toggle-down:before {
content: "\f150";
}
.wpr-icon-toggle-right:before {
content: "\f152";
}
.wpr-icon-youtube-square:before {
content: "\f166";
}
.wpr-icon-youtube:before {
content: "\f167";
}
.wpr-icon-instagram3:before {
content: "\f16d";
}
.wpr-icon-apple:before {
content: "\f179";
}
.wpr-icon-android:before {
content: "\f17b";
}
.wpr-icon-skype2:before {
content: "\f17e";
}
.wpr-icon-vimeo-square:before {
content: "\f194";
}
.wpr-icon-cart3:before {
content: "\e906";
}
.wpr-icon-bag:before {
content: "\e907";
}
.wpr-icon-facebook4:before {
content: "\e640";
}
.wpr-icon-twitter-old:before {
content: "\e641";
}
.wpr-icon-feed5:before {
content: "\e642";
}
.wpr-icon-bird:before {
content: "\e643";
}
.wpr-icon-search4:before {
content: "\e644";
}
.wpr-icon-pointer:before {
content: "\e645";
}
.wpr-icon-pointer2:before {
content: "\e646";
}
.wpr-icon-shopping-bag3:before {
content: "\e908";
}
.wpr-icon-shopping-basket2:before {
content: "\e909";
}
.wpr-icon-shopping-cart3:before {
content: "\e90a";
}
.wpr-icon-search10:before {
content: "\e68b";
}
.wpr-icon-cross2:before {
content: "\e663";
}
.wpr-icon-minus9:before {
content: "\e664";
}
.wpr-icon-plus8:before {
content: "\e665";
}
.wpr-icon-layout:before {
content: "\e666";
}
.wpr-icon-list2:before {
content: "\e667";
}
.wpr-icon-video:before {
content: "\e668";
}
.wpr-icon-arrow-down7:before {
content: "\e669";
}
.wpr-icon-arrow-right7:before {
content: "\e66a";
}
.wpr-icon-arrow-down8:before {
content: "\e66b";
}
.wpr-icon-arrow-right8:before {
content: "\e66c";
}
.wpr-icon-arrow-down9:before {
content: "\e66d";
}
.wpr-icon-arrow-right9:before {
content: "\e66e";
}
.wpr-icon-arrow-down10:before {
content: "\e66f";
}
.wpr-icon-arrow-right10:before {
content: "\e670";
}
.wpr-icon-arrow-down11:before {
content: "\e671";
}
.wpr-icon-uniE672:before {
content: "\e672";
}
.wpr-icon-arrow-right11:before {
content: "\e673";
}
.wpr-icon-github62:before {
content: "\e674";
}
.wpr-icon-flickr5:before {
content: "\e675";
}
.wpr-icon-flickr6:before {
content: "\e676";
}
.wpr-icon-vimeo4:before {
content: "\e677";
}
.wpr-icon-vimeo5:before {
content: "\e678";
}
.wpr-icon-twitter7:before {
content: "\e679";
}
.wpr-icon-facebook7:before {
content: "\e67a";
}
.wpr-icon-facebook8:before {
content: "\e67b";
}
.wpr-icon-facebook9:before {
content: "\e67c";
}
.wpr-icon-googleplus6:before {
content: "\e67d";
}
.wpr-icon-googleplus7:before {
content: "\e67e";
}
.wpr-icon-pinterest4:before {
content: "\e67f";
}
.wpr-icon-pinterest5:before {
content: "\e680";
}
.wpr-icon-tumblr4:before {
content: "\e681";
}
.wpr-icon-linkedin4:before {
content: "\e682";
}
.wpr-icon-linkedin5:before {
content: "\e683";
}
.wpr-icon-instagram4:before {
content: "\e684";
}
.wpr-icon-skype3:before {
content: "\e685";
}
.wpr-icon-skype4:before {
content: "\e686";
}
.wpr-icon-cart4:before {
content: "\e90b";
}
.wpr-icon-search8:before {
content: "\e662";
}html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { font:14px/1.8em arial; color:#707070; height:100%; font-family:'Open Sans', sans-serif; margin-top:20px; margin-bottom:50px; } 
body embed { position:absolute; top:0; right:0; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
nav ul, ul li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #CCC; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
input, textarea, select { font:12px arial; color:#373737; border:0; padding:4px; }
h1, h2, h3, h4, h5, h6 { font-family:'Open Sans', sans-serif, sans-serif; display:block; color:#4e5458; margin-bottom:15px; font-weight:normal; }
h1 { font-size:24px; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:12px; }
a:link, a:visited { color:#373737; text-decoration:none; }
a:hover { color:#666; }
p { margin-bottom:20px; }
img, iframe { vertical-align:top; }
.last { margin:0 !important; }
::selection { background:#72798a; color:#FFF; }
::-moz-selection { background:#72798a; color:#FFF; } header, nav, section, article, aside, footer, hgroup { display: block; } .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#container { width:100%; min-height:100%; position:relative; }
header { background:#FFF; width:100%; padding:20px 0 0 0; }
.logo { margin-top:30px; float:left; margin-left:1.5%; }
nav { float:left; margin-top:-20px; }
.menu ul li { float:left; margin-right:1px; }
.menu ul li a:link, .menu ul li a:visited { padding:100px 70px 30px 20px; background:#F0F0F0; font:14px 'Open Sans', sans-serif; color:#797979; }
.menu ul li a:hover { background:#ececec; }
.menu ul li.current_page_item a, .menu ul li.current-menu-ancestor a { background:#EAEAEA; color:#565656; }
footer { background:#3D3D3D; padding:20px 0; width:100%; height:38px; position:absolute; bottom:0; left:0; }
.footer-logo { float:left; }
.footer-logo h2 { margin-bottom:0; }
.socials { float:right; }
.socials ul li { float:left; margin-left:1px; }
.socials ul li a:link, .socials ul li a:visited { background:#454545; padding:25px 20px 37px 20px; }
.socials ul li a:hover { background:#414141; }
.socials ul li a img { opacity:0.5; }
.header-widget { float:right; width:20%; margin-right:5%; }
.header-widget h5 { color:#474747; text-transform:uppercase; font:700 14px 'Open Sans', sans-serif; } h2.ptitle { background:#ff7c12; background:rgba(255,124,18,0.8); color:#FFF; font:300 24px 'Open Sans', sans-serif; padding:25px 30px; display:inline-block; margin-bottom:50px; }
.select-menu { display:none; }
.inside { width:980px; margin:0 auto; }
.page-content { margin-top:50px; }
.services ul, .team-list, .theme-pages, .left-content { background:#FFF; 
padding:30px; margin-bottom:40px; font-size:16px; color:#000; }
.services ul li { float:left; margin-right:25px; width:290px; }
.services ul li h3 { color:#505050; font:600 18px 'Open Sans', sans-serif; }
.services ul li img { float:left; margin-bottom:50px; margin-right:30px; opacity:0.3; }
.services ul li p { margin-bottom:0; overflow:hidden; }
.welcome-arrow { margin:0 auto; width:980px; margin-top:15%; }
.load-item { display:none; }
.left-content { float:left; width:605px; margin-bottom:0; }
.left-content.right { float:right; }
.content-inside { background:#FFF; }
.blist { width:100% !important; }
.blist .post, .post { width:606px; }
.page-template-template-blog-php .blist .post, .category .blist .post, .search .blist .post, .archive .blist .post { margin-bottom:30px; }
.blist .post p { margin-bottom:0; }
.blist .last { margin-bottom:30px !important; }
.blog-hover { position:absolute; top:50%; left:50%; display:none; margin-left:-15px; margin-top:-15px; }
.link-hover a { position:relative; display:block; }
.blog-details {  background:#F8F8F8; padding:20px; }
.blog-details h3 { margin-bottom:2px; color:#474747; margin-bottom:10px !important; }
.blog-details h3 a { color:#474747; font:600 18px 'Open Sans', sans-serif; }
.page-template-template-projects-php .blog-details span { margin-bottom:0; }
.post { margin-right:0; margin-bottom:19px; }
.image-hover { position:relative; }
a.kreading:link, a.kreading:visited { position:absolute; bottom:0; right:0; background:#FF7C12; color:#FFF; padding:10px 20px; display:inline-block; }
a.kreading:hover { background:#ec6f09; }
a.kreading span { background:url(//www.transformdrafting.com/wp-content/themes/arch/img/barrow.png) no-repeat; margin-left:20px; display:block; width:12px; height:5px; float:right; margin-top:10px; }
.team-list { margin-bottom:0; padding-top:30px; padding-bottom:30px; }
.team-list .member { float:left; width:287px; margin-right:29px; position:relative; background:#000; }
.thumbs-animate { width:287px; height:250px; overflow:hidden; position:relative; }
.team-list .member img.wp-post-image { position:absolute; z-index:2; }
.team-social { position:relative; top:50%; z-index:3; display:none; }
.team-social ul { float:left; margin-top:0 !important; position:relative; left:50%; }
.team-social ul li { position:relative; right:50%; float:left; margin-right:8px; }
.team-social ul li a:link, .team-social ul li a:visited { color:#A5AAAE; }
.team-social ul li a:hover { opacity:0.5 !important; }
.mdetails { background:#F2F2F2; padding:20px; }
.mdetails h3 { display:inline-block; margin-bottom:2px; color:#474747; font:600 14px 'Open Sans', sans-serif; }
.mdetails span { font:14px 'Open Sans', sans-serif; float:right; display:inline-block; padding-top:2px; color:#a0a0a0; }
.sticky .blog-details { background:#dddcdc; }
.sticky .single-details { background:#d2d2d2; }
#map { display:block; height:490px !important; width:100% !important; }
.contact-desc { float:left; width:502px; }
.cpage { background:#FFF; }
.cpage #respond { float:right; padding:25px; margin-bottom:0; }
.cpage #respond textarea { width:400px !important; height:201px !important; }
.cpage #respond input[type='text'], .cpage #respond input[type='email'] { width:175px !important; }
.cpage .contact-desc iframe { margin-bottom:0 !important; }
div.wpcf7-validation-errors { 
border: 0 !important; background: #FF0000; color: #FFF; padding: 10px 15px !important; margin: 20px 0 !important; 
}
#respond { margin-bottom:30px; }
#respond iframe { margin-bottom:20px; }
#respond input[type='text'], #respond textarea, #respond input[type='email'] { border:1px solid #E1E1E1; padding:12px; width:159px !important; font-size:12px !important; }
#respond textarea { width:579px !important; height:130px; line-height:22px; }
#respond ul li { float:left; margin-right:25px; margin-bottom:20px; font:13px 'Open Sans', sans-serif; }
#respond ul li.msg, #respond ul li.pselect { float:none !important; margin-right:0 !important; clear:both; }
#respond ul li.pselect span { font-weight:700; }
#respond ul li.pselect label { display:inline-block !important; font-weight:300; margin-top:4px; margin-bottom:0 !important; }
#respond ul li.pselect input[type='radio'] { display:inline; margin-top:-2px; }
#respond ul li label { display:block; margin-bottom:15px; font-family:'Open Sans', sans-serif; }
#respond p { margin-bottom:0 !important; }
.wpcf7-not-valid-tip { display:none !important; }
#respond ul li input.wpcf7-not-valid, #respond ul li textarea.wpcf7-not-valid { border:1px solid #FF0000; }
#respond input[type='submit'] { padding:15px 40px !important; cursor:pointer; font:600 16px 'Open sans', sans-serif; background:#FF9C00; color:#FFF; }
.wpcf7-response-output { width:380px; margin-bottom:0 !important; }
.single #respond h3, .single .comments h3 { font:18px 'Open Sans', sans-serif; color:#4e5458; margin-bottom:40px; } 
.single span.picon { position:relative; top:6px; margin-right:20px; }
.parent img { float:left; margin-right:20px; }
.comment-details { float:right; width:505px; color:#808080; font:13px 'Open Sans', sans-serif; }
.comment-details h6 { margin-bottom:10px; color:#2f2f2f; }
.comment-details h6 a:link, .comment-details h6 a:visited, .comment-details h6 { color:#2f2f2f !important; margin-right:6px !important; display:inline-block; font-size:16px; }
.comment-details h6 a:hover { text-decoration:underline; }
.comment-details span, #cancel-comment-reply-link { font:11px arial; color:#9d9d9d; padding-top:8px; }
.comment-details span a.comment-reply-link { color:#9d9d9d; }
.comment-details span a.comment-reply-link:hover { color:#333; }
.comment-details p { line-height:22px; }
#cancel-comment-reply-link {  margin-bottom:15px; display:block; }
.children li #respond input[type='text'], .comments ul li #respond input[type='text'] { width:159px !important; }
.children li #respond textarea, .comments ul li #respond textarea { width:579px !important; }
.children .parent { margin:0 0 25px 80px; padding:20px 20px 0 20px; background:#F8F8F8; border-top:1px solid #E9E9E9; }
.children .parent .comment-details { width:385px; }
.children .children .parent { margin-left:180px !important; }
.children .children .parent .comment-details { width:285px; }
.comment #respond { margin-bottom:20px; }
.comments ul.clist { margin-bottom:0; }
.page-not-found { background:url(//www.transformdrafting.com/wp-content/themes/arch/img/img404.png) no-repeat; margin:0 auto; text-align:center; width:405px; height:416px; color:#878787; position:relative; margin-bottom:40px; } 
.nfound { position:absolute; top:50%; left:13%; }
.nfound a:link, .nfound a:visited { color:#9a9a9a; }
.nfound a:hover { color:#666; }
.nfound h2 { font-size:60px; text-transform:uppercase; color:#9a9a9a; margin-bottom:30px; display:block; }
.nfound label { font:18px 'Open Sans', sans-serif; color:#9a9a9a; }
.single-contents { margin-bottom:30px; }
.single-blog h2 { margin-bottom:30px; font-size:18px; }
.single-blog img.wp-post-image, .single-blog iframe, .single-blog .video-js, .single-blog img.attachment-medium { margin-bottom:30px; }
.single-details, .the-tags { 
margin-bottom:30px; background:#EDEDED; padding:15px; font:12px 'Open Sans', sans-serif; color:#808080; 
}
.single-details ul { overflow:hidden; }
.single-details ul li { float:left; margin-right:30px; padding:10px 30px 10px 35px; font:600 12px 'Open Sans', sans-serif; }
.single-details ul li.date { background:url(//www.transformdrafting.com/wp-content/themes/arch/img/icons/date.png) no-repeat left; }
.single-details ul li.user { background:url(//www.transformdrafting.com/wp-content/themes/arch/img/icons/user.png) no-repeat left; }
.single-details ul li.bubble { background:url(//www.transformdrafting.com/wp-content/themes/arch/img/icons/bubble.png) no-repeat left; }
.single-details ul li a { color:#808080; }
.single-details ul li a:hover { color:#333; }
.single-details.list { margin-bottom:0; }
.post-link { padding:30px 30px 0; }
.post-link span.prev { float:left; }
.post-link span.next { float:right; }
.the-tags a:link, .the-tags a:visited { background:#FFF; color:#6a7279; padding:10px 15px; display:inline-block; margin-right:6px; }
.the-tags a:hover { background:#E1E1E1; }
.project-page { position:relative; }
.search-error { color:#FF0000; padding-bottom:20px; }
.projects { float:left; margin-right:20px; margin-bottom:50px; width:294px; }
.project-page { width:100%; background:#FFF; }
.project-list { padding:30px 30px 0 30px; }
.project-list div:last-child { margin-right:0; }
.project-details, .project-details-single { background:#F8F8F8; padding:15px 20px; font-size:13px; }
.project-details h3, .project-details-single h3 { margin-bottom:2px; color:#474747; margin-bottom:8px !important; }
.project-details h3 a, .project-details-single h3 { color:#474747; font:600 14px 'Open Sans', sans-serif; }
.project-details h3 a:hover, .project-details-single h3 a:hover { color:#616161; }
.project-details span { display:block; font:13px 'Open Sans', sans-serif; }
.project-details span a { color:#9d9d9d; }
.project-details span a:hover { color:#333; }
.project-inside { position:relative; }
.cat-toogles { position:absolute; top:0; right:30px; z-index:999; width:222px; }
.cat-toogles span { background:url(//www.transformdrafting.com/wp-content/themes/arch/img/toggle-arrow.png) no-repeat right; display:inline-block; width:11px; position:relative; top:0; left:15px; }
.cat-toogles a.pfilter:link, .cat-toogles a.pfilter:visited { 
padding:25px 30px; background:#474747; background:rgba(28,28,28,0.8); color:#FFF; font:300 24px 'Open Sans', sans-serif; display:block; 
}
.cat-list { display:none; background:#717171; position:relative; z-index:-1; }
.cat-list a:link, .cat-list a:visited { 
background:#717171; border-bottom:1px solid #8D8D8D; display:block; font:13px 'Open Sans', sans-serif; color:#FFF; padding:15px 20px; text-transform:uppercase;
}
.cat-list a:hover, .cat-list li.current-cat a { background:#686868; }
.cat-list li:last-child a { border-bottom:0; }
.pagination-more { text-align:center; }
.pagination-span a:link, .pagination-span a:visited { 
padding:20px 30px 20px 60px; background:#FF9C00 url(//www.transformdrafting.com/wp-content/themes/arch/img/arrow-circle.png) no-repeat 20px 17px; color:#FFF; font:18px 'Open Sans', sans-serif; display:inline-block; 
}
.pagination-span a:hover, a.visit:hover { background-color:#ea9106; }
.resize, .alignright, .alignleft, .aligncenter, .alignnone { margin-bottom:20px !important; max-width:100%; height:auto; } .sidebar { float:right; width:285px; padding:30px 30px 30px 0; }
.sidebar.left { float:left;  padding:30px 0 30px 30px; }
.sidebar .widget { margin-bottom:30px; background:#F8F8F8; font-size:12px; }
.sidebar .widget h5 { background:#EDEDED; color:#474747; font:600 14px 'Open Sans', sans-serif; padding:15px 20px; margin-bottom:0; }
.sidebar .tab-container, .sidebar .tab-menu li { border:0; }
.sidebar .tab-menu li a { font:14px 'Open Sans', sans-serif; padding:15px 47px; background:#E5E5E5; }
.sidebar .tab-menu li.active a { background:#EDEDED; }
.sidebar .tab-menu li.active { padding-left:0; padding-right:0; }
.widget_categories ul, .widget_archive ul, .widget_meta ul, .widget_pages ul, 
.widget_recent_comments ul, .widget_recent_entries ul, .tagcloud { padding:15px 20px; overflow:hidden; }
.widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li { 
float:left; background:url(//www.transformdrafting.com/wp-content/themes/arch/img/small_arrow.png) no-repeat 0 10px; margin-right:25px; margin-bottom:6px; padding-left:25px; color:#808080; font-size:13px; 
}
.widget_categories ul li a, .widget_archive ul li a, .widget_meta ul li a, , .widget_pages ul li a, 
.widget_recent_comments ul li a, .widget_recent_entries ul li a { color:#808080; font-size:13px; }
#wp-calendar { width:100%; }
#wp-calendar caption { font:600 14px 'Open Sans', sans-serif; padding-bottom:20px; }
#wp-calendar tr td { text-align:center; }
#wp-calendar tr td#today { background:#999; color:#FFF; }
#calendar_wrap { padding:15px 20px; }
.widget-twitter { font:12px 'Open SansItalic', sans-serif; color:#919191; line-height:22px; }
.widget-twitter img { float:left; margin-right:15px; }
.widget-twitter a { color:#cbcbcb; }
#ticker { height:80px; overflow-y:hidden; position:relative; font:13px 'Open Sans', sans-serif; }
#ticker ul.tweet_list { position:absolute; }
#ticker ul.tweet_list li { height:80px; }
.widget_search { padding:20px; }
.widget_search input[type='text'], .newsletter input[type='text'],
.protected input[type='password'] { border:1px solid #E6E6E6; font:13px 'Open Sans', sans-serif; padding:15px; width:135px; }
.widget_search input[type='submit'], .newsletter input[type='submit'], .protected input[type='submit'] { 
background:#FF9C00; color:#FFF; font:14px 'Open Sans', sans-serif; padding:14px 15px 14px; cursor:pointer; margin-left:-6px; 
}
.widget_search p { margin-bottom:0; }
.textwidget, .newsletter { padding:15px 20px; }
.newsletter label { color:#6a7279; margin-bottom:15px; display:block; }
.newsletter input[type='text'] { width:119px; }
.widget-video iframe { width:100%; height:200px; }
.widget-video p { padding:0 20px 20px; }
.widget-flickr ul, .widget-dribbble ul { padding:20px 0 0 20px; }
.widget-flickr ul li, .widget-dribbble ul li { float:left; margin-right:20px; margin-bottom:20px; }
.widget-flickr ul li img, .widget-dribbble ul li img { width:68px; height:68px; }
.cat-list li .children li a { padding-left: 30px; border-bottom: 1px solid #8D8D8D; } .pagination { overflow:hidden; }
.page-numbers li { float:left; margin-right:2px; }
.page-numbers li a, .alignleft a:link, .alignleft a:visited, .alignright a:link, .alignright a:visited, span.prev a, span.next a {
color:#FFF; font:700 12px 'Open Sans', sans-serif; padding:15px 20px; background: #D4D2D2; display:block;
}
.page-numbers li a:hover, .alignleft a:hover, .alignright a:hover, span.prev a:hover, span.next a:hover { background:#FF7C12; }
span.current { color:#FFF; font:700 12px 'Open Sans', sans-serif; padding:15px 20px; background:#FF7C12; display:block; } .aligncenter { display:block; margin:0 auto; }
.alignright { float:right; }
.alignleft { float:left; }
.floatleft { float:left; }
.floatright { float:right; }
.textcenter { text-align:center; }
.textright { text-align:right; }
.textleft { text-align:left; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
.wp-smiley { margin:0 !important; max-height:1em; }
blockquote.left { margin-right:20px; text-align:right; margin-left:0; width:30%; float:left; }
blockquote.right { margin-left:20px; text-align:left; margin-right:0; width:30%; float:right; }
.sticky, .gallery-caption, .bypostauthor { }
.single-contents a img {
border: none;
max-width: 100%;
height:100%;
}
@media only screen and (max-width: 1600px) {
.header-widget { margin-right:3%; width:19%; }
.menu ul li a:link, .menu ul li a:visited { padding-right:60px; }
} @media only screen and (max-width: 1200px) {
.header-widget { display:none; }
.logo { margin-left:20px; margin-top:35px; }
nav { margin-left:50px; }
.welcome-arrow { width:665px; margin-top:20%; }
img { -webkit-transform:rotate(0); -moz-transform:rotate(0); transform:rotate(0); -moz-backface-visibility: hidden; }
} @media only screen and (max-width: 960px) {
.select-menu { display:block; border:1px solid #E6E6E6; float:right; margin-top:20px; 
width:250px; font:13px 'Open Sans', sans-serif; 
}
header nav { display:none; }
.inside { width:665px; }
.welcome-arrow { width:665px; }
.logo { margin-top:20px; margin-left:45px; margin-bottom:30px; }
ul.nav { position:relative; top:0; right:0; }
.services ul li { margin-right:0; margin-bottom:20px; width:100%; }
.team-list .member { margin-right:20px; width:188px; }
.team-list .member img.wp-post-image { max-width:188px; height:auto; }
.thumbs-animate { width:188px; height:164px; }
.team-social ul li { margin-right:1px; }
.sidebar { float:left; width:100%; }
.sidebar.left { padding:0; }
.left-content { margin-bottom:30px; }
.widget_search input[type="text"] { width:515px; }
.newsletter input[type="text"] { width:498px; }
.cat-list li a:link, .cat-list li a:visited { padding:10px 12px; }
.page-template-template-contact-php footer { position:relative; }
.contact-desc { width:100%; }
.cpage #respond { margin-bottom:0; width:615px; }
.cpage #respond input[type="text"] { width:268px !important; }
.cpage #respond textarea { width:587px !important; }
.single-blog iframe { width:606px; height:350px; }
.single-blog .video-js { width:606px !important; height:350px !important; }
.mdetails { overflow:hidden; }
.mdetails h3 { display:block; }
.mdetails span { float:left; display:block; }
img.resize { max-width:100%; height:auto; }
#fancybox-frame, #fancybox-content, #fancybox-wrap, #fancybox-outer { width:688px !important; }
} @media only screen and (max-width: 760px) {
.inside, .welcome-arrow { width:353px; }
.welcome-arrow { margin-bottom:20% !important; }
.logo { width:100%; text-align:center; margin:0; }
.logo img { max-width:353px; height:auto; }
.select-menu { margin-top:10px; margin-bottom:20px; width:100%; }
.team-list .member { width:287px; margin-bottom:20px; }
.team-list .member img.wp-post-image { max-width:287px; height:auto; }
.thumbs-animate { width:287px; height:250px; }
.team-social ul li { margin-right:8px; }
.left-content { width:293px; }
.widget_search input[type="text"] { width:202px; }
.newsletter input[type="text"] { width:186px; }
.single-blog img.wp-post-image { max-width:353px; height:auto; }
.single-blog iframe { width:293px; height:200px; }
.single-blog .video-js { width:293px !important; height:200px !important; }
#respond input[type="text"], #respond textarea, 
.children li #respond input[type="text"], .comments ul li #respond input[type="text"],
.children li #respond textarea, .comments ul li #respond textarea { width:267px !important; }
#respond ul li.last { margin-bottom:20px !important; }
.comment-details { width:195px; }
.children .parent { margin-left:30px; }
.children .parent .comment-details { width:223px; margin-top:15px; }
.children .children .parent { margin-left:60px !important; }
.children .children .parent .comment-details { width:195px; }
.error404 footer { position:relative; }
.page-not-found { background-size:353px auto; }
.nfound { top:40%; left:17%; }
.nfound h2 { font-size:40px; margin-bottom:20px; } .cpage #respond { width:302px; }
.cpage #respond input[type="text"], .cpage #respond textarea { width:276px !important; }
.cat-toogles { display:none; } #fancybox-frame, #fancybox-content, #fancybox-wrap, #fancybox-outer { width:353px !important; height:218px; }
.blist img, .single-blog img.wp-post-image, .single-blog img.attachment-medium { max-width:293px; height:auto; }
.blist .post, .post { width:100%; }
#slidecaption { background-position:88% 60px; }
#slidecaption a { margin-right:0; padding-right:50px !important; }
} @media only screen and (max-width: 450px) {
.inside, .welcome-arrow { width:250px; }
.socials ul li a:link, .socials ul li a:visited { padding:25px 6px 37px 6px; }
.logo img { max-width:250px; height:auto; }
.team-list .member { width:190px; }
.team-list .member img.wp-post-image { max-width:190px; }
.thumbs-animate { width:190px; height:165px; }
.team-social ul li { margin-right:1px; }
.left-content, .blist .post, .post, .projects, .archive.tax-project_categories .blist .projects { width:190px; }
.link-hover img { max-width:190px; height:auto; }
.widget_search input[type="text"] { width:100px; }
.sidebar .tab-menu li a { padding:15px 37px; }
.sidebar { padding:0; }
.newsletter input[type="text"] { width:83px; }
.single-blog img.wp-post-image { max-width:250px; }
.single-blog iframe { width:190px; height:150px; }
.single-blog .video-js { width:190px !important; height:150px !important; }
#respond input[type="text"], #respond textarea, .children li #respond input[type="text"], 
.comments ul li #respond input[type="text"], .children li #respond textarea, .comments ul li #respond textarea { width:163px !important; }
.comment-details { width:190px; margin-top:15px; }
.children .parent { margin-left:15px; }
.children .parent .comment-details { width:135px; }
.children .children .parent { margin-left:30px !important; }
.children .children .parent .comment-details { width:120px; }
.page-not-found { background-size:250px auto; width:250px; }
.nfound { top:28%; left:18%; }
.nfound h2 { font-size:30px; margin-bottom:10px; }
.nfound label { font-size:14px; }
a.visit:link, a.visit:visited { width:90px; }
.cpage #respond { width:200px; }
.cpage #respond input[type="text"], .cpage #respond textarea { width:174px !important; }
.horScroll { height:270px; }
#fancybox-frame, #fancybox-content, #fancybox-wrap, #fancybox-outer { width:250px !important; height:155px; }
.blist img, .single-blog img.wp-post-image, .single-blog img.attachment-medium { max-width:190px; height:auto; }
.the-tags a { margin-bottom:10px; }
.single-details ul li { margin-right:0; }
}
.sf-menu, .sf-menu * {
margin:			0;
padding:		0;
list-style:		none;
}
.sf-menu { }
.sf-menu ul {
position:absolute;
top:-999em;
width:160px; }
.sf-menu ul li {
width:auto;	
display:block;			
}
.sf-menu li:hover {
visibility:		inherit; }
.sf-menu li {
float:			left;
position:		relative;
}
.sf-menu a {
display:		block;
position:		relative;			
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0;
top:149px; z-index:9999;
width:175px;
padding:0;
background:#FFF;
border:1px solid #DDD;
}
.sf-menu li.sfHover ul a:link, .sf-menu li.sfHover ul a:visited { color:#797979; font-size: 13px; }
.sf-menu li.sfHover ul a:hover { background:#ebebeb; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:175px; top:-1px; }
.sf-menu li li ul { position:absolute; z-index:99999; }  .sf-menu {
float:left;	
}
.sf-menu li { }
.sf-menu a:link, .sf-menu a:visited {	
text-decoration:none;	
color:#797979;	
}
.sf-menu a, 
.sf-menu a:visited  { color:#797979;		
}
.sf-menu li li {
margin:0;
width:100%;
border-bottom:1px solid #DDD;
}
.sf-menu li li:last-child { border-bottom:0; }
.sf-menu li li a:link, 
.sf-menu li li a:visited {
text-align:left;
font-weight:normal !important;
color:#797979;
padding:12px 18px; 
top:0 !important;
background:#FFF;
font-size:14px;
}
.sf-menu li li a:hover {  }
.sf-menu li:hover { }
.sf-menu li li:hover, .sf-menu li li.sfHover { outline:0; }  .sf-menu a.sf-with-ul { min-width:		1px; }
.sf-sub-indicator {
position:		absolute;
display:		block;
right:			20px;
bottom:			1.05em; width:			14px;
height:			10px;
text-indent: 	-999em;
overflow:		hidden;
background:		url(//www.transformdrafting.com/wp-content/themes/arch/js/superfish/arrows.png) no-repeat 0 -100px; }
a > .sf-sub-indicator { bottom:			2.5em;
background-position: 0 -100px; } a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: 0 -100px; } .sf-menu ul .sf-sub-indicator { top:15px; width:10px; height:14px; background-position: -16px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: -16px 0; } .sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -16px 0; } .sf-shadow ul {
padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
* { margin:0; padding:0; }
body { background:#111; height:100%; }
img { border:none; }
#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/progress.gif) no-repeat center center;}
#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; } #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/nav-bg.png) repeat-x; position:fixed; }
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { float:left; color:#999; font:14px Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
#slidecaption { 
color:#FFF; font:300 24px 'Open Sans', sans-serif; background-color:#ff7c12; background-color:rgba(255,124,18,0.8); display:inline-block; padding:35px 40px;
}
#slidecaption a:link, #slidecaption a:visited { color:#FFF; 
background-repeat:no-repeat; background-position:95% 40px; display:inline-block; }
#navigation { float:right; margin:0px 20px 0 0; }
#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/bg-hover.png) repeat-x 0 44px; }
#play-button:hover{ background-position:0 1px; cursor:pointer; }
ul.nav { display:block; list-style:none; z-index:99999; }
ul.nav li a {
display: block; padding:20px 29px !important; text-indent: -9999px; opacity:1 !important; background-color:#969696; background-color:rgba(59,59,59,0.6) !important;
}
ul.nav li.sprev { float:left; }
ul.nav li.snext { float:left; margin-left:1px; }
#prevslide { 
left:10px; 
background-image:url(//www.transformdrafting.com/wp-content/themes/arch/img/larrow.png); 
background-repeat:no-repeat; 
background-color:#969696; 
background-position:center; 
}
#nextslide { 
right:10px; 
background-image:url(//www.transformdrafting.com/wp-content/themes/arch/img/rarrow.png); 
background-repeat:no-repeat; 
background-color:#969696; 
background-position:center; 
}
#prevslide:active, #nextslide:active{  }
#prevslide:hover, #nextslide:hover { cursor:pointer; background-color:#969696 !important; opacity:1px !important; }
ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
ul#slide-list li a{ display:block; width:12px; height:12px; background:url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/nav-dot.png) no-repeat 0 -24px; }
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/bg-hover.png) repeat-x 0 44px; }
#tray-button:hover{ background-position:0 1px; cursor:pointer; } #progress-back{ z-index:7; position:fixed; bottom:0; left:0; height:8px; width:100%; background:url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/progress-back.png) repeat-x; }
#progress-bar{ position:relative; height:8px; width:100%; background:url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/progress-bar.png) repeat-x; } #nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
#nextthumb { right:12px; }
#prevthumb { left:12px; }
#nextthumb img, #prevthumb img { width:150px; height:auto;  }
#nextthumb:active, #prevthumb:active { bottom:59px; }
#nextthumb:hover, #prevthumb:hover { cursor:pointer; } #thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/bg-black.png); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }
#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
#thumb-back{ left:0; background: url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/thumb-back.png) no-repeat center center;}
#thumb-forward{ right:0; background:url(//www.transformdrafting.com/wp-content/themes/arch/js/supersized/img/thumb-forward.png) no-repeat center center;}
#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }
ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
ul#thumb-list li:hover{ cursor:pointer; }
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .blog-flexslider { margin-bottom:30px !important; }
.flexslider, .portfolio-flexslider, .blog-flexslider {margin: 0; padding: 0;}
.flexslider .slides > li, .portfolio-flexslider .slides > li, .blog-flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img, .portfolio-flexslider .slides img, .blog-flexslider .slides img { display: block; }
.flex-pauseplay span { text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider, .portfolio-flexslider, .blog-flexslider { position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides, .portfolio-flexslider .slides, .blog-flexslider .slides { zoom: 1; margin-top:0; }
.carousel li {margin-right: 5px}   .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 2px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {opacity: 1; left: 0;}
.flex-direction-nav .flex-next {opacity: 1; right: 0;}
}  .flex-caption { background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption  { padding:8px 15px; position: absolute; right:20px; top:20px; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 12px; line-height: 18px; display:none; } .flex-direction-nav { position:absolute; bottom:0; right:0; z-index:999999; margin-top:0 !important; }
.flex-direction-nav li { background:none !important; float:left; }
.flex-direction-nav li a { display: block; padding:10px 22px; cursor:pointer; text-indent:-999999px; background:rgba(236,236,236,0.5); margin-left:1px; }
.portfolio-flexslider .flex-direction-nav li .flex-next,
.blog-flexslider .flex-direction-nav li .flex-next { 
bottom:15px; left:65px; background-color:#333; background-image:url(//www.transformdrafting.com/wp-content/themes/arch/js/flexslider/images/arrow-right.png); background-repeat:no-repeat; background-position:center; 
background-color:rgba(20,20,20,0.7); padding:10px 20px; 
}
.portfolio-flexslider .flex-direction-nav li .flex-prev,
.blog-flexslider .flex-direction-nav li .flex-prev { 
bottom:15px; left:15px; background-color:#333; background-image:url(//www.transformdrafting.com/wp-content/themes/arch/js/flexslider/images/arrow-left.png); background-repeat:no-repeat; background-position:center; 
background-color:rgba(20,20,20,0.7); padding:10px 20px;
}
.portfolio-flexslider .flex-direction-nav li .flex-prev:hover, .portfolio-flexslider .flex-direction-nav li .flex-next:hover,
.blog-flexslider .flex-direction-nav li .flex-prev:hover, .blog-flexslider .flex-direction-nav li .flex-next:hover { background-color:#333; }
.tabs {
height:auto!important;	
position:relative;
border-top:0 !important;
}
.tab-menu {
margin-left:1px;
padding: 0;
list-style: none;
width: 100%;
}
.tab-menu li {
float: left;
margin-left:-1px;
line-height: 31px; border: 1px solid #D9D9D9;	
margin-bottom: -1px; overflow: hidden;
position: relative;
text-shadow:0 1px 1px #FFF;
background:#FFF;
background: -moz-linear-gradient(top, #FFF 0%, #F6F6F6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#F6F6F6)); background: -webkit-linear-gradient(top, #FFF 0%,#F6F6F6 100%); background: -o-linear-gradient(top, #FFF 0%,#F6F6F6 100%); background: -ms-linear-gradient(top, #FFF 0%,#F6F6F6 100%); background: linear-gradient(top, #FFF 0%,#F6F6F6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#F6F6F6',GradientType=0 ); }
.tab-menu li a {
text-decoration: none;
color: #333;
display: block;
font:600 12px 'Open Sans', sans-serif;
padding:10px 14px;
outline: none;	
text-shadow:0 1px 1px #FFF;
}
html .tab-menu li.active  { background:#FFF;
padding-right:2px; padding-left:2px;
border-bottom: 1px solid #F8F8F8; }
.tab-menu li.active a { color:#8e9199 !important; } .tab-container {
border-top:0 !important;
overflow: hidden;
clear:both;
margin:0 !important;
}
.tab-content { position:relative; padding:20px; }
.tab-content ul li { overflow:hidden; margin-bottom:20px; }
.tab-content h6 a:link, .tab-content h6 a:visited { font:12px 'Open Sans', sans-serif; color:#4e535e; }
.tab-content a:hover { color:#333 !important; }
.tab-container div, .widget-tab .tab-menu, .widget-tab { border:0 !important; }
.tab-content { margin:0 !important; }
.tab-content ul li.last { border-bottom:0 !important; padding-bottom:2px !important; }
.tab-content span.details, .tab-content span.details a { color:#9f9f9f; font-size:10px; margin:0 !important; text-transform:uppercase; }
.tab-content h6 { margin-bottom:4px; line-height:16px; }
.img-tail { position:relative; display:block; float:left; margin-right:12px; margin-bottom:0 !important; }
.widget-tab span.tail { position:absolute; bottom:-12px; left:0; width:69px;  }
#tabComments ul li:last-child, #tabcomments ul li:last-child { padding:0 !important; } 
#tabComments a:link, #tabComments a:visited { font-weight:bold; }
.left-container .tab-container { width:100%; }
.fullwidth .tab-container { width:100%; }
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png);
}
#fancybox-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999999999;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 999999999;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #FFF;	
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #fff;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png) -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}
#fancybox-left-ico {
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png);
background-position: -40px -30px;
}
#fancybox-right-ico {
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png);
background-position: -40px -60px;
}
#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; }
#fancybox-left:hover span {
left: 20px;
}
#fancybox-right:hover span {
left: auto;
right: 20px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png);
background-position: -40px -162px;
}
#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox-y.png);
background-position: -20px 0px;
}
#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png);
background-position: -40px -182px; 
}
#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox-x.png);
background-position: 0px -20px;
}
#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png);
background-position: -40px -142px;
}
#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox-y.png);
}
#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png);
background-position: -40px -122px;
}
#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
background-image: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancy_title_over.png);
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png) -40px -90px no-repeat;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox-x.png) 0px -40px;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url(//www.transformdrafting.com/wp-content/themes/arch/js/fancybox/fancybox.png) -55px -90px no-repeat;
} .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px");
}
#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
.horScroll { position:relative; width:100%; overflow:hidden; height:330px; margin-top:0; }
.horScroll.toggle_width{ width:70%; }
.verScroll { position:relative; margin:0; width:100%; overflow:auto; height:600px; }  .mCSB_container{
width:auto;
overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
margin-right:0;
}
.mCustomScrollBox .mCSB_scrollTools{
width:10px;
height:100%;
top:0;
right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
height:100%;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{ }
.mCSB_scrollTools .mCSB_draggerRail{
width:2px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:9px;
height:100%;
margin:0 auto;
text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{ }
.mCSB_scrollTools .mCSB_buttonDown{
bottom:0;
margin-top:-40px;
} .mCSB_horizontal .mCSB_container{
height:auto;
margin-right:0;
overflow:hidden;
}
.mCSB_horizontal .mCSB_container.mCS_no_scrollbar{
margin-bottom:20px;
}
.mCSB_horizontal.mCustomScrollBox .mCSB_scrollTools{
width:100%;
height:18px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerContainer{
height:100%;
width:auto;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft+.mCSB_draggerContainer{
padding-bottom:0;
padding-right:20px;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:2px;
margin:7px 0;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger{
width:30px;
height:100%;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:8px;
margin:10px auto;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left;
}
.mCSB_horizontal .mCSB_scrollTools .mCSB_buttonRight{
right:0;
bottom:auto;
margin-left:-40px;
margin-top:-16px;
float:right;
} .mCustomScrollBox .mCSB_scrollTools{
}
.mCustomScrollBox:hover .mCSB_scrollTools{
opacity:1;
}
.mCSB_scrollTools .mCSB_draggerRail{
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#FF7C12; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:#FF7C12; 
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:#FF7C12; 
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{ }
.mCSB_scrollTools .mCSB_buttonUp{
background-position:0 0; }
.mCSB_scrollTools .mCSB_buttonDown{
background-position:0 -20px; }
.mCSB_scrollTools .mCSB_buttonLeft{
background-position:0 -40px; }
.mCSB_scrollTools .mCSB_buttonRight{
background-position:0 -56px; }
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
opacity:0.75;
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
opacity:0.9;
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; }
#galleryOverlay{
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
opacity:0;
z-index:100000;
background-color:#222;
background-color:rgba(0,0,0,0.8);
overflow:hidden;
display:none;
-moz-transition:opacity 1s ease;
-webkit-transition:opacity 1s ease;
transition:opacity 1s ease;
} #galleryOverlay.visible{
opacity:1;
}
#gallerySlider{
height:100%;
left:0;
top:0;
width:100%;
white-space: nowrap;
position:absolute;
-moz-transition:left 0.4s ease;
-webkit-transition:left 0.4s ease;
transition:left 0.4s ease;
}
#gallerySlider .placeholder{
background: url(//www.transformdrafting.com/wp-content/themes/arch/js/touchTouch/preloader.gif) no-repeat center center;
height: 100%;
line-height: 1px;
text-align: center;
width:100%;
display:inline-block;
} #gallerySlider .placeholder:before{
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right:-1px;
}
#gallerySlider .placeholder img{
display: inline-block;
max-height: 100%;
max-width: 100%;
height:auto;
width:auto;
vertical-align: middle;
}
#gallerySlider.rightSpring{
-moz-animation: rightSpring 0.3s;
-webkit-animation: rightSpring 0.3s;
}
#gallerySlider.leftSpring{
-moz-animation: leftSpring 0.3s;
-webkit-animation: leftSpring 0.3s;
} @-moz-keyframes rightSpring{
0%{		margin-left:0px;}
50%{	margin-left:-30px;}
100%{	margin-left:0px;}
}
@-moz-keyframes leftSpring{
0%{		margin-left:0px;}
50%{	margin-left:30px;}
100%{	margin-left:0px;}
} @-webkit-keyframes rightSpring{
0%{		margin-left:0px;}
50%{	margin-left:-30px;}
100%{	margin-left:0px;}
}
@-webkit-keyframes leftSpring{
0%{		margin-left:0px;}
50%{	margin-left:30px;}
100%{	margin-left:0px;}
} #prevArrow,#nextArrow{
border:none;
text-decoration:none;
background:url(//www.transformdrafting.com/wp-content/themes/arch/js/touchTouch/arrows.png) no-repeat;
opacity:0.5;
cursor:pointer;
position:absolute;
width:43px;
height:58px;
top:50%;
margin-top:-29px;
-moz-transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
transition:opacity 0.2s ease;
}
#prevArrow:hover, #nextArrow:hover{
opacity:1;
}
#prevArrow{
background-position:left top;
left:40px;
}
#nextArrow{
background-position:right top;
right:40px;
} @font-face {
font-family: 'din_lightregular';
src: url(//www.transformdrafting.com/wp-content/themes/arch-child/fonts/din-light-webfont.eot);
src: url(//www.transformdrafting.com/wp-content/themes/arch-child/fonts/din-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//www.transformdrafting.com/wp-content/themes/arch-child/fonts/din-light-webfont.woff2) format('woff2'),
url(//www.transformdrafting.com/wp-content/themes/arch-child/fonts/din-light-webfont.woff) format('woff'),
url(//www.transformdrafting.com/wp-content/themes/arch-child/fonts/din-light-webfont.ttf) format('truetype'),
url(//www.transformdrafting.com/wp-content/themes/arch-child/fonts/din-light-webfont.svg#din_lightregular) format('svg');
font-weight: normal;
font-style: normal;
}
#main-menu > li > a,
body, .menu ul li a:link, .menu ul li a:visited {
font-family: 'din_lightregular', sans-serif;
}
#main-menu a {
font-size: 18px;
}
.find-me a {
display: inline-block;
height: 32px;
width: 32px;
text-align: center;
text-indent: -9999px;
background: url(//www.transformdrafting.com/wp-content/themes/arch-child/images/socials.jpg) no-repeat;
}
.select-menu{display: none;}
.find-me{display: none;}
.find-me a.fa {
background-position: 0px 0px;
}
.find-me a.tw {
background-position: -44px 0px;
}
.find-me a.rs {
background-position: -88px 0px;
}
.find-me a.em {
background-position: -132px 0px;
}
.header-widget .find-me {
float: right;
}
.header-widget .find-me a {
float: left;
margin-left: 10px;
}
.header-widget .textwidget {
padding-top: 0px;
}
#main-menu > li > a {
padding: 152px 15px 15px 15px;
min-width: 75px;
background-color: #F0F0F0;
line-height: 18px;
}
#main-menu > li > a > span.sf-sub-indicator {
background: url(//www.transformdrafting.com/wp-content/themes/arch-child/images/arrow-bottom.png) no-repeat;
width: 33px;
height: 20px;
background-position: 0px 0px;
right: auto;
left: 15px;
top: 122px;
bottom: auto;
}
#main-menu li:hover ul, #main-menu li.sfHover ul {
top: auto;
}
#respond input[type='submit'],
.widget_search input[type='submit'], .newsletter input[type='submit'], .protected input[type='submit'],
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
h2.ptitle {
background: #9fc324 !important;
}
h1.ptitle {
background: #9fc324 !important;
}
h1.ptitle {
color: #FFF;
font: 300 24px 'Open Sans', sans-serif;
padding: 25px 30px;
display: inline-block;
margin-bottom: 50px;
}
.project-inside .cat-toogles {
display: none;
visibility: hidden;
}
#slidecaption {
margin-bottom: 5px;
}
ul.nav li.sprev a,
ul.nav li.snext a {
opacity: 1;
background-color: rgba(0,0,0,0.8) !important;
background-repeat: no-repeat;
background-position: center;
}
ul.nav li.sprev a {
background-image: url(//www.transformdrafting.com/wp-content/themes/arch-child/images/arrow-left.png) !important;
margin-right: 5px;
}
ul.nav li.snext a {
background-image: url(//www.transformdrafting.com/wp-content/themes/arch-child/images/arrow-right.png) !important;
}
.page-content.fullwidth .blist .post {
width: auto;
}
.page-content #respond, .page-content #comments,
.single-details, .the-tags {
display: none;
}
.welcome-arrow .welcome-left {
float: left;
max-width: 400px;
}
.welcome-arrow .welcome-right {
float: right;
background-color: rgba(255,255,255,0.8);
padding: 20px;
width: 490px;
}
.welcome-arrow #featured-box h2,
.welcome-arrow #featured-box h3,
.welcome-arrow #featured-box h4 {
font-weight: bold;
}
.welcome-arrow .nav {
clear: both;
}
.page-content iframe {
max-width: 100%;
}
.wpcf7-form input,
.wpcf7-form textarea {
border: 1px solid #cecece;
}
.wpcf7-form input[type=submit] {
cursor: pointer;
}
.wpcf7-form textarea {
width: 100%;
max-width: 100%;
}
.blist div.blog-details > h3 {
margin: 0px 0px !important;
}
.blist div.blog-details > h3 a {
display: block;
}
.blist div.image-hover {
overflow: hidden;
margin: 20px 0px 0px;
}
.blist .image-hover > a img {
max-width: 376px;
height: auto;
float: left;
margin: 0px 20px 0px 0px;
}
@media only screen and (max-width: 1200px) {
.welcome-arrow  {
margin-top: 10%;
}
.welcome-arrow .welcome-right,
.welcome-arrow .welcome-left {
width: 90%;
max-width: 90%;
float: none;
}
}
@media only screen and (max-width: 760px) {
.blist .image-hover > a img {
float: none;
margin: 0px 0px 20px;
max-width: 100%;
}
.blist div.image-hover {
padding-bottom: 45px;
}
}
@media only screen and (min-width: 768px) {
.logo {
margin-top: 0px;
margin-right: 40px;
}
}