@charset "UTF-8";
    article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden] {
    display: none;
}
html {
    background: #fff;
    color: #000;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%}
html, button, input, select, textarea {
    font-family: 'Open Sans',  sans-serif;
}
body {
    margin: 0;
}
a:focus {
    outline: thin dotted;
}
a:active, a:hover {
    outline: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
h3 {
    font-size: 1.17em;
    margin: 1em 0;
}
h4 {
    font-size: 1em;
    margin: 1.33em 0;
}
h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}
h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: bold;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
mark {
    background: #ff0;
    color: #000;
}
p, pre {
    margin: 1em 0;
}
code, kbd, pre, samp {
    font-family: monospace,  serif;
    _font-family: 'courier new',  monospace;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before, q:after {
    content: '';
    content: none;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
dl, menu, ol, ul {
    margin: 1em 0;
}
dd {
    margin: 0 0 0 40px;
}
menu, ol, ul {
    padding: 0 0 0 40px;
}
ul {
    padding: 0 0 0 30px;
}
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}
button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button, input {
    line-height: normal;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}
button[disabled], html input[disabled] {
    cursor: default;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html, button, input, select, textarea {
    color: #222;
}
body {
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
img {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
@media print {
    * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
a, a:visited {
    text-decoration: underline;
}
a[href]:after {
    content: " (" attr(href) ")"}
abbr[title]:after {
    content: " (" attr(title) ")"}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""}
pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}
thead {
    display: table-header-group;
}
tr, img {
    page-break-inside: avoid;
}
img {
    max-width: 100% !important;
}
@page {
    margin: 0.5cm;
}
p, h2, h3 {
    orphans: 3;
    widows: 3;
}
h2, h3 {
    page-break-after: avoid;
}
}@import "http://fonts.googleapis.com/css?family=Montserrat:400, 700";
    @import "http: //fonts.googleapis.com/css?family=Open+Sans:400italic, 400, 300, 600, 700";
    ::selection {
    background-color: #f2333a;
    color: #fff;
}
html, body {
    background: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.hideme {
    opacity: 0;
}
.hideme-slide, .hideme-slide2 {
    opacity: 0;
    bottom: -100% !important;
}
.dontHide {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.dontHide.delay {
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}
.txtc {
    text-align: center;
}
.pt100 {
    padding-top: 100px;
}
#mask {
    background-color: #FFFFFF;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100000;
}
.loader {
    position: absolute;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    top: 50%;
    left: 50%}
.red .color-picker .pickerTitle {
    background: #e02500;
}
.black .color-picker .pickerTitle {
    background: #000;
}
.yellow .color-picker .pickerTitle {
    background: #f1d301;
}
.turquoise .color-picker .pickerTitle {
    background: #29deb5;
}
.red .color-picker .pickerTitle {
    background: #f2333a;
}
.purple .color-picker .pickerTitle {
    background: #d786fe;
}
.orange .color-picker .pickerTitle {
    background: #fda527;
}
.green .color-picker .pickerTitle {
    background: #77be32;
}
.color-picker .picker-btn {
    position: absolute;
    left: -45px;
    top: 45px;
    border: none;
    background: url("../img/picker-ico.png") 5px no-repeat #fff;
    cursor: pointer;
    padding: 5px;
}
.color-picker {
    font-family: 'Montserrat',  sans-serif;
    width: 223px;
    height: auto;
    position: fixed;
    top: 150px;
    right: 0;
    background: #fff;
    z-index: 500;
}
.color-picker .pwrapper {
    padding: 15px 20px 25px;
    width: 170px;
    height: auto;
}
.color-picker .pickerTitle {
    text-transform: uppercase;
    text-align: center;
    float: none;
    width: 100%;
    margin: 0;
    padding: 10px 5px;
    cursor: auto;
    border: none;
    color: #fff;
    background: #666;
    line-height: 30px;
}
.color-picker .pickersubTitle {
    color: #7F7F7F;
    text-transform: uppercase;
    text-align: center;
    float: none;
    width: auto;
    height: auto;
    margin: 0 5px 15px;
    padding: 10px 5px;
    cursor: auto;
    font-size: 12px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    clear: both;
}
.color-picker div {
    width: 30px;
    height: 30px;
    margin: 5px;
    float: left;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.color-picker div.nopick {
    width: 0;
    height: 0;
}
.color-picker .light-version {
    width: 73px;
    height: 29px;
    margin-bottom: 20px;
}
.color-picker .dark-version {
    width: 73px;
    height: 29px;
}
.color-picker .picker-blue {
    background: #f2333a;
}
.color-picker .picker-black {
    background: #222;
}
.color-picker .picker-green {
    background: #77be32;
}
.color-picker .picker-yellow {
    background: #f1d301;
}
.color-picker .picker-red {
    background: #f2333a;
}
.color-picker .picker-purple {
    background: #d786fe;
}
.color-picker .picker-turquoise {
    background: #29deb5;
}
.color-picker .picker-orange {
    background: #fda527;
}
.color-picker .picker-blue:hover, .color-picker .picker-black:hover, .color-picker .picker-green:hover, .color-picker .picker-yellow:hover, .color-picker .picker-red:hover, .color-picker .picker-purple:hover, .color-picker .picker-turquoise:hover, .color-picker .picker-orange:hover {
    border-color: #000;
}
.jump-menu {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}
.jump-selector {
    border-radius: 0;
    background: url("../img/menu-icon-blk.png") no-repeat;
    position: absolute;
    width: 50px;
    height: 75px;
    top: 0;
    right: 0;
    border: none;
    -webkit-appearance: none;
    padding-right: 50px;
    cursor: pointer;
}
#video-volume {
    bottom: 30px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 24px;
    margin-left: -12px;
    left: 50%;
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 10;
    background: url("../img/audio.png") no-repeat;
    opacity: 0.5;
}
.welcome {
    font-family: Georgia,  "Times New Roman",  Times,  serif;
    font-style: italic;
    font-size: 26px;
    letter-spacing: 3px;
    text-transform: none;
}
#home-fullWidth div, #home div {
    position: relative;
    width: 100%;
    height: 100%}
#home-fullWidth {
    height: 700px;
}
.slider-controls {
    opacity: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.slider-controls li {
    list-style: none;
}
#home-fullWidth div:hover .slider-controls, #home div:hover .slider-controls {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.slider-controls li a {
    position: absolute;
    z-index: 25;
    top: 44%;
    width: 81px;
    height: 80px;
    cursor: pointer;
}
.s-next {
    background: url("../img/s-next.png");
    margin-right: 70px;
    right: 0;
    opacity: 0.3;
}
.s-prev {
    background: url("../img/s-prev.png");
    margin-left: 70px;
    left: 0;
    opacity: 0.3;
}
.s-next:hover, .s-prev:hover {
    opacity: 1;
}
#home {
    height: 100%}
#bannerscollection_zoominout_opportune {
    height: 100%;
    width: 100%}
.wrapperSlider #bannerscollection_zoominout_opportune {
    height: auto;
    width: auto;
}
#homer:hover .bannerControls {
    opacity: 1;
}
.banner-info {
    position: absolute;
    width: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    text-align: center;
}
.header {
    width: 100%;
    height: 75px;
    background: #fff;
    position: absolute;
    z-index: 75;
}
.clear {
    clear: both;
}
.menu {
    float: right;
    margin-right: 68px;
}
.menu ul {
    list-style: none;
    padding: 0;
    height: 75px;
    margin: 0;
}
.menu ul li {
    float: left;
    line-height: 75px;
    padding: 0 18px;
    font-family: 'Open Sans',  sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.menu a {
    text-decoration: none;
    color: #414141;
}
.menu a:hover {
    color: #f2333a;
}
#nav .current a {
    color: #f2333a !important;
}
.logo {
    float: left;
    cursor: pointer;
    line-height: 65px;
    margin-left: 68px;
}
.logo.side {
    margin-left: 30px;
}
.logo a {
    text-decoration: none;
    color: #414141;
}
.logo a:hover {
    color: #f2333a;
}
.logo.side a {
    margin-right: 15px;
}
.logo span {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    background: #f2333a;
    background: rgba(76,  221,  243,  0.5);
    margin: 26px 7px 0 0;
}
.logo span span {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #f2333a;
    bottom: 0;
    left: 0;
}
.main-title .second-title {
    font-size: 16px;
    font-family: 'Open Sans',  sans-serif !important;
    width: 680px;
    text-transform: none;
    margin: auto;
    font-weight: 800;
}
.second-title span {
    color: #f2333a;
    font-weight: 600;
}
.second-title-big {
    font-size: 28px;
    font-family: 'Open Sans',  sans-serif !important;
    width: 680px;
    text-transform: none;
    margin: auto;
    font-weight: 800;
}
.second-title-big span {
    color: #f2333a;
    font-weight: 600;
}

