@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700,900');
@import url("https://fonts.googleapis.com/css?family=Lato:300,400");

@font-face {
 font-family:'caslongraphiqueefregular';
 src:url("../fonts/CaslonGraphiqueEF-webfont.eot");
 src:url("../fonts/CaslonGraphiqueEF-webfont.eot?#iefix") format("embedded-opentype"),
 url("../fonts/CaslonGraphiqueEF-webfont.woff2") format("woff2"),
 url("../fonts/CaslonGraphiqueEF-webfont.woff") format("woff"),
 url("../fonts/CaslonGraphiqueEF-webfont.ttf") format("truetype"),
 url("../CaslonGraphiqueEF-webfont.svg#caslongraphiqueefregular") format("svg");
 font-weight:normal;
 font-style:normal
}

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 {
 margin:0;
 padding:0;
 border:0;
 font:inherit;
 font-size:100%;
 vertical-align:baseline
}
html {
 line-height:1
}
.site-intro .row .col-third {
	margin-top:-30px;	
}
.logo-mob {
	display:none;
}
div.col-third:nth-child(4) > h3:nth-child(1) {
	margin-top:-5px;	
}
.col-twothirds.rightside a {
	 font-family:"caslongraphiqueefregular",serif;	
}
.col-twothirds.rightside p:nth-child(4), .text-20 {
	font-size:20px;
	color:#CDB218;
}
.col-twothirds p:nth-child(2) {
	/*margin-bottom:10px;*/
}
.img-brave-heart {
	margin-right:auto;
	margin-left:auto;
	display:block;
	float:none !important;
}
.ct-logo {
	width:260px;
	max-width:none;
}

ol,ul {
 list-style:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
caption,th,td {
 text-align:left;
 font-weight:normal;
 vertical-align:middle
}
q,blockquote {
 quotes:none
}
q:before,q:after,blockquote:before,blockquote:after {
 content:"";
 content:none
}
a img {
 border:none
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
 display:block
}
header.site {
 text-align:right;
 padding:15px
}
header.site nav {
 margin-top:20px
}
header.site ul {
 float:right;
 margin-bottom:0
}
header.site li {
 display:inline-block;
 padding:0 !important;
 margin-left:5px
}
header.site li:before {
 display:none
}
header.site li a:link,header.site li a:active,header.site li a:visited {
 color:black
}
header.site .logo {
 text-align:left;
 display:block;
 float:left;
 width:50px;
 height:50px;
 background-size:50px 50px;
 text-indent:-9999px;
 z-index:9999;
 position:relative
}
@media (min-width: 769px) {
 header.site {
	text-align: center;
	margin-top: 50px;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 120px;
	padding-left: 0;
 }
 header.site nav {
  margin:0 auto;
  max-width:765px;
  margin-top:-70px;
  height:70px
 }
 header.site .logo {
  margin:0 auto;
  float:none;
  text-align:center;
  width:100px;
  height:100px;
  background-size:100px 100px
 }
 header.site ul {
  float:none
 }
 header.site ul .left {
  float:left;
  margin-right:60px
 }
 header.site ul .right {
  float:right;
  margin-left:60px
 }
 header.site ul a {
  font-size:26px;
  line-height:36px
 }
}
footer {
 text-align:center;
 padding-bottom:50px
}
footer nav {
 margin-bottom:30px
}
footer ul {
 margin-bottom:30px
}
footer li {
 font-weight:300;
 padding:0 !important
}
footer li:before {
 display:none
}
footer p {
 margin:0 0 0px 0
}
footer p span {
 padding:0px;
 color:#D8D8D8
}
@media all and (min-width: 600px) {
 footer {
  padding-bottom:70px;
  text-align:left
 }
 footer nav {
  margin-bottom:68px
 }
 footer p {
  margin:0
 }
 footer .rightside p:first-child {
  margin-bottom:0px
 }
}

body {
 -webkit-font-smoothing:antialiased;
 font-family:"Lato",sans-serif;
 color:#000;
 font-weight:300
}
.red {
 color:#CDB218
}
.black {
 color:#000 !important; 
}
.white {
 color:#fff
}
.acenter {
 text-align:center
}
.aleft {
 text-align:left !important
}
h1,h2,h3,h4,h5,h6 {
 font-family:"caslongraphiqueefregular",serif;
 color:#CDB218;
}
h1.face {
 width:60px;
 height:60px;
 background-size:60px 60px;
 text-indent:-9999px;
 margin-bottom:50px
}
h3 {
 font-size:32px;
 line-height:48px;
 margin-bottom:20px
}
h4 {
 font-size:22px;
 line-height:28px;
 margin-bottom:5px
}
h5 {
 font-size:23px
}
h5 span {
 font-size:95px
}
h6 {
 font-size:22px
}
a:link,a:active,a:visited {
 color:#CDB218;
 text-decoration:none;
 -moz-transition:all 300ms ease-in;
 -o-transition:all 300ms ease-in;
 -webkit-transition:all 300ms ease-in;
 transition:all 300ms ease-in
}
a:hover {
 color:#b79711
}
a.blacklink {
 color:#000
}
a.blacklink:hover {
 color:#CDB218
}
strong,.bold {
 font-weight:400
}
p {
 font-size:19px;
 line-height:25px;
 margin-bottom:25px
}
.timestamp {
 font-size:19px;
 line-height:25px;
 font-style:italic;
 display:block;
 margin-bottom:10px
}
p.small {
 font-size:17px
}
.container-black p {
 color:#fff
}
header p {
 margin:0
}
header p a {
 cursor:pointer
}
p.social span {
 font-family:'Arial';
 padding:0 10px
}
.list-title {
 margin-bottom:0
}
ul {
 margin-bottom:25px
}
ul li {
 padding-left:20px;
 position:relative
}
ul li:before {
 position:absolute;
 left:0;
 content:"•";
 font-size:21px;
 color:#CDB218;
}
@media (min-width: 769px) {
 ul li:before {
  top:6px
 }
}
ul li p {
 margin:0
}
@media (min-width: 480px) {
 p {
  font-size:22px;
  line-height:30px
 }
 h4 {
  font-size:24px;
  line-height:38px
 }
 .timestamp {
  font-size:22px;
  line-height:30px
 }
 footer p {
    margin: 0 0 0px 0;
}
}
@media (min-width: 769px) {
 ul {
  margin-bottom:40px
 }
 .timestamp {
  font-size:26px;
  line-height:36px
 }
 p {
  font-size:26px;
  line-height:36px;
  margin-bottom:40px
 }
 p.social {
  padding-top:5px
 }
 header p {
  font-size:30px;
  line-height:42px
 }
 h1.face {
  width:100px;
  height:100px;
  background-size:100px 100px;
  text-indent:-9999px
 }
 h3 {
  font-size:32px;
  line-height:46px
 }
 h4 {
  font-size:26px;
  line-height:40px
 }
 h5 {
  font-size:64px
 }
 h5 span {
  font-size:225px
 }
}
cf,section,.clearfix,.container,.row {
 *zoom:1
}
cf:before,cf:after,section:before,section:after,.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after {
 content:"";
 display:table
}
cf:after,section:after,.clearfix:after,.container:after,.row:after {
 clear:both
}
body {
 transition:opacity .25s ease-in-out;
 -moz-transition:opacity .25s ease-in-out;
 -webkit-transition:opacity .25s ease-in-out
}
html {
 box-sizing:border-box
}
*,*:before,*:after {
 box-sizing:inherit
}
@viewport {
 width:device-width
}
.container {
 margin-right:auto;
 margin-left:auto;
 padding-left:15px;
 padding-right:15px;
 max-width:1000px
}
.container-full {
 padding:0;
 margin:0
}
.container-full .row {
 margin:0
}
.container-black {
 background:#000
}
.row {
 margin-left:-15px;
 margin-right:-15px
}
.row.-small {
 margin-left:-15px;
 margin-right:-15px
}
.seperator {
 border-bottom:1px solid #d5d3d3;
 padding-top:30px;
 margin-bottom:50px
}
img {
 max-width:100.000000%;
 float:left;
 width:100%
}
img.not-responsive {
 height:auto;
 width:auto;
 float:none
}
@media (min-width: 480px) {
 img.half {
  max-width:100.000000%
 }
}
.col-half,.col-twothirds,.col-third,.col-full {
 position:relative;
 min-height:1px;
 padding-left:15px;
 padding-right:15px;
 width:100.000000%;
 float:left
}
.no-padding {
 padding:0
}
.col-half {
 width:50.000000%
}
.col-twothirds {
 width:100.000000%
}
.col-third {
 width:100.000000%
}
.col-full {
 width:100.000000%
}
header {
 padding-top:100px;
 padding-bottom:100px
}
section {
 padding-top:70px;
 padding-bottom:45px
}
section:last-of-type {
 padding-bottom:0
}
.site-intro {
 padding-top:45px
}
@media (min-width: 480px) {
 .container {
  padding-left:45px;
  padding-right:45px
 }
 .row {
  margin-left:-30px;
  margin-right:-30px
 }
 .container-full {
  max-width:1499px;
  padding:0;
  margin:0 auto
 }
 .container-full .row {
  margin:0
 }
 .container-black {
  max-width:1500px;
  margin:0 auto
 }
 .col-twothirds {
  width:100.000000%
 }
 .col-third {
  width:100.000000%
 }
 .col-third .item {
  width:50.000000%
 }
 .col-full {
  width:100%
 }
}
@media (min-width: 769px) {
 .seperator {
  padding-top:30px;
  margin-bottom:70px
 }
 header {
  padding-top:225px;
  padding-bottom:225px
 }
 section {
  padding-top:140px;
  padding-bottom:50px
 }
 .site-intro {
  padding-top:50px
 }
 .col-twothirds {
  width:66.666666%
 }
 .col-third {
  width:33.333333%
 }
 .col-third .item {
  width:100.000000%
 }
 .col-full {
  width:100.000000%
 }
}
.page-portfolio {
 position:relative
}
.topbar {
 z-index:9999;
 position:fixed;
 top:0;
 left:0;
 right:0;
 height:60px
}
.topbar .logo {
 width:35px;
 height:31px;
 background-size:35px 31px;
 text-indent:-9999px;
 position:absolute;
 top:15px;
 left:15px
}
.topbar .logo a {
 top:0;
 right:0
}
.topbar a {
 position:absolute;
 top:15px;
 right:15px;
 line-height:31px
}
@media (min-width: 769px) {
 .topbar {
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:110px
 }
 .topbar .logo {
  width:57px;
  height:50px;
  background-size:57px 50px;
  top:30px;
  left:30px
 }
 .topbar a {
  line-height:50px;
  top:30px;
  right:30px
 }
}
.pagination {
 background:#000
}
.pagination a {
 display:block;
 padding:15px
}
.pagination .next {
 text-align:right
}
.pagination p {
 margin:0
}
.pagination span {
 display:none
}
@media (min-width: 769px) {
 .pagination a {
  padding:30px
 }
 .pagination a:hover {
  background:#fff
 }
 .pagination .next {
  text-align:right
 }
 .pagination span {
  display:inline
 }
}
.work .item {
 float:left
}
.work span {
 display:none
}
@media (min-width: 769px) {
 .work .item {
  overflow:hidden;
  position:relative;
  display:block
 }
 .work .item:hover img {
  top:-70px;
  -moz-transition:all 350ms ease;
  -o-transition:all 350ms ease;
  -webkit-transition:all 350ms ease;
  transition:all 350ms ease
 }
 .work img {
  position:relative;
  -moz-transition:all 350ms ease;
  -o-transition:all 350ms ease;
  -webkit-transition:all 350ms ease;
  transition:all 350ms ease;
  top:0
 }
 .work span {
  background:#CDB218;
  position:absolute;
  z-index:-1;
  bottom:0;
  left:0;
  right:0;
  height:70px;
  color:white;
  line-height:70px;
  text-align:center;
  font-weight:400;
  font-size:22px;
  display:block
 }
}
.currency {
 float:right
}
.currency a {
 cursor:pointer
}
.currency .active {
 color:white
}
.dribbbleshots {
 padding:0
}
#dribbble li {
 width:100%
}
#dribbble li a {
 display:block;
 float:left
}
#dribbble li img {
 width:100%;
 height:auto;
 float:left
}
@media all and (min-width: 550px) {
 #dribbble li {
  width:50%;
  float:left
 }
}
@media all and (min-width: 767px) {
 #dribbble li {
  width:33.333333%
 }
}
@media all and (min-width: 769px) {
 #dribbble li {
  background:#CDB218
 }
 #dribbble li a:hover {
  opacity:.7
 }
}
@media all and (min-width: 900px) {
 #dribbble li {
  width:25%
 }
 #dribbble li:last-child {
  display:none
 }
}
.intro-work {
 padding-top:0;
 max-width:680px
}
.intro-work h3 {
 text-align:center
}
.workedwith img {
 width:100%;
 margin-top:15px
}
@media all and (min-width: 600px) {
 .workedwith {
  margin-left:-15px;
  margin-right:-15px
 }
 .workedwith div {
  width:50%;
  float:left;
  padding-left:15px;
  padding-right:15px
 }
}
.page-blog section {
 padding-top:0;
 padding-bottom:0
}
.blog-post {
 padding-top:0;
 padding-bottom:0;
 max-width:680px
}
.blog-post img {
 max-width:100%;
 display:block;
 margin:0 auto;
 float:none;
 width:auto
}
.blog-post h1,.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6 {
 text-align:left
}
.blog-post h1 {
 text-align:center;
 font-size:23px;
 line-height:28px;
 margin-bottom:5px
}
.blog-post .timestamp {
 margin:25px 0 40px 0;
 text-align:center
}
@media (min-width: 480px) {
 .blog-post h1 {
  font-size:26px;
  line-height:38px
 }
}
@media (min-width: 769px) {
 .blog-post h1 {
  font-size:30px;
  line-height:40px
 }

}
@media (max-width: 769px) {
header.site ul {
    float: none;
}
h3 {
    line-height: 36px;
}
header.site {
    text-align: center;
}
header.site li {
    display: inline-block;
	float:left;
    padding: 0 !important;
    margin-left: 0;
	width:25%;
}
header.site li a {
	font-size:18px;
}
.logo-li {
	display:none !important;	
}
.logo-mob {
	display:block;
	text-align:center;
	margin-top:25px;
}
.logo-mob img {
	float:none;
	max-width:220px;
}
.ct-logo {
	display:block;
	margin-left:auto;
	margin-right:auto;
	float:none;
}
}
.page-work .next-project-chat {
 padding-top:70px
}
.next-project-chat {
 max-width:695px
}
pre {
 overflow:auto;
 margin:0 0 40px 0;
 display:block;
 border:1px solid #cccccc;
 padding:20px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px;
 background-color:#fafafa
}
pre code {
 border:none;
 padding:0;
 line-height:1.5em;
 position:static
}
code {
 font-family:Courier New, Courier, monospace;
 font-size:14px;
 border:1px solid #cccccc;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 color:#7a776e;
 pointer-events:none;
 cursor:default;
 padding:3px;
 display:inline-block;
 position:relative;
 line-height:1em;
 top:-2px
}
@media (min-width: 480px) {
 @-webkit-keyframes fadeInUp {
  0% {
   opacity:0;
   -webkit-transform:translate3d(0, 100px, 0);
   transform:translate3d(0, 100px, 0)
  }
  100% {
   opacity:1;
   -webkit-transform:none;
   transform:none
  }
 }
 @keyframes fadeInUp {
  0% {
   opacity:0;
   -webkit-transform:translate3d(0, 100px, 0);
   transform:translate3d(0, 100px, 0)
  }
  100% {
   opacity:1;
   -webkit-transform:none;
   transform:none
  }
 }
 @-webkit-keyframes fadeInUpBig {
  0% {
   opacity:0;
   -webkit-transform:translate3d(0, 2000px, 0);
   transform:translate3d(0, 2000px, 0)
  }
  100% {
   opacity:1;
   -webkit-transform:none;
   transform:none
  }
 }
 @keyframes fadeInUpBig {
  0% {
   opacity:0;
   -webkit-transform:translate3d(0, 2000px, 0);
   transform:translate3d(0, 2000px, 0)
  }
  100% {
   opacity:1;
   -webkit-transform:none;
   transform:none
  }
 }
 .animated {
  -webkit-backface-visibility:hidden;
  -webkit-perspective:1000;
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
 }
 .fadeInUp {
  -webkit-backface-visibility:hidden;
  -webkit-perspective:1000;
  -webkit-transform:translateZ(0);
  -moz-transform:translateZ(0);
  -ms-transform:translateZ(0);
  -o-transform:translateZ(0);
  transform:translateZ(0);
  -webkit-animation-name:fadeInUp;
  animation-name:fadeInUp
 }
 .fadeInUpBig {
  -webkit-animation-name:fadeInUpBig;
  animation-name:fadeInUpBig
 }
}
.noUi-target,.noUi-target * {
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -ms-touch-action:none;
 -ms-user-select:none;
 -moz-user-select:none;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.noUi-target {
 position:relative;
 direction:ltr
}
.noUi-base {
 width:100%;
 height:100%;
 position:relative
}
.noUi-origin {
 position:absolute;
 right:0;
 top:0;
 left:0;
 bottom:0
}
.noUi-handle {
 position:relative;
 z-index:1
}
.noUi-stacking .noUi-handle {
 z-index:10
}
.noUi-stacking+.noUi-origin {
 *z-index:-1
}
.noUi-state-tap .noUi-origin {
 -webkit-transition:left 0.3s, top 0.3s;
 transition:left 0.3s, top 0.3s
}
.noUi-state-drag * {
 cursor:inherit !important
}
.noUi-base {
 -webkit-transform:translate3d(0, 0, 0);
 transform:translate3d(0, 0, 0)
}
.noUi-horizontal {
 height:2px;
 -moz-border-radius:60px;
 -webkit-border-radius:60px;
 border-radius:60px
}
.noUi-horizontal .noUi-handle {
 width:28px;
 height:28px;
 left:-14px;
 top:-14px
}
@media (min-width: 769px) {
 .noUi-horizontal .noUi-handle {
  width:36px;
  height:36px;
  left:-18px;
  top:-18px
 }
}
.noUi-vertical {
 width:18px
}
.noUi-vertical .noUi-handle {
 width:28px;
 height:28px;
 left:-6px;
 top:-17px
}
.noUi-background {
 background:#fff
}
.noUi-connect {
 background:#CDB218;
 -webkit-transition:background 450ms;
 transition:background 450ms
}
.noUi-origin {
 -moz-border-radius:60px;
 -webkit-border-radius:60px;
 border-radius:60px
}
.noUi-target {
 -moz-border-radius:60px;
 -webkit-border-radius:60px;
 border-radius:60px
}
.noUi-dragable {
 cursor:w-resize
}
.noUi-vertical .noUi-dragable {
 cursor:n-resize
}
.noUi-handle {
 border:2px solid #CDB218;
 -moz-border-radius:60px;
 -webkit-border-radius:60px;
 border-radius:60px;
 background:#000;
 cursor:default
}
.priceslider {
 position:relative;
 padding:10px 50px 0 30px;
 margin-top:30px;
 margin-bottom:30px
}
.priceslider .min,.priceslider .max {
 position:absolute;
 top:0;
 color:white;
 font-size:19px
}
.priceslider .min {
 left:0
}
.priceslider .max {
 right:0
}
@media (min-width: 480px) {
 .priceslider {
  padding:10px 50px 0 30px
 }
 .priceslider .min,.priceslider .max {
  font-size:19px
 }
}
@media (min-width: 769px) {
 .priceslider {
  padding:15px 75px 0 45px;
  margin-top:40px;
  margin-bottom:40px
 }
 .priceslider .min,.priceslider .max {
  font-size:28px
 }
}
/*# sourceMappingURL=style.css.map */