html, body {
}
i {
font-style: normal;
}
body {
color: #fff;
-ms-word-wrap: break-word;
word-wrap: break-word;
overflow-x: hidden;
}
.carousel-nav {
opacity: 0;
position: absolute;
top: 60%;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
width: 100%;
}
.serv_corusel:hover .carousel-nav,
.mycarousel3:hover .carousel-nav,
.team_corusel:hover .carousel-nav {
opacity: 1;
top: 50%;
}
.owl-carousel .owl-item img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.carousel-nav a {
font-size: 27px;
}
.nav-prev {
border: 2px solid;
border-color: inherit;
border-radius: 50px;
height: 70px;
left: -70px;
line-height: 70px;
position: absolute;
text-align: center;
transition: all 0.1s ease-in-out 0s;
width: 70px;
}
.nav-next {
border: 2px solid;
border-color: inherit;
border-radius: 50px;
height: 70px;
line-height: 70px;
position: absolute;
right: -70px;
text-align: center;
transition: all 0.1s ease-in-out 0s;
width: 70px;
}
.nav-next:hover, .nav-prev:hover {
background: none repeat scroll 0 0 #fff;
border-color: inherit;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
color: #000 !important;
}
/* HEADER */
header {
min-height: 100px;
width: 100%;
position: fixed;
top: 0;
z-index: 1000;
}
#logo {
float: left;
}
.mid_box {
padding: 90px 0px;
}
a,
a:hover,
a:focus,
a:active {
text-decoration: none;
outline: none;
}
.nav {
float: right;
}
nav li {
list-style: none;
float: left;
}
nav ul {
margin: 0;
padding: 0;
position: relative;
z-index: 999;
}
nav a {
text-transform: uppercase;
color: #fff;
text-decoration: none;
width: auto;
padding: 0 10px 10px;
margin-right: 5px;
line-height: 32px;
display: block;
text-align: center;
position: relative;
overflow: hidden;
min-width: 60px;
}
nav a:hover {
color: #fff !important;
}
nav a span.hover {
position: absolute;
width: 100%;
top: -42px;
left: 0;
height: 35px;
transition: all .5s;
}
nav a span.arr {
display: none;
}
nav a span.menu_name {
position: relative;
z-index: 1000;
display: block;
}
nav li.current a span.hover {
transition: all .5s;
top: 0px !important;
}
.dropdown nav li.current a span.hover {
height: 100%;
}
nav a:hover span.hover {
transition: all .5s;
top: 0px !important;
}
.nav.js{
position: relative;
}
header.dropdown{
height: auto;min-height: 78px;
background: #000000;
}
header.dropdown #menu_back{
background: transparent;
}
header.dropdown #logo img{
margin-top: 20px;
}
header.dropdown .head_box {
content: '';
border-width: 60px 2880px 0 0;
/*border-style: solid dashed solid solid;*/
border-style: solid solid solid solid;
border-color: #000000 transparent transparent transparent;
width: 0px;
height: 0px;
position: absolute;
top: 100%;
}
header.dropdown nav{
position: relative;
}
header.dropdown nav #menu_current{
position: relative;
z-index: 3;
margin-top: 20px;
}
#menu_current a{
text-align: right;
text-indent: 10px;
margin: 0;
font-size: 12px;
text-transform: uppercase;
background: #000000;
line-height: 12px;
padding: 11px;
width: 120px;
font-weight: bold;
font-family: Roboto;
cursor: pointer;
display: block;
border-top-width: 0;
-moz-transition:opacity .8s ease-in-out;
-webkit-transition:opacity .8s ease-in-out;
-o-transition:opacity .8s ease-in-out;
transition:opacity .8s ease-in-out;
}
#menu_current a:hover span.menu_name{
color: #ffffff !important;
}
#menu_current a span.hover{
display: none;
}
#menu_current.hide a{
/*position: absolute;*/
opacity: 0;
}
#menu_current:after {
content: '';
position: absolute;
height: 100%;
width: 100%;
z-index: 2;
background: black;
top: -100%;
left: 0;
}
#menu_current.home a{
text-align: left;
}
#menu_current.home span.menu_name:after{
content: "\f107";
position: absolute;
right: 0;left: auto;
}
#menu_current span.menu_name:after{
content: "\f060";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
font-size: 22px;
position: absolute;
right: auto;left: 0;
}
header.dropdown .nav nav ul{
/*position: absolute;top: 0;*/
/*width: 100%;z-index: 3;*/
/*background: rgba(0,0,0,0.5);*/
/*transform: translate(0px, -360px);*/
/*-moz-transform: translate(0px, -360px);*/
/*-webkit-transform: translate(0px, -360px);*/
/*transition: all 1s cubic-bezier(0.8, 0, 0.2, 1) 0s;*/
/*-moz-transition: all 1s cubic-bezier(0.8, 0, 0.2, 1) 0s;*/
/*-webkit-transition: all 1s cubic-bezier(0.8, 0, 0.2, 1) 0s;*/
}
header.dropdown .nav nav ul{
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 3;
background: rgba(0,0,0,0.5);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
header.dropdown .nav nav ul.opened{
opacity: 1;
visibility: visible;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
header.dropdown .nav nav ul li{
float: none;
display: block;
}
header.dropdown .nav nav ul li a{
margin: 0;
text-align: left;
text-indent: 20px;
padding: 5px;
}
header.dropdown .nav nav li:hover a span.hover{
height: 100%;
}
/* SERVICES */
#services {
}
.service_box {
}
.serv_top {
border-color: transparent transparent #ff9900 transparent;
}
.serv_bot {
border-color: transparent #ff9900 transparent transparent;
}
#services .back2top {
border: #ff9900 solid 1px;
color: #ff9900;
}
.serv_mid {
background: #ff9900;
padding: 30px 0;
}
/* SERV COROUSEL */
.mycont {
margin: 0 auto 50px auto;
overflow: hidden;
max-width: 1170px;
}
.mycarousel {
list-style: none;
margin: 0;
padding: 0;
}
.mycarousel li {
text-align: center;
padding: 0;
width: 280px;
float: left;
visibility: hidden;
}
.serv_link {
text-decoration: none;
}
.mycarousel li h2 {
text-transform: uppercase;
}
/* PORTFOLIO */
.intro_pad {
padding: 150px 0 0;
}
.intro_pad > h4 {
opacity: .5;
}
.portfolio_main {
position: relative;
z-index: 1;
}
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/* End: Recommended Isotope styles */
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#filters, .pf_iso_filter {
list-style: none;
text-align: center;
}
#filters li,
.pf_iso_filter li {
display: inline;
}
#filters li a,
.pf_iso_filter li a {
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 500;
margin: 0 8px;
padding: 10px 15px;
text-decoration: none;
text-transform: uppercase;
transition: all 0.2s ease-in-out 0s;
}
#filters li a.selected,
.pf_iso_filter li a.selected {
background: rgba(0,0,0,0.1);
}
.isotope-item {
margin: 0px 0 15px 0;
overflow: hidden;
}
.iso_inner {
position: relative;
}
.over_box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: all 0.3s cubic-bezier(.63, .08, .35, .92);
-moz-transition: all 0.3s cubic-bezier(.63, .08, .35, .92);
-o-transition: all 0.3s cubic-bezier(.63, .08, .35, .92);
-ms-transition: all 0.3s cubic-bezier(.63, .08, .35, .92);
transition: all 0.3s cubic-bezier(.63, .08, .35, .92);
-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-o-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-backface-visibility: hidden;
text-align: center;
}
.isotope-item:hover .over_box {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
}
.over_box_pad {
padding: 15px;
}
.over_box_inner {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
bottom: 15px;
left: 15px;
padding: 15px;
position: absolute;
right: 15px;
top: 15px;
}
.portfolio_name {
color: #fff;
display: block;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
position: relative;
top: 20px;
transition: all 0.4s ease-in-out 0.2s;
opacity: 0;
}
.portfolio_desc {
position: relative;
top: 30px;
font-size: 12px;
letter-spacing: 1px;
opacity: 0;
text-transform: uppercase;
transition: all 0.4s ease-in-out 0.2s;
}
.portfolio_date {
display: block;
color: #44a5ac;
}
.portfolio_pop {
border: 2px solid;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #fff;
display: block;
font-size: 14px;
height: 50px;
left: 50%;
line-height: 45px;
position: absolute;
text-align: center;
text-decoration: none;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
width: 50px;
margin-top: 40px;
}
a.portfolio_pop:hover .icon-search {
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
}
#portfolio a:not(.back2top):hover {
background: none repeat scroll 0 0 #fff;
border-color: #fff;
}
.portfolio.isotope-item:hover .portfolio_name {
opacity: 1;
top: 0;
}
.portfolio.isotope-item:hover .portfolio_desc {
opacity: .5;
top: 0;
}
.load_more {
position: relative;
border: 2px solid;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: inline-block;
font-size: 12px;
font-weight: 900;
letter-spacing: 1px;
margin-top: 20px;
padding: 10px 40px 10px 20px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.load_more i {
display: inline-block;
float: right;
font-size: 20px;
position: absolute;
right: 10px;
top: 10px;
}
/* PRICING TABLE */
.pricing_table_main {
z-index: 1;
position: relative;
}
.pricing_table .span4 {
width: 32.5%;
}
.pricing_table .span3 {
width: 24.5%;
}
.pricing_table .span4,
.pricing_table .span3{
display: inline-block;
border: transparent solid;
border-width: 10px 0;
transition: all .5s;
-webkit-transition: all .5s;
overflow-x: hidden;
}
.pricing_table .pt_title {
font-weight: 500 !important;
}
.pt_title {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.pricing_table .span4:hover,
.pricing_table .span3:hover{
transition: all .5s;
-webkit-transition: all .5s;
border: #fff solid 10px;
}
.pricing_table {
text-align: center;
margin: 0px 0 50px;
}
.pricing_table > div {
border-radius: 2px;
}
.pt_price span {
font-size: 44px;
font-weight: 600;
}
.pt_price sup {
top: -18px;
}
.pt_pay {
-webkit-border-bottom-left-radius: 2px;
-moz-border-bottom-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-bottom-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.pt_pay > a {
border: 2px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 10px 20px;
font-size: 14px;
letter-spacing: 1px;
font-weight: 600;
transition: all 0.3s ease-in-out 0s;
}
.pt_pay > a:hover {
background: #fff;
border-color: inherit;
}
.c_title {
font-weight: 700;
font-size: 32px;
text-transform: uppercase;
line-height: 40px;
margin: 140px 0 0px 0px;
}
.c_quot {
background: #fff none repeat scroll 0 0;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color: #555 !important;
display: inline-block;
font-size: 50px !important;
font-weight: 400;
height: 50px;
left: 0;
line-height: 75px;
margin: 20px auto;
position: absolute;
right: 0;
text-align: center;
width: 50px;
opacity: 1;
}
.c_quot .plug {
display: block;
font-size: 70px;
margin: 30px auto;
opacity: 0.1;
text-align: center;
width: 90px;
}
.c_block {
font-size: 17px;
font-weight: 300;
text-align: center;
}
.c_author {
color: rgba(255, 255, 255, 0.5);
display: block;
font-weight: 500;
margin: 20px 0;
text-align: center;
text-transform: uppercase;
}
.lines.sub_title.text_center.c_quot {
height: 0;
}
.hapy_boys {
margin: 0 auto;
max-width: 70%;
}
.hapy_boys .c_block.text_left .testimonial_img{text-align:center;}
.hapy_boys .c_block .c_entry p {
margin: 30px;
}
.testimonial_img{
}
.testimonial_img img {
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
border-radius: 50px !important;
margin: 0 auto;
max-width: 100px;
}
@media screen and (max-width: 480px) {
.hapy_boys .c_block.text_left .testimonial_img{
width: 100%;
display: block;
float: none;
padding: 0;
}
.hapy_boys .c_block.text_left .testimonial_img img{
width: 25%;
}
.hapy_boys .c_block .c_entry{
width: 100%;
}
}
/* ABOUT US TEEM */
.about_us_main {
position: relative;
z-index: 1;
}
.tooltip{
color: #000 !important;
}
.team_corusel .mycont {
padding: 75px 0 0;
}
.team_corusel .jcarousel-prev, .team_corusel .jcarousel-next {
top: -75px;
}
.team_corusel {
font-weight: 300;
margin-top: -50px;
}
.team_photo {
position: relative;
}
.team_post {
position: absolute;
top: 10px;
left: 10px;
width: 280px;
height: 170px;
font-size: 37px;
padding: 80px 0 0;
background: url(../images/redbg.png) repeat;
display: none;
}
.team_name {
border-bottom: 1px solid rgba(255,255,255,.2);
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
margin-bottom: 35px;
padding: 25px 15px;
text-transform: uppercase;
}
.team_entry {
margin-bottom: 15px;
min-height: 140px;
}
.team_social {
display: block;
height: 50px;
margin: 30px;
}
.team_social a {
border: 2px solid;
border-radius: 50px;
display: inline-block;
font-size: 15px;
height: 40px;
line-height: 15px;
margin: 0 3px;
opacity: 0.5;
padding: 10px;
text-align: center;
width: 40px;
transition: all 0.3s ease-in-out 0s;
}
#about_us .team_social a:hover {
background: none repeat scroll 0 0 #fff;
border-color: inherit;
color: #000;
opacity: 1;
}
.speed_container {
margin: 30px 0 0;
overflow: hidden;
}
.speed_box {
width: 18%;
float: left;
margin: 0 1%;
position: relative;
text-align: center;
}
.knob_box {
position: relative;
}
.knob_title {
font-weight: 500;
text-transform: uppercase;
margin-top: 10px;
opacity: .6;
}
/* CONTACT US */
.contact_us_main {
position: relative;
z-index: 1;
}
.contact_us_main .contact_title {
margin-bottom: 50px;
}
.google_map {
margin-bottom: 50px;
}
.google_map iframe {
width: 100%;
}
#map_canvas {
height: 350px;
}
/* FOOTER */
footer {
margin: -60px 0 0;
background: #000000;
padding: 80px 0 30px;
}
.footer_intro,
.footer_widgets{
padding-bottom: 40px;
border-bottom: 1px solid rgba(255,255,255,.1);
margin-bottom: 60px;
}
.footer_intro h1, .footer_intro h2 {
text-transform: uppercase;
text-align: center;
}
.social_line {
list-style: none;
text-align: center;
margin: 40px 0 0;
padding:0px;
}
.social_line li {
display: inline;
}
/* .footer_widgets {
padding-bottom: 40px;
border-bottom: #2f2f2f solid 1px;
margin-bottom: 60px;
}
*/
.latest_tweet ul {
list-style: none;
margin: 0;
padding: 0;
}
.latest_tweet ul li {
padding-left: 40px;
background: url(../images/bird.png) no-repeat left top;
color: #fff;
font-size: 14px;
font-weight: 300;
font-style: italic;
margin-bottom: 15px;
}
.latest_tweet ul li .tweet_time a {
color: #4c4c4c;
display: block;
text-decoration: none;
}
/*.date {*/
/*font-size: 12px;*/
/*font-style: normal;*/
/*color: #2f2f2f;*/
/*}*/
.fpost h6 a {
color: #fff;
text-decoration: none;
text-transform: none;
}
#flickr_badge_wrapper tr {
float: left;
}
.footer_bottom {
color: #4c4c4c;
font-weight: 300;
font-size: 14px;
}
.footer_bottom .flogo img {
opacity: .25;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
filter: alpha(opacity=25);
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
max-width: 50%;
}
.footer_bottom .flogo:hover img {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.footer_bottom a {
color: #fff;
}
.mob_nav {
display: none;
}
/* BLOG */
.post {
margin: 0 0 50px 0;
padding-bottom: 50px;
background: url(../images/whiteline.png) repeat-x bottom;
}
.post h2 a {
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
.post_thumb {
background: url("../images/whiteline.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
margin: 25px 0;
padding: 5px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.post_thumb img {
width: 100%;
height: auto;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.entry {
margin-bottom: 50px;
}
.single_post .entry {
margin: 50px 0;
}
#share .span2 {
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
}
.avatar {
float: left;
margin-right: 15px;
border-radius: 50%;
}
.post_info {
margin: 0;
padding: 0;
}
.post_info li {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
line-height: 40px;
color: #fff;
margin: 0 15px 5px;
}
.post_info li .circ {
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 17px;
height: 44px;
margin-right: 10px;
text-align: center;
width: 43px;
}
.post_info li a {
color: #fff;
text-decoration: none;
}
.post_info li.read_more a {
color: #fff;
display: block;
text-decoration: none;
}
.post_info li.read_more a span {
border: 2px solid #ffffff;
border-radius: 50%;
display: block;
float: left;
font-size: 22px;
height: 44px;
line-height: 44px;
margin-right: 15px;
text-align: center;
width: 44px;
}
.pagination ol {
text-align: center;
margin: 0 0 30px;
padding: 0;
}
.pagination ol li {
display: inline-block;
margin: 0 10px;
}
.pagination ol li a, .pagination ol li span.page {
display: block;
width: 62px;
height: 62px;
color: #fff;
text-decoration: none;
border: #fff solid 1px;
border-radius: 50%;
line-height: 62px;
}
.pagination ol li span.current {
background: #fff;
color: #fff;
}
.single_date {
float: left;
text-transform: uppercase;
font-size: 12px;
text-align: center;
margin-bottom: 25px;
}
.single_post > h2 {
margin-left: 100px;
text-align: left;
min-height: 105px;
}
.single_date .circ {
border: 2px solid #fff;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 24px;
font-weight: 500;
line-height: 62px;
margin-bottom: 10px;
margin-right: 10px;
text-align: center;
width: 62px;
}
.post_nav {
text-align: left;
margin: 0;
padding: 0;
margin-bottom: 30px;
}
.post_nav li {
display: inline-block;
margin: 0;
}
.post_nav li.prev_post a {
}
.post_nav li.prev_post a::before {
border: 2px solid;
border-radius: 50%;
content: "\e603";
display: block;
font-family: parasponsive;
font-size: 22px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.post_nav li.next_post a {
}
.post_nav li.next_post a::before {
border: 2px solid;
border-radius: 50%;
content: "\e600";
display: block;
font-family: parasponsive;
font-size: 22px;
height: 40px;
line-height: 40px;
text-align: center;
width: 40px;
}
.post_nav li.back_blog a {
}
.post_nav li.back_blog a::before {
content: "\e601";
font-family: parasponsive;
width: 40px;
height: 40px;
border: 2px solid;
display: block;
text-align: center;
border-radius: 50%;
line-height: 40px;
font-size: 22px;
}
.entry table {
width: 100%;
margin-bottom: 20px;
}
.entry table td {
padding: 3px;
}
.entry table tr.odd td {
background: rgba(0, 0, 0, 0.3);
}
.entry dl dt {
font-weight: bold;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.navigation {
padding: 15px 0;
overflow: hidden;
}
.post_nav li a {
display: block;
width: 62px;
height: 62px;
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post_nav li a:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post_thumb {
clear: both;
}
.wp-caption {
max-width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
padding: 5px 5px;
border-radius: 5px;
text-align: center;
}
.wp-caption img {
}
.aligncenter {
margin: 0 auto;
}
.wp-caption-text {
}
.sticky {
background: rgba(255, 0, 0, 0.3);
}
.gallery-caption {
background: rgba(0, 0, 0, 0.5);
padding: 5px 5px;
}
.bypostauthor {
}
.tag {
}
.tags {
}
#share {
border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
padding-bottom: 20px;
margin-bottom: 30px;
margin-top: 20px;
}
#comments {
padding: 20px 0 0;
overflow: hidden;
clear: both;
}
.commentlist li {
list-style: none;
}
.avatar {
float: left;
margin-right: 15px;
}
.avatar img {
background: rgba(255, 255, 255, 0.5);
padding: 4px;
}
.comment_info {
line-height: 18px;
}
.comment_info cite, .comment_info span {
font-size: 18px;
}
.comment_info a {
text-decoration: none;
color: #fff;
font-size: 14px;
}
.comment_info .fn {
font-style: normal;
font-weight: normal;
}
.reply {
float: right;
margin-top: -35px;
}
.comment-author {
overflow: hidden;
margin-bottom: 15px;
}
.comment-reply-link:before {
content: "\f10d";
float: left;
margin-right: 10px;
font-family: "FontAwesome";
font-size: 12px;
line-height: 22px;
}
.comment-reply-link {
border: 1px solid transparent;
border-radius: 25px;
color: #fff;
display: block;
font-size: 15px;
font-weight: 800;
letter-spacing: 1px;
padding: 5px 15px;
text-decoration: none;
text-transform: uppercase;
}
.comment-reply-link:hover {
border: rgba(255, 255, 255, 0.5) solid 1px;
background: rgba(0, 0, 0, 0.1);
color: #fff;
}
.comment_entry {
display: inline-block;
margin-left: 87px;
position: relative;
}
.comment_entry::before {
background: none repeat scroll 0 0 #fff;
content: "";
height: 1px;
opacity: 0.2;
position: absolute;
top: -5px;
width: 30px;
}
ul.children {
padding: 0px 0 0 25px;
}
.comment-body {
padding: 25px 0 0;
border-top: 1px dashed rgba(255,255,255,.2);
}
textarea#comment {
width: 100%;
height: 100px;
}
.commenter_info {
margin: 25px 0 0;
clear: both;
}
#respond {
overflow: hidden;
border-top: 1px solid rgba(255,255,255,.2);
margin-bottom: 30px;
padding: 25px 0;
clear: both;
}
#sidebar > div {
margin-bottom: 40px;
}
#searchsubmit {
position: absolute;
top: -9999px;
display: none;
}
#s {
}
#sidebar ul {
border-top: 1px solid rgba(255, 255, 255, 0.2);
list-style: outside none none;
margin: 15px 0;
padding: 30px 10px;
}
#sidebar ul li a {
float: left;
position: relative;
text-align: left;
text-decoration: none;
margin: 5px 10px;
}
#sidebar ul li a::before {
border: 2px solid;
border-radius: 50%;
content: "\e600";
font-family: parasponsive;
font-size: 14px;
height: 20px;
left: -31px;
line-height: 16px;
position: absolute;
text-align: center;
top: 0;
width: 20px;
}
.widget_recent_comments li a::before {
content: "";
display: none;
}
.widget_categories ul li.cat-item-1 {
display: none;
}
#sidebar ul li {
clear: both;
padding: 10px 20px;
text-align: right;
}
#sidebar ul li a:hover, #sidebar ul li.current-cat a {
}
.widget_nav_menu > div > ul li.current-menu-item > a {
background: #fff;
color: #454545;
}
.widget_nav_menu > div > ul > li > a {
clear: both;
overflow: hidden;
}
.widget_nav_menu > div > ul > li > ul {
margin: 0 0 0 10px !important;
}
.widget_recent_comments li {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
border-radius: 26px;
margin-bottom: 10px;
padding: 10px;
text-align: left !important;
}
.widget_recent_comments li:hover {
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border-radius: 26px;
margin-bottom: 10px;
color: #000;
padding: 10px;
text-align: left !important;
}
.widget_recent_comments li:hover a{
color: #ff9900;
}
.widget_recent_comments li a {
float: none !important;
display: inline-block !important;
}
.recent_post {
padding: 10px 0;
background: url(../images/whiteline.png) repeat-x top;
overflow: hidden;
}
.recent_post_left {
float: left;
margin-right: 15px;
}
.recent_post_right {
float: left;
margin-left: 0px;
width: 190px;
}
.widget_date {
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
color: #000;
background: #fff;
font-size: 12px;
padding: 5px 10px;
display: inline-block;
}
.recent_post a {
text-decoration: none;
}
.recent_post_left img {
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.5);
padding: 4px;
}
.tagcloud a {
display: inline-block;
padding: 2px;
border-bottom: rgba(255, 255, 255, 0.5) solid 2px;
margin: 2px;
text-decoration: none;
}
/* SHORTCODE */
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
margin-right: 4%;
float: left;
line-height: 21px;
margin-bottom: 20px;
position: relative;
}
.one_half {
width: 48%;
}
.one_third {
width: 30.6666%;
}
.two_third {
width: 65.3332%;
}
.one_fourth {
width: 22%;
}
.three_fourth {
width: 74%;
}
#main .last {
margin-right: 0 !important;
clear: right;
}
.clearboth {
clear: both;
display: block;
font-size: 0px;
height: 0px;
line-height: 0;
width: 100%;
overflow: hidden;
}
.nav-tabs {
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
background: url(../images/wline.png) repeat-x bottom;
}
.nav-tabs li a {
display: block;
float: left;
border-bottom: #fff solid 3px;
padding: 10px;
margin-right: 1px;
text-decoration: none;
font-size: 15px;
color: #fff;
background: rgba(0, 0, 0, 0.3);
}
.nav-tabs li.active a {
background: #fff;
color: #000;
}
.tab_content {
padding: 20px 10px;
}
/* Progress Bar */
body .progress-bar {
width: 100%;
}
.progress-bar {
background: transparent;
height: 37px;
border: 2px solid #fff;
position: relative;
margin-bottom: 10px;
overflow: hidden;
}
.progress-bar-content {
background: #fff;
height: 37px;
}
.progress-bar .progress-title {
font-size: 14px;
color: #000;
font-weight: normal;
position: absolute;
top: 10px;
left: 13px;
}
.progress-bar .percentage {
font-size: 14px;
color: #626363;
font-weight: normal;
position: absolute;
top: 10px;
left: 90%;
}
/* Meet the team */
.person {
text-align: center;
}
.person-img {
margin-bottom: 25px;
}
.person-author-wrapper {
margin-bottom: 25px;
}
.person-author-wrapper span {
display: block;
}
.person-author a {
display: inline-block;
height: 19px;
}
.person-author .social-icon {
display: block;
float: right;
position: relative;
margin-left: 19px;
margin-top: 10px;
}
/* Button */
.buttons a {
margin-right: 30px;
}
.button {
text-decoration: none;
display: inline-block;
margin: 0 0 10px 10px;
}
.button:hover {
color: #000;
}
.button.large {
text-transform: uppercase;
text-align: center;
padding: 17px 26px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
color: #fff;
font-weight: bold;
font-size: 19px;
line-height: 19px;
}
.button.small {
color: #fff;
text-transform: uppercase;
text-align: center;
padding: 15px 20px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
font-size: 15px;
}
.button.black {
background: #000;
}
.button.black:hover {
background: #fff;
color: #000;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.orange {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
background: #ff6d00;
}
.button.orange:hover {
background: #ff3a00;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.blue {
background: #00adee;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.blue:hover {
background: #1c464a;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.red {
background: #8e2b22;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.red:hover {
background: #4c1712;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.white {
background: #fff;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
color: #000;
}
.button.white:hover {
color: #fff;
background: #000;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.grey {
background: #3a3a3a;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.grey:hover {
background: #1f1f1f;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.darkblue {
background: #283d54;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.darkblue:hover {
background: #15212d;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.green {
background: #346118;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.green:hover {
background: #264712;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
/* Alert */
.alert {
padding: 8px;
text-align: center;
position: relative;
}
.alert .msg {
padding: 0 50px 0 10px;
}
.alert .toggle-alert {
position: absolute;
top: 8px;
right: 25px;
display: block;
width: 12px;
height: 12px;
text-decoration: none;
color: red;
}
.alert .toggle-alert:before {
content: "\f00d";
font-family: FontAwesome;
}
.alert.general {
border: 1px solid #d7d6d6;
}
.alert.general .msg:before {
font-family: FontAwesome;
content: "\f0c6";
float: left;
}
.alert.error, .wpcf7-not-valid-tip {
background: #ffe9e9 !important;
border: 1px solid #e7a9a9 !important;
color: #d04544 !important;
}
.alert.error .msg:before {
font-family: FontAwesome;
content: "\f071";
float: left;
}
.wpcf7-not-valid-tip:before {
font-family: FontAwesome;
content: "\f071";
float: left; margin-right: 10px;}
.alert.success {
background: #e9f3d2;
border: 1px solid #acd556;
color: #92b750;
}
.alert.success .msg:before {
font-family: FontAwesome;
content: "\f14a";
float: left;
}
.alert.notice, .wpcf7-validation-errors {
background: #fbf6e3;
border: 1px solid #e7d48d;
color: #cfb306;
}
.alert.notice .msg:before, .wpcf7-validation-errors:before {
font-family: FontAwesome;
content: "\f05a";
float: left;
}
.wpcf7-validation-errors:before {
margin-right: 10px;}
/* More Shortcodes */
.highlight1 {
background: #fff;
padding: 2px;
color: #000;
}
.highlight2 {
background: #000;
color: #fff;
padding: 2px;
}
.dropcap {
font-size: 60px;
margin-right: 6px;
padding-top: 11px;
text-transform: uppercase;
float: left;
position: relative;
top: 5px;
padding-bottom: 11px;
}
.video-shortcode {
margin-bottom: 25px;
}
.social_links_shortcode ul {
margin-left: 0;
padding-left: 0;
}
.social_links_shortcode .social li {
display: inline-block;
position: relative;
width: 30px;
margin-bottom: 20px;
}
.error_page .useful_links {
width: 25.06%;
padding-left: 5%;
}
.fontawesome-icon {
display: inline-block !important;
float: left;
}
.fontawesome-icon {
margin-right: 10px;
}
.fontawesome-icon.circle-yes {
-moz-border-radius: 75px;
-webkit-border-radius: 75px;
border-radius: 75px;
background-color: #333333;
color: #fff;
text-align: center;
margin-top: 2px;
}
.fontawesome-icon.large {
font-size: 40px;
}
.fontawesome-icon.large.circle-yes {
width: 70px;
height: 70px;
line-height: 70px;
}
.fontawesome-icon.medium {
font-size: 18px;
}
.fontawesome-icon.medium.circle-yes {
width: 35px;
height: 35px;
line-height: 35px;
}
.fontawesome-icon.small {
font-size: 10px;
}
.fontawesome-icon.small.circle-yes {
width: 18px;
height: 18px;
line-height: 18px;
}
.fontawesome-icon.circle-no.large {
margin-top: 2px;
}
.fontawesome-icon.circle-no.medium {
margin-top: 3px;
}
.fontawesome-icon.circle-no.small {
margin-top: 5px;
}
.icon-heading .fontawesome-icon {
margin-top: -6px !important;
}
.content-boxes .heading .fontawesome-icon {
float: left;
}
.content-boxes .heading-and-icon h2 {
padding-left: 45px;
}
.shortcode-tabs .tab_content ul.arrow {
float: none;
}
.container .last {
clear: right;
margin-right: 0 !important;
}
.columns {
overflow: hidden;
margin: 0 0 80px;
}
.columns .col {
float: left;
width: 23%;
padding: 0 2.6666666% 0 0;
}
.columns-3 .col {
width: 31.42857%
}
.columns-3 .col:nth-child(3n+1) {
clear: both;
}
.columns-3 .col:nth-child(3n) {
padding-right: 0;
}
.columns-4 .col {
width: 23%;
padding: 0 2.6666666% 0 0;
}
.columns-4 .col:nth-child(4n+1) {
clear: both;
}
.columns-4 .col:nth-child(4n) {
padding-right: 0;
}
.columns .col.last {
padding: 0;
}
.col .heading {
overflow: hidden;
margin: 0 0 15px;
}
.col .heading img {
float: left;
margin: 0 10px 0 0;
}
.col p {
margin: 0 0 23px;
}
h4.toggle {
overflow: hidden;
margin: 0;
}
h4.toggle a {
cursor: pointer;
color: #fff;
overflow: hidden;
margin: 0;
padding: 10px 0px;
text-decoration: none;
float: left;
width: 100%;
background: url(../images/whiteline.png) repeat-x top;
}
h4.toggle.active a {
border-bottom: 0;
}
h4.toggle span.arrow:before {
font-family: FontAwesome;
display: block;
width: 40px;
height: 40px;
float: left;
border: #fff solid 2px;
border-radius: 50%;
color: #fff;
font-size: 22px;
line-height: 40px;
text-align: center;
margin-right: 18px;
content: "\f078";
transition: all .5s;
}
h4.toggle.active span.arrow:before {
content: "\f077";
transition: all .5s;
}
h4.toggle span.toggle-title {
float: left;
width: 90%;
}
.toggle-content {
padding-bottom: 15px;
position: relative;
display: none;
padding-left: 60px;
}
.reading-box {
overflow: hidden;
padding: 28px 28px 27px 31px;
background: rgba(0, 0, 0, 0.3);
margin: 0 0 50px;
}
.container .reading-box h2 {
margin: 0 0 7px;
}
.reading-box p {
margin: 15px 260px 0 0 !important;
}
.mobile-button {
display: none !important;
margin: 20px 0 0;
}
.continue {
float: right;
}
.clear {
clear: both;
}
.review {
clear: both;
}
.post-entry .plug {
color: #fff;
}
.reviews {
max-width: 600px;
margin: 0 auto;
text-align: center;
}
.review blockquote {
background: none !important;
border-left: none !important;
padding: 0 !important;
margin: 0 !important;
}
.review blockquote q {
display: block;
}
.review blockquote div {
display: block;
padding: 12px 0 0 2px;
overflow: hidden;
color: #fff;
font-style: normal !important;
}
.review blockquote div strong {
padding: 0;
font-style: normal !important;
}
.review blockquote div span {
font-style: normal !important;
}
.review a {
text-decoration: none;
}
.review blockquote div {
line-height: 15px;
}
.review blockquote div .company-name {
padding-left: 53px;
display: block;
min-height: 29px;
padding-top: 6px;
font-style: normal !important;
}
.social-networks {
list-style: none;
margin: 0;
padding: 0;
clear: both;
}
.social-networks li {
display: inline-block;
margin: 0 10px;
}
.social-networks li a:before {
font-family: zocial;
}
img.alignleft {
float: left;
margin: 0 10px 5px 0;
}
img.alignright {
float: right;
margin: 0 0 5px 10px;
}
.pricing_table_sc > div {
margin-bottom: 10px;
}
.pricing_table_sc ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
.pricing_table_sc ul li {
margin: 0 !important;
}
.title-row {
background: rgba(0, 0, 0, 0.4);
padding: 15px 0;
text-transform: uppercase;
font-size: 24px;
}
.pricing-row {
background: rgba(0, 0, 0, 0.3);
padding: 15px 0;
font-size: 40px;
font-weight: bold;
}
.pricing-row .exact_price {
}
.pricing-row sup {
font-size: 24px;
}
.pricing-row .time {
font-weight: normal;
font-size: 16px;
}
.normal-row {
text-transform: uppercase;
background: rgba(0, 0, 0, 0.2);
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.footer-row {
background: rgba(0, 0, 0, 0.2);
padding: 20px 0;
}
.page_tit {
padding-bottom: 50px;
}
ul.arrow {
list-style: none;
}
ul.arrow li:before {
content: "\f054";
float: left;
font-family: FontAwesome;
margin-right: 5px;
}
::-webkit-input-placeholder {
color: #fff;
font: inherit;
}
:-moz-placeholder {
color: #fff;
font: inherit;
}
.placeholder {
color: #fff;
font: inherit;
}
.id_page {
margin: 0 0 60px 0;
}
#gmap {
min-height: 350px;
color: #000;
}
.team_entry p {
margin: 0;
}
#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {
display: block;
float: left;
margin: 5px;
}
.id_page {
padding-top: 150px;}
.section_exc {
margin-bottom: 25px;}
.pagination ol li {
display: inline-block;
margin: 0 10px;
}
.margin-top-20{
margin-top:20px;
}
.margin-left-30{
text-indent: 30px;
}
.margin-left-15{
text-indent: 15px;
}
.search-results {
margin: auto;
}
.search-results i{
font-size: 40px;
padding: 40px;
}
.search-results input{
width: 200px;
}
.search-results span{
background: rgba(0,0,0,0.5);
}
.search-results .btn{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #fff;
color: #000;
padding:11px;
margin: auto;
margin-right: 20px;
text-decoration: none;
}
.search-results .btn:hover{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #000;
color: #fff;
padding:11px;
margin: auto;
margin-right: 20px;
text-decoration: none;
}
.search-results hr{
border-top: 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.e-entry-title{
color:#fff !important;
}
#instagram_widget img {
width: 75px;
height: auto;
}
#instagram_widget li {
float: left;
margin: 0px;
}
iframe.c100{
width: 100%;
height: 100%;
}
.instagram_likes,.instagram_caption{
margin-bottom: 0px !important;
}
#instagram_widget li{
margin-bottom: 10px;
}
iframe{
margin: 0;
border: 0;
}
.widget ul {
list-style: none;
margin: 0;
padding: 0;
}
.option-set.clearfix {
margin-bottom: 30px;
}
.post h2 {
margin-bottom: 60px;
}
#single-portfolio {
background: #44A5AC;
margin-bottom: 60px;
padding: 100px 0 0;
}
#single-portfolio .plug {
background: #44A5AC;
}