@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic);

@import url(http://fonts.googleapis.com/css?family=Courgette&subset=latin,latin-ext);



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





b
{
    color: #323232;
}

a:hover
{
    text-decoration: underline;
}


/* #Color Panel

================================================== */





#switch {

background: #fff;

position: fixed;

display: none;

top: 176px;

z-index: 99999;

width:200px;

margin-left: -100px;

border-radius: 0 5px 5px 0;

-webkit-box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.2);

box-shadow: 0px 0px 4px 0px rgba(51, 51, 51, 0.2);}

#switch p {margin-bottom: 10px; padding-bottom: 15px; padding-top: 5px; border-bottom:#ededed 1px solid; }

#switch ul li {text-transform:uppercase;margin-bottom:0;font-size:12px; display:inline-block;}



	#show {

		z-index: 99999;

		margin-left:0px;

		position:fixed;left:0;

		top:176px;

		background: rgba(40,40,40,.8);

		border-radius:0 3px 3px 0;

		margin-top:10px;

		padding: 20px 5px ;

		cursor: pointer;

	}

#hide {cursor:pointer;line-height:13px;margin-bottom:0px;font-size: 12px;margin-bottom: 0px;}

#setting {

	height: 50px;

	background-image: url('../images/option_panel.png');

	background-repeat:no-repeat;

	background-size:20px 50px;

	width: 20px;

}



.wrap_pattern,.switchlayout {margin-bottom:10px;}

.wrap_pattern p {margin-bottom: 5px;}

.content-switcher{

padding: 16px;

overflow: hidden;

}

.content-switcher .m-btn{padding: 5px 10px;

font-size: 12px;

min-width: 70px;

}



.button.small.color.switch {font-size: 12px;text-transform: none;width: 40px;margin: 5px 0px; font-weight: normal;

text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); letter-spacing: 0;}



#hide {

	position:absolute;

	background-color:#fff;

	height:30px;

	width:30px;

	top:7px;

	right:7px;

	border-radius: 0 5px 0px 0;

	

}



#hide img {

	height:30px;

	width:30px;

	opacity:0.3;

	transition:all 0.3s ease 0s;

	-moz-transition:all 0.3s ease 0s;

	-webkit-transition:all 0.3s ease 0s;

	-o-transition:all 0.3s ease 0s;

}



#hide img:hover {

	opacity:0.7;

}





#switch .button {

	border-radius: 2px;

    cursor: pointer;

    display: inline-block;

    margin-left:5px;

    margin-top:5px;

	height: 15px;

    padding: 5px;

    width: 15px;

	color:#000;

}

#switch .button-2 {

	border-radius: 2px;

    cursor: pointer;

    display: inline-block;

    margin-top:5px;

	height: 32px;

	font-size:10px;

    line-height:32px;

    width: 80px;

	color:#323232;

	background:#f1f1f1;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

#switch .button-2:hover {

	color:#fff;

	background:#323232;

}



#switch p {

	margin-top:5px;

	font-size:15px;

}



.styled-select select {

   background:#f5f5f5;

   border:#ededed 1px solid;

   width: 270px;

   padding: 5px;

   font-size: 13px;

   line-height: 1;

   outline:none;

   border-radius: 3px;

   height: 34px;

   -webkit-appearance: none;

   margin:10px 0;

}



.home-options {

	position:relative;

	width:100%;

	margin-top:10px;

   text-align:center;

   margin:0 auto;

}

.home-options a{

   background:#f5f5f5;

   border:#ededed 1px solid;

   font-size: 13px;

   padding: 5px 30px;

   line-height:40px;

   outline:none;

   text-align:center;

   color:#000;

}

.home-options a:hover{

   background:#f1f1f1;

}



/* #PAGE LOAD */



body.royal_loader {

    background: none;

    visibility: hidden;

}

#royal_preloader {

    width: 100%;

    height: 100%;

    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 0s;

       -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 0s;

}

#royal_preloader.complete {

    opacity: 0;

}

#royal_preloader .background {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: 0px;

    background-color: #000000;

    -webkit-transition: background 0s linear;

       -moz-transition: background 0.5s linear;

        -ms-transition: background 0.5s linear;

         -o-transition: background 0.5s linear;

            transition: background 0s 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 0s;

       -moz-animation: fly 0.3s;

        -ms-animation: fly 0.3s;

         -o-animation: fly 0.3s;

            animation: fly 0s;

}

#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 0s;

       -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 0s;

}

#royal_preloader.text .loader {

    position: absolute;

	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;

    font-size: 30px;

    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 0s linear;

       -moz-transition: left 0.3s linear;

        -ms-transition: left 0.3s linear;

         -o-transition: left 0.3s linear;

            transition: left 0s linear;

}

#royal_preloader.logo .loader {

    width: 204px;

    height: 28px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -14px 0px 0px -102px;

	background-size:200px 28px;

    overflow: hidden;

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: cover;

}

#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 0s linear;

       -moz-transition: bottom 0.3s linear;

        -ms-transition: bottom 0.3s linear;

         -o-transition: bottom 0.3s linear;

            transition: bottom 0s linear;

}

#royal_preloader.logo .percentage {

    position: absolute;

    width: 80px;

    height: 40px;

    line-height: 40px;

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	font-size: 13px;

	letter-spacing:2px;

    top: 50%;

    left: 50%;

    margin: 20px 0px 0px -40px;

    color: #212121;

    text-align: center;

}



@-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: #efefef;

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

}



.alpha80 {

background-color: rgb(255, 255, 255);

background-color: rgba(255, 255, 255, 0.9);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

/* background: transparent; */

}



.cbp-af-header {

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

}



.cbp-af-header.cbp-af-header-shrink {

  

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

}

.cbp-af-header.cbp-af-header-shrink .logo{

	width:116px;

	height:33px;

	top:22px;

	background:url('../images/logo.png') no-repeat center center;

	background-size:116px 16px;

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

}



.cbp-af-header.cbp-af-header-shrink ul.slimmenu {

	margin-top:5px;

	margin-bottom:4px;

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

}

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

}

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

}



#number6{

  margin-left: -5px;

  width: 20px;

}









.logo{

	position:absolute;

	width:145px;

	height:97px;

	z-index:10000;

	left:20px;

	top:20px;

	background:url('../images/logo.png') no-repeat center center;

	background-size:145px 20px;

}







.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

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

}

.collapse-button {

    position: absolute;

    right: 8px;

    top: 60%;

    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:center;

	margin-top:33px;

	margin-bottom:30px;

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

}

ul.slimmenu li {

    position: relative;

    display: inline-block;

	background:url('../images/line.png') 0 14px no-repeat;

	background-size:15px 10px;

	padding-left:20px;

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

}

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: #323232;

    padding: 10px 0px;

	cursor:pointer;

    margin: 0px 12px;

	font-family: 'Open Sans', sans-serif;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:2px;

    border-bottom:1px solid rgba(0,0,0,0);

    font-size: 13px;

    -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{

	min-height:800px;

}







.section {

	position:relative;

	margin:0 auto;

}



/* #Boxed or Full-Width

================================================== */

.boxed-width {

	width:100%;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

}

/* ================================================== */





.boxed-width-menu {

	width:calc(100% - 300px);

}

.padding-top-bottom{

	padding-top:110px;

	padding-bottom:130px;

}

.padding-top-bottom0{

  padding-top:180px;

  padding-bottom:130px;

}

.padding-top{

	padding-top:110px;

}

.padding-bottom{

	padding-bottom:130px;

}

.white-background {

	background-color:#fff;

}

.grey-background {

	background-color:#f7f7f7;

}



.section-padding-bottom{

	padding-bottom:40px;

}









.cd-intro {

	position:absolute;

	left:0;

	top:50%;

	margin-top:-130px;

	margin-left:10%;

	width: 80%;

	z-index:10;

}

.cd-intro h1 {

	font-size: 90px; 

	line-height:100px;

	text-align: left;

	letter-spacing:3px;

	font-weight: 700;

}

.cd-headline {

}

.cd-words-wrapper {

  display: inline;

  position: relative;

  text-align: left;

}

.cd-words-wrapper b {

  display: inline;

  position: absolute;

  white-space: nowrap;

  left: 0;

  top: 0;

}

.cd-words-wrapper b.is-visible {

  position: relative;

}

.no-js .cd-words-wrapper b {

  opacity: 0;

}

.no-js .cd-words-wrapper b.is-visible {

  opacity: 1;

}

.cd-headline.loading-bar span {

  display: inline;

}

.cd-headline.loading-bar .cd-words-wrapper {

  overflow: hidden;

  vertical-align: top;

}

.cd-headline.loading-bar .cd-words-wrapper::after {

  /* loading bar */

  content: '';

  position: absolute;

  left: 0;

  bottom: 0;

  height: 3px;

  width: 0;

  z-index: 2;

  -webkit-transition: width 0.3s -0.1s;

  -moz-transition: width 0.3s -0.1s;

  transition: width 0.3s -0.1s;

}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {

  width: 100%;

  -webkit-transition: width 3s;

  -moz-transition: width 3s;

  transition: width 3s;

}

.cd-headline.loading-bar b {

  top: .2em;

  opacity: 0;

  -webkit-transition: opacity 0.3s;

  -moz-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

.cd-headline.loading-bar b.is-visible {

  opacity: 1;

  top: 0;

}







.black-heavy-2{

	position:absolute;

	width:100%;

	left:0;

	top:50%;

	margin-top:-65px;

	color:#212121;

	text-transform: uppercase;

	font-family: 'Open Sans', sans-serif;

	font-weight:800;

	letter-spacing:2px;

	font-size:70px;

	line-height:80px;

	text-align:center;

}

.black-small{

	position:absolute;

	width:100%;

	left:0;

	top:50%;

	margin-top:40px;

	color:#424242;

	text-transform: uppercase;

	font-family: 'Open Sans', sans-serif;

	font-weight:800;

	letter-spacing:5px;

	font-size:32px;

	line-height:32px;

	text-align:center;

}



.scroll-down-middle{

	position:absolute;

	left:50%;

	margin-left:-20px;

	bottom:40px;

	font-family: 'FontAwesome';

	font-size: 17px;

	line-height:40px;

	width:40px;

	height:40px;

	text-align:center;

	background:rgba(0,0,0,.9);

	border-radius:3px;

    text-transform: uppercase;

	letter-spacing:2px;

	color:#fff;

	z-index:50;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.scroll-down-middle:hover{

	color:#000;

}









.small-intro {

	position:absolute;

	left:0;

	top:50%;

	margin-top:120px;

	margin-left:10%;

	width: 80%;

	font-family: 'Open Sans', sans-serif;

	font-weight:700;

	font-size: 22px;

	line-height:32px;

	text-align:left;

	color:#707070;

	z-index:10;

}





.scroll-down{

	position:absolute;

	left:10%;

	bottom:50px;

	font-family: 'Open Sans', sans-serif;

	font-weight:700;

	font-size: 13px;

	line-height:16px;

    text-transform: uppercase;

	letter-spacing:2px;

	text-align:left;

	color:#202020;

	z-index:10;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear; 

}

.scroll-down span{

	font-family: 'FontAwesome';

	padding-right:5px;

}



.home-background-mask{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:#f9f9f9;

	opacity:.77;

	z-index:1;

}







.header-section-text{

	position:relative;

	width:100%;

	padding-bottom:40px;

}

.header-section-text h2{

	z-index:2;

}

.sub-top{

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

    text-transform: uppercase;

	letter-spacing:2px;

	font-size: 18px;

	line-height:24px;

	color:#999999;

	text-align:center;

	padding-bottom:10px;

	z-index:2;

}

.sub-line{

  border-bottom:2px solid #005a93;

	position:relative;

	margin:0 auto;

	width:40px;

	height:0;

	margin-top:20px;

}

.text-padding{

	padding-bottom:20px;

}



.section-separator-line{

	position:relative;

	width:100%;

	max-width:350px;

	margin:0 auto;

	opacity:.3;

	margin-bottom:80px;

	padding-bottom:80px;

}



/* #About

================================================== */

.abouttitle{
    margin-bottom: 20px;
}

.about-carousel-wrap{ 

	position:relative;

	width:100%;

	margin:0 auto;

	overflow:hidden;

	z-index:2;

} 



#sync1 .item {

	position: relative; 

	margin: 0 auto;

    width:100%;

    display: block;

}

#sync1 .item:after {

  content: '';

  display: block;

  clear: both;

}

#sync1 .item img{

}

#sync1 .item p{

	width:100%;

	max-width:800px;

	margin: 0 auto;

}

#sync1 .item h6{

}

#sync2 {

	position:relative;

	width:100%;

	max-width:550px;

	margin:0 auto;

}

#sync2 .item{

	width:80%;

	margin-left:10%;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

	z-index:200;

	cursor:pointer;

	margin-top:80px;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

#sync2 .item .line{

	position:absolute;

	width:100%;

	height:1px;

	top:80px;

	left:-100%;

	z-index:1px;

	background:#212121;

	opacity:0;

	-webkit-transition: -webkit-transform 0.3s;

	transition: transform 0.3s;

}

#sync2 .item .point-item {

	position: absolute;

	border-radius: 50%;

	width: 7px;

	height: 7px;

	background:#212121;

	z-index:1;

	top:40px;

	left:50%;

	margin-left:-3px;

	opacity:0;

	-webkit-transition: -webkit-transform 0.6s;

	transition: transform 0.6s;

}





#sync2 .item .line-ver{

	position:absolute;

	width:1px;

	height:20px;

	top:40px;

	left:50%;

	z-index:1px;

	background:#212121;

	opacity:0;

	-webkit-transition: -webkit-transform 0.4s;

	transition: transform 0.4s;

}

#sync2 .item p{

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	font-size: 12px;

	line-height:25px;

	padding-top:10px;

	color:#212121;

    text-transform: uppercase;

	letter-spacing:3px;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

#sync2 .item:hover p{

}

#sync2 .synced .item {

}





#sync2 .synced .item .line{

	-webkit-transform: translate3d(100%,0,0);

	transform: translate3d(100%,0,0);

	opacity:1;

}

#sync2 .synced .item .line-ver{

	-webkit-transform: translate3d(0,100%,0);

	transform: translate3d(0,100%,0);

	opacity:1;

}

#sync2 .synced .item .point-item {

	-webkit-transform: translate3d(0,100%,0);

	transform: translate3d(0,100%,0);

	opacity:1;

}

#pp {
    width: 100%;
    height: auto;
    display: block;
	margin-bottom: 20px;
}

.aboutpoint{
    float: left;
    text-align: left;
    padding-bottom: 20px;
    max-width: 480px;
    font-size: 16px;
    /* line-height: 150%; */
    color: #323232;
    }










