/*
Theme Name: Freelancer Parent
Theme URI: http://themefuse.com/demo/wp/freelancer
Description: Freelancer is created by <a href="http://themefuse.com">ThemeFuse</a>.
Version: 1.0.6
Author: ThemeFuse
Author URI: http://themefuse.com
Tags: translation-ready
*/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file. You have been warned! :)
*/

/*===================================================*/
/* Primary styles
   #Author: Muntean Eugen
/*===================================================*/
/*
CSS STRUCTURE:

1. ADDITIONALLY STYLES

2. SITE STRUCTURE
  - Topmenu
  - Sections
  - Footer

3. EXTENDED TYPOGRAPHY and SHORTCODES
  - Slideshow Gallery and Text
  - Button

4. EXTENDED ELEMENTS
  - Newsletter box

5. POSTS
  - Blog post list
  - Comment list
  - Comment form / Contact form
  - Author description

FONTS USE:

font-family: 'Source Sans Pro', sans-serif;

*/

/*===================================================*/
/* 1. ADDITIONALLY STYLES */
/*===================================================*/

body , html {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:15px;
    color:#fff;}

/* Typography
===================================*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-style:normal;
    font-weight:normal;
    text-align: center;
    color:#333;}

h1 {
    font-size: 30px;
    line-height: 32px;
    font-weight:600;}

h2 {
    font-size: 24px;
    line-height: 32px;
    font-weight:bold;}

h3 {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 15px;}

h4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin-bottom: 15px;}

h5 {
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin-bottom: 15px;}

h6 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;}

h2.title {
    font-size:63px;
    line-height: 65px;
    margin-bottom:50px;
    font-weight:300;
    letter-spacing: -2.5px;
    color:#fff;
    margin-top:15px;}

.section.first h2.title {
    margin-bottom:60px;
}

.introduction {
    font-size:35px;
    line-height: 39px;
    font-style: italic;
    font-weight:300;
    margin-bottom:55px;}

h4.author-description {
    width:560px;
    margin:0 auto;
    font-size:26px;
    line-height: 33px;
    font-weight:300;}

h5.mini-title {
    font-size:15px;
    font-weight:700;
    text-transform: uppercase;
    position: absolute;
    bottom:50px;
    left:auto;
    text-align:center;
    display:block;
    z-index: 6;
    width:240px;}

h5.top-title {
    font-weight:700;
    font-style:italic;
    color:#000;
    opacity:0.6;
    text-transform: uppercase;
    margin-bottom:10px;
}

.myworks-section .mini-title {bottom: 60px;}
.myworks-section .ele.mini-title {bottom:45px;}
#home-section h2.title {color:#333;}

.contact-section .inner {
    padding:210px 0 120px;
}
/*Links*/

a:hover {text-decoration: none;}

/* images */

img {max-width:100% !important;height:auto;}
/*inputs*/
label {font-weight:400;}
input:focus,textarea:focus,select:focus,.cusel:focus {
    border:none;
    outline: none;
}
/* Clear Floats
===================================*/
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0}

/*Colors*/

