/*------------------------------------------------------------------

    [Master Stylesheet]

    Project: Dublin Theme
    Version: 1.0
    Last change: 11/21/14

-------------------------------------------------------------------*/

/* Fonts */

/* Libre Baskerville */
@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic);

/* Source Sans Pro */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,900,400italic,700italic,900italic);


/*------------------------------------------------------------------

    [Table of contents]

    1. Body

    2. Header / .header

    3. Navigation / nav

    4. Section / .section-area

    5. Portfolio / .portfolio

    6. Products / .products, .product-view 

    7. Portfolio item / .col-4, .col-4g, .col-masonry, .col-gallery, .col-related

    8. Blog item / .post, .post-2

    9. Products item / article, .item-prod

    10. Columns / .c1, .c2, .c3

    11. Left column / .c1

    12. Center column / .c1, .c2

    13. Right column / .c2, .c3

    14. Sidebar / .sidebar

    15. Search / .search

    16. Footer / .footer

    17. Social icons / .social

-------------------------------------------------------------------*/


html, body
{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Source Sans Pro' , sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #777;
}

body
{
    overflow-x: hidden;
}

img
{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
}

a, a:hover, a:active, a:focus
{
    text-decoration: none;
    outline: none;
}

p
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 1.3em;
    letter-spacing: -0.01em;
    
}

h1,h2,h3,h4,h5
{
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
}

h2
{
    font-weight: 900;
}

input, button
{
    outline: none;
}

textarea
{
    outline: none;
    resize: none;
    -webkit-appearance: none;
    overflow: auto;
}

textarea, input, button:focus
{
    outline-color: transparent;
    outline-style: none;
}

/* ------------------- */

.section-area
{
    width: 100%;
}

.section-area > div
{
    width: 1170px;
    margin: 0 auto;
}

/* Page Animated item Styles */

.animated
{
    visibility:hidden;
}

.visible
{
    visibility:visible;
}


/* Page Loader */

#pageloader
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: #fff;
    z-index: 99999;
}

.video
{
    width: 100%;
    position: relative;
}
	
/* ------------------- */

.btn
{
    text-align: center;
    padding: 16px 35px 16px 35px;
    border: solid 1px #fff;
    color: #fff;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    text-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 20px 0 0 0;
    line-height: 0.8em;
}

button.btn
{
    padding-bottom: 26px;
}

.load-more
{
    padding-bottom: 25px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.load-more-area
{
    width: 100%;
    margin-top: 40px;
    margin-bottom: 80px;
    text-align: center;
}


.ss-b
{
    line-height: 42px;
	height: 42px;
	width: 100%;
	font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    font-style: italic;
    margin-bottom: 15px;
    padding-left: 14px;
}


/* Parallax Backgrounds */

	body.parallax .parallax,
	body.parallax .parallax1{
		background-attachment: fixed;
		background-size:cover;
	}
	

/* Dublin Styles */


/*  HEADER
    ###########################################################################
*/

.header
{
    width: 100%;
    position: relative;
    border-bottom: solid 9px #eee;
    position: relative;
}

.header-no-cover
{
    height: 169px;
    background-color: #222;
}

.header .cover
{
    position: relative;
    width: 100%;
    background: #000;
}

.menu-fixed 
{
    height: 169px;
    background-color: #222;
    position: fixed;
    top: 0;
    z-index: 999999;
    border-bottom: none;
}

.header-void
{
    width: 100%;
    height: 809px;
    display: none;
}

.header .cover .bg
{
    width: 100%;
    height: 800px;
    text-align: center;
    background: url(../images/cover-1b.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}

.header .cover .h-video
{
    width: 100%;
    height: 800px;
    text-align: center;
    background: url(../images/video-project.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}

.header .cover .h-video #video
{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0!important;
}

.menu-fixed .bg
{
    display: none;
}

.menu-fixed .h-video
{
    display: none;
}

.menu-fixed .text
{
    display: none;
}

.header .cover .bg img
{
    width: 100%;
}

.header .cover .bg .mask
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black-40.png);
}

.header .cover .h-video .mask
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black-40.png);
}

.header .cover .text
{
    position: absolute;
    width: 100%;
    top: 32%;
    text-align: center;
}

.header .cover .text h1
{
    font-size: 4.6em;
    font-style: italic;
    margin-bottom: 22px;
    line-height: 1em;
    
}

.header .cover .text h1 span
{
    font-size: 1.6em;
    line-height: 0.2em;
    vertical-align: bottom;
}

.header .cover .text p
{
    font-style: italic;
    color: #ccc;
    width: 465px;
    margin: 0 auto;
}

/* -------------- */

.header .h-top
{
    width: 100%;
    height: 36px;
    position: absolute;
    top: 0;
    border-bottom: solid 1px #2d2d2d;
    background-color: #000;
}

.header .h-top > div
{
    width: 1170px;
    margin: 0 auto;
}

.header .h-top .c1
{
    float: left;
}

.header .h-top .c2
{
    float: right;
    color: #777;
}

.header .h-top .c2 p
{
    line-height: 36px;
    font-size: 0.8em;
    font-weight: 700;
    letter-spacing: 0.06em;
    vertical-align: middle;
    margin: 0;
}

.header .h-top .c2 span
{
    margin: 0 10px 0 10px;
    font-size: 0.85em;
    vertical-align: middle;
}

.header .h-top .c2 a
{
    color: #777;
    letter-spacing: 0.06em;
}

.header .h-top .c2 form
{
    margin: 0;
    padding: 0;
}

.header .h-top .c2 input, button
{
    line-height: 31px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: none;
}

.header .h-top .c2 > div
{
    float: right;
}

.header .h-top .c2 .search
{
    line-height: 36px;
}

.header .h-top .c2 .search div
{
}