@media only screen and (min-width: 768px) {
    .cd-single-item {

    display: block
;
    /* justify-content: center; */
    align-items: center;
  position: relative;

  background: #ffffff; }}

.cd-single-item {

    display: flex
;
    /* justify-content: center; */
    align-items: center;
  position: relative;

  background: #ffffff; }



.cd-slider-wrapper {

  position: relative;

  z-index: 1;

  -webkit-transition: width 0.4s;

  -moz-transition: width 0.4s;

  transition: width 0.4s;

  /* Force Hardware Acceleration in WebKit */

  -webkit-transform: translateZ(0);

  -moz-transform: translateZ(0);

  -ms-transform: translateZ(0);

  -o-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  will-change: width; }

  @media only screen and (min-width: 1024px) {

    .cd-slider-wrapper {

      width: 50%; }

      .cd-slider-active .cd-slider-wrapper {

        width: 100%; } }



.cd-slider {

  position: relative;

  z-index: 1;

  overflow: hidden; }

  .cd-slider::before {

    /* never visible - this is used in jQuery to check the current MQ */

    content: 'mobile';

    display: none; }

  .cd-slider li {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    height: 100%;

    width: 100%;

    -webkit-transform: translateX(100%);

    -moz-transform: translateX(100%);

    -ms-transform: translateX(100%);

    -o-transform: translateX(100%);

    transform: translateX(100%);

    -webkit-transition: -webkit-transform 0.3s;

    -moz-transition: -moz-transform 0.3s;

    transition: transform 0.3s; }

    .cd-slider li img {

    max-width: 100%;
    height: auto;
    /* display: block; */
    /* width: AUTO; */
    MAX-HEIGHT: 490PX;
      display: block;

      width: 100%; }

    .cd-slider li.selected {

      position: relative;

      z-index: 2;

      -webkit-transform: translateX(0);

      -moz-transform: translateX(0);

      -ms-transform: translateX(0);

      -o-transform: translateX(0);

      transform: translateX(0); }

    .cd-slider li.move-left {

      -webkit-transform: translateX(-100%);

      -moz-transform: translateX(-100%);

      -ms-transform: translateX(-100%);

      -o-transform: translateX(-100%);

      transform: translateX(-100%); }

  @media only screen and (min-width: 1024px) {
    .cd-slider li img {
        margin-left: 60PX;
    max-width: 100%;
    height: auto;
    /* display: block; */
    /* width: AUTO; */
    MAX-HEIGHT: 490PX;
      display: block;

      width: auto; }

    .cd-slider {

    }

      .cd-slider::before {

        /* never visible - this is used in jQuery to check the current MQ */

        content: 'desktop'; }

      .cd-slider::after {

        /* slider cover layer - to indicate the image is clickable */

       

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        height: 100%;

        width: 100%;

	background: rgba(245,245,245,.5) url("../images/cd-icon-zoom.svg") no-repeat center center;

        /* size of the icon */

        background-size: 48px;

        opacity: 0;

        z-index: 4;

        -webkit-transition: opacity 0.2s;

        -moz-transition: opacity 0.2s;

        transition: opacity 0.2s; }

      .no-touch .cd-slider:hover::after {

        opacity: 1; }

      .cd-slider-active .cd-slider {

        cursor: auto; }

        .cd-slider-active .cd-slider::after {

          display: none; } }



@media only screen and (min-width: 1024px) {

  .cd-slider-navigation li, .cd-slider-pagination {

    opacity: 0;

    visibility: hidden;

    -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;

    -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;

    transition: opacity 0.4s 0s, visibility 0s 0.4s; }

    .cd-slider-active .cd-slider-navigation li, .cd-slider-active .cd-slider-pagination {

      opacity: 1;

      visibility: visible;

      -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;

      -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;

      transition: opacity 0.4s 0.4s, visibility 0s 0.4s; } }

.cd-slider-navigation li {

  position: absolute;

  z-index: 2;

  top: 50%;

  bottom: auto;

  -webkit-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  transform: translateY(-50%); }

  .cd-slider-navigation li:first-of-type {

    left: 10px; }

  .cd-slider-navigation li:last-of-type {

    right: 10px; }

  .cd-slider-navigation li a {

    display: block;

    width: 48px;

    height: 48px;

    background: url("../images/cd-icon-arrow.svg") no-repeat center center;

    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;

    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;

    transition: opacity 0.2s 0s, visibility 0s 0s;

    /* image replacement */

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap; }

    .cd-slider-navigation li a.inactive {

      opacity: 0;

      visibility: hidden;

      -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;

      -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;

      transition: opacity 0.2s 0s, visibility 0s 0.2s; }

    .no-touch .cd-slider-navigation li a:hover {

      opacity: .7; }

  .cd-slider-navigation li:first-of-type a {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg); }

  @media only screen and (min-width: 1024px) {

    .cd-slider-navigation li:first-child {

      left: 30px; }

    .cd-slider-navigation li:last-child {

      right: 30px; } }



.cd-slider-pagination {

  /* you won't see this element in the html but it will be created using jQuery */

  position: absolute;

  z-index: 2;

  bottom: 30px;

  left: 50%;

  right: auto;

  -webkit-transform: translateX(-50%);

  -moz-transform: translateX(-50%);

  -ms-transform: translateX(-50%);

  -o-transform: translateX(-50%);

  transform: translateX(-50%);

  visibility: hidden; }

  .cd-slider-pagination:after {

    content: "";

    display: table;

    clear: both; }

  .touch .cd-slider-pagination {

    visibility: hidden; }

  .cd-slider-pagination li {

    display: inline-block;

    float: left;

    margin: 0 3px; }

    .cd-slider-pagination li.selected a {

      background: #323232; }

  .cd-slider-pagination a {

    display: block;

    height: 5px;

    width: 5px;

    border-radius: 50%;

    border: 1px solid #323232;

    /* fix a bug in IE9/10 - transparent anchor not clickable */

    background-color: rgba(32, 32, 32, 0);

    /* image replacement */

    overflow: hidden;

    text-indent: 100%;

    white-space: nowrap; }



.cd-slider-wrapper .cd-close {

  display: none;

  position: absolute;

  z-index: 2;

  top: 30px;

  right: 30px;

  width: 48px;

  height: 48px;

  background: url("../images/cd-icon-close.svg") no-repeat center center;

  /* image replacement */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  visibility: hidden;

  opacity: 0;

  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.4s;

  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.4s;

  transition: transform 0.3s 0s, visibility 0s 0.4s; }

  .cd-slider-active .cd-slider-wrapper .cd-close {

    visibility: visible;

    opacity: 1;

    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;

    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;

    transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s; }

  .no-touch .cd-slider-active .cd-slider-wrapper .cd-close:hover {

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

    transform: scale(1.2); }

  @media only screen and (min-width: 1024px) {

    .cd-slider-wrapper .cd-close {

      display: block; } }



.cd-item-info {

  padding: 50px 5%; }

  .cd-item-info h5, .cd-item-info p {

    max-width: 480px; 

	text-align:left;}

  .cd-item-info h5 {}

  .cd-item-info p {}

@media only screen and (min-width: 1024px) {

	#pp {

    max-width: 560px;
    float: left;
    margin-right: 30px;

}
	
.cd-item-info {

 
} 

}



.cd-content p {

  width: 90%;

  max-width: 768px;

  margin: 0 auto;}







@media only screen and (min-width: 1200px) {

.cd-item-info {

    padding: 0px 60px 0;

}

}

@media only screen and (min-width: 1218px){

.container {

    position: relative;

    width: 1200px;

    margin: 0 auto;

    padding: 0;

    }}



@media only screen and (min-width: 1400px) {

.cd-item-info {

    padding: 0px 60px 0;

}

}

@media only screen and (min-width: 1600px) {

.cd-item-info {

    padding: 0px 60px 0;

}

}

@media only screen and (min-width: 1800px) {

.cd-item-info {

    padding: 0px 60px 0;

}

.topmargin{

  display: block;

margin-top: 10px;

}

.six.columns{

  display: none;

}

.ten.columns{ 



}

}



@media only screen and (min-width: 2000px) {

.cd-item-info {

    padding: 0px 60px 0;

}



}









.team-wrap{

	position:relative;

	width:100%;

	overflow:hidden;

	padding-bottom:67px;

}

.team-wrap img{

	width:100%;

	height:auto;

	display:block;

}

.team-wrap .mask-team{

	position:absolute;

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

	box-sizing: content-box;

	width:100%;

	height:100%;

	left:0;

	top:calc(100% - 67px);

	overflow:hidden;

	z-index:2;

    -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-wrap:hover .mask-team{

	background:rgba(247,247,247,.9);

	top:0;	

}

.team-wrap .mask-team h6{

	text-align:left;

	padding-bottom:5px;	

	padding-top:30px;		

	padding-left:30px;

}

.team-wrap .mask-team p span{

	width:100%;

	font-size:10px;

	display:block;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	line-height:14px;

	text-align:left;	

	padding-bottom:30px;		

	padding-left:30px;

	letter-spacing:2px;

	text-transform: uppercase;

}

.team-wrap .mask-team ul{

	display:block;	

	padding-bottom:23px;		

	padding-left:30px;

}

.team-wrap .mask-team ul li{	

	margin-bottom:2px;

}

.team-wrap .mask-team ul li p span{

	font-family: 'FontAwesome';

	padding-right:10px;

	font-size: 6px;

	line-height:17px;

	vertical-align:text-top;

	display:inline-block;

	text-align:left;	

	padding-bottom:0;		

	padding-left:0;

	width:auto;

}

.team-wrap .mask-team ul li p {

	text-align:left;

	font-family: 'Open Sans', sans-serif;

	font-weight:500;

	font-size: 10px;

	line-height:25px;

	color:#606060;

	letter-spacing:2px;

	text-transform: uppercase;

}



.social-team{ 

	position:relative;

	z-index:2;

	height:25px;

}

.list-social li {

    list-style: none;

	text-align:left;

    display: inline-block;

	float:left;

	padding-left:15px;

	margin-right:15px;

	border-left:1px dotted rgba(0,0,0,.2);

    -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-social li:first-child {

	padding-left:0;

	border-left:none;;

}

.list-social li.icon-soc a {

	font-family: 'FontAwesome';

    display: block;

	font-size: 14px;

	line-height: 25px;

	color:#212121;

	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-social li:hover{

}

.list-social li:hover.icon-soc a{

	opacity:.6;

}









.about-history{

	position:relative;

	width:100%;

}

.about-history h6,

.about-history p{

	text-align:left;

}



.pro-bar-container {

	position:relative;

	-moz-box-sizing: content-box;

	-webkit-box-sizing: content-box;

	box-sizing: content-box;

	width: calc(100% - 50px);

	height: 2px;

	background: #ccc;

}

.pro-bar-margin {

	margin-bottom:9px;

}

.pro-bar-margin-last {

	margin-bottom:9px;

}

.skills-name{

	position:relative;

	width:100%;

	text-align:left;

	padding-bottom:5px;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	font-size: 10px;

	letter-spacing:2px;

	color:#212121;

	text-transform: uppercase;

}



@media screen and (min-width: 1200px){

.skills-name{

  font-size: 12px;

  }

}

@media screen and (min-width: 1560px) {

p{

    font-size: 16px;

    line-height: 29px;

    }

    }



.pro-bar {

	position:relative;

	height: 2px;

	overflow:hidden;

}

.text-in-bar {

	position:absolute;

	top:-13px;

	right:-50px;

	width:35px;

	height:25px;

	background:#212121;

	border-radius:3px;

	text-align:center;

	font-weight:400;

	font-size: 11px; 

	line-height:25px;

	color:#fff;

	z-index:2;

}

.arrow-skills{

	position:absolute;

	right:-16px;

	top:-7px;

	width:0;

	height:0;

	border-top:7px solid transparent;

	border-bottom:7px solid transparent;

	border-right:7px solid #212121;

	z-index:2;

} 





	.pro-bar.bar-100	{ width: 100%; }

	.pro-bar.bar-99		{ width: 99%;  }

	.pro-bar.bar-98		{ width: 98%;  }

	.pro-bar.bar-97		{ width: 97%;  }

	.pro-bar.bar-96		{ width: 96%;  }

	.pro-bar.bar-95		{ width: 95%;  }

	.pro-bar.bar-94		{ width: 94%;  }

	.pro-bar.bar-93		{ width: 93%;  }

	.pro-bar.bar-92		{ width: 92%;  }

	.pro-bar.bar-91		{ width: 91%;  }

	.pro-bar.bar-90		{ width: 90%;  }

	.pro-bar.bar-89		{ width: 89%;  }

	.pro-bar.bar-88		{ width: 88%;  }

	.pro-bar.bar-87		{ width: 87%;  }

	.pro-bar.bar-86		{ width: 86%;  }

	.pro-bar.bar-85		{ width: 85%;  }

	.pro-bar.bar-84		{ width: 84%;  }

	.pro-bar.bar-83		{ width: 83%;  }

	.pro-bar.bar-82		{ width: 82%;  }

	.pro-bar.bar-81		{ width: 81%;  }

	.pro-bar.bar-80		{ width: 80%;  }

	.pro-bar.bar-79		{ width: 79%;  }

	.pro-bar.bar-78		{ width: 78%;  }

	.pro-bar.bar-77		{ width: 77%;  }

	.pro-bar.bar-76		{ width: 76%;  }

	.pro-bar.bar-75		{ width: 75%;  }

	.pro-bar.bar-74		{ width: 74%;  }

	.pro-bar.bar-73		{ width: 73%;  }

	.pro-bar.bar-72		{ width: 72%;  }

	.pro-bar.bar-71		{ width: 71%;  }

	.pro-bar.bar-70		{ width: 70%;  }

	.pro-bar.bar-69		{ width: 69%;  }

	.pro-bar.bar-68		{ width: 68%;  }

	.pro-bar.bar-67		{ width: 67%;  }

	.pro-bar.bar-66		{ width: 66%;  }

	.pro-bar.bar-65		{ width: 65%;  }

	.pro-bar.bar-64		{ width: 64%;  }

	.pro-bar.bar-63		{ width: 63%;  }

	.pro-bar.bar-62		{ width: 62%;  }

	.pro-bar.bar-61		{ width: 61%;  }

	.pro-bar.bar-60		{ width: 60%;  }

	.pro-bar.bar-59		{ width: 59%;  }

	.pro-bar.bar-58		{ width: 58%;  }

	.pro-bar.bar-57		{ width: 57%;  }

	.pro-bar.bar-56		{ width: 56%;  }

	.pro-bar.bar-55		{ width: 55%;  }

	.pro-bar.bar-54		{ width: 54%;  }

	.pro-bar.bar-53		{ width: 53%;  }

	.pro-bar.bar-52		{ width: 52%;  }

	.pro-bar.bar-51		{ width: 51%;  }

	.pro-bar.bar-50		{ width: 50%;  }

	.pro-bar.bar-49		{ width: 49%;  }

	.pro-bar.bar-48		{ width: 48%;  }

	.pro-bar.bar-47		{ width: 47%;  }

	.pro-bar.bar-46		{ width: 46%;  }

	.pro-bar.bar-45		{ width: 45%;  }

	.pro-bar.bar-44		{ width: 44%;  }

	.pro-bar.bar-43		{ width: 43%;  }

	.pro-bar.bar-42		{ width: 42%;  }

	.pro-bar.bar-41		{ width: 41%;  }

	.pro-bar.bar-40		{ width: 40%;  }

	.pro-bar.bar-39		{ width: 39%;  }

	.pro-bar.bar-38		{ width: 38%;  }

	.pro-bar.bar-37		{ width: 37%;  }

	.pro-bar.bar-36		{ width: 36%;  }

	.pro-bar.bar-35		{ width: 35%;  }

	.pro-bar.bar-34		{ width: 34%;  }

	.pro-bar.bar-33		{ width: 33%;  }

	.pro-bar.bar-32		{ width: 32%;  }

	.pro-bar.bar-31		{ width: 31%;  }

	.pro-bar.bar-30		{ width: 30%;  }

	.pro-bar.bar-29		{ width: 29%;  }

	.pro-bar.bar-28		{ width: 28%;  }

	.pro-bar.bar-27		{ width: 27%;  }

	.pro-bar.bar-26		{ width: 26%;  }

	.pro-bar.bar-25		{ width: 25%;  }

	.pro-bar.bar-24		{ width: 24%;  }

	.pro-bar.bar-23		{ width: 23%;  }

	.pro-bar.bar-22		{ width: 22%;  }

	.pro-bar.bar-21		{ width: 21%;  }

	.pro-bar.bar-20		{ width: 20%;  }

	.pro-bar.bar-19		{ width: 19%;  }

	.pro-bar.bar-18		{ width: 18%;  }

	.pro-bar.bar-17		{ width: 17%;  }

	.pro-bar.bar-16		{ width: 16%;  }

	.pro-bar.bar-15		{ width: 15%;  }

	.pro-bar.bar-14		{ width: 14%;  }

	.pro-bar.bar-13		{ width: 13%;  }

	.pro-bar.bar-12		{ width: 12%;  }

	.pro-bar.bar-11		{ width: 11%;  }

	.pro-bar.bar-10		{ width: 10%;  }

	.pro-bar.bar-9		{ width: 9%;   }

	.pro-bar.bar-8		{ width: 8%;   }

	.pro-bar.bar-7		{ width: 7%;   }

	.pro-bar.bar-6		{ width: 6%;   }

	.pro-bar.bar-5		{ width: 5%;   }

	.pro-bar.bar-4		{ width: 4%;   }

	.pro-bar.bar-3		{ width: 3%;   }

	.pro-bar.bar-2		{ width: 2%;   }

	.pro-bar.bar-1		{ width: 1%;   }

	.pro-bar.bar-0		{ width: 0%;   }



	

.counter-wrap{

	position:relative;

	width:100%;

	margin:0 auto;

	z-index:10;

}	

.counter-numb{

	position:relative;

	width:100%;

	margin:0 auto;

	text-align:center;

	font-family: 'Open Sans', sans-serif;

	font-weight:100;

	font-size: 44px;

	line-height:44px;

	letter-spacing:4px;

	color:#212121;

	padding-bottom:10px;

}

.counter-line{

	position:relative;

	width:30px;

	margin:0 auto;

	text-align:center;

	height:2px;

	margin-top:10px;

	margin-bottom:10px;

}	

.counter-wrap h6{

	text-align:center;

	padding-top:10px;

	padding-bottom:0;

}	

	

	



/* #Work

================================================== */



#projects-grid{

	position:relative;

	text-align:center;

	margin:0 auto;

	width:calc(100% - 60px);

	padding-bottom:30px;

}

#projects-grid:after {

  content: '';

  display: block;

  clear: both;

}



.portfolio-box-1{

	position:relative;

	float:left;

	width:25%;

	display:inline-block;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	overflow:hidden;

	margin-left:-1px;

	-webkit-transform: translate3d(1px,0,0);

	transform: translate3d(1px,0,0);

}

.portfolio-box-1.box-port-half{

	width:50%;

	margin-left:-3px;

	-webkit-transform: translate3d(3px,0,0);

	transform: translate3d(3px,0,0);

}

.portfolio-box-1 .mask-1{

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	border:30px solid #fff;

	background:rgba(0,0,0,0);

	z-index:2;

    -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-1:hover .mask-1{

	background:rgba(0,0,0,.8);

}

.portfolio-box-1 h6{

	position:absolute;

	top:60px;

	left:120px;

	color:#fff;

	z-index:4;

	opacity: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-1:hover h6{

	left:60px;

	opacity:1;

}

.portfolio-box-1 .line-mask{

  border-bottom: 2px solid #0c6399;

	position:absolute;

	top:93px;

	left:120px;

	z-index:4;

	opacity:0;

	width:30px;

	height: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-1:hover .line-mask{

	left:60px;

	opacity:1;

	-webkit-transition-delay:0.2s;

	transition-delay:0.2s;

}

.portfolio-box-1 p{

	position:absolute;

	top:107px;

	left:120px;

	color:#fff;

	z-index:4;

	opacity:0;

	font-size:10px;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	line-height:14px;

	text-align:left;	

	letter-spacing:3px;

	text-transform: uppercase;

    -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-1:hover p{

	left:60px;

	opacity:1;

	-webkit-transition-delay:0.4s;

	transition-delay:0.4s;

}









.portfolio-box-1 img{

	width:100%;

	height:auto;

	display:block;

}

#portfolio-filter {

	position:relative;

	width:100%;

	text-align: center;

}

#portfolio-filter2 {


    width:100%;

    text-align: center;

}

#filter {

	position:relative;

	width:100%;

	text-align: center;

}

#filter2 {

    width:100%;

    text-align: left;
    margin-top: 30px;
    margin-left: 13px;

}


#filter li, #filter2 li {

	display: inline-block;

	text-align: center;

}

#filter:after, #filter2:after {

  content: '';

  display: block;

  clear: both;

}

#filter li a, #filter2 li a {

	position: relative;

	display: inline-block;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	text-transform: uppercase;

	border-radius:3px;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	font-size: 11px; 

	padding:8px 22px;

	background:#efefef;

	margin-bottom:5px;

	text-align: center;

	outline: none;

	color: #323232;

	margin-left:5px;

	margin-right:5px;

	letter-spacing:2px;

	text-decoration: none;

    -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 .current, #filter2 li .current {

	background:#e2e2e2;

}

