@import url(linecons.css);

/*BASIC STYLES
------------------------------------------------*/

body { font-family: 'Roboto', Arial, sans-serif; font-size: 14px; color: #3d5054; background-color: #fff; overflow-x: hidden;}

a { text-decoration: none;}
a:hover {text-decoration: none; }

.clear { clear: both; }
.ui-tabs-hide { display: none; }
br.clear { margin: 0px; padding: 0px; }
hr{margin: 10px 0;}
h1, h2, h3, h4, h5, h6 { font-family:'Fredoka One'; padding-bottom: 5px; color: #3d5054; line-height: 1em; font-weight: normal; }
h1, h2, h3 { letter-spacing: -2px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { padding-bottom: 10px; line-height: 24px; }
strong { font-weight: bold; color: #1c1c1c; }
cite, em, i { font-style: italic; }
pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
ins { text-decoration: none; }
sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
sup { bottom: 0.8em; }
sub { top: 0.3em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd  { margin-left: 1.5em;}
blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
    blockquote p { padding-bottom: 0px; }

input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
textarea { padding: 4px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
ul, ol{margin: 0px;}
a:focus{
    outline: none;
}
.left {
    float: left;
}
.right{
    float: right;
}
blockquote{
    font-style: normal;
}
/*mt-warp
**********************************/
.mt-warp{
    overflow: hidden;
    position: relative;
    width: 100%;
}

#sideskill{
	height:120%;
	padding:0;
	position:fixed;
	left:0;
	top:0;
	width:50px;
	z-index:2;
    -webkit-transition: all 0.25s linear 0s;
       -moz-transition: all 0.25s linear 0s;
        -ms-transition: all 0.25s linear 0s;
         -o-transition: all 0.25s linear 0s;
            transition: all 0.25s linear 0s;
}
.tap-nav {
    cursor: pointer;
    float: left;
    margin-left: 18px;
    margin-top: 20px;
    width: 40px;
}
.tap-nav i{
    color:#F5F5F5;
    display: block;
    font-size: 24px;
    font-weight: lighter;
}
.tap-nav .icon-bar {
    background-color: #FFFFFF;
    border-radius: 1px;
    box-shadow: none;
    display: block;
    height: 2px;
    width: 18px;
    margin-bottom: 3px;
}
.tap-nav i:hover,.tap-nav i:active,.tap-nav i:focus{
    color:#FFFFFF;
    text-decoration: none;
}
nav{
    margin-top: 80px;
}
nav ul {
    list-style:none;
    padding:0;
    margin:0;
}
nav ul li a{
    color:#FFFFFF;
    cursor:pointer;
    display:inline-block;
    line-height:22px;
    font-style:normal;
    font-weight:100;
    padding:8px 0 8px 18px;
    text-transform:uppercase;
    width:70%;
    outline: none;
}
nav ul li a:hover, a:focus{
    color: #FFFFFF;
    outline: none;
}
nav ul li i{
    position: fixed;
    font-size:16px;
}
nav ul li.last {
    padding-right:0px;
}
nav li span {
    display:inline-block;
    font-size:14px;
    height:0;
    opacity:0;
    overflow:hidden;
    padding-left:30px;
    width:0;
}
.expanded #mt-content{
    left:100px;
    -webkit-transition: all 0.25s linear 0s;
       -moz-transition: all 0.25s linear 0s;
        -ms-transition: all 0.25s linear 0s;
         -o-transition: all 0.25s linear 0s;
            transition: all 0.25s linear 0s;
}
.expanded #sideskill {
    width:200px;
    -webkit-transition: all 0.25s linear 0s;
       -moz-transition: all 0.25s linear 0s;
        -ms-transition: all 0.25s linear 0s;
         -o-transition: all 0.25s linear 0s;
            transition: all 0.25s linear 0s;
}
.expanded nav li {
    width:100%;
}
.expanded nav li span {
    display:inline-block;
    height:auto;
    opacity:1;
    overflow:visible;
    width:auto;
}
#mt-content{
    backface-visibility: hidden;
    left: 30px;
    position: relative;
    -webkit-transition: all 0.25s linear 0s;
       -moz-transition: all 0.25s linear 0s;
        -ms-transition: all 0.25s linear 0s;
         -o-transition: all 0.25s linear 0s;
            transition: all 0.25s linear 0s;
    width: 100%;
}

.container-fluid {
    width: 1024px;
}
.container-fluid {
    margin: 0 auto;
    padding-left: 80px;
    padding-right: 80px;
}

.section{
    /*margin-left: -50px;*/
	margin-left: 65px;
    padding: 40px 0;
    position: relative;
}

/*Home
------------------------------------*/
.homestyle{
    background-image:url(../img/homebg.jpg);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFFFFF;
    height: 650px;
}
#home .container-fluid{
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
#home .logo{
    margin-top: 50px;
    display: inline-block;
}
#home .subtitle{
    display: inline-flex;
}
#home h1.brand {
    font-size: 102px;
    margin-top: 30px;
    text-transform: uppercase;
}
#home .roof {
    font-size: 25px;
    margin-left: 10px;
}
.homestyle .layer {
    background-color: rgba(234, 108, 86, 0.9);
    height: 650px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
#home .video-holder{
    height: 0;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 9px;
    position: relative;
}
#home .video-holder iframe,.blog-post .video-holder object,.blog-post .video-holder embed{
    border: 0 none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#home .slogn {
    float: left;
    margin-left: 70px;
    width: 36%;
}
#home .videopre {
    float: left;
    margin-top: 34px;
    width: 40%;
}
/*Section Title
----------------------------------------*/

