html, body {
}
body {
color: #fff;
font-family: 'Roboto', sans-serif;
-ms-word-wrap: break-word;
word-wrap: break-word;
overflow-x: hidden;
}
/* HEADER */
header {
height: 100px;
width: 100%;
position: absolute;
top: 0;
z-index: 1000;
}
.logo {
float: left;
}
.logo img {
margin: 0; width: 284px;
}
.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 {
/*position: absolute;*/
/*left: 0;*/
/*display: block;*/
/*margin-top: 35px;*/
/*width: 0px;*/
/*height: 0px;*/
/*border-style: solid dashed solid dashed;*/
/*border-width: 7px 47.5px 0 47.5px;*/
display: none;
}
nav a span.menu_name {
position: relative;
z-index: 1000;
}
nav li.current a span.hover {
transition: all .5s;
top: 0px !important;
}
nav li:hover a span.hover {
transition: all .5s;
top: 0px !important;
}
nav a.menu_1 {
border-top: #000 solid 2px;
}
/* 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;
}
.serv_link {
text-decoration: none;
}
.mycarousel li h2 {
text-transform: uppercase;
}
/* PORTFOLIO */
.intro_pad {
padding: 150px 0 0;
}
.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;
}
/**** 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 {
list-style: none;
text-align: center;
}
#filters li {
display: inline;
}
#filters li a {
display: inline-block;
font-size: 14px;
font-weight: 300;
color: #fff;
text-decoration: none;
margin: 0 8px;
padding: 7px 10px;
text-transform: uppercase;
border-radius: 5px;
font-family: 'Roboto Condensed', sans-serif;
}
#filters li a.selected {
background: url(../images/filter_a.png) repeat;
}
.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: #000;
background: rgba(0, 0, 0, 0.6);
padding: 15px;
}
.portfolio_name {
font-weight: 300;
font-size: 22px;
text-transform: uppercase;
display: block;
color: #fff;
}
.portfolio_date {
display: block;
color: #44a5ac;
}
.portfolio_pop {
color: #fff;
position: absolute;
left: 50%;
top: 50%;
font-size: 30px;
line-height: 32px;
text-decoration: none;
display: block;
width: 32px;
height: 32px;
text-align: center;
margin: -16px 0 0 -16px;
transition: all .5s;
}
.load_more {
display: inline-block;
padding: 20px 0 20px;
color: #fff;
font-size: 14px;
font-weight: 600;
text-decoration: none;
text-transform: uppercase;
}
/* PRICING TABLE */
.pricing_table_main {
z-index: 1;
position: relative;
}
.pricing_table .span4 {
border: transparent solid;
border-width: 10px 0;
transition: all .5s;
}
.pricing_table .span3 {
border: transparent solid;
border-width: 10px 0;
transition: all .5s;
}
.pricing_table .span4:hover {
transition: all .5s;
border: #fff solid 10px;
}
.pricing_table .span3:hover {
border: 10px solid #FFFFFF;
transition: all 0.5s ease 0s;
}
.pricing_table .span4:hover .pt_price {
color: #fff;
}
.pricing_table .span3:hover .pt_price {
color: #fff;
}
.pricing_table {
text-align: center;
margin: 0px 0 50px;
}
.pt_title {
font-size: 24px;
font-weight: 300;
text-transform: uppercase;
background: rgba(0, 0, 0, 0.4);
padding: 20px 0;
}
.pt_price {
background: rgba(0, 0, 0, 0.3);
color: rgba(255, 255, 255, 0.3);
font-size: 24px;
font-weight: 300;
padding: 20px 0;
}
.pt_price span {
font-size: 44px;
font-weight: 600;
}
.pt_price sup {
top: -18px;
}
.pt_feature {
background: rgba(0, 0, 0, 0.2);
font-size: 14px;
text-transform: uppercase;
font-weight: 300;
padding: 20px 0;
border-bottom: rgba(0, 0, 0, 0.3) solid 1px;
}
.pt_pay {
font-size: 28px;
text-transform: uppercase;
font-weight: 600;
padding: 40px 0;
background: rgba(0, 0, 0, 0.2);
}
.pt_pay a {
color: #fff;
text-decoration: none;
}
.c_title {
font-weight: 700;
font-size: 32px;
text-transform: uppercase;
line-height: 40px;
}
.c_quot {
font-size: 74px !important;
font-weight: 600;
color: rgba(255, 255, 255, 0.3);
line-height: 74px;
margin: 0;
}
.c_quot .plug {
margin: 30px 0 0;
display: inline-block;
}
.c_block {
font-weight: 300;
font-size: 17px;
}
.c_entry {
margin-bottom: 10px;
}
.c_author {
color: rgba(255, 255, 255, 0.3);
}
.hapy_boys {
max-width: 500px;
margin: 0 auto;
}
/* ABOUT US TEEM */
.about_us_main {
position: relative;
z-index: 1;
}
.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 {
font-size: 37px;
padding: 15px 0;
background: url(../images/whiteline.png) repeat-x bottom;
margin-bottom: 15px;
}
.team_entry {
font-size: 17px;
margin-bottom: 15px;
}
.team_social {
display: block;
height: 50px;
}
.team_social a {
text-align: center;
margin: 0 3px;
font-size: 18px;
}
.team_social a:hover {
color: #8e2b22;
}
.our_skills h4 {
font-weight: 700;
text-transform: uppercase;
}
.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-size: 17px;
font-weight: 300;
}
/* CONTACT US */
.contact_us_main {
position: relative;
z-index: 1;
}
.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 {
padding-bottom: 40px;
border-bottom: #2f2f2f solid 1px;
margin-bottom: 60px;
}
.footer_intro h1, .footer_intro h2 {
color: #383838;
text-transform: uppercase;
text-align: center;
}
.social_line {
list-style: none;
text-align: center;
margin: 40px 0 0;
}
.social_line li {
display: inline;
}
.social_line li a {
font-size: 20px;
margin: 0 5px;
color: #2f2f2f;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.social_line li a:hover {
color: #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.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: italic;
color: #2f2f2f;
}
.fpost h6 a {
color: #fff;
text-decoration: none;
}
#flickr_badge_wrapper tr {
float: left;
}
.footer_bottom {
color: #4c4c4c;
font-weight: 300;
font-size: 16px;
}
.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;
}
.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;
padding: 5px;
margin: 25px 0;
}
.post_thumb img {
width: 100%;
height: auto;
}
.entry {
font-size: 17px;
margin-bottom: 50px;
}
.post_info {
text-align: center;
margin: 0;
padding: 0;
}
.post_info li {
display: inline-block;
font-size: 13px;
text-transform: uppercase;
line-height: 62px;
color: #a0cb86;
margin: 0 15px 5px;
}
.post_info li .circ {
display: inline-block;
color: #fff;
border: #a0cb86 solid 1px;
border-radius: 50%;
margin-right: 10px;
width: 62px;
font-size: 17px;
}
.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 {
width: 60px;
height: 60px;
border: #fff solid 2px;
border-radius: 50%;
display: block;
float: left;
margin-right: 5px;
line-height: 60px;
text-align: center;
font-size: 22px;
}
.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: #65aa3b solid 1px;
border-radius: 50%;
line-height: 62px;
}
.pagination ol li span.current {
background: #fff;
color: #56a228;
}
.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 {
display: inline-block;
color: #fff;
border: #a0cb86 solid 1px;
border-radius: 50%;
margin-right: 10px;
width: 62px;
font-size: 17px;
line-height: 62px;
text-align: center;
margin-bottom: 10px;
}
.post_nav {
text-align: left;
margin: 0;
padding: 0;
margin-bottom: 30px;
}
.post_nav li {
display: inline-block;
margin: 0 10px;
}
.post_nav li.prev_post a {
background: url(../images/cor_nav.png) no-repeat left;
}
.post_nav li.next_post a {
background: url(../images/cor_nav.png) no-repeat right;
}
.post_nav li.back_blog a {
background: url(../images/back_blog.png) no-repeat;
}
.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.5) 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";
}
.comment-reply-link {
text-transform: uppercase;
display: block;
font-size: 18px;
text-decoration: none;
padding: 5px 15px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-khtml-border-radius: 25px;
border-radius: 25px;
color: #fff;
border: transparent solid 1px;
}
.comment-reply-link:hover {
border: rgba(255, 255, 255, 0.5) solid 1px;
background: rgba(0, 0, 0, 0.1);
color: #fff;
}
.comment_entry {
margin-left: 87px;
}
ul.children {
padding: 0px 0 0 25px;
}
.comment-body {
padding: 25px 0 0;
border-top: #dcdcdc dashed 1px;
}
textarea#comment {
width: 100%;
height: 100px;
}
.commenter_info {
margin: 25px 0 0;
clear: both;
}
#respond {
overflow: hidden;
border-top: #dcdcdc solid 1px;
margin-bottom: 30px;
padding: 25px 0;
clear: both;
}
#sidebar > div {
margin-bottom: 40px;
clear: both;
}
#searchsubmit {
position: absolute;
top: -9999px;
display: none;
}
#s {
background: rgba(0, 0, 0, 0.2) url(../images/search-but.png) no-repeat 93% center;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border: none;
color: #fff;
text-transform: uppercase;
}
#sidebar ul {
margin: 15px 0;
padding: 0;
list-style: none;
}
#sidebar ul li a {
display: inline-block;
padding: 5px 10px;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
margin-bottom: 8px;
text-decoration: none;
color: #fff;
float: left;
text-align: left;
}
.widget_categories ul li.cat-item-1 {
display: none;
}
#sidebar ul li {
text-align: right;
overflow: hidden;
clear: both;
}
#sidebar ul li a:hover, #sidebar ul li.current-cat a {
background: #fff;
color: #454545;
}
.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 {
text-align: left !important;
margin-bottom: 10px !important;
background: url('../images/whiteline.png') repeat-x bottom;
padding-bottom: 10px;
}
.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 */
.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: #36848a;
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 {
background: #ffe9e9;
border: 1px solid #e7a9a9;
color: #d04544;
}
.alert.error .msg:before {
font-family: FontAwesome;
content: "\f071";
float: left;
}
.alert.success {
background: #e9f3d2;
border: 1px solid #acd556;
color: #92b750;
}
.alert.success .msg:before {
font-family: FontAwesome;
content: "\f14a";
float: left;
}
.alert.notice {
background: #fbf6e3;
border: 1px solid #e7d48d;
color: #cfb306;
}
.alert.notice .msg:before {
font-family: FontAwesome;
content: "\f05a";
float: left;
}
/* 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 {
margin-top: 80px;
}
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;
}