#filter li a:hover, #filter2 li a:hover {

	background:#e2e2e2;

}

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

}





/* #Ajax Projects Expander Styles

================================================== */



	.relative{

		position: relative;

	}

	.portfolio, .about{

		width:100%;

		height: auto;

		margin:0 auto;

		max-width: 1200px;

	}	



	.expander-wrap, .expander-wrap2 {

		position:relative;

		display: none;

		text-align: center;

	}



	#expander-wrap, #expander-wrap2{

		position: relative;

		width:100%;

		max-width:1200px;

		margin:0 auto;

		overflow: hidden;

	}





/* Expander Item Controls */



	.project-controls{

		position: relative;

		width:100%;

		height: auto;

		top:105px;

		max-width: 1200px;

		margin:0 auto;

	}

	.expander-inner{

		position: relative;

	}

	.cls-btn{

		width:100%;

		padding: 0;

		margin: 0 auto;

		display: block;

		height: auto;

	}

	.expander-wrap .cls-btn .close, .expander-wrap2 .cls-btn .close {

		position:relative;

		display: inline-block;

		color:#000;

		top:0;

		margin-top:110px;

		margin-bottom:20px;

		width:auto;

		height:auto;

		font-size:30px;

		font-weight:400;

		text-align:center;

		cursor: pointer;

		float:none;

		-webkit-transition: all 0.3s;

		-moz-transition: all 0.3s;

		transition: all 0.3s;

	}

	.expander-close:hover {

		color:#3a3a3a;

		cursor:pointer;

	}

    #filter2 li a:hover	 {
