﻿/* Geral */
#page-header { z-index: 9 !important; }
.form-control { font-family: 'Raleway', sans-serif; display: inline-block; width: 88%; float: right; margin-bottom: 5px; height: 46px; padding: 6px 12px; line-height: 1.7; font-size: 0.8em; border: 0; color: #595959; background-color: #fff; background-image: none; vertical-align: middle; box-shadow:none; }
select { text-transform: none; }
label.event { display: inline-block; vertical-align: middle; position: relative; top: 8px; font-family: 'Raleway', sans-serif; font-size: 14px; }
label { font-family: 'Raleway', sans-serif; font-size: 14px; margin-right: 15px; }
span.inline-input { display: inline-block; vertical-align: middle; width: 49.55566666%; font-size: 16px; }
.local { font-size: 16px; text-transform: lowercase; display: block; margin-top: 30px; }
.control { font-family: 'Raleway', sans-serif; display: inline-block; width: 100%; float: right; margin-bottom: 5px; height: 46px; padding: 6px 12px; line-height: 1.7; font-size: 0.8em; border: 0; color: #595959; background-color: #fff; background-image: none; vertical-align: middle; }
input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle; display: inline-block; }

/* Header menu */
#Main-menu { float: right; font-family: 'Raleway', sans-serif; }
    #Main-menu li { display: inline-block !important; padding: 0 15px; position: relative; }
        #Main-menu li a { text-transform: uppercase; color: #000; font-size: 14px; }
            #Main-menu li a:hover { color: #fdb915; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }
        #Main-menu li.active a { color: #fdb915; }


.header-logo.zank{left:250px !important; }
.header-logo.zank img{padding:5px 0;}

/* buttton client area */
#page-header .clientArea { float: right; padding: 0 15px; text-transform: uppercase; color: white; background-color: #000; }
    #page-header .clientArea:hover { background-color: #fdb915; -moz-transition: 1s ease; -o-transition: 1s ease; -webkit-transition: 1s ease; transition: 1s ease; }

/* images sections */
.section-headline.contact { background-image: url('/Content/app/images/bg-contact.jpg'); background-position: center center; }
.section-headline.about { background-image: url('/Content/app/images/bg-about.jpg'); background-position: center top; }
.section-headline.blog { background-image: url('/Content/app/images/bg-blog.jpg'); background-position: center top; }
.timeline-container { background-image: url(/Content/app/images/bg-services.jpg); }
.section-headline.budget { background-image: url('/Content/app/images/bg-budgets.jpg'); background-position: center center; }
.mobile{display:none;}

/* budget */

/* about page */
#pagewrapper .counter li { width: 16.66666667%; padding: 153px 0; background-color: #fdb915; }
    #pagewrapper .counter li.fianceeActive { background: url('/Content/app/images/about/Activa_Noivas.png') no-repeat; background-size: 100%; }
    #pagewrapper .counter li.portugalFiancee { background: url('/Content/app/images/about/noivas_portugal.jpg') no-repeat; background-size: 100%; }
    #pagewrapper .counter li.SposabellaFiancee { background: url('/Content/app/images/about/sposabella.jpg') no-repeat; background-size: 100%; }
    #pagewrapper .counter li.VIPFiancee { background: url('/Content/app/images/about/vip_noivas.jpg') no-repeat; background-size: 100%; }
    #pagewrapper .counter li.AnnuaryFiancee { background: url('/Content/app/images/about/anuario_noivas.jpg') no-repeat; background-size: 100%; }
    #pagewrapper .counter li.FashionFiancee { background: url('/Content/app/images/about/moda_noiva.png') no-repeat; background-size: 100%; }
#pagewrapper section.white .partner { margin: 0 auto 20px auto; }
#pagewrapper .partners .contact-row { width: 265px; margin: auto; margin-bottom: 10px; }


/* foto art */
#portfolio-grid li:hover .layer { opacity: 0.8; }
#portfolio-grid li.duple { width: 50%; }
#portfolio-grid li.tduple { width: 40%; }
#portfolio-grid li.tduple2 { width: 60%; }
#portfolio-grid li {     height: 400px; overflow: hidden; }
#portfolio-grid.movies li {     height: 350px; overflow: hidden; }


#portfolio-loaded-content .owl-buttons { }
    #portfolio-loaded-content .owl-buttons .owl-prev { background-color: transparent; position: relative; left: -20px; font-size: 50px; opacity: 0.7; }
    #portfolio-loaded-content .owl-buttons .owl-next { font-size: 50px; background-color: transparent; opacity: 0.7; }
#portfolio-loaded-content .owl-pagination { display: none; }

.detail-carousel { margin-bottom: 0; }

/* Blog */
#blog .album.team .team-member:hover .layer { opacity: 0.8; }
#blog .album.team .title-album { color: white; margin: 0; font-size: 1.4em; font-weight: 700; line-height: 1.25; text-transform: uppercase; }
#blog .date { color: #ffeab8; margin-top: 20px; margin-bottom: 0; }
#blog h1 { color: #fdb915; }
#blog .gallery { width: 1200px; margin: auto; }
#blog .galleriaPhoto { margin-right: 5px; margin-bottom: 5px; }
.fancybox-skin { background: #262626 !important; }

/* contacts page */
#pagewrapper .contact { padding: 0; }
    #pagewrapper .contact .contact-row .icon-container { width: 40px; float: left; display: inline-block; }
    #pagewrapper .contact .contact-row .info { width: 80%; float: left; display: inline-block; }

/* change colors template */
#portfolio-load-more, h1.underline:after, h2.underline:after, h3.underline:after, h4.underline:after, h5.underline:after, h6.underline:after, .button, .button.border:hover, input.submit, .circle-icon, a.circle-icon.border:hover, a.circle-icon.white:hover, .skill-outer .skill-inner, .counter li, .timeline-grid li:hover:after, #blog-load-more { background-color: #fdb915; }
    #portfolio-load-more:hover, .button:hover, input.submit:hover, a.circle-icon:hover, .counter li:nth-child(2n), #blog-load-more:hover { background-color: #d79d14; }
.button, input.submit { border-color: #d79d14; border:0;}
    .button.border, .circle-icon.border, .tab-navi a:hover, .tab-navi a.active, .tab-navi.horizontal a:hover, .tab-navi.horizontal a.active { border-color: #fdb915; }
    #open-navi:hover, #open-navi.active, #main-navigation a:hover, #main-navigation a.active, #portfolio-controls a:hover, .team .circle-icon:hover, a, .button.border, .circle-icon.border, .circle-icon.white, .accordion .title:hover, .toggle .title:hover, .tab-navi a:hover, .tab-navi a.active, #blog-controls a:hover { color: #fdb915; }
#portfolio-grid .layer, .team .team-member .layer, #blog-grid .layer { background-color: #fdb915; }


.team .team-member .layer { text-align: center !important; }
    .team .team-member .layer .text { top: 60px !important; }

.sucess { color: green; font-size: 18px; }

.portfolio-loaded-content .gutters { padding-top: 20px !important; }

#contact-form.contact button { background-color: #d79d14; text-transform: uppercase; border-radius: 50px; padding: 10px 25px; color: white; cursor: pointer; border:0; }
    #contact-form.contact button:hover { background-color: #fdb915; text-transform: uppercase; border-radius: 50px; padding: 10px 25px; color: white; -moz-transform: 1s ease; -ms-transform: 1s ease; -o-transform: 1s ease; -webkit-transform: 1s ease; transform: 1s ease; }

  #Fslider {text-align:center; background-color:#000; margin:0; padding:0; border:0;}
    #Fslider .slides img { width: auto !important; height: 800px; margin: auto; }

    #FThumbSlider{background-color:#000; text-align:center; padding:0; border:0; margin:0;}
    #FThumbSlider  .slides > li{width:auto; height:70px; margin:auto;}
    #FThumbSlider  .slides > li img{height:100%; width:auto !important; cursor:pointer;}
.flex-direction-nav a { height: 50px !important; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(255, 255, 255, 0.8) !important; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) !important; }
 #FThumbSlider .flex-direction-nav a{top: 33%;}

 .smallmobile{display:none;}

 #Footer{display:block; width:100%; background-color:white; padding:25px 0;}


.el-hidden {
    display:none;
}

.el-visible {
    display: block;
}