/*************************************************   
Theme Name: Studio86
Theme URI: http://Studio86.weblusive-themes.com
Description: A fully responsive one-page Worpdress theme.
Author: PremiumLayers & Weblusive  
Author URI: http://www.weblusive.com/
Version: 1.0
License: See on zip package
License URI: See on zip package
Tags: dark, light
*************************************************/
/*-------------------------------------------------
 =  Table of Css

 1.Isotope                              
 2.Header                          
 3.General code                   
 4.Content - home section                              
 5.content - portfolio section                               
 6.content - services section 
 7.content - team section        
 8.content - about section                                 
 8.content - blog section                                 
 9.content - contact section                             
 10.Footer    
-------------------------------------------------*/


/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}


/* = Header/*-------------------------------------------------*/
header {
    z-index:99998;
}
.navbar {
    width:100%;
    margin-bottom:0;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -o-box-shadow:none;
}
.navbar.active {
    position:fixed;
    opacity:0.95;
}
.navbar-brand {
    padding:0;
}
.navbar-default .navbar-brand{color:#fff}
a.navbar-brand  {font-family:Anton; font-size:36px;  color:#fff;}
.navbar-header{min-height:50px}
.innher-header {
    padding:0 15px;
    padding-left:0;
    background:#ef353e;
}
.navbar-nav {
    margin-top:21px;
    margin-bottom:22px;
    margin-right:15px;
}
.navbar-default .navbar-nav>li {
    margin-left:22px;
}
.navbar-default .navbar-nav>li:first-child {
    margin-left:0px;
}
.navbar-default .navbar-nav>li>a {
    color:#fff;
    font-size:17px;
    font-family:Play;
    font-weight:300;
    position:relative;
    text-transform:uppercase;
    padding:18px 16px 10px 16px;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a.active,
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color:#fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background:transparent; 
}
.navbar-default .navbar-nav > .active > a::before, .navbar-nav>li>a.active::before {
	height:6px;
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
 .navbar-default .navbar-nav>li>a.active:after{height:1px; background:#fff; position:absolute; transition:opacity 0.3s ease 0s, height 0.3s ease 0s; bottom:0; left:0; width:100%;
 
    opacity: 1;
    transform: translateY(0%);}
.navbar-default .navbar-nav > .active > a span:last-child, .navbar-nav>li>a.active span:last-child {
	opacity:1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	transform: translateY(0%);
	
}

.navbar-default .navbar-nav>li>a:hover:after, .navbar-default .navbar-nav>li>a.active {
    opacity:1;
}
.navbar-toggle {
    background:#fff;
}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
    background: #fff;
}
/*-------------------------------------------------*/

/* = General /*------------------------------------*/
html {overflow-x:hidden}
h1, h2, h3, h4, h5, h6{ font-family:'Raleway',sans-serif;}
body {
    font-family:'Raleway',sans-serif;
    font-size:15px;
    font-weight:300;
    color:#707070;
    line-height:24px;
    overflow-x:hidden;
}
#container {
    opacity:0;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
}
#container.active {
    opacity:1;
}
.preloader {
    position:fixed;
    top:50%;
    left:50%;
    width:128px;
    height:128px;
    margin-top:-64px;
    margin-left:-64px;
    -webkit-backface-visibility:hidden;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
}
.preloader img {
    -webkit-backface-visibility: hidden;
}
/*-------------------------------------------------*/
/* = content - home section/*-------------------------------------------------*/
#home-section {
    position:relative;
    overflow:hidden !important;
    width: 100%;
}
#back-home {
    position:absolute;
    width:100%;
    height:100%;
    min-width:1920px;
    top:0;
    left:50%;
    margin-left:-960px;
    overflow:hidden;
    background:background:-webkit-linear-gradient(90deg,#757F9A 10%,#D7DDE8 90%);
    /* Chrome 10+,Saf5.1+*/
    background:-moz-linear-gradient(90deg,#757F9A 10%,#D7DDE8 90%);
    /* FF3.6+*/
    background:-ms-linear-gradient(90deg,#757F9A 10%,#D7DDE8 90%);
    /* IE10 */
    background:-o-linear-gradient(90deg,#757F9A 10%,#D7DDE8 90%);
    /* Opera 11.10+*/
    background:linear-gradient(90deg,#757F9A 10%,#D7DDE8 90%);
    /* W3C */
}
.slider-heading {background:rgba(237,30,40, 0.8); padding:20px; display:inline-block}
/*-------------------------------------------------*/
/* = content - portfolio section/*-------------------------------------------------*/

.grid h3 {
    text-align:left;
}
.grid {
    overflow:hidden;
    width:100%;
    list-style:none;
    text-align:center;
    margin: 0px;
}
/* Common style */
.grid figure {
    position:relative;
    z-index:1;
    display:inline-block;
    overflow:hidden;
    margin:-0.135em;
    width:33.333%;
    height:auto;
    background:#3085a3;
    text-align:center;
    cursor:pointer;
    margin-bottom:-5px;
}
.staff-box figure {
    position:relative;
    z-index:1;
    display:inline-block;
    overflow:hidden;
    margin:-0.135em;
    width:100%!important;
}
.grid figure img {
    position:relative;
    display:block;
    opacity:0.8;
}
.grid figure figcaption {
    padding:2em;
    color:#fff;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
.grid figure figcaption::before,.grid figure figcaption::after {
    pointer-events:none;
}
.grid figure figcaption,.grid figure a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
    z-index:1000;
    text-indent:200%;
    color:#fff;
    font-size:0;
    text-decoration:none;
	opacity:1;
}
.grid figure:hover a{opacity:1}
.grid figure h2 {
}
.grid figure h2,.grid figure p {
    margin: 0;
}
.grid figure p {
}
/*---------------*/
/***** Bubba *****/
/*---------------*/
figure.effect-bubba {
    background:#000;
}
figure.effect-bubba img {
    opacity:1;
    -webkit-transition:opacity 0.35s;
    transition:opacity 0.35s;
    width:100%;
}
figure.effect-bubba:hover img {
    opacity:0.7;
}
figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after {
    position:absolute;
    top:30px;
    right:30px;
    bottom:30px;
    left:30px;
    content:'';
    opacity:0;
    -webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
    transition:opacity 0.35s,transform 0.35s;
}
figure.effect-bubba figcaption::before {
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    -webkit-transform:scale(0,1);
    transform:scale(0,1);
}
figure.effect-bubba figcaption::after {
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    -webkit-transform:scale(1,0);
    transform:scale(1,0);
}
figure.effect-bubba h2 {
    padding-top:30%;
    -webkit-transition:-webkit-transform 0.35s;
    transition:transform 0.35s;
    -webkit-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0);
    font-family:Anton;
    font-size:36px;
}
figure.effect-bubba p {
    padding:0px 2.5em;
    opacity:0;
    -webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
    transition:opacity 0.35s,transform 0.35s;
    -webkit-transform:translate3d(0,20px,0);
    transform:translate3d(0,20px,0);
    font-family:Raleway;
    font-size:19px;
}
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after {
    opacity:1;
    -webkit-transform:scale(1);
    transform:scale(1);
}
figure.effect-bubba:hover h2,figure.effect-bubba:hover p {
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
@media screen and (max-width:69.5em) {
    .grid figure {
        width:50%;
        height:auto;
    }
    .grid figure figcaption {
        font-size:90%;
    }
}
@media screen and (max-width:41.5em) {
    .grid figure {
        width:100%;
    }
}
.title-section {
    text-align:center;
    margin-bottom:40px;
}
.title-section h1 {
    margin:0 10px;
    font-size:50px;
    color:#707070;
    text-align:center;
    font-family:'Raleway';
    font-weight:100;
}
.title-section h1:before {
    margin-right:110px;
    content:'[';
    transition:all 0.5s ease;
    color:#d5d5d5;
}
.title-section h1:after {
    margin-left:110px;
    content:']';
    transition:all 0.5s ease;
    color:#d5d5d5;
}
#contact-section .title-section h1 {
    color:rgba(255,255,255,0.6);
}
#contact-section .title-section p {
    color:#fff;
}

.section:hover .title-section h1:before {
    margin-right:20px;
    color:#2f2f2f;
}
.section:hover .title-section h1:after {
    margin-left:20px;
    color:#2f2f2f;
}
.section:hover .title-section h1{
    color:#ef353e;
}


#contact-section:hover .title-section h1:before {
    margin-right:20px;
    color:#fff;
}
#contact-section:hover .title-section h1:after {
    margin-left:20px;
    color:#fff;
}
#contact-section:hover .title-section h1 {
    color:#fff;
}
#services-section h4 {
    font-size:50px;
    color:#707070;
    text-align:center;
    font-family:Raleway;
    font-weight:100;
}
.promo-section h5 {
    font-size:28px;
    font-weight:300!important;
    font-family:Raleway;
    text-align:center;
    color:#707070;
    margin:26px 0 16px 0;
}
.promo-section p {
    text-align:center;
    line-height:28px;
    color:#707070;
}
.promo-section img {
    display:block;
    margin:0 auto;
    text-align:center;
    margin-top:40px;
    width:100%;
    max-width:800px;
}
.promo-section span {
    color:#fff;
    font-weight:bold;
    font-size:40px;
    background:#ef353e;
    padding:0px 12px;
}
.title-section p, p.tagline {
    color:#adadad;
    font-size:18px;
    font-family:Raleway;
    font-weight:300;
    line-height:24px;
    margin:0;
}
ul.filter {
    padding:0;
    text-align:center;
    padding:26px 0;
    margin-bottom:30px;
}
ul.filter li {
    list-style:none;
    display:inline-block;
    margin-left:5px;
}
ul.filter li:first-child {
    margin-left:0px;
}
ul.filter li a {
    display:inline-block;
    color:#000000;
    font-size:18px;
    font-family:Raleway;
    font-weight:300;
    position:relative;
    text-decoration:none;
    padding:6px 15px;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
	 background:#fff;
}
ul.filter li a:hover,ul.filter li a.active{
	background:#ef353e
}
ul.filter li a span {
    position:relative;
    z-index:2;
}
ul.filter li a:after {
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:0;
    background:#fff;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
}
ul.filter li a:hover:after,ul.filter li a.active:after {
    height:100%;
	background:#ef353e
}
ul.filter li a:hover,ul.filter li a.active {
    color:#fff;
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    outline:none !important;
}
.white-popup {
    position:relative;
    padding:40px 0;
    width:auto;
    max-width:600px;
    margin:20px auto;
}
.some-element {
    background:#FFF;
    padding:48px;
}
.last-row {
    text-align:center;
    font-weight:700;
    color:#fff;
}
.white-popup p {
    font-size:13px;
    line-height:24px;
    margin-bottom:20px;
}
.mfp-wrap {
    z-index:999999;
}
#first-popup .flexslider {
    position:relative;
    margin-top:0;
}
.mfp-close-btn-in .mfp-close {
    color:#a1a1a1 !important;
    width:16px;
    outline:none;
    right: 10px;
}
/*-------------------------------------------------*/
/* = content - services section/*-------------------------------------------------*/
#services-section {
    padding-top:100px;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
}
.services-post {
    margin-bottom:40px;
    overflow:hidden;
}
.services-post a {
    display:inline-block;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
    width:56px;
    height:80px;
    float:left;
    margin-left:15px;
    text-align:center;
    position:relative;
}
.services-post a:after {
    position:absolute;
    content:'';
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#ef353e;
    border-radius:50%;
    width:80px;
    height:80px;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
    -webkit-backface-visibility:hidden;
    text-align:center;
}
.services-post:hover a:after {
    transform:skewX(0deg);
    -webkit-transform:skewX(0deg);
    -moz-transform:skewX(0deg);
    -o-transform:skewX(0deg);
}
.services-post a i {
    line-height:80px;
    font-size:28px;
    color:#fff;
    position:relative;
    z-index:2;
    margin-left:22px;
    margin-top:2px;
}
.services-post-content {
    text-align:left;
    margin-left:120px;
}
.services-post-content h3 {
    color:#181818;
    font-size:20px;
    font-family:Raleway;
    font-weight:300;
    margin:0 0 4px;
}
.services-post-content p {
    color:#a8a8a8;
    font-size:15px;
    font-family:Raleway;
    font-weight:300;
    margin:0;
    line-height:22px;
}
.img-holder {
    text-align:center;
    margin-top:30px;
}
.img-holder img {
    display:inline-block;
    max-width: 100%;
}
/*-------------------------------------------------*/
/* = content - team section/*-------------------------------------------------*/
#team-section {
    padding:100px 0 35px;
    position:relative;
}
#customElement {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:#000;
}
#customElement:after {
    width:100%;
    height:100%;
    position:absolute;
    content:'';
    top:0;
    left:0;
    background:#ef353e;
    z-index:0;
}
.staff-post {
    margin-bottom:40px;
    opacity:0.8;
    text-align:center;
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    filter:grayscale(100%);
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.staff-post:hover {
    opacity:1;
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    filter:grayscale(0%);
}
.staff-post img {
    width:100%;
}
.staff-post-content {
    background:#ef353e;
    padding:17px 20px;
}
.staff-post-content h5 {
    color:#fff;
    font-size:20px;
    font-family:Raleway;
    font-weight:300;
    margin:0;
}
.staff-post-content span {
    display:inline-block;
    color:#fff;
    font-size:14px;
    font-family:Raleway;
    font-weight:300;
    margin:0;
}
ul.staf-social {
    padding:23px 20px;
    margin:0;
    background:#c7c7c7;
}
ul.staf-social li {
    display:inline-block;
    margin-right:8px;
}
ul.staf-social li a {
    display:inline-block;
    width:30px;
    height:30px;
    border:1px solid #fff;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    text-align:center;
    text-decoration:none;
}
ul.staf-social li a i {
    display:inline-block;
    line-height:30px;
    font-size:15px;
    color:#fff;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
    -webkit-backface-visibility:hidden;
}
ul.staf-social li a:hover i {
    color:#ef353e;
}
ul.staf-social li a:hover {
    background:#fff;
}
.carousel-control .glyphicon {
    display:none;
}
.carousel-control {
    top:50%;
    width:50px;
    height:89px;
    margin-top:-89px;
    background:rgba(0,0,0,0.6);
    -o-border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    font-size:17px;
    color:#ffffff;
    text-align:center;
    text-shadow:none;
    -webkit-text-shadow:none;
    -moz-text-shadow:none;
    -o-text-shadow:none;
    opacity:1;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
    -webkit-backface-visibility:hidden;
}
.carousel-control.left {
    left:0px;
    -webkit-border-top-right-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomright:15px;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
}
.carousel-control.left:before {
    position:relative;
    top:0;
    left:0;
    content:'\f104';
    font-family:'FontAwesome';
    color:#fff;
    font-size:25px;
    line-height:89px;
}
.carousel-control.right {
    right:0;
    -webkit-border-top-left-radius:15px;
    -webkit-border-bottom-left-radius:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-bottomleft:15px;
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
}
.carousel-control.right:before {
    position:relative;
    top:0;
    left:0;
    content:'\f105';
    font-family:'FontAwesome';
    color:#fff;
    font-size:25px;
    line-height:89px;
}
.carousel-control:hover {
    transform:scale(0.9);
    -webkit-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -o-transform:scale(0.9);
    -ms-transform: scale(0.9);
}
/*-------------------------------------------------*/
/* = content - blog section/*-------------------------------------------------*/
#blog-section {
    padding:80px 0 40px;
}
.blog-post {
    margin-bottom:30px;
    padding-bottom:20px;
    position:relative;
    overflow:hidden;
}
.blog-post img {
    width:100%;
}
.date-post {
    text-align:center;
    margin-bottom:13px;
    background:#ef353e;
    padding:14px 0 14px 0;
}
ul.post-tags {
    display:inline-block;
    margin:0;
    padding:0;
}
ul.post-tags li {
    display:inline-block;
    margin:0 6px;
}
ul.post-tags li:first-child {
    margin-right:10px;
}
ul.post-tags li a {
    display:inline-block;
    font-family:Raleway;
    font-weight:300;
    font-size:15px;
    color:#fff;
    line-height:16px;
}
.blog-post.article-mini .read-more i {
    color:#fff;
    text-align:center;
    line-height:68px;
    font-size:23px;
}
.blog-post.article-mini .read-more {
    position:absolute;
    top:108px; 
    margin-left:-34px;
    left:0%;
    width:68px;
    height:68px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    background:#ef353e;
    opacity:0;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
	  text-align:center
}
.blog-post.article-mini .read-more:hover {
    background:#000;
}
.blog-post.article-mini:hover>a.read-more {
    left:50%;
    opacity:1;
    z-index:99999;
}
ul.post-tags li a i {
    display:inline-block;
    font-size:16px;
    margin-right:11px;
}
.blog-post h2 {
    font-family:Raleway;
    font-weight:300;
    font-size:19px;
    color:#454545;
    line-height:26px;
    text-align:center;
    margin:13px 0 15px;
}
.blog-post h2 a {
    display:inline-block;
    color:#454545;
    padding:0 0 15px;
    border-bottom:1px solid #cccccc;
    text-decoration:none !important;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
}
.blog-post h2 a:hover {
    opacity:0.7;
}