.buy-logo{
	width: 135px;
	margin: 400px auto 0;
	height: auto;
	z-index: 10;
	position: relative;
	color: #000;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
  color: white;
  font-weight: bold;
	padding: 11px 25px 11px;
	cursor: pointer;
	border: 2px solid #f2333a;
	border-radius: 2px;
	letter-spacing: 2px;
	pointer-events: auto;

	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.buy-logo:hover{border: 2px solid #fff !important;}

.slider-logo a, .buy-logo a {
    text-decoration: none;
    color: #fff;
}
.main-title {
    color: #fff;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -240px;
    width: 100%;
    pointer-events: none;
    text-align: center;
    z-index: 10;
}
.main-title.title-fullWidth {
    top: 174px;
    margin-top: 0;
}
.main-title a {
    text-decoration: none;
}
.main-title .spacer {
    width: 60px;
    margin: 30px auto 40px;
}
.title-container {
    width: 75%;
    margin: 0 auto;
}
.main-title ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    position: relative;
    height: 100px;
    font-size: 100px;
    font-weight: 300;
    text-align: center;
    font-family: "Brandon Grot W01 Bold",  'Montserrat',  sans-serif;
    ,  "helvetica neue",  helvetica,  arial,  sans-serif;
     letter-spacing: 5px;
    text-transform: uppercase;
    z-index: 100;
}
.main-title ul li {
    width: 100%;
    text-align: center;
    position: absolute;
    opacity: 0;
    top: 40px;
    line-height: 100px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
}
.main-title li.t-current {
    opacity: 1;
    top: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transition-timing-function: ease;
    -webkit-transition-timing-function: ease;
}
.main-carousel {
    overflow: hidden;
    width: 100%;
    position: relative;
    height: 376px;
}
.f-image {
    color: #fff;
}
.f-image a {
    color: #fff;
    text-decoration: none;
}
.f-single .portfolio-meta, .t-element .portfolio-meta {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Open Sans',  sans-serif;
    -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;
}
.portfolio-meta div:last-child {
    font-weight: 400;
    opacity: 0.5;
    font-size: 13px;
}
.team-box .portfolio-meta div:last-child {
    font-weight: 400;
    opacity: 1;
    font-size: 16px;
}
.f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta {
    bottom: 75px;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -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;
}
.f-single:hover .f-category, .t-element:hover .f-category {
    top: 85px;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
    -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;
}
.team-box .t-element:hover .f-category {
    top: 65px;
}
.f-image .f-category {
    text-decoration: none;
    position: absolute;
    top: 20%;
    left: 50%;
    z-index: 20;
    display: block;
    margin-left: -22px;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    background: url("color/img/color-icons.png") no-repeat;
    -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;
}
.t-photo .f-category {
    text-decoration: none;
    position: absolute;
    top: 20%;
    left: 50%;
    z-index: 20;
    display: block;
    margin-left: -22px;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    background: url("color/img/color-icons.png") no-repeat 0 -44px;
    -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;
}
.f-single a {
    text-decoration: none;
}
.image-hover-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
}
.f-image .image-hover-overlay, .t-photo .image-hover-overlay {
    z-index: 11;
    background-color: #000 !important;
    -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;
}
.f-single:hover .image-hover-overlay, .t-element:hover .image-hover-overlay {
    zoom: 1;
    filter: alpha(opacity=85);
    opacity: .85;
    -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;
}
.active .f-info {
    opacity: 1;
}
.roll-info {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    -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;
}
.roll-info:hover {
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.ca-container {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.ca-nav span {
    width: 25px;
    height: 38px;
    background: transparent url(../img/f-next.png) no-repeat top left;
    position: absolute;
    top: 50%;
    margin-top: -19px;
    left: -40px;
    text-indent: -9000px;
    opacity: 0.7;
    cursor: pointer;
    z-index: 100;
}
.ca-nav span.ca-nav-next {
    background-position: top right;
    left: auto;
    right: -40px;
}
.ca-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%}
.ca-item {
    position: relative;
    float: left;
    width: auto;
    text-align: center;
}
.content {
    position: relative;
    height: auto;
}
.dark {
    background: #f7f7f7;
}
.f-single {
    width: 350px;
    float: left;
    margin: 0 15px;
    position: relative;
}
.f-single:hover .f-image {
    opacity: 1;
}
.f-single:hover .f-info {
    cursor: pointer;
    opacity: 1;
    background: #f2333a;
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.f-single:hover .roll-info {
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.featured-carousel {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.featured-list {
    overflow: auto;
}
.nav-featured {
    margin: 40px auto;
    height: 57px;
    width: 455px;
}
.nav-featured div {
    float: left;
    cursor: pointer;
}
.prev-featured {
    background: url("../img/f-prev.png") no-repeat #e1e1e1;
    width: 30px;
    height: 57px;
    margin-right: 110px;
}
.prev-featured:hover {
    background-color: #f2333a;
}
.next-featured {
    background: url("../img/f-next.png") no-repeat #e1e1e1;
    width: 30px;
    height: 57px;
    margin-left: 110px;
}
.next-featured:hover {
    background-color: #f2333a;
}
.nav-featured .btn-featured {
    color: #fff;
    margin-top: 4px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    font-family: 'Open Sans',  sans-serif;
    background: #f2333a;
    border-radius: 25px;
    padding: 13px 25px 13px;
    letter-spacing: 1px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.nav-featured .btn-featured:hover {
    background: #e1e1e1;
}
.btn-featured a {
    text-decoration: none;
    color: #fff;
}
.title {
    font-weight: 300;
    text-align: center;
    font-family: 'Open Sans',  sans-serif;
}
.title.one {
    color: #404141;
    font-size: 37px;
    letter-spacing: 5px;
    padding: 25px 0 25px;
    text-transform: uppercase;
}
.title.two {
    color: #757575;
    font-size: 17px;
    font-family: 'Open Sans',  sans-serif;
    width: 680px;
    margin: 25px auto;
}
.f-info {
    font-weight: 400;
    text-align: center;
    font-family: 'Open Sans',  sans-serif;
    font-size: 17px;
    color: #404141;
    background: #fff;
    line-height: 30px;
    padding: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    -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;
}
.f-info span {
    color: #aeaeae;
    font-size: 18px;
    font-family: 'Open Sans',  sans-serif;
}
.f-image {
    cursor: pointer;
    position: relative;
    -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;
}
.light {
    background: #fff;
    position: relative;
}
.dark:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 30px solid #f7f7f7;
    border-bottom: 0px solid transparent !important;
    border-right: 30px solid transparent !important;
    border-left: 30px solid transparent !important;
    left: 50%;
    bottom: -28px;
    margin-left: -29px;
    z-index: 10;
}
.full {
    width: 1180px;
    position: relative;
    margin: auto;
}
.half {
    width: 500px;
    float: left;
    padding: 80px 55px 70px 35px;
}
.half:last-child {
    padding: 80px 35px 120px 55px;
}
.half.car-show-2 {
    padding-bottom: 25px;
}
.title-one, .title-full-one {
    font-weight: 400;
    text-align: center;
    font-family: 'Montserrat',  sans-serif;
    font-size: 15px;
    color: #d7d9da;
    text-transform: uppercase;
}
.title-two, .title-full-two, .title-three {
    font-weight: 300;
    text-align: center;
    font-family: 'Open Sans',  sans-serif;
    font-size: 28px;
    color: #434343;
    padding-bottom: 20px;
    margin-top: 10px;
}
.title-nav {
    margin-top: -84px;
}
.title-nav > span.ss-prev, .title-nav > span.ss-next {
    color: #888;
    cursor: pointer;
    display: block;
    width: 30%;
    height: 1.4em;
    padding: 5px;
    text-align: center;
}
.title-nav > span.ss-prev:hover, .title-nav > span.ss-next:hover {
    color: #555;
}
.title-nav > span.ss-prev {
    float: left;
}
.title-nav > span.ss-next {
    float: right;
}
.title-full-one {
    padding-top: 80px;
}
.half-content {
    color: #888888;
    font-size: 15px;
    font-family: 'Open Sans',  sans-serif;
    line-height: 26px;
}
.half-content a {
    color: #f2333a;
    text-decoration: none;
    font-weight: 400;
}
.parallax .p-dark {
    color: #404040;
}
.parallax {
    width: 100%;
    height: 480px;
    position: relative;
    overflow: hidden;
}
.p-image-first {
    margin-left: -335px;
}
.p-image-second {
    margin-left: -448px;
}
.parallax.p-two {
    height: 625px;
}
.parallax.p-one {
    height: 680px;
}
.p-one {
    background: url("../img/parallax/parallax-01.jpg") repeat;
}
.p-two {
    background: url("../img/parallax/parallax-02.png") repeat;
    background-color: #f2333a;
}
.p-three {
    background: url("../img/parallax/parallax-01.jpg") repeat;
}
.p-title-one {
    font-weight: 400;
    text-align: center;
    font-family: 'Montserrat',  sans-serif;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    opacity: 0.5;
    padding-top: 140px;
}
.p-title-two {
    font-weight: 300;
    text-align: center;
    font-family: 'Open Sans',  sans-serif;
    font-size: 35px;
    color: #fff;
    padding: 10px 0 30px;
}
.p-info {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans',  sans-serif;
    text-align: center;
    width: 650px;
    margin: 50px auto 0;
    font-weight: 300;
}
.spacer {
    width: 100px;
    height: 2px;
    background: #f2333a;
    margin: auto;
}
.p-image-01 {
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -595px;
}
.p-image-02 div {
    position: absolute;
    bottom: 0;
    left: 50%}
.parallax-info {
    position: absolute;
    z-index: 50;
    width: 100%;
    height: 100%}
#video_background {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1000;
    overflow: hidden;
}
.container-video {
    position: relative;
    overflow: hidden;
    height: 700px;
}
.p-video {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
    padding-top: 56.25%;
    heigth: auto;
    position: absolute;
    top: 0;
    z-index: 5;
}
.p-video > iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -100;
}
.mk-video-mask {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: url(vegas/overlays/05.png) center center repeat;
}
.p-video-title {
    height: auto;
    margin: auto;
    text-align: center;
    opacity: 0.7;
    font-size: 50px;
    font-weight: 300;
    font-family: 'Open Sans',  sans-serif;
    letter-spacing: 30px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 333px;
}
.t-spacer {
    width: 40px;
    height: 2px;
    background: #4cd8ed;
    margin: auto;
    margin-top: 30px;
    -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;
}
.t-element:hover .t-spacer {
    background: #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.t-element:hover .t-roll {
    background: #fff;
    background: rgba(255,  255,  255,  0.8);
    -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;
}
.t-photo {
    position: relative;
    width: 255px;
    overflow: hidden;
    -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;
}
.t-element {
    width: 255px;
    float: left;
    margin-right: 53px;
}
.t-element:nth-child(4) {
    margin-right: 0;
}
.t-element:nth-child(8) {
    margin-right: 0;
}
.t-element:nth-child(12) {
    margin-right: 0;
}
.t-data {
    background: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans',  sans-serif;
    padding: 30px;
    overflow: auto;
    -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;
}
.t-element:hover .t-data {
    background: #4cd8ed;
    -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;
}
.t-element:hover .t-info {
    color: #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.t-name {
    color: #030303;
    font-size: 18px;
}
.ts {
    width: 25px;
    height: 25px;
    overflow: hidden;
    background: url("../img/social.png");
    float: left;
    margin: 11px 18px;
    opacity: 0.4;
}
.ts:hover {
    opacity: 1;
}
.ts.facebook {
    background-position: 0 0;
}
.ts.facebook:hover {
    background-position: 0 bottom;
}
.ts.twitter {
    background-position: 75px 0;
}
.ts.twitter:hover {
    background-position: 75px bottom;
}
.ts.pinterest {
    background-position: 50px 0;
}
.ts.pinterest:hover {
    background-position: 50px bottom;
}
.ts.tumblr {
    background-position: 25px 0;
}
.ts.tumblr:hover {
    background-position: 25px bottom;
}
.t-info {
    color: #7f7f7f;
    font-size: 14px;
    margin-top: 10px;
    -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;
}
.t-social {
    float: right;
    right: 50%;
    position: relative;
}
.in-social {
    margin-top: 10px;
    height: 36px;
    float: right;
    right: -50%;
    position: relative;
}
.show {
    position: relative;
    width: 520px;
}
.caroussel {
    width: 500px;
    height: 350px;
    overflow: hidden;
    position: relative;
    margin-left: 10px;
}
.caroussel-list {
    overflow: auto;
}
.car-img {
    float: left;
    width: auto;
}
.controller {
    float: right;
    right: 50%;
    position: relative;
}
.controller ul {
    padding: 0;
    float: right;
    right: -50%;
    position: relative;
    margin: 35px 0 0 15px;
}
.controller ul li {
    list-style: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #eaeaea;
    background: #fff;
    float: left;
    margin: 0 7px;
    cursor: pointer;
}
.controller ul li:hover {
    border: 2px solid #4ad8ed;
    background: #4ad8ed;
}
.controller ul li:first-child {
    margin-left: 0px;
}
.controller ul li:last-child {
    margin-right: 0px;
}
.selected {
    border: 2px solid #4ad8ed !important;
    background: #4ad8ed !important;
}
.car-prev, .car-next {
    position: absolute;
    width: 47px;
    height: 85px;
    background-image: url('../img/c-arrows.png');
    background-color: #4ad8ed;
    top: 125px;
    cursor: pointer;
}
.car-prev {
    left: 0;
    background-position: -16px 0;
}
.car-next {
    right: 0;
    background-position: 0px -85px;
}
.caroussel-2 {
    width: 500px;
    height: 265px;
    overflow: hidden;
    position: relative;
    margin-left: 10px;
}
.caroussel-list-2 {
    overflow: auto;
}
.car-quote {
    float: left;
    width: 500px;
}
.tag-project {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    color: #929292;
    font-family: 'Montserrat',  sans-serif;
    letter-spacing: 3px;
}
.controller-2, .controller-3 {
    float: right;
    right: 50%;
    position: relative;
    margin: 30px 0 60px;
}
.controller-3 {
    margin-top: 0;
}
.controller-2 ul, .controller-3 ul {
    padding: 0;
    float: right;
    right: -50%;
    position: relative;
}
.controller-2 ul li, .controller-3 ul li {
    list-style: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #eaeaea;
    background: #fff;
    float: left;
    margin: 0 7px;
    cursor: pointer;
    margin: 35px 0 0 15px;
}
.controller-3 ul li {
    border: 2px solid #fff;
}
.controller-2 ul li:hover, .controller-3 ul li:hover {
    border: 2px solid #4ad8ed;
    background: #4ad8ed;
}
.controller-2 ul li:first-child, .controller-3 ul li:first-child {
    margin-left: 0px;
}
.controller-2 ul li:last-child, .controller-3 ul li:last-child {
    margin-right: 0px;
}
.car-prev-2, .car-next-2 {
    position: absolute;
    width: 47px;
    height: 85px;
    background-image: url('../img/c-arrows.png');
    background-color: #4ad8ed;
    top: 88px;
    cursor: pointer;
}
.car-prev-2 {
    left: 0;
    background-position: -16px 0;
}
.car-next-2 {
    right: 0;
    background-position: 0px -85px;
}
.avatar {
    width: 150px;
    float: left;
    margin-right: 20px;
}
.avatar img {
    border-radius: 50%;
    width: 100%}
.q-spacer {
    width: 100%;
    height: 1px;
    background: #f4f4f4;
    margin: 35px 0;
}
.comment {
    font-size: 18px;
    font-family: 'Open Sans',  sans-serif;
    color: #acacac;
}
.comment2 {
    font-size: 18px;
    font-family: 'Open Sans',  sans-serif;
    color: #acacac;
}
.comment span {
    color: #474747;
    font-weight: 600;
}
.services {
    position: relative;
    overflow: visible;
}
.tooltip {
    display: none;
    position: absolute;
    width: 220px;
    background: #000;
    top: auto;
    bottom: 100%;
    left: 50%;
    margin-left: -130px;
    padding: 5px 23px;
    margin-bottom: 30px;
}
.arrow-down {
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: auto;
    bottom: 100%;
    margin-bottom: 22px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid rgba(6,  6,  6,  .85);
}
.details {
    color: #fff;
    font-size: 14px;
    text-align: left;
    font-weight: 300;
    font-family: 'Open Sans',  sans-serif;
    line-height: 30px;
}
.details ul {
    list-style: none;
    padding: 0;
}
.list-dot {
    display: inline-block;
    margin: 0px 7px -3px 0px;
    width: 15px;
    height: 15px;
    background: url("../img/ckeck.png") no-repeat #f2333a;
}
.visible {
    display: block;
}
.s-container {
    position: relative;
    width: 1180px;
    margin: auto;
}
.s-element {
    width: 393px;
    height: auto;
    float: left;
    text-align: center;
}
.s-info {
    padding: 0 45px;
}
.s-ico {
    width: 170px;
    height: 170px;
    background-color: #f2333a;
    cursor: pointer;
    border-radius: 50%;
    margin: 10px auto 40px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.s-ico:hover {
    background-color: #e6e6e6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.f-ico.s-one {
    background-position: 0 0;
}
.f-ico.s-two {
    background-position: -73px 0;
}
.f-ico.s-three {
    background-position: -146px 0;
}
.f-ico.s-four {
    background-position: -219px 0;
}
.s-info {
    font-family: 'Open Sans',  sans-serif;
    font-size: 14px;
    color: #b4b4b4;
    font-weight: 400;
    line-height: 25px;
}
.s-info span {
    font-family: 'Montserrat',  sans-serif;
    color: #434242;
    font-size: 22px;
}
.sl-element {
    width: 236px;
    height: auto;
    float: left;
    text-align: center;
    position: relative;
    overflow: visible;
}
.sl-title {
    font-family: 'Open Sans',  sans-serif;
    color: #434242;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
.sl-ico {
    cursor: crosshair !important;
    background-image: url("../img/sl-icons.png");
    width: 110px;
    height: 110px;
    background-color: #f2333a;
    cursor: pointer;
    border-radius: 50%;
    margin: 10px auto 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.sl-ico:hover {
    background-color: #e6e6e6 !important;
}
.sl-config {
    background-position: 0 0;
}
.sl-globe {
    background-position: -110px 0;
}
.sl-diamond {
    background-position: -220px 0;
}
.sl-pointer {
    background-position: -330px 0;
}
.sl-clock {
    background-position: -440px 0;
}
.skill-1 .skill-in {
    width: 0%}
.skill-2 .skill-in {
    width: 0%}
.skill-3 .skill-in {
    width: 0%}
.skill-4 .skill-in {
    width: 0%}
.skill-5 .skill-in {
    width: 0%}
.progress-bar {
    height: 36px;
    width: 500px;
    background: #f6f6f6;
}
.progress-bar .skill-in {
    display: inline-block;
    height: 100%;
    background: #f2333a url("../img/skill-sprite.png") repeat-x;
}
.info-skills {
    position: absolute;
    font-family: 'Open Sans',  sans-serif;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    line-height: 36px;
    padding-left: 18px;
    text-transform: uppercase;
}
.info-skills span {
    font-weight: 300;
}
.skill-content {
    margin-bottom: 32px;
}
.skill-content:last-child {
    margin-bottom: 0;
}
.p-category {
    text-decoration: none;
    position: relative;
    margin: 0 auto;
    z-index: 20;
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    zoom: 1;
    filter: alpha(opacity=0);
    opacity: 0;
    background: url("color/img/color-icons.png") 0 -88px no-repeat;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ch-grid:hover .p-category {
    opacity: 1;
}
.nav-wrapper {
    position: relative;
}
.nav-wrapper:hover .nav-work {
    opacity: 1;
}
.nav-work {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.nav-work div {
    position: absolute;
    top: 47%;
    width: 30px;
    height: 60px;
    cursor: pointer;
    background: url("../img/work-arrows.png") no-repeat;
}
.nav-work .w-prev {
    left: 15px;
    background-position: bottom left;
}
.nav-work .w-next {
    right: 15px;
    background-position: top left;
}
.w-arrows .close {
    background-position: -264px bottom;
    border: none;
    borde-radius: none;
}
.w-arrows .btn-next {
    background-position: right bottom;
}
.w-arrows .btn-prev {
    background-position: -218px bottom;
}
.w-arrows div {
    cursor: pointer;
    display: block;
    height: 44px;
    width: 44px;
    line-height: 32px;
    border: 2px solid #ddd;
    border-radius: 50%;
    text-transform: uppercase;
    float: left;
    margin: 0 10px;
    text-align: center;
    background: url("color/img/color-icons.png") no-repeat bottom right;
}
.w-arrows {
    overflow: auto;
    width: 205px;
    margin: 20px auto 20px;
}
.w-arrows.last {
    margin: 120px auto 150px;
}
.ch-item {
    float: left;
    width: 100%}
.ch-item img {
    width: 100%}
.ch-grid img {
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ch-grid:hover div {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.ch-grid {
    overflow: hidden;
    background-color: #f2333a;
}
.ch-grid div {
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.ch-grid div span {
    display: block;
    padding: 0 0;
    margin: 20% 20px;
    text-transform: uppercase;
    font-family: 'Open Sans',  sans-serif;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: center;
}
.ch-grid div span span {
    margin: auto;
    text-transform: lowercase;
    font-size: 16px;
    font-weight: 400;
}
.ch-grid div span span.p-category {
    margin-bottom: 15px;
}
.ch-grid div span span.cat2 {
    color: #555;
    padding: 0;
    font-size: 13px;
    text-transform: uppercase;
}
#options {
    float: right;
    right: 50%;
    position: relative;
    margin-bottom: 70px;
}
#filters {
    padding: 0;
    float: right;
    right: -50%;
    position: relative;
}
.folio-btn {
    list-style: none;
    background: #f7f7f7;
    float: left;
    cursor: pointer;
    border-radius: 3px;
    padding: 0px 22px;
    font-family: 'Open Sans',  sans-serif;
    font-size: 15px;
    color: #c1c1c1;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
    margin: 0 5px 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.folio-btn:hover {
    background: #f2333a;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.folio-btn:firt-child {
    margin-left: 0;
}
.folio-btn:last-child {
    margin-right: 0;
}
.folio-btn.selected {
    border: none !important;
    background: #4ad8ed !important;
    color: #fff !important;
}
.p-roll {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #f2333a;
    color: #fff;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.p-roll:hover {
    opacity: 0.7;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.ch-grid {
    position: relative;
    list-style: none;
}
.bottom-line {
    border-bottom: solid 1px #f7f7f7;
    width: 1180px;
    margin: 85px auto 0;
}
.caroufredsel_wrapper {
    margin: auto !important;
}
#logos {
    padding: 0;
}
.list_carousel.responsive {
    width: auto;
    margin-left: 0;
    margin: 85px 0;
}
.list_carousel li {
    width: 295px;
    height: 100px;
    padding: 0;
    display: block;
    float: left;
}
.list_carousel li img {
    width: 100%}
.img-spacer {
    width: 1180px;
    margin: auto;
    position: relative;
    margin-top: 265px;
}
.img-item {
    position: absolute;
    top: -200px;
    z-index: 15;
}
.footer-container {
    padding: 100px 0 60px;
    width: 1180px;
    margin: auto;
    overflow: auto;
    color: #a8a8a8;
    font-family: 'Open Sans',  sans-serif;
    font-size: 17px;
    font-weight: 400;
}
.footer-container span {
    font-size: 13px;
}
.foot-third {
    float: left;
    width: 365px;
    padding: 0 0 0 28px;
    line-height: 25px;
}
.f-title-one {
    font-weight: 400;
    font-family: 'Montserrat',  sans-serif;
    font-size: 15px;
    color: #d7d9da;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.title-one, .title-full-one {
    font-weight: 400;
    text-align: center;
    font-family: 'Montserrat',  sans-serif;
    font-size: 15px;
    color: #d7d9da;
    text-transform: uppercase;
}
.f-title-two {
    font-weight: 300;
    font-family: 'Open Sans',  sans-serif;
    font-size: 28px;
    color: #434343;
    margin-bottom: 45px;
}
.f-data {
    color: #3f3f3f;
    font-size: 15px;
    font-family: 'Open Sans',  sans-serif;
    font-weight: 600;
    line-height: 30px;
}
.f-data span {
    color: #a8a8a8;
    padding-left: 15px;
}
.f-data p {
    color: #a8a8a8;
    padding-left: 105px;
}
.adressIco {
    float: left;
}
.f-data.phone span {
    padding-left: 19px;
}
.f-data.e-mail span {
    padding-left: 27px;
}
.f-data.hour-2 span {
    padding-left: 63px;
}
.f-data.hour-3 span {
    padding-left: 57px;
}
.f-data img {
    margin-right: 10px;
}
.no-top {
    padding-top: 0 !important;
}
.f-bottom {
    margin-bottom: 115px !important;
}
.error {
    font-size: 13px;
}
.formSent, .formError {
    display: none;
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255,  255,  255,  0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
}
.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.bay {
    overflow: hidden;
    background-color: transparent;
}
.form-horizontal .control-group {
    margin-bottom: 10px;
}
.peThemeContactForm .controls .span9 {
    width: 97% !important;
    border: none;
    outline: none;
    padding: 11px;
    font-weight: 300;
    font-size: 13px;
    color: #a8a8a8;
    text-transform: uppercase;
    font-family: 'Montserrat',  sans-serif;
    background: #fbfbfb;
}
.controls.send-btn {
    background: none;
}
.controls textarea {
    height: 100px;
}
.contour-btn {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat',  sans-serif;
    padding: 3px 30px;
    border-radius: 3px;
    background: #f2333a;
    border: none;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.contour-btn:hover {
    color: #f2333a;
    background: #f7f7f7 !important;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#maps {
    width: 100%;
    height: 500px;
    position: absolute;
    overflow: hidden;
}
.map-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.inner-map {
    width: 100%;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
}
.f-element {
    width: 295px;
    height: auto;
    float: left;
    text-align: center;
}
.f-ico {
    background: url("../img/facts.png") #f2333a;
    width: 73px;
    height: 71px;
    margin: 0 auto 20px;
}
.highlight {
    font-weight: 300;
    font-family: 'Open Sans',  sans-serif;
    font-size: 100px;
    color: #000000;
    line-height: 75px;
}
.milestone-details {
    font-weight: 300;
    font-family: 'Open Sans',  sans-serif;
    font-size: 20px;
    color: #7f7f7f;
    text-transform: uppercase;
    padding: 20px 0 100px;
    letter-spacing: 1px;
}
.scrollup {
    z-index: 500;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 0.8;
    position: fixed;
    bottom: 50px;
    right: 40px;
    display: none;
    background: #4ad8ed;
    color: #fff;
    line-height: 55px;
    text-decoration: none;
    font-family: 'Open Sans',  sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
}
.project-show {
    overflow: auto;
}
.project-window {
    width: 100%}
.project-content {
    width: 1180px;
    margin: auto;
}
.project-content img {
    width: 1180px;
}
.wrapper-project {
    overflow: hidden;
    width: 100%;
    height: auto;
}
.wrapper-project ul {
    margin: 0;
    padding: 0;
}
.wrapper-project ul li {
    list-style: none;
    float: left;
    margin: 20px 0 0;
}
.project-content .img-project:first-child {
    border-top: solid 1px #f7f7f7;
}
.description {
    color: #646464;
    font-size: 14px;
    font-family: 'Open Sans',  sans-serif;
    margin-top: 55px;
}
.title-project {
    color: #000;
    font-size: 30px;
    font-family: 'Open Sans',  sans-serif;
    margin: 5px 0 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 300;
}
.title-project span {
    font-size: 16px;
    text-transform: none;
    font-style: italic;
    color: #646464;
}
.socialFooter {
    position: relative;
    background: #fff;
    margin-top: 500px;
    width: 100%;
    height: 201px;
}
.social-icons {
    width: 215px;
    margin: 0px auto 35px;
    padding-top: 50px;
}
.socialFooter .social-icons .social {
    text-align: center;
}
.socialFooter .social-icons .social div {
    display: inline-block;
    width: 51px;
    height: 51px;
    overflow: hidden;
    background: url("../img/social-footer.png");
    margin: 0 10px;
}
.socialFooter .social-icons .social div:hover {
    opacity: 0.7;
}
.socialFooter .social-icons .social .twitt {
    background-position: left bottom;
}
.socialFooter .social-icons .social .plus {
    background-position: -51px bottom;
}
.socialFooter .social-icons .social .face {
    background-position: -102px bottom;
}
.socialFooter .social-icons .social .linked {
    background-position: right bottom;
}
.socialFooter .copy {
    text-align: center;
    font-family: 'Open Sans',  sans-serif;
    color: #aaa;
    font-size: 13px;
    margin-top: 35px;
}
.mob {
    display: none;
}
#nav2 {
    display: none;
    width: 60em;
    font-family: 'Open Sans',  sans-serif;
    font-weight: 400;
    position: absolute;
    top: 25%;
    left: 50%;
    margin-left: -30em;
}
#nav2 > a {
    display: none;
}
#nav2 li {
    position: relative;
}
#nav2 li a {
    color: #999;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
}
#nav2 span:after {
    width: 0;
    height: 0;
    border: 0.313em solid transparent;
    border-bottom: none;
    border-top-color: #efa585;
    content: '';
    vertical-align: middle;
    display: inline-block;
    position: relative;
    right: -0.313em;
}
#nav2 > ul {
    height: 3.75em;
    background-color: #f5f5f5;
    padding: 0;
}
#nav2 > ul > li {
    width: 25%;
    height: 100%;
    float: left;
}
#nav2 > ul > li > a {
    height: 100%;
    font-size: 1.5em;
    line-height: 2.5em;
    text-align: center;
}
#nav2 > ul > li:not(:last-child) > a {
    border-right: 1px solid #cc470d;
}
#nav2 > ul > li:hover > a, #nav2 > ul:not(:hover) > li.active > a {
    color: #333;
}
#nav2 li ul {
    background-color: #cc470d;
    display: none;
    position: absolute;
    top: 100%}
#nav2 li:hover ul {
    display: block;
    left: 0;
    right: 0;
}
#nav2 li:not(:first-child):hover ul {
    left: -1px;
}
#nav2 li ul a {
    font-size: 1.25em;
    border-top: 1px solid #e15a1f;
    padding: 0.75em;
}
@media only screen and ( max-width: 62.5em) {
    #nav2 {
    display: none;
    width: 100%;
    position: static;
    margin: 0;
}
}@media only screen and ( max-width: 974px) {
    html {
    font-size: 75%}
.mob {
    display: block;
}
.logo, .logo.side.mob {
    margin-left: 38px;
}
#nav2 {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    font-size: 75%}
#nav2 > a {
    width: 50px;
    height: 75px;
    text-align: left;
    text-indent: -9999px;
    position: relative;
    background: url("../img/menu-icon-blk.png") no-repeat scroll 0 0 rgba(0,  0,  0,  0);
    float: right;
    cursor: pointer;
}
#nav2:not(:target) > a:first-of-type, #nav2:target > a:last-of-type {
    display: block;
}
#nav2.active > ul {
    display: block;
}
#nav2 > ul {
    height: auto;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 75px;
}
#nav2:target > ul {
    display: block;
}
#nav2 > ul > li {
    width: 100%;
    float: none;
}
#nav2 > ul > li > a {
    height: auto;
    text-align: left;
    padding: 0 0.833em;
}
#nav2 > ul > li:not(:last-child) > a {
    border-right: none;
    border-bottom: 1px dotted #999;
}
#nav2 li ul {
    position: static;
    padding: 1.25em;
    padding-top: 0;
}
}.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.pattern {
    background-image: url("../img/slider/pattern.jpg");
}
.darker .sticky-wrapper {
    background-color: #000;
}
.overlay {
    background: transparent url("../img/overlay.png");
    opacity: 0.5;
    z-index: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.slides-navigation .next {
    background: transparent url("../img/s-next.png");
    width: 81px;
    height: 80px;
    margin-right: 70px;
    opacity: 0.3;
}
.slides-navigation .prev {
    background: transparent url("../img/s-prev.png");
    width: 81px;
    height: 80px;
    margin-left: 70px;
    opacity: 0.3;
}
.slides-navigation .nextBlue {
    background: transparent url("../img/s-nextBlue.png");
    width: 81px;
    height: 80px;
    margin-right: 55px;
    opacity: 0.3;
}
.slides-navigation .prevBlue {
    background: transparent url("../img/s-prevBlue.png");
    width: 81px;
    height: 80px;
    margin-left: 55px;
    opacity: 0.3;
}
.slides-navigation .next:hover {
    opacity: 1;
}
.slides-navigation .prev:hover {
    opacity: 1;
}
.slides-navigation .nextBlue:hover {
    opacity: 1;
}
.slides-navigation .prevBlue:hover {
    opacity: 1;
}
.slides-pagination a.current {
    background: #f2333a;
}
.slides-pagination a {
    border: 2px solid #f2333a;
}
.slides-navigation a.prevBlue {
    left: 0;
}
.slides-navigation a.nextBlue {
    right: 0;
}
body .bx-wrapper {
    margin-bottom: 0;
}
.bxslider {
    margin-top: 0px;
}
body .bx-wrapper .bx-viewport {
    border: 0px;
    left: 0;
}
.bx-wrapper .bx-controls-direction a.bx-next {
    background: transparent url("../img/s-next.png");
    width: 81px;
    height: 80px;
    margin-right: 70px;
    opacity: 0.3;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
    background: transparent url("../img/s-prev.png");
    width: 81px;
    height: 80px;
    margin-left: 70px;
    opacity: 0.3;
}
.bx-wrapper .bx-controls-direction a.bx-next:hover {
    opacity: 1;
}
.bx-wrapper .bx-controls-direction a.bx-prev:hover {
    opacity: 1;
}
#homedevice {
    height: 100%;
    display: none;
    background-image: url(../img/slider/01.jpg);
    background-size: cover;
}
ul.bxslider {
    background-color: #222222;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 0;
    height: 800px;
}
ul.bxslider li.slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 0;
}
ul.bxslider li.slide .caption {
    height: 100%;
    position: relative;
    width: 100%}
