/******************************************************************
 RESET CSS - Normalize
******************************************************************/
body, img, p, h1, h2, h3, h4, h5, fieldset { margin: 0; padding: 0; border: 0; resize: none; }
a, a:hover, a:visited, a:focus { text-decoration: none !important; }
input[type=submit] { cursor: pointer; }
*:focus { outline: none; }
::selection { background: #000; color: #fafafa; }
::-moz-selection { background: #000; color: #fafafa; }
._v-align { display: inline-block; vertical-align: middle; line-height: normal; }
.relative { position: relative; }
.unstyled { background: none; border: 0; box-shadow: none; list-style: none; margin: 0; padding: 0; line-height: normal; }



/******************************************************************
Geral Plugins
******************************************************************/
/* Flexslider */
.flexslider { margin: 0; box-shadow: none; padding: 0; border: 0; border-radius: 0; }
    .flexslider .flex-direction-nav a { color: #4a4a4a; font-size: 45px; line-height: 20px; height: auto; }
    .flexslider .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-prev:hover, .flexslider:hover .flex-direction-nav .flex-prev { left: -45px !important; }
    .flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-next:hover, .flexslider:hover .flex-direction-nav .flex-next { right: -45px !important; }


/* Select2 */
body .select2-container .select2-choice { height: 34px; line-height: 34px; }
body .select2-container.form-control { padding: 0; border: 0; }

/* Social  */
body .stButton span { height: 25px !important; }

/* Status */
.status.error { color: red; }
.status.success { color: green; }

/* Error inpus */
body input.error, body textarea.error { border-color: #B94A48; color: #A60D10; }
    body input.error:focus, body textarea.error:focus { border-color: #B94A48; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 0 0 2px rgba(185, 74, 72, 0.3); }

.color-red { color: red !important; }
.color-green { color: green !important; }

body ul.no-style { margin: 0; padding: 0; list-style: none; }

body ._wishlist-open { position: relative; }
body ._wishlist-selector { z-index: 999; position: absolute; left: 100%; top: 0; margin-left: 15px; width: 150px; display: block; background: #DFDFDF; padding: 10px; border-radius: 5px; }
    body ._wishlist-selector:before { content: ' '; position: absolute; left: -10px; top: 10px; width: 0; height: 0; border-style: solid; border-width: 7.5px 10px 7.5px 0; border-color: transparent #DFDFDF transparent transparent; }

/* Inputs */
input[type="text"], input[type="password"] { height: 34px; line-height: 34px; padding: 0 10px; }
.select2.select2-container { width: 100% !important; }
.select2-container .select2-selection--single { height: 34px; border: 1px solid #ccc; }
.select2-container.error .select2-selection--single { border-color: #B94A48; color: #A60D10; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 10px; line-height: 32px; }
.select2-container .select2-selection--single .select2-selection__arrow { line-height: 32px; height: 32px; }
textarea { padding: 4px 10px; }
    textarea.no-resize { resize: none; }

/* tables */
.table th, .table td { vertical-align: middle !important; }

/******************************************************************
WayPoints Stuff
******************************************************************/
.os-animation { opacity: 0;}
    .os-animation.animated { opacity: 1; }
.staggered-animation { opacity: 0; }
    .staggered-animation.animated { opacity: 1; }
.delay-1s { -moz-animation-delay: 1s; -o-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; }


/******************************************************************
 Geral
******************************************************************/
body { color: white; font-family: 'Open Sans', sans-serif; }
    body .wrapper { padding: 0 15px; max-width: 1230px; display: block; margin: auto; position: relative; }
.contentWrapper { padding: 0 15px; max-width: 900px; margin: auto; }
.svgContainer svg { height: 100%; width: 100%; }
.zoomIcon { height: 31px; width: 31px; }
body img { max-width: 100%; }

/* Headings */
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: 'Open Sans', sans-serif; }
body h1 { font-size: 36px; font-family: 'Oswald', sans-serif; }
body h2 { font-size: 26px; }
body h3 { font-size: 24px; }
body h4 { font-size: 20px; }
body h5 { font-size: 16px; }

/* Buttons */
.btn { -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
    .btn.btn-primary { /* TODO */ }
    .btn.btn-default { /* TODO */ }
    .btn.btn-info { /* TODO */ }
    .btn.btn-warning { /* TODO */ }
    .btn.btn-success { /* TODO */ }
    .btn.btn-danger { /* TODO */ }
    .btn.btn-full { padding-left: 0; padding-right: 0; text-align: center; display: block; width: 100%; }
    .btn.btn-square { border-radius: 0 !important; }

/* Pagination */
.pagination { padding: 33px 0; margin: 0; border-radius: 0; }
    .pagination a { color: #007AA4 !important; background-color: white !important; height: 35px; width: 35px; border-color: #007AA4 !important; border-radius: 4px; margin: 0 5px; }
    .pagination .active a { border-color: #007AA4; background: #007AA4 !important; color: white !important; border: 1px solid #007AA4; }
    .pagination .disabled a { cursor: not-allowed; opacity: 0.5 !important; filter: alpha(opacity=50) !important; font-size: 16px !important; text-align: center; }
    .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; padding: 6px 4px; border-radius: 4px; }
    .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0; padding: 6px 9px; border-radius: 4px; }



body .transition-regular { -moz-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
body .transition-fast { -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
body .transition-very-fast { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; }
h1, h2, h3, h4, h5 { font-family: 'Oswald', sans-serif; }
.btn { border-radius: 0; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
.btn-primary { background: #254e77; padding: 12px 60px; }
.btcontact { font-size: 16px; font-weight: bold; padding: 15px 25px; }
.btproducao { background: transparent; color: #4a4a4a; border-color: #4a4a4a; font-size: 16px; font-weight: bold; padding: 15px 25px; }
    .btproducao:hover { background-color: #23486d; }
.btportfolio { background: transparent; color: white; border-color: white; font-size: 16px; font-weight: bold; padding: 15px 25px; margin-top: 28px; }
    .btportfolio:hover { color: #23486d; background-color: white; }

body .row-tool { right: 0 !important; left: auto !important; }

/******************************************************************
TermsAndConditionsModal
******************************************************************/
#TermsAndConditionsModal .modal-dialog { width: 75%; }

/******************************************************************
ShopConditionsModal
******************************************************************/
#ShopConditionsModal .modal-dialog { width: 75%; }

/******************************************************************
CoockiesTerms
******************************************************************/
#CoockiesTerms { position: fixed; width: 340px; padding: 30px; padding-top: 40px; left: 30px; bottom: 30px; border: 1px solid #DDD; background: none repeat scroll #FFF; color: #808080; font-size: 10px; z-index: 10000; }
    #CoockiesTerms .close { position: absolute; top: 10px; right: 10px; font-size: 18px; }

/******************************************************************
 Header
******************************************************************/
#Header { -webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); z-index: 99; position: relative; }
    #Header .headerTop { background-color: #1e4266; font-size: 14px; padding-top: 12px; padding-left: 50px; padding-right: 50px; padding-bottom: 32px; font-family: 'Open Sans', sans-serif; font-weight: 400; }
        #Header .headerTop p { font-family: 'Open Sans', sans-serif; font-weight: 400; }
        #Header .headerTop ul li { display: inline; font-size: 15px; padding-left: 12px; }
        #Header .headerTop ul { margin-bottom: 0px; }
            #Header .headerTop ul li a { color: white; text-decoration: none; border-bottom: 1px solid transparent; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
            /*#Header .headerTop ul li:first-child:after { content: "|"; position: relative; padding-left: 35px; padding-right: 20px; }*/
            #Header .headerTop ul li a.active { font-weight: 700; }
            #Header .headerTop ul li a:hover { border-bottom: 1px solid white; }
    #Header .headerBottom { background-color: white; }
        #Header .headerBottom .logoprincipal { padding-left: 50px; padding-top: 27px; padding-bottom: 27px; }
        #Header .headerBottom .logoprincipal a{display:inline-block;}
        #Header .headerBottom img { max-height: 100%; }
        #Header .headerBottom .no-padding { padding-left: 0; padding-right: 0; }
        #Header .headerBottom .no-margin { margin-left: 0; margin-right: 0; }
        #Header .headerBottom .btMenu { display: inline-block; vertical-align: middle; color: white; font-family: Oswald; font-size: 18px; transition: 0.3s; height: 120px; margin-left: -32px; }
            #Header .headerBottom .btMenu:hover { transition: 0.3s; }
                #Header .headerBottom .btMenu:hover svg #Page-1-Copy { fill-opacity: 0.5; transition: 0.3s; }
                #Header .navigation a.active svg #Page-1-Copy { fill-opacity: 0.5; transition: 0.3s; }

/******************************************************************
Informaçao de cada página
******************************************************************/

.infoPagina { padding-top: 60px; padding-bottom: 86px; }
    .infoPagina .titulo { text-align: center; color: #254e77; padding-bottom: 50px; font-family: 'Oswald', sans-serif; font-weight: 700; }
    .infoPagina .descricao { text-align: center; color: #4a4a4a; font-size: 16px; }

/******************************************************************
 Producao
******************************************************************/

#Producao { background: #f5f5f5; }
    #Producao .imagemTopo { height: 280px; -webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); z-index: 10; position: relative; }
    #Producao .infoTitulo { padding-top: 75px; padding-bottom: 85px; }
        #Producao .infoTitulo .titulo { text-align: center; color: #254e77; padding-bottom: 50px; }
        #Producao .infoTitulo .descricao { text-align: center; color: #4a4a4a; font-size: 16px; }


/******************************************************************
 Home
******************************************************************/

#Home { background: #f5f5f5; }
    #Home .imagemTopo { height: 280px; -webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); z-index: 10; position: relative; }
    #Home .infoContacts { padding-top: 60px; padding-bottom: 45px; }
        #Home .infoContacts .titulo { text-align: center; color: #254e77; padding-bottom: 35px; }
        #Home .infoContacts .descricao { text-align: center; color: #4a4a4a; font-size: 16px; }
    #Home .infoProd { background: white; position: relative; padding-left: 40%; }
        #Home .infoProd .imgProd { width: 40%; height: 100%; display: inline-block; top: 0; left: 0; position: absolute; }
    #Home .infoProdText { width: 100%; display: inline-block; padding-top: 65px; padding-bottom: 46px; padding-left: 80px; }
    #Home .infoProd .titulo h1 { font-size: 36px; color: #254e77; padding-bottom: 20px; }
    #Home .infoProd .subtitulo h2 { font-family: 'Open Sans', sans-serif; font-size: 40px; color: #254e77; padding-bottom: 15px; }
    #Home .infoProd .descricao { color: #4a4a4a; padding-bottom: 25px; }
    #Home .ThePortfolio { padding-top: 75px; padding-bottom: 60px; }
        #Home .ThePortfolio .titulo { text-align: center; color: white; margin-bottom: 55px; }

/******************************************************************
 Portfolio
******************************************************************/

#Portfolio { background: #f5f5f5; }
    #Portfolio .imagemTopo { height: 280px; -webkit-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); box-shadow: 0 3px 11px 0 rgba(0,0,0,0.3); z-index: 10; position: relative; }
    #Portfolio .infoProd { background: white; position: relative; padding-left: 40%; }
        #Portfolio .infoProd .imgProd { width: 40%; height: 100%; display: inline-block; top: 0; left: 0; position: absolute; }
    #Portfolio .infoProdText { width: 100%; display: inline-block; padding-top: 65px; padding-bottom: 46px; padding-left: 80px; }
    #Portfolio .infoProd .titulo h1 { font-size: 36px; color: #254e77; padding-bottom: 20px; }
    #Portfolio .infoProd .subtitulo h2 { font-family: 'Open Sans', sans-serif; font-size: 40px; color: #254e77; padding-bottom: 15px; }
    #Portfolio .infoProd .descricao { color: #4a4a4a; padding-bottom: 25px; }
    #Portfolio .ThePortfolio .menuPortfolio { padding-top: 40px; background-color: white; position: relative; }
    #Portfolio .fotosPortfolio { padding-top: 100px; padding-bottom: 105px; position: relative; }
    /* background-color: #23486d; */
    #Portfolio .ThePortfolio .btnsPortfolio li a.active::after { content: ''; position: absolute; left: 0; right: 0; margin: auto; top: 100%; width: 0; height: 0; border-left: 42px solid transparent; border-right: 42px solid transparent; border-top: 42px solid #fff; clear: both;  z-index:1;}
    #Portfolio .ThePortfolio .btnsPortfolio { font-size: 16px; font-weight: bold; }
        #Portfolio .ThePortfolio .btnsPortfolio li { display: inline-block; padding: 0 15px; width: 19%; vertical-align: top; position: relative; }
        #Portfolio .ThePortfolio .btnsPortfolio ul { margin: 0; padding: 0; display: inline-block; width: 100%; }
        #Portfolio .ThePortfolio .btnsPortfolio a { color: #4a4a4a; padding-bottom: 10px; display: inline-block; text-transform: uppercase; }
    #Portfolio .ThePortfolio .titulo { text-align: center; color: #254e77; margin-bottom: 55px; }
.ThePortfolio .padding-portfolio { padding-left: 7px; padding-right: 7px; position: relative; margin-bottom: 15px; overflow: hidden; }
#Header .headerBottom .btMenuPortfolio .ThePortfolio .margin-portfolio { margin-left: -7px; margin-right: -7px; }

/******************************************************************
 Img Portfolio
******************************************************************/

.ThePortfolio .imagePort { height: 220px; position: relative; }
    .ThePortfolio .imagePort a { display: block; color: #4a4a4a; font-weight: bold; font-size: 21px; }
    .ThePortfolio .imagePort img { min-height: 100%; min-width: 100%; }
    .ThePortfolio .imagePort .textHolder { width: 100%; padding: 0 15px; height: 80px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center; }
    .ThePortfolio .imagePort .zoomIcon { margin: auto; margin-top: 20px; }
    .ThePortfolio .imagePort .hoverPort { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background: rgba(255, 255, 255, 0.8); }
    .ThePortfolio .imagePort:hover .hoverPort { opacity: 1; }


/******************************************************************
 Contacts
******************************************************************/

#Contacts .form { padding-top: 50px; padding-bottom: 50px; }

    #Contacts .form input::-webkit-input-placeholder { color: #4a4a4a; }
    #Contacts .form input:-moz-placeholder { color: #4a4a4a; }
    #Contacts .form input::-moz-placeholder { color: #4a4a4a; }
    #Contacts .form input:-ms-input-placeholder { color: #4a4a4a; }
    #Contacts .form textarea::-webkit-input-placeholder { color: #4a4a4a; }
    #Contacts .form textarea:-moz-placeholder { color: #4a4a4a; }
    #Contacts .form textarea::-moz-placeholder { color: #4a4a4a; }
    #Contacts .form textarea:-ms-input-placeholder { color: #4a4a4a; }
#Contacts .form-control { border-radius: 0; border: 1px solid #254e77; font-size: 14px; font-family: 'Open Sans', sans-serif; margin-bottom:15px; }
#Contacts .form .formTitulo { text-align: center; color: #254e77; padding-bottom: 45px; }
#Contacts .form .row{margin: -8px;}
#Contacts .form .row .col-md-6, #Contacts .form .row .col-md-12{padding:0 8px;}

#Contacts .form .padding-top { padding-top: 10px; }
#Contacts .form .space-center { padding-left: 0; }
#Contacts .info { background-color: #f5f5f5; padding-top: 75px; }
    #Contacts .info .infoTitulo { text-align: center; color: #254e77; padding-bottom: 80px; }
    #Contacts .info .iconPadder { min-height: 65px; }
    #Contacts .info .infoIcon { text-align: center; color: #4a4a4a; padding-top: 10px; padding-bottom: 85px; }
    #Contacts .info .markerIcon .svgContainer { height: 44px; width: 30px; margin: auto; }
    #Contacts .info .phoneIcon .svgContainer { height: 37px; width: 36px; margin: auto; }
    #Contacts .info .mailIcon .svgContainer { height: 28px; width: 38px; margin: auto; }
#Contacts .top { padding-top: 80px; padding-bottom: 70px; }
    #Contacts .top h1 { text-align: center; }
#Contacts .imagesContent { position: relative; }
    #Contacts .imagesContent:before { position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; content: ' '; z-index: -1; background: #f5f5f5; background-size: cover; background-position: center center; }



/* fix responsive problems with map */
#Map img { max-width: none !important; }
#Map canvas { max-width: 100% !important; height: auto !important; }

/******************************************************************
imagesContent
******************************************************************/
.imagesContent { padding-bottom: 86px; }
    .imagesContent .padding-interesse { padding-left: 12px; padding-right: 12px; }
    .imagesContent .margin-interesse { margin-left: -12px; margin-right: -12px; }
    .imagesContent .flagIcon { height: auto; padding-bottom: 44px; }
        .imagesContent .flagIcon .svgContainer { height: 80px; width: 79px; margin: auto; }

/******************************************************************
 imageCont
******************************************************************/

.imageCont { color: #707070; text-align: center; margin-bottom: 30px; }
    .imageCont h2 { text-align: center; color: #254e77; font-family: Oswald; margin-top: 0; font-weight: 700; }
    .imageCont img { max-width: 100%; }
    .imageCont .desc { background-color: white; padding-top: 25px; padding-bottom: 23px;     margin-top: -4px;}
        .imageCont .desc .distance { font-size: 16px; padding-top: 14px; font-family: 'Open Sans', sans-serif; }
    .imageCont .zoomIcon .svgContainer { height: 31px; width: 31px; transition: 0.3s; }
    .imageCont .zoomIcon { position: absolute; bottom: 25px; right: 25px; }
    .imageCont .pontoLink { position: relative; display: inline-block;     max-height: 250px; overflow:hidden;  }
        .imageCont .pontoLink:hover .svgContainer { -ms-transform: scale(1.5); /* IE 9 */ -webkit-transform: scale(1.5); /* Safari */ -moz-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

/******************************************************************
 Footer
******************************************************************/

#Footer .topPart { background-color: #1e4266; padding-top: 30px; padding-bottom: 25px; font-family: 'Oswald', sans-serif; font-weight: 400; }
#Footer .topPart a.logo{display:inline-block;}
#Footer .topPart a.logo img{max-width:100%;}
#Footer .bottomPart { padding-top: 12px; padding-bottom: 18px; background-color: #193756; }
    #Footer .bottomPart a { color: white; }
#Footer ul { margin-top: 8px; }
    #Footer ul li { display: inline; padding-left: 15px; font-size: 18px; }
        #Footer ul li a { color: white; text-decoration: none; border-bottom: 1px solid transparent; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; }
            #Footer ul li a:hover { border-bottom: 1px solid white; }
.zcmscontent .is-bg-grey { background-color: #f5f5f5; color: #4a4a4a; font-family: "Myriad Pro"; font-size: 16px; font-weight: 400; line-height: 26px; }
    .zcmscontent .is-bg-grey h1 { color: #254e77; font-family: Oswald; font-size: 36px; font-weight: 500; text-align: center; }
.zcmscontentbox-area.is-wrapper > div.is-section-100 { height: auto !important; }
.zcmscontent .is-box-centered { vertical-align: top !important; }
.zcmscontent .is-shadow-1 { font-family: "Myriad Pro"; font-weight: 400; color: #4a4a4a; }
    .zcmscontent .is-shadow-1 h1 { color: #254e77; font-size: 36px; }
    .zcmscontent .is-shadow-1 p { line-height: 26px; }