/*
Designer: Xatai
Site: Xpert.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 'Abel Pro', Arial, Helvetica, sans-serif; color:#000;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, .c-dots ul li button, .projects-tab-head ul li .p-tab, .project-item a, .project-info .project-title, .project-info .project-text, .pagination ul li a, .properties-item .ppt, .properties-item .ppt h2, .properties-item .ppt span, .properties-item .ppt i {-webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;}

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

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


/* Struktur */
.xsayt {overflow:hidden;}
.centered {width:988px; margin:0 auto;}
.centered:after, .header-wrap:after, .properties-wrap:after, .c-top-wrap:after, .comment-item:after, .contact-form:after, .form-buttons:after, .footer-wrap:after, .page-top-wrap:after, .project-tab-head ul:after, .projects-list:after, .contact-bottom:after {display:block; content:""; clear:both;}

/* Header */
.header {position:relative; width:100%; z-index:100;}
.header .header-wrap {padding:18px 0;}
.header-wrap .logo {float:left; margin-right:32px;}
.header-wrap .logo a, .header-wrap .logo img {display:block;}
.header-wrap .top-menu {float:left;}
.top-menu .m-close {display:none; width:30px; height:30px; position:fixed; top:10px; right:10px; background-image: url(../images/close.svg); background-size:cover; cursor:pointer;}
.top-menu ul li {float:left; margin:6px 20px 6px 0;}
.top-menu ul li a {display:block; font-weight:bold; font-size:16.7px; line-height:24px; color:#030f86; padding:5px 0;}
.header-wrap .language {float:right; margin: 9px 0;}
.language .l-mob {display:none;}
.language span {display:block; font-size:16.1px; line-height:23px; padding:3px 23px 2px 43px; cursor:pointer; border-radius:5px; position:relative; background-color:#ededed;}
.language span:before {content: ""; display:block; position:absolute; left:23px; top:0; bottom:0; margin: auto; width:14px; height:14px; background-image: url(../images/language.svg); background-size:cover;}
.mobile-menu {float:right; display:none; cursor:pointer; margin: 8px 0 8px 15px; width:30px; height:30px;  background-size:cover; background-image: url(../images/menu.svg);}
 
/* Main slider */
.main-slider-wrap .centered {position:relative;}
.main-slider-wrap .main-slider-item {height:601px; background-position: top center; background-repeat: no-repeat;}
.main-slider-item:before {content: ""; position:absolute; top:0; bottom:0; left:0; right:0; background-image: url(../images/h-back.png); background-position: top center; background-repeat: no-repeat;}
.main-slider-wrap .main-slider-info {position:absolute; top:90px; width:380px;}
.main-slider-info .main-slider-title {color:#030f86; font-size:38px; line-height:42px; margin-bottom:5px;}
.main-slider-info .main-slider-text {font-size:21px; line-height:27px; color:#030f86; margin-bottom:24px;}
.main-slider-info .main-slider-extra {font-size:20px; line-height:26px; color:#545454; display:block; margin-bottom:24px;}
.main-slider-info .ms-button {font-size:18px; line-height:24px; display:inline-block; vertical-align:top; padding:4px 20px; color:#fff; background-color:#25a9e0; border-radius:5px; box-shadow:0px 3px 4px 1px rgba(0,0,0, 0.19);}
.main-slider-wrap .slick-dots {position: absolute; left:50%; height: 12px; bottom: 142px; margin-left: -258px;}
.main-slider-wrap .slick-dots li {float:left; margin: 0 7px;}
.main-slider-wrap .slick-dots li button {display:block; width:12px; height:12px; border-radius:50%;  font-size:0; background-color:#c2c2c2; margin:0; padding:0; cursor:pointer; border:0;}
.main-slider-wrap .slick-dots li.slick-active button {background-color:#030f86;}

/* Slick slider */
.slick-slide {outline:0;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block; width:100%;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none}


/* Properties */
.properties {position:relative; z-index:10; top: -90px;}
.properties-wrap {margin: 0 -12px;}
.properties-wrap .properties-item {padding: 0 12px; float:left; width:25%; margin-bottom: 24px;}
.properties-wrap .properties-item a {display:block;}
.properties-item .ppt {padding:30px 20px 32px 20px; text-align:center; box-shadow: 0 0 65px 0 rgba(0,0,0, 0.09); background-color: #fff; border-bottom-left-radius:30px; border-bottom-right-radius: 30px;}
.properties-item .ppt i {display:block; margin: 0 auto 16px; width:60px; padding:16px; background-color:rgba(37, 169, 224, 0.28); border-radius:10px;color: rgb(37, 169, 224);font-size: 20px; line-height:28px;}
.properties-item .ppt i:before {display:block; width:28px; height:28px; background-size:cover;}
.properties-item .ppt h2 {font-size:21px; line-height:24px; margin-bottom:5px;}
.properties-item .ppt span {font-size:14px; line-height:18px;}

/* Projects */
.projects {position:relative; padding-top:36px; z-index:10;}
.projects:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; background-image: url(../images/p-back.jpg); height: 158px; background-position: center center;}
.projects .projects-wrap {position:relative;}
.projects-wrap .p-title {font-weight:bold; font-size:33.6px; color:#fff; line-height:40px; margin-bottom:30px;}
.projects-carousel .slick-list {margin: 0 -14px;}
.projects-carousel .project-item {padding: 0 14px 40px;}
.project-item a {display:block; overflow:hidden; border-radius:14px; box-shadow: 0 0 15px 2px rgba(0,0,0, 0.09); background-color: #fff;}
.project-item .project-image img {width:100%; display:block;}
.project-item .project-info {padding:15px 12px 18px;}
.project-info .project-title {color:#333333; font-size:14px; line-height:18px; font-weight:bold; margin-bottom:8px;}
.project-info .project-text {color:#333333; font-size:18px; line-height:24px;}
.project-item a:hover {background-color: #25a9e0}
.project-item a:hover .project-title, .project-item a:hover .project-text {color:#fff;}
.p-nav {position:absolute; top:3px; right:0;}
.p-nav .slick-arrow {float:left; margin-left:16px; border-radius:3px; overflow:hidden; background-color:#fff; padding:10px; border:0; cursor:pointer;}
.p-nav .slick-arrow:before {content: ""; width:14px; height:14px; display:block; background-size:cover;}
.p-nav .slick-prev:before {background-image: url(../images/prev.svg);}
.p-nav .slick-next:before {background-image: url(../images/next.svg);}

/* Comments */
.comments {}
.comments .c-top {background-color:#fff; box-shadow: 0 0 65px 0 rgba(0,0,0, 0.09); position:relative; z-index:10;}
.c-top .c-top-wrap {position:relative;padding:40px 0;}
.c-top .c-top-wrap:before {content: ""; position:absolute; top:-20px; left:0; width:448px; height:161px; background-image: url(../images/c-back.png);}
.c-top .c-top-wrap h2 {color:#373737; font-weight:bold; font-size:33.6px; line-height:40px; float:right; text-align:right;}
.c-bottom {margin-top:-35px; position:relative;}
.c-bottom .centered {position:relative;}
.comment-slider {padding-right:24px; margin-left: -70px;}
.comment-item {position:relative; margin: 70px 0 70px 70px;}
.comment-item .comment-a {position:absolute; right:0; width:390px; margin:16px 0 16px 58px;}
.comment-a .c-avatar {float:left; width:96px; height:96px; border-radius:50%; overflow:hidden; margin-right:20px; box-shadow: 0 0 65px 0 rgba(0,0,0, 0.09);}
.comment-a .c-avatar img {width:100%; display:block;}
.comment-a .c-info {overflow:hidden;}
.comment-a .c-info .c-info-wrap {display:table-cell; vertical-align:middle; height:96px; color:#373737; font-size:21.6px; line-height:27px; }
.c-info-wrap .c-name {font-weight:bold;}
.comment-item .comment-text { background-color:#fff; border-radius:12px; padding:10px 20px; box-shadow: 0 0 65px 0 rgba(0,0,0, 0.09); color:#373737; font-style:italic; font-size:20.1px; line-height:26px; min-height:128px; float:left; margin-right:448px; position:relative;}
.comment-item .comment-text:before {content: ""; top: 41px; bottom: 0; width: 0; height: 0; position: absolute; right: -40px; border: 23px solid transparent; border-left: 40px solid #ffffff;border-right: 0;}
.comment-text .ct-wrap {display:table-cell; vertical-align:middle; height:108px;}
.comment-slider .slick-active .comment-text {}
.c-dots {position: absolute; right: 0; top: 92px; z-index:1001;}
.c-dots ul li {padding: 6px 0;}
.c-dots ul li button {font-size:0; width:16px; height:16px; display:block; border-radius:50%; background-color:#c2c2c2; cursor:pointer; border:0; margin:0; padding:0;}
.c-dots ul li.slick-active button {background-color:#030f86;}

/* Partners */
.partners {padding-top:60px; margin-bottom:78px;}
.p-title {font-size:33.6px; line-height:40px; color:#4e4e4e; font-weight:bold; margin-bottom:36px;}
.partners-carousel {margin: 0 -28px;}
.partners-carousel .p-item {padding: 0 28px;}
.p-item img {width:100%; display:block;}

/* Contact */
.contact {margin-bottom:60px;}
.contact .ct-top {background-color:#fff; box-shadow: 0 0 65px 0 rgba(0,0,0, 0.09); margin-bottom:30px;}
.contact .ct-top .ct-top-wrap {text-align:right; padding:24px 0;}
.ct-top-wrap h2, .ct-top-wrap span {font-size:33.6px; line-height:40px; color:#373737; display:block;}
.ct-top-wrap h2 {font-weight:bold; margin-bottom:6px;}
.contact-form-wrap {margin: 0 -15px;}
.contact-form-wrap .cf-left, .contact-form-wrap .cf-right {width:50%; float:left; padding: 0 15px;}
.cf-input {margin-bottom:18px;}
.cf-left textarea, .cf-txt textarea, .cf-input input {width:100%; background-color:#fff; border-radius:6px; color:#7e7e7e; font-weight:bold; font-size:20.6px; line-height:24px; border:0; box-shadow:0 4px 13px 2px rgba(0,0,0, 0.19); padding: 23px 26px; display:block;}
.cf-left textarea {height:228px; resize:none;}
.form-buttons {margin: 0 -15px; padding-top:12px;}
.form-buttons .f-button { float:left; width:50%; padding: 0 15px;}
.f-button input, .f-button button {display:block; background-color:#25a9e0; color:#fff; text-align:center; border-radius:4px; box-shadow: 0px 3px 4px 1px rgba(0,0,0, 0.19); font-size:24.6px; line-height:30px; font-weight:bold; padding:5px; margin:0; width:100%; border:0; cursor:pointer; height:40px;}
.f-button .b-clear {background-color: #000;}

/* Footer */
.footer-wrap {padding:12px 0 20px;}
.footer-wrap .footer-left {float:left; width: 43%;}
.footer-left .footer-logo {margin-bottom:14px;}
.footer-left .footer-logo img {display:block;}
.footer-left .f-info {font-size:17px; line-height:21px; color:#373737; margin-bottom:20px;}
.footer-left, .footer-contact {font-size:17px; line-height:21px; color:#373737;}
.f-contact {overflow:hidden;}
.f-contact .fc {float:left; }
.f-contact .fc:after {content: "|"; padding: 0 18px;} 
.f-contact .fc:last-child:after {content:none;}
.footer-wrap .footer-m {float:left; padding: 0 8.7%; width: 33%;}
.f-title {font-size:30px; line-height:36px; color:#373737; margin-bottom:10px;}
.f-menu ul li {margin-bottom:2px;}
.f-menu ul li a {display:inline-block; vertical-align:top; text-decoration:underline;color:#373737; font-size:21px; line-height:25px; }
.footer-wrap .footer-right {float:right; width: 24%; text-align: right;}
.f-social {float:right;}
.f-social ul li {margin-left:16px; float:left;}
.f-social ul li:first-child {margin:0;}
.f-social ul li a {display:block; border:2px solid #000; border-radius:50%; background-color:#fff; padding:9px;}
.f-social ul li a:before {content: ""; width:26px; height:26px; display:block; background-size:cover;}
.f-social ul li.fb a {border-color:#3b5999;}
.f-social ul li.ins a {border-color:#833AB4;}
.f-social ul li.yt a {border-color:#D8362A;}
.f-social ul li.ink a {border-color:#0077b5;}
.f-social ul li.fb a:before {background-image: url(../images/fb.svg);}
.f-social ul li.ins a:before {background-image: url(../images/ins.svg);}
.f-social ul li.yt a:before {background-image: url(../images/yt.svg);}
.f-social ul li.ink a:before {background-image: url(../images/ink.svg);}
.footer-bottom {border-top: 2px solid #c9c9c9; padding:18px 0;}
.footer-bottom .cp {text-align:center; color:#373737; font-size:19px; line-height:24px;}
.footer-bottom .cp span {color: #25a9e0}

/* Page top */
.page-top {padding:48px 0; background-color:#ededed;}
.page-top-wrap .page-title {float:left; width:50%; color:#030f86; font-size:27.6px; line-height:32px; padding-bottom:6px; position:relative;}
.page-title:before {content: ""; position:absolute; bottom:0; left:0; width:116px; background-color:#25a9e0; height:3px;}
.page-top-wrap .page-top-right {float:right; width:50%;}
.page-top-wrap .speedbar {float:right; padding:10px 0;}
.speedbar span {float:left; font-size:14.7px; line-height:18px; }
.speedbar span:after {content: "/"; padding:0 3px;}
.speedbar span:last-child:after {content:none;}
.speedbar span a  {color:#030f86;}

/* Projects page */
.page .projects{padding:54px 0 40px;}
.page .projects:before {content:none;}
.pt-title {text-align:center; position:relative; font-size:27.6px; line-height:32px; padding-bottom:12px; margin-bottom:28px;}
.pt-title:before {content: ""; position:absolute; bottom:0; left:0; right:0; margin: auto; width:94px; background-color:#25a9e0; height:3px;}
.pt-text {text-align:center; font-size:15.6px; line-height:18px; color:#434343; font-style:italic; max-width:600px; margin: 0 auto; padding-bottom:28px;}
.projects-tab .projects-tab-head {text-align:center; margin-bottom:32px;}
.projects-tab .projects-tab-head ul {margin: 0 -10px; display:inline-block; vertical-align:top;}
.projects-tab-head ul li {float:left; padding: 0 10px 20px;}
.projects-tab-head ul li .p-tab {font-size:20.2px; line-height:24px; padding:3px 15px; background-color:#fff; border-radius:5px; box-shadow: 0 0 21px 0 rgba(0,0,0, 0.09); cursor:pointer; min-width:104px;}
.projects-tab-head ul li .p-tab:hover {color:#25a9e0}
.projects-tab-head ul li .p-tab.active {color:#fff; background-color:#25a9e0;}
.projects-list {display:none;}
#tab1 {display:block;}
.projects-list .pl-list {margin: 0 -14px;}
.projects-list .project-item {float:left; width:33.333333333%; padding: 0 14px 54px;}
.projects-list .project-item a {box-shadow: 0 0 65px 0 rgba(0,0,0, 0.09);}

/* Pagination */
.pagination {text-align:center;}
.pagination ul {display:inline-block; vertical-align:top;}
.pagination ul li {float:left; padding: 0 11px;}
.pagination ul li a, .pagination ul li span {min-width:40px; display:block; text-align:center; border-radius:5px; font-size:21.6px; line-height:24px; padding: 8px 5px; box-shadow: 0 0 21px 0 rgba(0,0,0, 0.09); background-color:#fff;}
.pagination ul li span, .pagination ul li a:hover {color:#fff; background-color:#25a9e0;}

/* Services */
.page .services {padding:54px 0 40px;}
.services .properties {top:0; padding-top:22px; margin-bottom:0; margin-top:0;}
.services .properties-wrap .properties-item {}
.properties-item a:hover .ppt {background-color:#25a9e0}
.properties-item a:hover h2, .properties-item a:hover span {color:#fff;}
.properties-item a:hover i {background-color:#85cfee;}

/* About */
.page .about {padding:54px 0 50px;}
.about-content {padding-top:22px; color:#434343; font-size:18px; line-height:24px;}
.about-content img {max-width:100%;}
.about .c-bottom {margin: 0;}
.about .comment-item {margin:60px 0 60px 70px}

/* Contact page */
.page .contact-page {padding:54px 0 50px;}
.contact-page .cp-a {text-align:center; padding-top:24px; margin-bottom:36px;}
.contact-page .cp-a .cp-b {display:inline-block; vertical-align:top;}
.cp-b .cp-item {float:left; margin: 0 12px 20px; position:relative; padding-left:34px; font-size:23.1px; line-height:26px;text-align: left;}
.cp-b .cp-item:before {content: ""; position:absolute; top:1px; left:0; width:24px; height:24px; background-size:cover;}
.cp-item.mail:before {background-image: url(../images/mail.svg);}
.cp-item.phone:before {background-image: url(../images/phone.svg);}
.cp-item.address:before {background-image: url(../images/address.svg);}
.contact-bottom .cb-left {float:left; padding-right:42px;width: 56.5%;}
.cb-left .map {border-radius:6px; overflow:hidden; padding: 7px; box-shadow:0px 4px 8px 0px rgba(0,0,0, 0.19); height: 491px;} 
.cb-left .map img {width:100%; display:block; height: 100%; object-fit: cover;}
.contact-bottom .cb-right {float:left; width:43.5%}
.cb-title {float:left; width:50%; font-size:27.6px; line-height:32px; padding-bottom:6px; position:relative; margin-bottom:20px;}
.cb-title:before {content: ""; position:absolute; bottom:0; left:0; width:116px; background-color:#25a9e0; height:3px;}
.cf-txt {margin-bottom:10px;}
.cf-txt textarea {height:207px; resize:none;}
.cb-form .cf-input input {padding: 20px 26px;}