/* SHORTCODE */

.one_half, .one_third, .two_third, .three_fourth, .one_fourth {

    margin-right: 2%;

    float: left;

    margin-bottom: 20px;

    position: relative;

}

.one_half {

    width: 48%;

}

.one_third {

    width: 31%;

}

.two_third {

    width: 64%;

}

.one_fourth {

    width: 23%;

}

.three_fourth {

    width: 73%;

}

#page-content .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;

}

.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 */

.pbar {

    height: 38px;

    border: none;

    position: relative;

    margin-bottom: 10px;

    overflow: hidden;

    width:100%;

}

.pbar-content {

    background: red;

    height: 100%;

    color: white;

    -webkit-transition: width 1s ease-in-out;

    -moz-transition: width 1s ease-in-out;

    -o-transition: width 1s ease-in-out;

    transition: width 1s ease-in-out;

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

}

.pbar .pbar-title {

    color: white;

    font-weight: normal;

    position: absolute;

    top: 10px;

    left: 13px;

}

.pbar .percentage {

    font-size: 14px;

    color: #626363;

    font-weight: normal;

    position: absolute;

    top: 10px;

    left: 90%;

}



.pbar.red {

    background: white;

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

}

.pbar.red .pbar-content {

    background: red;

}

.pbar.red .pbar-title {

    color: white;

    text-transform: uppercase;

    font-size: 11px;

    line-height: 18px;

}



.pbar.yellow {

    background: #000000;

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

}

.pbar.yellow .pbar-content {

    background: yellow;

}

.pbar.yellow .pbar-title {

    color: black;

    text-transform: uppercase;

    font-size: 11px;

    line-height: 18px;

}



.pbar.black {

    background: white;

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

}

.pbar.black .pbar-content {

    background: black;

}

.pbar.black .pbar-title {

    color: white;

    text-transform: uppercase;

    font-size: 11px;

    line-height: 18px;

}



.pbar.orange {

    background: #EEEE22;

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

}

.pbar.orange .pbar-content {

    background: #111111;

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

}

.pbar.orange .pbar-title {

    color: #FFFFFF;

    text-transform: uppercase;

    font-size: 11px;

    line-height: 18px;

}



/* Button */

.buttons a {

    margin-right: 30px;

}

.button {

    text-decoration: none;

    display: inline-block;

    margin: 0 0 10px 10px;

}

.button:hover {

    background: rgba(0,0,0,.1);

}

.button:hover {

    color: #000;

}

.button.large {

    text-transform: uppercase;

    text-align: center;

    padding: 27px 66px;

    color: #fff;

    font-weight: bold;

    font-size: 19px;

    line-height: 19px;

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

}

.button.small {

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

    color: #FFFFFF;

    font-size: 15px;

    padding: 10px 20px;

    text-align: center;

    text-transform: uppercase;

    margin: 0;

}

.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;

}

.highlight_white {

    background: #fff;

    padding: 2px;

    color: #000;

}

.highlight_black {

    background: #000;

    color: #fff;

    padding: 2px;

}

.highlight_red {

    background: red;

    color: #fff;

    padding: 2px;

}

.highlight_yellow {

    background: #EEEE22;

    color: black;

    padding: 2px;

}

.dropcap {

    font-size: 60px;

    margin-right: 6px;

    padding-top: 11px;

    text-transform: uppercase;

    float: left;

    position: relative;

    top: 5px;

    padding-bottom: 11px;

}



ul.iconlist {

    list-style: none;

}



ul.iconlist i:before {

    float: left;

    margin-right: 8px;

}



span.quote{

    display: block;

    padding-left: 20px;

    border-left: 2px solid;

    font-style: italic;

    margin-top: 20px;

    margin-bottom: 30px;

    clear: both;

    float: none;

}



pre.code{

    font-family: inherit;

    line-height: inherit;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    border-radius:0;

    background: white;

}



.before-inner{

    height: 100%;

    width: 100%;

    position: absolute;

    background-size: cover;

    top: 0;

}

.before-outer {
	background-size: cover;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	background-size: cover;
	max-width: 100%;
	cursor: none;
}

img.before-img{

    visibility: hidden;

    width: 100%;

    height: auto;

}



.before-line{

    position: absolute;

    right: 0;

    top: 0;

    width: 1px;

    height: 100%;

    background: white;

    z-index: 5;

}

ul.pricing-table{

    list-style-type: none;

}

.pricing-table.featured{



}

.pricing-feature{

    /*-webkit-border-radius:25px;*/

    /*-moz-border-radius:25px;*/

    /*border-radius:25px;*/

    /*border: 1px solid #eeeeee;*/

    padding: 0;

    color: #fff;

}

.pricing-table {

    border: 1px solid rgba(0,0,0,0);

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

    padding: 0;

}



.price-title {

    font-size: 30px;

    font-weight: 900;

    padding: 20px;

    text-transform: uppercase;

    -webkit-border-top-left-radius: 20px;

    -webkit-border-top-right-radius: 20px;

    -moz-border-radius-topleft: 20px;

    -moz-border-radius-topright: 20px;

    border-top-left-radius: 20px;

    border-top-right-radius: 20px;

}

.price-title > h3 {

    left: 0px;

    position: relative;

    text-align: left;

}

.pricing-row {

    -webkit-border-radius:100px;

    -moz-border-radius:100px;

    border-radius:100px;

    font-size: 40px;

    letter-spacing: 0;

    margin: 10px 10px;

    text-transform: uppercase;

}

.price {

    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);

    display: block;

    left: 40px;

    margin: auto;

    position: relative;

}



.price > span:first-child {

    font-size: 30px;

    font-weight: 100;

}

