/* Requires: normalize.css */ /* Global Reset & Standards ---------------------- */ /*Georgia, "Times New Roman", Times, serif; font-style: italic; color: #808080; display: block;*/ /** { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/ /*body { font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px;font-style: line-height: 21px; color: #666; position: relative; -webkit-font-smoothing: antialiased; }*/ /* Links ---------------------- */ a { color: #2ba6cb; text-decoration: none; line-height: inherit; } a:hover { color: #2795b6 } a:focus { color: #2ba6cb; outline: none; } p a,p a:visited { line-height: inherit } img {border:0px;} #googlemap img,object,embed { max-width: none } #map_canvas embed { max-width: none } #map_canvas img { max-width: none } #map_canvas object { max-width: none } /* Reset for strange margins by default on
elements */ figure { margin: 0 } /* Base Type Styles Using Modular Scale ---------------------- */ /*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; padding: 0; font-size: 13px; direction: ltr; }*/ /*p { font-size: 13px; line-height: 2; margin-bottom: 15px; } p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }*/ ::-webkit-input-placeholder { font-size: 12px } aside p { font-size: 13px; line-height: 1.35; font-style: italic; } /* Blockquotes ---------------------- */ blockquote,blockquote p { color: #6f6f6f; } blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px;} blockquote cite { display: block; font-size: 13px; color: #555555; } blockquote cite:before { content: "\2014 \0020" } blockquote cite a,blockquote cite a:visited { color: #555555 } abbr,acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; } abbr { text-transform: none } /* Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } /* Don't show links for images, or javascript/internal links */ pre blockquote { border: 1px solid #999; page-break-inside: avoid; } /* h5bp.com/t */ tr,img { page-break-inside: avoid } img { max-width: 100% !important } } /* Requires globals.css */ /* Standard Forms ---------------------- */ /* Fieldsets */ fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; } fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; } /* Errors */ .error input,input.error,.error textarea,textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error label,label.error { color: #c60f13 } .error small,small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-size: 1.2rem; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 2, 2013 07:45:19 AM America/New_York */ @font-face { font-family: 'DroidSansRegular'; src: url('fonts/DroidSans-webfont.eot'); src: url('fonts/DroidSans-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSans-webfont.woff') format('woff'), url('fonts/DroidSans-webfont.ttf') format('truetype'), url('fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'DroidSansBold'; src: url('fonts/DroidSans-Bold-webfont.eot'); src: url('fonts/DroidSans-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/DroidSans-Bold-webfont.woff') format('woff'), url('fonts/DroidSans-Bold-webfont.ttf') format('truetype'), url('fonts/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BitterRegular'; src: url('fonts/Bitter-Regular-webfont.eot'); src: url('fonts/Bitter-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Bitter-Regular-webfont.woff') format('woff'), url('fonts/Bitter-Regular-webfont.ttf') format('truetype'), url('fonts/Bitter-Regular-webfont.svg#BitterRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BitterItalic'; src: url('fonts/Bitter-Italic-webfont.eot'); src: url('fonts/Bitter-Italic-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Bitter-Italic-webfont.woff') format('woff'), url('fonts/Bitter-Italic-webfont.ttf') format('truetype'), url('fonts/Bitter-Italic-webfont.svg#BitterItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BitterBold'; src: url('fonts/Bitter-Bold-webfont.eot'); src: url('fonts/Bitter-Bold-webfontd41d.eot?#iefix') format('embedded-opentype'), url('fonts/Bitter-Bold-webfont.woff') format('woff'), url('fonts/Bitter-Bold-webfont.ttf') format('truetype'), url('fonts/Bitter-Bold-webfont.svg#BitterBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ChunkFiveRegular'; src: url('fonts/Chunkfive-webfont.html'); src: url('fonts/Chunkfive-webfontd41d.html?#iefix') format('embedded-opentype'), url('fonts/Chunkfive-webfont-2.html') format('woff'), url('fonts/Chunkfive-webfont.ttf') format('truetype'), url('fonts/Chunkfive-webfont-3.html#ChunkFiveRegular') format('svg'); font-weight: normal; font-style: normal;} /* Correct FF custom dropdown height */ @-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px } } .lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px } /* The Grid ---------------------- */ /*.row { width: 1008px; max-width: 100%; min-width: 768px; margin: 5px auto; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }*/ .row.collapse .column, .row.collapse .columns { padding: 0 } /*.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }*/ .row .row.collapse { margin: 0 } .column, .columns { float: left; min-height: 1px; padding: 0px 7px; display:inline-block; position: relative; } .column.centered, .columns.centered { float: none; margin: 0 auto; } [class*="column"] + [class*="column"]:last-child { float: right } [class*="column"] + [class*="column"].end { float: left } .one,.row .one { width: 8.33333% } .two,.row .two { width: 16.66667% } .three,.row .three { width: 25% } .four,.row .four { width: 33.33333% } .five,.row .five { width: 41.66667% } .six,.row .six { width: 50% } .seven,.row .seven { width: 58.33333% } .eight,.row .eight { width: 66.66667% } .nine,.row .nine { width: 75% } .ten,.row .ten { width: 83.33333% } .eleven,.row .eleven { width: 91.66667% } .twelve,.row .twelve { width: 100% } .row .offset-by-one { margin-left: 8.33333% } .row .offset-by-two { margin-left: 16.66667% } .row .offset-by-three { margin-left: 25% } .row .offset-by-four { margin-left: 33.33333% } .row .offset-by-five { margin-left: 41.66667% } .row .offset-by-six { margin-left: 50% } .row .offset-by-seven { margin-left: 58.33333% } .row .offset-by-eight { margin-left: 66.66667% } .row .offset-by-nine { margin-left: 75% } .row .offset-by-ten { margin-left: 83.33333% } .push-two { left: 16.66667% } .pull-two { right: 16.66667% } .push-three { left: 25% } .pull-three { right: 25% } .push-four { left: 33.33333% } .pull-four { right: 33.33333% } .push-five { left: 41.66667% } .pull-five { right: 41.66667% } .push-six { left: 50% } .pull-six { right: 50% } .push-seven { left: 58.33333% } .pull-seven { right: 58.33333% } .push-eight { left: 66.66667% } .pull-eight { right: 66.66667% } .push-nine { left: 75% } .pull-nine { right: 75% } .push-ten { left: 83.33333% } .pull-ten { right: 83.33333% } img,object,embed { height: auto } object,embed { height: 100% } img { -ms-interpolation-mode: bicubic } #map_canvas img,.map_canvas img { max-width: none!important } /* Nicolas Gallagher's micro clearfix */ .row { *zoom: 1 } .row:before,.row:after { content: ""; display: table; } .row:after { clear: both } /* Block Grids ---------------------- */ /* These are 2-up, 3-up, 4-up and 5-up ULs, suited for repeating blocks of content. Add 'mobile' to them to switch them just like the layout grid (one item per line) on phones For IE7/8 compatibility block-grid items need to be the same height. You can optionally uncomment the lines below to support arbitrary height, but know that IE7/8 do not support :nth-child. -------------------------------------------------- */ /*.block-grid { display: block; overflow: hidden; padding: 0; } .block-grid > li { display: block; height: auto; float: left; } .block-grid.one-up { margin: 0 } .block-grid.one-up > li { width: 100%; padding: 0 0 15px; } .block-grid.two-up { margin: 0 -15px } .block-grid.two-up > li { width: 50%; padding: 0 15px 15px; } .block-grid.two-up > li:nth-child(2n+1) { clear: both } .block-grid.three-up { margin: 0 -12px } .block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; } .block-grid.three-up > li:nth-child(3n+1) { clear: both } .block-grid.four-up { margin: 0 -10px } .block-grid.four-up > li { width: 25%; padding: 0 10px 10px; } .block-grid.four-up > li:nth-child(4n+1) { clear: both } .block-grid.five-up { margin: 0 -8px } .block-grid.five-up > li { width: 20%; padding: 0 8px 8px; } .block-grid.five-up > li:nth-child(5n+1) { clear: both }*/ /* Mobile Block Grids */ @media only screen and (max-width: 767px) { /*.block-grid.mobile > li { float: none; width: 100%; margin-left: 0; } .block-grid > li { clear: none !important } .block-grid.mobile-two-up > li { width: 50% } .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both } .block-grid.mobile-three-up > li { width: 33.33% } .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important } .block-grid.mobile-four-up > li { width: 25% } .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both } .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both }*/ } } /* Button Groups ---------------------- */ .flyout { background: #fff; nowhitespace: afterproperty; nowhitespace: afterproperty; padding: 20px; margin: 0; position: absolute; top: 39px; left: -1px; width: 200px; z-index: 40; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* remove margin on any first-child element */ /* remove margin on last element */ } .flyout p { line-height: 1.2; font-size: 13px; color: #666; margin-bottom: 15px; } .flyout *:first-child { margin-top: 0 } .flyout *:last-child { margin-bottom: 0 } .flyout.small { width: 166.66667px } .flyout.large { width: 437.5px } .flyout.right { left: auto; right: -2px; } .flyout.left { right: auto; left: -2px; } .flyout.up { top: auto; bottom: 39px; } ul.flyout,.nav-bar li ul { padding: 0; list-style: none; } ul.flyout li,.nav-bar li ul li { } ul.flyout li a,.nav-bar li ul li a { margin: 0px 0px; background: #fff; border: 1px solid #e6e6e6; border-width: 0px 0px 1px 0; color: #555; display: block; font-size: 12px; height: auto; line-height: 1; padding: 9px 6px 11px 16px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } ul.flyout li a:hover,.nav-bar li ul li a:hover { background: #fff; color: #333; } ul.flyout li.active,.nav-bar li ul li.active { margin-top: 0; border-top: 1px solid #4d4d4d; border-left: 1px solid #1a1a1a; } ul.flyout li.active a,.nav-bar li ul li.active a { background: #fff; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } /* Correct timer in IE */ .lt-ie9 .timer { display: none !important } .lt-ie9 div.caption { background: transparent; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); zoom: 1; } /* NOTES Close button entity is */ /* Tabs ---------------------- */ /* Element that controls breakpoint, no need to change this ever */ } /* CONTENT ---------------------- */ .nomargin { margin-bottom: 0px !important } .noleftmargin { margin-left: 0px; padding-left: 0px; } .floatright,.right { float: right } .left { float: left } .text-left,.leftalign { text-align: left } .text-right { text-align: right } .text-center { text-align: center } /*.hide { display: none }*/ .highlight { background: #ffff99 } .clear { clear: both } a:focus { outline: none } #panel { background: #222; height:40px; display: none; color: #fff; padding: 20px 0 50px 0; } .slide { margin: 0; padding: 0; } .btn-slide { text-align: right; width:30px; height:20px; padding: 10px 0px 0px 10px; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; float: right; } .pics { float: left; margin-right: 10px; } .infotext { margin-top: 7px } /*#subheader { position: relative; padding:8px 30px; position: relative; }*/ #subheader p { font-size: 1.4em; margin-bottom: 0; } #subheader a { color: #fff; text-decoration: none; } #subheader a:hover { text-decoration: none; color: #fff; } .subheadertext {padding:40px 0 60px !important;} .bread { font-family: DroidSansRegular; margin-top: 8px; font-size: 16px !important; } /*.topborder { border-top: 4px solid }*/ /*.header { height: 80px }*/ .logo { margin-top: 5px;margin-bottom: 5px; } /*.logo h4 { font-size: 27px }*/ .hr { height: 36px } .wrappic { border: 1px solid #CCCCCC; padding: 2px; } .wrappic:hover { border: 1px solid #CCCCCC; padding: 2px; background: url(../images/wraphover.png) repeat !important; } .readmore,a.readmore { cursor: pointer; border: 0px; color: #fff; padding: 12px 20px; -webkit-border-radius: 7% !important; -moz-border-radius: 7% ; border-radius:7% !important;; display: inline; } .readmore:hover,a.readmore:hover { background: #503f98; color: #fff; } #testimonials { margin: 10px 0 20px;/*border-left: solid 6px #33877d;*/} #testimonials blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #808080; display: block; } #testimonials blockquote p { margin: 0 !important; padding: 5px!important; } #testimonials blockquote cite { font-style: normal; display: block; text-transform: uppercase; font-weight: bold; font-style: italic; padding-left: 5px; margin-top: 10px; } /*#footer { background: #140e2d; color: #dbd7ed; padding: 0px 0; margin-top: 20px; }*/ /*#footer a { color: #2ba6cb; font-size: 18px; } #footer h1 { font-size: 16px; color: #ccc; margin-bottom: 20px; }*/ .newsmargin { margin-left: 46px } .small { color: #444; font-size: 11px; } .grayscale { filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); opacity: 1; -webkit-filter: grayscale(100%); } .dots { background: url(../images/dots.gif) repeat-x; height: 10px; } .submit { padding: 3px 10px; border: 0px; color: #fff; font-size: 15px; cursor: pointer; } .submit:hover { background: #444; -webkit-transition: background-color 300ms linear; -moz-transition: background-color 300ms linear; -o-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; } .minipause { height: 13px } .smoothborder { border: 1px solid #CCC !important } .blogstyle { padding: 22px 50px 23px 50px !important } .blogimage { width: 99.9% } .blogdots { margin-left: 110px; margin-top: -5px; margin-bottom: 10px; } .authoricons { width: 30px; height: 30px; margin-right: 10px; } .teamwrap { width: 99%; height: 200px; padding:5px; float: left; border: 1px solid #504f4f; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 0px 0px 0px 3px #4f4f4f; -moz-box-shadow: 0px 0px 0px 3px #4f4f4f; box-shadow: 0px 0px 0px 3px #4f4f4f; cursor: default; background: #4f4f4f; } .teamwrap .mask, .teamwrap .content { width: 100%; height:200px; position: absolute; overflow: hidden; top: 0; left: 0; } .teamwrap img { display: block; position: relative; } .teamwrap h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding:10px; background: rgba(0, 0, 0, 0.8); margin: 10px 0 0 0; } .teamwrap p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding:11px 13px 11px; text-align: center; } .teamwrap a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; } .teamwrap a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .teambox img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .teambox .mask { background-color: #eee; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .teambox h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 10px 40px 0px 40px; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .teambox p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .teambox a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .teambox:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .teambox:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .teambox:hover h2, .teambox:hover p, .teambox:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .accordiontrick{overflow: hidden; display: none;} .done { display: none } .element .error { border: 1px solid #9F1319 } .gmap { background: white; border: 1px solid #ccc; padding: 4px; width: 100%; height: 374px; margin-top: 14px; } .wrapcontact { margin-left: 10px } .ctextarea {width:98.5%;} .socialteam.social { margin-right: 0px !important } .optionsbutton {position:fixed;top:250px;right:-4px;border-radius:0px;z-index:100;background: #eee; border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255,255,255,.75); cursor: pointer; margin-bottom: 20px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;} .optionscolor {width:20px;height:20px;border:1px solid #fff; float:left;} .teamwrap2 { width: 98%; height: auto; margin: 10px; float: left; border: 7px solid #fff; overflow: hidden; position: relative; text-align: center; -webkit-box-shadow: 0px 0px 0px 3px #fff; -moz-box-shadow: 0px 0px 0px 3px #fff; box-shadow: 0px 0px 0px 3px #fff; cursor: default; background: #fff; } .teamwrap2 .mask2, .teamwrap2 .content2 { width: 100%; height: auto; position: absolute; overflow: hidden; top: 0; left: 0; } .teamwrap2 img { display: block; position: relative; } .teamwrap2 h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding:10px; background: rgba(0, 0, 0, 0.8); margin: 10px 0 0 0; } .teamwrap2 p { font-family: Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding:11px 13px 11px; text-align: center; } .teamwrap2 a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; } .teamwrap2 a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; } .teambox2 img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; } .teambox2 .mask { background-color: #eee; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .teambox2 h2 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 10px 40px 0px 40px; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .teambox2 p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .teambox2 a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; } .teambox2:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; } .teambox2:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .teambox2:hover h2, .teambox2:hover p, .teambox2:hover a.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }