/*
Theme Name: One Click
Theme URI: http://vergatheme.com/demosd/oneclick
Author: Verga Theme Team
Author URI: http://vergatheme.com
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: theway

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic);
@import url(https://fonts.googleapis.com/css?family=Satisfy);



@import url("css/colors/color-gold.css");

.wp-caption {}
.wp-caption-text{}
.sticky {}
.gallery-caption{}
.bypostauthor{}
.alignright {}
.alignleft{}
.aligncenter {}
table,
th,
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}
/* Visual Compusor*/
div.fixed{
	margin: 0px !important;
}
.bg-fixed {	background-attachment: fixed !important;
	z-index: 2 !important;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 24px;
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
	padding: 5px 10px;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: bold;
}

td {
	border-width: 0 1px 1px 0;
}
dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 24px;
}
address {
	font-style: italic;
	margin-bottom: 24px;
}
ul ul li, ul ol li, ol ol li, ol ul li {
font-size: 13px;
}

/* #PAGE STYLES */
body.logged-in nav#menu-wrap{
	top: 32px;
}
/*Base.css*/
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }

/* #Basic Styles
================================================== */
body {
	background: #f2f2f2;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size: 15px;
	line-height:22px;
	color:#606060 !important;
	overflow-x:hidden;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-text-size-adjust: 100%;
 }
 html {
		overflow-x:hidden; 
	height:100%;
}
/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #414141;
		font-family: 'GarnataRegular';
		text-align:center;
	}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 50px; line-height:50px;text-transform:uppercase; }
	h2 { font-size: 42px; line-height:42px;text-transform:uppercase;}
	h3 { font-size: 38px; line-height: 38px;text-transform:uppercase;}
	h4 { font-size: 34px; line-height: 34px;text-transform:uppercase;}
	h5 { font-size: 28px; line-height: 28px;text-transform:uppercase;color:#cfa144;}
	h6 { font-size: 22px; line-height: 22px;text-transform:uppercase;}


	p {  }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: 600;}
	small { font-size: 80%; }
	


/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #323a3d; border-width: 1px 0 0; clear: both; margin:0 10px 0 10px; height: 0; position:relative;}


/* #Links
================================================== */
	a, a:visited { text-decoration: none; }
	a:hover, a:focus { color: #e74c3c;}
	p a, p a:visited { line-height: inherit; text-decoration: none;}
	a:focus{
	outline:none;
	}

/* #Lists
================================================== */
	ul, ol { }
	ul { list-style: none outside; }
	ol { list-style: decimal; }
	ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { font-size: 90%;  }
	ul ul li, ul ol li,
	ol ol li, ol ul li {  }
	li { line-height: 18px; }
	ul.large li { line-height: 21px; }
	li p { line-height: 21px; }
/* #Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
	background:#363636;	
	margin-top:10px;
	border:none;
	  color: #dfdfdf;
	  display: inline-block;
	  font-size: 16px;
	  cursor: pointer;
	  line-height: normal;
	  padding: 15px 25px;
	-webkit-transition : all 0.3s ease-out;
	-moz-transition : all 0.3s ease-out;
	-o-transition :all 0.3s ease-out;
	transition : all 0.3s ease-out; 
	width:100%}

	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {	
	  color: #e74c3c;
	background:#292929;	 }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {	
	  color: #e74c3c;}

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
    border: 0;
    padding: 0;
	}
/* #Images
================================================== */






/* #Misc
================================================== */
	.remove-bottom { margin-bottom: 0 !important; }
	.half-bottom { margin-bottom: 10px !important; }
	.add-bottom { margin-bottom: 20px !important; }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
::selection {
	background: rgba(100,100,100,.2); /* Safari */
	}
::-moz-selection {
	background: rgba(100,100,100,.2); /* Firefox */
}
/*skeleton.css*/
/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;}
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  margin-top: 10px; margin-bottom: 10px;}
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */


    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column {  margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 420px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 319px) {
        .container { width: 220px; }
        .container .columns,
        .container .column { margin-left: 0; margin-right: 0; margin-top: 10px; margin-bottom: 10px;}

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 220px; }
    }

/* #Mobile 
================================================== */


    @media only screen and (min-width: 320px) and (max-width: 479px) {
        .container { width: 300px; }
        .container .columns,
        .container .column {  margin-left: 0; margin-right: 0;  margin-top: 10px; margin-bottom: 10px;}

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 300px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }	
/*layout.css*/
/* #PAGE LOAD */

body.royal_loader {
    background: none;
    visibility: hidden;
}
#royal_preloader {
    font-family: Arial;
    font-size: 12px;
    visibility: visible;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999999999;
    -webkit-transition: opacity 0.2s linear 0.8s;
       -moz-transition: opacity 0.2s linear 0.8s;
        -ms-transition: opacity 0.2s linear 0.8s;
         -o-transition: opacity 0.2s linear 0.8s;
            transition: opacity 0.2s linear 0.8s;
}
#royal_preloader.complete {
    opacity: 0;
}
#royal_preloader .background {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #000000;
    -webkit-transition: background 0.5s linear;
       -moz-transition: background 0.5s linear;
        -ms-transition: background 0.5s linear;
         -o-transition: background 0.5s linear;
            transition: background 0.5s linear;
}
#royal_preloader.number .name {
    position: absolute;
    top: 20%;
    left: 0px;
    right: 0px;
    text-transform: uppercase;
    color: #EEEEEE;
    text-align: center;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s linear;
       -moz-transition: -moz-transform 0.3s linear;
        -ms-transition: -ms-transform 0.3s linear;
         -o-transition: -o-transform 0.3s linear;
            transition: transform 0.3s linear;
    -webkit-animation: fly 0.3s;
       -moz-animation: fly 0.3s;
        -ms-animation: fly 0.3s;
         -o-animation: fly 0.3s;
            animation: fly 0.3s;
}
#royal_preloader.number .percentage {
    color: #FFFFFF;
    font-family: Impact, Arial;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    text-align: center;
    margin: -90px 0px 0px -90px;
    background-image: url('images/loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 80px;
    width: 180px;
    position: absolute;
    font-size: 50px;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s linear 0.5s;
       -moz-transition: all 0.3s linear 0.5s;
        -ms-transition: all 0.3s linear 0.5s;
         -o-transition: all 0.3s linear 0.5s;
            transition: all 0.3s linear 0.5s;
}
#royal_preloader.text .loader {
    position: absolute;
	font-family: 'GarnataRegular';
	text-shadow: 0 0 15px rgba(0,0,0,0.3);
	text-transform:uppercase;
	text-align:center;
    top: 50%;
    left: 50%;
	width:240px;
	margin-left:-120px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    letter-spacing: 3px;
    font-size: 50px;
    white-space: nowrap;
}
#royal_preloader.text .loader div {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0%;
    background-color: #000000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: left 0.3s linear;
       -moz-transition: left 0.3s linear;
        -ms-transition: left 0.3s linear;
         -o-transition: left 0.3s linear;
            transition: left 0.3s linear;
}
#royal_preloader.logo .loader {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0px 0px -40px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 100%;
}
#royal_preloader.logo .loader div {
    position: absolute;
    bottom: 0%;
    left: 0px;
    right: 0px;
    height: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: bottom 0.3s linear;
       -moz-transition: bottom 0.3s linear;
        -ms-transition: bottom 0.3s linear;
         -o-transition: bottom 0.3s linear;
            transition: bottom 0.3s linear;
}
#royal_preloader.logo .percentage {
    position: absolute;
    width: 80px;
    height: 40px;
    line-height: 40px;
    top: 50%;
    left: 50%;
    margin: 40px 0px 0px -40px;
    color: #072E77;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

@-webkit-keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}
@-moz-keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}
@-ms-keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}
@-o-keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}
@keyframes fly {
    0% { opacity: 0; top: 50%; }
    20% {opacity: 1; top: 40%; }
    100% { opacity: 0; top: 20%;}
}


/* #Navigation
================================================== */


#menu-wrap{
    position: fixed;
	padding-bottom:10px;
	width:100%;
	z-index:500;
	top:0;
	left:0;
}

.menu-back{
	background:rgba(250,250,250,0);
}