.exact_price {

    font-size: 75px;

}

.price_cents {

    font-size: 20px;

    left: -4px;

    position: relative;

    top: -50px;

}

.time {

    font-size: 13px;

    left: -30px;

    position: relative;

    top: -30px;

}

.time:before {

    content: "/";

    padding-right: 5px;

    opacity: .2;

}

.pricing-feature {

    border-bottom: 1px solid rgba(255, 255, 255, 0.05);

    padding: 20px;

    position: relative;

}

.footer-row {

    padding: 40px 0 40px 0px;

    -webkit-border-bottom-right-radius: 20px;

    -webkit-border-bottom-left-radius: 20px;

    -moz-border-radius-bottomright: 20px;

    -moz-border-radius-bottomleft: 20px;

    border-bottom-right-radius: 20px;

    border-bottom-left-radius: 20px;

}

.btn-price {

    border: 1px solid;

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

    font-size: 20px;

    left: 60px;

    padding: 10px 40px;

    position: relative;

    text-transform: uppercase;

}



.team-member .soc {

    display: block;

}



ul.service{

    list-style-type: none;

    padding: 8px;

}

.testimonials p {

    color: #ffffff;

}



.service-visual {

    height: 120px;

    margin: 30px auto;

    overflow: hidden;

    text-align: center;

    width: 120px;

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

}



.service.featured .service-visual {



}

.service-title {

    text-align: center;

    margin-bottom: 20px;

    list-style: none;

}

.service-title:after {

    content: "";

    width: 20px;

    height: 2px;

    display: block;

    margin: 20px auto;

}

.service-visual.rounded {

    -webkit-border-radius:150px;

    -moz-border-radius:150px;

    border-radius:150px;

}



.service-visual.diamond{

    -webkit-transform:rotate(45deg);

    -moz-transform:rotate(45deg);

    -ms-transform:rotate(45deg);

    -o-transform:rotate(45deg);

    transform:rotate(45deg);

    margin-top: 40px;

    margin-bottom: 40px;

}



.service-visual.diamond .service-image,

.service-visual.diamond .service-icon{



}



.service-visual.diamond .service-image{

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    top: 50%;

    -webkit-transform:translateY(-50%);

    -moz-transform:translateY(-50%);

    -ms-transform:translateY(-50%);

    -o-transform:translateY(-50%);

    transform:translateY(-50%);

    vertical-align: middle;

}

.service-image {

    left: 0;

    margin: auto;

    position: absolute;

    right: 0;

    vertical-align: middle;

}



.service-icon{

    height: 100%;

}

.service-icon i {

    cursor: default;

    font-size: 60px;

    line-height: 110px;

    vertical-align: middle;

}

.service-text {

    list-style: none outside none;

    padding: 0 30px;

    text-align: center;

}

.vignette-overlay{

    background-image: url(../images/vignette.png);

    background-size: cover;

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 1;

    opacity: 0;

    transition: opacity 0.5s ease;

    -webkit-transition: opacity 0.5s ease;

    -moz-transition: opacity 0.5s ease;

    -o-transition: opacity 0.5s ease;

}

.photo-thumb.active .vignette-overlay,

.photo-thumb:hover .vignette-overlay{

    opacity: 1;

}

ul.team-member{

    list-style-type: none;

}

.team-photo img{

    margin: 10px auto;

    width: 90%;

    -webkit-border-radius:25px;

    -moz-border-radius:25px;

    border-radius:25px;

}



.soc a {

    display: inline-block;

    margin: 5px;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 47px;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

    font-size: 15px;

    -webkit-transition: all 0.2s ease-in-out 0s;

    -moz-transition: all 0.2s ease-in-out 0s;

    -o-transition: all 0.2s ease-in-out 0s;

    transition: all 0.2s ease-in-out 0s;

}

.team-position {

    display: inline-block;

    margin: 0;

    padding: 0;

    text-transform: uppercase;

    font-size: 12px;

    background: rgba(0,0,0,.1);

    padding: 5px 10px 5px 10px;

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

}

.team-thumb {

    cursor: pointer;

}



.chart {

    min-height: 140px;

    text-align: center;

}

.chart .percentage{

    position: relative;

    top: 65px;

}

.piechart-content {

    text-align: center;

    text-transform: uppercase;

    font-size: 11px;

}

.separator{
	width: 100%;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 30px;
	clear: both;
	opacity: 0.5;
	background: white;
}



.clear{

    clear: both;

}



.clients .client-item{

    height: 100%;

    overflow: hidden;

    padding: 10px;

    text-align: center;

}

.client-item h6 {

    opacity: 0.3;

    text-align: center;

    margin-top: 20px;

}

.clients .owl-buttons {

    margin: 0 auto;

    position: relative;

    text-align: center;

    top: -110px;

}

.clients .owl-prev {

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

    font-size: 0;

    height: 30px;

    left: -10px;

    position: absolute;

    top: 0;

    -webkit-transition: all 0.2s ease-in-out 0s;

    -moz-transition: all 0.2s ease-in-out 0s;

    -o-transition: all 0.2s ease-in-out 0s;

    transition: all 0.2s ease-in-out 0s;

    width: 30px;

}

.clients .owl-next {

    -webkit-border-radius:50px;

    -moz-border-radius:50px;

    border-radius:50px;

    font-size: 0;

    height: 30px;

    position: absolute;

    right: -10px;

    top: 0;

    -webkit-transition: all 0.2s ease-in-out 0s;

    -moz-transition: all 0.2s ease-in-out 0s;

    -o-transition: all 0.2s ease-in-out 0s;

    transition: all 0.2s ease-in-out 0s;

    width: 30px;

}

.owl-carousel .owl-wrapper-outer {



}