color: #005a93;
    }

.scroll-to-contact{

	position: relative; 

	margin: 0 auto;

	width: 100%;

	overflow:hidden;

	background:#fff;

	z-index:2;

	padding-top:40px;

	padding-bottom:35px;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

} 	

.scroll-to-contact p{

	text-align:center;

	color:#606060;

	text-transform:uppercase;

	letter-spacing:2px;

	font-weight:400;

	font-size: 12px;

	line-height:12px;

	margin:0 auto;

	width:120px;

	padding-bottom:7px;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}  









.ajax-project-content{

	position: relative;

	width:100%;

	padding-top:34px;

	padding-bottom:34px;

	border-top:1px solid #ccc;

	border-bottom:1px solid #ccc;

}

.ajax-project-content p{

	text-align:left;

	padding-bottom:34px;

	border-bottom:1px solid #ccc;

}

.ajax-project-info{

	position: relative;

	width:100%;

	padding-top:34px;

	padding-bottom:22px;

	margin-bottom:34px;

	border-bottom:1px solid #ccc;

}

.ajax-project-info .ajax-info{

	position: relative;

	width:100%;

	padding-bottom:12px;

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	font-size: 12px;

	line-height:24px;

	text-align:left;

	text-transform: uppercase;

	letter-spacing:3px;

	color:#404040;

}

.ajax-project-info .ajax-info span{

	padding-right:10px;

	font-size: 14px;

	font-family: 'FontAwesome';	

}

.ajax-link{

	position: relative;

	width:100%;

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	font-size: 12px;

	line-height:24px;

	text-align:left;

	text-transform: uppercase;

	letter-spacing:3px;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -o-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    transition: all 200ms linear;

}

.ajax-link:hover{

	color:#404040;

}

.full-image img{

	width:100%;

	height:auto;

	display:block;

}



#owl-portfolio-slider{

}

#owl-portfolio-slider .item{

	position:relative;

	width:100%;

}

#owl-portfolio-slider .item img{

	width:100%;

	height:auto;

	display:block;

}

#owl-portfolio-slider .item .left-info{

	position:absolute;

	bottom:30px;

	left:30px;

	background:rgba(244,244,244,.95);

	color:#212121;

	padding:15px 30px;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	font-size: 13px;

	line-height:20px;

	letter-spacing:4px;

	text-transform: uppercase;

}



 

.header-section-text.single-project-ajax{

	padding-bottom:20px;

}

.header-section-text.single-project-ajax h5{

	z-index:2;

	padding-bottom:0;

    text-transform: uppercase;

}

.header-section-text.single-project-ajax .sub-top{

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

    text-transform: uppercase;

	letter-spacing:2px;

	font-size: 14px;

	line-height:20px;

	color:#999999;

	text-align:center;

	padding-bottom:7px;

	z-index:2;

}







.section-call-action-link{

	position:relative;

	text-align:center;

	margin:0 auto;

	padding-top:50px;

	padding-bottom:50px;

	background:#323232;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.section-call-action-link:hover{

	background:#f9f9f9;

}

.section-call-action-link p{

	text-align:center;

	font-weight:600;

	letter-spacing:2px;

	padding-bottom:15px;

}

.section-call-action-link h6{

font-size: 16px;
	text-align:center;

	color:#fff;

	padding-bottom: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;

}

.section-call-action-link:hover h6{

	color:#323232;

}





/* #External Project

================================================== */



.parallax-project {

	background: url('../images/portfolio/project/1.jpg') 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-project { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {

	.parallax-project { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

	.parallax-project { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}



.parallax-project-1 {

	background: url('../images/portfolio/project/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-project-1 { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {

	.parallax-project-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

	.parallax-project-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}



.project-text{

	position:relative;

	width:100%;

	margin:0 auto;

	max-width:700px;

	padding-bottom:50px;

}

.project-text p{

	text-align:center;

}



.project-image-wrapper{

	position:relative;

	width:100%;

}

.project-image-wrapper img{

	width:100%;

	height:auto;

	display:block;

}







.project-arrows-wrapper{

	position:relative;

	width:100%;

}

.project-arrows-wrapper {

  content: '';

  display: block;

  clear: both;

}

.project-arrow-left{

	position:relative;

	display:inline-block;

	float:left;

	height:60px;

	width:49.99999999%;

	min-width:100px;

	background-image:url('../images/project-left.svg');

	background-position:center left;

	background-repeat:no-repeat;

	background-size:100px 100px;

}

.project-arrow-left p{

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	font-size: 12px;

	line-height:60px;

	color:#828282;

	text-align:left;

    text-transform: uppercase;

	letter-spacing:2px;

	padding-left:40px;

	opacity: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;

}

.project-arrow-left:hover p{

	padding-left:90px;

	opacity:1;

}

.project-arrow-right{

	position:relative;

	display:inline-block;

	float:right;

	height:60px;

	width:49.99999999%;

	min-width:100px;

	background-image:url('../images/project-right.svg');

	background-position:center right;

	background-repeat:no-repeat;

	background-size:100px 100px;

}

.project-arrow-right p{

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	font-size: 12px;

	line-height:60px;

	color:#828282;

	text-align:right;

    text-transform: uppercase;

	letter-spacing:2px;

	padding-right:40px;

	opacity: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;

}

.project-arrow-right:hover p{

	padding-right:90px;

	opacity:1;

}



/* #Logos

================================================== */



#owl-logos{

	position:relative;

	width:100%;

	margin:0 auto;

	z-index:2;

	padding-bottom:30px;

}

#owl-logos .item{

	position:relative;

	margin:0 auto;

	margin-left:10px;

	margin-right:10px;

    text-align: center;

}

#owl-logos .item img{

	width:100%;

	max-width:120px;

	height:auto;

	display:block;

	margin:0 auto;

    text-align: center;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

#owl-logos .item:hover img{

	opacity:.4;

}

#owl-logos.owl-theme .owl-controls{

	top:auto;

	bottom:-10px;

	left:0;

	width:100%;

	margin:0 auto;

}



/* #Services

================================================== */



.services-item{

	position:relative;

	width:100%;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	padding:40px;

	/*-moz-box-shadow:    inset 0 0 2px rgba(0,0,0,.2);

	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2);

	box-shadow:         inset 0 0 2px rgba(0,0,0,.2);*/

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.services-item h6{

	text-align:center;

	padding-top:20px;

}

.services-item p{

	text-align:center;
    font-size: 16px;

}



.services-item .icon-services{

	position:relative;

	margin:0 auto;

	text-align:center;

	width:100%;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.services-item .icon-services svg{

	text-align:center;

	width:60px;

	height:60px;

	margin:0 auto;

	display:block;

}

.services-item .fill-color{

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.services-item:hover .fill-color{

	fill:#212121;

}







/* #Pricing

================================================== */



.pricing-item{

	position:relative;

	width:100%;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	padding:40px;

	margin:0 auto;

	text-align:center;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

    -webkit-transform: scale(0.95);

    -moz-transform: scale(0.95);

    -ms-transform: scale(0.95);

    -o-transform: scale(0.95);

    transform: scale(0.95);

}

.pricing-item:hover{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.pricing-item.popular{

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.pricing-item h6{

	text-align:center;

    -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-item p{

	text-align:center;

	padding-top:3px;

	padding-bottom:3px;

    text-transform: uppercase;

	letter-spacing:2px;

	font-size: 12px;

	color:#626262;

}

.pricing-item p span{

	font-weight:800;

}

.pricing-item .number-price{

	position:relative;

	width:100%;

	font-family: 'Open Sans', sans-serif;

	font-weight:100;

	font-size: 54px;

	line-height:54px;

	color:#323232;

	text-align:center;

	padding-bottom:17px;

}

.pricing-item .number-price span{

	font-family: 'FontAwesome';

	font-size: 22px;

	line-height:62px;

	vertical-align:super;

	font-weight:400;

	padding-right:8px;

}

.pricing-item .number-price span:last-child{

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	line-height:54px;

	vertical-align:-1%;

	font-weight:600;

	padding-right:0;

	padding-left:5px;

}

.pricing-item a.price-link{

	position:relative;

	font-family: 'Open Sans', sans-serif;

	text-align:center;

	padding-top:7px;

	padding-bottom:7px;

	width:130px;

	margin:0 auto;

	margin-top:22px;

    text-transform: uppercase;

	letter-spacing:2px;

	display:block;

	background:#111111;

	border-radius:3px;

	font-size: 12px;

	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;

}

.pricing-item a.price-link:hover{

	color:#fff;

}





 

/* #Blog

================================================== */



.blog-item{

	position:relative;

	width:100%;

	z-index:2;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	padding:30px;

	background:rgba(255,255,255,.85);

	border:5px solid transparent;

    -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-item:hover{

	background:rgba(235,235,235,1);

	border-color:rgba(10,10,10,.2);

}



.blog-item h6{

	text-align:left;

}

.blog-item p{

	text-align:left;

	color:#828282;

}



.blog-item .blog-item-top-text{

	position:relative;

	width:100%;

	text-align:left;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	font-size: 11px;

	line-height:25px;

    text-transform: uppercase;

	letter-spacing:1px;

	padding-bottom:10px;

}

.blog-item .blog-item-top-text span{

	font-weight:800;

	color:#212121;

}



.blog-item .read-more{

	position:relative;

	width:100%;

	text-align:left;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	font-size: 13px;

	line-height:25px;

	letter-spacing:1px;

	padding-top:30px;

	color:#707070;

    -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-item .read-more span{

	font-family: 'FontAwesome';

	padding-left: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;

}

.blog-item:hover .read-more span{

	padding-left:10px;

}

.blog-item .read-more.articles-text-center{

	text-align:center;

	padding-top:0;

}





/* #Blog Page

================================================== */



.parallax-blog {

	background: url('../images/parallax/blog.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 : 1200px) and (orientation : landscape) {

	.parallax-blog { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

	.parallax-blog { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}





.blog-box-wrapper {

	position: relative; 

    width: 100%;

}

.blog-box-wrapper:after {

  content: '';

  display: block;

  clear: both;

}



.blog-box-4 {

	position: relative; 

	float:left;

    width: 33.3333333%;

	display:inline-block;

	overflow:hidden;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.blog-box-4 img {

    width: 100%;

	height:auto;

	display:block;

}

.blog-box-4 .mask-blog-white{

	position: absolute;

	top:0;

	left:0;	

	width: 100%;

	height:100%;

	z-index:5;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background:rgba(255,255,255,.9);

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

}

.blog-box-4:hover .mask-blog-white{

	background:rgba(255,255,255,.4);

}

.blog-box-4 .mask-blog-white::before{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: 0px solid transparent;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	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;

}

.blog-box-4:hover .mask-blog-white::before{

	border-width: 10px;

	border-color: rgba(0,0,0,.2);

}







.blog-box-4 .mask-blog-grey{

	position: absolute;

	top:0;

	left:0;	

	width: 100%;

	height:100%;

	z-index:5;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background:rgba(235,235,235,.9);

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

}

.blog-box-4:hover .mask-blog-grey{

	background:rgba(235,235,235,.4);

}

.blog-box-4 .mask-blog-grey::before{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	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;

}

.blog-box-4:hover .mask-blog-grey::before{

	border-width: 10px;

	border-color: rgba(0,0,0,.2);

}





.blog-box-4 .link{

	position: absolute;

	z-index:10;

	bottom: 40px;

	left: 40px;

	font-family: 'FontAwesome';

	font-size:16px;

	line-height:24px;

	color:#212121;

	text-align:left;

	-webkit-transition: color .3s, font-size .3s;

	-moz-transition: color .3s, font-size .3s;

	transition: color .3s, font-size .3s;

}

.blog-box-4:hover .link{

	font-size:20px;

}



.blog-box-4 .post-date{

	position: absolute;

	z-index:10;

	top: 40px;

	left: 40px;

	font-family: 'Open Sans', sans-serif;

	text-transform:uppercase;

	letter-spacing:2px;

	font-size:13px;

	font-weight:600;

	line-height:24px;

	text-align:left;

}

.blog-box-4 h6{

	position: absolute;

	z-index:10;

	top: 75px;

	left: 40px;

	text-align:left;

}



/* #Blog Posts

================================================== */



.padding-posts {

	padding-bottom:130px;

	padding-top:190px;

}

.post-top-text{

	position: relative; 

    width: 100%;

	padding-bottom:60px;

}

.post-top-text h4{

	text-align:left;

	line-height: 42px;

	padding-bottom:5px;

}

.post-top-text p{

	text-align:left;

}

.post-top-text .sub-line{

	float:left;

	display:block;

}

.post-top-text .sub-text{

	display:block;

	padding-top:45px;

	font-family: 'Open Sans', sans-serif;

	text-transform:uppercase;

	letter-spacing:2px;

	text-align:left;

	font-weight:600;

	font-size: 12px;

	line-height:24px;

	color:#606060;

}

.post-top-text .sub-text span{

	font-weight:800;

}



.post-bottom-text{

	position: relative; 

    width: 100%;

	margin-top:60px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.post-bottom-text.left-align-text{

	padding-left:40px;

	border-left:5px solid #ccc;

}

.post-bottom-text p{

	text-align:left;

}



.post-link-wrap{

	position: relative; 

    width: 100%;

	padding:40px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background:#111111;

	color:#fff;

	font-size: 18px; 

	line-height: 26px;

	font-family: 'Montserrat', sans-serif;

	text-align:left;

    -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-link-wrap:hover{

	background:#fff;

	color: #414141;

}

.audio-player{

	background-color:#131313;

	width:100%;	

	display:block;

	padding-top:50px;

	padding-bottom:45px;

}

audio{

	width:100%;	

	display:block;

}

.post-quote-wrap{

	position: relative; 

    width: 100%;

	padding:40px;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	background:#111111;

	color:#fff;

	font-size: 18px; 

	line-height: 34px;

	font-style: italic;

	letter-spacing:2px;

	font-family: 'Montserrat', sans-serif;

	text-align:left;

}

.post-quote-wrap:before{

	content:'"';

	padding-right:5px;

	font-size: 28px;

	font-family: 'Courgette', cursive;

}

.post-quote-wrap:after{

	content:'"';

	padding-left:5px;

	font-size: 28px;

	font-family: 'Courgette', cursive;

}





/* #Contact

================================================== */





#ajax-form {

	width: 100%;

	font-family: 'Open Sans', sans-serif;

	font-size: 10px;

	line-height:14px;

	color:#101010;

	margin:0 auto;

}

#ajax-form label {

	display: block;

	font-family: 'Open Sans', sans-serif;

	font-size: 14px;

	line-height:30px;

}

#ajax-form input{

	width:calc(100% - 40px);

	padding-left:20px;

	padding-right:20px;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	letter-spacing:1px;

	font-size: 13px;

	line-height:24px;

	padding-bottom: 15px;

	background:transparent;

	border:none;

	color: #737373;

	-webkit-transition: border-bottom 0.3s, color 0.3s;

	transition: border-bottom 0.3s, color 0.3s;

}

#ajax-form textarea {

	width:calc(100% - 40px);

	padding-left:20px;

	padding-right:20px;

	font-family: 'Open Sans', sans-serif;

	font-weight:600;

	letter-spacing:1px;

	font-size: 13px;

	line-height:24px;

	padding-bottom: 15px;

	background:transparent;

	height:100px;

	border:none;

	color: #737373;

	-webkit-transition: border-bottom 0.3s, color 0.3s;

	transition: border-bottom 0.3s, color 0.3s;

}

#ajax-form textarea,

#ajax-form input {	

	border-bottom:1px solid rgba(100,100,100,.2);

}

.error {

	font: 11px/22px 'Open Sans', sans-serif;

	text-transform:uppercase;

	letter-spacing:1px;

	display: none;

	color:#636363;

}

#ajaxsuccess {

	background: #4ae57b;

	color:#ffffff;

	font: 20px/60px 'Open Sans', sans-serif;

	height:60px;

	display: none;

	padding-left:10px;

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	margin-top: 30px;

}

.text-align-center{

	text-align:center;

	padding-top:10px;

 }

#ajax-form textarea:active,

#ajax-form input:active {	

	color: #101010;

}

#ajax-form textarea:active,

#ajax-form input:hover {	

	color: #101010;

}

#ajax-form textarea:focus,

#ajax-form input:focus {	 

    outline: none !important;

}

#ajax-form input:-ms-input-placeholder  {

	font-size: 12px;

	text-transform:uppercase;

	letter-spacing:2px;

}

#ajax-form input::-moz-placeholder  {

	font-size: 12px;

	text-transform:uppercase;

	letter-spacing:2px;

}

#ajax-form input:-moz-placeholder  {

	font-size: 12px;

	text-transform:uppercase;

	letter-spacing:2px;

}

#ajax-form input::-webkit-input-placeholder  {

	font-size: 12px;

	text-transform:uppercase;

	letter-spacing:2px;

}

#ajax-form textarea:-ms-input-placeholder  {

	font-size: 12px;

	text-transform:uppercase;

	letter-spacing:2px;

}

#ajax-form textarea::-moz-placeholder  {

	font-size: 12px;

	text-transform:uppercase;

	letter-spacing:2px;

}