.section-title{
    margin: 60px auto 60px;
    text-align: center;
    width: 700px;
}

.section-title h1{
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 700;
}

.border {
    background: none repeat scroll 0 0 #999999;
    display: block;
    height: 2px;
    margin: 0 auto 40px;
    width: 100px;
}
/*Counters
----------------------------------------*/
.count{

}

.count .single {
    background: none repeat scroll 0 0 #F5F5F5;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;
    -ms-border-radius: 8px 8px 8px 8px;
    font-size: 20px;
    line-height: 28px;
    padding: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.count .cicon {
    font-size: 50px;
}
.count .sum{
    display: block;
}
/*Skills
----------------------------------------*/
.skill {
        text-align: left!important;
        margin: 0px!important;
    }

.skill li {
        list-style: none!important;
    }

.skill li:last-child span {
        margin-bottom: 0px;
    }

.skill li .skill-wrap {
        margin-bottom:50px;
        border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -o-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        background:#dddddd;
    }

.skill li span {
        height: 35px;
        width: 0px;
        display: block;
        border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -o-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
    }

.skill li p {
        padding-bottom: 2px;
    }

.skill li span {
        overflow: visible!important;
        position: relative;
    }

.skill li span strong {
        position: absolute;
        top: 10px;
        left: 10px;
        color: #FFFFFF;
        line-height: 12px!important;
        display: block;
    }


/*Teams
------------------------------------*/
#teams{
    background-image:url(../img/aboutBg.jpg);
    background-attachment: fixed;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFFFFF;
    height: 850px;
}

#teams .tlayer{
    background-color: rgba(158, 81, 94, 0.9);
    height:850px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

#teams .section-title > h1{
    color: #FFFFFF;
}

.the_team .single{
    text-align: center;
    list-style: none;
}
.the_team .single img{
    border-radius: 130px;
}
.the_team .single .team-profile h4{
    color: #FFFFFF;
    font-size: 26px;
}
.the_team .single .team-profile .position{
    text-transform: uppercase;
}

.team-profile .social-icon > li{
    font-size: 18px;
    height: 16px;
    width: 16px;
    line-height: 10px;
    border: 1px solid #FAFAFA;
}
.team-profile .social-icon > li a{
    color: #FAFAFA;
}
.team-profile .social-icon > li a:hover{
    color: #FFFFFF;
}


/*social icon */
.social{
    list-style: none;
}
.social-icon > li{
    display: inline-block;
    border: 1px solid #999999;
    border-radius: 62px 62px 62px 62px;
    height: 30px;
    line-height: 30px;
    margin: 4px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 30px;
}
.social-icon > li a{
    color: #999999;
    font-size: 18px;
}
.social-icon > li a:hover{
    color: #000000;
    text-decoration: none;
}

/*Service Style 1
--------------------------------------*/
.service-1 {
    float: left;
    width: 50%;
}
.service-1 .icon-stack {
    cursor:pointer;
    margin-right:20px;
    transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
}
.service-1 .icon-light {
        font-size:27px!important;
}
.service-1 h5{
    text-transform: uppercase;
}


/*Service Style 2
---------------------------------------*/
#service-2{
    margin-top: 40px;
    margin-bottom: 40px;
}
.service-2 {
    text-align: center;
}

.service-2 .icon-stack {
    cursor:pointer;
    transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
}
.service-2 h5{
    text-transform: uppercase;
}

/*Service Style 3
---------------------------------------*/

#service-3{
    margin-top: 40px;
}

.service-3{
    color: #999999;
    float: left;
    margin-right: 14px;
    padding: 30px 20px;
    text-align: center;
    width: 200px;
    position:relative;
    overflow:hidden;
    cursor: pointer;
    transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
}
.service-3:hover:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 25px 25px 0;
    border-style:solid;
    display:block; width:0;
}
.service-3 .icon{
    font-size: 50px;
}

.service-3:hover h5{
    color: #FFFFFF !important;
}

.service-3:hover p{
    color:#fff;
    opacity:0.5
}

.contendor-padding {
  padding: 75px;
}
/*Clients carousel & testimonials
------------------------------------*/
#clients {
    background: url("../img/content.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin-left: 20px !important;
}


