/* =========================================================================

                                    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;

}

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

}

.next {

    right:0;

}





/* ======================

   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;

}



/* ======================

    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;

}

.element {

	width: 19.97%;

	margin-right: 1% !important;

	opacity: 0;

}
.element:nth-child(4n){ margin-right: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: 23.98%;

}

.full-screen.five-col .element {

	width: 19.97%;

}

.full-screen .element img {

	width: 100%;

}

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

}

.portfolio-item-terms{ display:block; margin-top:30px;}

.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: 16px;

	color: #fff;

    -webkit-font-smoothing: antialiased;

}

.full-screen-portfolio-overlay-cat {

	display:block;

	font-size: 12px;

	color: #fff;

	font-weight: bold;

	margin: 0px 4px;

     -webkit-font-smoothing: antialiased;

}

.full-screen-portfolio-overlay-title-section {

display: table-cell;

vertical-align: middle;

text-align: center;}

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

	}

}