/*
Designer: Xatai
Site: Perfect.az
Facebook: https://fb.com/xetai.isayev
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{height:100%;min-height:100%;}
body{min-height:100%; min-width:310px;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'San Francisco', Arial, Helvetica, sans-serif; color:#161616;outline:none}
a{outline:none;color:#161616;text-decoration:none}
a img{border:0 none}
h1,h2,h3,h4,h5 {line-height:normal;font-weight:400;text-rendering:optimizeLegibility}
h1{font-size:23px}
h2{font-size:21px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
strong,b{font-weight:700}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.tr, .pagination ul li a, .portfolio-image img, .sc-list ul li a, .x-input input, .x-textarea textarea {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

@font-face {
    font-family: 'San Francisco';
    src: url('../fonts/subset-SanFrancisco.eot');
    src: url('../fonts/subset-SanFrancisco.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SanFrancisco.woff2') format('woff2'),
        url('../fonts/subset-SanFrancisco.woff') format('woff'),
        url('../fonts/subset-SanFrancisco.ttf') format('truetype'),
        url('../fonts/subset-SanFrancisco.svg#SanFrancisco') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'San Francisco';
    src: url('../fonts/subset-SanFrancisco-Medium.eot');
    src: url('../fonts/subset-SanFrancisco-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SanFrancisco-Medium.woff2') format('woff2'),
        url('../fonts/subset-SanFrancisco-Medium.woff') format('woff'),
        url('../fonts/subset-SanFrancisco-Medium.ttf') format('truetype'),
        url('../fonts/subset-SanFrancisco-Medium.svg#SanFrancisco-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'San Francisco';
    src: url('../fonts/subset-SanFrancisco-SemiBold.eot');
    src: url('../fonts/subset-SanFrancisco-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SanFrancisco-SemiBold.woff2') format('woff2'),
        url('../fonts/subset-SanFrancisco-SemiBold.woff') format('woff'),
        url('../fonts/subset-SanFrancisco-SemiBold.ttf') format('truetype'),
        url('../fonts/subset-SanFrancisco-SemiBold.svg#SanFrancisco-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'San Francisco';
    src: url('../fonts/subset-SanFrancisco-Bold.eot');
    src: url('../fonts/subset-SanFrancisco-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SanFrancisco-Bold.woff2') format('woff2'),
        url('../fonts/subset-SanFrancisco-Bold.woff') format('woff'),
        url('../fonts/subset-SanFrancisco-Bold.ttf') format('truetype'),
        url('../fonts/subset-SanFrancisco-Bold.svg#SanFrancisco-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
 

/* Struktur */
.centered {max-width:1250px; margin:0 auto; padding: 0 15px;}
.centered:after, .header-wrap:after, .portfolio-wrap:after, .portfolio-item a:after, .portfolio-detail-a:after, .customer-wrap:after {display:block; content:""; clear:both;}
.container {padding-top:77px;}
.a-title {padding:50px 0; text-align: center;}
.a-title h2 {font-size: 32px; font-weight: bold; line-height: 40px; margin-bottom:8px}
.a-title span {font-size: 18px; line-height: 24px; color: #6f6f6f;}
.home-page {padding-bottom:50px;}

/* Header */
.header {position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; background-color: #fff; border-bottom: 1px solid #f1f1f1; min-width:310px;}
.header .header-wrap {padding:20px 0;}
.header-wrap .logo {float:left;}
.header-wrap .logo a {display:block; width:156px; height:36px; background-image: url(../images/logo.svg); background-size:contain; background-repeat:no-repeat;}
.header-wrap .header-right {float:right;}
.header-right .top-menu {float:right; padding:7px 0;}
.top-menu ul li {float:left; margin-left:35px;}
.top-menu ul li a {display: block; color: #161616; font-size: 18px; line-height: 22px; font-weight: 500;}
.mobile-menu {display:none; float:right; cursor:pointer; padding: 4px 0;}
.mobile-menu:before {content: ""; display:block; width:22px; height:22px; background-image: url(../images/menu.svg); background-position: 0 0;}

/* Top section */
.top-section {padding:50px 0;}
.top-section .top-section-wrap {}
.top-section-wrap .top-section-text {font-size:42px; font-weight:600; line-height:56px;}

/* Portfolio */
.portfolio {overflow:hidden;}
.portfolio .a-title {padding-bottom:30px;}
.portfolio-filter {padding-bottom:44px;}
.portfolio-filter .portfolio-types {overflow:hidden; text-align:center;}
.portfolio-types ul {display:inline-block; vertical-align: top;}
.portfolio-types ul li {float:left; padding: 0 3px 6px;} 
.portfolio-types ul li a {display: block; background-color: #ebebeb; padding: 5px 14px; font-weight: 600; font-size: 14px; line-height: 18px; border-radius: 3px;}
.portfolio-types ul li.active a {background-color: #353535; color: #fff;}
.portfolio .portfolio-wrap {margin: 0 -20px;}
.portfolio-wrap .portfolio-item {float:left; width:50%; padding: 0 20px 60px;}
.portfolio-wrap .portfolio-item:nth-child(2n+1) {clear:both;}
.portfolio-wrap .portfolio-item a {display:block; position:relative;} 
.portfolio-item .portfolio-image {padding: 8%; background-color: rgb(190 25 26 / 40%); border-radius: 20px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.portfolio-item .portfolio-image img {width: 100%; display: block; border: 6px solid #353535; border-radius: 20px; box-shadow: 0px 4px 4px 1px rgba(0,0,0, 0.21); background-color: #353535;}
.portfolio-item .portfolio-image .blank-image {visibility: hidden; opacity:0;}
.portfolio-item .portfolio-image .portfolio-mob-image {position: absolute; top: 0; height: 100%; padding: 8%; left: 0; right: 0;}
.portfolio-item .portfolio-image .portfolio-mob-image img {width: auto; height: 100%; margin: 0 auto;}
.portfolio-item .portfolio-info {padding: 18px 0 0;}
.portfolio-info .portfolio-title {font-weight:bold; font-size:28px; line-height:34px;}
.portfolio-info .portfolio-description {font-size: 16px; line-height: 22px; margin-top: 12px; color:#4e4e4e;}
.portfolio-wrap .portfolio-item a:hover .portfolio-image img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);} 

/* Scroller */
.more-portfolio .more-portfolio-button {display: block; cursor: pointer; border-radius: 6px; border: solid 1px #666666; color: #000; font-weight: 600; font-size: 16px; line-height: 20px; padding: 11px 18px; text-align:center;}
.x-nav {display:none;}

/* Scroller */
.loader-ellips {font-size: 20px;position: relative;width: 4em;height: 1em;margin: 10px auto;}
.loader-ellips__dot {display: block;width: 1em;height: 1em;border-radius: 0.5em;background: #555;position: absolute;animation-duration: 0.5s;animation-timing-function: ease;animation-iteration-count: infinite;}
.loader-ellips__dot:nth-child(1),.loader-ellips__dot:nth-child(2) {left: 0;}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }
@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}
.loader-ellips__dot:nth-child(1) {animation-name: reveal;}
.loader-ellips__dot:nth-child(2),.loader-ellips__dot:nth-child(3) {animation-name: slide;}
.loader-ellips__dot:nth-child(4) {animation-name: reveal;animation-direction: reverse;}
.scroller-status {display: none;padding: 20px 0;}
.scroller-status__message {text-align: center;color: #777;}

/* Portfolio detail */
.portfolio-detail {}
.portfolio-detail-head {padding:50px 0;}
.portfolio-detail-head .portfolio-detail-title {font-weight:bold; font-size:42px; line-height:50px; margin-bottom:10px;}
.portfolio-detail-head .portfolio-detail-description {font-size:18px; line-height:24px;}
.portfolio-detail-main {padding: 30px 0; background-color: #F5F5F5;}
.portfolio-detail-main .portfolio-main-image {padding: 10px; background-color: #fff; box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.06); border-radius: 4px;}
.portfolio-detail-main .portfolio-main-image img {width:100%; display:block;}
.portfolio-detail-a {padding: 30px 0;}
.portfolio-detail-a .centered {position:relative;}
.portfolio-detail-a .portfolio-detail-info {float:left; width:400px; padding-right:30px;}
.portfolio-detail-a .portfolio-detail-info:before {content: ""; position:absolute; top:0; width:370px; height:100%; background-color:#f5f5f5;}
.portfolio-detail-info ul {padding:20px; position:relative; z-index:10;}
.portfolio-detail-info ul li {font-size:18px; line-height:22px; overflow:hidden; margin-bottom: 20px;}
.portfolio-detail-info ul li:last-child {margin-bottom:0;}
.portfolio-detail-info ul li .pd-a {font-weight:600; margin-bottom: 3px;}
.portfolio-detail-info ul li .pd-b {}
.portfolio-detail-a .portfolio-about {overflow:hidden; font-size:18px; line-height:26px;}
.portfolio-detail .portfolio-gallery {padding: 0 0 10px 0;}
.portfolio-gallery .portfolio-gallery-wrap {}
.portfolio-gallery-wrap ul {margin: 0 -10px;}
.portfolio-gallery-wrap li {width:25%; float:left; padding: 0 10px 20px;}
.portfolio-gallery-wrap li a {display:block; position:relative; overflow:hidden; box-shadow: 0px 0px 1px 1px #c1c1c1;}
.portfolio-gallery-wrap li a:before {content:""; background-image: url(../images/zoom.svg); background-size:cover; left: 50%; display:block; width:20px; height:20px; margin-left: -10px; margin-top: -10px; opacity: 0; position: absolute; top: 50%; transition: opacity 0.3s ease 0s; z-index: 11;}
.portfolio-gallery-wrap li a:after {content:""; opacity:0; display:block; background-color: rgba(0, 0, 0, 0.41); position:absolute; top:0; left: 0; right:0; bottom: 0; transition: opacity 0.3s ease 0s; }
.portfolio-gallery-wrap li img {width:100%; display:block; width:100%; transition: transform 0.15s ease 0s; transform: scale3d(1, 1, 1); display: block; max-height: 300px; object-fit: contain; background-color: #f5f5f5;}
.portfolio-gallery-wrap li a:hover:before, .portfolio-gallery-wrap li a:hover:after {opacity:1;}
.portfolio-gallery-wrap li a:hover img {transform: scale3d(1.1, 1.1, 1.1);}
.portfolio-video {padding:30px 0; background-color: #F5F5F5;}
.portfolio-video .portfolio-video-wrap {position:relative; padding-top:54%; box-shadow: 0px 0px 1px 1px #c1c1c1;}
.portfolio-video .portfolio-video-wrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.p-title {font-weight: bold; margin-bottom: 20px; text-align: center; font-size: 22px; color: #505050; line-height: 26px;} 

/* Light gallery */
@font-face {
  font-family: 'lg';
  src: url("../fonts/lg.eot?n1z373");
  src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {font-family: 'lg';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;/* Better Font Rendering =========== */-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.lg-actions .lg-next, .lg-actions .lg-prev {background-color: rgba(0, 0, 0, 0.45);border-radius: 2px;color: #999;cursor: pointer;display: block;font-size: 22px;margin-top: -10px;padding: 8px 10px 9px;position: absolute;top: 50%;z-index: 1080; border:0;}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {pointer-events: none;opacity: 0.5;}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {color: #FFF;}
.lg-actions .lg-next {right: 20px;}
.lg-actions .lg-next:before {content: "\e095";}
.lg-actions .lg-prev {left: 20px;}
.lg-actions .lg-prev:after {content: "\e094";}
.lg-toolbar {z-index: 1082;left: 0;position: absolute;top: 0;width: 100%;background-color: rgba(0, 0, 0, 0.45);}
.lg-toolbar .lg-icon {color: #999;cursor: pointer;float: right;font-size: 24px;height: 47px;line-height: 27px;padding: 10px 0;text-align: center;width: 50px;text-decoration: none !important;outline: medium none;-webkit-transition: color 0.2s linear;-o-transition: color 0.2s linear;transition: color 0.2s linear;}
.lg-toolbar .lg-icon:hover {color: #FFF;}
.lg-toolbar .lg-close:after {content: "\e070";}
.lg-toolbar .lg-download:after {content: "\e0f2";}
#lg-counter {color: #999;display: inline-block;font-size: 16px;padding-left: 20px;padding-top: 12px;vertical-align: middle;}
.lg-toolbar, .lg-prev, .lg-next {opacity: 1;-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;}
.lg-hide-items .lg-prev {opacity: 0;-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
.lg-hide-items .lg-next {opacity: 0;-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
.lg-hide-items .lg-toolbar {opacity: 0;-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
.lg-outer .lg-thumb-outer {background-color: #0D0A0A;bottom: 0;position: absolute;width: 100%;z-index: 1080;max-height: 350px;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing;}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {-webkit-transition-duration: 0s !important;transition-duration: 0s !important;}
.lg-outer.lg-thumb-open .lg-thumb-outer {-webkit-transform: translate3d(0, 0%, 0);transform: translate3d(0, 0%, 0);}
.lg-outer .lg-thumb {padding: 10px 0;height: 100%;margin-bottom: -5px;}
.lg-outer .lg-thumb-item {border-radius: 5px;cursor: pointer;float: left;overflow: hidden;height: 100%;border: 2px solid #FFF;border-radius: 4px;margin-bottom: 5px;}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {-webkit-transition: border-color 0.25s ease;-o-transition: border-color 0.25s ease;transition: border-color 0.25s ease;}
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {border-color: #a90707;}
.lg-outer .lg-thumb-item img {width: 100%;height: 100%;object-fit: cover;}
.lg-outer.lg-has-thumb .lg-item {padding-bottom: 120px;}
.lg-outer.lg-can-toggle .lg-item {padding-bottom: 0;}
.lg-outer .lg-toogle-thumb {background-color: #0D0A0A;border-radius: 2px 2px 0 0;color: #999;cursor: pointer;font-size: 24px;height: 39px;line-height: 27px;padding: 5px 0;position: absolute;right: 20px;text-align: center;top: -39px;width: 50px;}
.lg-outer .lg-toogle-thumb:after {content: "\e1ff";}
.lg-outer .lg-toogle-thumb:hover {color: #FFF;}
.lg-outer .lg-caret {border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px dashed;bottom: -10px;display: inline-block;height: 0;left: 50%;margin-left: -5px;position: absolute;vertical-align: middle;width: 0;}
.group:after {content: "";display: table;clear: both;}
.lg-outer {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1050;opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}
.lg-outer * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.lg-outer.lg-visible {opacity: 1;}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {-webkit-transition-duration: inherit !important;transition-duration: inherit !important;-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {-webkit-transition-duration: 0s !important;transition-duration: 0s !important;opacity: 1;}
.lg-outer.lg-grab img.lg-object {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.lg-outer.lg-grabbing img.lg-object {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing;}
.lg-outer .lg {height: 100%;width: 100%;position: relative;overflow: hidden;margin-left: auto;margin-right: auto;max-width: 100%;max-height: 100%;}
.lg-outer .lg-inner {width: 100%;height: 100%;position: absolute;left: 0;top: 0;white-space: nowrap;}
.lg-outer .lg-item {background: url("../images/loading.gif") no-repeat scroll center center transparent;display: none !important;}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {display: inline-block !important;}
.lg-outer.lg-css .lg-current {display: inline-block !important;}
.lg-outer .lg-item, .lg-outer .lg-img-wrap {display: inline-block;text-align: center;position: absolute;width: 100%;height: 100%;}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px;}
.lg-outer .lg-img-wrap {position: absolute;padding: 0 5px;left: 0;right: 0;top: 0;bottom: 0;}
.lg-outer .lg-item.lg-complete {background-image: none;}
.lg-outer .lg-item.lg-current {z-index: 1060;}
.lg-outer .lg-image {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto !important;height: auto !important;}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {opacity: 1;}
.lg-outer .lg-empty-html {display: none;}
.lg-outer.lg-hide-download #lg-download {display: none;}
.lg-fullscreen:after {content: "\e20c";}
.lg-fullscreen-on .lg-fullscreen:after {content: "\e20d";}
.lg-backdrop {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 1040;background-color: #000;opacity: 0;-webkit-transition: opacity 0.15s ease 0s;-o-transition: opacity 0.15s ease 0s;transition: opacity 0.15s ease 0s;}
.lg-backdrop.in {opacity: 1;}
.lg-css3.lg-use-css3 .lg-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.lg-css3.lg-use-left .lg-item {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.lg-css3.lg-slide.lg-use-css3 .lg-item {opacity: 0;}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {-webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } 
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; }
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s;}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {-webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;}
#lg-zoom-in:after {content: "\e311";}
#lg-actual-size {font-size: 20px;}
#lg-actual-size:after {content: "\e033";} 
#lg-zoom-out {opacity: 0.5; pointer-events: none;}
#lg-zoom-out:after {content: "\e312";}
.lg-zoomed #lg-zoom-out {opacity: 1; pointer-events: auto;}

/* Pagination */
.pagination {clear:both;text-align:center; overflow:hidden; margin-bottom: 30px;}
.pagination ul {overflow:hidden; display:inline-block; vertical-align:top;}
.pagination ul li {float:left; margin:3px 3px 5px;}
.pagination ul li a, .pagination ul li span {min-width:26px; font-size:15px; height:26px; display:block; line-height:26px; padding: 0 5px;  color: #fff; border-radius: 3px; font-weight:500; position:relative;}
.pagination ul li a {background-color: #252525;}
.pagination ul li span, .pagination ul li a:hover {background-color: #f5821f;}
.pagination ul li a.icp {padding: 7px 5px;}
.pagination ul li a.icp:before {content: ""; display:block; width:12px; height:12px; margin:0 auto; background-size:cover;}
.pagination ul li a.icp.icprev:before, .pagination ul li a.icp.first:before {background-image: url(../images/prev.svg);}
.pagination ul li a.icp.icnext:before, .pagination ul li a.icp.last:before {background-image: url(../images/next.svg);}
.pagination ul li a.icp.first {padding: 0 6px 0 18px;}
.pagination ul li a.icp.last {padding: 0 18px 0 6px;}
.pagination ul li a.icp.first:before, .pagination ul li a.icp.last:before {position:absolute; top:0; bottom:0; margin: auto;}
.pagination ul li a.icp.first:before {left:3px;}
.pagination ul li a.icp.last:before {right:3px;}

/* Customers */
.customer .customer-wrap {margin: 0 -15px;}
.home-page .customer .a-title {padding: 50px 0 40px;}
.customer-wrap .customer-item {float:left; width:20%; padding: 0 15px 30px;}
.customer-wrap .customer-item a {display: block; box-shadow: 0 0 3px 1px #00000029; border-radius: 6px; overflow: hidden;}
.customer-item  .customer-image {padding:5px;}
.customer-item  .customer-image img {width:100%; display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.customer-item  .customer-title {background-color: #f5f5f5; text-align: center; font-size: 16px; line-height: 20px; font-weight: 600; padding: 5px 10px; color: #6b6b6b; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.more-customer .more-customer-button {display: block; cursor: pointer; border-radius: 6px; border: solid 1px #666666; color: #000; font-weight: 600; font-size: 16px; line-height: 20px; padding: 11px 18px; text-align:center;}

/* Footer */
.footer {border-top: 1px solid #f1f1f1; padding:30px 0;}
.footer-wrap .cp {font-size: 16px; line-height: 20px; color: #444; text-align: center;}

/* About */
.about .about-wrap {overflow:hidden; padding-bottom:10px;}
.about-wrap .about-image {max-width:700px; margin: 0 auto 15px;}
.about-wrap .about-image img {width:100%; display:block;}
.about-text {font-size: 18px; line-height:24px; color:#111; margin-bottom:15px;}
.about-pr {margin-bottom:20px;}
.about-pr .about-pr-wrap {margin: 0 -20px; overflow:hidden;}
.about-pr-wrap .about-pr-item {width:25%; float:left; padding: 0 20px;}
.about-pr-item .about-pr-count {font-size:50px; line-height:58px; font-weight:bold; margin-bottom:5px;}
.about-pr-item .about-pr-name {font-size:18px; line-height:22px;}
.about-text-a {overflow:hidden; margin-bottom:5px;}
.about-text-a .about-text-b {margin-bottom:15px;}
.about-text-a .about-text-b h2 {font-size:20px; line-height:26px; font-weight:600; color:#111;}
.about-text-a .about-text-b p {font-size: 18px; line-height:24px; color:#111;}

/* Contact */
.contact .contact-wrap {overflow:hidden; padding-bottom:50px;}
.contact-wrap .contact-left {float: left; width: 374px; padding-right: 50px;}
.contact-left .contact-image {width:196px; height:148px; margin: 0 auto; background-size:contain; background-repeat: no-repeat; background-image: url(../images/contact.svg);}
.contact-left .contact-block {border:2px solid #e6e7ef; padding:24px; position:relative; top:-4px; border-radius:6px;}
.ct-title {font-size: 26px; line-height: 30px; font-weight: 600; margin-bottom:24px;}
.ct-info {font-size: 16px; line-height: 22px; margin-bottom: 24px; display: block; color: #7c7c7c;}
.ct-list {border-bottom:1px solid #e6e7ef; margin-bottom:24px; overflow:hidden;}
.ct-list ul li {position:relative; padding-left: 68px; margin-bottom:24px;}
.ct-list ul li .ct-a {font-size:23px;line-height:28px; font-weight:600; margin-bottom:2px;}
.ct-list ul li .ct-b {font-size:20px;line-height:24px;}
.ct-list ul li i {position: absolute; top: 0; left:0; padding: 11px; background-color: #eeeef3; border-radius: 50%;}
.ct-list ul li i:before {content: ""; width:32px; height:32px; display:block; background-size:cover;}
.ct-list ul li.mail i:before {background-image: url(../images/mail.svg);}
.ct-list ul li.phone i:before {background-image: url(../images/phone.svg?v1);}
.sc-list {overflow:hidden; margin: 0 -12px;}
.sc-list ul li {float:left; padding: 0 12px;}
.sc-list ul li a {display:block; padding: 11px; background-color: #eeeef3; border-radius: 50%;}
.sc-list ul li a:before {content: ""; width:28px; height:28px; display:block; background-size:cover; background-position: 0 0;}
.sc-list ul li.fb a:before {background-image: url(../images/fb.svg?v2);}
.sc-list ul li.wp a:before {background-image: url(../images/wp.svg?v9);}
.sc-list ul li.ln a:before {background-image: url(../images/ln.svg?v12);}
.sc-list ul li.ins a:before {background-image: url(../images/ins.svg?v15);}
.sc-list ul li a:hover:before {background-position: 0 100%;}
.sc-list ul li.fb a:hover {background-color:#1877f2}
.sc-list ul li.wp a:hover {background-color:#25d366}
.sc-list ul li.ln a:hover {background-color:#0077b5}
.sc-list ul li.ins a:hover {background-color:#405de6}
.contact-wrap .contact-right {overflow:hidden; padding: 22px 0 0;}
.contact-form .x-col {overflow:hidden; margin: 0 -15px;}
.contact-form .x-col .x-input {float:left; width:50%; padding: 0 15px 30px;}
.x-input input, .x-textarea textarea {display: block; border: 2px solid #e6e7ef; font-size: 20px; line-height: 28px; padding: 10px 15px; width: 100%; border-radius: 6px;}
.contact-form .x-textarea {padding-bottom:30px;}
.x-textarea textarea {height:173px; resize:none;}
.x-input input:focus, .x-textarea textarea:focus {border-color: #000;}
.x-button button {display: block; border: 2px solid #e6e7ef; font-size: 20px; line-height: 28px; padding: 10px 15px; width: 100%; border-radius: 6px; cursor:pointer; font-weight: bold; background-color: #e7e7f0; color: #545485; letter-spacing: 0.4px;}
.x-button button i {display:block; width:28px; height:28px; background-size:cover; background-image: url(../images/spin.svg?v1); margin: 0 auto;}

/* Alert */
.alert {position: relative; padding: 12px 20px; margin-bottom: 25px; border: 1px solid transparent; border-radius:3px; font-size:17px; line-height:26px;}
.alert.alert-danger {color: #8b0c12; background: #dfc4c4; border-color: rgba(253, 197, 195, 0.3);}
.alert.alert-success {color: #05592b; background: #ebf1ed; border-color: rgba(188, 231, 199, 0.3);color: #05592b; background: #d4e5da; border-color: rgba(188, 231, 199, 0.3); font-weight: 600;}