ul.bxslider li.slide .caption .caption-inside {
    position: absolute;
    top: 0;
    width: 100%}
ul.bxslider li.slide .caption .slide-caption {
    display: table;
    height: 100%;
    margin-left: 10%;
    margin-right: 10%;
    position: relative;
    top: 0;
    width: 80%;
    z-index: 0;
}
ul.bxslider li.slide .caption .slide-caption .vertical-align-middle {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.overlay.i3 {
    height: 800px;
}
.main-title.title-fullWidth.i3 {
    top: 223px;
}
.slide-tso {
    padding-bottom: 10px;
}
.orange {
    color: #f58220;
}
.orange span {
    font-weight: normal;
    color: #acacac;
}
.orange li {
    list-style-type: disc;
    margin-bottom: .5em;
}
.orange strong {
    color: #7f7f7f;
}
.slides-container {
    height: 800px;
}
#slides-3 ul.slides-container {
    height: 600px;
}
.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.isotope {
    -webkit-transition-property: height,  width;
    -moz-transition-property: height,  width;
    -ms-transition-property: height,  width;
    -o-transition-property: height,  width;
    transition-property: height,  width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform,  opacity;
    -moz-transition-property: -moz-transform,  opacity;
    -ms-transition-property: -ms-transform,  opacity;
    -o-transition-property: -o-transform,  opacity;
    transition-property: transform,  opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
@media only screen and (min-width: 1900px) {
    #ca-container .next-featured {
    float: right;
}
}@media only screen and (max-width: 1400px) {
    .slides-navigation .nextBlue {
    margin-right: 25px;
}
.slides-navigation .prevBlue {
    margin-left: 25px;
}
}@media only screen and (max-width: 1390px) {
    .menu ul li {
    padding: 0 14px;
}
}@media only screen and (max-width: 1325px) {
    .header .logo.side.hidem2 img: first-child {
    width: 100px;
    height: auto;
}
.header .logo.side.hidem2 img {
    width: 80px;
    height: auto;
}
}@media only screen and (max-width: 1240px) {
    .header .logo.side.hidem2 a img {
    display: none;
}
.header .logo.side.hidem2 a:first-child img {
    display: inline;
}
}@media only screen and (min-width: 976px) and (max-width: 1258px) {
    .main-title ul {
    font-size: 65px;
}
.full {
    width: 960px;
}
.half {
    width: 385px;
    padding-bottom: 100px;
}
.half img {
    width: 100%}
#anchor_services .half img {
    width: auto;
}
.car-img img {
    width: 100%}
.caroussel {
    width: 370px;
    height: 278px;
}
.caroussel img {
    width: 370px;
    height: auto;
}
.s-element {
    width: 320px;
}
.f-element {
    width: 240px;
}
.highlight {
    font-size: 75px;
}
.milestone-details {
    font-size: 16px;
}
.progress-bar {
    width: 397px;
}
.car-quote {
    width: 370px;
}
.caroussel-2 {
    width: 370px;
    height: 270px;
}
.comment {
    font-size: 13px;
}
.q-spacer {
    margin: 20px 0;
}
.logos {
    width: 900px;
    margin: 70px auto 220px;
}
.bottom-line {
    width: 900px;
}
.img-spacer {
    width: 900px;
    margin-top: 190px;
}
.img-spacer img {
    width: 900px;
}
.img-item {
    top: -125px;
}
.foot-third {
    width: 280px;
}
.f-data {
    font-size: 14px;
}
.f-data span {
    padding-left: 5px;
}
.footer-container span {
    font-size: 13px;
}
.footer-container {
    width: 959px;
    font-size: 15px;
}
.project-content {
    width: 900px;
}
.project-content img {
    width: 900px;
}
.we-are {
    font-size: 110px;
}
.s-container {
    width: 960px;
}
.team-box {
    width: 960px;
    margin: auto;
}
.sl-element {
    width: 192px;
}
.team-grid {
    width: 574px !important;
}
.t-element:nth-child(2), .t-element:nth-child(4), .t-element:nth-child(6), .t-element:nth-child(8), .t-element:nth-child(10) {
    margin-right: 0;
}
.t-element {
    margin-bottom: 30px;
}
.menu ul li {
    padding: 0 12px;
    font-size: 13px;
}
.p-image-01 {
    margin-left: -470px;
    width: 940px;
}
.p-image-01 img {
    width: 940px;
}
.parallax.p-two {
    height: 555px;
}
.container-video {
    height: 530px;
}
.main-title {
    font-size: 60px;
    height: 600px;
    top: 50%;
    margin-top: -176px;
}
.slider-controls li a {
    top: 41%}
.s-next {
    margin-right: 30px;
}
.s-prev {
    margin-left: 30px;
}
.ch-grid div span {
    margin: 50% 20px 0px 20px;
    font-size: 15px;
}
.main-title .spacer {
    margin: 5px auto 25px;
}
.main-title ul {
    margin: 0;
}
.show {
    width: 385px;
}
.car-prev, .car-next {
    top: 100px;
}
.p-category {
    top: 25%}
}@media only screen and (max-width: 1215px) {
    .slides-navigation .prevBlue {
    margin-left: 10px;
}
.slides-navigation .nextBlue {
    margin-right: 10px;
}
}@media only screen and (max-width: 1090px) {
    .menu {
    margin-right: 1.5%}
.menu ul li {
    font-size: 12px;
}
.logo.side {
    margin-left: 10px;
}
}@media only screen and (max-width: 1040px) {
    .slides-navigation a.prev {
    margin-left: 10px;
}
.slides-navigation a.next {
    margin-right: 10px;
}
.second-title-big {
    width: 100%}
}@media only screen and (max-width: 1015px) {
    .menu ul li {
    padding: 0 10px;
}
}@media only screen and (max-width: 976px) {
    .slides-container {
    height: 1230px;
}
#slides-3 ul.slides-container {
    height: 870px;
}
.hideme, .p-image-02, .newtr {
    opacity: 1;
}
.hidem2 {
    display: none;
}
.parallax .hideme-slide, .parallax .hideme-slide2 {
    bottom: 0 !important;
    opacity: 1 !important;
}
.menu {
    display: none;
}
.slider-controls {
    display: none;
}
.jump-menu {
    display: block;
}
.main-title {
    height: 400px;
    top: 50%;
    margin-top: -175px;
}
.sl-element {
    margin-bottom: 10px;
}
.car-img img {
    width: 100%}
