@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

/* slider.css */
#review-slider {
    margin-bottom: -380px;
}
.slider-wrap{
   position:relative;
   margin:24px 0 0;
}
.slider-wrap::after{
    content: '';
    position: absolute;
    right: -40px;
    top: -20px;
    background-image: url(../img/icons/waves-icon.svg);
    background-repeat: no-repeat;
    width: 97px;
    height: 91px;
}
.review-swiper {
    width: 100%;

    padding-bottom: 65px;
}
.slider-info{
    display:flex;
    justify-content:space-between;
}
.slider-info-left {
    width: 55%;
    min-height: 456px;
    background: #03BBD3;
    padding: 10px 65px;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 33px;
    font-size: 20px;
    color: #FFFFFF;
}
.slider-info-right {
    width: 45%;
    background: linear-gradient(158.44deg, #60EAFC 0%, #03BBD3 84.31%), linear-gradient(0deg, #03BBD3, #03BBD3);
    padding:24px;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
}

.slider-person-info {
    width:100%;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
}
.slider-person-info p{
    font-size: 18px;
    color: #ffffff;
}
.slider-person-info h6{
    font-size: 40px;
    margin:16px 0;
}
.slider-main-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.slider-info-block {
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-size: 18px;
    color: #FFFFFF;
}
.slider-info-block img{
    margin-right:5px;
    position:relative;
    top:3px;
}

#review-slider .swiper-button {
    width: 20px;
    height: 34px;
    background-image: url(../img/icons/arrow-slider.svg);
    background-size: cover;
    cursor: pointer;
    position: absolute;
    top: 250px;
    z-index: 3;
}
.swiper-button-left{
    left:-50px;
    transform:rotate(180deg);
}
.swiper-button-right{
    right:-50px;
}
.slider-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: -40px 0 0;
}
.slider-bottom a{
    position:relative;
    z-index:99;
}
#review-slider .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0px;
    padding-bottom: 2px;
}
#review-slider .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border: 2px solid #AAAAAA;
    background: none;
    opacity: 1;
}
#review-slider .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    position: relative;
    top: 2px;
    border: 2px solid #03BBD3;
}

.swiper-wrapper{
  height:auto;
}
.swiper-slide{
  height:auto;
}

/* fonts.css */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900');

/* reset.css */
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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
    box-sizing: border-box;
}

a,
a:hover,
a:focus {
    text-decoration: none;
}

/* style.css */
body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

.container {
    width: 1200px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}

.container-fluid {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

h3 {
    font-weight: 500;
    font-size: 40px;
    text-align: center;
    color: #333333;
}

h4 {
    font-weight: 500;
    font-size: 36px;
    text-align: center;
    color: #333333;
}

h5{
    font-size: 24px;
    color: #333333;

    font-weight: 500;
    text-align: center;
}

.button-blue {
    background: #03BBD3;
    width: 255px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    transition: 0.3s;
}
.button-blue:hover {
    background: #0e8e9f;
}
.button-blue-empty {
    width: 255px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #03BBD3;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #03BBD3;
    cursor: pointer;
    transition: 0.3s;
}
.button-blue-empty:hover{
    background-color:#03BBD3;
    color:#ffffff;
}

input {
    width: 100%;
    height: 56px;
    background: #F7F8FB;
    padding-left: 24px;
    font-size: 18px;
    outline: none;
    border: none;
}

label{
    display:block;
    margin:0 0 24px;
}

label span{
    font-weight: 500;
    font-size: 18px;
    color: #6C6B70;
    display:block;
    margin:0 0 9px;
}

textarea {
    width: 100%;
    height: 148px;
    background: #F7F8FB;
    padding: 17px 0 0 24px;
    font-size: 18px;
    resize: none;
    border: none;
}

.scroll-top {
    position: fixed;
    bottom: 20px;
    right: 15px;
    width: 34px;
    height: 34px;
    display: block;
    background-color: #03bbd3;
    background-image: url(../img/up-arrow.svg);
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.6s ease;
    transform: translateX(150%);
    z-index: 10;
}

.scroll-top.active {
    opacity: 1;
    transform: none;
}

p{
    font-size: 18px;
    line-height: 30px;
    color: #333;
    letter-spacing: 0.01em;
}

p.text-medium{
    font-weight: 500;
}



/* Pagination
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */

.pagination{
    text-align: center;
    margin: 10px 0 40px;
    display: block;
}

.pagination li{
    display: inline-block;
    text-align: center;
    vertical-align: top;
    height: 40px;
}

.pagination li a{
    color: #333333;
    display: inline-block;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-weight: 500;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.pagination li a:hover{
    color: #03BBD3;
}

.pagination li.active{
    border: 1px solid #03BBD3;
}

.pagination li.disabled a{
    cursor: default;
}

.pagination li.active a{
    color: #03BBD3;
}

.pagination li i{
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 40px;
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.pagination li:first-child{
    margin-right: 5px;
}
.pagination li:last-child{
    margin-left: 5px;
}

.pagination li i:hover{
    opacity: 0.5;
}

.pagination li.disabled i:hover{
    opacity: 1;
}

.pagination li .chevron-left{
    background-image: url(../img/icons/chevron-left-blue.svg);
}

.pagination li .chevron-right{
    background-image: url(../img/icons/chevron-right-blue.svg);
}

.pagination li.disabled .chevron-left{
    background-image: url(../img/icons/chevron-left-grey.svg);
}

.pagination li.disabled .chevron-right{
    background-image: url(../img/icons/chevron-right-grey.svg);
}

#footer.footer-long{
    padding-top:380px;
}
.menu-mob{
    display:none;
}
.menu-mob {
  top:6px;
  position: relative;
  height: 33px;
  width: 30px;
}
.menu-mob span {
  background: #03BBD3;
  display: block;
  height: 2px;
  width: 30px;
  position: absolute;
  top: 0;
  transition: 0.5s;
}
.menu-mob span:nth-child(2) {
  top: 8px;
}
.menu-mob span:nth-child(3) {
  top: 16px;
}
.active-drop-men span:nth-child(1) {
  background: #ffffff;
  transform: rotate(225deg);
  top: 8px;
}
.active-drop-men span:nth-child(2) {
  background: #ffffff;
  transform: rotate(135deg);
  top: 8px;
}
.active-drop-men span:nth-child(3) {
  background: #ffffff;
  transform: rotate(225deg);
  top: 8px;
}

/* header.css */
header {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #17181C 112.22%), #000204;
    top: 0;
    left: 0;
    position: sticky;
    position: -webkit-sticky;
    z-index: 10;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header .container {
    padding-left: 0;
    padding-right: 0;
}

.header-logo img {
    display: block;
}

.header-inner {
    height: 79px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-menu{
    display:flex;
}

.header-menu li {
    margin-left: 70px;
    position:relative;
}

.header-menu li a {
    font-weight: 500;
    line-height: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition:0.3s;
}

.header-menu > li:before{
    content:'';
    position:absolute;
    top:-31px;
    left:0;
    width:100%;
    height:2px;
    background: #03BBD3;
    box-shadow: 0px 9px 30px 6px rgba(3, 187, 211, 0.20);
    display:none;
}

.header-menu > li:hover:before ,
.header-menu > li.header-active:before{
    display:block;
}
.header-menu > li:hover > a ,
.header-menu > li.header-active > a{
    color: #03BBD3; 
}

@media (min-width: 768px) {

    .header-menu li a {
        height: 79px;
        display: block;
        line-height: 79px;
    }

    .header-menu li:before {
        top: 0;
    }

    .sub-menu {
        position: absolute;
        top: 100%;
        left: -30%;
        padding: 0;
        transition: opacity 0.3s ease;
        opacity: 0;
        pointer-events: none;
        background: url(../img/pattern.svg), radial-gradient(446.51px at 90.79% -80.09%, rgba(3, 187, 211, 0.74) 0%, rgba(0, 0, 0, 0) 100%), #202338;
        background-position: left;
        background-repeat: no-repeat;
        background-size: contain;
        box-shadow: 0px 64px 64px rgba(0, 0, 0, 0.05), 
                    0px 32px 32px rgba(0, 0, 0, 0.05), 
                    0px 16px 16px rgba(0, 0, 0, 0.05), 
                    0px 8px 8px rgba(0, 0, 0, 0.05), 
                    0px 4px 4px rgba(0, 0, 0, 0.05), 
                    0px 2px 2px rgba(0, 0, 0, 0.05);
    }

    .header-menu li:hover > .sub-menu {
        opacity: 1;
        pointer-events: all;
    }

    .header-menu li .sub-menu li {
        margin: 0;
        display: flex;
        align-items: center;
        background-image: url(../img/menu-dots.svg);
        background-size: 27px;
        background-repeat: no-repeat;
        background-position: -30px;
    }

    .header-menu li .sub-menu li:hover {
        background-position: 20px;
    }

    .header-menu li .sub-menu li a {
        height: auto;
        white-space: nowrap;
        display: flex;
        align-items: center;
        padding: 15px 30px;
        margin: 0;
        color: #fff;
        position: relative;
        text-transform: capitalize;
        font-size: 15px;
        line-height: 1.2;
        background-size: 12px;
        background-position: calc(100% - 20px);
        background-repeat: no-repeat;
        min-height: 65px;
        width: 100%;
        font-family: 'Montserrat', sans-serif;
    }

    .header-menu li .sub-menu li a:hover {
        transition: 0s;
        text-shadow:0px 16px 16px rgba(3, 187, 211, 0.05), 
                    0px 8px 8px rgba(3, 187, 211, 0.05), 
                    0px 4px 4px rgba(3, 187, 211, 0.05), 
                    0px 2px 2px rgba(3, 187, 211, 0.05);
        color: #03bbd3;
    }

    .header-menu li .sub-menu li a span {
        position: relative;
        z-index: 2;
    }

}

/* footer.css */
footer {
    background: #000000;
}
.footer-main{
    padding:69px 0 50px;
    display:flex;
    justify-content:space-between;
}
.footer-tittle {
    font-weight: bold;
    font-size: 14px;
    color: #ffffff;
    margin:0 0 15px;
}
.footer-links {
    width: 16.6666%;
}
.footer-links a{
    display:block;
    font-weight: 500;
    line-height: 30px;
    font-size: 14px;
    color: #AAAAAA;
    transition:0.3s;
}
.footer-links a:hover{
    color:#ffffff;
}
.footer-subscribe{
    width:33.3333%;
}
.footer-subscribe .footer-tittle {
    line-height: 22px;
    margin:0 0 17px;
}

.footer-form{
    display:flex;
}
.footer-form .footer-input {
    background: rgba(255, 255, 255, 0.1);
    color:#ffffff;
    width:60%;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    line-height: normal;
}
.footer-form .footer-button{
    height:56px;
    width:40%;
}
.footer-bootom{
    border-top:1px solid rgba(255, 255, 255, 0.1);
}
.footer-inner-bottom{
    height:74px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.footer-copyright {
    line-height: 25px;
    font-size: 14px;
    color: #AAAAAA;
}
.footer-follow-us{
    display:flex;
    align-items:center;
}
.footer-follow-us p{
    line-height: 25px;
    font-size: 14px;
    color: #AAAAAA;
    padding-right:7px;
}
.footer-follow-us a{
    margin-left:25px;
    cursor:pointer;
    transition:0.3s;
}
.footer-follow-us a:hover{
    opacity:0.7;
}

/* about.css */
#about-us{
    padding:62px 0 65px;
}
#about-us sub{
    margin:26px auto 60px auto;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    color: #333333;
    max-width:857px;
    display:block
}
.about-info{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
.about-info-block{
    width:calc(33.333% - 24px);
    margin:0 12px 50px;
}
.about-info-tittle{
    display:flex;
    align-items:center;
    margin:0 0 16px;
}
.about-info-name {
    font-weight: 600;
    line-height: normal;
    font-size: 21px;
    color: #5C5C5C;
    margin-left:16px;
}
.about-info-text {
    line-height: 24px;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: #87889B;
}


#map{
    padding:32px 0 100px;
    background-image:url(../img/about-us/dots-background.png);
    background-size:cover;
}

#map #review-slider{
    margin-bottom: -480px;
    margin-top: 90px;
}

.about-cards{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:0 0 20px;
}
.about-card-block {
    background: #FFFFFF;
    border: 1px solid #DFE5E6;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
    width: 306px;
    max-width:100%;
    height: 80px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 12px 15px;
}
.about-card-block p{
    color:#5C5C5C;
    font-weight: 600;
    font-size: 21px;
}
.about-card-block p span{
    color: #03BBD3;
    padding-right:5px;
}
#map-block{
    height:536px;
}

/* blog.css */
/* Blog > Header For Blog
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */

header.header-blog{
	background-color: #040507;
	padding-top: 10px;
	padding-bottom: 30px;
	z-index: 999;
}

header.header-blog .header-blog-top-link{
	margin-bottom: 5px;
}

header.header-blog .header-blog-top-link a{
	color: #AAA;
	font-size: 12px;
	font-weight: 500;
	padding-left: 18px;
	position: relative;
	display: inline-block;
	line-height: 10px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

header.header-blog .header-blog-top-link a:hover{
	opacity: 0.6;
}

header.header-blog .header-blog-top-link a::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(../img/icons/arrow-left.svg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 10px;
	height: 10px;
}

header.header-blog .header-blog-logo-wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
}

header.header-blog .header-blog-logo-inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

header.header-blog .header-blog-logo{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

header.header-blog .header-blog-logo:hover{
	opacity: 0.6;
}

header.header-blog .header-blog-logo-description{
	color: #AAA;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-left: 16px;
}

header.header-blog .header-blog-subscribe-box form{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

header.header-blog .header-blog-subscribe-box form input{
	background-color: #5B5B5B;
	max-width: 262px;
	height: 52px;
	color: #fff;
	font-size: 14px;
	padding-right: 24px;
	font-weight: 500;
}

header.header-blog .header-blog-subscribe-box form input::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
	opacity: 1;
}

header.header-blog .header-blog-subscribe-box form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #fff;
	opacity: 1;
}

header.header-blog .header-blog-subscribe-box form input:-ms-input-placeholder { /* IE 10+ */
	color: #fff;
	opacity: 1;
}

header.header-blog .header-blog-subscribe-box form input:-moz-placeholder { /* Firefox 18- */
	color: #fff;
	opacity: 1;
}

header.header-blog .header-blog-subscribe-box .button-blue{
	height: 52px;
	width: 209px;
}

header.header-blog .header-blog-subscribe-box .button-blue:hover{
	opacity: 0.6;
}

header.header-blog .header-blog-navigation{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #AAAAAA;
}

header.header-blog .header-blog-menu-list ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	padding: 17px 0 17px 35px;
}

header.header-blog .header-blog-menu-list .header-blog-menu-item{
	margin-right: 55px;
}

header.header-blog .header-blog-menu-list .header-blog-menu-item:last-child{
	margin-right: 0;
}

header.header-blog .header-blog-menu-list .header-blog-menu-item a{
	color: #AAA;
	font-weight: 500;
	display: inline-block;
	font-size: 14px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

header.header-blog .header-blog-menu-list .header-blog-menu-item a:hover{
	color: #03BBD3;
}

header.header-blog .header-blog-search-button{
	border-left: 1px solid #aaa;
}

header.header-blog .header-blog-search-button .button-search{
	background-image: url(../img/icons/search.svg);
	width: 52px;
	height: 50px;
	cursor: pointer;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	border: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

header.header-blog .header-blog-search-button .button-search:hover{
	opacity: 0.6;
}


/* Blog > Section Article
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */

.blog-articles{
	background-color: #F6FAFC;
	padding-top: 40px;
	padding-bottom: 40px;
}

.blog-articles h4{
	margin-bottom: 24px;
}

.blog-articles-items{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.blog-articles-items .blog-articles-item{
	width: calc(33.3333% - 16px);
	background-color: #fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	margin-right: 24px;
	margin-bottom: 24px;
	position: relative;
	padding-bottom: 75px;
}

.blog-articles-items .blog-articles-item:nth-child(3n+3){
	margin-right: 0;
}

.blog-articles-items .blog-articles-item:hover{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}

.blog-articles-items .blog-articles-item .blog-articles-item-info{
	padding: 0 24px 20px 24px;
}

.blog-articles-items .blog-articles-item h5{
	margin-top: 32px;
	font-weight: 500;
	font-size: 24px;
	color: #333;
	line-height: 29px;
	margin-bottom: 5px;
}

.blog-articles-items .blog-articles-item h5 a{
	color: inherit;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.blog-articles-items .blog-articles-item h5 a:hover{
	color: #03BBD3;
}

.blog-articles-items .blog-articles-item p{
	line-height: 27px;
	font-size: 18px;
	color: #A7A5AF;
	font-weight: 500;
}

.blog-articles-items .blog-articles-item .blog-articles-item-bottom-details{
	border-top: 1px solid #EFEFF1;
	padding: 24px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.blog-articles-items .blog-articles-item .blog-articles-item-date{
	color: #6C6B70;
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
}

.blog-articles-items .blog-articles-item .learn-more{
	color: #03BBD3;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	padding-right: 25px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.blog-articles-items .blog-articles-item .learn-more:hover{
	opacity: 0.6;
}

.blog-articles-items .blog-articles-item .learn-more::after{
	content: '';
	position: absolute;
	right: 0;
	top: 2px;
	background-image: url(../img/icons/arrow-right.svg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 16px;
	height: 16px;
}


/* Single Post > Section Single Post Top Info
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */

.single-post-top-info{
	background-image: url(../img/blog/single-post-top-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 304px;
	text-align: center;
}

.single-post-top-info h4{
	color: #fff;
	padding-top: 105px;
	padding-bottom: 70px;
}

.single-post-top-info-date{
	position: relative;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	display: inline-block;
	padding-left: 35px;
	line-height: 22px;
}

.single-post-top-info-date::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 21px;
	height: 20px;
	background-image: url(../img/icons/calendar-icon.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

/* Single Post > Section Single Post Content
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */

.single-post-content{
	background-color: #fff;
	padding: 48px 0;
	position: relative;
}

.single-post-content .social-share-items{
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	top: 230px;
	float: right;
	margin-right: 75px;
}

.single-post-content .social-share-items ul li{
	border: 1px solid #ECECEC;
	background-color: #fff;
	text-align: center;
	margin-bottom: 6px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.05);
}
.single-post-content .social-share-items ul li a{
	display: inline-block;
	width: 42px;
	height: 42px;
	line-height: 48px;
}
.single-post-content .social-share-items ul li:hover{
	background-color: #03BBD3;
	border: 1px solid #03BBD3;
}
.single-post-content .social-share-items ul li:hover a img{
	filter: brightness(10);
}
.single-post-content .social-share-items ul li img{
	line-height: 42px;
}

.single-post-content-inner{
	padding: 0 12%;
}
.single-post-content-inner .text-medium{
	font-size: 20px;
}
.single-post-content-inner p{
	margin-bottom: 32px;
}
.single-post-content-inner h4{
	text-align: left;
	margin-bottom: 16px;
	margin-top: 48px;
}
.single-post-content-inner strong{
	font-weight: 600;
}
.single-post-content-inner ul{
	list-style-type: disc;
	padding-left: 20px;
	margin-left: 20px;
	margin-bottom: 32px;
}
.single-post-content-inner ul li{
	font-size: 18px;
	letter-spacing: 0.01em;
	line-height: 30px;
	margin-bottom: 10px;
	color: #333;
}
.single-post-content-inner ul li:last-child{
	margin-bottom: 0;
}

/* Single Post > Section Single Post Recent Articles
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */

.single-post-recent-articles {
    margin-bottom: -380px;
    z-index: 1;
    position: relative;
}

.recent-articles-items{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

.recent-articles-items .recent-articles-item{
	width: calc(50% - 12px);
	color: #fff;
	text-align: left;
	padding: 65px 60px 64px 60px;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.recent-articles-items .recent-articles-item::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.95;
	background: linear-gradient(165.17deg, #60EAFC 0%, #03BBD3 84.31%), linear-gradient(0deg, #03BBD3, #03BBD3);
}

.recent-articles-items .recent-articles-item h4{
	text-align: left;
	margin-top: 30px;
	margin-bottom: 20px;
	line-height: 42px;
	position: relative;
}

.recent-articles-items .recent-articles-item h4 a{
	color: #fff;
}

.recent-articles-items .recent-articles-item p{
	color: #fff;
	position: relative;
}

.recent-articles-bottom-info{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	-ms-align-items: center;
	align-items: center;
}

/* contact-us.css */
/* Contact Us > Section Contact Us
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */

.contact-us{
    padding: 40px 0;
    background-color: #fff;
}

.contact-us-inner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.contact-us-inner .contact-us-left-info{
    width: calc(40% - 15px);
}

.contact-us-inner .contact-us-left-info h4{
    text-align: left;
    margin-bottom: 34px;
}

.contact-us-inner .contact-us-left-info .contact-us-info-item{
    margin-bottom: 25px;
}

.contact-us-inner .contact-us-left-info .contact-us-icon{
    padding-left: 40px;
    position: relative;
    color: #6C6B70;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    line-height: 26px;
}

.contact-us-inner .contact-us-left-info .contact-us-icon::before{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 22px;
    height: 22px;
}

.contact-us-inner .contact-us-left-info .phone::before{
    background-image: url(../img/icons/icon-phone.svg);
}

.contact-us-inner .contact-us-left-info .email::before{
    background-image: url(../img/icons/icon-mail.svg);
}

.contact-us-inner .contact-us-left-info .address::before{
    background-image: url(../img/icons/icon-map.svg);
}

.contact-us-inner .contact-us-left-info .address{
    max-width: 340px;
}

.contact-us-social-icons{
    margin-top: 32px;
}

.contact-us-social-icons ul li{
    display: inline-block;
    margin-right: 16px;
    border-radius: 3px;
    background-color: #F7F8FB;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.contact-us-social-icons ul li a{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
}

.contact-us-social-icons ul li:hover{
    background-color: #03BBD3;
}

.contact-us-social-icons ul li:hover img{
    filter: brightness(0);
}

.contact-us-social-icons ul li:last-child{
    margin-right: 0;
}

.contact-us-inner .contact-us-left-info h5{
    margin-top: 55px;
    text-align: left;
}

.contact-us-inner .contact-us-left-info .contact-us-send-mail-item{
    margin-top: 15px;
}

.contact-us-inner .contact-us-left-info .contact-us-send-mail-item span{
    color: #6C6B70;
    font-size: 18px;
    font-weight: 500;
    display: block;
    margin-bottom: 13px;
}

.contact-us-inner .contact-us-right-info{
    width: calc(60% - 15px);
    max-width: 636px;
}

.contact-us-form-tab-buttons{
    margin-bottom: 37px;
}

.contact-us-form-tab-buttons ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}

.contact-us-form-tab-buttons ul li{
    width: 143px;
    padding: 18px 0;
    cursor: pointer;
    position: relative;
    border: 2px solid #03BBD3;
    color: #03BBD3;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.contact-us-form-tab-buttons ul li.active{
    background-color: #03BBD3;
    color: #fff;
}

.contact-us-form-tab-buttons ul li.active::before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7.5px 0 7.5px;
    border-color: #03BBD3 transparent transparent transparent;
}

.contact-us-form-tab-buttons ul li:hover{
    background-color: #03BBD3;
    color: #fff;
}

.contact-us-tab-form-item{
    display: none;
}

.contact-us-tab-form-item.tab-form-active{
    display: block;
}

.contact-us-tab-form-item .form-group{
    margin-bottom: 24px;
}

.contact-us-tab-form-item .form-group span.form-label{
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #6C6B70;
    margin-bottom: 10px;
}

.contact-us-tab-form-item .form-group input[type="text"], input[type="email"], input[type="tel"]{
    color: #CDCDCD;
    font-size: 18px;
}

.contact-us-tab-form-item .form-group input[type="submit"]{
    padding: 0;
}

.contact-us-tab-form-item .form-group input[type="submit"]:hover{
    opacity: 0.6;
}

.contact-us-tab-form-item .form-group textarea{
    font-family: sans-serif;
    color: #CDCDCD;
    font-size: 18px;
}

.contact-us-tab-form-item .form-group .styled-select {
    background-image: url(../img/icons/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-color: #F7F8FB;
    display: block;
    overflow: hidden;
}

.contact-us-tab-form-item .form-group .styled-select .form-element {
    background: 0 0;
    border: none;
    margin: 0;
    width: 100%;
    padding-left: 24px;
    height: 56px;
    cursor: pointer;
    outline: 0;
    -o-text-overflow: '';
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #CDCDCD;
    font-size: 18px;
}

.contact-us-tab-form-item .form-group .form-buttons{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.input-file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.contact-us-tab-form-item .form-group .input-file-box{
    margin-left: 24px;
}

.contact-us-tab-form-item .form-group .input-file-box label span{
    color: #03BBD3;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    line-height: 62px;
    margin: 0;
    padding-left: 75px;
    overflow: hidden;
}

.input-file + label {
    display: none;
}

.input-file + label {
    width: 235px;
    height: 65px;
    text-overflow: ellipsis;
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
    padding-right: 20px;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

.input-file + label svg {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 30px;
}

.input-file + label {
    border: 2px solid #03BBD3;
}


/* Contact Us > Section Contact Us Bottom Info
/* ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## ## */

.contact-us-bottom-info{
    padding-top: 54px;
    padding-bottom: 48px;
    background-color: #F9FAFC;
}

.contact-us-bottom-info-items{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.contact-us-bottom-info-items .contact-us-bottom-info-item{
    width: calc(33.3333% - 15px);
    margin: 0 15px;
    text-align: center;
}

.contact-us-bottom-info-items .contact-us-bottom-info-item .icon-box{
    margin: 10px;
}
.contact-us-bottom-info-items .contact-us-bottom-info-item .icon-box img{
    height:65px;
}
.contact-us-bottom-info-items .contact-us-bottom-info-item p{
    position: relative;
    padding-bottom: 30px;
    line-height: 21px;
    font-weight: 600;
    color: #5C5C5C;
    max-width: 265px;
    margin: 0 auto;
}

.contact-us-bottom-info-items .contact-us-bottom-info-item p::after{
    content: '';
    position: absolute;
    background-image: url(../img/icons/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
}

/* page-main.css */
header.main-header {
    background: none;
    transition:0.4s;
}
header.main-header.active-header {
    background: #000000;
}
.hidden-overflow{
    overflow: hidden;
}
#main-header-banner{
    margin:-80px 0 0;
    background-image: url(../img/main/header-bg.jpg);
    background-size:cover;
    padding:0 0 50px;
}
#main-header-banner h1{
    font-weight: 500;
    line-height: normal;
    font-size: 60px;
    color: #FFFFFF;
    text-align:center;
    padding:240px 0 100px;
}
.company-direction-wrap {
    display: flex;
    justify-content: center;
    padding-right: 20px;
}
.company-direction-block{
    text-align:center;
    margin:0 10px 25px;
}
.company-direction-block p {
    margin: 36px 0 0;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.1em;
    color: #FFFFFF;
    text-transform: uppercase;
}
.company-direction-block.direction-line{
    position:relative;
    padding:0 175px 0 130px;
}
.company-direction-block.direction-line:after{
    content:"";
    width:280px;
    height: 2px;
    top: 33px;
    left: -83px;
    position:absolute;
    background-image:url(../img/icons/direction-line.svg);
    background-size:100% 100%;
}
.company-direction-block.direction-line:before{
    content:"";
    width:280px;
    height: 2px;
    top: 33px;
    right: -40px;
    position:absolute;
    background-image:url(../img/icons/direction-line.svg);
    background-size:100% 100%;
}
.company-direction-block img{
    max-height:64px;
}
.header-buttons{
    margin:107px 0 60px;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}
.header-buttons .button-blue {
    margin: 0 30px 0 0;
}
.header-buttons .button-blue-empty {
    margin: 0 0 0 30px;
}
.company-slider .swiper-slide {
    display: flex;
    align-items: center;
    height: 90px;
    justify-content: center;
    width: 20%;
}
.company-slider{
    position:relative;
}
.company-slider img {
    max-height: 85px;
    max-width: 150px;
}
.logo-image {
    position:absolute;
    opacity:1;
}
.full-color {
    position: absolute;
    opacity: 0;
}
.full-color.color{
    opacity:1;
}
#latest-developments{
    padding:40px 0 35px;
}
.developnets-slider{
    position:relative;
    margin:24px 0 22px;
}
.developnets-swiper {
    padding: 0 0 60px;
}
.developnets-img img {
    width: 100%;
    height: 222px;
    object-fit: cover;
    object-position: center;
}
.developnets-text {
    background: #fafafa;
    padding: 25px 25px 26px 24px
}
.developnets-name {
    font-size: 18px;
    color: #333333;
    font-weight: 500;
}
.developnets-technology{
    display:flex;
    margin:22px 0 0 ;
}
.developnets-technology a{
    margin-right:16px;
}
.developnets-technology a img{
    width:32px;
}
.explore-project {
    display:block;
    margin: 21px 0 0;
    font-weight: 600;
    font-size: 16px;
    color: #03BBD3;
    position:relative;
}
.explore-project:after{
    content:'';
    background-image:url(../img/icons/blue-arrow.svg);
    width:8px;
    height:16px;
    background-size:cover;
    position:absolute;
    left: 145px;
    top: -2px;
}
.developnets-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: none;
    opacity: 1;
    border: 2px solid #E3E3E3;
}
.developnets-pagination .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    opacity: 1;
    background: #ffffff;
    border: 2px solid #03BBD3;
    position:relative;
    top:1px;
}
.button-view-all{
    margin:auto;
}
.developnets-arrow{
    position:absolute;
    top:120px;
    width:20px;
    height:34px;
    cursor:pointer;
    background-image:url(../img/icons/arrow-slider-gray.svg);

}
.developnets-arrow-left{
    left:-45px;
}
.developnets-arrow-right{
    right:-45px;
    transform:rotate(180deg);
}
#developments-process {
    padding: 0 0 105px;
    position: relative;
}
.process-container{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
#developments-process::before {
    content: '';
    position: absolute;
    width: calc((100% - 1200px) / 2);
    height: 1px;
    top: 110px;
    border-top: 1px solid #DDDDE8;
    padding-bottom: 191px;
    border-bottom: 1px solid #DDDDE8;
    left: 0;
}
#developments-process::after {
    content: '';
    position: absolute;
    width: calc((100% - 1130px) / 2);
    height: 1px;
    background-color: #DDDDE8;
    top: 110px;
    right: 0;
}

#developments-process .container{
    position: relative;
}

#developments-process .container::before{
    content: '';
    position: absolute;
    left: -13px;
    top: 101px;
    width: 15px;
    height: 15px;
    background: #ffffff;
    border: 1px solid #DDDDE8;
    border-radius: 50%;
}

#developments-process .container::after{
    content: '';
    position: absolute;
    left: -13px;
    top: 295px;
    width: 15px;
    height: 15px;
    background: #ffffff;
    border: 1px solid #DDDDE8;
    border-radius: 50%;
}

.process-block{
    width:calc(20% - 10px);
    margin:35px 0 40px;
}
.procesess-top{
    position:relative;
    display:flex;
    align-items:center;
    min-height: 68px;
}

.procesess-top .icon-wrap{
    position: relative;
}

.procesess-top .icon-wrap::before{
    content: '';
    position: absolute;
    background-image: url(../img/icons/development-icon-bg.svg);
    background-repeat: no-repeat;
    width: 58px;
    height: 86px;
    left: -20px;
    top: -9px;
}

.procesess-top img{
    position:relative;
    z-index: 2;
}

.procesess-number {
    font-weight: bold;
    font-size: 48px;
    color: #fff;
    position: relative;
    z-index: 1;
    background-color: #ffffff;
    left: -10px;
    padding-right:5px;
    text-shadow: #DDDDE8 1px 0px, #DDDDE8 1px 1px, #DDDDE8 0px 1px, #DDDDE8 -1px 1px, #DDDDE8 -1px 0px, #DDDDE8 -1px -1px, #DDDDE8 0px -1px, #DDDDE8 1px -1px;
}
.procesess-top:before {
    content: '';
    position: absolute;
    right: 0px;
    top: 35px;
    width: calc(100% - 10px);
    height: 1px;
    background: #DDDDE8;
}
.procesess-top:after {
    content: '';
    position: absolute;
    right: 0;
    top: 26px;
    width: 15px;
    height: 15px;
    background: #ffffff;
    border: 1px solid #DDDDE8;
    border-radius:50%;
}
.processes-name {
    margin:12px 0 0;
    font-weight: 600;
    font-size: 18px;
    color: #5C5C5C;
    line-height: 22px;
}

.process-block:nth-child(5) .procesess-top:after,
.process-block:nth-child(10) .procesess-top:before,
.process-block:nth-child(10) .procesess-top:after {
    display: none;
}
.free-quote{
    margin:auto;
}
.swipe-left-right{
    display:none;
    align-items:center;
    justify-content:center;
}
.swipe-left-right span{
    margin-left:11px;
    font-weight: 500;
    line-height: 25px;
    font-size: 14px;
    color: #03BBD3;
}

/* page-testimonials.css */


/*
    PAGE TESTIMONIALS
*/

#testimonial-slider{
   padding:40px 0 44px;
}
.testimonial-slider {
    position: relative;
    height:375px;
    width: 100%;
    margin-top: 32px;
    padding:0 50px 0 30px;
}
.testimonial-slider.swiper-container-vertical > .swiper-pagination-bullets {
    left: 2px;
    top: 50%;
}
.testimonial-slider .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    border: 2px solid #E3E3E3;
    background: none;
    opacity: 1;
}
.testimonial-slider .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    border: 2px solid #03BBD3;
    position:relative;
    left:-2px;
}


