/* ============================================================================= Change base color: Scroll to the bottom of this file and in the section "Change base color", find this HEX #29176D and replace it with yours ========================================================================== */ /* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;font-size:1em;line-height:1.4}::-moz-selection{color:#fff;text-shadow:none}::selection{color:#fff;text-shadow:none}a{color:#00e}a:visited{color:#551a8b}a:hover{color:#06e}a:focus{outline:none}a:hover,a:active{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ebebeb;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}pre,code,kbd,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}ul,ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color: transparent; border:0; box-shadow:none;}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:black;padding:.2em 0} a{color:#000;} a:visited{color:#000;} blockquote{overflow:hidden;} /* 944px grid system ~ Core CSS. 12 Columns ~ Margin left: 40px Based on the simple grid system - http://www.webnicer.com/ by Jacek Ciolek Created by the Grid System Generator - v1.00 Learn more ~ http://www.gridsystemgenerator.com/ */ .clearfix,.row{display:inline-block}.clearfix,.row{display:block}.row{position:relative;margin-left:-40px}.gu1 .row{width:82px}.gu2 .row{width:164px}.gu3 .row{width:246px}.gu4 .row{width:328px}.gu5 .row{width:410px}.gu6 .row{width:492px}.gu7 .row{width:574px}.gu8 .row{width:656px}.gu9 .row{width:738px}.gu10 .row{width:820px}.gu11 .row{width:902px}.gu12 .row{width:984px}.col{padding-left:40px;float:left;position:relative}.gu1{width:42px}.gu2{width:124px}.gu3{width:206px}.gu4{width:288px}.gu5{width:370px}.gu6{width:452px}.gu7{width:534px}.gu8{width:616px}.gu9{width:698px}.gu10{width:780px}.gu11{width:862px}.gu12{width:944px} /* Home 1 */ .background-stripe{background:url(../img/pattern-squares.png);left:0;right:0;position:absolute;height:348px;top:0;z-index:0} .slideshow-home-1{width:971px;margin:0 auto} .full-slideshow .slideshow-home-1{width:auto} .slideshow-home-1 ul.orbit-bullets{bottom:5px} .slideshow-home-1 div.orbit.with-bullets{margin-bottom:0} .slideshow-home-1 .timer-wrapper{background:#29176D;position:absolute;z-index:4;bottom:15px;right:15px;width:52px;height:52px;z-index:31;opacity:0} .slideshow-home-1 .orbit-wrapper:hover div.timer-wrapper,.slideshow-home-1 .orbit-wrapper:hover div.slider-nav{opacity:1} .slideshow-home-1 div.orbit-wrapper div.timer{top:6px;left:6px;right:auto;bottom:auto} .slideshow-home-1 div.orbit-wrapper div.slider-nav,.slider-controllers div.slider-nav{opacity:1;display:block;background:#29176D;width:103px;height:52px;position:absolute;z-index:31;bottom:15px;right:69px;opacity:0} .slideshow-home-1 div.orbit-wrapper div.slider-nav span.right,.slider-controllers div.slider-nav span.right{bottom:12px;top:auto;left:auto;right:15px;width:15px;height:28px;background:url("../img/arrow-slide-right-small.png") no-repeat center center;z-index:33;opacity:.75} .slideshow-home-1 div.orbit-wrapper div.slider-nav span.left,.slider-controllers div.slider-nav span.left{bottom:12px;top:auto;left:15px;right:auto;width:15px;height:28px;background:url("../img/arrow-slide-left-small.png") no-repeat center center;z-index:33;opacity:.75} .slideshow-home-1 div.orbit-wrapper div.slider-nav span.left:hover,.slider-controllers div.slider-nav span.left:hover{background:url("../img/arrow-slide-left.png") no-repeat center center} .slideshow-home-1 div.orbit-wrapper div.slider-nav span.right:hover,.slider-controllers div.slider-nav span.right:hover{background:url("../img/arrow-slide-right.png") no-repeat center center} .slideshow-home-1 div.orbit-wrapper div.slider-nav span.pagination,.slider-controllers div.slider-nav span.pagination{background:0;text-align:center;left:15px;width:73px;height:28px;bottom:12px;top:auto;line-height:28px;color:#fff;font-size:13px;text-indent:0;cursor:default;z-index:32} .slideshow-home-1 div.orbit-wrapper div.slider-nav span.right:hover,.slideshow-home-1 div.orbit-wrapper div.slider-nav span.left:hover{opacity:1} .slideshow-home-1 div.orbit-wrapper div.slider-nav span.pagination i{font-style:normal} .special-area-1{ background: url(../img/pattern-triangle.png) repeat-x center bottom #29176D; padding: 20px 0; position: relative; z-index: 1; margin-top: 130px; margin-bottom: 60px; text-align: center } .special-area-1.fit{margin:30px auto 60px auto;width:1200px;background:#29176D;padding:40px 0 20px 0} .special-area-1 article{width:284px;text-align:center;padding:60px 15px} .special-area-1.fit article{padding:30px 15px} .special-area-1 article .icon{font-size:2.9em;line-height:100%;background:rgba(0,0,0,0.15);padding:14px 13px;color:#fff;border-radius:30px;margin-bottom:20px;display:inline-block} .big-block-color,a.big-block-color{background:#29176D;padding:30px 15px;display:block} .big-block-color:hover,a.big-block-color:hover{background:#1a2127} .big-block-color h4{font-size:1.8em;font-style:normal;font-weight:bold;color:#fff} .big-block-color p{color:#fff;font-weight:300;font-size:1.8em;margin-bottom:0;line-height:130%} .item-portfolio-rect{position:relative;width:479px} .portfolio-rect .item-portfolio-rect{width:464px} .portfolio-rect.wrapper.inner{margin-top:290px} .portfolio-rect.wrapper.inner.neg-margin{top:-105px;margin-top:auto;z-index:9} .portfolio-square .item-portfolio-rect{width:307px;float:left;margin-right:20px;margin-bottom:20px} .portfolio-square .item-portfolio-rect:nth-child(3n+3){margin-right:0} .portfolio-rect .gu6{width:464px} .portfolio-rect .col{padding-left:30px} .portfolio-rect .row{margin-left:-30px} .portfolio-rect h4{margin:20px 0 10px 15px} .portfolio-rect p{margin:0 0 0 15px} .item-portfolio-rect div.details{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0} .item-portfolio-rect:hover div.details{opacity:1} .item-portfolio-rect .content-details{position:absolute!important;top:0;bottom:0;left:0;right:0} .item-portfolio-rect .mask-bg{background:#29176D;position:absolute;top:0;bottom:0;left:0;right:0;opacity:.8} .item-portfolio-rect .content-details{padding:40px 80px 40px 40px;text-shadow:0 2px 5px rgba(0,0,0,0.6);position:relative} .item-portfolio-rect .content-details h4{font-size:2.2em;color:#fff;margin:0} .item-portfolio-rect .content-details p{font-size:1.2em;color:#fff;margin:10px 0 0 0;font-style:italic} .item-portfolio-rect .content-details ul{list-style-type:none;margin:0;padding:0;position:absolute;bottom:0;right:0;z-index:99} .item-portfolio-rect .content-details ul li a{display:block;padding:10px;background:#fff;color:#29176D;line-height:100%;margin-top:1px;font-size:18px;text-shadow:none} /* Home 2 */ .background-image{ left: 0; right: 0; position: absolute; height: 498px; top: 0; z-index: 0; text-align: center; overflow: hidden } .special-nav-footer{list-style-type:none;padding:0;margin:0} .special-nav-footer li{float:left;margin-right:29px} .facebook-box{width:293px;background:url(../img/facebook-logo.png) no-repeat 75px 20px #3b5998;height:66px;position:relative;display:block} .facebook-box .fb-like{position:absolute;top:-15px;left:8px;z-index:9} .facebook-box .fb-facepile{position:absolute;bottom:-1px} .facebook-box .fb-facepile-wrapper{width:230px;height:32px;overflow:hidden;position:absolute;left:63px;top:-33px} .item-portfolio-rect .facebook-box{width:307px} .item-portfolio-rect .facebook-box{width:307px} .item-portfolio-rect .facebook-box .fb-facepile-wrapper{left:77px} .special-nav-footer li:last-child{margin-right:0} .special-nav-footer li:hover i{background:#29176D} .special-nav-footer li i{float:left;width:66px;background:#1a2127;color:#fff;padding:18px 0;max-height:65px;line-height:100%;font-size:30px;vertical-align:middle;display:block;margin:0} .special-nav-footer li.blocks-2 a{width:535px} .special-nav-footer li a{display:block;background:#29176D;height:46px;padding:10px 15px;width:205px;float:left;margin:0} .special-nav-footer li.facebook-box a{background:0;display:inline} .special-nav-footer li a h4{margin:0;font-size:1.8em;font-weight:300;color:#fff;font-style:normal} .special-nav-footer li a p{margin:0;font-size:1.3em;font-weight:normal;color:#fff;font-style:italic} /* Home 3 */ .icon-big-circle-black{background:#000;color:#fff;line-height:100%;font-size:30px;padding:23px 22px;border-radius:39px;margin:-78px auto 10px auto;display:block} .list-icons{list-style-type:none;padding:0;margin:0;margin-left:6px;margin-bottom:30px} .list-icons li{text-align:center;float:left;max-width:189px;margin-right:4px;margin-bottom:30px} .list-icons li:last-child{margin-right:0} .list-icons span{color:#fff;font-weight:600;font-size:1.6em;font-style:italic;display:inline-block;margin-top:30px;opacity:.6} /* Home-4*/ .color-boxes{list-style-type:none;margin:0;padding:0} .color-boxes li{width:247px;height:140px;padding:30px;color:#fff;float:left;margin:0 20px 20px 0} .color-boxes li:hover{background:#29176D!important} .color-boxes li a{display:block;color:#fff} .color-boxes li:nth-child(3n+3){margin-right:0} .color-boxes li h4{font-size:2.2em;color:#fff;margin:0} .color-boxes li p{font-size:1.8em;font-weight:300;line-height:130%} .full-slideshow{position:absolute;top:0;z-index:0;left:0} .home-page-5 header{border-bottom:0} /*************************************************************************/ /* Generic */ /*************************************************************************/ body { font-family: 'Open Sans', sans-serif; font-size: 62.5%; line-height: 160%;} body.bg-img-body { background: url(../img/pattern-squares.png) } input, button, textarea, select { font-family: 'Open Sans', sans-serif;} :focus {outline:none;} iframe{border:none;} .wrapper.inner{width: 971px;} /*************************************************************************/ /* Typography */ /*************************************************************************/ h1,.title-1{font-family:'Droid Serif',serif;font-size:2.1em;font-weight:normal;font-style:italic;color:#374452;margin:0;line-height:130%} h2,.title-2{font-weight:600;font-style:italic;color:#374452;font-size:2.2em;line-height:120%} h3,.title-3{font-family:'Droid Serif',serif;color:#374452;font-size:1.8em;margin:0 0 10px 0;line-height:130%;font-style:italic;font-weight:normal} h3.light,.title-3.light{font-family:'Open Sans',sans-serif;color:#374452;font-size:1.8em;margin:0 0 10px 0;line-height:130%;font-style:normal;font-weight:300;} h4,.title-4{margin:0;font-style:italic;font-size:1.6em;line-height:140%;font-weight:600;color:#374452;word-wrap: break-word;} h5,.title-5{margin:0;font-style:normal;font-size:1.3em;line-height:140%;font-weight:600;color:#374452;} h6,.title-6{margin:0;font-style:normal;font-size:1.2em;line-height:140%;font-weight:normal;color:#999;} .title-7 {margin:0;font-style:italic;font-size:2.5em;line-height:140%;font-weight:300;color:#000;} .grid-3 h4{width:150px;margin:0 0 0 15px} .text-1{font-size:1.3em;color:#6e6e6e;font-style:italic;line-height:140%} .text-1.bold{font-weight: bold;} .text-1.semi-bold{font-weight: 600;} .text-1.italic{font-style:italic;} .text-1.small{font-size:1.2em;} .text-1.smaller{font-size:1.1em;} .text-1.even-smaller{font-size:1em;} .text-1.dark{color:#333333;} .text-1.light{color:#6e6e6e;} .text-1.ligther{color:#aeaeae;} .text-2{font-size:1.1em;color:#aeaeae;font-style:italic} .text-3{font-size:1.1em;font-style:italic;font-weight:600;color:#6e6e6e} .text-4{font-size:1.2em;margin:0;color:#aeaeae;font-style:italic;line-height:100%} .text-5{font-size:1.2em;margin:0;color:#aeaeae;line-height:100%;font-weight:600} .text-6{font-size:1.3em;margin:0;color:#6e6e6e;line-height:130%;font-weight:600} .text-7{font-size:1.3em;margin:0;color:#aeaeae;font-style:italic} .text-8{font-size:1.2em;color:#6e6e6e;font-style:italic;line-height:130%} .text-9{color:#aeaeae;font-size:1.2em;font-style:italic} .white{color:#fff !important;} .black{color:#000 !important;} .light{color:#aeaeae} .quote{margin:0;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;padding:30px 0;margin:30px 0 30px 0; text-align: center;} .quote p{font-family:'Droid Serif',serif;margin:0;font-size:2.2em;line-height:160%;text-align:center;font-style:italic;color:#374452} .quote-1{border:5px solid #ddd;padding:10px 60px 10px 60px;background:url(../img/icons/quote-1.png);position:relative;margin:0} .quote-1 p{color:#333;font-size:1.6em;font-style:italic;font-weight:300;line-height:140%} .quote-1:before{content:'”';position:absolute;top:5px;left:30px;line-height:100%;color:#29176D;font-size:6.4em;font-style:italic;font-weight:200} .quote-2{padding:5px 60px 10px 60px;background:url(../img/icons/quote-1.png);position:relative;margin:0} .quote-2 p{color:#333;font-size:1.6em;font-style:italic;font-weight:300;line-height:140%} .quote-2:before{content:'';position:absolute;top:5px;left:15px;width:30px;height:44px;background:url(../img/icons/quote-2.png) no-repeat center 20px #29176D} .quote-3{padding:0 15px 0 15px;position:relative;margin:0 0 0 27px;border-left:3px solid #29176D} .quote-3 p{color:#333;font-size:1.6em !important;font-style:italic;font-weight:300;line-height:140%;margin-top:0;margin-bottom:0;} /*************************************************************************/ /* Font Icons */ /*************************************************************************/ .icon-mini {font-size: 1.0em;} .icon-small {font-size: 1.2em;} .icon-medium {font-size: 1.4em;} .icon-big {font-size: 1.6em;} .icon-huge {font-size: 1.8em;} .icon-massive {font-size: 2.4em;} /*************************************************************************/ /* Buttons */ /*************************************************************************/ a.button{display:inline-block;color:#FFF;line-height:100%;text-decoration:none} a.button.light{background-color:#aeaeae} a.button.dark{background-color:#6e6e6e} a.button.color{background-color:#29176D} a.button.small{font-size:1.2em;padding:1em 1.1em} a.button.medium{font-size:1.4em;padding:.9em 1.3em} a.button.big{font-size:1.6em;padding:.8em 1.4em} a.button:hover{color:#ffffff;} .bt-form{border-radius:3px;border:1px solid #bdbfc0;padding:10px 15px;font-size:1.3em;color:#374452;background:#fff;background:-moz-linear-gradient(top,#fff 0,#f5f5f5 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(top,#fff 0,#f5f5f5 100%);background:-o-linear-gradient(top,#fff 0,#f5f5f5 100%);background:-ms-linear-gradient(top,#fff 0,#f5f5f5 100%);background:linear-gradient(top,#fff 0,#f5f5f5 100%)} .bt-form:hover{border:1px solid #a7a7a7;background:#fff;background:-moz-linear-gradient(top,#fff 0,#ededed 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ededed));background:-webkit-linear-gradient(top,#fff 0,#ededed 100%);background:-o-linear-gradient(top,#fff 0,#ededed 100%);background:-ms-linear-gradient(top,#fff 0,#ededed 100%);background:linear-gradient(top,#fff 0,#ededed 100%)} .bt-form:focus{background:#ededed;background:-moz-linear-gradient(top,#ededed 0,#fff 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#fff));background:-webkit-linear-gradient(top,#ededed 0,#fff 100%);background:-o-linear-gradient(top,#ededed 0,#fff 100%);background:-ms-linear-gradient(top,#ededed 0,#fff 100%);background:linear-gradient(top,#ededed 0,#fff 100%)} /*************************************************************************/ /* LINKS */ /*************************************************************************/ a.link-1{color:#6e6e6e;text-decoration:none;font-size:1.2em;font-weight:600} a.link-1.medium{color:#6e6e6e;text-decoration:none;font-size:1.3em;font-weight:600} a.link-2{color:#374452;text-decoration:none;font-size:1.6em;font-weight:600;font-style:italic} a.text-5{color:#6e6e6e;text-decoration:none} a.text-5:hover{color:#29176D;text-decoration:underline} a.link-1:hover,a.link-2:hover,a.text-5:hover{color:#29176D} /*************************************************************************/ /* HEADER / TOP */ /*************************************************************************/ a.bt-nav-close { position: absolute; right:10px; top:10px; font-size: 18px; color:#fff; z-index: 99; } a.bt-nav-close:hover { opacity: 0.75; color:#fff } .bar-top{margin:0;border-color:#29176D;border-width:5px} header{margin:50px auto 30px auto;height:90px;border-bottom:1px solid #ebebeb;width:961px; position: relative;} header nav.open { display: block; } a.menu-mobile{display:none} .body-overlay.show{display: none;} header nav{float:right;margin-top:20px;display:block} header nav li{ float: left; display: block; margin: 0 0 0 4px; padding: 0 6px 0 0; line-height: 100%; position: relative; z-index: 90 } header nav li.active a{border-bottom:2px solid #29176D} header nav li a,header nav li a:visited{display:block;text-decoration:none;color:#374452;font-size:1.4em;text-transform:uppercase;padding:0 11px 10px 11px} header nav li:hover{ padding: 0 6px 0 0 } header nav li.subnav{background:url(../img/nav-header-bullet-subnav.png) no-repeat right 8px} header nav li:hover a,header nav li:hover a, header nav li a.active{background:#29176D;border-radius:3px;color:#fff;padding:15px 11px 30px 11px;margin:-15px 0 0 0} header nav li:hover ul{display:block;opacity:1;top:20px;height:auto;left:15px} header nav li ul{display:none;position:absolute;background-color:#fff;box-shadow:0 2px 4px 0 #000;box-shadow:0 5px 4px 0 rgba(0,0,0,0.13);border-top:2px solid #29176D;padding:0 15px 10px 15px;z-index:999;opacity:0;left:-30px;top:20px} header nav li ul li,header nav li:hover ul li{float:none;padding:0;margin:0;background:0} header nav li ul li a,header nav li:hover ul li a{padding:0;line-height:100%;background:0;margin:0;color:#6e6e6e;text-transform:none;font-weight:600;font-style:italic;font-size:1.3em;border-bottom:1px solid #ececec;padding:13px 50px 13px 0;white-space:nowrap;border-radius:0;min-width:125px;} header nav li:hover ul li a:hover{color:#29176D;border-bottom:1px solid #29176D} header nav li:hover ul li a:hover:before{content:"\2014 \00a0 "} header .logo{display:block;padding-left:15px;float:left;position: relative;z-index: 1;} .main{ width: 961px; margin: 0 auto } .slider-folio{position:relative;z-index:3} header.fixed {position: fixed;} /*************************************************************************/ /* GRID */ /*************************************************************************/ .grid-3{width:301px;float:left;margin-left:29px;margin-right:29px;position:relative} .grid-6{padding:0;margin:20px 0 0 0} .grid-6 li{float:left;list-style-type:none;margin:0 17px 0 0;padding:0} .grid-6 li:last-child{margin:0} .grid-6 a{border:1px solid #ebebeb;width:121px;height:96px;display:table-cell;text-align:center;vertical-align:middle} .grid-6 a:hover{border:1px solid #29176D} .grid .tip{margin-left:0;margin-right:0} .grid-3-2{width:219px;float:left;margin:0 0 30px 30px} .grid-desc{width:197px;float:left} .portfolio-details-page .grid-desc{float:right} .grid-desc-2{width:265px;float:left} .grid-3-2-wrapper{width:749px;float:left} .carousel.grid-3-2-wrapper{overflow:hidden} .col-right{width:271px;float:right} .col-left{width:640px;float:left} /*************************************************************************/ /* Slideshow Content */ /*************************************************************************/ .slideshow-wrapper{overflow:hidden;margin-top:-31px;position:relative} .slideshow-background{position:absolute;z-index:2;height:0;top:0;left:0;right:0;background-position:center center} .slideshow-wrapper ul{position:absolute;z-index:10;bottom:0} .slideshow-wrapper ul li{float:left;list-style-type:none} .slideshow-wrapper ul li a{background:#e3e5e6;display:block;height:3px;margin-left:3px;text-indent:-9999px;width:27px} .slideshow-wrapper ul li.active a{background:#bfc2c4} .slideshow-content{position:relative;z-index:3;height:0;margin-bottom:60px;background:transparent} .slideshow-content .wrapper-slideshow{position:absolute;width:960px!important;z-index:9;left:50%;margin-left:-480px} .slideshow-content .wrapper-slideshow.img div{right:-50%;position:absolute;opacity:0;top:30px;z-index:3;display:none!important} .slideshow-content .wrapper-slideshow.img div.visible{display:block!important} .slideshow-content .wrapper-slideshow.img div:first-child{display:block!important} .slideshow-content .wrapper-slideshow.img div.outside{top:60px!important} .slideshow-content .wrapper-slideshow.content-block{z-index:10} .slideshow-content .wrapper-slideshow.content-block div{left:-50%;position:absolute;opacity:0;top:60px;width:350px;opacity:0} .slideshow-content .wrapper-slideshow.content-block div h4{font-family:'Droid Serif',serif;font-style:italic;font-size:22px;font-weight:normal;color:#000;margin-bottom:30px} .slideshow-content .wrapper-slideshow.content-block div p{font-family:'Open Sans',sans-serif;font-style:italic;font-size:13px;font-weight:normal;line-height:160%;color:#000;opacity:.85} .slideshow-content .wrapper-slideshow.content-block div.text-white p,.slideshow-content .wrapper-slideshow.content-block div.text-white h4,.slideshow-content .wrapper-slideshow.content-block div.text-white a{color:#fff} .slideshow-wrapper.preloader{background:url(../img/icons/loader.gif) no-repeat center bottom} /*************************************************************************/ /* Blog posts */ /*************************************************************************/ .carousel-home-posts li{width:330px} .carousel-home-posts li:last-child{width:301px} .carousel-home-posts li article{margin:0 29px 0 0} .carousel-home-posts li:last-child article{margin:0} .blog-posts-small{width:961px;overflow:hidden;margin-right:10px} .blog-posts-small figure{margin-bottom:20px;opacity:1;position:relative} .hoverfold-hidden{overflow:hidden} .hoverfold-img{margin-left:-80px;overflow:hidden} .blog-posts-small figure .fold{position:absolute;bottom:-10px;right:-15px;background:#29176D;width:60px;height:42px;z-index:1;border-radius:5px 0 0 0;opacity:0;-moz-transform:skew(25deg);-webkit-transform:skew(25deg)} .blog-posts-small .grid-3:hover figure .fold{opacity:1;-moz-transform:skew(0deg);-webkit-transform:skew(0deg);bottom:0;right:0} .blog-posts-small figure .fold i{position:absolute;bottom:0;right:0;width:94px;height:54px;background:url(../img/bg-fold.png) no-repeat right bottom;z-index:9} .blog-posts-small p{float:right;width:115px;margin:0} .blog-posts-small .grid-3:before{background:url(../img/bg-shadow-grid-3.png) no-repeat center 0;position:absolute;width:301px;height:52px;content:'';top:132px;left:0;opacity:0} .blog-posts-small .grid-3:hover:before{opacity:1;top:142px} .blog-posts-small .grid-3:hover figure{opacity:1} .blog-posts-small .grid-3:hover h4{color:#29176D;text-decoration:underline} .blog-posts h2{width:460px;float:left;margin:0} .blog-posts article{width:616px} .blog-posts figure.img-post{margin-bottom:20px} .blog-posts figure,.blog-posts iframe,.blog-posts .audiojs{opacity:1;margin:10px 0 20px -25px} .blog-posts .audiojs{width:auto;font-family:'Open Sans',sans-serif;font-size:1.1em} .blog-posts .audiojs .time{float:right} .blog-posts .audiojs .scrubber{width:475px} .blog-posts article p{font-size:1.3em;color:#6e6e6e;font-style:italic;line-height:140%} .hr-post{width:640px;margin:60px 0 60px -15px} section.post{width:auto;float:left} section.author{float:right;width:125px;margin-left:30px;margin-bottom:30px;} section.author a{text-decoration:none;color:#6e6e6e} section.author p{font-size:1.1em;margin:15px 0 0 0;} section.author p.text-3{margin-bottom:15px;} section.author p.text-1{margin:7px 0 0 0;} .date{float:right;margin:25px -10px 0 0} .date .day{font-size:7.4em;line-height:100%;color:#e3e5e6;font-weight:600;height:50px;overflow:hidden;display:block;float:left} .date .year{float:left;margin-left:10px;font-size:1.3em;color:#e3e5e6;font-weight:600;line-height:120%;padding-top:19px} .nr-comments{background:url(../img/arrow-bubble.png) no-repeat 0 bottom #29176D;display:block;float:right;padding:5px 7px 15px 7px;color:#fff;line-height:100%;font-size:1.6em;font-style:italic} .nr-comments.no-comments{background:url(../img/arrow-bubble-outline.png) no-repeat 0 bottom #29176D;width:29px;height:30px;padding:0;text-indent:-9999px} /*************************************************************************/ /* Comments */ /*************************************************************************/ .number-comments{width:42px;height:41px;background:url(../img/comment-number-blog.png) no-repeat 0 0 #29176D;float:left;color:#fff;display:block;line-height:33px;text-align:center;font-size:2.1em;font-style:italic} .commentlist{margin:0;padding:0;float:right;width:548px} .commentlist li{list-style-type:none;margin:0 0 20px 0;padding:0 0 20px 0;clear:both} .commentlist>li{border-bottom:1px solid #ebebeb;margin-bottom:40px;padding-bottom:20px} .commentlist ul{border-left:1px dotted #bfc2c4;margin:-21px 0 30px 76px;padding-top:1px} .commentlist>ul{margin-left:57px;margin-top:-50px} .commentlist ul ul{margin:-21px 0 30px 15px} .commentlist ul>li{margin:30px 0 10px -42px} .commentlist ul ul li{margin:30px 0 20px -42px} .commentlist li.separator{border-top:1px solid #ebebeb;border-bottom:0;padding-bottom:0} .commentlist li img{width:36px;height:36px;float:left;margin:-10px 0 0 -16px;display:block;background:#fff;padding:10px 0} .commentlist li.bypostauthor article:before{width:36px;height:36px;border:5px solid #29176D;position:absolute;content:'';top:-5px;left:-21px;z-index:99} .commentlist li.bypostauthor{position:relative} .commentlist li.bypostauthor:before{content:'(Author)';position:absolute;line-height:100%;top:54px;left:-21px;width:46px;text-align:center;font-size:1.1em;color:#29176D;font-style:italic} .commentlist li article{width:auto;position:relative} .commentlist li .comment-meta{float:left;margin-left:20px} .commentlist li .comment-body{clear:both;margin:0 0 0 40px} .commentlist li .comment-body p{margin:10px 0;font-size:1.2em} .commentlist li .comment-meta h5{margin:5px 0 0 0} .commentlist li .comment-meta h5.author cite{font-size:1.4457831325301204819277108433735em;color:#333;font-weight:600;font-style:italic;line-height:100%} .commentlist li .comment-meta h5.author cite a{color:#333;font-weight:600;font-style:italic;line-height:100%;text-decoration:none} .commentlist li .comment-meta p.date{font-size:1.1em;margin:5px 0 10px 0;float:none} .commentlist li .comment-meta p.date a{text-decoration:none;color:#aeaeae} .commentlist li a.comment-reply-link{font-size:1.325301204819277108433734939759em;color:#aeaeae;font-style:italic;font-weight:normal;text-decoration:none;display:inline-block;background:url(../img/icons/comment.png) no-repeat left center;line-height:12px;padding-left:17px;margin-left:10px} .icon-form-comment{width:42px;height:41px;background:url(../img/icons/form-comment.png) no-repeat 0 0 #29176D;display:block;float:left;margin-right:40px;margin-top:23px} /*************************************************************************/ /* Portfolio Home */ /*************************************************************************/ .home-page .portfolio { margin-top: 20px; } .home-page .portfolio .grid-3-2{position:relative;z-index:7;margin-right:30px;margin-left:0;width:217px;} .home-page .portfolio .grid-3-2:nth-child(3n+4){clear:none; } .home-page .portfolio .grid-3-2:nth-child(4n+4){ margin-right:0;} .home-page .portfolio .grid-3-2:nth-child(4n+5){clear:left;} /*************************************************************************/ /* Portfolio */ /*************************************************************************/ .portfolio .grid-3-2{position:relative;z-index:7;margin-left:30px;width:217px} .portfolio .grid-3-2:nth-child(3n+4){clear:both} .portfolio .grid-3-2:before{background:url(../img/bg-shadow-grid-3-2.png) no-repeat center 0;position:absolute;width:219px;height:52px;content:'';top:123px;left:0;opacity:0;z-index:1} .portfolio .grid-3-2:hover:before{opacity:1;top:133px;cursor:pointer} .portfolio .grid-3-2:hover figure img{opacity:1} .portfolio .grid-3-2:hover h4{color:#29176D;text-decoration:underline} .portfolio .grid-3-2:hover p{color:#6e6e6e} .portfolio .grid-3-2 figure{background:#ededed;z-index:8;position:relative;width:219px;height:160px;overflow:hidden} .portfolio .grid-3-2 figure img{opacity:.6} .portfolio .grid-3-2 h4{margin:20px 0 10px 15px} .portfolio .grid-3-2 a{text-decoration:none;color:#374452} .portfolio .grid-3-2:hover a{color:#29176D!important} .portfolio .grid-3-2 h4 a:hover{color:#29176D} .portfolio .grid-3-2 p{margin-left:15px} .portfolio .grid-3-2:hover:before h4 a{color:#29176D} .portfolio-page .min-height{min-height:565px} /*************************************************************************/ /* Portfolio 2 */ /*************************************************************************/ .portfolio-2 figure {position: relative;float: right;} .portfolio-2-page .wrapper{width:961px;} .portfolio-2-page .grid-3-2-wrapper{width:auto;margin-top:30px;} .portfolio-2-page .grid-3-2:first-child{margin-left:0px;} .portfolio-2-page .grid-3-2:nth-child(4n+5){margin-left:0px;} .portfolio-2 figure figcaption{ position: absolute; background: #29176D; width: 203px; height: 219px; top:12px; left:-248px; font-family: 'Droid Serif', serif; color:#fff; font-size: 1.8em; font-style: italic; line-height: 160%; padding: 45px 30px 45px 30px;} .portfolio-2 .header { float: left; width: 202px; padding-top: 40px; margin-left:15px; } .portfolio-2 h6.filter { width: 60px; color:#bfc2c4; font-size: 1.2em; font-weight: 600; margin: 17px 0 0 0;} .portfolio-2 .portfolio { margin: 30px 0 0 0;} .portfolio-2 .grid-3-2-wrapper { width: 961px;} .portfolio-2 .grid-3-2 { margin: 0 31px 30px 0; width: 217px;} .portfolio-2 .grid-3-2:nth-child(4n+4) { margin-right: 0;} .portfolio-2 .grid-3-2 figure { width: 217px; height: 158px;} .portfolio-2 .portfolio .grid-3-2 figure img { width: 217px; height:158px;} .portfolio-2 .grid-3-2:before { background-position: center -1px; } .portfolio-2 .portfolio .grid-3-2 figure{ cursor: pointer;} .portfolio-2-page .portfolio .grid-3-2:nth-child(3n+4){clear:none;} .portfolio-2-page .portfolio .grid-3-2:nth-child(4n+5){clear:both;} /*************************************************************************/ /* Portfolio 3 */ /*************************************************************************/ .portfolio-3-page .wrapper{width:961px;} .portfolio-3-page .grid-3-2-wrapper { margin-top: 30px; width: auto;} .portfolio-3-page .grid-3-2-wrapper .grid-3-2:first-child{margin:0;} .portfolio-3-page .portfolio .grid-3-2:nth-child(3n+4){clear:none;} .portfolio-3-page .portfolio .grid-3-2:nth-child(4n+5){clear:both;margin-left:0;} /*************************************************************************/ /* Slideshow */ /*************************************************************************/ .slideshow{position:relative;overflow:hidden} .slide-wrapper{position:absolute;top:0;left:0} .grid-3-2 .slide-wrapper img{width:219px;height:160px} .slider{position:relative} .slider img{float:left} .grid-3-2 .slide-pager{bottom:auto;top:147px} .slide-pager{margin:0;padding:0;position:absolute;bottom:20px;left:0;z-index:10;opacity:0} .slider:hover .slide-pager{opacity:1} .slide-pager li{display:block;float:left;width:27px;height:3px;background:rgba(255,255,255,0.5);margin:0 3px 0 0} .slide-pager li:last-child{margin:0} .slide-pager li.on{background:rgba(255,255,255,1)} /*************************************************************************/ /* NAV */ /*************************************************************************/ nav.separator{border-bottom:1px solid #ebebeb;margin:60px 0} nav.separator ul li{float:right} nav.separator ul li a{display:block;text-indent:-9999px;width:27px;height:3px;background:#e3e5e6;margin-left:3px} nav.separator ul li a.active{background:#bfc2c4} nav.page ul li{float:left} nav.page ul li a{display:block;line-height:100%;background:#fff;border:1px solid #f1f2f2;color:#aeaeae;font-size:1.2em;padding:7px 8px;margin:0 10px 0 0;text-decoration:none} nav.page ul li a.active{color:#29176D;border:1px solid #29176D} nav.page ul li a:hover{color:#fff;border:1px solid #29176D;background:#29176D} nav.page ul li a.active:hover{color:#fff;} /*************************************************************************/ /* LISTS */ /*************************************************************************/ .home-page .services-list{padding:0;float:left;width:681px} .home-page .services-list.auto{width:auto;float: none;} .services-list{padding:0} .services-list.margin li{margin:0 0 30px 60px;padding:10px 0 0 45px;width:220px} .services-list.margin li{display:block;float:left;list-style-type:none;position:relative} .services-list.margin li:nth-child(2n+3){clear:both} .services-list li{list-style-type:none} .services-list li div{position:relative;padding-left:45px} .services-list.dark li div{position:relative;padding-left:60px} .services-list.dark li i{background:0;color:#333;font-size:3.0em;padding:0} .services-list.dark li:hover i{padding:0} .services-list li i{background:#29176D;padding:8px 4px;position:absolute;top:0;left:0;line-height:100%;color:#fff;font-size:2.0em} .services-list li:hover i{padding:8px 4px 25px 4px} .services-list li:hover h4{color:#29176D;text-decoration:underline} .services-list li:hover p{color:#333;text-decoration:none} .services-list.text-left li p{margin-left: -60px;} .list-1{margin:0px 0 0 0;padding:0} .list-1 li{list-style-type:none;margin-bottom:5px} .list-1 li em{display:inline-block;min-width:60px} .list-2{margin:20px 0 0 0;padding:0} .list-2 li{list-style-type:none;margin-bottom:5px;float:left;width:135px;line-height:140%;color:#6e6e6e;font-size:1.2em;font-style:italic} .list-2 li a{text-decoration:none;color:#6e6e6e} .list-2 li a:hover{text-decoration:underline;color:#29176D} .list-3{margin:20px 0 0 0;padding:0} .list-3 li{list-style-type:none;line-height:140%;color:#6e6e6e;font-size:1.2em;font-style:italic;border-bottom:1px solid #ebebeb;padding-bottom:7px;margin-bottom:7px} .list-3 li a{text-decoration:none;color:#6e6e6e} .list-3 li a:hover{text-decoration:underline;color:#29176D} .flickr{margin:0;padding:0} .flickr li{float:left;list-style-type:none;margin:0 15px 15px 0;position:relative} .flickr li:nth-child(3n+3){margin-right:0} .flickr li img{width:80px;display:block} .flickr li:before{width:27px;height:27px;background:url(../img/icons/magnifier.png) no-repeat center center #29176D;position:absolute;bottom:0;right:0;z-index:9;content:'';opacity:0} .flickr li:hover:before{opacity:1} .the-icons{list-style-type:none;margin:0;padding:0} .the-icons li{margin-bottom:20px;line-height:120%} .the-icons li i{font-size:1.2em} .client-list li{margin-bottom:10px} /*************************************************************************/ /* FOOTER */ /*************************************************************************/ .body-overlay.show{display: block;} .body-overlay{display: none;} footer{ background: #374452; padding: 60px 0 10px 0; margin-top: 30px; position: relative; z-index: 3; background-color: #1a2127; } footer.no-margin { margin-top: 0; } footer .wrapper{padding:0 10px 0 25px;width:946px} footer h4{color:#e3e5e6} footer p{color:#bfc2c4;font-size:1.3em;color:#bfc2c4;font-style:italic;line-height:140%} footer a,footer a:visited{color:#e3e5e6;text-decoration:none} footer a:hover{color:#29176D;text-decoration:none} footer .about{width:295px;float:left;margin-right:30px} footer .twitter-feed{width:296px;float:left;background:url(../img/icons/twitter-footer.png) no-repeat 0 0;margin-top:-7px;margin-right:29px} footer .twitter-feed ul{margin:0;padding:0} footer .twitter-feed li{list-style-type:none;display:block;width:301px;height:116px} footer .twitter-feed li.tweet_first .tweet_time{margin-top:38px} footer .twitter-feed li.tweet_first .tweet_text{margin-top:10px} footer .twitter-feed .tweet_text{display:block;float:right;width:256px;color:#bfc2c4;font-size:1.3em;font-style:italic;line-height:140%} footer .twitter-feed .tweet_time{float:left;width:30px;display:block;color:#69737d;font-size:1.0em;background:url(../img/speech-twitter-footer.png) no-repeat 0 top;padding-top:6px;margin-top:5px;line-height:120%} footer .twitter-feed .tweet_time a{color:#69737d} footer .newsletter{width:296px;float:left} footer form{margin-bottom:20px} footer form input{border:0;background:url(../img/bg-input-newsletter.png) no-repeat 0 bottom;font-size:1.2em;font-style:italic;padding:0 30px 10px 10px;width:256px;color:#76818c} footer form button{border:medium none;height:15px;position:absolute;right:5px;top:0;background:transparent;color:#d9dcdf;font-size:1.2em;font-style:italic} footer hr{border-color:#76818c;margin-top:30px;margin-bottom:10px} footer .social{margin:-17px 8px 0 0;padding:0;float:right} footer .social li{list-style-type:none;float:left} footer .social li a{background:#69737d;padding:8px 6px;margin:0 0 0 2px;width:18px;height:18px;text-align:center;display:block} footer .social li a:hover{padding:16px 6px 8px 6px;margin:-8px 0 0 2px} footer .social li.youtube a:hover{background:#f33} footer .social li.linkedin a:hover{background:#4875b4} footer .social li.vimeo a:hover{background:#86b32d} footer .social li.dribble a:hover{background:#d97aa5} footer .social li.gplus a:hover{background:#d6492c} footer .social li.twitter a:hover{background:#3cf} footer .social li.facebook a:hover{background:#3b5998} footer.footer-overlay{background:0;margin-top:0;padding:0;position:fixed;z-index:20;bottom:0;left:0;right:0} footer.footer-overlay section{width:960px;margin:0 auto;position:relative} footer.footer-overlay a.link-work{display:block;line-height:100%;font-size:24px;background:#1a2127;float:left;padding:13px;position:absolute;bottom:0} footer.footer-overlay .work-info{background:#29176D;position:absolute;bottom:0;left:54px;padding:30px;width:540px} footer.footer-overlay .work-info h2{margin:0;font-size:2.2em;color:#fff} footer.footer-overlay .work-info p{font-size:1.3em;color:#fff;margin-bottom:0} footer.footer-overlay .social{background:0;position:absolute;bottom:0;left:598px} footer.footer-overlay .social li a{background:#1a2127} .full-slideshow div.orbit-wrapper div.slider-nav{opacity:1;position:fixed;bottom:0} .full-slideshow .timer-wrapper{opacity:1;position:fixed;bottom:0} /*************************************************************************/ /* Widgets */ /*************************************************************************/ .accordion h4{font-size:1.2em;color:#6e6e6e;font-weight:normal;line-height:130%;border-bottom:1px solid #ebebeb;padding-bottom:10px;margin-bottom:10px;cursor:pointer} .accordion h4:hover,.accordion h4.active{color:#29176D} .accordion h4 i{font-style:normal} .accordion p{font-size:1.2em;color:#6e6e6e;font-weight:normal;line-height:130%;font-style:italic} .accordion-item{padding:0 0 0 7px} .accordion.tuned h4{background:url(../img/icons/lists/image17.png) no-repeat 5px 5px;font-size:1.3em;font-weight:600;font-style:italic;padding-left:15px;border:0;position:relative} .accordion.tuned .accordion-item{border-bottom:1px solid #aeaeae;margin-bottom:10px} .accordion.tuned h4.active{background:url(../img/icons/lists/image18.png) no-repeat 5px 5px;margin-bottom:0;padding-bottom:0} .accordion.tuned h4 i{text-indent:-9999px;position:absolute;border-bottom:1px solid #aeaeae;height:1px;width:42px;bottom:0;left:0;display:block} .accordion.tuned h4.active i{display:none} .slideshow-last-work{width:271px;height:155px;position:relative;z-index:4} .slideshow-last-work ul{margin:0;padding:0;height:155px} .slideshow-last-work .jcarousel-container{width:271px;height:155px;overflow:hidden} .slideshow-last-work .jcarousel-clip{width:271px;height:155px;position:relative;left:30px} .slideshow-last-work ul li{list-style-type:none;float:left;margin-right:10px;width:210px;height:155px} .slideshow-last-work ul li:last-child{padding-right:60px} .slideshow-last-work .jcarousel-container{z-index:5;width:271px;height:155px;position:relative} .slideshow-last-work .jcarousel-prev,.slideshow-last-work .jcarousel-next{width:28px;height:32px;background:url(../img/icons/arrow-left.png) no-repeat center center #e3e5e6;position:absolute;top:61px;left:-15px;cursor:pointer;z-index:999;border:1px solid #fff} .slideshow-last-work .jcarousel-next{right:-15px;left:auto;background:url(../img/icons/arrow-right.png) no-repeat center center #e3e5e6} .slideshow-last-work .jcarousel-prev-disabled,.slideshow-last-work .jcarousel-next-disabled{opacity:.1} .slideshow-last-work .jcarousel-prev:hover,.slideshow-last-work .jcarousel-next:hover{background-color:#29176D} .widget-twitter .tweet{margin:0 0 30px 0} .widget-twitter ul{margin:0;padding:0} .widget-twitter ul li{list-style-type:none;margin-bottom:30px} .widget-twitter ul li .tweet_text{font-size:1.2em;color:#6e6e6e;font-style:italic;background:url(../img/bg-tweet-speech.png) no-repeat 7px bottom;padding:0 0 15px 0;margin:0 0 5px 0;display:block} .widget-twitter ul li .tweet_text a{color:#333;text-decoration:none} .widget-twitter ul li .tweet_text a:hover{color:#29176D;text-decoration:underline} .widget-twitter ul li .tweet_time{display:block;height:16px;background:url(../img/twitter.png) no-repeat;padding:0 0 0 30px;line-height:13px;font-size:1.0em;color:#aeaeae;font-style:italic} .widget-twitter ul li .tweet_time:before{content:'('} .widget-twitter ul li .tweet_time:after{content:')'} .widget-twitter ul li .tweet_time a{color:#aeaeae;text-decoration:none} .widget-twitter ul li .tweet_time a:hover,a.more-tweets:hover{color:#29176D} a.more-tweets{display:block;text-align:center;font-size:1.1em;color:#aeaeae;line-height:100%;text-decoration:none;border-top:1px solid #e3e5e6;padding:15px 0 0 0;position:relative} a.more-tweets:before{background:url(../img/arrow-line.png) no-repeat;width:13px;height:7px;top:-1px;left:50%;margin-left:-6px;position:absolute;content:''} .widget-twitter .tweet p{font-size:1.2em;color:#6e6e6e;font-style:italic;background:url(../img/bg-tweet-speech.png) no-repeat 7px bottom;padding:0 0 15px 0;margin:0 0 5px 0} .widget-twitter .tweet span{display:block;height:16px;background:url(../img/twitter.png) no-repeat;padding:0 0 0 30px;line-height:13px;font-size:1.0em;color:#aeaeae;font-style:italic} /*************************************************************************/ /* Forms */ /*************************************************************************/ .form fieldset{margin:0 0 20px 0} .form label{display:block;font-style:italic;color:#6e6e6e;font-size:1.3em;line-height:100%;margin-bottom:10px} .form label em{color:#aeaeae} .form input,.form textarea{border:1px solid #bfc2c4;box-shadow:0 1px 3px rgba(0,0,0,0.15);font-size:1.3em;color:#333;padding:10px} .input-medium{width:270px} .input-big{width:581px} .form input:hover,.form textarea:hover{border:1px solid #6e6e6e} .form input:focus,.form textarea:focus{border:1px solid #29176D} .search-form{margin:100px 0 40px 0} .search-form input{font-size:1.2em;color:#aeaeae;font-style:italic;border:0;width:231px;padding:0 30px 10px 10px;background:url(../img/input-search.png) no-repeat 0 bottom} .search-form input:focus{color:#6e6e6e} .search-form button{position:absolute;top:5px;right:5px;background:url(../img/icons/search.png) no-repeat;width:15px;height:15px;border:0;text-indent:-9999px} .form-comments .input-big{width:536px} .form-comments .input-medium{width:236px} /*************************************************************************/ /* Misc */ /*************************************************************************/ #toTop{position:fixed;bottom:45px;right:45px;width:45px;height:45px;background:url(../img/icons/arrow-top.png) no-repeat center center rgba(0,0,0,0.10);z-index:10;text-indent:-9999px} #toTop:hover{background:url(../img/icons/arrow-top.png) no-repeat center center rgba(0,0,0,0.25)} hr{margin:60px 0} hr.dotted{border-top:1px dotted #e3e5e6} hr.dashed{border-top:1px dashed #e3e5e6} hr.dark{border-top:1px solid #aeaeae} .divider{height:1px;border-top:1px solid #ebebeb;text-align:right;position:relative;line-height:100%} .divider-margin{margin:60px 0} .divider a{padding-left:20px;position:relative;top:-.7em;background:white;display:inline-block;color:#aeaeae;text-decoration:none;font-size:1.2em;line-height:100%;font-style:italic} .img-top-label{position:relative} .img-top-label figcaption{position:absolute;padding:20px 40px 20px 20px;background:#29176D;top:-20px;right:10px;color:#fff;font-size:1.8em;font-style:italic;max-width:35%;line-height:160%;font-family:'Droid Serif',serif} figure.video,figure.image{position:relative} figure.video:before,figure.image:before{font-family:fontello;position:absolute;content:'\1f3ac';background:#29176D;bottom:0;right:0;z-index:5;line-height:100%;font-size:1.8em;color:#fff;text-align:center;padding:8px} figure.image:before{content:'\e744'} figure.image:hover:before,figure.video:hover:before{padding:15px} .progress-bar{border-top:1px solid #e3e5e6;border-bottom:1px solid #e3e5e6;padding:3px 0} .progress-bar div{height:6px;background:#29176D;border-radius:2px;position:relative;width:0} .progress-bar div span{position:absolute;top:-26px;right:-16px;background:#29176D;color:#fff;width:32px;height:17px;font-size:1.1em;font-style:italic;line-height:17px;border-radius:3px;text-align:center} .progress-bar div span:before{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #29176D;content:'';position:absolute;bottom:-4px;left:50%;margin-left:-4px} .tooltip{color:#333;cursor:help;text-decoration:underline;} .page-404 footer{margin-top:0px;} /*************************************************************************/ /* Transitions */ /*************************************************************************/ header nav li, header nav li a, header nav li a:visited, header nav li ul, .grid-3:before, .blog-posts-small figure, .blog-posts-small .grid-3 h4, .blog-posts-small figure .fold,.portfolio .grid-3-2 a, .portfolio .grid-3-2 h4 a, .portfolio .grid-3-2 figure img, .grid-3-2:before, .services-list li i, .portfolio .grid-3-2 h4, .portfolio .grid-3-2 a, .portfolio .grid-3-2 p, .services-list li h4, .services-list li p, footer .social li a, .view-back div, .grid-6 a, nav.page ul li a, .flickr li:before, div.orbit-wrapper div.slider-nav, .slideshow-home-1 .timer-wrapper, #toTop, nav.separator-prev-next ul li a, nav.separator-prev-next ul li a i, figure.image:before, figure.video:before, .main-slide-gallery .thumbsArrow, .zuperSlider > .arrow, .TB_Wrapper .nav-arrows, .slideshow-home-1 div.orbit-wrapper div.slider-nav span.right, .slideshow-home-1 div.orbit-wrapper div.slider-nav span.left, .item-portfolio-rect div.details, .opcty-50, .opcty-25, .big-block-color, a.big-block-color, .special-nav-footer li i, .color-boxes li { -webkit-transition: all 250ms ease-out; -moz-transition: all 250ms ease-out; -o-transition: all 250ms ease-out; transition: all 250ms ease-out; } .left_nav ul li a{ -webkit-transition: background 500ms ease-out; -moz-transition: background 500ms ease-out; -o-transition: background 500ms ease-out; transition: background 500ms ease-out; } .view-back div { -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } a, .accordion h4, .portfolio-details-right h4 { -webkit-transition: color 500ms ease-out; -moz-transition: color 500ms ease-out; -o-transition: color 500ms ease-out; transition: color 500ms ease-out; text-decoration: none; } /*************************************************************************/ /* Non-Semantic Helper Classes */ /*************************************************************************/ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .relative { position: relative; } .wrapper { width: 981px; margin: 0 auto; } .left { float: left; } .right { float: right; } .center { text-align: center; } .justify { text-align: justify; } .block { display: block; } .inner-content { padding: 0 0 0 15px; } .margin-0 { margin: 0; } .margin-60 { margin: 60px 0} .margin-30 { margin: 30px 0} .ml-20 { margin-left: 20px; } .mt-0, .mt-0 p { margin-top: 0px; } .mt-2 { margin-top: 2px;} .mt-5 { margin-top: 5px;} .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-30-important { margin-top: 30px !important; } .mt-35 { margin-top: 35px !important; } .mt-60 { margin-top: 60px; } .mt-120 { margin-top: 0px; } .mb-0 { margin-bottom: 0} .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-40-important { margin-bottom: 40px !important; } .mb-49 { margin-bottom:49px;} .mb-55 { margin-bottom:55px;} .mb-60 { margin-bottom: 60px; } .mb-60-important { margin-bottom: 60px !important; } .pl-30 { padding-left:30px;} .no-border{ border:0px;} .opcty-50 { opacity: 0.5} .opcty-50:hover { opacity: 1} .opcty-25 { opacity: 0.25} .opcty-25:hover { opacity: 1} /*************************************************************************/ /* Begin Home Blog Post effect */ /*************************************************************************/ #carousel-home-posts li { padding-top: 20px; } .view { width: 301px; height: auto; margin: 10px; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;} .view .mask,.view .content { width: 301px; height: 168px; position: absolute; overflow: hidden; top: 0; left: 0;} .view .inside{ position:absolute; width: 301px; height: 168px; background: #29176D;} .view img { display: block; position: relative;} .view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 10px; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0;} .view p { font-size: 12px; position: relative; color: #fff; text-align: center;} .view 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;} .view a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;} .view-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .view-first h2 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .view-first p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;} .view-first:hover img, .view-first:hover.inside{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .view-first a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .view-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;} p.blog-posts-text{ float: right; margin: 0; width: 115px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); text-align: left; padding: 5px 0;} .view .inside:hover{height: 176px; } .blog-posts-text .text-3 { color: #6E6E6E; font-size: 0.916em; font-style: italic; font-weight: 600; font-family: 'Open Sans',sans-serif;} .blog-posts-text .text-2 { color: #AEAEAE; font-size: 0.916em; font-style: italic; font-family: 'Open Sans',sans-serif;} .blog-posts-text .comments-hoverfold { display: none;} .view-back{ display:block; width:auto; font-size:1.8em; color:#fff; font-weight:bold; font-style:italic; opacity:1; margin-top:70px;} .view-back div.comments{ background:url(../img/icons/comment-small.png) no-repeat 3px 2px; display: block; float: left; padding: 0 8px; text-align: left; width: 65px; position: relative; margin-left:60px;} .view-back div.views{ background:url(../img/icons/views.png) no-repeat 0 2px; display: block; float: right; padding: 0 8px; text-align: left; width: 65px; position: relative; margin-right:45px;} .view .inside { background: none repeat scroll 0 0 #29176D; height: 168px; opacity: 0.8; position: absolute; width: 301px;} .view:hover .view-back div{opacity:1} .view-back div small{color:white;display:block;font-size:.55555555555555555555555555555556em;font-weight:normal;font-family :'Open Sans',sans-serif;font-size :10px;clear:both;margin-left:18px;} .view-back span:first-child{padding-top:20px} .view-back a{display:block;font-size:18px;color:rgba(255,255,255,0.4);position:absolute;right:15px;bottom:15px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;width:30px;height:30px;line-height:22px;text-align:center;font-weight:700} .view-back a:hover{color:#fff;border-color:#fff} .view-back div.comments .comment-number{ float: left; margin-left: 20px; width: auto; font-family :'Open Sans',sans-serif;font-size :18px} .view-back div.views .comment-number { float: left; font-family: 'Open Sans',sans-serif; font-size: 18px; margin-left: 20px; width: auto;} .view-first h4{text-align:left;} .view-first h4 a{ color: #374452; font-style: italic; font-weight: 600; line-height: 140%;} .view-first:hover a{ color:#29176D;} .view-first h4 a:hover{color:#29176D;} .view-first figure{ overflow:hidden;} /*************************************************************************/ /* Portfolio */ /*************************************************************************/ .portfolio .more{border:1px solid #aeaeae;height:37px;width:717px;background:0} .portfolio .more:before{background:0} .more p{text-transform:uppercase;text-align:center;color:#6e6e6e;font-style:normal} .more-arrow-border{border-color:#aeaeae transparent transparent;border-style:solid;border-width:7px;bottom:-15px;height:0;left:354px;position:absolute;width:0} .more-arrow{border-color:white transparent transparent;border-style:solid;border-width:7px;bottom:-14px;height:0;left:354px;position:absolute;width:0} .left_nav ul{background-color:#fff;z-index:10;position:relative;left:-15px;top:20px} .left_nav ul li{display:block;line-height:100%;padding:0 6px 0 0;position:relative;z-index:9;min-height:22px} .left_nav ul li .selected{background:#29176D;color:white;padding-left:0} .left_nav ul li a.selected:before{content:"\2013 \00a0 ";margin-right:5px} .left_nav ul li a,.left_nav nav li:hover ul li a{background:none repeat scroll 0 0 transparent;border-radius:0;color:#6e6e6e;font-size:1.3em;font-style:italic;font-weight:600;line-height:100%;margin:0;min-width:125px;text-transform:none;white-space:nowrap;text-decoration:none;padding:2px 15px} .left_nav ul li a:hover{background:none repeat scroll 0 0 transparent;border-radius:0;color:white;font-size:1.3em;font-style:italic;font-weight:600;line-height:100%;margin:0;min-width:125px;text-transform:none;white-space:nowrap;text-decoration:none;padding-left:0;padding-right:15px;background:#29176D} .left_nav ul li a:hover:before{content:"\2013 \00a0 ";left:0;margin-right:5px} /*************************************************************************/ /* ABOUT US */ /*************************************************************************/ .about-us figure{float:left;width:724px} .about-us figure img{width:100%} .grid-about h3{font-family:'Open Sans',sans-serif;font-weight:lighter;font-size:1.8em;color:#333;font-style:normal;width:217px} .team article:nth-child(4n+4){margin-right:0} /*.team .grid-4 .about-social{width:90px;height:auto;background:#29176D;left:168px;bottom:8px;position:absolute;opacity:0;visibility:hidden;bottom:10px}*/ .team .grid-4 .about-social{width:90px;height:auto;background:#29176D;left:168px;bottom:8px;position:absolute;opacity:1;visibility:visible;display:none;bottom:10px} .team .grid-4 .about-social ul{padding:0;margin:0} .team .grid-4 .about-social li{display:block;float:left;list-style-type:none;position:relative;width:40px} .team .grid-4 .about-social-click{left:137px!important;opacity:1!important;visibility:visible!important} .team .grid-4 .about-social .social-inner{width:38px;height:38px} .team .grid-4 .about-social .facebook{background:url("../img/social-team.png") repeat scroll 120px 40px transparent} .team .grid-4 .about-social .twitter{background:url("../img/social-team.png") repeat scroll 0 40px transparent} .team .grid-4 .about-social .linkedin{background:url("../img/social-team.png") repeat scroll 80px 0 transparent} .team .grid-4 .about-social .google{background:url("../img/social-team.png") repeat scroll 40px 0 transparent} .team .grid-4 .about-social .facebook:hover{background-position:120px 0} .team .grid-4 .about-social .twitter:hover{background-position:0 0} .team .grid-4 .about-social .linkedin:hover{background-position:80px 40px} .team .grid-4 .about-social .google:hover{background-position:40px 40px} .team .grid-4 .about-social a{text-indent:-9999px;display:block;width:40px;height:40px} .grid-4-wrapper{float:left;width:960px} .team .grid-4{float:left;margin:0 30px 30px 0;width:217px} .team .grid-4{position:relative;z-index:7} .team .grid-4:before{background:url("../img/bg-shadow-grid-3-2.png") no-repeat scroll center 0 transparent;content:"";height:52px;left:0;opacity:0;position:absolute;top:182px;width:219px;z-index:2} .team .grid-4:hover:before{opacity:1;top:192px} .team .grid-4:hover h4{color:#29176D;text-decoration:underline} .team .grid-4:hover p{color:#6e6e6e} .team .grid-4:hover .about-social{left:137px;opacity:1;visibility:visible;height:auto;width:90px;display:block;} .team .grid-4:hover .about-social{display:block;} .team .grid-4 figure{background:#ededed;z-index:8;position:relative;width:217px;height:218px} .team .grid-4 h4{margin:15px 0 3px 15px} .team .grid-4 p{margin-left:15px} .team .last-row{margin-right:0} .rules .base{margin-left:0;margin-right:0;padding:0} .rules .base ul{margin:0;padding:0} .rules li{float:left;width:159px;border-left:1px solid #ebebeb;list-style-type:none} .rules li:nth-child(5n+5){width:141px} .rules li:nth-child(6n+6){clear:both;margin-left:148px} .rules li:nth-child(n+6){margin-top:20px} .rules li:nth-child(5n+5) .number-separator{margin-right:0} /*************************************************************************/ /* Scrollable */ /*************************************************************************/ .rules .scrollable li:nth-child(6n+6){clear:none;margin-left:0} .rules .scrollable li:nth-child(n+6){margin-top:0} .rules li .number{color:#e3e5e6;display:block;font-size:4.8em;font-weight:600;height:35px;line-height:100%;overflow:hidden;font-style:italic;margin-left:21px;margin-top:3px;float:left;width:119px} .rules li .text{color:#6e6e6e;line-height:140%;margin-right:21px;margin-left:19px;font-size:1.3em;font-style:italic;margin-top:-5px} .rules .grid-desc{ width: 460px; line-height: 136%; padding-top: 14px } .rules .grid-desc h3{line-height:136%} .number-separator{height:49px;width:1px;background:#ebebeb;float:right;margin-right:17px} .team-h3{margin-bottom:25px} .left-list{width:449px;float:left;margin-right:33px} .left-list p{margin-bottom:20px;line-height:140%} .right-list{width:464px;float:left} .right-list ul{padding:0;margin:0} .right-list li{display:block;float:left;list-style-type:none;position:relative;width:217px;margin-right:30px} .right-list .last{margin-right:0} .right-list h4{font-size:1.3em;color:#6e6e6e;line-height:140%;font-weight:bold} .right-list .text-1{margin-bottom:20px;margin-top:0;line-height:140%} nav.separator-prev-next{border-bottom:1px solid #ebebeb;margin:20px 0;height:1px} nav.separator-prev-next ul{margin-right:20px;width:207px;float:right;background:white;margin-top:-8px} nav.separator-prev-next ul li{display:block;float:left} nav.separator-prev-next ul .prev{border-right:1px solid #e8e8e8;margin-left:20px} nav.separator-prev-next ul .next{margin-right:20px} nav.separator-prev-next ul li a{float:left;text-decoration:none;color:#b9b9b9;font-size:1.2em;font-weight:600} nav.separator-prev-next ul .next:hover{margin-right:10px;color:#6e6e6e} nav.separator-prev-next ul .next:hover span{margin-right:10px;color:#6e6e6e} nav.separator-prev-next ul .prev:hover span{margin-left:10px;color:#6e6e6e} nav.separator-prev-next ul .prev:hover{margin-left:10px;color:#6e6e6e} nav.separator-prev-next ul .next:hover i{background:#29176D;padding-right:10px;margin-right:0} nav.separator-prev-next ul .prev:hover i{background:#29176D;padding-left:10px} nav.separator-prev-next ul li a i{width:19px;height:19px;background:none repeat scroll 0 0 #ddd;display:block;float:left} nav.separator-prev-next ul li a span{float:left;margin-left:10px;margin-right:10px} /*************************************************************************/ /* Portfolio details */ /*************************************************************************/ .portfolio-details{margin:0 0 0 -15px;width:697px} .portfolio-details figure{margin-bottom:30px} .portfolio-details iframe{margin-bottom:20px;opacity:1} .portfolio-details p{margin:0;margin:0 0 30px;line-height:137%;color:#6e6e6e;font-size:1.3em;font-style:italic;padding-left:15px} .portfolio-details strong{color:#333;font-weight:600} .portfolio-details .text-2{color:#6e6e6e;font-size:1.1em;font-style:italic} .similar-projects .grid-3-2:before{background:url("../img/bg-shadow-grid-3-2.png") no-repeat scroll center 0 transparent;content:"";height:52px;left:0;opacity:0;position:absolute;top:123px;width:219px;z-index:2} .similar-projects .grid-3-2{position:relative;z-index:7;margin:0;margin-right:30px;margin-bottom:30px} .similar-projects .last{margin-right:0!important} .similar-projects .grid-3-2 figure{background:none repeat scroll 0 0 #ededed;height:158px;position:relative;width:217px;z-index:8;overflow:hidden} .similar-projects .grid-3-2 h4{margin:20px 0 10px 15px} .similar-projects .grid-3-2 p{margin-left:15px} .similar-projects .grid-3-2 figure img{opacity:.6} .similar-projects .grid-3-2:hover figure img{opacity:1} .similar-projects .grid-3-2:hover:before{opacity:1;top:132px} .similar-projects .grid-3-2:hover h4{color:#29176D;text-decoration:underline} .similar-projects .grid-3-2:hover p{color:#6e6e6e} .portfolio-details-right{width:219px} .portfolio-details-right h3{font-family:'Open Sans',sans-serif;color:#333;font-weight:lighter;font-style:normal;margin-top:-5px} .portfolio-details-right p{color:#6e6e6e;font-style:italic;font-size:1.3em} .portfolio-details-right a{text-decoration:none} .portfolio-details-right h4 a{text-decoration:none;color:#374452} .portfolio-details-right h4 a:hover{color:#29176D} .portfolio-details-right h4:hover{color:#29176D} .portfolio-details-right li{color:#6e6e6e;margin-bottom:2px} .portfolio-details-right li{color:#6e6e6e;font-size:1.1em;font-style:italic} .portfolio-details-right .separator{color:#aeaeae;font-size:1.1em;font-style:italic;line-height:16%;margin:32px 0 0} .portfolio-details-right .services{color:#333;font-size:1.1em;font-style:italic;font-weight:600;line-height:81%;margin:12px 0 5px} .portfolio-details-right ul{list-style:none outside none;margin:0;padding:0} .portfolio-details-right ul li a{color:#000} .portfolio-details-right ul li a:hover{color:#29176D} .separator-bottom-30{margin:30px 0 60px 0;padding-bottom:30px;border-bottom:1px solid #ebebeb} .social{margin-bottom:16px} /*************************************************************************/ /* Portfolio 3 */ /*************************************************************************/ .header-portfolio-3{float:left;width:450px;height:129px;margin-top:15px} .header-portfolio-3 .text-1{margin-top:0;line-height:150%} .header-portfolio-3-right{float:left;width:465px;margin-left:30px;height:129px;margin-top:17px} .header-portfolio-3-right li{float:left;width:167px} .header-portfolio-3-right .left_nav ul li a{color:#333} .header-portfolio-3-right .left_nav ul li a:hover{color:white} .header-portfolio-3-right .left_nav ul li a.selected{color:white} .header-portfolio-3-right .text-9{float:left} .header-portfolio-3-right .left_nav{float:left;position:relative;width:405px;z-index:1} .header-portfolio-3-right .left_nav ul{top:2px;left:29px} /*************************************************************************/ /* Grids */ /*************************************************************************/ .grid-2{float:left;width:465px;margin-right:30px;margin-bottom:30px} .grid-2:nth-child(2n+2){margin-right:0} .grid-2 figure{background:none repeat scroll 0 0 #ededed;height:253px;position:relative;width:465px;z-index:8} .grid-2 figure{background:none repeat scroll 0 0 #ededed;height:253px;position:relative;width:465px;z-index:8} .grid-2 figure:after{border:0 solid #29176D;content:"";height:252px;left:0;position:absolute;top:0;width:463px} .grid-2 figure:hover:after{border:5px solid #29176D;width:455px;height:243px} .grid-2:before{background:url("../img/bg-shadow-grid-2.png") no-repeat scroll center 0 transparent;content:"";height:52px;opacity:0;position:absolute;margin-top:132px;width:465px;z-index:2;margin-left:50px} .grid-2 .desc a{color:#374452} .grid-2:hover h4 a{color:#29176D;text-decoration:underline} .grid-2 .desc:hover a{color:#29176D;text-decoration:underline} .grid-2 .desc:hover p{color:#6e6e6e} .grid-2 h4{margin:20px 0 10px 15px} .grid-2 p{margin-left:15px} .grid-2:hover:before{opacity:1;margin-top:227px;margin-left:0} .grid-2:hover h4{color:#29176D;text-decoration:underline} .grid-2:hover p{color:#6e6e6e} /*************************************************************************/ /* Portfolio 2 */ /*************************************************************************/ .portfolio-2-2 figure figcaption{background:none repeat scroll 0 0 #29176D;color:#fff;font-family:'Droid Serif',serif;font-size:1.8em;font-style:italic;height:118px;left:-421px;line-height:160%;padding:23px 30px;position:absolute;top:12px;width:381px} .portfolio-2-2 .header{padding-top:204px;width:481px} .portfolio-2-2 .left_nav{width:390px} .portfolio-2-2 .left_nav li{float:left;display:block;width:142px} .portfolio-2-2 figure .take_a_look{background:none repeat scroll 0 0 #29176D;height:26px;margin-left:329px;margin-top:-44px;position:absolute;width:135px;z-index:9999999;padding-top:7px;padding-left:11px} .portfolio-2-2 figure .take_a_look span{color:white;font-family:'Open Sans',sans-serif;font-size:1.6em;font-weight:600;font-style:italic} .portolio-wrapper{width:747px} .portfolio-recent-work{min-height:125px;margin-bottom:6px} .portfolio-grid-desc{width:199px} /*************************************************************************/ /* Contact */ /*************************************************************************/ input.error,textarea.error,em.error{border:1px solid #ff4629!important} em.error{border:0!important;color:#ff4629!important} em.error:before{content:"\2014 \00a0 "} .error-label{color:#ff4629!important} .contact_map { position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 0; opacity: 1;} .box-overlay { background-color: #ebebeb; background-color: rgba(235,235,235,0.8); padding: 20px; margin-bottom: 1px; position: relative; z-index: 999; pointer-events: all} #contact-form .input-big {width: 571px; min-height: 184px; } a.contact-close { position: absolute; right:16px; top:20px; display: none;} a.contact-close:hover i { color:#666; } .contact-form-toggle { /*display: none;*/ } .trigger-contact-form { cursor: pointer; } .contact-page .main { min-height: 450px; pointer-events: none; } .contact-page footer { margin-top: 20px; } .contact-page header { border-bottom: 0; z-index: 4; } .contact-page .main { z-index: 2; position: relative;} /*************************************************************************/ /* Services */ /*************************************************************************/ .header-services{float:left;height:129px;margin-top:24px;width:457px} .header-services h3{color:#333;font-family:'Open Sans',sans-serif;font-weight:lighter;font-style:normal;margin:0 0 28px} .header-services p{line-height:155%} .header-services-right{float:left;height:auto;margin-top:24px} .header-services-right .left_nav ul{top:0} .header-services-right .left_nav li{width:133px;display:block;float:left;list-style-type:none;margin-left:30px;position:relative;padding:0} .header-services-right .left_nav li h4{color:#333;font-size:1.3em;font-weight:bold} .header-services-right .left_nav li p{color:#6e6e6e;font-size:1.3em;font-style:italic;line-height:155%;margin:0} .header-services-right .left_nav li a{padding:0;position:absolute;font-size:1.2em;margin-top:15px} .header-services-right .left_nav li a:hover{background:0;padding:0;color:#29176D;text-decoration:underline;font-size:1.2em;margin-top:15px!important} .header-services-right .left_nav li a:hover:before{content:'';margin-right:0} .services_offer{width:785px;float:left} .services_offer ul{margin:0;padding:0;list-style:none outside none} .services_offer li{background:none repeat scroll 0 0 #29176D;color:White;float:left;height:133px;margin-bottom:30px;margin-right:30px;position:relative;width:133px;margin-right:30px;} /*.services_offer li:hover{background:white;color:#29176D;border:1px solid #29176D;width:131px;height:131px} .close_btn{margin-top:16px;display:none;margin-right:14px;margin-left:14px;float:right} .btn_left{margin-left:14px;float:left} .services_offer li:hover .inside-service{background:white;color:#29176D}*/ .services_offer li:nth-child(4n+4) .inside-service-text{margin-left:-326px} .services_offer li:nth-child(4n+4) .inside-service-text ul{float:right} .services_offer li:nth-child(4n+4) .inside-service-text p{float:left} .services_offer li:nth-child(5n+5) .inside-service-text{margin-left:-326px} .services_offer li:nth-child(5n+5) .inside-service-text ul{float:right} .services_offer li:nth-child(5n+5) .inside-service-text p{float:left} .services_offer li:nth-child(5n+5) .separator-inside-service{float:right} .services_offer li:nth-child(4n+4) .separator-inside-service{float:right} .services_offer li:nth-child(4n+4) .separator-inside-service-text{float:right} .services_offer li:nth-child(5n+5) .separator-inside-service-text{float:right} .services_offer li:nth-child(5n+5) .inside-service-text li{text-align:right} .services_offer li:nth-child(4n+4) .inside-service-text li{text-align:right} .services_offer li:nth-child(5n+5) .inside-service-text p{margin-left:30px;margin-right:0} .services_offer li:nth-child(4n+4) .inside-service-text p{margin-left:30px;margin-right:0} .services_offer li:nth-child(4n+4) .inside-service-text li:after{content:" \2014 \00a0"} .services_offer li:nth-child(5n+5) .inside-service-text li:after{content:" \2014 \00a0"} .services_offer li:nth-child(4n+4) .inside-service-text li:before{content:""} .services_offer li:nth-child(5n+5) .inside-service-text li:before{content:""} .services_offer li .inside-service-text li:before{content:" \2014 \00a0 "} .services_offer li:nth-child(5n+5) .inside-service-text ul{float:right} /*.services_offer li:hover .inside-service{z-index:4;width:131px;height:131px}*/ .services_offer li:nth-child(5n+5){margin-right:0} .services_offer li p{font-size:1.6em;font-style:italic;font-weight:600;position:absolute;bottom:0;margin-left:15px;margin-right:15px} .services .grid-desc{margin-right:31px;width:130px} .services .grid-desc p{font-style:italic;font-size:1.3em;color:#6e6e6e} .services_offer .inside-service-text{width:459px;min-height:133px;background:#29176D;height:auto;position:absolute;z-index:3;display:none;padding-top:30px;cursor:default} .separator-inside-service{height:30px;width:1px;float:left;position:relative;background:#29176D;margin-top:44px;display:none} .separator-inside-service-text{height:30px;width:1px;float:left;position:relative;background:white;margin-top:103px} .inside-service{background:none repeat scroll 0 0 #29176D;color:white;height:133px;position:absolute;width:133px;z-index:2} .services_offer .active{background:#29176D;color:white} .services_offer li .inside-service-text p{float:right;font-size:1.3em;font-weight:normal;margin:0 35px 30px 0;position:relative;width:262px} .services_offer li:hover .inside-service-text p{color:white} .services_offer .inside-service-text ul{margin-top:117px;float:left;width:132px} .services_offer .inside-service-text li{float:none;width:auto;margin:0;height:auto;font-size:1.3em;font-style:italic} .services .grid-desc-2{width:457px;float:left} .services-customers{overflow:hidden} .services .grid-desc-1{width:132px;height:247px;margin-left:30px;padding-right:30px;float:left;border-bottom:1px solid #ebebeb} .services .awards{width:296px;height:247px;/*overflow:scroll;float:left;*/overflow-x:hidden;border-bottom:1px solid #ebebeb} .services .grid-desc-1 p{font-size:1.3em;color:#6e6e6e;font-style:italic} .services .grid-desc-2 ul.carousel-services-customers{margin:0;padding:0;min-height:213px} .services .grid-desc-2 ul.carousel-services-customers li{background:url(../img/bg-customers-bottom.png) no-repeat;width:214px;display:block;float:left;margin-right:29px;min-height:151px;position:relative;list-style-type:none} nav.carousel-services-customers-nav{margin:0;margin-left:-15px} .services .grid-desc-2 li p{color:#6e6e6e;font-size:1.4em;font-style:italic;font-weight:lighter;line-height:140%;margin-left:10px;margin-right:10px} .services .grid-desc-2 figure{bottom:-23px;float:left;margin-left:10px;margin-right:15px;position:absolute} .services .grid-desc-2 h4{bottom:-17px;color:#374452;font-size:1.6em;font-style:italic;font-weight:600;margin-left:66px;position:absolute} .services .grid-desc-2 .text-4{color:#aeaeae;font-size:1.1em;font-weight:normal;margin-left:66px;position:absolute;margin-right:0;top:164px} .services_offer .inside-service-text li:hover{border:0;color:white;background:0;cursor:default} .services .awards ul{margin:0;padding:0} .services .awards li{display:block;width:280px;height:85px;border-bottom:1px solid #ebebeb;opacity:.6} .services .awards li:hover{opacity:1} .services .awards li figure{float:left} .services .awards a{text-decoration:none;color:#374452} .services .awards a:hover{text-decoration:underline;color:#29176D} .services .awards a:hover h4{text-decoration:underline;color:#29176D} .services .awards .text-awards{width:181px;float:left;padding-top:26px} /*************************************************************************/ /* Links */ /*************************************************************************/ .decoration-none{text-decoration:none} .decoration-none-contacts{color:#6e6e6e} .decoration-none-contacts:hover{color:#6e6e6e} /*************************************************************************/ /* 404 */ /*************************************************************************/ .figure-404{padding-left: 25px !important;margin-top: -82px !important;} /*************************************************************************/ /* Shortcodes */ /*************************************************************************/ .message{border:1px solid;border-left:5px solid;padding:16px 20px 16px 20px} .message p{font-size:1.3em;font-style:italic;margin:0} .message-error{border-color:#f7c7c9;background:#f9e5e6;color:#b3696c} .message-success{border-color:#c2d288;background:#e3ebc6;color:#8fa442} .message-information{border-color:#9ac9df;background:#d8ecf5;color:#528dad} .message-warning{border-color:#f5dc7d;background:#fcf7d9;color:#d9b31f} .info-box{width:auto;height:auto;padding-top:20px;padding-left:25px;padding-left:25px;padding-right:25px;padding-bottom:20px;background:#f7f7f7} .pattern-border{background:url(../img/dotted_pattern.png);width:auto;height:auto;padding:10px;overflow: hidden;} .pattern-border .info-box{padding-left:15px;background:white} .info-box p{color:#6e6e6e;font-family:'Droid Serif',serif;font-style:italic;font-size:1.8em !important;line-height:150%;margin:0} .info-box a{color:#29176D;text-decoration:none} .simple-elements{margin:0;padding:0;list-style-position:inside} .simple-elements li{font-size:1.3em;color:#6e6e6e;font-style:italic;margin-bottom:13px} .simple-elements li p{margin:0;line-height:100%;margin-left:8px} .plus{list-style-type:none} .plus li:before{content:"\002B \0020";color:#6e6e6e;float:left;margin-right:8px;margin-top:-1px} .dash{list-style-type:none} .dash li:before{content:"\2014 \0020";color:#6e6e6e;float:left;margin-right:8px;margin-top:-1px} .dot{list-style-type:none} .dot li:before{content:"\2022 \0020";color:#6e6e6e;float:left;margin-right:8px;margin-top:-1px} .decimal{list-style-type:none} .decimal ul{counter-reset:li} .decimal li:before{content:counter(li) ".";color:#6e6e6e;float:left;margin-right:8px;margin-top:-1px} .decimal li{counter-increment:li 1} .image ul{padding:0;margin:0;list-style-position:inside;border-bottom:1px dotted #bfc2c4} .image li{padding-top:8px;padding-bottom:8px;color:#6e6e6e;font-size:1.3em;font-style:italic} .image .first{padding-top:0} .image li p{margin:0;font-size:1.3em;color:#6e6e6e;font-style:italic} .image1{list-style-image:url(../img/icons/lists/image1.png)} .image2{list-style-image:url(../img/icons/lists/image2.png)} .image3{list-style-image:url(../img/icons/lists/image3.png)} .image4{list-style-image:url(../img/icons/lists/image4.png)} .image5{list-style-image:url(../img/icons/lists/image5.png)} .image6{list-style-image:url(../img/icons/lists/image6.png)} .image7{list-style-image:url(../img/icons/lists/image7.png)} .image8{list-style-image:url(../img/icons/lists/image8.png)} .image9{list-style-image:url(../img/icons/lists/image9.png)} .image10{list-style-image:url(../img/icons/lists/image10.png)} .image11{list-style-image:url(../img/icons/lists/image11.png)} .image12{list-style-image:url(../img/icons/lists/image12.png)} .image13{list-style-image:url(../img/icons/lists/image13.png)} .image14{list-style-image:url(../img/icons/lists/image14.png)} .image15{list-style-image:url(../img/icons/lists/image15.png)} .image16{list-style-image:url(../img/icons/lists/image16.png)} /*************************************************************************/ /* Horizontal Menu */ /*************************************************************************/ .tab-horizontal{padding:0;clear:both;margin:0} .tab-horizontal li{display:inline;position:relative;z-index:2} .tab-horizontal li a{background:#f9f9f9;padding:10px 20px;float:left;border-right:1px solid #dedede;border-top:1px solid #dedede;border-bottom:0;text-decoration:none;color:#6e6e6e;font-size:1.3em;margin-top:-2px} .tab-horizontal li a:hover{background:#fff} .tab-horizontal li:first-child a{border-left:1px solid #dedede} .tab-horizontal li a.selected{background:none repeat scroll 0 0 white;border-left:1px solid #bfc2c4;border-right:1px solid #bfc2c4;border-top:3px solid #29176D;color:#333;margin-top:-2px;position:relative;top:-1px} /*************************************************************************/ /* Vertical Menu */ /*************************************************************************/ .tab-vertical{float:left;padding:0;clear:both;margin:0;width:10%} .tab-vertical li{display:table;position:relative;z-index:2;background:#f9f9f9;height:32px;text-align:right} .tab-vertical li a{border-bottom:0;text-decoration:none;color:#6e6e6e;font-size:1.3em;width:72px;padding:10px 20px;padding-left:10px;padding-right:20px;padding-top:10px;float:right;position:relative;border-right:1px solid #bfc2c4;border-left:1px solid #dedede;border-bottom:1px solid #dedede} .tab-vertical li a:hover{background:#fff} .tab-vertical li:first-child{border-top:1px solid #dedede} .tab-vertical li a.selected{color:#333;position:relative;border-left:2px solid #29176D;border-bottom:1px solid #bfc2c4;background:white;border-right:1px solid white!important} .tab-vertical-text{margin:0;padding:0;width:207px;float:left;list-style-type:none;margin:0 0 0 -23px;padding:1px 0 0} .tab-vertical-text li{margin-bottom:15px} .tab-vertical-text li:before{content:"\2014 \00a0";float:left;color:#6e6e6e;margin-right:3px;font-size:1.6em} .tab-vertical-text a{color:#374452;font-size:1.6em;text-decoration:none;font-weight:600;font-style:italic} .tab-vertical-text li.selected:before{color:#29176D} .tab-vertical-text a.selected{color:#29176D} .horizontal{float:left;clear:both;padding-left:22px;padding-right:22px;padding-top:22px;margin-top:-2px;padding-bottom:22px} .vertical{width:68%;float:right;clear:none;min-height:105px;padding-top:20px;padding-left:20px;padding-right:20px;min-height:68px;padding-bottom:22px} .content{background:none repeat scroll 0 0 white;border:1px solid #bfc2c4;position:relative;z-index:1} .content-big{width:689px;float:right} .content-big p{font-size:1.3em;font-style:italic;color:#6e6e6e;margin:0;margin-bottom:25px;line-height:135%} .content p{font-size:1.3em;font-style:italic;color:#6e6e6e;margin:0;margin-bottom:30px;line-height:140%} .content p:last-child{margin-bottom:0} /*************************************************************************/ /* Animations, Services/About Us */ /*************************************************************************/ .team .grid-4 .about-social .social-inner, .team .grid-4 figure img, .team .grid-4:before, .team .grid-4 h4, .team .grid-4 .about-social , .team .grid-4 p , .separator-prev-next li i, nav.separator-prev-next ul .next ,nav.separator-prev-next ul .prev, nav.separator-prev-next ul li a span, .similar-projects .grid-3-2 figure img, .similar-projects .grid-3-2:before, .similar-projects .grid-3-2 h4, .similar-projects .grid-3-2 p , .grid-2, .grid-2:before, .grid-2 figure:before, .grid-2 h4, .grid-2 p, .grid-2 figure, .grid-2 figure:after, .services .awards, .services .awards .lb-v-scrollbar,.services .awards a,.services .awards a h4, .services .awards li,.services_offer .inside-service-text li, a.text-5, .author .text-1 a, .author .text-1 a:after, .header-services-right .left_nav li a, .grid-2, .grid-2:before, .grid-2 figure:before, .grid-2 h4, .grid-2 p, .grid-2 figure, .grid-2 figure:after, .grid-2 .Slides:after,.grid-2 .Slides:before { -moz-transition: all 250ms ease-out 0s; -webkit-transition: all 250ms ease-out; -o-transition:all 250ms ease-out; transition: all 250ms ease-out; } .services_offer li .inside-service, .services_offer li { -webkit-transition: color, background 250ms ease-out; -moz-transition: color, background 250ms ease-out; -o-transition: color, background 250ms ease-out; transition: color, background 250ms ease-out; } /*************************************************************************/ /* Blog Details */ /*************************************************************************/ .nr-comments a{text-decoration:none;color:#fff} .author .text-1 a{text-decoration:none;color:#6e6e6e;background:#fff;padding-left:12px;padding-top:3px;padding-bottom:3px;padding-right:8px;border-radius:1px} .author .text-1 a:hover:after{content:"";position:absolute;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #29176D;margin-left:8px;margin-top:4px} .author .text-1 a:hover{color:#fff;background:#29176D} .commentlist li a.comment-reply-link:hover{color:#29176D;text-decoration:underline} .margin-top--41{margin-top:-41px} .blog-posts h2 a{text-decoration:none;color:#374452} .portfolio-2 .grid-3-2 figure{float:none} .social_container{margin-left:25px;} .social_container div{float:left;width:100px} .social_container .gplus_social{margin-top:10px} /*************************************************************************/ /* Light window CSS3 */ /*************************************************************************/ figure.lightwindow>a,figure.lightwindow>a img{display:block} figure.lightwindow>a{position:relative} .lb-overlay{width:0;height:0;position:fixed;overflow:hidden;left:0;top:0;padding:0;z-index:99;text-align:center;background:#fff;background:rgba(255,255,255,0.75)} .lb-overlay>div{position:relative;color:#666;opacity:0;width:550px;margin:10px auto 0 auto;text-shadow:0 1px 1px rgba(255,255,255,0.6);-webkit-transition:opacity .3s linear 1.3s;-moz-transition:opacity .3s linear 1.3s;-o-transition:opacity .3s linear 1.3s;-ms-transition:opacity .3s linear 1.3s;transition:opacity .3s linear 1.3s} .lb-overlay>div legend,figcaption{font-size:1.4em;font-family:'Droid Serif',serif;font-style:italic;display:block;text-align:center;width:100%} .lb-overlay a.lb-close{background:rgba(0,0,0,0.8);z-index:1001;color:#fff;position:absolute;text-decoration:none;top:33px;left:50%;font-size:15px;line-height:26px;text-align:center;width:50px;height:23px;padding:5px 10px;overflow:hidden;margin-left:-25px;line-height:23px;opacity:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);box-shadow:0 1px 2px rgba(0,0,0,0.3);-webkit-transition:opacity .3s linear 1.2s;-moz-transition:opacity .3s linear 1.2s;-o-transition:opacity .3s linear 1.2s;-ms-transition:opacity .3s linear 1.2s;transition:opacity .3s linear 1.2s} .lb-overlay img,.lb-overlay iframe{max-height:100%;position:relative;-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.3);-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.3);box-shadow:0 2px 7px rgba(0,0,0,0.2)} .lb-overlay:target{width:auto;height:auto;bottom:0;right:0;padding:80px 100px 120px 100px} .lb-overlay:target img,.lb-overlay:target iframe{-webkit-animation:scaleDown 1.2s ease-in-out;-moz-animation:scaleDown 1.2s ease-in-out;-o-animation:scaleDown 1.2s ease-in-out;-ms-animation:scaleDown 1.2s ease-in-out;animation:scaleDown 1.2s ease-in-out} .lb-overlay:target a.lb-close,.lb-overlay:target>div{opacity:1} @-webkit-keyframes scaleDown { 0% { -webkit-transform: scale(10,10); opacity: 0; } 100% { -webkit-transform: scale(1,1); opacity: 1; } } @-moz-keyframes scaleDown { 0% { -moz-transform: scale(10,10); opacity: 0; } 100% { -moz-transform: scale(1,1); opacity: 1; } } @-o-keyframes scaleDown { 0% { -o-transform: scale(10,10); opacity: 0; } 100% { -o-transform: scale(1,1); opacity: 1; } } @-ms-keyframes scaleDown { 0% { -ms-transform: scale(10,10); opacity: 0; } 100% { -ms-transform: scale(1,1); opacity: 1; } } @keyframes scaleDown { 0% { transform: scale(10,10); opacity: 0; } 100% { transform: scale(1,1); opacity: 1; } } x:-o-prefocus, .lb-overlay img, .lb-overlay iframe { height: 100%; } /*************************************************************************/ /* CSS for jQuery Orbit Plugin 1.4.0 */ /*************************************************************************/ /* CSS for jQuery Orbit Plugin 1.4.0 * Maintained for Foundation. foundation.zurb.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php /* CONTAINER ================================================== */ div.orbit-wrapper{width:1px;height:1px;position:relative} div.orbit{width:1px;height:1px;position:relative;overflow:hidden} div.orbit.with-bullets{margin-bottom:40px} div.orbit .orbit-slide{max-width:100%;position:absolute;top:0;left:0} div.orbit a.orbit-slide{border:0;line-height:0;display:none} div.orbit div.orbit-slide{width:100%;height:100%} div.orbit-wrapper div.timer{width:40px;height:40px;overflow:hidden;position:absolute;top:10px;right:10px;opacity:.5;cursor:pointer;z-index:31} div.orbit-wrapper span.rotator{display:block;width:40px;height:40px;position:absolute;top:0;left:-20px;background:url(../img/plugins/orbit/rotator-black.png) no-repeat;z-index:3} div.orbit-wrapper span.mask{display:block;width:20px;height:40px;position:absolute;top:0;right:0;z-index:2;overflow:hidden} div.orbit-wrapper span.rotator.move{left:0} div.orbit-wrapper span.mask.move{width:40px;left:0;background:url(../img/plugins/orbit/timer-black.png) repeat 0 0} div.orbit-wrapper span.pause{display:block;width:40px;height:40px;position:absolute;top:0;left:0;background:url(../img/plugins/orbit/pause-black.png) no-repeat;z-index:4;opacity:0} div.orbit-wrapper span.pause.active{background:url(../img/plugins/orbit/pause-black.png) no-repeat 0 -40px} div.orbit-wrapper div.timer:hover span.pause,div.orbit-wrapper span.pause.active{opacity:1} .orbit-caption{display:none;font-family:"HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif} .orbit-wrapper .orbit-caption{background:#000;background:rgba(0,0,0,.6);z-index:30;color:#fff;text-align:center;padding:7px 0;font-size:13px;position:absolute;right:0;bottom:0;width:100%} div.orbit-wrapper div.slider-nav{display:block;opacity:0} div.orbit-wrapper:hover div.slider-nav{opacity:1} div.orbit-wrapper div.slider-nav span{background:url("../img/icons/arrow-left.png") no-repeat scroll center center #e3e5e6;/*border:1px solid #fff;*/cursor:pointer;height:32px;left:-15px;position:absolute;top:50%;margin-top:-16px;width:28px;z-index:999;text-indent:-9999px} div.orbit-wrapper div.slider-nav span:hover,div.orbit-wrapper div.slider-nav span.right:hover{background-color:#29176D} div.orbit-wrapper div.slider-nav span.right{background:url("../img/icons/arrow-right.png") no-repeat scroll center center #e3e5e6;left:auto;right:-15px} ul.orbit-bullets{position:absolute;z-index:30;list-style:none;bottom:-40px;left:50%;margin-left:-50px;padding:0} ul.orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;background:url(../img/plugins/orbit/bullets.png) no-repeat 4px 0;width:13px;height:12px;overflow:hidden} ul.orbit-bullets li.active{color:#222;background-position:-8px 0} ul.orbit-bullets li.has-thumb{background:0;width:100px;height:75px} ul.orbit-bullets li.active.has-thumb{background-position:0 0;border-top:2px solid #000} div.orbit img.fluid-placeholder{visibility:hidden;position:static;display:block;width:100%} div.orbit,div.orbit-wrapper{width:100%!important} ul.orbit-bullets{position:absolute;z-index:30;list-style:none;bottom:0px;left:50%;margin-left:-50px;padding:0} ul.orbit-bullets li{float:left;margin-left:5px;cursor:pointer;color:#999;text-indent:-9999px;background:url(../img/plugins/orbit/bullets.png) no-repeat 4px 0;width:13px;height:12px;overflow:hidden} ul.orbit-bullets li.has-thumb{background:0;width:100px;height:75px} ul.orbit-bullets li.active{color:#222;background-position:-8px 0} ul.orbit-bullets li.active.has-thumb{background-position:0 0;border-top:2px solid #000} /******************************************************/ /* Begin LION BARS /******************************************************/ .lb-v-dummy { width: 100%; display: block; height: 1px; } .lb-h-dummy { height: 100%; display: block; width: 1px; } .lb-clear { clear: both; } .lb-wrap { z-index: 0; overflow: auto; position: relative; } /*.lb-scrollbar-wrap { position: absolute; left: 0; top: 0; }*/ .lb-v-scrollbar { z-index: 1; position: absolute; right: 2px; top: 2px; width: 7px; height: 100%; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .lb-h-scrollbar { z-index: 1; position: absolute; bottom: 2px; left: 2px; width: 100%; height: 7px; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .lb-v-scrollbar-slider { position: absolute; width: 7px; height: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .lb-h-scrollbar-slider { position: absolute; height: 7px; width: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .lb-v-scrollbar{display:none} /******************************************************/ /* End LION BARS /******************************************************/ .services .awards:hover .lb-v-scrollbar{display:block} /******************************************************/ /* Begin Translucent Slider /******************************************************/ /* Translucent - Responsive Banner Rotator / Slider | v1.4.1 | (c) 2011-12 Ramesh Kumar | http://codecanyon.net/user/VF */ .TB_Wrapper.main-slide{max-width:981px;height:420px} .TB_Wrapper.slider-folio{max-width:219px;height:160px} .TB_Wrapper.slider-folio-4{max-width:465px;height:253px} .TB_Wrapper.slider-media{max-width:452px;height:301px} .TB_Wrapper{position:relative;background:#eee url(../img/trans_banner/preloader.gif) center center no-repeat} .TB_Wrapper .icon{background-image:url(../img/trans_banner/icons.png);background-repeat:no-repeat} .TB_Wrapper .timer_sprite{background-image:url(../img/trans_banner/timer-sprite.png)} .TB_Wrapper{cursor:url("../img/cusor-move.ico"),move} .TB_Wrapper.no-slide{cursor:default} .TB_Wrapper .Slides{z-index:1;position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%} .TB_Wrapper .Slide{visibility:hidden;overflow:hidden;position:absolute;width:100%;height:100%;left:0;top:0;background:#eee url(../img/trans_banner/preloader.gif) center center no-repeat} .TB_Wrapper .Slide img{z-index:1;position:absolute;left:0;top:0;border:0;filter:alpha(opacity=100)} .TB_Wrapper .Slide .description{ font-family: 'Open Sans', sans-serif; font-family:'Droid Serif',serif;line-height:160%; width: 205px;position: absolute; z-index: 99; background: #29176D; color:#fff; top:0px; left:25px; padding: 20px; font-size: 16px; font-style: italic; font-weight: 400 } .TB_Wrapper .Slide .description a { font-family: 'Open Sans', sans-serif; display: block; margin-top: 10px; font-size: 0.6875em; font-weight: 600; } /* Global Description Style */ .TB_Wrapper .Slide div { z-index:4; position:absolute; font-weight:100; font-size:16px; color:#FFF;} /*Hyperlink Styles*/ .TB_Wrapper a:link{color:#FFF;text-decoration:none} .TB_Wrapper a:visited{color:#FFF} .TB_Wrapper a:hover{color:#FFF;text-decoration:underline} .TB_Wrapper a:active{color:#FFF} .TB_Wrapper .noSelect{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none} .TB_Wrapper .buttonText{font-weight:bold;color:#000} .TB_Wrapper .buttonTextSizeNormal{font-size:12px} .TB_Wrapper .buttonTextSizeTouch{font-size:16px} .TB_Wrapper .txtCont{z-index:4;overflow:hidden;position:absolute;left:0;top:0} .TB_Wrapper .captionCanvas{position:absolute;left:0;top:0} .TB_Wrapper .navHolder{position:absolute;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)} .TB_Wrapper .rounded{-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px} /* For IE8 and older versions */ .TB_Wrapper .buttonShadow{z-index:1;position:absolute;background-color:#000;left:0;top:0;width:100%;height:100%;filter:alpha(opacity=10)} .TB_Wrapper .buttonAlpha{z-index:2;position:absolute;left:0;top:0;width:100%;height:100%;filter:alpha(opacity=35)} .TB_Wrapper .buttonTopBot{z-index:3;position:absolute;left:1px;right:1px;top:0;height:100%;filter:alpha(opacity=100)} .TB_Wrapper .buttonCent{z-index:4;position:absolute;left:0;top:1px;width:100%;filter:alpha(opacity=100)} .TB_Wrapper .navHolder.dot-navigation div>div{border-radius:0!important;width:27px!important;margin-left:1px;height:3px!important;top:16px!important;box-shadow:0 1px 0 rgba(0,0,0,0.25)} .TB_Wrapper .nav-arrows .defaultButton{background-color:#29176D!important;box-shadow:none!important} .TB_Wrapper .nav-arrows .buttonText{color:#fff;font-weight:normal!important} .TB_Wrapper .nav-arrows{opacity:0} .TB_Wrapper:hover .nav-arrows{opacity:1} .TB_Wrapper.no-slide .Slide{visibility:visible} /* Third party */ /* Animate.css - http://daneden.me/animate LICENSED UNDER THE MIT LICENSE (MIT) Copyright (c) 2011 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease}.animated.hinge{-webkit-animation:2s ease;-moz-animation:2s ease;-ms-animation:2s ease;animation:2s ease}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-moz-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@-ms-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;-moz-animation-name:flash;-ms-animation-name:flash;animation-name:flash}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px)}}@-moz-keyframes shake{0%,100%{-moz-transform:translateX(0)}10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}20%,40%,60%,80%{-moz-transform:translateX(10px)}}@-ms-keyframes shake{0%,100%{-ms-transform:translateX(0)}10%,30%,50%,70%,90%{-ms-transform:translateX(-10px)}20%,40%,60%,80%{-ms-transform:translateX(10px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{-webkit-animation-name:shake;-moz-animation-name:shake;-ms-animation-name:shake;animation-name:shake}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@-ms-keyframes bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0)}40%{-ms-transform:translateY(-30px)}60%{-ms-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;-moz-animation-name:bounce;-ms-animation-name:bounce;animation-name:bounce}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@-moz-keyframes tada{0%{-moz-transform:scale(1)}10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}100%{-moz-transform:scale(1) rotate(0)}}@-ms-keyframes tada{0%{-ms-transform:scale(1)}10%,20%{-ms-transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg)}100%{-ms-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;-moz-animation-name:tada;-ms-animation-name:tada;animation-name:tada}@-webkit-keyframes swing{20%,40%,60%,80%,100%{-webkit-transform-origin:top center}20%{-webkit-transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@-moz-keyframes swing{20%,40%,60%,80%,100%{-moz-transform-origin:top center}20%{-moz-transform:rotate(15deg)}40%{-moz-transform:rotate(-10deg)}60%{-moz-transform:rotate(5deg)}80%{-moz-transform:rotate(-5deg)}100%{-moz-transform:rotate(0deg)}}@-ms-keyframes swing{20%,40%,60%,80%,100%{-ms-transform-origin:top center}20%{-ms-transform:rotate(15deg)}40%{-ms-transform:rotate(-10deg)}60%{-ms-transform:rotate(5deg)}80%{-ms-transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg)}}@keyframes swing{20%,40%,60%,80%,100%{transform-origin:top center}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-moz-animation-name:swing;-ms-animation-name:swing;animation-name:swing}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%)}}@-moz-keyframes wobble{0%{-moz-transform:translateX(0%)}15%{-moz-transform:translateX(-25%) rotate(-5deg)}30%{-moz-transform:translateX(20%) rotate(3deg)}45%{-moz-transform:translateX(-15%) rotate(-3deg)}60%{-moz-transform:translateX(10%) rotate(2deg)}75%{-moz-transform:translateX(-5%) rotate(-1deg)}100%{-moz-transform:translateX(0%)}}@-ms-keyframes wobble{0%{-ms-transform:translateX(0%)}15%{-ms-transform:translateX(-25%) rotate(-5deg)}30%{-ms-transform:translateX(20%) rotate(3deg)}45%{-ms-transform:translateX(-15%) rotate(-3deg)}60%{-ms-transform:translateX(10%) rotate(2deg)}75%{-ms-transform:translateX(-5%) rotate(-1deg)}100%{-ms-transform:translateX(0%)}}@keyframes wobble{0%{transform:translateX(0%)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}100%{transform:translateX(0%)}}.wobble{-webkit-animation-name:wobble;-moz-animation-name:wobble;-ms-animation-name:wobble;animation-name:wobble}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulse{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-ms-keyframes pulse{0%{-ms-transform:scale(1)}50%{-ms-transform:scale(1.1)}100%{-ms-transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.pulse{-webkit-animation-name:pulse;-moz-animation-name:pulse;-ms-animation-name:pulse;animation-name:pulse}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-ms-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInUp{0%{opacity:0;-ms-transform:translateY(20px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-ms-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInDown{0%{opacity:0;-ms-transform:translateY(-20px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-ms-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInLeft{0%{opacity:0;-ms-transform:translateX(-20px)}100%{opacity:1;-ms-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-ms-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInRight{0%{opacity:0;-ms-transform:translateX(20px)}100%{opacity:1;-ms-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-ms-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInUpBig{0%{opacity:0;-moz-transform:translateY(2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInUpBig{0%{opacity:0;-ms-transform:translateY(2000px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;-moz-animation-name:fadeInUpBig;-ms-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDownBig{0%{opacity:0;-moz-transform:translateY(-2000px)}100%{opacity:1;-moz-transform:translateY(0)}}@-ms-keyframes fadeInDownBig{0%{opacity:0;-ms-transform:translateY(-2000px)}100%{opacity:1;-ms-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}100%{opacity:1;transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;-moz-animation-name:fadeInDownBig;-ms-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInLeftBig{0%{opacity:0;-moz-transform:translateX(-2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInLeftBig{0%{opacity:0;-ms-transform:translateX(-2000px)}100%{opacity:1;-ms-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;-moz-animation-name:fadeInLeftBig;-ms-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@-moz-keyframes fadeInRightBig{0%{opacity:0;-moz-transform:translateX(2000px)}100%{opacity:1;-moz-transform:translateX(0)}}@-ms-keyframes fadeInRightBig{0%{opacity:0;-ms-transform:translateX(2000px)}100%{opacity:1;-ms-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}100%{opacity:1;transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;-moz-animation-name:fadeInRightBig;-ms-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-ms-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-ms-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-20px)}}@-ms-keyframes fadeOutUp{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;-moz-animation-name:fadeOutUp;-ms-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@-moz-keyframes fadeOutDown{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(20px)}}@-ms-keyframes fadeOutDown{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;-moz-animation-name:fadeOutDown;-ms-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@-moz-keyframes fadeOutLeft{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-20px)}}@-ms-keyframes fadeOutLeft{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;-moz-animation-name:fadeOutLeft;-ms-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@-moz-keyframes fadeOutRight{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(20px)}}@-ms-keyframes fadeOutRight{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;-moz-animation-name:fadeOutRight;-ms-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes fadeOutUpBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-ms-keyframes fadeOutUpBig{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;-moz-animation-name:fadeOutUpBig;-ms-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes fadeOutDownBig{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-ms-keyframes fadeOutDownBig{0%{opacity:1;-ms-transform:translateY(0)}100%{opacity:0;-ms-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;-moz-animation-name:fadeOutDownBig;-ms-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes fadeOutLeftBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-ms-keyframes fadeOutLeftBig{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;-moz-animation-name:fadeOutLeftBig;-ms-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes fadeOutRightBig{0%{opacity:1;-moz-transform:translateX(0)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-ms-keyframes fadeOutRightBig{0%{opacity:1;-ms-transform:translateX(0)}100%{opacity:0;-ms-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;-moz-animation-name:fadeOutRightBig;-ms-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(.9)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(.3)}50%{opacity:1;-moz-transform:scale(1.05)}70%{-moz-transform:scale(.9)}100%{-moz-transform:scale(1)}}@-ms-keyframes bounceIn{0%{opacity:0;-ms-transform:scale(.3)}50%{opacity:1;-ms-transform:scale(1.05)}70%{-ms-transform:scale(.9)}100%{-ms-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}100%{transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-ms-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translateY(2000px)}60%{opacity:1;-moz-transform:translateY(-30px)}80%{-moz-transform:translateY(10px)}100%{-moz-transform:translateY(0)}}@-ms-keyframes bounceInUp{0%{opacity:0;-ms-transform:translateY(2000px)}60%{opacity:1;-ms-transform:translateY(-30px)}80%{-ms-transform:translateY(10px)}100%{-ms-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}100%{transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-ms-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-2000px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-ms-keyframes bounceInDown{0%{opacity:0;-ms-transform:translateY(-2000px)}60%{opacity:1;-ms-transform:translateY(30px)}80%{-ms-transform:translateY(-10px)}100%{-ms-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-ms-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}60%{opacity:1;-moz-transform:translateX(30px)}80%{-moz-transform:translateX(-10px)}100%{-moz-transform:translateX(0)}}@-ms-keyframes bounceInLeft{0%{opacity:0;-ms-transform:translateX(-2000px)}60%{opacity:1;-ms-transform:translateX(30px)}80%{-ms-transform:translateX(-10px)}100%{-ms-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}100%{transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;-moz-animation-name:bounceInLeft;-ms-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translateX(2000px)}60%{opacity:1;-moz-transform:translateX(-30px)}80%{-moz-transform:translateX(10px)}100%{-moz-transform:translateX(0)}}@-ms-keyframes bounceInRight{0%{opacity:0;-ms-transform:translateX(2000px)}60%{opacity:1;-ms-transform:translateX(-30px)}80%{-ms-transform:translateX(10px)}100%{-ms-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}100%{transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;-moz-animation-name:bounceInRight;-ms-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}25%{-moz-transform:scale(.95)}50%{opacity:1;-moz-transform:scale(1.1)}100%{opacity:0;-moz-transform:scale(.3)}}@-ms-keyframes bounceOut{0%{-ms-transform:scale(1)}25%{-ms-transform:scale(.95)}50%{opacity:1;-ms-transform:scale(1.1)}100%{opacity:0;-ms-transform:scale(.3)}}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}100%{opacity:0;transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;-moz-animation-name:bounceOut;-ms-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-2000px)}}@-ms-keyframes bounceOutUp{0%{-ms-transform:translateY(0)}20%{opacity:1;-ms-transform:translateY(20px)}100%{opacity:0;-ms-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-ms-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@-moz-keyframes bounceOutDown{0%{-moz-transform:translateY(0)}20%{opacity:1;-moz-transform:translateY(-20px)}100%{opacity:0;-moz-transform:translateY(2000px)}}@-ms-keyframes bounceOutDown{0%{-ms-transform:translateY(0)}20%{opacity:1;-ms-transform:translateY(-20px)}100%{opacity:0;-ms-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}100%{opacity:0;transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;-moz-animation-name:bounceOutDown;-ms-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@-moz-keyframes bounceOutLeft{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(20px)}100%{opacity:0;-moz-transform:translateX(-2000px)}}@-ms-keyframes bounceOutLeft{0%{-ms-transform:translateX(0)}20%{opacity:1;-ms-transform:translateX(20px)}100%{opacity:0;-ms-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}100%{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;-moz-animation-name:bounceOutLeft;-ms-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@-moz-keyframes bounceOutRight{0%{-moz-transform:translateX(0)}20%{opacity:1;-moz-transform:translateX(-20px)}100%{opacity:0;-moz-transform:translateX(2000px)}}@-ms-keyframes bounceOutRight{0%{-ms-transform:translateX(0)}20%{opacity:1;-ms-transform:translateX(-20px)}100%{opacity:0;-ms-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}100%{opacity:0;transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;-moz-animation-name:bounceOutRight;-ms-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateIn{0%{-moz-transform-origin:center center;-moz-transform:rotate(-200deg);opacity:0}100%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateIn{0%{-ms-transform-origin:center center;-ms-transform:rotate(-200deg);opacity:0}100%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}100%{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;-moz-animation-name:rotateIn;-ms-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateInUpLeft{0%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0}100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;-moz-animation-name:rotateInUpLeft;-ms-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateInDownLeft{0%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0}100%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;-moz-animation-name:rotateInDownLeft;-ms-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateInUpRight{0%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0}100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;-moz-animation-name:rotateInUpRight;-ms-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@-moz-keyframes rotateInDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}}@-ms-keyframes rotateInDownRight{0%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0}100%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}100%{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;-moz-animation-name:rotateInDownRight;-ms-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@-moz-keyframes rotateOut{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}}@-ms-keyframes rotateOut{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}100%{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;-moz-animation-name:rotateOut;-ms-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutUpLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(-90deg);opacity:0}}@-ms-keyframes rotateOutUpLeft{0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:left bottom;-ms-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;-moz-animation-name:rotateOutUpLeft;-ms-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutDownLeft{0%{-moz-transform-origin:left bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:left bottom;-moz-transform:rotate(90deg);opacity:0}}@-ms-keyframes rotateOutDownLeft{0%{-ms-transform-origin:left bottom;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:left bottom;-ms-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}100%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;-moz-animation-name:rotateOutDownLeft;-ms-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@-moz-keyframes rotateOutUpRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(90deg);opacity:0}}@-ms-keyframes rotateOutUpRight{0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:right bottom;-ms-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;-moz-animation-name:rotateOutUpRight;-ms-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@-moz-keyframes rotateOutDownRight{0%{-moz-transform-origin:right bottom;-moz-transform:rotate(0);opacity:1}100%{-moz-transform-origin:right bottom;-moz-transform:rotate(-90deg);opacity:0}}@-ms-keyframes rotateOutDownRight{0%{-ms-transform-origin:right bottom;-ms-transform:rotate(0);opacity:1}100%{-ms-transform-origin:right bottom;-ms-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}100%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;-moz-animation-name:rotateOutDownRight;-ms-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@-moz-keyframes hinge{0%{-moz-transform:rotate(0);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}20%,60%{-moz-transform:rotate(80deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}40%{-moz-transform:rotate(60deg);-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}80%{-moz-transform:rotate(60deg) translateY(0);opacity:1;-moz-transform-origin:top left;-moz-animation-timing-function:ease-in-out}100%{-moz-transform:translateY(700px);opacity:0}}@-ms-keyframes hinge{0%{-ms-transform:rotate(0);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}20%,60%{-ms-transform:rotate(80deg);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}40%{-ms-transform:rotate(60deg);-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}80%{-ms-transform:rotate(60deg) translateY(0);opacity:1;-ms-transform-origin:top left;-ms-animation-timing-function:ease-in-out}100%{-ms-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}100%{transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;-moz-animation-name:hinge;-ms-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@-moz-keyframes rollIn{0%{opacity:0;-moz-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}}@-ms-keyframes rollIn{0%{opacity:0;-ms-transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-ms-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;-moz-animation-name:rollIn;-ms-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg)}}@-moz-keyframes rollOut{0%{opacity:1;-moz-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-moz-transform:translateX(100%) rotate(120deg)}}@-ms-keyframes rollOut{0%{opacity:1;-ms-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-ms-transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;transform:translateX(0px) rotate(0deg)}100%{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;-moz-animation-name:rollOut;-ms-animation-name:rollOut;animation-name:rollOut} /*************************************************************************/ /* Tipsy */ /*************************************************************************/ .tipsy{font-size:10px;position:absolute;padding:5px;z-index:100000}.tipsy-inner{background-color:#000;color:#FFF;max-width:200px;padding:5px 8px 4px 8px;text-align:center}.tipsy-inner{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.tipsy-arrow{position:absolute;width:0;height:0;line-height:0;border:5px dashed #000}.tipsy-arrow-n{border-bottom-color:#000}.tipsy-arrow-s{border-top-color:#000}.tipsy-arrow-e{border-left-color:#000}.tipsy-arrow-w{border-right-color:#000}.tipsy-n .tipsy-arrow{top:0;left:50%;margin-left:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}.tipsy-nw .tipsy-arrow{top:0;left:10px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}.tipsy-ne .tipsy-arrow{top:0;right:10px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent}.tipsy-s .tipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}.tipsy-sw .tipsy-arrow{bottom:0;left:10px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}.tipsy-se .tipsy-arrow{bottom:0;right:10px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent}.tipsy-e .tipsy-arrow{right:0;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent}.tipsy-w .tipsy-arrow{left:0;top:50%;margin-top:-5px;border-right-style:solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent} /* ------------------------------------------------------------------------ Class: prettyPhoto Use: Lightbox clone for jQuery Author: Stephane Caron (http://www.no-margin-for-errors.com) Version: 3.1.4 ------------------------------------------------------------------------- */ div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}div.pp_default .pp_top .pp_left{background:url(../img/plugins/prettyphoto/default/sprite.png) -78px -93px no-repeat}div.pp_default .pp_top .pp_middle{background:url(../img/plugins/prettyphoto/default/sprite_x.png) top left repeat-x}div.pp_default .pp_top .pp_right{background:url(../img/plugins/prettyphoto/default/sprite.png) -112px -93px no-repeat}div.pp_default .pp_content .ppt{color:#f8f8f8}div.pp_default .pp_content_container .pp_left{background:url(../img/plugins/prettyphoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}div.pp_default .pp_content_container .pp_right{background:url(../img/plugins/prettyphoto/default/sprite_y.png) top right repeat-y;padding-right:13px}div.pp_default .pp_next:hover{background:url(../img/plugins/prettyphoto/default/sprite_next.png) center right no-repeat;cursor:pointer}div.pp_default .pp_previous:hover{background:url(../img/plugins/prettyphoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}div.pp_default .pp_expand{background:url(../img/plugins/prettyphoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_expand:hover{background:url(../img/plugins/prettyphoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}div.pp_default .pp_contract{background:url(../img/plugins/prettyphoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}div.pp_default .pp_contract:hover{background:url(../img/plugins/prettyphoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}div.pp_default .pp_close{width:30px;height:30px;background:url(../img/plugins/prettyphoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}div.pp_default .pp_gallery ul li a{background:url(../img/plugins/prettyphoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}div.pp_default .pp_social{margin-top:7px}div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../img/plugins/prettyphoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../img/plugins/prettyphoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}div.pp_default .pp_content_container .pp_details{margin-top:5px}div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:.7}div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}div.pp_default .pp_bottom .pp_left{background:url(../img/plugins/prettyphoto/default/sprite.png) -78px -127px no-repeat}div.pp_default .pp_bottom .pp_middle{background:url(../img/plugins/prettyphoto/default/sprite_x.png) bottom left repeat-x}div.pp_default .pp_bottom .pp_right{background:url(../img/plugins/prettyphoto/default/sprite.png) -112px -127px no-repeat}div.pp_default .pp_loaderIcon{background:url(../img/plugins/prettyphoto/default/loader.gif) center center no-repeat}div.light_rounded .pp_top .pp_left{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_right{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_next:hover{background:url(../img/plugins/prettyphoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../img/plugins/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_nav .pp_play{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_next{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_bottom .pp_left{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_right{background:url(../img/plugins/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_top .pp_left{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_right{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../img/plugins/prettyphoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../img/plugins/prettyphoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_next:hover{background:url(../img/plugins/prettyphoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../img/plugins/prettyphoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .pp_description{margin-right:85px;color:#fff}div.dark_rounded .pp_nav .pp_play{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_next{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_bottom .pp_left{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../img/plugins/prettyphoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../img/plugins/prettyphoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}div.dark_square .pp_loaderIcon{background:url(../img/plugins/prettyphoto/dark_square/loader.gif) center center no-repeat}div.dark_square .pp_expand{background:url(../img/plugins/prettyphoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../img/plugins/prettyphoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../img/plugins/prettyphoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../img/plugins/prettyphoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(../img/plugins/prettyphoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square .pp_nav{clear:none}div.dark_square .pp_nav .pp_play{background:url(../img/plugins/prettyphoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../img/plugins/prettyphoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../img/plugins/prettyphoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_next{background:url(../img/plugins/prettyphoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_next:hover{background:url(../img/plugins/prettyphoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../img/plugins/prettyphoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_expand{background:url(../img/plugins/prettyphoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../img/plugins/prettyphoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../img/plugins/prettyphoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../img/plugins/prettyphoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(../img/plugins/prettyphoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square .pp_nav .pp_play{background:url(../img/plugins/prettyphoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../img/plugins/prettyphoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../img/plugins/prettyphoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_next{background:url(../img/plugins/prettyphoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_next:hover{background:url(../img/plugins/prettyphoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../img/plugins/prettyphoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../img/plugins/prettyphoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../img/plugins/prettyphoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../img/plugins/prettyphoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content_container .pp_left{background:url(../img/plugins/prettyphoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../img/plugins/prettyphoto/facebook/contentPatternRight.png) top right repeat-y}div.facebook .pp_expand{background:url(../img/plugins/prettyphoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../img/plugins/prettyphoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../img/plugins/prettyphoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../img/plugins/prettyphoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(../img/plugins/prettyphoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook .pp_description{margin:0 37px 0 0}div.facebook .pp_loaderIcon{background:url(../img/plugins/prettyphoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../img/plugins/prettyphoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../img/plugins/prettyphoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../img/plugins/prettyphoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../img/plugins/prettyphoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../img/plugins/prettyphoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../img/plugins/prettyphoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../img/plugins/prettyphoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../img/plugins/prettyphoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../img/plugins/prettyphoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:0}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_content{height:40px;min-width:40px}* html .pp_content{width:40px}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{background:url(../img/plugins/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{background:url(../img/plugins/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../img/plugins/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}#pp_full_res{line-height:1!important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px}div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../img/plugins/prettyphoto/light_rounded/loader.gif) center center no-repeat}div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../img/plugins/prettyphoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}.pp_top,.pp_bottom{height:20px;position:relative}* html .pp_top,* html .pp_bottom{padding:0 20px}.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_fade,.pp_gallery li.default a img{display:none} /* OnebyOne plugin */ .onebyone-wrapper-background{background:#01b5cf;overflow:hidden} .onebyone-wrapper .fallback{display:none;text-align:center} .onebyone-wrapper{position:relative;left:50%;margin-left:-480px} #banner_oneByOne{position:absolute} .oneByOne1{margin:0;height:420px;position:relative;overflow:visible!important} #banner_oneByOne .oneByOne_item{position:absolute;width:960px;height:420px;overflow:hidden} #banner_oneByOne .oneByOne_item span{font-family:"Lucida Grande","Lucida Sans Unicode",helvetica,verdana,arial,sans-serif} #banner_oneByOne .oneByOne_item a{text-decoration:none;color:#b22222} #banner_oneByOne .oneByOne_item span.slide2Txt1{position:relative;float:left;margin:120px 12px 0 120px;color:#9acd32;font-size:24px;background:#fff;padding:8px} #banner_oneByOne .oneByOne_item span.slide2Txt2{position:relative;clear:left;float:left;margin:6px 12px 0 120px;color:#666;font-size:14px;background:#fff;padding:8px} #banner_oneByOne .oneByOne_item span.slide2Txt3{position:relative;clear:left;float:left;margin:6px 12px 0 120px;color:#666;font-size:12px;background:#fff;padding:8px} #banner_oneByOne img.wp1_1{position:absolute;top:255px;left:512px} #banner_oneByOne img.wp1_2{position:absolute;top:190px;left:360px} #banner_oneByOne img.wp1_3{position:absolute;top:64px;left:80px} #banner_oneByOne .oneByOne_item span.txt1{clear:left;position:relative;float:left;margin:120px 12px 0 540px;background:#b22222;padding:8px;color:#fff;font-size:40px} #banner_oneByOne .oneByOne_item span.txt1 a{color:#fff} #banner_oneByOne .oneByOne_item span.txt2{clear:left;position:relative;float:left;margin:12px 12px 0 540px;color:#fff;background:#a0522d;padding:8px;font-size:22px} #banner_oneByOne img.wp1{position:absolute;top:240px;left:380px} #banner_oneByOne img.wp2{position:absolute;top:200px;left:470px} #banner_oneByOne img.wp3{position:absolute;top:100px;left:600px} #banner_oneByOne .oneByOne_item span.wp1{clear:left;position:relative;float:left;margin:120px 12px 0 60px;background:#20b2aa;padding:8px;color:#fff;font-size:40px} #banner_oneByOne .oneByOne_item span.wp1 a{color:#fff} #banner_oneByOne .oneByOne_item span.wp2{clear:left;position:relative;float:left;margin:12px 12px 0 60px;color:#fff;background:#5f9ea0;padding:8px;font-size:16px} #banner_oneByOne .oneByOne_item img.bigImage{position:absolute;top:0;left:0} #banner_oneByOne .oneByOne_item span.slide5Txt1{position:relative;float:left;margin:150px 12px 0 600px;color:#9acd32;font-size:24px;background:#fff;padding:8px} #banner_oneByOne .oneByOne_item span.slide5Txt2{position:relative;clear:left;float:left;margin:12px 12px 0 600px;color:#666;font-size:12px;background:#fff;padding:8px} .oneByOne1 .arrowButton .prevArrow{background:#000;left:15px;background:url("../img/arrow-slide-left.png") no-repeat center center #29176D;width:50px;height:50px;opacity:.5} .oneByOne1 .arrowButton .nextArrow{background:#f33;left:895px;right:auto;background:url("../img/arrow-slide-right.png") no-repeat center center #29176D;width:50px;height:50px;opacity:.5} .oneByOne1 .arrowButton .prevArrow:hover,.oneByOne1 .arrowButton .nextArrow:hover{opacity:1} .buttonArea{float:left;left:50%;position:relative;top:100%;margin-top:-32px} .buttonCon{float:left;left:-50%;position:relative} .buttonCon .theButton{display:block;color:#b22222;width:20px;height:22px;background:url(../images/assets/circlebutton.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left} .buttonArea a.active{background-position:0 -22px} .arrowButton{cursor:pointer} .arrowButton .prevArrow{background:url(../images/assets/prev.png) no-repeat;width:40px;height:80px;position:absolute;top:170px;left:12px} .arrowButton .nextArrow{background:url(../images/assets/next.png) no-repeat;width:40px;height:80px;position:absolute;top:170px;right:12px} .animate0{-webkit-animation-duration:.6s;-webkit-animation-delay:0s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:0s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:0s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:0s;animation-timing-function:ease;animation-fill-mode:both} .animate1{-webkit-animation-duration:.6s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both} .animate2{-webkit-animation-duration:.6s;-webkit-animation-delay:.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.4s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.4s;animation-timing-function:ease;animation-fill-mode:both} .animate3{-webkit-animation-duration:.6s;-webkit-animation-delay:.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.6s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.6s;animation-timing-function:ease;animation-fill-mode:both} .animate4{-webkit-animation-duration:.6s;-webkit-animation-delay:.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.8s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.8s;animation-timing-function:ease;animation-fill-mode:both} .animate5{-webkit-animation-duration:.6s;-webkit-animation-delay:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:1s;animation-timing-function:ease;animation-fill-mode:both} /* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site : www.buildinternet.com/project/supersized Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ #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(../img/icons/loader.gif) no-repeat center center #fff;} #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; } /*Speed*/ #supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; } /*Quality*/ #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(../img/icons/loader.gif) no-repeat center center #fff; width:100%; height:100%; } #supersized li.image-loading img{ visibility:hidden; } #supersized li.prevslide img, #supersized li.activeslide img{ display:inline; } #progress-back{background:none repeat scroll 0 0 #fff;height:5px;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:5} #progress-bar{background:none repeat scroll 0 0 #29176D;height:5px;position:relative;width:100%} #controls-wrapper{position:absolute;bottom:0;left:0;right:0} #controls{width:960px;margin:0 auto;position:relative} #slide-list{display:none} #slidecaption{background:#29176D;bottom:0;left:0;padding:30px;position:absolute;width:540px;color:#fff;font-size:2.2em;font-style:italic;font-weight:600} #slidecounter{position:absolute;right:30px;bottom:0;background:#29176D;color:#fff;height:52px;width:103px} #slidecounter p{position:absolute;height:52px;line-height:52px;text-align:center;left:30px;top:0;margin:0;width:43px;font-size:1.3em} #prevslide,#nextslide{background:url("../img/arrow-slide-left-small.png") no-repeat center center;bottom:12px;height:28px;left:15px;opacity:.75;right:auto;top:auto;width:15px;z-index:33;position:absolute;cursor:pointer} #nextslide{background:url("../img/arrow-slide-right-small.png") no-repeat center center;right:15px;left:auto} /*************************************************************************/ /* Print Styles */ /*************************************************************************/ @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; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /******************************************************/ /* Media Queries Max Width 1200px * Desktop / Laptop */ /******************************************************/ @media screen and (max-width: 1200px) { .special-area-1.fit { width: auto; } } /******************************************************/ /* Media Queries Max Width 1200px * iPad Landscape */ /******************************************************/ @media screen and (max-width: 1039px) { a.bt-nav-close { display: none; } footer.footer-overlay .social { display: none;} } /******************************************************/ /* Media Queries Max Width 981px * iPad Portrait */ /******************************************************/ @media screen and (max-width: 981px) { a.bt-nav-close { display: none; } #controls-wrapper { bottom:15px; } #controls { width: auto;} #slidecounter { bottom:15px; } .item-portfolio-rect .facebook-box {display: none;} .color-boxes li p { font-size: 1.4em; } .special-nav-footer li { margin-right: 40px; } .special-nav-footer li a p { font-size: 1.0em; line-height: 110%;} .home-page .portfolio {margin-left: 25px;} footer.footer-overlay .work-info { width: 450px } .onebyone-wrapper { left:0; margin-left: -30px; } .background-image { display: none;} .portfolio-rect.wrapper.inner { margin-top: 0;} .portfolio-rect .gu6, .portfolio-rect .item-portfolio-rect{width:363px} .portfolio-rect .col {padding-left: 40px;} .portfolio-rect .row {margin-left: -40px;} .wrapper.inner, .slideshow-home-1, .special-area-1 article, .item-portfolio-rect { width: auto; } .special-nav-footer li.blocks-2 a { width: 309px; } .special-nav-footer li a { width: auto; } .portfolio-square .item-portfolio-rect {width: 235px;} .color-boxes li { width: 175px; } .item-portfolio-rect .content-details { padding: 5px 45px 5px 5px; } .slideshow-content .wrapper-slideshow { margin-left: -350px; } .item-portfolio-rect p.text-2 img {max-width: 100px;} img{ max-width: 100%; margin-left: 5px; } .slideshow-wrapper img {max-width: none !important} .wrapper{width:auto} .main{width:auto;padding:0 10px} header{width:auto;margin:40px auto 30px auto;padding:0 0 90px 0} header .logo{float:none;clear:both;text-align:center;padding:0;margin:0 0 50px 0} header nav{float:none;clear:both;position:relative;top:auto;right:auto;left:auto;display:block} .wrapper-nav-ul{float:left;position:relative} header nav ul{float:left;position:relative} #toTop{display:none!important} nav.separator{display:none} .blog-posts-small{width:auto;overflow:auto;padding-bottom:20px;margin-bottom:60px} .grid-3-2-wrapper{width:534px} .our-clients{display:none} .home-page .grid-desc-2{float:none;width:auto} .comments-hoverfold{display:block} .services-list.margin li{margin-left:0;margin-right:30px;width:284px} .services-list.margin li:nth-child(2n+2){margin-right:0} .services-list { width: auto; float: none; } .home-page .services-list {width: auto; float: none;} footer .about, footer .twitter-feed, footer .newsletter { display: none } footer { margin-top: 30px; padding: 0px 0 20px} footer .wrapper { width: auto; } footer hr{border:none;margin-top:6px;} .rules .grid-desc{width:auto;float:none} .services-customers{width:auto;overflow:auto;padding-bottom:20px;margin-bottom:60px} .services .awards{overflow-x:auto;overflow-y:auto;float:none;clear:both;height:auto} .services-page .awards{height:auto} a.menu-mobile{display:none} .body-overlay.show{display: none;} header nav.open{right:0} /**/ .clearfix:after,.row:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix,.row{display:inline-block} .clearfix,.row{display:block} .row{position:relative;margin-left:-40px} .gu1 .row{width:63px}.gu2 .row{width:126px}.gu3 .row{width:189px}.gu4 .row{width:252px}.gu5 .row{width:315px}.gu6 .row{width:378px}.gu7 .row{width:441px}.gu8 .row{width:504px}.gu9 .row{width:567px}.gu10 .row{width:630px}.gu11 .row{width:693px}.gu12 .row{width:756px} .col{padding-left:40px;float:left;position:relative} .gu1{width:23px}.gu2{width:86px}.gu3{width:149px}.gu4{width:212px}.gu5{width:275px}/*.gu6{width:338px}*/.gu6{width:363px}.gu7{width:401px}.gu8{width:464px}.gu9{width:527px}.gu10{width:590px}.gu11{width:653px}.gu12{width:716px} .main>h1{text-align:center} .main>.text-1{text-align:center} .top-figure-header{float:left;width:auto} .top-figure-header figure img{width:100%} .divider-margin { margin: 50px 0;} /*************************************************************************/ /* Home */ /*************************************************************************/ .home-page .portfolio .grid-3-2:nth-child(3n+4){clear:none; } .home-page .portfolio .grid-3-2:nth-child(4n+4){ margin-right:30px;clear: none; } .home-page .portfolio .grid-3-2:nth-child(4n+5){clear:none; } .home-page .portfolio .grid-3-2:nth-child(3n+4){ clear: left; } /*.home-page .portfolio .grid-3-2{margin-left:30px !important;} */ .portfolio .grid-3-2:nth-child(3n+4){clear:none;} .portfolio .grid-3-2:nth-child(2n+3){clear:none; } .portfolio .grid-3-2:nth-child(3n+3){margin-right: 0} .home-page .blog-posts-small{min-height: 310px;} .home-page .wrapper_scrollable{min-height:170px;} /*************************************************************************/ /* About */ /*************************************************************************/ .about-us figure{width:auto} .grid-about{width:auto;padding-left:25px;padding-right:25px} .grid-about h3{margin-top:30px;float:left;width:354px;margin-right:40px} .grid-about .text-1{margin-top:30px} .about-page .left-list{width:auto} .about-page .right-list{width:auto} .about-page .right-list li{width:343px;margin-right:23px} .grid-4-wrapper{width:auto} .grid-4-wrapper article:nth-child(3n+3){margin-right:0} .grid-4-wrapper article:nth-child(4n+4){margin-right:30px} .team .grid-4:hover .about-social{opacity:0;visibility:hidden} .team .grid-4 .about-social{opacity:0;visibility:hidden} .about-page .wrapper_scrollable{min-height: 170px; } .about-page .team .grid-4 .about-social{visibility: visible;opacity: 1;display: none;} /*************************************************************************/ /* Services */ /*************************************************************************/ .header-services{width:auto} .services .grid-desc{width:100%} .services .services_offer{width:auto} .services .services_offer li:nth-child(4n+4){margin-right:0} .services .services_offer li{width:157px} .services .services_offer li:hover{width:155px} .services .grid-desc-2{width:100%} .services .grid-desc-1{width:auto;height:auto;margin-left:0} .awards{width:auto;height:auto} .services .awards{border-bottom:0;width:auto} .services .awards li{float:left;width:219px;margin-right:30px;border-bottom:0} .services .awards .text-awards{width:120px} .services_offer .inside-service-text{width:531px} .services_offer .inside-service-text ul{width:156px} .services_offer li:nth-child(1n+1) .inside-service-text{margin-left:0} .services_offer li:nth-child(1n+1) .inside-service-text ul{float:left} .services_offer li:nth-child(1n+1) .separator-inside-service-text{float:left} .services_offer li:nth-child(1n+1) .inside-service-text ul{float:left;text-align:left} .services_offer li:nth-child(1n+1) .inside-service-text li:after{content:" "} .services_offer li:nth-child(1n+1) .inside-service-text li:before{content:" — "} .services_offer li:nth-child(1n+1) .inside-service-text p{float:right} .services_offer li:nth-child(1n+1) .inside-service-text li{float:left} .services_offer li:nth-child(1n+1) .separator-inside-service{float:left} .services_offer li:nth-child(1n+1) .inside-service-text li{text-align:left} .services_offer li:nth-child(3n+3) .separator-inside-service-text{float:right} .services_offer li:nth-child(3n+3) .inside-service .close_btn{float:left} .services_offer li:nth-child(3n+3) .inside-service-text ul{float:right;text-align:right} .services_offer li:nth-child(3n+3) .inside-service-text li:after{content:" — "} .services_offer li:nth-child(3n+3) .inside-service-text li:before{content:""} .services_offer li:nth-child(3n+3) .inside-service-text ul{float:right} .services_offer li:nth-child(3n+3) .separator-inside-service{float:right} .services_offer li:nth-child(3n+3) .inside-service-text p{float:left} .services_offer li:nth-child(3n+3) .inside-service-text{margin-left:-374px} .services_offer li:nth-child(3n+3) .inside-service-text p{margin-right:0;margin-left:30px!important} .services_offer li:nth-child(3n+3) .inside-service-text li{float:right;text-align:right} .services_offer li:nth-child(4n+4) .inside-service-text ul{float:right} .services_offer li:nth-child(4n+4) .inside-service-text{margin-left:-374px} .services_offer li:nth-child(4n+4) .inside-service-text ul{float:right} .services_offer li:nth-child(4n+4) .inside-service .close_btn{float:left} .services_offer li:nth-child(4n+4) .inside-service-text p{float:left} .services_offer li:nth-child(4n+4) .inside-service-text li{float:right;text-align:right} .services_offer li:nth-child(4n+4) .inside-service-text li:after{content:" — "} .services_offer li:nth-child(4n+4) .inside-service-text li:before{content:""} .services_offer li:nth-child(4n+4) .separator-inside-service-text{float:right} .services_offer li:nth-child(4n+4) .separator-inside-service{float:right} .services_offer li:nth-child(4n+4) .inside-service-text p{margin-right:0;margin-left:30px!important} .services_offer li:nth-child(5n+5) .inside-service-text p{margin-right:30px} .services-page .wrapper_scrollable{min-height:130px;} .services .awards{width:747px;} /*************************************************************************/ /* Portfolio page */ /*************************************************************************/ .portolio-wrapper{width:auto} .portfolio-page .grid-desc{position:absolute} .portfolio-page nav.separator{display:block} .portfolio-grid-desc{height:494px;z-index:10;background:white;width:250px} .portfolio-recent-work .text-1{text-align:left;width:160px} .portfolio-page .portfolio-filter .grid-3-2:nth-child(3n-4){margin-left:15px;clear:both;} .portfolio-page .portfolio-filter .grid-3-2:nth-child(1){margin-left:265px;clear:none;} .portfolio-page .portfolio-filter .grid-3-2:nth-child(3){margin-left:265px;clear:both;} .portfolio-page .portfolio-filter .grid-3-2:nth-child(2){margin-left:30px;clear:none;} /*************************************************************************/ /* Portfolio 2 page */ /*************************************************************************/ .portfolio-2{padding-left:25px;padding-right:25px} .portfolio-2-page .wrapper{width:auto} .portfolio-2 .header{padding-top:15px;margin-left:0} .portfolio-2-page .grid-3-2-wrapper{margin-top:121px} .portfolio-2-page .portfolio .grid-3-2:nth-child(3n+3){margin-right:0} .portfolio-2-page .portfolio .grid-3-2{margin-right:30px;margin-left:0} .portfolio-2-page .grid-3-2-wrapper{width:auto;float:none} .portfolio-2-page .portfolio-2 .text-1{text-align:left} .portfolio-2-page .portfolio-2 img{width:100%;margin-right:15px} .portfolio-2-page .portfolio-2 figure figcaption{height:auto;width:389px;left:15px;padding-left:30px;padding-top:30px;font-size:1.6em;top:90%;padding-bottom:30px} .portfolio-2-page .portfolio-2 .portfolio{margin-top:115px} .portfolio-2-page .portfolio-2 .grid-3-2-wrapper{width:100%} .portfolio-2-page .portfolio-2 .grid-3-2:nth-child(3n+3){margin-right:0} .portfolio-2-page .portfolio-2 .grid-3-2:nth-child(4n+4){margin-right:30px;clear:both;} .portfolio-2-page .portfolio-filter{margin-left:15px} .portfolio-2-page .portfolio .grid-3-2:nth-child(3n+4) {clear: both;} .portfolio-2-page .portfolio .grid-3-2:nth-child(4n+5) {clear: none;} /*************************************************************************/ /* Portfolio 3 page */ /*************************************************************************/ .portfolio-3-page .wrapper{width:auto} .portfolio-3-page .portfolio-2 figure img{width:359px} .portfolio-3-page .portfolio-2-2 .header{width:357px;padding-top:131px} .portfolio-3-page .portfolio-2-2 .left_nav{width:297px} .portfolio-3-page .take_a_look{display:none} .portfolio-3-page .portfolio-2-2 figure figcaption{font-size:1.4em;padding:20px 20px 10px;left:-359px;height:79px;width:340px} .portfolio-3-page .portfolio-filter{margin-left:15px} .portfolio-3-page .portfolio .grid-3-2{clear:none;margin-left:30px;} .portfolio-3-page .portfolio .grid-3-2:nth-child(4n+5){clear:none;margin-left:30px;} .portfolio-3-page .grid-3-2-wrapper .grid-3-2:nth-child(5n+5){margin-left:30px;} .portfolio-3-page .grid-3-2-wrapper .grid-3-2:nth-child(3n+4){margin-left:0;clear:both;} /*************************************************************************/ /* Portfolio 4 page */ /*************************************************************************/ .portfolio-4-page h1{text-align:center} .portfolio-4-page .text-1{text-align:center} .portfolio-4-page .header-portfolio-3{width:344px} .portfolio-4-page .header-portfolio-3-right{width:344px} .portfolio-4-page .grid-2{width:344px} .portfolio-4-page .grid-2:before{background:0;width:344px} .portfolio-4-page .grid-2 figure:after{width:341px;height:185px} .portfolio-4-page .grid-2 figure{width:344px;height:187px} .portfolio-4-page .grid-2 figure img{width:344px} .portfolio-4-page .grid-2 figure:hover:after{height:178px;width:334px} .portfolio-4-page .portfolio-filter{margin-left:15px} .portfolio-4-page .header-portfolio-3-right .left_nav{width:314px} .portfolio-4-page .header-portfolio-3-right li{width:137px} .portfolio-4-page .TB_Wrapper.slider-folio.no-slide {height: 187px;} /*************************************************************************/ /* Portfolio Details */ /*************************************************************************/ .portfolio-details-page h1{text-align:center} .portfolio-details-page .portfolio-details{width:493px} .portfolio-details-page .portfolio-details figure{margin-left:-10px} .portfolio-details-page .col-right{margin-right:15px} .portfolio-details-page nav.separator-prev-next ul{margin-right:46px} .portfolio-details-page .portfolio-details iframe{height:263px;margin-left:15px;width:468px} .portfolio-details-page .grid-desc{float:left;width:100%;margin-left:15px} .portfolio-details-page .text-1{text-align:left} .portfolio-details-page .similar-projects{width:100%;margin-left:15px;margin-top:15px} .portfolio-details-page .similar-projects .grid-2:nth-child(4n+3){margin-right:0;clear:both;} .portfolio-details-page .similar-projects .grid-3-2:nth-child(4n+5){clear:none;} .portfolio-details-page .similar-projects .grid-3-2:nth-child(3n+4){margin-left:0;clear:both;} /*************************************************************************/ /* Contact Page */ /*************************************************************************/ .contact-page iframe{height:351px} .contact-page .grid-desc-2{width:238px} /*.contact-page .form{width:424px;margin-right:15px}*/ .contact-page .input-medium{width:176px} .contact-page .input-big{width:402px} .contact-page .form input,.form textarea{padding:8px 10px} .contact-page textarea{height:84px} #contact-form .input-big { width: 432px } /*#contact-form .gu7 { width: 220px }*/ /*************************************************************************/ /* Blog Page */ /*************************************************************************/ .blog-posts h2{width:304px} .blog-posts article{width:auto} .col-left{width:458px} .col-right{width:200px;margin-right:15px} .col-right .search-form input{width:160px} .col-left iframe.img-post{width:483px;height:270px;margin:10px 0 8px -15px} .blog-page .col-left .audiojs{margin:10px 0 8px -15px} .blog-page .col-left .hr-post{width:485px} .blog-page .col-right div.slider-nav{opacity:1} .col-right .flickr li img{width:56px;height:auto} section.author{float:left;width:auto;margin-bottom:30px;width:100%;margin-left:0;} section.author p{float:left} /*section.author p:nth-child(2){clear:both;}*/ section.author p:nth-child(2){clear:none;border-left:1px solid #EBEBEB} section.author p.text-1{margin:15px 0 0;} section.author p:nth-child(1){margin-right:15px} /*************************************************************************/ /* Blog Details Page */ /*************************************************************************/ .blog-posts figure.img-post img{width:483px} .blog-detail-page .col-right div.slider-nav{opacity:1} .blog-detail-page .col-right .flickr li img{width:56px;height:auto} .blog-detail-page .number-comments{margin-bottom:10px} .commentlist{width:auto;margin-left:15px} .blog-detail-page .form{width:424px;margin-right:15px} .blog-detail-page .input-medium{width:176px} .blog-detail-page .input-big{width:402px} .blog-detail-page .form input,.form textarea{padding:8px 10px} .blog-detail-page textarea{height:84px} .blog-detail-page .social_container{margin-left:25px} .blog-detail-page .social_container .fb_social{float:left;margin-right:20px} .blog-detail-page .social_container .fb_social .fb-like{width:74px} .blog-detail-page .social_container .gplus_social{float:left;margin-right:20px;margin-top:10px} .blog-detail-page .social_container .twitter_social{float:left;margin-right:20px} .blog-detail-page .social_container .pinterest_social{float:left;margin-right:20px} .blog-detail-page section.author p:nth-child(2){border-left:0;clear:none;border-left:1px solid #EBEBEB} .icon-form-comment{margin-top:-50px;} /*************************************************************************/ /* Shortcodes */ /*************************************************************************/ .grid-simple-page h1.inner-content{text-align:center} .advanced-cols-page h1.inner-content{text-align:center} .quotes-page h1.inner-content{text-align:center} .media-page h1.inner-content{text-align:center} .tabs-menus-page h1.inner-content{text-align:center} .icons-page h1.inner-content{text-align:center} .tabs-menus-page .col h1{text-align:left} /*************************************************************************/ /* Shortcodes Tabs-Menus */ /*************************************************************************/ .tabs-menus-page .vertical{min-height: 84px;} .tabs-menus-page .tab-vertical li a{width:35px;} .tabs-menus-page .content-big{width:500px;} .tabs-menus-page a.button{margin-bottom:2px;} /*************************************************************************/ /* Shortcodes Media */ /*************************************************************************/ .media-page iframe{width:100%} .media-page figure{float:left;} .media-page .img-top-label legend{font-size:1.6em;} .media-page .audiojs{width:100%} .media-page .slider .slideshow img{width:339px;height:auto;} .media-page .slider .slide-pager{top:150px;} .media-page div.orbit-wrapper div.slider-nav {opacity:1} .img-top-label{width:100%} .big-block-color, a.big-block-color { width: 736px; margin-left: -10px; } /* home1.php */ .list-icons li{max-width:147px} .list-icons span{font-weight:600;font-size:1.4em} .special-nav-footer li .blocks-2{float:left;margin-right:29px} } /******************************************************/ /* Media Queries Max Width 730px * iPhone Landscape */ /******************************************************/ @media screen and (max-width: 730px) { header nav li a.active{padding: 20px 0px 0px 0px; margin: 0 0 0 0;border:none} header nav li a.active:hover{padding: 20px 15px 15px 40px; margin: 0 0 0 0;border:none} header nav li:hover a.active{padding: 20px 15px 15px 40px; margin: 0 0 0 0;border:none} a.bt-nav-close { display: block; } #controls-wrapper { display: none !important;} .home-page .portfolio {margin-left: 0px;} .facebook-box { display: none; } .big-block-color, a.big-block-color { width: 448px; margin-left: -10px; } .special-area-1.fit .text-1 { padding: 0px 20px; } .special-area-1 article { padding-bottom: 0px;} .portfolio-square .item-portfolio-rect { width: 209px; } .special-nav-footer li { margin-right: 0} body.home-page {background: none !important;} .color-boxes li {width: 149px;} .item-portfolio-rect img {width:100%;} .item-portfolio-rect .content-details h4 {font-size: 1.5em;} .onebyone-wrapper .fallback { display: block; } .oneByOne1 { display: none !important;} .onebyone-wrapper { left:auto; margin-left:0; } footer.footer-overlay .work-info { display: none; } .portfolio-rect .gu6, .portfolio-rect .item-portfolio-rect { width: auto;} .special-nav-footer li a, .special-nav-footer li.blocks-2 a { width: 360px; } .slideshow-wrapper { display: none; } .home-page .portfolio .grid-3-2 { margin-right: 0px; } .home-page .portfolio .grid-3-2:nth-child(n+1) { margin-right: 0px; } .home-page .portfolio .grid-3-2:nth-child(3n+4){clear:none; } .home-page .portfolio .grid-3-2:nth-child(3n+4){clear:none; } .home-page .portfolio .grid-3-2:nth-child(4n+4){ margin-right:0px;clear: none; } .home-page .portfolio .grid-3-2:nth-child(4n+5){clear:none; } .home-page .portfolio .grid-3-2:nth-child(3n+4){ clear: none; } .home-page .portfolio .grid-3-2:nth-child(2n+2){clear:none; margin-right: 0; margin-left: 20px !important; } /*************************************************************************/ /* Header and menu styles */ /*************************************************************************/ header .logo{float:left;margin:0 0 30px 25px} header nav.open{right:0} .wrapper-nav-ul{left:auto;float:none} header nav{background:#29176D;position:absolute;right:0px;top:-60px;width:200px;padding:0;z-index:999;min-width:235px;display:none} header nav ul{float:none;left:auto;padding-top:20px} header nav li,header nav li.subnav{background:0;padding:0 0 15px 40px;margin:0;float:none;border-bottom:1px solid #fff} header nav li.subnav{border:0;padding:0} header nav li.subnav a{padding-left:40px} header nav li.subnav:hover a{padding-left:40px;padding-bottom:0} header nav li a,header nav li a:visited{color:#fff;padding:20px 0 0 0;margin:0;font-size:1.6em;font-weight:600;font-style:italic} header nav li:hover a{background:0;border-radius:0;color:#fff;padding:20px 15px 15px 40px;margin:0} header nav li:hover ul{display:block;opacity:1;top:auto;height:auto;left:auto} header nav li:hover ul li{float:none;padding:0;margin:0;background:0} header nav li ul{display:block;position:relative;margin:20px 0 0 0;top:auto;left:auto;opacity:1;background:0;box-shadow:none;border:0;background:0;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:15px 0} header nav li ul li{border:0;padding:0} header nav li:hover ul{padding:15px 0;margin:20px 0 0 0} header nav li ul li a,header nav li:hover ul li a{border:0;min-width:auto;font-size:1.6em;padding:0;margin:0;line-height:140%;color:#fff} header nav li ul li a:before{content:'\2014 \00a0 '} header nav li ul li a:hover{color:#fff;border:0} header nav li:hover ul li a:hover{color:#fff;border-bottom:0} .main>h1{text-align:center} figure.top-image{float:none} .top-figure-header{float:left;width:100%} .top-figure-header figure img{width:100%} a.menu-mobile{display:block;float:right;width:30px;height:19px;text-indent:-9999px;background:url(../img/icons/menu-phone.png);margin:0 25px 0 0} .body-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3;background:rgba(255,255,255,0.7);} .body-overlay.show{display: block;} header{height:auto;padding-bottom:0} .grid-desc{width:auto} .home-page .blog-posts-small p span.comments{display:block} footer .social { float: none; margin: 10px 0 0 0;} footer p.left { float: none; } /*************************************************************************/ /* Home Page */ /*************************************************************************/ .home-page .quote p{font-size:1.8em} .home-page .quote{margin-bottom:6px} .blog-posts-small p{width:100%;float:left;margin:0 15px} .blog-posts-small p span.text-3{float:left;margin-right:12px} .blog-posts-small p span.text-2{float:left;margin-right:3px} .blog-posts-small figure{margin-bottom:10px} .blog-posts-small .grid-3 h4{margin:10px 0 0 15px} .home-page .portfolio{margin-top:25px} .home-page .grid-3-2-wrapper{width:auto} .home-page .portfolio .grid-3-2{margin-left:0!important} .home-page .portfolio .grid-3-2:nth-child(1n+1){margin-left:0;float:left} .home-page .portfolio .grid-3-2:nth-child(2n+2){margin-left:0;float:right} .home-page .portfolio-filter .grid-3-2:nth-child(2n+1){clear:both;margin-right:20px !important;} .home-page .portfolio .grid-3-2:nth-child(3n+4){clear:none;} .home-page .grid-3-2:nth-child(2n+3){clear:both;margin-right:0px !important;} .home-page .portfolio .grid-3-2 h4{margin:10px 0 4px 15px} .services-list.margin li:nth-child(1n+1){width:150px;margin-right:0;margin-left:0;float:left} .services-list.margin li:nth-child(2n+2){width:150px;margin-right:0;margin-left:0;float:right} .services-list.margin{margin-right:15px} .row{position:relative;margin-left:-40px;clear:both} .gu1 .row{width:auto}.gu2 .row{width:auto}.gu3 .row{width:auto}.gu4 .row{width:auto}.gu5 .row{width:auto}.gu6 .row{width:auto}.gu7 .row{width:auto}.gu8 .row{width:auto}.gu9 .row{width:auto}.gu10 .row{width:auto}.gu11 .row{width:auto}.gu12 .row{width:auto} .col{padding-left:40px;float:none;position:relative;clear:both} .gu1{width:auto}.gu2{width:auto}.gu3{width:auto}.gu4{width:auto}.gu5{width:auto}.gu6{width:auto}.gu7{width:auto}.gu8{width:auto}.gu9{width:auto}.gu10{width:auto}.gu11{width:auto}.gu12{width:auto} .comments-hoverfold{display:block} /*************************************************************************/ /* Comments List */ /*************************************************************************/ .commentlist{float:none;width:auto} .commentlist>ul{margin-left:57px;margin-top:-50px;background:#6} .commentlist ul ul{margin:-21px 0 30px -41px} /*************************************************************************/ /* About */ /*************************************************************************/ .grid-about h3{margin-top:30px;float:none;width:auto;margin-right:0} .grid-about{padding-left:25px;padding-right:25px;width:auto} .grid-about .text-1{margin-top:20px} .about-page .left-list{width:auto} .about-page .right-list{width:auto} .about-page .right-list li{width:auto;margin-right:23px} .grid-4-wrapper{width:auto} .grid-4-wrapper article:nth-child(3n+3){margin-right:0} .grid-4-wrapper article:nth-child(4n+4){margin-right:0} .team .grid-4:nth-child(1n+1){float:left;margin-left:0;margin-right:0} .team .grid-4:nth-child(1n+1) .about-social{left:-10px!important} .team .grid-4:nth-child(2n+2){float:right;margin-left:0;margin-right:0} .team .grid-4:nth-child(2n+2) .about-social{left:137px!important} .rules .grid-desc{width:auto} /*************************************************************************/ /* Services */ /*************************************************************************/ .header-services h3{margin-right:15px} .header-services .text-1{margin-right:15px;text-align:left} .header-services-right{height:auto;width:100%} .header-services-right .left_nav li{width:100%;height:auto;margin-left:15px;margin-top:25px} .header-services-right .left_nav li a{float:left;margin-bottom:-5px;padding:0;position:relative;margin-top:23px} .services_offer li:nth-child(1n+1){width:205px;height:93px;margin-left:0;margin-right:0;float:left} .services_offer li:nth-child(2n+2){width:205px;height:93px;margin-left:20px;margin-right:0;float:left} .services_offer li .inside-service{height:93px;width:205px} .services_offer li:hover .inside-service{width:203px;height:91px} .services .services_offer li:hover{width:203px;height:91px} .services_offer .inside-service-text{width:430px;min-height:93px} .services_offer li .inside-service-text p{width:173px} .services_offer .inside-service-text ul{width:204px} .separator-inside-service-text{margin-top:63px} .services_offer li:nth-child(1n+1) .inside-service-text{margin-left:0} .services_offer li:nth-child(1n+1) .inside-service-text ul{float:left} .services_offer li:nth-child(1n+1) .separator-inside-service-text{float:left} .services_offer li:nth-child(1n+1) .inside-service-text ul{float:left;text-align:left} .services_offer li:nth-child(1n+1) .inside-service-text li:after{content:" "} .services_offer li:nth-child(1n+1) .inside-service-text li:before{content:" — "} .services_offer li:nth-child(1n+1) .inside-service-text p{float:right} .services_offer li:nth-child(1n+1) .inside-service-text li{float:left} .services_offer li:nth-child(1n+1) .separator-inside-service{float:left} .services_offer li:nth-child(1n+1) .inside-service-text li{text-align:left} .services_offer li:nth-child(2n+2) .inside-service-text ul{float:right} .services_offer li:nth-child(2n+2) .inside-service-text{margin-left:-225px} .services_offer li:nth-child(2n+2) .inside-service-text ul{float:right} .services_offer li:nth-child(2n+2) .inside-service .close_btn{float:left} .services_offer li:nth-child(2n+2) .inside-service-text p{float:left} .services_offer li:nth-child(2n+2) .inside-service-text li{float:right;text-align:right} .services_offer li:nth-child(2n+2) .inside-service-text li:after{content:" — "} .services_offer li:nth-child(2n+2) .inside-service-text li:before{content:""} .services_offer li:nth-child(2n+2) .separator-inside-service-text{float:right} .services_offer li:nth-child(2n+2) .separator-inside-service{float:right} .services_offer li:nth-child(2n+2) .inside-service-text p{margin-right:0;margin-left:15px!important;margin-left:15px!important;width:195px} .services_offer li .inside-service-text li{height:auto;width:204px;margin-left:0;margin-right:0} .services_offer .inside-service-text ul{margin-top:85px} .services .services_offer .inside-service-text li:hover{height:auto} .services_offer li .inside-service-text p{margin-left:15px!important;margin-right:15px!important;width:195px} .services_offer li:nth-child(3n+3) .inside-service-text p{margin-left:15px!important} .services_offer li .inside-service-text li{margin-right:0!important} .services .services_offer{padding-left:15px} .services_offer li:nth-child(3n+3) .inside-service .close_btn{float:right} .header-services-right .left_nav li a:hover{margin-bottom:-5px;margin-top:23px} .services-page .services{padding-left:0} .services-page .services h3{margin-left:15px} .services-page .services p{margin-left:15px} .services-page .mt-30{margin:20px 0 50px!important} .services .awards{width:auto;} /*************************************************************************/ /* Blog Page */ /*************************************************************************/ section.post{width:auto} .blog-page .col-left{width:auto;padding:0 15px;float:none} .blog-page .col-left .hr-post{width:auto;margin:50px 0 50px} .blog-posts figure,.blog-posts iframe,.blog-posts .audiojs{margin:10px 0 8px -25px} .blog-posts article{width:auto} .blog-posts h2{width:273px} .blog-page .nr-comments{margin-right:10px} .col-left iframe.img-post{width:458px} .blog-posts .audiojs{width:458px} .blog-page .nav p{margin-right:15px} .blog-page .col-right{float:left} .col-right .search-form{display:none} .col-right .search-form h4{display:none} .blog-page .col-right ul{display:none} .blog-page .col-right h4.categories_show{display:block} .col-right ul.categories_show{display:block} .blog-page .col-right p{display:none} .blog-page .col-right h4{display:none} .blog-page .col-right div{display:none} .col-right .more-tweets{display:none} .col-right .categories_show{display:block} .col-right .categories_show .list-2 li a{display:block} .blog-page .list-2 li{border:1px solid #ebebeb;padding:7px 10px;width:auto;margin-right:10px} .blog-page .col-right{width:auto;border-bottom:1px solid #ebebeb;margin-bottom:45px;padding-bottom:36px;margin-left:15px} .col-right ul.categories_show{margin-bottom:10px} /*************************************************************************/ /* Blog Detail */ /*************************************************************************/ .blog-detail-page .col-left{width:auto;float:none;padding-right:15px} .blog-detail-page .col-right{float:left} .blog-detail-page .col-right .search-form{display:none} .blog-detail-page .col-right .search-form h4{display:none} .blog-detail-page .col-right ul{display:none} .blog-detail-page .col-right p{display:none} .blog-detail-page .col-right h4{display:none} .blog-detail-page .col-right div{display:none} .blog-detail-page .col-right .more-tweets{display:none} .blog-detail-page .col-right .categories_show{display:block} .blog-detail-page .col-right .categories_show .list-2 li a{display:block} .blog-detail-page .list-2 li{border:1px solid #ebebeb;padding:7px 10px;width:auto;margin-right:10px} .blog-detail-page .col-right{width:auto;border-bottom:1px solid #ebebeb;margin-bottom:45px;padding-bottom:36px;margin-left:15px} .blog-detail-page .col-right ul.categories_show{margin-bottom:10px} .blog-detail-page .blog-posts article{width:453px} .blog-detail-page .blog-posts h2{width:273px} .blog-detail-page .nr-comments{margin-right:10px} .blog-detail-page .blog-posts figure{margin:10px 0 8px -25px} .blog-detail-page .commentlist{margin-right:15px} .blog-detail-page .blog-posts article{width:auto} .blog-detail-page .blog-posts hr{margin:60px 15px -10px -15px} .blog-detail-page .icon-form-comment{margin-top:-50px} .blog-detail-page section.post{width:430px} /*************************************************************************/ /* Portfolio */ /*************************************************************************/ .portfolio-page .portfolio-grid-desc{width:100%} .portfolio-page .portfolio-recent-work{width:100%;min-height:auto;margin-bottom:44px} .portfolio-page .portfolio-grid-desc{width:430px;position:relative} .portfolio-page .portfolio-recent-work .text-1{width:100%} .portfolio-page .left_nav ul{left:0} .portfolio-page .left_nav ul li{float:left;width:auto;border:1px solid #ebebeb;float:left;margin-bottom:10px;margin-right:10px;padding:4px 0;min-height:0} .portfolio-page .portfolio-grid-desc{height:auto;margin-bottom:60px} .portfolio-page .portfolio-filter .grid-3-2:nth-child(3n-4){clear:none;} .portfolio-page .portfolio-filter .grid-3-2:nth-child(3n+1){clear:none;} .portfolio-page .portfolio-filter .grid-3-2:nth-child(2n+1){clear:both;margin-right:20px !important;} .portfolio-page .portfolio-filter .grid-3-2:nth-child(1n+1){margin-left:0;margin-right:0;float:left} .portfolio-page .portfolio-filter .grid-3-2:nth-child(2n+2){margin-left:0;margin-right:0;float:right} .portfolio-page .portfolio .grid-3-2{margin-left:10px;} /*************************************************************************/ /* Portfolio 2 */ /*************************************************************************/ .portfolio-2{padding-left:0;padding-right:0} .portfolio-2-page .portfolio-grid-desc{width:100%} .portfolio-2-page .portfolio-recent-work{width:100%;min-height:auto;margin-bottom:44px} .portfolio-2-page .portfolio-grid-desc{width:430px;position:relative} .portfolio-2-page .portfolio-recent-work .text-1{width:100%} .portfolio-2-page .left_nav ul{left:0} .portfolio-2-page .left_nav ul li{float:left;width:auto;border:1px solid #ebebeb;float:left;margin-bottom:10px;margin-right:10px;padding:4px 0;min-height:0} .portfolio-2-page .portfolio-2 .header{width:auto;padding-top:95px;padding-left:25px;padding-right:25px} .portfolio-2-page .left_nav ul li{min-height:0} .portfolio-2-page .portfolio-2 .inner-content figure legend{font-size:1.4em;padding:15px;width:auto;top:90%;left:10px;right:15px} .portfolio-2-page .portfolio-2 .inner-content img{margin:0} .portfolio-2-page .portfolio-2 .portfolio{margin-top:50px} .portfolio-2 .top_photo{float:none;padding:0!important;margin:0} .portfolio-2-page .portfolio-2 img{margin-right:0} .portfolio-2-page .grid-3-2-wrapper{margin-top:60px} .portfolio-2-page .portfolio-grid-desc{height:auto;margin-bottom:60px} .portfolio-2-page .portfolio-filter{margin-left:0} .portfolio-2-page .portfolio-filter .grid-3-2:nth-child(1n+1){clear:both !important;margin-left:0 !important;margin-right:0 !important;float:left !important;clear:none;} .portfolio-2-page .portfolio-filter .grid-3-2:nth-child(2n+2){clear:none !important;margin-left:0 !important;margin-right:0 !important;float:right !important;clear:none;} /*************************************************************************/ /* Portfolio 3 */ /*************************************************************************/ .portfolio-3-page .portfolio-2 .top_photo img{width:100%} .portfolio-3-page .portfolio-2 figure img:after{border:5px solid} .portfolio-3-page .portfolio-2 .top_photo{width:auto} .portfolio-3-page .portfolio-2-2 figure figcaption{height:auto;padding:15;left:10px;right:10px;width:auto;margin-top:-58px} .portfolio-3-page .portfolio-2-2 .header{width:100%;padding-top:30px} .portfolio-3-page .portfolio-2-2 .left_nav{width:100%} .portfolio-3-page .left_nav ul{left:0} .portfolio-3-page .left_nav ul li{float:left;width:auto;border:1px solid #ebebeb;float:left;margin-bottom:10px;margin-right:10px;padding:4px 0;min-height:0} .portfolio-3-page .portfolio-filter{margin-left:0} .portfolio-3-page .portfolio-2-2 .header{padding-left:25px;padding-right:25px;width:auto} .portfolio-3-page .grid-3-2-wrapper{margin-top:50px} .portfolio-3-page .portfolio-filter .grid-3-2:nth-child(1n+1){clear:both !important;margin-left:0 !important;margin-right:20px !important;float:left !important;clear:none;} .portfolio-3-page .portfolio-filter .grid-3-2:nth-child(2n+2){clear:none !important;margin-left:0 !important;margin-right:0 !important;float:right !important;clear:none;} /*************************************************************************/ /* Portfolio 4 */ /*************************************************************************/ .grid-2 figure:hover:after{border:0} .portfolio-4-page .grid-2{width:100%} .portfolio-4-page .grid-2 figure{height:auto;width:100%} .portfolio-4-page .grid-2 figure img{width:100%} .portfolio-4-page .grid-2 h4{margin:10px 0 5px 15px!important} .portfolio-4-page .grid-2{margin-left:-5px;} .portfolio-4-page .header-portfolio-3{width:auto;} .portfolio-4-page .header-portfolio-3-right{width:auto;} .portfolio-4-page .header-portfolio-3 .text-1{text-align: left;} .portfolio-4-page .header-portfolio-3-right{width:auto;margin-left: 0; margin-top: 0;} .portfolio-4-page .header-portfolio-3-right .left_nav{width:auto;} .portfolio-4-page .left_nav ul li { border: 1px solid #EBEBEB; float: left; margin-bottom: 10px; margin-right: 10px; min-height: 0; padding: 4px 0; width: auto;} .portfolio-2-page .left_nav ul li { min-height: 0;} .portfolio-4-page .header-portfolio-3-right{width:auto;} .portfolio-4-page .header-portfolio-3-right .left_nav{width:auto;} .header-portfolio-3-right .left_nav ul li a{color:#6E6E6E;} .header-portfolio-3-right .left_nav ul{left:0;} .portfolio-4-page .portfolio{margin-left:-10px;} .portfolio-4-page .TB_Wrapper.slider-folio.no-slide {height: 246px;} /*************************************************************************/ /* Portfolio Detail */ /*************************************************************************/ .portfolio-details-page .col-right{width:100%;margin-right:0} .portfolio-details-right h3{margin-right:15px;margin-left:15px} .portfolio-details-right p{margin-right:15px;margin-left:15px} .portfolio-details-right a h4{margin-left:15px} .portfolio-details-right .separator{margin-left:15px} .portfolio-details-right .services{margin-left:15px} .portfolio-details-page .col-right nav{margin-left:0} .portfolio-details-right li{margin-left:15px;float:left} .portfolio-details-page .portfolio-details{width:100%;margin-top:50px} .portfolio-details-page .portfolio-details figure img{width:100%} .portfolio-details-page .portfolio-details p{padding-right:15px} .portfolio-details-page .portfolio-details iframe{height:258px;width:460px;margin-left:0} .portfolio-details-page .separator-bottom-30{padding-bottom:0;margin-bottom:25px} .portfolio-details-page .grid-desc .text-1{margin-right:15px} .portfolio-details-page .similar-projects{margin-left:0} .portfolio-details-page .similar-projects .grid-3-2:nth-child(1n+1){margin-left:0;margin-right:0;float:left} .portfolio-details-page .similar-projects .grid-3-2:nth-child(2n+2){margin-left:0;margin-right:0;float:right} .portfolio-details-page nav.separator-prev-next ul{margin-top:-42px;width:100%;margin-right:0} .portfolio-details-page nav.separator-prev-next ul .prev{margin-left:0} .portfolio-details-page nav.separator-prev-next ul li a span{display:none} .portfolio-details-page nav.separator-prev-next ul .next{float:right;margin-right:0} .portfolio-details-page .similar-projects .grid-3-2:nth-child(2n+1){clear:both;margin-right:20px !important;} .portfolio-details-page .similar-projects .grid-3-2:nth-child(3n+4){clear:none;} .portfolio-details-page .similar-projects .grid-3-2:nth-child(2n+3) { clear: both !important;} /*************************************************************************/ /* Contact */ /*************************************************************************/ .contact-page iframe{height:295px} .contact-page .grid-desc-2{width:185px} .contact-page .form{width:205px} .contact-page .input-medium{width:183px} .contact-page .input-big{width:183px} .contact-page .list-1 li em{width:185px} #contact-form .input-big { width: 380px } /*************************************************************************/ /* Shortcodes tabs-menu */ /*************************************************************************/ .tabs-menus-page .tab-vertical li a{width:69px;} .tabs-menus-page .content-big{width:auto;} .vertical_tab{position: relative; top: 10px;} /*************************************************************************/ /* Shortcodes Media */ /*************************************************************************/ .img-top-label{width:100%;top:20px;} } /******************************************************/ /* Media Queries Max Width 479px * iphone portrait */ /******************************************************/ @media screen and (max-width: 479px) { .inner-content p.mt-20 { margin-bottom: 30px;} .item-portfolio-rect p.text-2 img {max-width: 125px;} .portfolio-square .item-portfolio-rect {width: 299px;} .color-boxes li {width: 239px;} .big-block-color, a.big-block-color { width: 288px; } .item-portfolio-rect .content-details p {font-size: 1.0em;} .tab-vertical li a.selected{border-top:3px solid #29176D;} .special-nav-footer li { margin-right: 0} .special-nav-footer li a, .special-nav-footer li.blocks-2 a { width: 200px;} header .logo img{max-width:75%} header .logo{padding-left:0;margin:0 0 30px 0} .home-page .quote p{font-size:1.6em} .grid-3 h4{width:auto;float:none} .grid-3-2{width:320px;clip:both} .grid-desc{width:auto} figure.top-image{float:none} .top-figure-header{float:left;width:auto} .top-figure-header figure img{width:100%} .left-list{margin-right:0} .portfolio .grid-3-2{width:auto} .portfolio .grid-3-2:before{display:none} .portfolio .grid-3-2,.home-page .portfolio .grid-3-2:nth-child(n+1){float:none!important} .portfolio .slider-folio{float:left;width:140px} .portfolio .desc{float:left;width:143px} .portfolio .grid-3-2 h4{margin-top:0} .services-list.margin li{float:none!important;width:auto!important} .home-page .services-list.margin{margin-top:30px} .comments-hoverfold{display:block} .portfolio .grid-3-2:nth-child(n+1){float:left !important} .portfolio .grid-3-2 .desc{width: 139px;} .TB_Wrapper.slider-folio.no-slide {height:104px;} .home-page .portfolio .grid-3-2:nth-child(n+1){float:left !important;} .TB_Wrapper .Slide .description { display: none;} .home-page .portfolio .grid-3-2 { width: 145px;} /*************************************************************************/ /* About Us */ /*************************************************************************/ .team .grid-4:nth-child(1n+1){float:left;margin-left:0;margin-right:0;width:285px} .team .grid-4:nth-child(1n+1) .about-social{position:relative;float:right;visibility:visible;opacity:1;width:40px;margin-top:-208px;left:60px!important;} .about-page .left-list p.text-1{padding-right:15px} .grid-about{width:auto;padding-left:25px;padding-right:25px} .grid-about h3{padding-right:15px;width:auto} .grid-about p{padding-right:15px} .about-page .mb-55{margin-bottom:45px} .about-page .mt-35{margin-top:25px!important} /*************************************************************************/ /* Services */ /*************************************************************************/ .header-services{height:auto} .header-services h3{margin-right:15px} .header-services .text-1{margin-right:15px} .services .services_offer{width:100%} .services_offer li .inside-service{width:100%} .services_offer li:nth-child(n+1){margin-left:0!important} .services_offer .inside-service-text{width:100%} .services_offer li:nth-child(n+1) .inside-service-text ul{width:auto;margin-left:15px;margin-right:15px;padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid white} .services_offer li .inside-service-text li{width:auto;position:relative;float:left;margin-right:15px} .services_offer li .inside-service-text li:first-child:before{content:""!important} .services_offer li .inside-service-text li:before{content:""!important;margin-right:5px} .services_offer li .inside-service-text li:after{content:" / "!important;margin-left:5px} .services_offer li .inside-service-text li:last-child:after{content:""!important;margin-left:5px} .services .services_offer li:hover{width:auto} .services_offer li .inside-service-text p{width:auto;padding-left:15px;padding-right:15px;margin-left:0!important;margin-right:0!important} .services_offer .inside-service p{margin-left:15px!important} .services_offer .separator-inside-service{margin-top:30px} .services_offer .close_btn{margin-top:40px} .services_offer li:nth-child(2n+2) .inside-service-text{margin-left:0} .services_offer li:nth-child(2n+2) .inside-service-text li{float:left} .services_offer li:nth-child(2n+2) .separator-inside-service{display:block;float:left} .services_offer li:nth-child(2n+2) .inside-service .close_btn{float:right} .services_offer li:nth-child(3n+3) .inside-service .close_btn{float:right} .separator-inside-service-text{display:none} .services_offer li:nth-child(2n+2) .inside-service-text p{width:auto;padding-left:15px;padding-right:15px;margin-left:0!important;margin-right:0!important} .services_offer li:nth-child(3n+3) .inside-service-text p{width:auto;padding-left:15px;padding-right:15px;margin-left:0!important;margin-right:0!important} .services .services_offer{padding-left:0} .services_offer li:nth-child(3n+3) .inside-service-text{margin-left:0} /*************************************************************************/ /* Blog Page */ /*************************************************************************/ .blog-posts article{width:auto} .blog-posts article h2{width:174px;font-size:1.6em} .blog-posts article .date{float:right;margin:-17px 0 0 0} .blog-posts article .date .day{font-size:5.4em;height:36px} .blog-posts article .date .year{font-size:1em;padding-top:15px} .blog-page .nr-comments{margin-right:-10px} .blog-posts article section.post{width:auto} .col-left iframe.img-post{width:auto;height:auto} .blog-page .col-left .audiojs{margin:10px 0 8px} .blog-posts .audiojs{width:auto} .blog-page .nav p{clear:both;float:none;padding-top:25px;position:relative;width:20%;margin:0 auto} /*************************************************************************/ /* Blog Detail */ /*************************************************************************/ .blog-detail-page .col-left{width:auto} .blog-detail-page .blog-posts article{width:auto} .blog-detail-page .blog-posts article h2{width:174px;font-size:1.6em} .blog-detail-page .blog-posts article .date{float:right;margin:-17px 0 0} .blog-detail-page .blog-posts article .date .day{font-size:5.4em;height:36px} .blog-detail-page .blog-posts article .date .year{font-size:1em;padding-top:15px} .blog-detail-page .nr-comments{margin-right:-10px} .blog-detail-page .blog-posts article section.post{width:auto} .blog-detail-page .blog-posts article section.post p{padding-right:0} .blog-detail-page .col-left iframe.img-post{width:100%;height:auto} .blog-detail-page .blog-posts .audiojs{width:100%} .blog-detail-page .nav p{clear:both;float:none;padding-top:25px;position:relative;width:20%;margin:0 auto} .blog-detail-page .social_container .pinterest_social{display:none} .blog-detail-page .commentlist{margin-left:15px;width:270px} .blog-detail-page .commentlist li .comment-body{padding-right:15px} .blog-detail-page .number-comments{margin-left:-8px} .blog-detail-page .input-big{width:250px} .blog-detail-page .input-medium{width:250px} .blog-detail-page .form{width:100%} .blog-detail-page .form fieldset{float:left} /*************************************************************************/ /* Portfolio */ /*************************************************************************/ .portfolio-page .portfolio-grid-desc{width:auto} .portfolio-page .portfolio .grid-3-2{margin-left:10px;} /*************************************************************************/ /* Portfolio 2 */ /*************************************************************************/ .portfolio-2 .grid-3-2{width:320px} .portfolio-2-page .portfolio-2 .inner-content figure legend{width:auto;padding:10px 15px 15px;top:203px;height:auto;top:90%} .portfolio-2 .header{padding-top:0} .portfolio-2-page .portfolio-2 .inner-content img{margin:0} .portfolio-2-page .portfolio-2 .portfolio{margin-top:50px} .portfolio-2 .top_photo{float:none;padding:0!important;margin:0 0 0 -25px} .portfolio-2 .header{padding-top:0} .portfolio-2-page .portfolio-2 figure figcaption{width:auto;left:10px;right:10px;padding:15px;font-size:1.4em;height:auto} .portfolio-2 .top_photo{margin:0} .portfolio-2-page .portfolio .grid-3-2{margin-right:0;} .portfolio-2-page .portfolio-filter .grid-3-2:nth-child(1n+1){float:left !important} /*************************************************************************/ /* Portfolio 3 */ /*************************************************************************/ .portfolio-3-page .portfolio-2 .top_photo{width:auto;} .portfolio-3-page .portfolio-2-2 figure figcaption{width:auto;padding:10px 20px 10px;} .portfolio-3-page .portfolio-2 .top_photo img{width:100%;} .portfolio-3-page .portfolio-filter .grid-3-2:nth-child(1n+1){float:left !important;margin-bottom:30px !important;} /*************************************************************************/ /* Portfolio 4 */ /*************************************************************************/ .grid-2 figure:hover:after{border:none;} .portfolio-4-page .grid-2{width:a%;} .portfolio-4-page .grid-2 figure{height:auto;width:100% !important;} .portfolio-4-page .grid-2 figure img{width:100%;} .portfolio-4-page .grid-2 h4{margin:10px 0 5px 15px !important;} .portfolio-4-page .header-portfolio-3{width:auto;} .portfolio-4-page .header-portfolio-3-right{margin-left:0;} .portfolio-4-page .left_nav ul li { border: 1px solid #EBEBEB; float: left; margin-bottom: 10px; margin-right: 10px; min-height: 0; padding: 4px 0; width: auto;} .portfolio-2-page .left_nav ul li { min-height: 0;} .portfolio-4-page .header-portfolio-3-right{width:auto;} .portfolio-4-page .header-portfolio-3-right .left_nav{width:auto;} .header-portfolio-3-right .left_nav ul li a{color:#6E6E6E;} .header-portfolio-3-right .left_nav ul{left:0;} .portfolio-4-page .portfolio{margin-left:-10px;} .portfolio-4-page .TB_Wrapper.slider-folio.no-slide {height: 76px;} .header-portfolio-3-right{height:auto;} .portfolio-4-page .grid-2 h4{margin-top:-5px !important;} .portfolio-4-page .portfolio{padding-top:20px;} /*************************************************************************/ /* Portfolio Detail */ /*************************************************************************/ .portfolio-details-page nav.separator-prev-next ul{display:none;} .portfolio-details-page .mobile_detail{padding:0px;} .portfolio-details-page nav.separator-prev-next{border-bottom: none;} .portfolio-details-page .portfolio-details iframe{height:auto;width:100%;} /*************************************************************************/ /* Contact */ /*************************************************************************/ .contact-page iframe{height:200px} .contact-page .form{width:100%;float:none} .contact-page .grid-desc-2{width:100%} .contact-page .grid-desc-2 .text-1{padding-right:15px} .contact-page .input-medium{width:220px} .contact-page .input-big{width:250px} .contact-page .list-1 li em{width:70px} /*.contact-page .form fieldset{float:left}*/ .contact-page .form{position:relative;top:50px} #contact-form .input-big { width: 220px; } /*************************************************************************/ /* Shortcodes Tabs */ /*************************************************************************/ .tab-horizontal li a.selected{top:0} .tab-horizontal li a{margin-top:-1px} .horizontal{margin-top:-1px} .vertical{clear:both;float:left;margin-top:2px;padding:22px;width:auto} .tab-vertical{clear:both;margin:0;padding:0;width:100%} .tab-vertical li{display:inline;position:relative;z-index:2;float:left} .tab-vertical li a.selected{background:none repeat scroll 0 0 white;border-left:1px solid #bfc2c4;border-right:1px solid #bfc2c4;border-top:3px solid #29176D;color:#333;margin-top:-2px;position:relative;top:-1px;border-bottom:1px;border-right:1px solid #dedede!important} .tab-vertical li:first-child a{border-left:1px solid #bfc2c4;border-bottom:1px solid #bfc2c4} .tab-vertical li:first-child a.selected{border-bottom:0} .tab-vertical li a{background:none repeat scroll 0 0 #f9f9f9;border-bottom:medium none;border-top:1px solid #dedede;color:#6e6e6e;float:left;font-size:1.3em;margin-top:-2px;padding:10px 20px;text-decoration:none} .tab-vertical li a:hover{background:none repeat scroll 0 0 #fff} .tabs-menus-page .tab-vertical li a{width:auto} .tabs-menus-page .content-big{width:auto} /*************************************************************************/ /* Shortcodes Media */ /*************************************************************************/ .img-top-label{width:100%;top:20px;} } /*************************************************************************/ /* Change base color: Change this HEX #29176D and replace it with yours */ /*************************************************************************/ /* Change base color*/ ::-moz-selection{background:#29176D} ::selection{background:#29176D} a:hover, a.text-5:hover,a.link-1:hover,a.link-2:hover,a.text-5:hover, .blog-posts-small .grid-3:hover h4,.portfolio .grid-3-2:hover h4,.portfolio .grid-3-2 h4 a:hover,.list-2 li a:hover, .list-3 li a:hover, footer a:hover, .accordion h4:hover,.portfolio .grid-3-2:hover a, .widget-twitter ul li .tweet_text a:hover, .widget-twitter ul li .tweet_time a:hover,a.more-tweets:hover,.view-first:hover a,.view-first h4 a:hover, .team .grid-4:hover h4, .similar-projects .grid-3-2:hover h4, .portfolio-details-right h4 a:hover, .portfolio-details-right h4:hover, .portfolio-details-right ul li a:hover,.grid-2:hover h4 a, .grid-2 .desc:hover a, .grid-2:hover h4, .header-services-right .left_nav li a:hover, .services_offer li:hover, .services_offer li:hover .inside-service, .services .awards a:hover ,.commentlist li a.comment-reply-link:hover, .services-list li:hover h4 { color: #FFFFFF; } .quote-1:before, .commentlist li.bypostauthor:before, .tab-vertical-text li.selected:before {color:#29176D;} .accordion h4.active, .services .awards a:hover h4,.info-box a, .tab-vertical-text a.selected{color:#29176D;} .portfolio .grid-3-2:hover:before h4 a {color:#29176D;} .portfolio .grid-3-2:hover a {color:#29176D !important;} a.button.color, header nav li:hover a,header nav li:hover a, .blog-posts-small figure .fold, .portfolio-2 figure figcaption, .services-list li i, .slideshow-last-work .jcarousel-prev:hover,.slideshow-last-work .jcarousel-next:hover, .img-top-label figcaption, .progress-bar div, .progress-bar div span, .view .inside,.left_nav ul li .selected,.left_nav ul li a:hover,.team .grid-4 .about-social,nav.separator-prev-next ul .next:hover i,nav.separator-prev-next ul .prev:hover i, .services_offer .inside-service-text,.separator-inside-service,.services_offer .active,figure.video:before,figure.image:before,div.orbit-wrapper div.slider-nav span:hover,div.orbit-wrapper div.slider-nav span.right:hover {background-color:#29176D;} .quote-2:before{background:url(../img/icons/quote-2.png) no-repeat center 20px #29176D;} .nr-comments{background:url(../img/arrow-bubble.png) no-repeat 0 bottom #29176D;} .nr-comments.no-comments{background:url(../img/arrow-bubble-outline.png) no-repeat 0 bottom #29176D;} .number-comments{background:url(../img/comment-number-blog.png) no-repeat 0 0 #29176D;} .commentlist li.bypostauthor article:before{border:5px solid #29176D;} .icon-form-comment{background:url(../img/icons/form-comment.png) no-repeat 0 0 #29176D;} .flickr li:before{background:url(../img/icons/magnifier.png) no-repeat center center #29176D;} .view .inside, .portfolio-2-2 figure figcaption, .portfolio-2-2 figure .take_a_look, .services_offer li, .inside-service, .author .text-1 a:hover{ background: none repeat scroll 0 0 #29176D; } .quote-3{border-left:3px solid #29176D;} .bar-top{border-color:#29176D;} header nav li.active a{border-bottom:2px solid #29176D;} header nav li ul{border-top:2px solid #29176D;} header nav li:hover ul li a:hover{color:#29176D;border-bottom:1px solid #29176D;} .grid-6 a:hover{border:1px solid #29176D} nav.page ul li a.active{color:#29176D;border:1px solid #29176D;} nav.page ul li a:hover{border:1px solid #29176D;background:#29176D;} .form input:focus,.form textarea:focus{border:1px solid #29176D;} .progress-bar div span:before{border-top:4px solid #29176D;} .grid-2 figure:after{border:0 solid #29176D;} .grid-2 figure:hover:after{border:5px solid #29176D;} .tab-horizontal li a.selected{border-top:3px solid #29176D;} .tab-vertical li a.selected{border-left:2px solid #29176D;} .author .text-1 a:hover:after{border-left:4px solid #29176D;} .TB_Wrapper .nav-arrows .defaultButton{background-color:#29176D!important;} @media screen and (max-width: 730px) { header nav{background:#29176D;} header nav li:hover ul li a:hover{color:white;border-bottom:none;} } /* Footer background color */ footer{ background: #29176D; } /* Footer social*/ footer .social{background:#1a2127;} /* Footer social links background */ footer .social li a {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);}