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

    [Master Stylesheet]

    Project: Kiev Theme
    Version: 1.0
    Last change: 20/09/14

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

/* Fonts */

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

@import url(https://fonts.googleapis.com/css?family=Oswald:sans-serif);

/* Poppins */
@import url(https://fonts.googleapis.com/css?family=Poppins);

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


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

    [Table of contents]

    1. Body

    2. Header / .header-01

    3. Navigation / .nav-area, .nav-area-mobile

    4. Section / .section-area

    5. Portfolio / .portfolio, .h-portfolio

    6. Portfolio item / .col-2, .col-4, .col-masonry, .col-gallery, .col-related

    7. Columns / .c1, .c2, .c3

    8. Left column / .c1

    9. Center column / .c1, .c2

    10. Right column / .c2, .c3

    11. Sidebar / .sidebar

    12. Search / .search-1

    13. Footer / .footer

    14. Social icons / .social

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


html, body
{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Poppins' , sans-serif;
    -webkit-font-smoothing: antialiased;
}

body
{
    overflow-x: hidden;
}

section
{
    background-size: cover;
}

::selection
{
    color: white;
}

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

.btn {
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.95em;
    letter-spacing: 0.08em;
    color: #9b9b9b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #f5f5f5;
    padding: 14px 38px 14px 38px;
    border: solid 1px #9b9b9b;
    vertical-align: top;
    margin-left: 40px;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.btnc {
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.95em;
    letter-spacing: 0.08em;
    color: #9b9b9b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #f5f5f5;
    padding: 14px 38px 14px 38px;
    border: solid 1px #9b9b9b;
    vertical-align: top;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

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

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;
}
	
/* ------------------- */
	
.load-more
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #d9d9d9;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    padding: 20px 38px 20px 38px;
    border: solid 1px #d9d9d9;
    margin: 0 auto;
    display: block;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.load-more:hover
{
    color: #fff;
    background-color: #000;
    
    -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;
}

.load-more-area .load-more
{
    width: 70%;
}

	

/* Kiev Styles */


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

.header-01
{
    border-top: solid 10px #fff;
    background-color: #fff;
}

.header-01 > div
{
    position: relative;
    padding-bottom: 5px;
}

.header-01 .c1
{
    float: left;
    width: 218px;
}

.header-01 .c1b
{
    padding-top: 38px;
}

.header-01 .c1 img
{
    width: 100%;
}

.header-01 .c2
{
    float: right;
    margin-top: 28px;
}

.header-01 .c2b
{
    margin-top: 0;
}

.header-01 .c2 a
{
    border: none;
    font-family: 'Poppins' , serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
    font-size: 1em;
    vertical-align: middle;
    padding: 2px 0 0 0;
}
.header-01 .c2 a.actief
{
    color: #cd944e;
}

.header-01 .c2 .nav > li
{
    margin: 0 25px 0 0;
    line-height: 31px;

}

.header-01 .c2 .nav > li > a:hover
{
    background: none;
    color: #cd944e;
}

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

.header-01 .c2 .border-1
{
    border-top: solid 3px #464646;
}

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

.header-01 .nav-area .dropdown ul li
{
    margin: 0;
    background-color: #222;
}

.header-01 .nav-area .dropdown ul li a
{
    padding: 5px 21px 5px 21px;
    line-height: 2em;
    color: #fff;
    font-size: 1em;
}

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

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

.header-01 form
{
    margin: 0;
    padding: 0;
}

.header-01 input, button
{
    line-height: 31px;
    margin: 0;
    padding: 0;
    background: #222;
    border: none;
}

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

.header-01 .search-1
{
    line-height: 31px;
    border-right: solid 1px #464646;
}

.header-01 .search-1 div
{
    border-left: solid 1px #464646;
}

.header-01 .search-1 input
{
    width: 0;
    line-height: 34px;
    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-01 .search-1 button
{
    width: 59px;
    color: #fff;
}

.header-01 .search-1 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-01 .search-2
{
    line-height: 31px;
    border-right: solid 1px #464646;
    margin-top: 38px;
    margin-bottom: 10px;
    text-align: right;
    float: right;
    width: 70%;
}

.header-01 .search-2 input
{
    border: solid 1px #464646;
    background-color: #fff;
}

.header-01 .search-2 div
{
}

.header-01 .search-2 input
{
    width: 300px;
    line-height: 29px;
    font-size: 0.9em;
    padding-left: 17px;
    margin-right: 30px;
    
}

.header-01 .search-2 button
{
    width: 59px;
    color: #fff;
}

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

.header-01 .nav-area-mobile
{
    display: none;
    float: right;
    width: 80%;
}

.header-01 .nav-area-mobile p
{
    text-align: right;
    padding-right: 25px;
    line-height: 1em;
    font-size: 2em;
    margin: 0;
	color: #cd944e;
}

.header-01 .nav-area-mobile ol
{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    display: none;
    text-align: center;
    background: #fff;
    border-top: 1px solid black;
    padding: 10px;
    z-index: 9999999;
}

.header-01 .nav-area-mobile ol li
{
    line-height: 2em;
}

.header-01 .nav-area-mobile .close-menu
{
    background-color: #ddd;
}

.header-01 .nav-area-mobile .close-menu a
{
    color: #222;
}

/*
.header-01 .nav-area-mobile:hover ol
{
    display: block;
}
*/

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


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

.carousel-inner .item .mask
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../arrows/trans-1.png);
}

.carousel-inner .videoo
{
    margin-top: -400px;
}

.carousel-caption
{
    bottom: 15%;
}

.carousel-caption h3
{
    font-style: normal;
    font-size: 5.2em;
}

.carousel-caption p
{
    width: 465px;
    margin: 0 auto;
    margin-bottom: 35px;
}

.carousel-caption .read-more
{
    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;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.carousel-caption .read-more:hover
{
    color: #222;
    background-color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

.home-section-1
{
    background-color: #f5f5f5;
    border-top: solid 6px #eee;
}

.home-section-1 > div
{
    padding-top: 72px;
    padding-bottom: 32px;
}

.home-section-1 article
{
    width: 25%;
    float: left;
    text-align: center;
    color: #000;
    margin-bottom: 28px;
}

.home-section-1 article a
{
    display: block;
    width: 100px;
    height: 100px;
    
    line-height: 100px;
    font-size: 25px;
    margin: 0 auto;
    color: #d9d9d9;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.home-section-1 menu
{
    width: 25%;
    float: left;
    text-align: center;
    color: #000;
    margin-bottom: 28px;
}

.home-section-1 menu a
{
    display: block;
    
    height: 100px;
    margin: 0 auto;
    
    line-height: 100px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.home-section-1 menu h3
{
    font-weight: 400;
    font-size: 1.1em;
    margin: 0 0 0.7em 0;
    padding-top: 50px;
    color: black;
}

.home-section-1 menu h3 a
{
    font-weight: 400;
    font-size: 1.1em;
    margin: 0 0 0.7em 0;
    padding-top: 50px;
    color: black;
}

.home-section-1 article p
{
    /*font-size: 1em;*/
    color: #5e5e5e;
    margin: 0 25px 0 25px;
}

.home-section-1 article:hover a
{
   
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.home-section-1 article:hover a i
{
    color: #000;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

.h-albums
{
}

.h-albums > div
{
    text-align: center;
    padding-top: 90px;
    padding-bottom: 89px;
}

.h-albums h2
{
    font-size: 3em;
}

.h-albums > div p
{
    /*font-size: 1em;*/
    color: #777;
    width: 444px;
    margin: 0 auto;
}

.h-albums .b-gal
{
    margin-top: 48px;
    position: relative;
    
}

.h-albums .b-gal article
{
}

.h-albums .b-gal article > div
{
    margin: 15px;
    border: solid 1px #ddd;
}

.h-albums .b-gal article .art-img
{
    width: 100%;
    height: 195px;
    overflow: hidden;
    position: relative; /*line-height: 0.01em;*/
}

.h-albums .b-gal article .art-img img
{
    width: 100%;
}

.h-albums .b-gal article .art-img .mask
{
    position: absolute;
    top: 195px;
    left: 0;
    width: 100%;
    height: 195px;
    background: url(../arrows/trans-2.png);
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.h-albums .b-gal article .art-img .mask a
{
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 5.5em;
}

.h-albums .b-gal article .art-img .mask p
{
    width: 45px;
    height: 45px;
    border: solid 1px #fff;
    line-height: 43px;
    font-size: 20px;
    margin: 0 auto;
    color: #fff;
}

.h-albums .b-gal article:hover .art-img .mask
{
    top: 0;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-albums .b-gal article h3
{
    font-size: 1.1em;
    margin: 0;
    padding-top: 20px;
}

.h-albums .b-gal article .btns
{
    padding: 8px 0 10px 0;
}

.h-albums .b-gal article .btns a
{
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #000;
    background-color: #fff;
    width: 38%;
    margin: 3%;
    padding: 10px 0 10px 0;
    border: solid 1px #ddd;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-albums .b-gal article .btns a:hover
{
    color: #fff;
    background-color: #000;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

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

.h-Highlight > div
{
    background: url(../images/home-01.jpg) no-repeat;
    background-position: center 71px;
    background-size: 65% auto;
}

.h-Highlight .c1
{
    float: left;
    width: 25%;
    padding-top: 164px;
}

.h-Highlight .c3
{
    float: left;
    width: 25%;
    padding-top: 164px;
}

.h-Highlight .c2
{
    float: left;
    width: 50%;
    text-align: center;
}

.h-Highlight .c2 img
{
    margin-top: 80px;
    width: 80%;
}





.h-Highlight .c1 article
{
    text-align: right;
    position: relative;
    margin-bottom: 35px;
}

.h-Highlight .c1 article span
{
    display: block;
    position: absolute;
    font-family: 'Oswald' , serif;
    font-weight: 400;
    font-size: 3.8em;
    color: #000;
    top: 0;
    left: 0;
    border-left: solid 1px #ddd;
    line-height: 1em;
    padding-left: 8px;
}

.h-Highlight .c1 article > div
{
    margin-top: 24px;
}

.h-Highlight .c1 article .icon
{
    width: 58px;
    height: 58px;
    border: solid 1px #d9d9d9;
    line-height: 58px;
    font-size: 25px;
    margin: 0 auto;
    float: right;
    text-align: center;
    margin-top: 24px;
    margin-left: 11px;
    margin-bottom: 10px;
    color: #d9d9d9;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.h-Highlight .c1 article:hover .icon
{
    border: solid 1px #000;
    color: #000;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}



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


.h-Highlight .c3 article
{
    text-align: left;
    position: relative;
    margin-bottom: 35px;
}

.h-Highlight .c3 article span
{
    display: block;
    position: absolute;
    font-family: 'Oswald' , serif;
    font-weight: 900;
    font-size: 3.8em;
    color: #000;
    top: 0;
    right: 0;
    border-right: solid 1px #ddd;
    line-height: 1em;
    padding-right: 8px;
}

.h-Highlight .c3 article > div
{
    margin-top: 24px;
}

.h-Highlight .c3 article .icon
{
    width: 58px;
    height: 58px;
    border: solid 1px #d9d9d9;
    line-height: 58px;
    font-size: 25px;
    margin: 0 auto;
    float: left;
    text-align: center;
    margin-top: 24px;
    margin-right: 11px;
    margin-bottom: 10px;
    color: #d9d9d9;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-Highlight .c3 article:hover .icon
{
    border: solid 1px #000;
    color: #000;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}




.h-Highlight article h3
{
    font-size: 1.4em;
    color: #000;
    margin: 0 0 8px 0;
    padding-top: 20px;
}

.h-Highlight article p
{
    color: #777;
}


.h-Highlight .rb
{
    clear: both;
    padding-top: 160px;
    padding-bottom: 105px;
    text-align: center;
}

.h-Highlight .rb h3
{
    font-size: 3em;
    color: #000;
    font-style: normal;
}

.h-Highlight .rb p
{
    color: #777;
    width: 444px;
    margin: 0 auto;
}

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


.h-testimonials
{
    background: url(../images/home-06.jpg) center top no-repeat;
}

.h-testimonials .arrows
{
    text-align: center;
    padding: 45px 0 45px 0;
}

.h-testimonials .arrows button
{
    color: #fff;
    border: none;
    cursor: pointer;
    background: transparent;
    font-size: 2.5em;
    line-height: 1em;
    margin: 4px;
}

.h-testimonials .texts
{
    border: solid 1px #fff;
    height: 136px;
    position: relative;
}

.h-testimonials .texts h2
{
    text-align: center;
    font-size: 2.1em;
    color: #fff;
    font-style: normal;
    margin: 0;
    padding-top: 35px;
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    margin-left: -50%;
}

.h-testimonials .texts .on
{
    display: block;
}

.h-testimonials .test
{
}

.h-testimonials .test article
{
    width: 25%;
    float: left;
    height: 292px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.h-testimonials .test .on
{
    color: #fff;
    background: url(../arrows/arrow-down.png) center top no-repeat;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-testimonials .test .off
{
    color: #444;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-testimonials .test span
{
}

.h-testimonials .test h3
{
    font-size: 1.1em;
}

.h-testimonials .test p
{
    margin: 0 15px 0 15px;
}

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

.h-blog
{
}

.h-blog > div
{
    height: 758px;
    text-align: center;
    padding-top: 68px
}

.h-blog > div > h2
{
    font-size: 3em;
    color: #000;
}

.h-blog > div > p
{
    color: #777;
    margin: 0 auto;
    width: 444px;
    margin-bottom: 45px;
}

/* -- */

.h-blog .owl-controls
{
    display: block;
    width: 100%;
    height: auto;
    margin-top: 35px;
    text-align: center;
    margin-bottom: 100px;
}

.h-blog .owl-controls .owl-buttons
{
    display: block;
    width: 106px;
    position: absolute;
    left: 50%;
    margin-left: -43px;
}

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

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


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

.h-blog .owl-controls .owl-buttons div:hover
{
    opacity: 1;
}

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

.h-portfolio
{
    text-align: center;
    padding-top: 94px;
    padding-bottom: 50px;
}

.h-portfolio h2
{
    font-size: 3em;
}

.h-portfolio > p
{
    width: 444px;
    margin: 0 auto;
    color: #777;
}

.h-portfolio .portfolio-menu
{
    margin-top: 50px;
}

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

.h-kiev
{
    background: url(../images/home-11.jpg) center top no-repeat;
}

.h-kiev > div
{
    padding: 184px 0 184px 0;
}

.h-kiev .texts
{
    border: solid 1px #fff;
    position: relative;
    padding: 36px 0 36px 0;
}

.h-kiev .texts h2
{
    text-align: center;
    font-size: 3.8em;
    color: #fff;
    font-style: normal;
    margin: 0;
    
}

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

.h-contact
{
    
}

.h-contact-p
{
    padding-top: 94px;
}

.h-contact-p2
{
    padding-top: 5px;
}

.h-contact-mb
{
    margin-bottom: 100px;
}

.h-contact > h2
{
    font-size: 3em;
    text-align: center;
    margin-bottom: 35px;
}

.h-contact #map_canvas
{
    width: 100%;
    height: 422px;
}

.h-contact .c1
{
    float: left;
    width: 26%;
}

.h-contact .c1 > div
{
    padding-right: 20px;
}

.h-contact .c2
{
    float: left;
    width: 44%;
}

.h-contact .c3
{
    float: left;
    width: 66%;
}
.h-contact .c3 > div
{
    padding-right: 20px;
}
.h-contact .c3 h2
{
    font-size: 1.3em;
    font-style: normal;
    margin-bottom: 20px;
}

.h-contact .c2 > div
{
    padding-right: 20px;
}

.h-contact .c1 h2
{
    font-size: 1.3em;
    font-style: normal;
    margin-bottom: 20px;
}

.h-contact .c2 h2
{
    font-size: 1.3em;
    font-style: normal;
    margin-bottom: 20px;
}

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

.h-contact .c1 h3 i
{
    border: solid 1px #000;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    color: #000;
    margin-right: 8px;
    padding: 5px 0 0 5px;
}

.h-contact .c1 h4
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #000;
    margin: 20px 0 10px 0;
    padding: 13px 17px 13px 17px;
    border: solid 1px #d9d9d9;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-contact .c1 h4 a
{
    color: #a8a8a8;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-contact .c1 h4:hover
{
    color: #fff;
    background: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-contact .c1 h4:hover a
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-contact .c1 h4 i
{
    margin-right: 8px;
}

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

.h-contact .c2 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: normal;
}

.h-contact .c2 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: normal;
}

.h-contact .c2 input:focus
{
    border: solid 1px #000;
}

.h-contact .c2 textarea:focus
{
    border: solid 1px #000;
}

.h-contact .c2 .btn
{
    text-align: center;
    padding: 14px 35px 14px 35px;
    border: solid 1px #dcdcdc;
    margin-top: 35px;
    color: #9a9a9a;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 4px 2% 0 0;
    background-color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-contact .c2 .btn:hover
{
    color: #fff;
    background-color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-contact .t-r
{
    text-align: right;
}

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

.h-contact .c3 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: normal;
}

.h-contact .c3 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: normal;
}

.h-contact .c3 input:focus
{
    border: solid 1px #000;
}

.h-contact .c3 textarea:focus
{
    border: solid 1px #000;
}

.h-contact .c3 .btn
{
    text-align: center;
    padding: 14px 35px 14px 35px;
    border: solid 1px #dcdcdc;
    margin-top: 35px;
    color: #9a9a9a;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 4px 2% 0 0;
    background-color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.h-contact .c3 .btn:hover
{
    color: #fff;
    background-color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


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


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

.footer
{
    width: 100%;
}

.footer .buy
{
    text-align: center;
    padding: 74px 0 74px 0;
    background-color: #f5f5f5;
}

.footer .buy span
{
    font-family: 'Oswald' , serif;
    font-weight: 400;
    font-size: 2.2em;
    color: #000;
    font-style: normal;
}

.footer .buy .btn
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #9b9b9b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #f5f5f5;
    padding: 14px 38px 14px 38px;
    border: solid 1px #9b9b9b;
    vertical-align: top;
    margin-left: 40px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .buy .btn:hover
{
    color: #fff;
    background-color: #222;
    
    -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;
    color: #fff;
}

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

.footer .f-content .c1b
{
    float: left;
    text-align: left;
}

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

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

.footer .f-content .c1 .btn
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #9b9b9b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #222;
    padding: 14px 25px 14px 25px;
    border: solid 1px #9b9b9b;
    margin-top: 20px;
    font-style: normal;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .f-content .c1 .btn:hover
{
    color: #000;
    background-color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

.footer .f-content h2
{
    font-size: 1.2em;
    margin: 20px 0 24px 0;
}

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

.footer .f-content li a
{
    font-family: 'Oswald' , serif;
    color: #fff;
    font-style: normal;
}

.footer .f-content li a
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .f-content li a:hover
{
    color: #9b9b9b;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

.footer .f-content ol .post
{
    border: solid 1px #474747;
    padding: 6px 6px 6px 10px;
    margin: 0 45px 15px 0;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .f-content ol .post a
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    color: #fff;
    font-style: normal;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .f-content ol .post:hover
{
    background-color: #fff;
    color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .f-content ol .post:hover a
{
    color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .f-content .c1 > div > div 
{
    padding-top: 15px;
}

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

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

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

.footer .f-content .c1b p
{
    padding-top: 15px;
}

.footer .f-content .c1b li
{
    margin-right: 20px;
    float: left;
    display: block;
}

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

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

.footer .c1 h3
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #fff;
    margin: 0 0 30px 0;
    padding: 0;
}

.footer .c1 h3 i
{
    border: solid 1px #474747;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    color: #fff;
    margin-right: 8px;
    padding: 5px 0 0 5px;
}

.footer .c1 h4
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #fff;
    margin: 20px 0 10px 0;
    padding: 13px 17px 13px 17px;
    border: solid 1px #000;
    background: #000;
    display: inline;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .c1 h4 a
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .c1 h4:hover
{
    color: #222;
    background: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .c1 h4:hover a
{
    color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.footer .c1 h4 i
{
    margin-right: 8px;
}

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


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

.pg-title
{
    border-top: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    margin-top: 20px;
    margin-bottom: 50px;
}

.pg-title > div
{
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
}

.pg-title h1
{
    font-size: 3em;
    font-style: normal;
    margin: 0;
    color: #000;
}


.pg-titel
{
    border-top: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    margin-top: 1px;
    margin-bottom: 1px;
    text-align: center;
}

.pg-titel > div
{
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
}
.pg-titel h1
{
    font-size: 4em;
    font-style: normal;
    margin: 0;
    color: #000;
}
/*
    ###########################################################################
    ###########################################################################
*/


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

.about
{
}

.about-color
{
    background-color:#222;
}

.about > div
{
    padding: 40px 0 40px 0;
}

.about .c1
{
    float: left;
    width: 50%;
    position: relative;
}

.about .c1 > div
{
    padding: 10px 25px 80px 25px;
    text-align: center;
}

.about .c1 .br
{
    border: solid 1px #dcdcdc;
}

.about .c1 > div img
{
    width: 44%;
    margin: 2%;
}

.about .c1 h2
{
    font-size: 1.2em;
    font-style: normal;
    color: #000;
    text-align: center;
    margin: 20px 0 25px 0;
}

.about p
{
    color: #777;
}

.about .c1 .btn
{
    display: block;
    position: absolute;
    bottom: 20px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 110px;
    left: 50%;
    margin-left: -55px;
    border: solid 1px #dcdcdc;
    padding: 10px 0 10px 0;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    color: #9b9b9b;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    
}

.about .c1 .btn:hover
{
    color: #fff;
    background: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    
}

.about .cb1
{
    border: solid 1px #6d6d6d;
    width: 75%;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    padding: 8px;
}

.about .cb1 h2
{
    font-size: 2em;
    font-style: normal;
    margin-top: 20px;
}

.about .cb1 p
{
    color: #fff;
}

.about .c2
{
    float: left;
    width: 25%;
    position: relative;
    text-align: center;
}

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

.about .c2 h2
{
    font-size: 1.2em;
    font-style: normal;
    color: #000;
    text-align: center;
    margin: 0 0 25px 0;
}

.about .c3
{
    float: left;
    width: 33%;
    position: relative;
    text-align: center;
}

.about .c3 > div
{
    padding: 0 15px 0 15px;
}

.about .c3 h2
{
    font-size: 1.2em;
    font-style: normal;
    color: #000;
    text-align: center;
    margin: 0 0 25px 0;
}

.about .c6
{
    float: left;
    width: 50%;
    position: relative;
    text-align: center;
}

.about .c6 > div
{
    padding: 0 15px 0 15px;
}

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


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

.faq
{
}

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

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

.faq .c2
{
    width: 28%;
    float: left;
}

.faq .c1 article
{
    border: solid 1px #d9d9d9;
    width: auto;
    padding: 15px;
    background: #fff;
    color: #000;
    margin-bottom: 19px;
    cursor: pointer;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.faq .c1 article:hover
{
    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 .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 h2
{
    font-style: normal;
    font-size: 1.3em;
    margin: 0;
    line-height: 1em;
    padding: 0;
}

.faq .c1 article > div
{
    display: none;
    margin-top: 10px;
    margin-left: 35px;
}
.faq .c1 h5
{
    text-align: center;	
    font-family: 'Libre Baskerville' , serif;
    font-size: 1.1em;
    color: #000;	
    font-style: italic;
    margin: 0;
}
/*
    ###########################################################################
    ###########################################################################
*/


/*  Pricing Tables
    ###########################################################################
*/

.pricing
{
}

/* -- */

.pricing-gal .owl-controls
{
    display: block;
    width: 100%;
    height: auto;
    margin-top: 35px;
    text-align: center;
    margin-bottom: 100px;
}

.pricing-gal .owl-controls .owl-buttons
{
    display: block;
    width: 106px;
    position: absolute;
    left: 50%;
    margin-left: -43px;
}

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

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


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

.pricing-gal .owl-controls .owl-buttons div:hover
{
    opacity: 1;
}


.pricing-gal
{
    position: relative;
    margin-bottom: 84px;
}

.pricing-gal article
{
    float: left;
    
}

.pricing-gal article > div
{
    text-align: center;
    color: #000;
    border: solid 1px #d9d9d9;
    margin: 10px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing-gal article h2
{
    line-height: 84px;
    margin: 0;
    padding: 0;
    font-size: 1.3;
    font-style: normal;
    border-bottom: solid 1px #d9d9d9;
    color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing-gal article h3
{
    font-family: 'Source Sans Pro' , sans-serif;
    line-height: 70px;
    margin: 0;
    padding: 0;
    font-size: 1.3;
    border-bottom: solid 1px #d9d9d9;
    color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing-gal article h3 span
{
    font-size: 0.5em;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing-gal article p
{
    border-bottom: solid 1px #d9d9d9;
    padding: 15px 0 15px 0;
    margin: 0;
    color: #777;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing-gal article p span
{
    color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing-gal article > div > div
{
    padding: 29px 0 29px 0;
}

.pricing-gal button
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #9b9b9b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    padding: 14px 25px 14px 25px;
    border: solid 1px #9b9b9b;
    margin-top: 20px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


/* g1 ************** */


.pricing .g1 article h3
{
    font-style: normal;
    color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.pricing .g1 article:hover > div
{
    background-color: #222;
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g1 article:hover p
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g1 article:hover p span
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g1 article:hover h2
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g1 article:hover h3
{
    background-color: #000;
    font-weight: 900;
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g1 article:hover button
{
    background-color: #222;
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


/* g2 ************** */


.pricing .g2 article h3
{
    background: #f5f5f5;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.pricing .g2 article:hover > div
{
    background-color: #f5f5f5;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g2 article:hover p
{
}

.pricing .g2 article:hover p span
{
}

.pricing .g2 article:hover h3
{
    background-color: #fff;
    font-weight: 900;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g2 article:hover button
{
    background-color: #222;
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


/* g3 ************** */


.pricing .g3 article h3
{
    background: #222;
    color: #fff;
    font-style: normal;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g3 article h3 span
{
    font-weight: normal;
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.pricing .g3 article:hover > div
{
    background-color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g3 article:hover p
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g3 article:hover p span
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g3 article:hover h3
{
    background-color: #fff;
    font-weight: 900;
    color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g3 article:hover h3 span
{
    color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g3 article:hover h2
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.pricing .g3 article:hover button
{
    background-color: #222;
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


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


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

.r404
{
    text-align: center;
    margin-bottom: 38px;
}

.r404 > div
{
    border: solid 1px #d9d9d9;
    padding: 15px;
    width: 569px;
    margin: 0 auto;
    color: #000;
    margin-bottom: 38px;
}

.r404 h1
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-size: 22em;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 0.8em;
    letter-spacing: -0.02em;
}

.r404 h2
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-size: 3.5em;
    font-weight: 900;
    line-height: 1em;
    letter-spacing: -0.04em;
}

.r404 h2 span
{
    font-weight: 400;
}

.r404 p
{
    width: 466px;
    margin: 0 auto;
    margin-bottom: 38px;
}

.r404 button
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #9b9b9b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    padding: 14px 25px 14px 25px;
    border: solid 1px #9b9b9b;
    margin-top: 0;
    margin-bottom: 38px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.r404 button:hover
{
    color: #fff;
    background-color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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


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

.login
{
}

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

.login h2
{
    font-style: normal;
    font-size: 1.5em;
    text-align: center;
    margin-top: 0;
}

.login button
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #9b9b9b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    padding: 14px 38px 14px 38px;
    border: solid 1px #d9d9d9;
    margin-top: 0;
    float: right;
    
    -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
{
    color: #fff;
    background-color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

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

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

.login .c2 > div
{
    margin: 10px;
    padding: 24px;
    border: solid 1px #d9d9d9;
}

.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: normal;
    display: block;
}

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

.login .c1 p
{
    text-align: center;
}

.login .c2 i
{
    margin-right: 15px;
}

.login .c2 li
{
    line-height: 1.5em;
}

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


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

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

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

.portfolio-menu a
{
    font-family: 'Oswald' , serif;
    font-weight: 400;
    font-size: 1.1em;
    font-style: normal;
    color: #c8c8c8;
    margin: 10px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.portfolio-menu a:hover
{
    color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.portfolio-menu .selected
{
    color: #000;
}

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

.portfolio article
{
    border: solid 1px #d9d9d9;
    position: relative;
    text-align: center;
}

.portfolio article > div
{
    width: 100%;
    height: auto;
    background-color: #cdcdcd;
    position: relative;
    overflow: hidden;
}

.portfolio article > div img
{
    width: 100%;
}

.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/trans-2.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: -100%;
    color: #fff;
    background: url(../arrows/arrow-up-w.png) center bottom no-repeat;
    
    -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;
}

.portfolio article .mask p
{
    
}

.portfolio article .mask .btn
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #343434;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    padding: 14px 0 14px 0;
    border: solid 1px #fff;
    margin: 0;
    position: absolute;
    width: 108px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.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:hover .mask > div
{
    bottom: 0;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.portfolio article .btn:hover
{
    background-color: #222;
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.portfolio .col-2
{
    
    width: 400px;
    float:left;
    margin-bottom: 20px;
}

.portfolio col-2 > div
{
    height: 399px;
}

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

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

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

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

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

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

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

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

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

.portfolio .col-4 .left
{
    bottom: 10%;
    left: 6%;
}

.portfolio .col-4 .right
{
    bottom: 10%;
    right: 6%;
}

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

.portfolio .col-masonry
{
    width: 300px;
    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: 10%;
    left: 6%;
}

.portfolio .col-masonry .right
{
    bottom: 10%;
    right: 6%;
}

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

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

.portfolio col-gallery > div
{
    height: 100%;
}

.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;
    border: solid 1px #fff;
    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
{
    float:left;
    margin-bottom: 20px;
    margin-right: 20px;
}

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

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

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

.portfolio .col-related .left
{
    bottom: 10%;
    left: 6%;
}

.portfolio .col-related .right
{
    bottom: 10%;
    right: 6%;
}

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


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

.project
{ 
    width: 100%;
}

.project .b
{
    margin: 0 1% 0 1%;
}

.project h1
{
    font-style: normal;
    font-size: 1.8em;
    margin-bottom: 35px;
}

.project .b > h2
{
    font-size: 1.7em;
    font-style: normal;
    margin: 45px 0 35px 0;
}

.project .b > h3
{
    font-size: 1.4em;
    font-style: normal;
}

.project .project-img
{
    float: left;
    width: 77%;
}

.project .project-img img
{
    width: 100%;
}

.project .project-info
{
    float: left;
    width: 20%;
    margin-left: 3%;
}

.project .project-info > div
{
    height: 80px;
}

.project .project-info h2
{
    font-style: normal;
    font-size: 1.3em;
    margin-bottom: 25px;
}

.project .project-info h3
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 1em;
    color: #000;
    margin: 0 0 10px 0;
    padding: 15px 20px 15px 20px;
    border: solid 1px #d9d9d9;
}

.project .project-info h3 span
{
    font-weight: 900;
}

.project .project-info p
{
}

.project .project-info h4
{
    font-size: 1em;
    line-height: 1em;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
}

.project .project-info h4 a
{
    color: #a8a8a8;
    margin-left: 10px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.project .project-info h4:hover a
{
    color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

.project .c1 > div
{
    padding-right: 25px;
    margin-bottom: 45px;
}

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


.project #portfolio_related
{
    margin-bottom: 50px;
}

.project #portfolio_related .owl-controls
{
    display: block;
    width: 100%;
    height: auto;
    margin-top: 35px;
    text-align: center;
    margin-bottom: 100px;
}

.project #portfolio_related .owl-controls .owl-buttons
{
    display: block;
    width: 106px;
    position: absolute;
    left: 50%;
    margin-left: -53px;
}

.project #portfolio_related .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 #portfolio_related .owl-controls .owl-buttons div:nth-of-type(1)
{
    background-image: url(../arrows/arrow-1-back.png);
}


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

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


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



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

.blog-standard
{
}

.blog-standard .lm-m
{
    width: 73%;
}

.blog-standard .c1
{
    width: 73%;
    margin-right: 2%;
    float: left;
    margin-bottom: 50px;
}

.blog-standard .c1 > div
{
}

.blog-standard .c1 .load-more
{
    margin: 0 auto;
    width: 70%;
    margin-top: 80px;
}

.blog-standard .sidebar
{
    width: 25%;
    float: left;
}

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

.blog-standard .post
{
    width: 100%;
    border: solid 1px #d9d9d9;
    position: relative;
    margin-bottom: 33px;
}

.blog-standard .post .post-image
{
    width: 67%;
    height: 332px;
    float: left;
    overflow: hidden;
    position: relative;
}

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

.blog-standard .post .post-image .mask
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/trans-2.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;
}

.blog-standard .post .post-image a
{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard .post .post-image p
{
    width: 45px;
    height: 45px;
    border: solid 1px #fff;
    line-height: 43px;
    font-size: 20px;
    margin: 0;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
}

.blog-standard .post .post-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;
}

.blog-standard .post .post-image:hover a
{
    left: 0;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

.blog-standard .post .post-text
{
    float: left;
    width: 33%;
    text-align: left;
}

.blog-standard .post .post-text2
{
    float: left;
    width: 100%;
    text-align: left;
}

.blog-standard .post .post-text > div
{
    padding: 20px;
}

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

.blog-standard .post .post-text h2
{
    font-size: 1.2em;
    margin-bottom: 20px;
}

.blog-standard .post .post-text h2 a
{
    color: #000;
}

.blog-standard .post .post-text p
{
}

.blog-standard .post .post-text .tags
{
    margin-bottom: 15px;
}

.blog-standard .post .post-text .tags a
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    color: #c8c8c8;
    margin: 0 8px 0 8px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard .post .post-text .tags a:hover
{
    color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard .post .post-text .read-more
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #9b9b9b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    padding: 14px 0 14px 0;
    border: solid 1px #dcdcdc;
    margin: 0 auto;
    width: 108px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard .post .post-text .read-more:hover
{
    color: #fff;
    background-color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

.blog-standard .post-open
{
    width: 100%;
    border: solid 1px #d9d9d9;
    position: relative;
    margin-bottom: 33px;
}

.blog-standard .post-open .date
{
    width: 100%;
}

.blog-standard .post-open .date a
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #5b5b5b;
    line-height: 54px;
    margin: 0 17px 0 17px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard .post-open .date a:hover
{
    color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard .post-open .date .c1d
{
    float: left;
    padding-left: 25px;
}

.blog-standard .post-open .date .c2d
{
    float: right;
    padding-right: 25px;
}

.blog-standard .post-open .post-image
{
    width: 100%;
}

.blog-standard .post-open .post-image img
{
    width: 100%;
}

.blog-standard .post-open .text
{
    padding: 30px;
}

.blog-standard .post-open .text h2
{
    font-style: normal;
    margin: 35px 0 35px 0;
}

.blog-standard .post-open .text p
{
    margin-bottom: 20px;
    font-size: 1.1em;
    color: #777;
}

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

.blog-standard .author
{
    padding: 30px;
    background-color: #f5f5f5;
}

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

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

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

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

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

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


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

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

.blog-standard .author .author-data p
{
    color: #777;
}

.blog-standard .author .author-data p a
{
    color: #000;
    font-weight: 700;
}

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

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

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

.blog-standard .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-standard .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-standard .post-nav .back
{
    float: left;
}

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

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

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

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

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

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

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

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

.blog-standard .comments .btn
{
    text-align: center;
    padding: 14px 35px 14px 35px;
    border: solid 1px #dcdcdc;
    margin-top: 35px;
    color: #9a9a9a;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 0;
    background-color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard .comments .btn:hover
{
    color: #fff;
    background-color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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

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

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

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

.form-1 h3
{
    font-size: 1.3em;
    font-style: normal;
    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: normal;
}

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

.form-1 input:focus
{
    border: solid 1px #000;
}

.form-1 textarea:focus
{
    border: solid 1px #000;
}

.form-1 .btn
{
    text-align: center;
    padding: 14px 35px 14px 35px;
    border: solid 1px #dcdcdc;
    margin-top: 35px;
    color: #9a9a9a;
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.8em;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    margin: 10px 0 0 0;
    background-color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.form-1 .btn:hover
{
    color: #fff;
    background-color: #222;
    
    -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;
}

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


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

.sidebar > div > div
{
    border: solid 1px #d9d9d9;
    margin-bottom: 32px;
    
}

.sidebar h2
{
    border-bottom: solid 1px #d9d9d9;
    margin: 0;
    line-height: 54px;
    text-align: center;
    font-size: 1.3em;
    padding: 0;
    font-style: normal;
}

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

.sidebar ol li
{
    display: block;
}

.sidebar .cat a
{
    margin-left: 25px;
    font-family: 'Oswald' , serif;
    font-weight: 400;
    font-size: 1.1em;
    font-style: normal;
    color: #000;
    line-height: 50px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.sidebar ol li a:hover
{
    color: #c0bfbf;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.sidebar .dark
{
    background-color: #262626;
    color: #fff;
}

.sidebar .dark h2
{
    color: #fff;
}

.sidebar .posts
{
    margin: 20px 10px 20px 16px;
}

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

.sidebar .posts a
{
    color: #fff;
}

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

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

.sidebar .posts .p-text
{
}

.sidebar .posts .p-text p
{
    font-size: 0.9em;
    margin: 0;
}

.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 .twitter
{
    /*padding: 15px;*/
}

.sidebar .twitter .twitter-ctrl
{
    line-height: 40px;
    padding: 10px 15px 0 15px;
}

.sidebar .twitter .twitter-ctrl i
{
    font-size: 40px;
    line-height: 40px;
}

.sidebar .twitter .twitter-ctrl button
{
    background-color: #262626;
    margin-right: 10px;
}

.sidebar .twitter .twitter-ctrl button i
{
    font-size: 30px;
}

.sidebar .twitter .tw-r
{
    float: right;
}

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

.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
{
    text-align: center;
}

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

.sidebar .instagram .btn
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #a8a8a8;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #fff;
    padding: 14px 35px 14px 35px;
    border: solid 1px #dcdcdc;
    margin-top: 35px;
    margin-bottom: 35px;
    font-style: normal;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    
}

.sidebar .instagram .btn:hover
{
    color: #fff;
    background-color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

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



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


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

.blog-standard-2 article
{
    text-align: center;
}

.blog-standard-2 .item
{
    width: 260px;
    margin: 0 0 43px 0;
    padding: 0;
}

.blog-standard-2 .item-m
{
    width: 255px;
    margin: 0 0 43px 0;
    padding: 0;
}

.blog-standard-2 article > div
{
    border: solid 1px #d9d9d9;
    margin: 0 12px 0 12px;
    position: relative;
}

.blog-standard-2 article .art-img
{
    position: relative;
    overflow: hidden;
}

.blog-standard-2 article .art-img img
{
    width: 100%;
}

.blog-standard-2 article .art-img span
{
    position: absolute;
    display: block;
    background: url(../arrows/arrow-up.png) center center no-repeat;
    bottom: 0;
    width: 100%;
    height: 10px;
    
    -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;
    
}

.blog-standard-2 article .text
{
    padding: 15px 0 15px 0;
    background: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard-2 article .text span
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #5b5b5b;
}

.blog-standard-2 article > div > span
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #5b5b5b;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #fff;
    line-height: 1.8em;
    padding: 0 10px 0 10px;
}

.blog-standard-2 article h3
{
    font-size: 1.2em;
    color: #000;
    margin: 10px 0 10px 0;
}

.blog-standard-2 article a
{
    color: #000;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard-2 article p
{
    color: #777;
}

.blog-standard-2 article .comments
{
    color: #c8c8c8;
    font-size: 0.9em;
}

.blog-standard-2 article .comments i
{
    margin-right: 5px;
}

.blog-standard-2 article .tags
{
    color: #c8c8c8;
    font-size: 0.9em;
    text-align: center;
    margin-top: 15px;
}

.blog-standard-2 article .tags a
{
    color: #c8c8c8;
    margin: 0 8px 0 8px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard-2 article .tags a:hover
{
    color: #e4e4e4;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard-2 article p a
{
    color: #777;
}

.blog-standard-2 article:hover a
{
    color: #fff;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.blog-standard-2 article:hover .text
{
    background: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}


.blog-standard-2 article:hover .art-img span
{
    position: absolute;
    display: block;
    background: url(../arrows/arrow-up.png) center center no-repeat;
    bottom: 0;
    width: 100%;
    height: 10px;
    
    -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;
    
}

.blog-standard-2 article:hover > div
{
    border: solid 1px #000;
}


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


/* 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;
	}

/*** nieuwsbrief ***/
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index:10000;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: orange;
}
.popup .content {
  max-height: 50%;
  overflow: auto;
}


.wijnevent .btn
{
    font-family: 'Source Sans Pro' , sans-serif;
    font-weight: 400;
    font-size: 0.75em;
    letter-spacing: 0.08em;
    color: #9b9b9b;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-color: #f5f5f5;
    padding: 14px 38px 14px 38px;
    border: solid 1px #9b9b9b;
    vertical-align: top;
    margin-left: 40px;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

.wijnevent .btn:hover
{
    color: #fff;
    background-color: #222;
    
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -ms-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
}

/*RUIMTE*/

.ruimte {
    padding: 0 5px 0 5px;
}
@media (max-width:1120px){
	.about .c3 {
		width: 50%;
}
@media (max-width:740px){
	.about .c3 {
		width: 100%;
}