.testimonial-slide {
    display: flex;
    align-items: center;
}
.testimonial-right {
    width: 24px;
    height: 40px;
    position: absolute;
    z-index: 99;
    right: 0;
    top: calc(50% - 17px);
    background-color:#ffffff;
    background-image: url(../img/icons/arrow-slider-right.svg);
    background-size: 20px 34px;
    background-repeat:no-repeat;
    background-position:center;
    cursor: pointer;
}

.testimonial-slide-content {
    width: 64%;
    color: #fff;
    background-color: #03BBD3;
    padding: 70px 48px 60px;
}

.testimonial-slide-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.testimonial-header-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.testimonial-header-line .icon {
    margin-right: 12px;
    margin-bottom: 3px;
}

.testimonial-header-line span {
    font-weight: 500;
}

.testimonial-header-line span a {
    color: inherit;
}

.testimonial-header-line span a:hover {
    opacity: 0.8;
}

.testimonial-slide-text {
    width: 100%;
    height: 165px;
    overflow: auto;
    margin-top: 47px;
}

.testimonial-slide-text p {
    font-size: 19px;
    line-height: 32px;
    font-weight:500;
    color:#ffffff;
}

.testimonial-slide-image {
    width: 36%;
    /* height: 324px; */
    position: relative;
    background-size: cover;
    background-position:  center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.testimonial-slide-image img {
    display: block;
    width: 100%;
    height: auto;
}

.icon {
    display: block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon-location-white {
    background-image: url(../img/icons/location-white.svg);
}

.icon-link-white {
    background-image: url(../img/icons/link-white.svg);
}

.icon-calendar-white {
    background-image: url(../img/icons/calendar-white.svg);
}

.icon-location-grey {
    background-image: url(../img/icons/location-grey.svg);
}

.icon-calendar-grey {
    background-image: url(../img/icons/calendar-grey.svg);
}


/*featured-testimonials*/
.testimonials-btn {
    position: relative;
}
.testimonials-btn:after {
    content: '';
    width: calc(100% - 92px);
    height: 3px;
    position:absolute;
    top: 29px;
    left: 0;
    background-color:#E3E3EC;
}
.testimonials-btn .button-blue-empty {
    margin: auto;
    background-color:#ffffff;
    position:relative;
    z-index:1;
}
.testimonials-btn .button-blue-empty:hover{
    background-color:#03BBD3;
}
.testimonials-btn .testimonials-number {
    right: 0;
    bottom: 7px;
}
.testimonials-container {
    margin: 47px 0 15px;
}
.testimonials-block {
    margin: 0 0 40px;
    position: relative;
    height: 282px;
    display: flex;
    flex-wrap: wrap;
    background: #FFFFFF;
    border: 3px solid #03BBD3;
}
.testimonials-photo{
    width:35%;
    height:100%;
}
.testimonials-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.testimonials-text {
    width: 65%;
    padding:45px 40px;
}
.testimonials-info{
    display:flex;
    justify-content:space-between;
}
.testimonials-info-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin:0 0 31px;
}

.icon-calendar-date {
    background-image: url(../img/icons/gray-calendar.svg);
}

.icon-location {
    background-image: url(../img/icons/gray-location.svg);
}
.testimonials-info-block span {
    margin-left: 11px;
    font-weight: 500;
    font-size: 18px;
    color: #6C6B70;
}
.testimonials-text p {
    font-weight: 500;
    line-height: 33px;
    font-size: 20px;
    color: #333333;
}
.testimonials-name {
    font-weight: 500;
    line-height: 33px;
    font-size: 20px;
    color: #6C6B70
}
.testimonials-number {
    font-weight: bold;
    font-size: 60px;
    color: #fff;
    position: absolute;
    right: 35px;
    bottom: 30px;
    text-shadow: #DDDDE8 1px 0px, #DDDDE8 1px 1px, #DDDDE8 0px 1px, #DDDDE8 -1px 1px, #DDDDE8 -1px 0px, #DDDDE8 -1px -1px, #DDDDE8 0px -1px, #DDDDE8 1px -1px;
}
.testimonials-block:nth-child(3n - 2):after {
    content: '';
    position: absolute;
    width: 38px;
    height: 322px;
    border: 3px solid #E3E3EC;
    border-left: none;
    right: -44px;
    top: 135px;
}
.testimonials-block:nth-child(3n - 2):before {
    content: '';
    position: absolute;
    width: 38px;
    height: 322px;
    border: 3px solid #E3E3EC;
    border-right: none;
    left: -44px;
    top: -135px;
}
.testimonials-block:first-child:before {
    height: 225px;
    top: -86px;
}
@media (min-width:1320px){
    #testimonial-slider .container{
        width:1290px;
    }
}