.blog-post p {
    font-family:Raleway;
    font-size:15px;
    color:#919191;
    line-height:22px;
   font-weight:300;
    margin-bottom:10px;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
}
.article-mini .date-post {
    margin-top:-52px;
    opacity:0;
    transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
}
.blog-post.article-mini:hover>.date-post {
    display:block;
    margin-top:0px;
    opacity:1;
}
.blog-post:hover>img {
    -webkit-filter:grayscale(90%);
    -moz-filter:grayscale(90%);
    filter: grayscale(90%);
}
/*-------------------------------------------------*/
/* = content - contact section/*-------------------------------------------------*/
#contact-section > div {
    padding:100px 0 0px;
    position:relative;
}

.contact-content {
    position:relative;
    z-index:2;
}
.contact-info h1 {
    font-size:30px;
    color:#fff;
    font-family:Raleway;
    font-weight:300;
    margin:0 0 10px;
    text-align:center;
}
.contact-info p {
    text-align:center;
}
#contact-form {
    margin-bottom:30px;
    overflow:hidden;
}
.contact-info {
    margin-bottom:14px;
}
.contact-info p {
    font-size:15px;
    color:#fff;
    font-family:Raleway;
    font-weight:300;
    line-height:26px;
    margin-bottom:17px;
    background:rgba(255,255,255,0.1);
    padding:40px;
}
ul.contact-info-list {
    padding:0;
    margin:0;
    text-align:center;
}
.contact-info-list li {
    display:inline-block;
    font-size:14px;
    color:#fff;
    font-family:Raleway;
    font-weight:300;
    margin-right:-2px;
    line-height:22px;
    padding:14px;
    border:1px solid rgba(255,255,255,0.2);
    width:33.4%;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
}
.contact-info-list li i {
    font-size:17px;
    color:#fff;
    margin-right:10px;
}
.contact-info-list li a {
    color:#fff;
}
.contact-info-list li:hover {
    background:#ef353e;
    color:#fff;
    border:none;
    cursor:crosshair;
}
.text-fields {
    float:left;
    width:50%;
    padding-right:10px;
}
.submit-area {
    float:right;
    width:50%;
}
.float-input {
    position:relative;
    padding-left:58px;
}
.float-input span {
    position:absolute;
    width:65px;
    height:65px;
    background:#ef353e;
    top:0px;
    left:0px;
    z-index:2;
    text-align:center;
}
.float-input span i {
    line-height:40px;
    font-size:15px;
    color:#fff;
    display:inline-block;
    width:42px;
    height:42px;
    text-align:center;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    /*border:1px solid #ef353e;*/
    margin-top:13px;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    padding-left:2px;
}
#contact-form {
    margin-top:14px;
}
#contact-form input[type="text"],#contact-form textarea, .comment-form input[type="text"],.comment-form textarea {
    color:#CCC;
    font-size:14px;
    font-family:Raleway;
    font-weight:300;
    border:1px solid rgba(255,255,255,0.2);
    border-left:none;
    border-radius:0px;
    outline:none;
    width:100%;
    padding:20px;
    display:block;
    margin-bottom:-1px;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    background:transparent;
}
#contact-form input[type="text"]:focus+span i,.comment-form input[type="text"]:focus+span i {
    color:#fff;
    background:transparent;
    border:1px solid rgba(255,255,255,0.7);
}
#contact-form textarea, .comment-form textarea {
    height:126px;
    border:1px solid rgba(255,255,255,0.2);
}
.comment-form textarea, .comment-form input[type="text"]{border-color:#eee}
.comment-form input[type="text"]{margin-bottom:10px}
.comment-form .float-input span{height:58px; width:58px}
.comment-form .float-input span i {margin:8px 0 0 0; padding:0}

#contact-form input[type="submit"],.comment-form input[type="submit"] {
    width:100%;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-family:Raleway;
    font-weight:300;
    padding:24px;
    background:#ef353e;
    text-transform:uppercase;
    border:none;
    transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -webkit-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
}
.comment-form input[type="submit"] {padding:17px 24px; margin-top:11px}

#contact-form input[type="submit"]:hover,.comment-form input[type="submit"]:hover {
    opacity:0.8;
}
#contact-form .message,.comment-form .message {
    height:20px;
    font-size:13px;
    font-family:'Raleway',sans-serif;
    font-weight:300;
    float:none;
    margin-top:5px;
}
#contact-form .message.error,.comment-form .message.error {
    color:#eb2c06;
    background:#fff;
    padding:20px;
    line-height:0;
    font-weight:bold;
    font-size:15px;
}
#contact-form .message.success,.comment-form .message.success {
    color:#6dd555;
    background:#fff;
    padding:20px;
    line-height:0;
    font-weight:bold;
    font-size: 15px;
}
/*-------------------------------------------------*/
/* = Footer/*-------------------------------------------------*/
footer {
    padding:42px 0 62px 0;
}
footer p {
    font-size:16px;
    color:#000;
    font-family:Raleway;
    font-weight:300;
    margin:21px 0;
    text-align:center;
}
ul.social-icons {
    padding:0;
    margin:0;
    text-align:center;
}
ul.social-icons li {
    display:inline-block;
    margin-left:12px;
}
ul.social-icons li a {
    display:inline-block;
    width:60px;
    height:60px;
    border:1px solid rgba(0,0,0,0.1);
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    text-align:center;
    text-decoration:none;
}
ul.social-icons li a i {
    display:inline-block;
    line-height:60px;
    font-size:31px;
    color:#ef353e;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
    -webkit-backface-visibility:hidden;
}
ul.social-icons li a:hover i {
    color:#fff;
}
ul.social-icons li a:hover {
    background: #ef353e;
}
/*-------------------------------------------------*/
/* = Single post/*-------------------------------------------------*/
.single-page {
    margin:40px 0;
}
.single-post .date-post {
    text-align:left;
}
.single-post img.wp-post-image {
    width:100%;

}
.single-post h1 {
    font-size:28px;
    font-family:Raleway;
    color:#000;
    font-weight:300;
    margin-bottom:15px;
}