.white-border{border-color:#f8f8f8 !important}
.blue-border {border-color:#49a7e9 !important}
.green-border{border-color:#a5d432 !important}
.pink-border {border-color:#f85353 !important}
.purple-border{border-color:#c870c0 !important}
.orange-border{border-color:#fab125 !important}

.white-border a,a.white-border {border-color:#eaeaea !important}
.blue-border a,a.blue-border {border-color:#479edc !important}
.green-border a,a.green-border {border-color:#9dc832 !important}
.pink-border a,a.pink-border {border-color:#ea5050 !important}
.purple-border a,a.purple-border{border-color:#bd6bb6 !important}
.orange-border a,a.orange-border {border-color:#eca826 !important}

.text-blue {color:#4faeed}
.text-green {color:#a2d731}
.text-pink {color:#d95a5a}
.text-purple {color:#c364b9}
.text-orange {color:#faaf22}

.white-bg  {
    color:#fff !important;}
.white-bg a, a.white-bg {
    background:#fff !important;}

.blue-bg {
    color:#3c9eec !important;}
.blue-bg a , a.blue-bg {
    background:#3c9eec !important;}

.green-bg{
    color:#a3d832 !important}
.green-bg a , a.green-bg {
    background:#a3d832 !important;}

.pink-bg {
    color:#da6162 !important;}
.pink-bg a , a.pink-bg {
    background:#da6162 !important}

.purple-bg {
    color:#c869bf !important;}
.purple-bg a , a.purple-bg {
    background:#c869bf !important;}

.orange-bg {
    color:#faaf22 !important;}
.orange-bg a , a.orange-bg {
    background:#faaf22 !important;
}

/*Container*/
.container {width:960px;margin:0 auto;padding:0;}


/*Clear Margin*/

.omega{margin-right:0 !important;}
.alpha{margin-left:0 !important;}
/*===================================================*/
/* 2. SITE STRUCTURE */
/*===================================================*/

/* TOPMENU
===================================*/

.topmenu {
    position:fixed;
    width:100%;
    top:0;
    left:0;
    background:#2e2e2e;
    border-top:2px solid #414141;
    z-index:1300;
    min-height:60px;
}

.topmenu ul {
    padding:0;margin:0;
    text-align:center;
    list-style:none;
    font-size:0;
    line-height:0;
    letter-spacing:-5px;
}

.topmenu ul li {
    display:inline-block;
    font-size:12px;
    border-top: 1px solid;
    *display:inline;
    zoom:1;
    margin-top:-2px;
    line-height: normal;
    letter-spacing:normal;
    text-transform: uppercase;
    min-width:93px;
    line-height:60px;
}

.topmenu ul li a {
    display:block;
    color:#fff;
    font-weight:600;
    opacity:0.75;
    border-top: 1px solid;
}

.topmenu ul li a:hover {
    opacity:1;
}


/* 2.1 SECTIONS
=====================================================*/

.section {
    position:relative;
    display:block;
    width:100%;
    min-height:300px;}

.section .inner {
    background-image: url(images/noise.png);
    width:100%;
    display:block;
    padding:210px 0;}

.section.first .inner {
    padding-top:140px;
}

/*section ico*/

.section-ico {
    width:270px;
    height:270px;
    padding:15px;
    border-radius:50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background:url(images/white-transparent.png) ;
    position:absolute;
    top:-135px;
    margin-left:-135px;
    left:50%;
    z-index:3;
    text-align: center; }

.color-bg {
    position: absolute;
    width: 150px;
    height: 100px;
    display: block;
    top: 74px;
    left: 60px;
    z-index: 4;}

.section-ico img {position: relative;z-index:5;}

/* 2.2 FOOTER
=====================================================*/
#footer {
    position:relative;
    background :#111;}

#footer .inner {
    background: url(images/noise.png);
    width:100%;
    display:block;
    padding:90px 0;
}

/*footer nav*/

.footer_nav ul {
    display:block;
    text-align: center;
    padding:0;
    list-style: none;
    font-size:0;
    line-height: 0;
    letter-spacing:-1em;
    word-spacing:-1em;
    border-bottom:1px solid #4e4e4e;
    width:460px;
    margin: 0 auto 50px;
    vertical-align:top;
}

.footer_nav ul li {
    font-size:13px;
    line-height: normal;
    display:inline-block;
    margin-right:80px;
    letter-spacing:normal;
    word-spacing:normal;
    vertical-align:top
}

.footer_nav ul li a {
    display:block;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#333;
    margin-bottom:-5px;
}
.footer_nav ul li:last-child {
    margin-right:0;
}

.footer_nav .tooltip-inner {
    background:transparent;
    text-transform: uppercase;
    font-weight:700;
    font-size:11px;
    font-family: 'Source Sans Pro', sans-serif;
    color:inherit !important;
}

.footer_nav  .tooltip .tooltip-arrow  {
    border:none !important;
}

.copyright {
    text-align:center;
    font-size:14px;
    font-style: italic;
    color:#999;
    margin-bottom:30px;
}

.copyright a {
    color:#faaf22;
}

.footer_socials {
    text-align:center;
}

.footer_socials a {
    margin:0 8px;
}

/*===================================================*/
/* 3. EXTENDED TYPOGRAPHY and SHORTCODES */
/*===================================================*/

/*Work carousel*/
.myWork .img1 .slide-img {width:290px;}
.myWork .img2 .slide-img {width: 638px;margin-left: -139px;}
.myWork .img3 .slide-img {width:500px;}
.myWork .img4 .slide-img {width:348px;position: relative;padding-top:87px;}
.myWork .img5 .slide-img {width:315px;padding-top:85px;}

.myWork .item {
    height:500px;}

.myWork .item.img2 {
    padding-top:60px;}

.myWork .item.img3 {
    padding-top:35px;}

.myWork .img1 .slide-text {
    width:545px;
    padding-top:65px;}

.myWork .img2 .slide-text {
    padding-top:5px;
    width:460px;}

.myWork .img3 .slide-text {
    width:375px;
    padding-top:25px;}

.myWork .img4 .slide-text {
    width:600px;
    padding-top:60px;
}

.myWork .img5 .slide-text {
    width:535px;padding-top:50px;
}

.myWork .slide-text p {
    line-height: 26px;
    font-size:17px;
    margin-bottom:30px;}

.myWork .slide-text h2.slide-title {
    text-align: left;
    font-size:26px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing: -1px;
    margin-bottom:25px;}

.myWork .slide-text h2.slide-title a{color:#000;opacity: 0.55}

.myWork .item .aslant-line {
    margin-top:70px;
    margin-right:12px;}

.myWork .img4 .aslant-line {
    position:absolute;
    top: -20px;
    right:250px;
}

.myWork .img4 .aslant-line.pull-right {
    left: -23px;
    top: 17px;
}

.carousel-control.right,.carousel-control.left {
    background:transparent;
    filter:none;
    width:32px;
    height:72px;
    top:150px;
    left:-100px;
}
.carousel-control.right {
    left:auto;
    right:-80px;}

.carousel-control .icon-prev,
.carousel-control .icon-next{
    background:url(images/icons/carousel_arrows.png) no-repeat center left;
    width:32px;
    height:72px;}

.carousel-control .icon-next {
    background-position:center right;
}

.carousel-control .icon-prev:before,
.carousel-control .icon-next:before{
    content:'';}

/*BLOG SLIDER*/
.blog-posts {padding-top:30px;}
.blog-posts .carousel-indicators {
    position:relative;
    left:0;bottom:0;right:0;top:0;
    width:100%;
    margin-left:0;
    padding-top:5px;
    height:300px;
    overflow: auto;}

.blog-posts .carousel-indicators li {
    display:block;
    width:auto;
    height:auto;
    border:none;
    border-radius:0;
    text-indent: 0;
    text-align: right;
    font-style: italic;
    color:#572052;
    line-height:18px;
    margin: 0 0 15px;
    font-size:17px;
    letter-spacing: -0.5px;}

.blog-posts .carousel-indicators li img {display:inline-block;*display:inline;zoom:1;vertical-align: middle;margin-left:10px;}
.blog-posts .carousel-indicators li span {vertical-align: middle;}
.blog-posts .carousel-indicators li.active {background: transparent;text-decoration: underline;}

.col-line {
    float:left;
    width: 10.666666666666664%;
    margin-left:40px;
}
.blog-posts .carousel-caption {
    left:0;
    right:0;
    text-shadow: none;
}

.carousel.carousel-fade .item {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity:0;}

.carousel.carousel-fade .active.item {
    opacity:1;}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
    left: 0;
    z-index: 1;}

.carousel.carousel-fade .carousel-control {
    z-index: 3;}
/*Buttons*/

a.button {
    display:inline-block;
    *display:inline;
    zoom:1;
    text-align:center;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    text-transform: uppercase;
    padding-right:20px;
    font-size:12px;
    color:#fff;
    background:#184993;}

.button span {
    display:block;
    height:34px;
    line-height: 34px;
    padding-left:25px;
    background: url(images/icons/link-arrow-small.png) no-repeat 15px 10px;
    color:#fff;}

.button.blue,
.button.green,
.button.orange,
.button.violet {
    background:rgba(0,0,0,.55);
}
/*Tags*/

span.tag {
    display:inline-block;
    height:34px;
    line-height: 34px;
    background:#fff url(images/icons/ok.png) no-repeat 10px 12px;
    padding:0 18px 0 25px;
    color:#4eafee;
    text-transform: uppercase;
    font-size:12px;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    margin-right:1px;
    margin-bottom:4px;
}

.post-item span.tag {
    background:#fff;
    padding:0 18px;
    height:30px;
    line-height: 30px;
}
/* CATEGORY LIST
=============================*/
.widget-category {
    list-style:none;
    width:80%;}

.widget-category li {
    display: block;
    border-radius: 0;
    text-indent: 0;
    font-style: italic;
    line-height: 18px;
    margin: 0 0 15px;
    font-size: 17px;
    letter-spacing: -0.5px;
    text-align:right;
    cursor:pointer;
}

.widget-category img,
.widget-category span {
    display:inline-block;
    vertical-align:middle;
}

.widget-category img {
    margin-left:10px;
    opacity: 0.60;
}
.widget-category li span {
    color:#000;
    opacity:0.55;
}
.widget-category li.active {
    cursor:default;
}

.widget-category li.active span{
    text-decoration: underline;
}

.category-aslant-line {
    position:absolute;
    top:0;
    left:40px;
}

.post-category .carousel-control.right {
    right:-500px;
}

.post-category .carousel-control.right,
.post-category .carousel-control.left {
    top:90px;
}
/* CAROUSEL
============================*/

.carousel-control.right,.carousel-control.left {
    background:transparent;
    filter:none;
    width:32px;
    height:72px;
    top:150px;
    left:-100px;
}
.carousel-control.right {
    left:auto;
    right:-80px;}

.carousel-control .icon-prev,
.carousel-control .icon-next{
    background:url(images/icons/carousel_arrows.png) no-repeat center left;
    width:32px;
    height:72px;}

.carousel-control .icon-next {
    background-position:center right;
}

.carousel-control .icon-prev:before,
.carousel-control .icon-next:before{
    content:'';}

.carousel.post-category .item {
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    opacity:0;
}

.carousel.post-category .active.item {
    opacity:1;
}

.carousel.post-category .active.left,
.carousel.post-category .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel.post-category .next,
.carousel.post-category .prev {
    left: 0;
    z-index: 1;
}

.carousel.post-category .carousel-control {
    z-index: 3;
}

/* SERVICE CAROUSEL
=====================================================*/
.services-carousel{
    position:relative;
    margin-bottom:50px;
}

.services-carousel .service-img {
    position:relative;
    padding-top:70px;
}
.services-carousel .service-img .aslant-line-left ,
.services-carousel .service-img .aslant-line-right {
    position:absolute;
    left:-21px;
    top:20px;
}

.services-carousel .service-img .aslant-line-right {
    right:-18px;
    left:auto;
}

.services-carousel .carousel-footer {
    text-align: center;
    padding:70px 0 0;
}

.services-carousel .carousel-footer a{
    min-width:150px;
    padding:5px 90px 5px 70px;
    font-size:13px;
}

h3.services-title {
    font-size:22px;
    color:#000;
    opacity:0.55;
    line-height: 28px;
    letter-spacing: -1px;
    font-weight:600;
    text-transform: uppercase;
    text-align: left;
}
.work-examples {
    padding:0;
    margin:0;
    list-style: none;
}
.work-examples li {
    margin:4px 5px;
}
.work-examples li a {
    color:#fff;
    font-size:15px;
}
.work-examples li a::before {
    content: "•";
    padding-right:10px;
}

.work-examples li a:hover {
    text-decoration: underline;
    color:#000;
    opacity: 0.55;
    font-weight: 600;
}

a.link-view {
    font-size: 13px;
    color:#000;
    opacity:0.55;
    font-weight:700;
    text-transform: uppercase;
    display:inline-block;
    margin-top:5px;
}

span.sub-text {
    font-size:13px;
    font-weight:700;
    text-transform: uppercase;
    color: #000;
    opacity: 0.55;
    display:block;
}

.widget-text p {
    line-height: 25px;
}

.examples a.up ,
.examples a.down {
    font-size: 13px;
    color: #000;
    opacity: 0.55;
    font-weight: 700;
    text-transform: uppercase;
    margin-left:20px;
    margin-top:15px;
    display:inline-block;
}

.examples a.down {
    margin-left:65px;
}

/*===================================================*/
/* 5. POSTS */
/*===================================================*/

/* BLOG POST
===========================*/


.post-item {
    position:relative;
    text-align: left;
}

.post-item p {
    line-height:26px;
}

.post-item .post-title {
    visibility:hidden;
    width:0;
    height:0;
    overflow:hidden;
}

.post-item .surounded-img {
    margin:30px 0;
    display:block;
}

.post-img {
    margin-bottom:30px;
}

.post-entry p:last-child {
    margin-bottom:30px;
}

.post-tags h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color:#000;
    opacity:0.55;
    text-align: left;
    margin-bottom:10px;
}

.post-tags span{
    display:inline-block;
    background:#fff;
    border-radius:2px;
    padding:0 18px;
    height:30px;
    line-height:30px;
    color: #4eafee;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-right: 1px;
    margin-bottom: 4px;
}

.post-item .meta-bot {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #000;
    opacity: 0.55;
    text-align: left;
}

.post-item .meta-bot span {
    display: inline-block;
    vertical-align: middle;
    cursor:pointer;
}

.meta-bot span.separator {
    margin: 0 5px;
}

/* POST CATEGORY
=======================*/

.post-category {
    display:none;
}

.post-category.active {
    display:block;
}

/* COMMENT LIST
=====================================================*/
.comment_list {
    position:relative;
    padding:0 0 10px 0;
    margin-top:70px}

.comment_list h3 {
    font-size:27px;
    margin-bottom:50px;
    text-align: left;
    color:#000;
    opacity: 0.55;}

.comment_list ol, .comment_list ul {
    margin:0;
    padding:0}

.comment_list ol {
    margin-bottom:20px;
    padding-bottom:10px}

.comment_list ul li,
.comment_list ol li,
.comment_list ol li ul li:first-child {
    margin:10px 0 0 0;
    list-style:none}

.comment {
    clear:both;
    display:block;
    min-height:25px;
    padding: 0 0 0 41px;
    color:#211818}

.comment_body {
    background:#fff;
    font-size:13px;
    padding:20px 15px;
    border-radius:5px;}

.children li {
    padding-left:50px}

.comment_avatar {
    width:81px;
    display:inline-block;
    vertical-align: middle;
    margin-right:25px;
    margin-left:-55.5px;}

.comment_text {
    display:inline-block;
    vertical-align: middle;
    width:423px;
    position:relative;
    font-size:13px;
    line-height: 20px;
    text-align:right;}

a.link-author , .link-author {
    font-size:15px;
    text-transform: uppercase;
    color:#232323;
    font-weight: 700;
    padding-bottom:5px;
    text-align:left;
    float:left;
}

.comment-date , a.link-reply {
    font-size:12px;
    font-style: italic;
}

.comment_entry {
    clear:both;
    line-height:1.5em;
    text-align:left;
    font-size:13px;}

.children .comment_text {
    width:373px}

.children .children .comment_text {
    width:323px}

/* Comment Form
===================================*/

label.label_title {
    display:block;
    font-size:12px;
    font-weight:700;
    text-transform: uppercase;
    color:#000;
    opacity: 0.55;
    margin-bottom:8px;}

.add-comment {
    margin-top:50px;
    margin-bottom:20px;
}
.add-comment .field_text{
    margin-right:67px;
    margin-bottom: 20px;}

.add-comment .field_text .inputtext ,
.add-comment .field_textarea .textarea ,
input.inputField,
textarea.textareaField{
    border:0;
    box-shadow:none;
    padding:10px;
    border-radius:3px;}

.add-comment .field_text .inputtext,
input.inputField{
    width:240px;
    height:34px;
    font-size:12px;
    color:#232323;
    text-transform: uppercase}

.add-comment .field_textarea .textarea,
textarea.textareaField{
    width:100%;
    max-width:100%;
    height:145px;
    resize: none;
    margin-bottom:35px;
    padding:20px 18px;
    font-size:13px;
    color:#232323}

.add-comment .reset_form ,
.contact_form .reset_form{
    float:right;
    font-size:11px;
    text-transform: uppercase;
    font-weight: 700;
    width:35px;
    color:#000;
    opacity: 0.55;
}

/* Contact Form
===================================*/

.contact_form  label.label_title {
    color:#000;
    opacity: 0.55;}

.contact_form {margin-top:40px;margin-bottom: 50px;}

.contact_form .field_text ,
.contact_form .field_select {
    margin-right:20px;
    margin-bottom:15px;
    position:relative;
}

.contact_form input.inputField {
    width:223px;
}

#symbol {
    position:absolute;
    right:10px;
    bottom:12px;
    display:block;
    width:12px;
    height:10px;
    background:transparent;
}
/* cuSel */

.cusel {
    height:34px;
    line-height:34px;
    background:#fff;
    border-radius:3px;
    font-size:12px;
    color:#232323;
    max-width:100%;}

.cuselItem label {margin:0 !important;cursor: pointer;opacity:0.6;}
.cusel-scroll-pane > span:hover label {opacity:1;}

.cuselItem {
    line-height:36px;
    border:1px solid #e6e6e6;
    border-top:none;
    cursor: pointer;}

.cuselItem:first-child {
    border-top:1px solid #e6e6e6;
}
.cuselText {
    height:34px;
    line-height: 36px;
    padding:0 10px;
    font-weight:400;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}

.cusel-scroll-wrap .jScrollPaneContainer {
    border:0;
    color:#232323;
    text-transform: uppercase;
    font-size:12px;}

.cusel-scroll-wrap .cuselActive {
    color:#232323;}

.cuselFrameRight, .jScrollArrowUp, .jScrollArrowDown {
    background: url(images/icons/arrow.png) no-repeat center center;}

.cuselFrameRight {width:32px;}
.cusel-scroll-wrap .cuselActive label {opacity:1;}
.cusel-scroll-pane > span {padding:0 10px;}

.widget-contacts {
    position:relative;
    display:block;
    margin-top:50px;
}

span.contact_button {
    display:block;
    width:100%;
    line-height:44px;
    font-size:16px;
    text-transform: uppercase;
    text-align:center;
    background:#a65e00;
    border-radius:2px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cb_wrap{
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

span.contact_button img {
    margin-top:-4px;
    margin-right:10px;
}

/* AUTHOR DESCRIPTION
===================================*/

.author-description {
    position:relative;
    margin-top:120px;
    margin-bottom:60px;}

.author-img {
    position: relative;
    width:350px;
    margin-right:40px;}

.author-img .aslant-line-left {
    position:absolute;
    right:-9px;
    top:-35px;
}

.author-text {
    font-size:15px;
    line-height:26px;
    width:570px;
    padding-top:5px;
}
.author-socials {
    margin-top:10px;
}
.author-socials a{
    margin:0 5px;
}

.author-socials .tooltip-inner {
    border-radius: 2px;
    background:rgba(0,0,0,.70);
    font-weight:700;
    text-transform: uppercase;
    padding:8px;
    font-size:12px;
    color:#fff;
}

.author-socials .tooltip.top .tooltip-arrow {
    border-top-color: rgba(0,0,0,.70);
}

a.link-download {
    text-transform: uppercase;
    color:#000;
    opacity:0.55;
    font-weight: 700;
    font-size:13px;
    margin-top:12px;
    margin-right:40px;
}

.contact-section .map {
    width:350px !important;
    height:230px !important;
    -webkit-mask-image: url(images/polygon.png);
}

.contact-section .contact_map {
    position:relative;
    margin-top:65px;
    margin-left:95px;
}

.map  img {max-width:none !important;}
.map label {width: auto; display: inline !important}
.map-aslant-line {
    position:absolute;
    left: -12px;
    top: -33px;;}


/*===================================================*/
/* CARPENTER STYLES */
/*===================================================*/

.carpenter .myWork .slide-text h2.slide-title a ,
.carpenter #myworks-section h5.top-title{
    color:#000;
    text-shadow:0 1px 0 rgba(0,0,0,.57);
    opacity: 0.55;
}

.carpenter #myworks-section {
    max-height: 988px;
}

/* wp styles */
.services-carousel .carousel-inner>.item{
    padding:0 20px;
    min-height: 435px;
}
.must-log-in a{
    color: #232323;
}
.author-img.pull-right{
    margin-left: 40px;
    margin-right: 0;
}
.add-comment #submit:hover{
    opacity: 0.8;
}
.add-comment #submit{
    opacity: 1;
    zoom: 1;
    text-align: center;
    display: inline-block;
    height: 34px;
    line-height: 32px;
    padding-left: 25px;
    padding-right: 20px;
    background: rgba(0,0,0,.55) url(images/icons/link-arrow-small.png) no-repeat 15px 10px;
    color: #fff;
    border: 0;
    font-size: 12px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    text-transform: uppercase;
}
.add-comment .reset_form{
    line-height: 15px;
}
.comment_avatar{
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    overflow: hidden;
}
.comment-date{
    text-transform: uppercase;
}
.children .children .children .comment_text{
    width: 272px;
}
.children .children .children .children .comment_text{
    width: 222px;
}
.comment_body .add-comment .inputtext,.comment_body .add-comment .textarea{
    border: 1px solid #ccc;
}
.comment_body .add-comment .inputtext{
    width: 204px;
}
.children .add-comment .inputtext{
    width: 179px;
}
.children .children .add-comment .inputtext{
    width: 154px;
}
.children .children .children .add-comment .inputtext{
    width: 129px;
}
.post-image.pull-left, .video_embed.pull-left{
    margin-right: 10px;
    margin-bottom: 5px;
}
.post-image.pull-right, .video_embed.pull-right{
    margin-left: 10px;
    margin-bottom: 5px;
}
.video_embed.pull-left, .video_embed.pull-right{
    margin-bottom: 0;
}
.myWork .img6 .slide-text{
    width:300px;
    padding-top:0;
}
.myWork .img6 .slide-img{
    margin-top: 25px;
}
.myWork .img6 .slide-img,.myWork .img6 .video_embed{
    max-width: 500px;
}
.myWork .img6 .aslant-line {
    margin-top: 0;
}
.content_404{
    text-align: center;
    color: #000;
}
/* for footer menu */
.author-socials img{
    opacity: 0.60;
}
.cusel-scroll-pane > span:hover, .cusel-scroll-pane .cuselOptHover{
    background: #f6f6f6 !important;
    color: #232323;
}
.footer_nav li a{
    background: #fff !important;
}
.footer_nav li.blue-border a{
    background: #3c9eec !important;
}
.footer_nav li.blue-border{
    color: #3c9eec !important;
}
.footer_nav li.green-border a{
    background: #a3d832 !important;
}
.footer_nav li.green-border{
    color: #a3d832 !important;
}
.footer_nav li.pink-border a{
    background: #da6162 !important;
}
.footer_nav li.pink-border{
    color: #da6162 !important;
}
.footer_nav li.purple-border a{
    background: #c869bf !important;
}
.footer_nav li.purple-border{
    color: #c869bf !important;
}
.footer_nav li.orange-border a{
    background: #faaf22 !important;
}
.footer_nav li.orange-border{
    color: #faaf22 !important;
}
.gmap_marker{
    color: #000;
}
.flickr_badge_image img{
    float: left;
    margin: 10px;
}
.image_frame.pull-left{
    margin-right: 10px;
    margin-bottom: 5px;
}
.image_frame.pull-right{
    margin-left: 10px;
    margin-bottom: 5px;
}
.image_frame.pull-center{
    border: none;
    display: block;
    margin: 10px auto 15px auto;
    text-align: center;
}
.link-more{
    text-transform: uppercase;
    color: #5a1f54;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
}
.link-more:hover{
    color: #5a1f54;
}
.comment-form,li.comment{
    max-width: 548px;
}
.myWork .img5 .oblique_image{
    margin-top: 60px;
    margin-right: 0;
}
#Works .mini-title {
    bottom: 60px;
}
.pull-right {
    float: right !important;
}
a.yellow,.box_yellow{
    background: yellow;
}
a.black,.box_black{
    background: #000000;
}
a.pink,.box_pink{
    background: pink;
}
a.green,.box_green{
    background: green;
}
.box_blue{
    background: #184993;
}
.comment_text .url{
    font-size: 15px;
    text-transform: uppercase;
    color: #4eafee;
    font-weight: 700;
    padding-bottom: 5px;
    text-align: left;
    float: left;
}
.page .section-ico{
    top: 62px;
}
.page .container{
    padding-top: 220px;
}
/* Default Color */
#Home{
    background-color: #f8f8f8;
}
#Works,#Works .section-ico .color-bg{
    background-color: #48A1E7;
}
#Works .section-ico .mini-title{
    color: #48A1E7;
}
#Services,#Services .section-ico .color-bg{
    background-color: #9BCF2F;
}
#Services .section-ico .mini-title{
    color: #9BCF2F;
}
#About,#About .section-ico .color-bg{
    background-color: #C74141;
}
#About .section-ico .mini-title{
    color: #C74141;
}
#Blog,#Blog .section-ico .color-bg{
    background-color: #BB52B2;
}
#Blog .section-ico .mini-title{
    color: #BB52B2;
}
#Contact,#Contact .section-ico .color-bg{
    background-color: #FAAC1B;
}
#Contact .section-ico .mini-title{
    color: #FAAC1B;
}
#commentform a{
    color: #000;
    opacity: 0.55;
}
.add-comment .reset_form{
    margin-top: -34px;
}
.comment-reply-link{
    color: #232323;
}
/*-----------------------------------*/
/* Back to Top */
/*-----------------------------------*/
#toTop {
    background-color: #111111;
    background-image: -moz-linear-gradient(center top, #222222, #111111);
    border: 1px solid #333333;
    border-radius: 4px 4px 4px 4px;
    bottom: 20px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: none;
    height: 34px;
    opacity: 0.8;
    overflow: hidden;
    position: fixed;
    right: 20px;
    text-indent: -999px;
    transition: all 0.2s ease 0s;
    width: 34px;
    z-index: 999;
}
#toTop span {
    background: url(images/top-btn.png) no-repeat scroll 2px 2px transparent;
    border: medium none;
    display: inherit;
    height: 34px;
    position: relative;
    width: 34px;
}
.gecko #toTop span, .ie #toTop span{
    display: block;
}
#toTopHover:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
    opacity: 0.95;
    transition: all 0.2s ease 0s;
}
#toTop:active, #toTop:focus {
    outline: none;
}
.wp-caption,.wp-caption-text,.sticky,.gallery-caption,.bypostauthor,.alignright,.alignleft,.aligncenter{}
/* for CF */
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline:none;
}
/* for CF chrome radio buttons - depends of background of .section */
/*.contactForm {
	position:relative;
	background-image: url(images/noise.png);
	background-color: #FAAC1B;
}*/
.wp-caption{max-width:100%}