/*
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 'SFProDisplay', Arial, Helvetica, sans-serif; color:#0E1013;outline:none}
a{outline:none;color:#000;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, .portfolio-item .portfolio-image .pr-img, .partner-item img, .xc-item label, .pagination ul li a, .gallery-image-wrap .gallery-image, .gallery-item a i, .gl-image img, .ab-button a, .ab-icon img, .ft-a ul li a, .h-open ul li a, .ct-social ul li a, .ct-items .ct-item .ct-b a, .ct-bottom-a .ct-address a, .x-input input, .x-textarea textarea, .ct-bottom .x-button button, .header-a .top-menu ul li a, .service-name  {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

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

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

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

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

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

@font-face {
    font-family: 'SFProDisplay';
    src: url('../fonts/subset-SFProDisplay-Heavy.eot');
    src: url('../fonts/subset-SFProDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SFProDisplay-Heavy.woff2') format('woff2'),
        url('../fonts/subset-SFProDisplay-Heavy.woff') format('woff'),
        url('../fonts/subset-SFProDisplay-Heavy.ttf') format('truetype'),
        url('../fonts/subset-SFProDisplay-Heavy.svg#SFProDisplay-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
 
/* Struktur */
.x-site {height:100%; overflow:hidden;}
.x-centered {max-width:1900px; margin: 0 auto; padding: 0 40px;}
.centered {max-width:1460px; margin:0 auto; padding: 0 30px;}
.b-centered {max-width:1200px; margin:0 auto; padding: 0 30px;}
.x-centered:after, .centered:after, .b-centered:after, .header-a:after, .portfolio-list:after, .contact-a:after, .footer-a:after, .ct-bottom:after, .pdi-wrap:after, .portfolio-pager-wrap:after, .tt-pics:after, .t-team .t-team-a a:after, .services-page .sv-title:after, .srv-wrap:after{display:block; content:""; clear:both;}
.a-title {font-size:54px; line-height:64px; text-align:center; font-weight:900; margin:0;}
.a-title.wht {color: #fff;}
.a-text {text-align:center; color:#80868B; margin-top:10px; font-size:24px; line-height:29px;}

/* Header */
.header {border-bottom: 1px solid #E8EAED}
.homepage .header {position:absolute; top:0; left:0; width:100%; z-index:101; border:0; min-width: 310px;}
.header .header-a {padding:40px 0;}
.header-a .logo {float:left;}
.header-a .logo a {display:block; width:200px; height:44px; background-image: url(../images/logo_n.svg); background-size: contain; background-repeat: no-repeat;}
.header-a .header-right {float:right; padding:13px 0;}
.header-right .hr-item {float:left; margin-left:20px; position:relative}
.header-right .hr-item>span {display:block; font-size:15px; line-height:18px; position:relative; padding-right:18px; cursor:pointer; user-select:none;}
.header-right .hr-item>span:after {content: ""; display:block; width:14px; height:14px; position:absolute; top:0; bottom:0; margin: auto; right:0; background-image: url(../images/down.svg)}
.header-right .hr-item.hr-contact span {padding-left: 22px;}
.header-right .hr-item.hr-contact span:before {content: ""; display:block; position:absolute; width:18px; height:18px; top:0; left:0; background-image: url(../images/contact.svg);}
.h-open {display:none; position: absolute; left: 0; background-color: #fff; border-radius: 5px; border: 1px solid #E8EAED; padding: 16px 20px; margin-top: 10px;}
.hr-language .h-open {right: 0; left: auto; min-width:100px}
.h-open ul li {margin-bottom:10px;}
.h-open ul li:last-child {margin-bottom:0;}
.h-open ul li a {display:block; font-size:15px; line-height: 20px; position:relative; white-space: nowrap;}
.h-open ul li a:hover {color: #F04B23;}
.h-open.w-icon ul li a {padding-left: 26px;}
.h-open.w-icon ul li a:before {content: ""; position:absolute; width:20px; height:20px; top:0; left:0; background-position: 0 0;}
.h-open.w-icon ul li.fb a:before {background-image: url(../images/fb.svg)}
.h-open.w-icon ul li.ins a:before {background-image: url(../images/ins.svg?v1)}
.h-open.w-icon ul li.lnk a:before {background-image: url(../images/lnk.svg?v2)}
.h-open.w-icon ul li.phone a:before {background-image: url(../images/phone.svg?v1)}
.h-open.w-icon ul li.mail a:before {background-image: url(../images/mail.svg?v1)}
.h-open.w-icon ul li.address a:before {background-image: url(../images/address.svg?v1)}
.h-open.w-icon ul li a:hover:before {background-position: 0 100%;}
.h-open.w-icon ul li.fb a:hover {color: #1877f2;}
.h-open.w-icon ul li.ins a:hover {color: #833ab4;}
.h-open.w-icon ul li.lnk a:hover {color: #0a66c2;}
.header-a .top-menu {position:absolute; left:280px; right:280px; text-align:center;}
.header-a .top-menu ul {display:inline-block; vertical-align: top; margin: 13px 0;}
.header-a .top-menu ul li {float:left; margin:0 15px;}
.header-a .top-menu ul li:last-child {text-decoration: underline;}
.header-a .top-menu ul li a {display:block; font-weight:500; font-size:15px; line-height:18px;}
.header-a .top-menu ul li.active a, .header-a .top-menu ul li a:hover {color: #F04B23}
.header-a .top-menu ul li.prt a {text-decoration:underline}
.header-a .mobile-menu {float: right; display:none; padding: 10px 0 10px 10px; cursor:pointer;}
.header-a .mobile-menu:before {content: ""; display:block; width:24px; height: 24px; background-image: url(../images/menu.svg)}

/* Mobile menu */
.mobile-fixed {position: fixed; visibility: hidden; z-index: 10000001; top: 0; right: 0; width: 100%; bottom: 0; background: transparent; overflow: hidden; -webkit-transition: background .3s ease-in-out,visibility .3s ease-in-out; transition: background .3s ease-in-out,visibility .3s ease-in-out;}
.menu-panel {width: 100%; position: absolute; z-index: 100000; top: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transform: translate3D(100%,0,0); transform: translate3D(100%,0,0); -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out;overflow: auto; left: 0; min-width: 310px;}
.m-top {overflow: hidden;position: fixed; top: 0; width: 100%;  z-index: 1000000; border-bottom: 1px solid #E8EAED; padding: 20px; background-color: #fff;}
.menu-panel-close {float: right; padding: 10px 0 10px 10px; cursor: pointer;}
.menu-panel-close:before {content: ""; display: block; width: 24px; height: 24px; background-image: url(../images/close.svg); background-size:cover;}
.menu-a {position: absolute; top: 0; left: 0; right: 0; bottom: 150px; overflow-x: auto;}
.mob-menu {padding: 145px 20px 20px 20px;}
.mob-menu ul li {margin-bottom:30px;}
.mob-menu ul li:last-child {margin-bottom:0;}
.mob-menu ul li a {font-size:30px; line-height: 36px; font-weight: 500; color: rgba(14,16,19, 0.8); display:inline-block; vertical-align:top;}
.mob-menu ul li:last-child a {text-decoration: underline;}
.mob-menu ul li.active a {color: #F04B23}
.mob-language ul li {float:left; margin-right:20px;}
.mob-language ul li a {display:block; color: rgba(14,16,19, 0.8); font-size:15px; line-height:20px; padding: 12px 0;}
.f-bottom {overflow: hidden; position: fixed; bottom: 0; width: 100%; z-index: 1000000; padding: 0 20px; background-color: #fff}
.f-bottom .ft-a {float:none; overflow:hidden;}
.f-bottom .ft-a ul li {margin: 0 20px 0 0;}
.f-bottom .ft-a ul li a {padding-top: 15px; padding-bottom:15px;}
.f-bottom .ft-a ul li:last-child {margin-right:0;}
.f-bottom .ft-a ul li a:before {bottom:0; margin: auto;}
.f-bottom .ft-a ul li:first-child {border-bottom: 1px solid #E8EAED; width:100%;}
.f-bottom .ct-social {padding: 15px 0; border-top: 1px solid #E8EAED; float:none; overflow:hidden;}
.f-bottom .ct-social ul li {margin: 0 30px 0 0;}
.f-bottom .ct-social ul li:last-child {margin-right:0;}

/* Main a */
.main-a {position:relative; z-index: 100; background: transparent linear-gradient(180deg, #FEEA34 0%, #FFD109 66%, #FCDC19 73%, #FFD109 100%) 0% 0% no-repeat; padding: 124px 40px; height: 100vh; min-height: 600px;}
.main-a .main-a-b {max-width:960px; margin:0 auto; display:table; width:100%; height:100%;}
.main-a .main-a-b .main-a-c {display:table-cell; vertical-align: middle; text-align:center;}
.main-a-c .main-a-d {position:relative;}
.main-a-d .m-text {font-size:92px; line-height:110px; font-weight: 900; margin-bottom:10px;}
.main-a-d .n-text {font-size:30px; line-height:36px; max-width: 658px; margin: 0 auto;}
.main-a-d .bees {margin-top:-10px; height: 50.6vh; max-height: 474px; min-height: 250px; max-width:100%; -webkit-animation: bee 2s ease-in-out infinite; animation: bee 2s ease-in-out infinite;}
.main-a-d .bees img {display:block; margin: 0 auto; max-height: 100%; max-width:100%}
.m-next {position:absolute; width:24px; height:24px; cursor:pointer; background-image: url(../images/down2.svg); bottom:40px; left:0; right:0; margin: auto;  -webkit-animation: down 2s ease-in-out infinite; animation: down 2s ease-in-out infinite;}
.m-next.m2 {background-image: url(../images/down3.svg);}

@keyframes bee {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-30px);
	}
	100% {
		transform: translateY(0px);
	}
}

@keyframes down {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(10px);
	}
	100% {
		transform: translateY(0px);
	}
}

/* Services */
.services {background-color:#0E1013; position:relative;}
.services .services-a {color: #fff; padding: 388px 0;}
.services-a .services-list {margin-top: 30px; text-align:center;}
.services-list .service-item {display:inline-block; vertical-align: top; overflow: hidden;}
.services-list .service-item a {display:block; color:#fff; margin: 10px 40px}
.service-item span {display:block; font-weight:300; font-size:18px; line-height:22px; letter-spacing: 1px; padding: 24px 40px 24px 0; float:left; width: 52px;}
.service-item .service-name {font-size:60px; line-height:70px; overflow:hidden;}
.services-list .service-item a:hover .service-name {color: #FFD109}

/* Portfolio */
.portfolio {padding:120px 0 100px;}
.portfolio-a .portfolio-category {margin:20px 0 40px; text-align:center; overflow-X: auto;}
.portfolio-a .portfolio-category ul {display:inline-block; vertical-align: top; display: table; margin: 0 auto;}
.portfolio-category ul li {display: table-cell; vertical-align: top;}
.portfolio-category ul li a {display:block; font-weight:bold; font-size:17px; line-height:20px; padding-bottom:8px; position:relative; margin: 0 25px; white-space: nowrap;}
.portfolio-category ul li a:after {content: ""; display:block; position:absolute; height:2px; background-color:transparent; border-radius:2px; left:0; width:100%; bottom:0;}
.portfolio-category ul li.active a:after {background-color:#FFD109;}
.portfolio-list {margin: 0 -20px;}
.portfolio-list .portfolio-item {float:left; width:50%; padding: 0 20px 60px;}
.portfolio-list .portfolio-item:nth-child(2n+1) {clear:both;}
.portfolio-item .portfolio-image {border-radius: 20px; padding: 77px; text-align:center; padding: 11.758%;}
.portfolio-item .portfolio-image .pr-img {background-color: #3C4043; overflow:hidden; border-radius:16px; padding: 8px; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); display: inline-block; vertical-align:top;}
.portfolio-item .portfolio-image .pr-img img {max-width: 100%; display:block; border-radius:10px;}
.portfolio-item .portfolio-info {padding-top:30px;}
.portfolio-item .portfolio-info .portfolio-title {margin-bottom:20px; font-size:30px; line-height:36px;}
.pr-bt {overflow:hidden;}
.pr-bt .pr-more {float:left; border-radius:50%; margin-right:10px; padding:9px; background-color:#F4F5F6; border-radius:50%;}
.pr-bt .pr-more:before {content: ""; display:block; width:22px; height:22px; background-image: url(../images/enter.svg); background-size:cover;}
.pr-bt .pr-a {float:left; margin-right:10px; font-size:18px; line-height:22px; padding: 9px 20px; background-color: #F4F5F6; border-radius:20px;}
.portfolio-item a:hover .portfolio-image .pr-img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.p-more {margin-top:20px;}
.p-more a {border-radius:5px; background-color:#F4F5F6; text-align:center; display:block; font-size:17px; line-height:20px; padding: 25px 10px; font-weight:bold;}

/* Technologies */
.technologies {background-color:#F8F9FA; padding: 132px 0;}
.technologies .a-title {font-size:60px; line-height:70px;}
.tech-panel {border-radius:20px; overflow:hidden; background-color: #fff; margin: 60px 0 40px;}
.tech-panel .tech-top {background-color:#E8EAED; overflow:hidden; text-align:center; position:relative;}
.tech-top .t-dots {position:absolute; top:0; bottom:0; height:16px; margin: auto; left:20px;}
.tech-top .t-dots i {display:block; width:16px; height:16px; border-radius:50%; float:left; margin-right:10px; background-color:#BDC1C6;}
.tech-top ul li {padding: 0 7.2%; display: inline-block; vertical-align: top;}
.tech-top ul li span {cursor:pointer; font-size:17px; line-height:20px; display:inline-block; vertical-align:top; padding:24px 0; position:relative; font-weight:600; color:#BDC1C6;}
.tech-top ul li span:after {content: ""; position:absolute; bottom:0; left:0; right:0; height:3px; background-color:transparent; border-radius:2px;}
.tech-top ul li.active span {color:#0E1013;}
.tech-top ul li.active span:after {background-color:#FFD109;}
.tech-list {padding:40px 130px 60px;}
.tech-list .tech-list-a {overflow:hidden; display:none;}
#tab1 {display:block;}
.tech-list .tech-list-a ul li {float:left; width:25%; padding: 0 10px 20px;}
.tech-list .tech-list-a ul li span {border-radius:10px; display:block; border:1px solid #E8EAED; position:relative; padding: 24px 10px 24px 70px; font-size:17px; line-height:20px;}
.tech-list .tech-list-a ul li span i {content: "";position:absolute; width:44px; height:44px; top:0; bottom:0; margin: auto; left: 16px; background-size:cover;}
.tech-list .tech-list-a ul li.laravel span:before {background-image: url(../images/laravel.png)}
.tech-list .tech-list-a ul li.python span:before {background-image: url(../images/python.png)}
.tech-list .tech-list-a ul li.php span:before {background-image: url(../images/php.png)}
.tech-list .tech-list-a ul li.nginx span:before {background-image: url(../images/nginx.png)}
.tech-list .tech-list-a ul li.jquery span:before {background-image: url(../images/jquery.png)}
.tech-list .tech-list-a ul li.xd span:before {background-image: url(../images/xd.png)}
.tech-list .tech-list-a ul li.redis span:before {background-image: url(../images/redis.png)}
.tech-list .tech-text {color:#BDC1C6; font-size:20px; line-height:30px; margin-top:20px;}
.t-team {margin-top:40px; text-align:center;}
.t-team .t-team-a {display:inline-block; vertical-align: top;}
.t-team .t-team-a a {display:block;}
.t-team-a .tt-text {float:left; font-size:20px; line-height:30px; margin-right:10px; font-weight:500; text-decoration: underline; padding: 7px 28px 7px 0; position:relative;}
.t-team-a .tt-text:after {content: ""; position:absolute; width:18px; height: 18px; right:0; top:0; bottom:0; margin: auto; background-image: url(../images/right.svg)}
.tt-pics {float:left;}
.tt-pics ul li {float:left; margin-left: -17px;}
.tt-pics ul li:first-child {margin:0;}
.tt-pics ul li img {display: block; width: 44px; height: 44px; border-radius: 50%; border: 1px solid #E8EAED;}

/* Partners */
.partners {padding: 300px 0; background-color: #fff;}
.partners-a .prt-a {background-color:#FFD109; border-radius: 24px 24px 0 24px; font-size:18px; line-height: 22px; padding: 13px 20px 13px 48px; display:inline-block; vertical-align: top; position:relative; margin-bottom:20px;}
.partners-a .prt-a:before {content: ""; width:34px; height:34px; position:absolute; left:8px; top:0; bottom:0; margin: auto; background-image: url(../images/t5.png)}
.partners-a .prt-b {font-size:38px; line-height:45px; margin-bottom:40px;}
.partner-item img {filter: grayscale(100%);}
.partner-item:hover img {filter:none;}

/* Owl carousel */
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{color:inherit;border:none;font:inherit}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.no-js .owl-carousel{display:block}
.owl-height{transition:height 500ms ease-in-out}

/* Contact */
.contact {padding: 144px 0; background-color: #F9F9F9; position:relative;}
.contact .contact-a {display:table;}
.contact-a .contact-left {display:table-cell; width: 720px; padding-right: 100px; vertical-align: middle;}
.contact-left .ct-text {font-size:50px; line-height: 60px; font-weight:bold; margin-bottom:20px;}
.contact-left .ct-i {color: #5F6368; font-size:18px; line-height: 28px; max-width: 520px;}
.contact-a .contact-right {display:table-cell; min-width: 680px; background-color: #fff; border-radius: 20px; overflow:hidden;}
.contact-right .ct-top {background-color: #E8EAED}
.ct-top .c-dots {overflow:hidden; padding: 14px 20px;}
.ct-top .c-dots i {display:block; width:12px; height:12px; border-radius:50%; float:left; margin-right:10px; background-color:#BDC1C6;}
.contact-right .ct-body {padding: 60px;}
.x-input, .x-textarea {margin-bottom:16px;}
.x-input input, .x-textarea textarea {border: 1px solid #E8EAED; width:100%; border-radius:10px; font-size:14px; line-height: 18px; padding: 15px 20px; display:block;}
.x-input input:focus, .x-textarea textarea:focus {border-color:#FFD109}
.x-row {overflow:hidden; margin: 0 -8px;}
.x-row .x-col {width:50%; padding: 0 8px; float:left;} 
.x-textarea textarea {height: 82px; resize:none}
.x-checks {padding-top:16px; margin-bottom:22px}
.x-checks .x-ch {font-weight: 600; font-size:15px; line-height:18px; margin-bottom:16px;}
.xc-list {overflow:hidden;}
.xc-list .xc-item {float:left; margin: 0 10px 10px 0;}
.xc-list .xc-item:hover label {border-color: #FFD109}
.xc-list .xc-item input {display:none;}
.xc-list .xc-item label {display:block; font-size:14px; line-height:16px; border-radius: 20px; border:1px solid #E8EAED; padding: 11px 20px; cursor:pointer;}
.xc-list .xc-item input:checked ~ label {background-color:#FFD109; border-color: #FFD109}
.ct-bottom {overflow:hidden}
.ct-bottom .x-button {float:right; width:39%;}
.ct-bottom .x-button button {float:right; width:100%; background-color: #FFD109; border-radius:10px; font-size:15px; line-height: 18px; padding: 16px 10px; border:0; cursor:pointer; font-weight: 600;}
.ct-bottom .x-button button:hover {background-color: #F04B23; color: #fff}
.xt-check {float:left; width: 61%; padding: 15px 10px 15px 0;}
.xt-check input {display:none}
.xt-check label {position: relative; line-height: 16px; font-size: 14px; padding: 2px 0; color: #282828; padding-left: 36px; cursor: pointer; display: block;}
.xt-check label:before {content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 2px; border: 1px solid #E8EAED; display: block;}
.xt-check input ~ label:after {content: none; position: absolute; left: 0; top: 0; width: 20px; height: 20px; display: block; background-size: cover; background-image: url(../images/check.svg); z-index: 10;}
.xt-check input:checked ~ label:before {border-color: #FFD109}
.xt-check input:checked ~ label:after {content: "";}
.xt-check label a {color: #F04B23}
.xt-check.invalid {border:0 !important;}
.xt-check.invalid label:before {border: 1px solid red}

/* Footer */
.footer {padding: 20px 0; background-color: #fff; border-top: 1px solid #E8EAED} 
.footer-a .ft-left {float:left; font-size:14px; line-height: 18px; padding: 1px 15px 1px 0; font-weight: 500;}
.footer-a .ft-right {float:right;}
.footer-a .ft-right .ft-social {float:left;}
.ft-social ul li {margin-left:16px; float:left;}
.ft-social ul li a {display:block; width:20px; height:20px; display:block; background-size:cover; background-position: 0 0;}
.ft-social ul li a:hover {background-position:  0 100%;}
.ft-social ul li.fb a {background-image: url(../images/fb.svg?v1)}
.ft-social ul li.ins a {background-image: url(../images/ins.svg?v1)}
.ft-social ul li.lnk a {background-image: url(../images/lnk.svg?v2)}
.ft-a {float:left;}
.ft-a ul li {float:left; margin-left:20px; display:block;}
.ft-a ul li a {display:block; position:relative; padding: 1px 0 1px 26px; font-size:15px; line-height: 18px;}
.ft-a ul li a:before {content: ""; position:absolute; left:0; top:0; width: 20px; height: 20px; background-position: 0 0;}
.ft-a ul li.address a:before {background-image: url(../images/address.svg?v1)}
.ft-a ul li.mail a:before {background-image: url(../images/mail.svg?v1)}
.ft-a ul li.phone a:before {background-image: url(../images/phone.svg?v1)}
.ft-a ul li a:hover {color:#F04B23}
.ft-a ul li a:hover:before {background-position: 0 100%;}

/* Pagination */
.pagination {text-align:center; overflow:hidden;}
.pagination ul {overflow:hidden; display:inline-block; vertical-align:top;}
.pagination ul li {float:left; margin:0 5px;}
.pagination ul li a, .pagination ul li span {min-width:70px; font-size:17px; display:block; line-height:20px; padding: 25px 5px;  color: #0E1013; border-radius: 2px; font-weight:500; position:relative;}
.pagination ul li a {background-color: #F4F5F6;}
.pagination ul li span, .pagination ul li a:hover {background-color: #FFD109;}
.pagination ul li a.icp:before {content: ""; display:block; width:20px; height:20px; 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);}

/* About top */
.about-top {padding-top: 19vh; padding-bottom: 57vh; position:relative; height:100vh}
.about-top:after {content: ""; height: 184px; position:absolute; bottom:0; left:0; width:100%; background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%) 0% 0% no-repeat;}
.about-top .st-gr {position:relative; z-index: -2}
.about-top .st-gr img {display:block; width:100%; max-width:100%; height: 22vh; max-height: 214px; min-height: 132px;}
.about-top .bee {position: fixed; left: 0; right: 0; z-index: -1; min-width:310px; min-width: 310px;margin-top: -11vh;  -webkit-animation: bee 2s ease-in-out infinite; animation: bee 2s ease-in-out infinite;}
.about-top .bee img {display: block; margin: 0 auto; max-width: 460px; min-width: 154px; max-height: 480px; min-height: 300px; height: 50vh; width: auto;}

/* About text */
.about-text {padding: 200px 0; background-color: #fff}
.about-text-wrap .about-text-t {float:left; padding-right: 100px; font-size: 70px; line-height: 84px; font-weight: 300; width: 600px;}
.about-text-wrap .about-text-c {overflow:hidden; font-size:26px; line-height:44px;}

/* About carousel */
.about-carousel {padding: 30px 0 100px; background-color:#fff;}
.about-carousel .about-carousel-wrap {overflow:hidden;}
.about-ct {margin-bottom: 60px;}
.about-ct .about-ct-a {width: 15000px; animation: 22s linear 0s infinite cr; overflow:hidden;}
.about-ct .about-ct-item {float:left; font-size: 200px; line-height: 238px; font-weight: bold; padding-right: 100px; color: #fff; -webkit-text-fill-color: transparent; -moz-text-fill-color: transparent;  text-fill-color: transparent; -webkit-text-stroke-width: 2px; -moz-text-stroke-width: 2px; text-stroke-width: 2px;  -webkit-text-stroke-color: #1b1c1d;  -moz-text-stroke-color: #1b1c1d; text-stroke-color: #1b1c1d;}
.team-ct .team-ct-a {overflow:hidden; width: 10000px; animation: 22s linear 0s infinite reverse tr;}
.team-ct .team-ct-item {float:left; padding-right: 60px;}
.team-ct-item .t-image {margin-bottom:16px;}
.team-ct-item .t-image img {display:block; width:250px; height:250px; background-color:#ccc;}
.team-ct-item .t-name {font-size:20px; line-height:24px; font-weight:bold; margin-bottom:6px; text-align:center;}
.team-ct-item .t-pos {font-size:14px; line-height:16px; color: #80868B; font-weight: 500; text-align:center;}

/* About extra */
.about-extra {padding:100px 0; background-color: #fff;}
.about-extra .about-extra-wrap {display:table; width:100%;}
.about-extra-wrap .about-e-left {display:table-cell; vertical-align: middle; padding-right: 60px;}
.about-extra-wrap .about-e-right {display:table-cell; width:720px;}
.about-e-right .ab-icons {overflow:hidden; width:100%;}
.about-e-right .ab-icon-a {float:left; padding: 20px 0 20px 40px;}
.about-e-right .ab-icon-a .ab-icon img {width:320px; padding: 85px; background-color:#F9F9F9; border-radius:20px;display:block;}
.about-e-right .ab-icon-a:hover .ab-icon img {background-color: #e3e3e3}
.about-e-left .about-e-title {font-size:54px; line-height:64px; margin-bottom:10px; font-weight: 900;}
.about-e-left .about-e-text {font-size: 30px; line-height:36px;}

/* About properties */
.about-properties {padding: 120px 0 20px; background-color: #0E1013; overflow:hidden;}
.about-properties-wrap .about-p-title {font-size:54px; line-height:64px; color:#fff; margin-bottom:160px;}
.about-properties-wrap .about-p-title span {color: #FFD109}
.about-properties-wrap .about-p-items {overflow:hidden; margin: 0 -50px;}
.about-p-items .about-p-item {float:left; width: 33.3333333333%; padding: 0 50px 100px;}
.about-p-items .about-p-item:nth-child(3n+1) {clear:both;}
.about-p-item .about-p-t {position:relative; color: #fff; font-weight: 500; font-size:38px; line-height:46px; padding: 5px 0 5px 76px; margin-bottom:30px;}
.about-p-item .about-p-t span {display:block; position:absolute; top:0; left:0; background-color: #282A2D; border-radius:50%; color:#fff; width:56px; font-size:15px; line-height:20px; padding: 18px 10px; text-align:center;}
.about-p-item .about-p-b {color: #d1d4d7; font-size:18px; line-height: 32px;}

/* Contact */
.contact-top {padding: 516px 0 0;}
.contact-top .contact-top-wrap {text-align:center; position: fixed; top: 205px; z-index: 0; left:0; right:0; min-width:310px;}
.contact-top-wrap .ct-title {font-size:200px; line-height: 240px; letter-spacing: 100px; font-weight:500; color: #F04B23; margin-bottom:20px; padding-left: 100px;}
.ct-items {overflow:hidden; display:inline-block; vertical-align: top; margin-bottom: 60px;}
.ct-items .ct-item {float:left; padding: 0 60px; border-right: 1px solid #E8EAED}
.ct-items .ct-item .ct-a {font-weight: 600; font-size:15px; line-height: 18px; letter-spacing: 1.5px;}
.ct-items .ct-item .ct-b {font-weight: 500; font-size: 26px; line-height: 32px;}
.ct-items .ct-item .ct-b span {color: #F04B23}
.ct-items .ct-item .ct-b a:hover {color: #F04B23}
.ct-items .ct-item:first-child {text-align:right;}
.ct-items .ct-item:last-child {text-align:left; border-right: 0}
.ct-bottom-a {overflow:hidden; display:inline-block; vertical-align: top;}
.ct-bottom-a .ct-address {font-size:15px; line-height: 18px; padding: 1px 0; margin: 0 15px; float:left;}
.ct-bottom-a .ct-address a:hover {color: #F04B23}
.ct-social {overflow:hidden; float:left;}
.ct-social ul li {float:left; margin: 0 15px;}
.ct-social ul li a {display:block; padding: 1px 0 1px 26px; position:relative; font-size:15px; line-height: 18px;}
.ct-social ul li a:before {content: ""; position:absolute; top:0; left:0; width:20px; height:20px;}
.ct-social ul li.fb a:before {background-image: url(../images/fb.svg?v1)}
.ct-social ul li.ins a:before {background-image: url(../images/ins.svg?v1)}
.ct-social ul li.lnk a:before {background-image: url(../images/lnk.svg?v2)}
.ct-social ul li a:hover:before {background-position: 0 100%;}
.ct-social ul li.fb a:hover {color: #1877f2;}
.ct-social ul li.ins a:hover {color: #833ab4;}
.ct-social ul li.lnk a:hover {color: #0a66c2;}
.contact-top .ct-gr {height: 755px; background-size:cover; background-image: url(../images/ct-gr.png); position:relative;     background-position: center center;}
.contact-top .ct-gr .ct-bees {position:absolute; top:20px; left:0;width:100%; -webkit-animation: bee 2s ease-in-out infinite; animation: bee 2s ease-in-out infinite;}
.contact-top .ct-gr .ct-bees img {display:block; margin:0 auto; padding-left: 8%; max-width:100%;} 
.contact-map {position: relative; min-height: 320px}
.contact-map:before {content: ''; padding-top: 40%; display:block;}
.contact-map iframe {width:100%; height: 100%; position: absolute; left:0; top:0;}
.contact-map img {width:100%; display:block; min-height: 350px; object-fit: cover;}

/* Services */
.services-page {padding: 100px 0 80px;}
.services-page .sv-title {margin-bottom:120px;}
.services-page .sv-title h2 {width:500px; float:left; font-size:54px; line-height: 64px; font-weight: 900; padding-right:100px;}
.services-page .sv-title span {display:block; overflow:hidden; font-size:24px; line-height: 29px;}
.services-lists .service-item {margin-bottom:120px;}
.service-item .service-n {font-size:18px; line-height: 22px; padding-bottom:30px; border-bottom: 1px solid #BDC1C6; margin-bottom:30px; font-weight: 300; letter-spacing: 1px;}
.srv-wrap .srv-left {float:left; width:500px; padding-right: 100px; font-weight: 600; font-size: 40px; line-height: 36px;}
.srv-wrap .srv-right {overflow:hidden; font-size:24px;line-height: 38px} 

/* Portfolio detail */
.portfolio-detail .portfolio-detail-top {padding: 46px; background-color: #F67121}
.portfolio-detail-top .portfolio-detail-image {max-width:826px; margin: 0 auto; background-color: #3C4043; padding: 8px; border-radius: 16px;}
.portfolio-detail-top .portfolio-detail-image  img {width:100%; display:block; border-radius: 10px;}
.portfolio-detail .portfolio-detail-info {padding: 80px 0}
.pdi-wrap .pdi-left {float:left; width: 600px; padding-right:100px;}
.pdi-wrap .pdi-left .pdi-title {font-size: 50px; line-height: 60px; font-weight: bold;}
.pdi-wrap .pdi-right {overflow:hidden;}
.pdi-right .portfolio-detail-title {font-size:30px; line-height: 36px; margin-bottom: 20px;}
.pdi-right .portfolio-detail-extra {overflow:hidden; margin-bottom:10px;}
.portfolio-detail-extra ul li {float:left; margin-right:10px; margin-bottom:10px;}
.portfolio-detail-extra ul li a, .portfolio-detail-extra ul li span {display:block; font-size: 18px; line-height: 22px; padding: 9px 20px; background-color: #F4F5F6; border-radius:20px; position:relative;}
.portfolio-detail-extra ul li.p-url a {padding-left: 51px;}
.portfolio-detail-extra ul li.p-url a:before {content: ""; width: 22px; height: 22px; background-image: url(../images/url.svg); position:absolute; top:0; bottom:0; margin: auto; left: 20px;}
.pdi-right .portfolio-detail-text {font-size: 20px; line-height: 32px; color: #5F6368;}
.portfolio-gallery-wrap {}
.portfolio-gallery-wrap .gallery-item {padding: 0 20px 40px;}
.portfolio-gallery-wrap .gallery-item a {display:block; position:relative;}
.portfolio-gallery-wrap .gallery-item .gallery-image-wrap {padding: 40px 32px; border-radius: 20px; background-color: #F9F9F9;}
.gallery-image-wrap .gallery-image {background-color: #3C4043; overflow: hidden; border-radius: 16px; padding: 8px;}
.gallery-image-wrap .gallery-image img {max-width: 100%; display: block; border-radius: 10px; width:100%;}
.gallery-item a i {position:absolute; top:12px; right: 12px; width:24px; height:24px; opacity:0; visibility: hidden; background-image: url(../images/zoom.svg?v1); background-size:cover;}
.gallery-item a:hover i {opacity: 1; visibility: visible;}
.portfolio-pager {padding: 60px 0 150px;}
.portfolio-pager .page-prev {float:left;}
.portfolio-pager .page-next {float:right;}
.page-prev a, .page-next a {position:relative; padding: 12px 0; font-size:17px; line-height: 24px; display:block; font-weight:bold;}
.portfolio-pager .portfolio-pager-wrap {position:relative;}
.page-prev a {padding-left: 44px;}
.page-next a {padding-right: 44px;}
.page-prev a:before, .page-next a:after {content: ""; width: 24px; height: 24px; position:absolute; top:0; bottom:0; margin: auto;}
.page-prev a:before {left:0; background-image: url(../images/prev2.svg);}
.page-next a:after {right:0; background-image: url(../images/next2.svg);}
.pg-title {position:absolute; left:120px; right:120px; text-align:center; font-size:40px; line-height: 48px; text-align:center; font-weight: 900;}
 
/* 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;}

/* Login */
.login {height: 100vh; padding-top: 125px; margin-top: -125px; min-height: 600px; max-height:1000px;}
.n-cnt .contact {display:none}
.login-wrap {width:100%; height: 100%; overflow:hidden;}
.login-wrap .login-left, .login-wrap .login-right  {float:left; width:50%; height: 100%;}
.login-wrap .login-left {background: transparent linear-gradient(180deg, #FEEA34 0%, #FFD109 66%, #FCDC19 73%, #FFD109 100%) 0% 0% no-repeat padding-box; padding-right: 100px; padding-left:40px; display: flex; justify-content: right; }
.login-wrap .login-right  {padding-top:40px}
.login-bg {height: 100%;}
.login-bg img {display: block; height: 100%; max-height: 862px;}
.lg-text {max-width:600px; float:right; justify-content: center; display: flex; flex-direction: column;}
.lg-text .lg-title {font-size:54px; line-height: 64px; font-weight: 900; margin-bottom:10px;}
.lg-text .lg-extra {font-size:30px; line-height: 36px; margin-bottom:30px;}
.lg-text .lg-lnk {background-color: #0E1013; color: #fff; border-radius: 10px; font-size: 15px; line-height: 20px; padding: 15px 10px; text-align:center; font-weight: 600; display:block; width: 222px;}

/* Modal */
.modal {display: none; min-width: 300px; position: fixed; z-index: 9999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); overflow-y: auto;}
.modal-wrap {position: relative; display: table; height: 100%; padding: 20px 0; margin: 0 auto; -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; table-layout:fixed;}
.modal-wrap .modal-content {display: table-cell; vertical-align: middle; height: 100%;}
.modal-wrap .modal-content .modal-a {position:relative;}
.x-close {position:absolute; right:-12px; top:-12px; border-radius:50%; background-color:#fff; cursor:pointer; padding:4px; box-shadow: rgba(51, 51, 51, 0.13) 0px 4px 12px 0px; z-index:100;}
.x-close:before {content: ""; width:24px; height:24px; display:block; background-size:cover; background-image: url(../images/close.svg);}
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

/* Alert */
.message {min-width: 300px; position: fixed; z-index: 999999999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.6); overflow-y: auto;}
.m-close {position:absolute; right:-12px; top:-12px; border-radius:50%; background-color:#fff; cursor:pointer; padding:4px; box-shadow: rgba(51, 51, 51, 0.13) 0px 4px 12px 0px; z-index:100;}
.m-close:before {content: ""; width:20px; height:20px; display:block; background-size:cover; background-image: url(../images/close.svg);}
.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); width: 600px; font-weight: 600; font-size:20px;}
.alert-heading {font-size:19px; margin-bottom:10px; line-height:28px;}
.search-n { font-size: 18px; line-height: 24px; margin-bottom: 20px; }

/* About gallery */
.about-gallery {background-color: #F8F9FA; padding: 100px 0;}
.gl-items {margin: 0 -10px -20px; margin-top:50px; position:relative; display:flex; flex-wrap: wrap}
.gl-items .gl-item {padding: 0 10px;}
.gl-item.w-50 {width:50%;}
.gl-item.w-33 {width:33.3333333333%;}
.gl-item .gl-image {position:relative; overflow:hidden; margin-bottom:20px; border-radius:10px;}
.gl-item .gl-image:before {content: ""; display:block;}
.gl-item .g-vertical:before {padding-top:50%;}
.gl-item .g-square:before {padding-top:100%;}
.gl-item .gl-image:after {content: ""; position:absolute; top:0; left:0; width:100%; height:100%; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.0), rgba(0,0,0,0.90)); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.0), rgba(0,0,0,0.90)); background-image: -o-linear-gradient(top, rgba(255,255,255,0.0), rgba(0,0,0,0.90)); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.0), rgba(0,0,0,0.90));}
.gl-item .gl-image img {display:block; width:100%; top:0; position:absolute; height:100%; object-fit: cover;}
.gl-image .gallery-info {position:absolute; bottom:0; left:0; width:100%; padding: 30px; color: #fff; z-index:10}
.gl-image .gallery-info h2 {font-weight:bold; font-size:24px; line-height:30px;}
.gl-image .gallery-info span {margin-top:15px; display:block; font-size:16px; line-height:24px;}
.gl-item .gl-image:hover img {-webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
.g-gallery-wrap {margin: 0 -10px -20px;}
.g-gallery-wrap:after {content: ""; display:block; clear:both}
.g-gallery-wrap .g-gallery-a {width:50%; padding: 0 10px; float:left;}
.g-gallery-wrap .g-gallery-a:after{content: ''; display:block; clear:both;}
.g-flex {display:flex; flex-wrap: wrap; margin: 0 -10px -20px}
.g-100 {height: 100%;}
.gl-item .g-square-b:before {padding-top:100%; padding-bottom:5px}
.gr-left, .gr-right {width:50%; float:left; padding: 0 10px;}
.gr-left:after, .gr-right:after {content: ""; display:block; clear:both;}
.gr-right .g-gallery-a:last-child .gl-image {margin-bottom:0;}

/* About history */
.about-history {background-color: #efefef; padding: 100px 0;}
.about-history-items {margin: 0 -20px -40px; margin-top:50px; display:flex; flex-wrap: wrap}
.about-history-items:after {content: '';clear:both; display:block;}
.about-history-items .about-history-item {width:33.3333333333%; padding: 0 20px 40px; display:flex}
.about-history-item .h-item {background-color: #fff; border-radius:10px; overflow:hidden; padding: 30px; color: #222; width:100%;}
.h-item .h-item-time {font-weight:600; font-size:18px; line-height:24px; margin-bottom:25px;}
.h-item .h-item-title {font-weight:bold; font-size: 22px; line-height: 30px; margin-bottom:25px;}
.h-item .h-item-desc {font-size:19px; line-height:28px; font-weight:300}
.h-item .h-item-desc ul li, .ab-item-desc ul li {padding-left:15px; position:relative;}
.h-item .h-item-desc ul li:before, .ab-item-desc ul li:before {content: "•"; font-size:25px; position:absolute; left:0;}

/* About timeline */
.about-timeline {padding: 100px 0; background-color: #fff}
.ab-timeline {margin-top:50px;}
.ab-timeline .ab-tm-item {overflow:hidden;}
.ab-tm-item .ab-tm-left {float:left; padding-left:100px; padding-right:40px;}
.ab-tm-left .ab-time {min-width:160px; font-size:20px; line-height:26px; font-weight:bold; text-align:right}
.ab-tm-item .ab-tm-right {overflow:hidden; padding-left:56px; padding-bottom: 90px; position:relative;}
.ab-tm-item .ab-tm-right:before {content: ""; position:absolute; left:0; top:8px; border-radius:50%; width:16px; height: 16px; background-color: #f04b23; z-index:10}
.ab-tm-item .ab-tm-right:after {content: ''; position:absolute; top:0; width:2px; bottom:0; background-color:#d4d4d4; left: 7px;}
.ab-tm-item:first-child .ab-tm-right:after {top: 28px;}
.ab-tm-item:last-child .ab-tm-right:after {height:4px;}
.ab-tm-right .ab-item-h {font-weight:bold; font-size:26px; line-height:32px; margin-bottom:30px;}
.ab-tm-right .ab-item-desc {font-size:19px; line-height:25px; font-weight:300}
.ab-button {text-align:center;}
.ab-button a {display:inline-block; vertical-align: top; background-color: #f04b23; border-radius:30px; font-size: 16px; line-height:20px; color: #fff; padding: 20px 60px; font-weight:bold;}
.ab-button a:hover {color: #000; background-color:#fae100}

.invalid{border: 1px solid red !important;}