/* services.css */

.services-container {
    padding: 90px 0;
    min-height: calc(100vh - 410px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.services-block{
    width:calc(25% - 18px);
}
.services-image{
    height:80px;
    margin:0 0 20px;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
}

.service-name {
    min-height: 40px;
    font-weight: 600;
    font-size: 21px;
    text-align: center;
    color: #5C5C5C;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 0 20px;
}
.service-text {
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #87889B;
    margin:0 0 5px;
    min-height:100px;
}
.button-service.button-blue-empty {
    width: 165px;
    height: 48px;
    margin:auto;
}

/* terms-of-use.css */
#terms-of-use{
    padding:40px 0 10px;
}
.terms-container{
    max-width:856px;
    margin:auto;
}
#terms-of-use h4:not(:first-child) {
    margin: 0 0 24px;
}
#terms-of-use sub{
    font-size: 18px;
    text-align: center;
    color: #969696;
    display:block;
    margin:10px 0 24px;
}
.terms-text {
    font-weight: 500;
    line-height: 30px;
    font-size: 18px;
    color: #565656;
    margin:0 0 24px;
}
.terms-text.strong{
    font-weight: 600;
    margin: 0 0 48px;
}
.terms-description {
    padding-left: 70px;
    font-weight: 600;
    line-height: 30px;
    font-size: 18px;
    color: #565656;
    margin:0 0 24px;
}
#slider .button-blue-empty {
    color: #ffffff;
}