.comment-section {
    margin-bottom:20px;
    overflow:hidden;
}
.comment-section h1,.comment-form h1 {
    font-size:24px;
    font-family:Raleway;
    text-transform:uppercase;
    color:#000;
    font-weight:300;
    margin-bottom:15px;
}
.comment-tree {
    padding:0;
}
.comment-box {
    overflow:hidden;
    margin-bottom:30px;
}
.comment-box img.avatar {
    float:left;
    max-width:80px;
}
ul.depth {
    margin-left:100px;
    padding:0;
}
ul.depth li {
    position:relative;
}
ul.depth li:before {
    position:absolute;
    content:'';
    width:40px;
    height:40px;
    top:0;
    left:-60px;
    border-left:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
}
.comment-content {
    padding-left:100px;
}
.comment-content h6 {
    color:#3c3c3c;
    font-size:14px;
    font-family:Raleway;
    font-weight:300;
    font-style:italic;
    line-height:22px;
    border-bottom:1px solid #e5e5e5;
    display:inline-block;
    margin:-4px 0 7px;
    padding-bottom:4px;
}
.comment-content h6 span {
    color:#d1d1d1;
    font-style:normal;
}
.comment-content p {
    font-family:Raleway;
    font-weight:300;
    color:#8b8b8b;
    font-size:15px;
    margin:0 0 15px;
}
.widget {
    border-bottom:1px solid #E7E7E7;
    padding-bottom:34px;
    padding-top:24px;
}
.widget:first-child {
    padding-top:0;
}
.search-widget input[type="search"] {
    color:#716565;
    font-size:13px;
    font-family:Raleway;
    font-weight:300;
    padding:15px 20px;
    border:1px solid #dcdcdc;
    width:100%;
    outline:none;
}
.search-widget input[type="search"]:focus {
    border:1px solid #ef353e;
}
.search-widget button {
    background:#fff;
    border:none;
    float:right;
    margin-top:-40px;
    margin-right:12px;
    position:relative;
    z-index:2;
}
.search-widget button i {
    color:#ef353e;
    font-size:18px;
}
.widget>h5 {
    margin:0 0 15px;
    font-family:Raleway;
    font-weight:300;
    color:#000;
    font-size:22px;
    font-weight:300;
}
.sidebar-widgets .widget>p {
    font-family:Raleway;
    font-weight:300;
    color:#8b8b8b;
    font-size:15px;
    margin:0 0 15px;
}
ul.tag-widget-list {
    padding:0;
    margin:0;
}
ul.tag-widget-list li {
    display:inline-block;
    margin-right:6px;
    margin-bottom:10px;
}
ul.tag-widget-list li a {
    display:inline-block;
    font-size:12px;
    color:#8b8b8b;
    font-family:Raleway;
    font-weight:300;
    padding:5px 8px;
    text-decoration:none;
    border:1px solid #e4e4e4;
    transition:all 0.17s ease-in-out;
    -moz-transition:all 0.17s ease-in-out;
    -webkit-transition:all 0.17s ease-in-out;
    -o-transition:all 0.17s ease-in-out;
}
ul.tag-widget-list li a:hover {
    color:#fff;
    background:#ef353e;
}
.r-posts ul {
    padding:0;
    margin:0;
}
.r-posts ul li {
    list-style:none;
    display:table;
    margin-bottom:30px;
}
.r-posts ul li img {
    width:60px;
    float:left;
}
.r-posts ul li h4 {
    font-size:14px;
    color:#333;
    font-weight:400;
    margin:0 0 5px;
    margin-left:80px;
    line-height:15px;
    letter-spacing:1px;
}
.r-posts ul li h4 a {
    color:#333;
}
.r-posts i {
    font-size:11px;
}
.rp-meta {
    margin-left:21px;
    float:left;
    font-size:13px;
}
@-webkit-keyframes toshiba {
    from {
        margin-top:0;
        opacity:1;
    }
    to {
        margin-top:20px;
        opacity:0.2;
    }
}
.bounce {
    -webkit-animation: toshiba 1.5s linear infinite;
}
/*-- Service Blocks --*/
*,*:after,*:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
body,html {
    font-size:100%;
    padding:0;
    margin:0;
}
.clearfix:before,.clearfix:after {
    content:" ";
    display:table;
}
.clearfix:after {
    clear: both;
}
/* General grid styles */
.cbp-ig-grid {
    list-style:none;
    padding:0 ;
    margin: 0;
}
/* Clear floats */
.cbp-ig-grid:before,.cbp-ig-grid:after {
    content:" ";
    display:table;
}
.cbp-ig-grid:after {
    clear: both;
}
/* grid item */
.cbp-ig-grid li {
    width:33%;
    float:left;
    height:370px;
    text-align:center;
    border-top: 1px solid #ddd;
}
/* we are using a combination of borders and box shadows to control the grid lines */
.cbp-ig-grid li:nth-child(-n+3) {
    border-top:none;
}
.cbp-ig-grid li:nth-child(3n-1),.cbp-ig-grid li:nth-child(3n-2) {
    box-shadow: 1px 0 0 #e7e7e7;
}
/* anchor style */
.cbp-ig-grid li>a {
    display:block;
    height:100%;
    color:#ef353e;
    -webkit-transition:background 0.9s;
    -moz-transition:background 0.9s;
    transition: background 0.9s;
}
/* title element */
.cbp-ig-grid .cbp-ig-title {
    margin:20px 0 42px 0;
    padding:20px 0 0 0;
    font-size:24px;
    position:relative;
    -webkit-transition:-webkit-transform 0.2s;
    -moz-transition:-moz-transform 0.2s;
    transition: transform 0.2s;
}
.cbp-ig-grid .cbp-ig-title:before {
    content:'';
    position:absolute;
    background:#ef353e;
    width:160px;
    height:6px;
    top:0px;
    left:50%;
    margin:-10px 0 0 -80px;
    -webkit-transition:margin-top 0.2s;
    /* top or translate does not seem to work in Firefox */
    -moz-transition:margin-top 0.2s;
    transition:margin-top 0.2s;
}
.cbp-ig-grid .cbp-ig-category {
    text-transform:uppercase;
    display:inline-block;
    font-size:1em;
    letter-spacing:1px;
    color:#fff;
    -webkit-transform:translateY(10px);
    -moz-transform:-moz-translateY(10px);
    -ms-transform:-ms-translateY(10px);
    transform:translateY(10px);
    opacity:0;
    -webkit-transition:-webkit-transform 0.3s,opacity 0.2s;
    -moz-transition:-moz-transform 0.3s,opacity 0.2s;
    -webkit-transition:transform 0.3s,opacity 0.2s;
}
.cbp-ig-grid li:hover .cbp-ig-category,.touch .cbp-ig-grid li .cbp-ig-category {
    opacity:1;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
}
.cbp-ig-grid i {
    font-size:60px;
    margin-top:70px;
    margin-bottom: 50px;
}
/* Hover styles */
.cbp-ig-grid li>a {
    text-decoration:none;
}
.cbp-ig-grid li>a:hover {
    background:#ef353e;
}
.cbp-ig-grid li>a:hover .cbp-ig-icon {
    -webkit-transform:translateY(10px);
    -moz-transform:translateY(10px);
    -ms-transform:translateY(10px);
    transform:translateY(10px);
}
.cbp-ig-grid li>a:hover .cbp-ig-icon:before,.cbp-ig-grid li>a:hover .cbp-ig-title,.cbp-ig-grid li>a:hover i {
    color:#fff;
}
.cbp-ig-grid li>a:hover .cbp-ig-title {
    -webkit-transform:translateY(-30px);
    -moz-transform:translateY(-30px);
    -ms-transform:translateY(-30px);
    transform:translateY(-30px);
}
.cbp-ig-grid li>a:hover .cbp-ig-title:before {
    background:#fff;
    margin-top:80px;
}
@media screen and (max-width:62.75em) {
    .cbp-ig-grid li {
        width: 50%;
    }
    /* reset the grid lines */
    .cbp-ig-grid li:nth-child(-n+3) {
        border-top:1px solid #ddd;
    }
    .cbp-ig-grid li:nth-child(3n-1),.cbp-ig-grid li:nth-child(3n-2) {
        box-shadow:none;
    }
    .cbp-ig-grid li:nth-child(-n+2) {
        border-top:none;
    }
    .cbp-ig-grid li:nth-child(2n-1) {
        box-shadow:1px 0 0 #ddd;
    }
}
@media screen and (max-width:41.6em) {
    .cbp-ig-grid li {
        width:100%;
    }
    .cbp-ig-grid li:nth-child(-n+2) {
        border-top:1px solid #ddd;
    }
    .cbp-ig-grid li:nth-child(2n-1) {
        box-shadow:none
    }
    .cbp-ig-grid li:first-child {
        border-top:none;
    }
}
@media screen and (max-width:25em) {
    .cbp-ig-grid {
        font-size:80%;
    }
    .cbp-ig-grid .cbp-ig-category {
        margin-top: 20px;
    }
}

ul.tag-widget-list {
    padding: 0;
    margin: 0;
}

ul.tag-widget-list li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
}

ul.tag-widget-list li a {
    display: inline-block;
    font-size: 12px;
    color: #8b8b8b;
    font-family: Raleway;
    font-weight: 300;
    padding: 5px 8px;
    text-decoration: none;
    border: 1px solid #ef353e;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

ul.tag-widget-list li a:hover {
    color: #fff;
    background:#ef353e;
}

/*******************Nav Dropdown***********************/
.navbar-default{border:none}
.navbar-default .navbar-nav > .open > a.dropdown-toggle, 
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
	background: #ef353e;
	color: #fff;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 15px;
}
.navbar-default .navbar-nav .dropdown-menu{width: 100%;padding-top: 0;padding-bottom: 0;}
.navbar-default .navbar-nav .dropdown-menu li a{
	color: #010000;
font-size: 15px;
font-family: Raleway;
font-weight: 300;
position: relative;
padding: 12px 16px;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
}
.navbar-default .navbar-nav .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav.dropdown-menu > li > a:focus{
	background: #ef353e;
	color:#ffffff;
}
/**************************************************/
.marginTop{margin-top: 40px;}

/* ====================== 404 (Page not found) ===================== */