.car-img {
    margin-bottom: 35px;
}
.half img {
    width: 100%}
.sl-element {
    width: 100%;
    float: none;
}
}@media only screen and (min-width: 796px) and (max-width: 976px) {
    .main-title ul {
    font-size: 40px;
}
.full {
    width: 783px;
}
.half {
    float: none;
    margin: auto;
    padding: 40px 55px 5px 35px;
}
.car-img {
    margin-bottom: 35px;
}
.full .half:nth-child(2) {
    padding: 0px 45px 120px;
}
.s-container {
    width: 603px;
}
.team-box {
    width: 700px;
    margin: auto;
}
.s-element {
    width: 200px;
}
.team-box .s-element {
    width: 300px;
}
.s-ico {
    width: 130px;
    height: 130px;
}
.s-info {
    padding: 0 10px;
    font-size: 13px;
}
.f-element {
    width: 180px;
    padding-left: 10px;
}
.f-ico {
    margin: 0 auto;
}
.highlight {
    font-size: 40px;
}
.s-info {
    margin-bottom: 50px;
}
.project-content {
    width: 700px;
}
.project-content img {
    width: 700px;
}
.logos {
    width: 680px;
    margin: 70px auto 150px;
}
.img-spacer {
    width: 700px;
    margin-top: 150px;
}
.img-spacer img {
    width: 700px;
}
.img-item {
    top: -80px;
}
.footer-container {
    width: 700px;
    padding: 90px 0;
}
.foot-third {
    width: 320px;
    padding: 0 0 0 30px;
}
.foot-third:last-child {
    margin-top: 50px;
    width: 640px;
    padding: 0 30px;
}
.bottom-line {
    width: 700px;
}
.milestone-details {
    font-size: 15px;
    padding: 0px 0 100px;
}
.s-info span {
    font-size: 17px;
}
.t-element {
    margin-bottom: 30px;
}
.team-grid {
    width: 574px !important;
}
.t-element:nth-child(2), .t-element:nth-child(4), .t-element:nth-child(6), .t-element:nth-child(8), .t-element:nth-child(10) {
    margin-right: 0;
}
.p-image-01 {
    margin-left: -380px;
    width: 760px;
}
.p-image-01 img {
    width: 760px;
}
.parallax.p-two {
    height: 520px;
}
.container-video {
    height: 430px;
}
.main-title {
    font-size: 50px;

    height: 600px;
}
.main-title span {
    top: 100px;
}
}@media only screen and (max-width: 795px) {
    .car-prev {
    display: none;
}
.car-next {
    display: none;
}
.car-prev-2 {
    display: none;
}
.car-next-2 {
    display: none;
}
.show {
    width: 100%}
.main-title ul {
    margin-top: 0;
}

.main-title img{

  width:90%;
}

.main-title {
  height: 600px;
}
.main-title .spacer {
    margin: 20px auto;

}
.buy-logo {
    margin-top: 280px;
}
#anchor_services .half {
    width: 100%;
    padding: 30px 0 0 0;
}
}@media only screen and (max-width: 700px) {
    .second-title-big {
    font-size: 20px;
    width: 80%}
.main-title {
    margin-top: -155px;
}
.title-container .t-current img {
    width: 70%}
}@media only screen and (min-width: 480px) and (max-width: 795px) {
    .p-image-02 div {
    left: 50%}
.p-image-first {
    margin-left: -225px;
}
.p-image-first img {
    width: 450px;
}
.p-image-second {
    margin-left: -300px;
}
.p-image-second img {
    width: 600px;
}
.vegas-overlay {
    display: none;
}
.main-title ul {
    font-size: 20px;
}
.main-title .second-title {
    width: 345px;
}
.full {
    width: 466px;
}
.half {
    float: none;
    margin: auto;
    width: 400px;
    padding: 0px 40px 40px;
}
.half:first-child {
    padding-bottom: 0px;
}
.content .full .half {
    padding-left: 0;
    padding-right: 0;
}
.next-featured {
    margin-left: 30px;
}
.prev-featured {
    margin-right: 30px;
}
.nav-featured {
    width: 311px;
}
.title.one {
    font-size: 40px;
    padding: 80px 40px 11px;
}
.title.two {
    font-size: 17px;
    padding: 0px 40px;
    width: auto;
}
.caroussel {
    width: 400px;
    height: 270px;
}
.p-info {
    width: 400px;
}
.caroussel img {
    width: 400px;
    height: auto;
    margin-left: 0;
}
.team-box {
    width: 100%}
.s-container {
    width: 400px;
}
.f-element {
    width: 100%}
.progress-bar {
    width: 400px;
}
.caroussel-2 {
    width: 400px;
    height: 300px;
}
.car-quote {
    width: 400px;
}
.comment {
    font-size: 14px;
}
#filters {
    padding: 0 40px;
}
.bottom-line {
    width: 400px;
}
.project-content {
    width: 400px;
}
.project-content img {
    width: 400px;
}
.logos {
    width: 400px;
    margin: 70px auto 50px;
}
.img-spacer {
    width: 400px;
    margin-top: 50px;
}
.img-spacer img {
    width: 400px;
}
.img-item {
    top: 10px;
}
.footer-container {
    width: 400px;
}
.foot-third {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 50px;
}
.foot-third:first-child {
    margin-top: 0;
}
.t-element {
    float: none;
    margin: 30px auto 0;
}
.t-element:nth-child(2), .t-element:nth-child(4), .t-element:nth-child(6), .t-element:nth-child(8), .t-element:nth-child(10) {
    margin: 30px auto 0;
}
.p-image-01 {
    margin-left: -230px;
    width: 460px;
}
.p-image-01 img {
    width: 460px;
}
.main-title {
    font-size: 25px;
}
.main-title span {
    top: 70px;
}
.logo {
    font-size: 23px;
}
.parallax.p-one {
    height: 600px;
}
.parallax.p-two {
    height: 400px;
}
.container-video {
    height: 260px;
}
.container-video .parallax-info {
    display: none;
}
}@media only screen and (max-width: 595px) {
    .slides-navigation .nextBlue, .slides-navigation .prevBlue {
    margin-top: -12px;
}
}@media only screen and (max-width: 479px) {
    .slides-container {
    height: 1700px;
}
.hideme {
    opacity: 1;
}
.hideme-slide {
    opacity: 1;
    bottom: auto !important;
}
.main-title {
    height: inherit;
    top: 50%;
    margin-top: -150px;
}
.logo {
    margin-left: 20px;
}
.logo.side.mob {
    margin-left: 30px;
}
.color-picker {
    display: none;
}
.p-image-02 div {
    left: 50%}
.p-image-first img {
    width: 222px;
}
.p-image-first {
    margin-left: -111px;
}
.p-image-second img {
    width: 300px;
}
.p-image-second {
    margin-left: -150px;
}
.p-image-02 .p-image-second {
    left: 50%}
.vegas-overlay {
    display: none;
}
.main-title ul {
    font-size: 20px;
}
.main-title .second-title {
    font-size: 13px;
    width: 240px;
}
.full {
    width: 300px;
}
.half {
    float: none;
    margin: auto;
    width: 300px;
    padding: 20px 10px 40px;
}
.half:first-child {
    padding-bottom: 0px;
}
.half:last-child {
    padding: 40px 35px 40px 55px;
}
.content .full .half {
    padding-left: 0;
    padding-right: 0;
}
.next-featured {
    margin-left: 30px;
}
.prev-featured {
    margin-right: 30px;
}
.nav-featured {
    width: 292px;
}
.menu {
    display: none;
}
.title.one {
    font-size: 19px;
    padding: 50px 40px 50px;
    width: auto;
}
.title.two {
    font-size: 17px;
    padding: 0px 40px;
    width: auto;
}
.p-title-two {
    font-size: 14px;
}
.caroussel {
    width: 300px;
    height: 220px;
    margin-left: 0;
}
.p-info {
    width: 300px;
}
.caroussel img {
    width: 300px;
    height: auto;
}
.team-box {
    width: 300px;
    margin: auto;
}
.s-container {
    width: 300px;
}
.f-element {
    width: 100%}
.progress-bar {
    width: 300px;
}
.caroussel-2 {
    width: 300px;
    height: 300px;
}
.car-quote {
    width: 300px;
}
.comment {
    font-size: 14px;
}
#filters {
    padding: 0 40px;
}
.bottom-line {
    width: 300px;
}
.project-content {
    width: 300px;
}
.project-content img {
    width: 300px;
}
.logos {
    width: 300px;
    margin: 70px auto 50px;
}
.img-spacer {
    width: 300px;
    margin-top: 0;
}
.img-spacer img {
    width: 300px;
}
.img-item {
    display: none;
}
.footer-container {
    width: 300px;
}
.foot-third {
    float: none;
    width: 100%;
    padding: 0;
    margin-top: 50px;
}
.foot-third:first-child {
    margin-top: 0;
}
.s-element {
    width: 300px;
}
.sl-element {
    width: 100%;
    margin-bottom: 30px;
}
.t-element {
    float: none;
    margin: 30px auto 0;
}
.t-element:nth-child(2), .t-element:nth-child(4), .t-element:nth-child(6), .t-element:nth-child(8), .t-element:nth-child(10) {
    margin: 30px auto 0;
}
.p-image-01 {
    margin-left: -150px;
    width: 300px;
}
.p-image-01 img {
    width: 300px;
}
.content {
    width: 100%;
    overflow: hidden;
}
.main-title {
    font-size: 30px;
}
.welcome {
    font-size: 13px;
}
.main-title span {
    top: 100px;
}
.parallax.p-one {
    height: 280px;
}
.parallax.p-two {
    height: 255px;
}
.parallax.p-two .spacer {
    display: none;
}
.p-title-one {
    padding-top: 40px;
}
.container-video {
    height: 160px;
}
.container-video .parallax-info {
    display: none;
}
.scrollup {
    display: none !important;
}
.mk-video-mask {
    opacity: 0.5;
    background: none;
}
.f-title-one {
    text-align: center;
}
.f-title-two {
    text-align: center;
}
.list_carousel.responsive {
    margin-bottom: 0;
    margin-top: 50px;
}
#anchor5 {
    padding-bottom: 35px;
}
.second-title-big {
    font-size: 18px;
    width: 75%}