.clients.carousel {
    padding:0px 85px;
    margin-bottom:30px;
}
.clients.carousel .slides li {
    margin-right:45px;
}
.clients.carousel .slides li a {
    opacity:0.6;
    display:block;
}
.clients.carousel .slides li a:hover {
    opacity:1;
}

.testimonials {
    padding: 30px;
	width: 47% !important;
}
.box {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 2.8125%;
    position: relative;
    text-align: center;
    top: 20px;
}

/*Portfolio
----------------------------------------*/
#options {
    display: block;
    margin: 0 auto 40px;
    text-align: center;
    width: 100%;
    z-index: 2;
}
#filters {
    list-style: none outside none;
}

#filters li {
    display: inline-block;
    margin: 0 5px;
}


#filters li a {
    display: block;
    background-color: #EEEEEE;
    border-radius: 3px;
    font-size: 10px;
    padding: 8px 15px;
    text-transform: uppercase;
    color: #222222;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

#filters li a:hover{
    color: #FFFFFF;
    text-decoration: none;
}

#options li a.selected{
    color: #FFFFFF;
    text-decoration: none;
}
.portfolio-container{
    display: block;
    margin: 0 auto 0 50px;
    padding: 0;
    position: relative;
    width: 100%;

}
.portfolio-container .mt{
    margin: 0!important;
    line-height:0;
    width: 344px;
    padding: 0;
    position:relative;
}

.portfolio-item {
    padding: 0;
    position: relative;
    overflow: hidden;
}
.portfolio-item .portfolio-image {
    overflow: hidden;
    display: block;
    position: relative;
}
.portfolio-item .portfolio-image img {
    width: 100%;
    height: auto;
}

.portfolio-item:hover .item-overlay {
    opacity:1;
    transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -webkit-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
}
.item-overlay {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    cursor:pointer;
}
.item-info {
    position:absolute;
    height:100px;
    width:100%;
    top:50%;
    margin-top:-50px;
    text-align:center;
}
.item-name {
    color:#fff;
    text-transform:uppercase;
    margin-top:50px;
    opacity:0;
    transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;
    -webkit-transition:all 0.2s ease 0s;
    -ms-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
}
.portfolio-item:hover .item-name {
    opacity:1;
    -webkit-transition: opacity .4s .5s;
    -moz-transition: opacity .4s .5s;
    -ms-transition: opacity .4s .5s;
    -o-transition: opacity .4s .5s;
    transition: opacity .3s .5s;
}
.item-type {
    font-size:13px;
    color:#fff;
    opacity:0;
    margin-top:13px;
    transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;
    -webkit-transition:all 0.2s ease 0s;
    -ms-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
}
.portfolio-item:hover .item-type {
    opacity:0.5;
    -webkit-transition: opacity .4s .8s;
    -moz-transition: opacity .4s .8s;
    -ms-transition: opacity .4s .8s;
    -o-transition: opacity .3s .8s;
    transition: opacity .3s .8s;
}
.zoom-icon {
    left: 50%;
    margin-left:-20px;
    position:inherit;
    width:40px;
    height:40px;
    margin-top:40px;
    opacity:0;
    background:url(../img/zoom.png);
    background-size:40px 40px;
    transition:all 0.3s ease 0.1s;
    -moz-transition:all 0.3s ease 0.2s;
    -webkit-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
}
.portfolio-item:hover .zoom-icon {
    opacity:1;
    margin-top:0px;
    -webkit-transition: opacity .3s .2s, margin-top .3s .2s;
    -moz-transition: opacity .3s .2s, margin-top .3s .2s;
    -ms-transition: opacity .3s .2s, margin-top .3s .2s;
    -o-transition: opacity .3s .2s, margin-top .3s .2s;
    transition: opacity .3s .2s, margin-top .3s .2s;
}

.portfolio-text {
    text-align: center;
    border-bottom: 1px dashed #DEDEDE;
    padding-bottom: 20px;
}

.portfolio-view {
    margin-bottom: 5px;
    position: relative;
    z-index: 1;
}

.ajax-portfolio-loader {
    text-align: center;
    margin: 10px auto;
    display: none;
    text-align: center;
    clear: both;
}

.portfolio-view .row {
    position: relative;
}

.port-holder {
    padding: 30px 0 8px;
    border-top: 1px dashed #DEDEDE;
}

.close-button {
    width: 45px;
    height: 45px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    background-color: #515a5f;
    position: absolute;
    left: 5px;
    top: 35px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    cursor: pointer;
    font-size: 16px;
    z-index: 10;
    display: none;
}

.portfolio-media {
    position: relative;
}

.port-holder h1, .port-holder h2, .port-holder h3, .port-holder h4, .port-holder h5, .port-holder h6 {
    margin-bottom: 10px;
}