.notfound {background:url('images/404.png') no-repeat top center; height:119px}
.lost {background:url('images/404_text.png') no-repeat top center; height:40px}
.notfound_description{margin:10px 0px; text-align:center;font-family: Raleway;font-size: 15px;color: #919191;font-weight: 300;}
.notfound_description a {margin:20px 0px}
.error-content {text-align:center}
.btn-Studio86{background:#ef353e; color: #fff; }
.btn-Studio86:hover{ color: #fff; opacity: 0.8;}
.btn-Studio86 i{margin-right: 5px;}
/* ======================== Under Construction ===================== */

.under-box h1{color: #fff; font-size: 20px;}
#uc-content{text-align:center; padding:100px 0px; background:url('images/contact-bg.jpg')}
.uc-text, .uc-context{ color: #bbb;font-size: 18px; font-weight: 300;line-height: 24px;margin: 20px 0; }
.uc-maintitle {color: #fff; font-size: 45px; font-weight: 300;text-transform: uppercase;margin: 0 10px; }
div.clock{margin-left: 8.333333333333332%; margin-bottom: 40px;}
div.clock div.col-md-2{margin-right: 17px;}
div.clock p {padding:10px; border-radius:5px; font-family:Raleway, sans-serif;  background:rgba(237,30,40, 0.8); color:#fff;}
div.clock p span { display: block; font-size: 40px; font-weight:700; letter-spacing:-1px; padding: 5px 0 0; margin:20px 0 30px 0px  }
#uc-content .progress {height:40px; background:#333;  background: rgba(0,0,0,0.5); font-size:20px; margin-bottom:43px}
#uc-content .progress-bar{background-color: #ef353e; }
#uc-content .progress i{font-size:20px; display:inline-block; margin:10px 0 0 10px; text-align:left}

.uc-context{font-family: Raleway;font-size: 15px;color: #919191;text-align: center;font-weight: 300;}
/*************************************************************/
/****************Title/breadcrumb**********************/
.title-dedicated {background-color:#fff; padding:20px 0px; border-bottom:solid 1px #eee}
.title-dedicated h1 {text-transform:none; margin-bottom:0; font-weight:normal;  margin-top:9px !important}
.breadcrumb {background:transparent; margin-top:9px !important; text-align:right}
.breadcrumb i {color:#aaa}
.breadcrumb > li + li:before {content:""; padding:0}
#breadcrumbs{float: right;}
#breadcrumbs ul{margin: 0; }
#breadcrumbs li{}
#breadcrumbs a {margin: 0 6px; color:#333}
#breadcrumbs a:hover{text-decoration: underline}
#breadcrumbs li:last-child{margin-left: 6px;}
#breadcrumbs li:first-child{margin-left:0}

/***********************BLOG****************/
.blog-section{padding: 80px 0 40px;}
.blog-post h1.post-title{
	font-weight: 300;
	font-size: 19px;
	line-height: 26px;
	margin: 0 0 15px;
}
.blog-post h1.post-title a{
	display: inline-block;
	color: #454545;
	padding: 0 0 15px;
	border-bottom: 1px solid #cccccc;
	text-decoration: none !important;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
}
.blog-post h1.post-title a:hover {
	opacity: 0.7;
}
.blog-post{
	font-size: 15px;
	font-weight: 300;
}

ul.post-tags li {font-weight: 300;font-size: 15px;color: #fff;}
ul.post-tags li i{color: #fff;}
ul.pagination-list {
  margin: 20px 0;
  padding: 0;
}
ul.pagination-list li {
  display: inline-block;
}
ul.pagination-list li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.23s ease-in-out;
  -moz-transition: all 0.23s ease-in-out;
  -webkit-transition: all 0.23s ease-in-out;
  -o-transition: all 0.23s ease-in-out;
  width: 35px;
  height: 35px;
  text-align: center;
  background: #ffffff;
  color: #000000;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  line-height: 35px;
}
ul.pagination-list li a:hover,
ul.pagination-list li a.active,
ul.pagination-list li.current a{
  background: #555555;
  color: #ffffff;
}
/**************************Search**********/
input#search{
	color: #716565;
	font-size: 13px;
	font-weight: 300;
	padding: 10px 12px;
	border: 1px solid #dcdcdc;
	width: 100%;
	outline: none;
}
#search-submit{
	background: #fff;
	border: none;
	float: right;
	margin-top: -34px;
	margin-right: 1px;
	position: relative;
	z-index: 2;
}
#search-submit i{
	color: #ef353e;
	font-size: 18px;
}
.entry-content p{
	color: #8b8b8b;
	font-size: 20px;
	font-family: Raleway;
	font-weight: 300;
	line-height: 26px;
	margin: 0 0 20px;
}
.not-found h4{
	font-size: 24px;
	font-family: Raleway;
	text-transform: uppercase;
	color: #000;
	font-weight: 300;
	margin-bottom: 15px;
}
/***********comments***********/
.comment-section ul.children {
  margin-left: 100px;
  padding: 0;
}
.comment-section ul.children li {
  position: relative;
}
.comment-section ul.children li:before {
  position: absolute;
  content: '';
  width: 40px;
  height: 40px;
  top: 0;
  left: -60px;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.comment-tree li {list-style:none}
#contact-form input[type="text"],.comment-form input[type="text"]{
	height: 58px;
}
.comment-content a.comment-reply-link {
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
    font-family: Raleway, sans-serif;
    background: #ef353e;
    text-decoration: none;
    padding: 3px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.comment-content a.comment-reply-link:hover {
    opacity: 0.8;
}
.user-com-text{width: 50%}
/**************************************/
/***********************CONTACT***********/

label.error{color: #ff0000; font-family: Raleway, sans-serif; font-size: 11px;}
#status span.label-success{font-family: Raleway, sans-serif; font-size: 14px; background: #8fd0a6; padding: 5px;}
#status{margin-bottom: 10px;}
/***************************************/

/**********************************************/
.page-section{padding-top: 100px;}
/******************************************/
/***************THEME WIDGETS*************/
/* Contact Us Widget */
#contactFormWidget .row{margin-left: 0}
#contactFormWidget input[type="text"],
#contactFormWidget textarea {
  float: left;
  font-size: 0.846em;
  padding: 10px 4%;
  background: #f5f5f5;
  color: #000;
  width: 92%;
  margin-bottom: 11px;
  border: none;
}
#contactFormWidget .col-md-6, #contactFormWidget .col-md-12 {padding:0}
#contactFormWidget input[type="text"] {
  float: right;
}


#contactFormWidget input[type="text"]:first-child {
  float: left;
}

#contactFormWidget textarea {
  width: 96%;
  height: 80px;
  min-height: 80px;
  float:none;
}

#contactFormWidget input[type="submit"] {
  float: right;
  position: relative;
  margin: 0 4% 0 0 ;
  background: #ef353e;
  color: #fff;
}
.footer-widget #contactFormWidget input[type="submit"]{
	background: #fff;
	color:  #ef353e;
}

#contactFormWidget input[type="submit"]:hover {
  opacity: 0.80;
  -moz-opacity: 0.80;
  filter:alpha(opacity=80);
   
}
.widgetinfo {color: #ef353e; font-size:12px; text-transform:uppercase;  margin-top:-24px}
.widgetinfo i{color: #ef353e; margin-right:6px}
.footer-widget .widgetinfo,  .footer-widget .widgetinfo i{color: #fff;}
.sidebar .accord-content{
color: #9a9a9a;
font-size: 13px;
font-family: Raleway, sans-serif;
font-weight: 300;
-webkit-font-smoothing: antialiased;
margin: 0;
line-height: 18px;
}
/*flickr widget*/
ul.flickr-list{
	margin: 0;
	padding: 0;
}
ul.flickr-list li{
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 6px;
}
 ul.flickr-list li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.23s ease-in-out;
  -moz-transition: all 0.23s ease-in-out;
  -webkit-transition: all 0.23s ease-in-out;
  -o-transition: all 0.23s ease-in-out;
}
 .sidebar-widgets ul.flickr-list li a img, .footer-widget ul.flickr-list li a img {
  max-width: 56px;
}
 ul.flickr-list li a:hover {
  opacity: 0.7;
}
.footer-widget ul.flickr-list li a{border: 1px solid  #fff;}
/***********Recent posts*********/
.recent-post-box ul.recent-list{
	padding: 0 !important;
}
.recent-post-box ul.recent-list li a img{
	margin-right: 10px;
}
.footer-widget .recent-post-box ul.recent-list li{margin-bottom: 15px;; overflow: hidden}
.footer-widget .recent-post-box ul.recent-list li p{ float: none}
/********Latest post widget***/
.latest-post-widget ul.post-list a.pull-left img{
	margin-right: 10px;
}
.latest-post-widget ul.post-list li{margin-bottom: 15px;; overflow: hidden}
.latest-post-widget ul.post-list h5 a{
	color: #919191;
	text-decoration: none;
}
.footer-widget .latest-post-widget ul.post-list h5 a, .footer-widgets ul.recent-list  li p{
	color: #fff;
}

/***3 IN 1 widget***/
.alc-tabs-widget ul.tab-widget-links{
	border: 1px solid #eeeeee;
	border-bottom: none;
}
.alc-tabs-widget ul.tab-widget-links li{
	border-right: 1px solid #eeeeee;
}
.alc-tabs-widget ul.tab-widget-links li:last-child{
	border-right: none;
}
.alc-tabs-widget ul.tab-widget-links  li{
	float: none;
	display: table-cell;
	width: 1%;
}
.alc-tabs-widget ul.tab-widget-links  li a{
	padding: 7px;
	margin: 0;
	border: none;
}
.alc-tabs-widget ul.tab-widget-links  li a:hover{border: none; background: transparent;}
.alc-tabs-widget ul.tab-widget-links li.active a{
	background: #ef353e;
	color: #fff;
	border: none;
	border-radius: 0;
}
.post-popular, .post-recent, .post-comments{
	margin: 0;
	padding: 0;
	list-style: none;
}
.post-popular li, .post-recent li, .post-comments li{
	list-style: none;
	padding-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 20px;
	overflow: hidden;
}
.post-popular li:last-child, .post-recent li:last-child, .post-comments li:last-child{
	border-bottom: none;
	margin-bottom:0
}
.post-popular li:first-child, .post-recent li:first-child, .post-comments li:first-child{margin-top:20px}

.alc-tabs-widget .tab-content{
	padding: 10px;
	border: 1px solid #eeeeee;
}
.alc-tabs-widget .tab-content ul li a img{
	margin-right: 6px
}
.alc-tabs-widget .tab-content ul li h6{
	font-size: 14px;
	margin: 0;
}
.alc-tabs-widget .tab-content ul li h6 a{
	color: #919191;
	text-decoration: none;
}
.footer-widget .alc-tabs-widget .tab-content ul li h6 a, 
.footer-widget .alc-tabs-widget .tab-content ul li p,
.footer-widget .alc-tabs-widget ul.tab-widget-links  li a{
	color: #fff;
}
.footer-widget .alc-tabs-widget ul.tab-widget-links li.active a{
	background:  #fff;
	color:#ef353e;
}
/**********social icons********************/
ul.social-icons-widget {
    float: right;
    padding: 0 !important;
    margin: 0;
}

ul.social-icons-widget li {
    display: inline-block;
    margin-right: 12px;
	margin-bottom: 12px;
}

.sidebar-widgets ul.social-icons-widget li a {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #ef353e;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    text-decoration: none;
}

ul.social-icons-widget li a i {
    display: inline-block;
    line-height: 50px;
    font-size: 25px;
    color: #ef353e;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

ul.social-icons-widget li a:hover i {
    color: #fff;
}

ul.social-icons-widget li a:hover {
    background: #ef353e;
}
.footer-widget ul.social-icons-widget a{
	display: inline-block;
    width: 50px;
    height: 50px;
	border: 1px solid #fff;
	transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    text-decoration: none;
}
.footer-widget ul.social-icons-widget a:hover{background: #fff;}
.footer-widget ul.social-icons-widget a i{
	color:  #fff;
}
.footer-widget ul.social-icons-widget a:hover i{color: #ef353e;}
/***Twitter widget**/
ul.tweet-list{
	margin: 0;
	padding: 0
}
ul.tweet-list li{
	list-style: none;
	margin-bottom: 8px;
}
ul.tweet-list li p{
	color:  #ef353e;
font-size: 13px;
font-weight: 100;
-webkit-font-smoothing: antialiased;
font-family: Raleway, sans-serif;
margin: 0;
line-height: 17px;
}
ul.tweet-list li p a.autor{
	font-weight: 700;
	text-decoration: none
}
ul.tweet-list li p a{
	text-decoration: underline;
color: #ef353e;
transition: all 0.23s ease-in-out;
-moz-transition: all 0.23s ease-in-out;
-webkit-transition: all 0.23s ease-in-out;
-o-transition: all 0.23s ease-in-out;
}
ul.tweet-list li p span{
	display: block;
}
ul.tweet-list li p a:hover {
  opacity: 0.6;
}

header a.logo{font-size:2em}
/***********************WORDPRES WIDGETS*********************/
.widget{margin-bottom: 20px !important;}
.footer-widget>h3{
font-family: Raleway;
font-weight: 300;
color: #fff;
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
}
.footer-widget p{float: none; margin: 0}
ul.wp-tag-cloud  {
    padding: 0;
    margin: 0;
}

ul.wp-tag-cloud  li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
}

ul.wp-tag-cloud  li a {
    display: inline-block;
    font-size: 12px !important;
    color: #8b8b8b;
    font-family: Raleway;
    font-weight: 300;
    padding: 5px 8px;
    text-decoration: none;
    border: 1px solid #ef353e;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

ul.wp-tag-cloud li a:hover {
    color: #fff !important;
    background:#ef353e;
}
.footer-widget ul.wp-tag-cloud  li a{
	 border: 1px solid #fff;
	 color: #fff
}
.footer-widget ul.wp-tag-cloud li a:hover {
    color: #ef353e;
    background:#fff;
}
#wp-calendar{border:solid 1px #dfdfdf; width:100%}
#wp-calendar td {padding:6px  !important; border-bottom:solid 1px #ededed}
#wp-calendar tbody td {border-left:solid 1px #ededed; text-align:center; color: #333;}
#wp-calendar tbody td a{font-weight:bold; color:#ef353e}
#wp-calendar th{padding:4px !important; background:#333; color:#fff}
#wp-calendar caption {background:#ef353e; padding:4px; color:#fff}
.footer-widget #wp-calendar caption{background: #fff; color: #ef353e;}
.footer-widget #wp-calendar tbody td{color: #fff}
.footer-widget ul{
	margin: 0;
	padding: 0
}
.sidebar-widgets .widget li {margin-left:20px}
.sidebar-widgets .widget ul{padding-left:20px}
.sidebar-widgets .widget ul.wp-tag-cloud li, .sidebar-widgets .widget ul.flickr-list li, .sidebar-widgets .widget .main-menu li, 
.sidebar-widgets .widget .post-list li, .sidebar-widgets .widget .alc-tabs-widget li{padding-left:0; margin-left:0}
.sidebar-widgets .widget ul li {
	color: #919191;
	font-family: Raleway, sans-serif;
	margin-right:5px
}

.footer-widget ul li{
	list-style: none;
	color: #fff;
	font-family: Raleway, sans-serif;
}
.sidebar-widgets .widget  a{
	color: #919191;
	font-family: Raleway, sans-serif;
	text-decoration: none;
}
.footer-widget  a {
	color: #fff;
	font-family: Raleway, sans-serif;
	text-decoration: none;
}
.sidebar-widgets .widget p, .sidebar-widgets .widget{
color: #8b8b8b;
font-size: 15px;
margin: 0 0 15px;
font-family: Raleway, sans-serif;
font-weight: 300;
-webkit-font-smoothing: antialiased;
line-height: 22px;
}

.sidebar-widgets .widget img, .sidebar-widgets .widget select{
	max-width: 100%;
	height: auto;
}
/*****************Head option*****************************/
/*promo text*/
#banner {
	border-top:dotted 1px rgba(255,255,255,0.6);
	background: #ef353e;
	text-align: center;
	padding-bottom:4px;
}

#banner .container{height: 100%;}
#banner .bx-wrapper .bx-pager .bx-pager-item{
	margin-right: 10px;
}
#banner .bx-wrapper {margin:20px auto}
#banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	width: auto;
	position: relative;
	top: 125px;
	text-align: center;
}
#banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
#banner .bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #fff;
}
#banner .bx-pager {display:none}
ul.headpromo{
	padding-left: 0;
}
#banner p {
	color: #fff;
	font-size: 29px;
	font-family: 'Play', sans-serif;
	font-weight: 300;
	line-height: 33px;
	padding: 10px;

	overflow: hidden;
}

#banner p span {
	font-weight: 600;
	background: none;
}

@media screen and (max-width:768px){
	#banner p {padding:10px}
}
/*slider*/
.flexslider.page-head .flex-direction-nav{
	top: 50%;
}
.flexslider.page-head .slides>li{position: relative}
.flex-caption{
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	color: #ffffff;
	font-size: 20px;
	font-family: Raleway;
	font-weight: 300;
}
/************************************************/
/***************tables*****************/
table{
	width: 100%;
	margin: 20px 0;
	text-align: center;
}
table th{

font-family: Raleway, sans-serif;

font-weight: 700;
-webkit-font-smoothing: antialiased;
margin: 0;
text-align: center;
padding: 14px !important;
background: #ef353e;
color: #ffffff;
font-size: 17px;
border: 1px solid #dedede !important;
}
table td{
	padding: 14px !important;
font-size: 15px;
color: #919191;
font-family: Raleway, sans-serif;
font-weight: 300;
-webkit-font-smoothing: antialiased;
line-height: 22px;
margin: 0;
background: #ffffff;
border: 1px solid #dedede !important;
}
table tr:nth-child(2n+1) td {
background: #f5f5f5;
}
/*********************************************/

/*******************************************/
.wp-caption{max-width:100%; height:auto}
.wp-caption-text{}
.alignright {float: right; margin-left: 10px;}
.alignleft {float: left; margin-right: 10px;}
.aligncenter {margin:0px auto}
.sticky.blog-post{background:#ef353e; color:#eee}
mark{background:#ef353e; color:#fff}
.sticky.blog-post h1.post-title a, .content-dedicated .sticky.blog-post h1.post-title a{color:#fff}
.sticky.blog-post a.read-more{background:#fff; color:#ef353e; margin:0px 20px}
.sticky.blog-post p {color:#eee}
.sticky .post-title, .sticky p {padding:0px 20px}
.content-dedicated .blog-post {background:#fcfcfc; padding:20px; border:1px solid #eaeaea}
.content-dedicated  .blog-post img {border-radius:0}
.gallery-caption{}
.bypostauthor{}  
.commentsectionwrap {margin-top:20px}
table th a, table th a:hover {color:#fff}
/**********************/

.portfolio-container .work-post img {
height:auto;
}
hr {
margin-bottom: 35px;
border-top: 1px solid #3E3E3E;
}

.content-dedicated .blog-post a.read-more {display:inline-block; margin-top:10px}

.breadcrumb {margin-top:5px!important}
.tagline{margin-top:10px}

.sidebar-widgets .widget {
padding:20px;
background:#f4f4f4;
border:1px solid #eaeaea;
}

.tagcloud a {
background:#fff;
color:#111;
}

.sidebar-widgets .widget widget_calendar {
padding:0!important;
}

div#calendar-2 {
padding: 0;
background: none;
border: none;
}
div#alc-social-widget-2 {
float:left
}

.sidebar-widgets ul.flickr-list li a img, .footer-widget ul.flickr-list li a img {
max-width:50px;
}
ul.flickr-list li {
margin-right: 11px;
margin-bottom: 11px;
}
.sidebar-widgets .widget ul {
padding-left:0;
}
.sidebar-widgets .widget > h5 {
text-transform:none;
}


#contactFormWidget input[type="text"]:first-child {
border: 1px solid #cecece;
background: #fff;
padding-left: 15px;
}

#contactFormWidget textarea {
background: #fff;
border: 1px solid #cecece;
padding-left: 13px;
}
.sidebar-widgets .widget {
float:left;
width:100%;
}
#contactFormWidget input[type="text"], #contactFormWidget textarea {
padding:9px 4%;
}
.comment-box img.avatar {
margin-top: 7px;
margin-right: 9px;
}
.recent-post-box ul.recent-list li a img {
margin-right: 15px;
}

.fa {
padding: 0 5px;
}
.blog-post img {
height:auto!important;
}
.dropdown-menu > li > a{white-space:normal}
.sidebar-widgets .widget ul.wp-tag-cloud li{margin-left:0; list-style:none}
.horizontal-tabs-box.alc-tabs-widget{background:#f8f8f8}
.nav-tabs.tab-widget-links li{border:none}
.content-dedicated .single-post-thumb img{width:100%; height:auto}

.navbar-default .navbar-nav > .dropdown > a .caret{border-bottom-color:#fff; border-top-color:#fff}
/* Effect 1:Brackets */
.cl-effect-1 a::before,.cl-effect-1 a::after {
	display:inline-block;
	opacity:0;
	-webkit-transition:-webkit-transform 0.3s,opacity 0.2s;
	-moz-transition:-moz-transform 0.3s,opacity 0.2s;
	transition:transform 0.3s,opacity 0.2s;
}
.cl-effect-1 a::before {
	margin-right:10px;
	content:'[';
	-webkit-transform:translateX(20px);
	-moz-transform:translateX(20px);
	transform:translateX(20px);
}
.cl-effect-1 a::after {
	margin-left:10px;
	content:']';
	-webkit-transform:translateX(-20px);
	-moz-transform:translateX(-20px);
	transform:translateX(-20px);
}
.cl-effect-1 a:hover::before,.cl-effect-1 a:hover::after,.cl-effect-1 a:focus::before,.cl-effect-1 a:focus::after {
	opacity:1;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform: translateX(0px);
}
/* Effect 2:3D rolling links,idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
	line-height:44px;
	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
}
.cl-effect-2 a span {
	position:relative;
	display:inline-block;
	padding:0 14px;
	background:#2195de;
	-webkit-transition:-webkit-transform 0.3s;
	-moz-transition:-moz-transform 0.3s;
	transition:transform 0.3s;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
}
.csstransforms3d .cl-effect-2 a span::before {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	background:#0965a0;
	content:attr(data-hover);
	-webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	transition:background 0.3s;
	-webkit-transform:rotateX(-90deg);
	-moz-transform:rotateX(-90deg);
	transform:rotateX(-90deg);
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
}
.cl-effect-2 a:hover span,.cl-effect-2 a:focus span {
	-webkit-transform:rotateX(90deg) translateY(-22px);
	-moz-transform:rotateX(90deg) translateY(-22px);
	transform:rotateX(90deg) translateY(-22px);
}
.csstransforms3d .cl-effect-2 a:hover span::before,.csstransforms3d .cl-effect-2 a:focus span::before {
	background: #28a2ee;
}
/* Effect 3:bottom line slides/fades in */
.cl-effect-3 a {
	padding:8px 0;
}
.cl-effect-3 a::after {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:4px;
	background:rgba(0,0,0,0.1);
	content:'';
	opacity:0;
	-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;
	-moz-transition:opacity 0.3s,-moz-transform 0.3s;
	transition:opacity 0.3s,transform 0.3s;
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	transform:translateY(10px);
}
.cl-effect-3 a:hover::after,.cl-effect-3 a:focus::after {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform: translateY(0px);
}
/* Effect 4:bottom border enlarge */
.cl-effect-4 a {
	padding:0 0 10px;
}
.cl-effect-4 a::after {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
	content:'';
	opacity:0;
	-webkit-transition:height 0.3s,opacity 0.3s,-webkit-transform 0.3s;
	-moz-transition:height 0.3s,opacity 0.3s,-moz-transform 0.3s;
	transition:height 0.3s,opacity 0.3s,transform 0.3s;
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	transform:translateY(-10px);
}
.cl-effect-4 a:hover::after,.cl-effect-4 a:focus::after {
	height:5px;
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform: translateY(0px);
}
/* Effect 5:same word slide in */
.cl-effect-5 a {
	overflow:hidden;
	padding:0 4px;
	height:1em;
}
.cl-effect-5 a span {
	position:relative;
	display:inline-block;
	-webkit-transition:-webkit-transform 0.3s;
	-moz-transition:-moz-transform 0.3s;
	transition:transform 0.3s;
}
.cl-effect-5 a span::before {
	position:absolute;
	top:100%;
	content:attr(data-hover);
	font-weight:700;
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.cl-effect-5 a:hover span,.cl-effect-5 a:focus span {
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	transform: translateY(-100%);
}
/* Effect 5:same word slide in and border bottom */
.cl-effect-6 a {
	margin:0 10px;
	padding:10px 20px;
}
.cl-effect-6 a::before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:2px;
	background:#fff;
	content:'';
	-webkit-transition:top 0.3s;
	-moz-transition:top 0.3s;
	transition:top 0.3s;
}
.cl-effect-6 a::after {
	position:absolute;
	top:0;
	left:0;
	width:2px;
	height:2px;
	background:#fff;
	content:'';
	-webkit-transition:height 0.3s;
	-moz-transition:height 0.3s;
	transition:height 0.3s;
}
.cl-effect-6 a:hover::before {
	top:100%;
	opacity:1;
}
.cl-effect-6 a:hover::after {
	height: 100%;
}
/* Effect 7:second border slides up */
.cl-effect-7 a {
	padding:12px 10px 10px;
	color:#566473;
	text-shadow:none;
	font-weight:700;
}
.cl-effect-7 a::before,.cl-effect-7 a::after {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:3px;
	background:#566473;
	content:'';
	-webkit-transition:-webkit-transform 0.3s;
	-moz-transition:-moz-transform 0.3s;
	transition:transform 0.3s;
	-webkit-transform:scale(0.85);
	-moz-transform:scale(0.85);
	transform:scale(0.85);
}
.cl-effect-7 a::after {
	opacity:0;
	-webkit-transition:top 0.3s,opacity 0.3s,-webkit-transform 0.3s;
	-moz-transition:top 0.3s,opacity 0.3s,-moz-transform 0.3s;
	transition:top 0.3s,opacity 0.3s,transform 0.3s;
}
.cl-effect-7 a:hover::before,.cl-effect-7 a:hover::after,.cl-effect-7 a:focus::before,.cl-effect-7 a:focus::after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}
.cl-effect-7 a:hover::after,.cl-effect-7 a:focus::after {
	top:0%;
	opacity: 1;
}
/* Effect 8:border slight translate */
.cl-effect-8 a {
	padding:10px 20px;
}
.cl-effect-8 a::before,.cl-effect-8 a::after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:3px solid #354856;
	content:'';
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	-moz-transition:-moz-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
}
.cl-effect-8 a::after {
	border-color:#fff;
	opacity:0;
	-webkit-transform:translateY(-7px) translateX(6px);
	-moz-transform:translateY(-7px) translateX(6px);
	transform:translateY(-7px) translateX(6px);
}
.cl-effect-8 a:hover::before,.cl-effect-8 a:focus::before {
	opacity:0;
	-webkit-transform:translateY(5px) translateX(-5px);
	-moz-transform:translateY(5px) translateX(-5px);
	transform:translateY(5px) translateX(-5px);
}
.cl-effect-8 a:hover::after,.cl-effect-8 a:focus::after {
	opacity:1;
	-webkit-transform:translateY(0px) translateX(0px);
	-moz-transform:translateY(0px) translateX(0px);
	transform: translateY(0px) translateX(0px);
}
/* Effect 9:second text and borders */
.cl-effect-9 > li > a {
	margin:0 20px;
	padding:18px 20px;
}
.cl-effect-9 > li > a::before,.cl-effect-9 > li > a::after {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1px;
	background:#fff;
	content:'';
	opacity:0.2;
	-webkit-transition:opacity 0.3s,height 0.3s;
	-moz-transition:opacity 0.3s,height 0.3s;
	transition:opacity 0.3s,height 0.3s;
}
.cl-effect-9 > li > a::after {
	top:100%;
	opacity:0;
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	-moz-transition:-moz-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	transform:translateY(-10px);
}
.cl-effect-9 > li > a span.item-title {
	z-index:2;
	display:inline-block;
	font-weight:300;
}
.cl-effect-9 > li > a span.menu-desc {
	z-index:1;
	display:block;
	padding:4px 0 0 0;
	color:rgba(0,0,0,0.4);
	text-shadow:none;
	text-transform:none;
	font-size:14px;
	font-family:Raleway;
	opacity:0;
	font-weight:500;
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	-moz-transition:-moz-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	transform:translateY(-100%);
}
.cl-effect-9 a:hover::before,.cl-effect-9 a:focus::before {
	height:6px;
}
.cl-effect-9 a:hover::before,.cl-effect-9 a:hover::after,.cl-effect-9 a:focus::before,.cl-effect-9 a:focus::after {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
.cl-effect-9 > li > a:hover span:last-child,.cl-effect-9 > li > a:focus span:last-child {
	opacity:1;
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	transform: translateY(0%);
}
/* Effect 10:reveal,push out */
.cl-effect-10 {
	position:relative;
	z-index:1;
}
.cl-effect-10 a {
	overflow:hidden;
	margin:0 15px;
}
.cl-effect-10 a span {
	display:block;
	padding:10px 20px;
	background:#0f7c67;
	-webkit-transition:-webkit-transform 0.3s;
	-moz-transition:-moz-transform 0.3s;
	transition:transform 0.3s;
}
.cl-effect-10 a::before {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	padding:10px 20px;
	width:100%;
	height:100%;
	background:#fff;
	color:#0f7c67;
	content:attr(data-hover);
	-webkit-transition:-webkit-transform 0.3s;
	-moz-transition:-moz-transform 0.3s;
	transition:transform 0.3s;
	-webkit-transform:translateX(-25%);
}
.cl-effect-10 a:hover span,.cl-effect-10 a:focus span {
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	transform:translateX(100%);
}
.cl-effect-10 a:hover::before,.cl-effect-10 a:focus::before {
	-webkit-transform:translateX(0%);
	-moz-transform:translateX(0%);
	transform: translateX(0%);
}
/* Effect 11:text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
.cl-effect-11 a {
	padding:10px 0;
	border-top:2px solid #0972b4;
	color:#0972b4;
	text-shadow:none;
}
.cl-effect-11 a::before {
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	padding:10px 0;
	max-width:0;
	border-bottom:2px solid #fff;
	color:#fff;
	content:attr(data-hover);
	-webkit-transition:max-width 0.5s;
	-moz-transition:max-width 0.5s;
	transition:max-width 0.5s;
}
.cl-effect-11 a:hover::before,.cl-effect-11 a:focus::before {
	max-width: 100%;
}
/* Effect 12:circle */
.cl-effect-12 a::before,.cl-effect-12 a::after {
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:100px;
	border:2px solid rgba(0,0,0,0.1);
	border-radius:50%;
	content:'';
	opacity:0;
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	-moz-transition:-moz-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
	-webkit-transform:translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform:translateX(-50%) translateY(-50%) scale(0.2);
	transform:translateX(-50%) translateY(-50%) scale(0.2);
}
.cl-effect-12 a::after {
	width:90px;
	height:90px;
	border-width:6px;
	-webkit-transform:translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform:translateX(-50%) translateY(-50%) scale(0.8);
	transform:translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-12 a:hover::before,.cl-effect-12 a:hover::after,.cl-effect-12 a:focus::before,.cl-effect-12 a:focus::after {
	opacity:1;
	-webkit-transform:translateX(-50%) translateY(-50%) scale(1);
	-moz-transform:translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}
/* Effect 13:three circles */
.cl-effect-13 a {
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
	transition:color 0.3s;
}
.cl-effect-13 a::before {
	position:absolute;
	top:100%;
	left:50%;
	color:transparent;
	content:'•';
	text-shadow:0 0 transparent;
	font-size:1.2em;
	-webkit-transition:text-shadow 0.3s,color 0.3s;
	-moz-transition:text-shadow 0.3s,color 0.3s;
	transition:text-shadow 0.3s,color 0.3s;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
	pointer-events:none;
}
.cl-effect-13 a:hover::before,.cl-effect-13 a:focus::before {
	color:#fff;
	text-shadow:10px 0 #fff,-10px 0 #fff;
}
.cl-effect-13 a:hover,.cl-effect-13 a:focus {
	color: #ba7700;
}
/* Effect 14:border switch */
.cl-effect-14 a {
	padding:0 20px;
	height:45px;
	line-height:45px;
}
.cl-effect-14 a::before,.cl-effect-14 a::after {
	position:absolute;
	width:45px;
	height:2px;
	background:#fff;
	content:'';
	opacity:0.2;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	pointer-events:none;
}
.cl-effect-14 a::before {
	top:0;
	left:0;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	transform-origin:0 0;
}
.cl-effect-14 a::after {
	right:0;
	bottom:0;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transform-origin:100% 0;
	-moz-transform-origin:100% 0;
	transform-origin:100% 0;
}
.cl-effect-14 a:hover::before,.cl-effect-14 a:hover::after,.cl-effect-14 a:focus::before,.cl-effect-14 a:focus::after {
	opacity:1;
}
.cl-effect-14 a:hover::before,.cl-effect-14 a:focus::before {
	left:50%;
	-webkit-transform:rotate(0deg) translateX(-50%);
	-moz-transform:rotate(0deg) translateX(-50%);
	transform:rotate(0deg) translateX(-50%);
}
.cl-effect-14 a:hover::after,.cl-effect-14 a:focus::after {
	right:50%;
	-webkit-transform:rotate(0deg) translateX(50%);
	-moz-transform:rotate(0deg) translateX(50%);
	transform: rotate(0deg) translateX(50%);
}
/* Effect 15:scale down,reveal */
.cl-effect-15 a {
	color:rgba(0,0,0,0.2);
	font-weight:700;
	text-shadow:none;
}
.cl-effect-15 a::before {
	color:#fff;
	content:attr(data-hover);
	position:absolute;
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	-moz-transition:-moz-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
}
.cl-effect-15 a:hover::before,.cl-effect-15 a:focus::before {
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	transform:scale(0.9);
	opacity: 0;
}
/* Effect 16:fall down */
.cl-effect-16 a {
	color:#6f8686;
	text-shadow:0 0 1px rgba(111,134,134,0.3);
}
.cl-effect-16 a::before {
	color:#fff;
	content:attr(data-hover);
	position:absolute;
	opacity:0;
	text-shadow:0 0 1px rgba(255,255,255,0.3);
	-webkit-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-moz-transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	transform:scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	-moz-transition:-moz-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
	pointer-events:none;
}
.cl-effect-16 a:hover::before,.cl-effect-16 a:focus::before {
	-webkit-transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);
	-moz-transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);
	transform:scale(1) translateX(0px) translateY(0px) rotate(0deg);
	opacity: 1;
}
/* Effect 17:move up fade out,push border */
.cl-effect-17 a {
	color:#10649b;
	text-shadow:none;
	padding:10px 0;
}
.cl-effect-17 a::before {
	color:#fff;
	text-shadow:0 0 1px rgba(255,255,255,0.3);
	content:attr(data-hover);
	position:absolute;
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	-moz-transition:-moz-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
	pointer-events:none;
}
.cl-effect-17 a::after {
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:2px;
	background:#fff;
	opacity:0;
	-webkit-transform:translateY(5px);
	-moz-transform:translateY(5px);
	transform:translateY(5px);
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	-moz-transition:-moz-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
	pointer-events:none;
}
.cl-effect-17 a:hover::before,.cl-effect-17 a:focus::before {
	opacity:0;
	-webkit-transform:translateY(-2px);
	-moz-transform:translateY(-2px);
	transform:translateY(-2px);
}
.cl-effect-17 a:hover::after,.cl-effect-17 a:focus::after {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform: translateY(0px);
}
/* Effect 18:cross */
.cl-effect-18 {
	position:relative;
	z-index:1;
}
.cl-effect-18 a {
	padding:0 5px;
	color:#b4770d;
	font-weight:700;
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
	transition:color 0.3s;
}
.cl-effect-18 a::before,.cl-effect-18 a::after {
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	height:2px;
	margin-top:-1px;
	background:#b4770d;
	content:'';
	z-index:-1;
	-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;
	-moz-transition:-moz-transform 0.3s,opacity 0.3s;
	transition:transform 0.3s,opacity 0.3s;
	pointer-events:none;
}
.cl-effect-18 a::before {
	-webkit-transform:translateY(-20px);
	-moz-transform:translateY(-20px);
	transform:translateY(-20px);
}
.cl-effect-18 a::after {
	-webkit-transform:translateY(20px);
	-moz-transform:translateY(20px);
	transform:translateY(20px);
}
.cl-effect-18 a:hover,.cl-effect-18 a:focus {
	color:#fff;
}
.cl-effect-18 a:hover::before,.cl-effect-18 a:hover::after,.cl-effect-18 a:focus::before,.cl-effect-18 a:focus::after {
	opacity:0.7;
}
.cl-effect-18 a:hover::before,.cl-effect-18 a:focus::before {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
.cl-effect-18 a:hover::after,.cl-effect-18 a:focus::after {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform: rotate(-45deg);
}
/* Effect 19:3D side */
.cl-effect-19 a {
	line-height:2em;
	margin:15px;
	-webkit-perspective:800px;
	-moz-perspective:800px;
	perspective:800px;
	width:200px;
}
.cl-effect-19 a span {
	position:relative;
	display:inline-block;
	width:100%;
	padding:0 14px;
	background:#e35041;
	-webkit-transition:-webkit-transform 0.4s,background 0.4s;
	-moz-transition:-moz-transform 0.4s,background 0.4s;
	transition:transform 0.4s,background 0.4s;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transform-origin:50% 50% -100px;
	-moz-transform-origin:50% 50% -100px;
	transform-origin:50% 50% -100px;
}
.csstransforms3d .cl-effect-19 a span::before {
	position:absolute;
	top:0;
	left:100%;
	width:100%;
	height:100%;
	background:#b53a2d;
	content:attr(data-hover);
	-webkit-transition:background 0.4s;
	-moz-transition:background 0.4s;
	transition:background 0.4s;
	-webkit-transform:rotateY(90deg);
	-moz-transform:rotateY(90deg);
	transform:rotateY(90deg);
	-webkit-transform-origin:0 50%;
	-moz-transform-origin:0 50%;
	transform-origin:0 50%;
	pointer-events:none;
}
.cl-effect-19 a:hover span,.cl-effect-19 a:focus span {
	background:#b53a2d;
	-webkit-transform:rotateY(-90deg);
	-moz-transform:rotateY(-90deg);
	transform:rotateY(-90deg);
}
.csstransforms3d .cl-effect-19 a:hover span::before,.csstransforms3d .cl-effect-19 a:focus span::before {
	background: #ef5e50;
}
/* Effect 20:3D side */
.cl-effect-20 a {
	line-height:2em;
	-webkit-perspective:800px;
	-moz-perspective:800px;
	perspective:800px;
}
.cl-effect-20 a span {
	position:relative;
	display:inline-block;
	padding:3px 15px 0;
	background:#587285;
	box-shadow:inset 0 3px #2f4351;
	-webkit-transition:background 0.6s;
	-moz-transition:background 0.6s;
	transition:background 0.6s;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	-webkit-transform-origin:0% 50%;
	-moz-transform-origin:0% 50%;
	transform-origin:0% 50%;
}
.cl-effect-20 a span::before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	color:#2f4351;
	content:attr(data-hover);
	-webkit-transform:rotateX(270deg);
	-moz-transform:rotateX(270deg);
	transform:rotateX(270deg);
	-webkit-transition:-webkit-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s;
	-webkit-transform-origin:0 0;
	-moz-transform-origin:0 0;
	transform-origin:0 0;
	pointer-events:none;
}
.cl-effect-20 a:hover span,.cl-effect-20 a:focus span {
	background:#2f4351;
}
.cl-effect-20 a:hover span::before,.cl-effect-20 a:focus span::before {
	-webkit-transform:rotateX(10deg);
		-moz-transform:rotateX(10deg);
	transform: rotateX(10deg);
}
/* Effect 21:borders slight translate */
.cl-effect-21 a {
	padding:10px;
	color:#237546;
	font-weight:700;
	text-shadow:none;
	-webkit-transition:color 0.3s;
	-moz-transition:color 0.3s;
	transition:color 0.3s;
}
.cl-effect-21 a::before,.cl-effect-21 a::after {
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	background:#fff;
	content:'';
	opacity:0;
	-webkit-transition:opacity 0.3s,-webkit-transform 0.3s;
	-moz-transition:opacity 0.3s,-moz-transform 0.3s;
	transition:opacity 0.3s,transform 0.3s;
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	transform:translateY(-10px);
}
.cl-effect-21 a::before {
	top:0;
	-webkit-transform:translateY(-10px);
	-moz-transform:translateY(-10px);
	transform:translateY(-10px);
}
.cl-effect-21 a::after {
	bottom:0;
	-webkit-transform:translateY(10px);
	-moz-transform:translateY(10px);
	transform:translateY(10px);
}
.cl-effect-21 a:hover,.cl-effect-21 a:focus {
	color:#fff;
}
.cl-effect-21 a:hover::before,.cl-effect-21 a:focus::before,.cl-effect-21 a:hover::after,.cl-effect-21 a:focus::after {
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform: translateY(0px);
}

/*********************SHORTCODES***********************/
.navbar-fixed-top {position: relative;}

div.blockquote{   
margin:20px 0px;
padding: 25px 0 25px 0;
border-top: rgba(0,0,0,0.10) 8px solid;
border-bottom: rgba(0,0,0,0.10) 8px solid;
font-size: 44px;
line-height:50px
}
.blockquote i.fa-quote-right {margin-left:10px}
.blockquote i.fa-quote-left {margin-right:10px}
.blockquote a{color: #fff;}
.blockquote.fullwidth-box{padding-top: 45px !important; padding-bottom: 35px !important;}

.btn.dropdown-toggle span {border-top-color:#fff !important; margin-left:4px}
.no-left-margin{margin-left:0 !Important}
/***********accordion**************/
.accord-content, .tab-content .tab-pane{
font-size: 15px;
color: #919191;
font-family: 'Roboto', sans-serif;
font-weight: 300;
-webkit-font-smoothing: antialiased;
margin: 0 0 20px;
margin: 0;
}
/**********slider*************/
.flexslidershort ul.slides li{
	position: relative;
}
.flexslidershort .flex-direction-nav{top: 50%}
.flexslidershort .flex-direction-nav .flex-prev{margin-left: 15px;}
.flexslidershort .flex-direction-nav .flex-next{margin-right: 15px;}
/***************panel*************/
.panelshort{
	padding: 20px;
	font-size: 15px !important;
color: #919191;
font-family: 'Roboto', sans-serif !important;
font-weight: 300 !important;
-webkit-font-smoothing: antialiased !important;
line-height: 22px;
margin: 0 0 20px;
color: #ffffff !important;
font-size: 21px !important;
font-family: 'Raleway', sans-serif !important;
margin: 15px 0;
}

/*********Carousel**************/
.carshort .bx-controls{
	top: 50%;
}
.carshort .bx-wrapper .bx-controls-direction a{
	display: inline;
	text-indent: 0;
	border: none;
top: 50%;
width: 50px;
height: 90px;
margin-top: -45px;
background: rgba(0,0,0,0.6);
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size: 17px;
color: #ffffff;
text-align: center;
text-shadow: none;
-webkit-text-shadow: none;
-moz-text-shadow: none;
-o-text-shadow: none;
opacity: 1;
transition: all 0.17s ease-in-out;
-moz-transition: all 0.17s ease-in-out;
-webkit-transition: all 0.17s ease-in-out;
-o-transition: all 0.17s ease-in-out;
-webkit-backface-visibility: hidden;
}
.carshort .bx-wrapper .bx-controls-direction a.bx-prev {
  left: -5px;

}
.carshort .bx-wrapper .bx-controls-direction a.bx-prev:before {
  position: relative;
top: 0;
left: 0;
content: '\f104';
font-family: 'FontAwesome';
color: #fff;
font-size: 25px;
line-height: 89px;
}
.carshort .bx-wrapper .bx-controls-direction a.bx-next {
  right: 0;
}
.carshort .bx-wrapper .bx-controls-direction a.bx-next:before {
	position: relative;
top: 0;
left: 0;
content: '\f105';
font-family: 'FontAwesome';
color: #fff;
font-size: 25px;
line-height: 89px;
}
.carshort .bx-wrapper .bx-controls-direction a:hover{
	transform: scale(0.9);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
}
.carshort .latest-work li{width: auto}
.fullwidth{
	background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
box-sizing: content-box!important;
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
margin-left: -36%;
padding: 40px 36% !important;
width: 100%;
position: relative;
z-index: 0;
}
.clients{padding-top: 50px}
/************video***************/

.videoshort iframe{width: 100%}
/*************Video Local*******/
ul.jp-toggles{overflow: visible !important}
/***************************************/
.fblock3-main{position: relative; margin: 25px 0;}
/******************box text**********/
.box-section{
	font-size: 15px;
color: #919191;
font-family: 'Roboto', sans-serif;
font-weight: 300;
-webkit-font-smoothing: antialiased;
}
/******************/
iframe{border: none;}
.bx-controls-direction a:hover{text-decoration:none}
.inner-services-post a:hover, .services-section2 .services-post a:hover{border-color: transparent !important;}
a.iconbox{margin: 10px 8px 20px 0;}
/*******************button**************************/
.btn-default{
	background: #ef353e;
	color: #fff;

}
.btn-default:hover{
	opacity: 0.9;
	background: #ef353e;
	color: #fff;
}
.btn i{margin-right: 5px;}
.btn {	border:none}
/*********************Accordion**********/
.accord-elem {
  margin-top: 20px;
}
.accord-elem:first-child {
  margin-top: 0px;
}
.accord-title {
  padding: 24px 30px;
  background: #ef353e;
  position: relative;
}
.accord-title h3 {
  padding-right: 64px;
  font-size: 19px;
  font-family: Raleway, sans-serif;
  color: #000000;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  font-size: 18px;
  color: #ffffff;
}
.accord-title a.accord-link {
  display: inline-block;
  text-decoration: none;
  transition: all 0.23s ease-in-out;
  -moz-transition: all 0.23s ease-in-out;
  -webkit-transition: all 0.23s ease-in-out;
  -o-transition: all 0.23s ease-in-out;
  position: absolute;
  width: 64px;
  height: 100%;
  top: 0;
  right: 0;
  text-align: center;
  border-left: 1px solid #ffffff;
}
.accord-title a.accord-link:after {
  font-family: 'FontAwesome';
  content: '\f055';
  font-size: 37px;
  color: #fff;
  line-height: 64px;
  opacity: 0.5;
}
.accord-elem.active a.accord-link:after {
  content: '\f056';
  opacity: 1;
}
.accord-content {
  display: none;
  padding: 20px 0 0;
  overflow: hidden;
}
.accord-content img {
  float: left;
  margin-right: 20px;
}
.accord-content p {
  font-size: 15px;
  color: #919191;
  font-family: Raleway, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  line-height: 22px;
  margin: 0 0 20px;
  margin: 0;
}
.accord-elem.active .accord-content {
  display: block;
}
/*****************Tabs*****************/
 .nav-tabs li {
  float: left;
  border: 1px solid #eeeeee;
  border-bottom: none;
  margin: 0;
}
.nav-tabs li a {
  padding: 20px;
  color: #919191;
  margin: 0;
  border: none;
  border-radius: 0;
}
.nav-tabs li a:hover{
	background: #fff;
	border: none;
	border-radius: 0;
}
 .nav-tabs li a i {
  margin-right: 8px;
}
.nav-tabs li.active a {
  color: #ffffff;
  background: #ef353e;
  border: none;
  border-radius: 0;
}
.nav-tabs li.active a:hover{
	border: none;
	background: #ef353e;
	color: #fff;
}
 .nav-tabs li.active a i {
  color: #ffffff;
}
.tab-content {
  margin-left: 0px;
  border: 1px solid #eeeeee;
  padding: 20px
}

/*************social icons*************/
ul.social-icons-short {
  float: right;
  margin: 0;
  padding: 0;
  margin-top: -5px;
}
ul.social-icons-short li {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 5px;
}
ul.social-icons-short li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px solid #ef353e;
  text-align: center;
}
ul.social-icons-short li a i {
  color: #ef353e;
  font-size: 31px;
  line-height: 60px;
  transition: all 0.17s ease-in-out;
  -moz-transition: all 0.17s ease-in-out;
  -webkit-transition: all 0.17s ease-in-out;
  -o-transition: all 0.17s ease-in-out;
}
ul.social-icons-short li a:hover {
  background: #ef353e;
}
ul.social-icons-short li a:hover i {
  color: #ffffff;
}
/***pricing table***/
.pricing-section ul.pricing-table {
  margin: 0;
  padding: 0;
  transition: all 0.23s ease-in-out;
  -moz-transition: all 0.23s ease-in-out;
  -webkit-transition: all 0.23s ease-in-out;
  -o-transition: all 0.23s ease-in-out;
  width: 100%;
}
.pricing-section ul.pricing-table li {
  width: 100%;
  list-style: none;
  text-align: center;
  padding: 15px 0;
  border: 1px solid #dbdbdb;
  border-top: none;
  background: #fff;
}
.pricing-section ul.pricing-table li p {
  font-size: 15px;
  color: #919191;
  font-family: Raleway, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  line-height: 22px;
  margin: 0 0 20px;
  font-size: 13px;
  margin: 0;
}
.pricing-section ul.pricing-table li a {
  color: #ffffff;
  font-family: Raleway, sans-serif;
  font-size: 13px;
  display: inline-block;
  text-decoration: none;
  transition: all 0.23s ease-in-out;
  -moz-transition: all 0.23s ease-in-out;
  -webkit-transition: all 0.23s ease-in-out;
  -o-transition: all 0.23s ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #ef353e;
  padding: 9px 16px;
  font-weight: 700;
  font-size: 16px;
  padding: 13px 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.pricing-section ul.pricing-table li a:hover {
  opacity: 0.8;
}
.pricing-section ul.pricing-table li:first-child {
  padding: 20px 0;
  border: none;
  background: #ef353e;
}
.pricing-section ul.pricing-table li:first-child p {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  font-family: Raleway, sans-serif;
}
.pricing-section ul.pricing-table li:first-child span {
  color: #ffffff;
  font-size: 16px;
  font-family: Raleway, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  line-height: 16px;
}
.pricing-section ul.pricing-table:hover {
  box-shadow: 0 0 20px #c6c6c6;
}

.color-white{ color:#ffffff !important;}
.bg-color-success{ background-color:#99cc00 !important;}
.bg-color-info{ background-color:#33cccc !important;}
.bg-color-warning{ background-color:#ff9900 !important;}
.bg-color-danger{ background-color:#cc0000 !important;}
.bg-color-purple{ background-color:#cc66cc !important;}
.bg-color-orange{ background-color:#ff6600 !important;}
.bg-color-white{ background-color:#ffffff !important;}
.bg-color-dark{ background-color:#333 !important;}
.bg-color-none{ background-color:transparent !important}

.padding-none { padding:0 !important;}
.padding-xsmall { padding:5px 0 !important;}
.padding-small { padding:15px 0 !important;}
.padding-medium{ padding:30px 0 !important;}
.padding-large { padding: 60px 0 !important;}
/*************************SEction fullwidth*******************/
.inner.fullbox{padding: 0;}
.fullsize{color:#fff; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.fullsize, .fullsize.fullsize-video > div, .fullsize.parallax-type  > div {
background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	-webkit-box-sizing: content-box!important;
	margin-left: -36%;
    padding:100px 36%;
    width: 100%;
    position: relative;
    z-index: 0;
}
.fullsize.no-cover{background-size: auto;
	-moz-background-size: auto;
	-webkit-background-size: auto;}
.fullsize.nopaddingbottom {padding-bottom:0 !Important}
.fullsize.nopaddingtop {padding-top:0 !Important}
.fullsize.notopborder{border-top:none}
.fullsize.nobottomborder{border-bottom:none}
.fullsize.parallax1 {background:url(images/parallax.jpg) top center fixed;padding: 55px 36% !important; }

.parallax-wrapper, .page-header.parallax-wrapper { background-position: 50% 50%; background-attachment:fixed; background-repeat: no-repeat; position: relative;
    -webkit-background-size: cover !important; /* For WebKit*/
    -moz-background-size: cover !important;    /* Mozilla*/
    -o-background-size: cover !important;      /* Opera*/
    background-size: cover !important;         /* Generic*/}
/*************************timeline*****************/


/***************testiomonial*************/
.testimonial-section img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  padding: 10px;
  border: 1px solid #eeeeee;
  float: left;
}
.testimonial-section ul {
  margin: 0;
  padding: 0;
}
.testimonial-section ul li {
  overflow: hidden;
}
.testimonial-section .message-content {
  margin-left: 180px;
  padding-top: 25px;
  padding-right: 65px;
}
.testimonial-section .message-content p {
  font-size: 15px;
  color: #919191;
  font-family: Raleway, sans-serif;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  line-height: 22px;
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
}
.testimonial-section .message-content h6 {
  font-size: 16px;
  color: #000000;
  font-family: Raleway, sans-serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  line-height: 30px;
  position: relative;
  margin: 20px 0 0;
}
.testimonial-section .message-content h6 span {
  font-weight: 600;
}
.testimonial-section .message-content h6:before {
  content: '';
  width: 110px;
  height: 1px;
  background: #000000;
  position: absolute;
  left: 0;
  top: -10px;
}
.testimonial-section .bx-wrapper .bx-controls{
	top:0;
	right: 0;
}
.testimonial-section .bx-wrapper .bx-pager.bx-default-pager{
	top: 0;
	right: 0;
	width: 16px;
}
.testimonial-section .bx-wrapper .bx-pager.bx-default-pager a{
	border: 1px solid #dddddd;
display: block;
width: 16px;
height: 16px;
margin: 5px 0;
outline: 0;
-o-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.testimonial-section .bx-wrapper .bx-pager.bx-default-pager a:hover,
.testimonial-section .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #ef353e;
  border: 1px solid #ef353e;
}

 ul.contact-info-list-ver li i {
  color: #828282;
  font-size: 17px;
  margin-right: 10px;
}
ul.contact-info-list-ver li a{
  color: #828282;
}
ul.contact-info-list-ver li{
	font-size: 15px;
  color: #828282;
  font-family: Raleway, sans-serif;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
  line-height: 22px;
  font-size: 14px;
  margin-bottom: 4px;
  list-style: none;
}
.contact-info ul.contact-info-list li, .contact-info  ul.contact-info-list li i, 
.contact-info ul.contact-info-list-ver li i, .contact-info ul.contact-info-list li a, 
.contact-info  ul.contact-info-list-ver li a{color: #fff}
/**************progress bar************/
.skills-progress p {
  font-size: 16px;
  color: #000000;
  font-family: Raleway, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.skills-progress p span {
  display: inline-block;
  float: right;
  font-weight: 400;
  color: #a6a6a6;
  font-size: 15px;
}
/****************modal***********/
.modal{top: 40%;}
/*********BLOG LIST*******/
.related-posts .blog-post>img{height: auto;}
.related-posts ul.post-tags li span{color: #fff;}
.related-posts .post-tags li i{display: inline-block;font-size: 16px;margin-right: 7px;}

#navigation .dropdown-menu > li > a {
    color: #fff;
	padding:10px 14px;
}
#navigation .dropdown-menu > li > a.active, 
#navigation .dropdown-menu > li.active > a,
#navigation .dropdown-menu > li.current-menu-parent > a,
#navigation .dropdown-menu > li:hover > a
{
    color: #000;
	background:#fff ;
}
@media (min-width: 961px) {
#navigation .navbar-nav ul.dropdown-menu {
	border-radius:0;
	background:rgba(237,30,40, 0.9);
	display:initial;
	position: absolute;
	top: 100%;
	left: 0;
	width: 220px;
	visibility: hidden\0/;
	opacity: 0;
	z-index: 3;
	transition: all 0.17s ease-in-out;
	-moz-transition: all 0.17s ease-in-out;
	-webkit-transition: all 0.17s ease-in-out;
	-o-transition: all 0.17s ease-in-out;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	-mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
	-o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
}
#navigation  .navbar-nav > li:hover > ul.dropdown-menu {
	visibility: visible;
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	-mos-transition: -mos-transform 0.4s, opacity 0.1s;
	-o-transition: -o-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.12);
	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.12);
}

#navigation ul.dropdown-menu li ul.dropdown-menu {
    top: 0;
    left: 100%;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

#navigation ul.dropdown-menu li:hover ul.dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
      -o-transition: -o-transform 0.4s, opacity 0.1s;
      transition: transform 0.4s, opacity 0.1s;
}

.navbar-default .navbar-nav>li{padding-top:20px; padding-bottom:20px}
.navbar-nav{margin-top:0; margin-bottom:0}
}

.scroll-top{
    margin: 30px auto 0;
display: inline-block;
width: 40px;
height: 40px;
background: rgba(237,30,40,0.6);
color: #fff;
font-size: 20px;
line-height: 38px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
position: fixed;
right: 10px;
bottom: 10px;
border-radius: 5px;
text-align: center;
z-index:99999
}
a.scroll-top:hover{background:#ef353e}
a.scroll-top:hover, a.scroll-top:focus {color:#fff}
iframe{ border:none; width:100%; max-width:100%}
img{height:auto; max-width:100%}
#map {
width: 100%;
height: 278px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
z-index:999;
}
.content-dedicated .contact-content{padding-top:20px} 

#breadcrumbs{
line-height:70px;
margin-top: 4px;
}
nav#breadcrumbs li {
font-size: 20px;
}
.single-post h1 {
font-size: 24px;
font-weight: 800;
margin-bottom: 25px;
margin-top: 29px;
}

label.error {
padding-top: 20px;
padding-bottom: 15px;
}

footer {
padding: 22px 0 33px 0;
}


.sidebar-widgets .widget a {
color:#000;
}


.sidebar-widgets .widget {
background:none;
padding:0;
border:none;
}

.sidebar-widgets .widget > h5 {
text-transform: none;
font-family: Anton;
font-size: 26px;
color:#5A5A5A;
}

#recent-posts-3 li {
line-height: 27px;
border-bottom: 1px solid #ececec;
padding-bottom: 15px;
padding-top: 15px;
list-style:none;
margin-left:0;
}
#recent-posts-3 h5 {
margin:0;
}
.sidebar-widgets .widget {
margin-bottom: 34px!important;
}
nav#breadcrumbs li {
font-size: 13px;
color:#fff;
}
.title-dedicated h1 {
font-size: 19px;
line-height: 90px;
color:#fff;
}

.title-dedicated {
background:#303030;
min-height:140px;
background: #000;
min-height: 140px;
background: url('images/title-bg.jpg');
background-repeat: no-repeat;
}
#breadcrumbs li a, #breadcrumbs li {
color: #fff;
}
.carshort .bx-wrapper .bx-controls-direction a.bx-next {
right: 5px;
}
.bx-wrapper img {
width:100%;
height:auto;
}
.title-section p, p.tagline {
margin-top:35px;
}