/***** GENERAL STYLES *****/

body { -webkit-font-smoothing: antialiased; }

#main-container { overflow: hidden; }

input { -webkit-appearance: none; }

input:focus { outline: none; }

.nopad { padding: 0px; }

.offix { overflow: hidden; }

.align-c { text-align: center; }

.bot-16 { margin-bottom: 16px; }

.pad-normal { padding-top: 66px; padding-bottom: 66px; }

.pad-large { padding-top: 99px; padding-bottom: 121px; }

.pad-large-top { padding-top: 99px; }

.pad-large-bottom { padding-bottom: 99px; }

.pad-top { padding-top: 33px; }

.pad-bottom { padding-bottom: 66px; }
::selection {
color:#fff;
background:#22A7E0;
}
::-moz-selection {
color:#fff;
background:#22A7E0;
}

.highlight-bg { background: #22a8e1; }

.highlight-text { color: #22A7E0; }

.highlight-border { border-color: #22A7E0 !important; }

.headline { color: #FFFFFF; font-weight: 400; margin-bottom: 30px; }

.btn { cursor: pointer; border: 2px solid #fff; display: inline-block; border: 2px solid #fff; border-radius: 3px; padding: 20px 33px 20px 33px; text-align: center; text-transform: uppercase; letter-spacing: 1px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; }

.btn:hover { background: #fff; color: #22A7E0; }

.btn-medium { cursor: pointer; border: 2px solid #fff; display: inline-block; border: 2px solid #fff; border-radius: 3px; margin-top: 20px; padding: 10px 23px; text-align: center; text-transform: uppercase; letter-spacing: 1px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none; }

.btn-medium:hover { background: #fff; color: #22A7E0; }

.page-title { margin-bottom: 44px; font-weight: normal; }

.attention { border-bottom: 1px solid; padding-bottom: 4px; }

.text-link { position: relative; transition: all .2s ease;
}

.text-link .arrow_right { position: relative; left: 0px; transition: all .2s ease;
}

.text-link:hover .arrow_right { left: 5px; }

.icon_heart { color: #ff1717; }

/*** TYPOG ***/

.text-white { color: #fff; }

.reg-weight { font-weight: normal; }

.icon { display: inline-block; -webkit-backface-visibility: hidden; }

/***** NAVIGATION *****/

#navigation { position: absolute; top: 0px; width: 100%; z-index: 99; transition: .3s ease;
opacity: 1; max-height: 140px; transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
overflow: hidden; }

.logo { max-width: 140px; padding: 5px 0px; }
.logo h1 { color: #fff; font-size: 52px; }

.hide-nav { top: -300px; }

.sticky-nav { position: fixed !important; background: #22A7E0 !important; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); top: 0px; }

.inner-nav { position: absolute !important; background: #22A7E0 !important; top: 0px; }

.open-nav { max-height: 800px !important; }

.mobile-toggle { display: none; position: absolute; top: 20px; right: 20px; }

#menu { list-style: none; overflow: hidden; display: inline-block; margin-top: 66px; }

#menu li { float: left; margin-right: 33px; color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; }

#menu li a { color: #fff; }

#menu li:last-child { margin-right: 0px; }

/***** HOME SECTION *****/

#home-slider .slides li { height: 700px; background-position-x: 0px !important; position: relative; background-size: cover !important; }

.slide-overlay { position: absolute; width: 100%; height: 100%; background: url("../img/overlay-pattern.png") repeat scroll 0 0 #22A7E0; opacity: 0.8; z-index: 2; top: 0px; transition: all 1.5s ease; }

.slide-content { position: relative; z-index: 3; transition: all .3s ease-out;
opacity: 1; top: 0px; }

.slide-content h1 { font-weight: 300; font-size: 62px; margin-bottom: 22px; line-height: 1.2; }

.slide-content .btn { margin-top: 22px; }

.bg-cover { background-size: cover !important; }

/***** List Start *****/

ul.list { margin-bottom: 17px; }

.list a { font-size: 15px; padding-left: 8px; }

/*list-link*/
ul.list-link { margin-bottom: 9px; }

ul.list-link>li { border-top: 1px solid #e9e9e9; font-size: 18px; line-height: 24px; background: url(../images/indicator-1.png) right center no-repeat; }

ul.list-link>li:first-child { border: none; }

ul.list-link>li a { color: #777; display: block; font-size: 13px; font-family: 'Arial', sans-serif; font-weight: 600; line-height: 24px; padding: 8px 0; }

ul.list-link>li a:hover { color: #D53701; text-decoration: none; }

.list-1 { margin-left: 0; }

.list-1 li { background: url("../img/list-marker-1.png") no-repeat scroll 0 7px transparent; border-bottom: 1px solid #F3F3F3; list-style: none outside none; padding-left: 26px; }

.list-1 li a { color: #777; font-size: 13px; font-weight: 600; line-height: 30px; }

.list-1 li span { display: inline-block; font-size: 13px; font-weight: 600; line-height: 30px; width: 80px; }

.list-1 li em { display: inline-block; font-size: 13px; font-style: normal; line-height: 30px; }

.list-1 li a:hover { text-decoration: none; }

.list-number { display:block; margin:0; *zoom:1;
}

.list-number:before, .list-number:after { display:table; content:""; line-height:0; }

.list-number:after { clear:both; }

.list-number li { display:block; *zoom:1;
}

.list-number li:before, .list-number li:after { display:table; content:""; line-height:0; }

.list-number li:after { clear:both; }

.list-number li span { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:620px; -moz-border-radius:620px; border-radius:620px; background: #777777; /* for non-css3 browsers */ background: -moz-linear-gradient(top, #777777, #333333); /* for firefox 3.6+ */ background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#333333)); /* Safari 4+, Chrome */ background: -webkit-linear-gradient(left top, left bottom, #777777, #333333); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background: -o-linear-gradient(top, #777777, #333333); /* Opera 11.10+ */ background: -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#777777, EndColorStr=#333333, GradientType=0)";
background: linear-gradient(to bottom, #777777, #333333); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#333333', GradientType='0'); /* for IE */
color: #FFFFFF; display: block; float: left; font-family: 'Arial', sans-serif; font-size: 26px; font-weight: 700; height: 45px; line-height: 22px; margin: 6px 15px 0 0; padding: 10px 0 0; text-align: center; width: 45px; }

.list-number li i { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:620px; -moz-border-radius:620px; border-radius:620px; background-color: #0CAF8F; color: #FFFFFF; display: block; float: left; font-size: 26px; height: 45px; line-height: 24px; margin: 6px 15px 0 0; padding: 10px 0 0; text-align: center; width: 45px; }

.list-number-2 li i { color: #333333; display: block; font-size: 21px; margin: 10px 20px 10px 0; }

.list-number-2 li i { color: #333333; display: block; font-size: 21px; margin: 10px 20px 10px 0; }

.list-number-3 li .rotate-shine { margin: 10px 20px 10px 0; }

.list-number-4 > li { float: left; margin: 10px 20px 10px 0; }

.list-number-4 i { margin-right: 0 !important; }

/***** ABOUT SECTION *****/

#about-intro { background: #fefefe; }

.large-feature { margin-top: 66px; text-align: center; }

.large-feature i { font-size: 70px; margin-bottom: 22px; color: #565656; }

.large-feature h4 { margin-bottom: 33px; }

/***** SERVICES SECTION *****/

#service-style li { list-style: none outside none; margin-bottom: -100px; padding-bottom: 50px; padding-left: 60%; padding-top: 8%; position: relative; }

#service-style li:last-child { padding-bottom: 68px; }

li.service-style-1 { background:url('../img/service-style-1.png') no-repeat top left; z-index:8 }

li.service-style-2 { background:url('../img/service-style-2.png') no-repeat top left; z-index:6 }

li.service-style-3 { background:url('../img/service-style-3.png') no-repeat top left; z-index:4 }

li.service-style-4 { background:url('../img/service-style-4.png') no-repeat top left; z-index:2; margin-bottom:0 !important }

.title-service-style { color:#22a7e0; font-size:15px; text-transform:uppercase; font-weight:600; margin:0; display:block; clear:both }

.subtitle-service-style { color:#56595e; font-size:26px; margin:0 0 5px 0; display:block; clear:both }

.text-service-style { margin:0; display:block; clear:both }
 @media (max-width: 1080px) {
 li.service-style-1 {
background:url('../img/service-style-1.png') no-repeat top left;
background-size:48%
}
li.service-style-2 {
background:url('../img/service-style-2.png') no-repeat top left;
background-size:48%
}
li.service-style-3 {
background:url('../img/service-style-3.png') no-repeat top left;
background-size:48%
}
li.service-style-4 {
background:url('../img/service-style-4.png') no-repeat top left;
background-size:48%
}
}
 @media (max-width: 900px) {
 #service-style li {
padding:20px 0 0 0px;
list-style:none;
padding-bottom:0px;
margin-bottom:0px;
position:relative
}
li.service-style-1 {
background:none
}
li.service-style-2 {
background:none
}
li.service-style-3 {
background:none
}
li.service-style-4 {
background:none
}
}

/***** DIVIDER SECTIONS *****/

.left-divider:before { background: -moz-linear-gradient(left, rgba(25, 49, 58, 1) 1%, rgba(25, 49, 58, 0.97) 26%, rgba(25, 49, 58, 0.65) 42%, rgba(25, 49, 58, 0) 74%, rgba(25, 49, 58, 0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%, rgba(25, 49, 58, 1)), color-stop(26%, rgba(25, 49, 58, 0.97)), color-stop(42%, rgba(25, 49, 58, 0.65)), color-stop(74%, rgba(25, 49, 58, 0)), color-stop(100%, rgba(25, 49, 58, 0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(25, 49, 58, 1) 1%, rgba(25, 49, 58, 0.97) 26%, rgba(25, 49, 58, 0.65) 42%, rgba(25, 49, 58, 0) 74%, rgba(25, 49, 58, 0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(25, 49, 58, 1) 1%, rgba(25, 49, 58, 0.97) 26%, rgba(25, 49, 58, 0.65) 42%, rgba(25, 49, 58, 0) 74%, rgba(25, 49, 58, 0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(25, 49, 58, 1) 1%, rgba(25, 49, 58, 0.97) 26%, rgba(25, 49, 58, 0.65) 42%, rgba(25, 49, 58, 0) 74%, rgba(25, 49, 58, 0) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(25, 49, 58, 1) 1%, rgba(25, 49, 58, 0.97) 26%, rgba(25, 49, 58, 0.65) 42%, rgba(25, 49, 58, 0) 74%, rgba(25, 49, 58, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1 ); /* IE6-9 */
position: absolute; content: ''; width: 100%; height: 100%; }

.right-divider:before { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.14) 43%, rgba(255, 255, 255, 0.93) 71%, rgba(255, 255, 255, 0.99) 81%, rgba(255, 255, 255, 1) 83%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(6%, rgba(255, 255, 255, 0)), color-stop(38%, rgba(255, 255, 255, 0)), color-stop(43%, rgba(255, 255, 255, 0.14)), color-stop(71%, rgba(255, 255, 255, 0.93)), color-stop(81%, rgba(255, 255, 255, 0.99)), color-stop(83%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.14) 43%, rgba(255, 255, 255, 0.93) 71%, rgba(255, 255, 255, 0.99) 81%, rgba(255, 255, 255, 1) 83%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.14) 43%, rgba(255, 255, 255, 0.93) 71%, rgba(255, 255, 255, 0.99) 81%, rgba(255, 255, 255, 1) 83%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.14) 43%, rgba(255, 255, 255, 0.93) 71%, rgba(255, 255, 255, 0.99) 81%, rgba(255, 255, 255, 1) 83%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.14) 43%, rgba(255, 255, 255, 0.93) 71%, rgba(255, 255, 255, 0.99) 81%, rgba(255, 255, 255, 1) 83%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 */
position: absolute; content: ''; width: 100%; height: 100%; }

.text-divider { position: relative; background-size: cover !important; background-attachment: fixed !important; }

.text-divider p { margin-top: 44px; }

.action-divider { padding-top: 66px; padding-bottom: 66px; }

.action-divider h3 { padding-top: 10px; }

.action-divider a { color: #4e98e8; }

.full-img { display: block; float: right; cursor: default; position: absolute; bottom: 0px; right: 0px; width: 50%; }

/***** SERVICES SECTION *****/

.ser-img-full { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ max-width: 100%; height: auto; }

.ser-tab-h { overflow: hidden; }

.ser-tab-list { position: relative; margin-top: 20px; /* Temp */ margin-bottom: 10px; }

.ser-tab-list:before { display: block; content: ''; position: absolute; top: 13px; /* Temp */ left: 0; width: 100%; height: 4px; /* Temp */ z-index: 10; }

.ser-tab-list-h { text-align: justify; line-height: 0; }

.ser-tab-list-h:after { display: inline-block; content: ''; height: 0; width: 100%; overflow: hidden; visibility: hidden; }

.ser-tab-item { display: inline-block; text-align: center; cursor: pointer; position: relative; z-index: 11; }

.ser-tab-item-bullet { display: block; width: 30px; /* Temp */ height: 30px; /* Temp */ }

.ser-tab-item-title { display: block; position: absolute; left: 0; top: -20px; height: 20px; line-height: 20px; width: 100%; }

.ser-tab-section { display: none; position: relative; }

.ser-tab-section.active { display: block; }

.ser-tab-section-title { display: none; height: 30px; /* Temp */ padding: 10px 0; /* Temp */ cursor: pointer; }

.ser-tab-section-title:before { display: block; content: ''; position: absolute; top: 0; left: 13px; /* Temp */ width: 4px; /* Temp */ height: 100%; z-index: 10; }

.ser-tab-section-title-bullet { display: block; position: absolute; top: 10px; /* Temp */ left: 0; width: 30px; /* Temp */ height: 30px; /* Temp */ z-index: 11; }

.ser-tab-section-title-text { display: block; height: 30px; /* Temp */ line-height: 30px; /* Temp */ margin-left: 40px; /* Temp */ }

.ser-tab-section-content { padding: 20px; position: relative; z-index: 11; }

.ser-tab.type_vertical .ser-tab-list { display: none; }

.ser-tab.type_vertical .ser-tab-section-title { display: block; }

.ser-tab-item, .ser-tab-section-title { background: none repeat scroll 0 0 #FFFFFF !important; box-shadow: 0 0 0 0 #CECECE inset !important; }

.ser-tab-item.active, .ser-tab-section.active .ser-tab-section-title { box-shadow: 0 0 0 0px #CECECE inset !important; background: #22A7E0 !important; }

.ser-tab-list { margin: 10px 0 30px; }

.ser-tab-list:before { height: 2px; top: 28px; width: 100%; background-color: #f0f0f0; }

.ser-tab-item { height: 60px; width: 60px; border-radius: 50%; overflow: hidden; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; background-color: #ffffff; }

.ser-tab-item:hover { color: #22A7E0 !important; }

.ser-tab-item.active { background-color: #22A7E0; color: #fafafa; }

.ser-tab-item:hover.active { background-color: #22A7E0; color: #fafafa !important; }

.ser-tab-item-bullet { display: none; }

.ser-tab-item-title { font-size: 14px; line-height: 60px; position: rekative; top: 0; }

.ser-tab-section { overflow: hidden; }

.ser-tab-section-title { text-align: center; height: 60px; width: 60px; padding: 0; margin: 22px auto 0; border-radius: 50%; position: relative; z-index: 12; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; background-color: #fafafa; }

.ser-tab-section:first-child .ser-tab-section-title { margin-top: 0; }

.ser-tab-section-title:hover { color: #f97d25; }

.ser-tab-section.active .ser-tab-section-title { background-color: #f8862c; color: #fafafa; }

.ser-tab-section-title-bullet { display: none; }

.ser-tab-section-title-text { height: 60px; line-height: 60px; margin-left: 0; }

.ser-tab-section-content { border-radius: 3px; padding: 0; }

.ser-img-wrapper { line-height: 0; margin-bottom: 40px; }

.one-third .ser-img-wrapper { margin-bottom: 24px; }

.ser-img-wrapper img { overflow: hidden; }

.ser-wrapper { zoom: 1; }

.ser-wrapper:before, .ser-wrapper:after { display: table; line-height: 0; content: ""; }

.ser-wrapper:after { clear: both; }

.ser-wrapper > div { float: left; width: 100%; }

.ser-wrapper > div:last-child { margin-bottom: 0 !important; }

.ser-wrapper > div { margin-left: 4.0000%; }

.ser-wrapper > div:first-child { margin-left: 0; }

.ser-wrapper > .one-third { width: 30.6666%; }

.ser-wrapper > .two-thirds { width: 65.3333%; }
 @media (max-width : 767px) {
.ser-wrapper > div {
 margin-left: 0 !important;
 width: 100% !important;
}
}

/***** SERVICES SECTION *****/

#services { position: relative; }

#services:before { background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.67) 30%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(30%, rgba(255, 255, 255, 0.67)), color-stop(45%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.67) 30%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.67) 30%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.67) 30%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.67) 30%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 */
position: absolute; content: ''; width: 100%; height: 100%; }

.service { width: 50%; float: left; padding-right: 15px; margin-bottom: 33px; }

.service-icon { width: 16%; font-size: 32px; color: #444; }

.service-text { width: 84%; }

.service-text h4 { margin-bottom: 11px; }

.service p { margin-top: 0px; }

/****** Portfolio *****/

/* General style */
.grid-gallery { margin-top: 60px; }

.grid-gallery ul { list-style: none; margin: 0; padding: 0; }

.grid-gallery figure { margin: 0; }

.grid-gallery figure img { display: block; width: 100%; }

.grid-gallery figcaption h4 { color: #FFFFFF; margin: 0; padding: 0 0 0.5em; }

.grid-gallery figcaption h6 { color: #FFFFFF; margin: 0; }

/* Grid style */
.grid-wrap { margin: 0 auto; }

.grid { margin: 0 auto; }

.grid li { width: 25%; float: left; cursor: url("../img/crosshair.png"), auto; }

.grid figure img { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.grid li:hover figure img { opacity: 0.3; }

.grid figcaption { background: none repeat scroll 0 0 #22A7E0; bottom: 0; opacity: 0; padding: 25px 0; position: absolute; text-align: center; width: 100%; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; }

.grid li:hover figcaption { opacity: 1; }

/* Slideshow style */
.slideshow { position: fixed; background: url("../img/overlay-pattern.png") repeat scroll 0 0 rgba(34, 167, 224, 0.7); width: 100%; height: 100%; top: 0; left: 0; z-index: 500; opacity: 0; visibility: hidden; overflow: hidden; -webkit-perspective: 1000px; perspective: 1000px; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }

.slideshow-open .slideshow { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }

.slideshow .sli-ul { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 150px); transform: translate3d(0, 0, 150px); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

.slideshow .sli-ul.animatable .sli-li { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; }

.slideshow-open .slideshow .sli-ul { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slideshow .sli-li { width: 960px; height: 660px; position: absolute; top: 50%; left: 50%; margin: -280px 0 0 -470px; visibility: hidden; }

.slideshow .sli-li.show { visibility: visible; }

.slideshow .sli-li:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.8); -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.slideshow .sli-li.current:after { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s, visibility 0s 0.3s; transition: opacity 0.3s, visibility 0s 0.3s; }

.slideshow figure { width: 100%; height: 100%; background: #fff; border: 50px solid #fff; overflow: hidden; }

.slideshow figcaption { padding-bottom: 20px; }

.slideshow figcaption h3 { color: #333333; font-weight: 300; font-size: 200%; }

/* Navigation */
.slideshow nav span { position: fixed; z-index: 1000; color: #000; text-align: center; padding: 3%; cursor: pointer; font-size: 2.2em; }

.slideshow nav span.nav-prev, .slideshow nav span.nav-next { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.slideshow nav span.nav-next { right: 0; }

.slideshow nav span.nav-close { top: 0; right: 0; padding: 0.5em 1em; color: #000000; }

.fa:before, .fa:after { font-family: 'Arial'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

span.nav-prev:before { content: "\f053"; }

span.nav-next:before { content: "\f054"; }

span.nav-close:before { content: "\f057"; }

/* Info on arrow key navigation */
.info-keys { position: fixed; top: 10px; left: 10px; width: 60px; font-size: 8px; padding-top: 20px; text-transform: uppercase; color: #fff; letter-spacing: 1px; text-align: center; }

.info-keys:before, .info-keys:after { position: absolute; top: 0; width: 16px; height: 16px; border: 1px solid #fff; text-align: center; line-height: 14px; font-size: 12px; }

.info-keys:before { left: 10px; content: "\f054"; }

.info-keys:after { right: 10px; content: "\f054"; }
 @media screen and (max-width: 60em) {
 .grid li {
 width: 33.3%;
}
 .slideshow li {
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 margin: 0;
}
 .slideshow li figure img {
 width: auto;
 margin: 0 auto;
 max-width: 100%;
}
 .slideshow nav span, .slideshow nav span.nav-close {
 font-size: 1.8em;
 padding: 0.3em;
}
 .info-keys {
 display: none;
}
}
 @media screen and (max-width: 35em) {
 .grid li {
 width: 50%;
}
}
 @media screen and (max-width: 24em) {
 .grid li {
 width: 100%;
}
}

/****** PREVIEW *****/

#blog { background: #f9f9f9; }

.post-preview { margin-bottom: 33px; }

.post-date { width: 20%; }

.post-date i { font-size: 40px; margin-top: 6px; width: 100%; opacity: 0.3; text-align: center; }

.post-text { width: 80%; }

.post-text h4 { margin-bottom: 11px; }

.arrow_right { position: relative; top: 5px; }

.author { font-size: 12px; opacity: 0.8; }

.day { font-size: 50px; font-weight: bold; opacity: 0.3; }

.month { font-size: 14px; font-weight: bold; opacity: 0.3; text-transform: uppercase; }

/***** TESTIMONIALS SECTION *****/

.testimonials-section { position: relative; }

.testimonials-slider .flex-control-paging li a { border-color: #fff; }

.testimonials-slider .flex-control-paging li a.flex-active { background: #fff; }

.quote-author { margin-top: 22px; }

/***** PRICING SECTION *****/


.pricing-table { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.3); }

.pricing-table:last-child { border: none; }

.pricing-table h3 { margin-bottom: 22px; }

.pricing-table p { margin-top: 11px; margin-bottom: 33px; }

.pricing-table ul { list-style: none; margin: 22px 0px; }

.pricing-table ul li { margin-bottom: 11px; }

.price, .dollar, .cents { font-family: "Arial"; font-weight: 700; }

.dollar { position: relative; bottom: 25px; font-size: 18px; }

.price { font-size: 60px; }

.cents { position: relative; bottom: 25px; font-size: 18px; }

.terms { font-weight: 700; }

.emph { -webkit-transform: scale(1, 1); }

/***** PORTFOLIO SECTION *****/

.filters { margin-bottom: 66px; list-style: none; overflow: hidden; display: inline-block; }

.filters li { padding-bottom: 7px; border-bottom: 6px solid #fff; font-size: 16px; float: left; margin-right: 22px; }

.filers li:last-child { margin-right: 0px; }

.filters li .btn { border-color: #ccc; letter-spacing: 1px; font-size: 13px; padding: 15px 28px 15px 28px; color: #ccc; }

.filters li .active { border-color: #777; color: #777; }

.projects-wrapper { overflow: hidden; margin-top: 66px; }

.project { float: left; cursor: url(../img/crosshair.png), auto; position: relative; z-index: 1; -webkit-backface-visibility: hidden; transition: all .3s ease;
opacity: 1; overflow: hidden; }

.hide-project { opacity: 0.2; }

.hide-project:hover { cursor: default !important; }

.hide-project:hover .project-hover { display: none !important; }

.project-hover { position: absolute; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: all .3s ease;
z-index: 2; }

.project:hover .project-hover { opacity: 1; }

.hover-inner { position: absolute; width: 100%; height: 40%; bottom: -300px; background: #fff; padding: 15px; -webkit-transition: all .3s ease;
text-align: center; }

.hover-inner h4 { margin-top: 17px; }

.project:hover .project-hover .hover-inner { bottom: 0px; }

.project-body iframe { width: 100%; height: 450px; }

.ajax-container { transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
}

.close-project .icon { font-size: 30px; margin-bottom: 22px; cursor: pointer; }

.project-body { padding-top: 88px; }

.project-body .page-title h2 { margin-bottom: 11px; font-weight: normal; }

.project-body .page-title h6 { font-family: 'Arial'; }

.project-body .page-title { margin-bottom: 88px; }

.project-body .btn { color: #777; border-color: #777; margin-top: 11px; padding-top: 17px; }

.project-body .btn .icon { position: relative; top: 2px; left: 3px; }

.project-text h5 { margin-bottom: 11px; font-weight: normal; }

/***** STATS DIVIDER *****/

.stat .number { font-family: "Arial"; font-weight: 300; font-size: 90px; margin-bottom: -15px; }

.stat h3 { margin-bottom: 11px; }

.stat { border-right: 1px solid #ddd; }

.stat:last-child { border-right: none; }

/***** CLIENTS *****/

.client img { max-width: 210px; margin-bottom: 33px; }

/***** CONTACT *****/

#contact { background: #f8f8f8; position: relative; }

#contact .service { width: 100%; }

.contact-icon { display: inline-block; border: 1px solid; width: 80px; height: 80px; border-radius: 50%; text-align: center; padding-top: 18px; font-size: 40px; margin-bottom: 22px; }

.contact-content { position: relative; z-index: 2; }

.contact-content:before { content: ''; position: absolute; width: 100%; height: 100%; background: #f8f8f8; opacity: 0.7; }

.contact-content .btn { margin: 44px 0px; border: none; letter-spacing: 0px; }

.contact-methods a { margin-right: 11px; font-size: 14px; }

.contact-methods a:last-child { margin-rigth: 0px; }

#map { position: absolute; height: 100%; width: 100%; z-index: 0; transition: all .5s ease;
margin-right: 0px; }

#footer { background: #fff; }

#footer .icon_heart { margin: 0px 6px; }

.facebook { background-color: #3c5a99; }

.twitter { background-color: #55acee; }

blockquote { border-left: 4px solid #22A7E0; font-size: 24px; color: #555; padding-top: 0px; }

.tags { margin-top: 22px; }

.tags a { display: inline-block; color: #777; background-color: #ddd; font-size: 14px; padding: 16px; margin-right: 6px; margin-bottom: 11px; font-family: 'Arial'; border-radius: 3px; }

.blog-left .post-single { margin-bottom: 66px; }