.port-holder img {
    margin-bottom: 10px;
}

.portfolio-button {
    background-color: #515A5F;
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 25px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
}

.portfolio-button .icon-remove {
    font-size: 18px !important;
}

.description-portfolio {
    font-size: 14px;
}

.portfolio-detail {
    padding: 10px 0;
    border-bottom: 1px dashed #dedede;
}

.divider{
    border-top: 1px dashed #DEDEDE;
    margin-top: 20px;
}

/*Portfolio Isotope Transitions
-------------------------------------------*/
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}



/*Responsive Slider
-------------------------------------------*/
.rslides {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
}
.rslides li {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.rslides li:first-child {
    display: block;
    float: left;
    position: relative;
}
.rslides img {
    border: 0 none;
    display: block;
    float: left;
    height: auto;
    width: 100%;
}

.blog-post .prev, .portfolio-media .prev {
    right: 48px !important;
}

.portfolio-media .rslides_nav {
    background-color: #515A5F;
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    text-decoration: none;
    width: 36px;
    z-index: 5;
}
.blog-post .rslides_nav{
    background-color: #515A5F;
    border-radius: 2px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 10px;
    height: 28px;
    line-height: 28px;
    position: absolute;
    right: 10px;
    text-align: center;
    text-decoration: none;
    top: 160px;
    width: 28px;
    z-index: 5;
}
/*Priceing
------------------------------------------------*/
.price-pack {
    background: none repeat scroll 0 0 #393939;
    margin-bottom: 10px;
    padding-bottom: 20px;
}
.price-pack:hover {
    margin-bottom: 0;
    position: relative;
    z-index: 99;
}
.package-header, .package-price, .package-features {
    padding: 20px;
}
.price-pack .name, .price-pack .price {
    color: #FFFFFF;
}
.price-pack .name {
    font-size: 16px;
    text-transform: uppercase;
}
.package-price {
    background: none repeat scroll 0 0 #4F4F4F;
    font-size: 30px;
    line-height: 36px;
}
.price-pack:hover {
    border: 1px solid #FFFFFF;
}
.package-price small {
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
}
.price-pack ul {
    list-style: none outside none;
    margin: 0;
}
.price-pack ul li {
    margin-bottom: 8px;
    color: #747474;
    cursor: pointer;
}
.price-pack ul li:hover {
    color: #FFFFFF;
}
.price-pack .btn {
    display: block;
    margin: 0 25px 20px;
}
.price-pack .btn:hover{
    color: #00BBA6;
}
.border-btn.white {
    border-color: #FFFFFF;
    color: #FFFFFF;
}
.border-btn, .social-btn {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
}
.border-btn {
    border: 1px solid #00BBA6;
    color: #00BBA6;
    font-size: 16px;
    padding: 10px 30px;
    text-transform: uppercase;
}

/*Blog
------------------------------------*/

.blog-post-holder{

}

.blog-post{
    background-color: #F7F7F7;
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    margin: 25px;
    padding: 20px;
    width: 283px;
    float: left;
}
.blog-quote{
    margin: 25px;
    width: 283px;
    float: left;
    color: #FFFFFF;
    padding: 20px;
    border-radius: 3px;
    transition:all 0.3s linear 0s;
    -moz-transition:all 0.3s linear 0s;
    -webkit-transition:all 0.3s linear 0s;
    -o-transition:all 0.3s linear 0s;
    -ms-transition:all 0.3s linear 0s;
}
.blog-quote h2{
    color: #FFFFFF;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0px;
}
.blog-quote a{
    color: #FFFFFF;
}
.blog-post .blog-title {
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: uppercase;
}

.blog-post .blog-title a{
    color: #222222;
}

.blog-post .blog-title a:hover{
    color: #16A085;
    text-decoration: none;
}

.blog-post .blog-meta {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 20px;
	color: #3d5054;
}
.blog-post .border{
    background-color: #999999;
    height: 2px;
    opacity: 0.8;
    width: 100px;
    margin: 0 0 0 0px;
}

.blog-post .blog-content {
    margin-top: 30px;
}

.blog-post .btn{
    text-transform: uppercase;
}

.blog-post .video-holder{
    height: 0;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 10px;
    position: relative;
}
.blog-post .video-holder iframe,.blog-post .video-holder object,.blog-post .video-holder embed{
    border: 0 none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*Button
----------------------------------*/
.btn{
    background-image: none;
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: none;
    color: #FFFFFF;
    text-shadow: none;
}

.btn:hover,.btn:focus{
    color: #FFFFFF;
}


/*Contact
-----------------------------------*/
#contact .header h2 {
    font-size: 50px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
}
#contact .header P{
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
}

.socialnetwork{
    text-align: center;
    margin-bottom: 60px;
}
.socialnetwork > li {
    display: inline;
    font-size: 30px;
    padding: 10px;
}
.socialnetwork > li a {
    text-decoration: none;
}