/* work.css */
.slick-arrow.slick-prev::before,
.slick-arrow.slick-next::before
{
  content: "";
}
.featured-works .slick-arrow.slick-prev{
  width: 20px;
  height: 34px;
  background: url("../img/ios-arrow-back.svg");
}

.featured-works .slick-arrow.slick-next{
  width: 20px;
  height: 34px;
  background: url("../img/ios-arrow-forward.svg");
}

.featured-works .slick-next{
  right:-30px;
}

.featured-works .slick-prev{
  left:-30px;
}


.work-single-content .slick-arrow.slick-prev{
  width: 14px;
  height: 30px;
  background: url("../img/slider_arrow_back.svg");
  background-repeat: no-repeat;
  filter: grayscale(1) brightness(2);
}

.work-single-content .slick-arrow.slick-next{
  width: 14px;
  height: 30px;
  background: url("../img/slider_arrow_forward.svg") ;
  background-repeat: no-repeat;
  filter: grayscale(1) brightness(2);
}

.work-single-content .slick-arrow.slick-prev:hover{

  filter: grayscale(0) brightness(1);
}

.work-single-content .slick-arrow.slick-next:hover{

  filter: grayscale(0) brightness(1);
}


.work-single-content.mobile .slick-arrow.slick-next,
.work-single-content.mobile .slick-arrow.slick-prev
{
  filter: grayscale(0) brightness(1);
}

.work-single-content.mobile .slick-next{
  right:-55px;
}

.work-single-content.mobile .slick-prev{
  left:-55px;
}


.slick-arrow.slick-prev::before,
.slick-arrow.slick-next::before
{
  content: "";
}
.featured-works .slick-arrow.slick-prev{
  width: 20px;
  height: 34px;
  background: url("../img/ios-arrow-back.svg");
}

.featured-works .slick-arrow.slick-next{
  width: 20px;
  height: 34px;
  background: url("../img/ios-arrow-forward.svg");
}

.featured-works .slick-next{
  right:-30px;
}

.featured-works .slick-prev{
  left:-30px;
}


.work-single-content .slick-arrow.slick-prev{
  width: 14px;
  height: 30px;
  background: url("../img/slider_arrow_back.svg");
  background-repeat: no-repeat;
  filter: grayscale(1) brightness(2);
}

.work-single-content .slick-arrow.slick-next{
  width: 14px;
  height: 30px;
  background: url("../img/slider_arrow_forward.svg") ;
  background-repeat: no-repeat;
  filter: grayscale(1) brightness(2);
}

.work-single-content .slick-arrow.slick-prev:hover{

  filter: grayscale(0) brightness(1);
}

.work-single-content .slick-arrow.slick-next:hover{

  filter: grayscale(0) brightness(1);
}


