/*+++++++++++++++++++++

    =====================================

     Template Name : Himu

     Author Name : Mostafizur Rahman

     Author URI : http://mostafiz.me/

     Template URI :http://mostafiz.me/demo/himu/

     Version : 1.1

    ===============================

    +++++++++++++++++++*/











    /*

    ====================================

    ------------------------------------

        1. Typography

        2. Header

        3. Main Slider

        4. About Us

        5. Service

        6. Our Team

        7. Portfolio

        8. Clients

        9. Our Blog

        10. Contact

        11. Footer

        12. Carousel Effect

        13. Isotope

        14. Portfolio Hover effect

    -------------------------------------

    =====================================

    */





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

    ======Typography=====

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

    @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

	

section#marcas img {

    max-height: 300px;

}	



#esp{ 

	padding-bottom: 10px;

	padding-top: 10px;

	

}

	

	

.modal-content {

	

	background-color: #FFFFFF;

	color: #ffffff;

}



.modal-content h3, .modal-content h5 {

	

}

	

	

	



    body {

        font-family: 'Roboto', sans-serif;

        position: relative;

        font-weight:400;

        background: #fff;

        color:#43484E

    }



    body  section{

        padding: 75px 0;

    }



    a:hover {

        outline: none;

        text-decoration:none;

		color:#96caf7;

    }



    a:focus {

        outline:none;

        outline-offset: 0;

    }



    a {

        -webkit-transition: 300ms;

        -moz-transition: 300ms;

        -o-transition: 300ms;

        transition: 300ms;

        color:#2a6496;

    }



    h1, h2, h3, h4, h5, h6 {

        font-family: 'Roboto', sans-serif;

    }

    p{

        line-height: 1.5;

        letter-spacing: 1.5px;

    }

    .slider-btn {

        background-color:#60839c;

        color: #FFF;

        -webkit-box-shadow: inset 0 0 0 2px #60839c;

        box-shadow: inset 0 0 0 2px #60839c;

        text-transform: uppercase;

        width: 190px;

        text-align: center;

        height: 55px;

        line-height:55px;

        padding: 0;

        font-size: 18px;

        font-weight:800;

        border: 0;

        -webkit-transition: all 0.3s ease 0s;

        -moz-transition: all 0.3s ease 0s;

        -o-transition: all 0.3s ease 0s;

        -ms-transition: all 0.3s ease 0s;

        transition: all 0.3s ease 0s;

    }



    .slider-btn:hover {

        background-color:#3b505f;

        -webkit-box-shadow: inset 0 0 0 2px #3b505f;

        box-shadow: inset 0 0 0 2px #3b505f;

        color:#fff

    }





    .parallax-section{

        min-height: 300px;

        width: 100%;

        background-position: 50% 0;

        background-repeat: no-repeat;

        background-attachment: fixed;

        background-size: cover;

    }





    .preloader{

        position: fixed;

        top: 0;

        left: 0;

        height: 100%;

        width: 100%;

        display: table;

        background: #fff;

        z-index: 9999;

    }



    .preloder-wrap{

        display: table-cell;

        vertical-align: middle;

    }



    .preloder-inner {

        width: 200px;

        height: 100px;

        margin: 0 auto;

    }



    .ball {

        width: 10px;

        height: 10px;

        margin: 10px auto;

        border-radius: 50px;

    }



    .ball:nth-child(1) {

        background: #ff005d;

        -webkit-animation: right 1s infinite ease-in-out;

        -moz-animation: right 1s infinite ease-in-out;

        animation: right 1s infinite ease-in-out;

    }



    .ball:nth-child(2) {

        background: #35ff99;

        -webkit-animation: left 1.1s infinite ease-in-out;

        -moz-animation: left 1.1s infinite ease-in-out;

        animation: left 1.1s infinite ease-in-out;

    }



    .ball:nth-child(3) {

        background: #008597;

        -webkit-animation: right 1.05s infinite ease-in-out;

        -moz-animation: right 1.05s infinite ease-in-out;

        animation: right 1.05s infinite ease-in-out;

    }



    .ball:nth-child(4) {

        background: #ffcc00;

        -webkit-animation: left 1.15s infinite ease-in-out;

        -moz-animation: left 1.15s infinite ease-in-out;

        animation: left 1.15s infinite ease-in-out;

     }



    .ball:nth-child(5) {

        background: #2d3443;

        -webkit-animation: right 1.1s infinite ease-in-out;

        -moz-animation: right 1.1s infinite ease-in-out;

        animation: right 1.1s infinite ease-in-out;

    }



    .ball:nth-child(6) {

        background: #ff7c35;

        -webkit-animation: left 1.05s infinite ease-in-out;

        -moz-animation: left 1.05s infinite ease-in-out;

        animation: left 1.05s infinite ease-in-out;

    }



    .ball:nth-child(7) {

        background: #4d407c;

        -webkit-animation: right 1s infinite ease-in-out;

        -moz-animation: right 1s infinite ease-in-out;

        animation: right 1s infinite ease-in-out;

    }





    @-webkit-keyframes right {

        0%   { -webkit-transform: translate(-15px);   }

        50%  { -webkit-transform: translate(15px);    }

        100% { -webkit-transform: translate(-15px);   }

    }



    @-webkit-keyframes left {

        0%   { -webkit-transform: translate(15px);    }

        50%  { -webkit-transform: translate(-15px);   }

        100% { -webkit-transform: translate(15px);    }

    }



    @-moz-keyframes right {

        0%   { -moz-transform: translate(-15px);   }

        50%  { -moz-transform: translate(15px);    }

        100% { -moz-transform: translate(-15px);   }

    }



    @-moz-keyframes left {

        0%   { -moz-transform: translate(15px);    }

        50%  { -moz-transform: translate(-15px);   }

        100% { -moz-transform: translate(15px);    }

    }



    @keyframes right {

        0%   { transform: translate(-15px);  }

        50%  { transform: translate(15px);   }

        100% { transform: translate(-15px);  }

    }



    @keyframes left {

        0%   { transform: translate(15px);   }

        50%  { transform: translate(-15px);  }

        100% { transform: translate(15px);   }

    }





    .vertical-middle{

        width: 100%;

        height: 100%;

        display: table;

    }



    .vertical-middle div{

        display: table-cell;

        vertical-align: middle;

    }



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

    ======Header CSS=====

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

	

	#area{

		padding-top: 20px;

		

	}

	



    #navigation .navbar {

      background:rgba(33, 5, 8, 0.952941);

      border-radius: 0;

      border-bottom: 0;

      box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 3px;

      padding-bottom: 8px;

    }



    #navigation .navbar-toggle{

      margin-top: 20px;

      background-color: #333;

    }



    #navigation .navbar-brand h1{

      padding: 0;

      margin: 0;

    }

    #navigation .navbar-brand h1 img{

        height: 100px;

        width: auto;

    }



    #navigation .navbar-nav.navbar-right li {

        padding: 0 1px;

    }



    #navigation .navbar-nav.navbar-right {

        margin-top:50px

    }



    #navigation .navbar-nav.navbar-right li a {

        color: #ada150;

        font-family: 'Roboto',sans-serif;

        font-size: 14px;

        padding: 0;

        text-transform: uppercase;

        -webkit-transition: all .9s ease 0s;

        -moz-transition: all .9s ease 0s;

        -o-transition: all .9s ease 0s;

        transition: all .9s ease 0s;

        padding: 6px 10px;

    }



    #navigation .navbar-inverse .navbar-nav  .active  a,

    #navigation .navbar-inverse .navbar-nav  .active  a:focus,

    #navigation .navbar-nav.navbar-right li a:hover {

        color: #000;

        background-color: #ada150;

    }





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

    ====Main Slider CSS=====

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

    .home-pattern {

        height:100%;

        position:absolute;

        width:100%;

        z-index:1;

        left:0;

        bottom:0;

        background-image:url(../images/home-pattern.png);

        background-repeat:repeat;

        opacity:0.2;

    }



    #home{

      padding: 0;

      overflow: hidden;

      position:relative

    }



    #main-carousel .carousel-inner .item {

        background-size:cover;

        height: 100%;

        background-position: 50% 50%;

        background-repeat:no-repeat;

    }



    #main-carousel .carousel-indicators {

        bottom:15px

    }



    #main-carousel .carousel-indicators li{

        background: rgba(0, 0, 0, 0);

        border: 1px solid #fff;

        width: 13px;

        height: 13px;

        margin-left: 5px;

        text-indent: -9999px;

        display: inline-block;

    }



    .carousel-indicators .active{

        background-color: #fff !important;



    }



    .slider-content {

        height: 100%;

    }



    #main-carousel .carousel-caption {

        display: table;

        height: 100%;

        width: 100%;

        min-height: 100%;

        left: 0;

        top: 0;

        z-index: 11;

    }



    #main-carousel .carousel-caption > div{

        vertical-align: middle;

        display: table-cell;

    }



    #main-carousel .carousel-inner h2 {

        color: #e3e5e7;

        display: inline-block;

        font-family: roboto;

        font-size: 55px;

        font-weight: 800;

        margin-bottom: 40px;

        text-shadow: none;

        text-transform: uppercase;

    }



    #main-carousel .carousel-inner h2 span{

      color:#7ab700;

    }



    #main-carousel .carousel-inner p {

        color: #f6f6f6;

        font-family: roboto;

        font-size: 24px;

        font-weight: 300;

        margin-bottom: 59px;

        margin-top: 0;

        text-shadow:none;

    }



    #main-carousel .carousel-left{

        left:-50px;

    }



    #main-carousel .carousel-right{

        right:-50px;

    }



    #main-carousel:hover .carousel-left{

        left:0px;

        -webkit-transition: 300ms;

        -moz-transition: 300ms;

        -o-transition: 300ms;

        transition: 300ms;

    }



    #main-carousel:hover .carousel-right{

        right:0px;

        -webkit-transition: 300ms;

        -moz-transition: 300ms;

        -o-transition: 300ms;

        transition: 300ms;

    }



    #main-carousel .carousel-left,

    #main-carousel .carousel-right{

        padding: 15px;

        z-index: 12;

        font-size: 60px;

        color: rgba(255, 255, 255, 0.52);

        top: 50%;

        position: absolute;

        margin-top: -60px;

        text-align: center;

        -webkit-transition: 300ms;

        -moz-transition: 300ms;

        -o-transition: 300ms;

        transition: 300ms;

    }



    .carousel-right {

      right:65px

    }



    .carousel-left {

      left:65px

    }



    #main-carousel .carousel-left:hover,

    #main-carousel .carousel-right:hover{

        color: #F6F6F6;

    }







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

    ====== About Us CSS =====

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

	

	#at {

		background:#210508;

		padding: 1px;

		margin: 5px;

		

	}





    #about-us {

        background:#F6F6F6;

        overflow: hidden;

        padding: 85px 0;

		color: #000;

    }



    #about-us h2 {

        margin-bottom:35px

    }



    .title-one {

        color: #210508;

        display: inline-block;

        font-size: 32px;

        font-weight: 600;

        padding-bottom:10px;

        text-align: center;

        text-transform: uppercase;

        position:relative

    }



    .title-one:after {

        color: #210508;

        content: "||";

        position: absolute;

        right: -40px;

        top: -2px;

    }



    .title-one:before {

        color: #210508;

        content: "||";

        left: -40px;

        position: absolute;

        top: 0;

    }

    #sobre img{

        margin: 100px auto 0 auto;

        padding: 2px;

        box-shadow: 1px 1px 2.5px #210508, -1px 1px 2.5px #210508, 1px -1px 2.5px #210508, -1px -1px 2.5px #210508;

    }

    #about-us h4 {

        color: #909090;

        margin-bottom: 50px;

        margin-top: -5px;

        text-transform: capitalize;

    }



    #about-us p {

        font-weight:500;

        font-size:15px;

        text-align: justify;

        line-height: 1.5;

        letter-spacing: 1.5px;

		color: 000;

		margin-top: 1.83em;

		

    }



    .about-us .col-sm-6 {

        margin-top:50px

    }



    .about-us h3 {

        font-size: 20px;

        margin-bottom: 18px;

        text-transform: uppercase;

    }



    .about-us .tab-content {

        background:#FFFFFF;

        border-bottom: 1px solid #DDDDDD;

        border-left: 1px solid #DDDDDD;

        border-right: 1px solid #DDDDDD;

        padding: 25px;

    }



    .about-us .nav-tabs li a {

        border-top:2px solid #f6f6f6;

        color:#fc7700

    }



    .about-us .nav-tabs li.active a,

    .about-us .nav-tabs li.active a:hover,

    .about-us .nav-tabs li.active a:focus {

        border-radius: 0;

        border-top: 2px solid #fc7700;

        color: #333333;

    }



    .about-us .tab-content

    .pull-left.media-object {

        background-color: #F6F6F6;

        margin-right: 20px;

        padding: 5px;

    }



    .skillbar {

        position:relative;

        display:block;

        margin-bottom:18px;

        box-shadow:1px 1px 0 0 #333333;

        width:100%;

        background:#43484E;

        height:35px;

        -webkit-transition:0.4s linear;

        -moz-transition:0.4s linear;

        -ms-transition:0.4s linear;

        -o-transition:0.4s linear;

        transition:0.4s linear;

        -webkit-transition-property:width, background-color;

        -moz-transition-property:width, background-color;

        -ms-transition-property:width, background-color;

        -o-transition-property:width, background-color;

        transition-property:width, background-color;

    }



    .skillbar-title {

        position:absolute;

        top:0;

        left:0;

        width:25%;

        font-weight:bold;

        font-size:13px;

        color:#fff;

        background-color:#fc7700;

    }



    .skillbar-title span {

        float: none;

        margin-bottom: 0;

        margin-right: 0;

        margin-top: 0;

        text-align: left;

        display:block;

        background-color:#fc7700;

        padding:0 15px;

        height:35px;

        line-height:35px;

    }





    .skillbar-bar {

        height:35px;

        width:0px;

        background-color:#fc7700;

        box-shadow:0 1px 0 0 #333333;

    }



    .skill-bar-percent {

        position:absolute;

        right:10px;

        top:0;

        font-size:11px;

        height:35px;

        line-height:35px;

        color:#ffffff;

    }









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

    ======Service CSS=====

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

    /*MODAL PLANOS*/

	

	.link{

		background:#0F0;

    }

	

    .modal-title{

        color:#60839c;

        font-size: 30px;

        font-weight: bold;

    }

    .modal-body{

		/*background-image: url("../images/services/banda_larga.jpg");*/

        color:#000000;

    }

	.modal-body2{

		/*background-image: url("../images/services/link_dedicado.jpg");*/

        color:#000000;

    }

	.modal-body3{

		/*background-image: url("../images/services/voip.jpg");*/

        color:#000000;

    }

	.modal-body4{

        color:#000000;

    }

	.modal-body5{

		

        color:#000000;

    }

	

	

	

	

	

    .planos{

		background: #FFF;

		opacity: 0.8;

        position: relative !important;

        padding: 0;

        margin-right: 0;

        border:1px solid #cccccc;

        border-radius: 5px;

    }

    .planos>h2{

        margin: 0 !important;

        padding: 5px;

        background: #acd4f0;

        border-top-right-radius: 4px;

        border-top-left-radius: 4px;

    }

    .planos>strong{

        display: block;

        padding: 30px 0;

        font-size: 30px;

    }

    .planos>strong>sup,.planos>strong>sub{

        font-size: 15px;

        font-weight: normal !important;

    }

    .combos{

        margin-top: 20px;

    }

    .combos>p{

        font-size: 16px;

    }

    .combos>h2{

        padding: 5px !important;

        background: #607e9c;

        font-size: 23px!important;

    }

    .combos>p{

        padding: 30px 5px 0;

    }

    .telefonia{

        background: #4a6178;

        margin-top: 20px;

        padding: 5px;

        border-radius: 5px;

        font-size: 20px;

        color:#fff;

    }

    #services {

      background-image: url("../images/services/service-bg.jpg");

      color:#fff;

      text-align:center;

      background-color:	#0A0A13;

    }

	

	#srvimg {

		box-shadow: 1px 2px 1px #363636;

 -webkit-box-shadow: 1px 2px 1px #363636;

 -moz-box-shadow: 1px 2px 1px #363636;



    }

	

	#srvtxt { padding: 15px;

		



    }



    .services {

        display:block;

        overflow:hidden;

        margin-top:50px

    }



    #services h2{

      color: #fff;

      border-color: #fff;

      margin-bottom:35px

    }



    .single-service, .single-service1 {

        background-color: rgba(0, 0, 0, 0.39);

        height: 300px;

        padding:25px;

        transition: all 0.9s ease 0s;

        -moz-transition: all 0.9s ease 0s;

        -webkit-transition: all 0.9s ease 0s;

        -o-transition: all 0.9s ease 0s;

    }

    .single-service, .single-service1 {

        background-color: rgba(0, 0, 0, 0.39);

        padding:25px;

        transition: all 0.9s ease 0s;

        -moz-transition: all 0.9s ease 0s;

        -webkit-transition: all 0.9s ease 0s;

        -o-transition: all 0.9s ease 0s;

    }



    .single-service p, single-service1 p {

        text-align:justify;

    }



    .single-service i {

        text-align:center;

        font-size:80px;

        background-color: #fff;

        border-radius: 50%;

        display: inline-block;

        height: 150px;

        line-height: 150px;

        width: 150px;

        color:#43484E;

        transition: all 0.9s ease 0s;

        -moz-transition: all 0.9s ease 0s;

        -webkit-transition: all 0.9s ease 0s;

        -o-transition: all 0.9s ease 0s;

    }

    .single-service1 i {

        text-align:center;

        font-size:80px;

        background-color: #fff;

        border-radius: 50%;

        display: inline-block;

        height: 150px;

        line-height: 150px;

        width: 150px;

        color:#acd4f0;

        transition: all 0.9s ease 0s;

        -moz-transition: all 0.9s ease 0s;

        -webkit-transition: all 0.9s ease 0s;

        -o-transition: all 0.9s ease 0s;

    }



    .single-service:hover {

        background-color: #60839c;

        box-shadow: 2px 2px 5px #333, -2px -2px 5px #333, -2px 2px 5px #333, 2px -2px 5px #333;

    }



    .single-service:hover i {

        color:#60839c;

        -moz-transform: scale(1.1) rotate(360deg);

        -webkit-transform: scale(1.1) rotate(360deg);

        -o-transform: scale(1.1) rotate(360deg);

        -ms-transform: scale(1.1) rotate(360deg);

        transform: scale(1.1) rotate(360deg);

    }



    .single-service1:hover {

        background-color: #acd4f0;

    }



    .single-service1:hover i {

        color:#acd4f0;

        -moz-transform: scale(1.1) rotate(360deg);

        -webkit-transform: scale(1.1) rotate(360deg);

        -o-transform: scale(1.1) rotate(360deg);

        -ms-transform: scale(1.1) rotate(360deg);

        transform: scale(1.1) rotate(360deg);

    }





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

    ======Our Team CSS=====

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



    #team-carousel {

        position:relative

    }



    #our-team {

        background-color:#f6f6f6;

        color:#43484E;

    }



    #our-team h2 {

        color:#43484E;

        margin-bottom:35px;

    }



    #our-team .team-members {

        padding:0;

        margin-top:55px;

        display:block;

        overflow:hidden

    }



    .single-member {

        height:430px;

        background-color:#43484E;

        border: 1px solid #43484E;

        color: #f6f6f6;

        padding: 25px;

        text-align:center;

        overflow:hidden;

    }



    .single-member img {

        width:100%

    }



    .single-member h4,

    .single-member h5 {

        text-align:center

    }



    #our-team .socials i {

        background-color:#fff;

        border-radius: 50%;

        color: #43484E;

        display: inline-block;

        font-size:16px;

        height: 30px;

        line-height:28px;

        margin-right: 5px;

        text-align: center;

        width: 30px;

        border-width:1px;

        border-color:#43484E;

        border-style: solid;

        opacity:.5;

         -webkit-transition: all 0.5s ease-in-out;

        -moz-transition: all 0.5s ease-in-out;

        -o-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

    }



    #our-team .socials a i:hover {

        opacity:1;

        color:#fff;

        border:0

    }



    #our-team .socials a .fa-facebook:hover {

        background: #3B5997;

    }



    #our-team .socials a .fa-twitter:hover {

      background:#29C5F6

    }



    #our-team .socials a .fa-pinterest:hover {

      background:#C61118

    }



    #our-team .socials a .fa-dribbble:hover {

      background:#FF5C93

    }



    #our-team .socials a .fa-linkedin:hover {

      background:#006DC0

    }



    #our-team .socials a .fa-google-plus:hover {

      background:#D13D2F

    }



    #our-team .socials a .fa-flickr:hover {

      background:#7A797B

    }



    .member-left, .member-right {

        position:absolute;

        top:-43px;

        color:#43484E

    }





    .member-left {

        left:49%;

    }



    .member-right {

        left:51%

    }





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

    ======Portfolio CSS=====

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



	#portfolio{

		color:#000;

		font-weight:500;

		

	}

	#localizacao{

		color:#000;

		font-weight:500;

		

	}

	#infraestrutura{

		color:#000;

		font-weight:500;

		

	}



    #servicos {

      padding-top:70px;

      padding-bottom: 100px;

      background:#F6F6F6;

	  

    }



    #servicos p,

    #servicos h2 {

        margin-bottom:30px;

    }



    #servicos

    .servicos {

      margin-bottom:40px;

      margin-top:10px;

    }



    #servicos

    .servicos-filter li {

      display: inline-block;

    }



    #servicos

    .servicos-filter li a:hover,

    #servicos

    .servicos-filter li a:focus,

    #servicos

    .servicos-filter li a:active ,

    #servicos

    .servicos-filter li .active{

        border: 1px solid #fc7700;

        color: #686868;

        box-shadow: none;

        -webkit-box-shadow: none;

        opacity: 1;

    }



    #servicos

    .servicos-filter li a {

        color: #686868;

        font-size: 16px;

        text-transform: uppercase;

        border: none;

        background: rgba(67, 72, 78, 0);

        opacity: .8;

        border: 1px solid rgba(252, 119, 0, 0);

        border-radius: inherit;

    }



    .servicos-items > div{

      padding:0;

    }



    .servicos-items img{

      width:100%;

    }



    .view {

      cursor: default;

      height: 100%;

      overflow: hidden;

      position: relative;

      text-align: center;

      width:100%;

    }



    .efffect h4 {

        opacity: 0;

        transform: scale(0);

        transition: all 0.5s linear 0s;

    }



    .efffect h3 {

        opacity: 0;

        transform: scale(0);

        -webkit-transition: all 0.5s linear 0s;

        -moz-transition: all 0.5s linear 0s;

        -ms-transition: all 0.5s linear 0s;

        -o-transition: all 0.5s linear 0s;

        transition: all 0.5s linear 0s;

    }



    .efffect img {

        transform: scaleY(1);

        -moz-transform: scaleY(1);

        -webkit-transform: scaleY(1);

        -o-transform: scaleY(1);

        -ms-transform: scaleY(1);

        transition: all 0.7s ease-in-out 0s;

        -moz-transition: all 0.7s ease-in-out 0s;

        -webkit-transition: all 0.7s ease-in-out 0s;

        -o-transition: all 0.7s ease-in-out 0s;

    }



    .view img {

        display: block;

        position: relative;

    }



    .efffect .mask {

        background-color: #F6F6F6;

        border:4px solid #333333;

        -webkit-transition: all 0.5s linear 0s;

        -moz-transition: all 0.5s linear 0s;

        -ms-transition: all 0.5s linear 0s;

        -o-transition: all 0.5s linear 0s;

        transition: all 0.5s linear 0s;

        opacity: 0

    }



    .view .mask, .view .content {

        height:100%;

        left: 0;

        overflow: hidden;

        position: absolute;

        top: 0;

        width:100%;

    }



    .mask h3 {

        color: #43484E;

        font-family: cabin;

        font-size: 22px;

        font-weight: 700;

        margin-top: 30px;

        text-transform: uppercase;

        transition: height 500ms ease 0s;

    }



    .mask h4 {

        color:#000;

        font-family: roboto;

        font-size: 14px;

        font-weight: 200;

        padding: 0 35px 5px;

    }



    .mask i {

        border: 2px solid #333;

        border-radius: 50%;

        color: #333;

        font-size: 17px;

        margin-left: 8px;

        padding: 8px;

    }



    .mask i:hover{

        background-color:#fc7700;

        color:#fff;

    }







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

    ======Clients CSS=====

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



    #clients{

        background-image: url("../images/clients/bg.jpg");

        background-color:#0A0A13;

        background-attachment: fixed;

        background-size: cover;

        text-align: center;

    }



    #clients h2 {

        margin-bottom:30px;

        color:#f6f6f6

    }



    #clients p {

        color:#fff

    }



    #clients-carousel  {

        margin-top:45px;

        text-align:center;

    }



    #clients-carousel

    .carousel-inner {

        display:inline-block;

        width:60%

    }



    .carousel-inner blockquote {

      border-left: 0 none;

      margin:15px;

      padding:0;

      text-align: left;

    }



    .carousel-inner blockquote p {

        font-size:17px;



    }



    #clients-carousel

    .carousel-inner img {

        border-right:5px solid#eee;

        padding-right:10px

    }



    #clients-carousel

    .carousel-indicators {

        top: 100%;

        left: 50%;

        margin: 0 0 0 -50px;

        position: absolute;

        width: 100px;

    }



    #clients-carousel .item {

        background:#43484E

    }



    #clients-carousel

    .carousel-indicators li{

        background: rgba(0, 0, 0, 0);

        border: 1px solid #fff;

        width: 13px;

        height: 13px;

        margin-left: 5px;

        text-indent: -9999px;

        display: inline-block;

    }



    #clients-carousel

    .carousel-indicators {

      margin-top: 20px;

    }



    .clients{

      text-align: center;

    }



    .clients h2 {

        color: #FFFFFF;

        font-family: 'Roboto',sans-serif;

        font-size: 30px;

        font-weight: 500;

        line-height: 40px;

        text-transform: uppercase;

        margin-top: 0;

    }



    .clients p {

        color: #FFFFFF;

        font-family: 'Roboto',sans-serif;

        font-size: 14px;

        font-weight: 300;

        letter-spacing: 3px;

        text-transform: uppercase;

    }



    .clients p span{

        color:#fc7700;

    }

	

	

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

    ======Our Mídia Social CSS=====

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

	

	#msrl{

        background-image: url("../images/social/bg.jpg");

        background-color:#0A0A13;

        background-attachment: fixed;

        background-size: cover;

        text-align: center;

    }

	

	#msrl h2 {

        margin-bottom:30px;

        color:#f6f6f6

    }



    #msrl p {

        color:#fff

    }



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

    ======Our Blog CSS=====

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



    #blog {

        padding-bottom:75px;

        padding-top:75px

    }



    .blog-heading {

        margin-bottom: 35px;

        margin-top: 15px;

    }



    .single-blog {

        margin-bottom: 30px;

        background-color:#F7F7F7;

        padding:25px;

        transition: all 1s ease 0s;

        -moz-transition: all 1s ease 0s;

        -webkit-transition: all 1s ease 0s;

        -o-transition: all 1s ease 0s;

        -webkit-box-shadow: 0 2px 0 0 #ddd;

        box-shadow: 0 2px 0 0 #ddd;

        height: 480px;

        overflow-x: auto;



    }

    .single-blog p{

        text-align: justify;



    }

    .single-blog:hover {

        background-color:#43484E;

        color:#fff

    }



    .single-blog:hover.single-blog h2 {

        color:#fff

    }



    .single-blog:hover.single-blog .btn-primary {

        background-color:#fc7700;

        color:#fff;

        border-color:#fff;

        transition: all 0.9s ease 0s;

        -moz-transition: all 0.9s ease 0s;

        -webkit-transition: all 0.9s ease 0s;

        -o-transition: all 0.9s ease 0s;

    }



    .single-blog img{

        width:100%;

        margin-bottom:20px

    }



    .single-blog h2 {

        color:#43484E;

        font-size:24px;

    }



    .single-blog h2{

        margin:0;

        margin-bottom:15px;

    }



    .single-blog ul {

        padding:0;

        overflow:hidden;

    }



    .single-blog ul li {

        border-right: 2px solid #999999;

        float: left;

        line-height: 10px;

        list-style: none;

        margin-right: 10px;

        padding-right: 10px;

        font-size: 12px;

        color:#999;

    }



    .single-blog ul li:last-child {

        border:none;

    }



    .blog-content {

        margin-bottom: 25px;

        margin-top: 0;

    }



    .single-blog .btn-primary {

        text-transform: uppercase;

        border: 1px solid #fc7700;

        color: #686868;

        background-color: rgba(255, 255, 255, 0);

        border-color: #fc7700;

    }



    .single-blog:hover.single-blog .btn-primary:hover{

        background-color:#fc7700;

        color:#fff;

    }



    #blog-detail .modal-body {

        padding:30px;

    }



    #blog-detail .modal-body img {

        width:100%

    }



    #blog-detail .close {

        margin-right: -15px;

        margin-top: -25px;

    }







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

    ======Contact CSS=====

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



    #contact {

        overflow:hidden;

        background-color: #f6f6f6;

        position:relative;

        padding-bottom:85px;

        border-top:2px solid #ddd;

		color: #000;

		font-weight:500;

		

    }



    #contact .contact-heading {

        padding-bottom:35px;

        position: relative;

        z-index: 10;

    }



    .contact-details {

        padding-top:75px;

    }



    .pattern {

        height:100%;

        position:absolute;

        width:100%;

        z-index:1;

        left:0;

        bottom:0;

        background-image:url(../images/pattern.png);

		background-repeat:repeat;

        

        opacity:0.2;

    }





    .contact-address {

        background-color: #fff;

        height:490px;

        padding-top:30px

    }



    .contact-address .social-icons a i {

        border-radius:0;

        height:30px;

        line-height:inherit;

        width:30px;

        border-width:0;

        transition: all 1s ease 0s;

        -moz-transition: all 1s ease 0s;

        -webkit-transition: all 1s ease 0s;

        -o-transition: all 1s ease 0s;

        margin-right:10px

    }

    .contact-address .social-icons i:hover {

        transform: scale(.9);

    }



    .social-icons a {

        color: #A2A2A2;

        font-size: 20px;

        border: 1px solid #A2A2A2;

        border-radius: 50%;

        text-align: center;

        padding: 6px;

        width: 44px;

        height: 44px;

        display: inline-block;

        margin: 2px;

    }





    .social-icons a:hover {

      color: #fc7700;

      border: 1px solid #fc7700;

    }



    .contact-address .social-icons,

    .contact-address address {

        z-index:2;

        position:relative

    }



    .contact-address  p {

        font-weight:800;

        font-size:24px;

        color:#a6cee9;

    }



    .contact-address  p span {

        color:#8f842b;



    }



    #contact-form-section {

        padding:35px;

        background-color: #FFF;

        height:390px;

    }

    #contact-form-section .btn-primary {

        background-color:#ede014;

        border-color:#000;

        border-radius:0;

		

        padding:10px 35px;

        text-transform:uppercase;

        font-weight:800;

        transition: all 0.9s ease 0s;

      -moz-transition: all 0.9s ease 0s;

      -webkit-transition: all 0.9s ease 0s;

      -o-transition: all 0.9s ease 0s;

    }



    #contact-form-section .btn-primary:hover {

        background-color:#8f842b

    }



    #contact-form input,

    #contact-form textarea,

    #contact-form .btn-primary  {

        position:relative;

        z-index:2;

    }



    #contact-form .name-field,

    #contact-form .mail-field  {

        width:49%;

    }

	

	#contact-form .name-field2,

    #contact-form .mail-field2  {

        width:100%;

    }



    #contact-form .name-field {

        margin-right:2%;

        float:left

    }



    #contact-form .mail-field {



    }



    #contact-form-section .form-control {

        border-radius:0;

        -webkit-box-shadow:none;

        box-shadow:none;

    }



    #contact-form-section textarea {

        resize:none

    }



    #contact-form-section .form-control:focus {

        border-color: #60839c;

        outline: 0;

        -webkit-box-shadow:none;

        box-shadow:none;

    }





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

    ======Footer CSS=====

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



    #footer {

        background-color:#f6f6f6;

        padding:25px 0;

        color:#43484E;

        font-size:16px;

        position:relative;

        margin-top:1px;

    }



    #footer p {

        margin: 0

    }



    #footer a {

        color:#210508

    }





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

    ======Carousel Effect CSS=====

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





    .carousel.scale .carousel-inner > .item.left > div:nth-child(1),

    .carousel.scale .carousel-inner > .item.right > div:nth-child(1) {

      -webkit-animation: fadeOutDown 300ms linear 0ms both;

      animation: fadeOutDown 300ms linear 0ms both;

    }

    .carousel.scale .carousel-inner > .item.next > div:nth-child(1),

    .carousel.scale .carousel-inner > .item.prev > div:nth-child(1) {

      -webkit-animation: fadeInDown 300ms linear 75ms both;

      animation: fadeInDown 300ms linear 75ms both;

    }



    .carousel.scale .carousel-inner > .item.left > div:nth-child(2),

    .carousel.scale .carousel-inner > .item.right > div:nth-child(2) {

      -webkit-animation: fadeOutDown 300ms linear 75ms both;

      animation: fadeOutDown 300ms linear 75ms both;

    }

    .carousel.scale .carousel-inner > .item.next > div:nth-child(2),

    .carousel.scale .carousel-inner > .item.prev > div:nth-child(2) {

      -webkit-animation: fadeInDown 300ms linear 150ms both;

      animation: fadeInDown 300ms linear 150ms both;

    }



    .carousel.scale .carousel-inner > .item.left > div:nth-child(3),

    .carousel.scale .carousel-inner > .item.right > div:nth-child(3) {

      -webkit-animation: fadeOutDown 300ms linear 150ms both;

      animation: fadeOutDown 300ms linear 150ms both;

    }

    .carousel.scale .carousel-inner > .item.next > div:nth-child(3),

    .carousel.scale .carousel-inner > .item.prev > div:nth-child(3) {

      -webkit-animation: fadeInDown 300ms linear 225ms both;

      animation: fadeInDown 300ms linear 225ms both;

    }



    .carousel.scale .carousel-inner > .item.left > div:nth-child(4),

    .carousel.scale .carousel-inner > .item.right > div:nth-child(4) {

      -webkit-animation: fadeOutDown 300ms linear 225ms both;

      animation: fadeOutDown 300ms linear 225ms both;

    }

    .carousel.scale .carousel-inner > .item.next > div:nth-child(4),

    .carousel.scale .carousel-inner > .item.prev > div:nth-child(4) {

      -webkit-animation: fadeInDown 300ms linear 300ms both;

      animation: fadeInDown 300ms linear 300ms both;

    }





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

    ====== Isotope Recommended CSS=====

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



    /**** Isotope Filtering ****/

    .isotope-item {

      z-index: 2;

    }



    .isotope-hidden.isotope-item {

      pointer-events: none;

      z-index: 1;

    }



    /**** Isotope CSS3 transitions ****/

    .isotope,

    .isotope .isotope-item {

      -webkit-transition-duration: 0.8s;

      -moz-transition-duration: 0.8s;

      -ms-transition-duration: 0.8s;

      -o-transition-duration: 0.8s;

      transition-duration: 0.8s;

    }



    .isotope {

      -webkit-transition-property: height, width;

      -moz-transition-property: height, width;

      -ms-transition-property: height, width;

      -o-transition-property: height, width;

      transition-property: height, width;

    }



    .isotope .isotope-item {

      -webkit-transition-property: -webkit-transform, opacity;

      -moz-transition-property: -moz-transform, opacity;

      -ms-transition-property: -ms-transform, opacity;

      -o-transition-property: -o-transform, opacity;

      transition-property: transform, opacity;

    }



    /**** disabling Isotope CSS3 transitions ****/

    .isotope.no-transition,

    .isotope.no-transition .isotope-item,

    .isotope .isotope-item.no-transition {

      -webkit-transition-duration: 0s;

      -moz-transition-duration: 0s;

      -ms-transition-duration: 0s;

      -o-transition-duration: 0s;

      transition-duration: 0s;

    }

    /* End: Recommended Isotope styles */









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

    ====== Portfolio Hover effect=======

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





    .efffect img {

       -webkit-transform: scaleY(1);

       -moz-transform: scaleY(1);

       -o-transform: scaleY(1);

       -ms-transform: scaleY(1);

       transform: scaleY(1);

       -webkit-transition: all 0.7s ease-in-out;

       -moz-transition: all 0.7s ease-in-out;

       -o-transition: all 0.7s ease-in-out;

       -ms-transition: all 0.7s ease-in-out;

       transition: all 0.7s ease-in-out;

    }

    .efffect .mask {

       -webkit-transition: all 0.5s linear;

       -moz-transition: all 0.5s linear;

       -o-transition: all 0.5s linear;

       -ms-transition: all 0.5s linear;

       transition: all 0.5s linear;

       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

       filter: alpha(opacity=0);

       opacity: 0;

       cursor: zoom-in;

    }

    .efffect h4 {

       background: transparent;

       -webkit-transform: scale(0);

       -moz-transform: scale(0);

       -o-transform: scale(0);

       -ms-transform: scale(0);

       transform: scale(0);

       -webkit-transition: all 0.5s linear;

       -moz-transition: all 0.5s linear;

       -o-transition: all 0.5s linear;

       -ms-transition: all 0.5s linear;

       transition: all 0.5s linear;

       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

       filter: alpha(opacity=0);

       opacity: 0;

    }

    .efffect h3 {

       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

       filter: alpha(opacity=0);

       opacity: 0;

       font-size:22px;

       -webkit-transform: scale(0);

       -moz-transform: scale(0);

       -o-transform: scale(0);

       -ms-transform: scale(0);

       transform: scale(0);

       -webkit-transition: all 0.5s linear;

       -moz-transition: all 0.5s linear;

       -o-transition: all 0.5s linear;

       -ms-transition: all 0.5s linear;

       transition: all 0.5s linear;

    }

    .mask a i {

       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

       filter: alpha(opacity=0);

       opacity: 0;

       -webkit-transform:rotate(-180deg);

       -moz-transform:rotate(-180deg);

       -o-transform:rotate(-180deg);

       -ms-transform:rotate(-180deg);

       transform:rotate(-180deg);

       -webkit-transition:all 0.5s linear 0.7s;

       -moz-transition: all 0.5s linear 0.7s;

       -o-transition:all 0.5s linear 0.7s;

       -ms-transition:all 0.5s linear 0.7s;

       transition:all 0.5s linear 0.7s;

    }

    .efffect:hover img {

       -webkit-transform: scale(10);

       -moz-transform: scale(10);

       -o-transform: scale(10);

       -ms-transform: scale(10);

       transform: scale(10);

       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

       filter: alpha(opacity=0);

       opacity: 0;

    }

    .efffect:hover .mask {

       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

       filter: alpha(opacity=100);

       opacity: 1;

    }

    .efffect:hover h4,.efffect:hover h3,.efffect:hover a i {

       -webkit-transform: scale(1);

       -moz-transform: scale(1);

       -o-transform: scale(1);

       -ms-transform: scale(1);

       transform: scale(1);

       -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

       filter: alpha(opacity=100);

       opacity: 1;

    }



    /*Gronograma*/

    #cronograma{

        text-align: center;

    }

    .cronograma{

        position:relative;

        list-style: none;

        text-align: center;

        padding-left: 43.5%;

    }

    .cronograma:before{

        content: "";

        position: absolute;

        top: 0;

        bottom: 0;

        left: 50%;

        width: 2px;

        margin-top: 1.5px;

        background-color: #60839c;

    }

    .cronograma>li:after, .cronograma>li:before{

        content: " ";

        display: table;

    }

    .cronograma>li{

        position: relative;

        margin: 80px 0;

    }

    .cronograma>li:after{

        content: '';

        /*background: #f5f5f5;*/

    }

    .cronograma>li>div.imagem{

        position: relative;

        /*background: #f5f5f5;*/

        width: 150px;

        height: 150px;

        border-radius: 50%;

        border:5px solid #60839c;

        cursor: pointer;

    }

    .cronograma .painel-left p{

        position: absolute;

        float: left;

        top:30px;

        left: -100px;

        font-size: 18px;

        font-weight: bold;

    }

    .cronograma .body-left p{

        position: absolute;

        float: left;

        top:65px;

        left: -320px;

        color:red;

        width: 300px;

        text-align: right;

    }



    .cronograma .painel-right p{

        position: absolute;

        float: right;

        top:30px;

        left: 180px;

        font-size: 18px;

        font-weight: bold;

    }

    .cronograma .body-right p{

        position: absolute;

        float: right;

        top:60px;

        left: 180px;

        color:red;

        width: 300px;

        text-align: left;

    }

    /*.etapa{*/

        /*position: absolute;*/

        /*z-index: 2;*/

    /*}*/

    .etapa1{

        background: url("../images/cronograma/_etapa1.png") center  no-repeat, #f5f5f5;

        -webkit-transition:	all 2s linear;

        -moz-transition: all 2s linear;

        -o-transition: all 2s linear;

        transition: all 2s linear;

    }

    .etapa2{

         background: url("../images/cronograma/etapa2.png") center  no-repeat, #f5f5f5;



     }

    .etapa3{

        background: url("../images/cronograma/etapa1.png") center  no-repeat, #f5f5f5;



    }

    .etapa4{

        background: url("../images/cronograma/__etapa4.png") center  no-repeat, #f5f5f5;



    }

    .etapa5{

        background: url("../images/cronograma/etapa5.png") center  no-repeat, #f5f5f5;



    }

    .etapa6{

        background: url("../images/cronograma/_etapa4.png") center  no-repeat, #f5f5f5;



    }

    /*.etapa1:hover, .etapa2:hover, .etapa3:hover, .etapa4:hover{*/

        /*background: url("../images/cronograma/plus.png") center  no-repeat, #f5f5f5;*/

    /*}*/