@charset "UTF-8";
  body {
color: #777;
font-size: 13px;
line-height: 1.428571429;
font-family: "Open Sans", Arial, sans-serif;
}
a,a:hover,a:focus {
text-decoration: none;
}
a:focus {
outline: none;
}
a.main-bg:focus,a.main-bg:hover{
color:#fff
}
.pager li>a:focus{
background:transparent !important
}
:focus {
outline: 0;
}
.top-nav ul,.sidebar_widgets,.top-bar ul,.post-meta,.list,.footer-bar ul,.footer-top ul,.footer-bottom ul,.list-details,.sharrre ul,ul.gallery,
ul.larg-socials,.digits ul,.team-socials ul,.commentlist,ul.page-numbers {
margin: 0;
padding: 0;
list-style: none;
}
img {
max-width: 100%;
height: auto;
border: 0;
}
table {
width: 100%;
border: 1px solid #e2e2e2;
border-spacing: 0;
border-collapse: collapse;
margin-bottom: 20px;
}
tr:nth-child(even) {
background: #f3f3f3;
}
tfoot {
background: #e9e9e9;
font-weight: bold;
}
th {
text-transform: uppercase;
border-right: 1px solid #e2e2e2;
background: #f5f5f5;
border-bottom: 2px #777 solid;
}
td, caption {
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
tr.even td {
background: #f9f9f9;
}
th, td, caption {
padding: 10px;
vertical-align:middle
}
.table-style2 th {
border-right-color: #fff;
border-bottom-color: #5c5c5c;
}
iframe{
border:0;
}
.block{
display:block
}
.no-border{
border:0 !important
}
legend{
border-bottom:0;
width: auto;
display:inline-block;
font-size:13px
}
.container-fluid > .row{
margin:0 !important
}
.container-fluid > .row > .col-md-12{
padding:0 !important
}
.logged-in.admin-bar header.top-head.stickyHeader{
top:32px !important
} .top-bar {
border-bottom: 1px #eee solid;
background: #f4f4f4;
font-size: 12px;
position:relative;
z-index:6666
}
.top-bar.main-bg{
border-bottom:0
}
.top-bar a, .top-bar span {
display: block;
padding: 0 10px 0 0;
color: #A2A2A2;
line-height: 39px;
}
.top-bar-menu span{
display: inline-block;
padding: 0 10px 0 0;
color: #A2A2A2;
line-height: normal;
}
.top-bar-menu .menu-message{
padding-top:13px;
font-size: 10px;
line-height:39px !important;
padding:0 !important;
}
.top-bar .top-nav > ul > li{
height:auto
}
.top-bar .top-nav > ul > li > a{
height:auto;
padding:0 10px 0 3px !important;
text-transform: none;
font-size: 100%;
}
.top-bar .top-nav li.current_page_parent > a{
background:transparent !important
}
.top-bar .top-nav li.current-menu-item > a,.top-bar .top-nav li.current_page_parent > a,
.top-bar .top-nav li.current-menu-parent > a,.top-bar .top-nav li.current-menu-ancestor > a{
background-color:transparent !important
}
.top-bar .top-nav li.current-menu-item > a i,.top-bar .top-nav li.current_page_parent > a i,
.top-bar .top-nav li.current-menu-parent > a i,.top-bar .top-nav li.current-menu-ancestor > a i{
color:#A2A2A2 !important
}
.top-bar .top-nav > ul > li:hover > a{
background:#fff !important;
text-decoration:none;
color:#333
}
.top-bar .top-nav > ul > li.selected i{
color:#333 !important
}
.top-bar .top-nav > ul li:hover > ul{
display:block
}
.top-bar .top-nav > ul > li ul{
top:100% !important;
z-index:99999;
background:#fff !important;
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4) !important;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.4) !important;
left:0
}
.top-bar .top-nav > ul > li > ul li:hover,.top-bar .top-nav > ul > li > ul li:hover a{
background:#eee !important
}
.top-bar .top-nav > ul > li > ul li ul{
top:0 !important;
left:100%;
background:#eee !important;
}
.top-bar .top-nav li li.hasChildren:after{
color:#ccc
}
.top-bar .top-nav > ul > li > ul li ul li{
display:block;
float:none
}
.top-bar .top-nav > ul > li ul li{
border-bottom-color: #EDEDED !important;
}
.top-bar .top-nav ul li ul li li{
border-bottom-color:#ddd !important
}
.top-bar .top-nav > ul > li ul li a{
background:#fff !important;
line-height: normal;
padding: 9px 10px !important;
font-size: 11px;
text-transform: none;
}
.top-bar-menu .top-nav > ul > li > a i{
font-size:12px;
}
.top-bar .top-nav > ul > li > a:hover i{
color:#777
}
.top-bar .top-nav > ul > li > a span{
display: inline;
}
.head-style2 .top-bar .top-nav > ul > li > a span{
display: inline-block;
margin-top:0
}
.head-style2 .top-bar .top-nav > ul > li > a,.head-style2 .top-bar .top-nav > ul > li > a span{
-moz-transform: skew(0, 0);
-ms-transform: skew(0, 0);
-o-transform: skew(0, 0);
-webkit-transform: skew(0, 0);
transform: skew(0, 0);
}
.head-style2 .top-bar .top-nav{
margin:0
}
.top-bar .top-nav > ul > li:after{
display:none;
}
.top-bar-menu a{
padding:0 10px !important;
}
.top-bar-menu a span{
padding-right:0 !important;
}
.top-bar li.login-out{
padding:0 0 0 8px
}
.top-bar li.login-out a{
display:inline
}
.top-bar .search-top{
padding-top:5px;
position:relative
}
.top-bar .search-top .search-box:before{
display:none
}
.top-bar .search-top .search-box {
top: 45px;
left: 0;
z-index: 99999;
width: 300px;
right:auto;
background:#fff;
border:1px #f4f4f4 solid;
border-top-width:3px;
border-top-style:solid;
padding:8px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.125);
}
.top-bar .search-top .search-box input[type=text]{
width:258px;
height:38px;
border:0;
line-height:39px
}
.top-bar .search-top .search-box button{
height:38px;
background:transparent;
padding: 0;
width: auto;
}
.top-bar .search-top .search-box button i:before{
font-family:FontAwesome !important;
content:"\f002" !important
}
.top-bar .search-top .search-box button:hover{
background:transparent !important
}
.top-bar .srch-top-btn{
display:inline-block
}
.top-bar .srch-top-btn i{
margin-right:6px
}
.top-bar.main-bg a,.top-bar.main-bg span{
color:#fff
}
.top-bar.main-bg li{
border-left-color:#A0A0A0
}
.lft-topbar-border{
border-left:1px #E9E9E9 solid
}
.top-bar a:hover {
text-decoration: underline;
}
.top-bar li {
float: left;
border-style: solid;
border-color: #E9E9E9;
border-width:0;
border-left-width:1px
}
.top-bar li:first-child {
border-left: 0;
}
.top-bar li i {
margin: 0 8px;
font-size: 13px;
}
.top-bar.main-bg li i{
color:#fff 
}
.top-bar li:first-child i.fa-unlock-alt {
margin-left: 8px;
}
.top-bar ul.social-list li a:hover {
background: #333;
}
.top-bar .top-nav > ul > li > a:after{
display:none !important;
}
.top-bar-txt a,.top-bar-txt span{
display:inline-block !important
}
.top-bar-txt img{
max-height:40px
} header.top-head {
position: relative;
z-index: 5555;
min-height: 90px;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
width:100%
} .head-style1 header.top-head:after{
position:absolute;
width:100%;
height: 7px;
bottom:0;
background: #E5E5E5;
content:"";
display:inline-block
}
.head-style1 header.top-head.stickyHeader:after{
display:none
}
.fixedHead {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
background: transparent !important;
}
header.top-head .logo{
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
display: table;
height: 90px;
float:left
}
header.top-head .logo a {
background-image:none !important;
font-size: 40px;
font-weight:800;
letter-spacing:-2px;
text-transform:uppercase;
margin-top: 8px !important;
display: inline-block;
}
header.top-head .logo a .logo-txt{
line-height:normal;
font-style:normal
}
header.top-head .logo a img{
max-height:150px
}
header.top-head .logo a span{
display: block;
font-size: 10px;
color: #BDBDBD;
letter-spacing: 2px;
text-transform: uppercase;
white-space: nowrap;
font-weight: 100;
margin-top: -12px;
margin-left:3px
}
.logo-img {
margin-bottom:8px
}
.logo-img span{
margin-top:0 !important;
margin-left:0 !important;
}
header.top-head .logo.center a{
color: #A9A9A9;
font-size: 10px;
font-weight: 400;
clear: both;
display: block;
margin-top: -14px;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-left: 4px;
}
.top-menu .top-nav {
float: right;
width: auto;
}
.top-nav > ul > li {
position: relative;
float: left;
margin: 0;
border-color: #eee;
border-style:solid;
border-width:0;
border-left-width: 1px;
height: 83px;
}
.top-nav > ul > li > a:hover i, .top-nav > ul > li.current-menu-item > a i, .top-nav > ul > li.current-menu-parent > a i,
.top-nav > ul > li.current-menu-ancestor > a i, .top-nav > ul > li.selected > a i {
margin-top: 5px;
color:#fff
}
.top-nav > ul > li > a {
display: block;
padding: 0 17px;
padding-top: 22px;
height: 83px;
text-transform: uppercase;
overflow:hidden;
text-align:center;
font-size: 13px;
}
.top-nav > ul li a span {
display: block;
margin-top:5px}
.top-nav > ul li li a span {
display: inline;
margin-top:0 !important
}
.top-nav > ul li a i{
color:#b8b8b8;
font-size:16px
}
.top-nav > ul li li a i{
margin-right:7px;
font-size:12px
}
.top-nav > ul li a:hover i,.top-nav > ul li.selected a i,.top-nav > ul li.current-menu-item a i,
.top-nav > ul li.current-menu-current-menu-ancestor a i,.top-nav > ul li.current_page_parent a i,.top-nav > ul li.current-menu-parent a i{
color:#fff;
}
.head-style1 .top-nav > ul > li > a{
position:relative;
overflow:inherit
}
.head-style1 .top-nav > ul > li > a:after{
position: absolute;
bottom: -7px;
left: -3px;
display: inline-block;
width: 100%;
height: 7px;
border-color: #D0D0D0;
border-style:solid;
border-width:0;
border-left-width: 1px;
background: transparent;
content: "";
-moz-transform: skew(-35deg, 0);
-ms-transform: skew(-35deg, 0);
-o-transform: skew(-35deg, 0);
-webkit-transform: skew(-35deg, 0);
transform: skew(-35deg, 0);
}
.head-style1 .stickyHeader .top-nav > ul > li > a:after{
display:none
}
.top-nav > ul li ul {
display:none;
height:auto;
max-height:none;
position: absolute;
top: 89px;
left:-5px;
min-width: 180px;
z-index: 999;
}
#mnu-eft{
display:inline;
}
.effect-1 .top-nav > ul > li > ul {
position: absolute;
top: 90px;
z-index: -1;
min-width: 180px;
height:0;
max-height:0;
left: -5px;
display:block
}
.top-nav > ul > li > ul > li {
position: relative;
float: none;
margin: 0;
padding: 0;
line-height: 35px;
}
.effect-1 .top-nav > ul > li > ul > li {
position: relative;
float: none;
margin: 0;
padding: 0;
line-height: 35px;
opacity: 0;
transition: opacity .5s, transform .4s;
-moz-transform: rotateY(90deg);
-ms-transform: rotateY(90deg);
-o-transform: rotateY(90deg);
-webkit-transform: rotateY(90deg);
-moz-transition: opacity .5s, -moz-transform .4s;
-ms-transition: opacity .5s, -ms-transform .4s;
-o-transition: opacity .5s, -o-transform .4s;
-webkit-transition: opacity .5s, -webkit-transform .4s;
transform: rotateY(90deg);
}
.effect-1 .top-nav > ul > li:hover > ul{
z-index:0;
height:auto
}
.effect-1 .top-nav > ul > li:hover > ul > li {
opacity: 1;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
transform: none;
}
.top-nav li li{
position:relative
}
.top-nav li li a {
display: block;
overflow: hidden;
padding: 15px;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
line-height: 1;
}
.top-nav li li.hasChildren:after {
position: absolute;
top: 6px;
right: 15px;
display: inline-block;
color: #fff;
content: "\f105";
font-family: FontAwesome;
}
.top-nav li li a:hover, .top-nav li li.selected > a, .top-nav li li.current-menu-parent > a, .top-nav li li.current-menu-ancestor > a {
text-decoration: none;
}
.effect-1 .top-nav li li li {
opacity: 0;
transition: opacity .4s, transform .5s;
-moz-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-moz-transition: opacity .4s, -moz-transform .5s;
-ms-transition: opacity .4s, -ms-transform .5s;
-o-transition: opacity .4s, -o-transform .5s;
-webkit-transition: opacity .4s, -webkit-transform .5s;
transform: rotateX(90deg);
}
.effect-1 .top-nav li li > ul{
display:block;
z-index:0
}
.top-nav li li > ul{
left: 100%;
top: 0;
}
.effect-1 .top-nav li li:hover > ul{
height:auto;
z-index:99
}
.effect-1 .top-nav li li:hover > ul > li {
opacity: 1;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
-webkit-transform: none;
transform: none;
}
.menu-hint{
font-size:9px;
position: relative;
top: -5px;
left: 3px;
padding: 1px 4px;
background:#777;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
color:#fff
}
.menu-hint.success {
background-color: #5cb85c;
}
.menu-hint.success:hover {
background-color: #449d44;
}
.menu-hint.info {
background-color: #5bc0de;
}
.menu-hint.info:hover {
background-color: #31b0d5;
}
.menu-hint.warning {
background-color: #f0ad4e;
}
.menu-hint.warning:hover {
background-color: #ec971f;
}
.menu-hint.error {
background-color: #d9534f;
}
.menu-hint.error:hover{
background-color: #c9302c;
} .head-style2 .stickyHeader .logo{padding-top:0;padding-bottom:0;margin-top:-3px}
.head-style2 .stickyHeader .top-menu{
margin-top:0 !important
}
.head-style2 .menu-message{
line-height:50px !important
}
.head-style2 #mnu-eft{
margin-top:40px;
float:right
}
.head-style2 .stickyHeader #mnu-eft{
margin-top:0
}
.head-style2 .stickyHeader .top-nav > ul > li > a,.head-style2 .stickyHeader .top-nav > ul > li > a span{
line-height:58px !important;
height:58px !important
}
.head-style2 .stickyHeader .mega-menu .mega-2 .div-mega{
top:57px
}
.head-style2 .stickyHeader .top-search a{
margin-top:8px;
width:40px;
height:40px;
line-height:40px;
-moz-transform: skew(0, 0);
-ms-transform: skew(0, 0);
-o-transform: skew(0, 0);
-webkit-transform: skew(0, 0);
transform: skew(0, 0);
}
.head-style2 .stickyHeader .top-search a span{
-moz-transform: skew(0, 0);
-ms-transform: skew(0, 0);
-o-transform: skew(0, 0);
-webkit-transform: skew(0, 0);
transform: skew(0, 0);
}
.head-style2 .logo {
padding: 8px 15px;
}
.head-style2 .top-head,.head-style3 .top-head {
padding: 0;
min-height: inherit;
border-bottom:0px !important
}
.head2-lft-links {
padding: 9px;
direction: rtl;
}
.head2-lft-links li {
float: none;
padding: 2px 0;
text-align: right;
white-space: pre-line;
}
.head2-lft-links li i {
margin-left: 10px;
}
.head-style2 .bg-head2 {
position: absolute;
bottom: 0;
right: 15px;
width: 93%;
height: 50px;
background: #F2F2F2;
z-index: -1;
-moz-transform: skew(-25deg, 0);
-ms-transform: skew(-25deg, 0);
-o-transform: skew(-25deg, 0);
-webkit-transform: skew(-25deg, 0);
transform: skew(-25deg, 0);
}
.head-style2 .top-menu .top-nav > ul > li {
margin-right: 1px;
}
.head-style2 .top-menu .top-nav > ul > li, .head-style2 .top-menu .top-nav > ul > li > a {
padding-top: 0;
height: 50px;
line-height: 50px;
}
.head-style2 .top-menu .top-nav > ul > li > a span, .head-style3 .top-menu .top-nav > ul > li > a span {
line-height: 50px !important;
margin-top:0
}
.head-style3 .top-menu .top-nav > ul > li > a:hover span{
color:#333
}
.head-style2 .stickyHeader .top-menu .top-nav > ul > li > a span{
line-height: 60px !important;
}
.head-style3 .stickyHeader .top-menu .top-nav > ul > li > a:hover span{
color:#fff
}
.head-style2 .stickyHeader .top-search {
margin: 0;
}
.head-style2 .stickyHeader .search-box{
right:0;
top:60px !important
}
.head-style2 .search-box{
-webkit-box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.3);
box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.3);
}
.head-style2 .top-search a {
margin-top: 0;
padding: 0 !important;
width: 50px;
height: 50px;
border-radius: 0;
line-height: 50px;
}
.head-style2 .top-search a span {
color: #fff;
display:inline-block
}
.head-style2 .top-nav > ul > li > ul {
top: 50px;
margin-left: -6px;
}
.head-style2 .login-btn .tri {
top: -11px;
}
.fixedPage .head-style2 .right-bar{
margin:0
}
.fixedPage .head-style2 .top-head .right-bar{
margin-right:10px
}
.fixedPage .head-style2 .bg-head2 {
left: 15%;
width: 80%;
}
.fixedPage .head-style2 .social-list li {
padding: 0;
}
.head-style2 .right-bar li i {
margin: 0 10px 0 0;
}
.head-style2 .top-menu {
float: right !important;
clear: none;
}
.head-style2 .top-search{
margin:40px 0 0 10px
}
.head-style2 .search-box:before, .head-style3 .search-box:before {
display: none;
}
.head-style2 .search-box {
top: 50px;
right: 12px;
padding: 15px;
background: #ECECEC;
}
.head-style2 .search-box input[type=text] {
width: 310px;
}
.head-style2 .logo a, .head-style3 .logo a{
margin:auto;
text-align: center;
} .head-style3 .top-nav > ul > li > a, .head-style3 .top-search a {
line-height: 50px;
}
.head-style3 .top-search {
margin: 0;
}
.head-style3 .top-nav > ul > li, .head-style3 .top-nav > ul > li > a {
height: 50px;
}
.head-style3 .top-bar .top-nav > ul > li, .head-style3 .top-bar .top-nav > ul > li > a {
height: auto;
line-height:39px
}
.head-style3 .top-nav > ul > li > a {
margin-left: 1px;
padding-top: 0;
color: #fff !important;
}
.head-style3 .top-nav > ul > li > a:hover span{
color:#fff
}
.head-style3 .top-nav > ul > li > ul,.head-style3 .stickyHeader .top-nav > ul > li > ul {
top: 50px !important;
left:0px
}
.head-style3 .top-nav > ul li ul li a {
background: #eee !important;
color: #777;
}
.head-style3 .top-nav > ul li ul li a:hover {
background: #ddd !important;
color: #333;
}
.head-style3 .top-nav li li.hasChildren:after {
color: #b1b1b1;
}
.head-style3 .top-nav > ul li ul li {
border-bottom: 1px #ddd solid;
}
.head-style3 .top-bar li, .head-style3 .top-bar li span {
color: #b3b3b3;
}
.head-style3 .top-bar li {
border-left: 1px #e4e4e4 solid;
}
.head-style3 .top-bar li:first-child {
border-left: 0;
}
.head-style3 .top-bar li:first-child i {
margin-left: 8px;
}
.head-style3 header.top-head {
position: static;
padding: 0;
background: transparent;
}
.head-style3 header.top-head.stickyHeader {
height: 50px !important;
min-height: 50px !important;
}
.head-style3 .top-nav ul ul li{
box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
}
.head-style3 .search-box {
top: 50px !important;
right: 0;
}
.head-style3 .top-search a {
margin: 0;
width: 50px;
height: auto;
}
.head-style3 .top-nav > ul > li.current-menu-parent > a,.head-style3 .top-nav > ul > li.current-menu-ancestor > a,.head-style3 .top-nav > ul > li.current-menu-item > a,
.head-style3 .top-nav > ul > li.current_page_parent > a, .head-style3 .top-nav > ul > li.selected > a, .head-style3 .top-nav > ul > li > a:hover {
background: #eee !important;
color: #777 !important;
}
.head-style3 .top-nav ul li ul li.selected > a, .head-style3 .top-nav ul li ul li.current > a {
background: #ddd !important;
}
.head-style3 .stickyHeader.top-head{
margin-top:0;
}
.head-style3 .stickyHeader .mega-menu .mega-2 .div-mega{
top:50px
}
.head-style3 .stickyHeader .top-search{
margin-left:15px
}
.head-style3 .menu-message{
line-height:52px !important
}
.head-style3 .stickyHeader .mega-menu .div-mega{
top:50px !important
}
.head-style3 .top-bar {
overflow: hidden;
background-color: #f6f6f6;
margin-bottom: -51px;
}
.head-style3 .stickyHeader .top-nav > ul > li > a span{
line-height:50px !important
}
.head-style3 .logo {
display: table;
float: none !important;
margin: 0 auto !important;
padding: 5px 15px 10px;
text-align: center;
color:#fff;
position: relative;
z-index: 9999;
}
.head-style3 .logo a,.head-style3 header.top-head .logo a span,.head-style2 .logo a,.head-style2 header.top-head .logo a span{
color:#fff
}
.head-style3 .stickyHeader .top-search{
margin-top:0 !important
} .nav-2,.nav-3 {
border: 0px !important;
}
.nav-2 .top-nav > ul > li:after,.nav-3 .top-nav > ul > li:after,.head-style2 .top-nav > ul > li:after,.head-style3 .top-nav > ul > li:after{
display:none
}
.head-style2 .top-nav > ul > li,.head-style3 .top-nav > ul > li{
border:0px !important
}
.nav-2 .top-nav > ul > li,.nav-3 .top-nav > ul > li{
border-left:0px;
margin:0 1px
}
.nav-2 .top-nav > ul > li{
height: 90px;
}
.nav-2 .top-nav > ul > li > a span {
line-height: 84px;
}
.nav-2 .top-nav > ul > li > a,.nav-3 .top-nav > ul > li > a{
height: 90px;
}
.nav-2 .top-nav > ul > li > a i {
position: absolute;
left: 50%;
margin-left: -16px;
width: 31px;
height: 31px;
border-radius: 50%;
background: #eee;
color: #b8b8b8;
text-align: center;
font-size: 16px;
line-height: 31px;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.nav-2 .top-nav > ul > li > a i:after {
position: absolute;
top: -22px;
left: 45%;
display: inline-block !important;
width: 1px;
height: 22px;
background: #eee;
content: "";
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.nav-2 .top-nav > ul > li > a:hover i:after,.nav-2 .top-nav > ul > li.current-menu-parent > a i:after,.nav-2 .top-nav > ul > li.current-menu-ancestor > a i:after,
.nav-2 .top-nav > ul > li.current-menu-item > a i:after,.nav-2 .top-nav > ul > li.selected > a i:after {
top: -29px;
height: 30px;
}
.nav-2 .top-nav > ul > li.selected > a i:after, .nav-2 .top-nav > ul > li.current > a i:after {
display: none;
}
.nav-2 .top-nav > ul > li > ul,.nav-3 .top-nav > ul > li > ul {
top: 90px;
left: 0px !important;
} .nav-3 .top-nav > ul > li {
padding-top: 1px;
}
.nav-3 .top-nav > ul > li > a {
border-top: 2px transparent solid;
margin-top: 0px;
}
.nav-3 .top-nav > ul > li > a i {
background: transparent;
}
.nav-3 .top-nav > ul > li.current > a, .nav-3 .top-nav > ul > li > a:hover {
border-top-width: 2px;
border-top-style: solid;
background: transparent;
}
.nav-3 .top-nav > ul > li > a:hover, .nav-3 .top-nav > ul > li.selected > a,.nav-3 .top-nav > ul > li.current_page_parent > a {
background: transparent !important;
}
.nav-3 .top-nav > ul > li.current_page_parent > a span{
color:#777
}
.nav-3 .top-nav > ul > li > a i:after {
display: none;
}
.nav-3 .top-nav > ul > li > a:hover i, .nav-3 .top-nav > ul > li.current-menu-parent > a i, .nav-3 .top-nav > ul > li.current-menu-ancestor > a i, .nav-3 .top-nav > ul > li.current-menu-item > a i, .nav-3 .top-nav > ul > li.selected > a i {
margin-top: 0;
}
.nav-3 .top-nav > ul > li.hasChildren > a:after {
position: absolute;
bottom: 0px;
left: 36%;
z-index: 5;
display: none;
width: 0;
height: 0;
border-width: 0 10px 8px 10px;
border-style: solid;
content: "";
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.nav-3 .top-nav > ul > li > a:hover:after, .nav-3 .top-nav > ul > li.selected:hover > a:after {
display: block;
}
.nav-3 .top-nav > ul > li.current-menu-parent > a,.nav-3 .top-nav > ul > li.current-menu-ancestor > a, .nav-3 .top-nav > ul > li.current-menu-item > a{
background:transparent !important
}
.nav-3 .mega-menu .div-mega{
top: 90px;
}
#home{
position:relative;
z-index:9999
} header.top-head-4 {
min-height: 70px;
border-bottom: none;
}
.nav-4 .top-nav > ul li a span {
display: inline-block;
margin: 0 5px;
}
.nav-4 .top-nav ul li li a span{
margin:0
}
.nav-4 .top-nav{
float:none
}
.nav-4 .top-nav > ul > li {
border-left: 1px #eee solid;
height: 50px;
}
.nav-4 .top-nav > ul > li > a {
height: 50px;
line-height: 50px;
padding: 0 14px;
}
.nav-4 .top-search a {
margin-top: 0;
height: 50px;
border-radius: 0;
line-height: 50px;
}
.nav-4 .top-search a span{
line-height: 50px;
padding:0
}
.nav-4 .top-search a:hover span{
color:#fff !important;
}
.nav-4 .top-search a:hover{
text-decoration:none !important
}
.nav-4 .top-nav > ul > li:after {
display: none
}
.nav-4 .top-nav > ul > li > ul {
top: 50px !important;
left: 0
}
.nav-4 .top-nav > ul > li > a i {
margin: 0 4px;
vertical-align: baseline;
background: transparent !important;
}
.nav-4 .top-nav > ul li a:hover i ,.nav-4 .top-nav > ul > li.selected > a i {
background: #A62507;
color: #fff;
}
header.top-head-4 .logo {
display:table;
margin: 5px auto 0;
}
.logo-ads{
height:100%
}
.head_right_banner{
padding:10px 0 0;
max-height: 90px;
overflow: hidden;
max-width:70%
}
.nav-4 .search-box {
top: 49px;
}
.top-head-4 .nav-4 {
background: #f7f7f7;
padding: 0;
margin-bottom: 20px;
border: 1px #F0F0F0 solid;
position:relative;
height: 51px;
}
.top-head-4 .nav-4:before, .top-head-4 .nav-4:after {
position: absolute;
content: "";
bottom: 8px;
left: 23px;
width: 38%;
top: 80%;
-webkit-box-shadow: 0 6px 8px #000;
-moz-box-shadow: 0 6px 8px #000;
box-shadow: 0 6px 8px #000;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
z-index: -1;
}
.top-head-4 .nav-4:after {
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
right: 23px;
left: auto;
}
.top-head-4 .nav-4 .megamenu .div-mega,.top-nav-style3 .mega-menu .div-mega,.head-style2 .mega-menu .div-mega {
top:50px
}
.stickyHeader.top-head-4 .navbar-header{
background:#fff;
width: 100%;
padding: 0;
margin: 0;
}
.stickyHeader.top-head-4 .nav-4 .megamenu .div-mega{
top: 60px;
} .head-7 {
border-bottom:0 !important;
min-height: 70px !important;
}
.head-7 .logo{
height: 70px !important;
}
.head-7 .top-nav > ul > li:after{
display:none
}
.head-7 .one-page .top-nav > ul > li > ul{
top:0;
border-bottom-style:solid
}
.head-7 .one-page .top-nav > ul > li > ul:after{
position:absolute;
bottom:-9px;
left:20%;
content:"";
display:inline-block;
border-width: 8px 10px 0 10px;
border-style: solid;
}
.head-7 .one-page .top-nav > ul > li {
height:70px
}
.head-7 .one-page .top-nav > ul > li > a {
border-top: 0 transparent solid;
height:70px;
padding-top:15px;
color:#777;
}
.head-7 .one-page .top-nav > ul > li > a i {
background: transparent;
}
.head-7 .one-page .top-nav > ul > li.current > a,.head-7 .one-page .top-nav > ul > li > a:hover {
border-top-width: 0;
border-top-style: solid;
background: transparent;
}
.head-7 .one-page .top-nav > ul > li > a:hover, .head-7 .one-page .top-nav > ul > li.selected > a {
background: transparent;
}
.one-page .top-nav > ul > li > a i:after {
display: none;
}
.head-7 .one-page .top-nav > ul > li > a:hover i, .head-7 .one-page .top-nav > ul > li.current-menu-parent > a i,
.head-7 .one-page .top-nav > ul > li.current-menu-ancestor > a i, .head-7 .one-page .top-nav > ul > li.current-menu-item > a i, .head-7 .one-page .top-nav > ul > li.selected > a i {
margin-top: 0;
}
.head-7 .one-page .top-nav > ul > li.current-menu-parent > a,.head-7 .one-page .top-nav > ul > li.current-menu-ancestor > a, .head-7 .one-page .top-nav > ul > li.current-menu-item > a{
background:transparent !important
}
.head-7 .one-page .top-nav > ul > li > ul > li a{
line-height:35px !important
}
.head-7 .one-page .top-nav > ul > li ul ul{
top:auto;
bottom:0
}
.head-7 .top-search a{
margin-top:8px
}
.head-7 .top-search .search-box{
bottom:63px;
top:auto
}
.stickyHeader.head-7 .top-search .search-box:before{
top:-30px
}
.head-7 .top-search .search-box:before{
top:53px;
height:35px
}
.stickyHeader .top-nav > ul > li.current-menu-parent > a:before,.stickyHeader .top-nav > ul > li.current-menu-ancestor > a:before,.stickyHeader .top-nav > ul > li.current-menu-item > a:before{
position:absolute;
left:25%;
right:25%;
width:50%;
height:2px;
bottom:10px;
content:"";
display:inline-block
}
.head-style3 .stickyHeader .top-nav > ul > li.current-menu-ancestor.selected > a{
background: #eee !important
} .megamenu{
position:static !important
}
.mega-menu .div-mega {
position: absolute;
top: 90px;
left: 15px;
z-index: 99;
display: none;
-webkit-box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.3);
box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.3);
}
.head-style2 .mega-menu .div-mega{
top: 100%;
left: 15px;
}
.head-6 .mega-menu .div-mega,.header-7 .mega-menu .div-mega{
left:0
}
.head-7 .mega-menu .div-mega {
top: auto;
left: 0;
bottom:70px;
-webkit-box-shadow: inset 0px -10px 11px -5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px -10px 11px -5px rgba(0,0,0,0.5);
box-shadow: inset 0px -10px 11px -5px rgba(0,0,0,0.5);
border-top-width: 0px !important;
border-radius: 7px 7px 0 0 !important;
}
.stickyHeader.head-7 .mega-menu .div-mega{
bottom:auto;
-webkit-box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.5);
box-shadow: inset 0px 10px 11px -5px rgba(0,0,0,0.5);
border-top-width: 5px !important;
border-radius: 0 0 7px 7px !important;
}
.mega-menu > li > a {
display: block;
position: relative;
}
.div-mega-section {
float: left;
width: 160px;
margin-right: 20px;
}
.mega-menu div.div-mega ul {
visibility: visible !important;
position: static !important;
max-height: inherit !important;
max-width: none !important;
min-width: 160px !important;
height:inherit !important;
display:block !important;
}
.mega-menu div.div-mega ul li {
opacity: 1 !important;
-moz-transform: rotateY(0) !important;
-ms-transform: rotateY(0) !important;
-o-transform: rotateY(0) !important;
-webkit-transform: rotateY(0) !important;
transform: rotateY(0) !important;
display:block !important;
}
.mega-menu div.div-mega > ul > li{
border-bottom:0 !important;
padding:0 5px;
margin-bottom:15px
}
.mega-menu div.div-mega > ul > li.col-md-3:nth-child(4n+1),.mega-menu div.div-mega > ul > li.col-md-4:nth-child(3n+1),.mega-menu div.div-mega > ul > li.col-md-6:nth-child(2n+1)
,.mega-menu div.div-mega > ul > li.col-md-2:nth-child(6n+1),.mega-menu div.div-mega > ul > li.col-md-1:nth-child(12n+1){
display:block;
content:" ";
clear:both;
}
.mega-menu div.div-mega > ul li li.current_page_item > a{
background: rgba(255, 255, 255, 0.17) !important;
color: #fff;
}
.mega-menu .mega-2 div.div-mega > ul li li.current_page_item > a{
background:#EDEDED !important;
color:#000
}
.mega-menu div.div-mega > ul > li h4{
margin-bottom:0
}
.head-style3 .mega-menu div.div-mega > ul > li h4.noLink a,.head-style3 .mega-menu div.div-mega > ul > li h4.noLink a:hover{
background:#ccc !important;
color:#333 !important
}
.mega-menu div.div-mega ul li a {
padding: 15px;
line-height: normal;
overflow: inherit;
text-overflow: initial;
white-space: normal;
}
.mega-menu div.div-mega ul li.hasChildren:after {
display:none
}
.div-mega h4.noLink a {
color: #fff;
padding: 15px !important;
font-size:14px;
cursor:default
}
.div-mega h4 a i{
color:#BDBDBD !important
}
.mega-menu .mega-2 .div-mega{
background:#f4f4f4;
border-radius: 0 0 7px 7px;
}
.mega-menu .mega-2 .div-mega h4 a{
background: #E5E5E5 !important;
border-radius: 3px;
margin-bottom: 10px;
}
.mega-menu .mega-2 .div-mega li{
border-bottom-color:#E7E7E7
}
.mega-menu .div-mega li:last-child{
border-bottom-width:0
}
.mega-menu .mega-2 .div-mega a{
background:transparent;
color:#777
}
.mega-menu .mega-2 .div-mega a:hover{
background: #EDEDED !important;
color:#333
}
.mega-menu .mega-3 .div-mega{
-webkit-box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 3px 0px rgba(50, 50, 50, 0.75);
}
.mega-menu .mega-3 .div-mega h4{
border-right: 1px rgba(197, 197, 197, 0.38) solid;
}
.mega-menu .mega-3 .div-mega li{
margin:0 !important;
padding:0 !important
}
.mega-menu .mega-3 .div-mega li ul{
border-right: 1px rgba(129, 129, 129, 0.3) solid;
}
.mega-menu .div-mega li ul{
opacity:1 !important;
}
.mega-menu .mega-3 .div-mega li:first-child ul{
border-left: 1px rgba(129, 129, 129, 0.3) solid;
} .stickyHeader {
position: fixed !important;
top: 0;
left: 0;
padding: 0 !important;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
z-index: 999 !important;
min-height:60px !important;
border-bottom:0 !important
}
.top-nav > ul{
float:left
}
.stickyHeader .top-nav > ul > li{
border:0 !important
}
.stickyHeader .top-nav > ul > li > a{
color:#777
}
.stickyHeader .top-nav > ul > li > a:hover{
background:transparent !important
}
.stickyHeader .top-search a{
margin-top:5px;
width:45px;
height:45px;
line-height:45px;
}
.stickyHeader .top-search a span{
font-size:14px
}
.stickyHeader .search-box{
top: 55px !important;
}
.stickyHeader .search-box:before{
width: 45px;
height: 34px;
top: -30px;
}
.stickyHeader .mega-menu .div-mega{
top: 60px;
}
.stickyHeader .top-nav > ul > li > a, .stickyHeader .top-nav > ul > li {
height: 60px !important;
padding-top:0
}
.stickyHeader .top-nav > ul > li.selected > a{
background:transparent !important;
color:#777 !important
}
.stickyHeader .top-nav > ul > li > a {
padding-top: 0 !important;
border-top: 0 !important;
background: transparent none;
line-height:60px
}
.stickyHeader .top-nav > ul > li > a span{
margin-top:0;
line-height:60px
}
.stickyHeader .top-nav > ul > li > ul {
top: 60px !important;
left: 0 !important;
}
.stickyHeader .top-nav > ul > li > ul:after{
top:-8px;
bottom:auto !important;
border-width: 0 10px 8px 10px !important;
}
.stickyHeader .top-nav > ul > li > ul ul{
bottom:auto !important;
top:0 !important
}
.stickyHeader .logo{
transform: scale(0.8);
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
height:60px !important
}
header.top-head.stickyHeader .logo a{
margin-top:0 !important
}
.stickyHeader .top-nav > ul > li.hasChildren > a:after{
display:none !important
}
.stickyHeader .mega-menu .mega-2 .div-mega{
top:60px
}
.stickyHeader .top-nav-style3 .top-nav > ul > li > a, .stickyHeader .top-nav-style3 .top-nav > ul > li{
height:50px !important
} .one-pg .top-head{
display:none;
-moz-transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.one-pg .stickyHeader{
display:block
}
.one-page ul li.current:before{
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 15px 0 15px;
content:"";
display:inline-block;
position:absolute;
bottom: -12px;
left:50%;
margin-left: -15px;
}
.fullscreen-head{
position:fixed;
bottom:0;
width:100%;
left:0;
z-index:99999;
background:#fff
}
.menu-message{
padding:0 30px !important;
display:inline-block;
font-size:11px
}
.top-menu .menu-message{
line-height:90px
}
.head-style4 .menu-message,.nav-4 .menu-message{
line-height:52px
}
.stickyHeader .top-menu .menu-message{
line-height:60px
}
.top-head-4.stickyHeader  .nav-4{
background:transparent;
border:0;
margin-bottom:0
}
.top-head-4.stickyHeader .nav-4:before, .top-head-4.stickyHeader .nav-4:after,.top-head-4.stickyHeader .logo-ads .logo,
.top-head-4.stickyHeader .logo-ads .head_right_banner,.stickyHeader .top-nav > ul > li > a i,.stickyHeader .top-nav > ul > li:after,.stickyHeader .bg-head2{
display:none
}
#lang_sel {
height: auto;
font-family: inherit;
display: inline;
}
#lang_sel li{
width:auto
}
#lang_sel li li{
width:100%
}
#lang_sel a.lang_sel_sel{
padding-right: 20px !important;
}
#lang_sel a, #lang_sel a:visited{
border-width:0 0 0 0 !important;
background-color: transparent !important;
padding:0 10px !important
}
#lang_sel > ul > li > a:hover{
background-color:#fff !important
}
#lang_sel a span{
display:inline !important;
padding:0;
}
#lang_sel a img{
vertical-align:middle;
margin-right:6px;
}
#lang_sel ul ul{
top:100% !important;
z-index:99999;
background:#fff !important;
left:0;
height:auto;
border:1px #ddd solid !important;
border-top-width:3px !important
}
#lang_sel ul ul li:hover,#lang_sel ul ul li:hover a{
background:#eee !important
}
#lang_sel ul ul li{
border-bottom-color: #EDEDED !important;
}
#lang_sel ul ul li a{
background:#fff !important;
line-height: normal;
font-size: 11px;
text-transform: none;
}
#lang_sel ul ul li a span{
padding:0
} .top-search {
position: relative;
float: right;
margin-left: 10px;
}
.top-search a {
position: relative;
z-index: 5;
display: block;
margin-top: 15px;
padding: 0;
width: 55px;
height: 55px;
border-radius: 50%;
background: #eee;
text-align: center;
line-height: 57px;
}
.top-search a span {
font-size: 17px;
}
.search-box {
position: absolute;
top: 90px;
right: -1px;
z-index: 3;
display: none;
width: 401px;
}
.search-box:before {
position: absolute;
top: -46px;
right: 1px;
z-index: 0;
display: inline-block;
width: 55px;
height: 48px;
content: "";
}
.search-box input[type=text] {
width: 345px;
height: 53px;
border-width: 1px;
border-color:#EBEBEB;
border-style:solid;
border-right-width: 0px;
background:#fff;
line-height:normal
}
.search-box button {
width: 55px;
height: 54px;
float:right;
margin: 0 1px 0 0;
border-radius: 0;
padding-right:0
}
.search-box button i:before{
content:""
}
.search-box button:before{
content:attr(data-text);
font-family:"Open Sans", Arial, sans-serif !important;
font-size:13px;
}
.srch-box-page {
display: table;
margin: 15px auto;
padding: 15px 10px;
border: 1px #eee solid;
width: 60%;
}
.srch-box-page .txt-box{
width: 83%;
border:0;
height: 46px;
}
.srch-box-page .btn i{
margin:0
}
.top-head .container {
position: relative;
z-index: 9;
}
.top-nav-style3 {
height: 50px;
background: #f6f6f6;
position:relative;
z-index:999
}
.top-nav-style3 .top-menu{
display:table;
margin:auto
}
.top-nav-style3 .top-menu li i,.head-style2 .top-menu li i{
display:none
}
.head-6 .logo{
float:none !important
}
.head-6 .top-nav > ul > li > a,.header-7 .top-nav > ul > li > a{
padding:0 14px
}
.head-6 .top-nav{
float:none
} .login-btn {
position: relative;
}
.login-btn .tri {
position: absolute;
top: -1px;
left: 30%;
z-index: 5;
width: 0;
height: 0;
border-width: 8px 10px 0 10px;
border-style: solid;
border-color: #333 transparent transparent transparent;
}
.login-controls {
display: table;
margin: auto;
}
.login-box {
position: relative;
display: none;
padding: 15px 20px;
background: #333;
color: #fff;
text-align: center;
}
.login-box input {
font-size: 11px;
}
.login-box .btn{
padding:0 8px
}
.close-login {
position: absolute;
top: 2px;
right: 10px;
color: #fff;
font-size: 22px;
}
.login-box .left {
float: left;
margin: 0 5px;
padding:5px 10px
}
.login-box .left-btn {
float: left;
margin: 0 5px;
}
.login-box .left .txt-box{
height:16px;
padding:0 5px;
line-height:16px
} .block-bg-1 {
background: url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/bgs/block-bg-1.jpg) no-repeat fixed 0 0;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
position:relative
}
.block-bg-2 {
background: url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/bgs/block-bg-2.jpg) no-repeat fixed 0 0;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
position:relative;
}
.block-bg-3 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/bgs/block-bg-3.jpg) no-repeat fixed 0 0;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
position:relative
}
.block-bg-4 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/bgs/block-bg-4.jpg) no-repeat fixed 0 0;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
position:relative
}
.block-bg-5 {
background: url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/bgs/block-bg-5.jpg) no-repeat fixed 0 0;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
position:relative
}
.block-bg-1:before,.block-bg-2:before,.block-bg-3:before,.block-bg-4:before,.block-bg-5:before{
position: absolute;
left:0;
top:0;
width:100%;
height:100%;
display:inline-block;
content:""
}
.black-overlay:before{
background:rgba(0,0,0,.8) !important;
}
.parallax p,[class*="block-bg-"] p{
position:relative;
z-index:2
}
.parallax{
position:relative;
background-attachment: fixed;
background-position: 50% 0;
background-repeat: no-repeat;
overflow: hidden;
background-size:cover
}
.parallax-overlay{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:1
}
.video-bg{
position:relative;
z-index: -1;
height: 100%;
overflow:hidden
}
.video-bg video{
position:absolute;
width:100%;
height:100%;
left:0;
top:0
}
.video-overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,.7);
top:0;
left:0;
z-index:9999
}
.dots-pattern {
border-top: 1px #E4E4E4 solid;
background: transparent url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/dots.png);
}
.gry-pattern {
background: #eee url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/gry-patt.png);
}
.img-pattern {
border-top: 1px #E4E4E4 solid;
border-bottom: 1px #E4E4E4 solid;
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/1.png);
} .fx {
opacity: 0;
}
.animated {
opacity: 1;
}
.marginRight {
margin-right: 10px;
}
.marginLeft {
margin-left: 10px;
}
.marginBottom {
margin-bottom: 20px;
}
.autoMargin {
float: none !important;
margin: auto;
}
.right {
float: right !important;
}
.left {
float: left !important;
}
.hidden {
display: none;
}
.visible {
display: block;
}
.section{
position:relative
}
.icon-middle {
display: table;
margin: auto;
margin-bottom: 20px;
padding: 1px 15px;
font-size: 35px;
}
.skew-5 {
-moz-transform: skew(-5deg, 0);
-ms-transform: skew(-5deg, 0);
-o-transform: skew(-5deg, 0);
-webkit-transform: skew(-5deg, 0);
transform: skew(-5deg, 0);
}
.skew5 {
-moz-transform: skew(5deg, 0);
-ms-transform: skew(5deg, 0);
-o-transform: skew(5deg, 0);
-webkit-transform: skew(5deg, 0);
transform: skew(5deg, 0);
}
.skew-10 {
-moz-transform: skew(-10deg, 0);
-ms-transform: skew(-10deg, 0);
-o-transform: skew(-10deg, 0);
-webkit-transform: skew(-10deg, 0);
transform: skew(-10deg, 0);
}
.skew10 {
-moz-transform: skew(10deg, 0);
-ms-transform: skew(10deg, 0);
-o-transform: skew(10deg, 0);
-webkit-transform: skew(10deg, 0);
transform: skew(10deg, 0);
}
.skew-15 {
-moz-transform: skew(-15deg, 0);
-ms-transform: skew(-15deg, 0);
-o-transform: skew(-15deg, 0);
-webkit-transform: skew(-15deg, 0);
transform: skew(-15deg, 0);
}
.skew15 {
-moz-transform: skew(15deg, 0);
-ms-transform: skew(15deg, 0);
-o-transform: skew(15deg, 0);
-webkit-transform: skew(15deg, 0);
transform: skew(15deg, 0);
}
.skew-20 {
-moz-transform: skew(-20deg, 0);
-ms-transform: skew(-20deg, 0);
-o-transform: skew(-20deg, 0);
-webkit-transform: skew(-20deg, 0);
transform: skew(-20deg, 0);
}
.skew20 {
-moz-transform: skew(20deg, 0);
-ms-transform: skew(20deg, 0);
-o-transform: skew(20deg, 0);
-webkit-transform: skew(20deg, 0);
transform: skew(20deg, 0);
}
.skew-25,.activity-type-tabs > ul > li,#item-nav > div > ul > li,#buddypress div#item-nav > ul > li {
-moz-transform: skew(-25deg, 0);
-ms-transform: skew(-25deg, 0);
-o-transform: skew(-25deg, 0);
-webkit-transform: skew(-25deg, 0);
transform: skew(-25deg, 0);
}
.skew25,.activity-type-tabs > ul > li > a,#item-nav > div > ul > li > a,#buddypress div#item-nav > ul > li > a {
-moz-transform: skew(25deg, 0);
-ms-transform: skew(25deg, 0);
-o-transform: skew(25deg, 0);
-webkit-transform: skew(25deg, 0);
transform: skew(25deg, 0);
}
.skew-0 {
-moz-transform: skew(0, 0);
-ms-transform: skew(0, 0);
-o-transform: skew(0, 0);
-webkit-transform: skew(0, 0);
transform: skew(0, 0);
}
.container .container {
width: 100%;
padding-left: 0;
padding-right: 0;
}
article{
z-index:3 !important
}
.no-pad{
padding:0 !important
}
.width-10 {width: 10px;}
.width-20 {width: 20px;}
.width-30 {	width: 30px;}
.width-40 {	width: 40px;}
.width-50 {	width: 50px;}
.width-60 {	width: 60px;}
.width-70 {	width: 70px;}
.width-80 {	width: 80px;}
.width-90 {	width: 90px;}
.width-100 {width: 100px;}
.width-110 {width: 110px;}
.width-120 {width: 120px;}
.width-130 {width: 130px;}
.width-140 {width: 140px;}
.width-150 {width: 150px;}
.no-padding{padding-top:0;padding-bottom:0}
.xs-padding{padding-top:20px;padding-bottom:10px}
.sm-padding{padding-top:40px;padding-bottom:40px}
.md-padding{padding-top:80px;padding-bottom:80px}
.lg-padding{padding-top:120px;padding-bottom:120px}
.xl-padding{padding-top:160px;padding-bottom:160px}
.padd-top-0 {padding-top: 0;}
.padd-top-5 {padding-top: 5px;}
.padd-top-10 {padding-top: 10px;}
.padd-top-15 {padding-top: 15px;}
.padd-top-20 {padding-top: 20px;}
.padd-top-25 {padding-top: 25px;}
.padd-top-30 {padding-top: 30px;}
.padd-top-35 {padding-top: 35px;}
.padd-top-40 {padding-top: 40px;}
.padd-top-45 {padding-top: 45px;}
.padd-top-50 {padding-top: 50px;}
.padd-top-80 {padding-top: 80px;}
.padd-bottom-0 {padding-bottom: 0;}
.padd-bottom-5 {padding-bottom: 5px;}
.padd-bottom-10 {padding-bottom: 10px;}
.padd-bottom-15 {padding-bottom: 15px;}
.padd-bottom-20 {padding-bottom: 20px;}
.padd-bottom-25 {padding-bottom: 25px;}
.padd-bottom-30 {padding-bottom: 30px;}
.padd-bottom-35 {padding-bottom: 35px;}
.padd-bottom-40 {padding-bottom: 40px;}
.padd-bottom-45 {padding-bottom: 45px;}
.padd-bottom-50 {padding-bottom: 50px;}
.padd-vertical-0 {padding: 0;}
.padd-vertical-5 {padding: 5px 0;}
.padd-vertical-10 {padding: 10px 0;}
.padd-vertical-15 {padding: 15px 0;}
.padd-vertical-20 {padding: 20px 0;}
.padd-vertical-25 {padding: 25px 0;}
.padd-vertical-30 {padding: 30px 0;}
.padd-vertical-35 {padding: 35px 0;}
.padd-vertical-40 {padding: 40px 0;}
.padd-vertical-45 {padding: 45px 0;}
.padd-vertical-50 {padding: 50px 0;}
.padd-horizontal-0 {padding: 0 0;}
.padd-horizontal-5 {padding: 0 5px;}
.padd-horizontal-10 {padding: 0 10px;}
.padd-horizontal-15 {padding: 0 15px;}
.padd-horizontal-20 {padding: 0 20px;}
.padd-horizontal-25 {padding: 0 25px;}
.padd-horizontal-30 {padding: 0 30px;}
.padd-horizontal-35 {padding: 0 35px;}
.padd-horizontal-40 {padding: 0 40px;}
.padd-horizontal-45 {padding: 0 45px;}
.padd-horizontal-50 {padding: 0 50px;}
.margin-top-minus-80{margin-top:-80px;}
.margin-top-0 {margin-top: 0 !important;}
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-25 {margin-top: 25px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-35 {margin-top: 35px;}
.margin-top-40 {margin-top: 40px;}
.margin-top-45 {margin-top: 45px;}
.margin-top-50 {margin-top: 50px;}
.margin-bottom-0 {margin-bottom: 0 !important;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-25 {margin-bottom: 25px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-35 {margin-bottom: 35px;}
.margin-bottom-40 {margin-bottom: 40px;}
.margin-bottom-45 {margin-bottom: 45px;}
.margin-bottom-50 {margin-bottom: 50px;}
.lft-row{
margin-left:-15px
}
.padd-full{
padding:40px 20px
}
[class*="padd-"]:after, [class*="margin-"]:after {
display: block;
clear: both;
content: "";
}
.pager {
margin: 0 15px;
background: #eee;
}
.pager ul,.pager-style2 ul,.pager-style3 ul {
display: table !important;
margin: auto !important;
}
.page-numbers li,#bbpress-forums .pager-bbp.pager-style1 li{
float: left;
margin: 0 1px 0 0;
background: #777;
}
#bbpress-forums .pager-bbp.pager-style1 li:hover{
background-color: #B6B6B6;
}
.pager ul li a, .pager ul li span,#bbpress-forums .pager-bbp.pager-style1 li span {
display: block !important;
padding: 0 20px !important;
color: #fff;
font-size: 14px;
line-height: 38px;
border: inherit;
border-radius: inherit;
background: transparent;
}
.pager ul li a:hover{
border: inherit;
border-radius: inherit;
background: transparent;
}
.pager ul li i {
font-weight: bold;
font-size: 140%;
}
.pager ul li.selected span,#bbpress-forums .pager-bbp.pager-style1 li.current span {
color: #fff !important;;
}
.pager ul li:hover a, .pager ul li.selected a {
color: #fff !important;;
}
.pager-style2 ul li,#bbpress-forums .pager-bbp.pager-style2 li {
float: left;
margin: 0 2px;
background: #DADADA;
border-radius: 5px;
}
.pager-style2 ul li a,.pager-style2 ul li span {
display: block;
padding: 0 13px;
color: #000000;
font-size: 12px;
line-height: 33px;
}
.pager-style2 ul li:hover,.pagination-links a:hover{
background:#777;
color:#fff
}
.pager-style2 ul li:hover a{
color: #fff;
}
.pager-style2 ul li i {
font-weight: bold;
font-size: 140%;
}
.pager-style2 ul li span{
background:transparent !important;
color:#fff !important
}
.pager-style3 ul li,#bbpress-forums .pager-bbp.pager-style3 li {
float: left;
margin: 0 5px !important;;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
-o-transform: rotate(315deg);
background-color: #DADADA;
border-radius: 5px;
padding:0 !important
}
.pager-style3 ul li a,.pager-style3 ul li span {
display: block;
padding: 0 13px;
color: #000000;
font-size: 12px;
line-height: 33px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
-o-transform: rotate(-315deg);
}
.pager-style3 ul li:hover,#bbpress-forums .pager-bbp.pager-style3 li:hover {
background:#777;
color: #fff;
}
.pager-style3 ul li:hover a,.pager-style3 ul li span:hover,.pager-style3 ul li.main-bg-import .current,#bbpress-forums .pager-bbp.pager-style3 li.main-bg-import .current{
color:#fff
}
.pager-style3 ul li i {
font-weight: bold;
font-size: 140%;
} .pager-style4{
margin:auto;
display:table
}
.pager-style4 li {
background:transparent;
border-radius:3px;
margin:0 2px !important
}
.pager-style4 li a{
padding:10px 16px;
background:#fff;
border:1px #ddd solid;
border-radius:3px;
display:block;
color:#777
}
.pager-style4 li span{
padding:10px 16px;
border:1px #ddd solid;
border-radius:3px;
display:block
}
.pager-style4 li a:hover{
background:#eee;
color:#333
} .pager-style5{
margin:auto;
display:table
}
.pager-style5 li {
background:transparent;
margin:0 2px !important
}
.pager-style5 li a{
padding:10px 16px;
background:transparent;
border-bottom:3px #ddd solid;
display:block;
color:#777
}
.pager-style5 li span{
padding:10px 16px;
display:block;
border-bottom-style:solid;
border-bottom-width:3px
}
.pager-style5 li.main-bg-import{
background:transparent !important;
}
.pager-style5 li a:hover{
border-bottom-color:#eee;
color:#333
} .pager-style6{
margin:auto;
display:table
}
.pager-style6 li {
background:transparent;
border-radius:50% !important;
margin:0 2px !important
}
.pager-style6 li a{
padding:10px 16px;
background:#fff;
border:1px #ddd solid;
border-radius:50%;
display:block;
color:#777
}
.pager-style6 li span{
padding:10px 16px;
border:0px #ddd solid;
border-radius:50%;
display:block
}
.pager-style6 li a:hover{
background:#eee;
color:#333
}
.pager-style1.left{
float:left !important
}
.pager-style1.right{
float:right !important
}
.old-new a{
background:#ddd;
padding:8px 20px;
text-align:center;
white-space:nowrap;
color:#333;
border-radius:3px
}
.old-new{
background:transparent
}
.old-new a:hover,.old-new a:active,.old-new a:focus{
background:#999;
color:#fff
}
.load_more,.load_more:focus{
background:#ddd;
padding:15px 40px;
margin:auto;
text-align:center;
white-space:nowrap;
color:#333;
z-index: 2;  
display:none;
clear:both;
border-radius:3px
}
.load_more:hover,.load_more:active{
color:#fff;
background:#999
}
.pager_loading{
display:none;
margin:10px auto 0
}
#map_canvas {
height: 450px;
}
.noScroll{
line-height: 1.35;
overflow: hidden;
white-space: nowrap;
}
#map_canvas img{
max-width:none
}
.block-head,.wpb_heading,#bbpress-forums h3,.gform_title,.edd_form fieldset legend {
position: relative;
margin-bottom: 25px;
padding: 0 0 10px;
border-bottom: 1px #e2e2e2 solid;
}
.footer-top .block-head {
border-bottom-color: #3a3a3a;
color:#c5c5c5;
text-transform:uppercase
}
.block-head:before,.wpb_heading:before,#bbpress-forums h3:before,.gform_title:before,.edd_form fieldset legend:before{
position: absolute;
bottom: -3px;
left: 20px;
width: 35px;
height: 5px;
content: "";
display:inline-block;
}
.block-head:after,.wpb_heading:after,#bbpress-forums h3:after,.gform_title:after,.edd_form fieldset legend:after{
position: absolute;
bottom: -1px;
left: 0;
width: 80px;
height: 1px;
content: "";
display:inline-block;
}
.wpb_heading{
font-size:22px
}
.block-head.center{
margin-left:auto;
margin-right:auto;
display:table;
padding-right:30px;
padding-left:30px
}
.block-head.center:before{
left: 50%;
margin-left:-17.5px
}
.block-head.center:after{
left: 50%;
margin-left: -40px;
}
.block-head.right-head{
text-align:right
}
.block-head.right-head:before{
right: 20px;
left:auto
}
.block-head.right-head:after{
right: 0;
left:auto
}
.block-head.style2{
border-bottom:0;
}
.block-head.style2.center{
display:block
}
.block-head.style2.center span{
padding:0 20px
}
.block-head.style2 span{
display:inline-block;
padding-right:15px;
background:#fff;
position: relative;
z-index: 1;
}
.block-head.style2.right-head span{
padding-left:15px;
padding-right:0
}
.block-head.style2:before{
display:none
}
.block-head.style2:after{
border-top: 8px #EFEFEF solid;
width:100%;
top: 50%;
bottom: auto;
z-index: 0;
left: 0;
background: transparent;
margin: -8px 0 0;
}
.block-head.style3{
border-bottom:0;
}
.block-head.style3.center{
display:block
}
.block-head.style3.center span{
padding:0 20px
}
.block-head.style3 span{
display:inline-block;
padding-right:15px;
background:#fff;
position: relative;
z-index: 1;
}
.block-head.style3.right-head span{
padding-left:15px;
padding-right:0
}
.block-head.style3:before{
display:none
}
.block-head.style3:after{
width:100%;
top: 43%;
bottom: auto;
z-index: 0;
left: 0;
margin: 0;
}
.block-head.style4{
display:table
}
.block-head.style4.center:before{
left:50%;
margin-left:-10%
}
.block-head.style4.center span{
padding:0 20px
}
.block-head.style4 span{
display:inline-block;
padding: 0;
position: relative;
z-index: 1;
}
.block-head.style4.right-head span{
padding-left:15px;
padding-right:0;
position:relative
}
.block-head.style4:after{
display:none
}
.block-head.style4:before{
left:0;
width: 20%;
height: 3px;
bottom: -2px;
}
.block-head.style5{
overflow: hidden;
padding-bottom: 7px;
border-bottom-width: 3px;
}
.block-head.style5.center{
display:block
}
.block-head.style5.center span{
padding:0 20px
}
.block-head.style5 span{
display:inline-block;
padding: 0;
position: relative;
z-index: 1;
}
.block-head.style5.right-head span{
padding-left:15px;
padding-right:0;
position:relative
}
.block-head.style5:after{
display:none
}
.block-head.style5:before{
display: none;
}
.block-head.style6.center:after{
left:50%;
margin-left:-10%
}
.block-head.style6.center span{
padding:0 20px
}
.block-head.style6 span{
display:inline-block;
padding-right:15px;
position: relative;
z-index: 1;
}
.block-head.style6.right-head span{
padding-left:15px;
padding-right:0
}
.block-head.style6:before{
display:none
}
.block-head.style6:after{
width: 8%;
left: 0;
margin: 0;
height: 1px;
bottom: -1px;
}
.block-head.style7,.block-head.style8{
border-bottom:0;
padding-bottom:0
}
.block-head.style7:before,.block-head.style7:after,.block-head.style8:before,.block-head.style8:after{
display:none
}
.block-head.style7{
color:#555
}
.block-head.style7{
padding:0 20px;
border-left-width: 6px;
border-left-style:solid;
}
.block-head i{
margin-right:10px
}
.side-heading{
font-weight:800;
border:0px;
padding:0;
font-size:28px;
text-transform:uppercase;
letter-spacing:-1px;
margin-bottom:15px
}
.side-heading span{
color:#777;
font-weight:100;
}
.side-heading:after,.side-heading:before{
display:none;
}
.large-heading{
position: relative;
margin-bottom: 40px;
padding: 0 0 20px;
border-bottom: 1px #e2e2e2 solid;
font-weight:bold;
text-transform:capitalize;
font-size:26px;
line-height:20px;
text-align:center
}
.large-heading:before{
position: absolute;
bottom: -3px;
left: 50%;
width: 100px;
height: 5px;
content: "";
display:inline-block;
margin-left:-57px;
border-left:15px #fff solid;
border-right:15px #fff solid;
}
.gry-bg .large-heading:before{
border-left:15px #eee solid;
border-right:15px #eee solid;
} a {
text-decoration: none;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
a:active, a:hover {
outline: 0;
}
b, strong, .bold {
font-weight: bold;
}
.bolder {
font-weight: 800;
}
.uppercase{
text-transform: uppercase;
}
.italic {
font-style: italic;
}
small {
font-size: 80%;
}
h1, h2, h3, h4, h5, h6 {
margin: 0 0 10px;
padding: 0;
font-weight: 600;
line-height: 1.5;
}
h1 {font-size: 36px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
p {
margin: 0 0 20px 0;
line-height: 22px;
font-size:13px
}
.white-bg {
background: #fff;
}
.dark-bg {
padding: 80px 0;
background-color: #222;
}
.dark-bg p{
color: #A3A3A3;
margin: 0;
}
.gry-bg,.esg-filter-wrapper {
background: #eee;
}
.esg-filter-checked{
display:none !important
}
.staff-2 .gry-bg .fun-text {
color: #333 !important;
}
.dark-bg h2 {
color: #bdbdbd;
font-size:24px
}
.alter-bg{
background:#777;
color:#fff
}
.alter-bg a{
color:#fff
}
.welcome {
text-align: center;
}
.btn.ExtraLargeBtn {
display: block;
font-weight: normal;
font-size: 26px;
line-height:70px;
padding:0 40px
}
.btn.main-bg{
color:#fff !important
}
.extraBold {
font-weight: 800;
}
.extraLarge {
font-size: 20px;
}
.center {
text-align: center;
}
.left-text {
text-align: left;
}
.right-text {
text-align: right;
}
.red {
color: #f00;
}
.congrats {
color: #4FB830;
text-transform: uppercase;
font-weight: bold;
font-size: 30px;
}
.success-icon {
margin-bottom: 15px;
color: #ecc686;
font-size: 90px;
}
span.block {
display: block;
clear: both;
padding-left: 20px;
}
.list-item {
margin: 0;
padding: 5px 0;
}
.list-item i.fa {
margin-right: 7px;
color: #CFCFCF;
}
hr {
position: relative;
display: block;
overflow: visible;
margin: 1em 0;
padding: 0;
height: 1px;
border: 0;
border-top: 1px #eeeded solid;
}
hr:before {
position: absolute;
top: -1px;
left: 0;
display: inline-block;
width: 20%;
height: 1px;
content: "";
}
hr:after {
position: absolute;
top: -1px;
right: 0;
display: inline-block;
width: 20%;
height: 1px;
content: "";
}
.hr-style2:before {
left: 30%;
width: 40%;
}
.hr-style2:after {
display: none;
}
.hr-style3:before {
left: 20%;
width: 20%;
}
.hr-style3:after {
right: 20%;
width: 20%;
}
.hr-style4:before {
left: 44%;
margin-top: 0;
width: 5%;
content: "\f105";
text-align: right;
font-size: 20px;
font-family: FontAwesome;
line-height: 1px;
}
.hr-style4:after {
right: 44%;
margin-top: 0px;
width: 5%;
content: "\f104";
text-align: left;
font-size: 20px;
font-family: FontAwesome;
line-height: 1px;
}
.hr-style5:before {
left: 44%;
margin-top: 0px;
width: 5%;
content: "\f1d8";
text-align: center;
font-size: 20px;
font-family: FontAwesome;
line-height: 1px;
}
.hr-style5:after {
right: 44%;
margin-top: 0px;
width: 5%;
content: "\f1d8";
text-align: center;
font-size: 20px;
font-family: FontAwesome;
line-height: 1px;
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.hr-style5:before, .hr-style5:after {
background: #fff;
color: #d4d4d4;
}
.follow-block p {
margin: 0;
padding: 0 0 10px;
text-align: center;
font-size: 16px;
}
.follow-block .follow-link {
font-weight: bold;
font-style: italic;
font-size: 23px;
}
.slick-prev, .slick-next{
background: #777;
color: #eee;
}
.flat-dark .esg-filterbutton, .flat-dark .esg-navigationbutton, .flat-dark .esg-sortbutton, .flat-dark .esg-cartbutton {
background: #777 !important;
color: #eee !important;
width: 28px !important;
height: 28px !important;
padding:0 !important;
line-height:28px !important;
border-radius: 3px !important;
text-align:center !important
}
.highlight-1 {
background: #fcff00;
}
.dropcap {
display: block;
float: left;
margin: 2px 8px 0 0;
font-weight: bold;
font-size: 36px;
line-height: 36px;
}
blockquote {
margin: 10px 0;
padding: 15px;
font-size: 13px;
background:#f4f4f4;
border:0px;
border-left-style:solid;
border-left-width:2px
}
blockquote p {
margin: 0 !important;
padding: 0;
width: 80%;
color: #afafaf;
font-size: 13px;
line-height: 140%;
}
blockquote span {
color: #a3a3a3;
font-weight: bold;
font-size: 14px;
}
.tooltip {
position: fixed;
z-index: 999999;
padding: 7px;
background: #000;
color: #fff;
text-align: center;
font-size: 11px;
-moz-transition: all 0.1s ease !important;
-ms-transition: all 0.1s ease !important;
-o-transition: all 0.1s ease !important;
-webkit-transition: all 0.1s ease !important;
transition: all 0.1s ease !important;
}
.tooltip:after {
position: absolute;
bottom: -4px;
left: 40%;
display: inline-block;
width: 0;
height: 0;
border-width: 4px 5px 0 5px;
border-style: solid;
border-color: #000 transparent transparent transparent;
content: "";
}
.lft-tip:after {
right: -5px;
bottom: 25%;
left: auto;
border-width: 5px 0 8px 8px;
border-color: transparent transparent transparent #000;
}
.rit-tip:after {
bottom: 25%;
left: -5px;
border-width: 5px 8px 8px 0;
border-color: transparent #000 transparent transparent;
}
.bot-tip:after {
top: -5px;
bottom: auto;
border-width: 0 4px 5px 5px;
border-color: transparent transparent #000 transparent;
}  .icon-box-1,.icon-box-2,.icon-box-3,.icon-box-4{
margin: 25px 0;
overflow: hidden;
}
.icon-box-1 i.icon,.icon-box-2 i.icon,.icon-box-3 i.icon,.icon-box-4 i.icon,.icon-box-5 i.icon  {
display: table;
text-align: center;
font-size: 23px;
border-radius: 50%;
width: 65px;
height: 65px;
line-height: 65px;
text-align: center;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.icon-box-1 .col-md-9,.icon-box-2 .col-md-9,.icon-box-3 .col-md-9,.icon-box-4 .col-md-9,.icon-box-5 .col-md-9{
padding-right:0
}
.icon-box-1 .col-md-3,.icon-box-2 .col-md-3,.icon-box-3 .col-md-3,.icon-box-4 .col-md-3,.icon-box-5 .col-md-3{
padding-left:0
}
.icon-box-1 h3,.icon-box-2 h3,.icon-box-3 h3,.icon-box-4 h3,.icon-box-5 h3 {
font-size: 17px;  
font-weight: 600;  text-transform: uppercase;    
margin-bottom: 5px;
}
.icon-box-1 h3 span,.icon-box-2 h3 span,.icon-box-3 h3 span,.icon-box-4 h3 span,.icon-box-5 h3 span {
font-weight: bold;
margin-right: 2px;
}
.icon-box-1 p,.icon-box-2 p,.icon-box-3 p,.icon-box-4 p,.icon-box-5 p {
line-height: 21px;
margin-bottom:0
}
.icon-box-1 i.icon,.icon-box-2 i.icon,.icon-box-3 i.icon,.icon-box-4 i.icon,.icon-box-5 i.icon {
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
margin-top:15px
}
.icon-box-1:hover .icon,.icon-box-2:hover .icon,.icon-box-3:hover .icon,.icon-box-4:hover .icon {
background:#777;
color:#fff;
} .icon-box-2 i.icon,.icon-box-4 i.icon{
border-radius:5px !important
} .icon-box-3 i.outlined,.icon-box-4 i.outlined{
border:2px #ddd solid;
color:#999
}  .icon-box-5 i.icon{
font-size:50px
} .icon-box-6:hover i.icon {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-moz-transition: -moz-transform 0.3s;
-o-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.icon-box-6:hover h3{
color:#fff
}
.portfolio-item:hover:after {
height: 3px;
border-top:0px
}
.icon-box-6 {
position: relative;
}
.box-top {
z-index: 2;
overflow: hidden;
padding: 50px 0;
text-align:center
}
.box-top i.icon {
display: table;
margin: 0 auto 30px;
font-size: 38px;
width:103px;
height:103px;
line-height:95px;
text-align:center;
border-radius:50%;
border:3px #fff solid;
-moz-box-shadow: inset 0 0 13px rgba(0,0,0,.4);
-webkit-box-shadow: inset 0 0 13px rgba(0,0,0,.4);
box-shadow: inset 0 0 13px rgba(0,0,0,.4);
}
.box-top h3 {
margin: 0 0 10px;
padding: 0 15px 10px;
text-align: center;
font-size: 23px;
color:#777;
font-weight:800;
text-transform:uppercase
}
.box-top h3 span{
text-transform:none;
font-size:19px;
font-weight:100;
display:block;
margin-bottom: -33px;}
.box-top .more-btn{
display:table;
margin: 30px auto 0;
background:#fff;
padding:10px 15px;
text-transform:uppercase;
font-size:11px
}
.box-top p {
padding: 0 15px;
}
.box-top p a {
display: inline-block;
margin-left: 5px;
font-size: 11px;
} .icon-box-7 {
padding-top: 30px;
}
.box-7-cont {
position: relative;
border-top: 1px #ECECEC solid;
text-align: center;
padding:0 15px 15px;
border:1px #E6E6E6 solid
}
.icon-box-7 h4 {
text-align: center;
font-weight: bold;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
margin-bottom:20px;
font-weight: 600;
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 22px;
}
.sub-title {
margin: -10px 0 15px;
font-size: small;
}
.icon-box-7 .icon {
display: table;
margin: 0 auto 25px;
margin-top: -45px;
width: 90px;
height: 90px;
border: 1px #E6E6E6 solid;
border-radius: 50%;
background-color: #F0F0F0;
box-shadow: inset 0 0 0 3px #fff;
color: #B3B3B3;
text-align: center;
font-size: 38px;
line-height: 90px;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.icon-box-7 .r-more {
position: relative;
z-index: 1;
display: table;
margin: 15px auto 0;
padding: 8px 15px;
background: #ECECEC;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.icon-box-7 .r-more:after {
display: inline-block;
margin-left: 8px;
content: "+";
font-size: 14px;
}
.icon-box-7:hover h4 {
color: #4e4e4e;
}
.icon-box-7 .mediumFont {
overflow: hidden;
max-height: 180px;
border-bottom:1px #eee solid;
padding-bottom:25px !important
} .icon-box-8 {
text-align: center;
}
.icon-box-8 .box-head {
clear: both;
margin-bottom: 15px;
}
.icon-box-8 h4 {
position: relative;
overflow: hidden;
height: 1.2em;
line-height: 1.2em;
font-weight: bold;
}
.icon-box-8:hover h4 {
color: #4e4e4e;
}
.icon-box-8 h4 span {
position: relative;
display: inline-block;
-moz-transition: -moz-transform 0.3s;
-o-transition: transform 0.3s;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.icon-box-8 h4 span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
font-weight: 700;
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.icon-box-8 .mediumFont {
overflow: hidden;
max-height: 110px;
}
.icon-box-8 .icon {
display: table;
margin: 0 auto 25px;
width: 150px;
height: 150px;
border: 1px #DADADA solid;
border-radius: 50%;
background-color: #DADADA;
box-shadow: inset 0 0 0 3px #fff;
color: #777;
text-align: center;
font-size: 50px;
line-height: 150px;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.icon-box-8:hover span, .icon-box-8:focus span {
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.icon-box-8 .r-more {
position: relative;
display: table;
margin: 15px auto 0;
padding: 8px 15px;
background: #eee;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.icon-box-8 .r-more:after {
display: inline-block;
margin-left: 8px;
content: "+";
font-size: 14px;
} .icon-box-9 .icon_container  {
text-align: center;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
height: 100px;
display: block;
margin-bottom: 0;
overflow: hidden;
}
.icon-box-9 .icon_container i.icon {
font-size: 70px;
margin-top: 13px;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
width: auto;
line-height: normal;
display: block;
margin-left: 0;
height: auto;
}
.icon-box-9 h3 {
text-align: center;
margin: 0 0 10px;
background: #fff;
padding: 9px 0;
font-weight: 600;
font-size: 17px;
text-transform: uppercase;
}
.icon-box-9 p {
max-height: 94px;
overflow: hidden;
text-align: center;
margin: 0;
}
.icon-box-9:hover .icon_container {
color: #fff; 
}
.icon-box-9:hover .icon_container .icon {
font-size: 116px;
opacity: 1;
margin-top: 0;
-webkit-transform: rotate(-16deg);
opacity: 0.8
} .icon-box-10{
text-align:center
}
.icon-box-10 i.icon{
font-size:70px;
display:table;
margin:auto;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.icon-box-10:hover i.icon{
color:#777
}
.icon-box-10 h4{
padding: 35px 0 18px;
position:relative;
font-weight: 600;
font-size: 17px;
text-transform: uppercase;
color:#333
}
.icon-box-10 h4:after{
content:"";
width:20%;
height:3px;
background:#777;
display:table;
margin:auto;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -10%;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.icon-box-10:hover h4:after{
width:40%;
margin-left:-20%
}
.left-icons [class*="col-md-"]{
float:right;
text-align:right
}
.left-icons .col-md-3{
padding-left:15px;
padding-right:0
}
.left-icons .col-md-9 {
padding-left: 0;
padding-right:15px
}
.levels li:last-child .level-out{
margin-bottom:0
}
.levels-2 li {
float: left;
margin: 0 1.5%;
width: 22%;
}
.level-in-2 {
text-align: center;
}
.level-name-2 {
display: block;
margin-top: 10px;
text-align: center;
font-size: 13px;
} .fun-staff{
display: table;
width: 100%
}
.fun-staff > .fun-cell{
display: table-cell;
}
.fun-staff .fun-text {
z-index: 1;
text-align: center;
font-size: 18px;
}
.fun-staff .fun-number {
padding: 0;
text-align: center;
font-size: 40px;
line-height: 1.8;
font-weight: 900;
}
.fun-title {
margin: auto;
background-color: #fff;
font-size: 40px;
}
.staff-1 .fun-text {
padding: 23px 0;
}
.staff-1 .fun-number {
background-color: #fff;
color: #444;
}
.staff-1 .fun-number.skew-15, .staff-1 .fun-icon.skew-15 {
right: 7px;
}
.staff-1 .fun-icon {
padding: 10px 0;
background-color: #fff;
text-align: center;
font-size: 30px;
}
.staff-1 .fun-number.skew15, .fun-icon.skew15 {
left: 7px;
}
.staff-1 .fun-title {
padding: 45px;
text-align: center;
}
.staff-1 .fun-title span {
color: #333;
} .staff-2 .main-bg {
padding: 15px;
}
.staff-2 .fun-text {
top: 0;
padding: 0 0 15px;
min-height: inherit;
color: #fff;
text-align: center;
font-size: 15px;
}
.staff-2 .fun-number {
padding: 0;
background-color: transparent;
text-align: center;
font-weight: 400;
font-size: 38px;
}
.col-md-12 > .fun-staff{
margin: 0 -15px;
} .staff-3 .fun-text {
padding: 25px 0 10px;
}
.staff-3 .fun-number {
font-weight: 700;
}
.staff-3 .fun-icon {
display: table;
margin: auto;
text-align: center;
font-size: 35px;
border:2px #fff solid;
border-radius:50%;
width: 90px;
height: 86px;
line-height: 86px;
}
.staff-4 .fun-icon {
display: table;
margin: auto;
text-align: center;
font-size: 35px;
border-radius:50%;
width: 90px;
height: 86px;
line-height: 86px;
}
.staff-3 .fun-title {
padding: 21px;
text-align: center;
line-height:45px
}
.staff-3 .fun-title span {
color: #333;
}
.staff-3 .fun-title p {
color: #777;
text-transform: none;
font-weight: normal;
font-size: 13px;
line-height: normal;
margin-top: 6px;
} .testimonials-1{
padding-top:5px
}
.testimonials-1 .testimonials-bg {
position: relative;
z-index: 4;
overflow: hidden;
margin: 0 15px;
padding: 8px;
background: #E9E9E9;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.testimonials-1 .testimonials-bg .rating {
position: relative;
z-index: 1;
clear: both;
overflow: hidden;
padding: 10px 0 0 0;
}
.testimonials-1 .testimonials-bg span{
font-size:90%
}
.testimonials-1 .testimonials-bg:hover {
background: #e6e6e6;
}
.testimonials-1 .testimonials-img {
position: relative;
z-index: 2;
float: left;
margin: 0 10px 5px 0;
max-width: 70px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.testimonials-1 .testimonials-bg .rating .fa {
margin-right: 4px;
color: #ffc000;
font-size: 15px;
}
.testimonials-1 .testimonials-bg:after {
position: absolute;
right: 8px;
bottom: 8px;
display: inline-block;
margin-right: 7px;
color: #CFCFCF;
content: "\f10e";
font-weight: normal;
font-style: normal;
font-size: 25px;
font-family: FontAwesome;
line-height: 1;
}
.testimonials-1 .testimonials-name {
position: relative;
margin: 0 5px;
padding: 6px 0 8px 0;
text-align: center;
text-transform: uppercase;
font-size: 11px;
}
.testimonials-1 .testimonials-name:after {
position: absolute;
right: 9px;
bottom: 9px;
z-index: 0;
width: 0;
height: 0;
border-width: 20px 23px 0 0;
border-style: solid;
border-color: #DADADA transparent transparent transparent;
content: "";
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.testimonials-1 .testimonials-name:before {
position: absolute;
bottom: 9px;
left: 11px;
z-index: 0;
width: 0;
height: 0;
border-width: 20px 0 0 23px;
border-style: solid;
border-color: #DADADA transparent transparent transparent;
content: "";
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.testimonials-1 .testimonials-bg:hover + .testimonials-name:after, .testimonials-1 .testimonials-bg:hover + .testimonials-name:before {
border-color: #ccc transparent transparent transparent;
}
.testimonials-1 .testimonials-bg .rating .fa-star-o {
color: #c0c0c0;
} .testimonials-2 .testimonials-name {
display: table;
margin: auto;
padding: 10px 20px;
font-size: 130%;
}
.testimonials-2 p {
font-size: 16px;
line-height: 29px;
}
.testimonials-2 .testimonials-name:before, .testimonials-2 .testimonials-name:after {
display: none;
}
.testimonials-2 .slick-list{
margin:0;
text-align:center
} .testimonials-3 .testimonials-img img{
border-radius:50%
}
.testimonials-3{
position: relative;
padding: 20px;
background-color: #FFF;
border: 1px solid rgba(0,0,0,.1);
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,.1);
padding-bottom: 40px;
}
.testimonials-3 .slick-list{
margin:0 !important
}
.testimonials-3 .tbl-cell{
display:table-cell;
}
.testo-cell{
display:table-cell;
}
.testimonials-3 .slick-dots{
position:absolute;
right: 10px;
bottom: 10px;
width:auto !important
}
.testimonials-3 .slick-dots li button:before{
font-size:30px !important;
width:10px !important;
height:10px !important
}
.testimonials-3 .slick-dots li button,.testimonials-3 .slick-dots li{
width: 12px !important;
height: 12px !important;
} .testo-4{
position: relative;
padding: 20px;
background-color: #FFF;
border: 1px solid rgba(0,0,0,.1);
border-radius: 5px;
box-shadow: 0 1px 1px rgba(0,0,0,.1);
margin:0 15px;
overflow: hidden;
}
.testimonials-4 .testimonials-img,.testimonials-3 .testimonials-img{
max-width:70px;
float:left;
margin:0 15px 0 0;
}
.testimonials-4 .testimonials-img img,.testimonials-3 .testimonials-img img{
border-radius: 5px;
overflow: hidden;
padding: 2px;
border: 1px #ddd solid;
} .testimonials-5{
overflow: hidden;
position: relative;
}
.testimonials-5:after,.clients-grid1:after,.clients-grid2:after,.clients-grid3:after{
height: 1px;
width: 100%;
position: absolute;
bottom: 0;
background: #fff;
content:"";
left:0
}
.testimonials-5 .col-md-4,.clients-grid1 .col-md-2,.clients-grid2 .col-md-3,.clients-grid3 .col-md-4{
padding-top:15px;
padding-bottom:15px;
border-color:#EFEFEF;
border-style:solid;
border-width:0;
border-bottom-width: 1px;
border-right-width: 1px;
}
.testimonials-5 .col-md-4:nth-child(3n),.clients-grid1 .col-md-2:nth-child(6n),.clients-grid2 .col-md-3:nth-child(4n),.clients-grid3 .col-md-4:nth-child(3n){
border-right:0
}
.clients-grid1 .col-md-2,.clients-grid2 .col-md-3,.clients-grid3 .col-md-4{
text-align:center
}
.testimonials-5 .testimonials-name{
margin:0 -15px -15px
}
.testimonials-5 .testimonials-name:before {
display:none
}
.testimonials-5 .testimonials-img{
margin-right:20px;
margin-bottom: 0;
max-width: 70px;
float: left;
}
.testimonials-5 .testimonials-img img{
border-radius: 50%;
overflow: hidden;
padding: 2px;
border: 1px #ddd solid;
}
.testimonials-5 .testimonials-name:after{
display:none
}
.testimonials-5 .testo-name{
padding:8px 0 0;
text-transform:uppercase;
letter-spacing:1px
}
.close-box {
position: absolute;
top: 2px;
right: 2px;
padding: 2px 8px 4px;
background: rgba(0,0,0,.1);
color: #fff;
font-size: 17px;
}
.box h3 {
margin-bottom: 0px;
font-weight: bold;
}
.wpb_alert-info:before{
content:"\f05a"
}
.wpb_alert-warning:before{
content:"\f071"
}
.wpb_alert-success:before{
content:"\f00c"
}
.wpb_alert-danger:before{
content:"\f06a"
}
.vc_alert_skew{
-moz-transform: skew(-25deg, 0);
-ms-transform: skew(-25deg, 0);
-o-transform: skew(-25deg, 0);
-webkit-transform: skew(-25deg, 0);
transform: skew(-25deg, 0);
border-radius:0;
margin-right:12px;
margin-left:12px
}
.vc_alert_skew > div,.vc_alert_skew:before{
-moz-transform: skew(25deg, 0);
-ms-transform: skew(25deg, 0);
-o-transform: skew(25deg, 0);
-webkit-transform: skew(25deg, 0);
transform: skew(25deg, 0);
}
.vc_images_carousel{
width:100% !important
}
.vc_images_carousel .vc_carousel-control{
background:rgba(255,255,255,.5);
width:40px !important;
height:40px !important;
text-align:center;
line-height:40px !important;
color:#333;
}
.vc_images_carousel.vc_carousel_vertical .vc_carousel-indicators li{
width:12px !important;
height:12px !important
}
.error-box,.edd_empty_cart {
border-color: #f2b1b4;
background: #f1d5d6;
} .tabs {
display: inline-block;
width: 100%;
}
.tabs > ul {
margin-left: 5px;
}
.tabs > ul:after {
display: block;
clear: both;
content: "";
}
.tabs > ul li {
float: left;
margin: 0 0 0 2px;
background: #efefef;
color: #6c6c6c;
}
.tabs > ul li a {
color: #6c6c6c !important;
text-transform: uppercase !important;
display: block !important;
padding: 6px 15px;
}
.ui-accordion.skew .wpb_accordion_header a span{
display:block
}
.wpb_tabs.skew li,.tabs-vertical.skew li,.ui-accordion.skew .wpb_accordion_header a{
-moz-transform: skew(-20deg, 0);
-ms-transform: skew(-20deg, 0);
-o-transform: skew(-20deg, 0);
-webkit-transform: skew(-20deg, 0);
transform: skew(-20deg, 0);
}
.wpb_tabs.skew li a,.tabs-vertical.skew li a,.ui-accordion.skew .wpb_accordion_header a span{
-moz-transform: skew(20deg, 0);
-ms-transform: skew(20deg, 0);
-o-transform: skew(20deg, 0);
-webkit-transform: skew(20deg, 0);
transform: skew(20deg, 0);
}
.ui-accordion.skew .wpb_accordion_header span.ui-accordion-header-icon{
position:absolute;
z-index:99
}
.wpb_tabs.skew li:first-child{
margin-left:5px
}
.tabs > ul li a i {
margin-right: 8px;
color: #333;
}
.tabs > ul li:hover a, .tabs > ul li.active a {
color: #fff !important;
}
.tabs-pane,.tab-content {
padding: 15px 0;
}
.tabs-vertical > ul {
float: left;
width: 30%;
}
.tabs-vertical ul li {
background:#eee;
margin-bottom: 4px !important
}
.tabs-vertical ul li a {
display: block;
padding:7px 15px;
color:#6c6c6c
}
.tabs-vertical .tabs-pane {
float: left;
margin-left: 25px;
padding: 0;
width: 63%;
border-top: 0px;
border-bottom: 1px #e4e4e4 solid;
}
.wpb_tour .wpb_tabs_nav{
padding-right:15px
}
.tabs-vertical .wpb_tour_tabs_wrapper .wpb_tab {
position: relative;
padding: 0 2px 15px;
}
.tabs-vertical .wpb_tour_tabs_wrapper .wpb_tab:before {
position: absolute;
top: 9%;
left: 15px;
display: inline-block;
width: 2px;
height: 60%;
content: "";
}
.tab-img-holder {
margin-right: 15px;
width: 30%;
} .accordion li > h3,.wpb_toggle {
overflow: hidden;
margin: 0 0 15px;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.accordion li > h3 a,.wpb_toggle a {
float: left;
margin: 0 0 0 25px;
padding: 0 15px;
border: 1px #d4d4d4 solid;
background: #fff;
line-height: 28px;
display: block;
width: 93%;
color: #a8a8a8;
text-transform: uppercase;
font-size: 12px;
}
.accordion li > h3 i.fa,.wpb_toggle i.fa {
margin-right: 7px;
}
.accordion li > h3 u,.wpb_toggle u {
display: inline-block;
float: left;
margin: 0 5px 0 -52px;
padding: 10px 10px 8px 10px;
border: 1px #d4d4d4 solid;
background: #fff;
color: #a8a8a8;
text-align: center;
text-decoration: none;
font-size: 10px;
line-height: 1;
cursor: pointer;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.accordion li > h3 u:before,.wpb_toggle u:before {
display: block;
content: "\f067";
font-family: FontAwesome;
}
.accordion li > h3[class*="skew-"] u::before,.wpb_toggle a[class*="skew-"] u:before {
-moz-transform: skew(25deg, 0);
-ms-transform: skew(25deg, 0);
-o-transform: skew(25deg, 0);
-webkit-transform: skew(25deg, 0);
transform: skew(25deg, 0);
}
.accordion li.active > h3 u:before,.wpb_toggle_title_active u:before {
content: "\f068";
font-family: FontAwesome;
}
.accordion li > h3 a span,.wpb_toggle a span {
display: block;
}
.accordion-panel,.wpb_toggle_content {
margin: 15px 40px;
padding: 0 15px;
border-left: 3px #d4d4d4 solid;
}
.wpb_toggle, #content h4.wpb_toggle,.wpb_toggle_title_active, #content h4.wpb_toggle_title_active{
background-image: none !important
}
.accordion-horizontal > li {
position: relative;
display: block;
float: left;
overflow: hidden;
margin: 0 1px;
width: 50px;
height: 240px;
}
.accordion-horizontal > li.active {
width: 80%;
}
.accordion-horizontal > li h3 span {
display: block;
margin-top: 130px;
white-space: nowrap;
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.accordion-horizontal > li > h3 {
position: absolute;
left: 0;
float: left;
width: 40px;
height: 100%;
}
.accordion-horizontal > li > h3 a {
display: table-cell;
width: 40px;
height: 100%;
vertical-align: middle;
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
-webkit-transform: rotate(0);
transform: rotate(0);
}
.accordion-horizontal .accordion-panel {
margin: 0 0 0 40px;
border: 0;
}
.accordion-horizontal > li > h3:before {
display: none;
}
.list li {
padding: 0 0 10px 10px;
}
.list li:before {
position: relative;
top: 2px;
display: inline-block;
margin-right: 10px;
font-family: FontAwesome;
}
.list-crosshairs li:before {
content: "\f05b";
}
.list-ok li:before {
content: "\f00c";
}
.list-bell li:before {
content: "\f0f3";
}
.list-bookmark li:before {
content: "\f02e";
} .clients,.auto-clients {
padding-top: 10px;
}
.clients > div a,.auto-clients > div a {
margin: 0 15px;
display: block;
border-bottom: 1px #ddd solid;
padding: 10px;
text-align:center
} .team-boxes [class*="col-md-"] {
margin: 0 0 30px;
}
.team-box {
-moz-perspective: 1700px;
-ms-perspective: 1700px;
-webkit-perspective: 1700px;
-moz-perspective-origin: 0 50%;
-ms-perspective-origin: 0 50%;
-webkit-perspective-origin: 0 50%;
perspective-origin: 0 50%;
perspective: 1700px;
position: relative;
padding: 0 0 8px;
background-color: #f4f4f4;
} .team-img {
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-img img {
width: 100%;
height: auto;
}
.team-box .team-details {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding: 10px;
width: 100%;
height: 100%;
border-left: 5px #333 solid;
opacity: 0;
-moz-transform: rotateY(-90deg);
-ms-transform: rotateY(-90deg);
-o-transform: rotateY(-90deg);
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
-o-transition: transform 0.4s, opacity 0.1s 0.3s;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.team-box h3 {
padding: 7px 0 !important;
text-align: center;
font-size: 14px;
text-transform: none;
margin: -5px !important;
}
.team-img h3 {
overflow: hidden;
margin: 0 !important;
padding-bottom: 0 !important;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
clear: both;
}
.team-box:hover .team-img {
opacity: .3;
}
.team-box:hover .team-details {
opacity: 1;
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
-webkit-transform: rotateY(0);
transform: rotateY(0);
-moz-transition: -moz-transform 0.4s, opacity 0.1s;
-o-transition: transform 0.4s, opacity 0.1s;
-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.team-box:hover .team-details .gry-bg {
color: #666;
}
.team-box:after, .team-box-2:after {
position: absolute;
bottom: -2px;
left: 0;
display: block;
width: 100%;
height: 1px;
content: "";
}
.team-socials {
position: relative;
z-index: 9;
}
.team-socials ul {
display: table;
overflow: hidden;
margin: auto;
padding: 0;
}
.team-socials li {
float: left;
margin: 6px 3px;
}
.team-socials a {
padding: 5px 10px;
color: #fff;
font-size: 17px;
}
.team-details p {
margin-bottom: 5px;
font-size: 12px;
line-height: 130%;
}
.team-details h3 {
margin: 0;
padding: 13px 0 0 5px;
}
.t-position {
padding: 10px 0;
color: #ababab;
text-align: center;
font-size: 11px;
}
.team-box .t-position {
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: table;
margin: 15px auto 10px;
padding: 5px !important;
color: #fff !important;
font-size: 12px;
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
}
.team-box .team-details p {
padding: 10px;
color: #fff;
font-size: 12px;
max-height: 100px;
overflow: hidden;
height: 100px;
}
.team-box .team-socials li a {
padding: 3px 10px;
}
.team-box:hover:after, .team-box-2:hover:after {
height: 1px;
} .team-box-2 {
position: relative;
margin-top: 60px;
padding: 45px 11px 5px;
background-color: #f4f4f4;
text-align: center;
}
.team-box-2:before {
position: absolute;
top: -20px;
right: 14px;
color: #999;
content: "\f030";
font-size: 168px;
font-family: FontAwesome;
opacity: .1;
-moz-transform: rotate(-34deg);
-ms-transform: rotate(-34deg);
-o-transform: rotate(-34deg);
-webkit-transform: rotate(-34deg);
transform: rotate(-34deg);
}
.team-box-2 .team-img {
position: absolute;
top: 0;
margin-top: -45px;
margin-left: -45px;
left: 50%;
padding: 2px;
width: 90px;
height: 90px;
border: 1px #e4e4e4 solid;
background: transparent;
}
.team-box-2:hover:before,.team-box-2:hover .team-socials li a {
color: #fff;
}
.team-box-2:hover .team-details h3, .team-box-2:hover .team-details .t-position {
color: #fff !important;
}
.team-box-2 .team-details {
position: relative;
margin-top: 25px;
background: transparent;
}
.team-box-2 .team-details h3 {
margin: 0 0 5px;
padding: 8px 0;
}
.team-boxes-2 [class*="col-md-"] {
margin: 0 0 30px !important;
}
.team-box-2 .team-socials a {
display: block;
padding: 5px 10px;
}
.team-box-2 p{
border-bottom: 1px #e4e4e4 solid;
padding-bottom:15px
}
.team-box-2 .t-position {
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 15px;
border-bottom: 1px #e4e4e4 solid;
} .divider {
position: relative;
height: 35px;
overflow:hidden;
text-align:center
}
.divider-1:before,.divider-6:before,.divider-6:after,.divider-10:before,.divider-10:after {
position: relative;
top: 17px;
width: 100%;
height: 1px;
content: "";
background: #E8E8E8;
display:table;
}
.divider-1 .divid_before{
font-size: 21px;
margin-left: 46.4%;
color: #D5D5D5;
margin-top: -2px;
}
.divider-1 .divid_after{
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
float:right;
font-size: 21px;
color: #D5D5D5;
margin-right: 46.4%;
margin-top: -2px;
}
.divider-2:before,.divider-4:before,.divider-5:before {
position: absolute;
top: 17px;
width: 50%;
height: 1px;
content: "";
background: #E8E8E8;
left:-20px;
display:inline-block
}
.divider-2:after {
position: absolute;
top: 17px;
width: 50%;
height: 1px;
content: "";
background: #E8E8E8;
left:auto;
right:-20px;
display:inline-block
}
.divider-3:before {
position: absolute;
top: 17px;
width: 50%;
height: 1px;
content: "";
background: #E8E8E8;
left:30px;
display:inline-block
}
.divider-3:after {
position: absolute;
top: 17px;
width: 50%;
height: 1px;
content: "";
background: #E8E8E8;
left:auto;
right:30px;
display:inline-block
}
.divider-4:before{
margin-left:45px;
width:100%
}
.divider-5:before{
margin-right:30px;
width:100%;
right: 0;
left: auto;
}
.divider-6:before{
width: 20%;
left: 30%;
margin-left: -25px;
}
.divider-6:after{
width: 20%;
right: 30%;
margin-right: -25px;
left:auto;
position:absolute
}
.divid_right,.divid_left{
position:absolute;
top:8px;
color: #E8E8E8;
font-size: 20px;
left:0
}
.divid_right{
right:0;
left:auto
}
.divid_center{
display: table;
margin: 6px auto;
color: #E8E8E8;
font-size: 20px;
}
.lg-fa{
font-size:28px
}
.divider-7,.divider-8,.divider-9 {
position: relative;
display: block;
overflow: visible;
margin: 1em 0;
padding: 0;
height: 1px;
border: 0;
border-top: 1px #eeeded solid;
}
.divider-7:before {
position: absolute;
top: -1px;
left: 0;
display: inline-block;
width: 20%;
height: 1px;
content: "";
}
.divider-7:after {
position: absolute;
top: -1px;
right: 0;
display: inline-block;
width: 20%;
height: 1px;
content: "";
}
.divider-8 span{
position: absolute;
top: -1px;
right: 0;
display: inline-block;
width: 30%;
height: 1px;
content: "";
left:35%
}
.divider-9:before{
position: absolute;
top: -4px;
right: 0;
display: inline-block;
width: 40%;
height: 1px;
content: "";
left:30%;
background:#ddd
}
.divider-9 span:before{
position: absolute;
top: -1px;
right: 0;
display: inline-block;
width: 30%;
height: 1px;
content: "";
left:35%;
background:#ddd
}
.divider-9 span:after{
position: absolute;
top: 2px;
right: 0;
display: inline-block;
width: 20%;
height: 1px;
content: "";
left:40%;
background:#ddd
}
.divider-9:after{
position: absolute;
top: 5px;
right: 0;
display: inline-block;
width: 10%;
height: 1px;
content: "";
left:45%;
background:#ddd
}
.divider-10:before{
width: 20%;
left: 30%;
margin-left: -25px;
}
.divider-10:after{
width: 20%;
right: 30%;
margin-right: -25px;
left:auto;
position:absolute
} .counter{
text-align:center
}
.counter-icon{
margin:0 8px;
font-size:20px
}
.counter-num{
font-size:20px
}
.counter2{
text-align:inherit;
}
.counter2 .counter-num{
margin:0 5px;
font-size:inherit
}
.counter-icon.block{
padding-bottom:10px
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-car {
display: inline-block;
vertical-align: middle;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-car .odometer-digit {
display: inline-block;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-car .odometer-digit .odometer-digit-spacer {
display: inline-block;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-car .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-car .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-car .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-digit:first-child, .odometer.odometer-theme-car .odometer-digit:first-child {
-moz-border-radius: 0.2em 0 0 0.2em;
-webkit-border-radius: 0.2em;
border-radius: 0.2em 0 0 0.2em;
}
.odometer.odometer-auto-theme .odometer-digit:last-child, .odometer.odometer-theme-car .odometer-digit:last-child {
-moz-border-radius: 0 0.2em 0.2em 0;
background-image: -moz-linear-gradient(top, #eee0d3 0%, #eee0d3 40%, #bbaa9a 60%, #eee0d3 80%, #eee0d3 100%);
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-car.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
} .boxs,.nocomments {
position: relative;
margin: 0 auto 15px;
padding: 15px;
border-width: 1px;
border-style: solid;
}
.bbBox{
clear:both;
padding: 15px;
}
.boxs i.fa,.bbBox i.fa {
margin-right: 10px;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 31px;
text-align: center;
background: #FFF;
font-size: 16px;
}
.boxs h3 {
margin-bottom: 0px;
font-weight: bold;
}
.boxs p {
margin: 5px 0 0;
padding-bottom: 0;
}
.warning-box,.nocomments {
border-color: #e0d594;
background: #fff6bf;
}
.info-box {
border-color: #9fc6d7;
background: #c2e1ee;
}
.success-box {
border-color: #a0c272;
background: #bbdd8c;
}
.error-box {
border-color: #f2b1b4;
background: #f1d5d6;
}  .breadcrumbs {
float: left;
overflow: hidden;
padding: 8px 10px;
}
.title-1 .breadcrumbs{
background-color:#777 !important
}
.breadcrumbs a {
margin: 0 3px;
color: #fff;
}
.breadcrumbs a:hover {
color: #fff;
text-decoration: underline;
}
.breadcrumbs span {
margin: 0 3px;
}
.breadcrumbs.white-bg,.breadcrumbs.white-bg span{
color:#777 !important
}
.breadcrumbs.white-bg a{
color:#555;
font-weight:600
} .plan-title {
margin: auto;
padding-top: 50px;
background: #fff;
text-align: center;
text-transform: uppercase;
font-size: 55px;
line-height: 90%;
}
.plan-title span {
color: #333;
}
.plan-block {
padding: 50px 50px 0 !important;
color: #fff;
}
.plan-block .block {
position: relative;
z-index: 9;
padding-bottom: 60px;
}
.plan-year {
position: absolute;
bottom: 40px;
z-index: 9;
width: 250px;
background: transparent url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/planBG.png) no-repeat 0px 100%;
color: #333;
font-weight: 800;
font-size: 20px;
}
.plan-year:before {
position: absolute;
right: 23px;
bottom: -6px;
z-index: -1;
display: inline-block;
width: 38px;
height: 40px;
background: #fff;
content: "";
}
.plan-year:after {
position: absolute;
right: -15px;
bottom: -6px;
z-index: -1;
display: inline-block;
width: 38px;
height: 40px;
content: "";
}
.lft-plan .plan-year {
right: -73px;
text-align: right;
}
.lft-plan,.lft-plan h2{ }
.rit-plan .plan-year {
left: -75px;
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.rit-plan .plan-year strong {
display: block;
float: right;
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.rit-plan .plan-year:after {
right: -13px;
}
.plan-block h3 {
margin: 0;
padding: 0;
font-weight: bold !important;
font-size: 19px;
color: #fff !important;
text-transform: uppercase;
}
.plan-block p {
margin: 5px 0;
}
.my-img {
overflow: hidden;
padding-bottom: 40px;
}
.my-img .my-name {
font-size: 18px;
margin: 15px 0;
line-height: normal;
display: table;
}
.my-img img {
border-radius: 5px;
width: 150px;
height: 150px;
float: left;
position: relative;
z-index: 5;
margin-right:15px
}
.my-img .my-details {
background: #F3F3F3;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 5px;
padding:0
}
.my-img .my-details ul li{
padding-left:0
}
.work-exp li h4 {
color: #777;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: bold;
}
.work-exp li h4:before {
display: inline-block;
content: "\f1d9";
font-size: 12px;
font-family: FontAwesome;
margin-right: 10px;
color: #B8B8B8;
}
.work-exp li p {
padding-left: 23px;
padding-bottom: 10px;
}
.work-exp li:last-Child p{
padding-bottom:0;
margin-bottom:0
}
.chart {
position: relative;
display: inline-block;
margin-bottom: 20px;
width: 140px;
height: 140px;
text-align: center;
}
.chart canvas {
position: absolute;
top: 0;
left: 0;
}
.percent {
z-index: 2;
display: inline-block;
color: #bdbdbd;
font-size: 21px;
line-height: 137px;
}
.percent:after {
margin-left: 0.1em;
content: '%';
font-size: .8em;
}
.angular {
margin-top: 100px;
}
.angular .chart {
margin-top: 0;
} .portfolio .portfolio-item {
margin: 0 15px;
background-color: #eee;
}
.portfolio-item:after {
display: block;
clear: both;
border-top: 2px #fff solid;
height: 3px;
content: "";
}
.img-holder {
position: relative;
overflow: hidden;
margin: 0 0 15px;
cursor: pointer;
}
.img-holder img {
width: 100%;
height: auto;
min-height:190px;
-moz-transition: all 1s ease-out;
-o-transition: all 1s ease-out;
-webkit-transition: all 1s ease-out;
transition: all 1s ease-out;
}
.img-holder:hover img {
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.img-over {
position: absolute;
top: -46%;
left: -20%;
z-index: 9;
display: none;
overflow: hidden;
width: 100%;
width: 170%;
height: 100%;
height: 170%;
-moz-transform: rotate(-37deg);
-ms-transform: rotate(-37deg);
-o-transform: rotate(-34deg);
-webkit-transform: rotate(-37deg);
transform: rotate(-34deg);
}
.img-over a {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.img-over b {
position: absolute;
z-index: 8;
color: #fff;
font-weight: normal;
font-size: 40px;
-moz-transform: rotate(34deg);
-ms-transform: rotate(34deg);
-o-transform: rotate(34deg);
-webkit-transform: rotate(34deg);
transform: rotate(34deg);
}
.img-over a.link {
top: -52%;
left: -8%;
}
.img-over a.zoom {
top: 48%;
left: -10%;
}
.img-over a b {
top: 13%;
left: 51%;
}
.img-over a.link b {
top: 75%;
left: 40%;
}
.name-holder {
overflow: hidden;
padding: 0 15px 10px;
}
.project-name {
display:table;
margin:auto;
font-weight:bold;
font-size: 16px;
height: 28px;
overflow: hidden;
display: block;
line-height: 30px;
text-overflow: ellipsis;
width: 90%;
text-align: center;
white-space: nowrap;
}
.project-options {
margin-top: 4px;
display:block;
text-align:center;
font-size: 12px;
height: 18px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
white-space: nowrap;
}
.project-options a {
display: block;
float: left;
margin: 0 0 0 5px;
color: #444;
font-size: 14px;
}
.project-options a{
font-size:12px;
display:inline;
float:none
}
.project-brief {
display: none;
}
.portfolio{
position: relative;
}
.viewAll {
padding-top: 10px;
}
.viewAll .btn {
background: #eee;
font-weight: bold;
font-size: 12px;
float: left;
padding: 0 10px;
line-height: 27px;
border-radius: 3px;
color: #777;
}
.homeGallery .esg-navigationbutton,.fullPortfolioSlider .esg-navigationbutton{
position:absolute;
background: #777 !important;
color: #eee !important;
width: 28px;
height: 28px;
border-radius: 3px;
padding:0 !important;
border-radius: 3px !important;
-webkit-border-radius: 3px !important; 
padding:0 !important;
line-height:28px !important;
border:0 !important;
text-align:center
}
.homeGallery .esg-navigationbutton{
right:auto;
left: -90px;
top: 175px;
}
.homeGallery .esg-right{
left: -60px;
}
.homeGallery .block-head{
margin-bottom:0px;
}
.fullPortfolioSlider .esg-navigationbutton{
left:auto;
right: 31px;
top: -56px;
}
.fullPortfolioSlider .esg-right{
right: 0;
}
.fullPortfolioSlider .esg-navigationbutton *,.homeGallery .esg-navigationbutton *{
color: #eee !important;
}
.portfolio-lft-txt{
max-height:154px;
overflow:hidden
}
.lft-minus-margin{
margin-right:-15px
}
.view-all-projects{
margin-top:30px;
display: table;
margin: 15px auto 0;
padding: 10px 30px;
background: #777;
color: #fff;
font-size: 15px;
font-weight: bold;
border-radius: 3px;
}
.portfolio-filterable .portfolio-item {
margin-top: 20px;
background-color: #f4f4f4;
}
.portfolio-filterable .white-bg, .portfolio-filterable .gry-bg{
margin: 0 15px 10px;
line-height: 35px;
}
.esg-filter-wrapper{
margin: 0 15px 20px;
line-height: 35px;
padding:0 3%;
overflow: hidden;
display:block !important
}
.portfolio-filterable .white-bg {
background-color: #fff;
}
.portfolio-filterable.full [class*="col-md-"] {
margin: 0;
padding: 0;
border-right: 1px #fff solid;
}
.full-portfolio {
margin-right: 10px !important;
margin-left: 10px !important;
}
.filter-by {
display: inline-block;
margin-left: 20px;
}
#filters,.filtersTBL {
display: table;
margin: auto;
}
#filters li,.esg-filterbutton {
float: left;
margin: 0 1px 0 0 !important;
background: #777 !important;
border-radius:0 !important;
padding-right:0 !important;
padding-left:0 !important;
box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
border:0 !important;
font-weight:normal !important;
text-transform:none !important
}
#filters li a,.esg-filterbutton span {
display: block;
padding: 0 20px;
text-transform: uppercase;
font-size: 11px;
line-height: 35px;
color: #fff !important;
}
#filters li:hover a, #filters li.active a {
color: #fff;
}
.portfolio-img-slick {
overflow: hidden;
}
.portfolio-img-slick .slick-prev, .portfolio-img-slick .slick-next {
top: 50%;
right: 10px;
padding: 0;
width: 60px;
height: 60px;
border-bottom: 0;
border-radius: 0;
background: rgba(255,255,255,.23);
color: #fff;
margin-top: -30px;
}
.portfolio-img-slick .slick-next:before {
content: "\f105";
font-size: 50px;
}
.portfolio-img-slick .slick-prev:before {
content: "\f104";
font-size: 50px;
}
.portfolio-img-slick .slick-prev {
right: auto;
left: 10px;
}
.staff-4 [class*="col-md-"] {
padding: 3px;
}
.staff-4 .gry-bg {
padding: 15px 9px;
}
.staff-4 .fun-text {
color: #333;
}
.list-details li {
padding: 10px 3px;
border-top: 1px #e5e5e5 solid;
}
.list-details li:first-child {
border-top: 0;
}
.list-details li span {
margin: 0 15px 0 5px;
}
.list-details li span.main-color{
font-weight:bold;
font-size:13px
} .gw-go-earth1 {
z-index: 2;
border-bottom-width:1px !important
}
.gw-go-earth1 .gw-go-header-bottom{
display:none
}
.gw-go-earth1 .gw-go-body{
margin-top:20px !important;
border-bottom:0 !important
}
.gw-go-earth1 .gw-go-body li{
background:transparent !important
}
.gw-go-earth1 .gw-go-header-top {
position: relative !important;
overflow: hidden !important;
border-top: 1px #E4E4E4 solid !important;
background: #373737 url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/dots.png) !important;
height:110px !important
}
.gw-go-earth1 .gw-go-coinf,.gw-go-earth1 .gw-go-coinb,.gw-go-earth1 .gw-go-coinf div,.gw-go-earth1 .gw-go-coinb div{
width:auto !important;
height:84px !important;
border:0 !important;
font-size:28px !important;
min-width:70px !important;
padding-right:10px !important;
padding-left:10px !important
}
.gw-go-earth1 .gw-go-coin-wrap{
top:65px !important;
min-width:70px !important;
width:auto !important;
margin: 0 0 0 -60px !important;
}
.gw-go-earth1 .gw-go-header-top h3 {
padding-top:15px !important
}
.gw-go-earth1 ul.gw-go-body li {
padding: 15px 0 !important;
font-size: 14px !important;
}
.gw-go-earth1 ul.gw-go-body li.gw-go-even {
background: #f3f3f3 !important;
}
.gw-go-current .gw-go-earth1{
background: #494949 !important;
}
.gw-go-current .gw-go-earth1 ul.gw-go-body li.gw-go-even {
background: #373737 !important;
}
.gw-go-current .gw-go-earth1 li {
border-color: #585858 !important;
color: #949494 !important;
}
.gw-go-current .gw-go-earth1 .gw-go-coinf div,.gw-go-current .gw-go-earth1 .gw-go-coinb div {
background: #494949 !important;
}
.gw-go-col.gw-go-earth1 .gw-go-header h3, .gw-go.gw-go-hover .gw-go-col-wrap.gw-go-current .gw-go-col.gw-go-earth1 .gw-go-header h3{
color:#eee !important
}
.gw-go-earth2 {
z-index: 2;
padding:0 11px !important;
border: 1px #e4e4e4 solid !important;
}
.gw-go-earth2 .gw-go-header-bottom{
display:none
}
.gw-go-earth2 .gw-go-body{
margin-top:20px !important;
border-bottom:0 !important
}
.gw-go-earth2 .gw-go-body li{
background:transparent !important;
border-top: 1px #e4e4e4 solid;
padding: 15px 0 !important;
font-size: 14px !important;
color:#777 !important
}
.gw-go-earth2 .gw-go-header-top {
position: relative !important;
overflow: inherit !important;
background:transparent !important
}
.gw-go-earth2 .gw-go-coinf,.gw-go-earth2 .gw-go-coinb,.gw-go-earth2 .gw-go-coinf div,.gw-go-earth2 .gw-go-coinb div{
width:70px !important;
height:55px !important;
border:0 !important;
font-size:18px !important;
border-radius:0 !important;
background: #777;
padding:0 !important;
line-height:55px;
color:#fff !important;
box-shadow: 0px 0px 0px rgba(0,0,0,0) inset;
}
.gw-go-earth2 .gw-go-coin-wrap{
top: -28px !important;
border-radius: 0 !important;
width: 70px;
height: 55px;
border-radius:0 !important;
margin:0 0 0 -35px !important
}
.gw-go-earth2 .gw-go-header{
overflow:inherit
}
.gw-go-earth2 .gw-go-header-top h3 {
padding-top:35px !important
}
.gw-go-earth2 ul.gw-go-body li.gw-go-even {
background: #fff !important;
}
.gw-go-earth2 .gw-go-header-top {
height: 65px !important;
}
.gw-go-current .gw-go-earth2 li {
color: #949494 !important;
}
.gw-go-current .gw-go-earth2 .gw-go-coinf div,.gw-go-current .gw-go-earth2 .gw-go-coinb div {
background: #494949 !important;
}
.gw-go-col.gw-go-earth2 .gw-go-header h3, .gw-go.gw-go-hover .gw-go-col-wrap.gw-go-current .gw-go-col.gw-go-earth2 .gw-go-header h3{
color:#777 !important
}
.gw-go-current .gw-go-earth1 .gw-go-btn,.gw-go-current .gw-go-earth2 .gw-go-btn{
background:transparent !important;
border:0 !important
} .masonry .post-item,.grid .post-item,.vc_grid-item .vc_grid-item-mini {
position:relative;
border: 1px #E7E7E7 solid;
padding: 7px;
margin-bottom:30px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);  
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 3px;
}
.post-format-image i.fa:before{
content:"\f03e"
}
.post-format-gallery i.fa:before{
content:"\f030"
}
.post-format-link i.fa:before{
content:"\f0c1"
}
.post-format-quote i.fa:before{
content:"\f10d"
}
.post-format-video i.fa:before{
content:"\f03d"
}
.post-format-audio i.fa:before{
content:"\f028"
}
.post-format-chat i.fa:before{
content:"\f0e6"
}
.post-format-status i.fa:before{
content:"\f021"
}
.post-format-aside i.fa:before{
content:"\f1fb"
}
.masonry .post,.masonry .shop-item{
float:none
}
.masonry .post-gallery .portfolio-img-slick{
height:250px;
}
.blog-timeline{
margin-bottom:30px
}
.blog-timeline .meta-date{
display:none
}
.blog-timeline .timeline-left:before{
display:inline-block;
width:0;
position:absolute;
left: 39px;
height:100%;
content:" ";
border-left: 1px #ddd dashed
}
.timeline-left .timeline-cell{
margin: 0 0 30px 83px;
position:relative;
}
.timeline-left .timeline_date{
position:absolute;
width: 117px;
top: 25px;
left: -94px;
}
.timeline-left .timeline_date:before{
display:inline-block;
height:3px;
position:absolute;
top: 50%;
width: 50%;
content:" ";
left: 36px;
background:#ddd;
z-index: 0;
} .blog-timeline .timeline-right:before{
display:inline-block;
width:0;
position:absolute;
right: 42px;
height:100%;
content:" ";
border-right: 1px #ddd dashed
}
.timeline-right .timeline-cell{
margin: 0 83px 30px 0;
position:relative;
}
.timeline-right .timeline_date{
position:absolute;
width: 100px;
top: 25px;
right: -120px;
}
.timeline-right .timeline_date:before{
display:inline-block;
height:3px;
position:absolute;
top: 50%;
width: 50%;
content:" ";
right: 70px;
background:#ddd;
z-index: 0;
}
.timeline-cell .post-item{
padding:5px;
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);  
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
border: 1px #ddd solid;
border-radius: 3px;
}
.timeline-cell .post-info h2{
text-align:center;
}
.timeline-cell .post-meta{
border-bottom-width:0 !important;
display:table;
margin:auto;
max-width:94%
}
.timeline-cell .cont{
display:none
}
.timeline-right{
margin:0
}
.timeline-left{
margin:0
}
.inner_date{
width: 70px;
height: 70px;
text-align: center;
background: #fff;
border: 4px #ddd solid;
-webkit-border-radius: 50%;
border-radius: 50%;
display:block;
padding: 3px 0 0;
position:relative;
z-index:2
}
.inner_date .day{
font-size: 30px;
display:block
}
.inner_date .month{
margin-top: -11px;
display: block;
}
.timeline_date .year{
position: absolute;
top: 59px;
font-size: 11px;
border-radius: 50%;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
left: 15px;
z-index:5
}
.timeline_no_bar.blog-timeline:before{
display:inline-block;
width:0;
position:absolute;
left: 50%;
height:100%;
content:" ";
border-left: 1px #ddd dashed;
margin-left:-1px;
z-index: 0;
}
.timeline_no_bar .timeline-cell{
margin: 0 0 30px 83px;
position:relative;
}
.timeline_no_bar .timeline_date{
position:absolute;
width: 117px;
top: 25px;
}
.timeline_no_bar .timeline_date:before{
display:inline-block;
height:3px;
position:absolute;
top: 50%;
width: 50%;
content:" ";
left: 12px;
background:#ddd;
z-index: -1;
}
.timeline_no_bar .blog-timeline:before{
display:inline-block;
width:0;
position:absolute;
left:50%;
margin-left:-1px;
height:96.5%;
content:" ";
border-left: 1px #ddd dashed
}
.timeline_no_bar .timeline-cell{
width: 42.7%;
margin: 0 15px 30px;
float:left;
position:relative;
}
.timeline_no_bar .timeline-cell:nth-child(odd) {
float: left;
}
.timeline_no_bar .timeline-cell:nth-child(2n+3) {
clear: both;
}
.timeline_no_bar .timeline-cell:nth-child(even) {
float: right;
margin-bottom: 0;
margin-top: 50px;
}
.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date {
left: -105px;
top: 130px;
}
.timeline_no_bar .side-timeline .timeline-cell:nth-child(even) .timeline_date {
left: -92px;
}
.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date:before{
right: 12px;
left:auto;
}
.timeline_no_bar .timeline_no_bar .timeline-cell:nth-child(even) .timeline_date {
right: auto;
top: 155px;
}
.timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date {
right: -104px;
}
.timeline_no_bar .side-timeline .timeline-cell:nth-child(odd) .timeline_date {
right: -143px;
}
.timeline_no_bar .timeline-cell:nth-child(odd) .timeline_date .inner_date{
float: right;
}
.timeline_no_bar .timeline-cell:nth-child(even) .timeline_date .year{
left: 14px;
}
.timeline_no_bar .year{
left:62px
}
.timeline_no_bar .timeline-cell .post-item {
min-height:250px
}
.timeline-left .cont,.timeline-right .cont{
display:block;
padding: 15px;
}
.post-image, .post-media, .post-gallery {
position: relative;
overflow:hidden;
margin-bottom: 15px;
}
.blog-timeline .post-image, .blog-timeline .post-media, .blog-timeline .post-gallery{
margin-bottom:0
}
.blog-timeline article.post-content{
margin-top:15px
}
.post-image img,figure.gallery-icon img{
width:100%;
max-width: 100%;
height: auto;
border-radius: 3px;
}
.post-video:hover .post-lft-info{
display:none
}
.post-image a .mask {
position: absolute;
width: 100%;
height: 100%;
border-right: 0;
border-left: 0;
opacity: 0;
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index:9999
}
.post-image a:hover .mask {
opacity: 1;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.post-image a .mask:before {
position: absolute;
top: 50%;
left: 50%;
display: inline-block;
color: #fff;
content: "\f0c1";
font-weight: normal;
font-size: 30px;
font-family: FontAwesome;
width:40px;
height:40px;
margin-left:-20px;
margin-top:-20px
} .details-img,.full-img{
position:relative;
}
.details-img img,.full-img img{
width:100%;
max-width: 100%;
height: auto;
}
.details-img:after,.post-image:after{
top: 0px;
height: 1px;
display:inline-block;
content:"";
width: 0;
position:absolute;
left: 0px;
}
.details-img:before,.post-image:before{
top: 0px;
width: 1px;
display:inline-block;
content:"";
height: 0;
position:absolute;
left: 0px;
z-index: 99;
}
.details-img,.details-audio,.details-video{
margin-bottom:15px
}
.details-audio iframe,.details-video iframe,.post-media iframe,.post-media embed{
width:100%
}
.details-img .post-lft-info,.post-image .post-lft-info{
position: absolute;
left:15px;
top: 0px;
min-height:inherit;
z-index:999
}
.post-lft-info {
float: left;
margin-right: 20px;
min-height: 150px;
}
.post-lft-info div {
position: relative;
padding: 20px 25px 10px;
text-align: center;
text-transform: uppercase;
font-size: 14px;
}
.tri-col {
position: absolute;
bottom: -20px;
left: 0;
z-index: 4;
width: 0;
height: 0;
border-width: 20px 40px 0 40px;
border-style: solid;
}
.post-info h2 {
font-size: 22px;
margin-bottom: 15px;
}
.grid .post-info h2{
font-size:17px
}
.post-item .post-day, .post-item .post-year {
display: inline-block;
}
.post-info .post-meta {
overflow: hidden;
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px #eaeaea solid;
font-size: 11px;
}
.post-info .post-meta li {
float: left;
margin: 0 15px 0 0;
color: #A8A8A8;
line-height: 170%;
}
.post-info .post-meta li i {
margin-right: 7px;
color: #c7c7c7;
font-size: 14px;
}
.post-info .post-meta li a{
color:#777
}
.post-info-container h1 {
font-size: 27px;
}
.post-tags{
padding: 20px 0;
}
.post-tags span{
margin:0 10px 0 5px;
display:inline-block
}
.post-tags i{
margin-right:5px
}
.masonry .meta-tags {
display: none;
}
.masonry .post-image,.post-thumb {
background: #eee;
overflow:hidden;
}
.masonry .post-content {
padding: 5px 3px 15px;
}
.masonry .post-info h2,.isotope-inner h2.post-title {
font-size: 16px;
line-height: 140%;
margin-bottom: 10px;
}
.masonry .meta-cat{
max-width:90%;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.masonry .post-content div.cont {
overflow: hidden;
font-size: 13px;
padding-top:10px
}
.masonry .post-content blockquote{
padding-top: 0px;
padding-bottom: 0px;
margin: 0 0 -1px;
}
.masonry .pager {
clear: both;
}
.masonry.nobar .post-content p {
max-height: 90px;
}
.masonry .meta_cat{
max-width:67%;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.medium.post-image {
max-width:35%;
overflow:hidden
}
.blog-small .post-item,.blog-large .post-item {
clear: both;
overflow: hidden;
padding: 0 0 20px;
margin-bottom: 30px;
border-bottom: 1px #E7E7E7 solid;
}
.blog-large .post-item iframe,.blog-timeline .post-item iframe{
min-height:350px;
width:100% !important
}
[class*="tag-twitter"] .entry-content {
min-height:300px
}
.blog-large .post-item iframe.twitter-tweet,.masonry .post-item iframe.twitter-tweet{
max-height:250px;
width:100% !important;
overflow:auto
}
.entry-content iframe.twitter-tweet{
width:100% !important;
}
.grid .post-item iframe{
min-height:220px
}
.grid .col-md-3 .post-item iframe{
min-height:160px
}
.old-new{
border-top: 1px #eaeaea solid;
padding:15px 0;
margin-top:20px
}
.blog-small .slick-dots{
display:none !important
}
.blog-small .post-media{
padding-bottom: 57%;
position: relative;
overflow: hidden;
height: 0;
}
.blog-small .post-media iframe,.blog-small .post-media embed{
position: absolute;
left: 0;
top: 0;
height: 100%;
min-height:inherit
}
.blog-thumbs .post-info h2 a {
height: 23px;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
width: 96%;
display: block;
}
.blog-thumbs .post-content{
padding-left: 39% !important;
}
.blog-thumbs .post-content blockquote{
padding-bottom:0;
padding-top:0
}
.post-item.sticky,.sticky .post-item{
border:1px #E7E7E7 solid;
border-radius:3px;
padding: 15px;
background: #f4f4f4;
}
.srch-item{
margin:40px 0 0
}
.srch-item .post-content{
padding-left:0px
}
.share-post{
overflow:hidden;
margin-top:10px;
background: #eee;
}
.share-post .sh{
float: left;
display: block;
padding: 0 15px;
font-weight: bold;
font-size: 13px;
line-height:45px
}
.share-post > div{
float:left;
height:45px
}
.share-post button{
margin:0;
border:0;
padding:0 15px;
line-height:45px;
font-size:16px;
float:left
}
.share-post .facebook{
background:#1b57a1;
color:#fff
}
.share-post .twitter{
background:#0cbce2;
color:#fff
}
.share-post .googleplus{
background:#dd4b39;
color:#fff
}
.share-post .linkedin{
background:#1583ba;
color:#fff
}
.share-post .pinterest{
background:#bd2126;
color:#fff
}
.share-post .xing{
background:#006464;
color:#fff
}
.related-posts h5{
text-transform:uppercase;
}
.related-posts ul{
margin:0;
padding:0;
list-style:none
}
.related-posts h5{
margin:0;
padding:0;
}
.related-posts li{
border-bottom:1px #eee solid;
padding: 8px 0
}
.related-posts li i{
margin:0 7px
}
.related-posts li div.related-meta{
font-size:85%;
padding:0 27px
}
div.related-meta a{
color:inherit
}
.item-details .post-info-container p{
max-height:108px !important;
}
.comments-area{
margin:0 !important
}
.comments-area h3.block-head{
margin-top:50px !important
}
.comment-list {
padding: 0 15px;
}
.comment {
position: relative;
}
.comment-validate{
position:absolute;
top: -14px;
left: 15%;
padding:13px 18px;
background:#333;
color:#fff;
border-radius:5px;
-webkit-animation: bounce 1s infinite linear;
animation: bounce 1s infinite linear;
}
.comment-validate:after{
position: absolute;
bottom: -5px;
left: 10px;
z-index: 5;
width: 0;
height: 0;
border-width: 8px 10px 0 10px;
border-style: solid;
border-color: #333 transparent transparent transparent;
display:inline-block;
content:""
}
.comment-avatar {
position: absolute;
top: 15px;
left: 25px;
z-index: 6;
margin: 0 20px 0 0;
padding: 2px;
width: 70px;
height: 70px;
border: 1px #ECECEC solid;
background: #F5F5F5;
text-align: center;
line-height: 63px;
}
.comment-content {
margin-bottom: 40px;
}
.comment-content p {
padding: 0 0 5px;
margin:0;
line-height:normal
}
.comment-content .comment-content-txt {
padding: 0 0 5px 115px;
}
.comment-author {
overflow: hidden;
margin-bottom: 10px;
background: #eee;
font-weight: normal;
min-height:39px
}
.comment-list ul.children {
margin-left: 58px;
}
.comment-list ul.children li{
position: relative;
}
.comment-list ul.children li:before{
position: absolute;
top: 17px;
left: -37px;
display: inline-block;
width: 50px;
height: 1px;
background: #eee;
content: "";
}
.comment-list ul.children li:after{
position: absolute;
top: -83px;
left: -37px;
display: inline-block;
width: 1px;
height: 100px;
background: #eee;
content: "";
}
.comments .hint .main-color {
display: inline-block;
padding: 5px;
background: #eee;
font-size: 150%;
}
.author-name {
display: inline-block;
margin-left: 100px;
padding: 10px 0 0 15px;
font-weight: bold;
}
.comment-date {
float: right;
padding: 12px 20px 0 0;
font-size: 11px;
}
.comment-reply-link {
float: right;
padding: 10px 15px;
font-size: 12px;
}
.comment-reply-link span  {
display: block;
}
.comment-reply-link i{
margin-right: 5px;
color: #fff;
}
.leave-comment {
padding-bottom: 30px;
}
.leave-comment .txt-box {
width: 31.4%;
}
.leave-comment textarea {
width: 100% !important;
}
.nav-single{
padding-top:25px;
display: table;
margin: auto;
}
.comment-form .box-info{
background: #f4f4f4;
clear: both;
display: block;
font-size: 11px;
padding: 15px;
margin: 0 0px 10px !important;
width: 100%;
}
.sub-pager{
margin:15px auto;
clear:both;
border:1px #ddd solid;
background:#fff;
border-radius:3px;
overflow:hidden;
display:table
}
.sub-pager > span,.sub-pager a{
padding:6px 10px;
display:inline-block;
border-left:1px #ddd solid;
}
.sub-pager span.page-links-title{
border-left:0;
background: #ddd;
}
.post-password-form label,.post-password-form input[type="submit"]{
float:left;
display:inline-block
}
.post-password-form input[type="submit"]{
margin-top:22px
}
.entry-video ul.gallery{
margin: 0;
overflow: hidden;
padding: 0;
margin-bottom: 20px;
}
.gallery.portfolio-img-slick{
margin:0 !important;
padding:0 !important;
}
.entry-video ul.gallery li.gallery-item{
margin: 0 1px 1px 0 !important;
}
.post-chat {
list-style:none;
margin:0;
padding:0
}
.post-chat li{
list-style:none;
padding:8px 12px
}
.post-chat li.row-odd{
background:#f4f4f4;
}
.post-chat li i.fa{
margin-right:6px;
color:#7195FF
}
.post-chat li .chat-author{
color:#7195FF;
font-weight:bold;
display:inline-block;
margin-right:8px
}
.post-chat li.row-odd .chat-author,.post-chat li.row-odd i.fa{
color:#FF4246;
}
.entry-video embed{
width:100% !important
}
.nav-single h3.assistive-text{
display:none
}
.nav-next{
margin-left: 5px;
}
.nav-single > span a{
display:inline-block;
padding: 10px 15px;
background: #EEEEEE;
color: #7C7C7C;
}
.nav-single > span a:hover{
background:#ddd
}
.item-details .post-info-container{
padding:15px
}
.item-details .post-info-container p{
padding:15px 0 0;
max-height:122px;
overflow:hidden
}
.post-image .entry-video iframe{
width:100% !important;
height: auto;
}
.details-video iframe{
width:100% !important
}
.post-icon{
width: 40px;
height: 40px;
line-height: 39px;
position: absolute;
top: 0;
left: 0;
z-index: 999;
text-align: center;
font-size: 15px;
-webkit-box-shadow: 1px 1px 5px 0px rgba(61, 61, 61, 0.55);
-moz-box-shadow: 1px 1px 5px 0px rgba(61, 61, 61, 0.55);
box-shadow: inset 2px 1px 6px 1px rgba(61, 61, 61, 0.55);
border-top-left-radius: 3px;
}
.post-icon i{
margin-left:-3px
}
.post-icon:before{
position:absolute;
right:0;
bottom:0;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #ffffff transparent;
content:"";
display:inline-block
} .contact-detalis h4 {
text-transform: none;
font-size: 17px;
margin:25px 0 15px
}
.contact-detalis h5 {
margin-bottom: 0;
text-transform: none;
font-size: 15px;
}
.contact-detalis p {
margin-top: 0;
padding-bottom: 0;
margin-bottom:15px
}
.contact-office div p{
margin-left:16px
}
.contact-office i{
color:#D2D2D2;
margin:0 6px 0 0;
font-size:12px
}
.google-map,.google-map-wrap{
height:450px;
overflow:hidden
}
.siteMap-nav ul li {
margin: 5px 0;
}
.siteMap-nav > ul > li > a {
display: block;
padding: 10px;
background: #f1f1f1;
color: #333;
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
}
.siteMap-nav > ul > li > a i {
margin-right: 8px;
color: #999;
}
.siteMap-nav ul ul {
margin: 10px 20px;
}
.siteMap-nav ul ul li {
padding: 5px 10px;
border-bottom: 1px #f1f1f1 dashed;
}
.siteMap-nav ul ul li a:before {
display: inline-block;
margin-right: 7px;
color: #5b5b5b;
content: "\f105";
font-family: FontAwesome;
}
.siteMap-nav ul ul li a:hover {
margin-left: 10px;
}
.siteMap-nav ul ul li:last-child{
border-bottom:0px
} .not-found {
display: table;
margin: auto;
width: 65%;
text-align: center;
}
.err-404 {
position: relative;
margin-top: 40px;
color: #494949;
font-weight: 800;
font-size: 150px;
line-height: 1;
}
.err-404:before {
position: absolute;
top: -33px;
left: 46.5%;
color: #f0f0f0;
content: "\f119";
font-weight: normal;
font-size: 60px;
font-family: FontAwesome;
} .soon-page .pageWrapper, .soon-page #contentWrapper{
background:transparent
}
.soon-page{
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/bgs/soon.jpg) no-repeat 0 0;
background-size:cover;
text-align: center;
color:#fff;
}
.soon-page .pageWrapper {
padding-top:80px
}
.soon-logo{
display:table;
padding:15px 30px;
border:2px #fff solid;
margin:auto;
}
.soon-logo i{
font-style: normal;
font-size: 40px;
font-weight: 900;
clear: both;
display: block;
line-height: 1
}
.soon-logo a{
color:#fff
}
.soon-lg-head{
font-size:65px;
padding:0;
padding-top:40px;
margin:0
}
.soon-heading h2{
font-size:29px;
margin:0;
padding:0;
letter-spacing:1px
}
.soon-heading h3{
font-size:24px;
font-weight:300;
margin:25px auto 0;
padding:0;
letter-spacing:1px;
width: 70%;
}
.soon-form{
width:60%;
margin:50px auto 25px;
position:relative
}
.soon-form:before{
position: absolute;
content: "\f0e0";
display: inline-block;
font: normal normal normal 19px/1 FontAwesome;
position: absolute;
left: 8.4%;
top: 20px;
}
.soon-form input[type=text],.soon-form input[type=email]{
width: 70%;
height: 60px;
margin: 0px -7px 0 0;
padding-left:50px;
font-size: 17px;
padding-right: 26px;
vertical-align: middle;
}
.btn-soon{
margin-left: -20px;
}
#holder {
margin: auto;
display:table
}
.soon-head .logo{
display:table !important;
margin:auto
}
.digits {
margin:80px auto 0;
display:table
}
.digits span{
padding:18px 30px;
border-radius: 5px;
display: block;
text-align: center;
position: relative;
height: 120px;
-webkit-perspective: 500px;
-moz-perspective: 500px;
-ms-perspective: 500px;
-o-perspective: 500px;
perspective: 500px;
background:url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/digits.png) no-repeat 0 0;
background-size:100% 100%;
font-size:55px;
font-weight:800;
color:#fff
}
.digits ul{
margin:auto
}
.digits li{
float:left;
margin:0 10px;
text-align:center;
}
.digits li p{
color:#fff;
font-size:20px
} .Newsslider {
overflow: hidden;
max-height: 500px;
background: #f4f4f4;
margin-top: 25px;
margin-bottom:-6px
}
.Newsslider a.col-md-9{
display:block;
max-height: 258px;
overflow:hidden
}
.Newsslider a.col-md-9 img{
width:100%
}
.overflow-auto {
overflow: inherit;
background-position: 0;
background-size: 100% 100%;
}
.Newsslider .slick-list {
max-height: 500px;
padding:15px
}
.Newsslider .post-info h2{
margin:0;
font-size:18px;
overflow: hidden;
height: 25px !important;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.Newsslider .post-meta *{
font-size:9px;
text-transform:none
}
.Newsslider .post-meta a{
font-size:10px;
text-transform:uppercase
}
.Newsslider .slick-prev, .Newsslider .slick-next {
top: 86%;
right: 10.9%;
padding: 0;
width: 40px;
height: 40px;
border-bottom: 0;
border-radius: 0;
color: #fff;
margin-top: 0;
}
.Newsslider .slick-prev, .Newsslider .slick-next {
background: rgba(119,119,119,.23);
}
.Newsslider .slick-next:before {
content: "\f105";
font-size: 25px;
}
.Newsslider .slick-prev:before {
content: "\f104";
font-size: 25px;
}
.Newsslider .slick-prev {
right: 14.6%;
}
.Newsslider .post-content {
position: static;
}
.Newsslider .post-content p {
height: 184px;
margin-bottom: 0px;
line-height: 19px;
}
.Newsslider .post-content a.read-more {
color: #fff;
padding: 11px 20px;
position: absolute;
right: -4px;
bottom: -16px;
}
.zero_pad {
padding: 0;
}
.news-masnory:after {
clear:both;
display:block;
height: 1px;
content:" "
}
.news-masnory .post {
overflow: hidden;
padding: 0 15px 30px 0;
}
.news-masnory .post:first-child{
padding-left:0
}
.news-masnory .post-lft-info{
left:15%;
z-index:99999
}
.news-masnory .post-lft-info div {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: none;
padding:10px 25px
}
.news-masnory .post:hover .post-lft-info div {
display: block;
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.news-masnory .post-info h2 {
overflow: hidden;
height: 22px;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px;
margin: 15px 0 0
}
.news-masnory .post-content p {
overflow: hidden;
max-height: 70px;
font-size: 13px;
margin: 10px 0 0;
}
.block-head-News {
position: relative;
margin: 0 0 20px 0;
padding: 0;
border-bottom: 1px #e2e2e2 solid;
font-weight: normal;
text-transform: none;
font-size: 22px;
transition: all linear 300ms;
overflow: hidden;
cursor: pointer;
}
.block-head-News .icon {
padding: 10px 20px;
font-size: 20px;
background-color: #EFEFEF;
margin: 0 11px 0 0;
transition: all linear 300ms;
}
.block-head-News a {
font-size: 17px;
background-color: #f7f7f7;
float: right;
font-weight: normal;
display: none;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
padding-left: 13px;
color:#ccc
}
.block-head-News a span {
padding: 10px;
font-size: 20px;
display: inline-block;
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.block-head-News:hover a {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
display: block;
}
.block-head-News:hover a span {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
.news-masnory{
margin-bottom: 60px;
overflow: hidden;
}
.news-masnory .gallery li{
float:left;
max-width: 12%;
margin:0 1px -3px 0;
position:relative
}
.news-masnory .gallery li .img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background:rgba(0,0,0,.4)
}
.news-masnory .gallery li .img-overlay:before {
display: block;
color: #fff;
content: "\f00e";
text-align: center;
font-size: 16px;
font-family: FontAwesome;
position: absolute;
left: 50%;
top: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
}
.news-masnory .gallery li:hover .img-overlay {
opacity: 1;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.banner{
margin-top: 12px;
border: 1px #F2F2F2 solid;
padding:1px
}
.banner div{
background: #F2F2F2;
color: #DADADA;
text-align: center;
height: 65px;
line-height: 65px;
font-weight: 800;
font-size: 30px;
text-transform: uppercase;
}
.small_items h2{
font-size: 13px;
color:#888;
text-transform:none;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
}
.small_items h2 a{
color:#888
}
.small_items .post-meta{
font-size:10px
}
.small_items .post-meta li{
float:left;
margin:0 10px 0 0
}
.small_items .post-meta li i{
margin-right:5px
}
.news.mega-menu .div-mega{
top: 50px;
}
.news-masnory .post-image{
float:none;
height: 160px;
}
.news-masnory .post-image img{
min-height:160px;
width:auto;
min-width:100%
}
.news-masnory .post-image:before{
width:100%;
height:4px
}
.news-masnory .post-image:after{
display:none
}
.large-recent:after{
clear:both;
display:block;
content:" ";
height:20px
}
.recent-items .large-recent .post-image {
float: left;
margin-right: 10px;
max-height: 191px;
margin-bottom:0px;
max-width: 40%;
}
.large-recent h2{
margin: 20px 0 !important;
text-transform: none;
font-weight: normal;
font-size:17px !important
}
.large-recent .post-content{
margin-left: 43%;
}
.small_items .wp-post-image{
min-height:70px
}
.sm-img{
overflow:hidden;
max-height:70px
}
.small_news .col-md-6:nth-child(2n):after{
clear:both;
display:block;
height:30px;
content:" "
}
.small_items{
margin:0 -15px
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover,.nav-tabs>li>a {
background-color: transparent;
border: 0 !important;
margin:0
}
.gform_wrapper .gfield_time_ampm.ginput_container select{
width:90px !important
}
.gfield_time_hour *{
clear: both;
}
.ui-datepicker-trigger{
position:absolute;
right:40px;
margin-top:15px
}
.ui-datepicker-title select {
color: #5F5F5F;
text-align: center;
}
*[aria-required="true"].error{
border:1px #f00 solid;
}
.comment-awaiting-moderation{
display:table;
padding:10px 15px;
margin:auto;
background:#FFEFDA
}
.vc_row-fluid,.vc_row{
position:relative
}
.sec-overlay,.sec_video_bg{
position:absolute !important;
left:0;
top:0;
width:100%;
height:100%;
z-index:1
}
.sec_video_bg{
z-index:0
}
.footer-top .tweet .twitter-text > p{
margin-top:-4px;
}
.wp-video-shortcode,.mejs-container,.mejs-overlay{
max-width: 100% !important;
height: auto;
}
.mejs-mediaelement {
height: auto !important;
width:auto !important
}
.wp-audio-shortcode {
max-width: 100% !important;
height: auto;
}
.top-zindex{
z-index:2;
position:relative
}
.responsive-nav span.collaps:before{
background: #EAEAEA;
color: #000;
}
.responsive-nav ul li ul li{
border-top-color:#eee
}
.one-page .responsive-nav .current a:hover{
background:#eee !important;
color:#333 !important
}
.responsive-nav ul li ul li a{
color:#333;
background: #ddd;
}
.responsive-nav ul li ul li.current-menu-item{
background:#eee
}
.responsive-nav ul li div.div-mega h4.noLink a{
color:#333;
}
.responsive-nav > ul > li.selected{
background:#9E9E9E
}
.responsive-nav ul li ul li.selected{
background:#E8E8E8
}
.widget-content .item-list .item{
border:0 !important
}
.zoomLens,.zoomContainer, .zoomWindowContainer, .zoomWindowContainer div{
z-index:9 !important
}
.cart-icon {
z-index: 99 !important;
} .captcha{
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg6.jpg);
padding:15px
}
.wpcf7-submit{
margin:0
}
input[type=text], input[type=password], input[type=email], input[type=tel], textarea, input[type=file],input[type=url],
.textArea,.txt-box,.widget_product_search input[type="text"],.woocommerce-product-search .search-field{
display: inline-block;
float: left;
padding: 5px 15px;
width: 100%;
border: 0;
border: 1px #DFDFDF solid;
background: #fff;
height: 40px;
color: #555;
font-size: 12px;
line-height: 30px;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select{
display: block;
padding: 5px 15px !important;
width: 100% !important;
border: 0;
border: 1px #DFDFDF solid;
background: #fff;
line-height: 35px;
}
textarea,.textArea {
clear: both;
width: 100% !important;
height: 180px;
resize: none;
}
input[type=radio], input[type=checkbox] {
position: static;
margin: 0 5px 0 0;
}
.control-label {
display: block;
padding-bottom: 4px;
color: #777;
text-transform: uppercase;
font-weight: bold;
}
.control-group {
display: table;
clear: both;
margin: 5px 0;
padding: 10px 0 20px;
width: 100%;
border-bottom: 1px #E9E9E9 solid;
}
.btn-group {
clear: both;
padding: 20px 0;
text-align: center;
}
[class*="skew-"] .btn{
background:transparent none;
color:inherit;
}
[class*="skew-"] .btn:hover{
background:transparent none;
color:inherit;
}
.radio, .checkbox{
display:inline-block;
margin:0;
padding:0
}
.btn span {
display: block;
}
.btn{
margin:5px;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
text-transform:uppercase;
letter-spacing: 0.8px;
}
.btn i {
margin-right: 10px;
}
.button {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
background: #777;
color: #fff;
}
button.skew-25 i {
-moz-transform: skew(25deg, 0);
-ms-transform: skew(25deg, 0);
-o-transform: skew(25deg, 0);
-webkit-transform: skew(25deg, 0);
transform: skew(25deg, 0);
}
.btn-tiny {
padding: 0 4px;
font-size: 9px;
line-height: 27px !important;
}
.btn-small {
padding: 0 10px !important;
font-size: 11px;
line-height: 33px !important;
}
.btn-medium {
padding: 0 12px !important;
font-size: 13px;
line-height: 41px !important;
}
.btn-large {
padding: 0 22px !important;
font-size: 15px;
line-height: 49px !important;
}
.btn.empty {
background: transparent none;
}
.input-box {
border: 1px #eee solid;
background: #fff;
}
.widget_product_search input[type="text"],.woocommerce-product-search .search-field{
width:80%;
font-size:11px;
border:0 !important;
padding: 0;
height: inherit;
}
.txt-box:focus {
outline: transparent none 0;
border: 0;
}
.check-box-box {
float: none !important;
line-height: 34px;
clear: both;
}
.check-box-box * {
float: left;
}
.check-box-box label {
margin: 0;
padding:0;
display:inline;
font-weight:normal
}
.check-box-box .check-box {
margin: 9px 8px 0 0;
padding:0;
line-height:normal
}
.wpcf7-form p,.contact-form p {
margin: 0 0 15px 0 !important;
}
span.wpcf7-form-control-wrap {
display: block;
margin: 5px 0 0;
padding: 0;
overflow:auto
}
.form-buttons .btn {
margin-right: 5px;
}
.wpcf7-form span.red,.contact-form  span.red {
display: inline-block;
margin-left: 5px;
}
.form-box {
display: inline-block;
float: left;
line-height: 34px;
}
.form-box span{
display:inline-block;
margin-right:15px
} .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], 
.gform_wrapper input[type=number], .gform_wrapper input[type=password],.gform_wrapper .top_label input[type=file]{
display: block;
padding: 12px 15px !important;
width: 100% !important;
border: 0;
border: 1px #DFDFDF solid;
background: #fff;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.gform_wrapper textarea{
border: 1px #DFDFDF solid !important;
padding: 12px 15px !important;
resize: none;
height:180px !important;
width: 100% !important;
}
.gform_wrapper .ginput_complex {
overflow: hidden;
padding: 20px 0 20px 20px;
background: #f4f4f4;
}
.gform_wrapper h2.gsection_title, .gform_wrapper .gsection_description, .gform_wrapper h3.gform_title,.gform_heading{
width:100% !important
}
.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password],.gform_wrapper select{
font-size:13px !important
}
.gform_confirmation_message.gform_confirmation_message_1{
color:#4FB830;
font-weight: bold;
font-size: 18px;
color: #4FB830;
text-align:center;
}
.gform_confirmation_message.gform_confirmation_message_1:before{
margin:0 auto 10px;
color: #ecc686;
font-size: 90px;
display:table;
font-family: FontAwesome;
content:"\f118"
}
.gfield_required{
color:#f00 !important
}
.gform_wrapper ul li.gfield{
padding-bottom:10px;
float: left;
width: 100%;
}
.gform_wrapper .top_label .gfield_label{
font-weight: normal !important;
margin-bottom: 7px !important;
font-size: 13px;
}
.gform_wrapper .gform_footer{
padding-top:2px !important;
margin-top:0 !important
}
.gform_description{
padding:10px 15px;
border-left:2px #ddd solid;
display:block;
margin-top:20px
}
.gform_wrapper div.validation_error{
color:#f00 !important;
font-size: 14px !important;
margin-bottom:10px !important
}
.gform_title{
border-bottom: 1px #e2e2e2 solid !important;
}
.small-txt-box {
padding: 0px !important;
}
.small-txt-box input[type=text] {
width: 100px !important;
}
.small-txt{
width: 152px !important;
margin: 0 3px 0 0 !important;
height: 32px;
line-height: 30px !important;
}
.btns-right {
padding: 0 !important;
text-align: right;
}
.small-select {
margin-right: 15px;
padding: 10px !important;
width: auto !important;
}
.err-noresults i{
font-size:90px;
color:#ddd
}
h2.cta_heading{
margin-bottom:0 !important
}
.btn-default {
color: #fff !important;
background-color: #777 !important;
border-color: transparent;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-border {
color: #fff;
background-color: transparent;
border: 1px #fff solid;
}
.btn-border:hover,
.btn-border:focus,
.btn-border.focus,
.btn-border:active,
.btn-border.active{
color: #ddd;
background-color: transparent;
border-color: #ddd;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-xl,.tp-caption a.btn-xl{
padding: 25px 50px !important;
font-size:17px
}
.btn-border {
color: #fff !important;
} .page-title{
position:relative
}
.title-1,.title-3,.title-5,.title-7,.title-9{
background-color:#fff;
background-image:url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/page-titles/page-title-light.jpg);
background-repeat:repeat;
background-position:center center;
}
.title-2,.title-4,.title-6,.title-8,.title-10{
background-color:#434343;
background-image:url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/page-titles/page-title-dark.jpg);
background-repeat:repeat;
background-position:center center;
} .page-title > .container{
position:relative;
height:190px
}
.title-search > .container{
height:190px !important
}
.title-search h1{
color:inherit !important
}
.title_video_bg{
height:100%;
position:absolute;
width:100%;
z-index:0
}
.page-title > .container > .row,.page-title > .container > .row .lft-title{
height:100%
}
.page-title.title-9 > .container > .row{
margin:0
}
.page-title > .container > .row .lft-title{
display:table;
margin: auto;
}
.page-title > .container > .row .lft-title .title-container{
height: 100%;
display: table-cell;
vertical-align: middle;
}
.page-title .sub-title{
font-size: 18px;
margin: 0;
text-transform: none;
}
.title-overlay{
position:absolute;
width:100%;
height:100%;
z-index:0
}
.page-title .breadcrumbs {
position:absolute;
bottom:0;
right:15px
}
.page-title h1 {
font-weight: bold;
font-size: 35px;
margin:0;
padding:0;
line-height: 1
}
.page-title h1 i{
padding: 10px;
margin-right: 10px;
display: inline-block;
}
.page-title h1 i:before{
font-size: 100%;
line-height: 1;
font-weight: normal;
} .title-2 .breadcrumbs {
background: #fff;
}
.title-2 .breadcrumbs span {
color: #333;
}
.title-2 h1 {
color:#fff
} .title-3 h1,.title-4 h1 {
display:table-cell;
vertical-align: middle;
padding-left: 15px;
padding-top: 5px;
}
.title-3 h3,.title-4 h3{
padding-left: 15px;
} .title-4 h1{
color:#fff
}
.title-4 h3.sub-title{
color: #ccc
}
.title-3 .breadcrumbs a,.title-4 .breadcrumbs a {
color: #fff !important;
} .title-5 h1,.title-6 h1{
padding:10px 15px 12px;
display:table;
margin-top:10px;
margin:auto;
line-height:1
}
.title-5 h4,.title-6 h4{
display: inline-block;
clear: both;
margin: auto;
padding: 10px 15px;
font-size: 15px;
line-height: 120%;
background: #777;
color: #fff;
display:table
} .title-6 h1 span.skew25,.title-6 h4 span.skew25{
display:block
}
.title-9 span.block, .title-10 span.block{
color:#eee
}
.custom-header{
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/page-titles/page-title-1.jpg) no-repeat 50% 50%;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
text-align:center
}
.tbl{
display:table;
margin:auto
} .title-7 h1,.title-8 h1{
padding: 0 20px;
display: table-cell;
line-height: 70px;
vertical-align: middle;
margin:0 10px
}
.title-7 .lft-title i,.title-8 .lft-title i {
display:table-cell;
margin-right: 5px;
width: 70px;
text-align: center;
height: 70px;
line-height: 70px;
float:left
} .title-7 .sub-title,.title-8 .sub-title{
margin-top: 8px;
font-size: 20px;
text-align: center;
padding:0
} .title-9 h1,.title-10 h1 {
display: inline-block;
float: left;
clear: both;
margin-bottom: 5px;
padding: 2px 15px;
color: #fff;
}
.title-9 h1 i,.title-10 h1 i{
margin-right: 0
}
.title-9 h3.sub-title,.title-10 h3.sub-title{
background:#777;
display:table;
clear:both;
padding: 8px 20px;
font-size: 16px;
}
.title-9 span.block,.title-10 span.block{
padding-left:0;
}
.title-9 .breadcrumbs a {
color: #777 !important;
} .title-10 .breadcrumbs.darker-bg {
background-color: #777 !important;
color:#fff
} .widget {
padding-bottom: 40px;
color: #b2b2b2;
}
.widget h5 {
overflow: hidden;
margin-bottom: 3px;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-size:13px
}
.widget-head {
position: relative;
margin-bottom: 0;
padding: 0 0 15px;
border-bottom: 1px #ddd solid;
font-weight:600;
text-transform:capitalize;
font-size:16px;
line-height:16px
}
.widget-head:before{
position: absolute;
bottom: -3px;
left: 20px;
width: 35px;
height: 5px;
content: "";
display:inline-block;
}
.widget-head:after{
position: absolute;
bottom: -1px;
left: 0;
width: 80px;
height: 1px;
content: "";
display:inline-block;
}
.widget-content{
border: 1px #ddd solid;
border-top: 0px;
padding:10px;
overflow:hidden;
}
.widget-content .top-srch-forum .button{
padding: 8px 10px;
width: auto;
margin-top: 0;
height: auto;
}
.widget-content .top-srch-forum input[type="text"]{
padding: 5px;
line-height: 25px;
}
.widget-content .top-srch-forum:before{
display:none
}
.widget-content .top-srch-forum > div{
background:transparent;
border:0;
height:auto
}
.widget-content .top-srch-forum{
margin:0
}
.widget-content .top-srch-forum .button:before{
font-size:13px
}
.widget-content a{
color: #666;
}
.widget-content > ul > li,.widget-content div > ul > li{
overflow: hidden;
padding: 10px 0;
border-top: 1px #f0f0f0 solid;
display:block;
text-align:left;
font-weight:normal;
font-size:13px
}
.widget-content > ul > li:first-child,.widget-content div > ul > li:first-child{
border-top: 0px;
}
.widget-content > ul > li > a:before,.widget-content div > ul > li > a:before {
content: "\f00c";
position: relative;
top: 2px;
display: inline-block;
margin-right: 10px;
font-family: FontAwesome;
}
.widget-content ul li.recentcomments > a:before{
display:none
}
.widget-content > ul > li > ul li{
font-size:12px
}
.widget-content > ul > li > ul li:before {
content: "\f068";
color:#777 !important;
display: inline-block;
margin-right: 10px;
font-family: FontAwesome;
}
.widget-content > ul > li > ul li li{
font-size:11px
}
.widget-content > ul > li > ul li li:before {
content: "\f054";
color: #CDCDCD !important;
font-size: 9px;
}
.widget-content > ul > li > ul li{
padding:6px 0
}
.widget_display_stats table th{
display:none
}
.widget_display_stats table,.widget_display_stats table tr,.widget_display_stats table td{
background:transparent;
border:0;
padding:0;
line-height:26px;
margin:0
}
.comment-author-link{
margin-top: 10px;
display: inline-block;
font-weight:bold;
color:#777
}
.widget_search form {
overflow: hidden;
padding: 5px 0 3px;
margin:0 -10px;
}
.widget_search .txt-box {
width: 70%;
font-size: 11px;
border:0 !important;
background: transparent;
line-height: normal;
height: 30px;
}
.widget_product_search #searchsubmit,.woocommerce-product-search input[type="submit"]{
display: inline-block;
height: 30px;
cursor: pointer;
border: 0px;
background: #777 url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/srch-icon.png) no-repeat center center;
font-size: 0;
width: 32px;
font-size: 0;
text-indent: -99999px;
float: right;
}
.widget_search form .btn{
float: right;
height: 30px;
cursor: pointer;
border: 0px;
width: 32px;
line-height: 18px !important;
padding: 0;
margin: 0 10px 0 0;
}
.widget_search .btn i,#searchsubmit i{
margin:0 !important
}
.footer-top .widget-content ul > li {
border-top: 1px #555 solid;
}
.widget_nav_menu ul li ul,.widget_pages ul li ul{
display:none
}
.widget_categories ul ul,.widget_archive ul ul,.widget_meta ul ul,.widget_pages ul ul,.widget_product_categories ul ul{
margin:3px 0 -8px 25px
}
.widget_recent_entries .post-img {
float: left;
margin-right: 10px;
max-height: 70px;
overflow:hidden
}
.widget_recent_entries .post-img img {
padding: 1px;
width: 70px;
border: 1px #f0f0f0 solid;
}
.widget_recent_entries .meta span {
display: inline-block;
margin-right: 10px;
}
.widget_recent_entries .meta i {
margin: 0 5px 0 0;
}
.widget_recent_comments ul li:before{
display:inline-block;
content:"\f086";
float:left;
margin-right:10px;
color: #B8B8B8;
font-size: 50px;
font: normal normal normal 60px/1 FontAwesome;
}
.widget-content li{
overflow:hidden
}
.widget_recent_entries .widget-post-info span{
display: block;
margin-bottom: 2px;
font-size: 85%;
line-height: 1;
}
.widget_recent_entries .widget-post-info span span{
display:inline-block
}
.wid_comments,.wid_post-date{
font-size: 85%;
}
.widget_recent_entries .meta i{
color:#B6B6B6
}
.widget_rss li{
margin-bottom:0
}
.rssSummary{
max-height:36px;
overflow:hidden
}
span.rss-date{
margin-top:10px
}
span.rss-date i.fa,.widget_rss cite i.fa{
margin-right:8px
}
.sale-widget .meta span{
margin-right:2px !important
}
.widget-content .accordion{
margin:10px auto
}
.widget_categories li span{
float:right
}
.widget_recent_comments i.fa {
margin-right: 10px;
color: #777;
font-size: 60px;
}
.widget_recent_comments i.fa.fa-clock-o {
font-size: 16px;
}
.widget_recent_comments h5 {
margin: 10px 0 5px;
text-transform: none;
font-weight: normal;
}
.tagcloud {
overflow: hidden;
}
.tagcloud a {
display: block;
float: left;
margin: 2px;
padding: 7px;
background: #eee;
color: #616161;
font-size: 11px !important;
}
.tagcloud a:hover {
background: #777;
color: #fff !important;
}
#calendar_wrap{
margin:-12px
}
.widget_calendar table{
line-height:normal;
margin:0;
border:0;
}
.widget_calendar tfoot{
display:none
}
.widget_calendar caption{
margin:0;
text-align:center;
color:#777
}
.widget_calendar tbody a{
background:#777;
margin:-10px;
display:block;
padding:10px
}
.widget_calendar tbody a:hover{
background:#333
} .widget.widget_it_widget_flickr ul, .widget-content .tags {
margin: 6px 0;
overflow: hidden;
}
.widget_it_widget_flickr ul li {
position: relative;
float: left;
margin: 1px;
}
.widget_it_widget_flickr ul li a{
height:58px;
display:block;
}
.widget_it_widget_flickr ul li img {
width: 58px;
height: 58px;
}
.widget_it_widget_flickr .img-overlay {
position: absolute;
top: 0;
left: 0;
width: 58px;
height: 58px;
opacity: 0;
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_it_widget_flickr .img-overlay:before {
display: block;
color: #fff;
content: "\f0c1";
text-align: center;
font-size: 20px;
font-family: FontAwesome;
line-height: 64px;
}
.widget_it_widget_flickr ul li:hover .img-overlay {
opacity: 1;
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
} .tp-banner-container {
position: relative;
z-index: 1;
padding: 0;
width: 100%;
}
.tp-banner {
position: relative;
width: 100%;
}
.tp-caption {
line-height:normal !important
}
.tp-caption a {
color: inherit;
}
.slide-h1 {
margin: 5px 0 !important;
padding: 0 0 10px !important;
padding-bottom: 5px !important;
color: #444;
text-transform: uppercase;
font-weight: bold;
font-size: 57px;
}
.slide-h2 {
margin: 5px 0 !important;
padding: 0 0 10px !important;
padding-bottom: 5px !important;
color: #555;
font-weight: bold;
font-size: 55px;
line-height: 100%;
}
.lg-tp-title {
text-transform: uppercase;
font-weight: 900 !important;
font-size: 60px !important;
}
.big-font {
text-transform: uppercase;
font-weight: 800;
font-size: 60px;
}
.large-desc {
font-size: 16px;
}
.tp-excerpt{
font-size: 27px !important;
font-weight:lighter !important;
background:rgba(0,0,0,.7) !important;
border:0 !important;
padding:20px !important;
color:#fff !important;
line-height:160% !important
}
.tp-post-meta{
font-size: 15px !important;
font-weight:lighter !important;
background:rgba(105, 105, 105, 0.7) !important;
padding:5px 10px !important;
color:#fff !important;
line-height:160% !important
}
.tp-post-title{
font-size:50px !important;
overflow:hidden !important;
height:66px !important;
text-align:center !important;
text-overflow: ellipsis;
white-space:nowrap !important
}
.tp-post-title a{
-webkit-text-shadow: 0px 2px 5px rgba(0,0,0,0.5) !important;
-moz-text-shadow: 0px 2px 5px rgba(0,0,0,0.5) !important;
text-shadow: 0px 2px 5px rgba(0,0,0,0.5) !important;
}
.lg-txt{
font-size:60px !important;
text-transform:uppercase;
font-weight:800 !important
}
.vlg-txt{
font-size:70px !important;
font-weight:800 !important
}
.md-txt{
font-size:50px !important;
text-transform:uppercase;
font-weight:100 !important
}
.vlg-txt2{
font-size:90px !important;
font-weight:800 !important;
text-transform:uppercase;
}
.extra-txt{
font-size:140px !important;
font-weight:800 !important
}
.slide-h3 {
color: #fff;
font-size: 31px;
line-height: 100%;
}
.slide-h3 span {
text-transform: uppercase;
font-weight: bold;
}
.slide-head {
text-transform: uppercase;
font-weight: 900;
font-size: 30px;
}
.slide-desc {
font-size: 22px;
line-height: 150%;
}
.main-title {
text-transform: uppercase;
font-weight: 800;
font-size: 70px;
}
.icon-cont {
padding: 15px 40px;
border-radius: 10px;
text-align: center;
}
.icon-cont:after {
position: absolute;
bottom: -10px;
left: 40%;
z-index: 5;
display: inline-block;
width: 0;
height: 0;
border-width: 10px 10px 0 10px;
border-style: solid;
content: "";
}
.icon-cont i {
margin-bottom: 10px;
color: #fff;
font-size: 50px;
}
.icon-cont span {
display: block;
padding: 0 0 5px;
color: #fff;
text-align: center;
font-size: 18px;
}
a.wit-btn {
background: #fff;
color: #333 !important;
text-transform: uppercase;
}
.wit-line {
width: 5%;
height: 1px;
background: #fff;
}
.vert-line {
min-height: 270px;
width: 1px;
background: #fff;
}
.subTxt {
text-transform: uppercase;
font-weight: bold;
font-size: 17px;
color: #333;
}
.large-title {
color: #222;
font-size: 60px;
font-weight: 800;
text-transform: uppercase !important;
}
.large-light-title {
color: #787878 !important;
font-size: 70px;
font-weight: lighter;
text-transform: uppercase;
letter-spacing:2px
}
.large-text {
font-size: 20px;
color: #000;
font-weight: lighter;
}
.larger-text {
font-size: 24px;
font-weight: lighter;
text-transform: uppercase;
}
.witTxt {
color: #fff !important;
}
.gryTxt {
color: #aaa !important;
}
.light-font {
font-weight: lighter !important;
font-size: 50px;
}
.black-bg{
background:rgba(0,0,0,.63);
color:#a8a8a8;
text-transform:none;
}
.lft-list {
padding: 10px;
font-size: 18px;
color: #fff;
}
.wit-border {
border: 1px #fff solid;
padding: 15px 60px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
}
.rounded-bord {
margin-right: 15px;
border: 1px #fff solid;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 13px;
border-radius: 50%;
}
#vertical-ticker{
height:100px;
}
#vertical-ticker .slick-list{
height:100px !important
}
#vertical-ticker .slick-list div{
line-height:100px !important;
text-align:center
}
.to-bottom i.fa{
border:2px #a8a8a8 solid;
} #to-top {
position: fixed;
right: 10px;
bottom: -100px;
z-index: 55;
overflow: auto;
padding: 15px;
font-size: 16px;
line-height: 1;
cursor: pointer;
-moz-transition: all .7s ease-in-out;
-o-transition: all .7s ease-in-out;
-webkit-transition: all .7s ease-in-out;
transition: all .7s ease-in-out;
}
#footWrapper {
clear: both;
overflow: hidden;
height: 100%;
}
.footer-top {
overflow: hidden;
padding: 60px 0 50px;
border-bottom: 1px #0f0f0f solid;
background: #222;
color: #aaa;
}
.footer-top a {
color: #9E9E9E;
}
.footer-top hr {
clear: both;
margin: 50px 15px;
border-top: 1px #3A3A3A solid;
}
.footer-top h3 {
position: relative;
font-weight: bold;
font-size: 15px;
}
.footer-top hr.hr-style5:before, .footer-top hr.hr-style5:after {
background: #222;
color: #3A3A3A;
}
.footer-top .menu li{
padding:0;
border-bottom: 1px rgba(255, 255, 255, 0.05) solid;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footer-top .menu li:hover{
padding-left:10px;
}
.footer-top .menu a {
display: inline-block;
padding: 10px 0;
}
.footer-top .menu li:last-child {
border:0
}
.footer-top .menu a:before {
display: inline-block;
margin-right: 7px;
color: #5b5b5b;
content: "\f105";
font-family: FontAwesome;
}
.foot-logo {
height: 40px;
margin: 0 auto 5px;
text-align: center;
}
footer .NL {
position: relative;
overflow: hidden;
padding: 10px 0;
margin:auto 15px
}
footer .NL .input-box {
margin-left: 10px;
padding-left: 25px;
width: 67%;
border: 1px #3F3F3F solid;
border-right: 0px;
background: transparent none;
color: #fff;
font-size: 11px;
}
footer .NL .txt-box {
color: #969696;
font-size:11px
}
footer .NL:before {
position: absolute;
top: 16px;
left: 24px;
display: inline-block;
color: #5C5C5C;
content: "\f0e0";
font-family: FontAwesome;
}
footer .NL .NL-btn {
background: #3F3F3F;
color: #fff;
}
footer .no-margin{
margin: 20px 20px 8px;
text-align: center;
font-size: 12px;
}
.footer-top .tweet {
padding: 0 15px 10px;
}
.timeline-TweetList{
margin: 0;
padding: 0;
list-style: none;
}
.timeline-TweetList-tweet{
min-height: 120px
}
.footer-top .tweet .timeline-Tweet-text{
margin-top:10px
}
.footer-top .widget{
padding-bottom:0
}
.footer-top .widget_recent_entries .widget-post-info{
font-size:11px
}
.footer-top .widget_recent_entries li,.footer-top .widget_categories li{
padding: 12px 0;
border-top: 1px solid #3a3a3a;
}
.footer-top .widget_recent_entries li:first-child,.footer-top .widget_categories li:first-child{
border-top: 0 !important;
}
.footer-top .widget_recent_entries .post-img img,.TweetAuthor-avatar img{
width:36px;
border-color:#3a3a3a
}
.footer-top .widget_recent_entries .meta{
font-size:10px
}
.footer-top .widget_recent_entries .meta a, .footer-top .wid_comments{
display:none !important
}
.footer-top .tweet .twitter-pic,.u-photo.avatar {
float:left;
margin:3px 10px 0 0;
}
.footer-top .tweet .fa-twitter {
position: absolute;
top: 3px;
left: 0;
color: rgb(92, 92, 92);
font-size: 250%;
}
.footer-top .tweet p {
margin: 0 0 15px;
font-size: 12px;
}
.e-entry-content{
margin-left:46px
}
button.load-more.customisable{
display:none
}
.footer-top .tagcloud a {
display: block;
float: left;
margin: 2px;
padding: 7px 10px;
background: #2C2C2C;
color: #C4C4C4;
font-size: 11px;
}
.footer-contact {
padding: 7px 0;
}
.footer-contact i {
display: table-cell;
padding: 0 12px 0 0;
color: #6a6a6a;
vertical-align: middle;
font-size: 18px;
}
.footer-contact span {
display: table-cell;
}
.footer-top .widget_it_widget_flickr ul li a{
height:61px
}
.footer-top .widget_it_widget_flickr ul li img, .footer-top .widget_it_widget_flickr .img-overlay {
width: 61px;
height: 61px;
}
.footer-top .widget_it_widget_flickr .img-overlay:before {
font-size: 22px;
line-height: 61px;
}
.footer-top .flickr{
height:61px;
display:block;
overflow:hidden
}
.copyrights {
padding-top: 10px;
padding-bottom: 10px;
white-space: nowrap;
font-size: 11px;
}
.copyrights a {
color: #7C7C7C;
text-decoration: underline;
}
.copyrights a:hover {
text-decoration: none;
}
.footer-bottom {
overflow: auto;
padding: 15px 0 10px;
border-top: 1px #363636 solid;
background: #1D1D1D;
}
#footWrapper table,#footWrapper table td,#footWrapper table caption,#footWrapper table th{
border:1px #555 solid !important;
padding:5px
}
#footWrapper table tr:nth-child(even){
background:#444
}
#footWrapper table{
margin:0 10px;
width:92.5%
}
#footWrapper .widget_calendar tbody a{
margin: -5px;
padding: 6px;
}
.footer-top .foot-logo {
height: 52px;
margin: 0 0 20px;
text-align: left;
}
.footer-top-2 .social-list li a {
margin: 0 6px 0 0;
font-size: 17px;
background: #494949;
border-radius: 50%;
width: 33px;
text-align: center;
display: inline-block;
}
.footer-top-2 .social-list li span {
padding: 0 7px;
color: #B5B5B5
}
.footer-top-2 .social-list li:hover span {
color: #fff
}
.footer-menu-inline {
float: right;
padding-top: 10px;
padding-bottom: 10px;
white-space: nowrap;
font-size: 11px;
}
.footer-menu-inline li {
display: inline-block;
margin: 0 5px;
}
.footer-menu-inline li a {
color: #777;
transition:all linear 300ms;
}
.footer-menu-inline li a:hover,.footer-menu-center li a:hover {
padding-bottom: 4px;
}
.footer-bar {
background: #000;
font-size: 11px;
padding: 15px 0;
}
.footer-bar-3  p {
font-size: 20px;
line-height: 45px;
color: #B0B0B0;
text-transform: none;
margin: 0;
}
.footer-bar-3 a { 
color: #fff;
position: relative;
display: inline-block;
vertical-align: bottom;
text-transform: uppercase;
overflow: hidden;
}
.footer-bar-3 a span {
position: relative;
display: block;
font-size: 20px;
padding:0 7px;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: -50% 50%;
-moz-transform-origin: -50% 50%;
transform-origin: -50% 50%;
text-align:center
}
.footer-bar-3 a span::before {
position: absolute;
top: 0;
left:100%;
width: 100%;
height: 100%;
content: attr(data-view);
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: -50% 50%;
-moz-transform-origin: -50% 50%;
transform-origin:-50% 50% ;
}
.footer-bar-3 a:hover span,.footer-bar-3 a:focus span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.footer-bar-3 .buyNow {
border-left: 1px solid #322F2F;
overflow:hidden;
padding-left: 10px;
}
.footer-bar-3 .buyNow a {
margin: 0;
padding: 0 15px !important;
}
.copyrights-center  {
text-align:center;
}
.footer-menu-center {
padding-top: 10px;
padding-bottom: 10px;
white-space: nowrap;
font-size: 11px;
}
.footer-menu-center li {
display: inline-block;
margin: 0 5px;
}
.footer-menu-center li a {
color: #777;
transition:all linear 300ms;
}
.footer-top-4 {
background: #424242 url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg16.png);
padding:0;
border:0
}
.footer-4-widgets{
padding-top:60px;
padding-bottom:20px
}
.footer-top-4 p,.footer-top-4 ul.menu a,.footer-top.footer-top-4 .menu a:before{
color:#ccc
}
.footer-top-4 ul.menu a:hover,.footer-top.footer-top-4 .menu a:hover:before{
color:#fff
}
.footer-top-4 .copyrights,.footer-top-4 .footer-menu-inline{
background:#1d1d1d;
padding-right:15px;
padding-left:15px
}
.footer-top-4 .footer-menu-inline a{
line-height:35px;
display:inline-block;
padding-bottom:0 !important
}
.footer-top-4 .copyrights{
float:left
}
.footer-top-4 hr{
border-top: 1px #6C6C6C solid;
}
.footer-top-4 .block-head{
border-bottom-color:#6C6C6C
}
.footer-top-4 hr.hr-style5:before, .footer-top-4 hr.hr-style5:after {
background: #3C3C3C;
color: #939393;
}
.social-list{
margin: 0;
padding: 0;
list-style: none;
}
.social-list li {
float: left;
margin: 0 1px 0 0;
font-size: 18px;
}
.social-list li a {
display: block;
padding: 0;
color: #737373;
}
.social-list li span {
display: block;
padding: 0 12px;
text-align: center;
line-height: 33px;
}
.social-list li a:hover {
text-decoration: none;
}
.top-bar .social-list li span {
line-height: 39px;
}
footer .social-list li {
float: left;
margin: 0 1px 0 0;
font-size: 18px;
}
footer .social-list li a {
display: block;
padding: 0;
color: #737373;
}
footer .social-list li span {
display: block;
text-align: center;
line-height: 33px;
padding:0 12px
}
footer .social-list li a:hover {
text-decoration: none;
}
footer .social-list li a:hover span.skew25{
-moz-transform: skew(25deg, 0) !important;
-ms-transform: skew(25deg, 0) !important;
-o-transform: skew(25deg, 0) !important;
-webkit-transform: skew(25deg, 0) !important;
transform: skew(25deg, 0) !important;
}
footer .hover_links_effect li a {
margin: 0 6px 0 0;
font-size: 17px;
background: #494949;
border-radius: 50%;
width: 33px;
text-align: center;
display: inline-block;
color: #B5B5B5;
overflow: hidden;
}
.no-bord .hover_links_effect li a{
background:transparent;
border-radius: 0;
}
.hover_links_effect li span span {
-webkit-animation-duration: 300ms;
animation-duration: 300ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
footer .hover_links_effect li span {
padding: 0 7px;
}
.hover_links_effect li:hover span {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.footer-top-4 .hover_links_effect li a{
background:#1d1d1d
}
.no-bord .hover_links_effect li span {
-webkit-animation-duration: 0s;
animation-duration: 0s;
}
.no-bord .hover_links_effect li:hover span { }
.menuBtn:focus,.menuBtn:hover,.responsive-nav h3,.responsive-nav ul li a,.responsive-one ul li a{
color:#fff
}
.responsive-nav ul ul ul,.pageWrapper,.responsive-nav ul li ul,.one-page .responsive-nav .current a{
background:#fff;
} .pageWrapper.fixedPage {
position: relative;
margin: auto;
background: #fff;
box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}
.pageWrapper.fixedPage header.stickyHeader{
width: auto;
left: inherit;
}
.pageWrapper.fixedPage .fullwidthbanner-container{
width:auto !important;
position:static !important;
left:0 !important;
height:auto !important;
margin:0 -15px !important
}
.pageWrapper.fixedPage .ls-wp-fullwidth-helper{
width:100% !important;
left:0 !important;
}
.pageWrapper.fixedPage .ls-wp-fullwidth-helper > .ls-wp-container,.pageWrapper.fixedPage .ls-wp-fullwidth-helper > .ls-wp-container > .ls-inner,
.pageWrapper.fixedPage .ls-wp-fullwidth-helper > .ls-wp-container > div,.pageWrapper.fixedPage .ls-wp-fullwidth-helper .ls-slide{
width:100% !important;
}
.pageWrapper.fixedPage .ls-wp-fullwidth-helper > .ls-wp-container .ls-inner{
overflow:hidden
}
.pageWrapper.fixedPage .tp-fullwidth-forcer{
height:auto !important
}
.pageWrapper.fixedPage .fullwidthbanner-container .tp-leftarrow{
left:0 !important;
}
.pageWrapper.fixedPage .fullwidthbanner-container .tp-rightarrow{
right:0 !important;
}
.bg1 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg1.jpg);
}
.bg2 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg2.jpg);
}
.bg3 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg3.jpg);
}
.bg4 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg4.jpg);
}
.bg5 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg5.jpg);
}
.bg6 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg6.jpg);
}
.bg7 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg7.jpg);
}
.bg8 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg8.jpg);
}
.bg9 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg9.jpg);
}
.bg10 {
background: #fff url(//www.villas-portoheli.com/wp-content/themes/portoheli/assets/images/patterns/bg10.jpg);
}
a.main-color:hover,.project-name:hover,.box-top .more-btn:hover{
color:#333 !important
}
.video-container{
display:table;
width:100%
}
.home-video .YTPOverlay{
display:none !important
}
.video-box{
display:table-cell;
vertical-align:middle;
width:100%;
position: relative;
height:600px
}
.YTPOverlay{
background:rgba(232,82,47,0.6);
position:absolute;
z-index:555;
top:0;
left:0;
width:100%;
height:100%
}
.inner-video{
position: absolute;
z-index: 0;
min-width: 100%;
min-height: 100%;
left: 0;
top: 0;
overflow: hidden;
opacity: 1
}
.internal-video{
height:600px;
overflow:hidden;
position:relative
}
.video-frame{
position: absolute;
z-index: 0;
top: 0;
left: 0;
overflow: hidden;
opacity: 1;
width: 2459.72px;
height: 1171px;
margin-top: -385.5px;
margin-left: -278.36px;
}
ul.larg-socials{
display:table;
margin:30px auto 0;
}
.larg-socials li{
float:left;
margin:0 15px
}
.larg-socials li a{
width:66px;
height:66px;
display:block;
line-height:66px;
border:2px #E4E4E4 solid;
border-radius:50%;
position:relative;
padding:2px;
}
.larg-socials li a i{
width:58px;
height:58px;
display:block;
line-height:58px;
color:#fff;
font-size:30px;
text-align:center;
border-radius: 50%;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.larg-socials li a:before {
content: '';
position: absolute;
border: #E4E4E4 solid 1px;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
opacity: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
-o-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
border-radius: 50%;
}
.larg-socials li a:after {
content: '';
position: absolute;
border: #E4E4E4 solid 1px;
top: -20px;
right: -20px;
bottom: -20px;
left: -20px;
opacity: 0;
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: top, right, bottom, left;
-moz-transition-property: top, right, bottom, left;
-o-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
border-radius: 50%;
}
.larg-socials li a:hover:before, .larg-socials li a:focus:before, .larg-socials li a:active:before {
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
opacity: .3;
}
.larg-socials li a:hover:after, .larg-socials li a:focus:after, .larg-socials li a:active:after {
top: -9px;
right: -9px;
bottom: -9px;
left: -9px;
opacity: .3;
}
.larg-socials li a:hover i{
background-color:#fff;
color:#e8522f;
}	
#fowd,iframe[src="about:blank"],.nicescroll-rails{
display:none !important;
}
.fa-hover > span{
display: block;
color: #222222;
line-height: 35px;
height: 35px;
padding-left: 10px;
border-radius: 4px;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor:pointer
}
.fa-hover:hover > span{
background:#777;
color:#fff;
}
.fa-hover > span i{
margin-right:9px
}
.fa-hover:hover > span i{
font-size: 28px;
vertical-align: -6px;
}
.form-submit{
padding:0 15px;
}
.width-88{
width: 86% !important;
margin-right:3px;
padding: 21px 15px !important;
}
.mar-top{
margin-top:10px !important
}
.auto-margin{
margin:auto;
display:table
}
.left-lbl{
padding:7px 7px 0 0;
float:left
}
.widget_it_widget_tweets iframe,.timeline-Tweet-media{
display:none !important
}
.footer-top .stream,.footer-top .top .widget_it_widget_tweets{
max-height:190px;
overflow:hidden;
}
#footWrapper .widget_it_widget_tweets li.timeline-TweetList-tweet{
height: 130px !important;
overflow: hidden;
border:0px !important
}
.widget_it_widget_tweets .widget-content .stream{
padding:10px 15px
}
.widget_it_widget_tweets .timeline li{
height: 130px !important;
overflow: hidden;
}
.timeline-header,.new-tweets-bar,.timeline-footer,.u-url.permalink.customisable-highlight,.retweet-credit,.inline-media,.footer.customisable-border,.no-more-pane{
display:none
}
.gw-gopf-slider-controls-wrap{
margin-top:-58px
}
.item-box {
position: relative;
margin-bottom: 35px;
background-color: #f4f4f4;
cursor: pointer;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.item-box:after {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
content: "";
}
.item-box:hover:after {
bottom: -1px;
height: 1px;
}
.item-title {
margin: 0;
padding: 10px 0;
background: #ebebeb;
color: #666;
text-align: center;
font-size: 13px;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
height: 46px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 26px;
}
.item-title a {
color: #666;
}
.item-img {
padding: 10px;
text-align: center;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
position:relative
}
.item-details {
overflow: hidden;
padding: 10px 0 0;
border-top: 1px #dfdfdf solid;
}
.item-details p{
padding:0 10px
}
.right-rating {
float: right;
clear: both;
font-size: 14px;
font-weight: bold;
}
.right-rating .item-rating {
float: right;
}
.item-details .left {
padding-left: 10px;
}
.item-cart {
padding: 28px 0 6px 0;
}
.item-cart a {
color: #333;
text-transform: uppercase;
font-size: 11px;
}
.remove-item i {
font-size: 23px;
}
.item-details .left i.fa {
margin-right: 8px;
}
.item-tools {
padding-top: 8px;
}
.item-tools i {
font-size: 17px;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.item-box:hover {
background: #F0F0F0;
}
.widget-content a.btn, .widget-content a.button{
background:transparent !important;
padding:0 !important;
line-height:normal !important
}
.widget .bbp-logged-in h4{
margin-bottom:0 !important
}
.transparent-bg{
background:transparent !important
}
.title-6 .cart-popup{
left:-9px
}
.author-top-title{
font-size: 20px !important;
}
.author-bottom-title{
font-size:40px !important;
padding:10px 20px !important;
text-transform:capitalize
}
.inline{
display:inline !important;
padding-left:10px !important
} .top-cart .cart-heading{
padding-top:0;
padding-bottom:0
}
.top-cart .cart-heading i{
color:#A2A2A2
}
.top-cart .cart-icon{
position:static;
background-color:transparent;
}
.top-cart .cart-icon .cart-count,.top-cart .cart-icon .cart-count span{
line-height:normal !important;
display:inline
}
.top-cart .cart-popup{
z-index:99999
}
.top-cart .cart-popup a,.top-cart .cart-popup span{
line-height:normal !important
}
.top-cart .cart-popup span span{
display:inline !important
}
.top-cart .mini-cart-total{
line-height:normal !important
}
.right-bar .top-cart .cart-heading{
border-right: 1px #eee solid;
padding-right:0
}
.left .top-cart .cart-heading{
border-left: 1px #eee solid;
padding-right:0
}
.top-cart .cart-heading:hover,.top-cart .cart-heading.selected{
background:#fff
}
.top-cart .cart-popup li{
float:none;
border-bottom: 1px #f0f0f0 solid !important;
border-left:0 !important
}
.top-cart .cart-popup{
right:0;
left:auto;
padding:10px;
min-width:280px;
border-width:0;
background:#fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.top-cart.right .cart-popup{
right:auto;
left:0;
}
.top-cart .cart-popup a.btn{
display:inline-block !important;
padding:7px 10px !important;
text-align:center !important;
font-size:12px !important;
text-transform:none
}
.wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button{
margin-bottom:0 !important
}
.vc_row{
margin:0 !important
}
.left-side-wrap{
margin-left: 260px;
position:relative
}
.right-side-wrap{
margin-right: 260px;
position:relative
}
[class*="-side-wrap"] .full-screen-slider .fullscreen-container,[class*="-side-wrap"] .full-screen-slider .ls-wp-fullwidth-helper,[class*="-side-wrap"] .full-screen-slider .ls-wp-fullwidth-helper .ls-wp-container,[class*="-side-wrap"] .full-screen-slider .ls-wp-fullwidth-helper .ls-inner{
width:100% !important;
padding:0 !important;
left:0 !important
}
[class*="-side-wrap"] .full-screen-slider > .container,[class*="-side-wrap"] .full-screen-slider > .container > .row,[class*="-side-wrap"] .full-screen-slider > .container > .row > .col-md-12{
width:100% !important;
padding:0 !important;
margin:0 !important
}
.side-head-block .cart-popup{
position:relative !important;
min-width: 100% !important;
}
.side-head-block .top-cart .cart-heading{
border-right:0px !important
}
.left-side-header,.right-side-header{
position:fixed;
left:0;
top:0;
width:260px;
height:100%;
-webkit-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow: 3px 0px 5px 0px rgba(50, 50, 50, 0.25);
z-index:5;
overflow:auto
}
.right-side-header{
left:auto;
right:0;
-webkit-box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.25);
box-shadow: -3px 0px 5px 0px rgba(50, 50, 50, 0.25);
}
.left-side-header header.top-head,.right-side-header header.top-head{
border-bottom:0;
padding:70px 0;
background-color: #fff;
}
.left-side-header .search-box-side,.right-side-header .search-box-side{
display:block;
position:relative;
margin:30px 20px;
overflow:hidden
}
.left-side-header form,.right-side-header form{
border-radius: 10em;
border:1px #ddd solid
}
.left-side-header .search-box-side input[type=text],.right-side-header .search-box-side input[type=text]{
width: 183px;
height: 33px;
font-size: 10px;
border:0;
border-radius: 10em;
background:transparent
}
.left-side-header .search-box-side .btn,.right-side-header .search-box-side .btn {
width: 35px;
height: 35px;
font-size: 10px;
border-radius: 50%;
text-align:center;
margin: 0;
}
.left-side-header header.top-head .logo a,.right-side-header header.top-head .logo a{
margin:auto
}
.left-side-header .logo,.right-side-header .logo{
float:none !important;
margin:auto
}
.side-nav{
padding:30px 0 10px;
clear:both
}
.side-nav ul{
margin:0;
padding:0
}
.side-nav > ul > li {
position: relative;
margin: 0;
padding:0 20px;
}
.side-nav > ul > li > a:hover i, .side-nav > ul > li.current > a i, .side-nav > ul > li.selected > a i {
margin-top: 5px;
}
.side-nav > ul > li > a {
display: block;
padding: 0 17px;
height: 50px;
text-transform: uppercase;
overflow:hidden;
line-height:50px;
border-bottom: 1px #eee solid;
}
.side-nav > ul > li > a:hover {
color:#777
}
.side-nav > ul > li.current > a{
color:#333;
font-weight:bold
}
.side-nav > ul > li > ul li.current > a{
background:rgba(255,255,255,.15)
}
.side-nav > ul li a i{
color:#b8b8b8 !important;
font-size:16px;
margin-right:10px
}
.side-nav > ul li a:hover i{
color:#777 !important
}
.side-nav > ul li a:hover i,.side-nav > ul li.selected a i,.side-nav > ul li.current a i{
color:#fff;
}
.side-nav > ul li ul {
position: static;
min-width: 220px;
display:none;
}
.side-nav > ul > li > ul li {
position: relative;
float: none;
margin: 0;
padding: 0;
line-height: 35px;
border-bottom:1px rgba(255,255,255,.15) solid;
width:100%
}
.side-nav > ul > li > ul li a:hover{
background:rgba(255,255,255,.15)
}
.side-nav ul ul li.hasChildren{
background:rgba(0,0,0,.1)
}
.side-nav li li a {
display: block;
overflow: hidden;
padding: 0 15px !important;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
line-height: 40px !important;
color:#fff
}
.side-nav li.hasChildren:after {
position: absolute;
top: 15px;
right: 30px;
display: inline-block;
color: #777;
content: "\f107";
font-family: FontAwesome;
-moz-transition: transform 0.3s linear;
-o-transition: transform 0.3s linear;
-webkit-transition: transform 0.3s linear;
transition: transform 0.3s linear;
}
.side-nav li.hasChildren:hover:after {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.side-nav li li.hasChildren:after {
top: 2px;
right: 10px;
color: #fff;
}
.side-nav li li a:hover, .side-nav li li.selected > a, .side-nav li li.current > a {
text-decoration: none;
}
.side-nav .div-mega{
position:relative;
padding-top: 0;
-webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
-moz-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
box-shadow: inset 0px 0 0 0 rgba(0,0,0,0);
top:0;
left:0;
display:none
}
.side-nav .div-mega > ul > li{
float:none;
width:100%;
margin:0;
}
.side-nav .megamenu{
position:relative !important
}
.side-nav .div-mega > ul > li h4{
margin:0;
border-radius:0;
background:rgba(0,0,0,.1);
color:#fff;
}
.side-nav .div-mega > ul > li h4 a{
padding:3px 10px !important
}
.side-nav .div-mega > ul > li ul{
display:block;
}
.side-nav .div-mega > ul > li ul li{
border-bottom: 1px rgba(255,255,255,.15) solid;
}
.side-nav .div-mega > ul > li ul li a:hover{
background: rgba(255,255,255,.15);
}
.side-nav .mega-menu div.div-mega > ul > li{
padding:0 !important
} .side-head-block .container{
width:100% !important;
padding:0
}
.side-head-block .top-bar{
background:transparent;
text-transform:none;
}
.side-head-block{
margin:20px;
}
.side-head-block ul {
float:none !important;
}
.side-head-block .right,.side-head-block .left {
float:none !important;
}
.side-head-block ul li{
display:block;
float:none;
font-size:12px;
padding:10px 0;
border:0;
line-height:1;
border-bottom:1px #ECECEC solid;
}
.side-head-block ul li a,.side-head-block ul li span{
font-size:12px;
line-height:1.2
}
.side-head-block ul li i{
margin-right:8px
}
.side-head-block ul.social-list li{
display:inline-block;
float:left;
padding:0;
border:0;
border-bottom:0px;
margin:0 2px
}
.side-head-block ul.social-list li a{
border-radius:50%;
background:#494949;
width:30px;
height:30px;
line-height:30px;
text-align:center;
padding:0
}
.side-head-block ul.social-list li a span{
line-height:30px;
padding:0;
text-align:center
}
.side-head-block ul.social-list li *{
font-size:12px
}
.side-head-block .login-out{
padding-top:10px !important;
padding-bottom:10px !important;
}
.side-head-block ul.social-list{
display:table;
margin:15px auto
}
.nicescroll-rails{
display:block !important
}
.social-list.soon-socs {
margin: 15px auto 5px;
display: table;
}
.social-list.soon-socs li a{
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border: 1px #fff solid;
margin: 0 8px 0 0;
color:#fff;
} .srch_item{
padding:30px;
}
.srch_item:nth-child(odd){
background-color:#f5f5f5
}
.srch_item .post-meta{
margin:20px 0 0;
padding:15px 0 0;
border-top:1px #ddd dashed
}
.srch_item .post-meta li{
float:left;
margin:0 15px 0 0;
font-size:11px
}
.srch_item .post-meta li i{
margin-right:7px;
color:#ddd
}
.srch_item .post-info h2,.srch_item .post-info h5{
font-size:16px;
line-height:1.5;
margin-bottom:10px;
font-weight:bold
}
.err-noresults i{
font-size:90px;
color:#ddd
}