﻿@font-face{font-family:"MuseoSans";src:url("../themes/idesigning/assets/fonts/MuseoSansLight/MuseoSansLight.eot");src:url("../themes/idesigning/assets/fonts/MuseoSansLight/MuseoSansLight.eot?#iefix") format("embedded-opentype"),url("../themes/idesigning/assets/fonts/MuseoSansLight/MuseoSansLight.woff") format("woff"),url("../themes/idesigning/assets/fonts/MuseoSansLight/MuseoSansLight.ttf") format("truetype");font-style:normal;font-weight:100}
@font-face{font-family:"MuseoSans";src:url("../themes/idesigning/assets/fonts/MuseoSansMedium/MuseoSansMedium.eot");src:url("../themes/idesigning/assets/fonts/MuseoSansMedium/MuseoSansMedium.eot?#iefix") format("embedded-opentype"),url("../themes/idesigning/assets/fonts/MuseoSansMedium/MuseoSansMedium.woff") format("woff"),url("../themes/idesigning/assets/fonts/MuseoSansMedium/MuseoSansMedium.ttf") format("truetype");font-style:normal;font-weight:500}
.non-selectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default}
::selection{background-color:#66397c;color:#fff}
::-moz-selection{background-color:#66397c;color:#fff}
input::-ms-clear{display:none}
*{-ms-scrollbar-track-color:#ccc;-ms-scrollbar-face-color:#481b5c;-ms-scrollbar-darkshadow-color:transparent;-ms-scrollbar-highlight-color:transparent;-ms-scrollbar-shadow-color:#481b5c;-ms-scrollbar-3dlight-color:transparent;-ms-scrollbar-arrow-color:#481b5c;-ms-overflow-style:scrollbar;-moz-scrollbar-track-color:#ccc;scrollbar-face-color:#481b5c;scrollbar-darkshadow-color:transparent;scrollbar-highlight-color:transparent;scrollbar-shadow-color:#481b5c;scrollbar-3dlight-color:transparent;scrollbar-arrow-color:#481b5c}
::-webkit-scrollbar,#intro::-webkit-scrollbar{-webkit-overflow-scrolling:touch;width:12px;height:12px}
::-webkit-scrollbar-thumb{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-clip:padding-box;background-color:#481b5c;border:0}
::-webkit-scrollbar-track-piece{background-clip:padding-box;border:0;background:#ccc}
.clear{clear:both}
.prelative{position:relative}
.fake-table{display:table}
.fake-tr{display:table-row}
.fake-td{display:table-cell}
.wrapper{width:1160px;margin-left:auto;margin-right:auto}
.pull-left{float:left}
.pull-right{float:right}
.opacity-transition,.folio nav ul li a span.item-thumbs-title,.folio nav ul li a em.item-thumbs-image:before,.jcarousel-control-prev,.jcarousel-control-next,.portfolio-prev,.portfolio-next,.portfolio-item{-moz-transition:opacity ease 0.3s;-webkit-transition:opacity ease 0.3s;-o-transition:opacity ease 0.3s;transition:opacity ease 0.3s;-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transform:translateZ(0)}
.portfolio-item{-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}
.folio nav,.folio nav ul li{-moz-transition:height ease 0.3s;-webkit-transition:height ease 0.3s;-o-transition:height ease 0.3s;transition:height ease 0.3s;-webkit-transform:translateZ(0)}
.folio nav ul li a{-moz-transition:top ease-in-out 0.3s;-webkit-transition:top ease-in-out 0.3s;-o-transition:top ease-in-out 0.3s;transition:top ease-in-out 0.3s;-webkit-transform:translateZ(0)}
.jcarousel-control-prev,.jcarousel-control-next{-moz-transition:opacity ease-in-out 0.3s,top ease-in-out 0.3s;-webkit-transition:opacity ease-in-out 0.3s,top ease-in-out 0.3s;-o-transition:opacity ease-in-out 0.3s,top ease-in-out 0.3s;transition:opacity ease-in-out 0.3s,top ease-in-out 0.3s;-webkit-transform:translateZ(0)}
header a,header .logo-section .logo svg,.portfolio-tools a,.portfolio-details .close-btn svg,.icon-sandwich svg,.portfolio-next svg path,.portfolio-prev svg path,header .phone{-moz-transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;transition:all ease-in-out 0.3s}
#portfolio-details{-moz-transition:right ease 0.5s;-webkit-transition:right ease 0.5s;-o-transition:right ease 0.5s;transition:right ease 0.5s;-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.off{opacity:0;-ms-filter:'alpha(pacity=0)'}
body,html{height:100%;min-height:100%}
input,select,textarea,body,html{font-family:'Open Sans',Arial,sans-serif;font-weight:300}
h1,h2,h3,h4,h5,h6,header .phone,.folio nav ul li a span.item-thumbs-title .fake-td{font-family:"MuseoSans",Arial,sans-serif}
 .preloader{height:100%;width:100%;position:fixed;z-index:1000;background:#fff;top:0;left:0}
.preloader .fake-table,.preloader .fake-td{height:100%;width:100%}
.preloader .fake-td{vertical-align:middle}
.preloader .loader{height:132px;width:132px;margin:0 auto;font-weight:300;color:#66397c;font-size:16px;text-align:center;line-height:132px;overflow:hidden;position:relative}
.b-loader{-o-transition:.8s opacity;-moz-transition:.8s opacity;-webkit-transition:.8s opacity;transition:.8s opacity;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;opacity:0 }
.b-loader.m-visible{opacity:1;-ms-filter:'alpha(opacity=100)'}
.b-loader .l-rotate{position:absolute;top:50%;left:50%;margin:-79px 0 0 -79px;width:159px;height:159px;-moz-animation:fxRotate 1.25s linear infinite;-webkit-animation:fxRotate 1.25s linear infinite;animation:fxRotate 1.25s linear infinite }
.b-loader i{-o-transition:.8s all;-moz-transition:.8s all;-webkit-transition:.8s all;transition:.8s all;-ms-transform:scale(0.1);-o-transform:scale(0.1);-moz-transform:scale(0.1);-webkit-transform:scale(0.1);transform:scale(0.1);-moz-border-radius:80px;-webkit-border-radius:80px;border-radius:80px;position:absolute;top:0;left:0;width:100%;height:100% }
.b-loader.m-visible i{-ms-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.b-loader i:after{content:' ';position:absolute;top:15px;left:15px;width:129px;height:129px;background:url(../themes/idesigning/assets/img/loader.png) no-repeat 50% 50%}
.b-loader.m-visible i{-ms-transform:none;-o-transform:none;-moz-transform:none;-webkit-transform:none;transform:none }
@-moz-keyframes fxRotate{from{-moz-transform:rotate(0deg) }
to{-moz-transform:rotate(1turn) }
}
@-webkit-keyframes fxRotate{from{-webkit-transform:rotate(0deg) }
to{-webkit-transform:rotate(1turn) }
}
@keyframes fxRotate{from{transform:rotate(0deg) }
to{transform:rotate(1turn) }
}
.b-loader i{background:#fff}
  header{position:absolute;width:100%;min-width:1200px;left:0;top:0;z-index:300;color:#fff}
header .logo-section{float:left;padding-left:75px;width:33.33%}
header .logo-section .logo{display:block;height:40px;width:165px;overflow:hidden;position:relative;z-index:1;top:-8px}
header .logo-section .logo svg{display:block;height:40px;width:165px;fill:#fff}
header .logo-section .logo:hover svg{fill:#ca64f2}
header .wrapper{padding-top:59px;padding-bottom:30px;padding-left:0;padding-right:0;height:100%;width:100%;display:table;max-width:1740px;margin-left:auto;margin-right:auto;position:relative}
header nav{float:left;width:32.34%}
header ul{list-style:none;display:table;width:100%}
header ul li{float:left;margin-right:40px;padding-top:11px}
header ul li:last-child{margin-right:0}
header .phone-section{float:left;width:34.33%;display:table;padding-right:75px}
header .phone-section ul{width:auto}
header .phone{float:right;font-size:30px;white-space:nowrap;font-weight:100;margin-right:35px;margin-left:10px;display:block}
header a{color:#fff}
header ul li a{position:relative;padding-bottom:11px;border-bottom:4px solid transparent}
header ul li a:hover{border-bottom-color:#ca64f2}
header ul li.active a{border-bottom-color:#fff}
header a:hover{color:#ca64f2}
 .folio,.portfolio-slides,.portfolio-details,.portfolio-item,.portfolio-item .fake-table,.portfolio-item .fake-td,.folio nav ul li a .item-thumbs-title,.folio nav ul li a .item-thumbs-title .fake-table,.folio nav ul li a .item-thumbs-title .fake-td,.folio nav ul li a em.item-thumbs-image:before,#portfolio-details{top:0;left:0;height:100%;width:100%;overflow:hidden}
.folio{position:relative;min-height:500px;min-width:1200px}
.safari.windows .folio{min-height:initial}
.folio nav{display:block;width:100%;height:183px;overflow:hidden;left:0;bottom:0;z-index:410;position:absolute;min-width:1200px;max-width:100%}
.folio nav ul{list-style:none}
.folio nav ul li{display:block;height:183px;padding-bottom:12px;float:left;width:16.66%;margin:0;overflow:hidden;position:relative}
.folio nav ul li .border{display:block;width:100%;height:12px;overflow:hidden;font-size:0;line-height:0;position:absolute;bottom:0;z-index:1;left:0;background-color:#ccc;cursor:pointer}
.folio nav ul li a{display:block;width:100%;height:171px;position:absolute;top:100%;z-index:1;left:0;overflow:hidden}
.folio nav:hover ul li a,.folio nav.hover ul li a{top:0}
.folio nav ul li a em.item-thumbs-image{display:block;width:100%;height:171px;background-position:50% 50%;background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;z-index:1;position:absolute;top:0;left:0}
.folio nav ul li a em.item-thumbs-image:before{display:block;z-index:1;position:absolute;opacity:0;-ms-filter:'alpha(opacity=0)';background:rgba(0,0,0,0.5);content:' '}
.folio nav ul li a span.item-thumbs-title{display:block;position:absolute;z-index:3;opacity:0;-ms-filter:'alpha(opacity=0)'}
.folio nav ul li a:hover span.item-thumbs-title,.folio nav ul li a:hover em.item-thumbs-image:before{opacity:1;-ms-filter:'alpha(opacity=100)'}
.folio nav ul li a span.item-thumbs-title .fake-td{color:#fff;font-size:13px;line-height:24px;text-align:center;text-transform:uppercase;vertical-align:middle;font-weight:500}
.portfolio-details{background-color:#fff;color:#333}
#portfolio-details{position:absolute;right:-100%;width:33.33%;z-index:409;left:auto;border-bottom:12px solid transparent}
#portfolio-details.on{right:0}
.portfolio-details .btn-close{position:absolute;top:62px;right:39px;display:block;z-index:1;height:19px;width:19px;cursor:pointer}
.portfolio-details .btn-close svg{display:block;height:19px;width:19px;stroke:#333;cursor:pointer}
.portfolio-details-wrapper{margin:112px;font-size:16px;line-height:24px;font-weight:300;overflow:hidden}
.portfolio-details-wrapper h3{padding:4px 12px 21px 0;font-weight:300;font-size:36px;line-height:48px}
.portfolio-details-wrapper p,.portfolio-details-wrapper li{font-size:16px;line-height:24px;font-weight:300;padding:12px 0}
.portfolio-details-wrapper li{padding:0}
.portfolio-details-wrapper ul,.portfolio-details-wrapper ol{padding:12px 0;list-style-position:inside}
.portfolio-details .portfolio-details-content{position:relative;display:none}
.portfolio-details .portfolio-details-content.active{display:block}
.portfolio-slides{position:relative;z-index:1}
.portfolio-item{background-position:50% 50%;background-repeat:no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;position:absolute;text-align:center;opacity:0;-ms-filter:'alpha(opacity=0)';z-index:1;color:#fff}
.portfolio-item.active{opacity:1;-ms-filter:'alpha(opacity=100)';z-index:2}
.portfolio-item .fake-td{vertical-align:middle;padding-top:183px;padding-bottom:183px}
.portfolio-item .fake-td h2{font-weight:500;font-size:80px;line-height:90px;max-width:770px;margin-left:auto;margin-right:auto;width:100%}
.portfolio-item .fake-td p{font-weight:300;font-size:36px;line-height:48px;max-width:770px;margin-left:auto;margin-right:auto;padding:42px 0;width:100%}
.portfolio-logo{overflow:hidden;font-size:0;line-height:0;text-align:center}
.portfolio-logo img{margin-left:auto;margin-right:auto;max-height:214px}
.portfolio-tools{display:table;margin-left:auto;margin-right:auto}
.portfolio-tools a{display:block;float:left;font-size:16px;color:#fff;line-height:42px;border-bottom:4px solid #fff;margin-right:20px}
.portfolio-tools a:last-child{margin-right:0}
.portfolio-tools a:hover{color:#ca64f2;border-bottom-color:#ca64f2}
.portfolio-prev,.portfolio-next{position:absolute;z-index:101;height:390px;width:75px;top:50%;margin-top:-195px}
.portfolio-prev a,.portfolio-next a{position:absolute;height:134px;width:75px;top:128px;-moz-background-size:100% auto;-webkit-background-size:100% auto;background-size:100% auto;display:block;background-position:50% 50%;background-repeat:no-repeat}
.portfolio-prev a{left:0}
.portfolio-next a{right:0}
.portfolio-prev a svg,.portfolio-next a svg{position:absolute;display:block;width:30px;height:29px;margin-left:22px;margin-top:51px}
.portfolio-prev{left:0}
.portfolio-next{right:0}
.portfolio-prev,.portfolio-next{opacity:0;-ms-filter:'alpha(opacity=0)';cursor:pointer}
.portfolio-prev.on,.portfolio-next.on{opacity:1;-ms-filter:'alpha(opacity=100)'}
.jcarousel-control-prev,.jcarousel-control-next{position:absolute;height:183px;width:75px;background:rgba(0,0,0,0.3);overflow:hidden;top:100%;display:block;z-index:100}
nav:hover .jcarousel-control-prev,nav:hover .jcarousel-control-next,nav.hover .jcarousel-control-prev,nav.hover .jcarousel-control-next{top:0}
.jcarousel-control-prev svg,.jcarousel-control-next svg{position:absolute;height:29px;width:30px;top:77px;left:22px;display:block}
.jcarousel-control-prev{left:0}
.jcarousel-control-next{right:0}
.jcarousel-wrapper{position:relative}
.jcarousel{position:relative;overflow:hidden;width:100%}
.jcarousel ul{width:20000em;position:relative;list-style:none;margin:0;padding:0}
.jcarousel li{width:200px;float:left}
.icon-sandwich{height:21px;width:21px;cursor:pointer;overflow:hidden;position:absolute;top:64px;right:75px}
.icon-sandwich.on{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.icon-sandwich svg{height:19px;margin-top:1px;width:21px;display:block}
.is-mobile .portfolio-prev,.is-mobile .portfolio-next,.is-tablet .portfolio-prev,.is-tablet .portfolio-next{opacity:1 !important;-ms-filter:'alpha(opacity=100)' !important}
.is-mobile .folio nav,.is-tablet .folio nav{height:12px !important;bottom:-1px}
.is-mobile .folio nav ul li,.is-tablet .folio nav ul li{height:0 !important}
.is-mobile .folio nav ul li a,.is-tablet .folio nav ul li a,.is-tablet .jcarousel-control-prev,.is-tablet .jcarousel-control-next,.is-mobile .jcarousel-control-prev,.is-mobile .jcarousel-control-next{display:none !important;top:100% !important}
.is-mobile .portfolio-item .fake-td,.is-tablet .portfolio-item .fake-td{padding-top:100px;padding-bottom:100px}
.is-tablet header .wrapper,.is-mobile header .wrapper{padding-top:30px}
.is-mobile .icon-sandwich,.is-tablet .icon-sandwich{top:35px}
.vh{visibility:hidden}
@media screen and (min-width:1921px){#portfolio-details{width:25%}
}
@media screen and (min-width:2601px){#portfolio-details{width:20%}
}
@media screen and (max-width:1440px){header .logo-section{width:30%}
header nav{width:30%}
header .phone-section{width:40%}
}
@media screen and (max-width:1280px){html,body{ }
header ul li{margin-right:30px}
header ul li:last-child{margin-right:0}
header .logo-section{padding-left:75px;width:250px}
header .wrapper{ }
header nav{width:auto}
header .phone-section{width:auto;margin-right:0;float:right;padding-right:75px !important}
header .phone{margin-right:0;margin-left:30px;font-size:24px;padding-top:4px}
header ul li{font-size:14px}
.portfolio-details-wrapper{margin:50px}
header,.folio nav,.folio{min-width:960px}
.portfolio-prev,.portfolio-next{opacity:1 !important;-ms-filter:'alpha(opacity=100)' !important}
.icon-sandwich,.is-mobile .icon-sandwich,.is-tablet .icon-sandwich{position:relative;right:0;top:4px;float:right;margin-left:20px}
.who header .logo-section .logo{top:-8px}
header .phone-section{padding-right:0}
}
@media screen and (max-width:995px){header{ }
}
@media screen and (max-height:768px){.portfolio-item .fake-td p{font-size:24px;line-height:30px;max-width:600px;padding:32px 0 22px 0}
.portfolio-item .fake-td h2{font-size:60px;line-height:70px;max-width:600px}
.portfolio-details-wrapper{margin:50px}
.portfolio-item .fake-td{padding-top:100px;padding-bottom:100px}
header .wrapper{padding-top:30px}
.folio nav{height:12px !important}
.folio nav ul li{height:0 !important}
.folio nav ul li a,.jcarousel-control-prev,.jcarousel-control-next{display:none !important;top:100% !important}
.icon-sandwich{top:35px}
.who header .logo-section .logo{top:-8px}
}
@media screen and (max-height:768px) and (max-width:1280px){.icon-sandwich{position:relative;right:0;top:4px;float:right;margin-left:20px}
}