/* ==========================================================================
	Stylesheet guideline
   
	1. Home
	2. Navigation Bar	
	3. About page
	4. Features page  
	5. Portfolio Page
	6. Testimonial Page
	7. Parallax Page
	8. Team Page
	9. Pricing Page
	10. Project count Page	
	11. Partners Page
	12. CTA Page
	13. Blog Page
	14. Contact Page
	15. Footer	
	16. Preloader CSS
	17. Color Scheme
	
   ========================================================================== */


/* ------------------------------------	*/
/*  		   General CSS				*/
/* ------------------------------------	*/



html, body{
    height:100%;
    font-size:16px;
}
a{
    color:#4D699B;
}


/*correcao do bootstra*/
/*
.navbar-collapse {
    background-color: white;
    margin-top: 10px;
}
*/

.carousel-content {
    position: absolute;
    bottom: 10%;
    left: 5%;
    z-index: 20;
    color: white;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.carousel-caption{
    top: 30%;
    bottom: auto;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

body{
    font-family:'Open Sans', sans-serif;
    color: rgba(7, 8, 12, 0.69);
    line-height:23px;
    overflow-x:hidden;
}
.sombra{
    text-shadow:  #e6b910 2px 3px 2px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-weight:700;
    font-family:'PT Sans', sans-serif;
}

ul{list-style: none;}

section{
    position:relative;
}
section.section-padding{
    padding:20px 0;
}
.hero-title{
    margin-bottom:30px;
}
.hero-title i{
    background:none repeat scroll 0 0 #4D699B;
    /*border-radius*/
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:#fff;
    font-size:35px;
    height:75px;
    padding:20px;
    width:75px;
}
.hero-title p{
    position:relative;
    padding-bottom:30px;
}
.hero-title p:after{
    /*background:none repeat scroll 0 0 #4D699B;*/
    background:none repeat scroll 0 0 #4f6164;
    bottom:0;
    content:"";
    height:1px;
    left:50%;
    margin-left:-75px;
    position:absolute;
    width:150px;
}


#mapa iframe{
    pointer-events: none;
}



/* ------------------------------------	*/
/*  			 1. Home				*/
/* ------------------------------------	*/

#home  {
    /*max-height:80%;*/
    /*display:table;*/

    /*min-height:80%;*/
    /*vertical-align:middle;*/
    height: 90%;
    /*width:100%;*/
    position:relative;
}

#home img {
    width: 1920px !important;
    max-width: none !important;
    height: auto;
    max-height: 95vh;


    background-size: cover;
    background-position: center;
}


#home h1{
    font-size: 3.5em;
}

#home h2{
    font-size: 1.5em;
}

.carousel-example-generic {
    max-height: 50%;
    position: relative;
}


.text_animate1 {
    color: #ffffff;
    /*opacity: 0;*/
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 50%;
    width: 800px;
    height: auto;
    padding: 0;
    margin: 100px 0 0 -400px;
    text-align: center;
}

.text_animate1 h1 {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    line-height: 60px;
    text-transform: uppercase;
    text-shadow: 2px 2px 5px #000;
    margin: 0px;
    padding: 0;
}

text_animate1 h2 {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 2px 1px #000;
    margin: 0px;
    padding: 0;
}

.text_animate1 hr {
    width: 70%;
    border-top: thin solid #fff;
    border-bottom: thin solid #fff;
    margin: 10px auto;
}

.img_main:before{
    content:'';
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;
    display:inline-block;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,0.90) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.90)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(15, 156, 10, 0.65) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.90) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,0.90) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 75%, rgba(0, 0, 0, 0.90) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    transition:all 0.3s ease;
}

.blogandservice {
    text-align: center;
    width: 100%;
    color: white;
    min-height: 9%;
    /*background-color: #2e6da4;*/
    position: absolute;
    bottom: 0;

}

.blogandservice .s{
    border-right: 1px #ffffff solid;
    min-height: 66px;
}

.blogandservice .b{
    min-height: 66px;

}


.slideshow-1{
    position: relative;
    margin-left: 50px;
    height: 100%;
}

.slideshow-2{
    position: relative;
    margin-left: 50px;
    height: 100%;
}


.slideshow-element-1{
    position: absolute;
    display: block;
    top: -15px;
    font-weight: bold;
    font-size: 1.3em;
    text-shadow: 1px 1px 4px #000;
}

.slideshow-element-2{
    position: absolute;
    display: block;
    text-align: left;
    top: 10px;

}

.welcome-text{
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
    line-height: 1.1em;
    font-size:2.8em;
    z-index:99;
}
.welcome-text-branco{
    color:#fff;
}
.welcome-text-vermelho{
    font-size:18px;
    color:#4D699B;
}
.welcome-text .container{
    max-width:810px;
    text-shadow:  #040504 2px 3px 2px;
}



/* #home*/

.home-parallax, .parallax-bg{
    /**   background:url(../img/demo-images/parallax-bg.jpg) no-repeat fixed center top;    **/
    background:url(../img/APM-Terminals-Pecem.png) no-repeat fixed center top;
    /*background-size*/
    -webkit-background-size: /*@@prefixmycss->No equivalent*/;
    -moz-background-size:cover;
    -o-background-size: /*@@prefixmycss->No equivalent*/;
    background-size:cover;
}
.home-parallax, .parallax-bg{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}
.home-overlay, .parallax-overlay{
    background:none repeat scroll 0 0 #000;
    height:100%;
    left:0;
    opacity:0.5;
    position:absolute;
    top:0;
    width:100%;
    content:"";
}

.parallax-overlay{background-color:#4D699B}

.welcome-text h2{
    font-size:60px;
    letter-spacing:10px;
    /*text-transform:uppercase;*/
}
.social-bookmark{
    margin-top:30px;
}
.social-bookmark a{
    font-size:30px;
    margin:0 5px;
    color:#fff;
    /*transition*/
    -webkit-transition:all 100ms ease 0s;
    -moz-transition:all 100ms ease 0s;
    -o-transition:all 100ms ease 0s;
    transition:all 100ms ease 0s;
}
.social-bookmark a i{
    /*transition*/
    -webkit-transition:all 1s ease 0s;
    -moz-transition:all 1s ease 0s;
    -o-transition:all 1s ease 0s;
    transition:all 1s ease 0s;
}
.social-bookmark a i:hover{
    /*transform*/
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    opacity:.8;
}
.welcome-text{
    text-transform:uppercase;
}

.black-square {
    width: 100%;
    max-width: 230px;
    min-height: 190px;
    margin-top: 50px;
    padding: 42px 25px 30px;

    background-color: #214b84;
    border-top: 6px solid #ffffff;
    border-bottom: 6px solid #efc236;
    border-radius: 4px;

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);

    color: #ffffff;
    text-align: left;
    font-size: 30px;
    line-height: 0.95;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.black-square span {
    display: block;
    margin-top: 18px;
    padding-top: 12px;

    border-top: 1px solid rgba(255, 255, 255, 0.55);

    color: #ffffff;
    font-size: 12px !important;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 1px;
}

#team img{

}

/* ------------------------------------	*/
/*  		 2. Navigation Bar			*/
/* -----------------------------------	*/




.navbar-default a.navbar-brand{
    color:#4D699B;
    font-weight:300;
    font-size:24px;
    text-transform:uppercase;
    letter-spacing:2px;
}
.navbar-default a.navbar-brand span{
    color: #e6b910;
}
.navbar-default .navbar-nav > li > a{
    color: #656565;
    letter-spacing:2px;
    text-transform:uppercase;
    cursor: pointer;
}