.form input[type="text"], textarea {
    color: #999999;
    font-size: 14px;
    text-transform:uppercase;
    height: 20px;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 15px;
    padding-bottom: 15px;
    background:#f5f5f5;
    border-radius:3px;
    margin-bottom:20px;
    width: 94%;
    border:0;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
    -moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
    -webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
    -o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    }
.form input[type=text]:focus,.form textarea:focus, input[type=email]:focus {
    background-color: #e1e1e1;
    box-shadow:none;
    border: none;
}
.form textarea {
    height:174px;
    resize:none;
}

.form input.btn[type="submit"] {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 100px;
    outline: none;
}

.sending{
  display:none;
  color:#222222;
  font-size:20px;
  line-height:20px;
  text-align: center;
}
.mess.center {
    color: #222222;
    text-align: center;
}
.gmap{
    height: 500px;
}

.contact {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.60);
    height: 400px;
    position: absolute;
    z-index: 2;
    text-align: center;
}
.contact .pinico{
    margin-top: 50px;
}


/*Footer
----------------------------------*/
footer {
    margin-bottom: 30px;
    margin-top: 10px;
}
.copyright {
    text-align: center;
}
footer .info{
    text-align: center;
    margin-top: 10px;
}
footer .info li {
    display: inline;
    font-size: 20px;
    line-height: 30px;
}
/*Home Fullscreen Slider
---------------------------------------*/
#fullscreen-slider {
    position:relative;
}
#fullscreen-slider .slides-container {
    margin:0;
}
#fullscreen-slider .scrollable {
    *zoom:1;
    position:relative;
    top:0;
    left:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    height:100%;
}
#fullscreen-slider .scrollable:after {
    content:"";
    display:table;
    clear:both;
}
#fullscreen-slider .slider-captions {
	left: 105px !important;
	/*left: -40px !important;*/
    display:inline-block;
    position:absolute;
    width:780px;
}
#fullscreen-slider .slider-captions{
    text-align: center;
}

#fullscreen-slider .slider-captions.dark{
    color:#FFFFFF;
}
#fullscreen-slider .slider-captions.light h1{
    font-size: 40px;
    font-weight: 700;
	letter-spacing: 6px;
    text-transform: uppercase;
    color: #333333;
}

.slider-captions.light > h2 {
    color: #FFFFFF;
    font-size: 60px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.slider-captions.light > h3 {
    color: #FFFFFF;
    font-size: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.slider-captions.light > p {
    color: #FFFFFF;
}

.slides-pagination {
    position:absolute;
    z-index:20;
    bottom:70px;
    text-align:center;
    width:100%;
}
.slides-pagination a {
    filter:alpha(opacity=60);
    opacity:0.6;
    width:14px;
    height:14px;
    display:-moz-inline-stack;
    border:1px solid #fff;
    display:inline-block;
    margin:0 4px;
    overflow:hidden;
    text-indent:-100%;
    border-radius:50%;
    text-indent: -30px;
}
.slides-pagination a:first-child {
    margin-left:8px;
}
.slides-pagination a:hover,.slides-pagination a.current {
    filter:alpha(opacity=100);
    opacity:1;
    border-width:2px;
}
.full-image {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center top;
    width:100%;
    height:100%;
	/*
    -webkit-animation-name:rotate;
    -webkit-animation-duration:60s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    -moz-animation-name:rotate;
    -moz-animation-duration:60s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:linear;
    animation-name:rotate;
    animation-duration:60s;
    animation-iteration-count:infinite;
    animation-timing-function:linear;
	*/
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform:rotate(0deg) scale(1);
    }
    50% {
        -webkit-transform:rotate(15deg) scale(1.6);
    }
    100% {
        -webkit-transform:rotate(0deg) scale(1);
    }
}
@-moz-keyframes rotate {
    0% {
        -moz-transform:rotate(0deg) scale(1);
    }
    50% {
        -moz-transform:rotate(15deg) scale(1.6);
    }
    100% {
        -moz-transform:rotate(0deg) scale(1);
    }
}
/*Color switcher
-------------------------------------------------*/
.colors-switcher {
    width:60px;
    padding:20px 18px 14px 20px;
    position:fixed;
    z-index:1993;
    top:35px;
    right:0;
    background-color:#fff;
    border-radius:2px 0 0 2px;
    border:1px solid rgba(0,0,0,.1);
    -webkit-transition:all .4s ease-in-out;
    -moz-transition:all .4s ease-in-out;
    -ms-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
.colors-switcher > p {
    font-size: 11px;
    line-height: 0;
}
.colors-switcher #show-panel {
    position:absolute;
    left:-38px;
    top:15px;
    width:38px;
    height:38px;
    z-index:1992;
    display:block;
    background-color:#fff;
    border-radius:2px 0 0 2px;
    border:1px solid rgba(0,0,0,.1);
    border-right:none;
    cursor: pointer;
}
.colors-switcher #show-panel i {
    color: #3D3D3D;
    font-size: 20px;
    line-height: 38px;
    margin-left: 15px;
}
.colors-switcher .colors-list {
    margin:0;
    padding:0;
}
.colors-switcher .colors-list li {
    float:left;
    display:block;
    margin-bottom:2px;
    margin-right:6px;
}
.colors-switcher .colors-list li a {
    display:inline-block;
    width:24px;
    height:24px;
    border-radius:2px;
    transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    cursor: pointer;
}
.colors-switcher .colors-list li a:hover {
    box-shadow:inset 0 0 6px rgba(0,0,0,.4);
}
.colors-switcher .colors-list a.red {
    background-color:#f54f36;
}
.colors-switcher .colors-list a.orange {
    background-color:#f4a622;
}
.colors-switcher .colors-list a.sun-flower {
    background-color:#ebbb14;
}
.colors-switcher .colors-list a.turquoise {
    background-color:#1abc9c;
}
.colors-switcher .colors-list a.blue {
    background-color:#4abcdd;
}
.colors-switcher .colors-list a.purple {
    background-color:#9d6fc8;
}
.colors-switcher .colors-list a.green {
    background-color:#b7db48;
}
.colors-switcher .colors-list a.emerald {
    background-color:#2ecc71;
}
.colors-switcher .colors-list a.wet-asphalt {
    background-color:#3c546c;
}
.colors-switcher .colors-list a.gray {
    background-color: #797979;
}
/*Preloader
-----------------------------------*/
.mask {
    background-color:#FFF;
    width:100%;
    height:100%;
    position:fixed;
    z-index:100000;
 }