.cbp-af-header {
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}

.cbp-af-header.cbp-af-header-shrink {
	background:rgba(250,250,250,1);
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}
.cbp-af-header.cbp-af-header-shrink .logo{
	width:116px;
	height:60px;
	background:url('images/logo1.png') no-repeat center center;
	background-size:116px 60px;
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}

.cbp-af-header.cbp-af-header-shrink ul.slimmenu {
	margin-top:1px;
	margin-bottom:0;
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li:first-child {
	background:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li ul li:first-child { 
	background:none; }
	
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a {
    color: #606060;
}	
	
	
	
	
ul.slimmenu li ul li a {
    color: #000;
}
ul.slimmenu li ul li a:hover {
}
ul.slimmenu li ul li { 
	background:none;
	padding-left:0; }
ul.slimmenu li ul {
	background:rgba(250,250,250,.95);
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}






.logo{
	position:absolute;
	width:146px;
	height:80px;
	z-index:10000;
	left:10px;
	top:10px;
	background:url('images/logo.png') no-repeat center center;
	background-size:146px 80px;
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}



.menu-collapser {
    position: relative;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button {
    position: absolute;
    right: 8px;
    top: 50%;
    width: 40px;
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    border-style: solid;
    border-width: 1px;
    color: #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
    padding: 7px 10px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    font-size: 14px;
    text-align: center;

    transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.collapse-button:hover, .collapse-button:focus {
    background-image: none;
    background-color: #040404;
    color: #FFF;
}
.collapse-button .icon-bar {
    background-color: #fff;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    display: block;
    height: 2px;
    width: 18px;
    margin: 2px 0;
}

ul.slimmenu {
	padding-top:10px;
	padding-right:10px;
	text-align:right;
	margin-top:13px;
	margin-bottom:10px;
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}
ul.slimmenu li {
    position: relative;
    display: inline-block;
	/*background:url('images/line.jpg') 0 14px no-repeat;*/
	background-size:15px 10px;
	padding-left:20px;
}
ul.slimmenu > li {}
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li a {
    display: block;
    color: #fff;
    padding: 10px 0px;
	cursor:pointer;
    margin: 0px 12px;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	text-transform:uppercase;
    border-bottom:1px solid rgba(0,0,0,0);
    font-size: 12px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
ul.slimmenu li a:hover {
    text-decoration: none;
}
ul.slimmenu li {
}
ul.slimmenu li:first-child {
	background:none;
}

ul.slimmenu li .sub-collapser {
    position: absolute;
    right: 0;
    top: 0;
    width: 48px;
    height: 100%;
    z-index: 999;
    cursor: pointer;
}
ul.slimmenu li .sub-collapser:before {
	display:none;
}
ul.slimmenu li .sub-collapser > i {
	display:none;
}
ul.slimmenu li ul {
    margin: 0;
    list-style-type: none;
}
ul.slimmenu li ul a{
    font-size:10px;
}
ul.slimmenu li ul li:first-child { 
	background:none; }
ul.slimmenu li ul li {
	background:none;
	padding-left:0; }
ul.slimmenu li > ul {
    display: none;
    position: absolute;
	text-align:left;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 150%;
}
ul.slimmenu li > ul > li ul {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 999;
    width: 100%;
}
ul.slimmenu.collapsed {
	padding:0;
	margin:0;
}
ul.slimmenu.collapsed li {
    display: block;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
ul.slimmenu.collapsed li a {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li .sub-collapser {
    height: 40px;
}
ul.slimmenu.collapsed li > ul {
    display: none;
    position: static;
}


/* #Home
================================================== */

#home{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	background:#323232;
	z-index:2;
}


#sync3 .item {
	position: relative; 
	margin: 0 auto;
    width: 100%;
	min-height:100%;
	height:100%;
    display: block;
}
.background1{
    background:url('images/1.jpg')no-repeat center center;
	background-size:cover;
}
.background2{
    background:url('images/2.jpg')no-repeat center center;
	background-size:cover;
}
.background3{
    background:url('images/3.jpg')no-repeat center center;
	background-size:cover;
}

#bar{
  width: 0%;
  max-width: 100%;
  height: 3px;
}
#progressBar{
  width: 100%;
  background: #909090;
}
#sync4 {
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-110px;
	width:220px;
	z-index:200;
}
#sync4 .item{
    text-align: center;
	margin:0 auto;
    cursor: pointer;
	height: 3px;
	max-width:40px;
	background:rgba(255,255,255,.1);
	z-index:200;
	border:1px solid #fff;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
}


.home-big-text {
	position:absolute;
	top:50%;
	margin-top:-90px;
	left:0;
	width:100%;
	font-family: 'GarnataRegular';
	text-align:center;
	font-size: 75px; 
	line-height:75px;
	color:#fff;
	z-index:100;
}
.home-small-text {
	position:absolute;
	top:50%;
	margin-top:17px;
	left:0;
	width:100%;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	letter-spacing:4px;
	text-transform:uppercase;
	text-align:center;
	font-size: 14px; 
	line-height:14px;
	color:#c4c4c4;
	z-index:100;
}
.line {
	position:absolute;
	top:50%;
	margin-top:-140px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:40px;
	background:url('images/line.jpg')no-repeat center center;
	opacity:.5;
	z-index:100;
}
.line1 {
	position:absolute;
	top:50%;
	margin-top:66px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:40px;
	background:url('images/line.jpg')no-repeat center center;
	opacity:.5;
	z-index:100;
}








 
.section-top {
	position: relative; 
	margin: 0 auto;
	width: 100%;
	z-index:2;
	padding-top:100px;
	padding-bottom:100px;
}
.section-top .line-dark {
	position:absolute;
	top:0;
	margin-top:60px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:30px;
	background:url('images/line-dark.jpg')no-repeat center center;
	opacity:.3;
	z-index:100;
}
.section-top .subtext-top {
	position: relative;
	width:100%;
	padding-top:20px;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	letter-spacing:4px;
	text-transform:uppercase;
	text-align:center;
	font-size: 16px; 
	line-height:16px;
	color:#c4c4c4;
	z-index:100;
}
.section-top .line-dark1 {
	position:absolute;
	bottom:0;
	margin-bottom:45px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:30px;
	background:url('images/line-dark.jpg')no-repeat center center;
	opacity:.3;
	z-index:100;
}



.subsection-top {
	position: relative; 
	margin: 0 auto;
	width: 100%;
	z-index:2;
	padding-bottom:55px;
}
.subsection-top h3 {
	padding-top:20px;
}
.subsection-top .subline-dark {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:20px;
	background:url('images/line-dark.jpg')no-repeat center center;
	opacity:.2;
	z-index:100;
}
.subsection-top .subline-dark1 {
	position:absolute;
	top:0;
	margin-top:75px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:20px;
	background:url('images/line-dark.jpg')no-repeat center center;
	opacity:.2;
	z-index:100;
}





/* #About
================================================== */

#about{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	background:#fff;
	padding-bottom:80px;
}
.separ{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	z-index:2;
	border-top:1px dashed #c4c4c4;
	opacity:.4;
	margin-top:60px;
	padding-bottom:60px;
}
.about-top {
	position: relative; 
	margin: 0 auto;
	text-align:center;
	width: 100%;
	background:url('images/signature.png')no-repeat right bottom;
	background-size:152px 80px;
	padding-bottom:80px;
	z-index:2;
}
.padding-left-text-top{
	padding-left:25px;
}
.about-top .biger-text {
	position: relative;
	width:100%;
	font-style: italic;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	letter-spacing:3px;
	text-align:left;
	font-size: 20px; 
	line-height:26px;
	color:#aaaaaa;
	z-index:100;
}
.about-top .biger-text:before {
	position: absolute;
	width:30px;
	height:30px;
	margin-top:-5px;
	margin-left:-25px;
	padding-left:25px;
	content:"\f10d";
	font-family: 'FontAwesome';
	text-align:center;
	font-size: 30px; 
	line-height:30px;
	opacity:.4;
	z-index:-1;
	transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
}
.about-top .biger-text:after {
	position: absolute;
	width:30px;
	height:30px;
	margin-top:8px;
	margin-left:-15px;
	content:"\f10e";
	font-family: 'FontAwesome';
	text-align:center;
	font-size: 30px; 
	line-height:30px;
	opacity:.4;
	z-index:-1;
	transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
}


.team-info{
	position: relative; 
	margin-top:50px;	
	background:#f1f1f1;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	z-index:2;
}
.team-info h5{
	text-align:left;
	padding-bottom:5px;
	z-index:5;
}
.team-subtext{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 13px;
	line-height:13px;
	text-align:left;
	color: #4a3d3d;
	opacity:.5;
	padding-top:3px;
	font-style: italic;
	padding-bottom:20px;
}
.team-info p{
	text-align:left;
	padding-bottom:20px;
}
.social-team{ 
	position:relative;
	text-align:left;
	width:100%;	
}
.team-social li {
	margin:0 auto;
    list-style: none;
	text-align:center; 
    display: inline-block;
	cursor:pointer;
}

.team-social li.icon-team a {
	font-family: 'FontAwesome';
	font-size: 16px;
	line-height: 16px;
	margin:0 auto;
	text-align:center;
	padding-right:15px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.team-social li:last-child.icon-team a{
	padding-right:0;
}
.team-social li:hover{
}
.team-social li:hover.icon-team a{
	opacity:.6; 
}
.team-info1{
	position: relative; 
	margin-top:50px;	
	background:#f1f1f1;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	z-index:2;
}
.team-info1 h5{
	text-align:right;
	padding-bottom:5px;
	z-index:5;
}
.team-subtext1{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 13px;
	line-height:13px;
	text-align:right;
	color: #4a3d3d;
	opacity:.5;
	padding-top:3px;
	font-style: italic;
	padding-bottom:20px;
}
.team-info1 p{
	text-align:right;
	padding-bottom:20px;
}
.social-team1{ 
	position:relative;
	text-align:right;
	width:100%;	
}
.team-social1 li {
	margin:0 auto;
    list-style: none;
	text-align:center; 
    display: inline-block;
	cursor:pointer;
}

.team-social1 li.icon-team1 a {
	font-family: 'FontAwesome';
	font-size: 16px;
	line-height: 16px;
	margin:0 auto;
	text-align:center;
	padding-left:15px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.team-social1 li:hover{
}
.team-social1 li:hover.icon-team1 a{
	opacity:.6; 
}


.team-img{
	position: absolute; 
	background:#f1f1f1;
	border-radius:50%;
	top:-50px;
	right:20px;
	width:120px;
	height:120px;
	z-index:2;
}
.team-img img{
	width:100px;
	height:100px;
	display: block;
	border-radius:50%;
	margin-top:10px;
	margin-left:10px;
}
.team-img1{
	position: absolute; 
	background:#f1f1f1;
	border-radius:50%;
	top:-50px;
	left:20px;
	width:120px;
	height:120px;
	z-index:2;
}
.team-img1 img{
	width:100px;
	height:100px;
	display: block;
	border-radius:50%;
	margin-top:10px;
	margin-left:10px;
}

 
 
/* #1st Parallax Section
================================================== */
 
#sep1{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
} 
 
.parallax1 {
	background: url('images/parallax/1.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax1 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
 
 

.twit { 
	position:relative;
	width:100%;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
.twit a{ 
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.twit a:hover{ 
	color: #f1f1f1;
}
.twit p{ 
	margin:0 auto;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color: #fff;
	padding-top:20px;
	padding-bottom:30px;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:1px;
	font-size: 14px; 
	line-height:20px;
}


.icon-twit  {
	font-family: 'FontAwesome';
	font-size: 32px;
	line-height: 32px;
	height: 32px;
	width:100%; 
	text-align:center;
} 
 
 
#sync1 .item {
	position: relative; 
	margin: 0 auto;
    width: 100%;
    display: block;
}
#sync2 {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-110px;
	width:220px;
	z-index:200;
}
#sync2 .item{
    text-align: center;
	margin:0 auto;
    cursor: pointer;
	height: 3px;
	max-width:40px;
	background:rgba(255,255,255,.1);
	z-index:200;
	border:1px solid #fff;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
}
 
 
 
 
 
 
 
 
 
 
/* #Work
================================================== */

#work{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	background:#fff;
}

.portfolio-wrap{
	position: relative; 
	width: 100%;
	overflow:hidden;
}
.portfolio-box{
	position: relative; 
	width:25%;
	overflow:hidden;
	display:inline-block;
	float:left;
	margin-left:-1px;
	-webkit-transform:translateX(1px);
	-moz-transform:translateX(1px);
	-o-transform:translateX(1px);
	-ms-transform:translateX(1px);
	transform:translateX(1px);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-box a{
	cursor:url('images/more.cur'),crosshair;
	cursor:url('images/more.png') 40 40,crosshair;
}
.portfolio-box img{ 
	width: 100%;
	height:auto;
	display:block;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(90%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-box:hover img{ 
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.portfolio-box .mask{ 
	position:absolute;
	background:rgba(255,255,255,.9);
	top:0;
	left:0;
	width: 100%;
	height:100%;
	display:block;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.portfolio-box:hover .mask{ 
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.portfolio-box h4{ 
	position:absolute;
	top:50%;
	margin-top:-7px;
	left:0;
	width:100%;
	z-index:100;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-style: italic;
	text-transform:uppercase;
	color:#323232;
	font-size: 14px; 
	line-height: 14px; 
	opacity:0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.portfolio-box:hover h4{ 
	opacity:1;
	-webkit-transition-delay:200ms;
	-moz-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	transition-delay:200ms;
}


.portfolio-box .line-folio {
	position:absolute;
	top:0;
	margin-top:-55px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:20px;
	opacity:.2;
	background:url('images/line-dark.jpg')no-repeat center center;
	z-index:100;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.portfolio-box:hover .line-folio {
	top:50%;
	-webkit-transition-delay:200ms;
	-moz-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	transition-delay:200ms;
}


.portfolio-box .line-folio1 {
	position:absolute;
	bottom:0;
	margin-bottom:-55px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:20px;
	opacity:.2;
	background:url('images/line-dark.jpg')no-repeat center center;
	z-index:100;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}

.portfolio-box:hover .line-folio1 {
	bottom:50%;
	-webkit-transition-delay:200ms;
	-moz-transition-delay:200ms;
	-o-transition-delay:200ms;
	-ms-transition-delay:200ms;
	transition-delay:200ms;
}




#portfolio-filter {
	position:relative;
	width:100%;
	text-align: center;
}
#filter {
	position:relative;
	width:100%;
}

#filter li {
	display: inline-block;
}
#filter li a {
	position: relative;
	display: inline-block;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 14px; 
	outline: none;
	color: #706e6e;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	margin-left:8px;
	margin-right:8px;
	margin-bottom:20px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#filter li a:after {
	content:'::::';
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 12px; 
	color: #706e6e;
	padding-left:20px;
	opacity:.5;
}
#filter li:last-child a:after {
	display:none;
}
#filter li a:hover {
	color: #bdb3b3;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.6s;
       -moz-transition-duration: 0.6s;
            transition-duration: 0.6s;
}
.isotope {
    -webkit-transition-property: height, width;
       -moz-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:         top, left, opacity;
            transition-property:         transform, opacity;
}

 

#link-work{
	position: relative; 
	margin: 0 auto;
	text-align:center;
	width: 100%;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:20px;
	z-index:2;
} 
#link-work h5{
	text-align:center;
	padding-bottom:10px;
}   
#link-work a {
	position: relative;
	font-family: 'Satisfy', cursive;
	display: inline-block;
	outline: none;
	text-align:center;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 18px;
	margin-top:5px;
}
#link-work a:hover,
#link-work a:focus {
	outline: none;
}
#link-work .cl-effect-5 a {
	overflow: hidden;
	text-align:center;
	text-align:center;
}
#link-work .cl-effect-5 a span {
	position: relative;
	display: inline-block;
	text-align:center;
	padding-top:10px;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
#link-work .cl-effect-5 a span::before {
	position: absolute;
	top: 100%;
	padding-top:10px;
	color:#101010;
	content: attr(data-hover);
	text-align:center;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#link-work .cl-effect-5 a:hover span,
#link-work .cl-effect-5 a:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	text-align:center;
} 
 
 
 
 
 
 
 
/* #Projects
================================================== */


.project{
	position: relative; 
	width: 100%;
}


.project-top{
	position: relative;
	margin: 0 auto; 
	width: 100%;
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}
.project-one-background{
	background-image:url('images/4.jpg');
}
.project-two-background{
	background-image:url('images/5.jpg');
}
.project-tree-background{
	background-image:url('images/6.jpg');
}
.project-four-background{
	background-image:url('images/7.jpg');
}

#project-single-slider{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	padding-top:50px;
	padding-bottom:30px;
}

#project-single-slider h1{
	color:#fff;
}
#project-single-slider .bx-wrapper .bx-prev {
	bottom:20px;
}
#project-single-slider .bx-wrapper .bx-next {
	bottom:20px; 
}
#last-work{
	position: relative; 
	margin: 0 auto;
	padding-bottom:20px;
	width: 100%;
	overflow:hidden;
	z-index:2;
}
#last-work img{
	width: 100%;
	height:auto;
	display:block;
}
#last-work h3{
	text-align:center;
	padding-bottom:25px;
}
#last-work h5{
	text-align:left;
	padding-bottom:20px;
}
#last-work p{
	text-align:left;
	padding-bottom:30px;
}
#last-work p:last-child{
	padding-bottom:0;
}
#slider-wrap{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
}
#slider-wrap img{
	width: 100%;
	height:auto;
	display:block;
}
.padding-project{
	padding-top:50px;
	padding-bottom:50px;
}
#project-single-video{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
}
#project-single-video h1{
	color:#fff;
}
#thevideo{ 
	display:none;
}

.video{ 
	width: 100%;
	height:auto;
	display:block;
}
iframe{ 
	width:100%;
	height:auto;
	display:block;
}

.onclick img{ 
	cursor:pointer;
}


 
 
 .flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('css/font/flexslider-icon.eot');
	src:url('css/font/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('css/font/flexslider-icon.woff') format('woff'),
		url('css/font/flexslider-icon.ttf') format('truetype'),
		url('css/font/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 35px; height: 50px; position: absolute; top: 50%;margin-top:-25px;z-index: 100; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0);  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0;background:url('images/arr1.png') no-repeat center center; background-color:rgba(60,60,60,.7); }
.flex-direction-nav .flex-next { right: 0;  background:url('images/arr2.png') no-repeat center center;background-color:rgba(60,60,60,.7);  }
.flexslider:hover .flex-prev { opacity: 0.7;  }
.flexslider:hover .flex-next { opacity: 0.7;  }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  {}
.flex-direction-nav a.flex-next:before  {}

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
 }
  
 
 
 
/* #Logos
================================================== */

#logos{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	background:#fff;
	padding-top:50px;
	padding-bottom:50px;
} 
 
#owl-logos{
	position: relative; 
	margin: 0 auto;
	text-align:center;
	width: 100%;
	overflow:hidden;
} 

#owl-logos li img{
	margin: 0 auto;
	text-align:center;
	display:block;
	width:100px;
	height:65px;
} 



 
/* #2nd Parallax Section
================================================== */
 
#sep2{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
} 
 
.parallax2 {
	background: url('images/parallax/2.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax2 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
 
 
 .facts-wrap{
	position: relative; 
	width: 100%;
	margin:0 auto;
	text-align:center;
}
.facts-wrap h5{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	padding-top:25px;
	font-size: 16px; 
	line-height:16px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
}
.facts-wrap h5:before{
	padding-right:10px;
	content:"\f101";
	font-family: 'FontAwesome';
	font-size: 16px; 
	line-height:16px;
}
.facts-wrap h5:after{
	padding-left:10px;
	content:"\f100";
	font-family: 'FontAwesome';
	font-size: 16px; 
	line-height:16px;
}
.facts-wrap-num{
	font-family: 'GarnataRegular';
	font-size: 70px; 
	line-height:70px;
	margin:0 auto;
	text-align:center;
} 
 
 
 
 
/* #Services
================================================== */

#services{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	background:#fff;
	padding-bottom:80px;
} 


.services-box{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	padding-bottom:40px;
	text-align:center;
	z-index:2;
} 
.services-box img{
	margin: 0 auto;
	text-align:center;
	width: 40px;
	height: 40px;
	display:block;
	padding-bottom:10px;
} 
.services-box h5{
	text-align:center;
} 
.services-box p{
	text-align:center;
	padding-top:20px;
}





.owl-wrap{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
}

#sync5 .item {
	position: relative; 
	margin: 0 auto;
    width: 100%;
    display: block;
}
#sync6 {
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-55px;
	width:110px;
	z-index:200;
}
#sync6 .item{
    text-align: center;
	margin:0 auto;
    cursor: pointer;
	height: 3px;
	max-width:40px;
	background:rgba(32,32,32,.1);
	z-index:200;
	border:1px solid #323232;
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
} 


 
.pricing{
	position: relative; 
	margin: 0 auto;
	background:#f1f1f1;
	padding-top:40px;
	padding-bottom:30px;
	text-align:center;
	border-radius:5px;
	margin-left:5px;
	margin-right:5px;
	z-index:2;
}
.pricing .background-center{
	position: absolute; 
	left:0;
	top:0;
	height:100%;
	width: 100%;
	background:#f1f1f1;
	box-shadow: 0 0 3px rgba(32,32,32,.15);
	-webkit-transform: scale(0.92);
	-moz-transform: scale(0.92);
	-ms-transform: scale(0.92);
	-o-transform: scale(0.92);
	transform: scale(0.92);
	border-radius:5px;
	z-index:-1;
} 
.pricing .background-left{
	position: absolute; 
	right:0;
	top:0;
	height:100%;
	width: 2000px;
	background:#f1f1f1;
	box-shadow: 16px 0 8px -8px rgba(32,32,32,.15);
	border-radius:5px;
	z-index:-1;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
} 
.pricing:hover .background-left{
	box-shadow: 12px 0 8px -8px rgba(32,32,32,.15);
}
.pricing .background-right{
	position: absolute; 
	left:0;
	top:0;
	height:100%;
	width: 2000px;
	background:#f1f1f1;
	z-index:-1;
	box-shadow: -16px 0 8px -8px rgba(32,32,32,.15);
	border-radius:5px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
} 
.pricing:hover .background-right{
	box-shadow: -12px 0 8px -8px rgba(32,32,32,.15);
} 
 
 

.featured{ 
} 
 
.plan-icon { 
	position:relative;
	font-family: 'FontAwesome';
	text-align:center;
	font-size:22px;
	line-height:22px;
	margin-bottom:20px;
} 
.pricing h5{ 
	padding-bottom:20px;
	color: #414141;
} 
.pricing h5 span{ 
	font-size:90%;
}
.featured h5{ 
}
.pricing p{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	letter-spacing:1px;
	text-align:center;
	text-transform:uppercase;
	font-size: 12px;
	line-height:22px;
	padding-bottom:10px;
}  
 
.cl-effect-12 a {
	position: relative;
	display: inline-block;
	margin: 10px 25px;
	outline: none;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 12px;
}
.cl-effect-12 a:hover,
.cl-effect-12 a:focus {
	outline: none;
}

.cl-effect-12 a::before,
.cl-effect-12 a::after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	border: 2px solid rgba(0,0,0,0.1);
	border-radius: 50%;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
	transform: translateX(-50%) translateY(-50%) scale(0.2);
}

.cl-effect-12 a::after {
	width: 20px;
	height: 20px;
	border-width: 4px;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
	-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
	transform: translateX(-50%) translateY(-50%) scale(0.8);
}

.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
	-moz-transform: translateX(-50%) translateY(-50%) scale(1);
	transform: translateX(-50%) translateY(-50%) scale(1);
}
 
 
/* #3rd Parallax Section
================================================== */
 
#sep3{
	position: relative; 
	margin: 0 auto;
	text-align:center;
	width: 100%;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
} 
 