.navbar-default .navbar-nav > li.current > a,.navbar-default .navbar-nav > li > a:hover{
    color: #1b769a;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a:focus{
    outline:none;
    color:#86989d;
}
.navbar-default .navbar-nav > li.current > a:focus{
    color: #1b769a;
    font-weight: bold;
}
.navbar-default .navbar-nav > li > a.client-portal-link,
.navbar-default .navbar-nav > li > a.client-portal-link:focus{
    background-color: #4D699B;
    border: 1px solid #e6b910;
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin: 6px 15px 10px;
    padding: 10px 10px;
    text-align: center;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.navbar-default .navbar-nav > li > a.client-portal-link:hover{
    background-color: #3b527b;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
    color: #fff;
}
.client-portal-link .fa{
    color: #e6b910;
    margin-right: 5px;
}
@media (min-width: 768px){
    .navbar-default .navbar-nav > li > a.client-portal-link,
    .navbar-default .navbar-nav > li > a.client-portal-link:focus{
        margin: 7px 0 7px 8px;
        padding: 8px 9px;
    }
}
@media (min-width: 1200px){
    .navbar-default .navbar-nav > li > a.client-portal-link,
    .navbar-default .navbar-nav > li > a.client-portal-link:focus{
        margin: 15px 0 15px 10px;
        padding: 10px 10px;
    }
}
.navbar-default{
    background-color:#fff;
    border-color:#fff;
}
.is-sticky .navbar.navbar-default.navbar-static-top{
    width:100%;
}


/* ------------------------------------	*/
/* 		 	   3. About page			*/
/* -----------------------------------	*/

#about{
    font-size:16px;
    margin-bottom: 30px;
}
.page-title{
    /*color: #E5C93E ;*/
    color: rgba(7, 8, 12, 0.69);
    font-family:open sans;
    font-size:30px;
    font-weight:600;
    letter-spacing:2px;
    line-height:35px;
    margin-bottom:20px;
    text-transform:uppercase;
}
.page-title-w{
    color:#fff;
    font-family:open sans;
    font-size:28px;
    font-weight:300;
    letter-spacing:2px;
    line-height:35px;
    margin-bottom:20px;
    text-transform:uppercase;
}
#about .page-title{
    margin-top:60px;

}
.btn-filled, .btn-bordered{

    margin-top:15px;
}
.btn-filled{
    /*background:#4D699B;*/
    color:#fff;
    margin-right:20px;
    border:2px solid rgba(151, 141, 229, 0.07);
}
.btn-bordered{
    border:2px solid #4D699B;
    color:#4D699B;
    background:transparent;
}
.btn-filled:hover{
    color:#fff;
    /*opacity:.7;*/
}
.btn-bordered:hover{
    /*color:#4D699B;*/
    opacity:.7;
}

#services {
    padding-top: 35px;
    padding-bottom: 40px;
}

/* Título principal */
#services .page-title {
    color: #ffffff !important;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

/* Frase de apresentação */
#services h4 {
    color: #dcecff;
    font-size: 17px;
    line-height: 1.55;
    font-weight: 500;
    margin-bottom: 25px !important;
}

/* Nomes dos serviços */
#services li.link {
    list-style: none;
    color: #f4f8ff;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 5px;
    padding: 8px 10px;
    border-left: 3px solid transparent;
    border-radius: 3px;
    transition: all 0.25s ease;
}

/* Quando o mouse passa sobre o serviço */
#services li.link:hover {
    color: #ffcc33;
    background-color: rgba(255, 255, 255, 0.08);
    border-left-color: #ffcc33;
    padding-left: 14px;
}

/* Serviço atualmente selecionado */
#services li.link.active-service {
    color: #ffcc33;
    background-color: rgba(255, 255, 255, 0.12);
    border-left-color: #ffcc33;
    font-weight: 700;
    padding-left: 14px;
}

/* Esconde as descrições que não estão selecionadas */
.content-container div:not(:first-child) {
    display: none;
}

/* Quadro descritivo da direita */
#services .content-container {
    margin-top: 25px;
}

#services .desc_job {
    min-height: 410px;
    padding: 22px;
    color: #17385f;
    background-color: #f5f8fc;
    border-top: 4px solid #ffcc33;
    border-radius: 6px;
    text-align: left;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.20);
}

/* Texto da descrição */
#services .desc_job p {
    color: #17385f;
    font-size: 16px;
    line-height: 1.65;
    text-align: left;
    margin-bottom: 12px;
}

/* Fotografia da descrição */
#services .desc_job img {
    width: 100%;
    margin-top: 18px;
    border: 3px solid #ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
}

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

.post-box{
    height: 180px;
    width:  300px;
    /*outline: 1px solid red;*/
    position: relative;
    margin-bottom: 30px;
}

