div.socials-square, div.fade-socials{ width: 33px; height: 33px; float: left; padding: 0px; margin: 0 2px; } div.socials-square-small, div.fade-socials-small{ width: 22px; height: 22px; float: left; margin: 1px; } div.socials-default { width: 32px; height: 32px; float: left; padding: 0px; margin: 0 2px; padding: 0; } div.socials-default-small { width: 22px; height: 22px; float: left; padding: 0 1px; margin: 0; } a.socials-square, a.socials-square-small, a.socials-default, a.socials-default-small, a.fade-socials, a.fade-socials-small { display: inline-block; margin-right: 0; text-align: left; text-indent: -9999px; } a.socials-square, a.fade-socials { width: 33px; height: 33px; } a.socials-square-small, a.fade-socials-small { width: 22px; height: 22px; } a.socials-default { width: 32px; height: 32px; } a.socials-default-small { width: 22px; height: 22px; } /* a.socials-square:hover, a.socials-square-small:hover, a.socials-default:hover, a.socials-default-small:hover { background-position: left top !important; } a.fade-socials:hover, a.fade-socials-small:hover { background-position: left top !important; } */ .tipsy { background-image: url("../images/tipsy.gif"); background-repeat: no-repeat; font-size: 10px; opacity: 0.8; padding: 5px; } /* Social Icon */ a.socials-default.bookmark { background: url("../../../images/icons/socials/socials.png") no-repeat scroll 0 bottom transparent; } a.socials-default.facebook { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -32px bottom transparent; } a.socials-default.flickr { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -64px bottom transparent; } a.socials-default.google { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -96px bottom transparent; } a.socials-default.linkedin { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -128px bottom transparent; } a.socials-default.pinterest { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -160px bottom transparent; } a.socials-default.rss { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -192px bottom transparent; } a.socials-default.shareit { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -224px bottom transparent; } a.socials-default.skype { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -256px bottom transparent; } a.socials-default.twitter { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -288px bottom transparent; } a.socials-default.instagram { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -320px bottom transparent; } a.socials-default.youtube { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -352px bottom transparent; } a.socials-default.mail { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -384px bottom transparent; } a.socials-default.vimeo { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -416px bottom transparent; } a.socials-default.vine { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -448px bottom transparent; } a.socials-default.bookmark:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll 0 top transparent; } a.socials-default.facebook:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -32px top transparent; } a.socials-default.flickr:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -64px top transparent; } a.socials-default.google:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -96px top transparent; } a.socials-default.linkedin:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -128px top transparent; } a.socials-default.pinterest:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -160px top transparent; } a.socials-default.rss:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -192px top transparent; } a.socials-default.shareit:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -224px top transparent; } a.socials-default.skype:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -256px top transparent; } a.socials-default.twitter:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -288px top transparent; } a.socials-default.instagram:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -320px top transparent; } a.socials-default.youtube:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -352px top transparent; } a.socials-default.mail:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -384px top transparent; } a.socials-default.vimeo:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -416px top transparent; } a.socials-default.vine:hover { background: url("../../../images/icons/socials/socials.png") no-repeat scroll -448px top transparent; } /* Social Icon Small*/ a.socials-default-small.bookmark { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll 0 bottom transparent; } a.socials-default-small.facebook { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -22px bottom transparent; } a.socials-default-small.flickr { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -44px bottom transparent; } a.socials-default-small.google { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -66px bottom transparent; } a.socials-default-small.linkedin { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -88px bottom transparent; } a.socials-default-small.pinterest { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -110px bottom transparent; } a.socials-default-small.rss { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -132px bottom transparent; } a.socials-default-small.shareit { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -154px bottom transparent; } a.socials-default-small.skype { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -176px bottom transparent; } a.socials-default-small.twitter { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -198px bottom transparent; } a.socials-default-small.instagram { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -220px bottom transparent; } a.socials-default-small.youtube { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -242px bottom transparent; } a.socials-default-small.mail { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -264px bottom transparent; } a.socials-default-small.vimeo { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -286px bottom transparent; } a.socials-default-small.vine { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -308px bottom transparent; } a.socials-default-small.bookmark:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll 0 top transparent; } a.socials-default-small.facebook:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -22px top transparent; } a.socials-default-small.flickr:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -44px top transparent; } a.socials-default-small.google:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -66px top transparent; } a.socials-default-small.linkedin:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -88px top transparent; } a.socials-default-small.pinterest:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -110px top transparent; } a.socials-default-small.rss:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -132px top transparent; } a.socials-default-small.shareit:hover:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -154px top transparent; } a.socials-default-small.skype:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -176px top transparent; } a.socials-default-small.twitter:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -198px top transparent; } a.socials-default-small.instagram:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -220px top transparent; } a.socials-default-small.youtube:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -242px top transparent; } a.socials-default-small.mail:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -264px top transparent; } a.socials-default-small.vimeo:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -286px top transparent; } a.socials-default-small.vine:hover { background: url("../../../images/icons/socials-small/socials-small.png") no-repeat scroll -308px top transparent; } /* Social Icon Fade */ div.fade-socials.bookmark, div.fade-socials.bookmark a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll 0 bottom transparent; } div.fade-socials.facebook, div.fade-socials.facebook a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -33px bottom transparent; } div.fade-socials.flickr, div.fade-socials.flickr a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -66px bottom transparent; } div.fade-socials.google, div.fade-socials.google a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -99px bottom transparent; } div.fade-socials.linkedin, div.fade-socials.linkedin a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -132px bottom transparent; } div.fade-socials.pinterest, div.fade-socials.pinterest a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -165px bottom transparent; } div.fade-socials.rss, div.fade-socials.rss a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -198px bottom transparent; } div.fade-socials.shareit, div.fade-socials.shareit a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -231px bottom transparent; } div.fade-socials.skype, div.fade-socials.skype a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -264px bottom transparent; } div.fade-socials.twitter, div.fade-socials.twitter a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -297px bottom transparent; } div.fade-socials.instagram, div.fade-socials.instagram a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -330px bottom transparent; } div.fade-socials.youtube, div.fade-socials.youtube a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -363px bottom transparent; } div.fade-socials.mail, div.fade-socials.mail a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -396px bottom transparent; } div.fade-socials.vimeo, div.fade-socials.vimeo a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -429px bottom transparent; } div.fade-socials.vine, div.fade-socials.vine a { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -462px bottom transparent; } div.fade-socials.bookmark:hover, div.fade-socials.bookmark a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll 0 top transparent; } div.fade-socials.facebook:hover, div.fade-socials.facebook a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -33px top transparent; } div.fade-socials.flickr:hover, div.fade-socials.flickr a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -66px top transparent; } div.fade-socials.google:hover, div.fade-socials.google a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -99px top transparent; } div.fade-socials.linkedin:hover, div.fade-socials.linkedin a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -132px top transparent; } div.fade-socials.pinterest:hover, div.fade-socials.pinterest a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -165px top transparent; } div.fade-socials.rss:hover, div.fade-socials.rss a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -198px top transparent; } div.fade-socials.shareit:hover, div.fade-socials.shareit a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -231px top transparent; } div.fade-socials.skype:hover, div.fade-socials.skype a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -264px top transparent; } div.fade-socials.twitter:hover, div.fade-socials.twitter a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -297px top transparent; } div.fade-socials.instagram:hover, div.fade-socials.instagram a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -330px top transparent; } div.fade-socials.youtube:hover, div.fade-socials.youtube a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -363px top transparent; } div.fade-socials.mail:hover, div.fade-socials.mail a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -396px top transparent; } div.fade-socials.vimeo:hover, div.fade-socials.vimeo a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -429px top transparent; } div.fade-socials.vine:hover, div.fade-socials.vine a:hover { background: url("../../../images/icons/socials-fade/socials-fade.png") no-repeat scroll -462px top transparent; } /* Social Icon Fade Small */ div.fade-socials-small.bookmark-small, div.fade-socials-small.bookmark-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll 0 bottom transparent; } div.fade-socials-small.facebook-small, div.fade-socials-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -22px bottom transparent; } div.fade-socials-small.flickr-small, div.fade-socials-small.flickr-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -44px bottom transparent; } div.fade-socials-small.google-small, div.fade-socials-small.google-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -66px bottom transparent; } div.fade-socials-small.linkedin-small, div.fade-socials-small.linkedin-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -88px bottom transparent; } div.fade-socials-small.pinterest-small, div.fade-socials-small.pinterest-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -110px bottom transparent; } div.fade-socials-small.rss-small, div.fade-socials-small.rss-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -132px bottom transparent; } div.fade-socials-small.shareit-small, div.fade-socials-small.shareit-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -154px bottom transparent; } div.fade-socials-small.skype-small, div.fade-socials-small.skype-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -176px bottom transparent; } div.fade-socials-small.twitter-small, div.fade-socials-small.twitter-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -198px bottom transparent; } div.fade-socials-small.instagram-small, div.fade-socials-small.instagram-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -220px bottom transparent; } div.fade-socials-small.youtube-small, div.fade-socials-small.youtube-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -242px bottom transparent; } div.fade-socials-small.mail-small, div.fade-socials-small.mail-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -264px bottom transparent; } div.fade-socials-small.vimeo-small, div.fade-socials-small.vimeo-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -286px bottom transparent; } div.fade-socials-small.vine-small, div.fade-socials-small.vine-small a { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -308px bottom transparent; } div.fade-socials-small.bookmark-small:hover, div.fade-socials-small.bookmark-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll 0 top transparent; } div.fade-socials-small.facebook-small:hover, div.fade-socials-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -22px top transparent; } div.fade-socials-small.flickr-small:hover, div.fade-socials-small.flickr-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -44px top transparent; } div.fade-socials-small.google-small:hover, div.fade-socials-small.google-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -66px top transparent; } div.fade-socials-small.linkedin-small:hover, div.fade-socials-small.linkedin-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -88px top transparent; } div.fade-socials-small.pinterest-small:hover, div.fade-socials-small.pinterest-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -110px top transparent; } div.fade-socials-small.rss-small:hover, div.fade-socials-small.rss-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -132px top transparent; } div.fade-socials-small.shareit-small:hover, div.fade-socials-small.shareit-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -154px top transparent; } div.fade-socials-small.skype-small:hover, div.fade-socials-small.skype-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -176px top transparent; } div.fade-socials-small.twitter-small:hover, div.fade-socials-small.twitter-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -198px top transparent; } div.fade-socials-small.instagram-small:hover, div.fade-socials-small.instagram-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -220px top transparent; } div.fade-socials-small.youtube-small:hover, div.fade-socials-small.youtube-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -242px top transparent; } div.fade-socials-small.mail-small:hover, div.fade-socials-small.mail-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -264px top transparent; } div.fade-socials-small.vimeo-small:hover, div.fade-socials-small.vimeo-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -286px top transparent; } div.fade-socials-small.vine-small:hover, div.fade-socials-small.vine-small a:hover { background: url("../../../images/icons/socials-fade-small/socials-fade-small.png") no-repeat scroll -308px top transparent; } /* Social Icon Square */ a.socials-square.bookmark { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll 0 bottom transparent; } a.socials-square.facebook { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -34px bottom transparent; } a.socials-square.flickr { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -68px bottom transparent; } a.socials-square.google { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -374px bottom transparent; } a.socials-square.linkedin { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -136px bottom transparent; } a.socials-square.pinterest { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -170px bottom transparent; } a.socials-square.rss { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -204px bottom transparent; } a.socials-square.shareit { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -238px bottom transparent; } a.socials-square.skype { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -272px bottom transparent; } a.socials-square.twitter { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -306px bottom transparent; } a.socials-square.instagram { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -340px bottom transparent; } a.socials-square.youtube { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -408px bottom transparent; } a.socials-square.mail { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -442px bottom transparent; } a.socials-square.vimeo { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -476px bottom transparent; } a.socials-square.vine { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -510px bottom transparent; } a.socials-square.bookmark:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll 0 top transparent; } a.socials-square.facebook:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -34px top transparent; } a.socials-square.flickr:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -68px top transparent; } a.socials-square.google:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -374px top transparent; } a.socials-square.linkedin:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -136px top transparent; } a.socials-square.pinterest:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -170px top transparent; } a.socials-square.rss:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -204px top transparent; } a.socials-square.shareit:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -238px top transparent; } a.socials-square.skype:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -272px top transparent; } a.socials-square.twitter:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -306px top transparent; } a.socials-square.instagram:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -340px top transparent; } a.socials-square.youtube:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -408px top transparent; } a.socials-square.mail:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -442px top transparent; } a.socials-square.vimeo:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -476px top transparent; } a.socials-square.vine:hover { background: url("../../../images/icons/socials-square/socials-square.png") no-repeat scroll -510px top transparent; } /* Social Icon Square Small*/ a.socials-square-small.bookmark { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll 0 bottom transparent; } a.socials-square-small.facebook { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -22px bottom transparent; } a.socials-square-small.flickr { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -44px bottom transparent; } a.socials-square-small.google { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -242px bottom transparent; } a.socials-square-small.linkedin { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -88px bottom transparent; } a.socials-square-small.pinterest { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -110px bottom transparent; } a.socials-square-small.rss { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -132px bottom transparent; } a.socials-square-small.shareit { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -154px bottom transparent; } a.socials-square-small.skype { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -176px bottom transparent; } a.socials-square-small.twitter { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -198px bottom transparent; } a.socials-square-small.instagram { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -220px bottom transparent; } a.socials-square-small.youtube { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -264px bottom transparent; } a.socials-square-small.mail { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -286px bottom transparent; } a.socials-square-small.vimeo { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -308px bottom transparent; } a.socials-square-small.vine { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -330px bottom transparent; } a.socials-square-small.bookmark:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll 0 top transparent; } a.socials-square-small.facebook:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -22px top transparent; } a.socials-square-small.flickr:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -44px top transparent; } a.socials-square-small.google:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -242px top transparent; } a.socials-square-small.linkedin:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -88px top transparent; } a.socials-square-small.pinterest:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -110px top transparent; } a.socials-square-small.rss:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -132px top transparent; } a.socials-square-small.shareit:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -154px top transparent; } a.socials-square-small.skype:hover{ background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -176px top transparent; } a.socials-square-small.twitter:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -198px top transparent; } a.socials-square-small.instagram:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -220px top transparent; } a.socials-square-small.youtube:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -264px top transparent; } a.socials-square-small.mail:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -286px top transparent; } a.socials-square-small.vimeo:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -308px top transparent; } a.socials-square-small.vine:hover { background: url("../../../images/icons/socials-square-small/socials-square-small.png") no-repeat scroll -330px top transparent; } /* quote */ blockquote { border: none; } /* icon list */ ul.the-icons li { display: block; width: auto; height: auto; margin: 0px 0px 10px 0; line-height: 21px; vertical-align: baseline; background-position: 14px 14px; background-repeat: no-repeat; } /* testimonials - bazar style */ .testimonial-bazar-style { background-color: #ebebeb; border: 1px solid #e0dfdf; border-top: 5px solid #d7d3d3; padding: 10px 15px; margin-bottom: 40px; position: relative; } .testimonial-bazar-style .testimonial-text { width: 100%; margin: 0px; margin-bottom: 60px; min-height: 0; font-family: 'Play'; } .testimonial-bazar-style .testimonial-text p { color: #4f4d4d; font-size: 14px; } .testimonial-bazar-style .thumbnail { height: 40px; background-color: #ffffff; border: 0px; border-top: 1px solid #e0dfdf; border-right: 1px solid #e0dfdf; border-radius: 0px; box-shadow: none; padding: 3px 3px 0px 0px; margin: 0px; position: absolute; left: -1px; bottom: -1px; } .testimonial-bazar-style .thumbnail .border { height: auto; background-color: #ffffff; border-width: 1px; padding: 3px; } .testimonial-bazar-style .thumbnail .border img { background-color: #7d7d7d; width: 100%; } .testimonial-bazar-style .testimonial-name { left: 73px; bottom: -33px; position: absolute; } .testimonial-bazar-style .testimonial-name a { color: #2c2a2a; font-size: 14px; } @media (min-width: 980px) and (max-width: 1199px) { .testimonial-bazar-style .testimonial-text { margin-bottom: 50px; } .testimonial-bazar-style .testimonial-text p { font-size: 13px !important; line-height: 18px; } .testimonial-bazar-style .thumbnail { height: 30px; } .testimonial-bazar-style .testimonial-name { left: 63px; } .testimonial-bazar-style .testimonial-name a { font-size: 13px !important; } } @media (min-width: 768px) and (max-width: 979px) { .testimonial-bazar-style .testimonial-text { margin-bottom: 40px; } .testimonial-bazar-style .testimonial-text p { font-size: 12px !important; line-height: 16px; } .testimonial-bazar-style .thumbnail { height: 22px; } .testimonial-bazar-style .testimonial-name { left: 45px; bottom: -25px; } .testimonial-bazar-style .testimonial-name a { font-size: 12px !important; } } @media (max-width: 767px) { .testimonial-bazar-style .thumbnail { width: 70px; height: 70px; border: 0px; padding: 0px; margin: 0px; bottom: 10px; left: 10px; } .testimonial-bazar-style .testimonial-text { margin-bottom: 80px; } .testimonial-bazar-style .testimonial-text p { font-size: 13px !important; line-height: 16px; } .testimonial-bazar-style .testimonial-name { left: 90px; bottom: 7px; } .testimonial-bazar-style .testimonial-name a { font-size: 14px !important; } } /* testimonials - circle style */ .testimonial-circle-style { background-color: #ebebeb; border-radius: 3px; padding: 15px 25px 25px 25px; margin-bottom: 20px; position: relative; } .testimonial-circle-style blockquote { background: url("../images/small-quote.png") no-repeat scroll 0px 15px transparent; margin-bottom: 0px; padding: 20px 35px; } .testimonial-circle-style .thumbnail { width: 100px; height: 100px; background-color: #dedede; box-shadow: none; background: none; border: 10px solid #dcdbdb; border-radius: 50%; padding: 0px; position: absolute; right: 0px; bottom: -15px; left: auto; top: auto; margin-top: 60px; } .testimonial-circle-style .thumbnail img { width: 100px; height: 100px; border-radius: 50%; padding-right: 0; padding-bottom: 0; } .testimonial-circle-style .testimonial-text { width: 100%; margin: 0px; margin-bottom: 60px; min-height: 0; } .testimonial-circle-style .testimonial-text p { margin: 0; } .testimonial-circle-style .testimonial-name { margin-bottom: 60px; } .testimonial-circle-style .testimonial-quote { width: 100%; height: 75px; display: block; background: url("../images/testimonials-libra-quote.png") 35px bottom no-repeat; } .testimonial-circle-style .testimonial-name p, .testimonial-circle-style .testimonial-name a { line-height: 1.6em; display: block; } .testimonial-circle-style .testimonial-name p.name, .testimonial-circle-style .testimonial-name a.name { color: #373736; text-transform: uppercase; margin-bottom: 0px; font-weight: 800; } .testimonial-circle-style .testimonial-name a.website, .testimonial-circle-style .testimonial-name span.website { float: none; line-height: 1.6em; } /* testimonials - quote style */ .testimonial-quote-style { padding: 12px; border: solid 1px #e6e4e4; margin-bottom: 20px; position: relative; background-color: #ffffff; } .testimonial-quote-style blockquote { background: url("../images/small-quote.png") no-repeat scroll 0px 15px transparent; color: #2E2D2D; font-size: 14px; margin-bottom: 0px; padding: 20px 35px; } .testimonial-quote-style .thumbnail { box-shadow: none; background: none; border: none; position: absolute; right: 0px; bottom: 0px; left: auto; top: auto; padding-right: 0; padding-bottom: 0; } .testimonial-quote-style .thumbnail img { width: 87px; height: 85px; padding-right: 0; padding-bottom: 0; } #ie8 .testimonial-quote-style .thumbnail img { max-width: 87px; } .testimonial-quote-style .testimonial-text { width: 100%; margin: 0px; margin-bottom: 10px; min-height: 0; } .testimonial-quote-style .testimonial-text p { } .testimonial-quote-style .testimonial-name { float: none; text-align: right; margin-right: 85px; padding-top: 45px; padding-bottom: 15px; } .testimonial-quote-style .testimonial-name.nothumb { float: none; text-align: right; margin-right: 0px; padding-top: 45px; padding-bottom: 15px; } .testimonial-quote-style .testimonial-name p, .testimonial-quote-style .testimonial-name a { line-height: 1.6em; } .testimonial-quote-style .testimonial-name p.name, .testimonial-quote-style .testimonial-name a.name { display: block; float: none; } .testimonial-quote-style .testimonial-name a.website, .testimonial-quote-style .testimonial-name span.website { float:none; line-height: 1.6em; } .testimonial-quote-style .testimonial-name a.website { color: #676768; } .testimonial-quote-style .testimonial-name a.website:hover { color: #373736; } /* testimonials - square style */ .testimonial-square-style { margin-bottom: 60px; margin-top: 20px; position: relative; } .testimonial-square-style .thumbnail { width: 116px; height: 116px; background: #fff; border: 1px solid #e6e4e4; left: 0; padding-top: 0; position: absolute; top: 0; box-shadow: none; } .testimonial-square-style .thumbnail img { width: 116px; height: 116px; border-radius: 0 0 0 0; height: 94px; padding: 11px; width: 94px; } .testimonial-square-style .testimonial-text { margin-left: 136px; min-height: 130px; margin-top: 16px; } .testimonial-square-style .testimonial-text-full { margin-left: 0px; min-height: 60px; } .testimonial-square-style .testimonial-text p { margin: 6px 0 0; } .testimonial-square-style .testimonial-name { float: right; height: 16px; text-align: right; } .testimonial-square-style .testimonial-name p, .testimonial-square-style .testimonial-name a { clear: both; display: block; } .testimonial-square-style .testimonial-name p.name, .testimonial-square-style .testimonial-name a.name { float: right; padding-left: 10px; } .testimonial-square-style .testimonial-name a.website { color: #1C1C1C; font-size: 12px; } .testimonial-post .wp-post-image { border-radius: 15px 15px 15px 15px; height: auto; max-width: 100%; width: auto; } /* testimonial_slider */ .testimonials-flexslider { margin: 0 10%; position: relative; margin-top: 30px; } .testimonials-flexslider p { text-align:center; } .testimonials-flexslider ul.flex-direction-nav { width: 100%; top: 30%; position:absolute; } .testimonials-flexslider .flex-direction-nav .flex-prev { background: url("../images/prev.png") no-repeat scroll 0 0 transparent; height: 39px; opacity: 0.8; left: 0; float:left; margin:0px 0px 0px -10%; top:0px; } .testimonials-flexslider .flex-direction-nav .flex-next { background: url("../images/next.png") no-repeat scroll 0 0 transparent; background-position: right; height: 39px; opacity: 0.8; right:0px; float:right; margin:0px -10% 0px 0px; top:0px; } .ie .testimonials-flexslider ul.slides li, .opera .testimonials-flexslider ul.slides li { display: none; } .ie .testimonials-flexslider ul.slides li.flex-active-slide, .opera .testimonials-flexslider ul.slides li.flex-active-slide { display: block; } .testimonials-flexslider ul li blockquote { background: none repeat scroll 0 0 transparent; padding: 0; } .testimonials-flexslider ul li blockquote p { color: #030303; font-size: 18px; line-height: 28px; margin: 0; padding: 0; text-align: center; } .testimonials-flexslider ul li p.meta { color: #030303; font-size: 1.0714em; margin: 0; padding: 0; text-align: center; } .testimonials-flexslider ul li p.meta strong { color: #373737; } .testimonials-flexslider ul li a { line-height: 24px; } /* .testimonials-slider .prev { background: url("../images/prev.png") no-repeat scroll 0 0 transparent; height: 39px; left: 0; text-indent: -100px; } .testimonials-slider .next { background: url("../images/next.png") no-repeat scroll 0 0 transparent; background-position: right; height: 39px; right: 0; text-indent: 100px; } */ .testimonials-slider ul.testimonials li blockquote p a, .testimonials-flexslider ul li blockquote p a { font-size: 20px !important; } /* logos_slider */ .logos-slider.wrapper { } .logos-slider .list_carousel { background:url('../images/logo-slider-line.png') center bottom no-repeat; border-top:1px solid #e0e0e0; padding:40px 0px; } .logos-slider .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .logos-slider .list_carousel ul li { margin: 0px 40px; display: block; float: left; } .logos-slider .bwWrapper { position:relative; display:block; } .logos-slider a[href='#'] { cursor: default } .logos-slider .list_carousel li img { filter:gray; } .logos-slider .list_carousel li img:hover { filter:none; } .logos-slider .list_carousel.responsive { width: auto; margin-left: 0; } .logos-slider .nav { width: 40px; height: 18px; margin: -9px auto 0px auto; } .logos-slider .nav .prev { width: 18px; height: 18px; background: url('../images/logo-slider-arrows.png') left center; margin-right: 4px; float: left; display: block; cursor: pointer; } .logos-slider .nav .next { width: 18px; height: 18px; background: url('../images/logo-slider-arrows.png') right center; float: left; display: block; cursor: pointer; } /* feed_slider */ .feeds-slider .prev { background: url("../images/prev.png") no-repeat scroll 0 0 transparent; height: 39px; left: 0; text-indent: -100px; } .feeds-slider .next { background: url("../images/next.png") no-repeat scroll 0 0 transparent; background-position: right; height: 39px; right: 0; text-indent: 100px; } /* random_numbers */ .random-numbers{ width: 195px; margin: 0 auto; margin-bottom: 40px; } .random-numbers img { float: left; width: 52px; height: 52px; } .random-numbers p { margin-top: 0px; margin-left: 64px; margin-bottom: 14px; line-height: 1em; } .random-numbers span.number { margin-left: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 30px; color: #a2a0a0; } /* box_title */ .box-title { margin-bottom: 55px; } .box-title h3 { text-align: center; margin-top: 4px; } .box-title .border-line{ height: 2px; } /* banner */ .sc-banner { position: relative; } .sc-banner a { display: block; width: 100%; height: 100%; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; } .sc-banner i { font-size: 35px; margin-top: -7px; position: absolute; left: 17px; top: 50%; width: 35px; height: 35px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .sc-banner .content { position: absolute; } .sc-banner h2, .sc-banner h3 { -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .sc-banner h2 { font-size: 14px; line-height: 14px; margin: 30px 0px 0px 70px; } .sc-banner h3 { font-size: 11px; line-height: 11px; margin: 12px 0px 0px 70px; } @-webkit-keyframes moveFromBottom { from { opacity: 0; -webkit-transform: translateY(200%); } to { opacity: 1; -webkit-transform: translateY(0%); } } @-moz-keyframes moveFromBottom { from { opacity: 0; -moz-transform: translateY(200%); } to { opacity: 1; -moz-transform: translateY(0%); } } @-ms-keyframes moveFromBottom { from { opacity: 0; -ms-transform: translateY(200%); } to { opacity: 1; -ms-transform: translateY(0%); } } @-webkit-keyframes moveFromTop { from { opacity: 0; -webkit-transform: translateY(-200%); } to { opacity: 1; -webkit-transform: translateY(0%); } } @-moz-keyframes moveFromTop { from { opacity: 0; -moz-transform: translateY(-200%); } to { opacity: 1; -moz-transform: translateY(0%); } } @-ms-keyframes moveFromTop { from { opacity: 0; -ms-transform: translateY(-200%); } to { opacity: 1; -ms-transform: translateY(0%); } } @-webkit-keyframes moveFromLeft{ from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromLeft{ from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromLeft{ from { -ms-transform: translateX(-100%); } to { -ms-transform: translateX(0%); } } @-webkit-keyframes moveFromRight { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(0%); } } @-moz-keyframes moveFromRight { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0%); } } @-ms-keyframes moveFromRight { from { -ms-transform: translateX(100%); } to { -ms-transform: translateX(0%); } } @-webkit-keyframes moveFromLeftRotate{ from { -webkit-transform: translateX(-100%) rotate(-90deg); } to { -webkit-transform: translateX(0%) rotate(0deg);} } @-moz-keyframes moveFromLeftRotate{ from { -moz-transform: translateX(-100%) rotate(-90deg); } to { -moz-transform: translateX(0%) rotate(0deg); } } @-ms-keyframes moveFromLeftRotate{ from { -ms-transform: translateX(-100%) rotate(-90deg); } to { -ms-transform: translateX(0%) rotate(0deg); } } @-webkit-keyframes smallToBig{ from { -webkit-transform: scale(0.1); } to { -webkit-transform: scale(1); } } @-moz-keyframes smallToBig{ from { -moz-transform: scale(0.1); } to { -moz-transform: scale(1); } } @-ms-keyframes smallToBig{ from { -ms-transform: scale(0.1); } to { -ms-transform: scale(1); } } /* banner switch text */ .sc-banner { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .sc-banner.switch-text:hover i { font-size: 50px; } .sc-banner.switch-text:hover h2 { font-size: 11px; } .sc-banner.switch-text:hover h3 { font-size: 14px; } /* banner zoom-left */ .sc-banner.zoom-left:hover i { font-size: 50px; opacity: 0.8; } .sc-banner.zoom-left:hover h2 { -webkit-animation: moveFromTop 300ms ease-in-out; -moz-animation: moveFromTop 300ms ease-in-out; -ms-animation: moveFromTop 300ms ease-in-out; } .sc-banner.zoom-left:hover h3 { -webkit-animation: moveFromBottom 300ms ease-in-out; -moz-animation: moveFromBottom 300ms ease-in-out; -ms-animation: moveFromBottom 300ms ease-in-out; } /* banner zoom-icon */ .sc-banner.zoom-icon:hover i { font-size: 120px; opacity: 0.2; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } /* banner top-entry */ .sc-banner.top-entry:hover i { -webkit-animation: moveFromTop 400ms ease; -moz-animation: moveFromTop 400ms ease; -ms-animation: moveFromTop 400ms ease; } .sc-banner.top-entry:hover h2 { -webkit-animation: moveFromTop 300ms ease; -moz-animation: moveFromTop 300ms ease; -ms-animation: moveFromTop 300ms ease; } .sc-banner.top-entry:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; } /* banner left-entry-zoom */ .sc-banner.left-entry-zoom:hover i { font-size: 90px; opacity: 0.1; -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease; } .sc-banner.left-entry-zoom:hover h2 { -webkit-animation: moveFromLeft 400ms ease; -moz-animation: moveFromLeft 400ms ease; -ms-animation: moveFromLeft 400ms ease; } .sc-banner.left-entry-zoom:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; } /* banner rotate-zoom */ .sc-banner.rotate-zoom:hover i { font-size: 90px; opacity: 0.2; } .sc-banner.rotate-zoom:hover h2 { -webkit-animation: moveFromLeftRotate 300ms ease; -moz-animation: moveFromLeftRotate 300ms ease; -ms-animation: moveFromLeftRotate 300ms ease; } .sc-banner.rotate-zoom:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; } /* banner zoom-box */ .sc-banner.zoom-box:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .sc-banner.zoom-box:hover i { font-size: 90px; opacity: 0.3; } .sc-banner.zoom-box:hover h2 { -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease; } .sc-banner.zoom-box:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; } /* banner small-to-big */ .sc-banner.small-to-big:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .sc-banner.small-to-big:hover i { font-size: 90px; opacity: 0.3; -webkit-animation: smallToBig 900ms alternate infinite ease; -moz-animation: smallToBig 900ms alternate infinite ease; -ms-animation: smallToBig 900ms alternate infinite ease; } .sc-banner.small-to-big:hover h2 { -webkit-animation: smallToBig 300ms ease; -moz-animation: smallToBig 300ms ease; -ms-animation: smallToBig 300ms ease; } .sc-banner.small-to-big:hover h3 { -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; } /* banner grey */ .sc-banner.grey { background: #fff; border: 1px solid #d0cece; } .sc-banner.grey i { color: #7d8287; } .sc-banner.grey h2 { color: #000; } .sc-bannera.grey h3 { color: #666464; } /* banner orange */ .sc-banner.orange { background: #fff; border: 1px solid #eccba8; } .sc-banner.orange i { color: #000; } .sc-banner.orange h2 { color: #bd6910; } .sc-bannera.orange h3 { color: #393939; } /* twitter */ .last-tweets-widget ul li { padding: 10px 0 10px 40px; } /* call */ .call-to-action .number-phone, .call-to-action .number-phone a { letter-spacing: 0px; } /* call_two */ .call-to-action-two{ background-color: #eeeeee; height: 110px; border-left: 15px solid #cfcece; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; margin-top: 20px; } .chrome .call-to-action-two{ width: auto; } .call-to-action-two .incipit { text-align: center; width: 75%; } .call-to-action-two .incipit strong { font-weight: 800; } .call-to-action-two .call-btn { text-align: left; width: 25%; } .call-to-action-two .btn { width: 150px; height: 35px; line-height: 35px; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; font-family: 'Open Sans','Verdana','Arial',sans-serif; } /* call_three */ div.call-three{ width: auto; border: 2px solid #f2f0f0; border-left: 6px solid #f2f0f0; background-color: #f8f7f7; clear: both; position: relative; margin-bottom: 20px; display: block; padding: 30px 35px 30px 10px; } .chrome div.call-three{ width: auto; } .safari div.call-three{ width: auto; } .call-three .text { float: left; width: 50%; } .call-three .text p, .call-three .text h1, .call-three .text h2, .call-three .text h3, .call-three .text h4, .call-three .text h5, .call-three .text h6 { float: left; margin: 3px; padding: 3px; line-height: 1.0em; font-weight: normal; } .newsletter-call3 form { border: none; border-radius: 0; box-shadow: none; padding: 0; } .newsletter-call3 { display:table-cell; vertical-align:middle; float: right; height: 46px; border: 1px solid #dfdcdc; background-color: #ffffff; } .newsletter-call3 .newsletter-icon { width: 48px; height: 46px; float: left; border: none; background: url('../images/newsletter.png') center no-repeat #ffffff; } .newsletter-call3 .newsletter-icon label{ width: 48px; height: 46px; position: static; } .newsletter-call3 .newsletter-input { height: 46px; float: left; border-left: 1px solid #dfdcdc; } .newsletter-call3 .newsletter-input input { border: none; box-shadow: none; height: 36px; border-radius: 0px; margin: 1px; width: 221px; } /*.safari .newsletter-call3 .newsletter-input input{ padding-top: 15px; height: 26px; }*/ .newsletter-call3 .newsletter-input input:focus { box-shadow: none !important; } .newsletter-call3 .newsletter-submit { float: right; height: 46px; border-left: 1px solid #dfdcdc; } .newsletter-call3 .newsletter-submit .submit-field{ height: 47px; width: 200px; border: none; background-image: none; background-color: #dfdddd; padding: 3px 0px 0px; margin: 0px; line-height: 46px; } .newsletter-call3 .newsletter-submit .submit-field:hover{ background-color: #c4c4c4; } #ie8 .newsletter-input input{ padding-top: 15px; height: 26px; } /* logo */ span.logo{} /* overflow hack */ .es-carousel-clear { /* margin-top: -150px */ } /* with elastislide end */ /* box section */ .box-sections h3, .box-sections h3 span, .box-sections h4, .box-sections h4 span { color: #51595D; } /* newsletter-form */ .newsletter-section form { border-radius: 0px; box-shadow: none; padding: 0px; border: none; } /* toggle */ .toggle .content-tab{ margin-left: 0px; } /* section services - circle style*/ .ch-grid { margin: 20px 0 0 0; padding: 0; display: block; width: 100%; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } .ch-grid .circle-services { width: 100%; height: 170px; display: block; text-align: center; margin: 0 auto; margin-top: 40px; max-width: 170px; } .ch-item { width: 100%; height: 100%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; position: relative; cursor: default; box-shadow: inset 0 0 0 0 rgba(0,0,0, 0.4), inset 0 0 0 10px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); -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; background-position: center; } .ch-info { position: absolute; width: 100%; height: 100%; border-radius: 50%; 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; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; /*for a smooth font */ } .ch-info h3 { color: #fff; text-transform: uppercase; /*position: relative;*/ text-align: center; letter-spacing: 2px; font-size: 22px; margin: 0 30px; padding: 45px 0 0 0; height: 110px; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); } .ch-info p.related_project { position: absolute; bottom: 10%; color: white; text-align: center; display: block; width: 100%; line-height: 15px; text-indent: 0; } .ch-info p.related_project img { display: inline; } .ch-info p { position: absolute; bottom: 25%; color: white; text-align: center; display: block; width: 100%; font-size: 16px; line-height: 15px; text-indent: 0; } .ch-info p a { position: absolute; bottom: 25%; color: white; text-align: center; display: block; width: 100%; font-size: 16px; line-height: 15px; text-indent: 0; } .ch-info p a:hover { } .ch-item.no-empty:hover { box-shadow: inset 0 0 0 110px rgba(0,0,0, 0.5), inset 0 0 0 10px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1); } .ch-item:hover .ch-info { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ch-grid h4{ text-align: center; } #ie8 .ch-item { width: 100%; height: 100%; border-radius: 0; position: relative; cursor: default; border: 5px solid #eeeeee; background-position: center; } #ie8 .ch-info { position: absolute; width: 100%; height: 100%; border-radius: 0; display: none; background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } #ie8 .ch-item:hover .ch-info { position: absolute; width: 100%; height: 100%; border-radius: 0; display: inline; } /* section services - black & white style */ .section-services-bandw .service-wrapper .service .image-wrapper img { filter:gray; } .section-services-bandw .service-wrapper:hover .service .image-wrapper img, .section .service-wrapper .service .image-wrapper img:hover { filter:none; } .section-services-bandw .service-wrapper:hover { box-shadow: 0 0 5px 5px #f2f2f2; } #ie8 .section-services-bandw .service-wrapper { border: 2px solid #ffffff; box-sizing: border-box; } #ie8 .section-services-bandw .service-wrapper:hover { border: 2px solid #f2f2f2; box-sizing: border-box; } .section-services-bandw .service-wrapper .service { margin: 15px; padding-bottom: 32px; position: relative; } .section-services-bandw .service-wrapper .service h4 a { color: #747373; } .section-services-bandw .service-wrapper:hover .service h4 a { color: #333333; } .section-services-bandw .service-wrapper .service .image-wrapper { position: relative; max-width: 175px; margin: 0 auto; } .section-services-bandw .service-wrapper .service .read-more a { background-color: #c58408; background-image: none; border: 0px; color: #ffffff; padding: 5px 20px; text-decoration: uppercase; font-family: 'Oswald' !important; font-size: 12px !important; font-weight: normal; text-transform: uppercase; display: none; } .section-services-bandw .service-wrapper .read-more { text-align: center; position: absolute; width: 100%; } .section-services-bandw .service-wrapper:hover .read-more a { display: inline-block; } .section-services-bandw .service-wrapper .service .read-more a:hover { background-color: #DA8B00; } /* numbers-sections */ .numbers-sections { position: relative; } .numbers-sections .number{ position: absolute; height: 103px; background: url('../../../images/numbers.png') no-repeat; } .numbers-sections .number.number-left{ top: 0; right: 50%; } .numbers-sections .number.number-right{ top: 0; left: 50%; } .numbers-sections .number.number-zero{ width: 74px; background-position: -1px 0px; } .numbers-sections .number.number-1{ width: 65px; background-position: -85px 0px; } .numbers-sections .number.number-2{ width: 79px; background-position: -152px 0px; } .numbers-sections .number.number-3{ width: 76px; background-position: -232px 0px; } .numbers-sections .number.number-4{ width: 78px; background-position: -310px 0px; } .numbers-sections .number.number-5{ width: 75px; background-position: -390px 0px; } .numbers-sections .number.number-6{ width: 76px; background-position: -466px 0px; } .numbers-sections .number.number-7{ width: 76px; background-position: -548px 0px; } .numbers-sections .number.number-8{ width: 77px; background-position: -623px 0px; } .numbers-sections .number.number-9{ width: 77px; background-position: -701px 0px; } .numbers-sections h4{ font-size: 18px !important; margin-top: 47px; margin-bottom: 65px; text-align: center; color: #0c243d; font-weight: normal; } .numbers-sections span.title-highlight { font-size: 18px; } /* section-portfolio */ .section.portfolio .work-description h2 > a:hover { color: #acaa0d} h2.section-portfolio-title { margin: 0px 0px 20px 0px !important; } p.section-portfolio-description { margin: 0px 0px 20px 0px !important; } .section-portfolio-slider { background-color:rgba(179,177,177,0.18); height: 208px; } .section-portfolio-slider div.section-portfolio-carousel { overflow: hidden; position: relative; height: 208px; } .section-portfolio-slider div.section-portfolio-carousel div.caroufredsel_wrapper { width: 1000px !important; height: 208px !important; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides { margin: 0; padding: 0; list-style: none; left: 0; display: block; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 20px 30px 0px 0px; clear: none !important; position: relative; } .sidebar-left .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li, .sidebar-right .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 20px 30px 0px 24px; } .extra-content .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 20px 30px 0px 0px !important; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li div.play { position: absolute; padding: 4px; width: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li:hover div.play { opacity: 1; } #ie8 .section.portfolio .work-meta ul li { min-width: 380px; background-color: rgb(240,240,240); } #ie8 .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li:hover div.play { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); margin-left: -3px; margin-top: -3px; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li div.img { border: 1px solid #dcdedf; background-color: #ffffff; padding: 4px; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li div.over { margin: -32px 1px 0px 0px; position: relative; text-align: right; z-index: 999 !important; } .section-portfolio-slider .prev { margin-left: 0px; position: relative; left: 0px; } .section-portfolio-slider .next { } /* section-portfolio-classic */ .section-portfolio-classic {} .section-portfolio-classic .work-thumbnail { padding-bottom: 24px; padding-right: 40px; background: url('../../../images/section_portfolio_thumbnail_bg.png') no-repeat right bottom; } .section-portfolio-classic .work-thumbnail img.attachment-section_portfolio { background: url('../../templates/portfolios/thumbs/images/loading_660.gif') no-repeat center; } .section-portfolio-classic .work-thumbnail img.work-loading, .section-portfolio-classic .work-thumbnail .picture_overlay { outline: 1px solid #DFDCDC; border-color: #fff; min-height: 350px } .opera .section-portfolio-classic .work-thumbnail .picture_overlay { outline: none; } .section-portfolio-classic .work-thumbnail img.work-loading { border: 6px solid #fff; min-height: auto } .section-portfolio-classic .work-thumbnail .post_video { margin-bottom: 0 } .section-portfolio-classic .work-thumbnail.span5 .picture_overlay { min-height: 250px; } .section-portfolio-classic .work-content { margin-left: -10px; } .section-portfolio-classic .work-content h3 { margin-top: 0 !important; color: #676768; font-size: 14px; font-weight: 700; margin-top: 7px; } .section-portfolio-classic .work-content .subtitle { display: none } #ie8 .section-portfolio-classic .work-content { margin-left: -20px; } #ie8 .section-portfolio-classic .work-thumbnail .picture_overlay { min-height: 280px; } #ie8 .section-portfolio-classic .work-thumbnail.span5 .picture_overlay { min-height: 200px; } .section-portfolio-classic .extra-images-slider { position:relative; } .section-portfolio-classic .extra-images-slider ul.slides li { display:none; -webkit-backface-visibility: hidden; } .section-portfolio-classic .extra-images-slider ul.slides li img { max-width: 100.003%; } .section-portfolio-classic .flex-direction-nav { width:100%; height:40px; position:absolute; top: 50% } .section-portfolio-classic .flex-direction-nav li a { display:block; position:static; margin:0; opacity:1; width:40px; height:40px; text-indent:-9999; outline:none; background:url('../../templates/portfolios/thumbs/images/nav_left.png') no-repeat; } .section-portfolio-classic .flex-direction-nav li a.flex-prev { background-position: top left; float:left; } .section-portfolio-classic .flex-direction-nav li a.flex-next { background-position: top right; float:right; background:url('../../templates/portfolios/thumbs/images/nav_right.png') no-repeat; } .section-portfolio-classic .work-projects {} .section-portfolio-classic .work-projects .row { padding: 15px 0 0 0; } .section-portfolio-classic .work-projects .row .caroufredsel_wrapper { width: 100% !important; } .section-portfolio-classic .work-projects.span12 .row .caroufredsel_wrapper { height: 130px !important; } .section-portfolio-classic .work-projects.span9 .row .caroufredsel_wrapper { height: 55px !important; } .section-portfolio-classic .work-projects ul { list-style: none; margin: 0; padding: 0; clear: both } .section-portfolio-classic .work-projects ul li { float: left; list-style: none;} .section-portfolio-classic .work-projects a.img { display: block; background: #fff; padding: 4px; border: 1px solid #e3e1e1; opacity: .6; -moz-transition: opacity 1s ease .1s; -webkit-transition: opacity 1s ease .1s; -o-transition: opacity 1s ease .1s; transition: opacity 1s ease .1s; } .section-portfolio-classic .work-projects a.img:hover, .section-portfolio-classic .work-projects a.img.active { border: 1px solid #d98104; opacity: 1 } .section-portfolio-classic .work-projects { background:url('../images/logo-slider-line.png') center bottom no-repeat; } .section-portfolio-classic .nav { width: 40px; height: 18px; margin: 0 auto; position: relative; bottom: -9px; } .section-portfolio-classic .prev { width: 18px; height: 18px; background: url('../images/logo-slider-arrows.png') left center; margin-right: 4px; float: left; display: block; cursor: pointer; } .section-portfolio-classic .nav .next { width: 18px; height: 18px; background: url('../images/logo-slider-arrows.png') right center; float: left; display: block; cursor: pointer; } .section-portfolio-classic .work-meta { clear: both } .section-portfolio-classic .work-meta ul { margin: 0; padding-top: 30px; } .section-portfolio-classic .work-meta ul li { position: relative; padding-left: 45px; line-height: 35px; width: 80%; background: rgba(179,177,177,.18); list-style: none; margin-bottom: 7px } .section-portfolio-classic .work-meta ul li span { position: absolute; left: 0; margin-right: 10px; text-align: center; background: #dcdcdc; display: block; width: 35px; overflow: hidden; float: left; } .section-portfolio-classic .work-meta ul li img { background: #dcdcdc; } @media (min-width: 980px) and (max-width: 1199px) { .section-portfolio-classic .work-content { margin-left: -20px; } .section-portfolio-classic .work-thumbnail .picture_overlay { min-height: 280px; } .section-portfolio-classic .work-thumbnail.span5 .picture_overlay { min-height: 200px; } .section-portfolio-classic .work-projects.span12 .row .caroufredsel_wrapper { height: 104px !important; } .section-portfolio-classic .work-projects.span9 .row .caroufredsel_wrapper { height: 46px !important; } .section-portfolio-slider, .section-portfolio-slider div.section-portfolio-carousel div.caroufredsel_wrapper { height: 181px !important;} .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 15px 20px 0px 0px; } .sidebar-left .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li, .sidebar-right .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 15px 20px 0px 20px; } .extra-content .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 15px 20px 0px 0px !important; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li div.play { padding: 0px; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li div.img { padding: 3px; } } @media (min-width: 768px) and (max-width: 979px) { .section-portfolio-classic .work-content { margin-left: -20px; } .section-portfolio-classic .work-thumbnail .picture_overlay { min-height: 210px; } .section-portfolio-classic .work-thumbnail.span5 .picture_overlay { min-height: 150px; } .section-portfolio-classic .work-projects.span12 .row .caroufredsel_wrapper { height: 76px !important; } .section-portfolio-classic .work-projects.span9 .row .caroufredsel_wrapper { height: 34px !important; } .section-portfolio-slider, .section-portfolio-slider div.section-portfolio-carousel div.caroufredsel_wrapper { height: 127px !important;} .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 10px 20px 0px 0px; } .sidebar-left .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li, .sidebar-right .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 10px 20px 0px 15px; } .extra-content .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 10px 20px 0px 0px !important; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li p.title { margin-top:5px; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li div.play { padding: 0px; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li div.img { padding: 3px; } } @media (max-width: 767px) { .section-portfolio-classic .work-thumbnail { padding-bottom: 0; padding-right: 0; background: none; } .section-portfolio-classic .work-thumbnail .picture_overlay { min-height: auto; } .section-portfolio-classic .work-content { margin-left: 0 } .section-portfolio-classic .work-projects.span9 .row .caroufredsel_wrapper, .section-portfolio-classic .work-projects.span12 .row .caroufredsel_wrapper { height: 76px !important; } .section-portfolio-classic .work-projects .row .caroufredsel_wrapper ul li { width: 104px !important; margin: 0 10px 0 0; } div.section-portfolio-slider a.prev {width:42px !important; position:absolute; left:0px; z-index: 9999; } div.section-portfolio-slider a.next {width:42px !important; position:absolute; right:0px; z-index: 9999; } .section-portfolio-slider div.section-portfolio-carousel { position: absolute; left:0px; right:0px; padding: 0px 52px; } .section-portfolio-slider, .section-portfolio-slider div.section-portfolio-carousel div.caroufredsel_wrapper { height: 127px !important;} .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides { width: 100%; } .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { width: 104px; right:0px; margin: 10px 10px 0px 0px; float:left; } /* .sidebar-left .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li, .sidebar-right .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 10px 10px 0px 0px; } .extra-content .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li { margin: 10px 10px 0px 0px !important; } */ .section-portfolio-slider div.section-portfolio-carousel ul.section-portfolio-slides li p.title { margin-top:5px; } } /* === SECTION BLOG */ .section.blog .title { margin-bottom: 20px; } .section.blog .description { margin-top: -15px; margin-bottom: 20px; } .section.blog .sticky .thumbnail { margin-right: 0px; margin-bottom: 0px; padding: 4px; width: 260px; } .sidebar-no .section.blog .sticky .the-content.span3, .section.blog .sticky .the-content.span3 { width: 270px; } .sidebar-no .section.blog .sticky .the-content.span5, .section.blog .sticky .the-content.span5 { width: 470px; } .sidebar-no .section.blog .sticky .the-content.span6, .section.blog .sticky .the-content.span6 { width: 570px; } #ie8 .section.blog .sticky .thumbnail { width: 210px; } #ie8 .sidebar-no .section.blog .sticky .the-content.span3, #ie8 .section.blog .sticky .the-content.span3 { width: 220px; } #ie8 .sidebar-no .section.blog .sticky .the-content.span5, #ie8 .section.blog .sticky .the-content.span5 { width: 380px; } #ie8 .sidebar-no .section.blog .sticky .the-content.span6, #ie8 .section.blog .sticky .the-content.span6 { width: 460px; } .section.blog .sticky .the-content h4, .section.blog .sticky .the-content h4 a { color: #676768; font-size: 14px; font-weight: 600; margin-top: 7px; } .section.blog .sticky .the-content h4 a:hover { color: #d98104; } .section.blog .post { border-left: 0px !important; margin-bottom: 40px; padding: 0px; } .section.blog .post.sticky { margin-top: 0px; margin-bottom: 10px; } .section.blog .post.sticky .thumbnail { position: relative; } .section.blog .post .date { background: rgb( 232, 232, 232 ); background: rgba( 232, 232, 232, 0.65 ); margin-top: 0px; margin-bottom: 6px; padding-top: 7px; padding-bottom: 4px; text-align: center; } .section.blog .post.sticky .thumbnail .date { background: #fff; margin-bottom: 0px; position: absolute; bottom: 0px; right: 0px; } .section.blog .post .date span { display: block; } .section.blog .post .date .month { font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 22px; font-weight: 400; letter-spacing: 1px; line-height: 22px; } .section.blog .post .date .day { font-family: 'Open Sans', Verdana, Arial, sans-serif; font-size: 48px; font-weight: 400; letter-spacing: -3px; line-height: 48px; } .section.blog .post .meta h4 { color: #676768; font-size: 12px; font-weight: 400; line-height: 20px; margin-top: 0px; margin-bottom: 20px; } .section.blog .post .meta h4 a { font-family: 'Open Sans', Verdana, Arial, sans-serif; font-weight: 400; font-size: 12px; } .section.blog .post .meta h4 a { color: #676768; } .section.blog .post .meta h4 a:hover { color: #d98104; } .section.blog .post .meta p, .section.blog .post .meta p a { float: none; font-size: 12px; } .section.blog .post .meta p a { color: #676768; } .section.blog .post .meta p strong { font-weight: 800; } .section.blog .post .meta p.comments:before { content: ""; } div:not(.span9).section.blog div:nth-child(4n+1),.section.blog.span9 div:nth-child(3n+1) { clear:left; } @media (min-width: 1200px) { .section.blog .sticky .thumbnail { width: 260px; } } @media (max-width: 1199px) { .section.blog .sticky .thumbnail { width: 210px; } .sidebar-no .section.blog .sticky .the-content.span3, .section.blog .sticky .the-content.span3 { width: 220px; } .sidebar-no .section.blog .sticky .the-content.span5, .section.blog .sticky .the-content.span5 { width: 380px; } .sidebar-no .section.blog .sticky .the-content.span6, .section.blog .sticky .the-content.span6 { width: 460px; } .section.blog .post .date .day { font-size: 42px !important; } } @media (max-width: 979px) and (min-width: 768px) { .section.blog .sticky .thumbnail { width: 156px; } .sidebar-no .section.blog .sticky .the-content.span3, .section.blog .sticky .the-content.span3 { width: 166px; } .sidebar-no .section.blog .sticky .the-content.span5, .section.blog .sticky .the-content.span5 { width: 290px; } .sidebar-no .section.blog .sticky .the-content.span6, .section.blog .sticky .the-content.span6 { width: 352px; } .section.blog .post .date .month { font-size: 15px !important; } .section.blog .post .date .day { font-size: 28px !important; } } @media (max-width: 767px) { .section.blog .sticky .thumbnail, .sidebar-no .section.blog .sticky .the-content.span3, .section.blog .sticky .the-content.span3, .sidebar-no .section.blog .sticky .the-content.span5, .section.blog .sticky .the-content.span5, .sidebar-no .section.blog .sticky .the-content.span6, .section.blog .sticky .the-content.span6 { width: 100%; } .section.blog .sticky .thumbnail { margin-bottom: 17px; } } /* team */ .team-slider .list_carousel { background: url('../images/logo-slider-line.png') no-repeat scroll center bottom transparent; border-top: none; } .team-slider .list_carousel ul { display: block; list-style: none outside none; margin: 0; padding: 0; } .team-slider .list_carousel ul li { display: block; float: left; margin: 0 12px; vertical-align: middle; width: 170px; } @media (max-width: 768px) { .team-slider .list_carousel ul li { margin: 0 5px; width: 150px; } } .team-rounded .bwWrapper{ position:relative; display:block; } .team-slider .clearfix { float: none; clear: both; } .team-slider .nav { width: 40px; height: 18px; margin: -9px auto 0px auto; } .team-slider .nav .prev { width: 18px; height: 18px; background: url('../images/logo-slider-arrows.png') left center; margin-right: 4px; float: left; display: block; cursor: pointer; } .team-slider .nav .next { width: 18px; height: 18px; background: url('../images/logo-slider-arrows.png') right center; float: left; display: block; cursor: pointer; } .team-rounded .team-circle{ width: 130px; height: 130px; background-color: #dedede; box-shadow: none; background: none; border: 10px solid #dcdbdb; border-radius: 50%; padding: 0px; margin: 0px auto; } .team-rounded .team-circle img, .team-rounded .team-circle canvas{ width: 130px; height: 130px; border-radius: 50%; padding-right: 0; padding-bottom: 0; text-align: center; } .team-rounded h6{ text-transform: uppercase; margin-top: 40px; } /* TEAM PROFESSIONAL */ .team-professional { } .team-professional ul { margin: 0px; } .team-professional ul li { list-style: none; margin: 0px 30px 30px 0px; position: relative; } .sidebar-left .team-professional ul.without-featured li.span3:nth-child(3n), .sidebar-right .team-professional ul.without-featured li.span3:nth-child(3n) { margin-right: 0px !important; } .sidebar-left .team-professional ul.with-featured li.span3:nth-child(3n+1), .sidebar-right .team-professional ul.with-featured li.span3:nth-child(3n+1) { margin-right: 0px !important; } .sidebar-left .team-professional ul.with-featured li.span3:nth-child(3n+2), .sidebar-right .team-professional ul.with-featured li.span3:nth-child(3n+2) { clear: left !important; } .sidebar-no .team-professional ul.without-featured li.span3:nth-child(4n) { margin-right: 0px !important; } .sidebar-no .team-professional ul.with-featured li.span3:nth-child(4n+1) { margin-right: 0px !important; } .sidebar-no .team-professional ul.with-featured li.span3:nth-child(4n+2) { clear: left !important; } .team-professional ul li.featured { border: 0px; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); } .team-professional ul li .padding { border: 1px solid #edecec; padding: 10px; } .team-professional ul li.featured .padding { min-height: 270px; } .team-professional ul li .thumb { margin: 0px 30px -10px -10px; position: relative; } .team-professional ul li .thumb img { width: 100%;} .team-professional ul li.featured .mobile_thumb { margin: 0px 30px -10px -10px; position: relative; display: none; } .team-professional ul li.featured .content { margin-left: 300px; } .team-professional ul li p { line-height: 18px; font-size: 13px; } .team-professional ul li.featured p { line-height: 19px; font-size: 14px; } .team-professional ul li .meta { width: auto; right: 10px; bottom: 10px; position: absolute; } .team-professional ul li.featured .meta { margin-left: 300px; position: static; float: left; } .team-professional ul li .socials-default { } .team-professional ul li h4 { color: #3e3d3d; font-size: 13px; margin: 0px; } .team-professional ul li h5 { color: #a7a6a4; font-size: 12px; margin: 0px; } .team-professional ul li .meta h6 { color: #3e3d3d; font-size: 10px; } .team-professional ul li.featured h4 { margin: 20px 0px 5px 0px; font-size: 18px; } .team-professional ul li.featured h5 { color: #c27d05; font-size: 13px; } .team-professional ul li.featured .meta h6 { font-size: 13px; } #ie8 .team-professional ul li { margin: 0px 13px 20px 0px !important; } @media (min-width: 980px) and (max-width: 1199px) { .team-professional ul li { margin: 0px 20px 20px 0px !important; } .team-professional ul li.featured .padding { min-height: 220px; } .team-professional ul li.featured .content { margin-left: 240px; } .team-professional ul li.featured .meta { margin-left: 240px; } } @media (min-width: 768px) and (max-width: 979px) { .team-professional ul li { margin: 0px 20px 20px 0px !important; } .team-professional ul li.featured .padding { min-height: 166px; } .team-professional ul li.featured .content { margin-left: 186px; } .team-professional ul li.featured .meta { margin-left: 186px; } } @media (max-width: 767px) { .team-professional ul li.featured .padding { min-height: 70px; } .team-professional ul li.featured h4 { margin-top: 0px; font-size: 14px; } .team-professional ul li.featured h5 { margin-top: 0px; font-size: 11px; } .team-professional ul li.featured .meta h6 { margin-top: 0px; font-size: 10px; } .team-professional ul li .thumb img { width: 70px;} .team-professional ul li.featured .thumb { display: none; } .team-professional ul li.featured .mobile_thumb { display: block; } .team-professional ul li.featured .mobile_thumb img { width: 70px;} .team-professional ul li.featured .meta { margin-left: 0px; right: 10px; bottom: 10px; position: absolute; float: none; } .team-professional ul li.featured .content { margin-left: 0px; } } } /* TEAM SQUARED */ #team-squared-container { margin: auto; } #team-squared-container .span3 { padding: 0px; margin: 0px; border: 0px; position: absolute; list-style: none; } #team-squared-container .span3 .box { padding: 0px; margin: 0px; border: 0px; border-radius: 0px; position: absolute; overflow: hidden; z-index: 999; -webkit-transform:rotate(45deg); -webkit-transform-origin:top left; -moz-transform:rotate(45deg); -moz-transform-origin:top left; -ms-transform:rotate(45deg); -ms-transform-origin:top left; -o-transform:rotate(45deg); -o-transform-origin:top left; transform: rotate(45deg); transform-origin:top left; /* filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */ /*-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ } #team-squared-container .span3 .box .image { width: 100%; height: 100%; background-color: #000; position: absolute; border-radius: 0px; overflow: hidden; } ul#team-squared-container li.span3 div.box div.image img { width: 100%; height: 100%; position: absolute; } #team-squared-container .span3 .box:hover .image img { filter: alpha(opacity=10); opacity:0.1; } #team-squared-container .span3 .box .image .content { padding: 20% 0 0 10%; width: 100%; height: 100%; position: absolute; text-align:center; display: none; -webkit-transform:rotate(-45deg); -webkit-transform-origin:center; -moz-transform:rotate(-45deg); -moz-transform-origin:center; -ms-transform:rotate(-45deg); -ms-transform-origin:center center; -o-transform:rotate(-45deg); -o-transform-origin:center center; /* -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */ } #team-squared-container .span3 .box .image .content h6 { color: #fff; } #team-squared-container .span3 .box .image .content p { color: #fff; } /* recent posts */ .recent-post .hentry-post { margin-bottom: 5px; } .recent-post .hentry-post div.text { margin-left: 95px; min-height: 95px; } .recent-post .hentry-post div.without-thumbnail { margin-left: 0px; margin-bottom: 20px; } /* credit_card */ .credit_card { width: 32px; height: 32px; background: url('../images/creditcard.png') no-repeat; display: inline-block; margin-left: 1px; } #copyright .credit_card{ margin-bottom: -13px; } .credit_card.amazon {background-position:0px -32px;} .credit_card.amex {background-position: -32px -32px;} .credit_card.amex_alt {background-position: -64px -32px;} .credit_card.amex_gold {background-position: -96px -32px;} .credit_card.amex_green {background-position:-128px -32px;} .credit_card.amex_silver {background-position:-160px -32px;} .credit_card.apple {background-position:-192px -32px;} .credit_card.bank {background-position:-224px -32px;} .credit_card.cash {background-position:-256px -32px;} .credit_card.chase {background-position:-288px -32px;} .credit_card.coupon {background-position:-320px -32px;} .credit_card.credit {background-position:-352px -32px;} .credit_card.debit {background-position:-384px -32px;} .credit_card.discover {background-position:-416px -32px;} .credit_card.discover_alt {background-position:-448px -32px;} .credit_card.discover_novus {background-position:-480px -32px;} .credit_card.echeck {background-position:-512px -32px;} .credit_card.generic_1 {background-position:-544px -32px;} .credit_card.generic_2 {background-position:-576px -32px;} .credit_card.generic_3 {background-position:-608px -32px;} .credit_card.gift {background-position:-640px -32px;} .credit_card.gift_alt {background-position:-672px -32px;} .credit_card.gold {background-position:-704px -32px;} .credit_card.googleckout {background-position:-736px -32px;} .credit_card.itunes {background-position:-768px -32px;} .credit_card.itunes_2 {background-position:-800px -32px;} .credit_card.itunes_3 {background-position:-832px -32px;} .credit_card.mastercard {background-position:-864px -32px;} .credit_card.mastercard_alt {background-position:-896px -32px;} .credit_card.mileage {background-position:-928px -32px;} .credit_card.paypal {background-position:-960px -32px;} .credit_card.sapphire {background-position:-992px -32px;} .credit_card.solo {background-position:-1024px -32px;} .credit_card.visa {background-position:-1056px -32px;} .credit_card.visa_alt {background-position:-1088px -32px;} .credit_card.amazon:hover {background-position:0px 0px;} .credit_card.amex:hover {background-position: -32px 0px;} .credit_card.amex_alt:hover {background-position: -64px 0px;} .credit_card.amex_gold:hover {background-position: -96px 0px;} .credit_card.amex_green:hover {background-position:-128px 0px;} .credit_card.amex_silver:hover {background-position:-160px 0px;} .credit_card.apple:hover {background-position:-192px 0px;} .credit_card.bank:hover {background-position:-224px 0px;} .credit_card.cash:hover {background-position:-256px 0px;} .credit_card.chase:hover {background-position:-288px 0px;} .credit_card.coupon:hover {background-position:-320px 0px;} .credit_card.credit:hover {background-position:-352px 0px;} .credit_card.debit:hover {background-position:-384px 0px;} .credit_card.discover:hover {background-position:-416px 0px;} .credit_card.discover_alt:hover {background-position:-448px 0px;} .credit_card.discover_novus:hover {background-position:-480px 0px;} .credit_card.echeck:hover {background-position:-512px 0px;} .credit_card.generic_1:hover {background-position:-544px 0px;} .credit_card.generic_2:hover {background-position:-576px 0px;} .credit_card.generic_3:hover {background-position:-608px 0px;} .credit_card.gift:hover {background-position:-640px 0px;} .credit_card.gift_alt:hover {background-position:-672px 0px;} .credit_card.gold:hover {background-position:-704px 0px;} .credit_card.googleckout:hover {background-position:-736px 0px;} .credit_card.itunes:hover {background-position:-768px 0px;} .credit_card.itunes_2:hover {background-position:-800px 0px;} .credit_card.itunes_3:hover {background-position:-832px 0px;} .credit_card.mastercard:hover {background-position:-864px 0px;} .credit_card.mastercard_alt:hover {background-position:-896px 0px;} .credit_card.mileage:hover {background-position:-928px 0px;} .credit_card.paypal:hover {background-position:-960px 0px;} .credit_card.sapphire:hover {background-position:-992px 0px;} .credit_card.solo:hover {background-position:-1024px 0px;} .credit_card.visa:hover {background-position:-1056px 0px;} .credit_card.visa_alt:hover {background-position:-1088px 0px;} /* google map */ .google-map-frame { background: #fff; } /* tabs */ .tabs-container ul.tabs li { margin-bottom: 0px; } .tabs-container ul.tabs li h4 a { font-weight: 400; } /* toggle */ .toggle h4.tab-index a { font-weight: 400; font-size: 16px; } .toggle h4.tab-index a span { vertical-align: baseline; line-height: 20px; } /* cta2 */ .call-to-action-two p, .call-to-action-two h1, .call-to-action-two h2, .call-to-action-two h3, .call-to-action-two h4, .call-to-action-two h5, .call-to-action-two h6 { font-weight: 400;} /* button */ .btn [class^="icon-"], .btn [class*=" icon-"] { line-height: 1.6em; } .btn-mini.btn [class^="icon-"], .btn-mini.btn [class*=" icon-"] { line-height: 2.0em; } .btn-small.btn [class^="icon-"], .btn-small.btn [class*=" icon-"] { line-height: 1.7em; } .btn-large.btn [class^="icon-"], .btn-large.btn [class*=" icon-"] { line-height: 1.1em; } /* icon_list */ .icon_list ul.the-icons { margin-left: 30px !important; } .icon_list .the-icons li:before { font-size: 1.2em; } .icon_list .the-icons li { line-height: 1.7em; } /* socials in copyright */ #copyright div.socials-default, #copyright div.socials-default-small { float: right; } /* image */ .image-styled .picture_overlay { border: none; } /* ===== PRODUCTS CATEGORIES ===== */ .show-category .products li.first { clear: none; } .show-category .products li a { display: block; position: relative; } .show-category .products li a img { width: 100%; margin-bottom: 7px !important; } .show-category .products li h3 { text-transform: uppercase; text-align: center; } .show-category.numbers-no .products li h3 .count { display: none; } .show-category.numbers-yes .products li h3 .count { display: inline; } .show-category.transparent .products li img { margin-bottom: 0px !important; opacity: 1 !important; transition: opacity 1s; -moz-transition: opacity 1s; /* Firefox 4 */ -webkit-transition: opacity 1s; /* Safari and Chrome */ -o-transition: opacity 1s; /* Opera */ } .show-category.transparent .products li:hover img { opacity: 0.5 !important; transition: opacity 1s; -moz-transition: opacity 1s; /* Firefox 4 */ -webkit-transition: opacity 1s; /* Safari and Chrome */ -o-transition: opacity 1s; /* Opera */ } .show-category.transparent .products li h3 { background-color: rgba(255,255,255, 0.8) !important; left: 30px; right: 30px; height: 40px; line-height: 40px; margin-top: -40px; position: absolute; } /* ===== PRODUCT SLIDER ===== */ .products-slider-wrapper { position: relative } .products-slider-wrapper .es-nav { width: 30px; right:0px; top: 0px; } .products-slider-wrapper .es-nav span { width: 15px; height: 17px; z-index:1; } .products-slider-wrapper .es-nav .es-nav-prev { background: url('../images/slider-arrow-testimonial.png') left center no-repeat; } .products-slider-wrapper .es-nav .es-nav-next { background: url('../images/slider-arrow-testimonial.png') right center no-repeat; } /*.products-slider-wrapper .products-slider { margin-left:-20px; }*/ .products-slider-wrapper .products-slider h4 { border-bottom: 1px solid #e0dfdf; padding-bottom: 10px; margin-top: 0px; margin-bottom: 22px; font-size:18px; /*margin-left:20px;*/ } .products-slider-wrapper .products-slider ul li { clear: none; } .products-slider-wrapper .products-slider ul li a img { width: 100%; margin-bottom: 7px !important; } .products-slider-wrapper .products-slider ul li h3 { text-align: center; } /*.products-slider-wrapper .products-slider:hover { margin-bottom:-150px; } .products-slider-wrapper .products-slider:hover ul { padding-bottom:150px !important; } .products-slider-wrapper.no-slide:hover .es-nav { right:20px; } .products-slider-wrapper.no-slide:hover { margin-right:-20px !important; } .products-slider-wrapper.no-slide:hover .products-slider { padding-right:20px !important; } */ /*.products-slider-wrapper .products-slider { margin-bottom:-150px !important; } .products-slider-wrapper .products-slider ul.products li { padding-bottom:150px !important; } */ .products-slider-wrapper .products-slider .caroufredsel_wrapper:hover { padding-bottom:164px !important; margin-bottom:-150px !important; margin-right:-20px !important; padding-right:20px !important; } .products-slider-wrapper .products-slider.categories { margin-bottom:0px !important; } .products-slider-wrapper .products-slider.categories ul.products li { padding-bottom:0px !important; } div.products-slider-wrapper div.yit-wcan-container { overflow: hidden; } div.products-slider-wrapper div.products-slider div.yit-wcan-container:hover{ overflow: visible; } .products_tabs .caroufredsel_wrapper { width: auto !important } @media (min-width: 1200px) { .products-slider-wrapper .products-slider .caroufredsel_wrapper:hover { margin-right:-30px !important; padding-right:30px !important; } /*.products-slider-wrapper .products-slider { margin-left:-30px; }*/ .products-slider-wrapper.no-slide:hover .es-nav { right:30px; } .products-slider-wrapper.no-slide:hover { margin-right:-30px !important; } .products-slider-wrapper.no-slide:hover .products-slider { padding-right:30px !important; } } .products-slider.numbers-no .products li h3 .count { display: none; } .products-slider.numbers-yes .products li h3 .count { display: inline; } .products-slider.transparent .products li img { margin-bottom: 0px !important; opacity: 1 !important; transition: opacity 1s; -moz-transition: opacity 1s; /* Firefox 4 */ -webkit-transition: opacity 1s; /* Safari and Chrome */ -o-transition: opacity 1s; /* Opera */ } .products-slider.transparent .products li:hover img { opacity: 0.5 !important; transition: opacity 1s; -moz-transition: opacity 1s; /* Firefox 4 */ -webkit-transition: opacity 1s; /* Safari and Chrome */ -o-transition: opacity 1s; /* Opera */ } .products-slider.transparent .products li h3 { background-color: rgba(255,255,255, 0.8) !important; left: 30px; right: 30px; height: 40px; line-height: 40px; margin-top: -40px; position: absolute; } /* ===== TABS ===== */ .tabs-container { border: 0px; padding: 0px; margin: 0px; clear:both; } .tabs-container ul.tabs { height: 42px; background: none; border: 0px; border-bottom: 1px solid #dfdfdf; padding: 0px; margin: 0px; } .tabs-container ul.tabs li { height: 42px; background:url('../images/product-tabs-slash.png') right center no-repeat; border: 0px !important; padding: 0px 17px 0px 0px !important; margin: 0px; float: left; } .tabs-container ul.tabs li:last-child { border: 0px !important; } .tabs-container ul.tabs li h4 { height: 42px; font-weight: normal !important; float: left; } .tabs-container ul.tabs li h4 a { height: 42px; line-height: 42px; color: #8d8d8d; border: 0px !important; padding: 0px 5px 0px 5px !important; font-size: 18px; font-weight: normal ; font-family: 'Oswald'; text-transform: uppercase; display: block; } .tabs-container ul.tabs li:first-child h4 a { padding-left: 0px !important; } .tabs-container ul.tabs li h4 a:hover, .tabs-container ul.tabs li.current h4 a { color: #373736; background: none !important; } .tabs-container div.border-box.group { background: none; border: 0px !important; padding: 0px !important; margin: 0px !important; z-index: auto; } .tabs-container div.border-box.group .panel { min-height: 260px; border: 0px !important; padding: 27px 0px 0px 0px !important; margin: 0px !important; } .tabs-container div.border-box.group .panel h4 { display: none; } .tabs-container div.border-box.group .panel .es-nav { top: -53px; } /* ===== SITEMAP ===== */ .sitemap h3 { padding-bottom: 10px; border-bottom: 1px solid #e0dfdf; color: #b0731f; margin-bottom: 30px; } .sitemap div.first { clear:both; } .sitemap .sitemap-read-more { list-style: none; padding-top: 10px; padding-left: 0; margin-left: -15px; } /* === RATING === */ .star-rating.shortcode { float: none; }