.parallax3 {
	background: url('images/parallax/3.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax3 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax3 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax3 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}


#sep3 h3{
	text-align:center;
	color:#fff;
} 
#sep3 p{
	text-align:center;
	color:#f1f1f1;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 12px;
	line-height:12px;
	padding-bottom:5px;
} 
.line-paralax3{
	position:relative;
	text-align:center;
	margin:0 auto;
	padding-bottom:30px;
	margin-top:45px;
	width:70px;
	border-top:1px solid #fff;
}


#sep3 .cl-effect-12 a {
	margin: 0 25px;
	text-align:center;
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	width:180px;
	background:rgba(255,255,255,.9);
	height:50px;
	line-height:50px;
	border-radius:3px;
	letter-spacing: 3px;
	font-weight: 700;
	font-size: 12px;
	z-index:5;
}
#sep3 .cl-effect-12 a::before,
#sep3 .cl-effect-12 a::after {
	border: 2px solid rgba(0,0,0,0.1);
	z-index:2;
}
 
/* #Blog
================================================== */

#blog{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	background:#fff;
} 

.blog-wrap{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	background:#fff;
	margin-top:20px;
}
.post-wrap{
	position: relative; 
	margin: 0 auto;
	text-align:center;
	width: 50%;
	float:left;
	display:inline-block;
	overflow:hidden;
	z-index:2;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
}
.post-wrap img{
	width: 100%;
	height:auto;
	display:block;
}
.post-wrap .mask-blog{
	position: absolute;
	top:0;
	left:0;	
	width: 100%;
	height:100%;
	z-index:5;
	background:rgba(255,255,255,.7);
	-webkit-transition : all 0.2s ease-out;
	-moz-transition : all 0.2s ease-out;
	-o-transition :all 0.2s ease-out;
	transition : all 0.2s ease-out;
}
.post-wrap:hover .mask-blog{
	background:rgba(255,255,255,.8);
}
.post-wrap .mask-blog::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0px solid transparent;
	content: '';
	-webkit-transition: border-width 0.4s, border-color 0.4s;
	-moz-transition: border-width 0.4s, border-color 0.4s;
	-ms-transition: border-width 0.4s, border-color 0.4s;
	-o-transition: border-width 0.4s, border-color 0.4s;
	transition: border-width 0.4s, border-color 0.4s;
}
.post-wrap:hover .mask-blog::before{
	border-width: 20px;
	border-color: rgba(0,0,0,.2);
}




