@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic|Great+Vibes);html,body{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;font-family:"Libre Baskerville",serif;color:#787878;font-size:14px}

section.rex-services{background-color:#fff;padding-bottom:50px;padding-top:50px}
section.rex-services div.rex-service-image{min-height:292px;text-align:center}
section.rex-services div.rex-service-image img{display:none;max-height:350px}
section.rex-services div.rex-service-tabs{padding:0}
section.rex-services div.rex-service-tabs ul{list-style:none;padding:0;margin-top:0;min-height:140px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;position:relative}
section.rex-services div.rex-service-tabs ul li{
float:left;
cursor:pointer;
min-width:25%;
min-height:140px;
background-image:url(../images/border-arrow.png);
background-position:right 0;
background-repeat:no-repeat;
 font-family: RALEWAY,sans-serif;
}

section.rex-services div.rex-service-tabs ul li.active{background-image:url(../images/border-arrow-active.png)}
section.rex-services div.rex-service-tabs ul li:last-child{background-image:none}
section.rex-services div.rex-service-tabs ul li a{font-size:1.14em;display:block;min-width:25%;position:absolute;bottom:20px;text-align:center;text-transform:uppercase;color:#787878;letter-spacing:2px;text-decoration:none; font-family: Montserrat,sans-serif !important;}
section.rex-services div.rex-service-tabs ul li.active a{color:#000; font-family: Montserrat,sans-serif !important;}
section.rex-services div.rex-service-tabs ul li.active a img{opacity:1}
section.rex-services div.rex-service-tabs ul li hr{margin-left:auto;margin-right:auto;width:30px;background-color:#787878}
section.rex-services div.rex-service-tabs ul li.active hr{background-color:#000000 !important}
section.rex-services div.rex-service-tabs ul li img{margin:0 auto;opacity:.5;-webkit-transition:opacity .2s;transition:opacity .2s}
section.rex-services div.rex-service-tabs div.tab-content{clear:left}
section.rex-services div.rex-service-tabs div.tab-pane{margin-top:26px}
section.rex-services div.rex-service-tabs div.tab-pane p{line-height:1.8; font-size: 15px;}

@media (max-width: 992px){
section.container-fluid.slider div.rex-heading{top:30%}
section.container-fluid.slider div.rex-heading h1,section.container-fluid.slider div.rex-heading span.rex-fancy-font{font-size:2em;letter-spacing:1px}
section.container-fluid.slider div.rex-heading h1 span{margin-bottom:0}
section.container-fluid.slider div.rex-heading h3{font-size:1.14em;display:none}
section.container-fluid.slider div.rex-heading hr{display:none}
section.rex-services div.rex-service-image{margin-bottom:40px}section.rex-about figure{display:block}section.rex-works-showcase .rex-modal{width:80%}
section.rex-works-showcase .rex-modal img{margin-top:10px;margin:0 auto;padding-bottom:0 !important;padding-left:0 !important;max-height:370px}
section.rex-works-showcase .rex-modal figcaption{padding:20px}
section.rex-works-showcase .rex-modal figcaption h3{margin:0;font-size:14px}
section.rex-works-showcase .rex-modal figcaption h3,section.rex-works-showcase .rex-modal figcaption h4,section.rex-works-showcase .rex-modal figcaption hr{margin:0;margin-bottom:10px}
section.rex-works-showcase .rex-modal figcaption p{line-height:1.2}
section.rex-works-showcase .rex-featured-portfolio img{margin:0 auto}section.rex-team{position:initial}
section.rex-team figure{z-index:initial}
section.rex-team figure figcaption{background-color:#f1f1f1}
section.rex-team .rex-team-bg{display:none}
section.rex-skills .left img,section.rex-skills .right img{margin:0 auto}
section.rex-skills .left{margin-bottom:30px}
section.rex-skills .right{margin-top:30px}
section.rex-skills .right img{float:none}
section.rex-pricing .container{width:100%}
section.rex-pricing article{position:relative;margin-bottom:480px}
section.rex-pricing article:last-child{margin-bottom:300px}
section.rex-pricing article .col-pad{left:50%;margin-right:-50% !important;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
section.rex-blog div.rex-post figure{max-height:300px}
section.rex-blog div.rex-post figure span.triangle{display:none}
section.rex-blog div.rex-post article{margin:50px 0}
section.rex-blog div.rex-post:nth-child(even) figure{float:none}

}

@media (max-width: 767px){
header.container-fluid{position:relative;background-color:#d9d9d9}
header.container-fluid.rex-only-sticky,header.container-fluid div.rex-sticky-wrapper{min-height:165px}
header.container-fluid.rex-only-sticky.is-sticky div.sticky-header,header.container-fluid div.rex-sticky-wrapper.is-sticky div.sticky-header{padding-top:0;padding-bottom:0}
header.container-fluid div.rex-social-profiles ul.social-profiles{text-align:center}div.search-bar{float:right}
div.search-bar input[type="text"]:focus{width:220px;background-color:#fff;border:none;font-size:10px}
div.rex-navbar ul{padding:20px 0;text-align:center}
div.rex-navbar ul li a{font-size:18px;padding:5px 10px}
div.rex-navigation{top:-55px;text-align:center;margin-top:0;padding-right:0}
div.rex-navigation button.trigger-nav{float:left;border:none}
div.sticky-header{display:block}
div.sticky-header div.rex-navigation{top:0}
div.sticky-header div.rex-navigation button.trigger-nav{border:none;margin-right:0}
div.sticky-header h2.rex-brand{line-height:1.5}
section.container-fluid.slider div.rex-parallax-image{min-height:700px}
section.container-fluid.slider div.rex-heading{top:15%}
section.container-fluid.slider div.rex-heading h1,section.container-fluid.slider div.rex-heading span.rex-fancy-font{font-size:1.71em}
section.container-fluid.slider div.rex-heading h3{display:none}section.container-fluid.slider a.rex-scrool-down{display:none}
section.rex-skills{background:none}
section.rex-skills div.col-md-6{margin:0 15px}
section.rex-contact div.rex-contact-form div.input-inline div.form-group{width:100%;float:none}
section.rex-contact div.rex-contact-form div.input-inline div.form-group input{width:85%}
section.rex-contact div.rex-contact-form div.input-inline div.form-group:first-child{margin:0;margin-bottom:30px}
section.rex-contact div.rex-contact-form div.form-group textarea{width:85%}
section.rex-works-showcase .rex-featured-portfolio{background-color:#fff}
section.rex-works-showcase .rex-featured-portfolio img{padding:0;margin:0 auto}
section.rex-single-blog-post div.rex-comments div.rex-comment.thred-two{margin-left:50px}
section.rex-single-blog-post div.rex-comments div.rex-comments-meta{text-align:center}
section.rex-single-blog-post div.rex-comments div.right{text-align:center;float:none}
section.rex-single-blog-post div.rex-comment-form div.input-small{width:100%}
section.rex-single-blog-post div.rex-comment-form div.form-group input,section.rex-single-blog-post div.rex-comment-form div.form-group textarea{width:90%}
section.rex-single-blog-post div.rex-comment-form input.submit-btn{margin-left:auto;margin-right:auto}section.rex-single-blog-post aside{text-align:center}
section.rex-single-blog-post aside h4{text-align:center}
section.rex-single-blog-post aside hr{margin-left:auto;margin-right:auto}
section.rex-features .owl-carousel .owl-wrapper-outer{margin-left:0}
section.rex-features div.feature-item .col-pad{margin-right:0}.hidden-xs{display:none !important}

	}

@media (min-width: 768px) and (max-width: 992px){
div.search-bar input[type="text"]:focus{width:245px}section.rex-contact div.rex-contact-form div.form-group textarea{width:90%}
}

@media (min-width: 320px) and (max-width: 599px){section.container-fluid.slider div.rex-parallax-image{min-height:600px}
section.container-fluid.slider div.rex-heading h1,section.container-fluid.slider div.rex-heading span.rex-fancy-font{font-size:1em}
section.container-fluid.slider div.rex-heading span.rex-fancy-font{font-size:1.6em}
section.rex-services div.rex-service-image{min-height:250px;margin-bottom:20px}
section.rex-services div.rex-service-image img{margin-bottom:0;max-height:250px}
section.rex-services div.rex-service-tabs{margin-top:10px}
section.rex-services div.rex-service-tabs ul li{padding:0px}
section.rex-services div.rex-service-tabs ul li a{font-size:10px}
section.rex-works-showcase div.rex-portfolio-showcase .rex-featured-portfolio figcaption{padding-left:30px}
section.rex-single-blog-post div.rex-comment-form div.form-group input,section.rex-single-blog-post div.rex-comment-form div.form-group textarea{width:82% !important}
section.rex-single-blog-post div.rex-comment-form input.submit-btn{margin-left:auto;margin-right:auto}
}


@media (max-height: 700px){div.rex-navbar ul li{margin:0}div.rex-navbar ul li a{font-size:18px;padding:5px 10px}}
@media (max-width: 1199px){section.rex-works-showcase div.rex-portfolio-showcase div.rex-portfolios figure:nth-last-child(2){clear:left}
}