.header .h-top .c2 .search input
{
    width: 0;
    line-height: 36px;
    font-size: 0.9em;
    background-color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.header .h-top .c2 .search button
{
    width: 59px;
    background-color: transparent;
}

.header .h-top .c2 .search div:hover input
{
    width: 120px;
    padding-left: 25px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

/* -------------- */

.header nav
{
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding-bottom: 24px;
	text-shadow:#999;
	    color: #9b9b9b;
}

.header nav .logo
{
    width: 270px;
    text-align: center;
    position: relative;
}

.header nav .logo a
{
    position: absolute;
    display: block;
    width: 198px;
    height: 57px;
    left: 50%;
    margin-left: -100px;
    bottom: -0;
    /*background: url(../images/logo-gold.png) center top no-repeat;*/
}

.header nav .logo-left
{
    width: 198px;
    position: absolute;
    left: 15px;
    bottom: 46px;
}

.header nav .logo-left a
{
    display: block;
    width: 198px;
    height: 57px;
    /*background: url(../images/logo-gold.png) center top no-repeat;*/
}

.header nav > ul
{
    display: inline-block;
}

.header nav a
{
    font-size: 0.85em;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 700;
    letter-spacing: 0.08em;
	    color: #fff;
}

.header nav .dropdown ul
{
    margin-top: 0;
    border: none;
    padding-top: 21px;
    background: none;
    box-shadow:none;
}

.header nav .dropdown ul li
{
    margin: 0;
    background-color: #fff;
    text-align: left;
}

.header nav .dropdown ul .f
{
    padding-top: 15px;
}

.header nav .dropdown ul li a
{
    padding: 5px 21px 5px 21px;
    line-height: 2em;
    font-weight: 700;
}

.header nav .dropdown ul li a:hover
{
    color: #000;
}

.header nav .dropdown:hover > ul
{
    display: block;
}


.header nav .m-moblie
{
    width: 100%;
    display: none;
    position: relative;
    text-align: right;
}

.header nav .m-moblie button
{
    color: #fff;
    background-color: #000;
    font-size: 2em;
    margin-right: 25px;
}

.header nav .m-moblie ul
{
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    padding-top: 15px;
    padding-bottom: 10px;
    z-index: 89999;
    text-align: center;
    display: none;
}

.header nav .m-moblie ul li
{
    line-height: 2em;
}

.header nav .m-moblie .close-menu
{
    background-color: #000;
}

.header nav .m-moblie .close-menu a
{
    color: #fff;
}

/*
.header nav .m-moblie:hover ul
{
    display: block;
}
*/


/*  
    ###########################################################################
    ###########################################################################
*/


/*  HOME
    ###########################################################################
*/

.h-s-header
{
    padding-top: 98px;
    padding-bottom: 80px;
}

.h-s-header .c1
{
    float: left;
    width: 50%;
}

.h-s-header .c1 > div
{
    padding-left: 15px;
}

.h-s-header .c2 > div
{
    padding-right: 15px;
}

.h-s-header .c1 .t
{
    float: left;
    padding-bottom: 28px;
}

.h-s-header .c1 .t h2
{
    padding-right: 22px;
    line-height: 0.8em;
    font-size: 1.8em;
}

.h-s-header .c1 p
{
    float: left;
    font-style: italic;
}

.h-s-header .c2
{
    float: left;
    width: 50%;
}

.h-s-header .c2 > div
{
    text-align: right;
}

.h-s-header .c2 .about
{
    text-align: left;
    padding-left: 15px;
}

.h-s-header .about > div
{
    height: 54px;
    padding-left: 0;
}

.h-s-header .l1
{
    display: block;
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
    font-size: 0.9em;
    font-style: italic;
    letter-spacing: -0.06em;
    margin: 25px 0 0 0;
}

.h-s-header .c2 .menu
{
    margin-top: 76px;
    text-align: right;
}

.h-s-header .l2
{
    font-size: 1.3em;
    font-style:italic;
    line-height: 0.8em;
    vertical-align: middle;
}

.h-s-header .l2 a
{
    font-size: 0.85em;
}

/* -------------- */

.testimonials
{
    padding: 72px 0 58px 0;
    text-align: center;
}

.testimonials .texts
{
    position: relative;
    width: 100%;
    height: 90px;
}

.testimonials .texts > div
{
    position: absolute;
    width: 100%;
    top:0;
    left: 0;
    z-index:8;
}

.testimonials .texts > div.active_ {
    z-index:10;
}

.testimonials .texts > div.last-active_ {
    z-index:9;
}

.testimonials .texts > div h3
{
    font-size: 2.1em;
    font-style: italic;
    color: #fff;
}

.testimonials .texts > div p
{
    color: #000;
    font-style: italic;
}

.testimonials button
{
    background-color: transparent;
    font-size: 2.5em;
    color: #fff;
    margin: 0 20px 0 20px;
}


/* -------------- */

.g-h
{
    padding-bottom: 90px;
}

.g-h article > div
{
    /*padding: 0 15px 0 15px;*/
}

.g-arrows .owl-controls
{
    display: block;
    position: absolute;
    right: 0;
    top: -100px;
}

.g-arrows .owl-controls .owl-buttons
{
    display: block;
}

.g-arrows .owl-controls .owl-buttons div
{
    width: 13px;
    height: 20px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;
    margin: 10px 15px 0 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.g-arrows .owl-controls .owl-buttons div:nth-of-type(1)
{
    background-image: url(../images/arrow-1-back.png);
}


.g-arrows .owl-controls .owl-buttons div:nth-of-type(2)
{
    background-image: url(../images/arrow-1-next.png);
    margin-left: 6px;
}

.g-arrows .owl-controls .owl-buttons div:hover
{
    opacity: 1;
}


/* ---- */


.h-gallery article
{
}

.h-gallery article > div
{
    /*margin: 15px;*/
    padding: 0 15px 0 15px;
}

.h-gallery article .art-img
{
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
}

.h-gallery article .art-img img
{
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.h-gallery article:hover .art-img img
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.h-gallery article .art-img .mask
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    background: url(../images/black-40.png);
    text-align: center;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

/*
.h-gallery article .art-img .mask a
{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 5.2em;
}
*/

.h-gallery article .art-img .mask .btn
{
    margin-top: 5.8em;
    background-color: #252525;
    color: #fff;
}

.h-gallery article .art-img .mask p
{
    width: 45px;
    height: 45px;
    line-height: 43px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.h-gallery article:hover .art-img .mask
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-gallery article h3
{
    font-size: 1.1em;
    margin: 20px 0 20px 0;
    font-style:italic;
    line-height: 0.9em;
}

.h-gallery article h3 span
{
    padding-right: 12px;
    margin-right: 12px;
    font-size: 0.9em;
}

.h-gallery article h3 i
{
    font-size: 0.8em;
}

.h-gallery article > div > p
{
    font-style: italic;
}

/* -------------- */

.h-banner
{
    width: 100%;
    position: relative;
}

.h-banner-1
{
    width: 100%;
    height: 640px;
    position: relative;
    background: url(../images/home-01b.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}

.h-banner > img
{
    width: 100%;
}

.h-banner .mask
{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black-40.png);
}

.h-banner .text
{
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;
}

.h-banner .text h3
{
    font-size: 3.8em;
    font-style: italic;
}

.h-banner .text-about
{
    position: absolute;
    top: 30%;
    width: 100%;
    text-align: center;
}

.h-banner .text-about h3
{
    font-size: 3em;
    font-style: italic;
}

.h-banner p
{
    font-style: italic;
    color: #ccc;
    width: 465px;
    margin: 0 auto;
}

/* -------------- */

.h-products
{
    width: 100%;
    height: 426px;
    position: relative;
    overflow: hidden;
}

.h-products-2
{
    padding-top: 81px;
    padding-bottom: 40px;
}

.h-products-3
{
    padding-top: 81px;
    padding-bottom: 0;
    margin-bottom: 95px;
    background-color: #fafafa;
}

.h-products > div
{
    width: 1920px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

.h-products .c1
{
    float: left;
    width: 50%;
    height: 426px;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.h-products .c2
{
    float: left;
    width: 50%;
    height: 426px;
    position: relative;
    overflow: hidden;
    text-align: right;
}

.h-products .c1 img
{
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.h-products .c1:hover img
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.h-products .c2 img
{
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.h-products .c2:hover img
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.h-products .mask
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black-55.png);
}

.h-products .c1 .text
{
    position: absolute;
    width: 585px;
    right: 0;
    bottom: 8%;
    font-style: italic;
}

.h-products .c2 .text
{
    position: absolute;
    width: 585px;
    left: 0;
    bottom: 8%;
    font-style: italic;
}

.h-products .text h3
{
    font-size: 3.5em;
}

.h-products .text p
{
    color: #ccc;
}

.h-products .text a
{
}

/* -------------- */

.h-posts
{
    background-color: #f5f5f5;
}


/*
    ###########################################################################
    ###########################################################################
*/


/*  FOOTER
    ###########################################################################
*/

.footer
{
    width: 100%;
}

.footer .buy
{
    padding: 74px 0 74px 0;
    color: #fff;
}

.footer .buy .c1
{
    float: left;
    width: 50%;
    text-align: right;
}

.footer .buy .c2
{
    float: left;
    width: 35%;
}

.footer .buy .c3
{
    float: left;
    width: 25px;
}

.footer .buy span
{
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
    font-size: 2em;
    font-style: italic;
    vertical-align: middle;
}

.footer .buy i
{
    border-right: solid 1px #fff;
    padding-right: 22px;
    margin-right: 22px;
    line-height: 18px;
    vertical-align: middle;
}

.footer .buy p
{
    font-style: italic;
    margin-top: 2px;
}

.footer .buy .btn
{
    margin-top: 0;
    margin-left: 40px;
    color: #fff;
    background-color: transparent;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

/* -------------- */

.footer .f-content
{
    text-align: center;
    padding: 68px 0 68px 0;
    background-color: #222;
}

.footer .f-content .logo
{
    display: block;
    width: 198px;
    height: 57px;
    /*background: url(../images/logo-gold.png) center -15px no-repeat;*/
    position: relative;
    top: -10px;
}

.footer .f-content .logo-c
{
    display: inline-block;
    width: 198px;
    height: 57px;
    /*background: url(../images/logo-gold.png) center -15px no-repeat;*/
}

.footer .f-content h3
{
    font-size: 1.3em;
    font-style: italic;
    margin: 0 0 30px 0;
}

.footer .f-content h3 span
{
    padding-right: 22px;
    margin-right: 22px;
}



.footer .f-content .c1
{
    float: left;
    width: 25%;
    text-align: left;
}

.footer .f-content .c2
{
    float: left;
    width: 25%;
    text-align: left;
}

.footer .f-content .c1d
{
    width: 100%;
    text-align: center;
}

.footer .f-content .c1 > div
{
    padding: 0 30px 0 0;
}

.footer .f-content p
{
    margin: 0;
}



.footer .f-content ol li
{
    clear: both;
    margin-bottom: 2px;
}

.footer .f-content ol div
{
    width: 45px;
    height: 45px;
    overflow: hidden;
    float: left;
    margin: 5px 8px 8px 0;
}

.footer .f-content ol div img
{
    width: 100%;
}

.footer .f-content .posts li
{
    margin-bottom: 8px;
    padding: 8px 11px 8px 11px;
}

.footer .f-content .posts p
{
    color: #ececec;
}

.footer .f-content .posts a
{
    color: #ececec;
}


.footer .f-content .tags a
{
    display: inline-block;
    font-size: 0.9em;
    letter-spacing: -0.01em;
    margin-right: 4px;
    line-height: 1em;
    padding: 4px 6px 4px 6px;
    margin-bottom: 6px;
    font-style: italic;
}


.footer .f-content h4
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    margin: 0 0 5px 0;
    padding: 0;
    color: #777;
    line-height: 1.5em;
}

.footer .f-content h4 a
{
    color: #777;
}

.footer .f-content h4 i
{
    margin-right: 8px;
    font-size: 1.5em;
    width: 20px;
}

.footer .f-content .social-footer
{
    margin-top: 20px;
}


/* -------------------- */

.footer .f-content .c1d p
{
    color: #777;
    width: 444px;
    margin: 0 auto;
    margin-bottom: 25px;
    
}

/* -------------------- */

.footer .bt
{
    background-color: #000;
    color: #5b5b5b;
}

.footer .bt .c1
{
    float: left;
}

.footer .bt .c2
{
    float: right;
}

.footer .bt p
{
    color: #5b5b5b;
    line-height: 40px;
    margin: 0;
}

.footer .f-content .m-logo
{
    margin-bottom:24px
}


/*
    ###########################################################################
    ###########################################################################
*/


/*  PAGE TITLE
    ###########################################################################
*/

.pg-title
{
    background-color: #f5f5f5;
    padding-top: 100px;
    padding-bottom: 39px;
    margin-bottom: 0;
}

.ptm
{
    margin-bottom: 87px;
}

.pg-title .c1
{
    float: left;
}

.pg-title .c1 h1
{
    font-size: 1.8em;
    line-height: 1em;
    margin: 0 22px 0 10px;
    padding: 0 22px 0 0;
}

.pg-title .c1 p
{
    line-height: 2em;
    font-style: italic;
}

.pg-title .c2
{
    float: right;
    padding-right: 25px;
}

.pg-title .c2 a
{
    line-height: 2em;
    font-style: italic;
}


/*
    ###########################################################################
    ###########################################################################
*/


/*  ABOUT
    ###########################################################################
*/

.about
{
    width: 100%;
}

.about > div
{
    padding-left: 15px;
}

.about-itens
{
    padding: 105px 0 100px 0;
}

.about-itens > div
{
    padding-left: 15px;
    padding-right: 15px;
}

.about article
{
    width: 25%;
    float: left;
}

.about article > div
{
    padding-right: 15px;
}

.about h3
{
    font-size: 1.3em;
    font-style:italic;
    line-height: 0.9em;
    margin-bottom: 15px;
}

.about h3 span
{
    padding-right: 12px;
    margin-right: 12px;
    font-size: 0.9em;
}

.about article p
{
}

/* -------------------- */

.team
{
    padding-top: 45px;
}

.team article
{
    width: 20%;
    position: relative;
    height: 330px;
    overflow: hidden;
    float: left;
}

.team article > img
{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.team article:hover > img
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}


.team article .mask
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    background: url(../images/black-40.png);
    
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    
}

.team article .mask h3
{
    margin-top: 10em;
    font-size: 1.3em;
    color: #fff;
}

.team article .mask p
{
    font-style: italic;
}

.team article .mask > div
{
}

.team article:hover .mask
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    
}

/*
    ###########################################################################
    ###########################################################################
*/


/*  FAQ
    ###########################################################################
*/

.faq
{
}

.faq .c1
{
    width: 72%;
    float: left;
}

.faq .c1 > div
{
    padding: 0 30px 15px 15px;
}

.faq .c2
{
    width: 26%;
    margin-right: 2%;
    float: left;
}

.faq .c1 article
{
    width: auto;
    padding: 15px;
    background: #fff;
    margin-bottom: 19px;
    cursor: pointer;
    font-style: italic;
}

.faq .c1 .set
{
    background: #262626;
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.faq .c1 article span
{
    margin-right: 15px;
}

.faq .c1 article h3
{
    font-size: 1.2em;
    margin: 0;
    line-height: 1em;
    padding: 0;
}

.faq .c1 article p
{
    color: #777;
}

.faq .c1 article > div
{
    display: none;
    margin-top: 10px;
    margin-left: 35px;
}

/*
    ###########################################################################
    ###########################################################################
*/


/*  404
    ###########################################################################
*/

.r404
{
    text-align: center;
    margin-bottom: 92px;
    margin-top: 157px;
    width: 100%;
}

.r404 > div
{
    margin-bottom: 92px;
}

.r404 h1
{
    font-size: 22em;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 0.8em;
    letter-spacing: -0.02em;
}

.r404 h3
{
    font-size: 5em;
    line-height: 1em;
    letter-spacing: -0.04em;
    font-style: italic;
}

.r404 p
{
    width: 585px;
    margin: 0 auto;
    margin-bottom: 92px;
    font-style: italic;
}

.r404 .previous
{
    text-align: right;
    margin-bottom: 92px;
    width: 100%;
}

/*
    ###########################################################################
    ###########################################################################
*/


/*  login
    ###########################################################################
*/

.login
{
}

.login > div
{
    padding-bottom: 98px;
}

.login .c1 p
{
    font-style: italic;
    margin-bottom: 15px;
}

.login .c1 .tit
{
    margin-bottom: 20px;
}

.login .c1 .tit span
{
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
    font-size: 1.2em;
    padding-right: 22px;
    margin-right: 22px;
}

.login button
{
    margin-top: 0;
    float: right;
    padding-bottom: 26px;
    background-color: #fff;
    color: #9b9b9b;
    border: solid 1px #d9d9d9;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.login .c1 button
{
    margin-right: 10px;
}

.login button:hover
{
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.login .forgot
{
    float: right;
    font-style: italic;
    margin: 10px 25px 0 0;
}

.login .c1
{
    width: 50%;
    float: left;
}

.login .c1 > div
{
    margin: 10px;
    padding: 24px;
}

.login .c1 input
{
    border: solid 1px #d9d9d9;
    height: 39px;
    line-height: 39px;
    padding-left: 2%;
    width: 98%;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    color: #9b9b9b;
    font-style: italic;
}

.login .c1 .ch span
{
    width: 4%;
    display: inline-block;
}

.login .c1 .half
{
    width: 47%;
}

.login .c1 input[type="password"]
{
    display: none;
}


/*
    ###########################################################################
    ###########################################################################
*/


/*  products
    ###########################################################################
*/


.products-page
{
    margin-bottom: 82px;
}

.products
{
}

#products
{
    
}

.products .c1
{
    width: 76%;
    float: left;
    padding-bottom: 95px;
}

.products .c1 > div
{
    padding: 0 30px 15px 15px;
    margin: 0 auto;
    width: auto;
}

.products .c2
{
    width: 24%;
    float: left;
}


.products article
{
    
}

.products article > div
{
    padding: 0 15px 30px 15px;
}

.products .item-prod
{
    float: left;
    /*width: 33.3%;*/
    width: 262px;
}

.products .item-prod > div
{
    padding: 0 15px 30px 15px;
    position: relative;
}

.products article .art-img
{
    width: 100%;
    position: relative;
    height: 325px;
    overflow: hidden;
}

.products .item-prod .art-img
{
    height: 290px;
}

.products article .art-img img
{
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.products article:hover .art-img img
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.products article .art-img .mask
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black-40.png);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.products article .art-img .mask a
{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 9.5em;
}

.products article .art-img .mask p
{
    width: 45px;
    height: 45px;
    line-height: 43px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.products article:hover .art-img .mask
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.products article h3
{
    font-size: 1.1em;
    margin: 20px 0 20px 0;
    font-style:italic;
}

.products article h4
{
    position: absolute;
    top: 0;
    color: #fff;
    margin: 0;
    padding: 16px;
    font-size: 1.1em;
    font-style: italic;
}

.products article h3 span
{
    padding-right: 22px;
}

.products article > div > p
{
    font-style: italic;
}

.products article > div > p span
{
    color: #ccc;
}

.products article > div > p i
{
    color: #ffd632;
    cursor: pointer;
}

/* ------------------- */

.product-view
{
    position: relative;
}

.product-view .c1
{
    width: 50%;
    float: left;
}

.product-view .c1 > div
{
    padding: 0 15px 0 15px;
    position: relative;
}

.product-view .c2
{
    width: 50%;
    float: left;
    
}

.product-view .c2 > div
{
    position: relative;
    padding: 0 15px 0 15px;
}

.product-view > div > h3
{
    font-size: 1.3em;
    margin: 20px 0 40px 15px;
    font-style:italic;
}

.product-view > div > h3 span
{
    padding-right: 22px;
}

/* ------------------- */

.product-view .prod-view
{
    width: 100%;
    margin-bottom: 41px;
    position: relative;
}

.product-view .prod-view > div
{
}

.product-view .prod-view img
{
    width: 100%;
}

.product-view .prod-view-g
{
    width: 100%;
    position: relative;
}

.product-view .prod-view-g button
{
    height: auto;
    margin: 0;
    padding: 0;
    width: 28%;
    float: left;
}

.product-view .prod-view-g span
{
    display: inline-block;
    width: 8%;
    float: left;
}

.product-view .prod-view-g button img
{
    width: 100%;
}

/* ------------------- */

.product-view .prod-view .owl-controls
{
    display: block;
    position: absolute;
    top: 49%;
    z-index: 10000;
    left: 0;
    width: 100%;
}

.product-view .prod-view .owl-controls .owl-buttons
{
    display: block;
}

.product-view .prod-view .owl-controls .owl-buttons div
{
    width: 13px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
}

.product-view .prod-view .owl-controls .owl-buttons div:nth-of-type(1)
{
    background-image: url(../images/arrow-1-back.png);
    left: 25px;
}


.product-view .prod-view .owl-controls .owl-buttons div:nth-of-type(2)
{
    background-image: url(../images/arrow-1-next.png);
    right: 25px;
}

.product-view .prod-view .owl-controls .owl-buttons div:hover
{
    opacity: 1;
}

/* ------------------- */

.product-view .c2 > div > div
{
    margin-bottom: 25px;
}

.product-view .c2
{
    font-style: italic;
}

.product-view .c2 h3
{
    font-size: 0.85em;
    color: #b2b2b2;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0 0 10px 0;
}

.product-view .c2 h3 span
{
    padding-right: 22px;
    margin-right: 22px;
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
    font-size: 1.3em;
    font-style: italic;
}

.product-view .c2 p
{
    margin: 0 0 15px 0;
}

.product-view .c2 p i
{
    color: #ffd632;
    cursor: pointer;
}

/*
.product-view .c2 select
{
    line-height: 42px;
	height: 42px;
	width: 268px;
	font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    font-style: italic;
    margin-bottom: 15px;
    padding-left: 14px;
    display: block;
}
*/

.product-view .c2 .ss-b
{
	width: 270px;
	display: block;
}

.product-view .c2 button
{
    font-style: normal;
    font-size: 1em;
    padding-bottom: 30px;
}

.product-view .c2 button i
{
    margin-right: 11px;
}

.product-view .c2 .social-prod
{
    position: absolute;
    bottom: -28px;
    right: 0;
}

/* ------------------- */

.product-view .reviews
{
    margin-top: 62px;
}

/*
    ###########################################################################
    ###########################################################################
*/


/*  PORTFOLIO
    ###########################################################################
*/

.portfolio-menu
{
    text-align: right;
}

.portfolio-menu > div
{
    padding-bottom: 25px;
    padding-right: 15px;
}

.portfolio-menu a
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 700;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    margin: 10px;
    text-transform: uppercase;
    color: #c4c3c3;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.portfolio
{
    margin-bottom: 84px;
    width: auto;
    margin: 0 auto;
}

.portfolio article
{
    position: relative;
}

.portfolio article > div
{
    width: 100%;
    height: 283px;
    background-color: #cdcdcd;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.portfolio article > div img
{
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.portfolio article:hover > div img
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.portfolio article h2
{
    margin: 0;
    padding: 20px 0 20px 0;
    font-size: 1.3em;
}

.portfolio article .mask
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/black-40.png);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.portfolio article .mask > div
{
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.portfolio article .mask h3
{
    margin: 0 0 15px 0;
    font-size: 1.3em;
    color: #fff;
    font-style: italic;
}

.portfolio article .mask p
{
    font-style: italic;
}

.portfolio article .mask .btn
{
    font-size: 0.75em;
    letter-spacing: 0.08em;
    padding: 14px 0 14px 0;
    margin: 0;
    position: absolute;
    width: 108px;
}

.portfolio article:hover .mask
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.portfolio article .w-t
{
    float: left;
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
    font-size: 1.1em;
    font-style: italic;
    margin-top: 15px;
}

.portfolio article .w-t span
{
    padding-right: 22px;
    margin-right: 22px;
}

.portfolio article .w-c
{
    float: right;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 700;
    font-size: 0.8em;
    color: #777;
    margin-top: 15px;
}

.portfolio article > h3
{
    font-size: 1.2em;
    margin: 20px 0 15px 0;
    font-style:italic;
    line-height: 1em;
}

.portfolio article > h3 span
{
    padding-right: 22px;
    margin-right: 22px;
}

.portfolio article > p
{
    font-style: italic;
}






.portfolio .col
{
    
    width: 20%;
    float:left;
}

.portfolio col > div
{
    height: 285px;
}

.portfolio .col .mask > div
{
    padding-bottom: 30%;
}

.portfolio .col .mask p
{
    margin: 0 18% 0 18%;
}

.portfolio .col .left
{
    bottom: 20%;
    left: 18%;
}

.portfolio .col .right
{
    bottom: 20%;
    right: 18%;
}

/* ------------------- */

.portfolio .col-4
{
    width: 262px;
    float:left;
    margin-bottom: 95px;
}

.portfolio .col-4 > div
{
    height: 240px;
}

.portfolio .col-4 .mask > div
{
    padding-bottom: 60px;
}

.portfolio .col-4 .mask p
{
    margin: 0 5% 0 5%;
}

.portfolio .col-4 .mask .g-icon
{
    width: 45px;
    height: 45px;
    line-height: 42px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    margin-top: 15px;
}

.portfolio .col-4 .mask h3
{
    font-size: 1.1em;
}

.portfolio .col-4 .left
{
    bottom: 15%;
    right: 51%;
}

.portfolio .col-4 .right
{
    bottom: 15%;
    left: 51%;
}

/* ------------------- */

.portfolio .col-4g
{
    width: 262px;
    float:left;
    margin-bottom: 20px;
}

.portfolio .col-4g > div
{
    height: 180px;
}

.portfolio .col-4g .mask > div
{
    padding-bottom: 60px;
}

.portfolio .col-4g .mask p
{
    margin: 0 5% 0 5%;
}

.portfolio .col-4g .mask .g-icon
{
    width: 45px;
    height: 45px;
    line-height: 42px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    margin-top: 15px;
}

.portfolio .col-4g .mask h3
{
    font-size: 1.1em;
}

.portfolio .col-4g .left
{
    bottom: 15%;
    right: 51%;
}

.portfolio .col-4g .right
{
    bottom: 15%;
    left: 51%;
}

/* ------------------- */

.portfolio .col-masonry
{
    width: 20%;
    float: left;
    border: none;
    
}

.portfolio col-masonry > div
{
    height: 100%;
    overflow: auto;
    margin: 1px;
}

.portfolio .col-masonry .mask > div
{
    padding-bottom: 75px;
}

.portfolio .col-masonry .mask p
{
    margin: 0 5% 0 5%;
}

.portfolio .col-masonry .left
{
    bottom: 15%;
    right: 51%;
}

.portfolio .col-masonry .right
{
    bottom: 15%;
    left: 51%;
}

/* ------------------- */

.portfolio .col-gallery
{
    /* home
    width: 262px;
    float:left;
    margin-bottom: 20px;
    */
    padding: 0 15px 0 15px;
}

.portfolio .col-gallery > div
{
    height: 180px;
}

.portfolio .col-gallery .mask > div
{
    top: 30px;
    bottom: auto;
    background: none;
}

.portfolio .col-gallery .mask p
{
    margin: 0 5% 0 5%;
}

.portfolio .col-gallery .mask .g-icon
{
    width: 45px;
    height: 45px;
    line-height: 42px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    margin-top: 25px;
}

.portfolio .col-gallery .mask h3
{
    font-size: 1.1em;
}

/* ------------------- */

.portfolio .col-related
{
    padding: 0 15px 0 15px;
}

.portfolio .col-related > div
{
    height: 180px;
}

.portfolio .col-related .mask > div
{
    padding-bottom: 75px;
}

.portfolio .col-related .mask p
{
    margin: 0 5% 0 5%;
}

.portfolio .col-related .mask .g-icon
{
    width: 45px;
    height: 45px;
    line-height: 42px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    margin-top: 25px;
}

.portfolio .col-related .mask h3
{
    font-size: 1.1em;
}

.portfolio .col-related .left
{
    bottom: 15%;
    right: 51%;
}

.portfolio .col-related .right
{
    bottom: 15%;
    left: 51%;
}

/*
    ###########################################################################
    ###########################################################################
*/


/*  project
    ###########################################################################
*/

.project-video
{
    width: 100%;
    height: 1007px;
    position: relative;
    margin-bottom: 140px;
    background: #fff url(../images/video-project.jpg) center top no-repeat;
}

.project-video > div
{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0!important;
}

.project
{
    position: relative;
}

.project > h3
{
    font-size: 1.5em;
    font-style: italic;
    margin-bottom: 50px;
    margin-left: 15px;
}

.project > h3 span
{
    padding-right: 22px;
    margin-right: 22px;
}

.project .g1
{
    margin-bottom: 87px;
    width: 100%;
    padding: 0 15px 0 15px;
}

.project .carousel
{
    margin: 0 15px 0 15px;
}

.project .g1 article
{
    
}

.project .g1 article .c1
{
    float: left;
    width: 45%;
}

.project .g1 article .c1 img
{
    width: 100%;
}

.project .g1 article .c2
{
    float: left;
    width: 55%;
}

.project .g1 article .c2 > div
{
    padding-left: 30px;
}

.project .g1 article .c2 h3
{
    font-size: 1.2em;
    font-style: italic;
    margin-bottom: 50px;
}

.project .g1 article .c2 h3 span
{
    padding-right: 22px;
    margin-right: 22px;
}

.project .g1 article .c2 p
{
    font-style: italic;
}

.project .g1 article .social-icons
{
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: none;
}

/* ------------------- */

.project .g1 .owl-controls
{
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 10000;
}

.project .g1 .owl-controls .owl-buttons
{
    display: block;
    width: 106px;
}

.project .g1 .owl-controls .owl-buttons div
{
    width: 13px;
    height: 20px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;
    margin: 10px 20px 0 20px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.project .g1 .owl-controls .owl-buttons div:nth-of-type(1)
{
    background-image: url(../images/arrow-1-back.png);
}


.project .g1 .owl-controls .owl-buttons div:nth-of-type(2)
{
    background-image: url(../images/arrow-1-next.png);
    margin-left: 6px;
}

.project .g1 .owl-controls .owl-buttons div:hover
{
    opacity: 1;
}

/* ------------------- */

.project .details
{
    position: relative;
    margin-top: 139px;
    margin-bottom: 99px;
}

.project .details article
{
    float: left;
    width: 25%;
    font-style: italic;
}

.project .details article > div
{
    padding: 18px;
}

.project .details article h3
{
    font-size: 1.2em;
    letter-spacing: -0.01em;
    margin-bottom: 20px;
}

.project .details article h3 span
{
    padding-right: 22px;
    margin-right: 22px;
}

.project .details article h4
{
    font-size: 0.9em;
    line-height: 2em;
    margin: 0;
    font-weight: 900;
}

.project .details article h4 span
{
    font-weight: 400;
}

.project .details article .tags
{
    padding-top: 40px;
}

.project .details article .tags a
{
    display: inline-block;
    font-size: 0.9em;
    letter-spacing: -0.01em;
    margin-right: 4px;
    line-height: 1em;
    padding: 4px 6px 4px 6px;
    margin-bottom: 6px;
}

.project .details article p
{
}

.project .details article textarea
{
    width: 96%;
    margin: 0;
    padding: 2%;
    font-size: 0.9em;
    font-style: italic;
    color: #9b9b9b;
    height: 83px;
    margin-top: 24px;
}

.project .details article button
{
}

/*
    ###########################################################################
    ###########################################################################
*/



/*  blog
    ###########################################################################
*/


.blog
{
}

.blog .c1
{
    width: 70.5%;
    margin-left: 1.5%;
    float: left;
}

.blog .c1 > div
{
    padding: 0;
    position: relative;
}

.blog .c1 .post-open-itens
{
    width: 94%;
    margin-left: 0%;
    margin-right: 6%;
}

.blog .c2
{
    width: 26%;
    margin-right: 2%;
    float: left;
}

.post
{
    position: relative;
    margin-bottom: 105px;
    width: 94%;
    margin-left: 0%;
    margin-right: 6%;
}

.post > img
{
    width: 100%;
}

.post p img
{
    width: 100%;
}

.post .title
{
    margin-bottom: 26px;
}

.post h3
{
    font-style: italic;
}

.post .title h3
{
    font-size: 0.85em;
    letter-spacing: 0.04em;
    font-style: normal;
    margin: 0;
}

.post .title h3 a
{
    color: #b2b2b2;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
}

.post .title h3 span
{
    font-size: 1.4em;
    padding-right: 22px;
    margin-right: 22px;
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 0;
}

.post .title .date
{
    float: right;
}

.post .title .date a
{
    font-style: italic;
}

/* ------------------- */

.post .bt
{
    padding-top: 28px;
}

.post .bt .l
{
    float: left;
}

.post .bt .r
{
    float: right;
    padding-top: 26px;
}

.post .bt .r > div
{
    float: left;
}

.post .bt .social-post
{
    padding-right: 14px;
    margin-right: 14px;
}

/* ------------------- */

.post .post-slider
{
    width: 100%;
    margin-bottom: 28px;
}

/* ------------------- */

.post-video
{
    width: 100%;
    height: 426px;
    position: relative;
    margin-bottom: 28px;
}

.post-video > div
{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0!important;
}

.post-video .vimeo iframe
{
    width: 100%;
    height: 100%;
}

.post-video-2
{
    width: 100%;
    height: 186px;
    position: relative;
}

.post-video-2 .vimeo iframe
{
    width: 100%;
    height: 100%;
}

.post-video-2 > div
{
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin: 0!important;
}

/* ------------------- */

.post .text-l
{
    float: left;
    width: 35%;
}

.post .text-l > div
{
    padding-right: 35px;
}

.post .image-r
{
    float: left;
    width: 65%;
}

.post .image-r img
{
    width: 100%;
}

/* ------------------- */

.post.p-audio
{
    background-color: #f5f5f5;
    padding: 34px;
}

.post.p-audio .title
{
}

.post.p-audio .text-l
{
    float: left;
    width: 75%;
}

.post.p-audio .image-r
{
    float: left;
    width: 25%;
}


/* ------------------- */


.post .g1 .owl-controls
{
    display: block;
    position: absolute;
    top: 49%;
    z-index: 10000;
    left: 0;
    width: 100%;
}

.post .g1 .owl-controls .owl-buttons
{
    display: block;
}

.post .g1 .owl-controls .owl-buttons div
{
    width: 13px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
}

.post .g1 .owl-controls .owl-buttons div:nth-of-type(1)
{
    background-image: url(../images/arrow-1-back.png);
    left: 25px;
}


.post .g1 .owl-controls .owl-buttons div:nth-of-type(2)
{
    background-image: url(../images/arrow-1-next.png);
    right: 25px;
}

.post .g1 .owl-controls .owl-buttons div:hover
{
    opacity: 1;
}


/* ------------------- */

.blog .author
{
    padding: 30px;
}

.blog .author .author-min
{
    float: left;
    width: 10%;
}

.blog .author .author-min img
{
    width: 100%;
}

.blog .author .author-data
{
    float: left;
    width: 90%;
}

.blog .author .author-data > div
{
    padding-left: 15px;
}

.blog .author .author-data h2
{
    font-size: 1.2em;
    margin: 0;
    font-weight: 900;
}

.blog .author .author-data h3
{
    color: #bbb;
}

.blog .author .author-data span
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    margin-bottom: 15px;
    display: block;
}

.blog .author .author-data h3
{
    font-size: 1em;
    margin: 0;
    font-weight: 900;
    font-style: italic;
}

.blog .author
{
    color: #fff;
}

.blog .author .author-data h2 a
{
    color: #fff;
}

.blog .author .author-data p a
{
    color: #fff;
    font-weight: 700;
    font-style: italic;
}

.blog .author .author-data p a:hover
{
    color: #fff;
}


.blog .comments .author
{
    color: #777;
}


/* ------------------- */

.blog .post-nav
{
    background-color: #222;
    clear: both;
    padding: 0 15px 0 15px;
	
}

.blog .post-nav a
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #fff;
    line-height: 57px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog .post-nav a:hover
{
    color: #777;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog .post-nav .back
{
    float: left;
}

.blog .post-nav .next
{
    float: right;
}

.blog .post-nav i
{
    font-size: 18px;
    vertical-align: middle;
    margin: 0 15px 0 15px;
}

/* ------------------- */

.blog .comments
{
    clear: both;
    margin-top: 60px;
    
}

.blog .comments .author
{
    background-color: #fff;
    padding: 0 0 25px 30px;
}

.blog .comments > h2
{
    font-size: 1.2em;
    font-style: italic;
    margin-bottom: 30px;
}

.blog .comments .author-data > div
{
    padding-left: 15px;
}

.blog .comments .author-data span
{
    color: #c0bfbf;
    margin-top: 10px;
}

.blog .comments .t-r
{
    text-align: right;
}

.blog .comments .reply
{
    padding-left: 120px;
}


/* ------------------- */

.form-1
{
    margin-top: 50px;
    margin-bottom: 105px;
}

.form-1 h3
{
    font-size: 1.3em;
    font-style: italic;
    margin-bottom: 15px;
}

.form-1 input
{
    border: solid 1px #d9d9d9;
    height: 39px;
    line-height: 39px;
    padding-left: 2%;
    width: 32.3%;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    color: #9b9b9b;
    font-style: italic;
}

.form-1 .input-center
{
    margin-left: 1.5%;
    margin-right: 1.5%;
}

.form-1 textarea
{
    border: solid 1px #d9d9d9;
    width: 100%;
    height: 172px;
    padding: 2%;
    margin-top: 10px;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    color: #9b9b9b;
    font-style: italic;
}

.form-1 .btn
{
    padding-bottom: 26px;
    background-color: #fff;
    color: #9b9b9b;
    border: solid 1px #d9d9d9;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.form-1 .t-r
{
    text-align: right;
}

/*
    ###########################################################################
    ###########################################################################
*/


/*  blog-2
    ###########################################################################
*/


.blog-2
{
    width: 100%;
    margin: 0 auto;
}


.post-2
{
    width: 262px;
    float:left;
    height: 407px;
    position: relative;
    margin-bottom: 79px;
    
    /*
    width: 23%;
    margin: 0 1% 79px 1%;
    */
}

.post-2 > div
{
    width: 100%;
}

.post-2 > div > img
{
    width: 100%;
}

.post-2 .t-up
{
    margin: 15px 0 10px 0;
}

.post-2 .t-up h4
{
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
    font-size: 1.1em;
    font-style: italic;
    line-height: 1em;
    margin: 0;
}

.post-2 .t-up > div
{
    float: left;
}

.post-2 .t-up > div p
{
    line-height: 1em;
    margin: 0;
}

.post-2 .t-up .l
{
    padding-right: 14px;
}

.post-2 .t-up .r
{
    padding-left: 14px;
}

.post-2 .t-down
{
    position: absolute;
    width: 100%;
    bottom: 0;
}

.post-2 .t-down > div
{
    float: left;
}

.post-2 .t-down > div p
{
    margin: 0;
}


.post-2 .t-down .l
{
    padding-right: 14px;
}

.post-2 .t-down .r
{
    padding-left: 14px;
}

.post-2 .d
{
    font-size: 0.85em;
    letter-spacing: 0.04em;
    color: #b2b2b2;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    line-height: 1em;
}

.post-2 .image
{
    width: 100%;
    height: 181px;
    overflow: hidden;
    position: relative;
}

.post-2 .image > img
{
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
}

.post-2 .image:hover > img
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.post-2 .image .mask
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    background: url(../images/black-40.png);
    text-align: center;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.post-2 .image .mask .btn
{
    margin-top: 5.8em;
    background-color: #252525;
    color: #fff;
}

.post-2 .image .mask p
{
    width: 45px;
    height: 45px;
    line-height: 43px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
    text-align: center;
}

.post-2 .image:hover .mask
{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


/* ------------------- */

.post-slider
{
    width: 100%;
    position: relative;
}

.post-slider img
{
    width: 100%;
}

.post-slider .owl-controls
{
    display: block;
    position: absolute;
    top: 49%;
    z-index: 10000;
    left: 0;
    width: 100%;
}

.post-slider .owl-controls .owl-buttons
{
    display: block;
}

.post-slider .owl-controls .owl-buttons div
{
    width: 13px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;
    margin: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
}

.post-slider .owl-controls .owl-buttons div:nth-of-type(1)
{
    background-image: url(../images/arrow-1-back.png);
    left: 15px;
}


.post-slider .owl-controls .owl-buttons div:nth-of-type(2)
{
    background-image: url(../images/arrow-1-next.png);
    right: 15px;
}

.post-slider .owl-controls .owl-buttons div:hover
{
    opacity: 1;
}

/* ------------------- */


.post-2.p-audio2
{
    background-color: #f5f5f5;
}

.post-2.p-audio2 > div
{
    padding: 13px 20px 0 20px;
}

.post-2.p-audio2 .t-down
{
    bottom: 13px;
}

.post-2 audio
{
    width: 100%;
}

/*
    ###########################################################################
    ###########################################################################
*/


/*  SIDEBAR
    ###########################################################################
*/

.sidebar > div > div
{
    margin-bottom: 57px;
}

.sidebar h3
{
    margin: 0;
    font-size: 1.3em;
    padding: 0;
    font-style: italic;
}

.sidebar h3 span
{
    padding-right: 22px;
    margin-right: 22px;
}

.sidebar ol
{
    padding: 20px 0 25px 0;
}

.sidebar ol li
{
    display: block;
}

.sidebar .cat a
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    font-style: italic;
    line-height: 50px;
    color: #c9c7c7;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.sidebar .posts
{
    margin: 20px 0 20px 0;
}

.sidebar .posts li
{
    margin-bottom: 11px;
}

.sidebar .posts a
{
    font-style: italic;
    color: #777;
}

.sidebar .posts .p-tumb
{
    width: 73px;
    height: 73px;
    float: left;
    margin: 0 25px 0 0;
    overflow: hidden;
}

.sidebar .posts .p-tumb img
{
    width: 100%;
}

.sidebar .posts .p-text
{
}

.sidebar .posts .p-text p
{
    margin: 0;
}

.sidebar .posts .p-text h3
{
    font-style: normal;
    font-size: 1em;
}

.sidebar .posts .p-text span
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #b2b2b2;
}

.sidebar .posts .prod p
{
    font-size: 1em;
    font-style: italic;
}

.sidebar .posts .prod p i
{
    color: #ffd632;
}

.sidebar .test
{
    color: #fff;
}

.sidebar .test > div
{
    padding: 40px 20px 20px 20px;
    position: relative;
}

.sidebar .test .texts
{
    position: relative;
    height: 90px;
}

.sidebar .test .texts > div
{
    position: absolute;
    width: 100%;
    top: 0;
    height: 90px;
    z-index: 8;
}

.sidebar .test .texts > div.active_ {
    z-index:10;
}

.sidebar .test .texts > div.last-active_ {
    z-index:9;
}

.sidebar .test h3
{
    color: #fff;
    font-size: 3em;
    margin: 0;
    line-height: 1px;
    font-style: normal;
}

.sidebar .test p
{
    font-style: italic;
    margin-top: 0;
}

.sidebar .test span
{
    font-size: 0.85em;
    line-height: 3em;
}

.sidebar .test button
{
    float: right;
    margin-left: 10px;
    font-size: 2em;
    background-color: transparent;
    vertical-align: middle;
}

.sidebar .tags
{
    margin-top: 20px;
    padding: 28px 20px 28px 20px;
}

.sidebar .tags a
{
    display: inline-block;
    font-size: 0.9em;
    letter-spacing: -0.01em;
    margin-right: 4px;
    line-height: 1em;
    padding: 4px 6px 4px 6px;
    margin-bottom: 6px;
}

.sidebar .newsletter h3
{
    margin-bottom: 22px;
}

.sidebar .color
{
    padding: 28px 20px 28px 20px;
}

.sidebar .twitter
{
    color: #fff;
    position: relative;
}

.sidebar .twitter .fa
{
    position: absolute;
    top: 28px;
    right: 20px;
    font-size: 2em;
}


/* ------------------- */

.sidebar .calendar
{
}

.sidebar .calendar .ctrl
{
    position: relative;
    background: #000;
    color: #fff;
}

.sidebar .calendar .ctrl button
{
    position: absolute;
    border: none;
    background: #000;
    top: 0;
    font-size: 1.8em;
}

.sidebar .calendar .ctrl .l
{
    left: 65px;
}

.sidebar .calendar .ctrl .r
{
    right: 65px;
}

.sidebar .calendar .ctrl span
{
    display: block;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 33px;
    text-align: center;
}

.sidebar .calendar .month
{
    padding: 15px 28px 15px 28px;
    text-align: center;
}

.sidebar .calendar .month a
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    line-height: 2em;
    color: #c0bfbf;
    text-align: center;
    margin: 0 12px 0 12px;
}

.sidebar .calendar .month .selected
{
    color: #000;
    font-weight: 900;
}

/* ------------------- */

.sidebar .instagram > div
{
    text-align: center;
    margin-top: 26px;
    margin-bottom: 15px;
}

.sidebar .instagram img
{
    width: 100%;
}

/* ------------------- */

.sidebar .search
{
    
}

.sidebar .search .s
{
    
}

.sidebar .search .s input
{
    line-height: 43px;
    height: 43px;
    margin: 0;
    padding: 0 0 0 6%;
    color: #fff;
    border: none;
    width: 84%;
    vertical-align: middle;
    background-color: transparent;
    font-style: italic;
}

.sidebar .search .s button
{
    line-height: 43px;
    height: 43px;
    margin: 0;
    color: #fff;
    border: none;
    font-size: 1.5em;
    width: 10%;
    vertical-align: middle;
    background-color: transparent;
    text-align: center;
}

/* ------------------- */

.sidebar .s-car
{
    position: relative;
}

.sidebar .s-car .s
{
    border: solid 1px #000;
}

.sidebar .s-car .s b
{
    display: inline-block;
    line-height: 43px;
    vertical-align: middle;
    width: 84%;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    font-style: italic;
    padding: 0 0 0 6%;
}

.sidebar .s-car .s b span
{
    font-style: normal;
    margin-left: 18px;
    font-weight: 900;
}

.sidebar .s-car .s a
{
    display: inline-block;
    line-height: 43px;
    font-size: 1.5em;
    width: 10%;
    vertical-align: middle;
    text-align: center;
}

.sidebar .s-car ul
{
    position: absolute;
    color: #fff;
    margin: 0;
    padding: 18px 12px 18px 12px;
    width: 100%;
    top: 100%;
    left: 0;
    list-style: none;
    background-color: #000;
    font-style: italic;
    display: none;
}

.sidebar .s-car ul li
{
    padding: 4px;
}

.sidebar .s-car ul li p
{
    margin: 0;
}

.sidebar .s-car ul li > div
{
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden;
    margin: 0 8px 8px 0;
}

.sidebar .s-car ul li > div img
{
    width: 100%;
}

.sidebar .s-car:hover ul
{
    display: block;
}

/* ------------------- */

.sidebar .filters h3
{
    margin-bottom: 44px;
}

.sidebar .filters p
{
    text-align: right;
    margin: 0;
}

.sidebar .filters button
{
    margin-top: 0;
}

/* ------------------- */

.sidebar .save > div
{
    text-align: center;
    position: relative;
}

.sidebar .save a
{
    position: absolute;
    display: block;
    width: 80%;
    background: url(../images/black-55.png);
    color: #fff;
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
    font-size: 3em;
    font-style: italic;
    padding: 25px 0 25px 0;
    top: 34%;
    left: 50%;
    margin-left: -40%;
}

.sidebar .save img
{
    width: 100%;
}

/*
    ###########################################################################
    ###########################################################################
*/


/*  CONTACT
    ###########################################################################
*/

.contact
{
    padding-bottom: 84px;
}

.contact .c1
{
    width: 50%;
    float: left;
}

.contact .c1 > div
{
    padding: 0 15px 0 15px;
}

.contact .c2
{
    width: 50%;
    float: left;
}

.contact .c2 > div
{
    padding: 0 15px 0 15px;
}

.contact .text
{
    height: 95px;
    font-style: italic;
}

.contact .c2 h3
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    margin: 0 0 5px 0;
    padding: 0;
    color: #777;
    line-height: 1.5em;
}

.contact .c2 h3 a
{
    color: #777;
}

.contact .c2 h3 i
{
    margin-right: 8px;
    font-size: 1.5em;
    width: 20px;
}

.contact .c1 input
{
    border: solid 1px #d9d9d9;
    width: 98%;
    height: 39px;
    line-height: 39px;
    padding-left: 2%;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    color: #9b9b9b;
    font-style: italic;
}

.contact .c1 .m
{
    width: 70%;
}

.contact .c1 textarea
{
    border: solid 1px #d9d9d9;
    width: 98%;
    height: 172px;
    padding: 2%;
    margin-top: 0;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    color: #9b9b9b;
    font-style: italic;
}

.contact .c1 .t-r
{
    width: 98%;
    text-align: right;
}

.contact .c1 .btn
{
    margin-top: 0;
}

.contact .h
{
    padding-top: 98px;
    padding-bottom: 28px;
}

.contact .h .t
{
    float: left;
}

.contact .h .t h2
{
    padding-right: 22px;
    line-height: 0.8em;
    font-size: 1.8em;
    margin: 0;
}

.contact .c2 .h
{
    text-align: right;
}

.contact .h .l1
{
    display: block;
    font-family: 'Libre Baskerville' , serif;
    font-weight: 400;
    font-size: 0.9em;
    font-style: italic;
    letter-spacing: -0.06em;
    margin: 0;
}


#map_canvas
{
    width: 100%;
    height: 566px;
}

/*
    ###########################################################################
    ###########################################################################
*/


/* isotope styles */

.isotope {
  max-width: 1920px;
  margin: 0 auto;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

.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;
	}