.bubblingG {
    text-align: center;

    left: 50%;
    top: 50%;
    position: absolute;
    margin: -25px 0 0 -25px;
}

.circle {
    background-color: rgba(0,0,0,0);
    border:5px solid rgba(0,183,229,0.9);
    opacity:.9;
    border-right:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 35px #2187e7;
    width:50px;
    height:50px;
    margin:0 auto;
    -moz-animation:spinPulse 1s infinite ease-in-out;
    -webkit-animation:spinPulse 1s infinite linear;
}
.circle1 {
    background-color: rgba(0,0,0,0);
    border:5px solid rgba(0,183,229,0.9);
    opacity:.9;
    border-left:5px solid rgba(0,0,0,0);
    border-right:5px solid rgba(0,0,0,0);
    border-radius:50px;
    box-shadow: 0 0 15px #2187e7;
    width:30px;
    height:30px;
    margin:0 auto;
    position:relative;
    top:-50px;
    -moz-animation:spinoffPulse 1s infinite linear;
    -webkit-animation:spinoffPulse 1s infinite linear;
}

@-moz-keyframes spinPulse {
    0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;}
    50% { -moz-transform:rotate(145deg); opacity:1; }
    100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
    0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; }
    50% { -webkit-transform:rotate(145deg); opacity:1;}
    100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}



/******************************************
Responsive
******************************************/
@media only screen and (max-width: 1300px){
    #blog .container {
        width: 1130px;
    }

}
@media(max-width: 1024px) {
    .container-fluid {
        padding-left: 105px;
        padding-right: 105px;
        width: auto;
    }
    .service-1{
        width: auto;
    }
    #blog .container {
        width: 760px;
    }
}
@media(max-width: 1024px){

    .homestyle{
        background-size: contain;
        height: 550px;
    }
    .homestyle .layer{
        height: 550px;
    }
}
@media(max-width: 1024px){
    .homestyle{
        height: 450px;
    }
    .homestyle .layer{
        height: 450px;
    }
    .logo img {
        width: 100px;
    }
    #home h1.brand{
        font-size: 60px;
    }
    .section-title{
        width: 600px;
    }
}
@media(max-width: 800px){
    #fullscreen-slider .slider-captions{
        width: 690px;
        margin-left: -30px;
    }
}