.slides-navigation .next, .slides-navigation .prev {
    background-size: 100%;
    width: 61px;
    height: 60px;
}
.avatar {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.show {
    text-align: center;
}
.comment2 {
    margin-top: -20px;
    margin-bottom: 15px;
}
}@media only screen and (max-width: 415px) {
    .slides-navigation .nextBlue, .slides-navigation .prevBlue {
    margin-top: -24px;
}
}@media only screen and (max-width: 396px) {
    .logo.side.mob img {
    display: none;
}
.main-title {
    margin-top: -170px;
}
}@media only screen and (max-width: 360px) {
    #ca-container .portfolio-meta {
    width: 200px;
    left: 50%;
    margin-left: -100px;
    padding-top: 30px;
    top: 0;
}
}@media only screen and (max-width: 340px) {
    .title-two {
    padding-left: 10px;
    padding-right: 10px;
}
.half {
    padding-left: 15px;
    padding-right: 15px;
    width: 270px;
}
#ifilters {
    padding: 0;
    width: 100%}
#anchor_services .half {
    width: 92%;
    padding: 30px 4%}
}.vegas-loading {
    border-radius: 10px;
    background: #000;
    background: rgba(0,  0,  0,  0.7);
    background: url(images/loading.gif) no-repeat center center;
    height: 32px;
    left: 20px;
    position: fixed;
    top: 20px;
    width: 32px;
    z-index: 0;
}
.vegas-overlay {
    background: transparent url(overlays/01.png);
    opacity: 0.5;
    z-index: 0;
}
.vegas-background {
    -ms-interpolation-mode: bicubic;
    image-rendering: optimizeQuality;
    max-width: none !important;
    z-index: 0;
}
.vegas-overlay, .vegas-background {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #cccccc;
}
.mfp-preloader a:hover {
    color: white;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,  Baskerville,  monospace;
}
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333333;
}
.mfap-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,  0,  0,  0);
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,  0,  0,  0.6);
    background: black;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,  0,  0,  0.6);
    background: #444444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
    padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0,  0,  0,  0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
}
.mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
}
.mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0,  0,  0,  0.6);
    position: fixed;
    text-align: center;
    padding: 0;
}
}@media all and (max-width: 900px) {
    .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}
.mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
}
.mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%}
.mfp-container {
    padding-left: 6px;
    padding-right: 6px;
}
}.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
#slides {
    position: relative;
}
#slides .slides-container {
    display: none;
}
#slides .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%}
#slides .scrollable:after {
    content: "";
    display: table;
    clear: both;
}
.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%}
.slides-navigation a {
    position: absolute;
    display: block;
}
.slides-navigation a.prev {
    left: 0;
}
.slides-navigation a.next {
    right: 0;
}
.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 0;
    text-align: center;
    width: 100%}
.slides-pagination a {
    border: 2px solid #222;
    border-radius: 15px;
    width: 10px;
    height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("data:image/png;
    base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
    margin: 2px;
    overflow: hidden;
    text-indent: -100%}
.slides-pagination a.current {
    background: #222;
}
.red .prev-featured:hover, .red .next-featured:hover, .red .s-ico, .red .sl-ico, .red .progress-bar .skill-in, .red .ch-grid, .red .f-ico, .red .car-prev, .red .car-next, .red .car-prev-2, .red .car-next-2, .red .scrollup, .red .list-dot, .red .p-two {
    background-color: #f2333a;
}
.red .menu a:hover, .red #nav .current a, .red .f-image .f-category, .red .t-photo .f-category, .red .half-content a, .red .contour-btn:hover, .red .second-title span {
    color: #f2333a !important;
}
.red .f-image .f-category {
    background-position: 0 0;
}
.red .t-photo .f-category {
    background-position: 0 -44px;
}
.red .f-single:hover .f-info, .red .btn-featured, .red .spacer, .red .folio-btn:hover, .red .p-roll, .red .contour-btn, .red .folio-btn.selected, .red .t-spacer, .red .t-element:hover .t-data, .red .logo span span {
    background: #f2333a;
}
.red .logo span {
    background: #f2333a;
    background: rgba(76,  221,  243,  0.5);
}
.red .controller ul li:hover, .red .selected, .red .controller-2 ul li:hover, .red .controller-3 ul li:hover {
    border: 2px solid #f2333a !important;
    background: #f2333a !important;
}
.red .buy-logo {
    border-color: #e02500;
}
.red::selection {
    background-color: #.red;
}
.f-info h2 {
    font-size: 17px;
    font-weight: 400;
    padding: 0px;
}
.portfolio-meta h2 {
    font-size: 15px;
    font-weight: 400;
}
.grey_acronymes {
    font-size: 15px;
    font-weight: 400;
    margin-top: 0;
}
.removebottom {
    margin-bottom: 0px;
}
.margintop {
    margin-top: 25px;
}
.comment2 {
    font-weight: 400;
}