#ajax-form textarea:-moz-placeholder  {

	font-size: 12px;

	text-transform:uppercase;

	letter-spacing:2px;

}

#ajax-form textarea::-webkit-input-placeholder  {

	font-size: 12px;

	text-transform:uppercase;

	letter-spacing:2px;

}

#ajax-form button {

	position:relative;

	width:160px;

	height:40px;

	font-family: 'Open Sans', sans-serif;

	font-weight:400;

	letter-spacing:1px;

	text-transform:uppercase;

	text-align:center;

	border-radius:3px;

	margin:0 auto;

	display: block;

	padding:0;

	font-size: 13px;

	line-height:40px;

	background:#efefef;

	border:none;

	-webkit-transition: background 0.3s, color 0.3s;

	transition: background 0.3s, color 0.3s;

}

#ajax-form button:hover {

	color:#fff;

	background:#212121;

}

#ajax-form button:focus,

#ajax-form button:active {

	border:none;

	outline:none;

}

#ajax-form input:-ms-input-placeholder  {

	color: #828282;

}

#ajax-form input::-moz-placeholder  {

	color: #828282;

}

#ajax-form input:-moz-placeholder  {

	color: #828282;

}

#ajax-form input::-webkit-input-placeholder  {

	color: #828282;

}

#ajax-form textarea:-ms-input-placeholder  {

	color: #828282;

}

#ajax-form textarea::-moz-placeholder  {

	color: #828282;

}

#ajax-form textarea:-moz-placeholder  {

	color: #828282;

}

#ajax-form textarea::-webkit-input-placeholder  {

	color: #828282;

}





.contact-det {

	position: relative;

	width: 100%;

}

.contact-det h6{

	text-align:center;

}

.contact-det p{

	text-align:center;

	font-weight:600;

	font-size: 15px;

}







#google-container {

	position: relative;

	width: 100%;

    height: 500px;

}

#cd-google-map {

	position: relative;

 display: none;

}

#cd-google-map address {

	position: absolute;

	width: 100%;

	bottom: 0;

	left: 0;

	padding-top:35px;

	padding-bottom:35px;

	background-color: rgba(255, 255, 255, 0.6);

	font-family: 'Open Sans', sans-serif;

    text-transform: uppercase;

	letter-spacing:2px;

	font-weight:600;

	font-size: 12px;

	line-height:12px;

	text-align: center;

}



.button-map {

    cursor: pointer;

    text-align: center;

    position: relative;

  border-top:1px solid rgba(160,160,160,.1);

  border-bottom:1px solid rgba(160,160,160,.1);

  padding-top:20px;

  padding-bottom:20px;

    width: 100%;

    display: block;

 font-family: 'Open Sans', sans-serif;

font-weight: 600;

text-transform: uppercase;

letter-spacing: 2px;

font-size: 18px;

line-height: 24px;

color: #005a93;

z-index: 2;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}



.close-map:after {

  content: "\f107";

  font-family: FontAwesome;

  display: inline-block;

  font-weight: normal;    

  font-style: normal;    

  display: inline-block;    

  text-decoration: inherit;

    margin-left: 16px;

    font-size: 18px;  

}



.show-map:after {

  content: "\f106";

  font-family: FontAwesome;

  display: inline-block;

  font-weight: normal;    

  font-style: normal;    

  display: inline-block;    

  text-decoration: inherit;

    margin-left: 16px;

    font-size: 18px;  

}



#cd-zoom-in, #cd-zoom-out {

	height: 32px;

	width: 32px;

	cursor: pointer;

	margin-left: 10px;

	background-repeat: no-repeat;

	background-size: 32px 64px;

	opacity:.7;

	background-image: url("../images/cd-icon-controller.svg");

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {

	opacity:1;

}

@media only screen and (min-width: 768px) {

  #cd-zoom-in, #cd-zoom-out {

    margin-left: 50px;

  }

}

#cd-zoom-in {

	background-position: 50% 0;

	margin-top: 10px;

	margin-bottom: 1px;

}

@media only screen and (min-width: 768px) {

  #cd-zoom-in {

    margin-top: 50px;

  }

}

#cd-zoom-out {

	background-position: 50% -32px;

}



/* #Footer

================================================== */



.arrow-up{

	position:absolute;

	width:36px;

	height:36px;

	font-family: 'FontAwesome';

	color:#fff;

	line-height:33px;

	text-align:center;

	font-size:16px;

	background: #212121;

	cursor:pointer;

	top:-18px;

	left:50%;

	margin-left:-18px;

	z-index:10;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

.arrow-up:hover{

	background: #efefef;

	color: #212121;

}





.footer-wrap{ 

	position:relative;

	width:100%;

	margin:0 auto;

	z-index:2;

	padding-top:50px;

	padding-bottom:50px;

	background:#fff;

}

.footer-social{ 

  height: 60px;

	position:relative;

	width:100%;

	margin:0 auto;

	text-align:center;

}



.socialIcons{

display: block;

position: absolute;

left: 50%;

margin-left: -56px;

}



.socialIcons > li {

float: left;

padding: 0 3px;

}

.socialIcons > li > a,  .socialIcons > li > a {

color: #FFF !important;

}

.socialIcons > li > a {

text-align: center;

width: 50px;

height: 50px;

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

border-radius: 50%;

background: #e8e8e8;

}



.socialIcons > li > a {

display: block;

font-size: 18px;

color: #7f7d82;

line-height: 50px;

}



.socialIcons > li > a:hover {

background-color: #005a93;

-moz-transition: background-color .4s;

-o-transition: background-color .4s;

-webkit-transition: background-color .4s;

transition: background-color .4s;

  }







.socialIcons2{

display: block;



}



.socialIcons2 > li {



margin: 0 7px;

}

.socialIcons2 > li > a,  .socialIcons2 > li > a {

color: #FFF !important;

}

.socialIcons2 > li > a {

text-align: center;

width: 200px;

    height: 200px;

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

border-radius: 50%;

}



.socialIcons2 > li > a {

display: block;

    margin: 0 auto;

    font-size: 110px;

    color: #7f7d82;

    line-height: 200px;

}



.socialIcons2 > li > a:hover {

background-color: #005a93;

-moz-transition: background-color .4s;

-o-transition: background-color .4s;

-webkit-transition: background-color .4s;

transition: background-color .4s;

  }



  #twt{

    background-color: #1da1f2;

  }

#beh{

    background-color: #1769ff;

  }

  #pin{

    background-color: #bd1e23;

  }

  #lin{

    background-color: #0077b5;

  }

  #ins{

    background-color: #084e7d;

  }

   #sc{

    background-color: #ff5500;

  }

  #twt:hover, #beh:hover, #lin:hover, #pin:hover, #ins:hover, #sc:hover{

background-color: #005a93;

  }



  #status{

    color:#00e073;

    font-size: 17px;

    letter-spacing: 1px;

    font-weight: 500;

    margin-top:40px;

  }



/* #All links dumm

================================================== */



 a::before,

a::after {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

}

a {

    font-weight:600;

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

  -webkit-perspective: 1000px;

  perspective: 1000px;

}

a:hover {

}

a::before,

a::after {

  position: absolute;

  top: 0;

  left: 0;

  content: attr(data-dummy);

  opacity: 0;

  -webkit-transition: -webkit-transform 0.4s, opacity 0.3s, color 0.3s;

  transition: transform 0.4s, opacity 0.3s, color 0.3s;

  pointer-events: none;

}

a::before {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

  -webkit-transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

  transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

}

a::after {

  -webkit-transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

  transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

}

a:hover::before,

a:hover::after {

  color: transparent;

  opacity: 1;

  -webkit-transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

  transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

}

a:hover::before {

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

}

a:hover::after {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}



a::before,

a::after {

  position: absolute;

  top: 0;

  left: 5%;

  content: attr(data-dummyy);

  opacity: 0;

  -webkit-transition: -webkit-transform 0.4s, opacity 0.3s, color 0.3s;

  transition: transform 0.4s, opacity 0.3s, color 0.3s;

  pointer-events: none;

}





.dumm::before,

.dumm::after {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

}

.dumm {

  -webkit-transition: color 0.3s;

  transition: color 0.3s;

  -webkit-perspective: 1000px;

  perspective: 1000px;

}

.dumm:hover {

}

.dumm::before,

.dumm::after {

  position: absolute;

  top: 0;

  left: 45%;

  content: attr(data-dummy);

  opacity: 0;

  -webkit-transition: -webkit-transform 0.4s, opacity 0.3s, color 0.3s;

  transition: transform 0.4s, opacity 0.3s, color 0.3s;

  pointer-events: none;

}

.dumm::before {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

  -webkit-transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

  transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

}

.dumm::after {

  -webkit-transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

  transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

}

.dumm:hover::before,

.dumm:hover::after {

  color: transparent;

  opacity: 1;

  -webkit-transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

  transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

}

.dumm:hover::before {

  -webkit-transition-delay: 0s;

  transition-delay: 0s;

}

.dumm:hover::after {

  -webkit-transition-delay: 0.15s;

  transition-delay: 0.15s;

}







.footer-credit{ 

	position:relative;

	width:100%;

	margin:0 auto;

	text-align:center;

}

.footer-credit p{ 



	font-family: 'Open Sans', sans-serif;

	font-size:10px;

	line-height:16px;

	text-align:center;

	text-transform:uppercase;

	letter-spacing:2px;

	font-weight:400;

	color:#212121;

}

.footer-credit a {

	position: relative;

	display: inline-block;

	text-decoration: none;

	white-space: nowrap;

	font-family: 'Open Sans', sans-serif;

	font-size:10px;

	line-height:16px;

	text-align:center;

	text-transform:uppercase;

	letter-spacing:2px;

	font-weight:600;

	color:#212121;

}

.footer-credit a::before,

.footer-credit a::after {

	pointer-events: none;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-font-smoothing: antialiased;

	font-smoothing: antialiased;

}

.footer-credit a {

	-webkit-transition: color 0.3s;

	transition: color 0.3s;

	-webkit-perspective: 1000px;

	perspective: 1000px;

}

.footer-credit a:hover {

}

.footer-credit a::before,

.footer-credit a::after {

	position: absolute;

	top: 0;

	left: 0;

	content: attr(data-dummy);

	opacity: 0;

	-webkit-transition: -webkit-transform 0.4s, opacity 0.3s, color 0.3s;

	transition: transform 0.4s, opacity 0.3s, color 0.3s;

	pointer-events: none;

}

.footer-credit a::before {

	-webkit-transition-delay: 0.15s;

	transition-delay: 0.15s;

	-webkit-transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

	transform: translateY(-300%) translateZ(300px) rotateX(30deg) rotateZ(-10deg);

}

.footer-credit a::after {

	-webkit-transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

	transform: translateY(-300%) translateZ(300px) rotateX(-30deg) rotateZ(10deg);

}

.footer-credit a:hover::before,

.footer-credit a:hover::after {

	color: transparent;

	opacity: 1;

	-webkit-transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

	transform: translateY(0) translateZ(0) rotateX(0) rotateZ(0);

}

.footer-credit a:hover::before {

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

}

.footer-credit a:hover::after {

	-webkit-transition-delay: 0.15s;

	transition-delay: 0.15s;

}

 

 /* #Parallax Sections

================================================== */





.padding-top-bottom-parallax{

	padding-top:140px;



	overflow: hidden;

}



.sep-background-mask{

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:#fff;

	opacity:.2;

	z-index:0;

}



.parallax-home {

	background: url('../images/parallax/home.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 : 1200px) and (orientation : landscape) {

	.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

	.parallax-home { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}





.parallax-sep-1 {

	background: url('../images/parallax/sep-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-sep-1 { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {

	.parallax-sep-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

	.parallax-sep-1 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}





.parallax-sep-2 {

	background: url('../images/parallax/00.jpg') fixed;

  background-position: center center !important;

	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-sep-2 { background-size: cover; } }

 @media only screen and (min-device-width : 768px) and (max-device-width : 1200px) and (orientation : landscape) {

	.parallax-sep-2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}

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

	.parallax-sep-2 { background-size: cover; background-attachment: scroll; background-position: top center!important; }

}



/* #Video Background

================================================== */



.poster_background { 

	position: absolute; 

	bottom: 0; 

	left: 0;

	top:0;

	right:0;

	background:url('../images/1b.jpg')no-repeat center center;

	background-size:cover;

	width: 100%;

	height: 100%;

	z-index: -2;

	overflow: hidden;

}

video#video_background { 

	position: absolute;

	top:50%;

	left:51%;

	min-width: 102%;

	width: auto;

	height: auto;

	z-index: -1;

	overflow: hidden;

    -webkit-transform: translateX(-51%) translateY(-50%);

    -moz-transform: translateX(-51%) translateY(-50%);

    -ms-transform: translateX(-51%) translateY(-50%);

    -o-transform: translateX(-51%) translateY(-50%);

    transform: translateX(-51%) translateY(-50%);

}



 

/* #Media Queries

================================================== */



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

.header-section-text h2{

	font-size: 30px; line-height:30px;

}

.sub-top{

	font-size: 14px;

	line-height:21px;

	padding-bottom:3px;

}

#filter li a, #filter2 li a {

	font-size: 10px; 

	padding:5px 14px;

	margin-left:2px;

	margin-right:2px;

	letter-spacing:1px;

}

}



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

.boxed-width-menu {

	width:calc(100% - 80px);

}

.logo{

	width:109px;

	height:16px;

	left:10px;

	top:20px;

	background:url('../images/logo.png') no-repeat center center;

	background-size:109px 15px;

}

.cbp-af-header.cbp-af-header-shrink .logo{

	width:109px;

	height:16px;

	left:10px;

	top:20px;

	background:url('../images/logo.png') no-repeat center center;

	background-size:109px 15px;

	-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:none;

	background:none;

}

ul.slimmenu li {

	background:none;

}

ul.slimmenu li > ul {

    width: 100%;

	text-align:right;

}

}

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

.home{

	min-height:50px;

}

}

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

.boxed-width {

	width:100%;

}

#filter li a:after , #filter2 li a:after{

	display:none;

} 

}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {

.cd-intro {

	margin-top:-110px;

}

.cd-intro h1 {

	font-size: 70px; 

	line-height:80px;

	letter-spacing:2px;

}

.small-intro {

	margin-top:100px;

	font-weight:700;

	font-size: 18px;

	line-height:26px;

}

}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

.cd-intro {

	margin-top:-100px;

}

.cd-intro h1 {

	font-size: 65px; 

	line-height:75px;

	letter-spacing:2px;

}

.small-intro {

	margin-top:95px;

	font-weight:700;

	font-size: 17px;

	line-height:25px;

}



.team-wrap .mask-team ul.skills-list{

	display:none;

}

.portfolio-box-1{

	width:50%;

}

.blog-box-4 {

    width: 50%;

}

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

.cd-intro {

	margin-top:-70px;

}

.cd-intro h1 {

	font-size: 45px; 

	line-height:55px;

	letter-spacing:2px;

}

.small-intro {

	margin-top:60px;

	font-weight:700;

	font-size: 16px;

	line-height:24px;

}

.team-wrap .mask-team ul.skills-list{

	display:none;

}

.portfolio-box-1{

	width:50%;

}

.blog-box-4 {

    width: 50%;

}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

.cd-intro {

	margin-top:-60px;

}

.cd-intro h1 {

	font-size: 25px; 

	line-height:35px;

	letter-spacing:2px;

}

.small-intro {

	margin-top:20px;

	font-weight:700;

	font-size: 14px;

	line-height:18px;

}

.portfolio-box-1{

	width:100%;

}

.portfolio-box-1.box-port-half{

	width:100%;

}

.services-item.services-padding{

	padding-bottom:0;

}

.blog-box-4 {

    width: 50%;

}

}



@media only screen and (min-width: 320px) and (max-width: 479px) {

.cd-intro {

	margin-top:-50px;

}

.cd-intro h1 {

	font-size: 18px; 

	line-height:25px;

	letter-spacing:1px;

}

.small-intro {

	margin-top:20px;

	font-weight:700;

	font-size: 12px;

	line-height:16px;

}

.portfolio-box-1{

	width:100%;

}

.portfolio-box-1.box-port-half{

	width:100%;

}

#projects-grid{

	width:calc(100% - 40px);

}

.portfolio-box-1 .mask-1{

	border:20px solid #fff;

}

.services-item.services-padding{

	padding-bottom:0;

}

.blog-box-4 {

    width: 100%;

}

}



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

.cd-intro {

	margin-top:-50px;

}

.cd-intro h1 {

	font-size: 18px; 

	line-height:25px;

	letter-spacing:1px;

}

.small-intro {

	margin-top:20px;

	font-weight:700;

	font-size: 12px;

	line-height:16px;

}

.team-wrap .mask-team ul.skills-list{

	display:none;

}

.portfolio-box-1{

	width:100%;

}

.portfolio-box-1.box-port-half{

	width:100%;

}

#projects-grid{

	width:calc(100% - 40px);

}

.portfolio-box-1 .mask-1{

	border:20px solid #fff;

}

.services-item.services-padding{

	padding-bottom:0;

}

.blog-box-4 {

    width: 100%;

}

}







/* #Font-Face

================================================== */



@font-face {

    font-family: 'GarnataRegular';

    src: url('font/GarnataRegular.eot');

    src: url('font/GarnataRegular.eot?#iefix') format('embedded-opentype'),

         url('font/GarnataRegular.woff') format('woff'),

         url('font/GarnataRegular.ttf') format('truetype'),

         url('font/GarnataRegular.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}





/* WAVEFORM

================================================== */





.example-waveform {

  width: 100%;

  height: 50px;

  margin-bottom: 30px;

}