/*------------------------------------------------------------------
Project : Eydia Landing Page
Version : 1.3
Last update : 28/02/2015
--------------------------------------------------------------------
[Table of contents]
1. Common Styles
2. #preloader
3. #head
3.1 .header-top
3.2 .header-social
3.3 .navbar-nav
4. .home-banner
5. #service
6. #service
6.1 .product-slider
6.2 .product-overview
7. #portfolio
8. #pricing
9. #parallax
9.1 .product-item
10. #team
11. #client
12. #teatimonial
12.1 .testimonial-slider
12.2 #faq
13. #contact
13.1 #map-canvas
13.2 .address
13.3 #contact-form
13.4 .address
14. .footer
14.1 .copyright
14.2 .social-links
------------------------------------------------------------------
[Color codes]
Background: #ffffff (white)
Primary: #00aeef (light blue)
Content: #777 (light ash)
a (standard): #777 (light ash)
a (hover) : #00aeef (light blue)
-----------------------------------------------------------------------
[Typography]
Body : 14px/26px 'Raleway', sans-serif;
Home Banner: 67px/74px "Oswald",sans-serif,
Price Table: 24px/1.1 Lato, sans-serif, italic,
54px/54px Oswald, sans-serif,
14px/26px Raleway, sans-serif;
Input, textarea: 14px/26px 'Raleway', sans-serif;
-----------------------------------------------------------------------*/
@font-face {
font-family: "mission_scriptregular";
src: url("../fonts/mission-script/mission-script-webfont.eot");
src: url("../fonts/mission-script/mission-script-webfont.eot?#iefix") format("embedded-opentype"),
url("../fonts/mission-script/mission-script-webfont.woff2") format("woff2"),
url("../fonts/mission-script/mission-script-webfont.woff") format("woff"),
url("../fonts/mission-script/mission-script-webfont.ttf") format("truetype"),
url("../fonts/mission-script/mission-script-webfont.svg#mission_scriptregular") format("svg");
font-weight: normal;
font-style: normal;
}
/*==================================
Common Styles
===================================*/
body {
background-color: #fff;
font-family: 'Raleway', sans-serif;
line-height: 26px;
font-weight: 400;
font-size: 14px;
color: #777;
}
html, body {
overflow: visible;
}
ol, ul {
margin: 0;
padding: 0;
list-style: none;
}
p {
margin: 15px 0 0;
}
a {
color: #777;
-webkit-transition: all .3s ease-in 0s;
-moz-transition: all .3s ease-in 0s;
-ms-transition: all .3s ease-in 0s;
-o-transition: all .3s ease-in 0s;
transition: all .3s ease-in 0s;
}
a:focus, a:hover {
color: #00aeef;
}
iframe {
border: 0;
width: 100%;
}
a, a:focus, a:hover, a:active {
text-decoration: none;
box-shadow: none;
outline: 0;
}
h1, h2, h3,
h4, h5, h6 {
font-weight: normal;
margin: 0;
}
body > section,
.section {
padding: 100px 0;
background-color: #fff;
}
/**
* Reset bootstraps default placehold opacity and color
*
*/
.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder {
opacity: 1;
color: inherit;
}
.form-control:-moz-placeholder,
input:-moz-placeholder {
opacity: 1;
color: inherit;
}
.form-control::-moz-placeholder,
input::-moz-placeholder {
opacity: 1;
color: inherit;
}
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clear:before,
.clear:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clear:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clear {
*zoom: 1;
}
.text-color {
color: #777 !important;
}
.killPadding {
padding: 0 !important;
}
.killPaddingTop {
padding-top: 0 !important;
}
.killPaddingBottom {
padding-bottom: 0 !important;
}
.killMargin {
margin: 0 !important;
}
.killMarginTop {
margin-top: 0 !important;
}
.killMarginBottom {
margin-bottom: 0 !important;
}
.text-mid {
font-size: 18px !important;
line-height: 28px;
margin: 0 0 15px;
}
.btn {
border-radius: 0;
border: 0;
}
.btn:hover,
.btn:active,
.btn:active:focus,
.btn:focus {
outline-offset: 0;
outline: 0;
box-shadow: none;
}
/* Sweep To Right */
.hover-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hover-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hover-left:hover,
.hover-left:focus,
.hover-left:active {
color: #00aeef;
}
.hover-left:hover:before,
.hover-left:focus:before,
.hover-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
/* Sweep To Left */
.hover-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hover-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hover-right:hover,
.hover-right:focus,
.hover-right:active {
color: #00aeef;
}
.hover-right:hover:before,
.hover-right:focus:before,
.hover-right:active:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.btn-blue {
background-color: #00aeef;
text-transform: uppercase;
font-size: 17px;
padding: 16px 36px;
color: #fff;
}
.btn-ash {
background-color: #cacbca;
color: #555;
font-size: 17px;
padding: 16px 36px;
text-transform: uppercase;
}
.btn-ash:hover {
background-color: #00aeef;
color: #fff;
}
.btn-blue:hover,
.btn-blue:focus {
background-color: rgba(0,174,239,0.8);
color: #fff;
}
.btn-mid {
font-size: 14px;
font-weight: 700;
padding: 14px 30px;
}
.btn-full {
width: 100%;
}
.btn-bottom-bdr {
border-bottom: 1px solid #777;
letter-spacing: 2px;
padding: 12px 0;
}
.btn-transparent {
background-color: transparent;
border: 1px solid #00aeef;
padding: 15px 45px;
text-transform: uppercase;
}
.btn-transparent:hover,
.btn-transparent:focus {
background-color: #00aeef;
color: #fff;
}
.btn-ash-border {
background-color: #fff;
border: 1px solid #ddd;
padding: 9px 30px;
}
.btn-ash-border:hover {
background-color: #333333;
border: 1px solid #333333;
color: #ffffff;
}
.btn-icon > i {
left: 20px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.btn-icon {
padding-left: 45px;
padding-right: 25px;
position: relative;
}
.btn-bdr-animate {
position: relative;
}
.btn-bdr-animate .fake-border {
border: 1px solid #eee;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.btn-bdr-animate > div {
display: block;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-transition: opacity 0.3s ease-in-out 0s;
-moz-transition: opacity 0.3s ease-in-out 0s;
-o-transition: opacity 0.3s ease-in-out 0s;
transition: opacity 0.3s ease-in-out 0s;
}
.btn-bdr-animate:hover > div {
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out 0s;
-moz-transition: opacity 0.3s ease-in-out 0s;
-o-transition: opacity 0.3s ease-in-out 0s;
transition: opacity 0.3s ease-in-out 0s;
}
.btn-bdr-animate .borderT {
background-color: #ccc;
height: 1px;
left: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-transform-origin: right top 0;
-moz-transform-origin: right top 0;
-ms-transform-origin: right top 0;
-o-transform-origin: right top 0;
transform-origin: right top 0;
-webkit-transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-o-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.btn-bdr-animate .borderR {
background: none repeat scroll 0 0 #ccc;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 1px;
-webkit-transform-origin: right bottom 0;
-moz-transform-origin: right bottom 0;
-ms-transform-origin: right bottom 0;
-o-transform-origin: right bottom 0;
transform-origin: right bottom 0;
-webkit-transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-o-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.btn-bdr-animate .borderB {
background: none repeat scroll 0 0 #ccc;
bottom: 0;
height: 1px;
position: absolute;
right: 0;
width: 100%;
-webkit-transform-origin: left bottom 0;
-moz-transform-origin: left bottom 0;
-ms-transform-origin: left bottom 0;
-o-transform-origin: left bottom 0;
transform-origin: left bottom 0;
-webkit-transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-o-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.btn-bdr-animate .borderL {
background: none repeat scroll 0 0 #ccc;
bottom: 0;
height: 100%;
left: 0;
position: absolute;
width: 1px;
-webkit-transform-origin: left top 0;
-moz-transform-origin: left top 0;
-ms-transform-origin: left top 0;
-o-transform-origin: left top 0;
transform-origin: left top 0;
-webkit-transition-duration: 1.2s;
-moz-transition-duration: 1.2s;
-o-transition-duration: 1.2s;
transition-duration: 1.2s;
}
.btn-bdr-animate:hover .borderT {
-webkit-animation: 1s ease 0s normal none 1 running ca-bt;
-o-animation: 1s ease 0s normal none 1 running ca-bt;
animation: 1s ease 0s normal none 1 running ca-bt;
}
.btn-bdr-animate:hover .borderR {
-webkit-animation: 1s ease 0s normal none 1 running ca-br;
-o-animation: 1s ease 0s normal none 1 running ca-br;
animation: 1s ease 0s normal none 1 running ca-br;
}
.btn-bdr-animate:hover .borderB {
-webkit-animation: 1s ease 0s normal none 1 running ca-bb;
-o-animation: 1s ease 0s normal none 1 running ca-bb;
animation: 1s ease 0s normal none 1 running ca-bb;
}
.btn-bdr-animate:hover .borderL {
-webkit-animation: 1s ease 0s normal none 1 running ca-bl;
-o-animation: 1s ease 0s normal none 1 running ca-bl;
animation: 1s ease 0s normal none 1 running ca-bl;
}
.btn-bdr-animate:hover > span {
opacity: 1;
transition-duration: 0.1s;
}
@-webkit-keyframes ca-bt {
0% {
transform: scale(0, 1);
}
37% {
transform: scale(1, 1);
}
100% {
transform: scale(1, 1);
}
}
@keyframes ca-bt {
0% {
transform: scale(0, 1);
}
37% {
transform: scale(1, 1);
}
100% {
transform: scale(1, 1);
}
}
@-webkit-keyframes ca-bl {
0% {
transform: scale(1, 0);
}
37% {
transform: scale(1, 0);
}
50% {
transform: scale(1, 1);
}
100% {
transform: scale(1, 1);
}
}
@keyframes ca-bl {
0% {
transform: scale(1, 0);
}
37% {
transform: scale(1, 0);
}
50% {
transform: scale(1, 1);
}
100% {
transform: scale(1, 1);
}
}
@-webkit-keyframes ca-bb {
0% {
transform: scale(0, 1);
}
50% {
transform: scale(0, 1);
}
87% {
transform: scale(1, 1);
}
100% {
transform: scale(1, 1);
}
}
@keyframes ca-bb {
0% {
transform: scale(0, 1);
}
50% {
transform: scale(0, 1);
}
87% {
transform: scale(1, 1);
}
100% {
transform: scale(1, 1);
}
}
@-webkit-keyframes ca-br {
0% {
transform: scale(1, 0);
}
87% {
transform: scale(1, 0);
}
100% {
transform: scale(1, 1);
}
}
@keyframes ca-br {
0% {
transform: scale(1, 0);
}
87% {
transform: scale(1, 0);
}
100% {
transform: scale(1, 1);
}
}
.subheading {
color: #ccc;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
}
.section-head {
margin-bottom: 70px;
}
.smargin-25 {
margin-bottom: 25px;
}
.section-head.white h2,
.section-head.white h3,
.section-head.white p {
color: #fff;
}
.section-head.style_3 {
margin-bottom: 120px;
}
.section-head h2 {
color: #333333;
font-size: 32px;
text-transform: uppercase;
position: relative;
font-weight: 300;
}
.title-bold h2 {
font-size: 40px;
font-weight: 800;
}
.title-sep h2 {
margin-bottom: 25px;
padding-bottom: 20px;
position: relative;
}
.title-sep h2:after {
background-color: #00aeef;
bottom: 0;
content: "";
height: 2px;
left: 50%;
margin-left: -50px;
position: absolute;
width: 100px;
}
.sep-left h2:after {
left: 0;
margin-left: 0;
}
.section-head h3 {
color: #333333;
}
.section-head.style_2 h2:before {
background-color: #00aeef;
content: "";
display: block;
float: left;
height: 39px;
margin: -2px 20px 0 0;
width: 3px;
}
.section-head.style_3 h2 {
color: #00aeef;
float: left;
font-size: 48px;
font-weight: 900;
padding-right: 40px;
margin-right: 40px;
}
.section-head.style_3 h2:after {
background-color: #e5e5e5;
content: "";
height: 150px;
margin-top: -75px;
position: absolute;
right: 0;
top: 50%;
width: 1px;
}
.section-head.style_3 h2 > span {
color: #333;
display: block;
font-size: 18px;
font-style: italic;
font-weight: 300;
text-align: right;
text-transform: capitalize;
}
.section-head.style_3 p {
color: #777;
font-size: 18px;
margin: 0;
}
.section-head p {
color: #333333;
font-size: 16px;
}
.parallax {
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.primary-bg {
background-color: #00aeef;
}
.clb {
clear: both;
}
.pt0 {
padding-top: 0 !important;
}
.alignleft {
float: left;
margin: 0 20px 18px 0;
}
.alignright {
float: right;
margin: 0 0 18px 20px;
}
.aligncenter {
margin: 0 auto;
text-align: center;
}
.kill-padding {
padding: 0 !important;
}
.sep-fullwidth {
background-color: #00aeef;
display: block;
height: 4px;
}
.separator > span {
background-color: #00aeef;
display: block;
height: 2px;
margin: 0 auto;
width: 55px;
}
.white,
.white p,
.white a {
color: #fff;
}
.vertical-middle {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.vertical-middle:after {
display: inline-block;
vertical-align: middle;
content: "";
height: 100%;
}
.vertical-inner {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.relative {
position: relative;
z-index: 10;
}
.overflow-hidden {
overflow: hidden;
}
.bullet {
list-style: outside none disc;
padding-left: 15px;
}
/*==================================
Effect
===================================*/
/* .item_top {
top: -30px;
opacity: 0;
position: relative;
}
.item_bottom {
bottom: -30px;
opacity: 0;
position: relative;
}
.item_left {
left: -60px;
position: relative;
opacity: 0;
}
.item_right {
right: -60px;
position: relative;
opacity: 0;
}
.item_fade_in {
opacity: 0;
position: relative;
padding-left: 0px;
right: 0px;
} */
/*==================================
Magnific popup setup
===================================*/
body.mfp-white-bg .mfp-bg.mfp-zoom-in {
background-color: #ffffff;
opacity: 1;
}
.mfp-white-bg .mfp-figure:after {
box-shadow: none;
}
.mfp-container button.fa {
background-color: #eeeeee;
border: 0 none;
font-size: 30px;
height: 100px;
left: 0;
line-height: 100px;
margin-top: -40px;
position: absolute;
text-align: center;
top: 50%;
width: 50px;
}
.mfp-container button.fa-angle-left {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.mfp-container button.fa-angle-right {
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
left: auto;
right: 0;
}
.mfp-white-bg .mfp-close {
color: #777777;
cursor: pointer !important;
}
/*====== Zoom effect ======*/
.mfp-zoom-in {
/* start state */
/* animate in */
/* animate out */
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
/*==================================
Preview Panel
===================================*/
#footer_canvas {
padding: 0;
}
#footer_canvas > section {
padding: 100px 0;
}
.preview-pannel {
background-color: #191c21;
font-family: "Lato",sans-serif;
height: 100%;
left: -250px;
position: fixed;
top: 0;
width: 250px;
z-index: 1160;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.preview-pannel.extend {
left: 0;
}
.preview-pannel h3 {
background-color: #171717;
color: #fff;
font-size: 18px;
line-height: 30px;
margin: 0;
padding: 5px 0 5px 10px;
position: relative;
z-index: 1140;
}
.preview-pannel h3 a {
background-color: #171717;
border-radius: 0 6px 6px 0;
color: #fff;
display: block;
font-size: 17px;
height: 40px;
line-height: 38px;
position: absolute;
right: -40px;
text-align: center;
top: 130px;
width: 40px;
}
.preview-pannel.extend h3 a {
top: 0;
}
.switcher-wrapper {
background-color: #191c21;
height: 100%;
left: -250px;
padding: 50px 10px 10px;
position: fixed;
top: 0;
width: 250px;
z-index: 1130;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.preview-pannel.extend .switcher-wrapper {
left: 0;
}
.style-elem {
border: 1px solid #3a3a3a;
margin-bottom: 20px;
padding: 10px;
}
.select-style select {
background-color: transparent;
border: 1px solid #3a3a3a;
padding: 5px 0 5px 3px;
position: relative;
width: 100%;
}
.switcher-wrapper h4 {
color: #999;
font-size: 16px;
line-height: 30px;
margin: 0 0 10px;
}
.select-style {
position: relative;
}
.select-style .sbHolder a:hover {
color: #fff;
}
.select-style .sbHolder .sbSelector {
border: 1px solid #3a3a3a;
}
.switcher-wrapper > ul {
margin-bottom: 30px;
}
.colors-option {
margin-left: -4px;
}
.colors-option > li {
display: inline-block;
}
.colors-option > li a {
display: block;
height: 32px;
margin: 0 0 10px 4px;
text-align: center;
text-indent: -9999em;
width: 36px;
}
.preview-pannel a .fa-toggle-on {
display: none;
}
.preview-pannel.extend a .fa-toggle-off {
display: none;
}
.preview-pannel.extend a .fa-toggle-on {
display: inline-block;
}
.colors-option > li a.col1 {
background-color: #ff525e;
}
.colors-option > li a.col2 {
background-color: #F9690E;
}
.colors-option > li a.col3 {
background-color: #87D37C;
}
.colors-option > li a.col4 {
background-color: #A05EB7;
}
.colors-option > li a.col5 {
background-color: #5D9496;
}
.colors-option > li a.col6 {
background-color: #747D8C;
}
.colors-option > li a.col7 {
background-color: #F37259;
}
.colors-option > li a.col8 {
background-color: #EAB129;
}
.colors-option > li a.col9 {
background-color: #49C9B2;
}
.colors-option > li a.col10 {
background-color: #18A05E;
}
.colors-option > li a.col11 {
background-color: #A64C38;
}
.colors-option > li a.col12 {
background-color: #9FADBF;
}
.colors-option > li a.col13 {
background-color: #6000B2;
}
.colors-option > li a.col14 {
background-color: #57FF6B;
}
.colors-option > li a.col15 {
background-color: #FF4026;
}
.colors-option > li a.col16 {
background-color: #7A8F8F;
}
.colors-option > li a.col17 {
background-color: #364ABF;
}
.colors-option > li a.col18 {
background-color: #54626C;
}
.colors-option > li a.col19 {
background-color: #FFE11A;
}
.colors-option > li a.col20 {
background-color: #C1CBCD;
}
.options-links li {
float: left;
}
.options-links li a {
background-color: #000;
border-radius: 3px;
color: #ccc;
display: inline-block;
font-size: 13px;
margin-bottom: 0;
margin-right: 10px;
padding: 2px 11px;
}
.options-links li:last-child a {
margin-right: 0;
}
/* end preview wrapper */
.navbar-nav span.coming {
background-color: #00aeef;
border-radius: 3px;
color: #fff;
font-family: Lato,sans-serif;
font-size: 11px;
font-weight: 300;
line-height: normal;
padding: 2px 4px 3px;
position: absolute;
right: 10px;
top: 10px;
}
.navbar-nav span.coming:before {
border-color: transparent #00aeef transparent transparent;
border-style: solid;
border-width: 5px;
bottom: 4px;
content: "";
left: -10px;
position: absolute;
}
/*==================================
Preloader
===================================*/
#preloader {
background-color: #fff;
height: 100%;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 1200;
}
.loader-spinner {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/* Preloader 1 */
.loader-spinner {
background-color: transparent;
border: 0.3em solid #00aeef;
font-size: 8em;
height: 110px;
left: 50%;
margin: -55px 0 0 -55px;
position: fixed;
top: 50%;
width: 110px;
}
.loader-spinner,
.loader-spinner:before,
.loader-spinner:after {
border-radius: 50%;
}
.loader-spinner:before, .loader-spinner:after {
content: "";
border: 0 solid transparent;
position: absolute;
}
.loader-spinner:before {
width: .3em;
height: .3em;
border-width: .1em;
border-top-color: #ddd;
border-left-color: #ddd;
border-bottom-color: #ddd;
top: .05em;
left: .05em;
-webkit-animation: spin 1s linear reverse infinite;
animation: spin 1s linear reverse infinite;
}
.loader-spinner:after {
width: 1.3em;
height: 1.3em;
border-width: .1em;
border-top-color: #ddd;
border-left-color: #777;
top: -.45em;
left: -.45em;
-webkit-animation: spin .7s linear infinite;
animation: spin .7s linear infinite;
}
.loader-spinner:before {
-webkit-animation: spin 1s linear reverse infinite;
animation: spin 1s linear reverse infinite;
}
.loader-spinner:after {
-webkit-animation: spin .7s linear infinite;
animation: spin .7s linear infinite;
}
/* Animations */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*============================================
Preloader 2
==============================================*/
.spinner {
height: 30px;
left: 50%;
margin: -15px 0 0 -25px;
position: absolute;
top: 50%;
width: 50px;
}
.spinner > div {
background-color: #00aeef;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
/*
.loader,
.loader:before,
.loader:after {
border-radius: 50%;
}
.loader:before,
.loader:after {
position: absolute;
content: '';
}
.loader:before {
width: 5.2em;
height: 10.2em;
background-color: #00aeef;
border-radius: 10.2em 0 0 10.2em;
top: -0.1em;
left: -0.1em;
-webkit-transform-origin: 5.2em 5.1em;
transform-origin: 5.2em 5.1em;
-webkit-animation: load2 2s infinite ease 1.5s;
animation: load2 2s infinite ease 1.5s;
}
.loader {
font-size: 11px;
height: 110px;
left: 50%;
margin: -55px 0 0 -55px;
position: absolute;
text-indent: -99999em;
top: 50%;
width: 110px;
}
.loader:after {
width: 5.2em;
height: 10.2em;
background-color: #00aeef;
border-radius: 0 10.2em 10.2em 0;
top: -0.1em;
left: 5.1em;
-webkit-transform-origin: 0px 5.1em;
transform-origin: 0px 5.1em;
-webkit-animation: load2 2s infinite ease;
animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*/
/*
body.boxed-mode > header > .container,
body.boxed-mode > footer > .container,
body.boxed-mode > section > .container,
body.boxed-mode > section > .overlay > .container {
background-color: #fff;
padding: 100px 55px;
box-shadow: 12px 0 15px -4px rgba(31, 73, 125, 0.8),
-12px 0 8px -4px rgba(31, 73, 125, 0.8);
}
body.boxed-mode > section,
body.boxed-mode > section > .overlay {
padding-top: 0 !important;
padding-bottom: 0 !important;
background-image: none !important;
background-color: transparent !important;
}
*/
/*==================================
Header Widget
===================================*/
.header-widget-wrapper {
position: relative;
}
.header-widget-inner {
padding: 50px 0 20px;
display: none;
}
.header-widget-block {
margin-bottom: 30px;
}
/* Widget Toggle */
.header-widget-toogle {
background-color: transparent;
border: 0;
bottom: -170px;
padding: 5px;
position: absolute;
right: 30px;
z-index: 1000;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.animated .header-widget-toogle {
bottom: -130px;
}
.apointer {
left: -2px;
position: absolute;
top: -2px;
}
.apointer .apointer-center,
.apointer .apointer-pulse {
border-radius: 12px 12px 12px 12px;
position: absolute;
}
.apointer .apointer-center {
background-color: #000000;
background-repeat: repeat-x;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 12px 12px 12px 12px;
box-shadow: 0 0 2px rgba(255, 255, 255, 0.4) inset;
height: 12px;
width: 12px;
z-index: 2;
}
.apointer .apointer-pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-ms-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-ms-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
background-color: #000000;
border: medium none #2094E9;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
height: 24px;
left: 50%;
top: 50%;
margin: -6px 0 0 -6px;
width: 24px;
z-index: 1;
}
@keyframes "pulse" {
0% {
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-o-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
}
80% {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-webkit-transform: scale(2.5);
-moz-transform: scale(2.5);
-o-transform: scale(2.5);
-ms-transform: scale(2.5);
transform: scale(2.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(0.3);
transform: scale(0.3);
filter: alpha(opacity=80);
opacity: 0.8;
}
80% {
-moz-transform: scale(1.5);
transform: scale(1.5);
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-moz-transform: scale(2.5);
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-webkit-keyframes "pulse" {
0% {
-webkit-transform: scale(0.3);
transform: scale(0.3);
filter: alpha(opacity=80);
opacity: 0.8;
}
80% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
@-ms-keyframes "pulse" {
0% {
-ms-transform: scale(0.3);
transform: scale(0.3);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity: 0.8;
}
80% {
-ms-transform: scale(1.5);
transform: scale(1.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-ms-transform: scale(2.5);
transform: scale(2.5);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
}
}
@-o-keyframes "pulse" {
0% {
-o-transform: scale(0.3);
transform: scale(0.3);
filter: alpha(opacity=80);
opacity: 0.8;
}
80% {
-o-transform: scale(1.5);
transform: scale(1.5);
filter: alpha(opacity=0);
opacity: 0;
}
100% {
-o-transform: scale(2.5);
transform: scale(2.5);
filter: alpha(opacity=0);
opacity: 0;
}
}
/*==================================
Navigation
===================================*/
.bottom-nav {
position: relative;
}
.bottom-nav.navbar-fixed-top {
position: fixed;
}
.navbar-default {
border: 0;
background-color: #fff;
}
.semi-tp-dark {
background-color: rgba(0, 0, 0, 0.1);
border-bottom: medium none rgba(255, 255, 255, 0.1);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.semi-tp-dark.animated {
background-color: rgba(255, 255, 255, 0.95)
}
.navbar-default.primary .sticky-header {
background-color: #00aeef;
}
.navbar-default.primary .navbar-nav > li > a,
.navbar-default.primary .navbar-nav > li.current > a,
.navbar-default.primary.animated .navbar-nav > li.current > a {
color: #fff;
}
.primary .navbar-nav > li a > .drpdownSign:after,
.primary .navbar-nav > li.current a > .drpdownSign:after {
border-bottom-color: #fff;
border-right-color: #fff;
}
.primary .navbar-nav > li.current > a {
background-color: rgba(255, 255, 255, 0.25) !important;
}
.primary .navbar-nav > li.mega-menu > ul {
/*background-color: #f0f0f0;*/
border: 0 none;
}
.primary .container .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.transparent-head {
background-color: transparent;
}
.opacity-header {
background-color: rgba(0,0,0,0.15);
}
.opacity-header .navbar-nav > li > a {
color: #fff;
}
.opacity-header .navbar-nav > li > a:hover,
.opacity-header .navbar-nav > li > a:focus {
color: #00aeef;
}
.opacity-header .mega-menu-wrapper .navbar-nav > li > a,
.opacity-header .mega-menu-wrapper .navbar-nav > li.current > a,
.opacity-header .mega-menu-wrapper .navbar-nav > li > a:hover {
border: 0;
}
.opacity-header.ac-nav .social-links:before {
background-color: #fff;
left: -30px;
}
.opacity-header .social-links li a {
border-color: #fff;
color: #fff;
}
.sticky-wrapper {
position: relative;
z-index: 101;
}
.sticky-header:not(.no-bg):not(.dark-head):not(.header19):not(.transparent-head) {
background-color: #fff;
}
.is-sticky .navbar-default {
z-index: 1001;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
.navbar-shadow {
z-index: 1001;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
.is-sticky .container.mega-menu-wrapper {
background-color: #fff;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
/**----------------- Header Top -------------------**/
.header-top {
border-bottom: 1px solid #e5e5e5;
padding: 6px 0;
display: none;
}
.header-top.opened {
display: block;
}
.transparent-head .header-top {
border: 0 none;
display: block;
}
.header-top .social-links {
margin-top: 0;
}
.header-top .social-links:before {
content: none;
}
.header-top.primary {
background-color: #00aeef;
padding: 8px 0 6px;
border-bottom: 0;
}
.header-top.primary + .slide-top {
border-top: 2px solid #00aeef;
}
.header-top.primary .quick-contact > p,
.header-top.primary .quick-contact a,
.header-top.primary .quick-contact > i,
.header-top.primary .quick-contact > p span,
.header-top.primary .social-links li a {
color: #fff;
}
.header-top.primary .quick-contact:hover > i,
.header-top.primary .social-links li a:hover {
background-color: #fff;
border-color: #fff;
color: #00aeef;
}
.quick-contact {
font-family: 'Lato', sans-serif;
color:#777;
}
.quick-contact > i {
border: 1px solid #e5e5e5;
border-radius: 50%;
float: left;
font-size: 16px;
height: 38px;
line-height: 37px;
margin-right: 18px;
text-align: center;
width: 38px;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.quick-contact:hover > i {
background-color:#00aeef;
border-color:#00aeef;
color:#fff;
}
.quick-contact > p {
margin: 4px 0 0;
}
.quick-contact > p span {
color:#555;
}
.slide-top > .container {
position: relative;
}
.slide-top span {
border: 1px solid #e5e5e5;
cursor: pointer;
height: 20px;
line-height: 17px;
position: absolute;
text-align: center;
top: 0;
right: -15px;
width: 20px;
border-top: 0;
z-index: 30;
}
#head > .show-top {
display: none;
top: 0;
}
.header-top.primary + .slide-top .hide-top {
background-color: #00aeef;
border: 0 none;
color: #fff;
}
.header-top .social-links li,
.member-profile .social-links li {
display: inline-block;
margin-right: 8px;
}
.header-top .social-links li a,
.member-profile .social-links li a {
border: 1px solid #e5e5e5;
border-radius: 50%;
display: block;
color: #777;
font-size: 16px;
height: 38px;
line-height: 37px;
margin: 0 auto;
width: 38px;
}
.header-top .social-links li a:hover,
.member-profile .social-links li a:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.headerTopInner > div {
float: none;
}
/*------------------------
Navbar nav
--------------------------*/
.sticky-header.on {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1040;
}
.sticky-header.on,
.is-sticky .main-head {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}
.navbar-header {
height: 100%;
left: 0;
position: absolute;
top: 0;
}
.navbar-brand > img {
left: 0;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-three {
display: none;
}
.navbar-toggle:focus,
.navbar-toggle:hover {
background-color: #ddd;
}
.navbar-toggle {
border-color: #ddd;
}
.navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-toggle .icon-bar:before {
content: none;
}
.navbar-brand {
height: inherit;
padding: 0;
}
.opacity-header .navbar-toggle {
border-color: #ddd;
}
.opacity-header .navbar-toggle .icon-bar {
background-color: #ddd;
}
/*--- navbar nav -----*/
.navbar-nav > li > a {
border-color: transparent transparent;
border-style: solid;
border-width: 0 1px 1px;
color: #888888;
padding: 44.3px 25px;
position: relative;
text-transform: uppercase;
}
.animated .navbar-nav > li > a {
padding: 24px 25px;
}
.animated .nav25 .navbar-nav > li > a {
padding-top: 24px;
padding-bottom: 24px;
}
.navbar-nav li {
position: relative;
/*overflow: hidden;*/
}
.navbar-nav li:hover {
overflow: visible;
}
.navbar-nav > li.current:before,
.navbar-nav > li:hover:before {
background-color: #e5e5e5;
content: "";
height: 101%;
position: absolute;
left: 0;
top: 0;
width: 1px;
}
.navbar-nav > li.current:after,
.navbar-nav > li:hover:after {
background-color: #e5e5e5;
content: "";
height: 101%;
position: absolute;
right: 0;
top: 0;
width: 1px;
}
.navbar-nav > li > a:after {
position: absolute;
left: 50%;
bottom: 0;
content: '';
width: 15px;
height: 2px;
opacity: 0;
margin-left: -7.5px;
background-color: #00aeef;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.navbar-nav > li.current > a:after,
.navbar-nav > li > a:hover:after {
margin-left: -50%;
width: 100%;
opacity: 1;
}
.navbar-nav > li.current > a,
.navbar-nav > li.current > a,
.navbar-nav > li.current > a:hover,
.navbar-nav > li.current > a:focus {
background-color: transparent;
color: #00aeef;
}
.navbar-nav > li.current > a:before,
.navbar-nav > li > a:hover:before,
.navbar-nav > li > a:focus:before {
background-color: #00aeef;
bottom: -1px;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
width: 100%;
}
/* --------------- nav4 ----------------*/
.nav4 .navbar-nav > li > a {
display: block;
color: #fff;
font-size: 13px;
font-weight: 600;
padding: 39px 25px;
}
.animated .nav4 .navbar-nav > li > a {
color: #333;
padding: 25px;
}
.nav4 .navbar-nav > li.current > a,
.nav4 .navbar-nav > li:hover > a {
color: #333;
}
.nav4 .navbar-nav > li a > .drpdownSign:after {
border-bottom-color: #fff;
border-right-color: #fff;
}
.animated .nav4 .navbar-nav > li a > .drpdownSign:after,
.nav4 .navbar-nav > li:hover a > .drpdownSign:after,
.nav4 .navbar-nav > li.current a > .drpdownSign:after {
border-bottom-color: #333;
border-right-color: #333;
}
/* --------------- Mega Menu ----------------*/
.mega-menu-wrapper {
position: relative;
}
.mega-menu-wrapper > .navbar-collapse {
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.mega-menu-wrapper .navbar-nav > li:before,
.mega-menu-wrapper .navbar-nav > li:after {
content: none;
}
.navbar-nav > li.mega-menu {
position: static;
}
.mega-menu-wrapper .navbar-nav > li:last-child {
border-right: 0 none;
}
.navbar-nav > li > .dropdown a > i {
float: right;
line-height: 28px;
}
.navbar-nav > li:nth-last-child(2) > .dropdown,
.navbar-nav > li:last-child > .dropdown {
left: auto;
right: 0;
}
.mega-menu-wrapper.border .navbar-nav > li.current > a,
.mega-menu-wrapper.border .navbar-nav > li > a:hover {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.mega-menu-wrapper.nav22 .navbar-nav > li > a,
.mega-menu-wrapper.nav25 .navbar-nav > li > a,
.page-nav .mega-menu-wrapper .navbar-nav > li > a {
border: 0 none;
}
.navbar-nav > li.mega-menu > ul {
border-color: #bababa;
border-style: solid;
border-width: 1px 0 0;
left: 0;
padding: 30px 25px;
position: absolute;
width: 100%;
z-index: 200;
}
.navbar-nav > li.mega-menu > ul > li {
border-right: 1px solid #ddd;
float: left;
margin-right: 2.6%;
width: 23%;
}
.navbar-nav > li.mega-menu > ul > li:last-child {
border-right: 0;
margin-right: 0;
}
.navbar-nav li.mega-menu > ul > li > a {
color: #888;
display: block;
font-weight: 700;
margin-bottom: 14px;
font-family: Lato, sans-serif;
text-transform: uppercase;
}
.navbar-nav li.mega-menu > ul > li > ul > li > a {
display: block;
font-family: Lato,sans-serif;
font-weight: 300;
padding: 5px 0;
text-transform: capitalize;
}
/*--------------- Header 2 ----------------*/
.transparent-head {
/*border-bottom: 1px solid rgba(0, 0, 0, 0.5);*/
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.transparent-head.animated {
background-color: #fff;
border-bottom: 0;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
.transparent-head.animated .header-top {
display: none;
}
.transparent-head .header-middle {
background-color: rgba(0, 0, 0, 0.4);
}
.transparent-head.animated .header-middle {
background-color: transparent;
}
.transparent-head .navbar-nav > li.current > a:before,
.transparent-head .navbar-nav > li > a:hover:before,
.transparent-head .navbar-nav > li > a:focus:before {
bottom: 0;
}
.transparent-head .toggle-search .search-form > i {
border-left: 0 none;
border-right: 0 none;
padding: 43px 0 47px 14px;
}
.transparent-head .social-links li a,
.transparent-head .quick-contact > i,
.transparent-head .quick-contact > p span,
.transparent-head .quick-contact > p a,
.transparent-head .quick-contact > p,
.transparent-head .navbar-nav > li > a {
color: #fff;
border: 0;
}
.transparent-head .navbar-nav > li > a:hover,
.transparent-head .navbar-nav > li.current > a {
color: #00aeef;
}
.transparent-head.animated .toggle-search .search-form > i,
.transparent-head.animated .navbar-nav > li > a {
color: #777;
}
.transparent-head .navbar-nav > li > a,
.transparent-head .navbar-nav > li.current > a,
.transparent-head .navbar-nav > li > a:hover {
border: 0;
}
.transparent-head.animated .toggle-search .search-form > i {
padding: 23px 0 27px;
}
.header5 .top-head {
background-color: #f1f1f1;
padding: 15px 0;
}
.header5 .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.banner-caption.white h1,
.banner-caption.white p {
color: #fff;
}
.home36 .overlay {
background-color: #000;
height: 100%;
left: 0;
opacity: 0.2;
position: absolute;
top: 0;
width: 100%;
}
/*--------------- Header 6 ----------------*/
.header6 .navbar-nav > li > a {
font-family: Lato,sans-serif;
padding: 51px 25px;
text-transform: capitalize;
}
.header6.animated .navbar-nav > li > a {
padding: 24px 25px;
}
/*--------------- Header 14 ----------------*/
.header14 {
background-color: transparent;
box-shadow: none;
border: 0;
}
.top-head {
padding: 25px 0;
}
.top-search {
position: relative;
margin-top: 7px;
}
.top-search .form-control {
border: 0 none;
border-radius: 0;
height: 40px;
box-shadow: none;
padding: 0 45px 0 20px;
}
.search-filed.border .form-control {
border: 1px solid #f0f0f0;
}
.top-search .search-submit {
background-color: #00aeef;
border: 0 none;
color: #fff;
font-size: 18px;
height: 40px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.app-home {
background-image: url("../img/apps/paralax1.jpg");
position: relative;
}
.app-home .overlay {
background-color: #000;
height: 100%;
left: 0;
opacity: 0.4;
position: absolute;
top: 0;
width: 100%;
}
/*--------------- header 15 ----------------*/
.header15 {
background-color: rgba(255, 255, 255, 0.8);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.header15.animated {
background-color: #fff;
}
.ac-nav > .container-fluid {
padding: 0 50px;
}
.ac-nav .navbar-brand {
/*padding: 14px 0;*/
}
.ac-nav.animated .navbar-brand {
/*padding: 19px 0;*/
}
.ac-nav .navbar-collapse {
/*margin-right: 46px;*/
}
.ac-nav .navbar-nav > li > a {
padding: 30px 16px;
}
.ac-nav .social-links {
margin-right: 0;
margin-left: 50px;
}
/*--------------- header 16 ----------------*/
.head-wrapper {
position: relative;
}
.bottom-head {
bottom: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
left: 0;
position: absolute;
right: 0;
top: auto;
z-index: 210;
}
.bottom-head.navbar-fixed-top {
bottom: auto;
position: fixed;
top: 0;
}
/*--------------- header 17 ----------------*/
.header17 {
box-shadow: 0 0 10px rgba(0,0,0,.15);
position: relative;
}
.header17.navbar-fixed-top {
position: fixed;
}
/*--------------- index 18 / vertical nav ----------------*/
.vertical-nav-wrapper {
background-color: #fff;
box-sizing: border-box;
height: 100%;
left: 0;
padding: 20px 30px;
position: fixed;
top: 0;
width: 260px;
z-index: 101;
}
.vertical-logo {
margin: 20px 0;
}
.vertical-logo img {
max-width: 100%;
}
.vertical-nav {
margin: 60px 0 0;
}
.vertical-nav > li {
position: relative;
}
.vertical-nav li a {
display: block;
position: relative;
}
.vertical-nav > ul > li > a {
font-weight: 700;
line-height: 30px;
}
.vertical-nav i.drpdownSign:before {
background-color: #000;
content: "";
height: 11px;
margin-top: -5px;
position: absolute;
right: 0;
top: 50%;
width: 1px;
}
.vertical-nav i.drpdownSign:after {
background-color: #000;
content: "";
height: 1px;
position: absolute;
right: -5px;
top: 50%;
width: 11px;
}
.vertical-nav i.drpdownSign.opened:before {
content: none;
}
.vertical-nav .dropdown {
display: none;
}
.vertical-nav .dropdown > li > a,
.vertical-nav .dropdown > li > ul > li > a {
color: #999;
font-size: 13px;
text-transform: capitalize;
}
.vertical-nav .dropdown > li > ul {
display: none;
padding-left: 15px;
}
.vertical-nav-wrapper .social-links {
margin-top: 70px;
}
.vertical-nav-wrapper .social-links li {
margin-right: 5px;
}
.vertical-inner-content {
padding-left: 260px;
}
.vertical-inner-content > section {
padding-top: 100px;
padding-bottom: 100px;
}
.vertical-inner-content .container {
width: 1280px;
}
/*--------------- header19 ----------------*/
.nav-toggle {
display: none;
}
.header19 {
background-color: transparent;
border-bottom: 1px solid rgba(255,255,255,0.5);
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.header19.animated {
background-color: #fff;
border: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.logo-double .logo2,
.animated .logo-double .logo1 {
display: none;
}
.animated .logo-double .logo2 {
display: block;
}
.header19.animated .navbar-nav > li > a,
.header19.animated .search-form > i,
.header19.animated .cart-and-search a > i,
.header19.animated .side-nav {
color: #777;
}
.header19.animated .navbar-nav > li.current > a,
.header19.animated .navbar-nav > li > a:hover {
color: #00aeef;
}
.header19 .navbar-nav > li > a {
padding: 34px 25px;
font-weight: 700;
color: #fff;
}
.header19 .navbar-nav > li > a:hover,
.header19 .navbar-nav > li > a:focus {
color: #00aeef;
background-color: transparent;
}
.header19.animated .toggle-search .search-form > i {
padding: 29px 30px;
}
.header19.animated .side-nav {
padding: 30px 0 27px 25px;
}
.header19.animated .navbar-nav > li > a > .drpdownSign::after {
border-color: transparent #aaa #aaa transparent;
}
.page-nav .navbar-nav > li > a {
padding: 39px 20px;
}
.page-nav .navbar-right {
/*border-right: 1px solid #fff;*/
margin: 0 40px 0 0 !important;
}
.boxed-nav2 {
top: 80px;
}
.boxed-nav2.animated {
top: 0;
}
.bordered .boxed-nav2.animated {
top: 25px;
}
.boxed-nav2 .container {
background-color: #fff;
}
.boxed-nav2 .navbar-right {
border-right: 1px solid #ddd;
margin: 0 40px 0 0;
}
.search-form {
float: left;
position: relative;
}
.toggle-search .search-form {
}
.form-inner,
.toggle-search .form-inner {
position: absolute;
min-width: 250px;
display: none;
right: 0;
top: 102%;
z-index: 90;
}
.toggle-search .search-form > i {
border-left: 1px solid rgba(255, 255, 255, 0.5);
border-right: 1px solid rgba(255, 255, 255, 0.5);
color: #fff;
font-size: 18px;
cursor: pointer;
padding: 35px;
-webkit-transition: all .3s ease-in 0s;
-moz-transition: all .3s ease-in 0s;
-ms-transition: all .3s ease-in 0s;
-o-transition: all .3s ease-in 0s;
transition: all .3s ease-in 0s;
}
.header19 .side-nav {
color: #fff;
font-size: 18px;
line-height: 1;
display: inline-block;
padding: 35px 0 35px 36px;
}
.search-form .form-inner .search-field,
.toggle-search .search-field {
border: 0;
height: 42px;
font-size: 14px;
color: #777;
padding: 0;
text-indent: 15px;
width: 100%;
}
.search-form .form-inner .search-sub,
.toggle-search .search-sub {
background-color: #00aeef;
border: 0 none;
color: #fff;
font-size: 18px;
height: 42px;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.cart-and-search {
z-index: 10;
margin-top: 27px;
position: relative;
}
.cart-and-search a {
background-color: #fff;
border-radius: 50%;
color: #00aeef;
display: inline-block;
font-size: 18px;
height: 42px;
line-height: 42px;
text-align: center;
width: 42px;
}
.cart-and-search a.search-form {
margin-right: 10px;
}
.cart-and-search > a:hover {
background-color: #00aeef;
color: #fff;
}
.cart-and-search a:hover i {
color: #fff;
}
.cart-and-search a > i {
border: 0;
padding: 0;
display: block;
line-height: 42px;
color: #00aeef;
}
.boxed-nav2 .form-inner,
.page-nav .form-inner {
top: 71px;
z-index: 9;
}
.boxed-nav2 .search-sub,
.page-nav .search-sub {
top: 1px;
}
.slide-menu-sec {
background-color: #111;
height: 100%;
min-height: 100%;
padding: 35px 30px;
position: fixed;
right: 0;
top: 0;
width: 400px;
z-index: 15;
overflow-x: hidden;
-webkit-transition: all 0.8s ease 0s;
-moz-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
.slide-menu-sec.opened {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.sidebar-nav,
.slide-menu-sec > aside:last-child {
margin-bottom: 30px;
}
.slide-menu-sec > aside {
background-color: transparent;
padding: 0;
}
.slide-menu-sec .media-list .pp-media h4 a,
.slide-menu-sec .sidebar .pp-media h4 a {
color: #ddd;
}
.close-slide-nav {
background: url("../img/icons/cross_white.png") no-repeat scroll center center / 65% auto transparent;
height: 30px;
position: absolute;
right: 10px;
top: 10px;
width: 30px;
}
.slide-menu-sec h4 {
color: #fff;
font-size: 17px;
font-weight: 700;
margin-bottom: 25px;
}
.sidebar-nav ul {}
.sidebar-nav ul li {}
.sidebar-nav ul li ul {
display: none;
left: 10px;
position: relative;
}
.sidebar-nav ul li a {
display: block;
color: #fff;
padding: 5px 0;
}
.sidebar-nav li a:hover {
color: #00aeef;
}
.sidebar-nav ul li a:hover {}
.social-links {
margin-top: 17px;
position: relative;
z-index: 9;
}
.ac-nav .social-links:before {
background-color: #c4c2c2;
content: "";
height: 50px;
left: -40px;
position: absolute;
width: 1px;
}
.social-links li {
display: inline-block;
margin-right: 10px;
}
.social-links li:last-child {
margin-right: 0;
}
.social-links li a {
display: block;
height: 42px;
width: 42px;
text-align: center;
line-height: 40px;
font-size: 18px;
border: 1px solid #e5e5e5;
border-radius: 50%;
}
.social-links li a:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
/*--------------- Header 21 ----------------*/
.header21 {
box-shadow: none;
}
.header21 .header-mid {
border-bottom: 1px solid #e5e5e5;
padding: 20px 0;
}
.header21 .header-search {
position: relative;
margin: 8px 0 0 0;
}
.header21 .seach-field {
border: 1px solid #e5e5e5;
color: #bcbdbe;
height: 38px;
padding: 0 48px 0 25px;
width: 100%;
}
.header21 .search-sub {
background-color: transparent;
border: 0 none;
color: #00aeef;
font-size: 18px;
line-height: 36px;
padding: 0;
position: absolute;
right: 28px;
top: 0;
}
.header21 .side-nav {
color: #00aeef;
display: block;
margin: 14px 0 0;
text-align: right;
}
.logo21 > a {
display: block;
}
.nav21 {
/*border-bottom: 1px solid rgba(238,240,241,0.5);*/
}
.nav21 .navbar-nav {
float: none;
text-align: center;
}
.nav21 .navbar-nav > li {
display: inline-block;
overflow: visible;
float: none;
}
.nav21 .navbar-nav > li > a {
padding: 14px 15px;
}
.no-beaf .navbar-nav > li:before,
.no-beaf .navbar-nav > li:after,
.no-beaf .navbar-nav > li > a:before,
.no-beaf .navbar-nav > li > a:after {
content: none;
}
.nav20 .navbar-nav > li.current > a,
.nav20 .navbar-nav > li > a:hover,
.nav20 .navbar-nav > li > a:focus,
.nav21 .navbar-nav > li.current > a,
.nav21 .navbar-nav > li > a:hover,
.nav21 .navbar-nav > li > a:focus,
.nav22 .navbar-nav > li.current > a,
.nav22 .navbar-nav > li > a:hover,
.nav22 .navbar-nav > li > a:focus,
.nav23 .navbar-nav > li.current > a,
.nav23 .navbar-nav > li > a:hover,
.nav23 .navbar-nav > li > a:focus,
.nav25 .navbar-nav > li.current > a,
.nav25 .navbar-nav > li > a:hover,
.nav25 .navbar-nav > li > a:focus {
background-color: #00aeef;
color: #fff;
}
.nav20 .navbar-nav > li.current > a,
.nav20 .navbar-nav > li:hover > a,
.nav20 .navbar-nav > li.current > a:hover,
.nav21 .navbar-nav > li.current > a,
.nav21 .navbar-nav > li:hover > a,
.nav21 .navbar-nav > li.current > a:hover,
.nav22 .navbar-nav > li.current > a,
.nav22 .navbar-nav > li:hover > a,
.nav22 .navbar-nav > li.current > a:hover,
.nav23 .navbar-nav > li.current > a,
.nav23 .navbar-nav > li:hover > a,
.nav23 .navbar-nav > li.current > a:hover,
.nav25 .navbar-nav > li.current > a,
.nav25 .navbar-nav > li:hover > a,
.nav25 .navbar-nav > li.current > a:hover, {
color: #fff !important;
}
/*----------------- Header 22 -----------------*/
.header22 {
background-color: transparent;
box-shadow: none;
}
.header22 .header-top {
padding: 0;
border: 0;
}
.header22 .header-top .container {
background-color: #495052;
padding: 4px 0;
}
.header22 .quick-contact > p span {
color: #fff;
}
.header22 .header-top .quick-contact a,
.header22 .quick-contact > p {
color: #c2c1c1;
}
.header22 .quick-contact:first-child > i {
margin-left: 15px;
}
.header22 .quick-contact > i {
font-size: 14px;
height: 30px;
color: #fff;
line-height: 28px;
width: 30px;
}
.header22 .quick-contact > p {
margin: 0;
}
.header22 .header-top .social-links li a {
border: 0;
height: 30px;
line-height: 28px;
width: 30px;
}
.nav22 {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
background-color: rgba(255, 255, 255, 0.8);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.animated .nav22 {
background-color: #fff;
}
.nav22 .navbar-collapse {
margin-right: 0;
}
.nav22 .navbar-header {
left: 15px;
}
.nav22 .navbar-nav > li > a {
padding: 25.5px 25px;
color: #777;
}
/*--------------- Header 23 ----------------*/
.home23 .overlay {
background-color: rgba(0, 0, 0, 0.2);
}
.nav20 .navbar-nav > li > a,
.nav23 .navbar-nav > li > a {
padding: 19px 25px;
}
/*.nav20 .navbar-brand > img,
.nav23 .navbar-brand > img {
max-width: 160px !important;
}
.nav20 .navbar-brand,
.nav23 .navbar-brand {
padding: 0;
}*/
.nav23 .nav23inner {
position: relative;
}
/*--------------- Header 24 ----------------*/
.home24 {
height: 540px;
padding: 0;
}
.home24 .overlay {
background-color: rgba(0, 0, 0, 0.3);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.slide24 .item,
.slide26 .item {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.slideitem,
.slide24 .container,
.slide25 .item {
display: table;
height: 540px;
position: relative;
}
.slide24 .item-inner,
.slide25 .item-inner {
display: table-cell;
vertical-align: middle;
}
/*--------------- Home 25 ----------------*/
.home25 {
background: url(../img/slider/cleaning.jpg) center center / cover no-repeat transparent;
height: 540px;
padding: 0;
}
.home25 .overlay {
background-color: rgba(0, 0, 0, 0.3);
}
/*--------------- Header 25 ----------------*/
.header-top.dark {
background-color: #222;
border-bottom: 0;
padding: 0;
}
.header-top.dark .quick-contact {
margin-top: 4px;
}
.header-top.dark .quick-contact a,
.header-top.dark .quick-contact p {
color: #c2c2c2;
}
.header-top.dark .quick-contact span {
color: #fff;
}
.header-top.dark .htRight li {
float: left;
}
.header-top.dark .htRight li a {
border-right: 1px solid rgba(255, 255, 255, 0.2);
color: #c2c2c2;
display: block;
padding: 12px 15px;
font-weight: 600;
text-transform: uppercase;
}
.header-top.dark .htRight li a:hover {
color: #fff;
}
.header-top.dark .htRight li a span {
color: #777;
}
.header-top.dark .htRight li:first-child a {
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
/*.nav25 .navbar-brand {
padding-left: 0;
}*/
.nav25 .navbar-nav > li > a {
color: #555;
font-weight: 700;
margin: 0 25px;
padding: 43.3px 0;
}
.nav25 .navbar-nav > li > a:hover,
.nav25 .navbar-nav > li.current > a {
background-color: transparent;
color: #555;
}
.nav25 .navbar-nav > li > a:before {
background-color: #555;
content: "";
margin-top: -30px;
top: 50%;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.nav25 .navbar-nav > li.current > a:before,
.nav25 .navbar-nav > li > a:hover:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/*--------------- Header 27 ----------------*/
.gradient-head {
background-color: transparent;
background-image: none, linear-gradient(to top, rgba(255, 255, 255, 0.75) 0px, rgba(255, 255, 255, 0.75) 10px, rgba(255, 255, 255, 0.75) 20px, rgba(255, 255, 255, 0.75) 30px, rgba(255, 255, 255, 0.75) 40px, rgba(255, 255, 255, 0.96) 90px, rgba(255, 255, 255, 0.98) 90px, #ffffff 121px);
background-position: center top;
background-repeat: repeat;
box-shadow: none;
}
.gradient-head .navbar-nav > li > a {
padding: 45px 16px;
}
.gradient-head .navbar-nav > li > a:hover,
.gradient-head .navbar-nav > li > a:focus {
color: #00aeef;
}
.gradient-head.animated .navbar-nav > li > a {
padding: 30px 16px;
}
.gradient-head .social-links {
margin-top: 31px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.gradient-head.animated .social-links {
margin-top: 17px;
}
.gradient-head.animated .social-links:before {
left: -36px;
top: -4px;
}
/*--------------- Home 27 ----------------*/
.home27 {
background: url(../img/slider/slider15.jpg) center center / cover no-repeat transparent;
padding: 0;
}
/*--------------- Header 28 ----------------*/
.header28 {
background-color: transparent;
box-shadow: none;
-webkit-transition: all .5s ease-in 0s;
-moz-transition: all .5s ease-in 0s;
-ms-transition: all .5s ease-in 0s;
-o-transition: all .5s ease-in 0s;
transition: all .5s ease-in 0s;
}
.header28.animated {
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header28.animated .navbar-nav > li.current > a,
.header28.animated .navbar-nav > li > a:hover {
color: #00aeef;
border-color: #00aeef;
}
.header28.animated .navbar-nav > li > a {
color: #777;
padding: 20px 15px;
}
.header28 .navbar-nav {
display: inline-block;
float: none;
}
.header28 .navbar-collapse {
text-align: center;
margin-right: 0;
}
.header28 .navbar-nav > li > a {
border-bottom: 5px solid #fff;
border-left: 0;
border-right: 0;
color: #fff;
font-size: 16px;
font-weight: 400;
margin: 0 5px 0 0;
padding: 56px 15px 20px;
}
.header28 .navbar-nav li:last-child a {
margin: 0;
}
.header28 .navbar-nav > li.current > a,
.header28 .navbar-nav > li > a:hover {
border-color: #00aeef;
color: #00aeef;
}
/*--------------- Home 28 ----------------*/
.home28 {
background: url(../img/slider/business-3.jpg) center center / cover no-repeat transparent;
padding: 0;
}
.home28 .overlay {
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.slide17 .item,
.slide27 .item,
.slide28 .item {
display: table;
}
.item-inner {
color: #fff;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.item-inner h2 {
font-size: 36px;
font-weight: 300;
margin-bottom: 10px;
text-transform: uppercase;
}
.item-inner h1 {
font-size: 70px;
margin-bottom: 20px;
font-weight: 900;
text-transform: uppercase;
}
.home28 .item img {
margin: 0 auto 30px;
}
.slide28 .item {
height: 100%;
position: absolute;
left: 0;
top: 0;
width: 100%;
}
/*======================== Home video /index 29 ============================*/
#okplayer {
height: 130% !important;
left: -15% !important;
top: -15% !important;
width: 130% !important;
}
.home-video {
position: relative;
}
.mbYTP_wrapper {
position: absolute !important;
z-index: 110 !important;
}
.myvideo {
width: 100%;
position: relative;
}
.home-video.vimeo .myvideo {
overflow: hidden;
}
.home-video.vimeo .myvideo iframe {
z-index: 1000 !important;
}
.controls-wrapper .controls {
background-color: transparent;
border: 0 none;
bottom: 50px;
font-size: 25px;
padding: 0;
position: absolute;
right: 100px;
z-index: 1000;
-webkit-transition: all 0.5s ease-in-out 0.65s;
-moz-transition: all 0.5s ease-in-out 0.65s;
-ms-transition: all 0.5s ease-in-out 0.65s;
-o-transition: all 0.5s ease-in-out 0.65s;
transition: all 0.5s ease-in-out 0.65s;
}
.controls-wrapper .controls:hover {
color: #00aeef;
}
.controls-wrapper .controls:last-child {
right: 50px;
}
.header30.navbar-fixed-top {
position: fixed !important;
}
.myvideo2 {
overflow: hidden;
}
/*--------------- Dropdown ----------------*/
.navbar-nav > li > ul,
.navbar-nav > li .sub-menu li ul {
background-color: #fff;
border: 1px solid #f8f8f8;
margin: 0;
left: 0;
min-width: 250px;
opacity: 0;
padding: 15px 0;
position: absolute;
top: 100%;
visibility: hidden;
z-index: 100;
text-align: left;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.navbar-nav > li > ul.sub-menu {
top: 100%;
}
.navbar-right .navbar-nav > li > ul.sub-menu {
/* left: auto;
right: 0; */
}
.navbar-nav ul.sub-menu li ul {
left: 100%;
top: 0;
}
.navbar-right .navbar-nav ul.sub-menu li ul {
left: auto;
right: 100%;
top: 0;
}
.navbar-right .navbar-nav > li:last-child > ul.sub-menu {
left: auto;
right: 0;
}
.navbar-nav li:hover > ul,
.navbar-nav ul.sub-menu li:hover > ul {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.navbar-nav > li a > .drpdownSign {
position: relative;
}
.navbar-nav > li a > .drpdownSign:after {
border-color: transparent #777 #777 transparent;
border-style: solid;
border-width: 3px;
bottom: -1px;
content: "";
height: 5px;
position: absolute;
right: -8px;
width: 3px;
}
.arrow2 .navbar-nav > li a > .drpdownSign:after {
content: none;
}
.navbar-nav > li.current a > .drpdownSign:after {
border-bottom-color: #00aeef;
border-right-color: #00aeef;
}
.navbar-nav > li > .sub-menu li {
position: relative;
padding: 0 40px;
}
.navbar-nav > li .sub-menu > li a:hover {
color: #00aeef;
}
.navbar-nav > li .sub-menu > li > ul > li:last-child > a {
border-bottom: 0;
}
.navbar-nav > li > .sub-menu li a {
border-bottom: 1px solid #e5e5e5;
border-left: 0 none;
border-right: 0 none;
display: block;
font-family: "Lato",sans-serif;
font-weight: 300;
padding: 8px 0;
text-transform: capitalize;
}
.navbar-nav > li ul.sub-menu li:last-child > a {
border-bottom: 0;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Dropdown style 2
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.dropdown2 li.mega-menu > ul > li > ul > li > a {
font-weight: 400;
margin: 0 20px;
padding: 5px 10px;
}
.dropdown2 li.mega-menu > ul > li > ul > li:last-child > a {
border-bottom: 0 none;
}
.dropdown2 span.coming {
top: 5px;
}
.dropdown2 ul.sub-menu li {
padding-left: 0;
padding-right: 0;
}
.dropdown2 > li.mega-menu > ul > li {
margin-right: 0;
width: 25%;
}
.dropdown2 li ul.sub-menu,
.dropdown2 li.mega-menu > ul,
.dropdown2 li .sub-menu li ul {
border: 0;
visibility: hidden;
opacity: 0;
background-color: #101010;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.dropdown2 ul.sub-menu li ul {
right: -webkit-calc(100% + 1px);
right: -moz-calc(100% + 1px);
right: calc(100% + 1px);
min-width: 250px;
padding: 15px 0;
position: absolute;
top: 0;
}
.dropdown2 li.mega-menu li a,
.dropdown2 ul.sub-menu li a {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
color: #ddd;
display: block;
font-family: Lato,sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 1px;
line-height: 19px;
margin: 0 20px;
padding: 5px 15px;
}
.navbar-nav > li > .sub-menu a > i {
float: right;
line-height: 19px;
}
.dropdown2 ul.sub-menu li:last-child > a {
border-bottom: 0;
}
.dropdown2 li.mega-menu li:hover > a,
.dropdown2 ul.sub-menu li:hover > a {
background-color: #444;
border-color: #444;
}
.dropdown2 li:hover > ul,
.dropdown2 ul.sub-menu li:hover > ul {
opacity: 1;
visibility: visible;
}
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Dropdown style 3
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.dropdown3 > li > a {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
}
.dropdown3 li.mega-menu > ul,
.dropdown3 > li > ul,
.dropdown3 > li .sub-menu li ul {
opacity: 0;
visibility: hidden;
padding: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.dropdown3 > li.mega-menu > ul,
.dropdown3 > li .sub-menu {
padding: 10px 0;
}
.dropdown3 li:hover > ul,
.dropdown3 ul.sub-menu li:hover > ul {
opacity: 1;
visibility: visible;
}
.dropdown3 li.mega-menu > ul > li > ul > li > a {
font-weight: 700;
padding: 0 15px;
}
.dropdown3 > li.mega-menu > ul > li {
width: 23.7%;
}
.dropdown3 li.mega-menu > ul > li {
margin-left: 1.3%;
margin-right: 0;
padding-right: 1.3%;
}
.dropdown3 ul.sub-menu li {
padding: 0;
}
.dropdown3 li.mega-menu li a,
.dropdown3 ul.sub-menu li a {
border: 0 none;
font-size: 12px;
font-weight: 700;
height: 42px;
line-height: 42px;
padding: 0 15px;
position: relative;
text-transform: uppercase;
}
.dropdown3 ul.sub-menu li:hover > a {
color: #00aeef;
}
.dropdown3 > li > .sub-menu a > i {
line-height: 42px;
}
.dropdown3 ul li > a:before {
background-color: #fafafa;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 0;
z-index: -1;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.dropdown3 ul li:hover > a:before {
width: 100%;
}
/*==================================
Home Banner
===================================*/
.home-banner {
background: url("../img/banner.jpg") no-repeat scroll center center / cover transparent;
height: 600px;
padding: 0;
}
.home-banner.banner-2 {
background-image: none;
padding-top: 0;
position: relative;
}
.banner-2 .carousel-inner > .item {
background-size: cover;
background-repeat: no-repeat;
height: 600px;
}
.home21 .banner-caption {
width: inherit;
text-align: center;
}
.home21 .banner-caption h1 {
background-color: rgba(255, 255, 255, 0.8);
color: #00aeef;
display: inline-block;
padding: 30px;
}
#home-carousel {
overflow: hidden;
}
.home-banner.banner-2 .slide-controls a,
.banner-slider13 .owl-nav > div {
background-color: rgba(0, 0, 0, 0.3);
display: block;
height: 60px;
left: -60px;
margin-top: -30px;
position: absolute;
text-indent: -9999em;
top: 50%;
width: 50px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
#home-carousel:hover .slide-prev,
.banner-slider13:hover .owl-prev {
left: 0;
}
.home-banner.banner-2 .slide-controls a:hover,
.banner-slider13 .owl-nav > div:hover {
background-color: #00aeef;
}
.home-banner.banner-2 .slide-controls .slide-next,
.banner-slider13 .owl-next {
left: auto;
right: -60px;
}
#home-carousel:hover .slide-next,
.banner-slider13:hover .owl-next {
left: auto;
right: 0;
}
.home-banner.banner-2 .slide-controls .slide-prev:before,
.banner-slider13 .owl-nav .owl-prev:before {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
display: block;
height: 18px;
margin-top: -9px;
position: absolute;
left: 22px;
top: 50%;
width: 18px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.home-banner.banner-2 .slide-controls .slide-next:after,
.banner-slider13 .owl-nav .owl-next:before {
border-right: 1px solid #fff;
border-top: 1px solid #fff;
content: "";
display: block;
height: 18px;
margin-top: -9px;
position: absolute;
right: 22px;
top: 50%;
width: 18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.home-banner.banner-2 .carousel-indicators li {
background-color: #666;
border: 1px solid #666;
border-radius: 50px;
height: 15px;
margin: 0 5px;
width: 15px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.home-banner.banner-2 .carousel-indicators li:hover,
.home-banner.banner-2 .carousel-indicators li.active {
background-color: #00aeef;
border-color: #00aeef;
}
.home-banner.banner-3 {
margin-top: 0 !important;
}
.banner-3 .overlay {
background-color: rgba(0, 0, 0, 0.3);
}
.home20 .overlay {
background-color: rgba(0, 0, 0, 0.5);
}
.banner-caption {
margin-top: 15%;
max-width: 100%;
width: 470px;
}
.banner-caption h1 {
color: #777777;
font-family: 'Oswald', sans-serif;
font-size: 67px;
font-weight: 300;
margin-bottom: 35px;
line-height: 74px;
text-transform: uppercase;
}
.banner-caption p {
color: #777777;
font-family: 'Raleway', sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.banner-caption a {
margin-top: 35px;
}
.bgslide .container,
.banner-3 .container {
display: table;
}
.bgslide .container > .row,
.banner-3 .container > .row {
display: table-cell;
vertical-align: middle;
}
.home-banner.banner-4 .banner-caption {
margin-top: 0;
max-width: none;
width: 100%;
}
.bgslide .banner-caption,
.banner-3 .banner-caption {
margin-top: 0;
max-width: none;
width: 100%;
}
.bgslide .banner-caption h2,
.banner-3 .banner-caption h2 {
color: hsl(0, 0%, 100%);
font-size: 35px;
margin-bottom: 30px;
text-transform: uppercase;
}
.bgslide .home-social,
.banner-3 .home-social {
bottom: 0;
padding: 20px 0;
border-top: 1px solid #e5e5e5;
left: 0;
position: absolute;
width: 100%;
}
.bgslide .home-social li,
.banner-3 .home-social li {
display: inline-block;
margin-right: 8px;
}
.bgslide .home-social li:last-child,
.banner-3 .home-social li:last-child {
margin-right: 0;
}
.bgslide .home-social li a,
.banner-3 .home-social li a {
border: 1px solid #e5e5e5;
border-radius: 50%;
display: block;
color: #f7f7f7;
font-size: 18px;
height: 42px;
line-height: 40px;
margin: 0 auto;
width: 42px;
}
.bgslide .home-social li a:hover,
.banner-3 .home-social li a:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.bgslide .banner-caption h1,
.banner-3 .banner-caption h1,
.banner-6 .slide-left h1 {
color: #00aeef;
font-family: Raleway;
font-size: 44px;
font-weight: 100;
line-height: 60px;
}
.bgslide .banner-caption h1,
.banner-3 .banner-caption h1 {
color: #fff;
font-size: 38px;
line-height: 45px;
margin-bottom: 15px;
}
.home-banner.banner-4 {
margin-top: 0 !important;
background-image: url(../img/banner4.jpg);
}
.banner-4 .row.fullscreen {
display: table;
}
.banner-4 .row.fullscreen > div {
display: table-cell;
float: none;
vertical-align: middle;
}
.home-banner.banner-4 .banner-caption h3 {
font-size: 30px;
line-height: 40px;
font-weight: 700;
color: #00aeef;
text-transform: uppercase;
margin-bottom: 40px;
}
.home-banner.banner-4 .banner-caption ul {}
.home-banner.banner-4 .banner-caption ul li {
text-transform: uppercase;
font-size: 18px;
margin-bottom: 30px;
font-weight: 700;
color: #333333;
}
.home-banner.banner-4 .banner-caption ul li:last-child {
margin-bottom: 0;
}
.home-banner.banner-4 .banner-caption ul li i {
margin-right: 15px;
font-size: 36px;
color: #00aeef;
float: left;
}
.home-banner.banner-4 .banner-caption ul li span {
color: #777777;
font-size: 14px;
font-weight: 400;
display: block;
text-transform: lowercase;
}
.home-banner.banner-4 .banner-caption ul li span::first-letter {
text-transform: uppercase;
}
.home-banner.banner-4 .iphone {
margin-top: 55px;
text-align: right;
}
.banner-4 .iphone img {
max-width: 375px !important;
}
.banner-5 {
padding: 0;
}
.banner-5 .overlay {
background-color: rgba(0, 0, 0, 0.2);
height: 100%;
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.banner-5 .calltoac {
background-color: #00aeef;
bottom: 100px;
color: #fff;
left: 0;
padding: 36px 0;
position: absolute;
width: 100%;
}
.banner-5 .calltoac h1 {
font-size: 40px;
font-weight: 800;
text-transform: uppercase;
}
.banner-5 .calltoac p {
font-size: 18px;
margin-top: 0;
}
.btn-border {
border: 2px solid #fff;
color: #fff;
padding: 10px 35px;
margin-top: 16px;
text-transform: uppercase;
}
.banner-5 .btn-border:first-child {
margin-right: 5px;
}
.btn-border:hover {
background-color: #fff;
border-color: #fff;
color: #333;
}
.home5_2 .banner-caption {
float: right;
margin-right: 13%;
text-align: right;
width: 520px;
}
.home5_2 .banner-caption h1,
.home5_2 .banner-caption p {
color: #fff;
}
.home5_2 .carousel-inner .item:first-child .banner-caption h1 {
color: #222;
}
.home14 .banner-caption h2 {
font-size: 60px;
font-weight: 900;
margin-bottom: 8px;
}
.home14 .banner-caption h1 {
font-size: 45px;
font-weight: 900;
}
.home22 .overlay {
background-color: rgba(0, 0, 0, 0.2);
}
.home6 {
background-image: url(../img/banner3.jpg);
position: relative;
overflow: hidden;
clear: both;
}
.slide6 .item .container {
display: table;
}
.slide6 .slidecaption {
display: table-cell;
vertical-align: middle;
width: 60%;
}
.slide6 .slidecaption h1,
.slide6 .slidecaption h2,
.slide6 .slidecaption h3 {
clear: both;
float: right;
}
.slide6 .slidecaption h1 {
font-size: 56px;
margin-bottom: 30px;
text-transform: uppercase;
z-index: 1;
font-weight: 100;
color: #00aeef;
line-height: 75px;
opacity: 0;
-webkit-transition: all 1.2s ease-in 1s;
-moz-transition: all 1.2s ease-in 1s;
-o-transition: all 1.2s ease-in 1s;
transition: all 1.2s ease-in 1s;
}
.slide6 .active .slidecaption h1 {
opacity: 1;
}
.slide6 .slidecaption h3 {
background-color: #00aeef;
color: #fff;
display: inline-block;
font-size: 30px;
position: relative;
font-weight: 700;
right: -300px;
opacity: 0;
padding: 19px 30px;
text-transform: uppercase;
-webkit-transition: all 1.2s ease-in 1.3s;
-moz-transition: all 1.2s ease-in 1.3s;
-o-transition: all 1.2s ease-in 1.3s;
transition: all 1.2s ease-in 1.3s;
}
.slide6 .active .slidecaption h3 {
right: 0;
opacity: 1;
}
.slide6 .slidecaption h3:before {
border-color: #00aeef #00aeef transparent transparent;
border-style: solid;
border-width: 35px;
content: "";
left: -70px;
position: absolute;
top: 0;
}
.slide6 .slidecaption h2 {
background-color: #dde1e2;
color: #00aeef;
display: inline-block;
font-size: 39px;
font-weight: 700;
padding: 19px 30px;
position: relative;
text-transform: uppercase;
right: -300px;
opacity: 0;
text-transform: uppercase;
-webkit-transition: all 1.2s ease-in 1.6s;
-moz-transition: all 1.2s ease-in 1.6s;
-o-transition: all 1.2s ease-in 1.6s;
transition: all 1.2s ease-in 1.6s;
}
.slide6 .slidecaption h2:before {
border-color: #dde1e2 #dde1e2 transparent transparent;
border-style: solid;
border-width: 41px;
content: "";
left: -82px;
position: absolute;
top: 0;
}
.slide6 .active .slidecaption h2 {
right: 0;
opacity: 1;
}
.home6 .iphone {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.home6 .iphone img {
margin: 0 auto;
max-width: 265px;
position: relative;
opacity: 0;
right: -180px;
-webkit-transition: all 1.5s ease 0s;
-moz-transition: all 1.5s ease 0s;
-o-transition: all 1.5s ease 0s;
transition: all 1.5s ease 0s;
}
.home6 .active .iphone img {
opacity: 1;
right: 0;
}
.home6:hover a.bx-prev {
left: 0;
background-position: center;
}
.home6:hover a.bx-next {
right: 0 !important;
background-position: center;
}
/* Backstretch Slider index 7 */
.banner-7 {
padding: 0;
height: 900px;
}
.home-slider-7 {
display: table;
}
.home-slider-7 .slide-inner {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.home-slider-7 .slide-inner h1 {
color: #fff;
font-size: 95px;
font-weight: 200;
line-height: 100px;
text-transform: uppercase;
}
.index7slide2 > li {
display: table;
}
.index7slide2 > li .slide-inner {
display: table-cell;
vertical-align: middle;
}
.home-slider-7 .slide-inner h2 {
color: #fff;
font-size: 60px;
font-weight: 700;
line-height: 70px;
margin-top: 5px;
text-transform: uppercase;
}
.home-slider-7 .slide-inner p {
color: #fff;
font-size: 30px;
letter-spacing: 1px;
line-height: 40px;
margin-top: 45px;
}
.banner-7 .sform7,
.banner-10 .sform7,
.bgslide .sform7,
.banner-3 .sform7 {
background-color: rgba(255,255,255,0.4);
border: 1px solid rgba(255,255,255,0.6);
margin: 83px auto 0;
font-weight: 600;
padding: 29px;
max-width: 514px;
width: 100%;
}
.banner-7 .sform7 {
margin-top: 45px;
}
.banner-7 .sform7 .input-field,
.bgslide .sform7 .input-field,
.banner-10 .sform7 .input-field,
.banner-3 .sform7 .input-field {
float: left;
font-size: 14px;
height: 50px;
margin-right: 20px;
background-color: #fff;
color: #777;
border: 0;
padding: 0;
text-indent: 25px;
text-transform: lowercase;
max-width: 300px;
width: 100%;
}
.sform7 .input-field::-moz-placeholder {/* Firefox 19+ */
text-transform: uppercase;
}
.sform7 .input-field::-webkit-input-placeholder {
text-transform: uppercase;
}
.sform7 .input-field:-moz-placeholder { /* Firefox 18- */
text-transform: uppercase;
}
.sform7 .input-field:-ms-input-placeholder {
text-transform: uppercase;
}
.banner-7 .sform7 .mail-submit,
.banner-10 .sform7 .mail-submit,
.bgslide .sform7 .mail-submit,
.banner-3 .sform7 .mail-submit {
width: 134px;
height: 50px;
text-align: center;
font-size: 14px;
background-color: #fff;
color: #00aeef;
border: 0;
text-transform: uppercase;
}
/*==================== Banner 8 ====================*/
.banner-8 {
background-color: #dedede;
padding: 0;
}
.banner-8 > .container {
display: table;
}
.banner-8 > .container > .row {
display: table-cell;
vertical-align: middle;
}
.banner-8 .col-md-offset-1.col-md-10 {
padding-left: 0;
}
.banner-8 .col-md-offset-1.col-md-10 .col-md-6 {
padding-left: 0;
}
.banner-8 .banner-head {
margin-bottom: 80px;
}
.banner-8 .banner-head a {
display: block;
}
.banner-8 .banner-head h1 {
color: #555;
font-size: 45px;
font-weight: 200;
margin-top: 53px;
text-transform: uppercase;
}
.banner-8 .banner-head {
margin-bottom: 40px;
}
.banner-8 .left-content h3 {
color: #00aeef;
font-size: 23px;
font-weight: 700;
margin-bottom: 50px;
line-height: 40px;
text-transform: uppercase;
}
.banner-8 .banner-head p {
font-size: 24px;
color: #999999;
font-weight: 700;
text-transform: uppercase;
}
.banner-8 .content-item .icon {
color: #00aeef;
display: block;
float: left;
font-size: 48px;
margin-right: 25px;
}
.banner-8 .content-item h4 {
color: hsl(0, 0%, 20%);
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.banner-8 .content-item p {
color: hsl(0, 0%, 47%);
margin-top: 2px;
}
.banner-8 .content-item {
margin-bottom: 30px;
}
.quote-form {
background-color: #eaeaea;
border: 1px solid #fffdfd;
padding: 30px;
}
.quote-form p {
color: #777;
font-weight: 700;
margin-top: 0;
margin-bottom: 22px;
}
.quote-form .input:focus {
border-color: #00aeef;
}
.quote-form .input {
background-color: transparent;
border: 1px solid #ccc;
color: #999;
font-size: 18px;
font-weight: 200;
height: 45px;
text-shadow: 0 0 0;
margin-top: 15px;
padding: 0;
text-indent: 18px;
width: 100%;
}
.quote-form .input:first-child {
margin-top: 0;
}
.quote-form .email,
.quote-form .phone {
font-weight: 600;
}
.quote-form .policy {
display: block;
line-height: normal;
margin: 13px 0 0;
}
.quote-form .policy input[type="checkbox"] {
float: left;
margin: 2px 10px 0 0;
}
.quote-form .policy label {
margin: 0;
}
.quote-form .quote-sub {
width: 100%;
background-color: #00aeef;
border: 0;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
color: #fff;
font-size: 18px;
padding: 13px 0;
margin-top: 15px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.quote-form label.error {
color: #ff0000;
}
.quote-form .quote-sub:hover {
box-shadow: 0 5px #002c3c;
}
.quote-form div.success,
.quote-form div.error {
color: #00aeef;
display: none;
font-size: 18px;
font-weight: 300;
position: relative;
top: -150px;
}
.quote-form div.error {
color: #ff0000;
}
.quote-form #success,
.quote-form #error {
font-size: 20px;
}
/*============================
Index 9
===============================*/
#tubular-container {
position: absolute !important;
}
#tubular-shield {
background-color: rgba(0, 0, 0, 0.4);
}
.slidedown-nav {
display: none;
}
.service-three .section-head {
margin-bottom: 130px;
}
/*============================
Index 10
===============================*/
.banner-10 {
padding: 0;
}
.banner-10 .overlay {
background-color: rgba(0, 0, 0, 0.4);
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.banner-10 .carna_service_14 .single_carna_service i {
height: 150px;
width: 150px;
border-color: rgba(255, 255, 255, 0.8);
}
.banner-10 .carna_service_14 .single_carna_service i:before {
background-color: rgba(255, 255, 255, 0.4);
}
.banner-10 .carna_service_14 .single_carna_service:hover i {
border-color: #fff;
}
.banner-10 .carna_service_14 .single_carna_service:hover i:before {
background-color: #00aeef;
}
.banner-10 .carna_service_14 .single_carna_service i:after {
background-color: rgba(0, 174, 239, 0.3);
}
.banner-10 .carna_service_14 .single_carna_service p {
font-weight: 700;
font-size: 18px;
color: #fff;
}
.banner-10 .banner-cap {
display: table;
width: 100%;
}
.banner-10 .banner-cap-inner {
display: table-cell;
vertical-align: middle;
}
.banner-10 .banner-cap h1 {
color: #fff;
font-size: 48px;
font-weight: 800;
text-align: center;
text-transform: uppercase;
}
.buttons {
margin-top: 30px;
}
.buttons a {
margin-top: 0;
}
.buttons a:first-child {
margin-right: 5px;
}
/*============================
Index 12
===============================*/
.rotate-banner {
background: url("../img/slider/furniture.jpg") no-repeat scroll center center / cover transparent;
position: relative;
padding: 0;
color: #fff;
}
.rotate-banner > .container {
display: table;
}
.slide12 .slidecaption {
display: table-cell;
vertical-align: middle;
float: none;
}
.left-rotate {
background-color: rgba(0, 0, 0, 0.6);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 50%;
}
.right-rotate {
background-color: rgba(255, 255, 255, 0.6);
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 50%;
}
.rotate-banner h1 {
font-size: 60px;
font-weight: 800;
margin-bottom: 50px;
text-transform: uppercase;
}
.know-more {
border: 2px solid #fff;
bottom: 20%;
color: #fff;
display: inline-block;
font-size: 16px;
padding: 15px 40px;
position: absolute;
right: 16%;
text-transform: uppercase;
}
.know-more:hover,
.know-more:focus {
background-color: #fff;
color: #333;
}
.fur-sec {
background-attachment: inherit;
background-image: url(../img/slider/furniture.jpg);
position: relative;
}
.fur-sec:after {
background-color: #f1f1f1;
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 50%;
z-index: 0;
}
.fur-sec .text {
padding: 0 0 0 50px;
position: relative;
z-index: 1;
}
.fur-sec .text a {
margin-top: 30px;
}
/*============================
Index 13
===============================*/
.home-banner13 {
overflow: hidden;
}
.slide13 .slide-item {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.slide13 .banner-caption h1 {
left: -60px;
margin-top: 5%;
opacity: 0;
font-size: 48px;
line-height: 54px;
position: relative;
-webkit-transition: all 0.8s ease-in-out 0s;
-moz-transition: all 0.8s ease-in-out 0s;
-o-transition: all 0.8s ease-in-out 0s;
transition: all 0.8s ease-in-out 0s;
}
.slide13 .active .banner-caption h1 {
left: 0;
opacity: 1;
}
.slide13 .banner-caption p {
opacity: 0;
display: inline-block;
position: relative;
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
-o-transform: scale(0.4);
transform: scale(0.4);
-webkit-transition: all 0.8s ease-in-out 0.5s;
-moz-transition: all 0.8s ease-in-out 0.5s;
-o-transition: all 0.8s ease-in-out 0.5s;
transition: all 0.8s ease-in-out 0.5s;
}
.slide13 .active .banner-caption p {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.slide13 .banner-caption a {
background-color: transparent;
border: 1px solid #fff;
}
.slide13 .banner-caption a:hover {
background-color: #fff;
border-color: #fff;
color: #333;
}
.slide13 .banner-caption .slide-button {
bottom: -30px;
opacity: 0;
position: relative;
-webkit-transition: all 0.8s ease-in-out 1s;
-moz-transition: all 0.8s ease-in-out 1s;
-o-transition: all 0.8s ease-in-out 1s;
transition: all 0.8s ease-in-out 1s;
}
.slide13 .active .banner-caption .slide-button {
bottom: 0;
opacity: 1;
}
.banner-slider13 .owl-item img {
width: auto;
-webkit-transform-style: inherit;
-moz-transform-style: inherit;
-ms-transform-style: inherit;
transform-style: inherit;
}
.banner-slider13 .slide-item {
padding: 0 30px;
}
.banner-slider13 .slide-caption {
opacity: 1;
}
.banner-slider13 .slide-left {
float: left;
}
.banner-slider13 .slide-caption {
float: right;
display: table;
position: relative;
width: 58%;
height: 100%;
z-index: 1;
}
.slide-caption-inner {
display: table;
height: 100%;
position: absolute;
width: 100%;
z-index: 99;
}
.banner-slider13 .slide-right {
display: table-cell;
vertical-align: middle;
}
.banner-slider13 .woman {
bottom: -143px;
opacity: 0;
max-height: 100%;
position: absolute;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.7s ease-in-out 0.65s;
-moz-transition: all 0.7s ease-in-out 0.65s;
-ms-transition: all 0.7s ease-in-out 0.65s;
-o-transition: all 0.7s ease-in-out 0.65s;
transition: all 0.7s ease-in-out 0.65s;
}
.banner-slider13 .active .woman {
bottom: 0;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner-slider13 .slide-right h1 {
font-size: 50px;
font-weight: 200;
line-height: 60px;
opacity: 0;
position: relative;
text-transform: uppercase;
color: #111;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s ease-in-out 1s;
-moz-transition: all 0.7s ease-in-out 1s;
-ms-transition: all 0.7s ease-in-out 1s;
-o-transition: all 0.7s ease-in-out 1s;
transition: all 0.7s ease-in-out 1s;
}
.banner-slider13 .active .slide-right h1 {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner-slider13 .slide-right p {
font-size: 20px;
line-height: 30px;
text-transform: none;
opacity: 0;
color: #111;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s ease-in-out 1.3s;
-moz-transition: all 0.7s ease-in-out 1.3s;
-ms-transition: all 0.7s ease-in-out 1.3s;
-o-transition: all 0.7s ease-in-out 1.3s;
transition: all 0.7s ease-in-out 1.3s;
}
.banner-slider13 .active .slide-right p {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner-slider13 .slide-button {
/*border: 2px solid #fff;
color: #fff;
font-size: 20px;
font-weight: 700;
margin-top: 50px;
opacity: 0;
padding: 21px 39px;
display: inline-block;*/
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s ease-in-out 1.6s;
-moz-transition: all 0.7s ease-in-out 1.6s;
-ms-transition: all 0.7s ease-in-out 1.6s;
-o-transition: all 0.7s ease-in-out 1.6s;
transition: all 0.7s ease-in-out 1.6s;
}
.banner-slider13 .slide-button a {
border: 1px solid;
color: #333;
display: inline-block;
font-weight: 600;
line-height: normal;
margin-top: 45px;
padding: 15px 30px;
text-transform: uppercase;
}
.banner-slider13 .active .slide-button {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner-slider13 .slide-button a:hover,
.banner-slider13 .slide-button a:focus,
.banner-slider13 .slide-button a:active {
color: #3b4e5c;
}
.bx-controls-direction a.bx-next {
/* left: auto;
right: 10px; */
}
.banner-slider13 .item2 {
background-color: #c5d7e1;
display: table;
padding: 0;
width: 100%;
}
.banner-slider13 .item2 .container .row {
display: table-cell;
vertical-align: middle;
}
.banner-slider13 .item2 .slide-caption {
background-color: #c5d7e1;
float: none;
width: 100%;
color: #fff;
}
.banner-slider13 .item {
text-align: left;
color: #333;
}
.banner-slider13 .slide-caption-inner .fullscreen {
display: table-cell;
vertical-align: middle;
}
.item2 .slide2cap {
display: table;
width: 46%;
}
.item2 .slide2capinner {
display: table-cell;
position: relative;
vertical-align: middle;
z-index: 10;
}
.banner-slider13 .item2 h1 {
background-color: transparent;
font-size: 45px;
font-weight: 200;
line-height: 60px;
padding: 0;
opacity: 0;
color: #111;
text-transform: uppercase;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s ease-in-out 1s;
-moz-transition: all 0.7s ease-in-out 1s;
-ms-transition: all 0.7s ease-in-out 1s;
-o-transition: all 0.7s ease-in-out 1s;
transition: all 0.7s ease-in-out 1s;
}
.banner-slider13 .active .item2 h1 {
top: 0;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner-slider13 .item2 p {
font-size: 20px;
font-weight: 300;
line-height: 30px;
text-transform: none;
color: #111;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.7s ease-in-out 1.3s;
-moz-transition: all 0.7s ease-in-out 1.3s;
-ms-transition: all 0.7s ease-in-out 1.3s;
-o-transition: all 0.7s ease-in-out 1.3s;
transition: all 0.7s ease-in-out 1.3s;
}
.banner-slider13 .active .item2 p {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner-slider13 .item2 .slide-button a {
border-color: #333;
color: #333;
}
.banner-slider13 .item2 .slide-button a:hover,
.banner-slider13 .item2 .slide-button a:focus,
.banner-slider13 .item2 .slide-button a:active {
border-color: #fff;
color: #3b4e5c;
}
.banner-slider13 .slide-caption-inner .col-md-6 {
position: relative;
z-index: 9;
}
.banner-slider13 .human {
height: 100%;
position: absolute;
right: 0;
top: 0;
overflow: hidden;
width: 100%;
z-index: 1;
}
.banner-slider13 .human > img {
max-height: 100%;
max-width: 100%;
width: auto;
position: absolute;
right: -300px;
opacity: 0;
top: 0;
-webkit-transition: all 0.7s ease-in-out 0.65s;
-moz-transition: all 0.7s ease-in-out 0.65s;
-ms-transition: all 0.7s ease-in-out 0.65s;
-o-transition: all 0.7s ease-in-out 0.65s;
transition: all 0.7s ease-in-out 0.65s;
}
.banner-slider13 .active .human > img {
right: 0;
opacity: 1;
}
.custom-block > .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.block-cell > a {
position: relative;
display: block;
overflow: hidden;
}
.block-cell > a img {
-webkit-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-moz-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-o-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.block-cell-inner {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.block-cell-inner:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.block-cell-content {
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.block-cell-content > p {
color: #fff;
font-size: 22px;
margin: 0;
}
.block-overlay {
background-color: #00aeef;
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-moz-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
-o-transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: all 1.7s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.block-cell:hover .block-overlay {
opacity: 0;
}
.block-cell:hover > a img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
#scroll-page section.team {
background-color: transparent;
}
.section .text-parallax {
background-image: none;
padding: 0;
position: inherit;
}
html.custom-scrollbar,
html.custom-scrollbar body {
overflow: hidden;
}
#scroll-page .section {
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
.content-box {
color: #fff;
}
.dark-text {
color: #333;
}
.content-box h1 {
font-size: 60px;
font-weight: 300;
line-height: 70px;
text-transform: uppercase;
}
.content-box p {
font-size: 20px;
}
.content-box .btn-border {
font-size: 18px;
margin-top: 30px;
padding: 14px 40px;
}
.dark-text .btn-border {
border-color: #333;
color: #333;
}
.dark-text .btn-border:hover {
border-color: #fff;
}
.section .section-head {
margin-bottom: 40px;
}
.section .contact.parallax {
background-color: transparent;
background-image: none;
}
.section .contact.parallax .overlay {
padding: 0;
background-color: transparent;
}
.section .contact.parallax .contact-form {
background-color: transparent;
}
.section .contact-form textarea.form-control {
height: 110px;
}
.section .contact.parallax .form-control {
background-color: transparent;
border-color: #ddd;
}
.section .contact-form .message-sub {
background-color: transparent;
border-width: 1px;
}
.section .contact-form .message-sub:hover {
background-color: #fff;
border-color: #fff;
color: #333;
}
#pp-nav ul:before {
content: "";
display: block;
height: 97%;
left: 4px;
position: absolute;
top: 0;
width: 1px;
}
#pp-nav li {
height: 0;
margin: 0;
}
#pp-nav li span {
border: 0 none;
position: inherit;
}
#pp-nav li a {
border: 2px solid #fff;
border-radius: 50%;
height: 13px;
margin: 25px 0;
width: 13px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#pp-nav li a.active {
background-color: #fff;
border-color: #fff;
}
/* subscriptipon form */
.sform .form-control {
background-color: #f1f1f1;
border: 0;
border-radius: 0;
box-shadow: none;
color: #cccccc;
font-size: 18px;
height: 60px;
padding: 0;
text-indent: 30px;
text-transform: uppercase;
width: 100%;
}
.sform .subs-sub {
width: 100%;
text-align: center;
font-weight: 700;
font-size: 18px;
height: 60px;
border: 0;
text-transform: uppercase;
color: #fff;
background-color: #00aeef;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sform .subs-sub:hover {
background-color: rgba(0,174,239,0.8);
}
.cta-custom {
background: url("../img/slider/slider16.jpg") no-repeat scroll center center / cover transparent;
padding: 50px 0 150px;
position: relative;
}
.cta-custom .overlay {
background-color: #000;
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
}
.cta-custom p {
color: #fff;
float: left;
font-size: 22px;
font-weight: 700;
position: relative;
}
.cta-custom .btn-blue {
float: right;
position: relative;
}
.overlaping {
margin-top: -100px;
padding-top: 0;
}
.featured-project h3 {
color: #fff;
font-weight: 700;
margin: 15px 0 25px;
padding: 0 15px;
}
.featured-project .service-cr-item {
position: relative;
overflow: hidden;
}
.featured-project .service-thumb img {
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.featured-project .service-cr-item:hover .service-thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.featured-project .service-cr-item .service-desc {
background-color: rgba(0,174,239,0.6);
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.featured-project .service-cr-item:hover .service-desc {
opacity: 1;
}
.featured-project .service-desc:after {
display: inline-block;
height: 100%;
vertical-align: middle;
content: "";
}
.featured-project .service-desc > a {
display: inline-block;
width: 100%;
vertical-align: middle;
text-align: center;
}
/*==================================
Services
===================================*/
.service {
background-color: #fff;
}
.service-four .section-head {
margin-bottom: 130px;
}
.service-item .service-icon {
color: #00aeef;
display: inline-block;
font-size: 70px;
}
.service-icon.white {
color: #fff;
}
.service-item h4 {
font-weight: 700;
margin-top: 15px;
font-size: 16px;
color: #333;
}
.service-item h4 a,
.service-desc h4 a {
color: #333;
}
.service-item h4 a:hover,
.service-desc h4 a:hover {
color: #00aeef;
}
.service-four {
padding-bottom: 0;
}
.service-four .service-item {
border: 1px solid #f4f4f4;
margin-bottom: 100px;
}
.service-thumb + h4 {
margin-top: 25px;
}
.service-four .service-item .service-icon {
background-color: #f4f4f4;
border-radius: 50%;
color: #00aeef;
display: inline-block;
font-size: 48px;
height: 110px;
left: 50%;
line-height: 110px;
margin-left: -55px;
position: absolute;
text-align: center;
top: -55px;
width: 110px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
.service-four .service-item .service-icon:after {
border: 1px solid #ddd;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.service-four .service-item:hover .service-icon {
background-color: #00aeef;
color: #fff;
}
.service-four .service-desc {
margin-top: 80px;
padding: 0 0 20px;
}
.service-four .service-desc span {
color: #00aeef;
font-size: 13px;
}
.service-four .service-desc p {}
.service-four .service-desc .more {
background-color: #00aeef;
border-top: 1px solid #00aeef;
color: #fff;
display: inline-block;
margin-top: 40px;
padding: 5px 15px;
position: relative;
}
.service-four .service-desc .more:before {
background-color: #e5e5e5;
content: "";
height: 1px;
left: 50%;
margin-left: -100%;
position: absolute;
top: -20px;
width: 200%;
}
.service-four .service-item:hover .service-desc .more:before {
background-color: #00aeef;
}
/*==================================
Service-3
===================================*/
.service-3 .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.service-3 .service-item {
border: 1px solid #e5e5e5;
border-right: 0;
padding: 30px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.service-3 .service-item:hover {
background-color: #00aeef;
border-color: #fff;
color: #fff;
}
.service-3 .service-item:hover h4 a {
color: #fff;
}
.service-3 .service-icon {
border: 1px solid #00aeef;
border-radius: 50%;
display: block;
font-size: 40px;
color: #00aeef;
height: 80px;
line-height: 80px;
margin: 0 auto;
width: 80px;
}
.service-3 .service-item:hover .service-icon,
.service-3 .service-item:hover h4 {
border-color: #fff;
color: #fff;
}
.service-3 .col-xs-12:last-child .service-item {
border-right: 1px solid #e5e5e5;
}
.app-feature .feature-item .icon {
font-size: 24px;
margin-right: 30px;
position: relative;
top: 5px;
display: block;
color: #00aeef;
}
.app-feature .feature-item h3 {
float: none;
}
.app-feature .feature-item {
color: #777;
display: table;
text-align: left;
}
.app-feature .feature-item > * {
display: table-cell;
}
/*==================================
Service 5
===================================*/
.service5 .section-head {
margin-bottom: 30px;
}
.service5 .media {
margin-top: 40px;
}
.service5 .media-left span i {}
.service5 .media-left span {
background-color: #00aeef;
color: #fff;
display: inline-block;
font-size: 24px;
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.service5 .media-left span i {
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.service5 .media:hover span i {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.service5 .media-left {
padding-right: 15px;
}
.service5 .media-body p {
margin: 8px 0 0;
}
.service5.transparent .media-left span {
background-color: transparent;
border: 1px solid;
color: #999;
}
/*==================================
Products
===================================*/
#product {
background: #f1f1f1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
background: -moz-linear-gradient(top, #f1f1f1 0%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f1f1f1 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f1f1f1 0%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f1f1f1 0%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to bottom, #f1f1f1 0%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-8 */
}
#product .section-head h2 {
border-bottom: 1px solid #c2c2c2;
padding-bottom: 25px;
}
#product .bx-wrapper {
margin: 30px 0 0;
}
.bx-wrapper .bx-viewport {
background-color: transparent;
border: 0;
box-shadow: none;
left: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background-color: transparent;
border: 1px solid #fff;
border-radius: 50px;
height: 10px;
width: 10px;
margin: 0 8px;
position: relative;
}
.bx-wrapper .bx-pager.bx-default-pager a:before {
background-color: #fff;
content: "";
height: 1px;
left: 50%;
margin-left: -20px;
margin-top: -1px;
position: absolute;
top: 50%;
width: 40px;
opacity: 0;
-webkit-transition: transform 0.4s ease 0s;
-moz-transition: transform 0.4s ease 0s;
-o-transition: transform 0.4s ease 0s;
transition: transform 0.4s ease 0s;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.bx-wrapper .bx-pager.bx-default-pager a:after {
border: 1px solid #fff;
border-radius: 20px;
content: "";
height: 20px;
left: 50%;
margin-left: -10px;
margin-top: -10px;
box-shadow: inset 0 0 0 5px #00aeef;
position: absolute;
top: 50%;
-webkit-transition: transform 0.4s ease 0s;
-moz-transition: transform 0.4s ease 0s;
-o-transition: transform 0.4s ease 0s;
transition: transform 0.4s ease 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
width: 20px;
z-index: 1;
}
.bx-wrapper .bx-pager.bx-default-pager a.active:before {
opacity: 1;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.bx-wrapper .bx-pager.bx-default-pager a.active:after {
transform: scale(1);
}
.bx-wrapper .bx-pager {
bottom: -53px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
background-color: #fff;
}
#product .bx-wrapper .bx-pager.bx-default-pager a.active,
#product .bx-wrapper .bx-pager.bx-default-pager a:before {
background-color: transparent;
}
#product .bx-wrapper .bx-pager.bx-default-pager a:hover {
background-color: #00aeef;
border-color: #00aeef;
}
#product .bx-wrapper .bx-pager.bx-default-pager a {
border: 1px solid #00aeef;
}
.product-slider li img {
margin: 0 auto;
}
.product-overview h3 {
color: #00aeef;
font-weight: 600;
line-height: 28px;
position: relative;
top: -5px;
}
.product-overview ul {
color: #333;
font-weight: 700;
line-height: 41px;
margin-top: 10px;
}
.product-overview ul li i {
color: #333;
font-size: 18px;
margin-right: 4px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.product-overview ul li:hover i {
margin-right: 10px;
}
.product-overview a {
margin-top: 40px;
font-weight: 700;
}
/*==================================
test-parallax
===================================*/
.video-overlay {
position: relative;
}
.video-overlay:after {
background-color: rgba(0,0,0,0.3);
content: "";
height: 100%;
opacity: 0.8;
position: absolute;
width: 100%;
z-index: -1;
}
#bgvideo {
background: url("../video/ocean.jpg") no-repeat scroll 0 0 / cover transparent;
bottom: 0;
height: auto;
min-height: 100%;
min-width: 100%;
position: fixed;
right: 0;
width: auto;
z-index: -10;
}
.home-video .banner-caption,
.bgvideo .banner-caption {
margin-top: 0;
display: table;
height: 100%;
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.home-video .banner-caption-inner,
.bgvideo .banner-caption-inner {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.test-parallax {
background-image: url(../img/parallax/tp.jpg);
padding: 250px 0;
}
.text-parallax {
background-image: url(../img/slider/wedding-4.jpg);
position: relative;
padding: 180px 0;
}
.parallax2 .overlay,
.parallax3 .overlay,
.parallax4 .overlay,
.parallax5 .overlay,
.parallax6 .overlay,
.parallax7 .overlay,
.parallax8 .overlay,
.parallax9 .overlay,
.parallax10 .overlay,
.parallax11 .overlay,
.parallax12 .overlay,
.parallax13 .overlay,
.parallax14 .overlay,
.parallax15 .overlay,
.parallax16 .overlay,
.parallax17 .overlay,
.parallax18 .overlay,
.parallax19 .overlay,
.parallax20 .overlay,
.parallax21 .overlay,
.parallax22 .overlay,
.parallax23 .overlay,
.parallax24 .overlay,
.parallax25 .overlay,
.parallax26 .overlay,
.parallax27 .overlay,
.parallax28 .overlay,
.parallax-home .overlay,
.text-parallax .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.5;
background-color: #000;
}
.opacity3 .overlay {
opacity: 0.3 !important;
}
.text-parallax h1 {
z-index: 1;
color: #fff;
font-size: 60px;
font-weight: 300;
line-height: 68px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.video-bg {
background-image: none !important;
background-color: transparent;
}
.test-parallax .prlx-inner {
border: 10px solid #ddd;
margin: 0 auto;
max-width: 400px;
padding: 60px 0;
width: 100%;
}
.test-parallax .prlx-inner p {
color: #ddd;
font-size: 24px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
}
.parallax2 {
background-image: url(../img/parallax/video-img.jpg);
position: relative;
}
.parallax3 {
background-image: url(../img/education/parallax2.jpg);
position: relative;
}
.parallax4 {
background-image: url(../img/construction/parallax.jpg);
position: relative;
}
.parallax5 {
background-image: url(../img/school/paralax1.jpg);
position: relative;
}
.parallax6 {
background-image: url(../img/school/paralax2.jpg);
position: relative;
}
.parallax7 {
background-image: url(../img/school/paralax3.jpg);
position: relative;
}
.parallax8 {
background-image: url("../img/charity/parallax1.jpg");
position: relative;
}
.parallax9 {
background-image: url("../img/charity/parallax2.jpg");
position: relative;
}
.parallax10 {
background-image: url(../img/bakery/paralax.jpg);
position: relative;
}
.parallax11 {
background-image: url(../img/bakery/paralax.jpg);
position: relative;
}
.parallax12 {
background-image: url(../img/hosting/parallax2.jpg);
position: relative;
}
.parallax13 {
background-image: url(../img/education/paralax.jpg);
padding-left: 0;
padding-right: 0;
position: relative;
}
.parallax14 {
background-image: url(../img/restaurant/parallax1.jpg);
position: relative;
}
.parallax15 {
background-image: url(../img/restaurant/parallax2.jpg);
position: relative;
}
.parallax16 {
background-image: url(../img/travel/parallax1.jpg);
position: relative;
}
.parallax17 {
background-image: url(../img/travel/parallax2.jpg);
position: relative;
}
.parallax18 {
background-image: url(../img/apps/paralax2.jpg);
position: relative;
}
.parallax19 {
background-image: url(../img/apps/paralax3.jpg);
position: relative;
}
.parallax20 {
background-image: url(../img/hosting/parallax1.jpg);
position: relative;
}
.parallax21 {
background-image: url(../img/corporate/parallax.jpg);
position: relative;
}
.parallax22 {
background-image: url(../img/business3/paralax.jpg);
position: relative;
}
.parallax23 {
background-image: url(../img/college/parallax.jpg);
position: relative;
}
.parallax24 {
background-image: url(../img/wedding2/paralax1.jpg);
position: relative;
}
.parallax25 {
background-image: url(../img/education/parallax1.jpg);
position: relative;
}
.content-block {
color: #fff;
position: relative;
}
.content-block h2 {
margin-bottom: 40px;
}
.content-block span {
margin: 0 15px;
}
.parallax-home .item-inner {
position: relative;
z-index: 1;
}
/*==================================
Video Background with control
===================================*/
.video-section {
background: url("../img/parallax/video-img.jpg") no-repeat scroll 50% 50% / cover transparent;
height: 645px;
padding: 0;
position: relative;
z-index: 1;
}
.video-section .overlay {
background-color: #000;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0.5;
width: 100%;
z-index: 110;
}
.video-content {
display: table;
height: 645px;
text-align: center;
width: 100%;
}
.video-content-inner {
color: #fff;
display: table-cell;
text-align: center;
position: relative;
z-index: 110;
vertical-align: middle;
}
.video-section .mbYTP_wrapper {
opacity: 1 !important;
}
.video-section .mbYTP_wrapper.active {
opacity: 0 !important;
}
.video-section .console {
text-align: center;
margin-bottom: 50px;
}
.video-section .console button {
width: 100px;
height: 100px;
position: relative;
border-radius: 50%;
border: 2px solid #fff;
background-color: transparent;
margin: 0 auto;
display: none;
position: relative;
}
.video-section .console .play-btn {
display: block;
}
.video-section .console button#play:before {
background-image: url("../img/icons/play.png");
background-repeat: no-repeat;
background-position: 55% 0;
width: 27px;
height: 34px;
position: absolute;
content: "";
top: 50%;
left: 50%;
-ms-transform: translate(-38%, -50%);
/* IE 9 */
-webkit-transform: translate(-38%, -50%);
/* Chrome, Safari, Opera */
transform: translate(-38%, -50%);
}
.video-section .console button#pause:before {
background-image: url("../img/icons/pause.png");
background-repeat: no-repeat;
background-position: 50% 0;
width: 27px;
height: 34px;
position: absolute;
content: "";
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
/* IE 9 */
-webkit-transform: translate(-50%, -50%);
/* Chrome, Safari, Opera */
transform: translate(-50%, -50%);
}
.video-section .console button:hover#play:before,
.video-section .console button:hover#pause:before {
background-position: 55% -36px;
}
.home35 {
background: url("../img/slider/education-4.jpg") no-repeat scroll center / cover transparent;
}
.home36 .col-lg-12.fullscreen {
display: table;
}
.home36 .banner-caption {
display: table-cell;
vertical-align: middle;
margin-top: 0;
}
.particles-bg .content {
display: table;
width: 100%;
}
.content .content-inner {
display: table-cell;
position: relative;
text-align: center;
vertical-align: middle;
z-index: 1;
}
.particles-bg h2 {
color: #fff;
font-size: 77px;
font-weight: 200;
text-transform: uppercase;
}
.particles-bg p {
color: #fff;
font-size: 18px;
}
.particles-bg {
position: relative;
}
#particles-js{
background: url('../img/slider/galaxy.jpg') no-repeat scroll 50% 50% /cover transparent;
width: 100%;
height: 100%;
}
/*==================================
Portfolio
===================================*/
.portfolio {
padding-bottom: 0;
background-color: #fff;
}
.portfolio-item {
position: relative;
overflow: hidden;
}
.portfolio-item img {
width: 100%;
}
.portfolio .col-xs-12 {
}
.gallery-3column .col-lg-4 {
width: 33.333%;
}
.portfolio-hover {
overflow: hidden;
position: relative;
}
.portfolio-hover > div {
height: 50%;
position: absolute;
color: #fff;
left: 0;
right: 0;
height: 50%;
width: 100%;
text-align: center;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.caption-top {
background-color: rgba(0, 174, 239, 0.8);
padding-bottom: 6%;
top: -50%;
}
.caption-bottom {
background-color: rgba(0, 0, 0, 0.5);
padding-top: 6%;
bottom: -50%;
}
.portfolio-item:hover .caption-top {
top: 0;
}
.portfolio-item:hover .caption-bottom {
bottom: 0;
}
.portfolio-item .caption-top a,
.portfolio-item .portfolio-desc a {
background: url("../img/icons/zoom.png") no-repeat scroll center center transparent;
border: 1px solid #fff;
border-radius: 50%;
display: inline-block;
height: 45px;
position: relative;
text-indent: -9999em;
top: 34%;
width: 45px;
}
.portfolio-item .caption-top a:hover,
.portfolio-item .portfolio-desc a:hover {
background: url("../img/icons/zoom-hr.png") no-repeat scroll center center #fff;
border: 1px solid #fff;
}
.portfolio-item .caption-top a.link,
.portfolio-item .portfolio-desc a.link {
background: url("../img/icons/link.png") no-repeat scroll center center transparent;
margin-left: 10px;
}
.portfolio-item .caption-top a.link:hover,
.portfolio-item .portfolio-desc a.link:hover {
background: url("../img/icons/link-hr.png") no-repeat scroll center center #fff;
border: 1px solid #fff;
}
.box6col .caption-top a {
top: 17%;
}
.box6col .caption-bottom p {
margin-top: 0;
}
.boxed-hover .portfolio-thumb {
overflow: hidden;
}
.boxed-hover .portfolio-thumb img {
width: 100%;
display: block;
margin: 0 auto;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.boxed-hover:hover .portfolio-thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.boxed-hover .portfolio-desc {
background-color: rgba(255, 255, 255, 0.9);
bottom: 20px;
left: 20px;
position: absolute;
right: 20px;
text-align: center;
top: 20px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.boxed-hover .portfolio-desc a {
left: inherit;
margin: 0 auto;
position: inherit;
top: inherit;
}
.boxed-hover .portfolio-desc span a {
border-color: #777;
margin-bottom: 20px;
background-image: url("../img/icons/zoom-hr.png");
}
.boxed-hover .portfolio-desc span a:hover {
background-image: url("../img/icons/zoom.png");
background-color: #00aeef;
border-color: #00aeef;
}
.boxed-hover .portfolio-desc span a.link {
background-image: url("../img/icons/link-hr.png");
}
.boxed-hover .portfolio-desc span a.link:hover {
background-image: url("../img/icons/link.png");
background-color: #00aeef;
border-color: #00aeef;
}
.portfolio-item:hover .portfolio-desc {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.boxed-hover .portfolio-desc p {
margin-top: 5px;
}
.portfolio-desc:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.dark-hover .portfolio-desc {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.primary-hover .portfolio-desc {
background-color: rgba(0, 174, 239, 0.8);
color: #fff;
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.portfolio-item:hover .portfolio-desc {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.portfolio-desc-inner {
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.dark-hover .portfolio-desc-inner a,
.primary-hover .portfolio-desc-inner a {
margin-bottom: 25px;
}
.dark-hover .portfolio-desc-inner p,
.primary-hover .portfolio-desc-inner p {
margin-top: 5px;
}
.portfolio-item.hover2 {
position: relative;
overflow: hidden;
}
.portfolio-item.hover2 img {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.portfolio-item.hover2:hover img {
-webkit-transform: scale(1.1) rotate(4deg);
-moz-transform: scale(1.1) rotate(4deg);
-o-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
}
.lb-outerContainer,
.lightbox .lb-image {
border-radius: 0;
}
.lb-data .lb-close {
background: url("../img/icons/cross_white.png") no-repeat scroll right center / 70% auto transparent;
height: 29px;
position: relative;
width: 29px;
}
/* .lb-data .lb-close:before,
.lb-data .lb-close:after {
content: '';
width: 25px;
height: 1px;
right: 0;
top: 10px;
position: absolute;
transform: rotate(45deg);
background-color: #fff;
}
.lb-data .lb-close:after {
transform: rotate(-45deg);
}*/
.lb-nav a.lb-prev:before,
.lb-nav a.lb-next:after {
border-color: #fff transparent transparent #fff;
border-style: solid;
border-width: 1px;
content: "";
height: 25px;
left: 20px;
position: absolute;
top: 50%;
width: 25px;
-webkit-transform: rotate(-47deg);
-moz-transform: rotate(-47deg);
-ms-transform: rotate(-47deg);
-o-transform: rotate(-47deg);
transform: rotate(-47deg);
}
.lb-nav a.lb-next:after {
left: auto;
right: 22px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
/*rukon start*/
.filterable .portfolio-item > .portfolio_details {
display: none !important;
}
.row.portfolio-wrapper{
position:relative;
}
.portfolio_details {
height: auto;
left: 0;
position: relative;
top: 0;
width: auto;
z-index: 10;
}
.fullwidth > .col-xs-12,
.gallery-masonry.fullwidth > .col-xs-12 {
padding: 0;
}
.fullwidth {
overflow: hidden;
}
.fullwidth > .portfolio-item {
overflow: hidden;
}
.fullwidth .portfolio-item {
margin-bottom: 0 !important;
}
/*rukon end*/
.portfolio-wrapper > div:nth-child(5n+0){
clear: left;
}
.expander-details {
position: relative;
padding: 60px 0;
}
.expander-details .container {
position: relative;
}
.portfolio-lage-thumb > img {
display: inline-block;
height: auto;
max-width: 100%;
}
.portfolio-close,
.expander-close,
.close-product {
background: url("../img/icons/cross_white.png") no-repeat scroll center center / 50% auto #333;
display: block;
border: 0;
height: 40px;
position: absolute;
right: 15px;
top: 15px;
width: 40px;
}
.expander-close {
right: 15px;
top: -40px;
}
/* Filterable */
.portfolio-details.filter {
display: none;
}
.gallery-3cols .portfolio-item {
margin-bottom: 30px;
}
.portfolio-item h3,
.portfolio-item h4 {
margin-bottom: 20px;
}
.portfolio-head {
position: relative;
}
.portfolio-item .entry-meta {
margin-top: 20px;
}
.portfolio-item .entry-meta a:first-child {
margin-left: 0;
}
.portfolio-item .entry-meta a {
margin: 0 5px;
color: #00aeef;
}
.portfolio-item .entry-meta a:hover {
color: #777;
}
.portfolio-head .caption-top {
height: 100%;
left: 0;
position: absolute;
text-align: center;
top: 0;
width: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-item:hover .caption-top {
opacity: 1;
visibility: visible;
}
.portfolio-head .caption-top > a {
left: 50%;
margin: -22px 0 0 -22px;
position: absolute;
top: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.portfolio-item:hover .portfolio-head .caption-top > a {
top: 50%;
}
.gallery-filterable.threecols,
.gallery-3cols {
width: 100.05%;
overflow: hidden;
}
.portfolio-item:hover .caption-top a {
top: -webkit-calc(100% - 45px);
top: -moz-calc(100% - 45px);
top: calc(100% - 45px);
opacity: 1;
visibility: visible;
}
/*==================================
Portfolio filterable
===================================*/
.portfolio.masonry {
overflow: hidden;
}
.portfolio.masonry .container-fluid{
padding-left: 0;
padding-right: 0;
}
.gallery-masonry {
/*margin-left: -7.5px;
margin-right: -7.5px;*/
/*width: 100.5%;*/
}
.gallery-masonry .col-xs-12 {
padding-top: 15px;
padding-bottom: 15px;
margin-right: -1px;
}
.gallery-filterable > .col-xs-12 {
margin-right: -1px;
}
.gallery-filter {
margin-bottom: 70px;
}
.gallery-filter li {
display: inline-block;
margin-right: 8px;
}
.gallery-filter li:last-child {
margin-right: 0;
}
.gallery-filter li a {
display: block;
padding: 5px 20px;
border: 1px solid #e5e5e5;
text-transform: uppercase;
}
.gallery-filter li a.active {
color: #00aeef;
}
.gallery-filterable .portfolio-item {
margin-bottom: 30px;
}
.gallery-filterable .portfolio-thumb,
.service-item .service-thumb {
position: relative;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
}
}
.gallery-filterable .portfolio-thumb .mask,
.service-item .service-thumb .mask {
background-color: rgba(0, 174, 239, 0.8);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.gallery-filterable .portfolio-thumb .mask a,
.service-item .service-thumb .mask a {
background: url("../img/icons/zoom.png") no-repeat scroll center center transparent;
border: 1px solid #fff;
border-radius: 50%;
display: block;
height: 45px;
left: 50%;
margin: -23px 0 0 -23px;
position: absolute;
top: 50%;
width: 45px;
}
.gallery-filterable .portfolio-thumb:hover .mask,
.service-item .service-thumb:hover .mask {
opacity: 1;
-webkit-animation: zoomIn 0.5s ease 0s both;
-o-animation: zoomIn 0.5s ease 0s both;
animation: zoomIn 0.5s ease 0s both;
}
.gallery-filterable .portfolio-thumb:hover .mask a,
.service-item .service-thumb:hover .mask a {
opacity: 1;
-webkit-animation: zoomIn 0.9s ease 0s both;
-o-animation: zoomIn 0.9s ease 0s both;
animation: zoomIn 0.9s ease 0s both;
}
.gallery-filterable .portfolio-thumb .mask a:hover {
background: url("../img/icons/zoom-hr.png") no-repeat scroll center center #fff;
border-color: #fff;
}
.gallery-filterable .portfolio-caption {
border: 1px solid #e5e5e5;
padding: 30px;
}
.portfolio-single2 .item img {
margin: 0 auto;
}
/*==================================
Gallery masonry no gutter
===================================*/
.no-gutter .col-xs-12 {
padding: 0 !important;
width: 50% !important;
}
/*==================================
Pricing
===================================*/
.pricing {
background-color: #fff;
}
.pricing-yearly {
display: none;
}
.price-switcher {
border: 1px solid #ddd;
display: inline-block;
margin-top: 70px;
padding: 2px;
}
.price-switcher a {
color: #333;
display: inline-block;
font-size: 16px;
font-weight: 700;
line-height: 16px;
padding: 10px 14px;
text-transform: uppercase;
}
.price-switcher a.active {
color: #fff;
background-color: #00aeef;
}
.price-table ul {
text-align: left;
}
.price-table .package-title {
background-color: #f1f1f1;
border-color: #ddd #ddd transparent;
border-style: solid;
border-width: 1px;
background-color: #f1f1f1;
color: #000;
font-family: Lato,sans-serif;
font-style: italic;
font-weight: 700;
padding: 40px 0;
text-align: center;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.price-table:hover .package-title {
background-color: #00aeef;
color: #fff;
}
.price-table .price-inner {
border-style: solid;
border-color: transparent #ddd #ddd;
border-width: 1px;
padding: 35px 40px 40px;
text-align: center;
}
.price-table .value {
margin-bottom: 50px;
padding-bottom: 45px;
position: relative;
text-align: left;
}
.price-table .value:after {
background-color: #00aeef;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 65px;
}
.price-table .value strong {
font-family: Oswald,sans-serif;
line-height: 54px;
font-weight: 700;
font-size: 54px;
margin: -2px 10px 0 0;
float: left;
color: #555;
}
.price-table .value p {
font-family: Oswald,sans-serif;
text-transform: uppercase;
font-size: 30px;
margin: 0;
color: #777;
}
.price-table .value span {
font-family: 'Raleway', sans-serif;
font-size: 16px;
color: #00aeef;
}
.price-table ul li {
color: #555;
line-height: 36px;
text-transform: uppercase;
}
.price-table .btn-blue {
margin-top: 38px;
}
/* 2 columns */
.price-2col .price-inner {
text-align: left;
}
/* Six columns */
.sixcol .price-table .price-inner {
padding: 15px 10px 10px;
}
.sixcol .price-table .value strong {
font-size: 37px;
margin: -11px 10px 0 0;
}
.pizza-price .col-xs-12 .package-title h3 {
font-weight: 700;
opacity: 0;
visibility: hidden;
}
.pizza-price .col-xs-12 .package-title {
background: url("../img/misc/pizza-1.jpg") no-repeat scroll center center / cover transparent;
padding: 70px 0;
}
.pizza-price .col-xs-12:nth-child(2) .package-title {
background-image: url("../img/misc/pizza-2.jpg");
}
.pizza-price .col-xs-12:nth-child(3) .package-title {
background-image: url("../img/misc/pizza-1.jpg");
}
.pizza-price .col-xs-12:nth-child(4) .package-title {
background-image: url("../img/misc/pizza-2.jpg");
}
.pizza-price .price-table:hover .package-title {
background-image: none;
background-color: #00aeef;
}
.pizza-price .price-table:hover .package-title h3 {
opacity: 1;
visibility: visible;
}
/* price-compare */
.price-frst-col:hover .package-title {
background-color: #f1f1f1;
color: #000;
}
.price-frst-col .price-inner {
padding-bottom: 20px;
padding-top: 94px;
}
.price-col .value strong {
font-size: 50px;
line-height: 50px;
margin: -2px 8px 0 0;
}
.price-col .package-title {
padding: 20px 0;
}
.price-col .value {
margin-bottom: 20px;
padding-bottom: 25px;
}
.price-col .price-inner {
padding: 30px 20px 20px;
}
.price-cat {
background-color: #00aeef;
padding: 10px;
}
.price-cat h4 {
color: #fff;
}
.price-cat-list .price-inner {
padding-left: 25px;
padding-right: 25px;
}
.specs-list ul li {
color: #97ba2e;
font-size: 22px;
}
/*----------------------------
Green filter bar
-----------------------------*/
#filter {
display: block;
height: 39px;
margin: 55px auto;
position: relative;
width: 600px;
text-align:center;
}
#filter a{
color: #777;
display: inline-block;
height: 39px;
line-height: 37px;
padding: 0 15px;
}
#filter a:hover{
text-decoration:none;
}
#filter a.active{
}
/*----------------------------
Content area
-----------------------------*/
#container{
}
#container li{
}
#container ul{
overflow: hidden;
}
#container ul.lukao{
display: none;
}
/*==================================
template feature
===================================*/
.template-feature {
color: #fff;
}
.template-feature .overlay {
background-color: rgba(0,0,0,0.4) !important;
}
.template-feature h2 {
font-weight: 700;
text-transform: uppercase;
}
.template-feature p {
}
.template-feature ul {
margin-top: 15px;
padding: 0 0 0 20px;
}
.template-feature li {
position: relative;
margin: 5px 0;
padding: 5px 0;
}
.template-feature li:last-child {
border-bottom: 0;
}
.template-feature li:after {
background-color: #fff;
border-radius: 25px;
content: "";
height: 10px;
left: -20px;
margin-top: -5px;
position: absolute;
top: 50%;
width: 10px;
}
.template-feature a {
margin-top: 25px;
}
/*==================================
Parallax
===================================*/
#parallax,
.contact.parallax,
.cta-parallax {
background-image: url(../img/parallax/product.jpg);
padding: 0;
}
#parallax .overlay {
background-color: rgba(0,0,0,0.3);
padding: 100px 0;
}
#parallax .bg {
background-color: #fff;
padding: 45px 0 60px;
}
#parallax .section-head h2 {
padding-bottom: 25px;
border-bottom: 1px solid #c2c2c2;
}
#parallax .bg .col-md-6:last-child .product-thumb {
margin-left: 0;
}
.product-item {
display: table;
margin: 0 auto;
}
.product-thumb {
float: left;
margin-right: 45px;
}
.product-desc {
margin-left: 0;
}
.product-desc h3 {
text-transform: capitalize;
font-family: 'Lato', sans-serif;
font-style: italic;
font-weight: 700;
font-size: 30px;
color: #333;
}
.product-desc a {
font-size: 14px;
font-weight: 700;
margin: 40px 0 0 43px;
padding: 11.5px 35px;
position: relative;
}
.product-desc a:before {
background-color: #027ead;
content: "";
height: 43px;
left: -43px;
position: absolute;
top: 0;
width: 43px;
}
.product-desc a:after {
background: url("../img/icons/dot.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
content: "";
font-size: 30px;
height: 3px;
left: -24px;
position: absolute;
top: 50%;
width: 3px;
}
/*==================================
Team
===================================*/
.team {
background-color: #fff;
}
.member-thumb {
position: relative;
overflow: hidden;
}
.member-thumb > img {
width: 100%;
}
.member-thumb .mask {
background-color: rgba(0, 0, 0, 0.4);
height: 100%;
left: 0;
position: absolute;
bottom: -100%;
width: 100%;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.team-mate:hover .mask {
bottom: 0;
}
.member-thumb .mask ul {
bottom: -70%;
position: relative;
}
.member-thumb .mask li {
display: inline-block;
margin-right: 8px;
}
.member-thumb .mask li:last-child {
margin-right: 0;
}
.member-thumb .mask li a {
display: block;
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
font-size: 18px;
width: 42px;
height: 42px;
margin: 0 auto;
line-height: 40px;
}
.member-thumb .mask li a:hover {
background-color: #00aeef;
border-color: #00aeef;
}
.team-mate .about {
background-color: #f5f5f5;
padding: 20px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.team-mate:hover .about {
background-color: #00aeef;
}
.team-page .team-mate .about {
padding: 30px;
}
.team-mate .about h4 {
color: #333;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.team-page .team-mate .about h4 {
font-family: Arvo,sans-serif;
}
.team-page .about span {
color: #555;
font-size: 16px;
font-weight: 700;
}
.team-mate:hover .about span,
.team-mate:hover .about p {
color: #fff;
}
.team-carousel .team-mate {
text-align: center;
}
.nws-item > img {
margin: 0 auto;
width: 100%;
}
.book-bio {
color: #fff;
}
.book-bio h2 {
text-transform: uppercase;
}
.book-bio .btn-blue {
margin-top: 40px;
}
.author-thumb {
float: left;
margin-right: 40px;
}
.author-thumb > img {
border-radius: 50%;
width: 120px;
}
.book-review .test-entry p {
font-size: 18px;
}
.book-review .title2 {
font-size: 38px;
color: #333;
text-transform: uppercase;
}
.book-review .bx-wrapper .bx-pager.bx-default-pager a {
border: 1px solid #00aeef;
z-index: 99;
}
.book-product .bx-wrapper {
margin: 0 !important;
}
.book-slider .slides img {
width: unset;
margin: 0 auto;
}
.book-slider .flex-control-paging li a {
border: 1px solid #00aeef !important;
}
.book-slider .flex-control-paging li a:after {
background-color: #00aeef !important;
}
/*==================================
Team skills
===================================*/
.team-skill h4 {
color: #333;
font-weight: 700;
text-transform: uppercase;
}
.team-skill .skill-name {
color: #333;
font-weight: 700;
line-height: 28px;
margin-top: 22px;
text-transform: uppercase;
}
.team-skill .skill-name:first-child {
margin-top: 0;
}
.team-skill .skill-name span {
display: inline-block;
font-family: Lato, sans-serif;
margin-left: 8px;
}
.team-skill .progress,
.team-skill .progress-bar {
border-radius: 0;
height: 16px;
}
.container > span.border {
background-color: #e5e5e5;
display: block;
height: 1px;
}
/*==================================
Vertical Tabs
===================================*/
.vtabs .col-xs-12.col-md-4 {
padding-right: 0;
}
.vtabs .col-xs-12:last-child {
padding-left: 0;
}
.vtabs-nav {
border-color: #e5e5e5 transparent #e5e5e5 #e5e5e5;
border-style: solid;
border-width: 1px;
position: relative;
z-index: 2;
}
.vtabs-nav li a:hover,
.vtabs-nav li.active a {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.vtabs-nav li a {
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
display: block;
padding: 15px 0 15px 25px;
}
.vtabs-nav li:last-child a {
border-bottom: 0;
}
.vtabs-nav li a i {
float: left;
font-size: 28px;
line-height: 34px;
margin: -4px 10px 0 0;
}
.vtabs .tabpanel .tab-pane {
border: 1px solid #e5e5e5;
margin-left: -2px;
padding: 20px;
position: relative;
z-index: 1;
}
.vtabs.type_2 .tabpanel .tab-pane {
padding: 50px;
}
.vtabs .tab-pane p {
}
.vtabs .tab-pane > img {
margin-bottom: 30px;
}
/*==================================
parallax subscribe
===================================*/
.parallax-subs {
background-image: url("../img/parallax/tp.jpg");
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.parallax-subs .overlay {
padding: 100px 0 120px;
background-color: rgba(0,0,0,0.4);
}
.parallax-subs h2 {
color: #fff;
font-size: 40px;
font-weight: 200;
line-height: 60px;
margin-bottom: 70px;
text-transform: uppercase;
}
.parallax-subs .psubs-form {
position: relative;
text-align: left;
}
.parallax-subs .psubs-form .psubs {
background-color: hsla(0, 0%, 0%, 0);
border: 2px solid hsl(0, 0%, 90%);
color: hsl(0, 0%, 100%);
font-size: 18px;
height: 60px;
padding: 0;
padding: 0 30px;
width: 600px;
max-width: 100%;
}
.parallax-subs .psubs-submit {
border: 0 none;
color: #00aeef;
font-size: 18px;
font-weight: 600;
height: 60px;
position: absolute;
right: 0;
text-transform: uppercase;
width: 223px;
}
.portfolio2-single.style2 {
background: url("../img/slider/slide9.jpg") no-repeat fixed center center / cover transparent;
}
.portfolio2-slide {
padding: 50px 0 0;
}
.portfolio2-single .bx-controls-direction a:before,
.portfolio2-single .bx-controls-direction a:after {
content: none !important;
}
.portfolio2-single .bx-controls-direction a {
background: url("../img/icons/arrow_left.png") no-repeat scroll center center rgba(0, 0, 0, 0.4);
height: 70px;
width: 50px;
left: -50px;
}
.portfolio2-single .bx-controls-direction a:hover {
background-position: center center;
}
.portfolio2-single .bx-controls-direction a.bx-next {
background-image: url("../img/icons/arrow_right.png");
left: auto;
right: -50px;
}
.portfolio2-slide .bx-wrapper {
overflow: hidden;
}
.portfolio2-slide .bx-wrapper:hover .bx-controls-direction a.bx-prev {
left: 10px;
}
.portfolio2-slide .bx-wrapper:hover .bx-controls-direction a.bx-next {
right: 10px;
}
/*==================================
Cleint
===================================*/
.client {
background-color: #e7e7e7;
padding: 55px 0 38px !important;
}
.client-9 {
margin-bottom: 0;
}
.client .client-list li {
display: inline-block;
}
.client .client-list li:first-child {
margin-left: 0;
}
.client .client-list li:last-child {
margin-right: 0;
}
.client .client-list li a {
display: block;
}
.client .client-list li a img {
margin: 0 auto;
}
.client-sep {
padding: 50px 0;
background-color: #fff;
}
/*==================================
Teatimonial
===================================*/
.twitter-feed,
#teatimonial,
.facts {
background-image: url(../img/parallax/testimonial.jpg);
padding: 0;
}
.parallax-7 {
padding: 100px 0 !important;
margin-top: 100px;
}
.parallax-7 .human {
position: relative;
}
.parallax-7 .human img {
position: absolute;
top: -221px;
}
.twitter-feed .overlay,
#teatimonial .overlay,
.facts .overlay {
background-color: rgba(0,0,0,0.5);
padding: 100px 0;
}
#teatimonial .subtitle,
.parallax-7 .subtitle,
#teatimonial.fullwidth,
#teatimonial.fullwidth .section-head h2,
#teatimonial.fullwidth .section-head p {
color: #fff;
}
.subtitle {
border-bottom: 1px solid #c2c2c2;
color: #333;
font-size: 32px;
font-weight: 300;
margin-bottom: 70px;
padding-bottom: 25px;
text-align: center;
text-transform: uppercase;
}
.subtitle2 {
font-size: 22px;
color: #333;
margin-bottom: 30px;
}
.subtitle2.white {
color: #fff;
}
h3.subtitle {
font-size: 25px;
margin-bottom: 40px;
padding-bottom: 15px;
text-align: left;
}
h4.subtitle {
border-color: #f0f0f0;
font-size: 20px;
font-weight: 600;
margin-bottom: 25px;
padding-bottom: 12px;
text-align: left;
text-transform: none;
}
.subtitle.right {
border-bottom: 0 none;
padding-bottom: 0;
position: relative;
}
.subtitle.right:after {
background-color: #eee;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 50%;
width: 100%;
z-index: 1;
}
.subtitle.right span {
background-color: #fff;
display: inline-block;
padding-right: 15px;
position: relative;
z-index: 2;
}
.testimonial-sl-wrapper {
color: #fff;
padding: 30px 30px 72px;
}
.bx-wrapper {
margin: 0;
}
.testimonial-item .date {
float: left;
margin-right: 50px;
font-family: "Lato",sans-serif;
}
.testimonial-item .date b {
color: #00aeef;
font-size: 128px;
line-height: 97px;
font-weight: 100;
}
.testimonial-item .date p {
font-size: 18px;
font-weight: 300;
margin: 25px 0 0;
text-transform: uppercase;
}
.testimonial-item .test-entry p {
margin: 0;
}
.testimonial-item .test-entry span {
display: inline-block;
font-size: 16px;
font-weight: 300;
margin-top: 30px;
}
.testimonial-item .test-entry span strong {
color: #00aeef;
}
.accordion-default .panel-default {
background-color: transparent;
box-shadow: none;
border: 0;
}
.accordion-default .panel-default .panel-heading {
background-color: #fff;
border-radius: 0;
border-bottom: 1px solid #c2c2c2;
}
.accordion-default .panel-default .panel-heading:hover {
border-bottom: 1px solid #00aeef;
}
.accordion-default .panel-default .panel-body {
border: 0;
}
.accordion-default .panel-title a {
color: #00aeef;
display: block;
margin: 0;
padding: 12px 0 12px 46px;
position: relative;
text-transform: uppercase;
}
.accordion-default .panel-default > .panel-heading {
position: relative;
padding: 0;
}
.accordion-default .panel-title {
margin: 0;
padding: 0;
}
.accordion-default .panel-title a .icon {
background-color: #00aeef;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 37px;
}
.accordion-default .panel-title a:hover {
color: #555555;
}
.accordion-default .panel-title a .icon:before {
background-color: #fff;
content: "";
height: 1px;
left: 50%;
margin-left: -3px;
position: absolute;
top: 50%;
width: 7px;
z-index: 1;
}
.accordion-default .panel-title a .icon:after {
background-color: #fff;
content: "";
height: 7px;
left: 50%;
margin: -3px 0 0;
position: absolute;
top: 50%;
width: 1px;
}
.accordion-default .panel-heading a .icon i {
background-color: transparent;
height: 15px;
left: 50%;
margin: -7px 0 0 -7px;
position: absolute;
top: 50%;
width: 15px;
}
.accordion-default .panel-heading.active a .icon:before {
background-color: #00aeef;
}
.accordion-default .panel-heading.active a .icon i {
background-color: #fff;
}
.accordion-default .panel-body {
padding: 0;
}
.accordion-default .panel-body > p {
background-color: #fff;
margin: 0 0 15px;
padding: 10px 46px;
}
.testimonial-synced {
background-image: url(../img/parallax/bridge.jpg);
padding: 0;
}
.testimonial-synced .overlay {
background-color: rgba(0,0,0,0.5);
padding: 100px 0;
}
.testimonial-synced .bx-wrapper .bx-pager {
right: 0;
top: 120px;
width: inherit;
}
.testimonial-synced .user-review,
.testimonial-fullwidth .user-review {
background-color: #fff;
border: 1px solid #cccccc;
position: relative;
color: #777;
padding: 15px;
margin-bottom: 30px;
}
.testimonial-fullwidth .user-review p,
.testimonial-synced .user-review p {
margin-top: 0;
}
.testimonial-fullwidth .user-review::before,
.testimonial-synced .user-review::before {
border-color: #fff transparent transparent;
border-style: solid;
border-width: 10px;
bottom: -20px;
content: "";
position: absolute;
}
.testimonial-fullwidth .reviewers-thumb img,
.testimonial-synced .reviewers-thumb img {
border-radius: 50%;
max-width: 100px;
}
.testimonial-fullwidth .reviewers-thumb,
.testimonial-synced .reviewers-thumb {
float: left;
margin-right: 20px;
}
.testimonial-fullwidth .reviewer-desc,
.testimonial-synced .reviewer-desc {
float: left;
margin-top: 5px;
}
.testimonial-fullwidth .reviewer-desc a,
.testimonial-synced .reviewer-desc a {
color: #fff;
}
.testimonial-fullwidth .reviewer-desc a:hover,
.testimonial-synced .reviewer-desc a:hover {
color: #00aeef;
}
.testimonial-fullwidth .reviewer-desc > h4,
.testimonial-synced .reviewer-desc > h4 {
margin-bottom: 5px;
font-weight: 600;
}
.testimonial-synced .reviewer-desc > h4,
.testimonial-synced .reviewer-desc > span,
.testimonial-synced .reviewer-desc > a {
color: #fff;
}
.testimonial-synced .reviewer-desc > a:hover {
color: #00aeef;
}
.testimonial-fullwidth .reviewer-desc span,
.testimonial-synced .reviewer-desc span {
display: block;
}
/*==================================
Twitter Feed
===================================*/
.twitter-feed .twitter-icon {
position: relative;
}
.twitter-feed .twitter-icon:after {
background-color: #00aeef;
content: "";
height: 170%;
position: absolute;
right: -30%;
top: -35%;
width: 1px;
}
.twitter-feed .twitter-icon h3 {
color: #fff;
font-size: 38px;
font-weight: 700;
line-height: 50px;
margin-top: 25px;
text-transform: uppercase;
}
.twitter-feed .twitter-icon > i {
background-color: #00aeef;
border-radius: 50%;
color: #fff;
display: block;
font-size: 40px;
height: 80px;
margin: 0 auto;
line-height: 80px;
text-align: center;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
width: 80px;
}
.latest-tweets {
color: #fff;
max-width: 400px;
padding: 30px 30px 100px;
position: relative;
width: 100%;
}
.tweet-slider .tweet-item span {
color: #00aeef;
}
.tweet-slider .tweet-item p {
float: right;
margin: 5px 0 0;
}
.tweet-item a {
color: #00aeef;
}
.bx-wrapper .bx-controls-direction a {
}
.bx-wrapper .bx-controls-direction .bx-prev {
/*left: -13px;*/
}
.latest-tweets .bx-wrapper .bx-controls-direction a {
top: 150px;
}
.latest-tweets .bx-wrapper .bx-controls-direction a.bx-prev {
left: auto;
right: 40px;
}
.control-one .bx-controls-direction a {
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 24px;
height: 60px;
left: 0;
line-height: 60px;
margin: -30px 0 0;
opacity: 0;
position: absolute;
text-align: center;
text-indent: -9999em;
top: 50%;
width: 50px;
}
.control-one:hover .bx-controls-direction a {
opacity: 1;
}
.control-one .bx-controls-direction a:hover {
background-color: #00aeef;
color: #fff;
}
.bordered .control-one .bx-controls-direction a {
left: 25px;
}
.control-one .bx-controls-direction .bx-next {
left: auto;
right: 0;
}
.bordered .control-one .bx-controls-direction .bx-next {
left: auto;
right: 25px;
}
.control-one .bx-controls-direction a:before {
border-color: #fff transparent transparent #fff;
border-style: solid;
border-width: 1px;
content: "";
height: 20px;
left: 50%;
margin: -10px 0 0 -6px;
position: absolute;
top: 50%;
width: 20px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.control-one .bx-controls-direction .bx-next:before {
border-color: #fff #fff transparent transparent;
margin: -10px 0 0 -15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/*==================================
Current News
===================================*/
.cta-parallax .overlay {
background-color: rgba(0,0,0,0.5);
padding: 150px 0;
}
.cta-parallax .cta-inner {
color: #fff;
}
.cta-parallax .cta-inner h2 {
color: #fff;
font-size: 40px;
}
.cta-parallax.cta2 .cta-inner h2 {
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
}
.cta-parallax.cta2 .cta-inner h1 {
font-size: 45px;
margin-top: 20px;
font-weight: 700;
text-transform: uppercase;
}
.cta-parallax.cta2 .cta-inner a:last-child {
margin-left: 10px;
}
.cta-parallax .cta-inner h2 span {
font-weight: 700;
}
.cta-parallax .cta-inner p {
margin: 20px 0 0;
text-transform: capitalize;
font-size: 20px;
}
.cta-parallax .cta-inner a {
margin: 40px 0 0;
padding-bottom: 13px;
padding-top: 15px;
}
/*==================================
Current News
===================================*/
.nws-hover .nws-thumb {
position: relative;
overflow: hidden;
}
.nws-hover .nws-thumb:before {
background-color: rgba(255,255,255, 0.15);
content: "";
height: 0;
left: 0;
position: absolute;
top: 0;
width: 0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.nws-hover .nws-thumb:after {
background-color: rgba(255,255,255, 0.15);
content: "";
height: 0;
bottom: 0;
position: absolute;
right: 0;
width: 0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.nws-hover .nws-thumb:hover:before,
.nws-hover .nws-thumb:hover:after {
width: 100%;
height: 100%;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.nws-item .news-head > span {
color: #00aeef;
display: inline-block;
font-size: 14px;
margin: 15px 0 0;
text-transform: uppercase;
}
.nws-item .news-head h4 {
color: #333333;
font-weight: 700;
margin: 15px 0 10px;
text-transform: uppercase;
}
.nws-item .post-meta {
color: #777777;
font-family: Lato,sans-serif;
font-size: 14px;
}
.nws-item .post-meta:after {
background-color: #00aeef;
content: "";
display: block;
height: 2px;
margin-top: 13px;
width: 70px;
}
.nws-item .post-meta a {
color: #333333;
}
.current-news .btn-blue {
margin: 70px 0 0;
font-size: 18px;
font-weight: 700;
}
.current-news-tabs .tab-pane {
position: relative;
overflow: hidden;
}
.current-news-tabs .news-hover {
background-color: rgba(0,0,0,0.4);
position: absolute;
color: #fff;
width: 100%;
left: 0;
padding: 30px;
bottom: -100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.current-news-tabs .tab-pane:hover .news-hover {
bottom: 0;
}
.current-news-tabs .post-entry {
border: 1px solid #e5e5e5;
}
.current-news-tabs .news-tab-nav ul {
border: 0;
}
.current-news-tabs .news-tab-nav li {
margin-bottom: 27px;
}
.current-news-tabs .news-tab-nav li:last-child {
margin-bottom: 0;
}
.current-news-tabs .post-media {
float: left;
margin-right: 20px;
}
.current-news-tabs .post-entry .post-excerpt {
padding: 12.5px 13px;
}
/*-------------------- Timeline Blog -----------------------*/
.timeline-style {
background-image: url("../img/blog/timeline_bg.jpg");
}
.timeline-style .section-head h2,
.timeline-style .section-head p {
color: #fff !important;
}
.posts-section:not(.blog-masonry) {
/*margin-top: 50px;*/
}
.timeline-blog {
padding-top: 120px;
position: relative;
}
.timeline-blog:before {
background-color: #c9c9c9;
content: "";
height: -webkit-calc(100% - 130px);
height: -moz-calc(100% - 130px);
height: calc(100% - 130px);
left: 50%;
margin-left: -1px;
position: absolute;
top: 0;
width: 2px;
}
.timeline-year,
.load-more {
background-color: #999;
border-radius: 100%;
color: #fff;
font-family: Lato;
font-size: 22px;
height: 80px;
left: 50%;
line-height: 80px;
margin-left: -40px;
position: absolute;
text-align: center;
top: -40px;
width: 80px;
}
.load-more {
bottom: -75px;
font-size: 18px;
line-height: 26px;
top: auto;
}
.load-more > a {
display: inline-block;
font-family: Raleway;
margin-top: 13px;
color: #fff;
}
.blog-timeline:not(.blog-masonry) .post-entry {
clear: left;
float: left;
margin: 0 0 50px;
padding: 20px;
position: relative;
width: 47.5%;
}
.blog-timeline:not(.blog-masonry) .post-entry:nth-of-type(2n) {
clear: right;
float: right;
}
.blog-timeline:not(.blog-masonry) .post-entry:nth-child(1) {
margin-top: -50px;
}
.timeline-blog .post-entry {
float: left;
width: 47.5%;
position: relative;
}
.timeline-blog .post-entry.right_con {
left: auto !important;
right: 0;
}
.timeline-blog .post-entry:before {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 15px;
content: "";
position: absolute;
right: -30px;
top: 30px;
}
.timeline-blog .post-entry:after,
.timeline-blog .post-entry.right_con:after {
background-color: #999;
border-radius: 50%;
content: "";
height: 14px;
margin-left: -7px;
position: absolute;
left: -webkit-calc(100% - -5.3%);
left: -moz-calc(100% - -5.3%);
left: calc(100% - -5.3%);
top: 36px;
width: 14px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.blog-timeline .post-entry:nth-of-type(2n):before {
border-color: transparent #fff transparent transparent;
left: -30px;
right: auto;
top: 60px;
}
.blog-timeline .post-entry:nth-of-type(2n):after {
left: -31px;
top: 70px;
}
.timeline-blog .post-entry:hover:after {
background-color: #00aeef;
}
.timeline-blog .post-entry.right_con:before {
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 15px;
content: "";
position: absolute;
right: auto;
left: -30px;
top: 60px;
}
.timeline-blog .post-entry.right_con:after {
left: auto;
margin-left: -7px;
right: -webkit-calc(100% - 4%);
right: -moz-calc(100% - 4%);
right: calc(100% - 4%);
top: 70px;
}
.timeline-blog .post-media {
}
/*==================================
Timeline blog 2
===================================*/
.timeline-post-wrapper:before {
background-color: #c9c9c9;
content: "";
height: 100%;
left: -18px;
position: absolute;
top: 0;
width: 2px;
}
.timeline-post-wrapper .post-entry {
position: relative;
padding: 30px;
}
.timeline-post-wrapper .post-entry:before {
background-color: #999;
border-radius: 30px;
content: "";
height: 14px;
left: -39px;
position: absolute;
width: 14px;
}
.timeline-post-wrapper .post-entry:after {
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 15px;
content: "";
left: -30px;
position: absolute;
top: 22px;
}
/*==================================
Our Process
===================================*/
.process-icon {
border: 1px solid #e5e5e5;
border-radius: 50%;
font-size: 24px;
height: 100px;
line-height: 98px;
margin: 0 auto 60px;
text-align: center;
position: relative;
width: 100px;
}
.process-icon:before {
background-color: #e5e5e5;
content: "";
height: 60px;
left: 50%;
position: absolute;
top: 100%;
width: 1px;
}
.process-desc {
border: 1px solid #e5e5e5;
position: relative;
padding: 20px 15px;
}
.process-desc:before {
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
content: "";
height: 20px;
left: 50%;
margin-left: -10px;
position: absolute;
top: -25px;
width: 20px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.our-process .col-xs-12:nth-child(2n+1) .process-desc:after {
background-color: #e5e5e5;
content: "";
height: 2px;
position: absolute;
right: -31px;
top: 50%;
width: 30px;
}
.our-process .col-xs-12:nth-child(2n) .process-desc:before {
border-color: #e5e5e5;
border-style: solid;
border-width: 1px 0 0 1px;
content: "";
height: 20px;
left: 50%;
margin-left: -10px;
position: absolute;
top: -58px;
width: 20px;
}
.our-process .col-xs-12:nth-child(2) .process-icon:after {
background-color: #e5e5e5;
content: "";
height: 1px;
left: 100%;
position: absolute;
top: 50%;
width: 206%;
}
.process-desc h4 {
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
}
/*==================================
Facts
===================================*/
.facts .fact-item {
background-color: #fff;
padding: 28px 0;
}
.facts .fact-item strong {
border-bottom: 1px solid #ddd;
color: #000;
display: block;
font-family: "Lato",sans-serif;
font-size: 45px;
font-weight: 900;
line-height: 50px;
margin-bottom: 15px;
padding-bottom: 15px;
}
.facts .fact-item p {
margin: 0;
}
#map-canvas4 {
width: 100%;
height: 650px;
}
.contact4 {
position: relative;
padding-bottom: 0;
}
.contact4 .address {
background-color: #00aeef;
bottom: 21%;
color: #fff;
height: 250px;
position: absolute;
right: 9%;
padding: 30px;
width: 385px;
}
.contact4 .address:before {
border-color: transparent transparent transparent #00aeef;
border-style: solid;
border-width: 40px;
bottom: -40px;
content: "";
left: 0;
margin-top: 12px;
position: absolute;
}
.contact4 .address a {
color: #fff;
}
.contact.contact4 .address p:nth-child(2) i {
margin-bottom: 30px;
}
/*==================================
Contact
===================================*/
.contact {
background-color: #fff;
}
.contact .contact-page {
margin-bottom: 70px;
}
#map-canvas {
width: 100%;
height: 345px;
}
.address h5 {
font-size: 15px;
font-weight: 700;
}
.address p {
display: flex;
display: -webkit-flex;
font-size: 15px;
margin-top: 10px;
vertical-align: middle;
}
.address p i {
margin: 8px 15px 0 0;
}
.contact-form .form-control {
border-radius: 0;
box-shadow: none;
color: #666a6b;
font-size: 13px;
height: 48px;
margin-bottom: 15px;
padding: 0 0 0 25px;
}
.contact2 {
position: relative;
}
.contact2 .subtitle,
.contact3 .subtitle {
font-size: 25px;
margin-bottom: 40px;
padding-bottom: 15px;
text-align: left;
}
.contact2 a.btn-blue {
margin-top: 40px;
}
.contact3 {
position: relative;
padding: 0;
}
.map-block {
height: auto;
left: 0;
top: 0;
position: absolute;
width: 50%;
}
.map-block-inner {
height: 345px;
}
.contact3 .address {
padding: 60px 0 0 30px;
}
.contact3 .address p:nth-child(2) i {
margin-bottom: 0;
}
.bg-color-left.gray,
.bg-color-right.gray {
background-color: #eee;
}
.bg-color-left {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 50%;
}
.bg-color-right {
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 50%;
}
.contact-7 {
padding-bottom: 0;
}
.contact-7 .contact-form .form-control {
margin: 0;
}
.contact-7 .contact-form .col-md-6:nth-child(3),
.contact-7 .contact-form .col-md-6:nth-child(4) {
margin-top: 47px;
}
.contact-7 .contact-form .col-md-12 {
position: relative;
}
.contact-7 .contact-form textarea.form-control {
margin: 57px 0 35px;
}
.contact-7 .contact-form .write-something {
color: #555;
font-size: 24px;
position: absolute;
top: 20px;
}
#success, #error {
display: none;
font-size: 22px;
font-weight: 600;
position: absolute;
top: 50%;
}
#error {
color: #c0392b;
}
#success {
color: #00aeef;
}
.contact-form label.error {
color: #ff0000;
display: inline-block;
font-weight: 400;
margin-bottom: 15px;
text-transform: capitalize;
}
.contact-form textarea.form-control {
height: 190px;
padding: 20px 20px 20px 25px;
}
.contact-form .message-sub {
font-size: 14px;
padding: 16px 40px;
-webkit-transition: all .5s ease-in 0s;
-ms-transition: all .5s ease-in 0s;
-o-transition: all .5s ease-in 0s;
transition: all .5s ease-in 0s;
}
.contact-7 .address-top p {
color: #333333;
font-size: 16px;
font-weight: 700;
margin: 0;
position: relative;
line-height: 30px;
top: -5px;
}
.contact-7 .address {
margin-top: 57px;
}
.contact-7 .address h5 {
color: #333;
font-size: 16px;
font-weight: 700;
margin-top: -9px;
margin-bottom: 20px;
position: relative;
text-transform: uppercase;
}
.contact-7 .address p {
margin-top: 0;
}
.contact-7 .address p i {
color: #333;
}
.contact-7 .address p:nth-child(2) i {
margin-bottom: 15px;
}
.contact.parallax .overlay {
background-color: rgba(0,0,0,0.5);
padding: 100px 0;
}
.contact.parallax .section-head h2,
.contact.parallax .section-head p,
.contact.parallax .address a,
.contact.parallax .section-head.style_3 h2 span,
.contact.parallax .address {
color: #fff;
}
.contact.parallax .contact-form {
background-color: rgba(255, 255, 255, 0.6);
padding: 15px 0;
}
.contact.parallax .form-control {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
}
.contact.parallax .form-control:-moz-placeholder {
color: #fff;
opacity: 1;
}
.contact.parallax .form-control::-moz-placeholder {
color: #fff;
opacity: 1;
}
.contact.parallax .form-control:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
.contact.parallax .form-control::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.contact.parallax .address {
background-color: rgba(255, 255, 255, 0.3);
padding: 15px;
}
.contact.parallax .address p:nth-child(2) i {
margin-bottom: 20px;
}
.clients-list .client-item {
border: 1px solid transparent;
display: block;
margin-bottom: 25px;
min-height: 95px;
padding-top: 13px;
text-align: center;
}
.clients-list .client-item.client_active,
.clients-list .client-item:hover {
background-color: rgba(255, 255, 255, 0.3);
border: 1px solid rgba(255, 255, 255, 0.5);
}
/*==================================
footer-nav
===================================*/
.footer-navigation {
padding: 0px;
border-top: 1px solid #00aeef;
background-color: #f1f1f1;
}
.footer-navigation .footer-nav ul {
text-align: center;
}
.footer-navigation .footer-nav ul li {
display: inline-block;
}
.footer-navigation .footer-nav ul li a {
display: block;
color: #888888;
padding: 50px 45px;
text-transform: uppercase;
font-weight: 600;
}
.footer-navigation .footer-nav ul li a:hover {
color: #00aeef;
}
/*==================================
footer-widget
===================================*/
.footer-widget {
background-color: #222;
font-family: Lato,sans-serif;
color: #999;
}
.with-border .footer-item {
padding: 0 15px;
position: relative;
}
.with-border .footer-item:after {
background-color: rgba(255, 255, 255, 0.1);
content: "";
height: 280px;
position: absolute;
right: -15px;
top: 0;
width: 1px;
}
.with-border .col-xs-12:last-child .footer-item:after {
content: none;
}
.footer-item a {
color: #eee;
}
.footer-item a:hover {
color: #00aeef;
}
.footer-item h4 {
color: #fff;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.footer-item > img {
margin-bottom: 10px;
}
.footer-item > a {
margin-top: 15px;
display: inline-block;
}
.contact-info li {
display: block;
line-height: 20px;
margin: 0 0 8px;
padding: 0 0 0 25px;
position: relative;
}
.contact-info li i {
color: #b2b2b2;
left: 0;
line-height: 20px;
position: absolute;
top: 0;
}
.recent-posts li a {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
display: block;
padding: 5px 0;
}
.recent-posts li:last-child a {
border-bottom: 0;
}
.footer-item li a i {
float: right;
}
.footer-item .flickr-widget li a img {
height: 75px;
width: 83px;
}
/*==================================
Footer
===================================*/
.footer {
background-color: #141414;
border-top: 1px solid #2c2c2c;
color: #fff;
padding: 25px 0;
}
.footer.-- {
margin-top: 30px;
}
.footer .copyright {
margin: 4px 0 0;
font-weight:300;
font-family: Lato, sans-serif;
text-transform: uppercase;
}
.footer .copyright a {
color: #fff;
}
.footer .copyright a:hover {
color: #00aeef;
}
.footer .social-links {
margin: 0;
}
.footer .social-links li {
display: inline-block;
margin-right: 8px;
}
.team .member-thumb .mask li:last-child {
margin-right: 0;
}
.footer .social-links li a {
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: block;
font-size: 16px;
height: 36px;
line-height: 35px;
margin: 0 auto;
width: 36px;
}
.footer .social-links li a:hover {
background-color: #fff;
border-color: #fff;
color: #00aeef;
}
#go-top {
background-color: rgba(0,0,0,0.08);
bottom: 102px;
color: #fff;
font-size: 12px;
height: 50px;
position: fixed;
right: 25px;
text-align: center;
text-transform: uppercase;
width: 50px;
z-index: 9;
display: none;
line-height: 12px;
}
#go-top > i {
display: block;
font-size: 14px;
margin-top: 10px;
}
#go-top:hover {
background-color: #24afe3;
}
/*==================================
#blog-section
===================================*/
#blog-section {
padding: 65px 0 0;
background-color: #f1f1f1;
}
.row.blog-2-column {
}
.row.blog-2-column > div {
}
.posts-section .post-entry {
background-color: #fff;
margin-bottom: 30px;
}
.post-entry.quote {
padding: 60px;
}
.post-entry .quote-post {
background-color: #efefef;
font-size: 30px;
font-style: italic;
line-height: 45px;
margin-bottom: 20px;
padding: 50px 60px;
}
.post-entry.quote .author-name {
display: block;
font-size: 20px;
font-style: italic;
text-align: right;
}
.post-media .video {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.post-media .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post-entry .post-excerpt {
padding: 30px;
color: #999;
}
.posts-section .post-entry h2 {
color: #333333;
font-size: 32px;
line-height: 40px;
text-transform: uppercase;
font-weight: 300;
}
.blog-2-column .post-entry h2,
.blog-3-column .post-entry h2,
.blog-4-column .post-entry h2 {
font-size: 24px;
line-height: 30px;
}
.post-entry .post-meta {
color: #777777;
font-family: "Lato",sans-serif;
font-size: 14px;
font-style: italic;
padding-bottom: 15px;
}
.posts-section .post-entry .post-meta a {
color: #555;
}
.posts-section .post-entry .post-meta a:hover,
.post-entry .post-media .link-post:hover {
color: #00aeef;
}
.post-entry .post-media .link-post {
background-color: hsl(0, 0%, 87%);
background-image: url("../images/image_slider/fullimage4.jpg");
background-repeat: no-repeat;
background-size: cover;
color: hsl(0, 0%, 33%);
display: block;
font-size: 16px;
padding: 50px 0;
text-align: center;
}
.blog-2-column .post-media .link-post {
font-size: 20px;
line-height: 30px;
}
blockquote {
border-left: 3px solid #00aeef;
font-size: 14px;
font-weight: 600;
margin: 20px 0 20px 25px;
padding: 0 20px 0 30px;
}
.post-entry .excerpt-btn {
position: relative;
display: inline-block;
margin: 30px 0 20px;
}
.post-entry .excerpt-btn:before {
width: 1px;
height: 31px;
content: '';
position: absolute;
top: 50%;
right: 0;
opacity: 0;
margin-top: -15px;
background-color: #d8d8d8;
-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;
}
.post-entry .excerpt-btn:hover:before {
background-color: #00aeef;
right: -10px;
opacity: 1;
}
.post-entry .excerpt-btn:after {
width: 1px;
height: 21px;
content: '';
position: absolute;
top: 50%;
right: -10px;
opacity: 0;
margin-top: -10px;
background-color: #d8d8d8;
-webkit-transition: all 0.3s ease 0.1s;
-moz-transition: all 0.3s ease 0.1s;
-o-transition: all 0.3s ease 0.1s;
transition: all 0.3s ease 0.1s;
}
.post-entry .excerpt-btn:hover:after {
background-color: #00aeef;
right: -20px;
opacity: 1;
}
.post-entry .excerpt-btn a {
color: #777777;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
border: 1px solid #d8d8d8;
padding: 10px 30px;
position: relative;
}
.post-entry .excerpt-btn a:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.post-entry .excerpt-btn a:after {
content: '';
background-color: #d8d8d8;
width: 1px;
height: 11px;
margin-top: -5px;
position: absolute;
top: 50%;
right: -21px;
opacity: 0;
-webkit-transition: all 0.3s ease 0.2s;
-moz-transition: all 0.3s ease 0.2s;
-o-transition: all 0.3s ease 0.2s;
transition: all 0.3s ease 0.2s;
}
.post-entry .excerpt-btn:hover a:after {
right: -31px;
opacity: 1;
background-color: #00aeef;
}
.post-entry .excerpt-btn i {
display: inline-block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.posts-section .post-entry .excerpt-btn:hover i {
margin-left: 5px;
}
.post-entry .post-share {
margin-top: 25px;
padding-top: 30px;
border-top: 1px solid #e6e6e6;
}
.post-entry .post-share li {
display: inline-block;
}
.post-entry .post-share li a {
border: 1px solid #e5e5e5;
border-radius: 50%;
color: #777;
display: block;
font-size: 18px;
height: 42px;
line-height: 40px;
margin: 0 auto;
text-align: center;
width: 42px;
}
.post-entry .post-share li a:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
/*-------- Timeline posts -----------*/
.timeline-blog:not(.blog-masonry) .post-entry {
clear: left;
float: left;
margin: 0 0 50px;
padding: 20px;
position: relative;
width: 47.5%;
}
.timeline-blog:not(.blog-masonry) .post-entry:nth-of-type(2n) {
clear: right;
float: right;
}
.timeline-blog:not(.blog-masonry) .post-entry:nth-child(1) {
margin-top: -50px;
}
.timeline-blog .post-entry {
float: left;
width: 47.5%;
position: relative;
}
.timeline-blog .post-entry.right_con {
left: auto !important;
right: 0;
}
.timeline-blog .post-entry:before {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 15px;
content: "";
position: absolute;
right: -30px;
top: 30px;
}
.timeline-blog .post-entry:after,
.timeline-blog .post-entry.right_con:after {
background-color: #999;
border-radius: 50%;
content: "";
height: 14px;
margin-left: -7px;
position: absolute;
left: -webkit-calc(100% - -5.3%);
left: -moz-calc(100% - -5.3%);
left: calc(100% - -5.3%);
top: 36px;
width: 14px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.timeline-blog .post-entry:nth-of-type(2n):before {
border-color: transparent #fff transparent transparent;
left: -30px;
right: auto;
top: 60px;
}
.timeline-blog .post-entry:nth-of-type(2n):after {
left: -31px;
top: 70px;
}
.timeline-blog .post-entry:hover:after {
background-color: #00aeef;
}
.timeline-blog .post-entry.right_con:before {
border-color: transparent #fff transparent transparent;
border-style: solid;
border-width: 15px;
content: "";
position: absolute;
right: auto;
left: -30px;
top: 60px;
}
.timeline-blog .post-entry.right_con:after {
left: auto;
margin-left: -7px;
right: -webkit-calc(100% - 4%);
right: -moz-calc(100% - 4%);
right: calc(100% - 4%);
top: 70px;
}
/*-------- end Timeline posts -----------*/
.sidebar .bx-wrapper,
.entry-post .bx-wrapper,
.post-media .bx-wrapper {
overflow: hidden;
}
.sidebar .bx-controls-direction a,
.entry-post .bx-controls-direction a,
.post-entry .bx-controls-direction a {
background-color: #00aeef;
color: #fff;
height: 50px;
margin-top: -25px;
width: 50px;
z-index: 99;
}
.sidebar .bx-controls-direction a.bx-prev:before,
.entry-post .bx-controls-direction a.bx-prev:before,
.post-entry .bx-controls-direction a.bx-prev:before {
border-color: transparent transparent #fff #fff;
border-style: solid;
border-width: 1px;
content: "";
display: block;
height: 15px;
left: 22px;
position: absolute;
top: 18px;
width: 15px;
-webkit-transform: rotate(43deg);
-moz-transform: rotate(43deg);
-ms-transform: rotate(43deg);
-o-transform: rotate(43deg);
transform: rotate(43deg);
}
.sidebar .bx-controls-direction a.bx-prev:after,
.entry-post .bx-controls-direction a.bx-prev:after,
.post-entry .bx-controls-direction a.bx-prev:after {
content: none;
}
.sidebar .bx-controls-direction a.bx-next:after,
.entry-post .bx-controls-direction a.bx-next:after,
.post-entry .bx-controls-direction a.bx-next:after {
border-color: #fff #fff transparent transparent;
border-style: solid;
border-width: 1px;
content: "";
display: block;
height: 15px;
left: 13px;
position: absolute;
top: 17px;
width: 15px;
-webkit-transform: rotate(43deg);
-moz-transform: rotate(43deg);
-ms-transform: rotate(43deg);
-o-transform: rotate(43deg);
transform: rotate(43deg);
}
.sidebar .bx-controls-direction a.bx-prev,
.entry-post .bx-controls-direction a.bx-prev,
.post-entry .bx-controls-direction a.bx-prev {
left: -50px;
}
.sidebar .bx-controls-direction a.bx-next,
.entry-post .bx-controls-direction a.bx-next,
.post-entry .bx-controls-direction a.bx-next {
right: -50px;
}
.sidebar:hover .bx-controls-direction a.bx-prev,
.entry-post:hover .bx-controls-direction a.bx-prev,
.post-entry:hover .bx-controls-direction a.bx-prev {
left: 0;
}
.sidebar:hover .bx-controls-direction a.bx-next,
.entry-post:hover .bx-controls-direction a.bx-next,
.post-entry:hover .bx-controls-direction a.bx-next {
right: 0;
}
.sidebar .bx-controls-direction a.bx-prev:hover:before,
.entry-post .bx-controls-direction a.bx-prev:hover:before,
.post-entry .bx-controls-direction a.bx-prev:hover:before {
border-color: transparent transparent #fff #fff !important;
}
.sidebar .bx-controls-direction a.bx-next:hover:after,
.entry-post .bx-controls-direction a.bx-next:hover:after,
.post-entry .bx-controls-direction a.bx-next:hover:after {
border-color: #fff #fff transparent transparent !important;
}
.post-media > iframe {
width: 100%;
}
.post-pagination {
border: 1px solid #dfdfdf;
margin-bottom: 30px;
}
.post-pagination ul {
text-align: center;
position: relative;
margin: 0;
}
.post-pagination ul li {
display: inline-block;
}
.post-pagination ul li a {
color: #999;
display: block;
font-size: 22px;
padding: 12px 15px;
}
.post-pagination ul li:first-child {}
.post-pagination ul li:first-child .prev,
.post-pagination ul li:last-child .next,
.post-pagination ul li:first-child a:hover .arrow,
.post-pagination ul li:last-child a:hover .arrow {
display: none;
}
.post-pagination ul li:first-child a,
.post-pagination ul li:last-child a {
background-color: #333;
color: #fff;
height: 50px;
line-height: 50px;
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 70px;
}
.post-pagination ul li:first-child a:hover .prev,
.post-pagination ul li:last-child a:hover .next {
display: block;
}
.post-pagination ul li:first-child a:hover,
.post-pagination ul li:last-child a:hover {
background-color: #00aeef;
}
.post-pagination ul li:last-child {}
.post-pagination ul li:last-child a {
left: auto;
right: 0;
}
.blog-2-column .post-pagination {
margin: 30px 0;
}
.next-prev-post {
margin-bottom: 30px;
}
.next-prev-post a {
background-color: #dadada;
color: #fff;
font-size: 16px;
padding: 8px 0;
text-align: center;
width: 48%;
}
.next-prev-post.pagi2 a {
background-color: transparent;
color: #777;
}
.next-prev-post.pagi2 .pull-left {
text-align: right;
}
.next-prev-post.pagi2 .pull-right {
text-align: left;
}
.next-prev-post a:hover,
.next-prev-post a:focus {
background-color: #00aeef;
}
.next-prev-post.pagi2 a:hover,
.next-prev-post.pagi2 a:focus {
background-color: transparent;
color: #00aeef;
}
/*----------------------------------------------
Magazine News theme
----------------------------------------------*/
.top-bar-inner {
background-color: #eee;
border-top: 3px solid #00aeef;
padding: 5px 0;
}
.top-head .logo a {
display: block;
padding: 19px 0 17px;
}
.top-bar-inner .news-ticker {
margin: 0;
}
.mag-ticker {
margin-top: 8px;
}
.mag-ticker li {
text-align: right;
}
.mag-ticker > span {
color: #00aeef;
float: right;
font-weight: 600;
margin: 2px 0 0 30px;
text-transform: uppercase;
}
.top-bar-inner .social-links {
margin: 0;
}
.top-bar-inner .search-form {
float: right;
margin: 4px 0 0 20px;
position: relative;
}
.search-form .input-field {
background-color: #e0e0e0;
border: 0 none;
color: #777;
padding: 4px 35px 4px 20px;
}
.search-button {
background-color: transparent;
border: 0 none;
padding: 0;
position: absolute;
right: 10px;
top: 3px;
}
.main-head {
background-color: #fff;
}
.is-sticky .main-head {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
}
.main-head .logo {
float: left;
}
.main-head .ad-block {
float: right;
}
.main-head .navbar-nav > li.current > a,
.main-head .navbar-nav > li > a:hover,
.main-head .navbar-nav > li > a {
border: 0;
}
.main-head .navbar-nav > li > a {
padding: 18px 25px;
}
.main-head .navbar-collapse {
background-color: #fff;
padding-left: 0;
padding-right: 0;
border-top: 1px solid #dfdfdf;
}
.featured-section {
background-color: #eee;
margin: 0 0 49px;
padding: 28px 0;
}
.featured-slider .flex-direction-nav a:before,
.featured-slider .flex-direction-nav a:after {
content: none;
}
.featured-slider .flex-direction-nav a {
background-color: #fff;
height: 40px;
left: 15px;
line-height: 40px;
margin: -20px 0 0;
opacity: 0;
text-align: center;
text-shadow: none;
top: 50%;
width: 40px;
font-size: 24px;
}
.featured-slider .flex-direction-nav .flex-next {
left: auto;
right: 15px;
}
.featured-slider:hover .flex-direction-nav a {
opacity: 0.6;
}
.featured-slider:hover .flex-direction-nav a:hover {
opacity: 1;
}
.mag-post {
position: relative;
overflow: hidden;
}
.mag-post .img-cat {
background-color: #00aeef;
color: #fff;
padding: 2px 10px;
position: absolute;
right: 20px;
text-transform: uppercase;
top: 20px;
}
.mag-post .image-link {
position: relative;
}
.mag1 .slides .image-link img {
max-height: 385px;
width: 100%;
}
.mag-post .image-link img {
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.mag-post:hover .image-link img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.mag-post .caption {
bottom: 20px;
position: absolute;
right: 20px;
text-align: right;
}
.mag-post .the-date {
color: #fff;
font-family: Lato,sans-serif;
text-transform: uppercase;
font-size: 13px;
}
.mag-post .caption h4 a {
color: #fff;
}
.mag2 .mag-post .the-date,
.mag2 .mag-post .caption h4 a {
color: #333;
}
.featured-blocks .caption {
bottom: 10px;
right: 10px;
}
.featured-blocks .caption h4 {
font-size: 14px;
}
.mag-content {
margin-bottom: 50px;
}
.mag-content .post-media img {
width: 100%;
}
.mag-content .post-excerpt {
padding: 25px 0;
}
.mag-content .post-meta {
padding-bottom: 0;
}
.mag-post-block li + li {
margin-top: 15px;
}
.mag-post-block li > a {
display: block;
float: left;
margin-right: 20px;
}
.mag-post-block li > a img {
margin-top: 3px;
width: 60px;
}
.mag-post-block .content {
border-bottom: 1px solid #ddd;
margin-left: 80px;
}
.mag-post-block .content span {
display: block;
font-size: 13px;
line-height: 15px;
margin-bottom: 7px;
}
.mag-post-block .content a {
display: block;
font-size: 14px;
line-height: 24px;
padding-bottom: 6px;
}
.cat-head {
background-color: #eee;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
margin: 0 0 30px;
padding: 4px 14px 7px;
}
.cat-head h4 {
float: left;
margin: 4px 0 0;
}
.cat-head .mag-tabs {
text-align: right;
}
.cat-head .mag-tabs li {
display: inline-block;
padding: 0 5px;
}
.mag-tabs .active a {
position: relative;
}
.mag-tabs .active a:after {
border-color: transparent transparent #ffffff;
border-style: solid;
border-width: 6px;
bottom: -10px;
content: "";
left: 50%;
margin-left: -8px;
position: absolute;
}
.mag-post3 .post-entry h4 {
margin: 15px 0;
}
.mag-post3 .mag-post-block li + li {
border-top: 1px solid #ccc;
padding-top: 10px;
}
.mag-post3 .mag-post-block li i {
float: left;
margin: 5px 0 0;
}
.mag-post3 .mag-post-block li a {
float: none;
margin: 0 0 0 15px;
line-height: 22px;
}
.mag-post3 .mag-post-block li:hover a {
margin: 0 0 0 20px;
}
.mag-sidebar aside {
padding: 0;
}
.ad-block img {
margin: 0 auto;
}
.mag-sidebar aside h3 {
background-color: #19232d;
color: #efefef;
font-size: 13px;
line-height: 40px;
margin-bottom: 35px;
padding: 0 14px;
text-transform: uppercase;
}
.post-tab-nav {
background-color: #19232d;
margin-bottom: 30px;
}
.post-tab-nav li {
float: left;
}
ul.post-tab-nav li a {
border-bottom: 2px solid transparent;
margin: 0;
}
.post-tab-nav li a:hover,
.post-tab-nav li a:focus,
.post-tab-nav li.active a {
background-color: transparent;
border-color: #00aeef;
color: #fff;
}
.tabbed-post-widget .content {
}
.rc-carousel .owl-nav > div {
background-color: #fff;
font-size: 24px;
height: 30px;
left: 0;
line-height: 30px;
margin-top: -30px;
opacity: 0;
position: absolute;
text-align: center;
text-indent: 0;
top: 50%;
width: 30px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.rc-carousel .owl-nav .owl-next {
left: auto;
right: 0;
}
.rc-carousel:hover .owl-nav > div {
opacity: 0.6;
}
.rc-carousel .owl-nav > div:hover {
opacity: 1;
}
/*----------------------- Post Comment Section ----------------------*/
.about_psot_author {
background-color: #fff;
border: 1px solid #e5e5e5;
float: left;
margin-bottom: 30px;
padding: 20px 10px 17px;
width: 100%;
}
.about_psot_author h2 {
color: #00aeef;
font-size: 20px;
font-weight: 700;
line-height: 20px;
margin: 0 0 12px;
text-transform: uppercase;
}
.about_psot_author img {
border: 1px solid #ddd;
float: left;
margin-left: 10px;
max-width: 130px;
padding: 5px;
transition: all 0.5s ease 0s;
}
.about_psot_author div {
margin-left: 22%;
}
.about_psot_author div h3 a {
color: #555;
font-size: 16px;
font-weight: 500;
line-height: 18px;
margin: 0;
}
.about_psot_author div h3 a:hover {
color: #00aeef;
}
.about_psot_author div h3 span{
color: #999999;
font-size: 14px;
margin-left: 10px;
font-style: italic;
}
.about_psot_author div p{
color: #999;
font-size: 14px;
margin: 11px 0 0 0;
line-height:24px;
}
/* Comment Style css */
.post_comment_area{
clear: both;
margin: 30px 0;
padding: 30px;
background-color: #fff;
}
.post_comment_area > h2 {
border-bottom: 1px solid #e5e5e5;
color: #00aeef;
font-size: 20px;
font-weight: 700;
line-height: 20px;
padding-bottom: 25px;
text-transform: uppercase;
}
.post_comment_area .single_comment{
overflow:hidden;
margin-top:10px;
}
.comment{
width:100%;
height:auto;
float:left;
padding:10px 0 15px;
}
.comment>div{
width:100%;
float:left;
}
.coment_text{
float: left;
padding-bottom: 34px;
padding-top: 10px;
position: relative;
width: 100%;
z-index: 1;
}
.coment_text:after{
width:1000%;
height:1px;
background:#ccc;
content:"";
position:absolute;
z-index:1;
bottom:0%;
left:-300%;
}
.coment_text>a{
display:block;
width:10%;
float:left;
}
.coment_text>a img{
max-width:100%;
}
.coment_text div{
display: block;
float: left;
margin-left: 2%;
width:87%;
}
.author-meta .author_picture {
float:left;
}
.author-meta .author_picture img {
border-radius: 50%;
max-width: 85px;
width: 100%;
}
.coment_text .author-meta > div {
float: left;
margin: 20px 0 0 25px;
width: auto;
}
.coment_text .author-replay p {
line-height: 24px;
margin: 15px 0 0;
}
.coment_text > div h2 {
color:#333;
font-size: 16px;
font-weight: normal;
line-height: 17px;
margin: 0 0 5px;
padding: 0;
text-transform: none;
text-transform:uppercase;
}
.coment_text > div h2 a {
color: #555;
}
.coment_text > div h2 a:hover {
color: #00aeef;
}
.coment_text > div span {
color: #999;
font-size: 12px;
}
.coment_text > div span + a {
color: #999;
display: inline-block;
margin-left: 10px;
text-decoration: none;
}
.coment_text > div span + a:hover {
color: #00aeef;
}
.coment_text>div p{
font-size:14px;
color:#999;
line-height:22px;
margin-top:10px;
}
.comment_replay{
padding-left:70px;
}
.comment_form_box{
margin:25px 0 0;
}
.comment_form_box textarea{
border-radius: 0;
margin: 25px 0;
padding: 8px;
}
.comment_form_box .form-control {
border-radius: 0;
box-shadow: none;
color: #666a6b;
font-size: 13px;
height: 48px;
padding: 0 0 0 25px;
}
.comment_form_box textarea.form-control {
height: 190px;
padding: 20px 20px 20px 25px;
}
.comment_form_box .comment-submit {
font-size: 15px;
font-weight: 300;
padding: 15px 35px;
}
.comment_form_box .form-control {
border-radius:0;
}
/*----------------------- Right SIdebar ----------------------*/
.sidebar {
width: 100%;
padding: 30px;
margin-bottom: 30px;
background-color: #fff;
}
.sidebar:last-child {
margin-bottom: 0;
}
.blog-search {
position: relative;
}
.blog-search .search-input {
background-color: #fff;
letter-spacing: 2px;
text-indent: 30px;
padding: 0;
height: 42px;
border: 1px solid #e5e5e5;
width: 100%;
}
.blog-search .search-sub {
background-color: #00aeef;
border: 0 none;
color: #fff;
font-size: 18px;
height: 42px;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
.sidebar .widget-title {
margin-bottom: 20px;
text-transform: uppercase;
}
.sidebar li a {
line-height: 30px;
margin-bottom: 5px;
display: block;
}
.sidebar ul li:last-child a {
margin-bottom: 0;
}
.sidebar ul li a i {
margin-right: 6px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.sidebar ul li a:hover i {
margin-right: 10px;
}
.sidebar .social-links li {
float: left;
margin-right: 8px;
}
.sidebar .social-links li:last-child {
margin-right: 0;
}
.sidebar .social-links li a {
border: 1px solid #e5e5e5;
border-radius: 50%;
color: #777;
display: block;
font-size: 18px;
height: 42px;
line-height: 40px;
margin: 0 auto;
width: 42px;
text-align: center;
}
.sidebar .social-links li a i {
margin: 0 !important;
}
.sidebar .social-links li a:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.media-list .pp-item,
.sidebar .pp-item {
margin-bottom: 20px;
border-bottom: 1px solid #f1f1f1;
padding-bottom: 20px;
}
.sidebar .pp-item > a {
display: block;
float: left;
height: 70px;
margin-right: 15px;
overflow: hidden;
width: 100px;
}
.sidebar .pp-item a img {
-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;
}
.sidebar .pp-item a:hover img {
max-width: 110px;
}
.media-list .pp-item:last-child,
.sidebar .pp-item:last-child {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}
.media-list .pp-item img,
.sidebar .pp-item img {
max-width: 100px;
float: left;
margin-right: 15px;
}
.media-list .pp-media span,
.sidebar .pp-media span {
display: block;
}
.media-list .pp-media h4 a,
.sidebar .pp-media h4 a {
display: inline-block;
font-weight: 400;
font-size: 15px;
margin-top: 5px;
}
.archive-widget li {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 10px;
}
.archive-widget li:last-child {
border-bottom: 0;
margin-bottom: 0;
}
.archive-widget li a {
text-transform: uppercase;
}
.tagcloud a {
background-color: transparent;
color: #999;
border: 1px solid #f1f1f1;
display: inline-block;
font-size: 13px;
margin: 5px 0;
padding: 2px 10px;
}
.tagcloud a:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.flickr-widget li {
float: left;
}
.flickr-widget li a {
margin: 0 5px 5px 0;
padding: 0;
border: 0;
}
.flickr-widget li:nth-child(3n) a {
margin-right: 0;
}
.flickr-widget.blog2 li:nth-child(3n) a {
margin-right: 5px;
}
.flickr-widget li a img {
max-width: 100px;
}
.threecol-sidebar .sidebar {
padding: 0;
}
.threecol-sidebar .sidebar .pp-item > a {
width: 84px;
}
.threecol-sidebar .flickr-widget li a img {
max-width: 90px;
}
.threecol-sidebar .flickr-widget li:nth-child(3n) a {
margin-right: inherit;
}
/*======================================================
Search Page
========================================================*/
.search-page .search-results {
background-color: #f1f1f1;
padding-top: 100px;
}
.search-head {
background-image: url(../img/parallax/tp.jpg);
}
.search-head .overlay {
background-color: rgba(0,0,0,0.5);
padding: 150px 0;
}
.search-head h1 {
color: #fff;
font-weight: 700;
}
.search-head h1 span {
color: #00aeef;
text-transform: capitalize;
}
.search-head p {
color: #fff;
font-size: 18px;
}
.search-page-form {
margin-top: 50px;
text-align: left;
position: relative;
}
.search-page-input {
background-color: #fff;
border: 0;
height: 60px;
text-indent: 30px;
font-size: 18px;
padding: 0;
width: 80%;
}
.search-page-sub {
background-color: #00aeef;
border: 0 none;
color: #fff;
font-size: 18px;
font-weight: 700;
height: 60px;
margin-left: -3px;
padding: 0;
width: 19%;
}
.search-results .post-entry {
background-color: #fff;
padding: 30px;
margin-bottom: 30px;
}
.search-results .search-item-media {
float: left;
margin-right: 30px;
}
.search-results .post-excerpt {
padding: 0;
}
.search-results .post-excerpt .excerpt-btn {
margin: 40px 0 0;
}
/*======================================================
Single portfolio
========================================================*/
.portfolio-banner {
position: relative;
margin-bottom: 70px;
}
.portfolio-bg-media {
background: url("../img/portfolio/silngle.jpg") no-repeat fixed center center / cover transparent;
display: table;
height: 100%;
position: absolute;
width: 100%;
}
.portfolio-bg-media .overlay {
background-color: rgba(0, 0, 0, 0.4);
height: 100%;
position: absolute;
width: 100%;
z-index: 1;
}
.pbanner-inner {
display: table-cell;
position: relative;
z-index: 2;
text-align: center;
vertical-align: middle;
}
.single-postfolio-cat h1 {
color: #fff;
font-size: 80px;
line-height: 80px;
font-weight: 200;
padding-bottom: 45px;
margin-bottom: 45px;
position: relative;
text-transform: uppercase;
}
.single-postfolio-cat h1:after {
position: absolute;
background-color: #00aeef;
content: '';
width: 100px;
height: 2px;
left: 50%;
margin-left: -50px;
bottom: 0;
}
.single-postfolio-cat span {
font-size: 18px;
color: #fff;
}
.sp-tracker {
bottom: 0;
color: #fff;
position: absolute;
right: 0;
z-index: 99;
}
.sp-tracker ul > li {
float: left;
border-right: 1px solid #ddd;
}
.sp-tracker ul > li > a {
background-color: #fff;
font-size: 30px;
height: 60px;
line-height: 60px;
text-align: center;
width: 60px;
display: block;
}
.sp-tracker ul > li.sharing a {
font-size: 18px;
line-height: 67px;
}
.sp-tracker .sharing .sharer {
left: -100%;
position: absolute;
top: 0;
z-index: -1;
-webkit-transform: translateY(0%) translateX(100%) scale(1);
-moz-transform: translateY(0%) translateX(100%) scale(1);
-ms-transform: translateY(0%) translateX(100%) scale(1);
-o-transform: translateY(0%) translateX(100%) scale(1);
transform: translateY(0%) translateX(100%) scale(1);
-webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
-moz-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
-o-transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
transition: transform 0.4s ease 0s, opacity 0.4s ease 0s;
}
.sp-tracker .sharing:hover .sharer {
-webkit-transform: translateY(0) translateX(0) scale(1);
-moz-transform: translateY(0) translateX(0) scale(1);
-ms-transform: translateY(0) translateX(0) scale(1);
-o-transform: translateY(0) translateX(0) scale(1);
transform: translateY(0) translateX(0) scale(1);
}
.sp-tracker .back .cross {
background: url("../img/icons/cross_black.png") no-repeat scroll center center / 30% auto rgba(0, 0, 0, 0);
display: block;
height: 60px;
width: 60px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.sp-tracker .back:hover .cross {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.portfolio-item-single .project-details h2 {
color: #777;
font-weight: 300;
text-transform: uppercase;
}
.project-overview ul li {
border-bottom: 1px solid #e5e5e5;
line-height: 41px;
}
.project-overview ul li:last-child {
border-bottom: 0;
}
.project-overview li span {
display: inline-block;
font-weight: 600;
text-transform: uppercase;
width: 110px;
}
.similar-projects {
margin: 80px 0 0;
}
.similar-project .similar-project-item {
overflow: hidden;
position: relative;
}
.similar-project .project-hover {
background-color: rgba(0, 0, 0, 0.8);
display: table;
height: 100%;
left: 0;
position: absolute;
bottom: -101%;
width: 100%;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.similar-project-item:hover .project-hover {
bottom: 0;
}
.similar-project .project-hover > div {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.similar-project .project-hover a {
color: #fff;
}
.similar-project .project-hover a:hover {
color: #00aeef;
}
.similar-project .project-hover h4 {
margin-bottom: 20px;
text-transform: uppercase;
}
.similar-projects .bx-controls-direction a {
top: -20px;
}
.similar-projects .bx-controls-direction a.bx-prev {
left: auto;
right: 40px;
}
.similar-projects .bx-controls-direction a.bx-next:after {
right: -6px;
}
.similar-projects .bx-controls-direction a.bx-prev:hover:before,
.similar-projects .bx-controls-direction a.bx-next:hover:after {
border-color: #00aeef;
}
/*======================================================
FAQ
========================================================*/
.wp-caption {
background-color: #ffffff;
text-align: center;
}
.picture-frame img {
border: 1px solid #ddd;
padding: 5px;
}
.pages {
margin: 30px 0 100px;
}
.faq-wrapper .faq-item h4 {
border-bottom: 1px solid #e5e5e5;
padding: 15px 0 15px 20px;
text-transform: uppercase;
}
.faq-wrapper .faq-item {
margin-bottom: 30px;
border: 1px solid #e5e5e5;
}
.faq-wrapper .faq-item:last-child {
margin-bottom: 0;
}
.faq-wrapper .faq-item .faq-body {
padding: 20px;
}
.faq-wrapper .faq-item .faq-body p:first-child {
margin-top: 0;
}
/*======================================================
Pages
========================================================*/
.boxed-slider-section {
height: 610px;
position: relative;
}
.boxed-slider-section .overlay.dark {
height: 100%;
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
}
.boxed-slider-section .boxed-slider .slide-item,
.boxed-slider-section .boxed-slider .slide-caption {
height: 610px;
}
.page-head {
background: url("../img/parallax/city.jpg") no-repeat fixed center center / cover transparent;
border: 0;
}
.page-head.boxed-header {
margin-left: -55px;
margin-right: -55px;
}
.page-head .overlay {
padding: 0 0 145px;
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,174,239,0.6) 70%);
background: -moz-linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,174,239,0.6) 70%);
background: -ms-linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,174,239,0.6) 70%);
background: -o-linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,174,239,0.6) 70%);
background: linear-gradient(90deg, rgba(0,0,0,0.5), rgba(0,174,239,0.6) 70%);
}
.page-head .overlay.dark {
padding: 0 0 145px;
background: rgba(0, 0, 0, 0.5);
}
.page-head.boxed-header .overlay {
padding-bottom: 146px;
padding-left: 15px;
padding-right: 15px;
}
.boxed-slider-section .overlay {
height: 100%;
left: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
}
.page-menu {
border: 0;
}
.page-navbg {
background-color: #fff;
}
.page-navbg .navbar-nav > li > a {
color: #555;
}
.page-navbg .navbar-nav > li > a {
color: #555;
}
.page-nav .navbar-nav > li > a > .drpdownSign:after {
border-bottom-color: #fff;
border-right-color: #fff;
}
.page-head-title {
padding-top: 150px;
}
.page-head-title h1 {
font-size: 85px;
color: #d4d6d7;
font-weight: 800;
line-height: 98px;
display: inline-block;
text-transform: uppercase;
border-bottom: 1px solid #fff;
}
.page-head-title p {
color: #fff;
font-size: 24px;
margin-top: 30px;
text-transform: uppercase;
}
.page-sec-head h1 {
font-size: 24px;
color: #333;
font-weight: 300;
line-height: 20px;
padding-bottom: 25px;
display: inline-block;
border-bottom: 1px solid #c2c2c2;
text-transform: uppercase;
}
.page-sec-head.dark-bg h1 {
color: #fff;
}
.page-sec-head.dark-bg p {
color: #a2a1a1;
}
.page-sec-head p {
margin-top: 35px;
font-size: 16px;
color: #777;
}
.boxed-slide2 .item h1 {
opacity: 0;
font-size: 70px;
position: relative;
top: -60px;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition: all 0.8s ease-in-out 0s;
-moz-transition: all 0.8s ease-in-out 0s;
-o-transition: all 0.8s ease-in-out 0s;
transition: all 0.8s ease-in-out 0s;
}
.boxed-slide2 .item.active h1 {
top: 0;
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.boxed-slide2 .item p {
top: 50px;
opacity: 0;
position: relative;
-webkit-transition: all 0.8s ease-in-out 0s;
-moz-transition: all 0.8s ease-in-out 0s;
-o-transition: all 0.8s ease-in-out 0s;
transition: all 0.8s ease-in-out 0s;
}
.boxed-slide2 .item.active p {
opacity: 1;
top: 0;
}
.blue-bg {
background-color: #00aeef;
padding: 55px 0;
}
.blue-bg .service-icon {
color: #fff;
}
.blue-bg .service-item {
margin: 45px 0;
color: #fff;
}
.service-round .servc-icon {
width: 170px;
height: 170px;
border-radius: 50%;
margin: 0 auto;
color: #00aeef;
font-size: 48px;
line-height: 170px;
border: 1px solid #777777;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.service-round h4 {
font-family: 'Arvo', sans-serif;
margin-top: 35px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.service-round p {
margin-top: 30px;
color: #888;
}
.service-round:hover .servc-icon {
background-color: #ebedee;
}
.service-round:hover h4 {
color: #00aeef;
}
.single-servie .section-head {
margin-bottom: 35px;
}
.single-servie-content {
margin-bottom: 40px;
}
.dark-bg {
background-color: #222325;
}
.feature-item {
color: #fff;
text-align: right;
margin-bottom: 25px;
}
.dark .feature-item {
color: #777;
}
.dark .feature-item .fi-icon {
color: #fff;
}
.marketing-feature > div:last-child > .feature-item {
text-align: left;
}
.marketing-feature > div:last-child > .feature-item > div h4 {
float: left;
margin-left: 20px;
margin-right: 0;
}
.feature-item:last-child {
margin-bottom: 0;
}
.feature-item .fi-icon {
width: 52px;
height: 52px;
border-radius: 50%;
float: right;
font-size: 18px;
text-align: center;
line-height: 52px;
background-color: #00aeef;
}
.marketing-feature > div:last-child > .feature-item .fi-icon {
float: left;
}
.feature-item h4 {
float: right;
font-size: 16px;
margin: 17px 19px 0 0;
}
.feature-item p {
line-height: 24px;
}
.feature2 .col-xs-12 ul li:first-child {
font-size: 34px;
color: #00aeef;
}
.feature2 .col-xs-12 ul li:first-child i {
margin-bottom: 20px;
}
.feature2 .col-xs-12:nth-child(2) ul li:first-child {
color: #7DDC16;
}
.feature2 .col-xs-12:nth-child(3) ul li:first-child {
color: #9178E4;
}
.feature2 .col-xs-12:nth-child(4) ul li:first-child {
color: #2DD7AA;
}
.feature2 > .col-xs-12 {
margin-bottom: 30px;
}
.feature2 .col-xs-12 ul li + li {
margin-top: 15px;
}
.feature2 .col-xs-12 ul li h5 {
font-weight: 600;
}
.feature2 .col-xs-12 ul li p {
font-size: 14px;
line-height: 22px;
margin-top: 5px;
}
.about-tab-nav li {
display: inline-block;
}
.about-tab-nav {
border-bottom: 5px solid #efefef;
margin-bottom: 70px;
}
.about-tab-nav li {
margin-right: 50px;
}
.about-tab-nav li:last-child {
margin-right: 0;
}
.about-tab-nav li a {
color: #555555;
display: block;
font-size: 24px;
font-weight: 800;
padding: 10px 20px;
position: relative;
text-transform: uppercase;
}
.about-tab-nav li a:after {
background-color: #d6d6d6;
content: "";
height: 6px;
left: 0;
position: absolute;
top: 100%;
width: 100%;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.about-tab-nav li a:hover:after,
.about-tab-nav li.active a:after {
background-color: #00aeef;
}
.about-tab-content h3 {
color: #555;
font-size: 24px;
font-weight: 300;
text-transform: uppercase;
}
.client-carousel {
background-image: url(../img/parallax/bridge.jpg);
padding: 0;
}
.client-carousel .overlay {
padding: 150px 0;
background: linear-gradient(0deg, rgba(0,174,239,0.6) 40%, rgba(0,0,0,0.5))
}
.img-filter {
background-color: rgba(255,255,255,0.2);
height: 270px;
position: relative;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.img-filter:hover {
background-color: #fff;
}
.img-filter img {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
}
.img-filter img + img {
display: none;
}
.img-filter:hover img:last-child {
display: block;
}
.img-filter:hover img:first-child {
display: none;
}
.client-carousel .bx-controls-direction a.bx-prev:before {
border-right: 2px solid #fff;
border-top: 2px solid #fff;
right: 57px;
}
.client-carousel .bx-controls-direction a.bx-prev:after,
.client-carousel2 .bx-controls-direction a.bx-prev:after {
content: none;
}
.client-carousel .bx-controls-direction a.bx-next:after {
border-right: 2px solid #fff;
border-top: 2px solid #fff;
right: -38px;
}
.client-carousel .bx-controls-direction a.bx-prev:hover:before,
.client-carousel .bx-controls-direction a.bx-next:hover:after {
border-color: #fff;
}
.promo-header .item,
.promo-header .container {
height: 540px;
}
.promo-header .item-inner {
position: relative;
z-index: 1;
}
.promo-header .item-inner h5 {
font-size: 18px;
letter-spacing: 5px;
margin-bottom: 40px;
position: relative;
text-transform: uppercase;
opacity: 0;
top: -50px;
-webkit-transition: all 0.8s ease-in-out 0s;
-moz-transition: all 0.8s ease-in-out 0s;
-o-transition: all 0.8s ease-in-out 0s;
transition: all 0.8s ease-in-out 0s;
}
.promo-header .active .item-inner h5 {
top: 0;
opacity: 1;
}
.promo-header .item-inner h2 {
letter-spacing: 15px;
}
.promo-header .item-inner a {
padding-top: 15px;
padding-bottom: 15px;
margin-left: 15px;
margin-right: 15px;
opacity: 0;
position: relative;
bottom: -35px;
-webkit-transition: all 0.8s ease-in-out 1s;
-moz-transition: all 0.8s ease-in-out 1s;
-o-transition: all 0.8s ease-in-out 1s;
transition: all 0.8s ease-in-out 1s;
}
.promo-header .item-inner a:last-child {
-webkit-transition: all 0.8s ease-in-out 1.3s;
-moz-transition: all 0.8s ease-in-out 1.3s;
-o-transition: all 0.8s ease-in-out 1.3s;
transition: all 0.8s ease-in-out 1.3s;
}
.promo-header .active .item-inner a {
opacity: 1;
bottom: 0;
}
.promo-portfolio {
border-bottom: 1px solid #ddd;
}
.promo-portfolio .btn-transparent {
margin-top: 35px;
}
.service-carousel {
position: relative;
}
.service-carousel .item {
}
.service-cr-item .service-desc {
background-color: #fff;
padding: 30px 40px 50px;
text-align: center;
}
.service-cr-item h3 {
font-weight: 400;
margin: 0;
padding: 0;
}
.service-thumb img {
display: block;
width: 100%;
}
.product-carousel3 .item {
margin: 0;
}
.control-two .owl-controls {
margin: 0;
}
.news-box-carousel .owl-nav,
.one-slide-control .owl-nav,
.service-carousel .owl-nav,
.tweet-carousel .owl-nav,
.carousel-event .owl-nav,
.control-two .owl-nav {
background-color: transparent;
position: absolute;
right: 0;
top: -60px;
}
.news-box-carousel .owl-nav > div,
.one-slide-control .owl-nav > div,
.service-carousel .owl-nav > div,
.tweet-carousel .owl-nav > div,
.carousel-event .owl-nav > div,
.control-two .owl-nav > div {
color: #999;
display: inline-block;
font-size: 32px;
margin: 0 !important;
opacity: 1;
padding: 0 22px;
position: relative;
text-shadow: none;
}
.news-box-carousel .owl-nav .owl-prev:after,
.one-slide-control .owl-nav .owl-prev:after,
.service-carousel .owl-nav .owl-prev:after,
.tweet-carousel .owl-nav .owl-prev:after,
.carousel-event .owl-nav .owl-prev:after,
.control-two .owl-nav .owl-prev:after {
background-color: #999;
content: "";
height: 21px;
margin-top: -9px;
opacity: 0.5;
position: absolute;
right: -1px;
top: 50%;
width: 1px;
}
.news-box-carousel .owl-nav .owl-next,
.one-slide-control .owl-nav .owl-next,
.service-carousel .owl-nav .owl-next,
.tweet-carousel .owl-nav .owl-next,
.carousel-event .owl-nav .owl-next,
.control-two .owl-nav .owl-next {
padding-right: 0;
}
.scrolling-news .owl-nav .owl-next {
padding-right: 22px;
}
.parallax-cta {
background-image: url("../img/parallax/tp.jpg");
position: relative;
}
.parallax-cta .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.6;
background-color: #000;
}
.parallax-cta .text-center {
color: #fff;
position: relative;
z-index: 1;
}
.parallax-cta .btn-blue {
margin-top: 30px;
}
ul.logos {
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
display: table;
margin: 10px auto 30px;
padding: 25px 0;
}
ul.logos li {
display: inline-block;
padding: 0 20px;
}
ul.logos li a {
display: block;
}
ul.logos li a img {
opacity: 0.5;
-webkit-transition: opacity 0.5s ease-out 0s;
-moz-transition: opacity 0.5s ease-out 0s;
-o-transition: opacity 0.5s ease-out 0s;
transition: opacity 0.5s ease-out 0s;
}
ul.logos li a:hover img {
opacity: 1;
}
.footer-top {
border-top: 8px solid #00aeef;
background-color: #65696a;
color: #e1e2e3;
}
.footer-top a {
color: #fff;
}
.footer-item h3 {
color: #fff;
font-size: 22px;
margin-bottom: 30px;
}
.footer-item .read-more {
display: inline-block;
font-size: 16px;
font-weight: 700;
margin-top: 55px;
}
.footer-item .read-more:hover {
}
.footer-item .read-more i {
-webkit-transition: all .3s ease-in 0s;
-moz-transition: all .3s ease-in 0s;
-ms-transition: all .3s ease-in 0s;
-o-transition: all .3s ease-in 0s;
transition: all .3s ease-in 0s;
}
.footer-item .read-more:hover i {
margin-right: 5px;
}
.footer-news {
border-bottom: 1px solid #505455;
border-top: 1px solid #767c7d;
padding-top: 14px;
padding-bottom: 13px;
}
.footer-news:nth-child(2) {
padding-top: 0;
border-top: 0;
}
.footer-news:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.footer-news h4 {
font-size: 16px;
font-weight: 700;
}
.footer-news span {
color: #fff;
display: block;
font-size: 16px;
margin-top: 5px;
}
.flickr-footer > li {
float: left;
margin: 5px;
}
.flickr-footer {
margin: -5px;
}
.flickr-footer li a {
display: block;
overflow: hidden;
padding: 0;
border: 0;
}
.flickr-footer li a img {
-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;
}
.flickr-footer li a:hover img {
-webkit-transform: scale(1.5) rotate(5deg);
-moz-transform: scale(1.5) rotate(5deg);
-o-transform: scale(1.5) rotate(5deg);
transform: scale(1.5) rotate(5deg);
}
.copyright-multi p {
color: #cdd8de;
margin: 0;
}
.copyright-multi p a {
color: #fff;
}
/*======================================================
Breadcrumbs
========================================================*/
.breadcrumb-area {
background-color: #f1f1f1;
padding: 60px 0;
}
.breadcrumb-area.bc-bg {
background-color: #00aeef;
padding: 100px 0;
}
.bc-bg .page-title,
.bc-bg .breadcrumb li a,
.bc-bg .breadcrumb li.active {
color: #ffffff;
}
.page-title {
color: #555;
margin-top: 6px;
font-weight: 700;
display: inline-block;
text-transform: uppercase;
}
.breadcrumb-area .breadcrumb {
background-color: transparent;
padding-left: 0;
}
.breadcrumb {
margin: 0;
}
.breadcrumb > li + li:before {
color: inherit;
content: "\f101";
font-family: FontAwesome;
}
.breadcrumb > li.active {
color: #00aeef;
}
.bc_type .breadcrumb > li + li:before {
content: "/";
}
.bc_type {
background-color: #f6f6f6;
box-shadow: 0 7px 9px -7px rgba(0, 0, 0, 0.15) inset;
clear: both;
padding: 30px 0 20px;
}
.bc_type .page-title {
text-transform: inherit;
margin: 0;
}
.bc-right > span {
display: block;
float: left;
margin-top: 10px;
}
.bc_type.t3 {
text-align: center;
}
.page-subtitle {
margin-top: 5px;
}
.bc_type.t4 {
background: url("../img/parallax/cube.jpg") no-repeat scroll center center / cover transparent;
position: relative;
}
.bc_type.t4 .overlay {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.8;
background-color: #fff;
}
.bc_type.t4 .container {
position: relative;
z-index: 1;
}
.bc_type.t4 .breadcrumb,
.bc_type.t5 .breadcrumb {
background-color: transparent;
margin-top: 17px;
}
.bc_type.t5 {
background-color: #00aeef;
color: #fff;
}
.bc_type.t5 a {
color: #fff;
}
.bc_type.t5 li.active {
color: #fff;
font-weight: 600;
}
.bc_type.t5 .page-title {
color: #fff;
}
/*======================================================
Pages
========================================================*/
/* SERVICES SECTION
-------------------------------------------------- */
.services {
float: left;
position: relative;
width: 100%;
overflow: hidden;
padding-top: 70px;
padding-bottom: 0;
}
.service_tiem {
position: relative;
width: 100%;
text-align: center;
background: #fff;
padding: 8px;
color: #535353;
margin-bottom: 15px;
border-radius: 8px;
}
.sicon {
width: 94px;
height: 94px;
border-radius: 50%;
-webkit-border-radius: 50%;
display: inline-block;
margin: 15px;
padding: 5px;
position: relative;
border: 1px solid #ddd;
}
.sicon:after {
background: #fff;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-moz-transform: scale(0) rotate(0deg);
-webkit-transform: scale(0) rotate(0deg);
-o-transform: scale(0) rotate(0deg);
-ms-transform: scale(0) rotate(0deg);
transform: scale(0) rotate(0deg);
}
.sicon:before {
border: 2px solid #00aeef;
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-moz-transform: scale(1.5) rotate(0deg);
-webkit-transform: scale(1.5) rotate(0deg);
-o-transform: scale(1.5) rotate(0deg);
-ms-transform: scale(1.5) rotate(0deg);
transform: scale(1.5) rotate(0deg);
}
.sicon i {
font-size: 44px;
color: #999999;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
padding-top: 22px;
}
.service_tiem:hover {
background: #00aeef;
color: #fff;
}
.service_tiem:hover .sicon {
border: none;
}
.service_tiem:hover .sicon:after {
-moz-transform: scale(1.1) rotate(0deg);
-webkit-transform: scale(1.1) rotate(0deg);
-o-transform: scale(1.1) rotate(0deg);
-ms-transform: scale(1.1) rotate(0deg);
transform: scale(1.1) rotate(0deg);
}
.service_tiem:hover .sicon:before {
opacity: 1;
-moz-transform: scale(1) rotate(0deg);
-webkit-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.service_tiem:hover .sicon i {
color: #00aeef;
}
.service_tiem h2 {
text-transform: uppercase;
font-size: 15px;
font-weight: 400;
margin-top: 10px;
}
.service_tiem p {
font-size: 13px;
font-weight: 300;
line-height: 20px;
margin-bottom: 23px;
}
.service_tiem .more:hover {
background: #fff;
color: #68D7BB !important;
}
.service_tiem .more {
border: 1px solid #999999;
border-radius: 50%;
color: #6f6f6f;
display: inline-block;
font-size: 12px;
height: 25px;
line-height: 1;
padding-top: 5px;
text-align: center;
text-indent: -1px;
width: 25px;
text-align: center;
-webkit-border-radius: 50%;
}
.service_tiem .more .fa {
padding-top: 1px;
padding-left: 2px;
}
.service_tiem:hover .more {
border-color: #fff;
color: #fff;
}
/* FEATURE SECTION */
.feature {
background: none repeat scroll 0 0 #f7f8fb;
float: left;
margin-top: 60px;
padding: 60px 0 100px;
position: relative;
width: 100%;
clear: both;
}
.head_section {
position: relative;
width: 100%;
text-align: center;
padding-bottom: 30px;
}
.head_section h2 {
border-left: 2px solid #7b8bad;
border-right: 2px solid #7b8bad;
padding: 0 18px;
display: inline-block;
font-size: 22px;
font-weight: 300;
text-transform: uppercase;
}
/*feature Content */
.home3 .feature-content {
padding-bottom: 30px;
}
.feature_image {
position: relative;
display: inline-block;
max-width: 538px;
text-align: center;
}
.feature_list {
}
.feature_list ul {
position: relative;
margin: 0;
padding: 30px 0 0 0;
}
.feature_list ul li {
display: list-item;
list-style: none;
margin-top: 30px;
position: relative;
}
.feature_list ul li h4 {
font-weight: 300;
font-size: 22px;
}
.feature_list ul li p {
font-weight: 300;
font-size: 13px;
}
.feature_list .ficon {
background: none repeat scroll 0 0 transparent;
border: 1px solid #7b8bad;
border-radius: 26px;
color: #7b8bad;
float: right;
height: 52px;
margin-top: 21px;
padding: 10px;
text-align: center;
width: 52px;
-webkit-transition:all .5s;
-o-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.feature_list li:hover .ficon {
background: #7b8bad;
color: #fff;
}
.feature_list .ficon i {
font-size: 24px;
margin-top: 3px;
}
.feature_list.feature_list_right .fcontent {
text-align: left;
padding-right: 0;
padding-left: 18px;
}
.feature_list.feature_list_right .ficon{
float: left;
}
.feature_list .fcontent {
overflow: hidden;
padding-right: 18px;
text-align: right;
}
.feature_list.left {
text-align: right;
}
.feature_list.right {
text-align: left;
}
.feature_list.right ul li {
padding-left: 220px;
padding-right: 0;
margin-top: 30px;
}
.feature_list.right .ficon {
float: left;
}
.feature_list.right .fcontent {
padding-right: 0;
padding-left: 70px;
}
.feature_list ul li:before {
}
.feature_list ul li.line1:after {
background: url(../../images/line01.png) 0 0 no-repeat;
content: "";
position: absolute;
right: 0;
top: 25px;
width: 220px;
height: 32px;
display: none;
}
.feature_list ul li.line2:after {
background: url(../../images/line02.png) 0 0 no-repeat;
content: "";
position: absolute;
right: 0;
top: -7px;
width: 220px;
height: 34px;
display: none;
}
.feature_list ul li.line3:after {
background: url(../../images/line03.png) right 0 no-repeat;
content: "";
position: absolute;
left: 0;
top: 20px;
width: 220px;
height: 34px;
display: none;
}
.feature_list ul li.line4:after {
background: url(../../images/line04.png) right 0 no-repeat;
content: "";
position: absolute;
left: 0;
top: -5px;
width: 220px;
height: 35px;
display: none;
}
/*================================ More Servie =============================*/
.service_page .more_service_area{
padding-top:152px;
clear: both;
}
.service_more{
}
.service_more>h2 {
border-bottom: 1px solid #00aeef;
color: #818dab;
font-size: 15px;
margin: 0;
padding: 0 0 22px;
text-align: center;
text-transform: uppercase;
margin-bottom: 37px;
}
.more_service_box{
position: relative;
margin: 0;
padding: 0;
display: block;
overflow: hidden;
margin-bottom:40px;
}
.more_service_box h2{
color: #7b8bad;
font-size: 20px;
font-weight: 300;
margin: 0;
padding: 17px 0;
background: #fff;
text-align: center;
text-transform: uppercase;
-webkit-transition:all .5s;
transition:all .5s;
}
.more_service_box:hover h2{
transform: translateY(100%);
}
.more_service_box img{
width: 100%;
margin: 0;
padding: 0;
display: inline-block;
height: auto;
-webkit-transition:all .5s;
transition:all .5s;
}
.more_service_box:hover img{
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.more_service_box .hover_content_more_service {
background-color: #00aeef;
color: #fff;
font-size: 14px;
font-weight: 400;
height: 100%;
left: 0;
line-height: 24px;
padding: 15px;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: -1;
}
.more_service_box:hover .hover_content_more_service{
}
/*Accordion Style Code Start*/
.accordion_area{
margin:10px 0;
padding:0;
width:100%;
height:100%;
background:transparent;
}
.accordion_area .panel.panel-default{
box-shadow:none;
}
.accordion_area .panel-heading, .accordion_area .panel-heading .panel-title{
margin:0;
padding:0;
border:0;
border-radius:0;
overflow:hidden;
}
.accordion_area .panel-heading .panel-title a {
background: none repeat scroll 0 0 #7b8bad;
color: #fff;
display: block;
float: left;
font-size: 15px;
font-weight: normal;
height: 100%;
line-height: 23px;
margin: 0;
padding: 9px 30px 9px 16px;
text-decoration: none;
width: 100%;
position: relative;
font-weight: 400;
text-transform: uppercase;
}
.accordion_area .panel-heading.active .panel-title a{
background:#3e4861 !important;
}
.accordion_area .panel-heading .panel-title a span.icon {
background: none repeat scroll 0 0 #00aeef;
border: 0 none;
display: block;
font-size: 28px;
height: 100%;
margin: 0;
padding: 8px 0 0 !important;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 43px;
}
.icon_right .panel-heading .panel-title a span.icon{
float:right;
}
.icon_left .panel-heading .panel-title a span.icon{
float:left;
}
.icon_0 .panel-heading .panel-title a span.icon{
display:none;
opacity:0;
padding-left:10px;
padding-right:10px;
}
.icon_right .panel-heading .panel-title a, .icon_0 .panel-heading .panel-title a{
padding-left:10px;
}
.accordion_area .panel-heading.active .panel-title a span.icon{}
.accordion_area>h2{
border-bottom: 1px solid #7b8bad;
color: #818dab;
font-size: 15px;
margin: 0;
padding: 0 0 22px;
text-align: center;
text-transform: uppercase;
margin-bottom: 37px;
}
.accordion_area .panel-body {
background: none repeat scroll 0 0 #f2f3f7;
color: #3e4861;
font-weight: 300;
margin: 0 1px;
padding: 20px;
}
.accordion_area .panel-group .panel {
border: 0 none;
border-radius: 0;
margin-bottom: 0;
overflow: hidden;
background:transparent;
}
.accordion_area .panel-body{
border-width:0 !important;
}
.group_accordion_with_space .panel-collapse + .panel-heading{
margin-top:5px !important;
}
.icon_bottom_border .panel-heading .panel-title a{
border-bottom:2px solid #fff;
margin:0;
padding:0;
line-height:38px;
}
.icon_bottom_border .panel-heading.active .panel-title a{
border-color:#25649F;
}
.icon_bottom_border .panel-heading .panel-title a span.icon{
font-size: 25px;
margin: 0;
padding: 7px 10px;
}
.icon_bottom_border .panel-heading .panel-title a span.icon:after{
position:absolute;
top:100%;
left:0;
width:100%;
height:2px;
background:#fcb374;
content:"";
}
.icon_bottom_border .panel-heading.active .panel-title a span.icon:after{
background:#fff;
}
.round_border .panel-heading .panel-title a{
border:1px solid #fff;
}
.round_border .panel-heading .panel-title a span.icon{
border-right:1px solid #fff;
padding-right:9px;
}
.boxmode .panel-body{
border-width:1px !important;
border-style:solid !important;
border-color:#fff;
border-top:0 none !important;
}
.single_carna_service{
margin: 30px 0;
text-align: center;
}
.carna_services .single_carna_service.service_1{
margin: 30px 0;
padding: 0;
text-align: center;
}
.carna_services .single_carna_service.service_1 .service_icon {
background: none repeat scroll 0 0 #00aeef;
border: 8px solid transparent;
border-radius: 50%;
color: #fff;
display: block;
font-size: 45px;
height: 116px;
margin: 0 auto;
padding-top: 26px;
text-align: center;
width: 116px;
margin-bottom: 38px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
cursor: pointer;
}
.carna_services .single_carna_service.service_1:hover .service_icon{
background-color:#8795B4;
color:#00aeef;
border-color:#00aeef;
}
.carna_services .single_carna_service h2{
color: #3e4861;
font-size: 22px;
font-weight: 400;
margin: 0;
padding: 0;
text-transform: uppercase;
display: inline-block;
padding: 0 10px;
position: relative;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.carna_services .single_carna_service:hover h2{
color: #00aeef;
}
/*======================== Service section style 1 to 17 ==========================*/
/*Service section style start*/
.services_section{
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding: 80px 0;
}
.carna_services{}
.single_carna_service{
margin: 30px 0;
text-align: center;
}
.carna_services .single_carna_service.service_1{
margin: 30px 0;
padding: 0;
text-align: center;
}
.carna_services .single_carna_service.service_1 .service_icon {
background: none repeat scroll 0 0 #00aeef;
border: 8px solid transparent;
border-radius: 50%;
color: #fff;
display: block;
font-size: 45px;
height: 116px;
margin: 0 auto;
padding-top: 26px;
text-align: center;
width: 116px;
margin-bottom: 38px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
cursor: pointer;
}
.carna_services .single_carna_service.service_1:hover .service_icon {
background-color:#8795B4;
color:#00aeef;
border-color:#00aeef;
}
.carna_services .single_carna_service h2{
color: #3e4861;
font-size: 22px;
font-weight: 400;
margin: 0;
padding: 0;
text-transform: uppercase;
display: inline-block;
padding: 0 10px;
font-family: Lato, sans-serif;
position: relative;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.carna_services .single_carna_service:hover h2 {
color: #00aeef;
}
.carna_services .single_carna_service.service_1 :hover h2{}
.carna_services .single_carna_service p{
font-size: 14px;
font-weight: 300;
line-height: 26px;
margin: 12px 0 0;
padding: 0;
}
/*Style 2*/
.single_carna_service.service_2{
text-align: center;
}
.single_carna_service.service_2 .service_icon{
}
.single_carna_service{
margin-top: 30px;
overflow: hidden;
}
.carna_service_17 .single_carna_service .title,
.carna_service_11 .single_carna_service .title,
.carna_service_12 .single_carna_service .title,
.single_carna_service.service_2 .title{
color: #3e4861;
font-size: 22px;
font-weight: 400;
margin: 0;
padding: 0;
text-transform: uppercase;
display: inline-block;
padding: 0 10px 0 0;
position: relative;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.carna_service_17 .single_carna_service .title i,
.carna_service_11 .single_carna_service .title i,
.carna_service_12 .single_carna_service .title i,
.single_carna_service.service_2 .title i {
background: none repeat scroll 0 0 #00aeef;
border-radius: 50%;
color: #fff;
float: left;
font-size: 12px;
height: 25px;
margin-right: 6px;
padding-top: 7px;
text-align: center;
width: 25px;
}
.carna_service_17 .single_carna_service p,
.carna_service_11 .single_carna_service p,
.carna_service_12 .single_carna_service p,
.single_carna_service.service_2 p {
font-weight: 300;
margin: 12px 0 0;
padding: 0;
text-align: left;
}
.carna_service_17 .single_carna_service .readmore,
.carna_service_11 .single_carna_service .readmore,
.carna_service_12 .single_carna_service .readmore,
.single_carna_service.service_2 .readmore {
color: #00aeef;
display: block;
float: left;
font-size: 15px;
font-weight: 300;
margin-top: 14px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.carna_service_17 .single_carna_service .readmore:hover,
.carna_service_11 .single_carna_service .readmore:hover,
.single_carna_service.service_2 .readmore:hover{
color:#3e4861;
}
/*style 3*/
.carna_services.carna_service_3{
}
.carna_services.carna_service_9 .single_carna_service,
.carna_services.carna_service_3 .single_carna_service {
background: none repeat scroll 0 0 #00aeef;
border: 1px solid #eaeaec;
overflow: visible;
padding: 41px 15px 20px;
position: relative;
}
.carna_services.carna_service_9 .single_carna_service:after,
.carna_services.carna_service_3 .single_carna_service:after{
position: absolute;
top: 100%;
width: 100%;
left: 0;
height: 4px;
background: #3e4861;
content: "";
opacity: 0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.carna_services.carna_service_9 .single_carna_service:hover:after,
.carna_services.carna_service_3 .single_carna_service:hover:after{
opacity: 1;
}
.carna_services.carna_service_9 .service_icon,
.carna_services.carna_service_3 .service_icon {
background: none repeat scroll 0 0 #00aeef;
border: 1px solid #eaeaec;
border-radius: 50%;
color: #fff;
display: block;
font-size: 27px;
height: 60px;
left: 50%;
margin-bottom: 0;
margin-left: -30px;
margin-right: auto;
position: absolute;
text-align: center;
top: -30px;
width: 60px;
z-index: 1;
padding-top: 15px;
}
.carna_services.carna_service_9 .service_icon i,
.carna_services.carna_service_3 .service_icon i {
background: none repeat scroll 0 0 #fff;
border-radius: 50%;
color: #00aeef;
padding: 10px;
}
.carna_services.carna_service_9 .single_carna_service:hover .title,
.carna_services.carna_service_3 .single_carna_service:hover .title{
color:#fff;
}
.carna_services.carna_service_9 .readmore,
.carna_services.carna_service_3 .readmore{
color: #3e4861;
display: inline-block;
font-size: 15px;
font-weight: 400;
margin-top: 10px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
opacity: 1;
}
.carna_services.carna_service_9 .readmore:hover,
.carna_services.carna_service_3 .readmore:hover{
opacity: .5;
}
/*style 4*/
.carna_services.carna_service_4{
}
.carna_services.carna_service_7 .single_carna_service,
.carna_services.carna_service_10 .single_carna_service,
.carna_services.carna_service_8 .single_carna_service,
.carna_services.carna_service_6 .single_carna_service,
.carna_services.carna_service_5 .single_carna_service,
.carna_services.carna_service_4 .single_carna_service{
text-align: left;
}
.carna_services.carna_service_8 .single_carna_service div,
.carna_services.carna_service_7 .single_carna_service div,
.carna_services.carna_service_10 .single_carna_service div,
.carna_services.carna_service_6 .single_carna_service div,
.carna_services.carna_service_5 .single_carna_service div,
.carna_services.carna_service_4 .single_carna_service div{
display: block;
overflow: hidden;
}
.carna_services.carna_service_7 .single_carna_service .service_icon,
.carna_services.carna_service_10 .single_carna_service .service_icon,
.carna_services.carna_service_4 .single_carna_service .service_icon {
background: none repeat scroll 0 0 #00aeef;
border-radius: 50%;
color: #fff;
float: left;
font-size: 25px;
height: 60px;
margin-right: 18px;
padding-top: 18px;
text-align: center;
width: 60px;
}
.carna_services.carna_service_4 .single_carna_service .service_icon:after{}
.carna_services.carna_service_7 .single_carna_service .title,
.carna_services.carna_service_10 .single_carna_service .title,
.carna_services.carna_service_8 .single_carna_service .title,
.carna_services.carna_service_6 .single_carna_service .title,
.carna_services.carna_service_5 .single_carna_service .title,
.carna_services.carna_service_4 .single_carna_service .title{
text-align: left;
padding-left: 0;
margin-left: 0;
}
.carna_services.carna_service_7 .single_carna_service p,
.carna_services.carna_service_10 .single_carna_service p,
.carna_services.carna_service_8 .single_carna_service p,
.carna_services.carna_service_6 .single_carna_service p,
.carna_services.carna_service_5 .single_carna_service p,
.carna_services.carna_service_4 .single_carna_service p{
margin-left: 0;
padding-left: 0;
}
.carna_services.carna_service_7 .single_carna_service .readmore,
.carna_services.carna_service_10 .single_carna_service .readmore,
.carna_services.carna_service_8 .single_carna_service .readmore,
.carna_services.carna_service_6 .single_carna_service .readmore,
.carna_services.carna_service_5 .single_carna_service .readmore,
.carna_services.carna_service_4 .single_carna_service .readmore {
background: none repeat scroll 0 0 #00aeef;
color: #fff;
display: inline-block;
margin-top: 22px;
padding: 12px 33px;
text-transform: uppercase;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
opacity: 1;
}
.carna_services.carna_service_7 .single_carna_service .readmore:hover,
.carna_services.carna_service_10 .single_carna_service .readmore:hover,
.carna_services.carna_service_8 .single_carna_service .readmore:hover,
.carna_services.carna_service_6 .single_carna_service .readmore:hover,
.carna_services.carna_service_5 .single_carna_service .readmore:hover,
.carna_services.carna_service_4 .single_carna_service .readmore:hover{
opacity: .6;
}
/*style 5*/
.carna_services.carna_service_8 .single_carna_service .service_icon,
.carna_services.carna_service_6 .single_carna_service .service_icon,
.carna_services.carna_service_5 .single_carna_service .service_icon{
color: #fff;
float: left;
font-size: 17px;
height: 40px;
margin-right: 15px;
margin-top: 16px;
overflow: hidden;
padding-top: 11px;
position: relative;
text-align: center;
width: 40px;
}
.carna_services.carna_service_8 .single_carna_service .service_icon,
.carna_services.carna_service_6 .single_carna_service .service_icon{
overflow: visible;
margin-left:15px;
}
.carna_services.carna_service_8 .single_carna_service .service_icon:after,
.carna_services.carna_service_6 .single_carna_service .service_icon:after,
.carna_services.carna_service_5 .single_carna_service .service_icon:after {
background-color: #00aeef;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 100%;
z-index: -1;
}
/*Style 7*/
.carna_service_7_bg{
background: url('../../images/service_bg_1.jpg') center center no-repeat fixed;
padding: 70px 0;
background-size: cover;
}
.carna_services.carna_service_7{}
.carna_services.carna_service_10 .single_carna_service .title,
.carna_services.carna_service_7 .single_carna_service .title{
display: block;
float: none;
}
.carna_services.carna_service_10 .single_carna_service div span,
.carna_services.carna_service_7 .single_carna_service div span{
color: #7e7e7e;
display: block;
font-size: 12px;
font-weight: 300;
margin-top: 3px;
}
.carna_services.carna_service_10 .single_carna_service,
.carna_services.carna_service_7 .single_carna_service{
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 1);
padding: 18px 20px;
}
.carna_services.carna_service_10 .single_carna_service .service_icon,
.carna_services.carna_service_7 .single_carna_service .service_icon{
margin-top: 50px;
}
/*Style 8*/
.carna_services.carna_service_8 .single_carna_service .service_icon{
margin-top: 5px;
}
.carna_services.carna_service_8 .single_carna_service .service_icon:after{
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
/*Style 9*/
.carna_service_9_bg{
background: url("../../images/service_bg_1.jpg") no-repeat fixed center center rgba(0, 0, 0, 0);
background-size: cover;
}
/*Style 10*/
.carna_services.carna_service_10 .single_carna_service{
border: 1px solid #e5e7e6;
margin: 15px 0;
}
.carna_services.carna_service_10 .single_carna_service .service_icon{
border: 2px solid #fff;
-webkit-box-shadow: 0 0 0 5px #ecf0f1;
-moz-box-shadow: 0 0 0 5px #ecf0f1;
-o-box-shadow: 0 0 0 5px #ecf0f1;
-ms-box-shadow: 0 0 0 5px #ecf0f1;
box-shadow: 0 0 0 5px #ecf0f1;
margin-top: 10px;
padding-top: 15px;
}
.carna_services.carna_service_10 .single_carna_service .service_icon i{}
/*Style 11*/
.carna_service_11_bg{
background: url("../../images/service_bg_1.jpg") no-repeat fixed center center rgba(0, 0, 0, 0);
background-size: cover;
}
.carna_services.carna_service_17 .single_carna_service .title,
.carna_services.carna_service_11 .single_carna_service .title{
display: block;
text-align: left;
color:#fff;
}
.carna_services.carna_service_17 .single_carna_service .title i,
.carna_services.carna_service_11 .single_carna_service .title i{
margin-right: 10px;
}
.carna_services.carna_service_17 .single_carna_service p,
.carna_services.carna_service_11 .single_carna_service p{
color: #fff;
}
.carna_services.carna_service_11 .single_carna_service .readmore{}
/*Style 14*/
@-webkit-keyframes service_hover_14 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-moz-keyframes service_hover_14 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-o-keyframes service_hover_14 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@-ms-keyframes service_hover_14 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes service_hover_14 {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.carna_services.carna_service_14 .single_carna_service{}
.carna_services.carna_service_14 .single_carna_service i:before{
background: none repeat scroll 0 0 #3E4861;
border-radius: 50%;
color: #fff;
font-size: 34px;
height: 100px;
margin-left: -50px;
margin-top: -50px;
padding-top: 29px;
position: absolute;
top: 50%;
width: 100px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.carna_services.carna_service_14 .single_carna_service:hover i:before{
background: #3fc7ab;
}
.carna_services.carna_service_14 .single_carna_service:hover i:after{
-webkit-animation: service_hover_14 .5s;
-o-animation: service_hover_14 .5s;
animation: service_hover_14 .5s;
}
.carna_services.carna_service_14 .single_carna_service i:after{
background: none repeat scroll 0 0 rgba(63, 199, 171,.3);
border-radius: 50%;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.carna_services.carna_service_14 .single_carna_service i{
border: 1px solid #3E4861;
border-radius: 50%;
display: block;
height: 200px;
margin: 0 auto;
position: relative;
text-align: center;
width: 200px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.carna_services.carna_service_14 .single_carna_service:hover i{
border-color: #1bbc9b;
}
.carna_services.carna_service_14 .single_carna_service .title{
display: block;
font-size: 33px;
font-weight: 300;
margin: 25px 0 0;
padding: 0;
}
.carna_services.carna_service_14 .single_carna_service p{
margin: 11px 0 0;
padding: 0;
}
/*Style 12*/
.carna_service_12_bg{
background: no-repeat fixed center center rgba(0, 0, 0, 0);
background-size: cover;
}
.carna_services.carna_service_12 .single_carna_service .title{
display: block;
text-align: left;
}
.carna_services.carna_service_12 .single_carna_service .title i{
background: none repeat scroll 0 0 transparent;
border-radius: 0;
color: #00aeef;
float: left;
font-size: 22px;
height: 25px;
margin-right: 6px;
padding-top: 0;
text-align: center;
width: 25px;
}
/*style 13*/
.carna_services.carna_service_13 .single_carna_service .imagebox{
margin: 0 auto 28px auto;
max-width: 320px;
text-align: center;
width: 100%;
}
.carna_services.carna_service_13 .single_carna_service .imagebox img{
border: 0 none;
display: inline-block;
margin: 0;
max-width: 100%;
padding: 0;
}
.carna_services.carna_service_13 .single_carna_service .readmore {
background: none repeat scroll 0 0 #00aeef;
color: #fff;
display: inline-block;
margin-top: 22px;
opacity: 1;
padding: 12px 33px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.carna_services.carna_service_13 .single_carna_service .readmore:hover{
opacity: .5;
}
/*style 15*/
@-ms-keyframes carna_service_an_15{
0%{
-webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}
50%{
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
}
100%{
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
}
}
@-o-keyframes carna_service_an_15{
0%{
-webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}
50%{
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
}
100%{
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
}
}
@-webkit-keyframes carna_service_an_15{
0%{
-webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}
50%{
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
}
100%{
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
}
}
@keyframes carna_service_an_15{
0%{
-webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}
50%{
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5);
}
100%{
-webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
}
}
.carna_service_15_bg{
background: #1bbc9b;
}
.carna_services.carna_service_15 .single_carna_service:hover{
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.5);
background: #fff;
color:#3FC7AB;
-webkit-animation:carna_service_an_15 .5s 0s;
-moz-animation:carna_service_an_15 .5s 0s;
-o-animation:carna_service_an_15 .5s 0s;
-ms-animation:carna_service_an_15 .5s 0s;
animation:carna_service_an_15 .5s 0s;
-o-transition:all 0s;
-moz-transition:all 0s;
-ms-transition:all 0s;
-webkit-transition:all 0s;
transition:all 0s;
}
.carna_services.carna_service_15 .single_carna_service{
background: none repeat scroll 0 0 transparent;
border: 1px solid #fff;
border-radius: 50%;
display: block;
height: 150px;
margin: 15px auto;
padding: 20px;
text-align: center;
width: 150px;
padding-top: 50px;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.carna_services.carna_service_15 .single_carna_service .title{
color: #fff;
font-size: 24px;
font-weight: 500;
margin: 0;
}
.carna_services.carna_service_15 .single_carna_service:hover .title{
color: #3FC7AB;
}
.carna_services.carna_service_15 .single_carna_service p{
color: #fff;
font-weight: 400;
margin: 2px 0 0;
padding: 0;
}
.carna_services.carna_service_15 .single_carna_service:hover p{
color: #3FC7AB;
}
/*style 16*/
@keyframes carna_service_an_16{
0%{
-webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}
50%{
-webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5);
}
100%{
-webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
}
}
.carna_service_16_bg{
background: #3E4861;
}
.carna_services.carna_service_16{}
.carna_services.carna_service_16 .single_carna_service{
overflow: visible;
}
.carna_services.carna_service_16 .single_carna_service i{
background: none repeat scroll 0 0 #1bbc9b;
border: 1px solid #fff;
border-radius: 50%;
color: #fff;
display: block;
font-size: 22px;
height: 60px;
margin: 0 auto;
padding-top: 17px;
width: 60px;
-o-transition:all .4s;
-moz-transition:all .4s;
-ms-transition:all .4s;
-webkit-transition:all .4s;
transition:all .4s;
}
.carna_services.carna_service_16 .single_carna_service:hover i{
background: transparent;
color: #fff;
border-color:transparent;
-webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
-moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
-o-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
-ms-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.5);
-o-transition:all 0s;
-moz-transition:all 0s;
-ms-transition:all 0s;
-webkit-transition:all 0s;
transition:all 0s;
-webkit-animation:carna_service_an_16 .5s 0s;
-moz-animation:carna_service_an_16 .5s 0s;
-o-animation:carna_service_an_16 .5s 0s;
-ms-animation:carna_service_an_16 .5s 0s;
animation:carna_service_an_16 .5s 0s;
}
.carna_services.carna_service_16 .single_carna_service .title{
color: #fff;
font-size: 24px;
font-weight: 300;
margin-top: 40px;
padding-bottom: 14px;
position: relative;
font-family: Lato, sans-serif;
}
.carna_services.carna_service_16 .single_carna_service .title:after{
background: none repeat scroll 0 0 #1BBC9B;
bottom: 0;
content: "";
height: 1px;
left: 50%;
margin-left: -15px;
position: absolute;
width: 30px;
-o-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-webkit-transition:all .2s;
transition:all .2s;
}
.carna_services.carna_service_16 .single_carna_service:hover .title:after{
background: #fff;
}
.carna_services.carna_service_16 .single_carna_service p{
color: #fff;
font-weight: 400;
margin-top: 11px;
}
/*style 17*/
.carna_services.carna_service_17 .single_carna_service p{
color:#545454;
}
/*carasoal service section*/
.carousel_service_section{
padding:100px 0;
background: #F7F8FB;
}
.carousel_service_section .carousel_service_thumb .flex-viewport{
overflow: visible !important;
background: #fff;
}
.carousel_service_section .carousel_service_thumb{
overflow: hidden;
padding-bottom: 25px;
position: relative;
border-bottom: 0 none;
z-index: 1;
border-top: 1px solid rgba(0,0,0,.1);
padding-right: 1px;
padding-left: 1px;
}
.carousel_service_section .carousel_service_thumb:after{
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
margin-top: -25px;
content: "";
background: rgba(0,0,0,.1);
width: 100%;
z-index: -1;
}
.carousel_service_section .carousel_service_thumb:before{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
bottom: 24px;
content: "";
height: 1px;
left: 0;
position: absolute;
width: 100%;
}
.carousel_service_section .carousel_service_thumb .flexslider ul.slides{
}
.carousel_service_section .carousel_service_thumb .flexslider ul.slides li+li{
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.carousel_service_section .flexslider{
border: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
margin: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
background: transparent;
}
.carousel_service_section .carousel_service_thumb .flex-active-slide .single_service_thumb {
background: none repeat scroll 0 0 #00aeef;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb{
background: transparent;
color: #3e4861;
padding: 40px 15px 30px;
position: relative;
text-align: center;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb:after {
border-color: #00aeef transparent transparent;
border-style: solid;
border-width: 21px;
content: "";
left: 50%;
margin-left: -23px;
position: absolute;
top: 100%;
z-index: 1;
display: none;
}
.carousel_service_section .carousel_service_thumb .flex-active-slide .single_service_thumb:after{
display: block;
}
.carousel_service_section .carousel_service_thumb .flex-active-slide .single_service_thumb i{
color:#fff;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb i{
border: 3px double;
border-radius: 50%;
display: block;
font-size: 20px;
height: 60px;
margin: 0 auto;
padding-top: 16px;
width: 60px;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb h2{
color: #3e4861;
display: inline-block;
font-size: 22px;
font-weight: 400;
margin: 25px 0 0 0;
padding: 0 10px;
position: relative;
text-transform: uppercase;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb p{
font-size: 13px;
font-weight: 300;
line-height: 20px;
margin: 9px 0 0 0;
padding: 0;
}
.carousel_service_section .carousel_service_thumb .single_service_thumb a{
color: #fff;
display: inline-block;
text-decoration: none;
font-size: 15px;
font-weight: 300;
margin-top: 14px;
}
.carousel_service_slider{
padding-top: 100px;
}
.carousel_service_slider .carousel_service_single_slide{
background: transparent;
}
.carousel_service_slider .carousel_service_single_slide h2{
color: #3e4861;
display:block;
font-size: 22px;
font-weight: 400;
margin: 0;
padding: 0 10px;
position: relative;
text-transform: uppercase;
}
.carousel_service_slider .carousel_service_single_slide p{
font-weight: 300;
margin: 18px 0 0;
padding: 0;
}
.carousel_service_slider .carousel_service_single_slide ul{
display: block;
list-style: inside none circle;
margin: 17px 0 0 0;
padding: 0;
}
.carousel_service_slider .carousel_service_single_slide ul li{
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 5px 0 0;
padding: 0;
}
.carousel_service_slider .carousel_service_single_slide .readmore {
background: none repeat scroll 0 0 #00aeef;
color: #fff;
display: inline-block;
margin-top: 24px;
opacity: 1;
padding: 12px 33px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.carousel_service_slider .carousel_service_single_slide .readmore:hover{
opacity: .5;
}
.carousel_service_slider .carousel_service_single_slide .service_carousel_img{
display: block;
overflow: hidden;
}
.carousel_service_slider .carousel_service_single_slide .service_carousel_img img{
border: 0 none;
display: inline-block;
margin: 0;
max-width: 100%;
padding: 0;
}
/*Service section style end*/
/*====================== Call to action =================*/
.callofaction {
padding: 30px 0;
background-color: #00aeef;
margin-top:60px;
clear: both;
}
.callofaction .pull-left{
color: #fff;
font-family: 'Open Sans',sans-serif;
font-size: 18px;
margin: 0;
padding: 11px 0;
}
.callofaction .pull-right{}
.callofaction .pull-right a{
background: none repeat scroll 0 0 transparent;
border: 1px solid #fff;
border-radius: 0;
box-shadow: none;
color: #fff;
font-size: 18px;
padding: 7px 18px;
text-align: center;
text-decoration: none;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
transition:all .5s;
}
.callofaction .pull-right a:hover{
color: #68D7BB;
border-color: #fff;
background-color: #fff;
}
/*======================================================
Slider Pages
========================================================*/
.accordion-slide {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.accordion-slide > img {
height: auto;
width: 100%;
}
.accordionSlider2 .accordion-slide img,
.accordionSlider3 .accordion-slide img {
height: 100%;
}
.accordion-cap {
bottom: 30px;
color: #fff;
left: 30px;
position: absolute;
width: 100%;
display: none;
}
/*======================================================
Page title
========================================================*/
.page-header {
margin: 0;
padding: 20px 0;
}
.page-header .section-head {
margin: 0;
}
.page-header .section-head.style_3 {
margin-bottom: 60px;
}
.page-header h2 i {
margin-right: 10px;
}
/*======================================================
404 Page
========================================================*/
.error-inner {
text-align: center;
}
.error-inner h2 {
font-family: Lato,sans-serif;
font-size: 280px;
font-weight: 600;
}
.error-inner .blog-search {
margin: 50px auto 0;
width: 30%;
}
/*======================================================
privacy policy
========================================================*/
.privacy-inner {
text-align: center;
}
.privacy-inner h2 {
font-size: 40px;
font-weight: 600;
}
.privacy-inner > p {
font-size: 18px;
}
.privacy-inner .privacy-terms {
text-align: left;
margin-top: 70px;
}
.privacy-inner .privacy-terms a {
color: #00aeef;
}
.privacy-inner .privacy-terms a:hover {
text-decoration: underline;
}
.privacy-inner .privacy-terms ol {
list-style-type: decimal;
margin-left: 30px;
}
.privacy-inner .privacy-terms ul {
list-style-type: disc;
margin-left: 30px;
}
/* featured block */
.featured-block {
display: table;
margin-bottom: 18px;
overflow: hidden;
position: relative;
width: 100%;
}
.featured-block h3,
.colored-block h3,
.featured-block h4,
.featured-block a {
color: #fff;
font: 300 30px/36px Raleway,sans-serif;
}
.featured-block p {
color: #fff;
margin: 0;
font-size: 18px;
}
.colored-block p {
color: #fff;
font-size: 18px;
}
.colored-title {
display: table-cell;
}
.colored-title-inner {
display: block;
overflow: hidden;
padding: 30px 10px;
position: relative;
text-align: center;
z-index: 0;
}
.glow-blue {
background-color: #00aeef;
}
.glow-green {
background-color: #7fba00;
}
.glow-yellow {
background-color: #ffb900;
}
.glow-red {
background-color: #f25022;
}
.glow-blue:before,
.glow-green:before,
.glow-yellow:before,
.glow-red:before {
content: "";
height: 1px;
left: 20%;
position: absolute;
top: 70%;
width: 60%;
z-index: -1;
}
.glow-blue:before {
background-color: #00c6f5;
box-shadow: 0 0 50px 50px #00c6f5;
}
.glow-green:before {
background-color: #afd400;
box-shadow: 0 0 50px 50px #afd400;
}
.glow-yellow:before {
background-color: #ffd300;
box-shadow: 0 0 50px 50px #ffd300;
}
.glow-red:before {
background-color: #f68450;
box-shadow: 0 0 50px 50px #f68450;
}
.block-button {
background-color: #65696a;
color: #ffffff;
display: table-cell;
min-width: 41px;
overflow: hidden;
padding: 0 30px;
vertical-align: middle;
}
.icon-banner {
float: right;
font-size: 38px;
}
.colored-block.glow-blue:before,
.colored-block.glow-green:before,
.colored-block.glow-yellow:before,
.colored-block.glow-red:before {
top: 50%;
width: 65%;
}
.colored-block {
position: relative;
margin-bottom: 30px;
z-index: 0;
}
.colored-block > .colored-title {
background-color: #f25022;
display: block;
padding: 20px;
}
.colored-block-inner {
padding: 20px;
}
.colored-block-inner > span {
color: #fff;
float: left;
font-size: 100px;
margin: 10px 30px 0 10px;
}
/*======================================================
Testimonial page
========================================================*/
.testimonial-wrapper > .col-xs-12:nth-child(2n+1) {
clear: left;
}
.testimonial-block {
margin-bottom: 30px;
}
.testimonial-block-content {
background-color: #f6f6f6;
position: relative;
border-radius: 5px;
padding: 10px 15px;
}
.testimonial-block-content p {
margin: 0;
}
.testimonial-block .testimonial-caret {
border-color: #f6f6f6 transparent transparent;
border-style: solid;
border-width: 15px;
bottom: -30px;
display: block;
position: absolute;
right: 15px;
}
/*
.testimonial-block .testimonial-caret {
border-color: #f0f0f0 transparent transparent;
border-style: solid;
border-width: 15px;
bottom: -30px;
display: block;
position: absolute;
right: 15px;
}
.testimonial-block .testimonial-caret::after {
border-color: #f6f6f6 transparent transparent;
border-style: solid;
border-width: 14px;
content: "";
left: -15px;
margin-left: 1px;
margin-top: 0;
position: absolute;
top: -16px;
z-index: 1;
} */
.testimonial-author-thumb {
margin-top: 20px;
overflow: hidden;
}
.testimonial-author-thumb > img {
border-radius: 50%;
max-width: 70px;
float: right;
margin: 0 0 0 20px;
}
.testimonial-author-meta {
float: right;
margin: 15px 0 0;
}
.testimonial-author-meta > strong {
display: block;
}
.testimonial-wrapper .page-numbers {
text-align: center;
margin-top: 30px;
}
ul.page-numbers li {
display: inline-block;
margin: 0 2px;
text-align: center;
}
ul.page-numbers li a,
ul.page-numbers li span {
border: 1px solid #ddd;
color: #888;
display: block;
font-family: Lato,sans-serif;
line-height: 16px;
padding: 0.4em 0.8em;
}
ul.page-numbers li a:hover,
ul.page-numbers li .current,
ul.page-numbers li .current:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
/*======================================================
Typhography
========================================================*/
.typography {
}
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6,
.typography p {
font-weight: 300;
}
.highlight-text {
background-color: #00aeef;
padding: 0 5px 1px;
color: #fff;
}
.table-typography {
margin-bottom: 18px;
width: 100%;
}
.table-typography tbody tr:first-child td {
border-top: 1px solid #e5e5e5;
}
.table-typography td {
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
padding: 11px 20px;
}
.table-typography td:first-child {
border-left: 1px solid #e5e5e5;
}
.table-typography tbody tr:nth-child(2n) {
background-color: #f5f5f5;
}
.table-typography th {
background-color: #00aeef;
color: #ffffff;
padding: 11px 20px;
text-align: left;
}
.table-typography > thead > tr > th {
border: 0 none;
}
.dl_sec {
padding: 120px 0;
}
.dl_sec .text {
padding-top: 0;
}
.dl_sec .dl_button {
margin-top: 40px;
text-align: center;
}
.dl_sec .dl_button a {
display: inline-block;
}
.dl_sec .dl_button a:first-child {
margin-right: 10px;
}
/*======================================================
Skills Page
========================================================*/
.white-bg {
background-color: #ffffff;
}
.gray-bg {
background-color: #f1f1f1;
}
.progress-item span {
display: inline-block;
}
.progress {
box-shadow: none;
border-radius: 50px;
margin: 0;
}
.progress-bar {
box-shadow: none;
border-radius: 50px;
}
/*progress set one*/
.progress-set-one .progress-item {
border: 1px solid #e5e5e5;
border-bottom: 0;
font-family: Lato, sans-serif;
padding: 14px 20px;
}
.progress-set-one .progress-item:last-child {
border-bottom: 1px solid #e5e5e5;
}
.progress-set-one .progress-label {
float: left;
line-height: 20px;
width: 17%;
}
.progress-set-one .progress {
float: left;
margin: 0;
width: 72%;
}
.progress-set-one .progress-value {
float: left;
text-align: right;
width: 11%;
line-height: 20px;
}
.progress-set-one .progress {
height: 8px;
margin-top: 6px;
background-color: #fbfbfb;
}
.progress-set-one .progress-bar {
background-color: #00aeef;
}
/*progress set two*/
.progress-set-two .progress-item {
margin-bottom: 25px;
}
.progress-set-two .progress-item:last-child {
margin-bottom: 0;
}
.progress-set-two .progress {
height: 11px;
overflow: visible;
}
.progress-set-two .progress-bar {
height: 11px;
position: relative;
}
.progress-set-two .progress-value {
background-color: #fff;
border: 2px solid #00aeef;
border-radius: 50%;
color: #00aeef;
font-family: Lato, sans-serif;
font-size: 11px;
height: 33px;
line-height: 29px;
margin: -16px 0 0;
position: absolute;
right: 0;
text-align: center;
top: 50%;
width: 33px;
}
.progress-set-two .progress-label {
margin-bottom: 20px;
}
/*progress set 3*/
.progress-set-3 .progress-item {
margin-bottom: 20px;
}
.progress-set-3 .progress-item:last-child {
margin-bottom: 0;
}
.progress-set-3 .progress {
height: 11px;
border-radius: 0;
overflow: visible;
}
.progress-set-3 .progress-bar {
height: 11px;
border-radius: 0;
position: relative;
}
.progress-set-3 .progress-label {
margin-bottom: 15px;
}
.progress-set-3 .progress-value {
background-color: #000;
border-radius: 4px;
padding: 6px 10px;
position: absolute;
right: -42px;
top: -42px;
}
.progress-set-3 .progress-full .progress-value {
right: 0;
top: -42px;
}
.progress-set-3 .progress-value:before {
border-color: transparent transparent transparent #000;
border-style: solid;
border-width: 7px;
bottom: -7px;
content: "";
left: 0;
position: absolute;
}
.progress-set-3 .progress-full .progress-value:before {
border-color: transparent #000 transparent transparent;
left: auto;
right: 0;
}
/*progress set 4*/
.set-4 .progress-item {
background-color: #404040;
border: 0 none;
border-radius: 4px;
margin-bottom: 20px;
position: relative;
}
.set-4 .progress-label {
color: #fff;
}
.set-4 .progress-value {
background-color: rgba(255, 255, 255, 0.3);
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
color: #fff;
padding: 14px 8px;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.set-4 .progress {
background-color: rgba(255, 255, 255, 0.3);
}
/*progress set 5 */
.progress-set-5 .progress-item {
margin-bottom: 20px;
}
.progress-set-5 .progress-item:last-child {
margin-bottom: 0;
}
.progress-set-5 .progress-label {
display: block;
font-size: 14px;
margin-left: 20px;
text-align: left;
}
.progress-set-5 .progress-bar {
border-radius: 0;
height: 40px;
line-height: 40px;
}
.progress-set-5 .progress {
border-radius: 0;
height: 40px;
line-height: 40px;
position: relative;
z-index: 1;
}
.progress-set-5 .progress-label i {
margin-right: 20px;
}
.progress-set-5 .progress-value {
font-family: Lato,sans-serif;
margin-right: 20px;
position: absolute;
right: 0;
text-align: right;
top: auto;
}
.progress-full .progress-value {
color: #fff;
position: absolute;
right: 0;
top: 0;
}
/*progress set 6*/
.progress-set-6 .progress-item {
margin-bottom: 20px;
}
.progress-set-6 .progress-item:last-child {
margin-bottom: 0;
}
.progress-set-6 .progress-bar {
height: 17px;
}
.progress-set-6 .progress {
height: 17px;
}
.progress-set-6 .progress-label {
margin-bottom: 5px;
}
.progress-set-6 .progress-value {
font-family: Lato, sans-serif;
margin-bottom: 5px;
}
/*progress set 7*/
.progress-set-7 .progress-item {
margin-bottom: 20px;
}
.progress-set-7 .progress-item:last-child {
margin-bottom: 0;
}
.progress-set-7 .progress-wrapper {
background-color: #00aeef;
padding: 10px;
}
.progress-set-7 .progress-label {
margin-bottom: 10px;
}
.progress-set-7 .progress-value {
font-family: Lato, sans-serif;
margin-bottom: 10px;
}
.progress-set-7 .progress {
height: 7px;
border-radius: 0;
background-color: rgba(0,0,0,0.2);
}
.progress-set-7 .progress-bar {
background-color: #fff;
border-radius: 0;
height: 7px;
}
/*======================================================
Pie Chart
========================================================*/
.circliful {
position: relative;
margin: 0 auto;
}
.circle-text {
font-family: Lato, sans-serif;
font-size: 18px !important;
}
.circle-text,
.circle-info,
.circle-text-half,
.circle-info-half {
width: 100%;
position: absolute;
text-align: center;
display: inline-block;
}
.circle-info,
.circle-info-half {
color: #999;
}
.percent {
display: inline-block;
z-index: 2;
}
.percent::after {
content: "%";
font-size: 0.8em;
margin-left: 0.1em;
}
.chart-inner-circle .circle-text {
background-color: #00aeef;
border-radius: 50%;
color: #fff;
height: 70px;
left: 50%;
line-height: 70px !important;
margin: -38px 0 0 -35px;
font-family: Lato, sans-serif;
font-size: 18px !important;
top: 50%;
width: 70px;
}
.col-xs-12:nth-child(2) .chart-inner-circle .circle-text {
background-color: #ef899a;
}
.col-xs-12:nth-child(3) .chart-inner-circle .circle-text {
background-color: #d19ce2;
}
.col-xs-12:nth-child(4) .chart-inner-circle .circle-text {
background-color: #80d1c4;
}
.pie-chart h4 {
font-size: 16px;
font-weight: 700;
margin-top: 10px;
}
.pie-chart.thick h4 {
margin-top: 20px;
}
.pie-chart.bg-color {
background-color: #00aeef;
padding: 40px 45px 35px;
color: #fff;
}
.col-xs-12:nth-child(2) .pie-chart.bg-color {
background-color: #ef899a;
}
.col-xs-12:nth-child(3) .pie-chart.bg-color {
background-color: #d19ce2;
}
.col-xs-12:nth-child(4) .pie-chart.bg-color {
background-color: #80d1c4;
}
/*======================================================
Service-section
========================================================*/
.service-section .serv-icon {
border: 2px solid #e5e5e5;
border-radius: 50%;
color: #00aeef;
font-size: 30px;
position: relative;
height: 100px;
line-height: 95px;
margin: 0 auto 30px;
width: 100px;
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
.service-section .single-service:hover .serv-icon {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.service-section .serv-icon:after {
background-color: #e5e5e5;
content: "";
height: 2px;
left: 115%;
position: absolute;
top: 50%;
width: 180%;
}
.service-section .col-xs-12:last-child .single-service .serv-icon:after,
.service-section .col-xs-12:last-child .single-service .simg:after {
content: none;
width: 0;
height: 0;
}
.service-section .simg {
margin-bottom: 25px;
position: relative;
}
.service-section .simg:after {
background-color: #e5e5e5;
content: "";
height: 2px;
left: 80%;
margin-top: -1px;
position: absolute;
top: 50%;
width: 50%;
}
.service-section .simg img {
border: 15px solid #fff;
border-radius: 50%;
margin: 0 auto;
max-width: 165px;
}
.service-section .servimg {
position: relative;
}
.service-section .servimg span {
background-color: #00aeef;
border: 5px solid #fff;
border-radius: 50%;
color: #fff;
font-size: 16px;
font-weight: 700;
height: 60px;
left: 0;
line-height: 48px;
margin: -30px 0 0 -30px;
position: absolute;
text-align: center;
top: 50%;
width: 60px;
}
.service-section .servimg {
margin: 0 auto 20px;
max-width: 165px;
}
.service-section .servimg img {
border-radius: 50%;
}
.service-gradient {
background: -webkit-linear-gradient(90deg, #2ac0f8 50%, #00aeef 50%) no-repeat scroll center center transparent;
background: -moz-linear-gradient(90deg, #2ac0f8 50%, #00aeef 50%) no-repeat scroll center center transparent;
background: -o-linear-gradient(90deg, #2ac0f8 50%, #00aeef 50%) no-repeat scroll center center transparent;
background: linear-gradient(90deg, #2ac0f8 50%, #00aeef 50%) no-repeat scroll center center transparent;
padding: 0;
}
.service-gradient .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.service-gradient .single-service {
background-color: #2ac0f8;
padding: 60px 10px 65px;
border-right: 2px solid #fff;
position: relative;
color: #fff;
}
.service-gradient .single-service:before {
background-color: #fff;
content: "";
height: 35px;
line-height: 35px;
margin: -18px -18px 0 0;
position: absolute;
right: 0;
top: 50%;
width: 35px;
z-index: 2;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.service-gradient .single-service:after {
color: #999;
content: "\f105";
font-family: FontAwesome;
margin-top: -13px;
position: absolute;
font-size: 22px;
right: -7px;
top: 50%;
z-index: 2;
}
.service-gradient .col-xs-12:last-child .single-service {
border-right: 0;
}
.service-gradient .col-xs-12:last-child .single-service:before,
.service-gradient .col-xs-12:last-child .single-service:after {
content: none;
}
.service-gradient .single-service:hover .serv-icon {
background-color: #fff;
}
.service-gradient .single-service:hover .serv-icon i {
color: #00aeef;
}
.service-gradient .col-xs-12:nth-child(even) .single-service {
background-color: #00aeef;
}
.service-section.service-gradient .serv-icon {
background-color: #fff;
color: #ddd;
border: 0;
}
.service-gradient .serv-icon i {
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
.service-gradient .serv-icon:after {
content: none;
}
.service-custom .custom-service {
float: left;
padding-left: 15px;
padding-right: 15px;
width: 20%;
}
.custom-service .csi {
border: 1px solid #00aeef;
border-radius: 50%;
color: #00aeef;
font-family: Lato, sans-serif;
font-size: 30px;
height: 100px;
line-height: 97px;
margin: 0 auto 30px;
position: relative;
width: 100px;
-webkit-transition: all 300ms ease-in 0s;
-moz-transition: all 300ms ease-in 0s;
-o-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
}
.custom-service .csi:after {
background-color: #00aeef;
content: "";
height: 1px;
left: 100%;
position: absolute;
top: 50%;
width: 144%;
}
.service-custom .custom-service:last-child .csi:after {
content: none;
}
.custom-service:hover .csi {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
/*======================================================
Counter Item
========================================================*/
.counter-item > i {
color: #00aeef;
font-size: 70px;
margin-bottom: 10px;
}
.col-xs-12:nth-child(2) .counter-item > i {
color: #f28d9e;
}
.col-xs-12:nth-child(3) .counter-item > i {
color: #cd99dd;
}
.col-xs-12:nth-child(4) .counter-item > i {
color: #85d1c5;
}
.counter-item > strong {
color: #333;
display: inline-block;
font-family: Lato, sans-serif;
font-size: 45px;
line-height: 1;
margin-top: 10px;
}
.counter-style-2 > span {
background-color: #00aeef;
border-radius: 50%;
color: #fff;
display: block;
font-size: 40px;
height: 95px;
line-height: 95px;
margin: 0 auto;
text-align: center;
width: 95px;
}
.col-xs-12:nth-child(2) .counter-style-2 > span {
background-color: #f28d9e;
}
.col-xs-12:nth-child(3) .counter-style-2 > span {
background-color: #cd99dd;
}
.col-xs-12:nth-child(4) .counter-style-2 > span {
background-color: #85d1c5;
}
/*======================================================
page 16
========================================================*/
.timer-item span {
color: #333;
display: block;
font-family: Arvo;
font-size: 60px;
line-height: 1;
}
.timer-item.white,
.timer-item.white span {
color: #fff;
}
.timer-item p {
font-weight: 700;
text-transform: uppercase;
}
.carousel-item img {
margin: 0 auto;
/* filter: url("data:image/svg+xml;utf8,#grayscale"); Firefox 10+, Firefox on Android
-webkit-filter: grayscale(100%);Chrome 19+, Safari 6+, Safari 6+ iOS
-ms-filter: grayscale(100%);Chrome 19+, Safari 6+, Safari 6+ iOS
filter: grayscale(100%);IE6-9 */
}
.carousel-item .overlayed canvas {
bottom: 0;
margin: 0 auto;
right: 0;
}
.carousel-item:hover img:hover {
/* filter: none; Applies to FF + IE
-webkit-filter: grayscale(0); */
}
.client-carousel2 .bx-wrapper .bx-controls-direction a {
margin-top: 0;
}
.client-carousel2 .bx-controls-direction a.bx-prev:hover:before,
.client-carousel2 .bx-controls-direction a.bx-next:hover:after {
border-color: #00aeef;
}
.client-carousel2 .bx-controls-direction .bx-prev {
left: 5px;
}
/*======================================================
Team Single
========================================================*/
.member-profile h3 {
color: #00aeef;
margin-bottom: 40px;
text-transform: uppercase;
}
.member-profile .social-links {
margin-top: 25px;
}
.member-profile .progress {
margin-bottom: 20px;
border-bottom: 3px solid #e0e0e0;
}
.member-profile .progress:last-child {
margin-bottom: 0;
}
.member-profile .progress,
.member-profile .progress-bar {
border-radius: 0;
font-size: 14px;
height: 42px;
line-height: 42px;
text-align: left;
text-transform: uppercase;
}
.member-profile .progress-bar span i {
display: inline-block;
font-size: 18px;
margin: 0 20px;
}
.member-profile .progress-bar span {
display: block;
font-family: Lato, sans-serif;
font-weight: 300;
}
.team .bx-controls-direction {
position: absolute;
right: 0;
top: -50px;
}
.team .bx-controls-direction a {
display: inline-block;
font-size: 32px;
height: auto;
left: auto;
margin: 0;
padding: 0 22px;
position: relative;
right: auto;
text-indent: 0;
width: auto;
}
.team .bx-controls-direction a.bx-prev:before,
.team .bx-controls-direction a.bx-next:before,
.team .bx-controls-direction a.bx-prev:after,
.team .bx-controls-direction a.bx-next:after {
content: none;
}
.team .bx-controls-direction a.bx-prev:after {
background-color: #777;
content: "";
height: 21px;
margin-top: -9px;
opacity: 0.5;
position: absolute;
right: -1px;
top: 50%;
width: 1px;
}
.staff-filtering > .col-xs-12 {
margin-bottom: 30px;
}
.person-bio-wrapper {
position: relative;
padding: 80px 0;
}
.person-bg {
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.person-overlay {
background-color: #fff;
height: 100%;
left: 0;
opacity: 0.6;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}
.employee {
position: relative;
z-index: 2;
}
.employee-thumb {
border: 5px solid #ddd;
float: left;
margin-right: 50px;
position: relative;
}
.employee-thumb:after {
border: 5px solid #fff;
bottom: 5%;
content: "";
height: 90%;
left: 5%;
opacity: 0.5;
position: absolute;
right: 5%;
top: 5%;
width: 90%;
}
.employee-meta {
padding-top: 58px;
}
.employee-meta h2 {
font-weight: 700;
}
.stat-row {
margin-bottom: 60px;
}
.stat-row:last-child {
}
.stat-item span {
display: block;
float: left;
font-family: Lato,sans-serif;
font-size: 35px;
font-weight: 300;
line-height: 30px;
margin: 0 20px 0 0;
}
.stat-item .fa {
font-size: 30px;
}
.stat-item p {
font-family: Lato,sans-serif;
font-size: 18px;
font-style: italic;
}
.about-employee {
padding-top: 40px;
text-align: center;
}
/*============================================
Boxed layout
=============================================*/
body.boxed-mode {
background-color: #efefef;
margin: 80px 0 60px;
color: #777;
}
.boxed-mode > .container {
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
padding-left: 55px;
padding-right: 55px;
}
.boxed-mode > .container > section {
background-image: none !important;
padding-bottom: 100px;
padding-top: 100px;
}
.boxed-mode .is-sticky .navbar-default {
box-shadow: none;
}
.boxed-reverse {
margin-left: -55px;
margin-right: -55px;
padding-left: 55px;
padding-right: 55px;
}
.boxed-mode .is-sticky .boxed-reverse {
background-color: #fff;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
.boxed-mode .page-head-title {
padding-top: 120px;
}
.header-full .boxed-nav2 .container {
background-color: #fff;
}
.header-full .slide-wrapper > .container {
padding-left: 55px;
padding-right: 55px;
}
.boxed-mode .header-full + .container {
position: relative;
z-index: 1;
}
.page-head.header-full {
background-image: none;
margin: -80px 0 0;
padding-top: 80px;
position: relative;
z-index: 2;
}
.header-full .overlay {
padding-top: 80px;
}
.boxed-nav2 .navbar-nav > li > a {
padding: 39px 23px;
border: 0 !important;
font-weight: 700;
color: #555;
}
.boxed-mode .section-head h2,
.boxed-mode .section-head p {
color: #333333;
}
.boxed-mode .contact .address p,
.boxed-mode .contact .address a {
color: #777;
}
.header-full .slide-wrapper {
margin-bottom: 36px;
}
.boxed-mode .footer-top:not(.boxed-reverse) {
background-color: #fff;
color: #777;
border: 0;
}
.boxed-mode .footer-top:not(.boxed-reverse) h3,
.boxed-mode .footer-top:not(.boxed-reverse) .footer-news span {
color: #555;
}
.boxed-mode .footer-top a {
color: #00aeef;
}
.boxed-mode .footer {
background-color: #00aeef;
border: 0 none;
margin-left: -55px;
margin-right: -55px;
padding: 23px 55px;
}
.footernav li {
float: left;
}
.footernav li a {
color: #fff;
display: block;
padding: 6.5px 10px;
text-transform: uppercase;
}
.footernav li a:hover {
color: #333;
}
.boxed-mode .copyright-multi p {
color: #fff;
margin: 10px 0 0;
}
.boxed-mode .copyright-multi p a {
color: #333;
}
.boxed-slider .slide-item {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 380px;
}
.boxed-slider .slide-item .slide-wrapper {
position: relative;
}
.boxed-slider .slide-item .slide-wrapper:before,
.boxed-slider .slide-item .slide-wrapper:after {
border-color: transparent transparent #fff #fff;
border-style: solid;
border-width: 15px;
content: "";
height: 25px;
position: absolute;
left: 0;
bottom: 0;
width: 25px;
z-index: 9;
}
.boxed-slider .slide-item .slide-wrapper:after {
border-color: #fff #fff transparent transparent;
bottom: auto;
left: auto;
right: 0;
top: 0;
}
.boxed-slider .slide-caption {
display: table;
height: 380px;
text-align: center;
width: 100%;
}
.slide-caption-inner {
display: table-cell;
vertical-align: middle;
}
.boxed-slider .slide-caption-inner {
position: relative;
}
.boxed-slider .slide-item .slide-item img {
max-width: none !important;
}
.boxed-slider .slide-item .slide-caption h1 {
border-bottom: 1px solid #ddd;
color: #afb1b2;
display: inline-block;
font-size: 65px;
font-weight: 800;
opacity: 0;
margin-top: -10px;
padding: 0 30px;
position: relative;
font-family: 'Dosis', sans-serif;
text-shadow: 5px 2px 10px rgba(0, 0, 0, 0.1);
text-transform: uppercase;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
-ms-transform: scale(0.6);
-o-transform: scale(0.6);
transform: scale(0.6);
-webkit-transition: all 0.6s linear 0.6s;
-moz-transition: all 0.6s linear 0.6s;
-o-transition: all 0.6s linear 0.6s;
transition: all 0.6s linear 0.6s;
}
.header-full .slide-wrapper .slide-item h1 {
color: #d4d6d7;
display: inline-block;
font-family: Raleway;
line-height: 98px;
padding: 0;
}
.boxed-slider .active .slide-item .slide-caption h1 {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.slide-caption-inner p {
color: #afb1b2;
font-size: 24px;
position: relative;
text-transform: uppercase;
top: 30px;
opacity: 0;
-webkit-transition: all 0.8s linear 0.8s;
-moz-transition: all 0.8s linear 0.8s;
-o-transition: all 0.8s linear 0.8s;
transition: all 0.8s linear 0.8s;
}
.boxed-nav2 + .boxed-slider-section .slide-caption-inner {
padding-top: 150px;
}
.boxed-slider .active .slide-item .slide-caption p {
opacity: 1;
top: 0;
}
.boxed-slider .owl-controls {
bottom: -1px;
margin: 0;
position: absolute;
right: 0;
text-align: right;
width: 100%;
}
.text-center .owl-nav {
text-align: center;
}
.text-center .boxed-slider .owl-controls {
bottom: -2px;
}
.text-center .owl-nav > div {
margin: 0 !important;
}
.boxed-slider .owl-controls .owl-prev,
.boxed-slider .owl-controls .owl-next {
background-color: #ffffff;
display: inline-block;
font-size: 18px;
height: 25px;
line-height: 25px;
text-align: center;
width: 25px;
}
.page-head-title .bx-controls-direction,
.slide-wrapper .bx-controls-direction {
position: inherit;
}
.page-head-title .bx-controls-direction a,
.slide-wrapper .bx-controls-direction a {
background-color: #fff;
bottom: 0;
height: 25px;
margin: 0;
position: absolute;
right: 0;
top: auto;
width: 25px;
text-indent: 0;
text-align: center;
font-size: 18px;
}
.page-head-title .bx-controls-direction a:hover,
.slide-wrapper .bx-controls-direction a:hover {
background-color: #00aeef;
color: #fff;
}
.page-head-title .bx-controls-direction a.bx-prev,
.slide-wrapper .bx-controls-direction a.bx-prev {
bottom: 0;
left: auto;
right: 25px;
}
.page-head-title .bx-controls-direction a.bx-prev:before,
.page-head-title .bx-controls-direction a.bx-prev:after,
.page-head-title .bx-controls-direction a.bx-next:after,
.slide-wrapper .bx-controls-direction a.bx-prev:before,
.slide-wrapper .bx-controls-direction a.bx-prev:after,
.slide-wrapper .bx-controls-direction a.bx-next:after {
content: none;
}
.page-head-title .bx-controls-direction {
left: 50%;
bottom: -147px;
position: absolute;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.page-head-title .bx-controls-direction {
bottom: -webkit-calc(-94% - -92px);
bottom: -moz-calc(-94% - -92px);
bottom: calc(-94% - -92px);
}
}
.boxed-mode #go-top {
bottom: 145px;
right: 34px;
}
/* bordered */
body.bordered {
margin: 25px;
}
/* for Chrome + Safari + Opera */
@media screen and (-webkit-min-device-pixel-ratio:0) {
body.bordered {
margin-bottom: 0;
}
}
body.bordered .sticky-header.on {
left: 25px;
right: 25px;
top: 25px;
}
.bordered {}
.bordered > header > .container-fluid,
.bordered > footer > .container-fluid,
.bordered > section > .overlay > .container-fluid,
.bordered > section > .container-fluid,
.bordered .expander-details > .container-fluid,
.bordered .slide13 .container-fluid {
padding-left: 25px;
padding-right: 25px;
}
.bordered > section:not(.contact3):not(section#start) {
padding: 100px 0;
}
.bordered .client {
padding: 55px 0 38px;
}
[class^="border-"] {
background-color: #ddd;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 25px;
z-index: 1120;
display: none;
}
.bordered [class^="border-"] {
display: block;
}
.border-right {
left: auto;
right: 0;
}
.border-top {
height: 25px;
width: 100%;
}
.border-bottom {
bottom: 0;
height: 25px;
top: auto;
width: 100%;
}
.bordered .navbar-default {
border: 0;
}
.bordered .navbar-fixed-top {
left: 25px;
right: 25px;
top: 25px;
}
.bordered .navbar-nav > li.mega-menu > ul {
/*padding: 30px 80px;*/
}
.bordered .bx-wrapper .bx-controls-direction a {
margin-top: -88px;
}
.bordered .search-form .form-inner .search-sub {
top: 0;
}
.bordered .nav3 .search-form > i {
padding: 37.5px 0 37.5px 20px;
}
.bordered .animated .nav3 .search-form > i {
padding: 31.5px 0 31.5px 20px;
}
.bordered .slide-top span {
right: -4px;
}
.bordered .mfp-content {
margin-top: 30px;
}
.bordered.magazine2 .main-head .navbar-collapse {
background-color: transparent;
border: 0 none;
}
.bordered .bottom-head {
bottom: 25px;
left: 25px;
right: 25px;
}
.bordered .bottom-head.animated {
bottom: auto;
}
.header19 + [class^="home-banner"] {
margin-top: 0 !important;
position: relative;
padding: 0;
}
.bordered [class^="home-banner"] .overlay {
background-color: rgba(0,0,0,.3);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.bordered [class^="home-banner"] .col-lg-12.fullscreen {
display: table;
}
.bordered .slide-menu-sec {
padding: 55px 35px;
}
.bordered .close-slide-nav {
right: 30px;
top: 50px;
}
.bordered .sp-tracker {
right: 25px;
}
.bordered .navbar-brand img:first-child {
opacity: 0.7;
width: 70px;
}
.bordered .navbar-default.animated {
background-color: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.bordered .navbar-default .navbar-nav > li > a {
font-weight: 400;
letter-spacing: 1.5px;
padding: 34px 18px;
}
.bordered .navbar-default:not(.primary).animated .navbar-nav > li.current > a {
color: #00aeef;
}
.bordered .navbar-default:not(.primary).animated .navbar-nav > li > a {
color: #777;
}
.bordered .animated .navbar-form-menu .search-form > i,
.bordered .animated .navbar-form-menu .side-nav {
color: #777;
padding-top: 28px;
padding-bottom: 28px;
}
.bordered .navbar-default .search-form > i {
border: 0;
}
.bordered .banner-caption {
display: table-cell;
margin-top: 0;
vertical-align: middle;
}
.bordered .banner-caption h1,
.bordered .banner-caption p {
color: #fff;
}
.bordered .footer {
margin-bottom: 25px;
}
.bordered #go-top {
bottom: 127px;
}
.bordered .control-one:not(.team-carousel):not(.two-slide-control):not(.one-slide-anim) .owl-nav > div {
margin-top: -80px;
}
.home15 {
background-image: url("../img/slider/slide.jpg");
position: relative;
}
.slideitem {
width: 100%;
}
.home15 .overlay {
background-color: rgba(0, 0, 0, 0.3) !important;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.home15 .item-inner h1 {
border: 2px solid;
display: inline-block!important;
padding: 8px 25px !important;
}
.home16 {
background-image: url("../img/slider/education-2.jpg");
background-position: center;
position: relative;
}
.home16 .overlay {
background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(0,174,239, 0.5)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(0,174,239, 0.5)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(0,174,239, 0.5)); /* For Firefox 3.6 to 15 */
background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(0,174,239, 0.5)); /* Standard syntax */
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.home6,
.home-slider13,
.home17,
.home26,
.home32 {
overflow: hidden;
clear: both;
position: relative;
}
.home17 .container,
.home17 .container,
.home26 .container,
.home32 .container {
display: table;
}
.home6 .bx-controls-direction a:before,
.home6 .bx-controls-direction a:after,
.home17 .bx-controls-direction a:before,
.home-slider13 .bx-controls-direction a:before,
.home-slider13 .bx-controls-direction a:after,
.home17 .bx-controls-direction a:after,
.home26 .bx-controls-direction a:before,
.home26 .bx-controls-direction a:after,
.home32 .bx-controls-direction a:before,
.home32 .bx-controls-direction a:after {
content: none !important;
}
.home6 .bx-controls-direction a,
.home-slider13 .bx-controls-direction a,
.home17 .bx-controls-direction a,
.home26 .bx-controls-direction a,
.home32 .bx-controls-direction a {
background: url("../img/icons/arrow_left.png") no-repeat scroll center center rgba(0, 0, 0, 0.2);
height: 75px;
left: -60px;
width: 55px;
}
.home6 .bx-controls-direction a.bx-next,
.home-slider13 .bx-controls-direction a.bx-next,
.home17 .bx-controls-direction a.bx-next,
.home26 .bx-controls-direction a.bx-next,
.home32 .bx-controls-direction a.bx-next {
background-image: url("../img/icons/arrow_right.png");
left: auto;
right: -60px;
}
.home17:hover a.bx-prev,
.home32:hover a.bx-prev {
left: -10px;
background-position: center;
}
.home17:hover a.bx-next,
.home32:hover a.bx-next {
right: -10px;
background-position: center;
}
.home-slider13:hover a.bx-prev {
left: 0;
background-position: center;
}
.home-slider13:hover a.bx-next {
right: 0;
background-position: center;
}
.slide17 > .item {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.slide17 .item-inner {
text-align: right;
}
.slide17 .item-inner h1 {
background-color: #28f0f4;
display: inline-block;
font-size: 72px;
font-weight: 800;
opacity: 0;
padding: 7px 15px 10px;
position: relative;
text-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
top: -50px;
-webkit-transition: all 0.6s ease-in 0.8s;
-moz-transition: all 0.6s ease-in 0.8s;
-o-transition: all 0.6s ease-in 0.8s;
transition: all 0.6s ease-in 0.8s;
}
.slide17 .active .item-inner h1 {
opacity: 1;
top: 0;
}
.slide17 .item-inner h2 {
background-color: #00aeef;
bottom: -50px;
display: inline-block;
margin: 5px 0 0;
opacity: 0;
font-size: 72px;
padding: 10px 17px;
position: relative;
text-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
-webkit-transition: all 0.6s ease-in 1.2s;
-moz-transition: all 0.6s ease-in 1.2s;
-o-transition: all 0.6s ease-in 1.2s;
transition: all 0.6s ease-in 1.2s;
}
.slide17 .active .item-inner h2 {
bottom: 0;
opacity: 1;
}
.dark-head {
background-color: #3b4e5c;
}
.dark-head .navbar-nav > li > a {
font-weight: 700;
padding: 30px 16px;
color: #fff;
}
.dark-head .navbar-nav > li > a:hover {
color: #00aeef;
}
.dark-head .social-links li > a {
border-color: #fff;
color: #fff;
}
.dark-head .social-links li > a:hover {
border-color: #00aeef;
}
.home26 .overlay {
background-color: rgba(0, 0, 0, 0.2);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.slide26 .item-inner h1 {
display: block;
font-size: 65px;
margin-bottom: 15px;
padding: 0;
position: relative;
top: -50px;
opacity: 0;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
}
.slide26 .active .item-inner h1 {
opacity: 1;
top: 0;
}
.slide26 .item-inner h2 {
position: relative;
top: -50px;
opacity: 0;
-webkit-transition: all 0.8s ease-in-out 0.7s;
-moz-transition: all 0.8s ease-in-out 0.7s;
-o-transition: all 0.8s ease-in-out 0.7s;
transition: all 0.8s ease-in-out 0.7s;
}
.slide26 .item-inner h2 {
opacity: 1;
top: 0;
}
.slide26 .item-inner .slide-button {
border: 0;
position: relative;
top: -50px;
opacity: 0;
-webkit-transition: all 0.8s ease-in-out 1.2s;
-moz-transition: all 0.8s ease-in-out 1.2s;
-o-transition: all 0.8s ease-in-out 1.2s;
transition: all 0.8s ease-in-out 1.2s;
}
.slide26 .item-inner .slide-button a {
background-color: transparent;
border: 2px solid #fff;
color: #fff;
display: inline-block;
font-size: 17px;
font-weight: 700;
line-height: normal;
margin-top: 50px;
padding: 16px 36px;
text-transform: uppercase;
}
.slide26 .item-inner .slide-button a:hover {
background-color: #fff;
color: #333;
}
.slide26 .active .item-inner .slide-button {
opacity: 1;
top: 0;
}
.home26:hover a.bx-prev,
.home32:hover a.bx-prev {
left: 0;
background-position: center;
}
.home26:hover a.bx-next,
.home32:hover a.bx-next {
right: 0;
background-position: center;
}
.home31 {
background-color: #ff525e;
}
.header32 {
display: none;
}
.home32 .slide26 .overlay {
background: -webkit-linear-gradient(90deg, rgba(0,0,0, 0.5), rgba(0,174,239, 0.5)); /* For Safari 5.1 to 6.0 */
background: -moz-linear-gradient(90deg, rgba(0,0,0, 0.5), rgba(0,174,239, 0.5)); /* For Firefox 3.6 to 15 */
background: -o-linear-gradient(90deg, rgba(0,0,0, 0.5), rgba(0,174,239, 0.5)); /* For Opera 11.1 to 12.0 */
background: linear-gradient(90deg, rgba(0,0,0, 0.5), rgba(0,174,239, 0.5)); /* Standard syntax */
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.slide26 .item-inner h2 {
position: relative;
top: -50px;
opacity: 0;
-webkit-transition: all 0.8s ease-in-out 0.7s;
-moz-transition: all 0.8s ease-in-out 0.7s;
-o-transition: all 0.8s ease-in-out 0.7s;
transition: all 0.8s ease-in-out 0.7s;
}
.slide26 .active .item-inner h2 {
opacity: 1;
top: 0;
}
/*================================================================
Home Eydia
==================================================================*/
.slider-wrapper.eydia,
.eydia .slide-item {
height: 600px;
}
.eydia .slide-item {
position: relative;
z-index: 10;
}
.eydia .slide-item h2 {
color: #cacbca;
font-family: "Oswald",sans-serif;
font-size: 72px;
font-weight: 300;
left: -50px;
opacity: 0;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in-out 0.6s;
-moz-transition: all 0.5s ease-in-out 0.6s;
-o-transition: all 0.5s ease-in-out 0.6s;
transition: all 0.5s ease-in-out 0.6s;
}
.color2 .slide-item h2 {
color: #777;
}
.eydia .slide-item p {
font-size: 16px;
font-weight: 600;
margin: 25px 0 28px;
left: -50px;
opacity: 0;
position: relative;
-webkit-transition: all 0.5s ease-in-out 1s;
-moz-transition: all 0.5s ease-in-out 1s;
-o-transition: all 0.5s ease-in-out 1s;
transition: all 0.5s ease-in-out 1s;
}
.eydia .slide-item .eydia-btn {
left: -50px;
opacity: 0;
position: relative;
-webkit-transition: all 0.5s ease-in-out 1.4s;
-moz-transition: all 0.5s ease-in-out 1.4s;
-o-transition: all 0.5s ease-in-out 1.4s;
transition: all 0.5s ease-in-out 1.4s;
}
.eydia .slide-item .inner-image {
position: absolute;
right: -180px;
top: -100px;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out 1s;
-moz-transition: all 0.5s ease-in-out 1s;
-o-transition: all 0.5s ease-in-out 1s;
transition: all 0.5s ease-in-out 1s;
}
.eydia .active .slide-item h2,
.eydia .active .slide-item p,
.eydia .active .slide-item .eydia-btn {
left: 0;
opacity: 1;
}
.eydia .active .slide-item .inner-image {
opacity: 1;
}
.nws-item .separator span {
background-color: #ccc;
position: relative;
width: 70px;
display: block;
margin: 16px 0 0;
}
.nws-item .separator span:before {
background-color: #00aeef;
content: "";
height: 2px;
left: 0;
position: absolute;
top: 0;
width: 0;
-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
transition: all 0.35s ease-in-out 0s;
}
.nws-item:hover .separator span:before {
width: 100%;
}
/* Products Tab */
.pd-tab-nav {
margin: 0;
}
.pd-tab-nav li {
padding: 0;
}
.pd-tab-nav li a {
background-color: #fff;
border: 2px solid #e0e0e0;
border-radius: 30px;
color: #738189;
display: block;
font-size: 15px;
font-weight: 700;
padding: 4.5px 32px 5.5px;
}
.pd-tab-nav li.active a,
.pd-tab-nav li a:hover {
background-color: #e0e0e0;
}
.product-img img,
.block-img img {
width: 100%;
}
.highlight-color {
color: #00aeef;
}
.block-text .highlight-color {
font-size: 32px;
font-weight: 800;
}
.block-text h2 {
font-size: 72px;
}
.block-text h2 strong {
font-weight: 800;
}
.text-cta .separator span {
margin-bottom: 25px;
}
.block-text p {
font-size: 18px;
line-height: 30px;
margin-top: 32px;
}
.text-cta h3 {
color: #738189;
font-size: 24px;
font-weight: 700;
}
.text-cta a {
display: inline-block;
margin-top: 20px;
}
/*================================================================
Shop Page/ shop.php
==================================================================*/
.shop-border .slide-menu-sec {
background-color: #32353a;
}
.prod-title {
margin-bottom: 30px;
}
.filter-cat ul {
margin-bottom: 30px;
text-align: left;
}
.gallery-filter.dark li,
.filter-cat li {
display: inline-block;
margin-right: 10px;
}
.gallery-filter.dark li:last-child,
.filter-cat li:last-child {
margin-right: 0;
}
.gallery-filter.dark li a,
.filter-cat li a {
border: 1px solid #f0f0f0;
display: block;
text-transform: uppercase;
padding: 5px 20px;
}
.gallery-filter.dark li a:hover,
.gallery-filter.dark li a.active,
.filter-cat li a:hover,
.filter-cat li a.active {
background-color: #333;
border-color: #333;
color: #fff;
}
.product-single {
position: relative;
overflow: hidden;
}
.product-single:after {
background-color: #000;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;
width: 100%;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.product-single:hover:after {
opacity: 0.2;
}
.product-single .product-image img {
width: 100%;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.product-single:hover .product-image img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.product-title {
height: 100%;
left: 0;
padding: 40px;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
.product-title:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.product-title .title-wrap {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.product-title .title-wrap:after {
background-color: #fff;
border: 0;
height: 75%;
width: 75%;
}
.product-single:hover .title-wrap:before,
.product-single:hover .title-wrap:after {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.product-single .title-wrap .quick-view {
opacity: 0;
position: relative;
z-index: 5;
display: inline-block;
visibility: hidden;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
.product-single:hover .title-wrap .quick-view {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.product-single .quick-view a {
color: #333;
display: inline-block;
font-size: 20px;
font-weight: 300;
position: relative;
text-transform: uppercase;
}
.product-single .quick-view a:before,
.product-single .quick-view a:after {
content: "";
position: absolute;
left: 0;
top: -8px;
width: 0;
height: 1px;
background-color: #333;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.product-single .quick-view a:after {
left: auto;
right: 0;
top: auto;
bottom: -8px;
}
.product-single .quick-view a:hover:before,
.product-single .quick-view a:hover:after {
width: 100%;
}
.product-single .product-title {
background-color: #fff;
bottom: 0;
height: 75%;
left: 0;
margin: auto;
padding: 40px;
position: absolute;
right: 0;
opacity: 0;
text-align: center;
top: 0;
z-index: 2;
width: 75%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.product-single:hover .product-title {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.product-single .product-title:before {
border: 1px solid #fff;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
/*-----------------------------------------
Shop Expnader
-------------------------------------------*/
#expander-details {
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 100;
}
.expander-description {
}
.expander-description h3 {
font-size: 36px;
font-weight: 100;
margin-bottom: 20px;
}
.product-value {
font-family: "Lato", sans-serif;
font-size: 25px;
font-weight: 300;
margin-bottom: 15px;
}
.product-price .regular-price {
font-size: 22px;
}
.product-rating,
.short-description,
.cart-option,
.product-quantities {
margin-bottom: 15px;
}
.product_meta {
margin-bottom: 5px;
}
.cart-option .quantity {
float: left;
margin-right: 15px;
}
.quantity .qty-control {
background-color: #f8f8f8;
border: 1px solid #dddddd;
cursor: pointer;
display: block;
float: left;
font-size: 22px;
height: 40px;
line-height: 39px;
text-align: center;
width: 25px;
}
.quantity .qty-field {
border-color: #dddddd transparent;
border-style: solid none;
border-width: 1px 0;
font-family: "Lato", sans-serif;
font-size: 18px;
font-weight: 300;
height: 40px;
padding: 0;
text-align: center;
width: 35px;
}
.quantity .qty-control.plus {
float: right;
}
.quantity .input-text.qty {
height: 41px;
padding: 0 5px;
text-align: center;
width: 35px;
}
.product-sizing {
float: left;
margin-right: 15px;
position: relative;
width: 172px;
}
.cart-option .btn-compare,
.cart-option .btn-wishlist {
border: 1px solid #dddddd;
display: inline-block;
line-height: normal;
padding: 11px 12px 9px;
}
.cart-option .btn-wishlist {
margin-right: 5px;
}
.product-sizing .sbOptions li a {
display: block;
}
.cart-option .product-sizing a:hover,
.cart-option .product-sizing a:focus {
color: #333;
}
.expander-description .btn-half {
display: block;
float: left;
margin-bottom: 15px;
margin-right: 4%;
padding: 9px 0;
width: 48%;
}
.expander-description .btn:last-child {
margin-right: 0;
}
.product_meta > span {
border-top: 1px dotted #dddddd;
display: block;
font-size: 13px;
padding: 7px 0;
}
.product_meta a:hover {
color: #333;
}
.social-share-icons span {
border: 1px solid #dddddd;
border-radius: 50px;
display: block;
float: left;
height: 38px;
line-height: 38px;
margin-right: 10px;
text-align: center;
width: 38px;
cursor: pointer;
}
.social-share-icons:hover .list-inline {
width: 85%;
}
.social-share-icons ul {
display: block;
margin: 0;
overflow: hidden;
white-space: nowrap;
width: 0;
-webkit-transition: width 0.6s ease 0s;
-moz-transition: width 0.6s ease 0s;
-o-transition: width 0.6s ease 0s;
transition: width 0.6s ease 0s;
}
.social-share-icons li {
margin-right: 3px;
padding: 0;
}
.social-share-icons li:last-child {
margin-right: 0;
}
.social-share-icons li a {
border: 1px solid #dddddd;
border-radius: 50px;
display: block;
height: 38px;
line-height: 38px;
text-align: center;
width: 38px;
}
.social-share-icons:hover span,
.social-share-icons li a:hover,
.btn-compare.enable_-_compare.added,
.btn-compare:hover,
.btn-wishlist:hover,
.shopSingleRP .enable_-_compare.added {
background-color: #333;
border-color: #333;
color: #fff;
}
.shop-border .social-links li a:hover {
color: #333;
}
/* Product quick view expander */
.row.shop-wrapper {
padding-bottom: 15px;
padding-top: 15px;
}
.product-quick-view {
padding: 60px 0 0;
}
.shop-wrapper > .pd-box,
.wed-product > .col-xs-12 {
padding-bottom: 15px;
padding-top: 15px;
position: static;
}
.product--view {
background-color: #fff;
position: relative;
margin: 0 auto;
max-width: 900px;
padding: 30px;
width: 100%;
}
.product--view .mfp-close {
background: url("../img/icons/cross_black.png") no-repeat scroll center center / cover transparent;
display: block;
height: 15px;
opacity: 1;
right: 10px;
text-indent: -9999em;
top: 10px;
width: 15px;
}
.product--view .product-image {
float: left;
margin-right: 5%;
width: 40%;
}
.product--view .product-image img {
width: 100%;
}
.product--view .product-symmery {
float: left;
width: 55%;
}
.product--view .product-symmery h3 {
font-weight: 300;
}
.product--view .product-meta .price {
font-family: Lato,sans-serif;
font-size: 20px;
font-weight: 300;
margin: 15px 0 0;
}
.product--view .product-meta .old-price {
color: red;
display: inline-block;
font-size: 15px;
line-height: 20px;
margin: 0 0 0 10px;
position: relative;
text-decoration: line-through;
top: -2px;
}
.product--view .cart-option {
margin: 20px 0 0;
}
.product--view .cart-button a i {
margin-right: 8px;
}
.product--view .quantity-buttons {
float: left;
}
.product--view .cart-button {
float: right;
}
.product--view .qty-control.plus {
float: right;
}
.cart-button .btn-blue {
font-size: 16px;
padding: 11px 35px;
}
.product-carousel .bx-controls-direction .bx-prev {
left: -45px;
}
.product-carousel .bx-controls-direction .bx-prev:after {
content: none;
}
.product-carousel .bx-controls-direction .bx-next {
right: -28px;
}
.distplay-table {
width: 100%;
display: table;
vertical-align: middle;
}
.parallax-home.one {
background-image: url("../img/agency/agency3-header.jpg");
position: relative;
}
/*===================================
shop.single
======================================*/
.content-area {
padding-bottom: 100px;
}
.shop-bc {
background-color: rgba(0, 0, 0, 0);
box-shadow: none;
padding: 40px 0;
}
.shop-bc .breadcrumb {
background-color: rgba(0, 0, 0, 0);
padding-left: 0;
}
.productThumbnails li {
margin: 10px 10px 0 0;
}
.productThumbnails li a {
display: block;
}
.productThumbnails li a img,
.product-images-wrapper img {
width: 100%;
}
.product-_-summary .quantity .qty-field,
.product-_-summary .qty-control.plus {
float: left;
}
.product-_-summary .quantity .qty-field {
width: 45px;
}
.product-_-summary .quantity {
float: left;
margin-right: 15px;
}
.product-_-summary .product_meta,
.social-share-icons > h4 {
margin-bottom: 15px;
}
.product-_-summary .btn-set .btn {
margin-right: 5px;
}
.product-_-summary h2 {
font-size: 24px;
font-weight: 300;
margin-bottom: 25px;
text-transform: uppercase;
}
.product-_-overview {
margin: 70px 0;
}
.overview-tab {
border-top: 1px solid #eee;
margin-bottom: 30px;
overflow: hidden;
}
.overview-tab li {
display: inline-block;
list-style: outside none none;
vertical-align: top;
}
.overview-tab li a {
border-top: 4px solid transparent;
color: #999999;
display: block;
font-size: 90%;
font-weight: bold;
margin-right: 15px;
padding: 10px 0;
text-transform: uppercase;
}
.overview-tab li.active a {
border-color: #333333;
color: #333333;
}
.product-_-overview .tab-pane {
margin: 15px 0;
}
.shop_attributes {
font-family: "Lato",sans-serif;
width: 100%;
}
.shop_attributes th {
font-weight: 400;
padding: 7px 10px;
}
.shop_attributes td {
padding: 7px 10px;
}
.shop_attributes > tbody > tr:nth-child(2n+1) {
background-color: #f5f5f3;
padding: 2px;
}
.shop_attributes p {
margin: 0;
}
.reviewItem {
border-bottom: 1px dotted #eee;
margin-bottom: 30px;
padding-bottom: 30px;
}
.reviewItem:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.product-review h3,
.review-from-box h3 {
font-family: "Lato", sans-serif;
font-size: 22px;
font-weight: 300;
letter-spacing: 2px;
margin: 0 0 30px;
padding: 0 0 30px;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
}
.reviewlist .media-left {
padding-right: 25px;
}
.reviewlist .media-object {
border-radius: 70px;
height: 70px;
width: 70px;
}
.reviewlist .media-heading {
color: #333;
font-size: 14px;
font-weight: 400;
letter-spacing: 2px;
margin: 8px 0 5px;
text-transform: uppercase;
}
.reviewItem span.date {
display: block;
font-family: "Lato",sans-serif;
font-size: 13px;
}
.reviewlist .media-body p {
margin: 10px 0 0;
}
.review-form .input-field {
margin-bottom: 15px;
}
.review-form .input-field label {
display: block;
font-family: Lato;
font-weight: 400;
letter-spacing: 2px;
line-height: normal;
margin: 0 0 10px;
text-transform: uppercase;
}
.review-form .form-control {
border-radius: 0;
box-shadow: none;
height: 40px;
}
.review-form .form-control:focus {
border-color: #333;
}
.review-form textarea.form-control {
height: 100px;
margin-bottom: 15px;
}
.rating-box {
line-height: normal;
}
/*---- Related Products ---*/
.related-single {
position: relative;
}
.relatedThumb {
position: relative;
}
.relatedPdHover {
background-color: #00aeef;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.related-single:hover .relatedPdHover {
opacity: 1;
}
.relatedPdHover .rltdHvrIcn {
left: 0;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.relatedPdHover .rltdHvrIcn a {
border: 1px solid;
color: #fff;
display: inline-block;
font-size: 18px;
height: 40px;
line-height: 40px;
width: 40px;
}
.relatedPdHover .rltdHvrIcn .pdDesc {
margin-right: 45px;
}
.relatedPdHover .rltdHvrIcn .pdLink {
margin-left: 45px;
}
.related-single:hover .rltdHvrIcn .pdDesc {
margin-right: 5px;
}
.related-single:hover .rltdHvrIcn .pdLink {
margin-left: 5px;
}
.relatedSingleDesc {
margin: 20px 0 0;
}
.relatedSingleDesc h4 {
font-size: 15px;
margin: 0 0 8px;
text-transform: uppercase;
}
.relatedSingleDesc .product-value {
font-size: 16px;
line-height: normal;
margin: 0 0 5px;
}
.relatedSingleDesc .pdSingleBtns a {
display: inline-block;
margin: 0 10px 0 0;
text-align: center;
}
.home--shop .btn-ash-border {
margin: -5px 10px 0;
padding: 9px 30px;
}
/*-----------------------------------------
Woocommerce checkout page
------------------------------------------*/
.shop-login {
margin-bottom: 30px;
}
.shop-login-form,
.checkout--coupon {
display: none;
margin-bottom: 30px;
}
.shop-quick-login h5,
.checkout-quick-coupon h5 {
font-weight: 600;
margin-bottom: 30px;
}
.shop-quick-login h5 a,
.terms-conditions a,
.checkout-quick-coupon h5 a {
color: #00aeef;
}
.shop-quick-login h5 a:hover,
.terms-conditions a:hover,
.checkout-quick-coupon h5 a:hover {
text-decoration: underline;
}
.eydia-input .btn-blue {
font-size: 14px;
font-weight: 600;
line-height: normal;
margin: 15px 0 0;
padding: 13px 36px;
}
.user-registration h5 {
font-weight: 600;
margin-bottom: 25px;
text-transform: uppercase;
}
.eydia-input .form-control {
border-radius: 0;
box-shadow: none;
color: #777;
height: 45px;
}
.eydia-input textarea.form-control {
height: 100px;
resize: vertical;
}
.eydia-input .form-control::-webkit-input-placeholder {
color: #ccc;
font-size: 13px;
text-transform: uppercase;
}
.eydia-input .form-control:-moz-placeholder {
color: #ccc;
font-size: 13px;
text-transform: uppercase;
}
.eydia-input .form-control::-moz-placeholder {
color: #ccc;
font-size: 13px;
text-transform: uppercase;
}
.eydia-input .form-group label {
display: block;
font-size: 13px;
margin: 0;
text-transform: uppercase;
}
.eydia-input .selectize-control .selectize-input {
background-color: #ffffff;
background-image: none;
border-color: #cccccc;
border-radius: 0;
height: 45px;
padding: 12px 0 12px 12px;
}
.eydia-input .selectize-control .selectize-input input {
color: #cccccc;
text-transform: uppercase;
}
.eydia-input .selectize-dropdown [data-selectable] {
text-transform: uppercase;
}
.form-group.account-password {
display: none;
}
.account-password p {
font-size: 16px;
margin: 0 0 20px;
}
.different_shipping-address {
display: none;
}
.form-group.shipping_toggle {
float: right;
}
/*-----------------------------------------
fixed comapare bar top
------------------------------------------*/
.eydia-shop-wrapper + .compare-basket {
position: fixed;
top: 0;
width: 100%;
}
.bordered .compare-basket {
margin: -25px -25px 0;
}
.compare-basket.boxed {
margin: 0 auto;
max-width: 1280px;
width: 100%;
}
.compare-basket.boxed.scroll {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.compare-basket {
background-color: #00aeef;
display: none;
padding: 10px 0;
top: 0;
width: auto;
z-index: 1150;
/* -webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s; */
}
.compare-basket.scroll {
left: 0;
margin: auto;
position: fixed;
top: 0;
width: 100%;
}
.compare-basket.is-open + .bordered {
margin-top: 25px;
}
.compare-basket.is-open + .bordered [class^="border-"]:not(.border-bottom),
.compare-basket.is-open.scroll + .main-wrapper .sticky-header {
top: 76px;
}
.compare-basket.is-open + .bordered .sticky-header.on,
.compare-basket.is-open + .bordered .navbar-fixed-top {
top: 101px;
}
.compare-basket .compare-action {
background-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.4);
}
.compare-active .compare-action {
color: #ffffff;
}
.compareProductList li {
background-color: rgba(0, 0, 0, 0.1);
font-size: 10px;
float: left;
margin-right: 8px;
padding: 1px 2px;
position: relative;
width: 52px;
}
.compareProductList > li:first-child:before {
background-color: rgba(0, 0, 0, 0.1);
content: "";
height: 100%;
position: absolute;
right: -webkit-calc(100% + 8px);
right: -moz-calc(100% + 8px);
right: calc(100% + 8px);
top: 0;
width: 100%;
}
.basket-full .compareProductList > li:first-child:before {
content: none;
}
.compareProductList li img {
width: 100%;
}
.compareProductList li button {
background-color: transparent;
border: 0 none;
resize: 10px;
line-height: normal;
padding: 0;
position: absolute;
right: 5px;
top: 0;
}
.mfp-wrap {
z-index: 1110;
}
.mfp-container {
padding: 0;
}
.main-wrapper.boxed .compare-basket {
left: auto;
right: auto;
width: auto;
}
/*---- compare page -----*/
.compareItemWrapper {
background-color: #fff;
position: relative;
z-index: 1200;
}
.product-compare-table {
margin-bottom: 0;
}
.product-compare-table > tbody {
font-family: "Lato", sans-serif;
font-weight: 300;
}
.product-compare-table > thead > tr > th {
border-bottom: 0 none;
}
.product-compare-table > thead > tr > th .removeProduct {
display: block;
font-size: 13px;
font-weight: 300;
line-height: normal;
padding: 0 0 5px;
text-align: center;
}
.product-compare-table > thead > tr > th .removeProduct:hover,
.product-compare-table > thead > tr > th .removeProduct:focus {
color: #333;
}
.product-compare-table > thead > tr > th .removeProduct span {
color: #ff0000;
display: inline-block;
font-size: 10px;
margin-left: 5px;
}
.product-compare-table .product-image img {
max-height: 250px;
margin: 0 auto;
}
.product-compare-table tbody tr td p {
margin: 0;
}
.product-compare-table > tbody > tr > th,
.product-compare-table > tbody > tr > td {
line-height: 26px;
text-align: center;
}
.product-compare-table > tbody > tr > th {
font-weight: 400;
text-align: left;
}
.product-compare-table > thead > tr > th:nth-child(2n),
.product-compare-table > tbody > tr > td:nth-child(2n) {
background-color: #f7f7f7;
}
.product-compare-table tbody tr td.price {
font-size: 16px;
}
.product-compare-table tbody tr td.price del {
color: #999;
font-size: 90%;
}
/*===================================
Home SHop 2
======================================*/
._eydia-shop .mfp-wrap {
z-index: 1110;
}
.shop--content {
position: relative;
}
/*-----------------------------------------
Shop-_- Intro
------------------------------------------*/
.shop-_-intro {
height: 100%;
position: fixed;
width: 100%;
z-index: 120;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.shop-_-intro .shopLeft {
background-color: #e5e5e5;
float: left;
height: 100%;
padding: 100px 60px 60px 50px;
width: 60%;
}
.shop-_-intro .shopCat {
position: relative;
height: 100%;
}
.shopCatList {
height: 100%;
}
.shopCatList > ul {
height: 100%;
}
.shopCatList li a {
display: block;
font-size: 58px;
font-weight: 100;
line-height: normal;
padding: 25px 0 25px 50px;
position: relative;
text-transform: uppercase;
}
.shopCatList li a:before {
background-color: #777;
content: "";
height: 1px;
left: 0;
margin-top: -0.5px;
position: absolute;
top: 50%;
width: 25px;
}
.shop-_-intro .shopRight {
background-color: #fff;
float: right;
height: 100%;
padding: 115px 60px 60px;
width: 40%;
}
.aboutShop h2 {
font-size: 38px;
font-weight: 100;
letter-spacing: 1px;
line-height: 50px;
padding-bottom: 20px;
}
/*------------- Shop Header -------------*/
.shop-header {
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 130;
}
.shop-header .nav-header {
padding: 20px 20px 20px 50px;
position: relative;
}
.shop-header .logo {
-webkit-transition: all 1.2s ease-in-out 0s;
-moz-transition: all 1.2s ease-in-out 0s;
-o-transition: all 1.2s ease-in-out 0s;
transition: all 1.2s ease-in-out 0s;
}
.shop-intro-wrapper.active .shop-header .logo {
opacity: 0;
}
.navHeaderRight {
background-color: #fff;
border-bottom: 1px solid #ddd;
padding: 20px;
position: absolute;
right: 0;
top: 0;
width: 40%;
}
.shop-search {
float: left;
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
}
.shop-search form {
position: relative;
}
.shop-search span {
cursor: pointer;
color: #ccc;
display: inline-block;
font-size: 21px;
}
.shop-search form input[type="text"] {
border: 0 none;
font-size: 18px;
font-weight: 300;
height: 35px;
padding: 0;
position: relative;
text-indent: 15px;
top: -1px;
width: 0;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.shop-search form input[type="text"]:focus {
color: #777;
}
.shop-search.active form input[type="text"] {
width: -webkit-calc(100% + -30px);
width: -moz-calc(100% + -30px);
width: calc(100% + -30px);
}
.shop-search form input[type="submit"] {
background-color: transparent;
border: 0 none;
opacity: 0;
padding: 0;
position: absolute;
right: 0;
display: none;
}
.nav-header .nav-burger {
background-color: transparent;
border: 0 none;
float: right;
height: 25px;
margin: 10px 0 0;
padding: 0;
position: relative;
z-index: 120;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.nav-burger .iconbar {
background-color: #666666;
display: block;
height: 1px;
left: 0;
position: relative;
top: 0;
width: 25px;
}
.nav-burger .iconbar.second {
top: 6px;
}
.active .nav-burger .iconbar {
opacity: 0;
}
.nav-burger .iconbar.last {
top: 12px;
}
.shop-intro-wrapper.active .nav-burger {
background: url("../img/icons/cross_black.png") no-repeat scroll center top / 80% auto transparent;
opacity: 0.65;
}
.shop-header .nav-container {
background-color: #fff;
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
padding: 115px 60px 60px;
position: fixed;
right: 0;
top: 0;
width: 40%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 1.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.shop-intro-wrapper.active .nav-container {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.shop-nav li a {
display: block;
font-size: 28px;
font-weight: 100;
line-height: 38px;
padding-bottom: 10px;
}
.shop-nav .submenu li a {
font-size: 18px;
font-weight: 400;
line-height: normal;
padding-bottom: 10px;
padding-left: 10px;
}
.shop-nav .submenu li a:after {
color: #ccc;
content: "\2192";
display: inline-block;
margin-left: 8px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-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;
}
.shop-nav .submenu li a:hover:after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.product-sizing select {
background-color: transparent;
border: 1px solid #e5e5e5;
cursor: pointer;
height: 40px;
padding-left: 5px;
position: relative;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.selectboxCustom:after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 10px;
top: 7px;
}
/*------------- Shop Intro -------------*/
.shop--intro {
background-color: #222;
height: 100%;
opacity: 0;
position: fixed;
visibility: hidden;
width: 60%;
z-index: 120;
-webkit-transition: all 1.2s ease-in-out 0s;
-moz-transition: all 1.2s ease-in-out 0s;
-o-transition: all 1.2s ease-in-out 0s;
transition: all 1.2s ease-in-out 0s;
}
.shop-intro-wrapper.active .shop--intro {
z-index: 121;
opacity: 1;
visibility: visible;
}
.shop-intro-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
}
.shop-intro-inner:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.intro-logo {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
/*.shop-intro-wrapper.active .shop-header .iconbar.first {
top: 7px;
opacity: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.shop-intro-wrapper.active .shop-header .iconbar.last {
top: 5px;
opacity: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
*/
/*-----------------------------------------
Shop Menu Vertival
------------------------------------------*/
.shop-menu-vertival {
position: fixed;
right: 40%;
top: 50%;
z-index: 20;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.shop-menu-vertival li a {
display: block;
font-size: 12px;
line-height: normal;
margin: 20px 0;
text-align: right;
text-transform: uppercase;
}
.shop-menu-vertival li a span {
display: inline-block;
opacity: 0;
-webkit-transition: all 900ms ease-out 0.4s;
-moz-transition: all 900ms ease-out 0.4s;
-o-transition: all 900ms ease-out 0.4s;
transition: all 900ms ease-out 0.4s;
}
.shop-menu-vertival li a:hover span,
.shop-menu-vertival li.active a span {
opacity: 1;
}
.shop-menu-vertival li a i {
background: none repeat scroll 0 0 #666;
display: inline-block;
height: 1px;
margin: 0 20px;
position: relative;
top: -10px;
width: 25px;
-webkit-transition: all 900ms cubic-bezier(1, 0, 0, 1) 0.2s;
-moz-transition: all 900ms cubic-bezier(1, 0, 0, 1) 0.2s;
-o-transition: all 900ms cubic-bezier(1, 0, 0, 1) 0.2s;
transition: all 900ms cubic-bezier(1, 0, 0, 1) 0.2s;
}
.shop-menu-vertival li a:hover i,
.shop-menu-vertival li.active a i {
margin: 0 0 0 10px;
}
/* for Chrome, Safari and Opera */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.shop-menu-vertival li.active a i {
margin-right: 1px;
}
}
.shop-scroller1 .ms-left {
width: 60% !important;
}
.shop-scroller1 .ms-right {
width: 40% !important;
}
.ms-right .ms-section {
opacity: 0;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.ms-right .ms-section.active {
opacity: 1;
-webkit-transition: all 0.6s ease-in-out 1.5s;
-moz-transition: all 0.6s ease-in-out 1.5s;
-o-transition: all 0.6s ease-in-out 1.5s;
transition: all 0.6s ease-in-out 1.5s;
}
.ms-right .expander-description {
}
.ms-left .ms-section {
background-color: #e5e5e5;
padding: 30px 150px;
}
.ms-right .ms-section {
padding: 35px 60px 0;
}
.product-media img {
width: 100%;
}
#multiscroll-nav.right {
right: 40%;
}
#multiscroll-nav li {
height: inherit;
margin: inherit;
position: relative;
width: inherit;
}
#multiscroll-nav li a {
color: #fff;
display: block;
height: 20px;
margin: 20px 0;
text-align: right;
text-transform: uppercase;
}
#multiscroll-nav li a span {
background-color: #666;
border: 0 none;
border-radius: 0;
display: inline-block;
height: 1px;
left: auto;
margin-left: 20px;
margin-right: 40px;
position: relative;
top: -7px;
width: 25px;
-webkit-transition: all 900ms cubic-bezier(1, 0, 0, 1) 0.2s;
-moz-transition: all 900ms cubic-bezier(1, 0, 0, 1) 0.2s;
-o-transition: all 900ms cubic-bezier(1, 0, 0, 1) 0.2s;
transition: all 900ms cubic-bezier(1, 0, 0, 1) 0.2s;
}
#multiscroll-nav li:hover a span,
#multiscroll-nav li a.active span {
margin-right: 0;
}
#multiscroll-nav li a.active + .multiscroll-tooltip {
opacity: 1 !important;
}
.multiscroll-tooltip.right {
color: #333;
right: 40px;
top: -2px;
}
/*--------- shop 2 product single ------------*/
.shopSinglePage {
background-color: #fff;
height: 100%;
position: fixed;
width: 100%;
z-index: 1100;
display: none;
}
.shopSinglePage .shopSingleLeft,
.shopSinglePage .shopSingleRight {
float: left;
height: 100%;
width: 50%;
}
.shopSingleRight {
padding: 60px 50px 0 50px;
position: relative;
}
.shopSingleDesc {
height: 100%;
padding-left: 10px;
padding-right: 10px;
}
.shopSingleDesc:focus {
outline: 0 none;
}
.shopSingleDesc .btn {
margin-right: 12px;
}
.shopSingleDesc .btn:last-child {
margin-left: -1px;
}
.shopSingleThumb > img {
height: 100vh;
width: 100%;
}
.closeShopSingle {
background: url("../img/icons/cross_black.png") no-repeat scroll center center / 70% auto transparent;
display: block;
height: 30px;
opacity: 0.5;
position: absolute;
right: 60px;
text-indent: -9999em;
top: 30px;
width: 30px;
}
.shopSingleDesc .product-_-overview {
margin: 30px 0 0;
}
.shopSingleDesc .overview-tab {
margin: 0;
}
.shopSingleDesc .reviewlist {
margin: 0 0 30px;
}
.shopSingleDesc .product-review h3,
.shopSingleDesc .review-from-box h3 {
font-size: 16px;
padding: 0 0 15px;
}
.shopSingleDesc .review-form .input-field {
margin-bottom: 25px;
}
.shopSingleDesc .review-form .input-field label {
font-weight: 300;
letter-spacing: 1px;
margin: 0 0 8px;
}
.shopSingleDesc .subtitle {
border-bottom: 0 none;
color: #777;
font-size: 20px;
letter-spacing: 1px;
margin: 40px 0 13px;
}
.shopSingleDesc .shopSingleRP {
padding-bottom: 30px;
}
.shopSingleRPCarousel .pdSingleBtns {
margin: 12px 0 0;
}
.shopSingleRPCarousel .pdSingleBtns a {
padding-left: 0;
padding-right: 0;
width: 29.8%;
}
.shopSingleRPCarousel .pdSingleBtns a:last-child {
margin-right: 0;
}
.shopSingleRP .title-wrap a {
font-size: 22px;
}
/*---------------------------------------------------------
Home Shop 3
----------------------------------------------------------*/
.shop3slider .slideItem {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
.shop3slider .display-tableCell {
z-index: 130;
}
.shop3slider .slideItem h2 {
color: #fff;
font-family: Oswald,sans-serif;
font-size: 35px;
font-weight: 300;
text-transform: uppercase;
}
.shop3slider .slideItem p {
font-size: 21px;
font-weight: 300;
line-height: 31px;
}
.shop3slider .slidebtn {
margin-top: 15px;
}
.fadeLeft,
.fadeRight {
left: -40px;
opacity: 0;
position: relative;
-webkit-transition: all 0.6s ease 1s;
-moz-transition: all 0.6s ease 1s;
-o-transition: all 0.6s ease 1s;
transition: all 0.6s ease 1s;
}
.fadeRight {
left: auto;
right: -40px;
}
.owl-item.active .fadeLeft {
opacity: 1;
left: 0;
}
.owl-item.active .fadeRight {
opacity: 1;
right: 0;
}
/*----- Promo Block --------*/
.promoBlock {
margin: 30px 0;
position: relative;
}
.promoBlock > img {
display: block;
height: auto;
width: 100%;
}
.promoBlock .promoHover {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.promoBlock:hover .promoHover {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.verticalMiddle {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.promoBlock .verticalMiddle {
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
}
.verticalMiddle:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.verticalInner {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
.promoHover span {
color: #ccc;
font-size: 25px;
font-weight: 600;
text-transform: uppercase;
}
.promoHover h2 {
color: #fff;
font-family: Lato,sans-serif;
font-size: 48px;
font-weight: 800;
margin: 15px 0;
text-transform: uppercase;
}
/*------------ Product -----------*/
.row.no-margin {
margin-left: 0;
margin-right: 0;
}
.row.no-margin > [class^="col-"] {
padding-left: 0;
padding-right: 0;
}
.productBorder {
border-bottom: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 30px;
overflow: hidden;
position: relative;
}
.productBorder img {
position: relative;
margin: 0 auto;
}
.productBorder .productBorderHover {
background-color: rgba(255, 255, 255, 0.9);
height: 100%;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.productBorder:hover .productBorderHover {
opacity: 1;
}
.shop6-col .productBorder .productBorderHover {
padding: 15px;
}
.shop6-col .productBorder .productBorderHover h4 {
font-size: 15px;
font-weight: 300;
line-height: 20px;
}
@-moz-document url-prefix() {
.isotopeFix {
width: 100.1%;
}
}
/* border left */
.linetop:before,
.linetop:after {
background-color: #333;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 0;
opacity: 0;
width: 100%;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.productBorder:hover .linetop:before {
height: 1px;
opacity: 1;
width: 30px;
}
.productBorder .linetop:after {
height: 0;
width: 1px;
}
.productBorder:hover .linetop:after {
height: 30px;
opacity: 1;
-webkit-transition: all 0.5s ease-out 0.2s;
-moz-transition: all 0.5s ease-out 0.2s;
-o-transition: all 0.5s ease-out 0.2s;
transition: all 0.5s ease-out 0.2s;
}
/* border right */
.lineright:before,
.lineright:after {
background-color: #333;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
opacity: 0;
width: 1px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.lineright:before {
height: 1px;
left: auto;
right: 0;
width: 0;
}
.productBorder:hover .lineright:before {
height: 1px;
width: 30px;
opacity: 1;
-webkit-transition: all 0.5s ease-out 0.2s;
-moz-transition: all 0.5s ease-out 0.2s;
-o-transition: all 0.5s ease-out 0.2s;
transition: all 0.5s ease-out 0.2s;
}
.lineright:after {
left: auto;
right: 0;
}
.productBorder:hover .lineright:after {
height: 30px;
width: 1px;
opacity: 1;
}
/* border bottom */
.linebottom:before,
.linebottom:after {
background-color: #333;
bottom: 0;
content: "";
height: 1px;
right: 0;
opacity: 0;
position: absolute;
width: 100%;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.productBorder:hover .linebottom:before {
height: 1px;
opacity: 1;
width: 30px;
}
.linebottom:after {
height: 0;
width: 1px;
}
.productBorder:hover .linebottom:after {
height: 30px;
opacity: 1;
-webkit-transition: all 0.5s ease-out 0.2s;
-moz-transition: all 0.5s ease-out 0.2s;
-o-transition: all 0.5s ease-out 0.2s;
transition: all 0.5s ease-out 0.2s;
}
/* border bottom */
.lineleft:before,
.lineleft:after {
background-color: #333;
bottom: 0;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
width: 1px;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.productBorder:hover .lineleft:before {
height: 30px;
width: 1px;
opacity: 1;
}
.lineleft:after {
height: 1px;
width: 0;
}
.productBorder:hover .lineleft:after {
width: 30px;
opacity: 1;
-webkit-transition: all 0.5s ease-out 0.2s;
-moz-transition: all 0.5s ease-out 0.2s;
-o-transition: all 0.5s ease-out 0.2s;
transition: all 0.5s ease-out 0.2s;
}
.row.row-border {
border-left: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
padding: 0;
}
.productBorder .price {
font-family: Lato,sans-serif;
font-size: 18px;
margin: 15px 0 0;
}
.productBorder .price del {
font-size: 90%;
margin: 0 10px 0 0;
opacity: 0.6;
}
.widgetProduct {
border-bottom: 1px solid #e8e8e8;
margin-bottom: 20px;
padding-bottom: 30px;
}
.widgetProduct:last-child {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
.widgetProduct .media .media-left {
padding-right: 20px;
}
.widgetProduct .media-heading {
font-size: 16px;
font-weight: 300;
}
.widgetProduct p.rating {
margin: 6px 0 8px;
}
.widgetProduct .price {
font-family: Lato,sans-serif;
font-size: 18px;
font-weight: 300;
margin: 12px 0 0;
}
.widgetProduct span {
margin-right: 15px;
}
.widgetProduct del {
font-size: 17px;
opacity: 0.6;
}
.shoppingMetas li {
float: left;
}
.shoppingMetas li a {
display: block;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.productBorder .productMetas {
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.productBorder .productMetas li:nth-child(2) a {
-webkit-transition: all 0.3s ease 0.3s;
-moz-transition: all 0.3s ease 0.3s;
-o-transition: all 0.3s ease 0.3s;
transition: all 0.3s ease 0.3s;
}
.productBorder .productMetas li:nth-child(3) a {
-webkit-transition: all 0.3s ease 0.6s;
-moz-transition: all 0.3s ease 0.6s;
-o-transition: all 0.3s ease 0.6s;
transition: all 0.3s ease 0.6s;
}
.productBorder .productMetas li:nth-child(4) a {
-webkit-transition: all 0.3s ease 0.9s;
-moz-transition: all 0.3s ease 0.9s;
-o-transition: all 0.3s ease 0.9s;
transition: all 0.3s ease 0.9s;
}
.productBorder .productMetas a {
background-color: #00aeef;
color: #fff;
display: block;
margin-bottom: 5px;
text-align: center;
padding: 5px 10px;
position: relative;
-webkit-transform: translateX(calc(-100% + -35px));
-moz-transform: translateX(calc(-100% + -35px));
-ms-transform: translateX(calc(-100% + -35px));
-o-transform: translateX(calc(-100% + -35px));
transform: translateX(calc(-100% + -35px));
}
.productBorder:hover .productMetas a {
-webkit-transform: translateX(calc(-100% + -1px));
-moz-transform: translateX(calc(-100% + -1px));
-ms-transform: translateX(calc(-100% + -1px));
-o-transform: translateX(calc(-100% + -1px));
transform: translateX(calc(-100% + -1px));
}
.productBorder .productMetas a:hover {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.productBorder .productMetas a span {
background-color: #00aeef;
border-left: 1px solid #fff;
height: 36px;
line-height: 36px;
position: absolute;
right: -35px;
text-align: center;
top: 0;
width: 35px;
}
.productMetas .enable_-_compare.added span i:before {
content: "\f00c";
}
/*------- shop list view ----------*/
.productBlock.whiteBg {
background-color: #fff;
padding: 30px;
}
.productBlock.border {
border: 1px solid #e8e8e8;
}
.productBlock h3 {
border-bottom: 0 none;
color: #777;
font-size: 20px;
margin-bottom: 30px;
}
/*------- shop list view ----------*/
.productListView {
border: 1px solid #e5e5e5;
margin-bottom: 30px;
}
.productListView .productThumb {
border-right: 1px solid #e5e5e5;
padding: 20px 50px;
}
.productListView .productThumb img {
margin: 0 auto;
max-height: 220px;
}
.productListView .productInfo {
padding: 20px;
}
.productListView .productTitle h3 {
font-size: 22px;
font-weight: 200;
margin-bottom: 15px;
}
.productListView .productTitle .price {
display: block;
font-family: Lato,sans-serif;
font-size: 18px;
font-weight: 300;
}
.productListView .pdMetas {
border-top: 1px solid #e5e5e5;
margin: 26px 0 0;
padding: 20px 0 0;
}
.productListView .pdMetas li {
border-right: 1px solid #e5e5e5;
float: left;
line-height: 12px;
margin-right: 12px;
padding-right: 12px;
}
.productListView .pdMetas li i {
margin: 0 8px 0 0;
}
.productListView .pdMetas li:last-child {
border-right: 0 none;
margin-right: 0;
padding-right: 0;
}
/*------- Look book ----------*/
.lookbook {
background-image: url("../img/shop/slider-head1.jpg");
position: relative;
}
.lookbook .overlay {
background-color: #000;
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
}
.lookbook-inner {
color: #fff;
position: relative;
text-align: center;
z-index: 10;
}
.triangle-shape {
margin: 0 0 50px;
}
.lookbook-inner h2 {
font-family: Lato;
font-size: 45px;
letter-spacing: 2px;
margin-bottom: 50px;
text-transform: capitalize;
}
/*---------------------------------------------------------
home-shop4
----------------------------------------------------------*/
.shop3slider,
.shop3slider .slideItem .display-table {
height: 100vh;
}
/*---------------------------------------------------------
Shop category page
----------------------------------------------------------*/
aside.widget {
margin-bottom: 30px;
}
.widget h3 {
font-size: 18px;
font-weight: normal;
letter-spacing: 2px;
line-height: 26px;
margin-bottom: 5px;
padding: 0 15px 15px 0;
position: relative;
text-transform: uppercase;
}
.product_list_widget .thumb,
.product_list_widget .pdDesc {
display: table-cell;
vertical-align: top;
}
.product_list_widget .thumb {
padding-right: 15px;
}
.product_list_widget > li {
border-bottom: 1px solid #f0f0f0;
margin-bottom: 15px;
padding-bottom: 15px;
position: relative;
}
.product_list_widget > li:last-child {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
.product_list_widget .pdDesc a {
display: block;
}
.product_list_widget .remove {
color: #ff525e;
font-family: Lato,sans-serif;
font-weight: 300;
height: 20px;
line-height: 16px;
position: absolute;
right: 0;
text-align: center;
top: 2px;
width: 20px;
}
.product_list_widget .remove:hover {
background-color: #ff525e;
color: #fff;
}
.product_list_widget .variation {
font-size: 13px;
}
.product_list_widget .variation strong {
font-weight: 600;
}
.product_list_widget .pdDesc .quantity {
font-family: Lato,sans-serif;
font-weight: 300;
}
.cartWidgetInner .total {
border-bottom: 1px solid #f0f0f0;
border-top: 1px solid #f0f0f0;
font-family: Lato,sans-serif;
margin: 15px 0;
padding: 8px 20px 10px 0;
}
.cartWidgetInner.type2 .total {
font-size: 18px;
}
.cartWidgetInner.type2 .quantity {
font-weight: 600;
}
.cartWidgetInner.type2 .totalInner {
margin: 4px 0 7px;
}
.cartWidgetInner.type2 .totalInner span {
font-size: 16px;
}
.product_list_widget li.clear > * {
display: table-cell;
vertical-align: top;
}
.product_list_widget li.clear .cartright {
font-family: lato, sans-serif;
padding-right: 20px;
}
.cartWidgetInner.type2 .total .amount {
font-weight: 700;
}
.product_list_widget .remove {
position: absolute;
right: -8px;
top: 4px;
}
.cartWidgetInner .buttons {
margin: 0;
}
.product-categories li {
line-height: normal;
position: relative;
}
.product-categories li a {
display: inline-block;
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
}
.product-categories .children {
margin: 5px 0 5px 20px;
}
.product-categories.type2 li a {
border-bottom: 1px solid #f0f0f0;
display: block;
font-size: 12px;
font-weight: 600;
height: 42px;
line-height: 42px;
padding: 0 15px;
}
.product-categories.type2 .children {
background-color: #fff;
border: 1px solid #f0f0f0;
margin: 0;
position: absolute;
right: -220px;
top: -1px;
width: 220px;
z-index: 20;
opacity: 0;
visibility: hidden;
-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;
}
.product-categories.type2 li:hover ul.children {
opacity: 1;
visibility: visible;
}
.product-categories.type2 li:last-child a {
border-bottom: 0 none;
}
.product-categories.type2 li a i {
float: right;
line-height: 42px;
}
.priceRange {
background-color: #ccc;
background-image: none;
border: 0 none;
border-radius: 0;
height: 6px;
margin-bottom: 15px;
}
.priceRange .ui-slider-range {
background-color: #00aeef;
background-image: none;
}
.priceRange .ui-slider-handle {
background: none repeat scroll 0 0 #fff;
border-style: solid;
border-width: 3px;
box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0) inset !important;
height: 15px;
top: -5px;
width: 15px;
}
.priceRange .ui-slider-handle {
background-color: #00aeef;
border-color: #fff;
border-radius: 50px;
cursor: auto;
height: 1em;
margin-left: -0.5em;
outline: 0 none;
position: absolute;
top: -0.3em;
width: 1em;
z-index: 2;
}
.price-slider-amount label {
display: inline-block;
font-weight: normal;
line-height: normal;
margin: 0 10px 0 0;
}
.price-slider-amount input[type="text"] {
border: 0 none;
font-family: lato,sans-serif;
line-height: normal;
padding: 0;
width: 110px;
}
.productDisplayType {
margin-bottom: 30px;
}
.productSorting,
.productLimiter {
position: relative;
}
.productSorting .sbHolder .sbSelector,
.productLimiter .sbHolder .sbSelector {
border-color: #f0f0f0;
}
.productLimiter label {
font-weight: 400;
left: 0;
line-height: normal;
margin: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.productLimiter .sbHolder {
float: right;
position: relative;
width: 60%;
}
.productLimiter .sbHolder a {
font-family: Lato,sans-serif;
}
.productSorting li a,
.productLimiter li a {
display: block;
}
.woocommerce-pagination ul li span,
.woocommerce-pagination ul li a {
border-color: #f0f0f0;
display: block;
height: 40px;
line-height: 39px;
padding: 0;
text-align: center;
width: 40px;
}
.woocommerce-result-count {
font-family: Lato,sans-serif;
margin: 6px 0 0;
}
.productViewToggle {
float: right;
margin-left: 30px;
}
.productViewToggle a {
border: 1px solid #e5e5e5;
display: inline-block;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.productViewToggle a.active {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
/*---------------------------------------------------------
Lookbook page
----------------------------------------------------------*/
figure.lookbook-image {}
.lookbook-image {
}
.lookbook-image img {
max-width: 100;
height: auto;
width: 100%;
}
figure.lookbook-image {
background-attachment: scroll;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
figure.lookbook-image.fixed {
background-attachment: fixed;
}
/*---------------------------------------------------------
HOME shop 4
----------------------------------------------------------*/
.shopfeatures {
margin-top: 30px;
}
.shopfeatureBlock {
font-family: Lato,sans-serif;
margin: 0 0 30px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
}
.shopfeatureBlock.border {
position: relative;
}
.shopfeatureBlock:after {
background-color: #ddd;
content: "";
height: 30px;
margin-top: -15px;
position: absolute;
right: -15.5px;
top: 50%;
width: 1px;
}
.shopfeatureBlock.last.border:after {
content: none;
}
.shopfeatureBlock i {
margin-right: 10px;
}
.promoThumb {
margin-bottom: 30px;
}
.promoThumb:last-child {
margin-bottom: 0;
}
.promoThumb img {
width: 100%;
}
/* Product type1 */
.productItem.type1 {
min-height: 500px;
position: relative;
}
.productItem.type1 span.fake {
display: block;
padding-top: 100%;
}
.productItem.type1 > img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
text-align: center;
top: 0;
}
.productItem.type1 .itemHover {
background-color: rgba(255, 255, 255, 0.8);
height: 100%;
left: 0;
opacity: 0;
padding-top: 50px;
position: absolute;
text-align: center;
top: 0;
width: 100%;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.productItem.type1:hover .itemHover,
.productItem.type1.active .itemHover {
opacity: 1;
}
.productItem.type1 .itemHover .closehover {
font-family: Lato,sans-serif;
font-size: 16px;
font-weight: 300;
position: absolute;
right: 10px;
top: 6px;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.productItem.type1.active .itemHover .closehover {
opacity: 1;
visibility: visible;
}
.productItem.type1 .itemHover h3 {
margin-bottom: 20px;
color: #333;
}
.productItem.type1 .price {
color: #333;
font-family: Lato,sans-serif;
font-size: 25px;
font-weight: 300;
margin-bottom: 20px;
}
.productItem.type1 .product-colors,
.productItem.type1 .product-sizes {
margin-bottom: 15px;
}
.productItem.type1 .product-sizes {
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.productItem.type1 .product-sizes.active {
opacity: 1;
visibility: visible;
}
.productItem.type1 .list-inline {
margin: 0;
}
.productItem.type1 .product-colors h4,
.productItem.type1 .product-sizes h4 {
font-size: 15px;
font-weight: 500;
letter-spacing: 2px;
margin-bottom: 15px;
text-transform: uppercase;
}
.productItem.type1 .product-colors li {
border: 1px solid transparent;
border-radius: 50px;
margin-right: 5px;
padding: 3px;
cursor: pointer;
-webkit-transition: border-color 0.5s ease-in-out 0s;
-moz-transition: border-color 0.5s ease-in-out 0s;
-o-transition: border-color 0.5s ease-in-out 0s;
transition: border-color 0.5s ease-in-out 0s;
}
.productItem.type1 .product-colors li:hover {
border-color: #777;
}
.productItem.type1 .product-colors li span {
background-color: #808080;
border-radius: 50px;
display: block;
height: 15px;
text-indent: -9999em;
width: 15px;
}
.productItem.type1 .product-sizes li {
border: 1px solid transparent;
border-radius: 50px;
cursor: pointer;
font-size: 13px;
height: 25px;
line-height: 24px;
margin-right: 5px;
padding: 0;
width: 25px;
-webkit-transition: border-color 0.5s ease-in-out 0s;
-moz-transition: border-color 0.5s ease-in-out 0s;
-o-transition: border-color 0.5s ease-in-out 0s;
transition: border-color 0.5s ease-in-out 0s;
}
.productItem.type1 .product-sizes li.active {
border-color: #777;
}
.productItem.type1 .btn-ash-border {
background-color: transparent;
}
.productItem.type1 .btn-ash-border:hover {
background-color: #333;
}
.productItem.type1 .btn-bottom-bdr {
margin: 5px 0 15px;
}
.productItem.type1 .product-meta a {
border: 1px solid #ccc;
color: #777;
display: inline-block;
height: 40px;
line-height: 38px;
text-align: center;
width: 50px;
}
.productItem .enable_-_compare.added i:before {
content: "\f00c";
}
.productItem.type1 .product-meta a:hover {
background-color: #333;
border-color: #333;
color: #fff;
}
/* widget */
.boxed-title h3 {
background-color: #f0f0f0;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 15px;
padding: 8px 20px;
}
.promoArea {
margin-bottom: 30px;
}
.productCatTab,
.productRow {
margin-bottom: 70px;
}
.productCatNav {
margin-bottom: 23px;
}
.productCatNav > li {
display: inline-block;
margin-right: 5px;
}
.productCatNav > li:last-child {
margin-right: 0;
}
.productCatNav li a {
border: 1px solid #e5e5e5;
display: block;
padding: 5px 20px;
text-transform: uppercase;
}
.productCatNav li.active a {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.productItem {
margin: 0 0 30px;
}
.owl-item .productItem {
margin: 0;
}
.productItem .product-image {
position: relative;
}
.productItem .productHover {
background-color: rgba(0, 0, 0, 0.5);
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.productItem:hover .productHover {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.productHover .quick-view {
color: #fff;
left: 0;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
z-index: 10;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.productHover .quick-view a {
color: #fff;
}
.block-itle {
margin-bottom: 30px;
}
.block-itle.border {
border-bottom: 1px solid #f0f0f0;
}
.block-itle h4 {
display: inline-block;
font-size: 14px;
line-height: 26px;
text-transform: uppercase;
}
.block-itle.primary h4 {
background-color: #00aeef;
color: #fff;
padding: 7px 20px;
}
.no-control .owl-controls {
display: none;
}
.client-carousel2 .carousel-item img {
width: auto;
}
/*---------------------------------------------------------
Wedding
----------------------------------------------------------*/
.slide26.wedding .item,
.slide26.wedding .container {
height: 550px;
}
.wedding .item-inner {
text-align: left;
}
.medical .item-inner h1,
.wedding .item-inner h1 {
font-size: 50px;
}
.wedding .item-inner h2,
.medical .item-inner h2 {
font-size: 30px;
}
.medical .text-left {
text-align: left;
}
.medical .text-right {
text-align: right;
}
.medical .item-inner .slide-button a {
margin-top: 25px;
}
.inner-content > p {
background-color: #f1f1f1;
color: #333;
padding: 30px;
position: relative;
}
.inner-content h2 {
color: #333;
display: inline-block;
margin-bottom: 40px;
position: relative;
}
.inner-content h2:before {
background-color: #00aeef;
content: "";
height: 1px;
left: 0;
margin-left: -80px;
position: absolute;
top: 50%;
width: 60px;
}
.inner-content h2:after {
background-color: #00aeef;
content: "";
height: 1px;
right: 0;
margin-right: -80px;
position: absolute;
top: 50%;
width: 60px;
}
.inner-content h3 {
color: #333;
font-family: Great vibes;
font-size: 40px;
font-weight: 300;
margin: 25px 0 0;
}
.our-story {
padding: 70px 0 0;
}
.our-story > span {
font-size: 16px;
font-weight: 600;
}
.our-story > span > span {
display: inline-block;
font-size: 65px;
font-weight: 200;
line-height: 100px;
}
.the-couple .team-mate {
margin: 0 auto;
max-width: 380px;
width: 100%;
}
.timeholder {
border: 1px solid;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 150px;
margin: 0 auto;
padding-top: 40px;
text-align: center;
width: 150px;
}
.timeholder h2 {
font-family: Lato,sans-serif;
font-size: 45px;
font-weight: 300;
}
.timeholder p {
margin: 0;
}
.wed-team {
margin-bottom: 40px;
overflow: hidden;
}
.wed-team-cap h3 {
margin-bottom: 10px;
}
.wed-team.right {
margin-right: 15px;
}
.wed-team.left {
margin-left: 15px;
}
.wed-team.right > img {
float: right;
margin-left: 30px;
}
.wed-team.left > img {
float: left;
margin-right: 30px;
}
.wedding-map #map-canvas4 {
height: 345px;
}
.party-location {
padding: 70px 0 100px;
}
.party-location2 {
background-color: #f1f1f1;
padding: 100px 0 70px;
}
.address-box {
padding: 30px;
}
.address-box h2 {
margin: 0 0 15px;
text-transform: uppercase;
}
.address-box h3 {
line-height: 32px;
margin: 0 0 15px;
text-transform: uppercase;
}
.address-box p {
margin: 0;
padding-top: 50px;
position: relative;
}
.address-box p:before {
background-color: #00aeef;
content: "";
height: 3px;
left: 0;
position: absolute;
top: 20px;
width: 100px;
}
.parallax1 {
background-image: url(../img/parallax/parallax1.jpg);
position: relative;
}
.parallax1 .overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.5;
background-color: #000;
}
.friends-say .sc_testimonial_1 p {
color: #fff;
font-size: 18px;
line-height: 28px;
}
.friends-say .sc_testimonial_1 span {
font-weight: 600;
}
.friends-say .sc_single_testimonial img {
border: 0;
width: 100px;
}
.friends-say .flex-direction-nav a {
color: #fff;
opacity: 1;
top: 50%;
}
.friends-say .flex-direction-nav .flex-prev::after {
border-left: 1px solid #fff;
border-top: 1px solid #fff;
left: 14px;
top: 12px;
}
.friends-say .flex-direction-nav .flex-next::after {
border-right: 1px solid #fff;
border-top: 1px solid #fff;
left: 8px;
top: 12px;
}
.gift-block {
text-align: center;
}
.gift-block p {
margin-bottom: 30px;
}
.gift-block a {
display: inline-block;
position: relative;
}
.gift-block a.amazon {
margin-right: 15px;
top: 9px;
}
.parallax2 {
background-image: url(../img/parallax/rsvp.jpg);
position: relative;
}
.rsvp-form {
background-color: #fff;
border: 5px solid #e9e9e9;
box-shadow: 0 0 0 5px #f9f9f9;
padding: 45px 25px 15px;
}
.rsvp-form .input-field {
position: relative;
}
.rsvp-form .sbHolder .sbToggle:after {
top: 14px;
}
.rsvp-form .input-field + .input-field {
margin-top: 20px;
}
.rsvp-form .sbHolder .sbSelector {
border: 1px solid #dadee1;
display: block;
height: 50px;
line-height: 50px;
padding: 0 12px;
}
.rsvp-form .sbOptions li a {
display: block;
}
.rsvp-form .form-control {
border: 1px solid #dadee1;
border-radius: 0;
box-shadow: 0 1px 7px rgba(0, 0, 0, 0.09) inset;
height: 50px;
}
.guest-quantity {
position: relative;
}
.rsvp-form .qty-control {
cursor: pointer;
display: block;
height: 25px;
line-height: 27px;
position: absolute;
right: 0;
text-align: center;
top: 0;
border-left: 1px solid #e5e5e5;
width: 30px;
}
.rsvp-form .qty-control.minus {
border-top: 1px solid #e5e5e5;
bottom: 0;
top: auto;
}
.rsvp-form .btn-blue {
margin: 35px 0 15px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.rsvp-form label.error {
color: #f24e55;
font-weight: 400;
}
.rsvp-form .success,
.rsvp-form .failed {
border: 1px solid #398f14;
color: #398f14;
display: none;
padding: 5px 15px;
}
.rsvp-form .failed {
border-color: #f24e55;
color: #f24e55;
}
.content-parallax {
color: #fff;
position: relative;
z-index: 2;
}
.content-parallax h3 {
line-height: 38px;
}
.content-parallax .btn-blue {
margin-top: 25px;
}
/*================================================================
SHop cart
==================================================================*/
.cart-form-wrapper {
margin-top: 50px;
}
.cart-form-wrapper .shop_table {
font-family: "Lato", sans-serif;
width: 100%;
}
.shop_table thead {
padding-bottom: 10px;
}
.shop_table thead tr th,
.shop_table tbody tr td {
text-align: left;
}
.shop_table thead tr th {
border-bottom: 1px solid #f8f8f8;
color: #333333;
padding: 0 0 10px;
text-transform: uppercase;
}
.shop_table thead tr th.product-thumbnail {
display: none;
}
.shop_table thead tr th.product-name {
display: table-cell;
}
.shop_table tbody {
padding-top: 10px;
}
.shop_table tbody tr td,
.shop_table tfoot tr th,
.shop_table tfoot tr td {
border-bottom: 1px solid #f8f8f8;
color: #333333;
padding: 30px 0;
vertical-align: middle;
}
.shop_table tbody tr td.product-thumbnail {
display: table-cell;
min-width: 95px;
width: 95px;
}
.shop_table .product-quantity .qty-field,
.shop_table .product-quantity .plus {
float: left;
}
.shop_table tbody td.product-remove a {
background: transparent url("../img/icons/cross_black.png") no-repeat scroll center center / 45% auto;
height: 29px;
width: 29px;
display: block;
}
.shop_table + .actions {
margin-top: 25px;
}
.actions .coupon-box {
display: -webkit-flex;
display: flex;
}
.coupon-box .form-control {
border-color: #dddddd;
border-radius: 0;
box-shadow: none;
color: #777777;
height: 40px;
margin-right: 20px;
}
.cart-collaterals {
font-family: Lato, sans-serif;
background-color: #fafafa;
margin-top: 50px;
padding: 40px;
}
.cart-collaterals h2 {
font-size: 30px;
font-weight: 400;
margin-bottom: 25px;
}
.cart-collaterals .cart_totals table {
background-color: transparent;
border: 0 none;
border-spacing: 0;
color: #454545;
margin: 0 0 25px;
width: 100%;
}
.cart-collaterals .cart_totals table tbody tr,
.cart-collaterals .cart_totals table tfoot tr {
background-color: transparent;
}
.cart-collaterals .cart_totals table tbody tr td,
.cart-collaterals .cart_totals table tfoot tr td,
.cart-collaterals .cart_totals table tfoot tr th,
.cart-collaterals .cart_totals table tbody tr th {
border-bottom: 1px solid #dddddd;
font-size: 16px;
font-weight: 400;
padding: 25px 0;
vertical-align: middle;
}
.cart-collaterals .cart_totals table tbody tr th,
.cart-collaterals .cart_totals table tfoot tr th {
background-color: transparent;
font-weight: 500;
text-align: left;
}
.cart-collaterals .cart_totals table tbody tr td,
.cart-collaterals .cart_totals table tfoot tr td {
background-color: transparent;
padding-left: 15px;
text-align: left;
}
.cart-collaterals .cart_totals table tbody tr td,
.cart-collaterals .cart_totals table tfoot tr td {
padding-left: 20px;
}
#shipping_method li {
clear: left;
display: block;
float: left;
margin-bottom: 5px;
width: 100%;
}
.custom_check {
left: 0;
position: absolute;
top: 0;
visibility: hidden;
}
.custom_check + .custom_label:before {
background-color: #fff;
border: 1px solid #e8e8e8;
content: "";
display: block;
height: 16px;
left: 0;
position: absolute;
top: 0;
width: 16px;
}
.custom_check + .custom_label:after {
background-color: #00aeef;
content: "";
height: 10px;
left: 3px;
opacity: 0;
position: absolute;
top: 3px;
width: 10px;
}
.custom_check:checked + .custom_label:after {
opacity: 1;
}
input.custom_check[type="radio"] + .custom_label:before,
input.custom_check[type="radio"] + .custom_label:after {
border-radius: 8px;
}
.custom_check + .custom_label {
display: block;
float: left;
font-size: 14px;
line-height: normal;
margin: 0;
min-height: 16px;
padding: 0 0 0 30px;
position: relative;
text-transform: none;
}
.terms-conditions .custom_label {
font-size: 13px;
}
.payment_methods li {
margin-bottom: 20px;
}
.payment_methods .payment_box {
display: none;
float: left;
margin: 0 0 20px 28px;
}
.payment_methods li img {
margin-left: 10px;
max-height: 16px;
vertical-align: middle;
}
/*================================================================
Order summry
==================================================================*/
.order-page {
font-family: Lato,sans-serif;
}
.order-head {
border: 5px solid #f4f4f4;
}
.order-title {
border-bottom: 5px solid #f4f4f4;
font-family: Lato,sans-serif;
font-size: 42px;
padding: 50px 30px;
text-align: center;
text-transform: uppercase;
}
.order-page .order-details {
border-right: 5px solid #f4f4f4;
font-size: 18px;
padding: 25px 0;
text-align: center;
}
.order-page .order-details:last-child {
border-right: 0 none;
}
.order-page .order-details label {
display: block;
}
.order-status {
background-color: #00aeef;
color: #ffffff;
font-size: 18px;
margin-bottom: 60px;
margin-top: 10px;
padding: 25px 15px;
text-align: center;
}
.order-status h5 {
font-size: 20px;
}
.order-description {
border: 5px solid #f4f4f4;
padding: 40px;
}
.order-description .order_table {
width: 100%;
}
.order_table thead tr th {
font-size: 18px;
}
.order_table tbody tr td {
font-size: 16px;
}
.order_table thead tr th,
.order_table tbody tr td,
.order_table tfoot tr th,
.order_table tfoot tr td {
border-bottom: 1px solid #eeeeee;
}
.customer-details {
margin-top: 30px;
}
.customer-details h4 {
color: #333333;
font-size: 18px;
margin-bottom: 25px;
}
.customer-details h5 {
color: #333333;
font-size: 16px;
margin-bottom: 10px;
}
.customer-details p {
margin: 0 0 15px;
}
/*================================================================
Medical
==================================================================*/
.appointment-form {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
.make-appoint {
background-color: #00aeef;
color: #fff;
display: inline-block;
cursor: pointer;
padding: 10px 25px;
}
.make-appoint i {
padding-left: 30px;
}
form.appointment {
background-color: rgba(0, 0, 0, 0.15);
display: none;
padding: 15px;
}
.appointment .form-control {
background-color: transparent;
border-color: transparent transparent #eee;
border-radius: 0;
border-style: none none solid;
border-width: 0 0 1px;
box-shadow: none;
color: #fff;
}
.appointment .form-control::-webkit-input-placeholder {
color: #fff;
}
.appointment .form-control::-moz-placeholder {
color: #fff;
}
.appointment .form-control:-moz-placeholder {
color: #fff;
}
.appointment label.error {
display: none !important;
}
.appointment input.error {
border-bottom-color: red;
}
.appointment .form-control.message {
height: 60px;
}
.appointment .submit {
background-color: #fff;
border: 0 none;
margin: 21px 0 0;
padding: 6px 20px;
-webkit-transition: all .3s ease-in 0s;
-moz-transition: all .3s ease-in 0s;
-ms-transition: all .3s ease-in 0s;
-o-transition: all .3s ease-in 0s;
transition: all .3s ease-in 0s;
}
.appointment .submit:hover {
background-color: #00aeef;
color: #fff;
}
.ui-datepicker {
border: 0 none;
padding: 0;
z-index: 20 !important;
}
.ui-datepicker,
.ui-datepicker-header {
border-radius: 0;
}
.ui-datepicker .ui-datepicker-header {
background-color: #00aeef;
background-image: none;
border: 0 none;
padding: 0.4em 0;
color: #fff;
}
.ui-datepicker td {
background-color: #eee;
border-color: #e7e9ea #e7e9ea transparent transparent;
border-style: solid solid none none;
border-width: 1px 1px medium medium;
padding: 0;
}
.ui-datepicker td .ui-state-default {
background-image: none;
background-color: #f5f8fa;
border: 1px solid transparent;
color: #6c7173;
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0.7em 0;
text-align: center;
}
.ui-datepicker .ui-state-hover {
background-color: transparent;
border: 0;
}
.ui-widget-header .ui-icon {
background-image: url("../img/icons/datepicker-img.png");
}
.ui-date-picker-prev .ui-icon-circle-triangle-w {
background-position: -96px -16px;
}
.ui-date-picker-next .ui-icon-circle-triangle-w {
background-position: -32px -16px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
height: 1.8em;
position: absolute;
top: 5px;
width: 1.8em;
border-radius: 0;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
left: 5px;
top: 7px;
}
.ui-datepicker .ui-datepicker-next {
right: 5px;
top: 7px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
margin-left: -8px;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
background-color: rgba(0, 0, 0, 0.2);
background-image: none;
}
.ui-datepicker .ui-datepicker-prev span {
background-position: -96px -16px;
}
.ui-datepicker .ui-datepicker-next span {
background-position: -32px -16px;
}
.doc-team {
background-color: #f1f1f1;
}
.medic {
padding: 0;
}
.medic .sc_testimonial_1 p {
font-size: 20px;
line-height: 30px;
}
.medic:hover .flex-direction-nav a:hover {
background-color: transparent;
}
.medic .flex-direction-nav a {
top: 50%;
}
.medic:hover .flex-direction-nav a {
top: 50%;
}
/*================================================================
App Landing
==================================================================*/
.app-home .banner-caption p {
color: #fff;
}
.app-home .banner-caption .btn-blue i {
margin-right: 10px;
}
.phone-image {
margin: 0 auto;
max-width: 350px;
width: 100%;
}
.phone-image img {
width: 100%;
}
.app-breif .subtitle {
margin-bottom: 30px;
text-align: left;
}
.app-review .sc_testimonial_1 p {
font-size: 20px;
line-height: 35px;
}
.app-screenshot .carousel-item {
padding: 10px;
}
.app-screenshot .bx-controls-direction a.bx-prev {
left: -20px;
}
.app-screenshot .bx-controls-direction a.bx-next {
right: -20px;
}
.phone-image2 {
margin: 0 auto;
max-width: 270px;
}
.phone-image2 img {
width: 100%;
}
.app-features .feature-item {
margin-bottom: 35px;
}
.app-features .feature-item .fi-icon {
position: relative;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.app-features .feature-item:hover .fi-icon {
background-color: transparent;
color: #00aeef;
}
.app-features .fi-icon:after {
border: 2px solid transparent;
border-radius: 50%;
content: "";
height: 60px;
left: -4px;
position: absolute;
top: -4px;
width: 60px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.app-features .feature-item:hover .fi-icon:after {
border-color: #00aeef;
}
.social-section {
background-color: #00aeef;
overflow: hidden;
}
.social-section li {
display: inline-block;
}
.social-section li a {
border-color: transparent;
color: #fff;
display: block;
margin: 0 5px;
position: relative;
}
.social-section li a:hover {
color: #fff;
border-color: #fff;
background: transparent;
}
.social-section li a span {
background-color: red;
border-radius: 50%;
left: 50%;
position: absolute;
top: 50%;
z-index: 1;
}
.social-section li a i{
border: 1px solid #fff;
border-radius: 50px;
font-size: 18px;
height: 42px;
line-height: 40px;
position: relative;
width: 42px;
z-index: 5;
}
/*================================================================
Agency 3
==================================================================*/
.agency-portfolio {
position: relative;
}
.agency-portfolio .portfolio-desc:after {
}
.agency-portfolio .portfolio-desc {
background-color: #fff;
bottom: 30px;
left: 30px;
padding: 35px;
opacity: 0;
position: absolute;
right: 30px;
top: 30px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.agency-portfolio:hover .portfolio-desc {
opacity: 1;
}
.agency-portfolio h3 {
margin-top: -10px;
margin-bottom: 10px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.agency-portfolio:hover h3 {
margin-top: 0;
}
.agency-portfolio .port-sep {
background-color: #00aeef;
display: block;
height: 3px;
margin: 15px 0 0;
width: 45px;
}
.agency-prtflo .portfolio-desc span a {
background-image: none !important;
font-size: 18px;
line-height: 43px;
text-indent: 0;
}
.agency-prtflo .portfolio-desc span a:hover {
background-color: #00aeef !important;
border-color: #00aeef !important;
color: #fff !important;
}
.client--list li {
display: inline-block;
margin: 0 20px 40px;
}
.our--client .section-head {
margin-bottom: 0;
}
.our--client .section-head h2 {
float: none;
padding: 0;
margin: 0 0 20px;
}
.our--client .section-head h2:after {
content: none;
}
.our--client .section-head h2 span {
text-align: left;
}
.client--list li {
display: inline-block;
margin: 0 20px 40px;
}
.service2 .icon {
font-size: 55px;
}
.row.service4 {
margin-top: 50px;
}
.service4 > .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.service4 .service-item {
background-color: #fafafa;
padding: 40px;
text-align: center;
}
.service4 .service-item.gray {
background-color: #ddd;
}
.service4 .service-icon {
color: #777;
font-size: 80px;
margin-bottom: 30px;
}
.service4 .service-inner {
margin: 0 auto;
max-width: 460px;
width: 100%;
}
/*================================================================
Business
==================================================================*/
.business-slide,
.business-slide .slide-item {
height: 600px;
}
.business-slide .item {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.slide-item {
display: table;
width: 100%;
}
.slide-item-inner {
display: table-cell;
vertical-align: middle;
}
.business-slide .slide-item h2 {
font-size: 78px;
font-weight: 800;
opacity: 0;
position: relative;
text-transform: uppercase;
top: 80px;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-o-transition: all 0.6s ease-in-out 0s;
transition: all 0.6s ease-in-out 0s;
}
.business-slide .item2 h2 {
top: -50px;
font-size: 40px;
}
.business-slide .active .slide-item h2 {
opacity: 1;
top: 0;
}
.business-slide .slide-item p {
font-size: 24px;
line-height: 34px;
position: relative;
top: 80px;
opacity: 0;
-webkit-transition: all 0.6s ease-in-out 0.6s;
-moz-transition: all 0.6s ease-in-out 0.6s;
-o-transition: all 0.6s ease-in-out 0.6s;
transition: all 0.6s ease-in-out 0.6s;
}
.business-slide .item2 p {
display: inline-block;
top: 0;
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
}
.business-slide .active .item2 p {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.business-slide .active .slide-item p {
top: 0;
opacity: 1;
}
.business-slide .slide-item .bsns-btn {
margin: 25px 0 0;
position: relative;
top: 80px;
opacity: 0;
-webkit-transition: all 0.6s ease-in-out 1s;
-moz-transition: all 0.6s ease-in-out 1s;
-o-transition: all 0.6s ease-in-out 1s;
transition: all 0.6s ease-in-out 1s;
}
.business-slide .item2 .bsns-btn {
}
.business-slide .active .slide-item .bsns-btn {
top: 0;
opacity: 1;
}
.business-slide .slide-image {
margin: -300px 0 0;
position: absolute;
right: -130px;
top: 50%;
width: 50%;
-webkit-transition: all 0.6s ease-in-out 0.3s;
-moz-transition: all 0.6s ease-in-out 0.3s;
-o-transition: all 0.6s ease-in-out 0.3s;
transition: all 0.6s ease-in-out 0.3s;
}
.business-slide .item2 .slide-image {
margin: -156px 0 0;
width: 65%;
}
.business-slide .active .slide-image {
right: 0;
}
.control-one .owl-controls {
margin: 0;
}
.control-one .owl-nav {
position: static;
}
.control-one .owl-nav > div {
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 24px;
height: 60px;
left: 0;
line-height: 60px;
margin: -30px 0 0;
position: absolute;
text-align: center;
top: 50%;
opacity: 0;
text-indent: -9999em;
width: 50px;
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-o-transition: all 0.6s ease-in-out 0s;
transition: all 0.6s ease-in-out 0s;
}
.control-one:hover .owl-nav > div {
opacity: 1;
}
.control-one .owl-nav > div:hover {
background-color: #00aeef;
}
.control-one .owl-nav > div:before {
border-color: #fff transparent transparent #fff;
border-style: solid;
border-width: 1px;
content: "";
height: 20px;
left: 50%;
margin: -10px 0 0 -6px;
position: absolute;
top: 50%;
width: 20px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.control-one .owl-nav .owl-next:before {
border-color: #fff #fff transparent transparent;
margin: -10px 0 0 -15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.control-one .owl-nav .owl-next {
left: auto;
right: 0;
}
.control-one .owl-dots {
bottom: 10px;
display: none !important;
left: auto;
position: absolute;
width: 100%;
}
.control-one .owl-dot {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 25px;
display: inline-block;
height: 13px;
margin: 0 5px;
width: 13px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.control-one .owl-dot:hover,
.control-one .owl-dot.active {
background-color: #00aeef;
}
/*================================================================
Business 2
==================================================================*/
.header3 .header-mid {
border-bottom: 1px solid #e5e5e5;
padding: 20px 0;
}
.header3 .nav22 {
box-shadow: none;
}
.header3 .navbar-nav {
text-align: left;
}
.slide-search .header-search {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.slide-search .search-field {
border: 0px solid #e5e5e5;
float: left;
height: 42px;
width: 0;
padding: 0;
text-indent: 15px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.slide-search .search-sub {
background-color: transparent;
border: 1px solid #e5e5e5;
color: #999;
font-size: 16px;
height: 42px;
padding: 0 13px;
}
.header3 .header-search {
float: right;
position: static;
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.slide-search .header-search.active .search-field {
border-width: 1px;
margin-right: -1px;
width: 250px;
}
.slide-search.animated .search-sub {
color: #777;
}
.header3 .callus {
float: right;
margin: 13px 20px 0 0;
}
.header3 .callus span i {
float: left;
font-size: 22px;
margin: 2px 10px 0 0;
}
.slide-search.header19 .header-search {
margin: 0 30px 0 0;
}
.header19 .search-sub {
border: 0 none;
color: #fff;
font-size: 18px;
}
.header19 .header-search.active .search-sub {
background-color: #00aeef;
color: #fff;
}
.nav3 .navbar-nav > li > a {
padding: 20px;
}
.nav3 .search-form > i {
cursor: pointer;
padding: 23px 0;
}
.top-nav > ul > li {
border-right: 1px solid #e5e5e5;
display: inline-block;
line-height: 14px;
margin: 12px 0 0;
padding: 0 6px;
}
.top-nav > ul > li:last-child {
border-right: 0;
}
.top-nav > ul > li > a {
display: block;
font-family: Lato,sans-serif;
font-size: 13px;
font-weight: 300;
}
.top-nav > li > a > i {
margin-right: 5px;
}
.header-top.padding30 {
padding: 30px 0;
}
.top-nav.type2 > ul > li > a {
font-size: 16px;
font-weight: 300;
}
.top-nav.type2 > ul > li {
margin: 0;
padding: 0 10px;
}
.top-nav.type2 > ul > li:first-child {
padding-left: 0;
}
.top-nav.type2 > ul > li:last-child {
padding-right: 0;
}
.top-nav.dropdown li {
position: relative;
}
.top-nav.dropdown li ul.submenu {
background-color: #fff;
box-shadow: 1px 1px 5px -1px rgba(0, 0, 0, 0.1);
left: 0;
min-width: 200px;
padding: 20px;
position: absolute;
z-index: 20;
opacity: 0;
visibility: hidden;
top: 30px;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
-moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.top-nav.dropdown li:hover > ul.submenu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.top-nav.dropdown ul.submenu:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 10px;
content: "";
left: 20px;
position: absolute;
top: -20px;
}
.top-nav.dropdown ul.submenu li a {
color: #777;
display: block;
font-weight: 300;
line-height: 26px;
}
.top-nav.dropdown ul.submenu li a:hover {
color: #00aeef;
}
.top-nav.dropdown ul.submenu li a span {
display: block;
float: right;
}
.top-nav.dropdown .cart .product_list_widget {
color: #777;
left: auto;
line-height: 26px;
min-width: 330px;
right: 0;
}
.top-nav.dropdown .cart .product_list_widget:before {
left: auto;
right: 80px;
}
.top-nav.dropdown ul.product_list_widget > li > a {
display: table-cell;
}
.top-nav.dropdown ul.product_list_widget > li.buttons > a {
display: inline-block;
font-size: 13px;
padding: 5px 0;
width: 48%;
}
.top-nav.dropdown ul.product_list_widget li a.remove {
line-height: initial;
}
.top-nav.dropdown ul.product_list_widget > li.buttons > a:hover,
.top-nav.dropdown ul.product_list_widget li a.remove:hover {
color: #fff;
}
/*---------------- top-nav type 3 ---------------*/
.leftBorder.topLeft {
border-left: 1px solid #f0f0f0;
}
.leftBorder .topNavContact {
padding-left: 10px;
}
.leftBorder .top-nav {
border-top: 1px solid #f0f0f0;
display: inline-block;
margin-top: 5px;
padding-left: 10px;
padding-top: 5px;
}
.top-nav.type3 > ul > li {
border: 0 none;
line-height: inherit;
margin: 0;
padding: 0;
}
.top-nav.type3 > ul > li > a {
font-size: 15px;
padding-right: 5px;
position: relative;
}
.top-nav.type3 > ul > li > a:after {
content: "-";
padding-left: 10px;
}
.top-nav.type3 > ul > li:last-child > a:after {
content: none;
}
.topRightInner.left,
.topRightInner.right {
float: right;
}
.topRightInner.right {
border-right: 1px solid #f0f0f0;
margin-right: 10px;
}
.topRightSearch .search-submit {
background-color: transparent;
color: #ccc;
}
.topRightSearch {
border-bottom: 1px solid #f0f0f0;
margin-bottom: 5px;
}
.top-nav.type3 {
padding-right: 10px;
}
.cartWrapper {
position: relative;
}
.cartWrapper .cartIcon span {
display: block;
font-family: Lato,sans-serif;
font-size: 12px;
margin-right: -4px;
text-align: center;
}
.cartWrapper .cartIcon {
cursor: pointer;
padding: 16px 10px 0;
}
.cartWrapper .cartIcon i {
display: block;
font-size: 20px;
}
.cartWrapper .cartWidgetInner {
background-color: #fff;
border: 1px solid #f0f0f0;
min-width: 390px;
padding: 20px;
position: absolute;
right: 0;
top: 40px;
opacity: 0;
visibility: hidden;
z-index: 160;
width: 100%;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0 0;
-moz-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
-o-transform-origin: 0 0 0;
transform-origin: 0 0 0;
-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
-moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
-o-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.cartWrapper:hover .cartWidgetInner {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
/*---------------- End top-nav ---------------*/
.business-slide2 .slide-item h2 {
-webkit-transition: all 0.6s ease-in-out 0.4s;
-moz-transition: all 0.6s ease-in-out 0.4s;
-o-transition: all 0.6s ease-in-out 0.4s;
transition: all 0.6s ease-in-out 0.4s;
}
.business-slide2 .slide-item p {
margin: 30px 0;
}
.business-slide2 .bsns-btn a {
font-size: 14px;
padding: 15px 27px;
}
.business-slide .bsns-btn:nth-child(2) {
margin-left: 20px;
-webkit-transition: all 0.6s ease-in-out 1.4s;
-moz-transition: all 0.6s ease-in-out 1.4s;
-o-transition: all 0.6s ease-in-out 1.4s;
transition: all 0.6s ease-in-out 1.4s;
}
.theme-fuature .feature-box {
float: left;
margin-right: 4%;
width: 48%;
}
.theme-fuature .feature-box:nth-child(2n) {
margin-right: 0;
}
.feature-box span {
border: 1px solid;
color: #bebebe;
float: left;
font-size: 20px;
height: 50px;
line-height: 50px;
margin: 5px 0 0;
text-align: center;
width: 50px;
}
.feature-box p {
font-size: 14px;
line-height: 22px;
margin: 0 0 30px 70px;
}
.post-image img {
width: 100%;
}
.service5 .single_carna_service {
margin: 60px 0 0;
}
.content-overlay {
background-color: rgba(0, 0, 0, 0.3);
margin: 0 auto;
max-width: 900px;
padding: 40px;
width: 100%;
}
.content-overlay p {
font-size: 16px;
line-height: 26px;
margin: 0 0 25px;
}
.fullwidth > .container-fluid {
padding-left: 0;
padding-right: 0;
}
/*! Gray v1.4.2 (https://github.com/karlhorky/gray) | MIT */
.grayscale {
/* Firefox 10-34 */
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(1);
filter: grayscale(1);
filter: gray;
}
.grayscale.grayscale-fade {
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.grayscale.grayscale-fade {
-webkit-transition: -webkit-filter .5s;
transition: -webkit-filter .5s;
}
}
.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
/* Background element */
.grayscale.grayscale-replaced {
-webkit-filter: none;
filter: none;
}
.grayscale.grayscale-replaced > svg {
opacity: 1;
-webkit-transition: opacity 0.5s ease-in-out 0s;
-moz-transition: opacity 0.5s ease-in-out 0s;
-o-transition: opacity 0.5s ease-in-out 0s;
transition: opacity 0.5s ease-in-out 0s;
}
.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
opacity: 0;
}
.pf-carousel .portfolio-desc {
background-color: #fff;
bottom: -100%;
left: 0;
position: absolute;
text-align: center;
width: 100%;
padding: 20px 15px 15px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.pf-carousel:hover .portfolio-desc {
bottom: 0;
}
.pf-carousel .portfolio-desc h4,
.pf-carousel .portfolio-desc p {
margin: 0;
}
.pf-carousel .portfolio-desc p {
margin: 5px 0 0;
}
.portfolio-carousel .owl-nav > div {
background-color: rgba(0, 0, 0, 0.2);
color: #fff;
font-size: 24px;
height: 40px;
left: 0;
opacity: 0;
margin-top: -20px;
line-height: 40px;
position: absolute;
text-align: center;
top: 50%;
width: 40px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.portfolio-carousel .owl-nav .owl-next {
left: auto;
right: 0;
}
.portfolio-carousel:hover .owl-nav > div {
opacity: 1;
}
.portfolio-carousel .owl-nav > div:hover {
background-color: #00aeef;
}
/*================================================================
Personal
==================================================================*/
.personal {
background-image: url("../img/personal/header.jpg");
background-position: center top;
}
.personal .banner-caption {
position: relative;
top: -48px;
}
.personal .banner-caption h1 {
font-weight: 700;
}
.personal .banner-caption small,
.personal .banner-caption p {
color: #fff;
}
.about-me li {
font-family: Lato,sans-serif;
padding: 15px 0;
}
.about-me li + li {
border-top: 1px solid #e5e5e5;
}
.about-me li strong {
display: inline-block;
width: 90px;
}
.personal-counter .timer-item span {
font-size: 30px;
}
.timer-item i {
display: inline-block;
font-size: 45px;
margin-bottom: 15px;
}
.personal-skills ul.list_style_02 li {
font-weight: 600;
line-height: 28px;
padding: 6px 0;
text-transform: uppercase;
}
.hobbies .iconbox {
background-color: #00aeef;
border: 0 none;
border-radius: 10px;
color: #fff;
font-size: 30px;
height: 100px;
line-height: 100px;
margin: 0 auto 20px;
width: 100px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.hobbies:hover .iconbox {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.hobbies span {
font-size: 18px;
text-transform: uppercase;
}
.references-block figure {
position: relative;
}
.references-block figure img {
width: 100%;
}
.references-block figure figcaption {
background-color: #00aeef;
bottom: -100%;
color: #fff;
height: 100%;
left: 0;
padding: 30px;
position: absolute;
text-align: center;
width: 100%;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.references-block:hover figcaption {
bottom: 0;
}
.references-block figcaption i {
background-color: #fff;
border-radius: 50px;
color: #00aeef;
height: 50px;
line-height: 50px;
width: 50px;
}
.references-block .referer_name {
font-size: 24px;
margin: 0;
text-transform: uppercase;
}
.references-block .reference-short {
margin: 25px 0 30px;
}
.grid-blog .featured-image {
padding-left: 0;
padding-right: 0;
}
.grid-blog .featured-image img {
min-height: 308px;
width: 100%;
}
.grid-blog .blog-content {
background-color: #00aeef;
color: #fff;
min-height: 308px;
padding: 30px 0 0;
position: relative;
}
.grid-blog .blog-content:before {
border-color: transparent #00aeef transparent transparent;
border-style: solid;
border-width: 15px;
content: "";
left: -29px;
margin-top: -15px;
position: absolute;
top: 50%;
}
.grid-blog.blog-img-right .blog-content:before {
border-color: transparent transparent transparent #00aeef;
left: auto;
right: -29px;
}
.grid-blog .blog-content h4 a {
color: #fff;
text-transform: uppercase;
}
.grid-blog .post-metas {
margin: 15px 0 30px;
overflow: hidden;
padding: 0 25px;
text-align: right;
}
.grid-blog .post-metas > div {
font-family: Lato,sans-serif;
font-size: 16px;
font-weight: 700;
text-align: right;
}
.grid-blog .post-hover,
.grid-blog .blog-content h4 {
padding: 0 25px;
}
.grid-blog .post-author:after,
.grid-blog .post-date:after {
content: "/";
padding: 0 0 0 8px;
}
.grid-blog .post-date,
.grid-blog .post-cat {
float: right;
}
.grid-blog .post-cat {
padding: 0 0 0 8px;
}
.grid-blog .meta-icons {
overflow: hidden;
padding: 0;
width: 100%;
}
.grid-blog .meta-icons a {
background-color: rgba(0, 0, 0, 0.1);
color: #fff;
display: inline-block;
font-size: 18px;
height: 50px;
line-height: 50px;
text-align: center;
width: 50px;
}
.grid-blog .meta-icons a:hover {
background-color: rgba(0, 0, 0, 0.2);
}
.grid-blog .post-share {
float: left;
}
.grid-blog .post-view,
.grid-blog .post-comments {
float: right;
}
.blog-img-right .featured-image {
float: right;
}
/*================================================================
Personal 2
==================================================================*/
.personal-skills .text-mid {
margin-bottom: 27px;
margin-top: -8px;
}
.sb-inner {
background-color: #fff;
height: 200px;
margin: 0 auto;
text-align: center;
position: relative;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.service-block:hover .sb-inner {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.service-block .service-icon {
cursor: pointer;
}
.service-block .service-icon i {
font-size: 58px;
padding: 45px 0 40px;
}
.service-block .service-icon h4 {
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
.service-block .sb-hover {
background-color: #00aeef;
bottom: -30px;
color: #fff;
display: none;
left: -15px;
padding: 30px;
position: absolute;
right: -15px;
text-align: left;
top: -30px;
}
.service-block .sb-hover i {
border: 1px solid;
float: left;
padding: 7px;
}
.service-block .sb-hover h4 {
font-size: 18px;
font-weight: 700;
margin: 5px 0 20px 45px;
text-transform: uppercase;
}
/*================================================================
Photography
==================================================================*/
.home-photography {
height: 100%;
overflow-x: hidden;
}
.home-photography .canvas-responsive {
position: absolute;
left: 0;
top: 0;
}
.kenburnwrapper {
width: 100%;
height: 100%;
}
.pg-caption {
bottom: 100px;
color: #fff;
display: none;
left: 60px;
position: absolute;
}
.pg-caption h3 {
font-size: 45px;
font-weight: 100;
}
.pg-caption p {
font-size: 15px;
line-height: 22px;
margin: 10px 0 0;
}
.controls-wrap {
bottom: 145px;
position: absolute;
right: 40px;
text-align: center;
z-index: 10;
}
.audio-player {
position: relative;
}
.audio-player .mejs-offscreen {
display: none;
}
.audio-player .mejs-button button {
background-color: rgba(255, 255, 255, 0.4);
border: 0 none;
height: 50px;
padding: 0;
width: 50px;
color: #fff;
font-size: 19px;
}
.audio-player .mejs-playpause-button button:before {
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
}
.audio-player .mejs-play button:before {
content: "\f026";
}
.audio-player .mejs-pause button:before {
content: "\f028";
}
.kennav {
bottom: 100px;
position: absolute;
right: 40px;
}
.kennav > ul li {
background-color: #fff;
border-radius: 50px;
float: left;
display: block;
height: 13px;
cursor: pointer;
margin-left: 5px;
opacity: 0.4;
text-indent: -9999em;
width: 13px;
-webkit-transition: all 0.5s ease-in 0s;
-moz-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
transition: all 0.5s ease-in 0s;
}
.kennav > ul li.active {
opacity: 1;
}
/*================================================================
Industry
==================================================================*/
.product-carousel3 .bx-controls-direction {
position: absolute;
right: 0;
top: -50px;
}
.product-carousel3 .product-single {
margin-right: 10px;
}
.tabpanel .tab-nav {
margin-bottom: 25px;
}
.tabpanel .tab-nav li {
display: inline-block;
margin-right: -3px;
}
.tabpanel .tab-nav li a {
display: block;
padding: 10px 15px;
}
.tab-one .tab-nav {
border: 0 none;
}
.tab-one .tab-nav li {}
.tab-one .tab-nav li a {
background-color: #f5f5f5;
}
.tab-one .tab-nav li a i {
margin-right: 5px;
}
.tab-one .tab-nav li.active a {
background-color: #fff;
}
.tab-one .tab-pane img {
float: left;
margin: 0 20px 0 0;
}
.control2 .bx-controls-direction a {
right: 0;
top: -43px;
}
.control2 .bx-controls-direction .bx-prev {
left: auto;
right: 45px;
}
/*================================================================
construction
==================================================================*/
.cnstrctn-nav .header-top {
display: none;
}
.cnstrctn,
.cnstrctn .slide-item {
height: 610px;
color: #fff;
}
.slider-wrapper .item {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.cnstrctn .item:after {
background-color: #000;
content: "";
height: 100%;
left: 0;
opacity: 0.4;
position: absolute;
top: 0;
width: 100%;
}
.cnstrctn .slide-item {
opacity: 0;
z-index: 10;
position: relative;
-webkit-transition: all 0.5s ease-in-out 0.6s;
-moz-transition: all 0.5s ease-in-out 0.6s;
-o-transition: all 0.5s ease-in-out 0.6s;
transition: all 0.5s ease-in-out 0.6s;
}
.cnstrctn .active .slide-item {
opacity: 1;
}
.cnstrctn .slide-item h2 {
font-size: 36px;
line-height: 58px;
}
.cnstrctn .slide-item h3 {
margin-bottom: 25px;
}
.cnstrctn .slide-item h4 {
margin-bottom: 15px;
color: #00aeef;
}
.cnstrctn .slide-item p {
margin-bottom: 20px;
}
.cnstrctn .slide-item .bsns-btn:first-child {
margin-right: 5px;
}
.slide-item .bsns-btn a {
font-size: 14px;
padding: 11px 30px;
}
.section-head .construction {
margin: -230px auto 40px;
position: relative;
width: 100%;
z-index: 10;
}
/*================================================================
Architect
==================================================================*/
.client-bordered li {
border: 1px solid #e5e5e5;
display: inline-block;
margin: 2px 0;
padding: 15px;
}
.client-bordered li a img {
opacity: 0.5;
-webkit-transition: opacity 0.4s ease-out 0s;
-moz-transition: opacity 0.4s ease-out 0s;
-o-transition: opacity 0.4s ease-out 0s;
transition: opacity 0.4s ease-out 0s;
}
.client-bordered li a:hover img {
opacity: 1;
}
/*================================================================
corporate
==================================================================*/
.corporate .service-item {
background-color: #f1f1f1;
border: 0 none !important;
}
.corporate .service-item.active {
background-color: #fff;
margin-top: -60px;
}
.corporate .service-item:hover {
background-color: #fff;
margin-top: -60px;
color: #777;
}
.corporate .service-item:hover .service-icon {
border-color: #00aeef;
color: #00aeef;
}
.corporate .service-item:hover h4 a {
color: #333;
}
.block-single {
border: 1px solid #e5e5e5;
margin: 40px 0 30px;
padding: 20px;
}
.block-single .icon {
display: block;
float: left;
font-size: 40px;
}
.block-single .text {
float: left;
margin-left: 20px;
}
.block-single .button {
float: right;
margin: 15px 0 0;
}
/*================================================================
School
==================================================================*/
.top-content li {
margin-right: 10px;
font-family: "Lato", sans-serif;
}
.header-top.primary .top-content li,
.header-top.primary .top-content li a {
color: #fff;
}
.top-content.text-right li:last-child {
margin-right: 0;
}
.top-content li i {
margin-right: 10px;
}
.service3 .service-item {
margin-bottom: 30px !important;
}
.service3 .icon {
background-color: #f5f5f5;
border-radius: 4px;
color: #00aeef;
float: left;
font-size: 40px;
height: 80px;
line-height: 77px;
position: relative;
text-align: center;
width: 80px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.service3 .service-item:hover .icon {
background-color: #00aeef;
color: #fff;
}
.service3 .text {
margin-left: 100px;
}
.service3 .icon {
}
.event-item {
margin: 15px 0;
}
.event-thumb {
position: relative;
}
.event-thumb img {
width: 100%;
}
.event-thumb span {
background-color: rgba(0, 174, 239, 0.8);
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 15px;
line-height: normal;
padding: 10px 20px;
position: absolute;
right: 15px;
text-align: center;
top: 15px;
}
.event-title {
background-color: #00aeef;
color: #fff;
padding: 15px;
}
.event-desc {
border: 1px solid #ccc;
padding: 15px;
}
.event-meta > span {
display: block;
}
.event-meta > span i {
margin-right: 5px;
text-align: center;
width: 14px;
}
.event-desc .btn-blue {
font-size: 14px;
margin: 15px 0 0;
padding: 11px 35px;
}
.timer-item.white span,
.timer-item.white p {
color: #fff;
}
/*================================================================
College
==================================================================*/
.slide-overlay .item,
.slide-overlay .owl-item {
position: relative;
}
.slide-overlay .item:after,
.slide-overlay .owl-item:after {
background-color: rgba(0,0,0,0.3);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.slide-overlay .slide-item {
position: relative;
z-index: 10;
}
.college-slide,
.college-slide .slide-item {
height: 500px;
color: #fff;
}
.college-slide .slide-item h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 25px;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0.4s;
-moz-transition: all 0.4s ease-in-out 0.4s;
-o-transition: all 0.4s ease-in-out 0.4s;
transition: all 0.4s ease-in-out 0.4s;
}
.college-slide .active .slide-item h4 {
opacity: 1;
}
.college-slide .slide-item h2 {
font-size: 58px;
font-weight: 600;
line-height: 64px;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0.8s;
-moz-transition: all 0.4s ease-in-out 0.8s;
-o-transition: all 0.4s ease-in-out 0.8s;
transition: all 0.4s ease-in-out 0.8s;
}
.college-slide .active .slide-item h2 {
opacity: 1;
}
.college-slide .slide-item p {
font-size: 18px;
line-height: 30px;
margin-top: 20px;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 1.4s;
-moz-transition: all 0.4s ease-in-out 1.4s;
-o-transition: all 0.4s ease-in-out 1.4s;
transition: all 0.4s ease-in-out 1.4s;
}
.college-slide .active .slide-item p {
opacity: 1;
}
.college-slide .slide-item .bsns-btn {
margin-top: 30px;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 2s;
-moz-transition: all 0.4s ease-in-out 2s;
-o-transition: all 0.4s ease-in-out 2s;
transition: all 0.4s ease-in-out 2s;
}
.college-slide .active .slide-item .bsns-btn {
opacity: 1;
}
.college-slide .slide-item .bsns-btn a {
font-size: 14px;
line-height: 22px;
padding: 12px 30px;
}
.service3.round .icon {
border-radius: 50%;
font-size: 30px;
}
.service3.sharp .icon {
border-radius: 0;
}
.service3.round .icon:before {
border-radius: 50%;
}
.course-item {
margin: 15px 0;
}
.course-thumb img {
width: 100%;
}
.course-info {
background-color: #f1f1f1;
font-family: Lato,sans-serif;
padding: 5px 15px;
}
.course-entry {
border-color: #f1f1f1;
border-style: solid;
border-width: 0 1px 1px;
padding: 15px;
}
.course-entry h4 {
color: #333;
margin: 5px 0 0;
}
.course-meta {
margin: 15px 0;
}
.course-meta .rating {
color: #fc0;
}
.course-price {
font-family: Lato,sans-serif;
font-size: 16px;
font-weight: 700;
}
.course-entry .separator {
border-top: 1px solid #f1f1f1;
padding: 15px 0 0;
}
.course-lessons li {
display: inline-block;
font-size: 13px;
margin: 0 5px 0 0;
}
.service-item .icon.date {
font-family: Lato,sans-serif;
font-size: 18px;
line-height: normal;
padding: 16px 0 0;
}
.form-inline h3 {
color: #ddd;
margin: 0 0 25px;
}
.form-inline .newsltr-input {
background-color: #303030;
border: 0 none;
color: #fff;
display: inline-block;
height: 45px;
line-height: normal;
max-width: 380px;
padding: 0;
text-indent: 15px;
width: 100%;
}
.form-inline .btn-blue {
left: -3px;
line-height: normal;
padding: 12.5px 36px;
position: relative;
top: -1px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
/*================================================================
Charity
==================================================================*/
.image-box {
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
padding: 34px 30px 30px;
position: relative;
}
.image-box .more {
color: #fff;
display: inline-block;
margin: 15px 0 0;
}
.image-box .overlay {
background-color: #000;
bottom: 0;
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
z-index: 0;
}
.image-box-inner {
position: relative;
}
.donation-target {
margin: 3px 0 0;
}
.donation-target .btn-donate {
float: right;
margin: -23px 0 0 30px;
}
.donation-target .progress,
.donation-target .progress-bar {
border-radius: 0;
height: 10px;
}
.cause-carousel h2 {
color: #333;
font-size: 24px;
margin: 0 0 70px;
}
.cause-carousel .owl-nav {
top: -100px;
}
.cause-thumb {
margin: 0 0 30px;
}
.cause-entry h4 {
font-size: 17px;
font-weight: 700;
margin: 0 0 15px;
}
.cause-entry h4 a {
color: #333;
}
.cause-entry .progress,
.cause-entry .progress-bar {
border-radius: 0;
height: 4px;
}
.cause-item .donation-goal p {
color: #00aeef;
font-family: Lato,sans-serif;
margin: 5px 0 0;
}
.btn-donate {
font-size: 14px;
letter-spacing: 1px;
margin: 21px 0 0;
padding: 14px 24px;
}
.parallax-content {
color: #fff;
position: relative;
}
.cause-search-wrapper {
padding: 40px;
color: #fff;
}
#search-cause {
padding: 35px 0 0;
}
#search-cause .input-field {
position: relative;
}
#search-cause .form-control {
border-radius: 0;
height: 40px;
width: 100%;
}
#search-cause .form-control:focus {
box-shadow: none;
}
#search-cause .sbSelector {
background-color: #fff;
}
#search-cause .sbOptions a {
display: block;
text-transform: capitalize;
}
#search-cause .btn-donate {
padding: 10px 24px;
margin: 0;
}
.be-a-volunteer {
background-color: #00aeef;
color: #fff;
padding: 0 40px 40px;
}
.be-a-volunteer .icon {
font-size: 100px;
padding: 14px 0;
}
.donate-form {
background-color: #f3f3f3;
margin: 0 auto;
max-width: 750px;
padding: 40px;
position: relative;
width: 100%;
}
.donate-form h3 {
margin-bottom: 35px;
color: #333;
}
.donate--form p {
color: #333;
font-size: 15px;
font-weight: 700;
margin: 0 0 25px;
}
.donate--form .amount-button {
background-color: #ccc;
color: #fff;
display: inline-block;
font-family: Lato,sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 20px;
margin-bottom: 20px;
margin-right: 8px;
padding: 13px 25px;
}
.donate--form .amount-button:hover {
background-color: #00aeef;
color: #fff;
}
.donate--form .custom-amount {
border: 1px solid #e5e5e5;
display: inline-block;
height: 47px;
margin: 0 0 0 30px;
max-width: 100%;
padding: 0 15px;
}
.donate--form .form-control {
border: 1px solid #e5e5e5;
border-radius: 0;
box-shadow: none;
height: 40px;
margin: 15px 0 0;
}
.donate--form .form-control {
border: 1px solid #e5e5e5;
border-radius: 0;
box-shadow: none;
height: 40px;
margin: 15px 0 0;
}
.donate--form .col-xs-12:nth-child(2n+1) {
clear: left;
}
.donate--form textarea.form-control {
height: 100px;
resize: none;
}
.donate--form .donate-sub {
background-color: #00aeef;
border: 0 none;
color: #fff;
margin: 15px 0 0;
padding: 9px 0;
text-transform: uppercase;
width: 100%;
}
.donate--form label.error {
color: #ff6d3f;
font-weight: 500;
margin: 0;
}
/*================================================================
Hosting
==================================================================*/
.domain--search .input-field {
background-color: rgba(0, 0, 0, 0.7);
border: 0 none;
color: #fff;
padding-left: 25px;
width: 100%;
}
.domain-search h2 {
text-transform: none;
}
.domain--search span {
color: #fff;
display: inline-block;
line-height: 48px;
margin-right: 10px;
}
.search-field {
display: flex;
display: -webkit-flex;
}
.domain--search .domain-sub {
font-size: 20px;
padding: 10px 55px;
}
/*================================================================
Hotel
==================================================================*/
.hotel-promo {
margin: 0;
}
.hotel-promo .promoHover {
background-color: #00aeef;
color: #fff;
height: 90%;
left: 20px;
padding: 0 30px;
top: 20px;
width: 90%;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hotel-promo .price {
font-family: Lato,sans-serif;
font-size: 32px;
font-weight: 300;
margin: 20px 0;
}
.hotel-promo .price span {
color: #fff;
display: inline-block;
font-size: 15px;
font-weight: 400;
margin-left: -5px;
text-transform: lowercase;
}
.item.desc-up {
position: relative;
}
.item.desc-up .desc {
background-color: rgba(255, 255, 255, 0.8);
bottom: 0;
left: 0;
padding: 20px;
position: absolute;
width: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
.item.desc-up:hover .desc {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.left-dark {
position: relative;
}
.left-dark:before {
background-color: #333;
content: "";
height: 100%;
left: 15px;
position: absolute;
top: 0;
width: 50%;
}
.tst-wrapper {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.tst-block {
padding-left: 50px;
padding-right: 50px;
}
.tst-block .pull-left {
padding-right: 20px;
width: 130px;
}
.tst-block .pull-left img {
border-radius: 50%;
}
.tst-block .media-body h4 {
font-weight: 600;
letter-spacing: 1px;
}
/*================================================================
Travel
==================================================================*/
.language-wrap {
position: relative;
}
.language-wrap i {
display: block;
float: left;
font-size: 18px;
}
.language-wrap .sbHolder {
padding-left: 25px;
padding-right: 25px;
}
.language-wrap .sbHolder .sbSelector {
border: 0 none;
padding: 0;
}
.language-wrap .sbHolder .sbToggle {
margin: -5px -6px 0 0;
}
.language-wrap ul li {
border: 0 none;
display: block;
text-align: left;
}
/*=========================== Travel Search =========================*/
.search-tabs {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
.search-tabs .tab-content {
background-color: #fdfdfd;
display: none;
position: relative;
z-index: 5;
}
.tab-search-form {
padding: 25px;
}
.tab-search-form h3 {
margin-bottom: 15px;
}
.search-tab-nav li {
display: inline-block;
margin-right: 2px;
position: relative;
z-index: 1;
}
.search-tab-nav li:not(.toggle-form) {
top: 50px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.search-tab-nav.opened li:not(.toggle-form) {
top: 0;
}
.search-tab-nav li a {
background-color: #9d9d9d;
color: #fff;
display: block;
padding: 10px 15px;
}
.search-tab-nav li a i {
background-color: rgba(0, 0, 0, 0.3);
border-radius: 30px;
height: 30px;
line-height: 30px;
margin-right: 2px;
text-align: center;
width: 30px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.search-tab-nav li a:hover i {
background-color: #00aeef;
}
.search-tab-nav li.active a {
background-color: #00aeef;
cursor: default;
}
.tab-search-form label {
display: block;
font-weight: 400;
line-height: normal;
margin: 0 0 5px;
}
.tab-search-form .input-field {
margin-bottom: 25px;
position: relative;
}
.tab-search-form .form-control {
border-radius: 0;
box-shadow: none;
height: 45px;
padding: 0;
font-family: Lato, sans-serif;
text-indent: 50px;
}
.tab-search-form .input-icon {
bottom: 0;
color: #b9b9b9;
font-size: 22px;
height: 45px;
line-height: 45px;
position: absolute;
text-align: center;
width: 45px;
}
.tab-search-form .btn-blue {
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.flight-tab-nav {
margin-bottom: 15px;
}
.flight-tab-nav li {
display: inline-block;
}
.flight-tab-nav li a {
display: block;
line-height: normal;
padding: 8px 10px;
}
.flight-tab-nav li a:hover {
background-color: #eeeeee;
color: #00aeef;
}
.flight-tab-nav li.active a {
background-color: #00aeef;
color: #fff;
}
.bootstrap-timepicker-widget table td input {
border: 1px solid #e5e5e5;
border-radius: 0;
font-family: Lato,sans-serif;
width: 35px;
}
.bootstrap-timepicker-widget table td a {
border-radius: 0 !important;
height: 30px;
line-height: 30px;
margin: 0;
padding: 0;
width: 30px;
}
.ui-timepicker-list {
font-family: Lato,sans-serif;
font-weight: 300;
}
.promotion-item {
border: 1px solid #e5e5e5;
margin-bottom: 30px;
}
.promotion-item .promo-thumb {
position: relative;
overflow: hidden;
}
.promotion-item .overlay {
background-color: #000;
opacity: 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition: all .4s ease-in-out 0s;
-o-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
}
.promotion-item:hover .overlay {
opacity: 0.3;
}
.promotion-item img {
width: 100%;
-webkit-transition: all 2.5s ease-in-out 0s;
-moz-transition: all 2.5s ease-in-out 0s;
-o-transition: all 2.5s ease-in-out 0s;
transition: all 2.5s ease-in-out 0s;
}
.promotion-item .promo-thumb:hover img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.promotion-item .promo-price,
.tp-thumb .promo-price {
background-color: #fff;
display: inline-block;
font-family: Lato,sans-serif;
font-size: 16px;
line-height: normal;
padding: 10px 20px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .8s ease-in-out 0s;
-moz-transition: all .8s ease-in-out 0s;
-o-transition: all .8s ease-in-out 0s;
transition: all .8s ease-in-out 0s;
}
.promotion-item:hover .promo-price,
.tp-thumb:hover .promo-price {
opacity: 0;
}
.promotion-item .vertical-middle {
opacity: 0;
-webkit-transition: all .4s ease-in-out 0s;
-moz-transition: all .4s ease-in-out 0s;
-o-transition: all .4s ease-in-out 0s;
transition: all .4s ease-in-out 0s;
}
.promotion-item:hover .vertical-middle {
opacity: 1;
}
.promotion-item .promo-city {
background-color: #333;
color: #fff;
padding: 10px 20px;
}
.promotion-item .promo-city h4 {
line-height: 26px;
}
.promotion-item .promo-meta .meta-inner {
background-color: #ddd;
display: block;
float: left;
padding: 10px 0;
width: 50%;
}
.promotion-item .promo-meta .meta-inner:first-child {
background-color: #d6d6d6;
}
.promotion-item .promo-entry {
padding: 20px;
text-align: left;
}
.promotion-item .promo-entry p {
margin: 0;
}
.promotion-item .btn-set {
margin: 12px 0 0;
}
.promotion-item .btn-set a {
border: 1px solid #e5e5e5;
margin: 0 5px 0 0;
color: #777;
padding: 8px 20px;
}
.promo-popup {
background-color: #fff;
margin: 0 auto;
max-width: 600px;
position: relative;
text-align: left;
width: 100%;
}
.promo-title {
background-color: #f5f5f5;
padding: 13px 20px;
}
.promo-popup .mfp-close {
top: 7px;
}
.promo-form {
padding: 30px;
}
.promo-form .input-field {
margin-bottom: 15px;
}
.promo-form .form-control {
border-radius: 0;
box-shadow: none;
height: 40px;
padding: 0;
text-indent: 15px;
}
.promo-form textarea.form-control {
height: 100px;
padding: 10px 15px;
text-indent: 0;
}
.promo-form label.error {
color: #ff525e;
display: block;
font-weight: 400;
margin: 0;
}
.promo-form .success,
.promo-form .failed {
display: none;
color: #ff525e;
}
.promo-form .success {
color: #00aeef;
}
.tour-package {
margin-bottom: 30px;
margin-left: 0;
margin-right: 0;
position: relative;
}
.tour-package .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.tp-thumb img {
width: 100%;
}
.tour-package .tp-content {
border-bottom: 1px solid #e5e5e5;
padding: 14px 20px;
}
.tour-package .tp-content p {
margin: 0;
}
.tp-price {
background-color: #00aeef;
height: 100%;
position: absolute;
right: 15px;
width: 16.6667%;
}
.tp-price .d1 {
display: table;
height: 100%;
width: 100%;
}
.tp-price .d2 {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.tp-price span {
display: block;
font-family: Lato,sans-serif;
font-size: 30px;
margin-bottom: 15px;
}
.tp-content li a {
border: 1px solid #e5e5e5;
color: #aaa;
display: block;
padding: 6px 15px;
}
.tp-content ul {
margin: 15px 0 0;
}
/*================================================================
Travel 2
==================================================================*/
.content-area.travel2 {
background-color: #f8fdfd;
padding: 100px 0;
}
.row.travel-grid {
margin-bottom: 70px;
}
.row.travel-grid:last-child {
margin-bottom: 0;
}
.travel-item .details {
background-color: #fff;
padding: 20px;
}
.travel-item {
margin: 0 0 30px;
}
.travel-item.offer .details h4 {
border-bottom: 1px solid #f0f0f0;
font-weight: 500;
margin-bottom: 20px;
padding-bottom: 15px;
}
.travel-item .details h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 8px;
text-align: left;
}
.travel-item .details h3 span {
float: right;
font-size: 12px;
}
.travel-item .details .address,
.travel-item .details .price {
display: block;
font-family: Lato,sans-serif;
font-weight: 300;
padding-bottom: 8px;
padding-top: 6px;
}
.travel-item .details .address {
margin: 0;
padding-top: 0;
}
.travel-item .details .price {
border-top: 1px solid #ccc;
overflow: hidden;
}
.travel-item .details .price span {
float: right;
}
.travel-item .details .desc {
border-top: 1px solid #ccc;
margin: 0 0 5px;
padding: 7px 0 5px;
}
.travel-item .details .desc a {
font-size: 13px;
font-style: italic;
font-weight: 500;
padding: 0;
position: relative;
top: -5px;
}
.travel-item .details .desc a:hover {
text-decoration: underline;
}
.travel-item .details .action {
border-top: 1px solid #ccc;
padding: 20px 0 0;
}
.travel-item .car-specs li {
font-weight: 600;
}
.travel-item .car-specs li span {
display: inline-block;
font-weight: 400;
width: 180px;
}
.travel-item .details h3 a {
margin: -10px 0 5px;
padding: 7px 18px;
}
.travel-item .details .count {
display: inline-block;
font-family: lato,sans-serif;
width: 49%;
}
.travel-item .details .ribbon {
background-color: #00aeef;
margin-left: -25px;
margin-right: -25px;
padding: 10px 20px;
position: relative;
text-align: center;
}
.travel-item .details .ribbon:before {
border-color: transparent #00aeef transparent transparent;
border-style: solid;
border-width: 0 5px 5px 0;
bottom: -5px;
content: "";
height: 0;
left: 0;
position: absolute;
width: 0;
}
.travel-item .details .ribbon:after {
border-color: #00aeef transparent transparent;
border-style: solid;
border-width: 5px 5px 0 0;
bottom: -5px;
content: "";
height: 0;
position: absolute;
right: 0;
width: 0;
}
.travel-item .details .ribbon a {
color: #fff;
display: block;
font-family: Lato,sans-serif;
}
.travel-item .details .ribbon a span {
display: inline-block;
font-weight: 700;
margin-left: 15px;
}
.text-box {
background-color: #fff;
margin: 0 0 30px;
padding: 20px;
}
.text-box h3 {
border-bottom: 1px solid #f0f0f0;
color: #00aeef;
font-size: 18px;
font-weight: 700;
padding-bottom: 13px;
}
/* Travel 2 single */
.travel2 .breadcrumb-area {
box-shadow: none;
margin: 30px 0;
}
.travel-tab {
margin: 30px 0 0;
}
.tab-pane .travel-info {
background-color: #fff;
padding: 20px;
}
.tab-pane .travel-info + .travel-info {
margin-top: 15px;
}
.travel-info > * + .subtitle {
margin-top: 25px;
}
.traveltav-nav li {
position: relative;
}
.traveltav-nav li.active:before {
background-color: #00aeef;
content: "";
height: 100%;
left: 0;
position: absolute;
width: 2px;
top: 0;
z-index: 1;
}
.traveltav-nav li.active:after {
border-color: transparent transparent transparent #00aeef;
border-style: solid;
border-width: 5px;
content: "";
left: 2px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.traveltav-nav li a {
background-color: #fff;
display: block;
font-family: Lato, sans-serif;
font-size: 15px;
height: 80px;
line-height: 80px;
margin: 0 2px 2px 0;
padding-left: 30px;
position: relative;
}
.traveltav-nav li a i {
font-size: 20px;
margin-right: 10px;
vertical-align: middle;
}
.traveltav-nav li.active a:after {
background-color: #fff;
content: "";
height: 100%;
position: absolute;
right: -3px;
width: 3px;
z-index: 1;
}
.traveltav-nav li.active a {
color: #00aeef;
}
.availabiilty .ui-datepicker-inline {
width: 100%;
}
.score span {
font-family: lato,sans-serif;
font-size: 50px;
}
.score span.achieved {
color: #00aeef;
font-weight: 700;
}
.availabiilty > label {
display: block;
margin: 25px 0 20px;
}
.availabiilty .ui-datepicker-inline .ui-datepicker table {
border-left: 1px solid #e7e9ea;
margin: 0;
border-bottom: 1px solid #e7e9ea ;
}
.score-chart .progress-set-5 .progress-item {
margin-bottom: 10px;
}
.score-chart .progress-set-5 .progress,
.score-chart .progress-set-5 .progress-bar {
height: 25px;
line-height: 25px;
}
.score-chart .progress-set-5 .progress-bar {
border-bottom-right-radius: 30px;
border-top-right-radius: 30px;
}
.score-chart .progress-set-5 .progress-label {
font-size: 13px;
margin-left: 10px;
}
.right-sidebar.widget-area {
margin-top: 30px;
}
.travel-info > .media {
border-bottom: 1px solid #f0f0f0;
margin: 0 0 25px;
padding: 0 0 25px;
}
.travel-info.review-list .media-left {
max-width: 100px;
padding-right: 20px;
}
.travel-info.review-list .media-left img {
max-width: 100%;
}
.travel-info > .media:last-child {
border-bottom: 0 none;
margin: 0;
padding: 0;
}
.travel-info .media-body h4 span {
display: block;
float: right;
font-size: 12px;
vertical-align: middle;
}
.travel-info .media-body p {
margin: 8px 0 0 0;
}
.travel-inquiry-form {
background-color: #fff;
margin: 0 auto;
max-width: 1000px;
padding: 30px;
width: 100%;
}
.travel-inquiry-form {
background-color: #fff;
margin: 0 auto;
max-width: 1000px;
padding: 30px;
position: relative;
width: 100%;
}
.inquiry-form .input-field {
margin-top: 20px;
position: relative;
}
.inquiry-form .input-field:first-child {
margin-top: 0;
}
.travel-item .ajax-view {
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
margin: 15px 0 0;
padding: 12px 30px;
}
.inquiry-form .form-control {
border-radius: 0;
box-shadow: none;
font-family: Lato,sans-serif;
height: 48px;
padding: 0 20px 0 40px;
vertical-align: middle;
}
.inquiry-form .input-field label {
font-weight: 400;
height: 48px;
left: 0;
line-height: 49px;
margin: 0;
position: absolute;
text-align: center;
top: 0;
width: 40px;
}
.inquiry-form textarea.form-control {
height: 184px;
padding-bottom: 15px;
padding-top: 14px;
}
.inquiry-form input[type="submit"] {
font-family: lato,sans-serif;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
margin: 20px 0 0;
padding: 13px 30px;
-webkit-transition: all 0.5s ease 0;
-moz-transition: all 0.5s ease 0;
-o-transition: all 0.5s ease 0;
transition: all 0.5s ease 0;
}
.inquiry-form label.error {
height: auto;
margin: 0;
position: static;
width: auto;
display: block;
text-align: left;
line-height: normal;
color: #ff525e;
font-weight: 600;
margin: 10px 0 0;
}
.widget .details h3 {
font-size: 14px;
margin: 0;
padding-bottom: 0;
}
.widget .details .price {
border-bottom: 1px solid #f0f0f0;
border-top: 0 none;
}
.widget .details h3 a {
display: inline-block;
letter-spacing: 1px;
margin: 4px 0 0;
padding: 0;
}
.widget-padding {
padding: 20px;
}
.accommodations {
border-bottom: 1px solid #f0f0f0;
margin-bottom: 15px;
padding-bottom: 15px;
}
.accommodations:last-child {
border-bottom: 0 none;
margin-bottom: 0;
padding-bottom: 0;
}
.accommodations h3 {
font-size: 16px;
font-weight: 600;
letter-spacing: 0;
padding: 0;
text-transform: none;
}
.accommodations h3 span {
float: right;
font-size: 12px;
}
.accommodations > span {
display: block;
font-family: Lato,sans-serif;
font-size: 15px;
line-height: normal;
}
.topDestinations .media-body a {
display: block;
font-weight: 600;
}
.topDestinations .media-body span {
display: block;
font-size: 12px;
}
/*================================================================
Bakery
==================================================================*/
.service6 .service-icon {
background-color: transparent;
border: 1px solid #777;
color: #00aeef;
font-size: 65px;
height: 170px;
border-radius: 50%;
line-height: 169px;
width: 170px;
-webkit-transition: all .3s ease-in 0s;
-moz-transition: all .3s ease-in 0s;
-ms-transition: all .3s ease-in 0s;
-o-transition: all .3s ease-in 0s;
transition: all .3s ease-in 0s;
}
.service6 .service-item:hover .service-icon {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.service6 .service-item h4 {
color: #333;
font-size: 16px;
font-weight: 700;
}
.service6 .service-item:hover h4 {
color: #00aeef;
}
.bakery .tab-pane {
border: 1px solid #e5e5e5;
padding: 30px;
}
.bakery .col-md-4 {
padding-right: 0;
}
.bakery .col-md-8 {
margin-left: -1px;
padding-left: 0;
}
.cake-parallax {
margin: 0 0 -70px;
text-align: center;
}
.map-wrapper {
position: relative;
}
.map-wrapper .google-map {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.map-wrapper #map-canvas {
height: 100%;
}
.map-contact {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 45px 30px;
}
.map-form .input-field {
border: 0 none;
border-radius: 0;
box-shadow: none;
height: 40px;
margin: 15px 0 0;
}
.btn-white {
color: #333;
padding: 15px 36px;
text-transform: uppercase;
-webkit-transition: all .3s ease-in 0s;
-moz-transition: all .3s ease-in 0s;
-ms-transition: all .3s ease-in 0s;
-o-transition: all .3s ease-in 0s;
transition: all .3s ease-in 0s;
}
.btn-white:hover {
background-color: #00aeef;
color: #fff;
}
.map-form .btn-white {
margin: 15px 0 0;
}
.map-form textarea.input-field {
height: 80px;
resize: none;
}
.map-form label.error {
color: #ff0000;
display: block;
font-weight: 400;
margin: 0;
}
/*================================================================
Restaurant
==================================================================*/
.grid-blog.restaurant .row {
position: relative;
}
.grid-blog.restaurant .blog-content {
height: 100%;
min-height: auto;
padding-bottom: 30px;
padding-top: 30px;
position: absolute;
right: 0;
top: 0;
}
.grid-blog.restaurant.blog-img-right .blog-content {
right: auto;
left: 0;
}
.grid-blog.restaurant .post-metas {
bottom: 30px;
margin: 0;
position: absolute;
width: 100%;
}
.restaurant-service .service-item {
background-color: #fff;
}
.reservation {
color: #fff;
}
.reservation .section-head {
margin-bottom: 45px;
}
.reservation p strong {
font-family: Playfair, serif;
font-size: 24px;
font-style: italic;
}
.reservation .more {
color: #fff;
text-transform: uppercase;
display: inline-block;
margin: 15px 0 0;
}
.reservation-area {
border: 1px solid;
padding: 30px;
}
.reservation-area h3 {
font-weight: 800;
margin-bottom: 25px;
text-transform: uppercase;
}
.reservation-form .input-field {
position: relative;
margin-bottom: 20px;
}
.reservation-form .form-control {
background-color: transparent;
font-family: Lato,sans-serif;
border-radius: 0;
color: #fff;
height: 45px;
box-shadow: none;
}
.reservation-form .form-control:focus {
box-shadow: none;
border-color: inherit;
}
.reservation-form .sbSelector,
.reservation-form .sbToggle {
color: #fff;
font-family: Lato,sans-serif;
}
.reservation-form .sbOptions li a {
display: block;
font-family: Lato,sans-serif;
font-weight: 300;
}
.reservation-form .btn-blue {
font-size: 14px;
padding: 14px 30px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.reservation-form label.error {
color: #ff525e;
display: block;
font-weight: 400;
margin: 0;
}
.reservation-area .success,
.reservation-area .failed {
display: none;
font-size: 16px;
margin-top: 20px;
}
.reservation-area .failed {
color: #ff525e;
}
/*================================================================
Restaurant 2
=================================================================*/
.cd-section {
position: relative;
}
.dish-menu-wrapper {
background-color: rgba(255, 255, 255, 0.85);
padding: 30px;
position: relative;
text-align: left;
}
.dish-menu-wrapper.gettis-both:before,
.dish-menu-wrapper.gettis-both:after,
.dish-menu-wrapper:before {
background-color: rgba(255, 255, 255, 0.85);
content: "";
height: 100%;
left: -15px;
position: absolute;
top: 0;
width: 15px;
}
.gettis-both textarea.form-control {
height: 90px;
}
.dish-menu-wrapper.gettis-both:after {
left: auto;
right: -15px;
}
.dish-menu-wrapper.lightdark {
background-color: rgba(0, 0, 0, 0.03);
}
.dish-menu-wrapper.no-before {
content: none;
}
.main-title span {
border-bottom: 1px solid #333;
color: #333;
display: inline-block;
font-weight: 300;
margin-bottom: 25px;
padding-bottom: 5px;
text-transform: uppercase;
}
.dish-menu-wrapper.right:before {
left: auto;
right: -15px;
}
.dish-menu h3 {
font-size: 32px;
font-weight: 200;
}
.dm-content {
font-family: Lato, sans-serif;
}
.dm-content + .dm-content {
margin-top: 30px;
}
.dm-content .dish-title {
color: #333;
}
.dm-content .dish-price {
float: right;
color: #333;
}
.dish-excerpt {
display: block;
margin-top: 10px;
}
#cd-vertical-nav {
position: fixed;
display: none;
right: 15px;
top: 50%;
z-index: 120;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-dot {
border: 1px solid #333;
border-radius: 50px;
display: block;
height: 10px;
margin: 10px 0;
width: 10px;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.is-selected .cd-dot {
background-color: #333;
}
.form2 .form-control {
border-color: #aaa;
color: #777;
}
.form2 textarea.form-control {
height: 90px;
}
.curv-bg {
position: relative;
}
.curv-bg:before {
background: transparent url("../img/restaurant/curv.png") no-repeat scroll center top / cover ;
content: " ";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 48%;
-webkit-transition: all 0.85s ease-in-out 0s;
-moz-transition: all 0.85s ease-in-out 0s;
-o-transition: all 0.85s ease-in-out 0s;
transition: all 0.85s ease-in-out 0s;
}
.curv-bg:hover:before {
width: 100%;
}
.curv-bg:after {
background: transparent url("../img/restaurant/curv2.png") no-repeat scroll center top / cover ;
content: " ";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 35%;
}
.reservation-title h3 {
color: #333;
font-size: 45px;
font-weight: 200;
line-height: 35px;
opacity: 1;
padding-left: 60px;
position: relative;
text-transform: uppercase;
z-index: 1;
}
.reservation-title h3 span,
.dish-menu h3 span {
display: block;
font-family: "mission_scriptregular", serif;
text-transform: none;
}
.dish-menu h3 span {
line-height: 28px;
}
.mapcanvas,
.mapcanvas #map-canvas {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/*================================================================
Hosting
==================================================================*/
.hosting-fact .timer-item {
border: 1px solid;
border-radius: 50%;
color: #fff;
height: 220px;
margin: 0 auto;
padding: 40px 0 0;
text-align: center;
width: 220px;
}
.hosting-fact .timer-item i {
display: block;
}
.hosting-fact .timer-item span {
color: #fff;
display: inline-block;
font-family: Lato,sans-serif;
font-size: 28px;
text-transform: uppercase;
}
.primary-sec {
background-color: #00aeef;
}
.support-block {
border-left: 1px solid rgba(255, 255, 255, 0.2);
height: 118px;
line-height: 118px;
text-align: center;
}
.support-block:first-child {
border: 0 none;
}
.support-block span {
background-color: #00aeef;
border: 2px solid #fff;
border-radius: 68px;
color: #fff;
display: inline-block;
font-size: 30px;
height: 68px;
line-height: 65px;
margin-right: 15px;
text-align: center;
width: 68px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.support-block:hover span {
background-color: #fff;
border: 1px solid #00aeef;
box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.support-block:hover span {
border-color: #00aeef;
color: #00aeef;
}
.support-block a {
color: #fff;
font-family: Lato,sans-serif;
font-size: 30px;
font-weight: 300;
}
/*================================================================
Megazine 2
==================================================================*/
body.magazine2 {
background-color: #fafafa;
}
.magazine2 .main-head .navbar-collapse,
.magazine3 .main-head .navbar-collapse {
border-bottom: 1px solid #dfdfdf;
}
.magazine2 .is-sticky .main-head .navbar-collapse,
.magazine3 .is-sticky .main-head .navbar-collapse {
border-bottom: 0 none;
}
.magazine2 .navbar-collapse {
background-color: #fafafa;
}
.magazine2 .main-head {
background-color: #fafafa;
}
.mag-content-wrapper {
background-color: #fafafa;
}
.widget-head {
background-color: #f8f8f8;
border-bottom: 1px solid #eaeaea;
margin: -20px -20px 20px;
padding: 16px 20px;
}
.widget-head .widget-title {
color: #333;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
.post-widget {
border: 1px solid #eaeaea;
padding: 20px;
margin: 0 0 21px;
}
.post-widget .w-post-inner {
margin: -20px;
}
.w-post-inner .widget-post {
background-color: #fff;
border-bottom: 1px solid #eaeaea;
padding: 15px;
}
.nb-content .post-img,
.w-post-inner .post-img {
margin-bottom: 10px;
}
.w-post-inner .post-img img {
width: 100%;
}
.w-post-entry h4 {
font-family: lato,sans-serif;
font-size: 14px;
font-weight: 500;
margin: 0 0 10px;
}
.w-post-entry h4 a {
color: #333;
}
.nb-content .w-post-meta,
.w-post-inner .w-post-meta {
color: #ababab;
font-family: Lato,sans-serif;
font-size: 12px;
line-height: normal;
}
.magazine2 .featured-slider,
.magazine3 .featured-slider {
background-color: #fff;
border: 1px solid #e0e0e0;
margin: 0 0 21px;
padding: 20px;
}
.scrolling-box-wrap .nb-content {
padding: 20px 0 0;
}
.scrolling-news {
margin: -20px;
}
.news-box-carousel .owl-item {
border-right: 1px solid #eaeaea;
}
.news-box-carousel .widget-post {
margin: 20px 0 0;
padding: 0 20px 15px;
}
.base-box {
background-color: #fff;
border: 1px solid #e0e0e0;
margin-bottom: 30px;
padding: 20px;
position: relative;
}
.news-box.base-box {
padding-bottom: 0;
}
.news-box .nb-header {
background-color: #f8f8f8;
border-bottom: 1px solid #eaeaea;
margin: -20px -20px 0;
padding: 18px 20px;
}
.news-box-carousel .nb-content {
padding: 20px 0;
}
.news-box-carousel .owl-nav {
top: -50px;
}
.nb-style1 .recent-news {
border-bottom: 1px solid #eaeaea;
margin: 0 -20px;
padding: 20px;
}
.news-box .recent-news h3 {
font-size: 17px;
margin: 0 0 5px;
}
.mom-post-meta {
font-family: Lato,sans-serif;
font-size: 12px;
margin-bottom: 10px;
overflow: hidden;
}
.mom-post-meta > span,
.mom-post-meta > a {
float: left;
margin-right: 10px;
}
.nb-style1 .recent-news .news-image {
float: left;
margin-right: 20px;
width: 170px;
}
.news-image img {
width: 100%;
}
.news-box .nb-header .nb-title {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
}
.nb-list-older-articles {
background-color: #f8f8f8;
margin: 0 -20px;
padding: 20px;
}
.nb-list-older-articles ul li {
line-height: 1.5em;
overflow: hidden;
padding: 5px 0 5px 18px;
}
.news-box .nb-list-older-articles ul li i {
margin-left: -18px;
margin-right: 10px;
}
.news-box .nb-footer {
border-top: 1px solid #eaeaea;
line-height: 38px;
margin: 0 -20px;
padding: 0 20px;
position: relative;
text-align: center;
}
.nb-style2 .recent-news {
margin: 0 -20px;
padding: 20px;
}
.nb-style2 .recent-news .news-image {
float: left;
margin-right: 20px;
max-width: 274px;
width: 100%;
}
.news-box .nb-thumb-older-articles ul.two-cols {
overflow: hidden;
position: relative;
}
.nb-style2 .nb-thumb-older-articles .two-cols:before {
background-color: #eaeaea;
content: "";
height: 100%;
left: 50%;
position: absolute;
top: 0;
width: 1px;
}
.nb-thumb-older-articles {
background-color: #f8f8f8;
margin: 0 -20px;
}
.news-box .nb-thumb-older-articles ul.two-cols li {
border-top: 1px solid #eaeaea;
box-sizing: border-box;
float: left;
padding: 15px 10px 15px 15px;
width: 50%;
}
.nb-thumb-older-articles .two-cols li img {
float: left;
margin-right: 15px;
width: 90px;
}
.nb-thumb-older-articles .two-cols li .details {
margin-left: 103px;
}
.news-box .nb-thumb-older-articles h4,
.news-box .older-articles h4 {
font-family: Lato,sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
}
.nb-style2 .older-articles {
background-color: #f8f8f8;
margin: 0 -20px;
}
/* ==========================================================================
* News box 3
========================================================================== */
.nb-2col .older-articles ul li {
border-top: 1px solid #eaeaea;
overflow: hidden;
padding: 15px;
}
.nb-style3 .nb-content {
overflow: hidden;
margin-right: -20px;
}
.nb-style3 .recent-news {
float: left;
max-width: 304px;
padding: 20px 20px 20px 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nb-style3 .news-image {
margin-bottom: 18px;
}
.nb-style3 .older-articles {
margin-left: 304px;
background: #f8f8f8;
border: 0px solid #eaeaea;
border-left-width:1px;
padding-bottom: 200px;
margin-bottom: -200px;
}
.nb-style3 .older-articles ul li {
padding:15px;
border-bottom: 1px solid #eaeaea;
overflow: hidden;
}
.nb-style3 .older-articles ul li:last-child {
border-bottom: 0;
}
.nb-style3 .older-articles ul li img {
float: left;
margin-right: 15px;
width: 90px;
}
.nb-style3 .older-articles ul li .details.has-feature-image {
margin-left: 103px;
}
.nb-style3 .older-articles ul li .details a {
margin-bottom: 10px;
}
.nb-style3 .older-articles .nb-item-meta {
margin-bottom: 2px;
}
/* ==========================================================================
* News Box 2 column
========================================================================== */
.nb-2col .recent-news .news-image {
margin: 0;
margin-bottom: 18px;
width: auto;
float: none;
}
.nb-2col .older-articles ul li {
padding: 15px;
border-top: 1px solid #eaeaea;
overflow: hidden;
}
.nb-2col .older-articles ul li img {
float: left;
margin-right: 15px;
width: 90px;
}
.nb-2col .older-articles ul li .details {
margin-left: 103px;
}
.nb-2col .older-articles ul li .details a {
margin-bottom: 10px;
}
.nb-2col .older-articles .nb-item-meta {
margin-bottom: 2px;
}
/* ==========================================================================
* News List
========================================================================== */
.news-list .nl-item {
margin: 0 -20px;
padding:20px;
border-bottom: 1px solid #eaeaea;
overflow: hidden;
}
.news-list .nl-item:last-child {
border-bottom: 0;
}
.news-list .nl-item .news-image{
float: left;
width: 190px;
margin-right: 20px;
}
.news-list.nl-big .nl-item .news-image {
width: 265px;
}
.news-list .nl-item .news-summary.has-feature-image {
margin-left: 210px;
}
.news-list.nl-big .nl-item .news-summary.has-feature-image {
margin-left: 285px;
}
.news-list .nl-item .news-summary h3 {
font-size: 17px;
margin-bottom: 7px;
}
.news-list .nl-item .news-summary .nb-item-meta {
margin-bottom: 9px;
}
.w-add-block {
padding: 15px;
}
.w-add-block img {
width: 100%;
}
.post-widget li {
font-family: Lato,sans-serif;
margin: 0 0 5px;
}
.post-widget li .cat_num {
float: right;
}
.widget_categories li:before {
color: #999;
content: "\f101";
font-family: FontAwesome;
margin: 0 5px 0 -5px;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-synthesis: weight style;
text-rendering: auto;
}
/* ==========================================================================
* twitter widget
========================================================================== */
.twitter-list-item {
text-align: center;
}
.twitter-list-item .twitter-user-name {
display: block;
}
.twitter-list-item .twitter-user-name a {
color: #333;
display: block;
}
.twitter-list-item .tl-head a img {
border: 1px solid #e5e5e5;
padding: 4px;
}
.twitter-list .tl-head .twitter-follow {
background-color: #dedede;
border-radius: 3px;
color: #333;
display: inline-block;
font-size: 12px;
line-height: normal;
padding: 3px 6px;
}
.twitter-list-item .tl-head {
margin-bottom: 10px;
}
.twitter-list .twitter-tweet {
font-size: 13px;
margin-bottom: 12px;
}
.twitter-list .twitter-tweet a {
color: #00aeef;
}
.twitter-list .twitter-buttons li {
display: inline-block;
}
.twitter-list .twitter-buttons a {
color: #aaaaaa;
display: inline-block;
margin: 0 0 0 2px;
}
.twitter-list .twitter-buttons a i {
margin-right: 5px;
}
.post-widget .widget-search {
margin: -20px;
position: relative;
}
.post-widget .search-form {
display: flex;
float: none;
padding: 15px;
position: relative;
background-color: #fff;
}
.widget-search .form-control {
background-color: #f8f8f8;
border: 1px solid #e5e5e5;
border-radius: 0;
box-shadow: none;
height: 36px;
}
.widget-search .button {
background-color: #00aeef;
border: 0 none;
color: #fff;
height: 36px;
padding: 0 15px;
}
.review-post .widget-post {
overflow: hidden;
}
.review-post .post-img,
.tabbed-post .post-img {
float: left;
margin: 0 15px 0 0;
width: 90px;
}
.review-post .w-post-entry h4 {
margin-bottom: 7px;
}
.review-post .w-post-entry .w-post-meta {
margin: 0 0 4px;
}
.adblock-full {
margin-bottom: 30px;
}
.adblock-full img {
width: 100%;
}
.tabbed-post {
padding: 0;
}
.tabbed-post .w-post-inner {
margin: 0;
}
.tabbed-post .w-post-inner .widget-post {
overflow: hidden;
}
.tabbed-post .tab-list {
background-color: #f8f8f8;
border-bottom: 1px solid #eaeaea;
clear: both;
height: 38px;
margin: 0;
padding: 10px 0 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.tabbed-post .tab-list li {
padding: 0;
margin: 0;
float: left;
line-height: 37px;
border: 1px solid #eaeaea;
border-bottom: 0;
border-left-width: 0;
position: relative;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.tabbed-post .tab-list li:last-child {
border-right: 0;
}
.tabbed-post .tab-list li a {
display: block;
padding: 0 11px;
color: #8e8e8e;
}
.tabbed-post .tab-list li.active a {
background-color: #fff;
color: #00aeef;
}
.post-widget .login-form {
background-color: #fff;
padding: 15px;
}
.login-form .input-field {
position: relative;
}
.login-form .username:before {
background-color: #fff;
border-right: 1px solid #eaeaea;
content: "\f007";
font-family: FontAwesome;
height: 38px;
left: 1px;
line-height: 40px;
position: absolute;
text-align: center;
top: 1px;
width: 45px;
}
.login-form .password:before {
background-color: #fff;
border-right: 1px solid #eaeaea;
content: "\f084";
font-family: FontAwesome;
height: 38px;
left: 1px;
line-height: 40px;
position: absolute;
text-align: center;
top: 1px;
width: 45px;
}
.login-form .form-control {
padding-left: 55px;
margin-bottom: 15px;
height: 40px;
}
.loginwrap .btn-blue {
float: right;
font-size: 13px;
padding: 10px 30px;
}
.loginwrap label {
margin: 10px 0 10px 5px;
cursor: pointer;
}
.post-widget .social-links {
background-color: #fff;
margin: -20px;
}
.post-widget .social-links ul {
padding: 15px;
}
.post-widget .subscribe-form {
background-color: #fff;
padding: 15px;
}
.post-widget .subscribe-form .form-control {
margin-bottom: 15px;
}
.subscribe-form .btn-blue {
font-size: 13px;
padding: 9px 25px;
}
.post-widget .g-post-widget {
background-color: #fff;
margin: -20px;
}
.post-widget .g-post-widget ul {
padding: 15px;
}
.g-post-widget li {
float: left;
margin-right: 5px;
}
.g-post-widget li a {
display: block;
width: 81px;
}
.g-post-widget li a img {
width: 100%;
}
/*================================================================
Magazine 3
==================================================================*/
.magazine-3 {
padding-bottom: 100px;
}
.header4 .cart-and-search {
margin: 7.5px 0;
}
.header4 .form-inner {
border: 1px solid #ccc;
top: calc(138% + 10px);
}
.news-ticker {
margin: 30px 0;
}
.tickercontainer {
width: 100%;
height: 30px;
margin: 0;
padding: 0;
overflow: hidden;
}
.tickercontainer .mask {
position: relative;
padding-left: 10px;
padding-right: 10px;
top: 8px;
height: 18px;
overflow: hidden;
}
ul.newsticker {
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
-o-transition: all 0s linear;
transition: all 0s linear;
position: relative;
margin-left: 20px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left;
margin: 0;
padding-right: 15px;
}
ul.newsticker a {
font-family: Raleway,sans-serif;
color: #333;
font-size: 14px;
font-weight: 400;
margin: 0 50px 0 0;
padding: 0;
white-space: nowrap;
}
/*
un comment this if you use left to right
#webticker2{
float:right;
}
#webticker2 li {
float: right;
margin: 0;
padding-left: 15px;
}*/
.bn-title {
background-color: #00aeef;
color: #fff;
height: 30px;
line-height: 30px;
text-align: center;
}
/*====================================
* Featuired posts section
*====================================
*/
.featured-posts > .container > .row {
margin-left: -1px;
margin-right: -1px;
}
.featured-posts .postOne {
padding-left: 1px;
padding-right: 1px;
}
.featured-posts .postTwo {
margin-bottom: 2px;
}
.featured-posts .postThree {
padding-left: 1px;
padding-right: 1px;
}
.featured-posts .postOne .row {
margin-left: -1px;
margin-right: -1px;
}
.featured-entry {
margin-bottom: 30px;
position: relative;
}
.featured-entry .featured-img {
position: relative;
display: block;
overflow: hidden;
}
.featured-entry .featured-img:after {
content: "";
opacity: 0.3;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-color: #000;
}
.featured-entry img {
width: 100%;
-webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
-moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
-o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
}
.featured-entry:hover .featured-img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.featured-entry .entry-post-info {
bottom: 0;
color: #fff;
left: 0;
padding: 0 30px 15px;
position: absolute;
width: 100%;
}
.featured-entry .entry-post-info span {
background-color: #00aeef;
display: inline-block;
font-size: 13px;
line-height: normal;
margin: 0 0 10px;
padding: 4px 15px;
}
.featured-entry .entry-post-info span a {
color: #fff;
}
.featured-entry h3 a {
color: #fff;
}
.featured-entry .entry-meta {
font-size: 13px;
margin-top: 5px;
}
.featured-entry .entry-meta .entry-author-name {
margin-right: 5px;
font-weight: 700;
}
.featured-entry .entry-meta > div {
display: inline-block;
}
/*====================================
* content body
*====================================
*/
.postThree .entry-post-info h3 {
font-size: 16px;
line-height: 20px;
}
.mag-title {
border-bottom: 2px solid #00aeef;
font-size: 16px;
margin-bottom: 25px;
}
.mag-title span {
background-color: #00aeef;
color: #fff;
display: inline-block;
padding: 5px 12px 3px;
text-transform: uppercase;
}
.post-item a.post-thumb,
.mag-post-tab .post-entry a {
overflow: hidden;
display: block;
}
.mag-post-tab .post-entry img,
.post-item a.post-thumb img {
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.mag-post-tab .post-entry:hover img,
.post-item a.post-thumb:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.mag-post-tab + .mag-post-tab {
margin-top: 45px;
}
.mag-post-tab .post-entry {
margin-bottom: 30px;
}
.mag-post-tab .tab-nav {
position: absolute;
right: 15px;
top: 0;
}
.mag-post-tab .tab-nav li {
display: inline-block;
margin-left: 30px;
}
.mag-post-tab .tab-nav li a {
}
.mag-post-tab .tab-pane .post-media img {
width: 100%;
}
.mag-post-tab .post-excerpt {
padding: 12px 0 0;
}
.mag-post-tab .post-excerpt {
padding: 10px 0 0;
}
.mag-post-tab .post-excerpt h3 {
font-size: 18px;
line-height: 24px;
margin-bottom: 5px;
}
.mag-post-tab .post-excerpt h4 {
font-size: 14px;
font-weight: 600;
line-height: 22px;
margin-bottom: 10px;
}
.mag-post-tab .post-excerpt p {
margin-top: 5px;
}
.mag-post-tab .post-entry .post-meta {
padding-bottom: 0;
}
.mag-post-widget .post-item {
margin: 0 0 25px;
}
.mag-post-widget .post-thumb {
display: block;
float: left;
width: 100px;
}
.mag-post-widget .post-excerpt {
margin-left: 115px;
padding-top: 0;
}
.mag-post-widget .post-meta {
font-family: Lato,sans-serif;
font-size: 13px;
font-weight: 300;
}
.mag-post-widget .post-excerpt h3 {
font-size: 13px;
font-weight: 600;
line-height: 20px;
}
.mag-post-widget .post-thumb img {
width: 100%;
}
.mag-post-pagi a {
border: 1px solid #dcdcdc;
color: #b7b7b7;
display: inline-block;
height: 25px;
line-height: 24px;
margin-right: 7px;
text-align: center;
vertical-align: middle;
width: 25px;
}
.mag-post-pagi a:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.post-fullwidth .post-media {
float: left;
width: 220px;
}
.post-fullwidth .post-excerpt {
margin-left: 240px;
margin-bottom: 40px;
padding: 0;
}
.complementary .widget {
margin-bottom: 30px;
}
.post-rating {
color: #00aeef;
}
.widget a img {
}
.add-full {
margin-bottom: 40px;
}
.add-title {
color: #acacac;
font-size: 12px;
}
.add-full a {
display: block;
}
.add-full a img {
width: 100%;
}
.grid-post .row {
margin-left: -1px;
margin-right: -1px;
}
.grid-post .col-xs-12 {
padding-left: 1px;
padding-right: 1px;
}
.grid-post .entry-post-info {
height: 100%;
padding: 0 20px;
}
.grid-post .entry-post-info:after {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.grid-post .entry-post-inner {
display: inline-block;
text-align: center;
vertical-align: middle;
width: 100%;
}
.grid-post .entry-post-info h3 {
font-size: 18px;
line-height: 23px;
}
.recentcomments li {
border-bottom: 1px dashed #f1f1f1;
margin: 10px 12px;
padding-bottom: 13px;
}
.recentcomments li span {
margin-right: 4px;
}
.recentcomments li a {
font-size: 13px;
font-style: italic;
font-weight: 600;
}
.header4 .top-nav li:first-child {
border: 0 none;
margin-right: 15px;
}
.header4 .top-nav li a {
font-family: Lato,sans-serif;
font-weight: 300;
}
/*================================================================
Education
==================================================================*/
.education,
.education .slide-item {
height: 550px;
}
.education .item {
overflow: hidden;
}
.education .slide-item h2 {
font-size: 44px;
font-weight: 700;
left: -90px;
opacity: 0;
line-height: 50px;
margin-bottom: 20px;
position: relative;
-webkit-transition: all 0.5s ease-in-out 0.4s;
-moz-transition: all 0.5s ease-in-out 0.4s;
-o-transition: all 0.5s ease-in-out 0.4s;
transition: all 0.5s ease-in-out 0.4s;
}
.education .active .slide-item h2 {
opacity: 1;
left: 0;
}
.education .slide-item p {
margin-bottom: 25px;
font-size: 16px;
right: -90px;
opacity: 0;
position: relative;
-webkit-transition: all 0.5s ease-in-out 0.8s;
-moz-transition: all 0.5s ease-in-out 0.8s;
-o-transition: all 0.5s ease-in-out 0.8s;
transition: all 0.5s ease-in-out 0.8s;
}
.education .active .slide-item p {
opacity: 1;
right: 0;
}
.education .slide-item .bsns-btn {
bottom: -40px;
opacity: 0;
position: relative;
-webkit-transition: all 0.5s ease-in-out 1.2s;
-moz-transition: all 0.5s ease-in-out 1.2s;
-o-transition: all 0.5s ease-in-out 1.2s;
transition: all 0.5s ease-in-out 1.2s;
}
.education .active .slide-item .bsns-btn {
opacity: 1;
bottom: 0;
}
.carousel-event-title {
background-color: #00aeef;
color: #fff;
padding: 24px 10px;
text-align: center;
}
.event-carousel-item > a {
float: left;
margin-right: 15px;
width: 150px;
}
.event-carousel-item .event-info {
margin-left: 115px;
}
.carousel-event .owl-controls {
margin: 0;
}
.event-carousel-item {
font-family: lato,sans-serif;
}
.event-carousel-item .event-info {
margin: 0 0 0 115px;
}
.event-carousel-item .event-date {
margin-bottom: 10px;
padding-top: 4px;
}
.welcome-message img {
width: 100%;
}
.welcome-section a {
display: inline-block;
margin: 10px 0 0;
}
.eydia-admission .media-body span {
display: block;
line-height: 24px;
}
.eydia-admission .admission-degree {
font-weight: 600;
}
.sc_cta.parallax {
border: 0 none;
}
.sc_cta.parallax .cta-inner,
.sc_cta.parallax .cta-inner h3 {
color: #fff;
}
.cta-inner h3 {
font-family: Lato,sans-serif;
font-size: 34px;
font-weight: 500;
}
.cta-inner {
position: relative;
}
.cta-inner a {
margin: -33px 0 0;
}
.edu-box h3 {
margin-bottom: 25px;
font-weight: 600;
}
.edu-box .media {
margin: 15px 0 30px;
}
.edu-box .media-body {
line-height: 22px;
}
.edu-box .media-body p {
margin: 0;
}
.edu-box .media-body span {
display: inline-block;
margin-bottom: 5px;
}
.edu-course {
border: 1px solid #f6f6f6;
}
.edu-course .details {
padding: 20px;
}
.edu-course .course-thumb {
position: relative;
overflow: hidden;
}
.edu-course .course-thumb figcaption {
background-color: rgba(0, 0, 0, 0.3);
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.edu-course:hover .course-thumb figcaption {
opacity: 1;
}
.edu-course .course-thumb img {
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.edu-course:hover .course-thumb img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.edu-course .course-thumb a {
background-color: transparent;
border: 1px solid;
border-radius: 4px;
color: #fff;
left: 50%;
margin: -18px 0 0 -35px;
position: absolute;
top: 50%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.edu-course .course-thumb a:hover {
background-color: #00aeef;
border-color: #00aeef;
}
.edu-course:hover .course-thumb a {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.edu-course .details h4 {
margin-bottom: 10px;
}
.edu-course .details p {
margin: 5px 0;
}
.course-details-span span {
font-family: Lato,sans-serif;
margin-right: 20px;
position: relative;
}
.course-details-span span:after {
background-color: #767676;
border-radius: 100%;
content: "";
height: 4px;
position: absolute;
right: -12px;
top: 7px;
width: 4px;
}
.course-details-span span:last-child:after {
content: none;
}
form.newsletter {
margin: 25px 0 0;
position: relative;
}
.newsletter .form-control {
border-radius: 0;
box-shadow: none;
height: 45px;
}
.newsletter .news-sub {
background-color: transparent;
border: 0 none;
font-size: 16px;
line-height: 45px;
padding: 0 15px;
position: absolute;
right: 0;
color: #b6b6b6;
top: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.newsletter .news-sub:hover {
background-color: #00aeef;
color: #fff;
}
.newsletter .form-control::-moz-placeholder {
color: #b6b6b6;
}
.newsletter .form-control:-moz-placeholder {
color: #b6b6b6;
}
.tweet-carousel .media-left {
display: block;
float: left;
}
.tweet-carousel .media-body {
font-family: Lato,sans-serif;
}
.tweet-carousel .media-body p a {
color: #a0a0a0;
}
.tweet-carousel .media-body p a:hover {
color: #00aeef;
}
/*================================================================
Event
==================================================================*/
.schedule-carousel-nav {
margin: auto;
position: static;
text-align: center;
padding-bottom: 60px;
}
.schedule-carousel-nav li {
background-color: #fff;
border-radius: 0;
display: inline-block;
font-family: "Lato",sans-serif;
font-size: 30px;
font-weight: 700;
height: 85px;
margin: 0 10px;
padding-top: 11px;
text-indent: inherit;
width: 90px;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.schedule-carousel-nav li.active {
background-color: #00aeef;
color: #fff;
height: 85px;
width: 90px;
margin: 0 10px;
}
.schedule-carousel-nav li span:last-child {
font-size: 17px;
}
.hex {
border-radius: 9px;
display: inline-block;
font-size: 1em;
height: 12.124em;
margin: 3em 0 1.5em;
overflow: hidden;
-webkit-transform: scale(1) rotate(-30deg) skewX(30deg);
-moz-transform: scale(1) rotate(-30deg) skewX(30deg);
-ms-transform: scale(1) rotate(-30deg) skewX(30deg);
-o-transform: scale(1) rotate(-30deg) skewX(30deg);
transform: scale(1) rotate(-30deg) skewX(30deg);
width: 14em;
}
.hex *, .hex *:before {
border-radius: inherit;
display: block;
height: inherit;
width: inherit;
}
.hex-inner {
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-moz-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.hex-inner:before {
background-color: #fff;
content: "";
-webkit-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-moz-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-ms-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
-o-transform: skewX(-30deg) rotate(60deg) skewX(30deg);
transform: skewX(-30deg) rotate(60deg) skewX(30deg);
}
.lunch .hex-inner:before {
background-color: #00aeef;
}
.hex-inner span {
display: block;
font-size: 3.35em;
line-height: 3.15em;
margin: 0 auto;
-webkit-transform: skewX(-30deg) rotate(-30deg);
-moz-transform: skewX(-30deg) rotate(-30deg);
-ms-transform: skewX(-30deg) rotate(-30deg);
-o-transform: skewX(-30deg) rotate(-30deg);
transform: skewX(-30deg) rotate(-30deg);
}
.hex:first-child {
margin-left: 0;
}
.hex-inner strong {
display: block;
font-size: 16px;
letter-spacing: 5px;
padding: 0.45em 0.2em 0;
text-align: center;
text-transform: uppercase;
-webkit-transform: skewX(-30deg) rotate(-30deg);
-moz-transform: skewX(-30deg) rotate(-30deg);
-ms-transform: skewX(-30deg) rotate(-30deg);
-o-transform: skewX(-30deg) rotate(-30deg);
transform: skewX(-30deg) rotate(-30deg);
}
.hex-inner span,
.hex-inner strong,
.hex.sm .hex-inner i {
position: absolute;
top: 0;
}
.hex.xs .hex-inner i {
margin: 0;
position: absolute;
top: 0;
}
.hex-inner strong {
position: absolute;
top: 50%;
}
.hex.sm {
height: 7.65em;
margin-bottom: 0;
margin-top: 1em;
width: 9em;
}
.hex.sm .hex-inner i {
display: block;
font-size: 3.65em;
line-height: 2.15em;
margin: 0 auto;
text-align: center;
top: 0;
-webkit-transform: skewX(-30deg) rotate(-30deg);
-moz-transform: skewX(-30deg) rotate(-30deg);
-ms-transform: skewX(-30deg) rotate(-30deg);
-o-transform: skewX(-30deg) rotate(-30deg);
transform: skewX(-30deg) rotate(-30deg);
}
.hex.xs {
height: 4.25em;
width: 5em;
}
.hex.xs .hex-inner i {
display: block;
font-size: 30px;
line-height: 60px;
margin: 0 auto;
text-align: center;
-webkit-transform: skewX(-30deg) rotate(-30deg);
-moz-transform: skewX(-30deg) rotate(-30deg);
-ms-transform: skewX(-30deg) rotate(-30deg);
-o-transform: skewX(-30deg) rotate(-30deg);
transform: skewX(-30deg) rotate(-30deg);
}
.hex-inner.second i,
.hex-inner.prime i {
color: #fff;
}
.segment-wrapper > div {
position: relative;
}
.segment .speaker {
display: block;
float: left;
position: relative;
width: 30%;
}
.speakerImg {
text-align: center;
}
.speakerImg img {
height: auto;
width: 55%;
}
.speakerImg h6 {
margin-bottom: 0;
}
.speakerImg span {
display: block;
line-height: 1.35em;
margin-top: 0.65em;
opacity: 0.6;
}
.segmentInfo {
background-color: #fff;
border-radius: 5px;
display: block;
float: right;
margin: 1.5em 0;
padding: 3em 3em 2.65em;
position: relative;
width: 70%;
}
.segmentInfo.BGprime h4,
.segmentInfo.BGprime h5,
.segmentInfo.BGprime strong,
.segmentInfo.BGprime p,
.segmentInfo.BGprime .time,
.segmentInfo.primary h4,
.segmentInfo.primary h5,
.segmentInfo.primary strong,
.segmentInfo.primary p,
.segmentInfo.primary .time,
.segment.lunch .hex.xs i,
.segment.day .hex.xs i,
.segment.eventend .hex.xs i {
color: #fff;
}
.segmentInfo div {
padding: 0;
}
.segmentInfo.primary,
.segment.day .hex-inner:before {
background-color: #00aeef;
color: #fff;
}
.segmentInfo.primary:before {
color: #00aeef;
}
div.segmentInfo:before {
color: #fff;
content: "";
display: block;
font-family: "FontAwesome";
font-size: 3em;
left: -0.3em;
position: absolute;
top: 1.35em;
}
.segmentInfo h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
text-transform: capitalize;
}
.segmentInfo p {
margin: 0.85em 0;
}
.vline {
background-color: #fff;
border-radius: 5px;
bottom: -1.5em;
left: -5em;
position: absolute;
right: auto;
top: -1.65em;
width: 7px;
}
.segment .round {
position: absolute;
right: 1.85em;
top: 3.65em;
z-index: 9;
}
.segment .hex.xs {
margin: 0.65em 0;
}
.segment .hex.xs i{
position: absolute;
top: 0;
}
.segment .round {
border-radius: 50%;
height: 5.65em;
text-align: center;
width: 5.65em;
}
.segment .round:before {
background-color: #fff;
border-radius: 5px;
content: "";
height: 7px;
position: absolute;
right: 100%;
top: 45%;
width: 55px;
}
.segment .round:before {
right: 100%;
}
.segment img.img-responsive {
border: 7px solid #fff;
margin: 2.55em auto 1em;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.time {
font-size: 1.35em;
}
.segment.lunch .round:before,
.segment.day .round:before {
display: none;
}
.segment:hover .segmentInfo {
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.08);
}
.segment:hover .speaker img {
border-color: #00aeef;
}
.segment:hover .hex-inner {
color: #00aeef;
}
.segmentInfo.primary h5 {
font-size: 18px;
font-weight: 700;
}
/*================================================================
Blog 2
==================================================================*/
body.blog2 {
background-color: #fafafa;
}
/*
*Blog 2 Nav
*
**/
.blog2-nav {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}
.blog2-nav .navbar-nav li a {
padding: 20px 15px;
}
.blog2-nav .cart-and-search {
margin: 10px 0 0;
}
.blog2-nav .form-inner {
border: 1px solid #e5e5e5;
top: calc(102% + 8px);
}
.blog2-nav .cart-and-search > a:hover {
background-color: #fff;
}
.blog2-nav .cart-and-search > a i {
color: #e5e5e5;
}
.blog-logo {
padding: 100px 0;
text-align: center;
}
.blog-logo .social-links {
margin: 25px 0 0;
}
.fp-carousel .owl-stage-outer,
.fp-carousel .fp-item,
.fp-item .fp-media img {
height: 350px;
width: auto;
}
.fp-item .fp-media {
position: relative;
}
.fp-item .fp-entry {
background-color: rgba(0, 0, 0, 0.6);
bottom: 0;
color: #fff;
font-family: "Playfair Display",serif;
left: 0;
padding: 15px;
position: absolute;
width: 100%;
}
.fp-item .fp-post-cat {
display: block;
font-size: 12px;
line-height: normal;
margin-bottom: 5px;
}
.fp-item .fp-excerpt {
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.fp-item .fp-entry:hover .fp-excerpt {
margin-bottom: 0 !important;
}
.fp-item .fp-entry a {
color: #fff;
}
.fp-item .fp-entry .read-more {
font-size: 13px;
letter-spacing: 1px;
}
.fp-item .fp-entry .read-more:hover {
text-decoration: underline;
}
.fp-carousel .owl-controls {
left: 0;
margin: -17px 0 0;
position: absolute;
top: 50%;
width: 100%;
}
.fp-carousel .owl-nav div {
background-color: rgba(0, 0, 0, 0.6);
display: inline-block;
font-size: 24px;
height: 35px;
line-height: 35px;
opacity: 0;
text-align: center;
width: 35px;
-webkit-transition: opacity 0.4s ease-in-out 0s;
-moz-transition: opacity 0.4s ease-in-out 0s;
-o-transition: opacity 0.4s ease-in-out 0s;
transition: opacity 0.4s ease-in-out 0s;
}
.fp-carousel:hover .owl-nav div {
opacity: 1;
}
.fp-carousel .owl-nav .owl-prev {
float: left;
}
.fp-carousel .owl-nav .owl-next {
float: right;
}
.content-holder {
padding: 50px 0;
}
.blog2 .content-holder {
font-family: "Playfair Display", serif;
}
.content-holder .entry-post {
background-color: #fff;
box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.04);
margin: 0 0 30px;
padding: 60px;
}
.entry-post .post-media img {
width: 100%;
}
.content-holder .entry-content {
padding: 30px 50px;
}
.entry-content .post-header {
position: relative;
}
.post-header .post-formate {
color: #e8e8e8;
font-size: 45px;
position: absolute;
right: -47px;
top: 4px;
}
.entry-content .post-header h2 {
font-size: 35px;
line-height: 40px;
margin-bottom: 15px;
}
.entry-content .meta-space {
font-size: 14px;
margin: 0 0 30px;
}
.entry-content .meta-space span {
margin-right: 8px;
padding-right: 8px;
}
.entry-content .meta-space span:after {
background-color: #777777;
content: no-close-quote;
display: inline-block;
height: 15px;
left: 8px;
position: relative;
top: 3px;
width: 1px;
-webkit-transform: rotate(25deg);
-moz-transform: rotate(25deg);
-ms-transform: rotate(25deg);
-o-transform: rotate(25deg);
transform: rotate(25deg);
}
.entry-content .meta-space span:last-child {
margin-right: 0;
padding-right: 0;
}
.entry-content .meta-space span:last-child:after {
content: none;
}
.entry-content .entry-excerpt {
font-size: 16px;
font-weight: 400;
line-height: 31px;
padding-bottom: 25px;
}
.entry-content .entry-excerpt .read-more {
display: inline-block;
font-style: italic;
margin: 15px 0 0;
}
.entry-content .social-sharer {
border-top: 1px solid #e5e5e5;
padding: 8px 0 0;
}
.entry-content .social-sharer li a {
border-color: #d7d7d7;
color: #c7c7c7;
}
.entry-content .social-sharer li a:hover {
background-color: #00aeef;
border-color: #00aeef;
color: #fff;
}
.entry-post .link-post {
background-color: #efefef;
font-size: 20px;
padding: 50px 60px;
text-align: center;
}
.entry-post .link-post:hover a {
color: #00aeef;
}
.post-entry .embed-post-wrap {
background-color: #fff;
}
.embed-post-wrap {
background-color: #efefef;
text-align: center;
}
.embed-post-inner {
padding: 30px 0;
}
.embed-post-inner .twitter-tweet,
.embed-post-inner .fb_iframe_widget {
margin: 0 auto !important;
}
.entry-content.quote {
}
.entry-post .quote-post {
font-size: 30px;
font-style: italic;
line-height: 45px;
background-color: #efefef;
margin-bottom: 20px;
padding: 50px 60px;
}
.entry-post.quote .author-name {
display: block;
font-size: 20px;
font-style: italic;
text-align: right;
}
.row.featured-grid-gallery {
margin-left: -2px;
margin-right: -2px;
}
.featured-grid-gallery .col-xs-12 {
padding: 2px;
}
/*
* Blog 2 Sidebar
**/
.widget2 .widget {
background-color: #fff;
box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.04);
margin-bottom: 30px;
padding: 50px 40px;
}
.widget2 .social-links {
margin: 0;
}
.content-holder .post-pagination ul li a {
font-size: 18px;
}
.blog2 .about_psot_author {
border: 0 none;
box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.04);
}
.blog2 .post_comment_area.style2 {
box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.04);
}
/*================================================================
Blog 3
==================================================================*/
.blog3 {
font-family: Lato,sans-serif;
}
.blog-banner {
position: relative;
}
.blog-banner .overlay {
background-color: #000;
bottom: 0;
left: 0;
opacity: 0.2;
position: absolute;
right: 0;
top: 0;
}
.display-table {
display: table;
width: 100%;
}
.display-table > div,
.display-table > .display-tableCell {
display: table-cell;
vertical-align: middle;
position: relative;
}
.blog-banner h2 {
color: #fff;
font-size: 70px;
font-weight: 900;
}
.blog3 .content-holder .entry-content {
padding-left: 150px;
padding-right: 150px;
}
.blog3 .meta-space {
font-size: 12px;
}
.blog3 .entry-excerpt {
font-weight: 300;
}
.post_comment_area.style2 h2 {
border-bottom: 0;
}
.post_comment_area.style2 .single_comment {
margin-top: 0;
}
.style2 .comment_replay > .comment {
padding-bottom: 0;
padding-top: 25px;
}
.style2 .comment_replay > .comment_text {
padding-top: 25px;
}
.style2 .coment_text {
border-top: 1px solid #ccc;
padding-bottom: 0;
padding-top: 25px;
}
.style2 .coment_text:after {
content: none;
}
.style2 .comment {
padding-top: 15px;
padding-bottom: 15px;
}
/*================================================================
Blog Timeline
==================================================================*/
.banner-half,
.banner-half .display-table {
height: 400px;
}
.timeline-wrapper {
background-color: #fbfbfb;
padding-top: 120px;
}
.post-media img {
width: 100%;
}
/*================================================================
Timeline style 2
==================================================================*/
.embed-post-wrap + .post-excerpt {
padding-top: 0;
}
.posts-timeline {
height: auto;
margin: 40px auto 0;
position: relative;
width: 100%;
overflow: hidden;
}
.posts-timeline:before {
background-color: #ddd;
bottom: 0;
content: "";
height: 9999px;
left: 50%;
margin-left: -1px;
margin-top: -10px;
position: absolute;
top: 10px;
width: 2px;
z-index: 9;
}
.posts-timeline .title {
background: #ffffff none repeat scroll 0 0;
border: 3px solid #d6d6d6;
border-radius: 100%;
clear: both;
color: #3c3d3d;
font-size: 24px;
font-weight: 400;
height: 64px;
margin: 0 auto 100px;
padding: 10px 0;
position: relative;
text-align: center;
width: 64px;
z-index: 10;
}
.posts-timeline .title + .entry-timeline {
margin-top: -50px;
}
.posts-timeline .post-entry {
background-color: #fff;
}
.posts-timeline .entry-timeline {
background-color: #fff;
cursor: pointer;
float: left;
margin: 0 0 50px;
padding: 20px;
position: relative;
width: 48%;
z-index: 550;
}
.posts-timeline .entry-timeline:before {
background-color: #999;
border-radius: 50px;
content: "";
height: 16px;
position: absolute;
right: -33px;
top: 0;
width: 16px;
z-index: 10;
}
.posts-timeline .entry-timeline:after {
border-bottom: 10px solid transparent;
border-left: 13px solid #fff;
border-top: 10px solid transparent;
content: "";
position: absolute;
right: -13px;
top: 18px;
}
.posts-timeline .entry-timeline:nth-of-type(2n) {
clear: right;
float: right;
}
/*================================================================
BuddyPress
==================================================================*/
.bdp-title {
background-color: #00aeef;
color: #fff;
margin-bottom: 40px;
padding: 20px;
}
#search-members-form {
position: relative;
}
#search-members-form input[type="text"] {
border: 1px solid #ddd;
height: 40px;
padding: 2px 40px 0 20px;
width: 100%;
}
#search-members-form button[type="submit"] {
background-color: #00aeef;
color: #fff;
border: 0 none;
font-size: 18px;
padding: 7px 14px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#members-ordering-by label {
float: left;
margin: 8px 0 0;
}
#members-ordering-by .sbHolder {
float: right;
position: relative;
width: 200px;
}
.sbHolder .sbSelector {
border: 1px solid #ddd;
display: block;
padding: 6px 10px;
}
#members-ordering-by .sbHolder {
font-size: 13px;
}
.sbHolder .sbOptions {
background-color: #fff;
border: 1px solid #ddd;
padding: 6px 10px;
border-top: 0;
z-index: 10;
position: absolute;
top: auto !important;
width: 100%;
}
.sbHolder .sbToggle {
background-color: transparent;
display: block;
height: 20px;
margin-top: -10px;
position: absolute;
right: 10px;
top: 50%;
width: 20px;
}
.sbHolder .sbToggle:after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 5px;
top: -2px;
}
.sbHolder .sbToggleOpen:after {
content: "\f106";
}
#members-dir-list {
margin: 50px 0;
}
.members--dir .member-item {
border: 1px solid #ddd;
line-height: 20px;
margin: 0 0 20px;
overflow: hidden;
padding: 15px;
}
.member-item .item-avatar {
float: left;
margin-right: 15px;
}
.member-item .item-meta {
line-height: 16px;
margin: 7px 0 0;
}
.member-item .item-meta .activity {
font-size: 12px;
}
.groups--dir .groups-tab {
background-color: #00aeef;
margin: 0 0 25px;
}
.groups--dir .groups-tab li {
display: inline-block;
}
.groups--dir .groups-tab li a {
color: #fff;
display: block;
padding: 15px 30px;
text-transform: capitalize;
}
.groups--dir .groups-tab li a:hover {
background-color: #00A7E6;
}
.group-item {
margin-bottom: 30px;
}
.group-item .group-thumb img {
width: 100%;
}
.group-item .group-content {
border: 1px solid #ddd;
padding: 10px;
}
.group-item .group-content .group-meta span {
display: block;
font-size: 12px;
font-style: italic;
line-height: 20px;
}
#bdp-forums ul.forum-titles li:first-child {
text-align: left;
}
#bdp-forums ul.forum-titles li {
font-size: 13px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
}
li.bdp-forum-info,
li.bdp-topic-author,
li.bdp-topic-title {
float: left;
text-align: left;
width: 55%;
}
li.bdp-forum-topic-count,
li.bdp-topic-voice-count,
li.bdp-forum-reply-count,
li.bdp-topic-reply-count {
float: left;
text-align: center;
width: 10%;
}
li.bdp-forum-freshness,
li.bdp-topic-freshness {
float: left;
text-align: center;
width: 25%;
}
#bdp-forums .forum-titles,
#bdp-forums .bdp-forum-body .forum {
border: 1px solid #ddd;
margin: 0 0 20px;
overflow: hidden;
padding: 8px 0 8px 20px;
}
.bdp-forum-info .bdp-forum-content,
.bdp-forum-freshness > a {
font-size: 13px;
}
.bdp-forum-freshness .bdp-topic-meta {
margin: 0;
}
/*==========================================
New Boxed Style
============================================*/
body.boxed {
background-color: #eee;
}
.main-wrapper.boxed {
background-color: #ffffff;
margin: 0 auto;
max-width: 1280px;
}
.main-wrapper.boxed #go-top {
right: 34px;
}
.main-wrapper.boxed .slide-top span {
right: 0px;
z-index: 10;
}
.bordered > section:not(.travel-wrapper):not(#start):not(#footer_canvas):not(.parallax-subs):not(.contact3),
.main-wrapper > section:not(.travel-wrapper):not(#start):not(#footer_canvas):not(.parallax-subs):not(.contact3) {
padding: 100px 0;
}
.main-wrapper.boxed .sticky-header.on,
.main-wrapper.boxed .navbar-fixed-top,
.main-wrapper.boxed .bottom-head {
left: auto;
right: auto;
}