.post-wrap a {
	display:block;
	cursor:url('images/more.cur'),crosshair;
	cursor:url('images/more.png') 40 40,crosshair;
}
.post-wrap .doubleflip {
	position: absolute;
	top: 20px;
	right:20px;
	width: 70px;
	height: 70px;
	z-index:100;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	-ms-transition: -ms-transform 0.3s 0.3s;
	-o-transition: -o-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.post-wrap .doubleflip img{
	width: 70px;
	height: 70px;
	display:block;
}
.post-wrap:hover .doubleflip {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}





.post-wrap .doubleflip1 {
	position: absolute;
	top: 20px;
	right:90px;
	width: 70px;
	height: 70px;
	z-index:100;
	background:#323232;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	-ms-transition: -ms-transform 0.3s 0.3s;
	-o-transition: -o-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.post-wrap .doubleflip1 p{
	color:#f1f1f1;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 10px;
	line-height:20px;
	padding-top:15px;
}
.post-wrap .doubleflip1 p span{
}
.post-wrap:hover .doubleflip1 {
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transition-delay: 0.4s;
	-moz-transition-delay: 0.4s;
	-ms-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}


.post-wrap h4{ 
	position:absolute;
	top:50%;
	margin-top:-7px;
	left:0;
	width:100%;
	z-index:100;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	color:#323232;
	font-size: 14px; 
	line-height: 14px; 
	opacity:1;
}
.post-wrap .line-blog {
	position:absolute;
	top:50%;
	margin-top:-55px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:20px;
	opacity:.2;
	background:url('images/line-dark.jpg')no-repeat center center;
	z-index:100;
}
.post-wrap .line-blog1 {
	position:absolute;
	bottom:50%;
	margin-bottom:-55px;
	left:50%;
	margin-left:-1px;
	width:2px;
	height:20px;
	opacity:.2;
	background:url('images/line-dark.jpg')no-repeat center center;
	z-index:100;
}



.blog-button{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	background:#f2f2f2;
	padding-top:20px;
	padding-bottom:20px;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	font-size: 14px;
	line-height:20px;
	text-align:center;
	color:#323232;
	letter-spacing:2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:10px solid rgba(0,0,0,.1);
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
} 
.blog-button:hover{
	color:#fff;
} 





.post-wrap *, .post-wrap *:after, .post-wrap *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.post-wrap .clearfix:before, .post-wrap .clearfix:after { content: ''; display: table; }
.post-wrap .clearfix:after { clear: both; }




/* #Blog Post
================================================== */

#blog-post{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
} 

.blog-post-down{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	padding-bottom:80px;
	padding-top:80px;
	z-index:2;
}
.blog-post-down p{
	text-align:left;
	margin-bottom: 15px;
}  
.blog-post-down img{
	max-width: 100%;
	width:auto;
	height:auto;
	display:block;
}
.blog-post-down p span{
	text-align:left;
	font-size:150%;
}
.blog-padding{
	padding-bottom:20px;
}



.color-1 nav a {
	position: absolute;
	top: 50%;
	display: block;
	outline: none;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.color-1 nav a.prev {
	left: 0;
	text-align: left;
}

.color-1 nav a.next {
	right: 0;
	text-align: right;
}


.color-1 {
	position: relative;
	background: #606060;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	height:40px;	
 }

.nav-slide .icon-wrap {
	position: relative;
	z-index: 100;
	display: block;
	padding: 20px;
	background-color: #fff;
	font-family: 'FontAwesome';
	font-size: 14px; 
}



.nav-slide div {
	position: absolute;
	top: 50%;
	padding: 0 80px;
	background-color: #323232;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.nav-slide a.prev div {
	left: 0;
	padding-right: 120px;
	-webkit-transform: translateY(-50%) translateX(-100%);
	transform: translateY(-50%) translateX(-100%);
}

.nav-slide a.next div {
	right: 0;
	padding-left: 120px;
	-webkit-transform: translateY(-50%) translateX(100%);
	transform: translateY(-50%) translateX(100%);
}

.nav-slide h4 {
	position: relative;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	font-size:150%;
	white-space: nowrap;
}
.nav-slide a.next div h4 {
	margin-left: 20px;
}
.nav-slide a.prev div h4 {
	margin-right: 20px;
}

.nav-slide div h4 span {
	display: block;
	color: #95a5a6;
	font-style: italic;
	font-size: 45%;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

.nav-slide img {
	position: absolute;
	top: 0;
	height: 100%;
}

.nav-slide a.prev img {
	right: 0;
}

.nav-slide a.next img {
	left: 0;
}

.nav-slide a:hover div {
	-webkit-transform: translateY(-50%) translateX(0); 
	transform: translateY(-50%) translateX(0);
}


@media screen and (max-width: 520px) {

.nav-slide a.prev img {
	display:none;
}

.nav-slide a.next img {
	display:none;
}
.nav-slide a.prev div {
	padding-right: 20px;
}

.nav-slide a.next div {
	padding-left: 20px;
}
}



.blog-post-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	padding-top:70px;
	padding-bottom:70px;
}

#owl-blog .item img{ 
	width: 100%;
	height:auto;
	display:block;
} 

.blog-post{
	position:relative;
	margin:0 auto;
	width:calc(100% - 60px);
	background:#fff;
	padding:30px;
	margin-bottom: 20px;
}
.blog-post .item img{ 
	width: 100%;
	height:auto;
	display:block;
}
.blog-text-wrap{
	position:relative;
	margin:0 auto;
	width:100%;
	padding-top:30px;
}
.blog-text-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.blog-text-wrap img{
	float:left;
	width:70px;
	height:70px;
	border-radius:50%;
}
.blog-text-name{
	font-family: 'Lato', sans-serif;
	text-align:left;
	margin-left:90px;
	font-size:14px;
	line-height:14px;
	padding-bottom:10px;
	letter-spacing:1px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.blog-text-name:hover{
    opacity:.7;
}
.blog-text-wrap h3{
	text-align:left;
	margin-left:90px;
	line-height:36px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.blog-text-wrap h3:hover{
    opacity:.7;
}

.blog-post-3-qu{
	position:relative;
	margin:0 auto;
	width:100%;
}
.blog-post-3-qu h3{
	text-align:left;
	margin-left:0;
	line-height:36px;
	padding-bottom:20px;
}





.blog-text-date{
	font-family: 'Lato', sans-serif;
	text-align:left;
	margin-left:90px;
	font-size:14px;
	line-height:14px;
	color:#212121;
	padding-top:10px;
	padding-bottom:30px;
	letter-spacing:1px;
}
.blog-text-wrap p{
	text-align:left;
	margin-left:90px;
	font-size: 20px;
	line-height:32px;
	font-weight:300;
}
.blog-text-wrap p span{
	font-family: 'FontAwesome';
	margin-left:10px;
	line-height:20px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.blog-text-wrap p span:hover{
	color:#323232;
}
 
.qu-post .blog-text-date{
	padding-bottom:0;
}
.qu-post .blog-text-wrap{
	padding-top:0;
}
 

.blog-comments{
	position:relative;
	margin:0 auto;
	width:100%;
	padding-bottom:20px;
}

.blog-comments-post{
	position:relative;
	margin:0 auto;
	width:100%;
	padding-top:5px;
}
.blog-comments-post a{
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.blog-comments-post a:hover{
    color:#323232;
}
.blog-comments-post:after {
  content: '';
  display: block;
  clear: both;
}
.blog-comments-post img{
	float:left;
	width:80px;
	height:80px;
	display:block;
}
.blog-comments-post-rply {
	margin-left:40px;
}

.blog-comments-post p{
	margin-left:110px;
	text-align:left;
	padding-bottom:10px;
}

.blog-comments h5{
	text-align:left;
}




	.blog-comments input{
		/*width: calc(100% - 40px);*/
		border:none;
		background:#f1f1f1;
		font-family: 'Lato', sans-serif;
		font-weight:400;
		font-size:12px;
		line-height:18px;
		margin-bottom: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:20px;
		padding-right:20px;
	}
	.blog-comments textarea {
		width: calc(100% - 40px);
		background:#f1f1f1;
		font-family: 'Lato', sans-serif;
		font-weight:400;
		font-size:12px;
		line-height:18px;
		height:120px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:20px;
		padding-right:20px;
		border:none;
	}
.blog-comments button{
	text-align:center;
	background: #f5f5f5;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	font-size: 14px;
	line-height:22px;
 }
.blog-comments button:hover{
	background: #f8f8f8;
	color:#323232;
 }
 .blog-comments button:active,
	.blog-comments textarea:active,
	.blog-comments input:active {	
	  color: #333333;
	outline:1px solid #fff;}
	.blog-comments textarea:active,
	.blog-comments input:hover {	
	  color: #333333;
	outline:1px solid #fff;}
	.blog-comments textarea,
	.blog-comments input {	
	  color: #333333;
	outline:1px solid #fff;}

.blog-comments input[type="text"],
.blog-comments textarea[type="text"]{
}


















 
/* Blog Parallax Section
================================================== */
 
.parallax-blog {
	background: url('images/parallax/1.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-blog { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax-blog { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax-blog { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}


 
.parallax-blog1 {
	background: url('images/4.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-blog1 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax-blog1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax-blog1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}

 

 
.parallax-blog2 {
	background: url('images/5.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-blog2 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax-blog2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax-blog2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
 

 
.parallax-blog3 {
	background: url('images/6.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-blog3 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax-blog3 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax-blog3 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}



 
.parallax-blog4 {
	background: url('images/7.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-blog4 { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax-blog4 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax-blog4 { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}


 /* #Contact
================================================== */

#contact{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
	background:#fff;
	padding-bottom:40px;
} 
 

.owl-wrap-contact{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	z-index:2;
}

#sync7 .item {
	position: relative; 
	margin: 0 auto;
    width: 100%;
    display: block;
	padding-bottom:120px;
}
#sync7 .item h3{
	text-align:center;
	letter-spacing: 3px;
	font-size:200%;
}
.padding-bottom-contact{
	padding-bottom:45px;
}
#sync7 .item p{
	text-align:center;
	color:#909090;
	font-family: 'Lato', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 12px;
	line-height:12px;
}
#sync8 {
	position:absolute;
	bottom:10px;
	left:50%;
	margin-left:-105px;
	width:210px;
	z-index:200;
}
#sync8 .item{
	position:relative;
    text-align: center;
	margin:0 auto;
    cursor: pointer;
	height: 60px;
	width:60px;
	z-index:200;
	border-top:1px solid #fff;
	padding-top:25px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#sync8 .item:hover {
	background:url('images/arrow-up.png') no-repeat top center;
}
#sync8 .synced .item {
	background:url('images/arrow-up.png') no-repeat top center;
} 

.icon-contact {
	position: relative;
	width:60px;
	font-family: 'FontAwesome';
	text-align:center;
	font-size: 14px; 
	z-index:4;
}



	#ajax-form {
		width: 100%;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform:uppercase;
		margin-left: auto;
		margin-right: auto;
	color:#7a7a7a;
	text-align:left;
	}
	label {
		display: block;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform:uppercase;
		font-size:12px;
		line-height:12px;
		padding-bottom:10px;
	}
	input{
		width: 96%;
		border:none;
		background:#f1f1f1;
		font-family: 'Lato', sans-serif;
		font-weight:400;
		font-size:12px;
		line-height:18px;
		margin-bottom: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	textarea {
		width: 96%;
		background:#f1f1f1;
		font-family: 'Lato', sans-serif;
		font-weight:400;
		font-size:12px;
		line-height:18px;
		height:120px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:0;
		padding-right:0;
		border:none;
	}
	.error {
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform:uppercase;
		font-size:12px;
		line-height:18px;
		display: none;
	}
	#ajaxsuccess {
		background: #f5f5f5;
		color:#000;
		font: 20px/60px 'OpenSans-Light-webfont';
		height:60px;
		display: none;
		padding-left:10px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
#err-form{
	text-align:center;
}
#ajax-form button{
	text-align:center;
	background: #f1f1f1;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	font-size: 14px;
	line-height:22px;
 }
#ajax-form button:hover{
	background: #f8f8f8;
 }
 #ajax-form button:active,
	#ajax-form textarea:active,
	#ajax-form input:active {	
	  color: #333333;
	outline:1px solid #fff;}
	#ajax-form textarea:active,
	#ajax-form input:hover {	
	  color: #333333;
	outline:1px solid #fff;}
	#ajax-form textarea,
	#ajax-form input {	
	  color: #333333;
	outline:1px solid #fff;}

#ajax-form input[type="text"]{
	padding-left:2%;
	padding-right:2%;
}
#ajax-form input[type="text"], textarea{
	padding-left:2%;
	padding-right:2%;
}





#map{
	position: relative;
  display: block;
  width: 100%;
  margin-top:15px;
  height: 410px;
}
.overlay{
  display:block;
  z-index:10;
  text-align:center;
  height:80px;
  width:102px;
  background:transparent url(images/marker.png)no-repeat bottom center;
}
.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-13px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #000;
}
.overlay_arrow.below{
  top:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-bottom:16px solid #000;
}





 
/* #footer
================================================== */

#footer{
	position: relative; 
	margin: 0 auto;
	width: 100%;
	background:#323232;
	padding-top:80px;
	padding-bottom:55px;
}
#footer .back-top{
	position: absolute; 
	cursor:pointer;
	top:-10px;
	left:50%;
	margin-left:-20px;
	width:40px;
	height:40px;
	font-family: 'FontAwesome';
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	text-align:center;
	z-index:1000;	
	font-size: 22px;
	line-height: 40px;
	background:#323232;
	-webkit-box-shadow: 0 -5px 15px -5px #000;
	-moz-box-shadow: 0 -5px 15px -5px #000;
	box-shadow: 0 -5px 15px -5px #000;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
#footer .back-top:hover{
	background:#323232;
	-webkit-box-shadow: 0 -5px 5px -5px #000;
	-moz-box-shadow: 0 -5px 5px -5px #000;
	box-shadow: 0 -5px 5px -5px #000;
}
#footer p{
	font-size: 12px;
	line-height:22px;
	text-align:center;
	padding-bottom:5px;
	color:#f8f8f8;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	font-size: 11px;
	line-height:22px;
	letter-spacing: 1px;
}  
.icon-footer{
	font-family: 'FontAwesome'; 
	font-size: 14px;
	line-height: 22px;
	text-align:center;
	margin:0 auto;
	z-index:6;
	padding-left:4px;
	padding-right:4px;
} 


.social-bottom{ 
	position:relative;
	width:100%;
	z-index:1002;
	padding-top:5px;
	padding-bottom:5px;
	height:30px;
	text-align:center;
}
.list-social1 li {
    padding:0; 
    list-style: none;
	text-align:center; 
	width:24px;
    display: inline-block;
	cursor:pointer;
	margin-left:2px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}

.list-social1 li.icon-soc1 a {
	font-family: 'FontAwesome';
	font-size: 14px;
	line-height: 30px;
	width:24px;
	opacity:1;
	margin:0;
	padding:0;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; 
}
.list-social1 li:hover{
}
.list-social1 li:hover.icon-soc1 a{
	opacity:.6;
}









 
/* #Media Queries
================================================== */


@media only screen and (max-width: 800px) {


.blog-comments-post img{
	float:none;
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
}
.blog-comments-post-rply {
	margin-left:0;
}

.blog-comments-post p{
	margin-left:0;
	text-align:center;
}


.blog-text-wrap img{
	float:none;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
	display:block;
}
.blog-text-wrap h3{
	text-align:center;
	margin-left:0;
	font-size: 20px; 
	line-height: 26px
}
.blog-text-wrap p{
	text-align:center;
	margin-left:0;
}
.blog-text-date{
	text-align:center;
	margin-left:0;
}
.blog-text-name{
	text-align:center;
	margin-left:0;
}


.logo{
	width:80px;
	height:50px;
	left:10px;
	top:10px;
	background:url('images/logo.png') no-repeat center center;
	background-size:80px 50px;
}
.cbp-af-header.cbp-af-header-shrink .logo{
	width:80px;
	height:50px;
	left:10px;
	top:10px;
	background:url('images/logo1.png') no-repeat center center;
	background-size:80px 50px;
	-webkit-transition : all 0.5s ease-out;
	-moz-transition : all 0.5s ease-out;
	-o-transition :all 0.5s ease-out;
	transition : all 0.5s ease-out;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a {
    border-bottom:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li a:hover {
    border-bottom:none;
	background:none;
}
.cbp-af-header.cbp-af-header-shrink ul.slimmenu li {
	background:none;
}
ul.slimmenu li a: {
    border-bottom:none;
}
ul.slimmenu li a:hover {
    border-bottom:none;
	background:none;
}
ul.slimmenu li {
	background:none;
}
ul.slimmenu li > ul {
    width: 100%;
	text-align:right;
}
.post-wrap .doubleflip {
	display:none;
}
.post-wrap .doubleflip1 {
	display:none;
}
.home-big-text {
	margin-top:-79px;
	font-size: 55px; 
	line-height:55px;
}
.home-small-text {
	margin-top:6px;
	font-size: 12px; 
	line-height:12px;
}
.line {
	margin-top:-129px;
}
.line1 {
	margin-top:55px;
}
#filter li a:after {
	content:none;
	padding-left:0;
}
#sync7 .item h3{
	font-size:140%;
	letter-spacing: 3px;
}
}

@media only screen and (max-width: 1100px) {
.post-wrap{
	width: 100%;
}
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.portfolio-box{
	width: 50%;
} 
.pricing .background-left{
	display:none;
} 
.pricing .background-center{
	display:none;
} 
.pricing .background-right{
	display:none;
}  
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.portfolio-box{
	width: 50%;
} 
.pricing .background-left{
	display:none;
} 
.pricing .background-center{
	display:none;
} 
.pricing .background-right{
	display:none;
} 
}

@media only screen and (max-width: 319px) {
.portfolio-box{
	width: 100%;
} 
.pricing .background-left{
	display:none;
} 
.pricing .background-center{
	display:none;
} 
.pricing .background-right{
	display:none;
} 
.team-info h5{
	padding-top:50px;
}
.team-info1 h5{
	padding-top:50px;
}
}



/* #Font-Face
================================================== */



@font-face {
    font-family: 'OpenSans-Light-webfont';
    src: url('css/font/OpenSans-Light-webfont.eot');
    src: url('css/font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/font/OpenSans-Light-webfont.woff') format('woff'),
         url('css/font/OpenSans-Light-webfont.ttf') format('truetype'),
         url('css/font/OpenSans-Light-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GarnataRegular';
    src: url('css/font/GarnataRegular.eot');
    src: url('css/font/GarnataRegular.eot?#iefix') format('embedded-opentype'),
         url('css/font/GarnataRegular.woff') format('woff'),
         url('css/font/GarnataRegular.ttf') format('truetype'),
         url('css/font/GarnataRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
   /* #Blog single
================================================== */
 #blog-single .single-title {
	padding: 20px 0px;
 }
#blog-single .blog-text-date {margin-left: 0px;padding-top: 0px;padding-bottom: 20px;}
.paragraf-left {
	padding-left:20px;
	margin-left:40px;
}
.caps{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size:44px;
	font-size:40px;
    float: left;
    padding-right: 10px;
    padding-top: 12px;
}
.blog-post .tag11{
	margin-top:20px;
	margin-bottom:0;
}
pre, code {
    background-color: #F9F9F9;
    border-color: rgba(180,180,180,1);
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    display: block;
	font-family: 'Open Sans', sans-serif;font-weight: 300;
    font-size: 14px;
    padding: 10px;
}

pre, code {
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
	word-wrap: break-word;
} 
 
 
.blog-post .post{
	position: relative; 
	border-top:3px double rgba(200,200,200,.7);
	border-bottom:3px double rgba(200,200,200,.7);
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
	margin-right:20px;
}
.blog-post .post img{
	width: 100px;
	height:100px;
	float:left;
}
.blog-post .post h6{
	text-align:left;
	padding-left:120px;
	padding-bottom:0;
}
.blog-post .post  p{
	text-align:left;
	padding-left:120px;
}
.blog-post .post h6 span{
	opacity:.5;
}
.blog-post .post h6 a {color: #f1c40f;}
.post-down{
	position: relative; 
	border-top:3px double rgba(200,200,200,.7);
	border-bottom:3px double rgba(200,200,200,.7);
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
}
.post-down .rpl-but{
	position:absolute;
	z-index:2;
	top:20px;
	right:0;
	height:26px;
	width:60px;
	text-align:center;
	background:rgba(6,6,6,.6);
	font-family: 'Open Sans', sans-serif;font-weight: 300;
	font-weight: 400;
	font-size: 12px;
	line-height:26px;
	text-transform:uppercase;
	cursor:pointer;
	color:#fff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.post-down .rpl-but a.comment-reply-link{
    color:#fff;
}
.post-down .rpl-but:hover{
	background:rgba(6,6,6,.9);
}
.margin-rpl{
	margin-left:60px;
}
.post-down img{
	width: 100px;
	height:100px;
	float:left;
}
.post-down h6{
	text-align:left;
	padding-left:120px;
	padding-bottom:20px;
	text-transform:none;
}
.post-down  p{
	text-align:left;
	padding-left:120px;
}
.post-down h6 span{
	opacity:.4;
	font-weight: 400;
	font-size:80%;
}
 .comment-reply-title {font-size: 16px;padding-top: 40px; text-align: left;}
 ul.children div.blog-comments{
 	margin-left: 60px;
 }


/**** Css them cua vuong ****/

.widget{
	position: relative; 
	width: 100%;
	padding-bottom:50px;
}
.widget h6{
	text-align:left;
	padding-bottom:20px;
}
.widget_recent_entries ul li{
	position: relative; 
	width: 100%;
	height:100%;
	background:rgba(220,220,220,.4);
	text-align:center;
	line-height:35px;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:5px;
	cursor:pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.widget_recent_entries ul li:last-child{
	margin-bottom:0;
}
.widget_recent_entries ul li a{
	color:#827b7d;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.widget_recent_entries ul li span{
	font-family: 'Lato', sans-serif;
	font-weight:700;
}
.widget_recent_entries ul li span:before{
	content:'/';
	padding-left:10px;
	padding-right:10px;
}
.widget_recent_entries ul li:hover a{
	color:#000;
}
.widget_recent_entries ul li:hover{
	background:rgba(220,220,220,.7);
}

.widget_categories ul li, .widget_archive ul li{
  display: block;
  line-height: 28px;
  color: #f1c40f;
}
.widget_categories ul li a, .widget_archive ul li a{
	color:#827b7d;
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:8px;
	background:url('images/arrow-next.png') no-repeat left center;
	text-align:left;
	padding-left:20px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.widget_categories ul li a:last-child, .widget_archive ul li a:last-child {
	margin-bottom:0;
}
.widget_categories ul li a:hover, .widget_archive ul li a:hover{
	color:#000;
	padding-left:30px;
}
.widget_meta abbr {
  border-bottom: 1px dotted #999;
  cursor: help;
  color: #f1c40f;
}
.widget_meta ul li {line-height: 28px;}
.widget_meta ul li a {color: #827b7d;}

.tag11, .wp-tag-cloud li { 
	padding-left:20px;
	padding-right:20px;
	display:inline-block;
	margin-right:5px;
	height:30px;
	background:rgba(220,220,220,.4);
	text-align:center;
	line-height:30px;
	font-size:10px;
	text-transform:uppercase;
	margin-bottom:5px;
	cursor:pointer;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.tag11 a, .wp-tag-cloud li a{
	color:#827b7d;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.tag11:hover a, .wp-tag-cloud li:hover a{
	color:#000;
}
.tag11:hover, .wp-tag-cloud li:hover{
	background:rgba(220,220,220,.7);
}
.widget_recent_comments ul li {line-height: 28px;}
.widget_recent_comments ul li a {color: #827b7d;}
.widget_recent_comments ul li a:hover {color: #C3512F;}

 
/*-----------------------------------------------------------------------------------*/
/*	SEARCH FORM
/*-----------------------------------------------------------------------------------*/
.search_form {position:relative;}
.search_form:before {
	content: "\f002";
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:51px;
	font-family:FontAwesome;
	line-height:49px;
	text-align:center;
	font-size:20px;
	color:#ccc;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.search_form:hover:before {color:#f1c40f;}

.search_form input {
	margin:0;
	padding:13px 0 14px 10px;	
	color:#ccc;
	background:none;
	border:2px solid #ccc;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.search_form input:focus {border-color:#f1c40f; color:#333;}

.search_form input.search_btn {
	width:100%;
	margin:0;
	padding:12px 55px 13px 17px;
	background-color: rgba(81,81,81,0.5);
	line-height:20px;
	font-size:12x;
	color:#b5b5b5;
}
.search_form input.search_btn {
	position:absolute;
	z-index:1;
	top:0;
	right:0;
	width:46px;
	height:54px;
	padding:0;
	border:0;
	text-indent:-999px;
	background: none !important;
}
.search_form input.search_btn:hover {
	border:0;
	background-color:#008da8;
}
/* #Home Parallax
================================================== */

.parallax-home {
	background: url('images/moveimage.jpg') repeat fixed;
	background-size: cover;
	position: absolute;
	top: 0; 
	left: 0; 
	right: 0;
	bottom: 0;
	z-index: -1;
	width:100%;  
}
@media only screen and (min-width: 1930px) { .parallax-home { background-size: cover; } }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
@media only screen and (max-width: 959px) {
	.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }
}
/*Home Video*/
#video_background { 
	position: absolute; 
	bottom: 0; 
	left: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}
/*-----------------------------------------------------------------------------------*/
/*	CALENDAR STYLES WIDGET
/*-----------------------------------------------------------------------------------*/
.widget_calendar {float: none;}
#wp-calendar {width: 100%; }
#wp-calendar caption { 
	background: none repeat scroll 0 0 #E9E9E9;
	color: #333333;
	font-size: 16px;
	padding: 10px 0;
	text-align: center;	
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th {
	border: 1px solid #E9E9E9;
	font-size: 13px;
	padding: 8px 0;
	text-align: center;
	vertical-align: middle;
}
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #E9E9E9; text-align: center; padding:8px;}
#wp-calendar tbody td#today {background: #cbab82;color: #fff;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot {border: 1px solid #E9E9E9;}
#wp-calendar tfoot #next { font-size: 12px; text-transform: uppercase; text-align: right; color: #cbab82;}
#wp-calendar tfoot #prev { font-size: 12px; text-transform: uppercase; padding-top: 10px; color: #cbab82;}
.widget select {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
.widget_text .textwidget img{max-width: 100%;height: auto;}
.widget_text select, .widget_text input , .widget_text textarea  {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
.widget_text option {max-width: 100%;}

.blog-post img{ max-width:100%; }
.blog-post-down img{display: inline-block;}
a.rsswidget img{ width: auto;}
img.wp-smiley {width: auto;}
div.wp-caption{
	max-width: 100%;
}
/*Custom*/
input#submit{
	text-align: center;
	background: #f5f5f5;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 22px;
	color: #cfa144;
	width: 100%;
}
input#submit:hover {
background: #f8f8f8;
color: #323232;
}
.pagination {
	position: relative;
	text-align: center;
}
.pagination ul li {
	border: 2px solid #CCC;
	display: inline-block;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	width: 35px;
	cursor: pointer;
	color: #ccc;
	margin-right: 5px;
}
.pagination ul li a {
	color: #ccc;
}
.pagination ul li a.current, .pagination ul li span.current, .pagination ul li a:hover {
	color: #f1c40f;
}
a#notfound {
	color: white;
	border: 1px gray solid;
	padding: 5px;
}
a#notfound:hover{
	background-color: white;
	color: #cfa144;
}
.bg-fixed .row {
margin-bottom: 0px !important;
}
#map{
	width: auto !important;
	height: 410px !important;
}
/*Contact Form*/
#ajax-form input#send:hover {
background: #f8f8f8;
}

#ajax-form input#send {
text-align: center;
background: #f1f1f1;
font-family: 'Lato', sans-serif;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
color: #cfa144;
}

#ajax-form input[type="email"] {
padding-left: 2%;
padding-right: 2%;
}
.tagss a{
	margin-top: 20px;
margin-left: 20px;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
display: inline-block;
margin-right: 5px;
height: 30px;
background: rgba(220,220,220,.4);
text-align: center;
line-height: 30px;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 5px;
cursor: pointer;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
font-size: 12px;
color: #827b7d;
}
.tagss a:hover{
	color:#000;
	}
.search_form input#s{
	width: 98%;
}
div.nonbg{
	height: 200px !important;
	color: #414141;
	background-color: #606060;
}
div.nonbg .home-big-text{
	margin-top: 0px;
}
.blog-post-down ul{
	padding-left: 20px;
}
/*********************CUSTOM**************************/
.position-fix div img
{
	left: 0;
}
.ult-ih-info-back
{
	border-radius: 5px!important;
}
.ult-ih-item.ult-ih-square .ult-ih-image-block img.ult-ih-image
{
	border-radius: 5px!important;
}
.upb_row_bg img.ultimate_h_parallax
{
	left: 50%;
	margin-left: -2000px;
	margin-top: -600px;
	top: 50%;
}
.width div img
{
	width: 100%;
}
.home iframe
{
	width: 100%!important;
}
#footer
{
	background: url("https://micross.gr/oneclick/wp-content/uploads/2014/12/IMG_7256-e1421964437163.jpg") repeat scroll 150px 550px / 90% auto rgba(0, 0, 0, 0) !important;
}
.custom-social
{
	float: right;
	left: 100px;
	position: relative !important;
	top: -50px;
	width: 120px !important;
}
.container .one-third.column
{
	left: 130px;
	position: relative;
}
.container .two-thirds.column
{
	left: -150px;
	position: relative;
}
#home
{
	background-color: transparent!important;
}