.work-single-content.mobile .slick-arrow.slick-next,
.work-single-content.mobile .slick-arrow.slick-prev
{
  filter: grayscale(0) brightness(1);
}

.work-single-content.mobile .slick-next{
  right:-55px;
}

.work-single-content.mobile .slick-prev{
  left:-55px;
}

.work-item {
    opacity: 0;
    transform: rotateY(45deg);
    animation: work-appear 1 0.3s 1s ease forwards;
    transition: all 1s ease;
}

@keyframes work-appear {
    to {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

.tablet .slide-show-overlay {
    margin-top: 5px!important;
}



/* media.css */
@media (max-width:1280px){
    .developnets-arrow {
        z-index: 999;
    }
    .slider-wrap::after {
        display: none;
    }
    .developnets-arrow-left {
        left: 10px;
    }
    .developnets-arrow-right {
        right: 10px;
    }
    #review-slider .swiper-button {
        background-color: #44DCF0;
    }

    .swiper-button-left {
        left: -12px;
    }

    .swiper-button-right {
        right: -12px;
    }
}
@media (max-width: 1199px) {
  .container {
    width: 970px;
  }
    .company-direction-wrap {
        padding-right: 0px;
    }


    .company-slider .swiper-slide {
        justify-content: center;
    }
    .company-direction-block.direction-line {
        padding: 0 135px 0 60px;
    }
    .footer-form .footer-input {
        width: 100%;
    }
    .footer-form .footer-button {
        width: 100%;
    }
    .footer-form .footer-button.button-blue {
        margin: 20px 0 0;
    }
    .footer-form {
        flex-wrap: wrap;
    }
    .header-menu li {
        margin-left: 40px;
    }
    header.header-blog .header-blog-menu-list .header-blog-menu-item {
        margin-right: 32px;
    }
    header.header-blog .header-blog-menu-list ul {
        padding: 17px 0 17px 15px;
    }
    .blog-articles-items .blog-articles-item .blog-articles-item-date {
        font-size: 17px;
    }
    .blog-articles-items .blog-articles-item .learn-more {
        font-size: 16px;
    }
    .contact-us-form-tab-buttons ul li {
        width: 125px;
        padding: 15px 0;
    }
    .testimonial-slide-content {
        padding: 30px 15px 30px;
    }
    .testimonial-slide-header {
        align-items: flex-start;
        flex-direction: column;
    }
    .testimonial-header-line {
        margin-bottom: 8px;
    }
    .testimonial-slide-text {
        margin-top: 5px;
    }
    .service-text {
        min-height: 135px;
    }
    .service-name {
        font-size: 20px;
        margin: 0 0 10px;
    }
    .company-direction-block.direction-line:before {
        right: -80px;
    }
    .company-direction-block.direction-line:after {
        left: -155px;
    }
    #developments-process {
        padding: 0 0 90px;
    }
    #developments-process::before{
        width: calc((100% - 992px) / 2);
    }
    #developments-process::after{
        width: calc((100% - 935px) / 2);
    }
}
@media (max-width: 991px) {
  .container {
    width: 750px;
  }
    .header-menu li a {
        font-size: 12px;
    }
    .header-menu li {
        margin-left: 15px;
    }
    .company-direction-block.direction-line {
        padding: 0;
    }
    .processes-name {
        font-size: 16px;
    }
    .slider-info-left {
        padding: 10px 20px;
        line-height: 25px;
        font-size: 18px;
    }
    .slider-info-right {
        padding: 12px 14px;
    }
    header.header-blog .header-blog-menu-list .header-blog-menu-item {
        margin-right: 15px;
    }
    header.header-blog .header-blog-menu-list .header-blog-menu-item a {
        font-size: 13px;
    }
    header.header-blog .header-blog-subscribe-box .button-blue {
        width: 160px;
    }
    .blog-articles-items .blog-articles-item {
        width: calc(50% - 14px);
        margin:0 7px 25px;
    }
    .contact-us-form-tab-buttons ul li {
        width: 100px;
        padding: 10px 0;
        font-size: 12px;
    }
    .recent-articles-items .recent-articles-item {
        width: 100%;
    }
    .recent-articles-items .recent-articles-item:last-child {
       display:none;
    }
    .testimonials-text {
        padding: 25px 15px;
    }
    .services-block {
        width: calc(50% - 25px);
        margin-bottom:40px;
    }
    .services-container {
        flex-wrap:wrap;
    }
    .service-text {
        min-height: 100px;
    }
    .company-direction-block {
        width: 33.333%;
    }
   .company-direction-block.direction-line:before {
       right: -147px;
   }


   .process-container {
        width: 1800px;
    }

    .process-block {
        width: 165px;
        margin: 40px 15px 0 0;
    }

    .process-wrap {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    #developments-process {
        padding: 0 0 50px;
    }

    .company-slider {
        overflow-x: scroll;
    }
    .company-slider .swiper-wrapper{
        width: 1000px;
    }

    #developments-process .container::before, #developments-process .container::after {
        display: none;
    }

    .swipe-left-right {
        display: flex;
    }

    .free-quote {
        margin-top: 30px;
    }


}
@media (max-width: 767px) {
    .container {
        width: 100%;
    }
    .company-direction-block {
        width:100%;
        margin: 0;
    }
    .header-inner {
        height: auto;
        flex-wrap: wrap;
        padding: 13px 0 0;
        background-color: #090A0D;
    }

    .header-menu li{
        margin-left: 0;
    }

        .header-menu > li:first-child{
        padding-top: 50px;
    }

    .header-menu > li:last-child{
        padding-bottom: 50px;
    }

    .header-menu > li:not(:last-child){
        margin-bottom: 20px;
    }

    header .container{
        padding-left: 0;
        padding-right: 0;
    }

    .header-menu li.header-active a{
        position: relative;
        padding-bottom: 10px;
    }

    .header-menu li:hover::before, .header-menu li.header-active::before {
        display: none;
    }

    .header-menu li.header-active > a::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 2px;
        width: 100%;
        background: #03BBD3;
        box-shadow: 0px 9px 30px 6px rgba(3, 187, 211, 0.20);
    } 
 

    .header-menu {
        margin: 13px 0 0;
        display: block;
        text-align: center;
        width: 100%;
        height: 0;
        overflow: auto;
        transition: 0.3s;
        background-color: #000;
    }

    .header-menu > li > a {
        line-height: 24px;
        font-size: 18px;
    }

    .sub-menu {
        background-color: #15171A;
        padding: 10px 0;
        margin-top: 15px;
    }

    .header-menu .sub-menu li a {
        font-size: 16px;
        margin: 10px 0;
        display: block;
        font-weight: 300;
    }

    .menu-mob {
        display: block;
        right: 15px;
    }
    .header-logo{
        padding-left: 15px;
    }

    .company-direction-wrap {
        flex-direction: column;
    }

    .company-direction-block.direction-line {
        padding: 60px 0;
    }

    #main-header-banner h1 {
        font-size: 41px;
    }

    .company-direction-block.direction-line:before {
        height: 2px;
        right: calc(50% - 140px);
        background-image: url(../img/icons/direction-line.svg);
        background-size: initial;
    }

    .company-direction-block.direction-line:after {
        height: 2px;
        left: calc(50% - 140px);
        background-image: url(../img/icons/direction-line.svg);
        background-size: initial;
        top: auto;
        bottom: 25px;
    }

    .header-buttons {
        margin: 45px 0 60px;
    }



    .developnets-arrow {
        display: none;
    }

    .developnets-pagination {
        display: none;
    }

    .company-slider {
        margin-bottom: 35px;
    }



    .developnets-swiper {
        padding: 0 0 25px;
    }



    #review-slider .swiper-container-horizontal > .swiper-pagination-bullets {
        display: none;
    }

    .slider-bottom {
        display: none;
    }

    #review-slider .swiper-button {
        display: none;
    }

    .slider-main-info {
        display: none;
    }

    .slider-info {
        flex-wrap: wrap;
    }

    .slider-info-left {
        width: 100%;
    }

    .slider-info-right {
        width: 100%;
        align-items: center;
    }

    .slider-info-left {
        padding: 32px;
        line-height: 30px;
        font-size: 18px;
        min-height: 100px;
    }

    .slider-info-right {
        padding: 50px 10px;
        order: -1;
    }



    .footer-main {
        flex-wrap: wrap;
    }

    .footer-links {
        width: 50%;
        margin: 0 0 16px;
    }

    .footer-subscribe {
        width: 100%;
    }

    .footer-links a {
        line-height: 24px;
    }

    .footer-inner-bottom {
        height: auto;
        justify-content: center;
        flex-direction: column;
    }

    .footer-follow-us {
        flex-wrap: wrap;
        justify-content: center;
        order: -1;
        padding: 17px 0 24px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .footer-copyright {
        padding: 24px 0;
    }

    .footer-follow-us p {
        width: 100%;
        text-align: center;
        padding: 0 0 10px;
    }

    .footer-follow-us a {
        margin: 0 10px;
    }

    .slider-person-info h6 {
        font-size: 36px;
    }

    h3 {
        font-size: 28px;
    }

    #main-header-banner h1 {
        font-size: 41px;
        padding: 100px 0 40px;
    }

    .about-info-block {
        width: 100%;
        margin: 0 0 25px;
    }

    #about-us sub {
        text-align: left;
    }

    #about-us {
        padding: 50px 0 0px;
    }

        #about-us sub {
            margin: 26px auto 30px auto;
        }

    #map-block {
        height: 450px;
    }

    header.header-blog .header-blog-top-link {
        display: none;
    }

    .blog-articles-items .blog-articles-item {
        width: 100%;
        margin: 0 0 25px;
    }

    header.header-blog .header-blog-navigation {
        overflow-x: scroll;
        overflow-y: hidden;
    }

    header.header-blog .header-blog-menu-list ul {
        width: 1000px;
    }

    header.header-blog .header-blog-menu-list .header-blog-menu-item {
        margin-right: 37px;
    }

        header.header-blog .header-blog-menu-list .header-blog-menu-item a {
            font-size: 18px;
        }

    .header-blog-subscribe-box {
        display: none;
    }

    .contact-us-inner {
        flex-wrap: wrap;
    }

        .contact-us-inner .contact-us-left-info {
            width: 100%;
        }

        .contact-us-inner .contact-us-right-info {
            width: 100%;
            margin: 66px 0 0;
            max-width: 100%;
        }

    .contact-us-form-tab-buttons ul li {
        width: 100%;
        padding: 15px 0;
        margin: 0 0 17px;
        font-size: 14px;
    }

        .contact-us-form-tab-buttons ul li.active::before {
            display: none;
        }

    .contact-us-bottom-info-items .contact-us-bottom-info-item {
        width: 100%;
        margin: 0 0 30px;
    }

    .contact-us-bottom-info-items {
        flex-wrap: wrap;
    }

    .contact-us-tab-forms .button-blue {
        width: 100%;
    }

    .single-post-content .social-share-items {
        position: relative;
        top: 0;
        float: none;
        margin-right: 0;
    }

        .single-post-content .social-share-items ul {
            display: flex;
            justify-content: center;
            margin: 0 0 24px;
        }

    .single-post-content {
        padding: 21px 0 48px;
    }

        .single-post-content .social-share-items ul li {
            margin: 0 8px;
        }

    .single-post-content-inner {
        padding: 0;
    }

    .recent-articles-items .recent-articles-item {
        padding: 26px 24px 24px;
    }

        .recent-articles-items .recent-articles-item h4 {
            text-align: left;
            margin-top: 20px;
            margin-bottom: 12px;
            font-size: 24px;
            line-height: 34px;
        }

    p {
        font-size: 18px;
        line-height: 27px;
    }

    .single-post-top-info {
        padding: 40px 0 70px;
    }

        .single-post-top-info h4 {
            padding-top: 105px;
            font-size: 32px;
            line-height: 45px;
        }

    .terms-description {
        padding-left: 0;
    }

    .testimonials-btn:after,
    .testimonials-block:nth-child(3n - 2):before,
    .testimonials-block:first-child:before,
    .testimonials-block:nth-child(3n - 2):after {
        display: none;
    }
    .pagination-testimonial,
    .testimonial-right {
        display: none;
    }
    .testimonial-slider {
        height: auto;
        padding: 0;
    }
    .testimonial-slide {
        flex-wrap:wrap;
    }
    .testimonial-slide-content {
        width: 100%;
    }
    .testimonial-slide {
        flex-direction: column-reverse;
        align-items: center;
    }
    .testimonial-slide-image {
        width: calc(100% - 80px);
    }
    .testimonial-slide-text {
        height: auto;
    }
    .testimonials-number {
        display: none;
    }
    .testimonials-btn .button-blue-empty {
        width: 100%;
    }
    .testimonials-photo {
        width: 100%;
        height: auto;
    }
    .testimonials-text {
        width: 100%;
    }
    .testimonials-block {
        margin: 0 0 19px;
        height: auto;
    }
    .testimonials-info {
        flex-direction: column;
        margin: 0 0 15px;
    }
    .testimonials-info-block {
        margin: 0 0 12px;
    }
    .services-block {
        width: 100%;
    }
    .header-buttons .button-blue{
        margin:0 0 20px;
    }
    .header-buttons .button-blue-empty {
        margin: 0;
    }
    header.main-header {
        background: #090A0D;
    }
    .terms-container h4 {
        font-size: 32px;
    }
    .categories .dropdown a, 
    .category-item .dropdown.show a {
        min-width: 19px;
    }
    .square-i a {
        padding: 5px;
    }
}

@media (min-width:1440px){
    #main-header-banner{
        height: 100vh;
    }
}

@media (max-width: 767px) and (orientation: landscape) {
  .header-menu li:first-child{
    padding-top: 25px;
  }
  .header-menu li:last-child{
    padding-bottom: 25px;
  }
  .header-menu li:not(:last-child) {
    margin-bottom: 12px;
  }
  .header-menu li a {
    font-size: 18px;
  }
}

.slick-slide {
  height:auto;
}

.work-item-title {
    overflow: hidden;
    text-overflow: ellipsis;
}

.work-item-tech {
    margin-top: 10px;
}

body .work-item-link {
    margin-top: 11px;
}

.categories .col-12:nth-child(2) .dropdown a {
    margin-right: 0!important;
}