Skip to content

Instantly share code, notes, and snippets.

@giannispan

giannispan/code camp - challenge 1.markdown

Forked from anonymous/code camp - challenge 1.markdown
Created February 10, 2016 13:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save giannispan/b64e9a2f36f81c230da9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save giannispan/b64e9a2f36f81c230da9 to your computer and use it in GitHub Desktop.
Download ZIP
code camp - challenge 1
Raw
index.html
<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if (gte IE 10)|!(IE)]><!--><html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"><!--<![endif]-->
<head>
<title>Giannis - </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/icons.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/animate.css" media="screen" />
<link rel="stylesheet" type="text/css" href="styles/responsive.css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Belgrano' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Calibri' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EmulateIE8; IE=EDGE" />
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<div id="layout" class="full">
<header id="header">
<div class="head">
<div class="sticky_true">
<div class="row clearfix">
<div class="logo">
<a href="#first" title="Giannis - ">Giannis Pan</a>
</div><!-- /logo -->
<nav>
<ul class="sf-menu OneNav">
<li class="current home_class"><a href="#first"><i class="fa fa-home"></i></a></li>
<li><a href="#works">WORK</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul><!-- /menu -->
</nav><!-- /nav -->
</div><!-- /row -->
</div><!-- /sticky -->
</div><!-- /head -->
</header><!-- /header -->
<div class="big_slider">
<div class="details" data-stellar-ratio="0.4">
<h1>PREMIUM WEB DEVELOPMENT</h1>
<h2>Welcome to my personal portfolio webpage</h2>
<div class="social social_intro">
<a href="#" class="bottomtip" title="Twitter"><i class="fa-twitter"></i></a>
<a href="#" class="bottomtip" title="Facebook"><i class="fa-facebook"></i></a>
<a href="#" class="bottomtip" title="LinkedIn"><i class="fa-linkedin"></i></a>
</div><!-- /social -->
</div><!-- /details -->
<div class="slider_a">
<div class="item"><img src="http://www.ashercharles.com/wp-content/themes/v3/images/banner-main-large4.jpg" alt=""></div>
</div><!-- /slider -->
</div><!-- /big slider -->
<div class="page-content">
<div class="row clearfix">
<div class="section" id="works">
<div class="title mbf">
<h3> My Work </h3>
</div><!-- /title -->
<ul id="my_gallery" class="og-grid">
<li class="mix web_design">
<a href="images/assets/work1.jpg" data-gal="lightbox[folio]"><img src="http://labs.openviewpartners.com/wp-content/uploads/2010/09/Question-mark1.jpg" alt=""></a>
<div class="overlay">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin efficitur tortor non lectus ornare auctor. </p>
</div><!-- /overlay -->
<div class="meta_work">
<a class="w_title" href="#"> Project 1 </a>
</div><!-- /meta work -->
</li><!-- /item -->
<li class="mix web_design">
<a href="images/assets/work1.jpg" data-gal="lightbox[folio]"><img src="http://labs.openviewpartners.com/wp-content/uploads/2010/09/Question-mark1.jpg" alt=""></a>
<div class="overlay">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin efficitur tortor non lectus ornare auctor. </p>
</div><!-- /overlay -->
<div class="meta_work">
<a class="w_title" href="#"> Project 2 </a>
</div><!-- /meta work -->
</li><!-- /item -->
<li class="mix photos">
<a href="images/assets/work1.jpg" data-gal="lightbox[folio]"><img src="http://labs.openviewpartners.com/wp-content/uploads/2010/09/Question-mark1.jpg" alt=""></a>
<div class="overlay">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin efficitur tortor non lectus ornare auctor. </p>
</div><!-- /overlay -->
<div class="meta_work">
<a class="w_title" href="#"> Project 3 </a>
</div><!-- /meta work -->
</li><!-- /item -->
<li class="mix photos">
<a href="images/assets/work1.jpg" data-gal="lightbox[folio]"><img src="http://labs.openviewpartners.com/wp-content/uploads/2010/09/Question-mark1.jpg" alt=""></a>
<div class="overlay">
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin efficitur tortor non lectus ornare auctor. </p>
</div><!-- /overlay -->
<div class="meta_work">
<a class="w_title" href="#"> Project 4 </a>
</div><!-- /meta work -->
</li><!-- /item -->
<!-- /dont remove this line --><li class="gap"></li>
</ul><!-- /my gallery -->
</div><!-- /section portfolio -->
</div><!-- /row -->
<div class="parallax about" data-stellar-background-ratio="0.25" data-stellar-vertical-offset="350">
<div class="section" id="about">
<div class="row clearfix">
<div class="title mbf">
<h3> About </h3>
</div><!-- /title -->
<div class="grid_6 alpha">
<h4 class="active_line"> Story </h4>
<span class="big_text mbf"> I rock at backend web/mobile development with PHP, Java, Node.js, Mongo DB, MySQL and frontend with JS, Angular.JS, HTML5, CSS3 and plenty more... </span>
<span class="medium_text mbf"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac erat tincidunt, venenatis sapien porttitor, sollicitudin magna. Fusce egestas leo massa, nec lacinia </span>
<span> <i class="fa fa-envelope-o mid"></i><a class="active_link" href="[email protected]">[email protected]</a> </span>
</div>
<div class="grid_6 omega">
<div class="member">
<img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRfouAk7EMeOCtKaCfsIB4tJpcGxmvpXqeJtbES_xYH5wtCH4pNVA" alt="">
<div class="member_info">
<h4 class="active_line"> Meet me </h4>
<span class="m_skills"> Front/Back End Programmer </span>
<span class="small_line"></span>
<div class="social m_social set_two">
<a href="#" title="Facebook"><i class="fa-facebook"></i></a>
<a href="#" title="Twitter"><i class="fa-twitter"></i></a>
<a href="#" title="Github"><i class="fa-github"></i></a>
<a href="#" title="Linkedin"><i class="fa-linkedin"></i></a>
</div><!-- end social -->
</div><!-- /info -->
</div><!-- /member -->
</div>
</div><!-- /row -->
</div><!-- /section about -->
</div><!-- /parallax -->
<div class="contact" id="contact">
<div class="row clearfix">
<div class="title mbf">
<h3> Contact </h3>
</div><!-- /title -->
<div class="toggles">
<ul class="tt-toggle grid_6">
<li class="sub-toggle active">
<div class="toggle-head">
<div class="toggle-head-sign"></div>
<h4> Form </h4>
</div>
<div class="toggle-content">
<form method="post" id="contactForm" action="processForm.php">
<input type="text" name="senderName" id="senderName" placeholder="Name" class="requiredField" />
<input type="text" name="senderEmail" id="senderEmail" placeholder="Email Address" class="requiredField email" />
<textarea name="message" id="message" placeholder="Message" class="requiredField" rows="8"></textarea>
<input type="submit" id="sendMessage" name="sendMessage" value="SEND" />
<span> </span>
</form><!-- end form -->
</div>
</li>
</ul><!-- /form toggle -->
<ul class="tt-toggle grid_6">
<li class="sub-toggle active">
<div class="toggle-head">
<div class="toggle-head-sign"></div>
<h4> Info </h4>
</div>
<div class="toggle-content">
<div class="informations">
<span style="color:#FFF; font-size:14px;"> <i class="fa fa-phone mid"></i> +30 999 999 999</span>
<span style="color:#FFF; font-size:14px;"> <i class="fa fa-envelope-o mid"></i> [email protected]</span>
<span style="color:#FFF; font-size:14px;"> <i class="fa fa-home mid"></i> Athens, Greece</span>
</div>
<div class="social m_social set_two">
<a href="#" title="Facebook"><i class="fa-facebook"></i></a>
<a href="#" title="Twitter"><i class="fa-twitter"></i></a>
<a href="#" title="Google"><i class="fa-google-plus"></i></a>
<a href="#" title="Linkedin"><i class="fa-linkedin"></i></a>
</div><!-- /social -->
</div>
</li>
</ul><!-- /info toggle -->
</div><!-- /toggles -->
</div><!-- /row -->
<div id="mymap"></div><!-- /map -->
</div><!-- /contact -->
</div><!-- /page content -->
<footer id="footer">
<div class="row clearfix">
<div class="title tac">
<h4 class="mb"> Giannis Panagiotopoulos </h4>
<span class="under_title"> © 2016 All Right Reserved </span>
</div><!-- /title -->
</div><!-- /row -->
</footer><!-- /footer -->
</div><!-- /layout -->
<!-- Scripts -->
</body>
Raw
script.js
jQuery(document).ready(function ($) {
"use strict";
$(window).load(function() {
$('#status').fadeOut();
$('#preloader').delay(350).fadeOut('slow');
});
jQuery.browser={};(function(){jQuery.browser.msie=false;
jQuery.browser.version=0;if(navigator.userAgent.match(/MSIE ([0-9]+)\./)){
jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;}})();
// Superfish
if ($(".sf-menu")[0]) {
$('.sf-menu').superfish({
delay: 100,
autoArrows: false,
animation: {
opacity: 'none', height: 'show'
},
speed: 300
});
// $('.sf-menu li li a').prepend('<i class="fa-caret-right"></i>');
$('.sf-menu li li .sf-sub-indicator i').removeClass('fa-chevron-down').addClass('fa-chevron-right');
}
// Parallax
$.stellar({
horizontalScrolling: false,
verticalOffset: 0
});
var fader = $('.big_slider');
$(window).on('scroll', function() {
var st = $(this).scrollTop();
fader.css({ 'opacity' : (1 - st/600) });
});
// Progress Load
if ($(".progress-bar > span")[0]) {
$('.progress-bar > span').waypoint(function() {
$(this).each(function() {
$(this).animate({
width: $(this).attr('rel') + "%"
}, 1600);
});
}, {
triggerOnce: true,
offset: 'bottom-in-view'
});
}
// Tabs
var tabs = jQuery('ul.tabs');
tabs.each(function (i) {
// get tabs
var tab = jQuery(this).find('> li > a');
tab.click(function (e) {
// get tab's location
var contentLocation = jQuery(this).attr('href');
// Let go if not a hashed one
if (contentLocation.charAt(0) === "#") {
e.preventDefault();
// add class active
tab.removeClass('active');
jQuery(this).addClass('active');
// show tab content & add active class
jQuery(contentLocation).fadeIn(500).addClass('active').siblings().hide().removeClass('active');
}
});
});
// Accordion
jQuery("ul.tt-accordion li").each(function () {
if (jQuery(this).index() > 0) {
jQuery(this).children(".accordion-content").css('display', 'none');
} else {
if ($(".faq")[0]) {
jQuery(this).addClass('active').find(".accordion-head-sign").append("<i class='fa-minus'></i>");
jQuery(this).siblings("li").find(".accordion-head-sign").append("<i class='fa-plus'></i>");
} else {
jQuery(this).addClass('active').find(".accordion-head-sign").append("<i class='fa-minus'></i>");
jQuery(this).siblings("li").find(".accordion-head-sign").append("<i class='fa-plus'></i>");
}
}
jQuery(this).children(".accordion-head").bind("click", function () {
jQuery(this).parent().addClass(function () {
if (jQuery(this).hasClass("active")) {
return;
} {
return "active";
}
});
if ($(".faq")[0]) {
jQuery(this).siblings(".accordion-content").slideDown();
jQuery(this).parent().find(".accordion-head-sign i").addClass("fa-minus").removeClass("fa-plus");
jQuery(this).parent().siblings("li").children(".accordion-content").slideUp();
jQuery(this).parent().siblings("li").removeClass("active");
jQuery(this).parent().siblings("li").find(".accordion-head-sign i").removeClass("fa-minus").addClass("fa-plus");
} else {
jQuery(this).siblings(".accordion-content").slideDown();
jQuery(this).parent().find(".accordion-head-sign i").addClass("fa-minus").removeClass("fa-plus");
jQuery(this).parent().siblings("li").children(".accordion-content").slideUp();
jQuery(this).parent().siblings("li").removeClass("active");
jQuery(this).parent().siblings("li").find(".accordion-head-sign i").removeClass("fa-minus").addClass("fa-plus");
}
});
});
// Toggle
jQuery("ul.tt-toggle li").each(function () {
jQuery(this).children(".toggle-content").css('display', 'block');
jQuery(this).find(".toggle-head-sign").html("<i class='fa-minus'></i>");
jQuery(this).children(".toggle-head").bind("click", function () {
if (jQuery(this).parent().hasClass("active")) {
jQuery(this).parent().removeClass("active");
} else {
jQuery(this).parent().addClass("active");
}
jQuery(this).find(".toggle-head-sign").html(function () {
if (jQuery(this).parent().parent().hasClass("active")) {
return "<i class='fa-minus'></i>";
} else {
return "<i class='fa-plus'></i>";
}
});
jQuery(this).siblings(".toggle-content").slideToggle();
});
});
jQuery("ul.tt-toggle").find(".toggle-content.active").siblings(".toggle-head").trigger('click');
// Responsive
$("#header nav").before('<div id="mobilepro"><i class="fa-reorder fa-times"></i></div>');
$("#header .sf-menu a.sf-with-ul").before('<div class="subarrow"><i class="fa-angle-down"></i></div>');
$('.subarrow').click(function () {$(this).parent().toggleClass("xpopdrop");});
$('#mobilepro').click(function () {
$('#header .sf-menu').slideToggle('slow', 'easeInOutExpo').toggleClass("xactive");
$("#mobilepro i").toggleClass("fa-reorder");
});
$("body").click(function() {
$('#header .xactive').slideUp('slow', 'easeInOutExpo').removeClass("xactive");
$("#mobilepro i").addClass("fa-reorder");
});
$('#mobilepro').click(function(e) {e.stopPropagation();});
function checkWindowSize() {
if ($(window).width() >= 959) {
$('#header .sf-menu').css('display', 'block').removeClass("xactive");
} else {
$('#header .sf-menu').css('display', 'none');
}
}
$(window).load(checkWindowSize);
$(window).resize(checkWindowSize);
// ToTop
$('#toTop').click(function () {
$('body,html').animate({
scrollTop: 0
}, 1000);
});
// Search
$(".search_icon").click(function() {
if ($(this).hasClass('opened')) {
$(this).removeClass('opened');
$('.search_icon i').removeClass('activeated_search');
$('.s_form').fadeOut('slow').removeClass('animated slideDown');
} else {
$(this).addClass('opened');
$('.search_icon i').addClass('activeated_search');
$(".s_form").fadeIn('slow').addClass('animated slideDown');
$('.search_icon #inputhead').focus();
}
});
$("body").click(function() {
$('.search_icon').removeClass('opened');
$('.search_icon i').removeClass('activeated_search');
$('.s_form').fadeOut('slow').removeClass('animated slideDown');
});
$('.search').click(function(e) {
e.stopPropagation();
});
// Notification
$(".notification-close").click(function () {
$(this).parent().slideUp("slow");
return false;
});
// Gallery
if ($("#my_gallery")[0]) {
$('#my_gallery').mixitup({resizeContainer: false});
}
if ($("a[data-gal^='lightbox']")[0]) {
$("a[data-gal^='lightbox']").prettyPhoto({
animation_speed: 'normal',
theme: 'dark_rounded',
autoplay_slideshow: false,
overlay_gallery: true,
show_title: false
});
}
// Slider
if ($("[class^='slider_']")[0]) {
$("[class^='slider_']").owlCarousel({
slideSpeed : 500,
paginationSpeed : 500,
autoPlay: true,
autoHeight: true,
stopOnHover: true,
addClassActive: true,
transitionStyle : "goDown",
singleItem:true,
navigation : false,
navigationText : ["<i class='fa-chevron-left'></i>","<i class='fa-chevron-right'></i>"],
rewindNav : true,
scrollPerPage : false,
pagination : true,
paginationNumbers: false
});
}
if ($(".testimonials_slides")[0]) {
$(".testimonials_slides").owlCarousel({
slideSpeed : 500,
paginationSpeed : 500,
autoPlay: true,
autoHeight: true,
stopOnHover: true,
transitionStyle : "backSlide",
singleItem:true,
navigation : true,
navigationText : ["<i class='fa-chevron-left'></i>","<i class='fa-chevron-right'></i>"],
rewindNav : true,
scrollPerPage : true,
pagination : false
});
}
// CountTo
if ($(".timer")[0]) {
$('.timer').waypoint(function() {
$('.timer').data('countToOptions', {
formatter: function (value, options) {
return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
}
});
$('.timer').each(count);
function count(options) {
var $this = $(this);
options = $.extend({}, options || {}, $this.data('countToOptions') || {});
$this.countTo(options);
}
}, {
triggerOnce: true,
offset: 'bottom-in-view'
});
}
// Ajax Contact
if ($("#contactForm")[0]) {
$('#contactForm').submit(function () {
$('#contactForm .error').remove();
$('#contactForm .requiredField').removeClass('fielderror');
$('#contactForm .requiredField').addClass('fieldtrue');
$('#contactForm span strong').remove();
var hasError = false;
$('#contactForm .requiredField').each(function () {
if (jQuery.trim($(this).val()) === '') {
var labelText = $(this).prev('label').text();
$(this).addClass('fielderror');
$('#contactForm span').html('<strong>*Please fill out all fields.</strong>');
hasError = true;
} else if ($(this).hasClass('email')) {
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
if (!emailReg.test(jQuery.trim($(this).val()))) {
var labelText = $(this).prev('label').text();
$(this).addClass('fielderror');
$('#contactForm span').html('<strong>Is incorrect your email address</strong>');
hasError = true;
}
}
});
if (!hasError) {
$('#contactForm').slideDown('normal', function () {
$("#contactForm #sendMessage").addClass('load-color');
$("#contactForm #sendMessage").attr("disabled", "disabled").addClass("btn-success").val('Sending message. Please wait...');
});
var formInput = $(this).serialize();
$.post($(this).attr('action'), formInput, function (data) {
$('#contactForm').slideUp("normal", function () {
$(this).before('<div class="notification-box notification-box-success"><p><i class="fa-check"></i>Thanks!</strong> Your email was successfully sent. We check Our email all the time.</p></div>');
});
});
}
return false;
});
}
// Tipsy
$('.toptip').tipsy({fade: true,gravity: 's'});
$('.bottomtip').tipsy({fade: true,gravity: 'n'});
$('.righttip').tipsy({fade: true,gravity: 'w'});
$('.lefttip').tipsy({fade: true,gravity: 'e'});
// Sticky
if ($(".sticky_true")[0]){
$('.sticky_true').before('<div class="Corpse_Sticky"></div>');
$(window).scroll(function(){
var wind_scr = $(window).scrollTop();
var window_width = $(window).width();
var head_w = $('.sticky_true').height();
if (window_width >= 10) {
if(wind_scr < 400){
if($('.sticky_true').data('sticky') === true){
$('.sticky_true').data('sticky', false);
$('.sticky_true').stop(true).animate({opacity : 0}, 300, function(){
$('.sticky_true').removeClass('sticky slideDown');
$('.sticky_true').stop(true).animate({opacity : 1}, 300);
$('.Corpse_Sticky').css('padding-top', '');
});
}
} else {
if($('.sticky_true').data('sticky') === false || typeof $('.sticky_true').data('sticky') === 'undefined'){
$('.sticky_true').data('sticky', true);
$('.sticky_true').stop(true).animate({opacity : 0},300,function(){
$('.sticky_true').addClass('sticky slideDown');
$('.sticky_true.sticky').stop(true).animate({opacity : 1}, 300);
$('.Corpse_Sticky').css('padding-top', head_w + 'px');
});
}
}
}
});
}
// Example Load Items
$('.load_more_posts').append('<img style="display: none;margin: 0 auto" src="images/loading2.gif"><h4 style="display: none">Sorry! Not more items.</h4>');
$( ".load_more_posts a" ).removeAttr('href').click(function() {
jQuery('.load_more_posts a').fadeOut( 200 );
jQuery('.load_more_posts img').delay( 200 ).fadeIn( 1000 );
jQuery('.load_more_posts img').delay( 3000 ).fadeOut( 1000 );
jQuery('.load_more_posts h4').delay( 5200 ).fadeIn( 1000 );
});
$('.load_more_portfolio').append('<img style="display: none;margin: 0 auto" src="images/loading2.gif"><h4 style="display: none">Sorry! Not more items.</h4>');
$( ".load_more_portfolio a" ).removeAttr('href').click(function() {
jQuery('.load_more_portfolio a').fadeOut( 200 );
jQuery('.load_more_portfolio img').delay( 200 ).fadeIn( 1000 );
jQuery('.load_more_portfolio img').delay( 3000 ).fadeOut( 1000 );
jQuery('.load_more_portfolio h4').delay( 5200 ).fadeIn( 1000 );
});
// OneNav
if ($(".OneNav")[0]){
$('body').plusAnchor({
easing: 'easeInOutExpo',
speed: 1600
});
$('.OneNav li a').click(function(){
$('.OneNav li').delay( 1000 ).removeClass('current');
$(this).parent('li').delay( 2000 ).addClass('current');
$('#header .xactive').slideUp('slow', 'easeInOutExpo').removeClass("xactive");
$("#mobilepro i").addClass("fa-reorder");
});
// Bind to scroll
$(window).scroll(function(){
var lastId,
topMenu = $(".OneNav"),
topMenuHeight = topMenu.outerHeight()+15,
menuItems = topMenu.find("a"),
scrollItems = menuItems.map(function(){
var item = $($(this).attr("href"));
if (item.length) { return item; }
});
var fromTop = $(this).scrollTop()+topMenuHeight;
var cur = scrollItems.map(function(){
if ($(this).offset().top < fromTop)
return this;
});
// Get the id of the current element
cur = cur[cur.length-1];
var id = cur && cur.length ? cur[0].id : "";
if (lastId !== id) {
lastId = id;
// Set/remove active class
menuItems
.parent().removeClass("current")
.end().filter("[href=#"+id+"]").parent().addClass("current");
}
});
}
// GoogleMap
if ($("#mymap")[0]) {
var map;
map = new GMaps({
div: '#mymap',
lat: -12.042,
lng: -77.038
});
map.addMarker({
lat: -12.042,
lng: -77.028,
title: 'Valeo Parallax',
infoWindow: {
content: '<p>Valeo Parallax One Page Template</p>'
}
});
}
});
/* jQuery Easing */
jQuery.easing['jswing'] = jQuery.easing['swing'];
jQuery.extend(jQuery.easing, {
def: 'easeOutQuad',
swing: function(x, t, b, c, d) {
return jQuery.easing[jQuery.easing.def](x, t, b, c, d)
},
easeInQuad: function(x, t, b, c, d) {
return c * (t /= d) * t + b
},
easeOutQuad: function(x, t, b, c, d) {
return -c * (t /= d) * (t - 2) + b
},
easeInOutQuad: function(x, t, b, c, d) {
if ((t /= d / 2) < 1) return c / 2 * t * t + b;
return -c / 2 * ((--t) * (t - 2) - 1) + b
},
easeInCubic: function(x, t, b, c, d) {
return c * (t /= d) * t * t + b
},
easeOutCubic: function(x, t, b, c, d) {
return c * ((t = t / d - 1) * t * t + 1) + b
},
easeInOutCubic: function(x, t, b, c, d) {
if ((t /= d / 2) < 1) return c / 2 * t * t * t + b;
return c / 2 * ((t -= 2) * t * t + 2) + b
},
easeInQuart: function(x, t, b, c, d) {
return c * (t /= d) * t * t * t + b
},
easeOutQuart: function(x, t, b, c, d) {
return -c * ((t = t / d - 1) * t * t * t - 1) + b
},
easeInOutQuart: function(x, t, b, c, d) {
if ((t /= d / 2) < 1) return c / 2 * t * t * t * t + b;
return -c / 2 * ((t -= 2) * t * t * t - 2) + b
},
easeInQuint: function(x, t, b, c, d) {
return c * (t /= d) * t * t * t * t + b
},
easeOutQuint: function(x, t, b, c, d) {
return c * ((t = t / d - 1) * t * t * t * t + 1) + b
},
easeInOutQuint: function(x, t, b, c, d) {
if ((t /= d / 2) < 1) return c / 2 * t * t * t * t * t + b;
return c / 2 * ((t -= 2) * t * t * t * t + 2) + b
},
easeInSine: function(x, t, b, c, d) {
return -c * Math.cos(t / d * (Math.PI / 2)) + c + b
},
easeOutSine: function(x, t, b, c, d) {
return c * Math.sin(t / d * (Math.PI / 2)) + b
},
easeInOutSine: function(x, t, b, c, d) {
return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b
},
easeInExpo: function(x, t, b, c, d) {
return (t == 0) ? b : c * Math.pow(2, 10 * (t / d - 1)) + b
},
easeOutExpo: function(x, t, b, c, d) {
return (t == d) ? b + c : c * (-Math.pow(2, -10 * t / d) + 1) + b
},
easeInOutExpo: function(x, t, b, c, d) {
if (t == 0) return b;
if (t == d) return b + c;
if ((t /= d / 2) < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
return c / 2 * (-Math.pow(2, -10 * --t) + 2) + b
},
easeInCirc: function(x, t, b, c, d) {
return -c * (Math.sqrt(1 - (t /= d) * t) - 1) + b
},
easeOutCirc: function(x, t, b, c, d) {
return c * Math.sqrt(1 - (t = t / d - 1) * t) + b
},
easeInOutCirc: function(x, t, b, c, d) {
if ((t /= d / 2) < 1) return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b;
return c / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + b
},
easeInElastic: function(x, t, b, c, d) {
var s = 1.70158;
var p = 0;
var a = c;
if (t == 0) return b;
if ((t /= d) == 1) return b + c;
if (!p) p = d * .3;
if (a < Math.abs(c)) {
a = c;
var s = p / 4
} else var s = p / (2 * Math.PI) * Math.asin(c / a);
return -(a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b
},
easeOutElastic: function(x, t, b, c, d) {
var s = 1.70158;
var p = 0;
var a = c;
if (t == 0) return b;
if ((t /= d) == 1) return b + c;
if (!p) p = d * .3;
if (a < Math.abs(c)) {
a = c;
var s = p / 4
} else var s = p / (2 * Math.PI) * Math.asin(c / a);
return a * Math.pow(2, -10 * t) * Math.sin((t * d - s) * (2 * Math.PI) / p) + c + b
},
easeInOutElastic: function(x, t, b, c, d) {
var s = 1.70158;
var p = 0;
var a = c;
if (t == 0) return b;
if ((t /= d / 2) == 2) return b + c;
if (!p) p = d * (.3 * 1.5);
if (a < Math.abs(c)) {
a = c;
var s = p / 4
} else var s = p / (2 * Math.PI) * Math.asin(c / a);
if (t < 1) return -.5 * (a * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p)) + b;
return a * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * d - s) * (2 * Math.PI) / p) * .5 + c + b
},
easeInBack: function(x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c * (t /= d) * t * ((s + 1) * t - s) + b
},
easeOutBack: function(x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
return c * ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b
},
easeInOutBack: function(x, t, b, c, d, s) {
if (s == undefined) s = 1.70158;
if ((t /= d / 2) < 1) return c / 2 * (t * t * (((s *= (1.525)) + 1) * t - s)) + b;
return c / 2 * ((t -= 2) * t * (((s *= (1.525)) + 1) * t + s) + 2) + b
},
easeInBounce: function(x, t, b, c, d) {
return c - jQuery.easing.easeOutBounce(x, d - t, 0, c, d) + b
},
easeOutBounce: function(x, t, b, c, d) {
if ((t /= d) < (1 / 2.75)) {
return c * (7.5625 * t * t) + b
} else if (t < (2 / 2.75)) {
return c * (7.5625 * (t -= (1.5 / 2.75)) * t + .75) + b
} else if (t < (2.5 / 2.75)) {
return c * (7.5625 * (t -= (2.25 / 2.75)) * t + .9375) + b
} else {
return c * (7.5625 * (t -= (2.625 / 2.75)) * t + .984375) + b
}
},
easeInOutBounce: function(x, t, b, c, d) {
if (t < d / 2) return jQuery.easing.easeInBounce(x, t * 2, 0, c, d) * .5 + b;
return jQuery.easing.easeOutBounce(x, t * 2 - d, 0, c, d) * .5 + c * .5 + b
}
});
/* jQuery Superfish */
(function(e) {
e.fn.superfish = function(t) {
var n = e.fn.superfish,
r = n.c,
i = e(['<span class="', r.arrowClass, '"> <i class="fa-chevron-down"></i> </span>'].join("")),
s = function() {
var t = e(this),
n = u(t);
clearTimeout(n.sfTimer);
t.showSuperfishUl().siblings().hideSuperfishUl()
},
o = function() {
var t = e(this),
r = u(t),
i = n.op;
clearTimeout(r.sfTimer);
r.sfTimer = setTimeout(function() {
i.retainPath = e.inArray(t[0], i.$path) > -1;
t.hideSuperfishUl();
if (i.$path.length && t.parents(["li.", i.hoverClass].join("")).length < 1) {
s.call(i.$path)
}
}, i.delay)
},
u = function(e) {
var t = e.parents(["ul.", r.menuClass, ":first"].join(""))[0];
n.op = n.o[t.serial];
return t
},
a = function(e) {
e.addClass(r.anchorClass).append(i.clone())
};
return this.each(function() {
var i = this.serial = n.o.length;
var u = e.extend({}, n.defaults, t);
u.$path = e("li." + u.pathClass, this).slice(0, u.pathLevels).each(function() {
e(this).addClass([u.hoverClass, r.bcClass].join(" ")).filter("li:has(ul)").removeClass(u.pathClass)
});
n.o[i] = n.op = u;
e("li:has(ul)", this)[e.fn.hoverIntent && !u.disableHI ? "hoverIntent" : "hover"](s, o).each(function() {
if (u.autoArrows) a(e(">a:first-child", this))
}).not("." + r.bcClass).hideSuperfishUl();
var f = e("a", this);
f.each(function(e) {
var t = f.eq(e).parents("li");
f.eq(e).focus(function() {
s.call(t)
}).blur(function() {
o.call(t)
})
});
u.onInit.call(this)
}).each(function() {
var t = [r.menuClass];
if (n.op.dropShadows && !(e.browser.msie && e.browser.version < 7)) t.push(r.shadowClass);
e(this).addClass(t.join(" "))
})
};
var t = e.fn.superfish;
t.o = [];
t.op = {};
t.IE7fix = function() {
var n = t.op;
if (e.browser.msie && e.browser.version > 6 && n.dropShadows && n.animation.opacity != undefined) this.toggleClass(t.c.shadowClass + "-off")
};
t.c = {
bcClass: "sf-breadcrumb",
menuClass: "sf-js-enabled",
anchorClass: "sf-with-ul",
arrowClass: "sf-sub-indicator",
shadowClass: "sf-shadow"
};
t.defaults = {
hoverClass: "sfHover",
pathClass: "overideThisToUse",
pathLevels: 1,
delay: 800,
animation: {
opacity: "show"
},
speed: "normal",
autoArrows: true,
dropShadows: true,
disableHI: false,
onInit: function() {},
onBeforeShow: function() {},
onShow: function() {},
onHide: function() {}
};
e.fn.extend({
hideSuperfishUl: function() {
var n = t.op,
r = n.retainPath === true ? n.$path : "";
n.retainPath = false;
var i = e(["li.", n.hoverClass].join(""), this).add(this).not(r).removeClass(n.hoverClass).find(">ul").hide().css("visibility", "hidden");
n.onHide.call(i);
return this
},
showSuperfishUl: function() {
var e = t.op,
n = t.c.shadowClass + "-off",
r = this.addClass(e.hoverClass).find(">ul:hidden").css("visibility", "visible");
t.IE7fix.call(r);
e.onBeforeShow.call(r);
r.animate(e.animation, e.speed, function() {
t.IE7fix.call(r);
e.onShow.call(r)
});
return this
}
})
})(jQuery);
/* jQuery lavaLamp */
(function(e) {
e.fn.lavaLamp = function(t) {
t = e.extend({
fx: "swing",
speed: 500,
click: function() {
return true
},
startItem: "no",
autoReturn: true,
returnDelay: 0,
setOnClick: true,
homeTop: 0,
homeLeft: 0,
homeWidth: 0,
homeHeight: 0,
returnHome: false
}, t || {});
var n;
if (t.homeTop || t.homeLeft) {
n = e('<li class="current"></li>').css({
left: t.homeLeft,
top: t.homeTop,
width: t.homeWidth,
height: t.homeHeight,
position: "absolute"
});
e(this).prepend(n)
}
return this.each(function() {
function l(n) {
if (!n) n = a;
var r = 0,
i = 0;
if (!e.browser.msie) {
r = (u.outerWidth() - u.innerWidth()) / 2;
i = (u.outerHeight() - u.innerHeight()) / 2
}
u.stop().animate({
left: n.offsetLeft - r,
width: n.offsetWidth,
height: n.offsetHeight
}, t.speed, t.fx)
}
var r = location.pathname + location.search + location.hash;
var i = new Object;
var s;
var u;
var a;
e.expr[":"].parents = function(t, n, r) {
return e(t).parents(r[3]).length < 1
};
var f = e("li", this).filter(":parents(ul ul, .sub-menu)");
if (t.startItem == "no") i = e('li a[href$="' + r + '"]', this).parent("li");
if (i.length == 0 && t.startItem == "no") i = e('li a[href$="' + location.pathname.substring(location.pathname.lastIndexOf("/") + 1) + location.search + location.hash + '"]', this).parent("li");
if (i.length == 0 || t.startItem != "no") {
if (t.startItem == "no") t.startItem = 0;
i = e(f[t.startItem])
}
a = e("li.current", this)[0] || e(i).addClass("current")[0];
f.mouseenter(function() {
if (e(this).hasClass("homeLava")) {
a = e(this)[0]
}
l(this)
});
u = e('<li class="back"><div class="left"></div></li>').appendTo(this);
e(this).mouseleave(function() {
if (t.autoReturn) {
if (t.returnHome && n) {
l(n[0])
} else if (t.returnDelay) {
if (s) clearTimeout(s);
s = setTimeout(function() {
l(null)
}, t.returnDelay + t.speed)
} else {
l(null)
}
}
});
f.click(function(n) {
if (t.setOnClick) {
e(a).removeClass("current");
e(this).addClass("current");
a = this
}
return t.click.apply(this, [n, this])
});
if (t.homeTop || t.homeLeft) u.css({
left: t.homeLeft,
width: t.homeWidth,
height: t.homeHeight
});
else u.css({
left: a.offsetLeft,
width: a.offsetWidth,
height: a.offsetHeight
})
})
}
})(jQuery);
jQuery.easing["jswing"] = jQuery.easing["swing"];
jQuery.extend(jQuery.easing, {
def: "easeOutQuad",
swing: function(e, t, n, r, i) {
return jQuery.easing[jQuery.easing.def](e, t, n, r, i)
},
easeInQuad: function(e, t, n, r, i) {
return r * (t /= i) * t + n
},
easeOutQuad: function(e, t, n, r, i) {
return -r * (t /= i) * (t - 2) + n
},
easeInOutQuad: function(e, t, n, r, i) {
if ((t /= i / 2) < 1) return r / 2 * t * t + n;
return -r / 2 * (--t * (t - 2) - 1) + n
},
easeInCubic: function(e, t, n, r, i) {
return r * (t /= i) * t * t + n
},
easeOutCubic: function(e, t, n, r, i) {
return r * ((t = t / i - 1) * t * t + 1) + n
},
easeInOutCubic: function(e, t, n, r, i) {
if ((t /= i / 2) < 1) return r / 2 * t * t * t + n;
return r / 2 * ((t -= 2) * t * t + 2) + n
},
easeInQuart: function(e, t, n, r, i) {
return r * (t /= i) * t * t * t + n
},
easeOutQuart: function(e, t, n, r, i) {
return -r * ((t = t / i - 1) * t * t * t - 1) + n
},
easeInOutQuart: function(e, t, n, r, i) {
if ((t /= i / 2) < 1) return r / 2 * t * t * t * t + n;
return -r / 2 * ((t -= 2) * t * t * t - 2) + n
},
easeInQuint: function(e, t, n, r, i) {
return r * (t /= i) * t * t * t * t + n
},
easeOutQuint: function(e, t, n, r, i) {
return r * ((t = t / i - 1) * t * t * t * t + 1) + n
},
easeInOutQuint: function(e, t, n, r, i) {
if ((t /= i / 2) < 1) return r / 2 * t * t * t * t * t + n;
return r / 2 * ((t -= 2) * t * t * t * t + 2) + n
},
easeInSine: function(e, t, n, r, i) {
return -r * Math.cos(t / i * (Math.PI / 2)) + r + n
},
easeOutSine: function(e, t, n, r, i) {
return r * Math.sin(t / i * (Math.PI / 2)) + n
},
easeInOutSine: function(e, t, n, r, i) {
return -r / 2 * (Math.cos(Math.PI * t / i) - 1) + n
},
easeInExpo: function(e, t, n, r, i) {
return t == 0 ? n : r * Math.pow(2, 10 * (t / i - 1)) + n
},
easeOutExpo: function(e, t, n, r, i) {
return t == i ? n + r : r * (-Math.pow(2, -10 * t / i) + 1) + n
},
easeInOutExpo: function(e, t, n, r, i) {
if (t == 0) return n;
if (t == i) return n + r;
if ((t /= i / 2) < 1) return r / 2 * Math.pow(2, 10 * (t - 1)) + n;
return r / 2 * (-Math.pow(2, -10 * --t) + 2) + n
},
easeInCirc: function(e, t, n, r, i) {
return -r * (Math.sqrt(1 - (t /= i) * t) - 1) + n
},
easeOutCirc: function(e, t, n, r, i) {
return r * Math.sqrt(1 - (t = t / i - 1) * t) + n
},
easeInOutCirc: function(e, t, n, r, i) {
if ((t /= i / 2) < 1) return -r / 2 * (Math.sqrt(1 - t * t) - 1) + n;
return r / 2 * (Math.sqrt(1 - (t -= 2) * t) + 1) + n
},
easeInElastic: function(e, t, n, r, i) {
var s = 1.70158;
var o = 0;
var u = r;
if (t == 0) return n;
if ((t /= i) == 1) return n + r;
if (!o) o = i * .3;
if (u < Math.abs(r)) {
u = r;
var s = o / 4
} else var s = o / (2 * Math.PI) * Math.asin(r / u);
return -(u * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * i - s) * 2 * Math.PI / o)) + n
},
easeOutElastic: function(e, t, n, r, i) {
var s = 1.70158;
var o = 0;
var u = r;
if (t == 0) return n;
if ((t /= i) == 1) return n + r;
if (!o) o = i * .3;
if (u < Math.abs(r)) {
u = r;
var s = o / 4
} else var s = o / (2 * Math.PI) * Math.asin(r / u);
return u * Math.pow(2, -10 * t) * Math.sin((t * i - s) * 2 * Math.PI / o) + r + n
},
easeInOutElastic: function(e, t, n, r, i) {
var s = 1.70158;
var o = 0;
var u = r;
if (t == 0) return n;
if ((t /= i / 2) == 2) return n + r;
if (!o) o = i * .3 * 1.5;
if (u < Math.abs(r)) {
u = r;
var s = o / 4
} else var s = o / (2 * Math.PI) * Math.asin(r / u);
if (t < 1) return -.5 * u * Math.pow(2, 10 * (t -= 1)) * Math.sin((t * i - s) * 2 * Math.PI / o) + n;
return u * Math.pow(2, -10 * (t -= 1)) * Math.sin((t * i - s) * 2 * Math.PI / o) * .5 + r + n
},
easeInBack: function(e, t, n, r, i, s) {
if (s == undefined) s = 1.70158;
return r * (t /= i) * t * ((s + 1) * t - s) + n
},
easeOutBack: function(e, t, n, r, i, s) {
if (s == undefined) s = 1.70158;
return r * ((t = t / i - 1) * t * ((s + 1) * t + s) + 1) + n
},
easeInOutBack: function(e, t, n, r, i, s) {
if (s == undefined) s = 1.70158;
if ((t /= i / 2) < 1) return r / 2 * t * t * (((s *= 1.525) + 1) * t - s) + n;
return r / 2 * ((t -= 2) * t * (((s *= 1.525) + 1) * t + s) + 2) + n
},
easeInBounce: function(e, t, n, r, i) {
return r - jQuery.easing.easeOutBounce(e, i - t, 0, r, i) + n
},
easeOutBounce: function(e, t, n, r, i) {
if ((t /= i) < 1 / 2.75) {
return r * 7.5625 * t * t + n
} else if (t < 2 / 2.75) {
return r * (7.5625 * (t -= 1.5 / 2.75) * t + .75) + n
} else if (t < 2.5 / 2.75) {
return r * (7.5625 * (t -= 2.25 / 2.75) * t + .9375) + n
} else {
return r * (7.5625 * (t -= 2.625 / 2.75) * t + .984375) + n
}
},
easeInOutBounce: function(e, t, n, r, i) {
if (t < i / 2) return jQuery.easing.easeInBounce(e, t * 2, 0, r, i) * .5 + n;
return jQuery.easing.easeOutBounce(e, t * 2 - i, 0, r, i) * .5 + r * .5 + n
}
});
(function(e) {
e.fn.jflickrfeed = function(t, n) {
t = e.extend(true, {
flickrbase: "http://api.flickr.com/services/feeds/",
feedapi: "photos_public.gne",
limit: 20,
qstrings: {
lang: "en-us",
format: "json",
jsoncallback: "?"
},
cleanDescription: true,
useTemplate: true,
itemTemplate: "",
itemCallback: function() {}
}, t);
var r = t.flickrbase + t.feedapi + "?";
var i = true;
for (var s in t.qstrings) {
if (!i) r += "&";
r += s + "=" + t.qstrings[s];
i = false
}
return e(this).each(function() {
var i = e(this);
var s = this;
e.getJSON(r, function(r) {
e.each(r.items, function(e, n) {
if (e < t.limit) {
if (t.cleanDescription) {
var r = /<p>(.*?)<\/p>/g;
var o = n.description;
if (r.test(o)) {
n.description = o.match(r)[2];
if (n.description != undefined) n.description = n.description.replace("<p>", "").replace("</p>", "")
}
}
n["image_s"] = n.media.m.replace("_m", "_s");
n["image_t"] = n.media.m.replace("_m", "_t");
n["image_m"] = n.media.m.replace("_m", "_m");
n["image"] = n.media.m.replace("_m", "");
n["image_b"] = n.media.m.replace("_m", "_b");
delete n.media;
if (t.useTemplate) {
var u = t.itemTemplate;
for (var a in n) {
var f = new RegExp("{{" + a + "}}", "g");
u = u.replace(f, n[a])
}
i.append(u)
}
t.itemCallback.call(s, n)
}
});
if (e.isFunction(n)) {
n.call(s, r)
}
})
})
}
})(jQuery);
(function(e) {
function t(t, n) {
return parseInt(e.css(t[0], n)) || 0
}
function n(e) {
return e[0].offsetWidth + t(e, "marginLeft") + t(e, "marginRight")
}
function r(e) {
return e[0].offsetHeight + t(e, "marginTop") + t(e, "marginBottom")
}
e.fn.jCarouselLite = function(t) {
t = e.extend({
btnPrev: null,
btnNext: null,
btnGo: null,
mouseWheel: false,
auto: null,
hoverPause: false,
speed: 200,
easing: null,
vertical: false,
circular: true,
visible: 3,
start: 0,
scroll: 1,
beforeStart: null,
afterEnd: null
}, t || {});
return this.each(function() {
function w() {
E();
b = setInterval(function() {
x(v + t.scroll)
}, t.auto + t.speed)
}
function E() {
clearInterval(b)
}
function S() {
return p.slice(v).slice(0, h)
}
function x(n) {
if (!i) {
if (t.beforeStart) t.beforeStart.call(this, S());
if (t.circular) {
if (n < 0) {
f.css(s, -((v + c) * m) + "px");
v = n + c
} else if (n > d - h) {
f.css(s, -((v - c) * m) + "px");
v = n - c
} else v = n
} else {
if (n < 0 || n > d - h) return;
else v = n
}
i = true;
f.animate(s == "left" ? {
left: -(v * m)
} : {
top: -(v * m)
}, t.speed, t.easing, function() {
if (t.afterEnd) t.afterEnd.call(this, S());
i = false
});
if (!t.circular) {
e(t.btnPrev + "," + t.btnNext).removeClass("disabled");
e(v - t.scroll < 0 && t.btnPrev || v + t.scroll > d - h && t.btnNext || []).addClass("disabled")
}
}
return false
}
var i = false,
s = t.vertical ? "top" : "left",
u = t.vertical ? "height" : "width";
var a = e(this),
f = e("ul", a),
l = e("li", f),
c = l.size(),
h = t.visible;
if (t.circular) {
f.prepend(l.slice(c - h + 1).clone()).append(l.slice(0, t.scroll).clone());
t.start += h - 1
}
var p = e("li", f),
d = p.size(),
v = t.start;
a.css("visibility", "visible");
p.css({
overflow: "hidden",
"float": t.vertical ? "none" : "left"
});
f.css({
margin: "0",
padding: "0",
position: "relative",
"list-style-type": "none",
"z-index": "1"
});
a.css({
overflow: "hidden",
position: "relative",
"z-index": "2",
left: "0px"
});
var m = t.vertical ? r(p) : n(p);
var g = m * d;
var y = m * h;
p.css({
width: p.width(),
height: p.height()
});
f.css(u, g + "px").css(s, -(v * m));
a.css(u, y + "px");
if (t.btnPrev) {
e(t.btnPrev).click(function() {
return x(v - t.scroll)
});
if (t.hoverPause) {
e(t.btnPrev).hover(function() {
E()
}, function() {
w()
})
}
}
if (t.btnNext) {
e(t.btnNext).click(function() {
return x(v + t.scroll)
});
if (t.hoverPause) {
e(t.btnNext).hover(function() {
E()
}, function() {
w()
})
}
}
if (t.btnGo) e.each(t.btnGo, function(n, r) {
e(r).click(function() {
return x(t.circular ? t.visible + n : n)
})
});
if (t.mouseWheel && a.mousewheel) a.mousewheel(function(e, n) {
return n > 0 ? x(v - t.scroll) : x(v + t.scroll)
});
var b;
if (t.auto) {
if (t.hoverPause) {
a.hover(function() {
E()
}, function() {
w()
})
}
w()
}
})
};
})(jQuery);
/* jQuery Tipsy */
(function(e) {
function t(e) {
if (e.attr("title") || typeof e.attr("original-title") != "string") {
e.attr("original-title", e.attr("title") || "").removeAttr("title")
}
}
function n(n, r) {
this.$element = e(n);
this.options = r;
this.enabled = true;
t(this.$element)
}
n.prototype = {
show: function() {
var t = this.getTitle();
if (t && this.enabled) {
var n = this.tip();
n.find(".tipsy-inner")[this.options.html ? "html" : "text"](t);
n[0].className = "tipsy";
n.remove().css({
top: 0,
left: 0,
visibility: "hidden",
display: "block"
}).appendTo(document.body);
var r = e.extend({}, this.$element.offset(), {
width: this.$element[0].offsetWidth,
height: this.$element[0].offsetHeight
});
var i = n[0].offsetWidth,
s = n[0].offsetHeight;
var o = typeof this.options.gravity == "function" ? this.options.gravity.call(this.$element[0]) : this.options.gravity;
var u;
switch (o.charAt(0)) {
case "n":
u = {
top: r.top + r.height + this.options.offset,
left: r.left + r.width / 2 - i / 2
};
break;
case "s":
u = {
top: r.top - s - this.options.offset,
left: r.left + r.width / 2 - i / 2
};
break;
case "e":
u = {
top: r.top + r.height / 2 - s / 2,
left: r.left - i - this.options.offset
};
break;
case "w":
u = {
top: r.top + r.height / 2 - s / 2,
left: r.left + r.width + this.options.offset
};
break
}
if (o.length == 2) {
if (o.charAt(1) == "w") {
u.left = r.left + r.width / 2 - 15
} else {
u.left = r.left + r.width / 2 - i + 15
}
}
n.css(u).addClass("tipsy-" + o);
if (this.options.fade) {
n.stop().css({
opacity: 0,
display: "block",
visibility: "visible"
}).animate({
opacity: this.options.opacity
})
} else {
n.css({
visibility: "visible",
opacity: this.options.opacity
})
}
}
},
hide: function() {
if (this.options.fade) {
this.tip().stop().fadeOut(function() {
e(this).remove()
})
} else {
this.tip().remove()
}
},
getTitle: function() {
var e, n = this.$element,
r = this.options;
t(n);
var e, r = this.options;
if (typeof r.title == "string") {
e = n.attr(r.title == "title" ? "original-title" : r.title)
} else if (typeof r.title == "function") {
e = r.title.call(n[0])
}
e = ("" + e).replace(/(^\s*|\s*$)/, "");
return e || r.fallback
},
tip: function() {
if (!this.$tip) {
this.$tip = e('<div class="tipsy"></div>').html('<div class="tipsy-arrow"></div><div class="tipsy-inner"/></div>')
}
return this.$tip
},
validate: function() {
if (!this.$element[0].parentNode) {
this.hide();
this.$element = null;
this.options = null
}
},
enable: function() {
this.enabled = true
},
disable: function() {
this.enabled = false
},
toggleEnabled: function() {
this.enabled = !this.enabled
}
};
e.fn.tipsy = function(t) {
function r(r) {
var i = e.data(r, "tipsy");
if (!i) {
i = new n(r, e.fn.tipsy.elementOptions(r, t));
e.data(r, "tipsy", i)
}
return i
}
function i() {
var e = r(this);
e.hoverState = "in";
if (t.delayIn == 0) {
e.show()
} else {
setTimeout(function() {
if (e.hoverState == "in") e.show()
}, t.delayIn)
}
}
function s() {
var e = r(this);
e.hoverState = "out";
if (t.delayOut == 0) {
e.hide()
} else {
setTimeout(function() {
if (e.hoverState == "out") e.hide()
}, t.delayOut)
}
}
if (t === true) {
return this.data("tipsy")
} else if (typeof t == "string") {
return this.data("tipsy")[t]()
}
t = e.extend({}, e.fn.tipsy.defaults, t);
if (!t.live) this.each(function() {
r(this)
});
if (t.trigger != "manual") {
var o = t.live ? "live" : "bind",
u = t.trigger == "hover" ? "mouseenter" : "focus",
a = t.trigger == "hover" ? "mouseleave" : "blur";
this[o](u, i)[o](a, s)
}
return this
};
e.fn.tipsy.defaults = {
delayIn: 0,
delayOut: 0,
fade: false,
fallback: "",
gravity: "n",
html: false,
live: false,
offset: 0,
opacity: 1,
title: "title",
trigger: "hover"
};
e.fn.tipsy.elementOptions = function(t, n) {
return e.metadata ? e.extend({}, n, e(t).metadata()) : n
};
e.fn.tipsy.autoNS = function() {
return e(this).offset().top > e(document).scrollTop() + e(window).height() / 2 ? "s" : "n"
};
e.fn.tipsy.autoWE = function() {
return e(this).offset().left > e(document).scrollLeft() + e(window).width() / 2 ? "e" : "w"
}
})(jQuery);
/* jQuery SmoothScroll */
(function() {
function c() {
var e = false;
if (e) {
N("keydown", y)
}
if (t.keyboardSupport && !e) {
T("keydown", y)
}
}
function h() {
if (!document.body) return;
var e = document.body;
var i = document.documentElement;
var a = window.innerHeight;
var f = e.scrollHeight;
o = document.compatMode.indexOf("CSS") >= 0 ? i : e;
u = e;
c();
s = true;
if (top != self) {
r = true
} else if (f > a && (e.offsetHeight <= a || i.offsetHeight <= a)) {
i.style.height = "auto";
setTimeout(refresh, 10);
if (o.offsetHeight <= a) {
var l = document.createElement("div");
l.style.clear = "both";
e.appendChild(l)
}
}
if (!t.fixedBackground && !n) {
e.style.backgroundAttachment = "scroll";
i.style.backgroundAttachment = "scroll"
}
}
function m(e, n, r, i) {
i || (i = 1e3);
k(n, r);
if (t.accelerationMax != 1) {
var s = +(new Date);
var o = s - v;
if (o < t.accelerationDelta) {
var u = (1 + 30 / o) / 2;
if (u > 1) {
u = Math.min(u, t.accelerationMax);
n *= u;
r *= u
}
}
v = +(new Date)
}
p.push({
x: n,
y: r,
lastX: n < 0 ? .99 : -.99,
lastY: r < 0 ? .99 : -.99,
start: +(new Date)
});
if (d) {
return
}
var a = e === document.body;
var f = function(s) {
var o = +(new Date);
var u = 0;
var l = 0;
for (var c = 0; c < p.length; c++) {
var h = p[c];
var v = o - h.start;
var m = v >= t.animationTime;
var g = m ? 1 : v / t.animationTime;
if (t.pulseAlgorithm) {
g = D(g)
}
var y = h.x * g - h.lastX >> 0;
var b = h.y * g - h.lastY >> 0;
u += y;
l += b;
h.lastX += y;
h.lastY += b;
if (m) {
p.splice(c, 1);
c--
}
}
if (a) {
window.scrollBy(u, l)
} else {
if (u) e.scrollLeft += u;
if (l) e.scrollTop += l
}
if (!n && !r) {
p = []
}
if (p.length) {
M(f, e, i / t.frameRate + 1)
} else {
d = false
}
};
M(f, e, 0);
d = true
}
function g(e) {
if (!s) {
h()
}
var n = e.target;
var r = x(n);
if (!r || e.defaultPrevented || C(u, "embed") || C(n, "embed") && /\.pdf/i.test(n.src)) {
return true
}
var i = e.wheelDeltaX || 0;
var o = e.wheelDeltaY || 0;
if (!i && !o) {
o = e.wheelDelta || 0
}
if (!t.touchpadSupport && A(o)) {
return true
}
if (Math.abs(i) > 1.2) {
i *= t.stepSize / 120
}
if (Math.abs(o) > 1.2) {
o *= t.stepSize / 120
}
m(r, -i, -o);
e.preventDefault()
}
function y(e) {
var n = e.target;
var r = e.ctrlKey || e.altKey || e.metaKey || e.shiftKey && e.keyCode !== l.spacebar;
if (/input|textarea|select|embed/i.test(n.nodeName) || n.isContentEditable || e.defaultPrevented || r) {
return true
}
if (C(n, "button") && e.keyCode === l.spacebar) {
return true
}
var i, s = 0,
o = 0;
var a = x(u);
var f = a.clientHeight;
if (a == document.body) {
f = window.innerHeight
}
switch (e.keyCode) {
case l.up:
o = -t.arrowScroll;
break;
case l.down:
o = t.arrowScroll;
break;
case l.spacebar:
i = e.shiftKey ? 1 : -1;
o = -i * f * .9;
break;
case l.pageup:
o = -f * .9;
break;
case l.pagedown:
o = f * .9;
break;
case l.home:
o = -a.scrollTop;
break;
case l.end:
var c = a.scrollHeight - a.scrollTop - f;
o = c > 0 ? c + 10 : 0;
break;
case l.left:
s = -t.arrowScroll;
break;
case l.right:
s = t.arrowScroll;
break;
default:
return true
}
m(a, s, o);
e.preventDefault()
}
function b(e) {
u = e.target
}
function S(e, t) {
for (var n = e.length; n--;) w[E(e[n])] = t;
return t
}
function x(e) {
var t = [];
var n = o.scrollHeight;
do {
var i = w[E(e)];
if (i) {
return S(t, i)
}
t.push(e);
if (n === e.scrollHeight) {
if (!r || o.clientHeight + 10 < n) {
return S(t, document.body)
}
} else if (e.clientHeight + 10 < e.scrollHeight) {
overflow = getComputedStyle(e, "").getPropertyValue("overflow-y");
if (overflow === "scroll" || overflow === "auto") {
return S(t, e)
}
}
} while (e = e.parentNode)
}
function T(e, t, n) {
window.addEventListener(e, t, n || false)
}
function N(e, t, n) {
window.removeEventListener(e, t, n || false)
}
function C(e, t) {
return (e.nodeName || "").toLowerCase() === t.toLowerCase()
}
function k(e, t) {
e = e > 0 ? 1 : -1;
t = t > 0 ? 1 : -1;
if (i.x !== e || i.y !== t) {
i.x = e;
i.y = t;
p = [];
v = 0
}
}
function A(e) {
if (!e) return;
e = Math.abs(e);
f.push(e);
f.shift();
clearTimeout(L);
var t = f[0] == f[1] && f[1] == f[2];
var n = O(f[0], 120) && O(f[1], 120) && O(f[2], 120);
return !(t || n)
}
function O(e, t) {
return Math.floor(e / t) == e / t
}
function _(e) {
var n, r, i;
e = e * t.pulseScale;
if (e < 1) {
n = e - (1 - Math.exp(-e))
} else {
r = Math.exp(-1);
e -= 1;
i = 1 - Math.exp(-e);
n = r + i * (1 - r)
}
return n * t.pulseNormalize
}
function D(e) {
if (e >= 1) return 1;
if (e <= 0) return 0;
if (t.pulseNormalize == 1) {
t.pulseNormalize /= _(1)
}
return _(e)
}
var e = {
frameRate: 150,
animationTime: 400,
stepSize: 120,
pulseAlgorithm: true,
pulseScale: 8,
pulseNormalize: 1,
accelerationDelta: 20,
accelerationMax: 1,
keyboardSupport: true,
arrowScroll: 50,
touchpadSupport: true,
fixedBackground: true,
excluded: ""
};
var t = e;
var n = false;
var r = false;
var i = {
x: 0,
y: 0
};
var s = false;
var o = document.documentElement;
var u;
var a;
var f = [120, 120, 120];
var l = {
left: 37,
up: 38,
right: 39,
down: 40,
spacebar: 32,
pageup: 33,
pagedown: 34,
end: 35,
home: 36
};
var t = e;
var p = [];
var d = false;
var v = +(new Date);
var w = {};
setInterval(function() {
w = {}
}, 10 * 1e3);
var E = function() {
var e = 0;
return function(t) {
return t.uniqueID || (t.uniqueID = e++)
}
}();
var L;
var M = function() {
return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function(e, t, n) {
window.setTimeout(e, n || 1e3 / 60)
}
}();
var P = /chrome/i.test(window.navigator.userAgent);
var H = "onmousewheel" in document;
if (H && P) {
T("mousedown", b);
T("mousewheel", g);
T("load", h)
}
})();
/* jQuery Waypoints */
(function() {
var t = [].indexOf || function(t) {
for (var e = 0, n = this.length; e < n; e++) {
if (e in this && this[e] === t) return e
}
return -1
},
e = [].slice;
(function(t, e) {
if (typeof define === "function" && define.amd) {
return define("waypoints", ["jquery"], function(n) {
return e(n, t)
})
} else {
return e(t.jQuery, t)
}
})(this, function(n, r) {
var i, o, l, s, f, u, a, c, h, d, p, y, v, w, g, m;
i = n(r);
c = t.call(r, "ontouchstart") >= 0;
s = {
horizontal: {},
vertical: {}
};
f = 1;
a = {};
u = "waypoints-context-id";
p = "resize.waypoints";
y = "scroll.waypoints";
v = 1;
w = "waypoints-waypoint-ids";
g = "waypoint";
m = "waypoints";
o = function() {
function t(t) {
var e = this;
this.$element = t;
this.element = t[0];
this.didResize = false;
this.didScroll = false;
this.id = "context" + f++;
this.oldScroll = {
x: t.scrollLeft(),
y: t.scrollTop()
};
this.waypoints = {
horizontal: {},
vertical: {}
};
t.data(u, this.id);
a[this.id] = this;
t.bind(y, function() {
var t;
if (!(e.didScroll || c)) {
e.didScroll = true;
t = function() {
e.doScroll();
return e.didScroll = false
};
return r.setTimeout(t, n[m].settings.scrollThrottle)
}
});
t.bind(p, function() {
var t;
if (!e.didResize) {
e.didResize = true;
t = function() {
n[m]("refresh");
return e.didResize = false
};
return r.setTimeout(t, n[m].settings.resizeThrottle)
}
})
}
t.prototype.doScroll = function() {
var t, e = this;
t = {
horizontal: {
newScroll: this.$element.scrollLeft(),
oldScroll: this.oldScroll.x,
forward: "right",
backward: "left"
},
vertical: {
newScroll: this.$element.scrollTop(),
oldScroll: this.oldScroll.y,
forward: "down",
backward: "up"
}
};
if (c && (!t.vertical.oldScroll || !t.vertical.newScroll)) {
n[m]("refresh")
}
n.each(t, function(t, r) {
var i, o, l;
l = [];
o = r.newScroll > r.oldScroll;
i = o ? r.forward : r.backward;
n.each(e.waypoints[t], function(t, e) {
var n, i;
if (r.oldScroll < (n = e.offset) && n <= r.newScroll) {
return l.push(e)
} else if (r.newScroll < (i = e.offset) && i <= r.oldScroll) {
return l.push(e)
}
});
l.sort(function(t, e) {
return t.offset - e.offset
});
if (!o) {
l.reverse()
}
return n.each(l, function(t, e) {
if (e.options.continuous || t === l.length - 1) {
return e.trigger([i])
}
})
});
return this.oldScroll = {
x: t.horizontal.newScroll,
y: t.vertical.newScroll
}
};
t.prototype.refresh = function() {
var t, e, r, i = this;
r = n.isWindow(this.element);
e = this.$element.offset();
this.doScroll();
t = {
horizontal: {
contextOffset: r ? 0 : e.left,
contextScroll: r ? 0 : this.oldScroll.x,
contextDimension: this.$element.width(),
oldScroll: this.oldScroll.x,
forward: "right",
backward: "left",
offsetProp: "left"
},
vertical: {
contextOffset: r ? 0 : e.top,
contextScroll: r ? 0 : this.oldScroll.y,
contextDimension: r ? n[m]("viewportHeight") : this.$element.height(),
oldScroll: this.oldScroll.y,
forward: "down",
backward: "up",
offsetProp: "top"
}
};
return n.each(t, function(t, e) {
return n.each(i.waypoints[t], function(t, r) {
var i, o, l, s, f;
i = r.options.offset;
l = r.offset;
o = n.isWindow(r.element) ? 0 : r.$element.offset()[e.offsetProp];
if (n.isFunction(i)) {
i = i.apply(r.element)
} else if (typeof i === "string") {
i = parseFloat(i);
if (r.options.offset.indexOf("%") > -1) {
i = Math.ceil(e.contextDimension * i / 100)
}
}
r.offset = o - e.contextOffset + e.contextScroll - i;
if (r.options.onlyOnScroll && l != null || !r.enabled) {
return
}
if (l !== null && l < (s = e.oldScroll) && s <= r.offset) {
return r.trigger([e.backward])
} else if (l !== null && l > (f = e.oldScroll) && f >= r.offset) {
return r.trigger([e.forward])
} else if (l === null && e.oldScroll >= r.offset) {
return r.trigger([e.forward])
}
})
})
};
t.prototype.checkEmpty = function() {
if (n.isEmptyObject(this.waypoints.horizontal) && n.isEmptyObject(this.waypoints.vertical)) {
this.$element.unbind([p, y].join(" "));
return delete a[this.id]
}
};
return t
}();
l = function() {
function t(t, e, r) {
var i, o;
r = n.extend({}, n.fn[g].defaults, r);
if (r.offset === "bottom-in-view") {
r.offset = function() {
var t;
t = n[m]("viewportHeight");
if (!n.isWindow(e.element)) {
t = e.$element.height()
}
return t - n(this).outerHeight()
}
}
this.$element = t;
this.element = t[0];
this.axis = r.horizontal ? "horizontal" : "vertical";
this.callback = r.handler;
this.context = e;
this.enabled = r.enabled;
this.id = "waypoints" + v++;
this.offset = null;
this.options = r;
e.waypoints[this.axis][this.id] = this;
s[this.axis][this.id] = this;
i = (o = t.data(w)) != null ? o : [];
i.push(this.id);
t.data(w, i)
}
t.prototype.trigger = function(t) {
if (!this.enabled) {
return
}
if (this.callback != null) {
this.callback.apply(this.element, t)
}
if (this.options.triggerOnce) {
return this.destroy()
}
};
t.prototype.disable = function() {
return this.enabled = false
};
t.prototype.enable = function() {
this.context.refresh();
return this.enabled = true
};
t.prototype.destroy = function() {
delete s[this.axis][this.id];
delete this.context.waypoints[this.axis][this.id];
return this.context.checkEmpty()
};
t.getWaypointsByElement = function(t) {
var e, r;
r = n(t).data(w);
if (!r) {
return []
}
e = n.extend({}, s.horizontal, s.vertical);
return n.map(r, function(t) {
return e[t]
})
};
return t
}();
d = {
init: function(t, e) {
var r;
if (e == null) {
e = {}
}
if ((r = e.handler) == null) {
e.handler = t
}
this.each(function() {
var t, r, i, s;
t = n(this);
i = (s = e.context) != null ? s : n.fn[g].defaults.context;
if (!n.isWindow(i)) {
i = t.closest(i)
}
i = n(i);
r = a[i.data(u)];
if (!r) {
r = new o(i)
}
return new l(t, r, e)
});
n[m]("refresh");
return this
},
disable: function() {
return d._invoke(this, "disable")
},
enable: function() {
return d._invoke(this, "enable")
},
destroy: function() {
return d._invoke(this, "destroy")
},
prev: function(t, e) {
return d._traverse.call(this, t, e, function(t, e, n) {
if (e > 0) {
return t.push(n[e - 1])
}
})
},
next: function(t, e) {
return d._traverse.call(this, t, e, function(t, e, n) {
if (e < n.length - 1) {
return t.push(n[e + 1])
}
})
},
_traverse: function(t, e, i) {
var o, l;
if (t == null) {
t = "vertical"
}
if (e == null) {
e = r
}
l = h.aggregate(e);
o = [];
this.each(function() {
var e;
e = n.inArray(this, l[t]);
return i(o, e, l[t])
});
return this.pushStack(o)
},
_invoke: function(t, e) {
t.each(function() {
var t;
t = l.getWaypointsByElement(this);
return n.each(t, function(t, n) {
n[e]();
return true
})
});
return this
}
};
n.fn[g] = function() {
var t, r;
r = arguments[0], t = 2 <= arguments.length ? e.call(arguments, 1) : [];
if (d[r]) {
return d[r].apply(this, t)
} else if (n.isFunction(r)) {
return d.init.apply(this, arguments)
} else if (n.isPlainObject(r)) {
return d.init.apply(this, [null, r])
} else if (!r) {
return n.error("jQuery Waypoints needs a callback function or handler option.")
} else {
return n.error("The " + r + " method does not exist in jQuery Waypoints.")
}
};
n.fn[g].defaults = {
context: r,
continuous: true,
enabled: true,
horizontal: false,
offset: 0,
triggerOnce: false
};
h = {
refresh: function() {
return n.each(a, function(t, e) {
return e.refresh()
})
},
viewportHeight: function() {
var t;
return (t = r.innerHeight) != null ? t : i.height()
},
aggregate: function(t) {
var e, r, i;
e = s;
if (t) {
e = (i = a[n(t).data(u)]) != null ? i.waypoints : void 0
}
if (!e) {
return []
}
r = {
horizontal: [],
vertical: []
};
n.each(r, function(t, i) {
n.each(e[t], function(t, e) {
return i.push(e)
});
i.sort(function(t, e) {
return t.offset - e.offset
});
r[t] = n.map(i, function(t) {
return t.element
});
return r[t] = n.unique(r[t])
});
return r
},
above: function(t) {
if (t == null) {
t = r
}
return h._filter(t, "vertical", function(t, e) {
return e.offset <= t.oldScroll.y
})
},
below: function(t) {
if (t == null) {
t = r
}
return h._filter(t, "vertical", function(t, e) {
return e.offset > t.oldScroll.y
})
},
left: function(t) {
if (t == null) {
t = r
}
return h._filter(t, "horizontal", function(t, e) {
return e.offset <= t.oldScroll.x
})
},
right: function(t) {
if (t == null) {
t = r
}
return h._filter(t, "horizontal", function(t, e) {
return e.offset > t.oldScroll.x
})
},
enable: function() {
return h._invoke("enable")
},
disable: function() {
return h._invoke("disable")
},
destroy: function() {
return h._invoke("destroy")
},
extendFn: function(t, e) {
return d[t] = e
},
_invoke: function(t) {
var e;
e = n.extend({}, s.vertical, s.horizontal);
return n.each(e, function(e, n) {
n[t]();
return true
})
},
_filter: function(t, e, r) {
var i, o;
i = a[n(t).data(u)];
if (!i) {
return []
}
o = [];
n.each(i.waypoints[e], function(t, e) {
if (r(i, e)) {
return o.push(e)
}
});
o.sort(function(t, e) {
return t.offset - e.offset
});
return n.map(o, function(t) {
return t.element
})
}
};
n[m] = function() {
var t, n;
n = arguments[0], t = 2 <= arguments.length ? e.call(arguments, 1) : [];
if (h[n]) {
return h[n].apply(null, t)
} else {
return h.aggregate.call(null, n)
}
};
n[m].settings = {
resizeThrottle: 100,
scrollThrottle: 30
};
return i.load(function() {
return n[m]("refresh")
})
})
}).call(this);
/* jQuery countTo */
(function(e) {
function t(e, t) {
return e.toFixed(t.decimals)
}
e.fn.countTo = function(t) {
t = t || {};
return e(this).each(function() {
function l() {
a += i;
u++;
c(a);
if (typeof n.onUpdate == "function") {
n.onUpdate.call(s, a)
}
if (u >= r) {
o.removeData("countTo");
clearInterval(f.interval);
a = n.to;
if (typeof n.onComplete == "function") {
n.onComplete.call(s, a)
}
}
}
function c(e) {
var t = n.formatter.call(s, e, n);
o.text(t)
}
var n = e.extend({}, e.fn.countTo.defaults, {
from: e(this).data("from"),
to: e(this).data("to"),
speed: e(this).data("speed"),
refreshInterval: e(this).data("refresh-interval"),
decimals: e(this).data("decimals")
}, t);
var r = Math.ceil(n.speed / n.refreshInterval),
i = (n.to - n.from) / r;
var s = this,
o = e(this),
u = 0,
a = n.from,
f = o.data("countTo") || {};
o.data("countTo", f);
if (f.interval) {
clearInterval(f.interval)
}
f.interval = setInterval(l, n.refreshInterval);
c(a)
})
};
e.fn.countTo.defaults = {
from: 0,
to: 0,
speed: 1e3,
refreshInterval: 100,
decimals: 0,
formatter: t,
onUpdate: null,
onComplete: null
}
})(jQuery);
/* jQuery Stellar */
(function(e, t, n, r) {
function d(t, n) {
this.element = t;
this.options = e.extend({}, s, n);
this._defaults = s;
this._name = i;
this.init()
}
var i = "stellar",
s = {
scrollProperty: "scroll",
positionProperty: "position",
horizontalScrolling: true,
verticalScrolling: true,
horizontalOffset: 0,
verticalOffset: 0,
responsive: false,
parallaxBackgrounds: true,
parallaxElements: true,
hideDistantElements: true,
hideElement: function(e) {
e.hide()
},
showElement: function(e) {
e.show()
}
},
o = {
scroll: {
getLeft: function(e) {
return e.scrollLeft()
},
setLeft: function(e, t) {
e.scrollLeft(t)
},
getTop: function(e) {
return e.scrollTop()
},
setTop: function(e, t) {
e.scrollTop(t)
}
},
position: {
getLeft: function(e) {
return parseInt(e.css("left"), 10) * -1
},
getTop: function(e) {
return parseInt(e.css("top"), 10) * -1
}
},
margin: {
getLeft: function(e) {
return parseInt(e.css("margin-left"), 10) * -1
},
getTop: function(e) {
return parseInt(e.css("margin-top"), 10) * -1
}
},
transform: {
getLeft: function(e) {
var t = getComputedStyle(e[0])[f];
return t !== "none" ? parseInt(t.match(/(-?[0-9]+)/g)[4], 10) * -1 : 0
},
getTop: function(e) {
var t = getComputedStyle(e[0])[f];
return t !== "none" ? parseInt(t.match(/(-?[0-9]+)/g)[5], 10) * -1 : 0
}
}
},
u = {
position: {
setLeft: function(e, t) {
e.css("left", t)
},
setTop: function(e, t) {
e.css("top", t)
}
},
transform: {
setPosition: function(e, t, n, r, i) {
e[0].style[f] = "translate3d(" + (t - n) + "px, " + (r - i) + "px, 0)"
}
}
},
a = function() {
var t = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/,
n = e("script")[0].style,
r = "",
i;
for (i in n) {
if (t.test(i)) {
r = i.match(t)[0];
break
}
}
if ("WebkitOpacity" in n) {
r = "Webkit"
}
if ("KhtmlOpacity" in n) {
r = "Khtml"
}
return function(e) {
return r + (r.length > 0 ? e.charAt(0).toUpperCase() + e.slice(1) : e)
}
}(),
f = a("transform"),
l = e("<div />", {
style: "background:#fff"
}).css("background-position-x") !== r,
c = l ? function(e, t, n) {
e.css({
"background-position-x": t,
"background-position-y": n
})
} : function(e, t, n) {
e.css("background-position", t + " " + n)
},
h = l ? function(e) {
return [e.css("background-position-x"), e.css("background-position-y")]
} : function(e) {
return e.css("background-position").split(" ")
},
p = t.requestAnimationFrame || t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || t.oRequestAnimationFrame || t.msRequestAnimationFrame || function(e) {
setTimeout(e, 1e3 / 60)
};
d.prototype = {
init: function() {
this.options.name = i + "_" + Math.floor(Math.random() * 1e9);
this._defineElements();
this._defineGetters();
this._defineSetters();
this._handleWindowLoadAndResize();
this._detectViewport();
this.refresh({
firstLoad: true
});
if (this.options.scrollProperty === "scroll") {
this._handleScrollEvent()
} else {
this._startAnimationLoop()
}
},
_defineElements: function() {
if (this.element === n.body) this.element = t;
this.$scrollElement = e(this.element);
this.$element = this.element === t ? e("body") : this.$scrollElement;
this.$viewportElement = this.options.viewportElement !== r ? e(this.options.viewportElement) : this.$scrollElement[0] === t || this.options.scrollProperty === "scroll" ? this.$scrollElement : this.$scrollElement.parent()
},
_defineGetters: function() {
var e = this,
t = o[e.options.scrollProperty];
this._getScrollLeft = function() {
return t.getLeft(e.$scrollElement)
};
this._getScrollTop = function() {
return t.getTop(e.$scrollElement)
}
},
_defineSetters: function() {
var t = this,
n = o[t.options.scrollProperty],
r = u[t.options.positionProperty],
i = n.setLeft,
s = n.setTop;
this._setScrollLeft = typeof i === "function" ? function(e) {
i(t.$scrollElement, e)
} : e.noop;
this._setScrollTop = typeof s === "function" ? function(e) {
s(t.$scrollElement, e)
} : e.noop;
this._setPosition = r.setPosition || function(e, n, i, s, o) {
if (t.options.horizontalScrolling) {
r.setLeft(e, n, i)
}
if (t.options.verticalScrolling) {
r.setTop(e, s, o)
}
}
},
_handleWindowLoadAndResize: function() {
var n = this,
r = e(t);
if (n.options.responsive) {
r.bind("load." + this.name, function() {
n.refresh()
})
}
r.bind("resize." + this.name, function() {
n._detectViewport();
if (n.options.responsive) {
n.refresh()
}
})
},
refresh: function(n) {
var r = this,
i = r._getScrollLeft(),
s = r._getScrollTop();
if (!n || !n.firstLoad) {
this._reset()
}
this._setScrollLeft(0);
this._setScrollTop(0);
this._setOffsets();
this._findParticles();
this._findBackgrounds();
if (n && n.firstLoad && /WebKit/.test(navigator.userAgent)) {
e(t).load(function() {
var e = r._getScrollLeft(),
t = r._getScrollTop();
r._setScrollLeft(e + 1);
r._setScrollTop(t + 1);
r._setScrollLeft(e);
r._setScrollTop(t)
})
}
this._setScrollLeft(i);
this._setScrollTop(s)
},
_detectViewport: function() {
var e = this.$viewportElement.offset(),
t = e !== null && e !== r;
this.viewportWidth = this.$viewportElement.width();
this.viewportHeight = this.$viewportElement.height();
this.viewportOffsetTop = t ? e.top : 0;
this.viewportOffsetLeft = t ? e.left : 0
},
_findParticles: function() {
var t = this,
n = this._getScrollLeft(),
i = this._getScrollTop();
if (this.particles !== r) {
for (var s = this.particles.length - 1; s >= 0; s--) {
this.particles[s].$element.data("stellar-elementIsActive", r)
}
}
this.particles = [];
if (!this.options.parallaxElements) return;
this.$element.find("[data-stellar-ratio]").each(function(n) {
var i = e(this),
s, o, u, a, f, l, c, h, p, d = 0,
v = 0,
m = 0,
g = 0;
if (!i.data("stellar-elementIsActive")) {
i.data("stellar-elementIsActive", this)
} else if (i.data("stellar-elementIsActive") !== this) {
return
}
t.options.showElement(i);
if (!i.data("stellar-startingLeft")) {
i.data("stellar-startingLeft", i.css("left"));
i.data("stellar-startingTop", i.css("top"))
} else {
i.css("left", i.data("stellar-startingLeft"));
i.css("top", i.data("stellar-startingTop"))
}
u = i.position().left;
a = i.position().top;
f = i.css("margin-left") === "auto" ? 0 : parseInt(i.css("margin-left"), 10);
l = i.css("margin-top") === "auto" ? 0 : parseInt(i.css("margin-top"), 10);
h = i.offset().left - f;
p = i.offset().top - l;
i.parents().each(function() {
var t = e(this);
if (t.data("stellar-offset-parent") === true) {
d = m;
v = g;
c = t;
return false
} else {
m += t.position().left;
g += t.position().top
}
});
s = i.data("stellar-horizontal-offset") !== r ? i.data("stellar-horizontal-offset") : c !== r && c.data("stellar-horizontal-offset") !== r ? c.data("stellar-horizontal-offset") : t.horizontalOffset;
o = i.data("stellar-vertical-offset") !== r ? i.data("stellar-vertical-offset") : c !== r && c.data("stellar-vertical-offset") !== r ? c.data("stellar-vertical-offset") : t.verticalOffset;
t.particles.push({
$element: i,
$offsetParent: c,
isFixed: i.css("position") === "fixed",
horizontalOffset: s,
verticalOffset: o,
startingPositionLeft: u,
startingPositionTop: a,
startingOffsetLeft: h,
startingOffsetTop: p,
parentOffsetLeft: d,
parentOffsetTop: v,
stellarRatio: i.data("stellar-ratio") !== r ? i.data("stellar-ratio") : 1,
width: i.outerWidth(true),
height: i.outerHeight(true),
isHidden: false
})
})
},
_findBackgrounds: function() {
var t = this,
n = this._getScrollLeft(),
i = this._getScrollTop(),
s;
this.backgrounds = [];
if (!this.options.parallaxBackgrounds) return;
s = this.$element.find("[data-stellar-background-ratio]");
if (this.$element.data("stellar-background-ratio")) {
s = s.add(this.$element)
}
s.each(function() {
var s = e(this),
o = h(s),
u, a, f, l, p, d, v, m, g, y = 0,
b = 0,
w = 0,
E = 0;
if (!s.data("stellar-backgroundIsActive")) {
s.data("stellar-backgroundIsActive", this)
} else if (s.data("stellar-backgroundIsActive") !== this) {
return
}
if (!s.data("stellar-backgroundStartingLeft")) {
s.data("stellar-backgroundStartingLeft", o[0]);
s.data("stellar-backgroundStartingTop", o[1])
} else {
c(s, s.data("stellar-backgroundStartingLeft"), s.data("stellar-backgroundStartingTop"))
}
p = s.css("margin-left") === "auto" ? 0 : parseInt(s.css("margin-left"), 10);
d = s.css("margin-top") === "auto" ? 0 : parseInt(s.css("margin-top"), 10);
v = s.offset().left - p - n;
m = s.offset().top - d - i;
s.parents().each(function() {
var t = e(this);
if (t.data("stellar-offset-parent") === true) {
y = w;
b = E;
g = t;
return false
} else {
w += t.position().left;
E += t.position().top
}
});
u = s.data("stellar-horizontal-offset") !== r ? s.data("stellar-horizontal-offset") : g !== r && g.data("stellar-horizontal-offset") !== r ? g.data("stellar-horizontal-offset") : t.horizontalOffset;
a = s.data("stellar-vertical-offset") !== r ? s.data("stellar-vertical-offset") : g !== r && g.data("stellar-vertical-offset") !== r ? g.data("stellar-vertical-offset") : t.verticalOffset;
t.backgrounds.push({
$element: s,
$offsetParent: g,
isFixed: s.css("background-attachment") === "fixed",
horizontalOffset: u,
verticalOffset: a,
startingValueLeft: o[0],
startingValueTop: o[1],
startingBackgroundPositionLeft: isNaN(parseInt(o[0], 10)) ? 0 : parseInt(o[0], 10),
startingBackgroundPositionTop: isNaN(parseInt(o[1], 10)) ? 0 : parseInt(o[1], 10),
startingPositionLeft: s.position().left,
startingPositionTop: s.position().top,
startingOffsetLeft: v,
startingOffsetTop: m,
parentOffsetLeft: y,
parentOffsetTop: b,
stellarRatio: s.data("stellar-background-ratio") === r ? 1 : s.data("stellar-background-ratio")
})
})
},
_reset: function() {
var e, t, n, r, i;
for (i = this.particles.length - 1; i >= 0; i--) {
e = this.particles[i];
t = e.$element.data("stellar-startingLeft");
n = e.$element.data("stellar-startingTop");
this._setPosition(e.$element, t, t, n, n);
this.options.showElement(e.$element);
e.$element.data("stellar-startingLeft", null).data("stellar-elementIsActive", null).data("stellar-backgroundIsActive", null)
}
for (i = this.backgrounds.length - 1; i >= 0; i--) {
r = this.backgrounds[i];
r.$element.data("stellar-backgroundStartingLeft", null).data("stellar-backgroundStartingTop", null);
c(r.$element, r.startingValueLeft, r.startingValueTop)
}
},
destroy: function() {
this._reset();
this.$scrollElement.unbind("resize." + this.name).unbind("scroll." + this.name);
this._animationLoop = e.noop;
e(t).unbind("load." + this.name).unbind("resize." + this.name)
},
_setOffsets: function() {
var n = this,
r = e(t);
r.unbind("resize.horizontal-" + this.name).unbind("resize.vertical-" + this.name);
if (typeof this.options.horizontalOffset === "function") {
this.horizontalOffset = this.options.horizontalOffset();
r.bind("resize.horizontal-" + this.name, function() {
n.horizontalOffset = n.options.horizontalOffset()
})
} else {
this.horizontalOffset = this.options.horizontalOffset
}
if (typeof this.options.verticalOffset === "function") {
this.verticalOffset = this.options.verticalOffset();
r.bind("resize.vertical-" + this.name, function() {
n.verticalOffset = n.options.verticalOffset()
})
} else {
this.verticalOffset = this.options.verticalOffset
}
},
_repositionElements: function() {
var e = this._getScrollLeft(),
t = this._getScrollTop(),
n, r, i, s, o, u, a, f = true,
l = true,
h, p, d, v, m;
if (this.currentScrollLeft === e && this.currentScrollTop === t && this.currentWidth === this.viewportWidth && this.currentHeight === this.viewportHeight) {
return
} else {
this.currentScrollLeft = e;
this.currentScrollTop = t;
this.currentWidth = this.viewportWidth;
this.currentHeight = this.viewportHeight
}
for (m = this.particles.length - 1; m >= 0; m--) {
i = this.particles[m];
s = i.isFixed ? 1 : 0;
if (this.options.horizontalScrolling) {
h = (e + i.horizontalOffset + this.viewportOffsetLeft + i.startingPositionLeft - i.startingOffsetLeft + i.parentOffsetLeft) * -(i.stellarRatio + s - 1) + i.startingPositionLeft;
d = h - i.startingPositionLeft + i.startingOffsetLeft
} else {
h = i.startingPositionLeft;
d = i.startingOffsetLeft
}
if (this.options.verticalScrolling) {
p = (t + i.verticalOffset + this.viewportOffsetTop + i.startingPositionTop - i.startingOffsetTop + i.parentOffsetTop) * -(i.stellarRatio + s - 1) + i.startingPositionTop;
v = p - i.startingPositionTop + i.startingOffsetTop
} else {
p = i.startingPositionTop;
v = i.startingOffsetTop
}
if (this.options.hideDistantElements) {
l = !this.options.horizontalScrolling || d + i.width > (i.isFixed ? 0 : e) && d < (i.isFixed ? 0 : e) + this.viewportWidth + this.viewportOffsetLeft;
f = !this.options.verticalScrolling || v + i.height > (i.isFixed ? 0 : t) && v < (i.isFixed ? 0 : t) + this.viewportHeight + this.viewportOffsetTop
}
if (l && f) {
if (i.isHidden) {
this.options.showElement(i.$element);
i.isHidden = false
}
this._setPosition(i.$element, h, i.startingPositionLeft, p, i.startingPositionTop)
} else {
if (!i.isHidden) {
this.options.hideElement(i.$element);
i.isHidden = true
}
}
}
for (m = this.backgrounds.length - 1; m >= 0; m--) {
o = this.backgrounds[m];
s = o.isFixed ? 0 : 1;
u = this.options.horizontalScrolling ? (e + o.horizontalOffset - this.viewportOffsetLeft - o.startingOffsetLeft + o.parentOffsetLeft - o.startingBackgroundPositionLeft) * (s - o.stellarRatio) + "px" : o.startingValueLeft;
a = this.options.verticalScrolling ? (t + o.verticalOffset - this.viewportOffsetTop - o.startingOffsetTop + o.parentOffsetTop - o.startingBackgroundPositionTop) * (s - o.stellarRatio) + "px" : o.startingValueTop;
c(o.$element, u, a)
}
},
_handleScrollEvent: function() {
var e = this,
t = false;
var n = function() {
e._repositionElements();
t = false
};
var r = function() {
if (!t) {
p(n);
t = true
}
};
this.$scrollElement.bind("scroll." + this.name, r);
r()
},
_startAnimationLoop: function() {
var e = this;
this._animationLoop = function() {
p(e._animationLoop);
e._repositionElements()
};
this._animationLoop()
}
};
e.fn[i] = function(t) {
var n = arguments;
if (t === r || typeof t === "object") {
return this.each(function() {
if (!e.data(this, "plugin_" + i)) {
e.data(this, "plugin_" + i, new d(this, t))
}
})
} else if (typeof t === "string" && t[0] !== "_" && t !== "init") {
return this.each(function() {
var r = e.data(this, "plugin_" + i);
if (r instanceof d && typeof r[t] === "function") {
r[t].apply(r, Array.prototype.slice.call(n, 1))
}
if (t === "destroy") {
e.data(this, "plugin_" + i, null)
}
})
}
};
e[i] = function(n) {
var r = e(t);
return r.stellar.apply(r, Array.prototype.slice.call(arguments, 0))
};
e[i].scrollProperty = o;
e[i].positionProperty = u;
t.Stellar = d
})(jQuery, this, document);
Raw
scripts
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
Raw
style.css
/* Reset Styling
----------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, img {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
outline: none;
padding: 0px;
margin: 0px
}
/* General Styling
----------------------------------------------------------------------*/
body {
margin: 0 auto;
background: #313131;
color: #7A7A7A;
line-height: 24px;
font-family: "Calibri", Helvetica, Tahoma, Arial;
font-weight: 400;
font-size: 16px
}
#status {
position: absolute;
right: 20px;
top: 20px;
z-index: 999;
}
@keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes rotate-loading {
0% {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@keyframes loading-text-opacity {
0% {opacity: 0}
20% {opacity: 0}
50% {opacity: 1}
100%{opacity: 0}
}
@-moz-keyframes loading-text-opacity {
0% {opacity: 0}
20% {opacity: 0}
50% {opacity: 1}
100%{opacity: 0}
}
@-webkit-keyframes loading-text-opacity {
0% {opacity: 0}
20% {opacity: 0}
50% {opacity: 1}
100%{opacity: 0}
}
@-o-keyframes loading-text-opacity {
0% {opacity: 0}
20% {opacity: 0}
50% {opacity: 1}
100%{opacity: 0}
}
.loading-container,
.loading {
height: 20px;
position: relative;
width: 20px;
border-radius: 100%;
}
.loading {
border: 2px solid transparent;
border-color: transparent #fff transparent #FFF;
-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
-moz-transform-origin: 50% 50%;
-o-animation: rotate-loading 1.5s linear 0s infinite normal;
-o-transform-origin: 50% 50%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
-webkit-transform-origin: 50% 50%;
animation: rotate-loading 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
}
.loading-container:hover .loading {border-color: transparent #fff transparent #fff;}
.loading-container:hover .loading,
.loading-container .loading {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#loading-text {
display: none
}
::selection{
color:#fff;
background:#1DC6DE
}
::-moz-selection{
color:#fff;
background:#1DC6DE
}
img {
border: none;
max-width: 100%
}
a {
color: #313131;
text-decoration: none;
-webkit-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out
}
a:hover {
color: #1DC6DE
}
h1, h2, h3, h4, h5, h6 {
color: #484747;
padding: 0;
margin: 0 0 10px 0;
font-family: "Belgrano", Helvetica, Tahoma, Arial;
font-weight: 700;
line-height: 28px
}
h1 { font-size: 32px }
h2 { font-size: 26px }
h3 { font-size: 20px }
h4 { font-size: 18px }
h5 { font-size: 14px }
h6 { font-size: 12px }
p {
margin-bottom: 30px
}
p:last-child {
margin-bottom: 0
}
strong {
font-weight: bold
}
em {
font-style: italic
}
ol {
padding: 0;
margin: 0
}
ol li {
list-style: decimal;
padding: 0 0 10px 0;
margin: 0 0 0 20px;
line-height: 24px
}
ul {
padding: 0;
margin: 0;
list-style-type: none
}
cite {
float: right;
padding: 0 0 5px 0
}
hr {
background: #e6e6e6;
border: 0;
clear: both;
width: 100%;
height: 1px;
padding: 0;
margin: 20px 0;
position: relative
}
pre {
color: #333;
white-space: initial;
border-radius: 3px;
background: #ccc;
border-left: 8px solid #1ABC9C;
padding: 14px 20px;
white-space: initial;
margin: 5px 0 20px 0;
overflow: auto;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
code {
color: #333;
background: #ccc;
border-left: 8px solid #1ABC9C;
padding: 14px 20px;
border-radius: 3px;
margin: 5px 0 20px 0;
clear: both;
display: block;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
iframe {
max-width: 100%;
}
mark {
padding: 3px 5px;
}
textarea {
white-space:pre;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float: left;
position: relative;
margin-left: 1%;
margin-right: 1%;
}
.alpha {margin-left: 0 !important}
.omega {margin-right: 0 !important}
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 {width:6.333%}
.grid_2 {width:14.667%}
.grid_3 {width:23.0%}
.grid_4 {width:31.333%}
.grid_5 {width:39.667%}
.grid_6 {width:48.0%}
.grid_7 {width:56.333%}
.grid_8 {width:64.667%}
.grid_9 {width:73.0%}
.grid_10 {width:81.333%}
.grid_11 {width:89.667%}
.grid_12 {width:98.0%}
.grid_12:after {
content: "";
clear: both;
}
.grid_full {
width:100%;
}
.grid_1_5 {
width:18.0%;
}
.grid_2_5 {
width:38.0%;
}
.grid_3_5 {
width:58.0%;
}
.grid_4_5 {
width:78.0%;
}
.grid_1.alpha,.grid_1.omega {
width:7.333%;
}
.grid_2.alpha,.grid_2.omega {
width:15.667%;
}
.grid_3.alpha,.grid_3.omega {
width:24.0%;
}
.grid_4.alpha,.grid_4.omega {
width:32.333%;
}
.grid_5.alpha,.grid_5.omega {
width:40.667%;
}
.grid_6.alpha,.grid_6.omega {
width:49.0%;
}
.grid_7.alpha,.grid_7.omega {
width:57.333%;
}
.grid_8.alpha,.grid_8.omega {
width:65.667%;
}
.grid_9.alpha,.grid_9.omega {
width:74.0%;
}
.grid_10.alpha,.grid_10.omega {
width:82.333%;
}
.grid_11.alpha,.grid_11.omega {
width:90.667%;
}
.grid_12.alpha,.grid_12.omega {
width:99.0%;
}
.grid_1_5.alpha,.grid_1_5.omega {
width:19.0%;
}
.grid_2_5.alpha,.grid_2_5.omega {
width:39.0%;
}
.grid_3_5.alpha,.grid_3_5.omega {
width:59.0%;
}
.grid_4_5.alpha,.grid_4_5.omega {
width:79.0%;
}
.row {
width: 1000px;
margin: 0 auto;
position: relative;
}
#layout {
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s
}
.boxed {
margin: 0 auto;
width: 1100px;
background: #313131;
position: relative;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.boxed-margin {
margin: 30px auto;
width: 1100px;
background: #313131;
position: relative;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.full {
width: 100%;
margin: 0 auto;
background: #313131
}
.left-sidebar .posts {
float: right
}
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/* Header
----------------------------------------------------------------------------------------------------*/
#header {
position: fixed;
height: 200px;
top: 0;
width: 100%;
z-index: 100;
}
#header .head {
background: #313131;
}
.header_2 #header .head {
background: none !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
.logo {
float: left;
margin: 25px 0;
font-size: 30px;
}
.logo a {
color: #fff
}
#header .search {
float: right;
position: relative;
margin: 0 0 0 110px;
float: right;
z-index: 9999;
}
.search_icon {
position: relative;
cursor: pointer
}
.search_icon i {
font-size: 18px;
color: #727272;
text-align: center;
margin: 0 0 28px 28px;
display: flex;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
position: relative;
top: 28px;
}
.s_form {
position: absolute;
display: none;
top: 62px;
right: -18px;
padding: 8px 10px;
background: #FFF;
border-radius: 3px;
border-top: 2px solid #1dc6de;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.28);
}
.s_form:after {
content: no-close-quote;
position: absolute;
width: 0px;
height: 0px;
top: -8px;
right: 22px;
border-left: 6px solid rgba(0, 0, 0, 0);
border-right: 6px solid rgba(0, 0, 0, 0);
border-bottom: 6px solid #1dc6de;
}
#header .search form {
position: relative;
}
#header .search input {
margin: 0;
padding: 0 10px;
display: block;
line-height: 30px;
height: 30px;
border: 1px solid #eee;
border-radius: 3px;
font-size: 11px;
color: #808080;
width: 200px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#header .search button {
position: absolute;
top: 7px;
right: 12px;
background: none;
border: 0;
color: #ccc;
font-size: 11px;
cursor: pointer;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#header .search button:hover, .search_icon i.activeated_search, .search_icon i:hover {
color: #1dc6de
}
/* Social
----------------------------------------------------------------------------------------------------*/
.social a {
display: inline-block;
text-align: center;
margin: 0 26px;
font-size: 18px;
width: 40px;
height: 40px;
color: #fff;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.social_intro a {
position: relative;
}
.social_intro a:after {
position: relative;
content: no-close-quote;
right: -50px;
top: -40px;
height: 42px;
width: 1px;
background: #949494;
background: rgba(255, 255, 255, 0.25);
display: inline-block;
-moz-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
.social_intro a:first-child:before {
position: absolute;
content: no-close-quote;
left: -27px;
top: 0;
height: 42px;
width: 1px;
background: #949494;
background: rgba(255, 255, 255, 0.25);
display: inline-block;
-moz-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg);
transform: rotate(25deg);
}
.social a i {
padding: 10.5px 0;
display: block;
border-radius: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.social a:hover i {}
.m_social {
display: block;
}
.m_social a {
float: left;
display: inline-block;
text-align: center;
margin: 0 4px 4px 0;
font-size: 18px;
width: 40px;
height: 40px;
color: #ccc;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.m_social a i {
border: 1px solid;
}
.social a:hover .fa-twitter { background: #00abdc }
.social a:hover .fa-facebook { background: #325c94 }
.social a:hover .fa-dribbble { background: #fa4086 }
.social a:hover .fa-rss { background: #f1862f }
.social a:hover .fa-github { background: #fff }
.social a:hover .fa-instagram { background: #964b00 }
.social a:hover .fa-linkedin { background: #0073b2 }
.social a:hover .fa-pinterest { background: #d9031f }
.social a:hover .fa-google-plus { background: #d9031f }
.social a:hover .fa-foursquare { background: #0cbadf }
.social a:hover .fa-skype { background: #00b9e5 }
.social a:hover .fa-cloud { background: #ff7700 }
.social a:hover .fa-youtube { background: #d9031f }
.social a:hover .fa-tumblr { background: #325c94 }
.social a:hover .fa-stackexchange { background: #4e4e4e }
.social a:hover .fa-flickr { background: #fa4086 }
.set_two a .fa-twitter { color: #00abdc; border-color: #00abdc }
.set_two a .fa-facebook { color: #325c94; border-color: #325c94 }
.set_two a .fa-dribbble { color: #fa4086; border-color: #fa4086 }
.set_two a .fa-rss { color: #f1862f; border-color: #f1862f }
.set_two a .fa-github { color: #fff; border-color: #fff }
.set_two a .fa-linkedin { color: #0073b2; border-color: #0073b2 }
.set_two a .fa-instagram { color: #964b00; border-color: #964b00 }
.set_two a .fa-pinterest { color: #d9031f; border-color: #d9031f }
.set_two a .fa-google-plus { color: #d9031f; border-color: #d9031f }
.set_two a .fa-foursquare { color: #0cbadf; border-color: #0cbadf }
.set_two a .fa-skype { color: #00b9e5; border-color: #00b9e5 }
.set_two a .fa-cloud { color: #ff7700; border-color: #ff7700 }
.set_two a .fa-youtube { color: #d9031f; border-color: #d9031f }
.set_two a .fa-tumblr { color: #325c94; border-color: #325c94 }
.set_two a .fa-stackexchange { color: #4e4e4e; border-color: #4e4e4e }
.set_two a .fa-flickr { color: #fa4086; border-color: #fa4086 }
.set_two a:hover .fa-twitter { background: #00abdc }
.set_two a:hover .fa-facebook { background: #325c94 }
.set_two a:hover .fa-dribbble { background: #fa4086 }
.set_two a:hover .fa-rss { background: #f1862f }
.set_two a:hover .fa-github { background: #999 }
.set_two a:hover .fa-instagram { background: #964b00 }
.set_two a:hover .fa-linkedin { background: #0073b2 }
.set_two a:hover .fa-pinterest { background: #d9031f }
.set_two a:hover .fa-google-plus { background: #d9031f }
.set_two a:hover .fa-foursquare { background: #0cbadf }
.set_two a:hover .fa-skype { background: #00b9e5 }
.set_two a:hover .fa-cloud { background: #ff7700 }
.set_two a:hover .fa-youtube { background: #d9031f }
.set_two a:hover .fa-tumblr { background: #325c94 }
.set_two a:hover .fa-stackexchange { background: #4e4e4e }
.set_two a:hover .fa-flickr { background: #fa4086 }
.social a:hover i {color: #fff}
/* Superfish
----------------------------------------------------------------------*/
.home_class i {
font-size: 16px
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
z-index: 999;
}
.sf-menu {
font-family: "Calibri", Helvetica, Tahoma, Arial;
float: right;
padding: 0;
position: relative;
margin: 0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 172px;
}
.sf-menu ul li {
width: 100%;
margin: 0;
padding: 10px 0;
background: #313131
}
.sf-menu li:hover { visibility: inherit }
.sf-menu li {
float: left;
position: relative;
margin: 0 24px;
padding: 0
}
.sf-menu li li {
border-bottom: 1px solid #2B2B2B;
margin:0;
padding: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease
}
.sf-menu li li:last-child {border-bottom: 0}
.sf-menu li li a {
padding: 12px 14px;
line-height: 20px;
color: #fff;
text-transform: none;
letter-spacing: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sf-menu a {
display: block;
position: relative;
color: #FFF;
font-size: 14px;
font-weight: bold;
padding: 27px 0 21px;
margin: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sf-menu li li a {
margin: 0;
border:0
}
.sf-menu > li:hover > a, .sf-menu > li > a:hover {
color: #fff;
}
.sf-menu li.current > a, .sf-menu li:hover > a {
color: #1dc6de;
}
.sf-menu li > a:after {
border-bottom: 2px solid #1DC6DE;
width: 0;
position: relative;
bottom: -21px;
display: block;
content: no-close-quote;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.sf-menu li.current > a:after {
width: 100%
}
.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {
border: 0;
color: #fff;
}
.sf-menu li li a {
font-size: 12px;
font-weight: normal;
margin-bottom: 0;
}
.sf-menu li li i {
margin-right: 8px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0px;
z-index: 999;
top: 71px;
padding: 3px 0 0 0;
-webkit-animation: fadeInDown 0.5s;
animation: fadeInDown 0.5s;
}
.sf-menu li:hover ul li ul,
.sf-menu li.sfHover ul li ul,
.sf-menu li:hover ul li ul li ul,
.sf-menu li.sfHover ul li ul li ul {
left: 172px;
z-index: 999;
top: 0 !important
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 172px;
top: 0 !important;
padding: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 172px;
top: 0;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
outline: 0;
}
/*** arrows **/
.sf-menu a.sf-with-ul {padding-right: 30px;min-width: 1px}
.sf-sub-indicator {
position: absolute;
display: block;
overflow: hidden;
}
a > .sf-sub-indicator {
position: absolute;
right: 12%;
top: 18px;
font-size: 8px;
}
li li a .sf-sub-indicator {
top: 10px;
right: 1%;
}
.sf-menu li.back {
position: absolute;
padding: 0 !important;
margin: 0 !important;
bottom: -2px;
top: auto !important;
overflow: inherit !important;
height: 2px !important;
background: #1dc6de;
}
/* Sticky
----------------------------------------------------------------------*/
.sticky {
position: fixed !important;
z-index: 1000;
top: 0;
left:0;
width: 100%;
background: #313131;
background: rgba(49, 49, 49, 0.9);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.boxed .sticky, .boxed-margin .sticky {
left: auto;
width: 1100px;
}
/* Page Content
----------------------------------------------------------------------*/
.page-content {
margin: 0;
padding: 70px 0 0;
z-index: 2;
position: relative;
display: block;
background: #FFF;
}
.section {
padding: 100px 0;
position: relative;
}
.without_slider .section {
padding: 0 0 100px;
}
.section:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.share_post span {
display: inline-block;
margin: 0 10px 0 0
}
.parallax {
position: relative;
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
}
.full_parallax {
background-attachment: fixed;
background-position: 50% 0;
background-repeat: repeat repeat;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.parallax.about {
background: #313131
}
.parallax.fact {
background: #313131 url(images/assets/fact_bg.jpg);
}
.parallax.testimonials {
background: #313131 url(images/assets/testimonials_bg.jpg);
}
.parallax h3 {
color: #fff;
}
.active_line {
color: #1DC6DE;
padding: 0 0 18px 0;
margin: 0 0 35px 0;
font-size: 25px;
font-family: "Calibri", Helvetica, Tahoma, Arial;
display: inline-block;
border-bottom: 1px solid #1DC6DE;
}
.active_link {
color: #1DC6DE;
}
.active_link:hover {
color: #ccc;
}
.big_text {
font-size: 30px;
display: block;
color: #fff;
line-height: 34px;
}
.medium_text {
font-size: 20px;
display: block;
color: #ccc;
line-height: 24px;
font-weight: 400;
}
.title h3 {
font-size: 40px
}
.title .under_title {
font-size: 30px;
color: #7a7a7a;
}
.posts .title .under_title {
border-bottom: 2px solid #E8E8E8;
display: block;
padding: 0 0 30px;
}
.post {
border-bottom: 2px solid #E8E8E8;
display: block;
padding: 0 0 30px;
margin: 0 0 30px;
}
.post:last-child {
border-bottom: 0 !important
}
.post h3 {
font-size: 28px;
font-family: "Calibri", Helvetica, Tahoma, Arial;
line-height: 32px;
margin: 0 0 30px 0;
}
.post .meta {
margin: 0 0 10px 0;
}
.post .meta span {
font-size: 14px;
margin: 0 30px 0 0;
}
.contact {
padding: 73px 0 0 0
}
.toggles {
position: absolute;
z-index: 9999;
top: 76px;
width: 65%;
left: 0;
}
.toggles .informations span {
display: block;
margin: 0 0 20px 0;
}
.toggles .informations span i {
font-size: 17px;
color: #1DC6DE
}
.toggles .fa-minus {
color: #1DC6DE
}
.toggles .tt-toggle {
background: #313131;
}
.toggles .toggle-head h4 {
font-size: 30px
}
.toggles .toggle-head-sign {
color: #CCC;
border: 1px solid #CCC;
border-radius: 4px;
position: absolute;
background: none;
left: auto;
right: 20px;
top: 25px;
padding: 0px 8px;
font-size: 12px;
}
.toggles .toggle-head {
padding: 20px 30px;
background: #FFF;
}
.toggles .toggle-content {
padding: 0 30px 30px
}
#mymap {
z-index: 999;
width: 100%;
height: 550px
}
#mymap img {
width: auto !important;
max-width: none !important;
}
/* contactForm
----------------------------------------------------------------------------------------------------*/
#contactForm span {
margin: 11px 10px;
display: inline-block;
color: #F00;
}
#contactForm span strong {
color: #F00;
font-size: 12px;
}
#contactForm i {
color: #fff;
margin: 0 10px 0 0
}
#contactForm #senderName,
#contactForm #senderEmail {
display: block;
width: 100%;
border: 1px solid #F7F7F7;
border-radius: 4px;
padding: 0 10px;
line-height: 24px;
height: 48px;
margin: 4px 0 10px 0;
background: #F7F7F7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#contactForm #message {
display: block;
width: 100%;
border: 1px solid #F7F7F7;
border-radius: 4px;
padding: 16px 10px;
background: #F7F7F7;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#contactForm #senderName:focus,
#contactForm #senderEmail:focus,
#contactForm #message:focus {
background: #fff;
border: 1px solid #1DC6DE;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
#track_order label {
font-weight: 600;
margin-bottom: 14px;
}
#contactForm #senderEmail {
float: right;
}
#contactForm .flr {
margin: 0 0 10px 0 !important;
}
#contactForm .fll {
margin: 0 0px 10px 0 !important;
}
.fieldtrue {
border: 1px solid #1ABC5B !important
}
.fielderror {
border-color: #F00 !important;
}
#contactForm #sendMessage {
width: auto;
margin-top: 10px;
float: left;
padding: 10px 16px;
display:inline-block;
cursor:pointer;
position:relative;
background:#1DC6DE;
border-radius: 3px;
color:#fff;
border: 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#contactForm #sendMessage:hover {
background:#313131
}
#contactForm textarea {
width: 98%;
}
.member {
width: 100%;
display: block
}
.post .meta:after, .member:after, #mymap:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.load_more_posts a, .load_more_portfolio a {
border: 2px solid #E2E2E2;
color: #E2E2E2;
font-size: 25px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-radius: 4px;
padding: 4px 30px;
cursor: pointer;
}
.load_more_posts a:hover, .load_more_portfolio a:hover {
border: 2px solid #1DC6DE;
color: #1DC6DE;
}
.filters {
position: absolute;
right: 0;
top: 104px;
}
.filters li {
border-radius: 3px;
float: left;
padding: 4px 12px;
margin: 0 0 0 10px;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.filters li.active, .filters li:hover {
background: #1DC6DE;
color: #FFF;
}
.member img {
float: left;
margin: 0 30px 30px 0
}
.member .member_info {
float: left;
}
.member .m_title {
display: block;
font-size: 25px;
font-weight: 700;
color: #313131
}
.member .m_skills {
display: block;
font-size: 17px;
font-weight: 200;
color: #1DC6DE;
margin: 0 0 20px
}
.member .small_line {
display: block;
width: 40px;
height: 1px;
background: #1DC6DE;
margin: 0 0 20px
}
.fact_icon {
display: block;
margin: 0 auto 50px;
font-size: 60px;
color: #1DC6DE
}
.timer {
display: block;
margin: 0 auto 20px;
font-size: 48px;
color: #fff
}
.fact_detail {
display: block;
font-size: 20px;
color: #ccc
}
.process .num {
width: 120px;
height: 120px;
border: 1px solid #e2e2e2;
border-radius: 100%;
margin: 0 auto 30px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.process [class^="grid_"]:hover .num {
border-color: #1DC6DE;
}
.process .num:after {
position: relative;
content: no-close-quote;
background: #1DC6DE;
bottom: -42px;
border: 3px solid #FFF;
display: block;
width: 8px;
height: 8px;
border-radius: 100%;
margin: 0 auto;
}
.process .num span {
color: #1DC6DE;
font-size: 72px;
padding: 44px 0 0 0;
display: block;
}
.process .title {
font-size: 24px;
font-weight: 700;
color: #313131;
margin: 0 0 20px;
display: block;
}
.process p {
font-size: 17px
}
.process [class^="grid_"] {
position: relative
}
.process [class^="grid_"]:after {
position: absolute;
font-family: FontAwesome;
content: "\f054";
color: #E2E2E2;
font-size: 25px;
left: -18px;
top: 50px;
display: block;
border-radius: 100%;
margin: 0 auto;
}
.process [class^="grid_"]:first-child:after {
content: "";
}
/* Tables
----------------------------------------------------------------------*/
.services {
display: block;
position: static;
visibility: visible;
}
.services-table {
color:#222;
margin-bottom:30px;
border: 1px solid #e2e2e2;
border-radius: 4px;
overflow: hidden;
position: relative;
text-align:center;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.services-table:hover {
border: 1px solid #1DC6DE;
box-shadow: 4px 4px 8px rgba(29, 198, 222, 0.3);
}
.services-table .p-content {
border-width:0 1px 1px;
padding: 30px;
text-align:center;
background-color:#fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.services-table .head {
color: #BEBEBE;
margin: 0 30px;
padding: 40px 0;
border: 0;
border-bottom: 1px solid #ECECEC;
}
.services-table .head i {
font-size: 72px;
position: relative;
text-align: center;
color: #1DC6DE;
}
.p-content span {
font-size: 24px;
color: #000;
font-weight: 700;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
display: block;
}
.p-content span:after {
position: relative;
background: #1DC6DE;
width: 20px;
height: 2px;
content: no-close-quote;
display: block;
text-align: center;
margin: 0 auto;
bottom: -20px;
}
.package-content li {
font-size: 17px;
padding: 4px 0;
color: #6a6a6a;
}
.package-content li:first-child {
padding-top:0;
}
.big_slider {
position: relative;
z-index: 1;
top:0
}
.big_slider iframe {
width: 100%;
}
.big_slider .item img {
display: block;
width: 100%;
height: auto;
}
.quote_special {
background: #1DC6DE;
color: #FFF;
width: 80px;
height: 80px;
text-align: center;
position: absolute;
top: -40px;
left: 47%;
margin: 0 auto;
border-radius: 100%;
}
.quote_special i {
position: relative;
display: block;
font-size: 40px;
padding: 20px 0 0;
}
.quote_special:after {
position: relative;
content: no-close-quote;
background: #1DC6DE;
bottom: -14px;
border: 2px solid #313131;
display: block;
width: 8px;
height: 8px;
border-radius: 100%;
margin: 0 auto;
}
.testimonials_w {
margin: 0 auto;
width: 640px;
}
.testimonials_slides .item {
position: relative
}
.testimonials_slides .customer_avatar {
float: left;
padding: 0 40px 40px 0;
}
.testimonials_slides .customer_avatar img {
border-radius: 100%;
}
.testimonials_slides .customer_name {
text-align: center;
width: 90px;
display: block;
position: absolute;
left: 0;
top: 100px;
z-index: 999;
color: #FFF;
}
.testimonials_slides .customer_say {
width: 78%;
float: left;
font-size: 22px;
color: #C1C1C1;
font-style: italic;
padding: 20px 0;
}
.testimonials_slides .owl-wrapper-outer {
z-index: 9999 !important
}
.testimonials_slides .owl-controls {
top: 20% !important;
right: 0 !important;
bottom: auto !important;
width: 100%;
content: no-close-quote;
display: block;
height: 100%;
}
.testimonials_slides .owl-controls .owl-buttons div {
font-size: 40px !important;
background: none !important;
}
.testimonials_slides .owl-controls .owl-next {
position: absolute !important;
right: -180px !important;
left: auto !important;
}
.testimonials_slides .owl-controls .owl-prev {
position: absolute !important;
left: -190px !important;
right: auto !important;
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {
cursor:url(images/grabbing.png) 8 8, move;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}
.owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
}
.owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
}
.owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
}
.owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: fadeInLeft .6s ease both;
-moz-animation: fadeInLeft .6s ease both;
animation: fadeInLeft .6s ease both;
}
.owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}
@-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}
.owl-theme .owl-controls{
position: absolute;
bottom: 20px;
right: 48%;
}
.slider_team .owl-controls {
right: 43%;
}
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
margin: 1px;
padding: 5px 10px;
font-size: 14px;
background: #1D1E20;
filter: Alpha(Opacity=50);
opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100);
opacity: 1;
text-decoration: none;
}
.owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
display: block;
width: 8px;
height: 8px;
margin: 0px 4px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: none;
border: 2px solid #EAEAEA;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;
border: 2px solid #1dc6de;
}
.owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.owl-item.loading{
min-height: 318px;
background: url(images/AjaxLoader.gif) no-repeat center center
}
.big_slider .details {
position: absolute;
z-index: 99;
margin: 170px 0 0;
text-align: center;
width: 100%;
}
.parallax_img {
height: 570px;
background-image: url(images/assets/slider4.jpg);
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.parallax_img_2 {
background-image: url(images/assets/slider7.jpg);
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.boxed .parallax_img, .boxed-margin .parallax_img {
height: 450px;
}
.header_2 .boxed .parallax_img, .header_2 .boxed-margin .parallax_img {
height: 520px;
}
.big_slider .details img {
margin: 0 auto 35px;
text-align: center;
}
.big_slider .details h1 {
margin: 0 0 40px;
font-size: 48px;
text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
color: #fff
}
.big_slider .details h2 {
font-size: 20px;
margin: 0 0 130px;
color: #fff;
font-weight: 200;
font-family: "Calibri", Helvetica, Tahoma, Arial;
}
.boxed .big_slider .details h2, .boxed-margin .big_slider .details h2 {
margin: 0 0 50px
}
/* Progress
----------------------------------------------------------------------*/
.progress-bar {
height: 50px;
position: relative;
margin-bottom: 12px;
overflow: hidden;
background: #3e3e3e;
border-radius: 4px;
}
.progress-bar span {
display: inline-block;
height: 100%;
-webkit-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
}
.color1 {border-right: 4px solid #1dc6de}
.color2 {border-right: 4px solid #de931d}
.color3 {border-right: 4px solid #55b316}
.color4 {border-right: 4px solid #d0c90d}
.color1 span {background-color: #1dc6de}
.color2 span {background-color: #de931d}
.color3 span {background-color: #55b316}
.color4 span {background-color: #d0c90d}
.progress-bar .progress-bar-text {
position: absolute;
bottom: 12px;
left: 20px;
font-size: 17px;
color: #FFF;
font-family: "Belgrano", Hevetica, Tahoma;
}
.progress-bar .progress-bar-text > span {
background: none;
color: #484848;
}
/* Gallery
----------------------------------------------------------------------*/
#my_gallery{
width: 100%;
text-align: justify;
font-size: 0.1px;
}
#my_gallery:after{
content: '';
display: inline-block;
width: 100%;
}
#my_gallery .mix {
display: inline;
opacity: 1;
width: 240px;
height: 240px;
vertical-align: top;
color: #fff;
font-size: 30px;
text-align: center;
line-height: 200px;
margin: 0 10px 80px 0;
border-radius: 4px;
float: left;
position: relative;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#my_gallery .mix img {
border-radius: 4px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#my_gallery .mix:hover img {
box-shadow: -4px 4px 6px rgba(29, 198, 222, 0.4);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
#my_gallery .mix .overlay {
border-radius: 4px;
line-height: 24px;
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background: #1DC6DE;
background: rgba(29, 198, 222, 0.8);
opacity: 0;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: "FlipH";
filter: FlipH;
}
#my_gallery .mix:hover .overlay {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-ms-filter: "FlipH";
filter: FlipH;
}
#my_gallery .mix:hover .overlay {
opacity: 1
}
.overlay .like_work {
color: #FFF;
position: absolute;
right: 10px;
top: 10px;
font-size: 20px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.overlay .like_work:hover {
color: red;
}
.overlay p {
font-size: 17px;
padding: 30px;
margin: 40px 0 0;
}
.meta_work {
position: relative;
line-height: 18px;
text-align: center;
}
.meta_work .meta {
z-index: 1;
position: relative;
margin: -6px 0 0 0;
}
.meta_work .w_title {
font-size: 17px;
padding: 6px 0 0px;
display: block;
font-weight: 700;
line-height: 50px;
z-index: 99;
position: relative;
}
.meta_work .meta span {
display: inline;
margin: 0 10px 0 0;
font-size: 13px;
color: #999898;
line-height: 11px;
}
.meta_work .meta span:before {
color: #d4d4d4;
content: "/";
position: relative;
left: -5px;
}
.meta_work .meta span:first-child:before {
content: "";
}
.meta_work .meta span a {
color: #999898;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.meta_work .meta span a:hover {
text-decoration: underline;
color: #1DC6DE;
}
#my_gallery .gap{
display: inline-block;
width: 200px;
}
/* -- Pretty Photo -- */
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
.pp_content h1, .pp_content h2, .pp_content h3, .pp_content h4, .pp_content h5, .pp_content h6 {color: #fff}
div.ppt{color:#fff;display:none;font-size:0;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
.pp_gallery ul a img { width: 50px !important; }
/* Sidebar
----------------------------------------------------------------------*/
.widget {
margin: 0 0 40px 0
}
.widget .w_title {
position: relative;
padding: 0 0 20px;
margin: 0 0 20px 0;
font-size: 24px;
color: #313131;
font-weight: 700;
display: block;
}
.widget .w_title:after {
content: no-close-quote;
position: absolute;
width: 60px;
height: 1px;
background: #1DC6DE;
left: 0;
bottom: 0;
}
.widget iframe {
width: 100%
}
.widget .popular li {
margin: 0 0 20px 0;
}
.widget .popular li a {
width: 100%;
position: relative;
font-size: 17px;
border-bottom: 1px solid transparent;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.widget .popular li a:hover {
border-bottom: 1px solid #1DC6DE;
}
.widget .popular li span {
display: block;
color: #a2a2a2;
font-size: 14px;
}
.widget .dot_list {
list-style-type: disc;
margin-left: 22px;
}
.widget .dot_list li {
margin: 0 0 5px 0;
}
.widget .dot_list li a {
font-size: 17px;
border-bottom: 1px solid #fff;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.widget .dot_list li a:hover {
border-bottom: 1px solid #1DC6DE;
}
.tags i {
margin-right: 4px
}
.tags a {
color: #747474;
border: 1px solid #ccc;
padding: 4px 8px;
margin: 0 0px 4px 0;
display: inline-block;
border-radius: 4px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.tags a:hover {
background: #1DC6DE;
border-color: #1DC6DE;
color: #fff;
}
/* Accordion, Toggle
----------------------------------------------------------------------*/
.accordion-head,
.toggle-head {
position: relative;
padding: 10px 0 10px 60px;
margin: 8px 0 0 0;
font-size: 14px;
cursor: pointer;
border-bottom: 0;
color: #fff;
background: #2c3337;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.accordion-head i,
.toggle-head i {
padding-right: 8px;
}
.sub-accordion:first-child .accordion-head,
.sub-toggle:first-child .toggle-head {
margin: 0;
}
.active .accordion-content,
.active .toggle-content {
border: 0;
-webkit-animation: fadeInDown 0.4s;
animation: fadeInDown 0.4s
}
.active .icon-minus-sign {
-webkit-animation: fadeInDown 0.4s;
animation: fadeInDown 0.4s
}
.active .icon-plus-sign {
-webkit-animation: fadeInDown 0.4s;
animation: fadeInDown 0.4s
}
.accordion-content,
.toggle-content {
padding:16px;
overflow:hidden;
}
.accordion-head-sign,
.toggle-head-sign {
margin: 0;
background: #5486DA;
color: #FFF;
position: absolute;
left: 0;
top: 0;
padding: 10px 16px;
}
.accordion-head-sign i,
.toggle-head-sign i {
padding: 0;
margin: 0;
}
/* Tabs
----------------------------------------------------------------------*/
.tabs {
display:block;
padding:0;
list-style:none;
}
.tabs li {
display:block;
width:auto;
padding:0;
float:left;
margin: 0 10px 0 0;
}
.tabs li a {
display: block;
padding: 10px 20px;
margin: 0;
font-size: 12px;
cursor: pointer;
color: #dbdbdb;
border: 2px solid #dbdbdb;
border-radius: 6px;
}
.grid_3 .tabs li a {
padding: 8px
}
.tabs li a.active {
background: #5486DA;
border: 2px solid #5486DA;
color: #FFF;
}
.tabs-content {
padding: 20px 0;
display: block;
list-style: none
}
.tabs-content img {
border-radius: 10px
}
.tabs-content > li {
display:none
}
.tabs-content > li.active {
display:block;
overflow:hidden;
-webkit-animation: fadeInDown 0.4s;
animation: fadeInDown 0.4s
}
.tabs:before,
.tabs:after {
content:'\0020';
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}
.tabs:after {
clear:both;
}
/* Notification Boxes
----------------------------------------------------------------------*/
.notification-box {
position: relative;
margin-bottom: 10px;
border-radius: 4px;
padding: 20px 32px 20px 20px;
color:#fff;
font-size: 14px;
font-weight: normal;
-webkit-animation: fadeInUp 1.3s;
animation: fadeInUp 1.3s;
}
a.notification-close {
position: absolute;
right: 20px;
top: 20px;
font-size: 12px;
}
.notification-box p {
margin: 0;
}
.notification-box p i {
padding-right: 10px;
border-right: 1px solid;
margin-right: 10px;
}
.notification-box-info {
color: #65cad3;
border: 1px solid #65cad3;
}
.notification-box-success {
color: #1abc9c;
border: 1px solid #1abc9c;
}
.notification-box-warning {
color: #eed880;
border: 1px solid #eed880;
}
.notification-box-error {
color: #e06f6f;
border: 1px solid #e06f6f;
}
.notification-box-info a {
color: #65cad3;
}
.notification-box-success a {
color: #1abc9c;
}
.notification-box-warning a {
color: #eed880;
}
.notification-box-error a {
color: #e06f6f;
}
/* Buttons
----------------------------------------------------------------------*/
.tbutton {
display:inline-block;
cursor:pointer;
position:relative;
word-spacing:0.2em;
background:#1DC6DE;
border-radius: 4px;
color:#fff;
white-space: nowrap;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.tbutton:hover {
background: #313131;
color:#fff;
}
.tbutton span {
display: block;
overflow: hidden;
}
.tbutton span {
padding: 0 10px;
line-height: 2.4em;
}
.tbutton.small {
font-size: 12px;
}
.tbutton.medium {
font-size: 14px;
}
.tbutton.large {
font-size: 16px;
}
.tbutton.small span {
padding: 0 14px;
line-height: 2.3em;
}
.tbutton.medium span {
padding: 0 16px;
line-height: 2.5em;
}
.tbutton.large span {
padding: 0 18px;
line-height: 2.7em;
}
#footer {
padding: 60px 0
}
#footer .title h3 {
font-size: 36px
}
#footer .title span {
font-size: 17px
}
/* Tipsy
----------------------------------------------------------------------*/
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000}
.tipsy-inner { padding: 1px 10px 0px; background-color: none; color: white; max-width: 300px; text-align: center; }
.tipsy-inner { border-radius: 4px; }
.tipsy-arrow { position: absolute; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px}
.tipsy .tipsy-arrow:before {content: no-close-quote;position: absolute;width: 0px;height: 0px}
.tipsy-nw .tipsy-arrow { top: 0; left: 10px}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px}
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px}
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px}
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px}
.tipsy-n div {-webkit-animation: slideUp 0.3s;animation: slideUp 0.3s;}
.tipsy-s div {-webkit-animation: slideUp 0.3s;animation: slideUp 0.3s;}
.tipsy-w div {-webkit-animation: slideUp 0.3s;animation: slideUp 0.3s;}
.tipsy-e div {-webkit-animation: slideUp 0.3s;animation: slideUp 0.3s;}
/* More Styles
----------------------------------------------------------------------*/
.mi { margin-right: 4px !important }
.mid { margin-right: 8px !important }
.mii { margin-left: 4px !important }
.miid { margin-left: 8px !important }
.mt { margin-top: 20px !important }
.mtt { margin-top: 30px !important }
.mtf { margin-top: 40px !important }
.mtff { margin-top: 50px !important }
.mts { margin-top: 70px !important }
.mb { margin-bottom: 20px !important }
.mbt { margin-bottom: 30px !important }
.mbf { margin-bottom: 40px !important }
.mbff { margin-bottom: 50px !important }
.mbs { margin-bottom: 70px !important }
.pt { padding-top: 120px }
.fll { float: left; margin: 0 20px 10px 0 !important }
.flr { float: right; margin: 0 0 10px 20px !important }
.tac { text-align: center !important }
.tar { text-align: right !important }
.tal { text-align: left !important }
.tacIMG, .tacIMG img {margin: 0 auto !important; text-align: center;}
.two-radius { border-radius: 2px !important; -webkit-border-radius: 2px !important }
.three-radius { border-radius: 3px !important; -webkit-border-radius: 3px !important }
.four-radius { border-radius: 4px !important; -webkit-border-radius: 4px !important }
.five-radiu { border-radius: 5px !important; -webkit-border-radius: 5px !important }
.six-radius { border-radius:6px !important; -webkit-border-radius: 6px !important }
.ten-radius { border-radius: 10px !important; -webkit-border-radius: 10px !important }
.circle-radius { border-radius: 100% !important; -webkit-border-radius: 100% !important }
.relative {position: relative !important}
.blocker {display: block !important}
.blocker_w {display: block !important; width: 100% !important}
.righter {float: right !important}
.lefter {float: left !important}
.hidden { display: none }
/* Display
----------------------------------------------------------------------*/
#mobilepro {
font-size: 20px;
font-weight: bold;
display: none;
border-radius: 2px;
padding: 4px 2px;
cursor: pointer;
float: right;
color: #727272;
margin: 21px 0;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#mobilepro:hover {
color: #1DC6DE
}
.subarrow {
display: none
}
@font-face{font-family:'FontAwesome';src:url('font/fontawesome-webfont.eot?v=4.0.1');src:url('font/fontawesome-webfont.eot?#iefix&v=4.0.1') format('embedded-opentype'),url('font/fontawesome-webfont.woff?v=4.0.1') format('woff'),url('font/fontawesome-webfont.ttf?v=4.0.1') format('truetype'),url('font/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa, {display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}
[class^="fa-"],[class*=" fa-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;line-height: 1em;text-decoration:none;-webkit-font-smoothing:antialiased;*margin-right:.3em}
[class^="fa-"]:before,[class*=" fa-"]:before{text-decoration:inherit;display:inline-block;speak:none}
.fa-2x{font-size:2em}
.fa-3x{font-size:3em}
.fa-4x{font-size:4em}
.fa-5x{font-size:5em}
.fa-fw{width:1.2857142857142858em;text-align:center}
.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}
.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}
.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}
.pull-right{float:right}
.pull-left{float:left}
.pull-left{margin-right:.3em}
.pull-right{margin-left:.3em}
.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)} 100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)} 100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}
.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}
.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}
.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
.fa-inverse{color:#fff}
.fa-glass:before{content:"\f000"}
.fa-music:before{content:"\f001"}
.fa-search:before{content:"\f002"}
.fa-envelope-o:before{content:"\f003"}
.fa-heart:before{content:"\f004"}
.fa-star:before{content:"\f005"}
.fa-star-o:before{content:"\f006"}
.fa-user:before{content:"\f007"}
.fa-film:before{content:"\f008"}
.fa-th-large:before{content:"\f009"}
.fa-th:before{content:"\f00a"}
.fa-th-list:before{content:"\f00b"}
.fa-check:before{content:"\f00c"}
.fa-times:before{content:"\f00d"}
.fa-search-plus:before{content:"\f00e"}
.fa-search-minus:before{content:"\f010"}
.fa-power-off:before{content:"\f011"}
.fa-signal:before{content:"\f012"}
.fa-gear:before,.fa-cog:before{content:"\f013"}
.fa-trash-o:before{content:"\f014"}
.fa-home:before{content:"\f015"}
.fa-file-o:before{content:"\f016"}
.fa-clock-o:before{content:"\f017"}
.fa-road:before{content:"\f018"}
.fa-download:before{content:"\f019"}
.fa-arrow-circle-o-down:before{content:"\f01a"}
.fa-arrow-circle-o-up:before{content:"\f01b"}
.fa-inbox:before{content:"\f01c"}
.fa-play-circle-o:before{content:"\f01d"}
.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}
.fa-refresh:before{content:"\f021"}
.fa-list-alt:before{content:"\f022"}
.fa-lock:before{content:"\f023"}
.fa-flag:before{content:"\f024"}
.fa-headphones:before{content:"\f025"}
.fa-volume-off:before{content:"\f026"}
.fa-volume-down:before{content:"\f027"}
.fa-volume-up:before{content:"\f028"}
.fa-qrcode:before{content:"\f029"}
.fa-barcode:before{content:"\f02a"}
.fa-tag:before{content:"\f02b"}
.fa-tags:before{content:"\f02c"}
.fa-book:before{content:"\f02d"}
.fa-bookmark:before{content:"\f02e"}
.fa-print:before{content:"\f02f"}
.fa-camera:before{content:"\f030"}
.fa-font:before{content:"\f031"}
.fa-bold:before{content:"\f032"}
.fa-italic:before{content:"\f033"}
.fa-text-height:before{content:"\f034"}
.fa-text-width:before{content:"\f035"}
.fa-align-left:before{content:"\f036"}
.fa-align-center:before{content:"\f037"}
.fa-align-right:before{content:"\f038"}
.fa-align-justify:before{content:"\f039"}
.fa-list:before{content:"\f03a"}
.fa-dedent:before,.fa-outdent:before{content:"\f03b"}
.fa-indent:before{content:"\f03c"}
.fa-video-camera:before{content:"\f03d"}
.fa-picture-o:before{content:"\f03e"}
.fa-pencil:before{content:"\f040"}
.fa-map-marker:before{content:"\f041"}
.fa-adjust:before{content:"\f042"}
.fa-tint:before{content:"\f043"}
.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}
.fa-share-square-o:before{content:"\f045"}
.fa-check-square-o:before{content:"\f046"}
.fa-move:before{content:"\f047"}
.fa-step-backward:before{content:"\f048"}
.fa-fast-backward:before{content:"\f049"}
.fa-backward:before{content:"\f04a"}
.fa-play:before{content:"\f04b"}
.fa-pause:before{content:"\f04c"}
.fa-stop:before{content:"\f04d"}
.fa-forward:before{content:"\f04e"}
.fa-fast-forward:before{content:"\f050"}
.fa-step-forward:before{content:"\f051"}
.fa-eject:before{content:"\f052"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
.fa-plus-circle:before{content:"\f055"}
.fa-minus-circle:before{content:"\f056"}
.fa-times-circle:before{content:"\f057"}
.fa-check-circle:before{content:"\f058"}
.fa-question-circle:before{content:"\f059"}
.fa-info-circle:before{content:"\f05a"}
.fa-crosshairs:before{content:"\f05b"}
.fa-times-circle-o:before{content:"\f05c"}
.fa-check-circle-o:before{content:"\f05d"}
.fa-ban:before{content:"\f05e"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-arrow-up:before{content:"\f062"}
.fa-arrow-down:before{content:"\f063"}
.fa-mail-forward:before,.fa-share:before{content:"\f064"}
.fa-resize-full:before{content:"\f065"}
.fa-resize-small:before{content:"\f066"}
.fa-plus:before{content:"\f067"}
.fa-minus:before{content:"\f068"}
.fa-asterisk:before{content:"\f069"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-gift:before{content:"\f06b"}
.fa-leaf:before{content:"\f06c"}
.fa-fire:before{content:"\f06d"}
.fa-eye:before{content:"\f06e"}
.fa-eye-slash:before{content:"\f070"}
.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}
.fa-plane:before{content:"\f072"}
.fa-calendar:before{content:"\f073"}
.fa-random:before{content:"\f074"}
.fa-comment:before{content:"\f075"}
.fa-magnet:before{content:"\f076"}
.fa-chevron-up:before{content:"\f077"}
.fa-chevron-down:before{content:"\f078"}
.fa-retweet:before{content:"\f079"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-folder:before{content:"\f07b"}
.fa-folder-open:before{content:"\f07c"}
.fa-resize-vertical:before{content:"\f07d"}
.fa-resize-horizontal:before{content:"\f07e"}
.fa-bar-chart-o:before{content:"\f080"}
.fa-twitter-square:before{content:"\f081"}
.fa-facebook-square:before{content:"\f082"}
.fa-camera-retro:before{content:"\f083"}
.fa-key:before{content:"\f084"}
.fa-gears:before,.fa-cogs:before{content:"\f085"}
.fa-comments:before{content:"\f086"}
.fa-thumbs-o-up:before{content:"\f087"}
.fa-thumbs-o-down:before{content:"\f088"}
.fa-star-half:before{content:"\f089"}
.fa-heart-o:before{content:"\f08a"}
.fa-sign-out:before{content:"\f08b"}
.fa-linkedin-square:before{content:"\f08c"}
.fa-thumb-tack:before{content:"\f08d"}
.fa-external-link:before{content:"\f08e"}
.fa-sign-in:before{content:"\f090"}
.fa-trophy:before{content:"\f091"}
.fa-github-square:before{content:"\f092"}
.fa-upload:before{content:"\f093"}
.fa-lemon-o:before{content:"\f094"}
.fa-phone:before{content:"\f095"}
.fa-square-o:before{content:"\f096"}
.fa-bookmark-o:before{content:"\f097"}
.fa-phone-square:before{content:"\f098"}
.fa-twitter:before{content:"\f099"}
.fa-facebook:before{content:"\f09a"}
.fa-github:before{content:"\f09a"}
.fa-unlock:before{content:"\f09c"}
.fa-credit-card:before{content:"\f09d"}
.fa-rss:before{content:"\f09e"}
.fa-hdd-o:before{content:"\f0a0"}
.fa-bullhorn:before{content:"\f0a1"}
.fa-bell:before{content:"\f0f3"}
.fa-certificate:before{content:"\f0a3"}
.fa-hand-o-right:before{content:"\f0a4"}
.fa-hand-o-left:before{content:"\f0a5"}
.fa-hand-o-up:before{content:"\f0a6"}
.fa-hand-o-down:before{content:"\f0a7"}
.fa-arrow-circle-left:before{content:"\f0a8"}
.fa-arrow-circle-right:before{content:"\f0a9"}
.fa-arrow-circle-up:before{content:"\f0aa"}
.fa-arrow-circle-down:before{content:"\f0ab"}
.fa-globe:before{content:"\f0ac"}
.fa-wrench:before{content:"\f0ad"}
.fa-tasks:before{content:"\f0ae"}
.fa-filter:before{content:"\f0b0"}
.fa-briefcase:before{content:"\f0b1"}
.fa-fullscreen:before{content:"\f0b2"}
.fa-group:before{content:"\f0c0"}
.fa-chain:before,.fa-link:before{content:"\f0c1"}
.fa-cloud:before{content:"\f0c2"}
.fa-flask:before{content:"\f0c3"}
.fa-cut:before,.fa-scissors:before{content:"\f0c4"}
.fa-copy:before,.fa-files-o:before{content:"\f0c5"}
.fa-paperclip:before{content:"\f0c6"}
.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}
.fa-square:before{content:"\f0c8"}
.fa-reorder:before{content:"\f0c9"}
.fa-list-ul:before{content:"\f0ca"}
.fa-list-ol:before{content:"\f0cb"}
.fa-strikethrough:before{content:"\f0cc"}
.fa-underline:before{content:"\f0cd"}
.fa-table:before{content:"\f0ce"}
.fa-magic:before{content:"\f0d0"}
.fa-truck:before{content:"\f0d1"}
.fa-pinterest:before{content:"\f0d2"}
.fa-pinterest-square:before{content:"\f0d3"}
.fa-google-plus-square:before{content:"\f0d4"}
.fa-google-plus:before{content:"\f0d5"}
.fa-money:before{content:"\f0d6"}
.fa-caret-down:before{content:"\f0d7"}
.fa-caret-up:before{content:"\f0d8"}
.fa-caret-left:before{content:"\f0d9"}
.fa-caret-right:before{content:"\f0da"}
.fa-columns:before{content:"\f0db"}
.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}
.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}
.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}
.fa-envelope:before{content:"\f0e0"}
.fa-linkedin:before{content:"\f0e1"}
.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}
.fa-legal:before,.fa-gavel:before{content:"\f0e3"}
.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}
.fa-comment-o:before{content:"\f0e5"}
.fa-comments-o:before{content:"\f0e6"}
.fa-flash:before,.fa-bolt:before{content:"\f0e7"}
.fa-sitemap:before{content:"\f0e8"}
.fa-umbrella:before{content:"\f0e9"}
.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}
.fa-lightbulb-o:before{content:"\f0eb"}
.fa-exchange:before{content:"\f0ec"}
.fa-cloud-download:before{content:"\f0ed"}
.fa-cloud-upload:before{content:"\f0ee"}
.fa-user-md:before{content:"\f0f0"}
.fa-stethoscope:before{content:"\f0f1"}
.fa-suitcase:before{content:"\f0f2"}
.fa-bell-o:before{content:"\f0a2"}
.fa-coffee:before{content:"\f0f4"}
.fa-cutlery:before{content:"\f0f5"}
.fa-file-text-o:before{content:"\f0f6"}
.fa-building:before{content:"\f0f7"}
.fa-hospital:before{content:"\f0f8"}
.fa-ambulance:before{content:"\f0f9"}
.fa-medkit:before{content:"\f0fa"}
.fa-fighter-jet:before{content:"\f0fb"}
.fa-beer:before{content:"\f0fc"}
.fa-h-square:before{content:"\f0fd"}
.fa-plus-square:before{content:"\f0fe"}
.fa-angle-double-left:before{content:"\f100"}
.fa-angle-double-right:before{content:"\f101"}
.fa-angle-double-up:before{content:"\f102"}
.fa-angle-double-down:before{content:"\f103"}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa-angle-up:before{content:"\f106"}
.fa-angle-down:before{content:"\f107"}
.fa-desktop:before{content:"\f108"}
.fa-laptop:before{content:"\f109"}
.fa-tablet:before{content:"\f10a"}
.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}
.fa-circle-o:before{content:"\f10c"}
.fa-quote-left:before{content:"\f10d"}
.fa-quote-right:before{content:"\f10e"}
.fa-spinner:before{content:"\f110"}
.fa-circle:before{content:"\f111"}
.fa-mail-reply:before,.fa-reply:before{content:"\f112"}
.fa-github-alt:before{content:"\f113"}
.fa-folder-o:before{content:"\f114"}
.fa-folder-open-o:before{content:"\f115"}
.fa-expand-o:before{content:"\f116"}
.fa-collapse-o:before{content:"\f117"}
.fa-smile-o:before{content:"\f118"}
.fa-frown-o:before{content:"\f119"}
.fa-meh-o:before{content:"\f11a"}
.fa-gamepad:before{content:"\f11b"}
.fa-keyboard-o:before{content:"\f11c"}
.fa-flag-o:before{content:"\f11d"}
.fa-flag-checkered:before{content:"\f11e"}
.fa-terminal:before{content:"\f120"}
.fa-code:before{content:"\f121"}
.fa-reply-all:before{content:"\f122"}
.fa-mail-reply-all:before{content:"\f122"}
.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}
.fa-location-arrow:before{content:"\f124"}
.fa-crop:before{content:"\f125"}
.fa-code-fork:before{content:"\f126"}
.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}
.fa-question:before{content:"\f128"}
.fa-info:before{content:"\f129"}
.fa-exclamation:before{content:"\f12a"}
.fa-superscript:before{content:"\f12b"}
.fa-subscript:before{content:"\f12c"}
.fa-eraser:before{content:"\f12d"}
.fa-puzzle-piece:before{content:"\f12e"}
.fa-microphone:before{content:"\f130"}
.fa-microphone-slash:before{content:"\f131"}
.fa-shield:before{content:"\f132"}
.fa-calendar-o:before{content:"\f133"}
.fa-fire-extinguisher:before{content:"\f134"}
.fa-rocket:before{content:"\f135"}
.fa-maxcdn:before{content:"\f136"}
.fa-chevron-circle-left:before{content:"\f137"}
.fa-chevron-circle-right:before{content:"\f138"}
.fa-chevron-circle-up:before{content:"\f139"}
.fa-chevron-circle-down:before{content:"\f13a"}
.fa-html5:before{content:"\f13b"}
.fa-css3:before{content:"\f13c"}
.fa-anchor:before{content:"\f13d"}
.fa-unlock-o:before{content:"\f13e"}
.fa-bullseye:before{content:"\f140"}
.fa-ellipsis-horizontal:before{content:"\f141"}
.fa-ellipsis-vertical:before{content:"\f142"}
.fa-rss-square:before{content:"\f143"}
.fa-play-circle:before{content:"\f144"}
.fa-ticket:before{content:"\f145"}
.fa-minus-square:before{content:"\f146"}
.fa-minus-square-o:before{content:"\f147"}
.fa-level-up:before{content:"\f148"}
.fa-level-down:before{content:"\f149"}
.fa-check-square:before{content:"\f14a"}
.fa-pencil-square:before{content:"\f14b"}
.fa-external-link-square:before{content:"\f14c"}
.fa-share-square:before{content:"\f14d"}
.fa-compass:before{content:"\f14e"}
.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}
.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}
.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}
.fa-euro:before,.fa-eur:before{content:"\f153"}
.fa-gbp:before{content:"\f154"}
.fa-dollar:before,.fa-usd:before{content:"\f155"}
.fa-rupee:before,.fa-inr:before{content:"\f156"}
.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}
.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}
.fa-won:before,.fa-krw:before{content:"\f159"}
.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}
.fa-file:before{content:"\f15b"}
.fa-file-text:before{content:"\f15c"}
.fa-sort-alpha-asc:before{content:"\f15d"}
.fa-sort-alpha-desc:before{content:"\f15e"}
.fa-sort-amount-asc:before{content:"\f160"}
.fa-sort-amount-desc:before{content:"\f161"}
.fa-sort-numeric-asc:before{content:"\f162"}
.fa-sort-numeric-desc:before{content:"\f163"}
.fa-thumbs-up:before{content:"\f164"}
.fa-thumbs-down:before{content:"\f165"}
.fa-youtube-square:before{content:"\f166"}
.fa-youtube:before{content:"\f167"}
.fa-xing:before{content:"\f168"}
.fa-xing-square:before{content:"\f169"}
.fa-youtube-play:before{content:"\f16a"}
.fa-dropbox:before{content:"\f16b"}
.fa-stack-overflow:before{content:"\f16c"}
.fa-instagram:before{content:"\f16d"}
.fa-flickr:before{content:"\f16e"}
.fa-adn:before{content:"\f170"}
.fa-bitbucket:before{content:"\f171"}
.fa-bitbucket-square:before{content:"\f172"}
.fa-tumblr:before{content:"\f173"}
.fa-tumblr-square:before{content:"\f174"}
.fa-long-arrow-down:before{content:"\f175"}
.fa-long-arrow-up:before{content:"\f176"}
.fa-long-arrow-left:before{content:"\f177"}
.fa-long-arrow-right:before{content:"\f178"}
.fa-apple:before{content:"\f179"}
.fa-windows:before{content:"\f17a"}
.fa-android:before{content:"\f17b"}
.fa-linux:before{content:"\f17c"}
.fa-dribbble:before{content:"\f17d"}
.fa-skype:before{content:"\f17e"}
.fa-foursquare:before{content:"\f180"}
.fa-trello:before{content:"\f181"}
.fa-female:before{content:"\f182"}
.fa-male:before{content:"\f183"}
.fa-gittip:before{content:"\f184"}
.fa-sun-o:before{content:"\f185"}
.fa-moon-o:before{content:"\f186"}
.fa-archive:before{content:"\f187"}
.fa-bug:before{content:"\f188"}
.fa-vk:before{content:"\f189"}
.fa-weibo:before{content:"\f18a"}
.fa-renren:before{content:"\f18b"}
.fa-pagelines:before{content:"\f18c"}
.fa-stack-exchange:before{content:"\f18d"}
.fa-arrow-circle-o-right:before{content:"\f18e"}
.fa-arrow-circle-o-left:before{content:"\f190"}
.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}
.fa-dot-circle-o:before{content:"\f192"}
.fa-wheelchair:before{content:"\f193"}
.fa-vimeo-square:before{content:"\f194"}
.fa-turkish-lira:before,.fa-try:before{content:"\f195"}
/* #Tablet (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 959px) and (max-width: 1177px) {
body {overflow-x: hidden}
.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 96%;margin: 0 auto !important}
.boxed-margin {margin: 10px auto}
.row { width: 870px }
#header .search {margin: 0 0 0 60px}
.big_slider .details {margin: 130px 0 0}
.big_slider .details h2 {margin: 0 0 90px}
#my_gallery .mix {width: 207px;height: 227px}
.member img {margin: 0 30px 10px 0}
.testimonials_slides .owl-controls .owl-next {right: -120px !important}
.testimonials_slides .owl-controls .owl-prev {left: -130px !important}
.parallax_img {height: 500px}
}
/* #Tablet (Portrait)
----------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
body {overflow-x: hidden}
.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
.row { width: 700px }
#mobilepro, .subarrow { display: block; }
.subarrow {display: block;z-index: 99;position: absolute;top: 14px;right: 10px;cursor: pointer;font-size: 16px;}
.sf-menu {position: absolute;top: 70px;right: 0;background: #313131;}
.sf-menu a.sf-with-ul {margin-right: 45px !important}
.sf-menu i, .sf-menu li a {color: #FFF}
.sf-menu, .sf-sub-indicator {padding: 20px;width: 20%!important;display: none; margin: 4px 0 !important }
.sf-menu li { margin-bottom: 10px; margin-left: 0 }
.sf-menu.xactive {display: block!important;}
.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
.sf-menu li li {left: 10px;}
.sf-menu ul {position:static !important; display: none !important; width: 100%; }
.xpopdrop > ul {display: block !important; visibility: inherit !important }
.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
.sf-menu a {padding: 0}
.big_slider .details {margin: 90px 0 0}
.big_slider .details h1 {font-size: 30px;margin: 0 0 20px;}
.big_slider .details h2 {margin: 0 0 40px}
.big_slider .details img {margin: 0 auto 10px;}
#my_gallery .mix {width: 223px;height: 243px}
.filters li {margin: 0 0 0 1px}
#header .search {margin: 0}
.member img {margin: 0 20px 30px 0;width: 125px}
.testimonials_slides .owl-controls .owl-prev {left: -50px !important}
.testimonials_slides .owl-controls .owl-next {right: -40px !important}
.toggles {width: 100%}
.overlay p {font-size: 14px}
.parallax_img {height: 400px}
.boxed .sticky, .boxed-margin .sticky {left: 0;width: 100%;}
.header_2 #header .head {z-index: initial}
}
/* #Mobile (Landscape)
----------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 768px) {
body {overflow-x: hidden}
.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
.row { width: 400px }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
.grid_1.alpha,.grid_1.omega, .grid_2.alpha,.grid_2.omega, .grid_3.alpha,.grid_3.omega, .grid_4.alpha,.grid_4.omega, .grid_5.alpha,.grid_5.omega,
.grid_6.alpha,.grid_6.omega, .grid_7.alpha,.grid_7.omega, .grid_8.alpha,.grid_8.omega, .grid_9.alpha,.grid_9.omega, .grid_10.alpha,.grid_10.omega, .grid_11.alpha,.grid_11.omega {width: 100%;margin: 0 0 30px}
#mobilepro, .subarrow { display: block; }
.subarrow {display: block;z-index: 99;position: absolute;top: 14px;right: 10px;cursor: pointer;font-size: 16px;}
.sf-menu {position: absolute;top: 70px;right: 0;background: #313131;}
.sf-menu a.sf-with-ul {margin-right: 45px !important}
.sf-menu i, .sf-menu li a {color: #FFF}
.sf-menu, .sf-sub-indicator {padding: 20px;width: 25%!important;display: none; margin: 4px 0 !important }
.sf-menu li { margin-bottom: 10px; margin-left: 0 }
.sf-menu.xactive {display: block!important;}
.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
.sf-menu li li {left: 10px;}
.sf-menu ul {position:static !important; display: none !important; width: 100%; }
.xpopdrop > ul {display: block !important; visibility: inherit !important }
.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
.sf-menu a {padding: 0}
.big_slider .details {margin: 85px 0 0}
.big_slider .details h1 {font-size: 20px;margin: 0 0 10px}
.big_slider .details h2 {margin: 0 0 0;font-size: 14px}
.big_slider .details img {margin: 0 auto 10px}
#my_gallery .mix {width: 190px;height: 213px}
.filters {position: relative;right: auto;top: auto;margin: 20px 0 0;display: inline-flex;}
.social_intro {display: none}
.filters li {margin: 0 0 0 1px}
#header .search {margin: 0}
.member img {margin: 0 20px 30px 0;width: 125px}
.testimonials_slides .owl-controls .owl-prev {left: -50px !important}
.testimonials_slides .owl-controls .owl-next {right: -40px !important}
.toggles {width: 100%}
.overlay p {font-size: 14px}
.process [class^="grid_"]:after {content: ""}
.quote_special {left: 41%}
.testimonials_w {width: 400px}
#mymap {height: 880px}
.parallax_img {height: 270px}
.boxed .sticky, .boxed-margin .sticky {left: 0;width: 100%;}
.header_2 #header .head {z-index: initial}
}
/* #Mobile (Portrait) 320px
----------------------------------------------------------------------*/
@media only screen and (min-width: 100px) and (max-width: 480px) {
body {overflow-x: hidden}
.boxed, .boxed-margin, body[class^="frame_"] .full, body[class^="frame_"] .boxed, body[class^="frame_"] .boxed-margin {width: 100%;margin: 0 !important}
.row { width: 290px; padding: 0; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12,
.grid_1.alpha,.grid_1.omega, .grid_2.alpha,.grid_2.omega, .grid_3.alpha,.grid_3.omega, .grid_4.alpha,.grid_4.omega, .grid_5.alpha,.grid_5.omega,
.grid_6.alpha,.grid_6.omega, .grid_7.alpha,.grid_7.omega, .grid_8.alpha,.grid_8.omega, .grid_9.alpha,.grid_9.omega, .grid_10.alpha,.grid_10.omega, .grid_11.alpha,.grid_11.omega {width: 100%;margin: 0 0 30px}
#mobilepro, .subarrow { display: block; }
.subarrow {display: block;z-index: 99;position: absolute;top: 14px;right: 10px;cursor: pointer;font-size: 16px;}
.sf-menu {position: absolute;top: 70px;right: 0;background: #313131;}
.sf-menu a.sf-with-ul {margin-right: 45px !important}
.sf-menu i, .sf-menu li a {color: #FFF}
.sf-menu, .sf-sub-indicator {padding: 20px;width: 30%!important;display: none; margin: 4px 0 !important }
.sf-menu li { margin-bottom: 10px; margin-left: 0 }
.sf-menu.xactive {display: block!important;}
.sf-menu li {float: none!important;display: block!important;width: 100%!important;}
.sf-menu ul:before { content: ""; border-width: 0 0 0 0 !important }
.sf-menu > li.sfHover:before {color: #000;background: none;width: 0;height: 0px;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul { padding: 0 !important }
ul.sf-menu li:hover ul, ul.sf-menu li.sfHover ul, ul.sf-menu li ul { margin-top: 4px }
.sf-menu li { float: none !important; display: block !important; width: 100% !important;overflow: hidden; }
.sf-menu li a, .sf-menu li:first-child a, .sf-menu ul li, .sf-menu li.current { float: none !important; border: 0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul {box-shadow: none;-webkit-animation: initial;animation: initial;-moz-animation: initial;-o-animation: initial; }
.sf-menu li li {left: 10px;}
.sf-menu ul {position:static !important; display: none !important; width: 100%; }
.xpopdrop > ul {display: block !important; visibility: inherit !important }
.sf-menu li:hover > a, .sf-menu li > a:hover, .sf-menu li.current > a {border: 0}
.sf-menu li li, .sfHover, .sf-menu li:hover, .sf-menu li li.current { background: none !important }
.sf-menu li li:hover > a, .sf-menu li li > a:hover, .sf-menu li li.current > a {color: #ddd}
.sf-menu a {padding: 0}
.big_slider .details {margin: 90px 0 0}
.big_slider .details h1 {font-size: 18px;margin: 0 0 10px}
#my_gallery .mix {width: 290px;height: 300px}
.filters {position: relative;right: auto;top: auto;margin: 20px 0 0;display: inline-flex}
.social_intro, .big_slider .details img, .big_slider .details h2 {display: none}
.filters li {margin: 0 0 0 1px;font-size: 11px}
#header .search {margin: 0}
.member img {margin: 0 20px 100px 0;width: 90px}
.testimonials_slides .owl-controls .owl-prev {left: -50px !important}
.testimonials_slides .owl-controls .owl-next {right: -40px !important}
.toggles, #my_gallery .mix img {width: 100%}
.overlay p {font-size: 14px}
.process [class^="grid_"]:after {content: ""}
.quote_special {left: 37%}
.testimonials_w {width: 240px}
#mymap {height: 880px}
.section {padding: 40px 0}
.owl-theme .owl-controls {right: 39%}
.parallax_img {height: 200px}
.boxed .sticky, .boxed-margin .sticky {left: 0;width: 100%;}
.header_2 #header .head {z-index: initial}
}
Raw
styles
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment