/* =========================================================================
                                    SHORTCODES
   ========================================================================= */
.be-shortcode {
    margin-bottom: 60px;
}   

.be-notification {
    margin-bottom: 20px;
}

.rev_slider_wrapper{
    z-index: 1;
}

#be-pb-main .be-shortcode, #be-pb-main .be-notification{
    margin-bottom: 0;
}

#content-wrap.no-page-builder {
	padding-top: 50px;
	padding-bottom: 50px;
}
/* ======================
   Column Blocks 
   ====================== */
.header-sep.be-wrap {
	z-index: 0;
}
.be-wrap {
    max-width: 1102px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}   

.column-block { 
    float: left;
    margin-left: 2.75%; 
    margin-bottom: 72px;
}
.one-col.column-block {
    margin-left: 0px;
    float: none;
}

.one-third{ width:31.5%; }
.one-fourth{ width:22.9375%; }
.one-fifth{ width:17.8%; }
.one-half{ width:48.625%; }
.two-third{ width:65.75%; }
.three-fourth{ width:74.3125%; }
.column-block *:last-child {
    margin-bottom: 0 !important;
}
.be-last-child {
    margin-bottom: 0 !important;
}

.be-row .column-block:first-child{
    margin-left: 0;
}
.be-row.zero-bottom .column-block {
    margin-bottom: 0;
}
.be-section .be-row:last-child .column-block {
    margin-bottom: 0;
}

.two-third .column-block, .three-fourth .column-block {
    margin-bottom: 0;
}

.be-section.be-video-section,
.be-section.be-bg-overlay {
    position: relative;
}
.be-section {
    overflow: hidden;
	z-index: 0;
    position: relative;
}
.be-row {
    z-index: 3;
    position: relative;
}
#bottom-widgets .be-row {
    z-index: 1;
}
.be-bg-video {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}
.be-animate {
    visibility: hidden;
}
#be-pb-main .be-animate {
	visibility: visible;
}
.be-bg-parallax {
    background-attachment: fixed;
}
.be-bg-cover {
    background-size: cover !important;
    -webkit-background-size:cover !important;
    -moz-background-size:cover !important;
}
.section-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
}
/* ======================
   Lists 
   ====================== */
.custom-list{
    list-style: none;
    padding: 0;
}
.custom-list .font-icon{
    /*margin-right: 15px;*/
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    float: left;
}

.custom-list .font-icon:before {
    margin:0;
    width: auto;
}
.custom-list-content{
    margin-bottom: 0;
    padding-left: 15px;
    float: left;
    width: 82.25%;
    line-height: 30px;
}

   

/* ======================
    Accordion
   ====================== */ 


.ui-accordion{
    margin-bottom: 50px;
    font-size: 12px;
    line-height: 21px;
}
.accordion {
	opacity: 0;
}
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    padding: 15px;
    min-height: 0;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    background: #f8f8f8;
    color: #7c7c7c;
    outline: 0;
    border: 1px solid #dedede;
    line-height: normal;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.14);
    -ms-box-shadow: 0px 0px 3px rgba(0,0,0,0.14);
    -o-box-shadow: 0px 0px 3px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 3px rgba(0,0,0,0.14);
    font-family: inherit;
    font-weight: bold;
}
.ui-accordion .ui-accordion-header.ui-accordion-header-active.ui-state-active {
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    color: #32343a;
}
.ui-accordion .ui-accordion-header.top-space {
    margin-top: 20px;
}
.ui-accordion .ui-accordion-noicons {
    padding-left: .7em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
    padding: 15px;
    border-top: 0;
    overflow: auto;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #dedede;
    margin-top: -1px;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}  
   
/* ======================
    Tabs
   ====================== */ 
.ui-tabs {
    position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    margin-bottom: 50px;
    font-size: 12px;
    line-height: 21px;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0px;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: 15px;
    text-decoration: none;
    background: #f0f0f0;
    font-weight: bold;
    color: #7c7c7c;
    outline: 0;
    border: 1px solid #dedede;
    margin-left: -1px;
}
.ui-tabs .ui-tabs-nav li:first-child a {
    margin-left: 0px;
}
.ui-tabs .ui-tabs-panel p:last-child,.ui-accordion .ui-accordion-content p:last-child {
    margin-bottom: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    cursor: text;
    border-bottom: none;
    background: #fbfbfb;
    padding-bottom: 16px;
    color: #32343a;
}
.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #dedede;
    margin-top: -1px;
    padding: 20px;
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.ui-tabs .ui-tabs-panel p {
    width: 100%;
}
.tabs li a.tab-icon:before {
	font-size: 13px;
	width: 25px;
	text-align: left;
}
/* ======================
    Call to Action
======================== */

.call-to-action{
    padding: 40px 50px;
}
#be-pb-main .call-to-action{
    padding: 0;
}
.call-to-action .button{
    margin-top: 10px;
}
.call-to-action .button, .call-to-action p{
    margin-bottom: 0;
}
.action-content {
    float: left;
    width:70%;
    margin-right: 4%;
}
.action-button {
    float: right;
    margin-top: 5px;
}

/* ======================
   Title with Icon  
   ====================== */

.title-icon, .title-icon {
    display: inline-block;
    font-size: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
	float: left;
}
.title-icon.circled {
    border-radius: 50%;
}
.title-icon.rounded {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.title-icon {
    margin-right: 20px !important;
}
.title-with-icon {
    padding-left: 50px;
    margin-top: -7px;
}
.title-icon-heading {
    padding-left: 50px;
    margin-bottom: 0px;
    position: relative;
    top: -7px;
}


/* ======================
    Animated Numbers
   ====================== */

.animate-number,.animate-number-caption {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}

.animate-number-wrap {
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ======================
    Project Details
======================== */

.project_details{
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}
.project_details li span{
   font-weight: bold;
   color:#23272c;
}
/* ======================
    Skills
======================== */

.skill_container{
    width:100%;
    position:relative;
}
.skils-bar-wrap {
	position: relative;
	background: #2d323e;
    padding: 2px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#skill { 
    list-style:none; 
    padding: 0;
}
#skill li {
    margin-bottom: 30px;
    position: relative;
}
.expand { 
    height: 8px;
    line-height: 15px;
	display: block;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	position: relative;
	transition: 1s ease-out width !important;
	width: 0px;
}
.skill_name{
    font-size: 13px;
	margin-bottom: 2px;
}
.skill-value {
	position: absolute;
	color: #7a8593;
	top: -25px;
	right: -10px;
	display: none;
}

/* ======================
    Our Team
======================== */

.team-title{
    margin-bottom: 0px;
}
.designation{
    font-size: 11px;
}

.team-social {
    list-style: none;
    margin:20px 0 0;
}
.team-social li{
    display: inline;
}
a.team_icons{
    font-size: 16px;
    margin: 0 5px;
    color: inherit;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
}

.team-img:hover {
    opacity: 0.8;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

/* ======================
    Related Items
======================== */

.related-items .post-thumb.style-2{
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 0px !important;
}
.related-items {
    margin-bottom: 72px;
}
.related-items:last-child {
    margin-bottom: 0;
}
/*.related-items .one-third .post-thumb, .related-items .one-third iframe{
   max-height: 175px;
   overflow: hidden;
}

.related-items .one-fourth .post-thumb, .related-items .one-fourth iframe{
    max-height: 128px;
    overflow: hidden;
}*/
.related-items .post-nav, .related-items .post-nav h6 {
    margin-bottom: 0;
    padding: 0;
}
.related-items .column-block{
    margin-bottom: 0;
}

.single-portfolio .related-items {
    margin-bottom: 72px;
}

/* ======================
    Services
======================== */

.services-wrap, .team-wrap {
    padding: 20px 15px;
    text-align: center;
}
.services-wrap p.services-description , .team-wrap p{
    margin-bottom: 5px;
}
.services-img.style-1{
    margin-bottom: 15px;
}
.services-title{
    margin-bottom: 10px;
}

/* ======================
    Client Carousel
======================== */
.carousel-wrap{
    position: relative;
    margin-bottom: 50px;
}
.be-carousel {
    margin: 0;
    padding: 0;
    list-style: none;
	height: 0px;
	overflow: hidden;
	-webkit-transition: height 400ms ease;
	-moz-transition: height 400ms ease;
	-o-transition: height 400ms ease;
	transition: height 400ms ease;
}
.be-carousel li{
    float: left;
    margin: 0px 10px;
    display: block;
	position: relative;
	overflow: hidden;
}
.portfolio-carousel .be-carousel li {
	margin: 0px 0px;
}
.portfolio-carousel .be-carousel li img {
	width: 100%;
	max-width: 100%;
}
.portfolio-carousel .be-carousel-nav.prev{
	margin-left: 10px;
}
.portfolio-carousel .be-carousel-nav.next{
	margin-right: 25px;
}
.be-wrap .portfolio-carousel .be-carousel-nav.next{
	margin-right: 10px;
}
.client-carousel li a{
    display: block;
    text-align: center;
    line-height: 120px;
}
.client-carousel li img{
    vertical-align: middle;
	width: 100%;
	height: auto !important;
}
.client-carousel li img:hover{
    opacity: 0.8;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}
.be-carousel-nav {
	position: absolute;
	top: 50%;
	font-size: 20px;
	line-height: 20px;
	margin-top: -20px;
	width: 20px;
	text-align: center;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	background: #2d323e;
	border-radius: 3px;
	color: #fff !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.prev {
    left: 0;
    margin-left: -60px;
}
.next {
    right:0;
    margin-right: -60px;
}


/* ======================
   Dropcaps 
   ====================== */

.dropcap .font-icon:before{
    width: auto;
    margin: 0;
}   

.dropcap-circle, .dropcap-letter, .dropcap-icon,.dropcap-rounded{
    float: left;
    text-transform: uppercase;
}

.dropcap-circle.small, .dropcap-rounded.small{
    margin-top: 3px;
    font-size: 19px;
    line-height: 36px;
    margin-right: 10px;
    width: 36px;
    height: 35px;
    text-align: center;
}

.dropcap-circle {
    border-radius: 50%;
}

.dropcap-rounded {
    border-radius: 3px;
}

.dropcap-letter {
    font-size: 35px;
    margin: 10px 10px 0 0;
} 
.dropcap-letter.small{
    font-size: 24px;
    margin: 10px 15px 0 0;
}

.dropcap-circle.big, .dropcap-rounded.big{
    margin-top: 5px;
    font-size: 26px;
    line-height: 47px;
    width: 47px;
    height: 47px;
    margin-right: 10px;
    text-align: center;
}

.dropcap-circle , .dropcap-rounded {
    color:#fff;
}


/* ======================
    Buttons
========================*/

.btn_wrap {
    display: inline-block;
    display: inline-table;
    margin:0 20px 40px 0;
}
.be-button {
    display: inline-block;
    margin:0px 20px 10px 0;
    text-decoration: none;  
}
.icon-shortcode.block-center .be-button {
	margin:0px 0px 10px 0;
}
.icon-shortcode.block-center .font-icon {
	margin-right: 0px;
}

.be-button {
	transition: none !important;
}
.be-button, .be-button:hover , .be-button:visited {
    color: #fff;
}
p .be-button {
    margin-bottom: 0; 
}

.be-button.rounded {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.smallbtn {
    font-size: 11px;
    line-height: 11px;
    font-weight: bold;
    padding: 12px 20px;
}
.mediumbtn {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 11px;
    padding: 18px 30px 18px;
}
.largebtn {
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    letter-spacing: 1px;
    padding: 20px 45px;
}
.icon-button{
    padding-left: 10px;
}

.icon-button:before{
   margin-right: 1em !important;
}
.be-button i {
	margin-right: 1em;
}

/* ======================
    Special Heading
   ====================== */


 
.special-heading{
    margin-bottom: 30px;
    position: relative;   
}

.special-h-tag {
    display: block;
    padding-bottom: 10px;
    margin: 0;
    letter-spacing: 5px;
}

.special-heading:first-child{
    margin-top: 0;
}

.special-heading.align-center {
    text-align: center;
}
.special-heading.align-right {
    text-align: right;
}
.special-heading.align-center .special-sep {
    display: block;
	margin: 5px auto;
}

/* ======================
    Separator
   ====================== */

.separator {
    margin: 0;
    border: none;
    margin-bottom: 30px;
}

.separator.style-1 {   
    height: 1px;
    border-bottom: thin solid;
}
.separator.style-2 {
    border-top: medium double;
    text-align: center;
}
.separator.style-2:after {
    content: '\2605';
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    
    font-family: "fontello";
}
.separator.style-3 {
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-width:1px;
    border-bottom-width: 1px;
    height: 2px;
}


/* ======================
    Notification
   ====================== */

.success, .wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #00ca98;
    color: #cdf8ef;
    font-weight: bold;
   
}
.error, .wpcf7-response-output.wpcf7-validation-errors{
    background: #f0807f;
    color:#ffd8d9;
}
.be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {
    cursor: default;
    line-height:20px;
    margin-bottom:20px;
    padding: 12px 30px 12px 20px;
    border:none;
    text-align: center;
    position: relative;
    border-radius: 2px;
}  
.be-notification span.close {
    cursor: pointer;
    margin-top: -6px;
    position: absolute;
    right: 19px;
    top: 50%;
    line-height: 12px;
    width: 12px;
    height: 12px;
    color: #fff;
    opacity: 0.5;
}


/* ======================
    Recent Posts Shortcode
   ====================== */

   .recent-post-header{ margin-top: 10px; margin-bottom: 10px; }
   .recent-post-header h5{ margin-bottom: 0; }
   .recent-posts-content {margin-bottom: 10px;}


/* ======================
    Pricing Table
   ====================== */   

.pricing-table{
    list-style: none;
    padding: 0;
	box-shadow: 0px 1px 3px rgba(151, 151, 151, 0.59);
	-moz-box-shadow: 0px 1px 3px rgba(151, 151, 151, 0.59);
	-webkit-box-shadow: 0px 1px 3px rgba(151, 151, 151, 0.59);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}   
.pricing-table li{
    margin: 0;
    padding: 12px;
    text-align: center;
	line-height: 25px;
}
.pricing-table li:first-child{
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-top: none;
	border-left: none;
	border-right: none;
}
.pricing-button .button{
    margin: 0;
}
.pricing-price{
    padding: 25px 15px;
}
.pricing-table .price {
    font-size: 60px;
    line-height: 50px;
    font-weight: bold;
    display: inline-block;
	color: #272b34;
}
.pricing-title {
	background: #2d323e;
	padding: 12px !important
}
.pricing-title * {
	color: #fff !important;
}
.pricing-table .currency {
    font-size: 30px;
    color: #000;
    opacity: 0.2;
}
.pricing-table .pricing-duration {
	display: block;
	font-style: italic;
	font-size: 13px;
	color: #7a8593;
}
.pricing-table.highlight-yes {
    margin-top: -12px;
}
.pricing-table.highlight-yes .pricing-title, .pricing-table.highlight-yes .pricing-button{
    padding: 12px 12px !important;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}
.pricing-table.highlight-no .price{
    font-size: 40px;
    line-height: 45px;
}
.pricing-table.highlight-no{
    margin-top: 10px;
}
.pricing-table.highlight-no .pricing-duration {
    font-size: 12px;
    padding: 10px 30px 0;
    line-height: 22px;
}
.pricing-table.highlight-no li.pricing-price {
    padding: 20px 0;
}
.pricing-button a.be-button {
	padding: 17px 25px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	margin: 18px 0px !important;
}
.highlight-no .pricing-button a.be-button {
	margin: 8px 0px !important;
}
.highlight-no li {
	font-size: 11px;
}
.pricing-feature.highlight {
	background: #f8f8f8;
}
.pricing-table li.pricing-price {
	padding: 30px 0px;
}



/* ==============================
   Icons
   ============================== */

.icon-shortcode .font-icon {
    display: inline-block !important;
    text-align: center;
    margin-right: 10px;
    font-family: "fontello";
    margin-bottom: 10px;
}
.font-icon.small {
    font-size: 14px;
}
.font-icon.medium {
    font-size: 26px;
}
.font-icon.large {
    font-size: 45px;
}
.font-icon.small {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
.font-icon.medium {
    height: 75px;
    line-height: 78px;
    width: 75px;
}
.font-icon.large {
    width: 110px;
    height: 110px;
    line-height: 110px;
}
.circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.rounded {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.icon-shortcode.block-center, .icon-shortcode.block-center, .icon-shortcode.block-right {
    display: block;
    margin-bottom: 20px;
}
.block-fullwidth a{
	display: block !important;
	text-align: center;
}
.icon-shortcode.block-left {
	text-align: left;
}
.icon-shortcode.block-center {
	text-align: center;
}
.icon-shortcode.block-right {
	text-align: right;
}
.icon-shortcode.block-right a.be-button {
	margin-right: 0px;
}
/* =========================================================================
                                    PORTFOLIO
   ========================================================================= */

/**** 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:         top, left, 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;
}

.element{
    float: left;
    margin: 0px 0px 30px 0px;
    overflow: hidden;
}
.portfolio .element {
	opacity: 0;
}
.element-inner a {
	overflow: hidden;
}
.three-col .element{
    width:  334px;
}
.four-col .element{
    width:  253px;
}
.two-col .element{
    width:  526px;
}
.full-screen .element {
	width: 19.97%;
	margin: 0px !important;
	opacity: 0;
}
.layout-box .portfolio.full-screen {
    margin-right: 0;
}
.layout-box .portfolio-container {
    width: 100.15%;
}
.full-screen.three-col .element {
	width: 33.27%;
}
.layout-box .full-screen.three-col .element {
    width: 33.33%;
}
.full-screen.four-col .element {
	width: 24.97%;
}
.full-screen.five-col .element {
	width: 19.97%;
}
.full-screen .element img {
	width: 100%;
}
.element img {
	vertical-align: initial !important;
	margin: 0px;
	padding: 0px;
	display: block;
	border: none;
}
.portfolio{
    margin-bottom: 50px;
}
.portfolio-container {
	width: 100%;
}
.portfolio-container .thumb-overlay .thumb-icons i {
	line-height: 38px;
	display: block;
}
.portfolio-categories{
    list-style: none;
    padding: 0;
    margin-bottom: 10px;
}

.portfolio-categories h6 {
    font-size: 11px !important;
}

.portfolio-categories li{
    float: left;
    margin-right: 10px;
    margin-bottom: 0;
}
.portfolio-title {
    margin-bottom: 0;
}

.portfolio-title h5{
    margin-bottom: 3px;
}

.three-col .element{
    width:  334px;
    margin-bottom: 40px;
}

.three-col .portfolio-title h5{
    font-size: 14px;
    margin: 12px 1px 1px !important;
}

.three-col .portfolio-content{
    font-size: 12px;
}

.four-col .portfolio-title h5{
    font-size: 13px;
    margin: 7px 1px 1px !important;
}

.four-col .portfolio-content{
    font-size: 11px;
}

.portfolio-title a {
    display: block;
}

.portfolio-content{ margin-bottom: 10px; }

.element .one-half , .element .be-button, .element img {
    margin-bottom: 0;
}
.element .be-row, .portfolio.one-col .element{
    margin-bottom: 50px;
}
.two-col .portfolio-title, .related-items .portfolio-title{
    padding: 5px 5px 5px 0;
    margin: 12px 1px 1px !important;
}
.portfolio-content-wrap{
    padding-left: 10px;
}



.portfolio .pagination_parent{
    margin-top: 40px;
}

/* thumb effects */
.thumb-wrap {
    display: block;
}
.thumb-wrap, .thumb-bg{
    position: relative;
}
.thumb-bg{
    width: 100%;
    height: 100%;
}

.thumb-overlay {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    display: none;
}
.thumb-icons{
    position: absolute;
    height: 38px;
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
}
.popup-gallery {
    display: none;
}
.overlay-thumb-icons {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    left: 0px;
}
.overlay-thumb-icons a {
    line-height: 38px;
    display: inline-block;
    margin: 0px 5px;
}
.overlay-thumb-title-wrap {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.thumb-bg.act-table {
    display: table
}
.overlay-thumb-title {
    display: inline-block;
    zoom: 1;
    max-width: 90%;
}
.overlay-thumb-title h5{
    margin-bottom: 0px;
    font-size: 16px;
    text-transform: uppercase;
}
.thumb-icons a{
    margin-right: 10px;
    padding: 6px 5px 4px 5px;
    display: inline-block;
    border-radius: 50%;
}
.thumb-icons .font-icon {
    font-size: 16px;
}
.overlay-thumb-icons .font-icon {
    font-size: 16px;
}

.overlay-cats {
    font-size: 12px;
    font-weight: 200;
}
.ms-opacity {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}
.full-screen-portfolio-overlay-title-section-wrap {
	display: table;
}
.full-screen-portfolio-overlay-title-section {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.full-screen-portfolio-overlay-title {
	font-size: 20px;
	color: #fff;
	font-weight: bold;
    -webkit-font-smoothing: antialiased;
}
.full-screen-portfolio-overlay-cat {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 0px 4px;
     -webkit-font-smoothing: antialiased;
}
/* Filters */

.filters .sort{
  height:25px;
  padding:7px 5px;
  cursor:pointer; 
  transition:0.5s linear all; 
  line-height: 25px;
}
.filters{
 /*height:46px;*/
 text-transform: uppercase;
 margin-bottom:30px;  
 font-size: 12px;
 text-align: center;
}
.filter-title {
    color: inherit !important;
}

/* Single Portfolio */
.project_navigation{
    margin: 40px 0;
}
.project_navigation h6 {
    display: inline;
    font-size: 12px;
    font-weight: 600;
}
.project_navigation a{
    display: inline-block;
}
.project_navigation a[rel=next]{
    float: right;
}
.project_navigation a[rel=prev]{
    float: left;
}


.related-posts-title{
    margin-bottom: 40px;
}
.related-posts .header-sep{
    margin-bottom: 72px;
}
.testimonial_slide {
	text-align: center;
}
.testimonial_author {
	color: #23272c;
	margin-right: 10px;
}
.testimonial_author_position {
	margin-right: 10px;
}
.testimonial_controller_wrap {
	list-style: none;
	text-align: center;
	margin-top: 30px;
}
.testimonial_controller_wrap li {
	display: inline-block;
	margin-right: 10px;
}
.testimonial_controller {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    width: 44px;
}
.testimonial_overlay {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.testimonial_overlay .icon-font-quote:before {
	content: '\e823';
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	margin: -12px 0 0 -13px !important;
}
.testimonial_overlay .icon-font-quote {
	color: #FFFFFF;
    display: block;
    font-size: 19px;
	margin: -12px 0 0 3px !important;
	position: absolute;
    left: 50%;
    top: 50%;
}
.testimonial_controller.hover-active .testimonial_overlay.bg,
.testimonial_controller.active .testimonial_overlay.bg {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.testimonial_controller.hover-active  .testimonial_overlay.bg-none,
.testimonial_controller.active  .testimonial_overlay.bg-none {
	z-index: 2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.twitter_module {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.twitter_module .tweet_list {
	text-align: center;
	color: #424344;
}
.twitter_module .tweet_list .status {
    color: inherit;
    display: block;
    font-size: 25px;
    line-height: 35px !important;
    margin: 0 auto;
    max-width: 900px;
    text-align: center;
}
.twitter_module .tweet_list .meta {
	text-align: center;
	display: block;
	color: #272b34;
}
.twitter_module .tweet_list .meta a {
	color: #272b34;
}
.twitter_slider {
	margin-bottom: 30px !important;
}
.twitter_module .tweet_list .font-icon.icon-twitter {
	font-size: 45px;
	display: inline-block;
    margin-bottom: 25px;
}
span.subtitle {
	font-size: 11px;
}
#back-top {
    background: #000;
    bottom: 100%;
    color: #fff !important;
    cursor: pointer;
    font-size: 25px;
    padding: 0px 3px 4px 3px;
    position: fixed;
    bottom: 25px;
    right: 40px;
    z-index: 10;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
    display: none;
    display: block;
    line-height: 38px;
 }
.tp-leftarrow,.tp-rightarrow {
	-webkit-transition: margin 0.4s ease-in-out;
	-moz-transition: margin 0.4s ease-in-out;
	-o-transition: margin 0.4s ease-in-out;
	transition: margin 0.4s ease-in-out;
}
.tp-leftarrow {
	margin-left : -100px;
}
.tp-rightarrow {
	margin-right : -100px;
}
.rev_slider_wrapper:hover .tp-leftarrow {
	margin-left: 0px;
}
.rev_slider_wrapper:hover .tp-rightarrow {
	margin-right: 15px;
}
.phone-number-wrap:before, 
.mail-wrap:before,
.header-cart-link:before,
.tparrows:before {
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: 0.2em;
	-webkit-font-smoothing: antialiased !important;
}
.tparrows {
    background: #1a1c26 !important;
    font-size: 29px;
    color: #fff;
    line-height: normal;
    padding: 0px 1px 5px 1px;
    width: auto !important;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tp-rightarrow:before {
	content: '\e897';
	font-family: "fontello";
}
.tp-leftarrow:before {
	content: '\e898';
	font-family: "fontello";
}
.tp-bullets.simplebullets .bullet {
	border-radius: 0px;
	width: 65px !important;
	height: 7px !important;
	background: #1a1c26 !important;
	margin-left: 15px !important;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.tp-bullets.simplebullets.round .bullet.first {
	margin-left: 0px !important;
}
.footer-right-column-wrap .menu {
	padding-bottom: 0px;
	border-bottom: none;
}
.footer-right-column-wrap .menu li:before {
	display: none;
}
.footer-right-column-wrap .menu li {
	display: inline-block;
	margin-left: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
	border-bottom: none;
	line-height: 25px;
}
/* =========================================================================
                                    Small Desktop
   ========================================================================= */ 
@media only screen and (min-width: 960px) and (max-width: 1279px) {
    .be-wrap {
        max-width: 970px;
        margin: 0 auto;
    }  
    .three-col .element{
        width:  290px;
    }
    .four-col .element{
        width:  220px;
    }
    .two-col .element{
        width:  460px;
    }
}

/* =========================================================================
                                    TABLET
   ========================================================================= */


@media only screen and (min-width: 768px) and (max-width: 959px) {
    .be-wrap {
        max-width: 730px;
        margin: 0 auto;
    }     
    .call-to-action{
        padding: 30px 30px;
    }
    .action-content , .action-button { float: none; }
	.fullscreen-col .element { width: 33.3%; }

    .three-col .element{ width:210px; }
    .four-col .element { width:160px; }
    .two-col .element{ width:340px; }
    .content-single-sidebar .column-block {
        width: 100%;
        margin-left: 0;
        float: none;
    }
}

/* =========================================================================
                                    MOBILE 320
   ========================================================================= */


@media only screen and (max-width: 767px) {
    .be-wrap {
        max-width: 300px;
        margin: 0 auto;
    } 
    .column-block {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .column-block .column-block{
        margin-bottom: 60px;
    }
    .be-section .be-row:last-child .column-block {
        margin-bottom: 60px;
    }
    .be-section .be-row:last-child .column-block:last-child {
        margin-bottom: 0;
    }

    .call-to-action{
        padding: 20px 20px;
    }


    ul.tabs li {
        width: 298px;
    }

    .three-col .element, .four-col .element , .two-col .element{
        width:300px !important;
    }
    .action-content, .action-button{ float: none; }   
    .portfolio-content-wrap{
        padding-left: 0px;
    }
    .custom-list-content { width: 82%; }
    .related-items .column-block {
        margin-bottom: 40px;
    }
	.full-screen .element, .full-screen.three-col .element, .full-screen.four-col .element, .full-screen.five-col .element {
		width: 100% !important;
	}
}


/* =========================================================================
                                    MOBILE 480
   ========================================================================= */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .be-wrap {
        max-width: 440px;
        margin: 0 auto;
    } 

    ul.tabs li {
        width: 438px;
    }

    .three-col .element, .four-col .element , .two-col .element{
        width:100% !important;
    }
	.full-screen .element, .full-screen.three-col .element, .full-screen.four-col .element, .full-screen.five-col .element {
		width: 49.98% !important;
	}
}