@media(max-width: 768px){
  .homestyle{
        height: 430px;
    }
  .homestyle .layer{
        height: 430px;
    }
	.full-image, .imgnoticias{
		background-position: 56% 0px;
    opacity: .3;
	}
	.noticias {
		position: initial !important;
	}
	.blog-post, .blog-quote{
		left: 50px !important;
	}
	.testimonials{
		width: auto !important;
	}
	.slider-captions{
		/*display: none !important;*/
		/*left: -40px !important;*/
	}

  #formacion .blog-post {
    width: 70% !important;
  }

  #formacion .section-title p {
    width: 80%;
    display: block;
    margin: 0 auto;
  }

  #formacion .section-title {
    margin-bottom: 0 !important;
  }

  #blogi .blog-quote {
    width: 75% !important;
  }

  #mCSB_1 .section-title {
    margin-bottom: 0 !important;
  }

  #mt-content .section-title {
    width: 100%;
    margin-bottom: 0 !important;
  }

  .contendor-padding {
    padding: 0;
  }

  #fullscreen-slider .slider-captions {
    left: -20px !important;
  }

}
@media(max-width: 600px){

    #fullscreen-slider .slider-captions {
      left: 105px !important;
    }

    #mt-content .section-title {
      width: 100%;
    }

    .contendor-padding {
      padding: 75px;
    }

    body{
       padding: 0px !important;
    }
    .container-fluid{
        padding-left: 75px;
        padding-right: 75px;
    }
    h1 {
      font-size: 1.2rem;
    }
    .contendor-padding {
      padding: 0;
    }

    #fullscreen-slider {
      height: calc(100vh + 100px) !important;
    }
    #fullscreen-slider .slider-captions{
        margin-left: -120px;
        width: 100% !important;
    }
    #fullscreen-slider .slider-captions.light h1{
        font-size: 35px;
        line-height: 60px;
    }
    #fullscreen-slider .slider-captions.light {
        top: 20px !important;
    }
    #home .slogn{
        margin-left: 12px;
    }
    .slides-container li {
      overflow: visible !important;
      width: 100% !important;
    }
    .homestyle{
        background-size: 1024px auto;
        height: 100%;
    }
    .homestyle .layer{
        height: 570px;
    }
    .section-title{
        width: 500px;
    }
    .description-line p:first-child {
      font-size: 16px !important;
    }
    .description-line p {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    #teams .section-title {
        margin-left: -40px;
    }
    #teams{
        height: 2500px;
    }

    #teams .tlayer{
        height: 2500px;
    }
    #filters li {
        display: block;
        margin: 0 5px 10px;
    }

    #blog .section-title {
        margin-left: -40px;
    }
    #blog .container{
        width: 370px;
    }
    .contact{
        display: none;
    }
	.imgnoticias{
		display: none !important;
	}
	.noticias {
		position: initial !important;
	}
	.blog-post, .blog-quote{
		left: 0 !important;
    width: 50% !important;
	}
	.testimonials{
		width: auto !important;
	}
	.slider-captions{
		/*display: none !important;*/
		left: -40px !important;
	}
	#mt-content{
		left: 0 !important;
	}

  .blog-post h3 {
    font-size: 15px;
    line-height: 20px !important;
  }

  .slides-control {
    width: 100% !important;
  }
  .section-title{
      margin: 60px auto 0;
  }

  #formacion .blog-post {
    width: 50% !important;
  }

  #formacion .section-title p {
    width: initial;
  }

  #blogi .blog-quote {
    left: 7% !important;
  }

  #blogi .blog-quote h2 {
    font-size: 20px;
    line-height: 26px;
  }

  #mCSB_1 {
    padding: 40px 0;
  }

  #mCSB_1 .blog-post {
    position: relative;
    left: 0% !important;
    width: 65% !important;
  }

  #mCSB_1 .section-title {
    padding-left: 0 !important;
  }

  #mCSB_1 h2 {
    font-size: 20px;
    line-height: 26px;
  }

  #clients .section-title {
    padding-left: 0 !important;
  }

  .contact-padding {
    padding-left: 40px;
  }

  .socialnetwork a {
    margin: 5px;
  }

}
@media(max-width: 480px){
  #home li .slider-captions {
    max-width: 250px !important;
  }
  #home {
    min-width: 400px;
  }
    body{
       padding: 0px !important;
    }
    .container-fluid{
        padding-left: 75px;
        padding-right: 75px;
    }
    #home .videopre{
        display: none;
    }
    .homestyle{
        background-size: 1024px auto;
        height: 570px;
    }
    .homestyle .layer{
        height: 570px;
    }
    #home h1.brand{
        font-size: 80px;
    }
    .section-title{
        width: 100%;
        padding-left: 40px;
        margin-top: 20px !important;
    }
    #blog .container{
        width: 370px;
    }
    #teams{
        height: 2500px;
    }

    #teams .tlayer{
        height: 2500px;
    }

    .the_team {
        margin-left: -25px;
    }
    .the_team .single{
        margin-bottom: 30px;
    }
    #service-3{
        margin-left: 60px;
    }
    #filters li {
        display: block;
        margin: 0 5px 10px;
    }
    .socialnetwork > li{
        font-size: 20px;
    }
  .imgnoticias{
		display: none !important;
	}
	.noticias {
		position: initial !important;
	}
	.blog-post, .blog-quote{
		left: 100px !important;
	}
	.testimonials{
		width: auto !important;
	}

	.slider-captions{
		/*display: none !important;*/
		left: -120px !important;
	}

}

