/*@import url('content_fontella.css');         ********************************* General ***********************************/ body { margin:0; font-family: "Open Sans", sans-serif; font-size:100%;  line-height:1.7; } h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; font-weight: 600; }         h1 {font-size: 2.37em;} h2 {font-size: 1.83em;} h3 {font-size: 1.39em;} h4 {font-size: 1.1em;} h5 {font-size: 0.98em;} h6 {font-size: 0.85em;} .display h1 { font-weight: 800; font-size: 2.8em; line-height:1.4; text-transform: uppercase; } .display p { font-size: 1.5em; font-style: italic; } a {color: #08c9b9;} hr {border:none;border-top: rgba(0, 0, 0, 0.18) 1px solid;margin-top: 2em;margin-bottom: 2em;}     img {max-width:100%;} figure {margin:0} /* FIX: Preventing Chrome from wrapping text with span-style (when editing) */ .display h1 span {font-size: 2.8em;line-height:1.4;} .display p span {font-size: 1.5em;line-height:1.7;} h1 span {font-size: 2.37em;line-height:1.7;} h2 span {font-size: 1.83em;line-height:1.7;} h3 span {font-size: 1.39em;line-height:1.7;} h4 span {font-size: 1.1em;line-height:1.7;} h5 span {font-size: 0.98em;line-height:1.7;} h6 span {font-size: 0.85em;line-height:1.7;} p span {font-size: 14px; line-height: 1.7;} li span {font-size: 14px; line-height: 1.7;} /********************************** Printing ***********************************/ @page { size: auto;   /* auto is the current printer page size */ margin: 20mm 0;   /* this affects the margin in the printer settings */ } /********************************** Grid ***********************************/ .container { margin: 0 auto; max-width: 980px; width: 90%; } @media (min-width: 768px) { /* 40rem */ .column { float: left; /* padding-left: 1.32rem; padding-right: 1.32rem; */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .column.full { width: 100%; } .column.two-third { width: 66.7%; } .column.two-fourth { width: 75%; } .column.two-fifth { width: 80%; } .column.two-sixth { width: 83.3%; } .column.half { width: 50%; } .column.third { width: 33.3%; } .column.fourth { width: 25%; } .column.fifth { width: 20%; } .column.sixth { width: 16.6%; } .column.flow-opposite { float: right; }   } .clearfix:before, .clearfix:after {content: " ";display: table;} .clearfix:after {clear: both;} .clearfix {*zoom: 1;} /********************************** Elements ***********************************/ .center {text-align:center} .right {text-align:right} .left {text-align:left} img.circle {border-radius:500px;margin-top:0;} img.bordered {border: #ccc 1px solid;} .embed-responsive {position: relative;display:block;height:0;padding:0;overflow:hidden;}  .embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;} .embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;} .embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;} .column > img,  .column > figure,  .column > .embed-responsive { margin-top: 1em;margin-bottom: 1em; } .list {position:relative;margin:1.5em 0;} .list > i {position:absolute;left:-3px;top:-3px;font-size:2em;} .list > h2, .list > h3 {margin: 0 0 0 50px} .list > p {margin: 0 0 0 50px} .quote {position:relative;margin:1.5em 0;} .quote > i {position: absolute;top: -10px; left: -7px;font-size: 2em;color:rgba(51,51,51,0.44);} .quote > small {margin-left:50px;opacity: 0.7;font-size: 1em;} .quote > p {margin-left:50px;font-size: 1.5em;} .btn { padding: 10px 30px; font-size: 1.3em; line-height: 2em; border-radius: 6px; display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;     } .btn.btn-primary {color: #ffffff;background-color: #08c9b9;} .btn.btn-primary:hover {color: #ffffff;background-color: #07b0a2;border-color: #07b0a2;} .btn.btn-default {color: #333333;background-color: #d3d3d3;} .btn.btn-default:hover {color: #111;background-color: #ccc;border-color: #ccc;} .social a > i {text-decoration:none;color:#333;font-size:1.5em;margin:0 5px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;} .social a:hover > i {color:#08c9b9;} /********************************** Header Image with Caption ***********************************/ figure.hdr { position: relative; width: 100%; overflow:hidden; background-color: #000;    } figure.hdr img { position: relative; display: block; width: 100%; opacity: 0.8; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;	 -webkit-transform: scale(1.2); transform: scale(1.2); } figure.hdr:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } figure.hdr figcaption { position: absolute; top: auto; bottom: 0; left: 0; width: 100%; height: 60%;  padding: 0 2.5em; color: #fff; font-size: 1.55em; text-align: center; box-sizing: border-box; z-index:1; } /* Text */ figure.hdr h2 { font-weight: 300; text-transform: uppercase; } figure.hdr h2 span { font-weight: 800; } figure.hdr p { letter-spacing: 1px; font-size: 68.5%; text-transform: uppercase; } figure.hdr h2, figure.hdr p { margin: 0; z-index:10000; } /* Cosmetic */ figure.hdr div { height: 100%;  z-index:0; } figure.hdr div::before, figure.hdr div::after { position: absolute; content: ''; } /* One */ figure.one div::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } figure.one div::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; } /* Two */ figure.two div::before { top: 30px; right: 30px; bottom: 30px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } figure.two div::after { top: 30px; right: 30px; bottom: 30px; left: 30px; border-right: 1px solid #fff; border-left: 1px solid #fff; } /* Three */ figure.three figcaption { height: 70%;  } figure.three p { margin: 1em 0 0; padding: 2em; border: 1px solid #fff;	 }  /* Four */ figure.four figcaption { height: 60%;  text-align: left; } figure.four p { position: absolute; right: 50px; bottom: 50px; left: 50px; padding: 2em; border: 7px solid #fff; } /* Five */ figure.five figcaption { height: 100%;  text-align: right; } figure.five h2 { position: absolute; left: 50px; right: 50px; top: 10%; border-bottom: 5px solid #fff; } figure.five p { position: absolute; right: 50px; bottom: 10%; } /* Six */ figure.six figcaption { height: 70%; } figure.six h2 { padding-bottom: 3%; border-bottom: 1px solid #fff; } figure.six p { padding-top: 6%; } /* Seven */ figure.seven figcaption { height: 90%; text-align:left; } figure.seven h2 { border-bottom: 3px solid #fff; } figure.seven p { padding-top: 1em; } /* Eight */ figure.eight figcaption { height: 100%;  text-align: right; } figure.eight h2 { position: absolute; left: 50%; right: 50px; bottom: 10%; } figure.eight p { position: absolute; left: 50px; right: 50%; top: 10%; padding-right:0.5em; border-right: 1px solid #fff; }@font-face { font-family: 'cb-fontello'; src: url('/fonts/cb-fontello.eot?69544295'); src: url('/fonts/cb-fontello.eot?69544295#iefix') format('embedded-opentype'), url('/fonts/cb-fontello.woff?69544295') format('woff'), url('/fonts/cb-fontello.ttf?69544295') format('truetype'), url('/fonts/cb-fontello.svg?69544295#cb-fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'cb-fontello'; src: url('font/cb-fontello.svg?69544295#cb-fontello') format('svg'); } } */ [class^="cb-icon-"]:before, [class*=" cb-icon-"]:before { font-family: "cb-fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .cb-icon-home:before { content: '\e800'; } /* '' */ .cb-icon-fontsize:before { content: '\e900'; } /* '' */ .cb-icon-italic:before { content: '\e901'; } /* '' */ .cb-icon-indent-left:before { content: '\e902'; } /* '' */ .cb-icon-indent-right:before { content: '\e903'; } /* '' */ .cb-icon-unlink:before { content: '\e904'; } /* '' */ .cb-icon-link:before { content: '\e905'; } /* '' */ .cb-icon-align-left:before { content: '\e906'; } /* '' */ .cb-icon-align-center:before { content: '\e907'; } /* '' */ .cb-icon-align-right:before { content: '\e908'; } /* '' */ .cb-icon-align-justify:before { content: '\e909'; } /* '' */ .cb-icon-list-numbered:before { content: '\e90a'; } /* '' */ .cb-icon-list-bullet:before { content: '\e90b'; } /* '' */ .cb-icon-camera:before { content: '\e90c'; } /* '' */ .cb-icon-move:before { content: '\e90d'; } /* '' */ .cb-icon-eraser:before { content: '\e90e'; } /* '' */ .cb-icon-pencil:before { content: '\e90f'; } /* '' */ .cb-icon-underline:before { content: '\e910'; } /* '' */ .cb-icon-bold:before { content: '\e911'; } /* '' */ .cb-icon-strike:before { content: '\e912'; } /* '' */ .cb-icon-code:before { content: '\e913'; } /* '' */ .cb-icon-plus:before { content: '\e914'; } /* '' */ .cb-icon-spin:before { content: '\e915'; } /* '' */ .cb-icon-docs:before { content: '\e916'; } /* '' */ .cb-icon-cancel:before { content: '\e917'; } /* '' */ .cb-icon-color:before { content: '\e918'; } /* '' */ .cb-icon-tint:before { content: '\e919'; } /* '' */ .cb-icon-header:before { content: '\e91a'; } /* '' */ .cb-icon-font:before { content: '\e91b'; } /* '' */ .cb-icon-picture:before { content: '\e91d'; } /* '' */ .cb-icon-superscript:before { content: '\e91e'; } /* '' */ .cb-icon-subscript:before { content: '\e91f'; } /* '' */ .cb-icon-dot:before { content: '\e920'; } /* '' */ .cb-icon-trash:before { content: '\e921'; } /* '' */ .cb-icon-ok:before { content: '\e922'; } /* '' */ .cb-icon-download:before { content: '\e923'; } /* '' */ .cb-icon-doc:before { content: '\e924'; } /* '' */ .cb-icon-cog:before { content: '\e925'; } /* '' */ .cb-icon-off:before { content: '\e926'; } /* '' */ .cb-icon-minus:before { content: '\e927'; } /* '' */ .cb-icon-back:before { content: '\e928'; } /* '' */ .cb-icon-left-open-big:before { content: '\e929'; } /* '' */ .cb-icon-right-open-big:before { content: '\e930'; } /* '' */ .cb-icon-video:before { content: '\e931'; } /* '' */ .cb-icon-wrench:before { content: '\e932'; } /* '' */ .cb-icon-file-code:before { content: '\e933'; } /* '' */ .cb-icon-table:before { content: '\e934'; } /* '' */ .cb-icon-ticket:before { content: '\e935'; } /* '' */ .cb-icon-smile:before { content: '\e936'; } /* '' */ .cb-icon-cubes:before { content: '\e937'; } /* '' */ .cb-icon-brush:before { content: '\e938'; } /* '' */