.post-box .data{
    float: left;
    color: white;
    background-color: black;
    position: relative;
    width: 20%;
    height: 100%;
    text-align: center;
    padding-top: 40px;
}
.post-box .post_img{
    float: right;
    position: relative;
    width: 80%;
    height: 100%;
    margin-bottom: 15px;
}

.blog-row{
    margin-bottom: 30px;
}

.post-box .post_img img{

    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 180px;
    width: 240px;
    position: relative;


    -webkit-filter: brightness(95%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;

}

.post-box .post_img img:hover {
    -webkit-filter: brightness(140%);
}

.post-box .post_title{
    color: black;

}

/*.post_title:hover{*/
/*font-weight: 600;*/
/*}*/

/* ------------------------------------	*/
/*  		 Team			*/
/* -----------------------------------	*/

#team{
    margin-top: 20px;
}

.team{
    margin-top: 30px;
}

.team-person{
    display: inline-block;
    margin-right: 20px;
}

.team-person-name{
    color: #35a9fe;
    font-family: "Montserrat", Sans-serif;
    font-size: 1.2em;
    text-align: center;
}

.team-person-role{
    font-family: "Montserrat", Sans-serif;
    color: #7a7a7a;
    font-size: 1.0em;
    font-weight: normal;
    text-align: center;

}


/* ------------------------------------	*/
/*  		 4. Features page			*/
/* -----------------------------------	*/

/*
#features{
background:url(../img/demo-images/parallax-bg.jpg) no-repeat fixed center top;
!*background-size*!
-webkit-background-size:!*@@prefixmycss->No equivalent*!;
   -moz-background-size:cover;
     -o-background-size:!*@@prefixmycss->No equivalent*!;
        background-size:cover;
}*/

#features {
    background-color: #F8F8F8;
}


.features-bg{
    background: #E6E4D9;
    /*background:#333333;*/
    opacity:.6;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

.descricao-servico{
    /*color:#fff;*/
    color:#5D5D5D;
    font-size:13px;
    line-height:22px;
    margin-bottom:25px;
    margin-top:5px;
    position:relative;
}


.features-item{
    /*color:#fff;*/
    color: #696969;
    font-size:6px;
    line-height:22px;
    margin-bottom:25px;
    margin-top:5px;
    padding-left:60px;
    position:relative;
}
.features-item i{
    font-size:30px;
    left:0;
    position:absolute;
    top:-5px;
}
.features-item h2{
    font-family:open sans;
    font-size:16px;
    font-weight:100; !important;
    margin:0 0 15px;
    text-transform:uppercase;
}
/*
.features-item p{
}
*/


/* ------------------------------------	*/
/*  		 5. Portfolio Page			*/
/* -----------------------------------	*/

ul.portfolio-filters{
}
ul.portfolio-filters li{
    border:2px solid #86989d;
    color:#86989d;
    display:inline-block;
    font-family:pt sans;
    margin:3px;
    padding:5px 15px;
    text-transform:uppercase;
    cursor:pointer;
    letter-spacing:2px;
}
ul.portfolio-filters li.active, ul.portfolio-filters li:hover{
    background:#86989d;
    color:#fff;
}
#portfolio_list{
}
#portfolio_list .pitem{
    position:relative;
    margin-top:30px;
}
#portfolio_list .portfolio_item{
    position:relative;
    overflow:hidden;
}
#portfolio_list .portfolio_item:hover img{
    /*transform*/
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
#portfolio_list .pitem  img{
    width:100%;
    /*transition*/
    -webkit-transition:all 200ms linear 0s;
    -moz-transition:all 200ms linear 0s;
    -o-transition:all 200ms linear 0s;
    transition:all 200ms linear 0s;
}
.portfolio_item .portfolio-detail{
    display:none
}
.portfolio_item:hover .portfolio-detail{
    display:block
}
.portfolio-overlay {
    background: none repeat scroll 0 0 #4D699B;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}


/* ------------------------------------	*/
/*  	 6. Testimonial Page			*/
/* -----------------------------------	*/

#testimonials{
    background:#ECF0F3;
}
.single-testimonial{
    display:none;
}
.single-testimonial.active{
    display:block;
}
.clients-list{
    margin:0;
    padding:0;
    list-style:none;
}
.clients-list li{
    float:left;
    width:25%;
}
.clients-list li img{
    height:auto;
    width:100%;
}
.testimonial_section{
    background:#fff;
    overflow:hidden;
    position:relative;
}
.testimonial_section:before, .testimonial_section:after{
    background:none repeat scroll 0 0 #ecf0f3;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:15px;
    z-index:99;
}
.testimonial_section:after{
    left:auto;
    right:0;
}
.single-testimonial{
    padding-right:30px;
}
.single-testimonial h2{
    color:#4D699B;
    font-family:open sans;
    font-size:20px;
    font-weight:300;
    margin-bottom:25px;
    margin-top:50px;
    text-transform:uppercase;
}
.client-info h2{
    margin-bottom:10px;
    margin-top:30px;
    color:#666;
    font-weight:400;
}
.clients-list li a{
    position:relative;
    display:block;
}
.clients-list li a:before{
    background:none repeat scroll 0 0 #333;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    opacity:.6;
}
.clients-list li.active a:before , .clients-list li:hover a:before{
    display:none;
}
#testimonials .col-lg-12{
}

/* ------------------------------------	*/
/*  		 7. Parallax Page			*/
/* -----------------------------------	*/


#parallax_1{
    color:#fff;
    position:relative;
}
#parallax_1 .btn-bordered{
    border-color:#fff;
    color:#fff;
}
#parallax_1 h2.page-title{
    color:#fff;
}
.parallax-bg, #parallax_1{
    background:url(../img/demo-images/parallax-bg.jpg) no-repeat scroll center top;
    /*background:url(../img/demo-images/parallax-one.jpg) no-repeat scroll center top;*/
    /*background-size*/
    -webkit-background-size:/*@@prefixmycss->No equivalent*/;
    -moz-background-size:cover;
    -o-background-size:/*@@prefixmycss->No equivalent*/;
    background-size:cover;
}
.parallax-bg:before{
    background:#333;
}
.call_to_action{
    padding:100px 0;
}

/* ------------------------------------	*/
/*  		 8. Team Page				*/
/* -----------------------------------	*/

#our-team{
    background:#ECF0F3;
}
.team-item img{
    width:100%;
}
.team-item:hover img{
    opacity:.6;
}
.team-item{
    background:#fff;
    text-align:center;
}
.team-item h2{
    color:#334852;
    font-size:22px;
    text-transform:uppercase;
    font-weight:300;
}
.team-item h4{
    color:#4D699B;
    /*text-transform:uppercase;*/
    font-weight:300;
}
.team-item p{
}
.social-profile{
    padding-bottom:20px;
    margin-bottom:20px;
}
.social-profile a{
    color:#86989d;
    margin:0 2px;
    font-size:18px;
}
.social-profile a i{
    /*transition*/
    -webkit-transition:all 1s ease 0s;
    -moz-transition:all 1s ease 0s;
    -o-transition:all 1s ease 0s;
    transition:all 1s ease 0s;
}
.social-profile a:hover i{
    /*transform*/
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
}
.social-profile a:hover{
    opacity:.8;
}

/* ------------------------------------	*/
/*  		 9. Pricing Page			*/
/* -----------------------------------	*/

.price-list{
}
.price-title{
    background:none repeat scroll 0 0 #ecf0f3;
    border:1px solid #ddd;
}
.price-title h4{
    color:#666;
    font-family:open sans;
    font-size:20px;
    font-weight:300;
    letter-spacing:2px;
    margin:0;
    padding:10px;
    text-align:center;
    text-transform:uppercase;
}
.plan-price{
    border-left:1px solid;
    border-right:1px solid;
    border-color:#ccc;
}
.plan-price h2{
    color:#666;
    font-size:40px;
    margin:0;
    padding:20px;
    text-align:center;
}
.plan-price h2 span{
    font-family:open sans;
    font-size:15px;
    font-weight:300;
    margin-bottom:0;
    padding-right:8px;
    vertical-align:middle;
}
.plan-features{
    border:1px solid #ddd;
    margin:0;
}
.plan-features li{
    border-bottom:1px solid #ccc;
    font-size:16px;
    padding:15px 15px 15px 25px;
}
.plan-features li:last-child{
    border-bottom:0px solid;
}
.plan-link{
    border:1px solid #ddd;
    text-align:center;
    border-top:0px solid;
}
.plan-link a.btn-bordered{
    font-size:16px;
    letter-spacing:2px;
    margin:10px 0;
    text-transform:uppercase;
}
.popular{
}
.popular .price-title{
    background-color:#4D699B;
}
.popular .price-title h4{
    color:#fff;
}
.popular .plan-link a.btn-bordered{
    background:#4D699B;
    color:#fff;
}
.popular .plan-link,.popular .plan-features li, .popular .price-title, .popular .plan-features, .popular .plan-price{
    border-color:#4D699B;
}

/* ------------------------------------	*/
/*  	10. Project count Page			*/
/* -----------------------------------	*/

#project-count{
    background:url(../img/demo-images/parallax-one.jpg);
    /*background-size*/
    -webkit-background-size:/*@@prefixmycss->No equivalent*/;
    -moz-background-size:cover;
    -o-background-size:/*@@prefixmycss->No equivalent*/;
    background-size:cover;
    color:#fff;
    position:relative;
}
.single-count{
    text-align:center;
}
.single-count i{
    font-size:30px;
}
.single-count h2{
    font-family:open sans;
    font-size:50px;
    font-weight:300;
    letter-spacing:5px;
    margin:10px 0;
}
.single-count p{
    font-weight:300;
    letter-spacing:2px;
    margin:0;
    text-transform:uppercase;
}

/* ------------------------------------	*/
/*  		 11. Partners Page			*/
/* -----------------------------------	*/


.partner-list{
    margin: 0 auto;
}
.single-partner{
    margin:0 5px;
}
.single-partner img{
    /*border:1px solid #4D699B;*/
    width:50%;
}
.owl-buttons{
    margin-top:10px;
    margin-left:5px;
}
.owl-buttons div{
    border:1px solid #4D699B;
    color:#4D699B;
    display:inline-block;
    font-size:20px;
    height:30px;
    line-height:25px;
    margin-right:10px;
    text-align:center;
    width:30px;
}
.owl-buttons div.owl-prev{
}
.owl-buttons div.owl-next{
}
.owl-buttons div:hover{
    opacity:.6;
}

/* ------------------------------------	*/
/*  		   12. CTA Page				*/
/* -----------------------------------	*/

#call-to-action{
    background:none repeat scroll 0 0 #4D699B;
    color:#fff;
    padding:40px 0;
    text-align:center;
}
.cta-content h2{
    font-family:open sans;
    font-size:30px;
    font-weight:300;
    line-height:45px;
    margin:0 0 10px;
}

.cta-content2 h2{
    font-family:open sans;
    font-size:30px;
    font-weight:300;
    line-height:45px;
    margin:0 0 10px;
}

.cta-content a{
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    font-weight: 300;
    margin: 10px 0 0;
    padding: 5px 25px;
    !*text-transform: uppercase;*!
}
.cta-content a:hover{
    opacity:.7;
    color:#fff;
    text-decoration:none;
}

/* ------------------------------------	*/
/*  		 13. Blog Page				*/
/* -----------------------------------	*/

.featured-content{
    position:relative;
}
.blog-list{
}
.single-blog{
}
.single-blog h2{
    font-family:open sans;
    font-size:25px;
    font-weight:300;
    margin:10px 0 7px;
}
.single-blog span{
    font-size:12px;
}
.single-blog p{
    margin-top:15px;
}
.single-blog a.btn-bordered{
    margin-top:0;
}
.featured-content{
}
.featured-content .portfolio-detail{
    display:none
}
.featured-content:hover .portfolio-detail{
    display:block
}

/* ------------------------------------	*/
/*  		 14. Contact Page			*/
/* -----------------------------------	*/

#contact{
    background: #222222;
}
.contact-form{
}
#ajax-contact {overflow:hidden;margin-bottom:20px}
.form-group{
}
.form-group label{
    font-weight:300;
    text-transform:uppercase;
}
/*
.form-group input[type=text], .form-group input[type=email], .form-group textarea{
border:1px solid #4D699B;
--border-radius
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
--box-shadow
-webkit-box-shadow:0 0 0;
   -moz-box-shadow:0 0 0;
        box-shadow:0 0 0;
}*/
.form-group textarea{
}
.form-group textarea:focus{
    /*box-shadow*/
    -webkit-box-shadow:0 0 0;
    -moz-box-shadow:0 0 0;
    box-shadow:0 0 0;
}
.form-group .btn-bordered {
    margin-top:0;
}

/*
.form-group .btn.btn-bordered:focus, .form-group .btn-bordered:active {
  background: none repeat scroll 0 0 #666;
  color: #fff;
  outline: none;
  border-color:#666;
}
*/
#form-messages {
    padding: 5px 10px;clear:both;
}
#form-messages.success {
    border: 2px solid #4D699B
}
#form-messages.error {
    border:2px solid  #e6b910;
}
.address-info{
    margin-bottom:30px;
}
.address-info h3{
    font-size:20px;
    font-weight:400;
    color:#4D699B;
}
.address-info p{
    margin-bottom:5px;
    color:#4D699B;
}
.address-info ul{
}
.address-info ul li{
}
.address-info ul li a{
    background:none repeat scroll 0 0 #4D699B;
    color:#fff;
    display:inline-block;
    height:25px;
    text-align:center;
    width:25px;
}
.address-info ul li a:hover{
    opacity:.7;
}
#map{
    width:100%;
    height:400px;
}


.contact_info ul{margin-bottom: 30px;}
.contact_info li{margin-bottom: 10px; font-size: 1.1em;}
.contact_info a{color: #CF4823;}
.contact_info a:hover{text-decoration: underline;}
.contact_info p{font-size: 1.4em; font-weight: 300;}




/*FORMS*/
.form-field{display: block; margin-bottom: 10px; font-size: 1.1em;}
.form-legend{font-size: 1.6em; font-weight: normal; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px #555 dotted;}

label{display: block; margin-bottom: 25px;}

#contact input:not(.send-btn), #contact textarea, #contact select{
    padding: 8px;
    border-width:0px;
    border:none;
    border-bottom: 1px #ccc solid;
    width: 100%;
    color: #ffffff;
    background-color: black;

}

.send-btn{
    background-color: white;
    color: black;
}

.send-btn:hover{
    background-color: #181818;
    color: #ffffff;
}


input[type="submit"],
input[type="reset"],
button{width: auto; margin-top: 10px;}
input[type="color"]{height: 40px; cursor: pointer;}

.form-check .form-field{margin-bottom: 15px;}
.form-check label{display: inline-block;margin-right: 30px; padding: 8px 15px 10px 15px; background: #fbfbfb; cursor: pointer;}
.form-check label:hover{background: #fff;}
.form-check input{float: left; width: auto; margin: 4px 10px 0 0; cursor: pointer;}

/*
:valid{
    border-color: #59aa66
}
*/





/* ------------------------------------	*/
/*  			 15. Footer				*/
/* -----------------------------------	*/


#foot{
    height:75%;
    display:table;
    min-height:75%;
    vertical-align:middle;
    width:100%;
    position:relative;
}
#footer p{
    margin:0;
    /*padding:15px 0;*/
    color: #ffffff;
}
.company-name{
    font-weight:700;
    text-align:right;
}
.company-name span{
    color:#4D699B;
}
.animated{
    /*animation-duration*/
    -webkit-animation-duration:1000ms;
    -moz-animation-duration:1000ms;
    -ms-animation-duration:1000ms;
    -o-animation-duration:1000ms;
    animation-duration:1000ms;
}

#foot .container {
    position: relative;
    min-height: 75%;
}

.foot-bg {
    background:url(../img/bg-footer.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


}

.contact-details {
    margin: 95px 0;
    color: #e1dede;
}

#foot h4 {
    font-size: 18px;
    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}


#foot p {
    font-size: 18px;
}



.copyright {
    height: 100px;
    position: relative;
    color: #D4D1D1;
    font-size: 14px;
    bottom: 0;
}

.xxx{
    bottom: 0;
    position: absolute;
    text-align: center;

    display: table;
    width: 100%;
}


.centro {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/* ------------------------------------	*/
/*  		 17. Color Scheme			*/
/* -----------------------------------	*/


a, .navbar-default a.navbar-brand, .btn-bordered, .single-testimonial h2, .team-item h4, .company-name span, .owl-buttons div, .footer-copyright a{color:#4D699B}

.popular .price-title, .popular .plan-link, .address-info ul li a, #preloader, .portfolio-overlay, #call-to-action, .parallax-overlay {background-color:#4D699B}

.btn-filled, .btn-bordered, .hero-title i {background-color:#22B1DE}

.form-group input[type=text], .form-group input[type=email], .form-group textarea, .popular .plan-link,.popular .plan-features li, .popular .price-title, .popular .plan-features, .popular .plan-price, .single-partner img, .owl-buttons div {border-color:#4D699B}




/* ------------------------------------	*/
/*  		 Option Panel CSS			*/
/* -----------------------------------	*/

.popular .btn-bordered {color:#fff !important}
#ascrail2000 > div {background:4D699B;}
/* Color Settings */
.setting_panel{
    background:none repeat scroll 0 0 #FFFFFF;
    -webkit-box-shadow:0 0 1px;
    -moz-box-shadow:0 0 1px;
    box-shadow:0 0 1px;
    padding:10px;
    position:fixed;
    text-align:center;
    top:20%;
    width:226px;
    z-index:9999;
    display:none;
}
.setting_panel i#panel_open, .setting_panel i#panel_close{
    background:none repeat scroll 0 0 #4D699B;
    color:#FFFFFF;
    font-size:18px;
    padding:10px;
    position:absolute;
    right:-35px;
    top:0;
    cursor:pointer;
}
.setting_panel i#panel_open{
    display:none;
}
.setting_panel i#panel_close{

}
.setting_panel .color_change{
    text-align:center;
    margin-bottom:10px;
    overflow:hidden;
}
.setting_panel h2{
    color:#86989D;
    font-size:13px;
    letter-spacing:0;
    line-height:25px;
    margin:0 0 10px;
}
.setting_panel .color_lists{
    background:none repeat scroll 0 0 #F6F5F5;
    margin:0 0 0 -10px;
    overflow:hidden;
    padding:10px;
    width:226px;
}
.setting_panel .color_lists span{
    background:none repeat scroll 0 0 #4D699B;
    cursor:pointer;
    display:block;
    float:left;
    height:24px;
    margin-bottom:0;
    margin-left:5px;
    margin-right:5px;
    width:24px;
}
.color_new_scheme{
    margin-bottom:10px;
}
.about_us_text {
    line-height: 20px;
    text-align: left;
}
.about_us_text h2{
    margin-bottom:5px;
}
.setting_panel .color_lists span#cyan_color{
    background:#4D699B;
}
.setting_panel .color_lists span#red_color{
    background:#EA4848;
}
.setting_panel .color_lists span#green_color{
    background:#3BB971;
}
.setting_panel .color_lists span#orange_color{
    background:#F39C12;
}
.setting_panel .color_lists span#blue_color{
    background:#2980B9;
}
.setting_panel .color_lists span#m_blue_color{
    background:#2C3E50;
}
.setting_panel .color_lists span#magenta_color{
    background:#8E44AD;
}

/*SHAREBOX*/
.sharebox{float: left; width: 100%; padding: 25px 0; text-align: center;}
.sharebox li{display: inline-block; background: #ccc; margin: 0 15px; background-position: left 10px center; background-repeat: no-repeat; background-size: auto 60%;}
.sharebox a{float: left; padding: 10px 20px 10px 40px; color: #fff;}
.sharebox .count{float: right; background: rgba(0,0,0,0.5); padding: 10px 15px; color: #fff;}

.sharebox .facebook{background-image: url(boot/social/facebook_pix.png); background-color: #45619D;}
.sharebox .facebook:hover{background-color: #778FC4;}


/* Centralização vertical da seção Photo Gallery */
#gallery .row {
    display: flex;
    align-items: center;
}

#gallery .black-square {
    margin-top: 0;
    margin-bottom: 0;
}


@media (max-width: 767px) {
    #gallery .row {
        display: block;
    }

    #gallery .black-square {
        margin: 0 auto 30px;
    }
}