@media(max-width: 360px){
    #fullscreen-slider .slider-captions{
        /*margin-left: -24px;*/
		  margin-left: -50px;
      width: 100%;
    }
  .slider-captions {
    top: 200px !important;
  }
  .slides-container li {
    width: 80% !important;
  }
	.description-line {
		font-size: 8px;
	}
    #fullscreen-slider .slider-captions.light h1{
        font-size: 40px;
    }
    #home .subtitle {
        display: block;
        margin-left: 20px;
    }

    #home h1.brand{
        font-size: 60px;
    }
    .section-title{
        width: 260px;
    }

    #teams .section-title {
        margin-left: -48px;
    }
    #service-3{
        margin-left: 30px;
    }
    .container {
        padding-left: 60px;
		/*
        padding-right: 60px;
		*/
	}
    #blog .container {
        padding-left: 0;
        padding-right: 0;
        width: 340px;
    }
    .blog-post ,.blog-quote{
        width: 250px;
    }
    .imgnoticias{
  		display: none !important;
  	}
	.noticias {
		position: initial !important;
	}
	.blog-post, .blog-quote{
		/*left: 50px !important;*/
		left: -10px !important;
	}
	.testimonials{
		width: auto !important;
	}
}

@media(max-width: 320px){
    .section-title{
        width: 230px;
    }

    .left{
        float: none;
    }
    #service-3{
        margin-left: -6px;
    }
    .imgnoticias{
  		display: none !important;
  	}
	.noticias {
		position: initial !important;
	}
	.blog-post{
		left: 50px !important;
	}
	.testimonials{
		width: auto !important;
	}
	.slider-captions{
		/*display: none !important;*/
		left: -120px !important;
	}
}





.btn-round{
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: inline-block;
	padding: 0;
}
.btn-round i{
	font-size: 20px;
	top: 16px;
	position: relative;
}
.btn.btn-clear{
	border: 1px solid #333 !important;
	transition: 150ms background-color;
	-o-transition: 150ms background-color;
	-moz-transition: 150ms background-color;
	-webkit-transition: 150ms background-color;
	color: #333;
	background: none;
	background-color: none;
	font-weight: bold;
}
.btn.btn-clear:hover, .btn.btn-clear.selected{
	background: #fff !important;
	color: #3C546C;
}
.social-icons .btn{
	margin: 8px;
}
.social-icons{
	padding-top: 10px;
	margin-bottom: 35px;
}
.social-icons .btn.btn-clear{
	border: 1px solid #333 !important;
}


.color-line{
	background-color: #5b9bbc;
	height: 3px;
	width: 70%;
	margin: auto;
}
.description-line{
	/*text-align: left;*/
	width: 70%;
	margin: auto;
}
.description-line p{
	line-height: 0px;
}
.slideshare{
	background: url("/img/icons/slideshareu.png") !important;
	/*background-size: 25px 25px;*/
	background-repeat: no-repeat !important;
	background-position: 12px !important;
	border: 1px solid #333 !important;
}
.slideshare:hover{
	background: #fff url("/img/icons/slideshareuo.png") !important;
	background-repeat: no-repeat !important;
	background-position: 12px !important;
	border: 1px solid #333 !important;
}

strong{
	color: #fff;
}
.about-date{
	font-weight: bold;
}
.about-date span{
	display: block;
}
.row-employment{
	margin-bottom: 35px;
}
.row-edu{
	margin-bottom: 20px;
}
.row-edu:last-child{
	margin-bottom: 30px;
}
.row-edu:last-child strong{
	margin-bottom: 0;
}

/*NOTICIAS*/
h4.thin-title{
	margin: 0;
	height: auto;
	line-height: 30px;
	font-size: 30px;
	font-weight: 100;
	margin-bottom: 15px;

}
h1.thin-title, h2.thin-title, h1 .thin-title, .carousel-caption h4{
	font-weight: 100;
	text-transform: none !important;
}
h2.content-intro{
	margin: 0 0 5px 0;
	font-size: 32px;
	line-height: 32px;
}
.about-meta{
	margin-bottom: 10px;
	display: inline-block;
}
blockquote{
	font-style: italic;
	line-height: 24px;
}
blockquote small{
	margin-top: 10px;
}
.carousel-indicators.testimonials{
	position: relative !important;
	top: auto !important;
	right: auto
}
.carousel-indicators li{
	cursor: pointer;
	margin-left: 0;
	margin-right: 8px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
}
.carousel-indicators li:hover{
	background: #aaa;
	background: rgba(255,255,255,0.7);
}
.about-meta{
	color: #3d5054 !important;
}

.noticias{
	position: absolute;
	top: 0px;
	left: 50px;
	height: 100%;
	overflow-x: auto;
}
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-thumb {
background: #3d2f2f;
-webkit-box-shadow: inset 1px 1px 2px rgba(155,155,155,0.4);
}
::-webkit-scrollbar-track {
background: #FFF;
-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
border: 1px solid #D8D8D8;
}



.circular {
	width: 150px;
	height: 150px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	margin: auto;
}