@font-face {
  font-family: 'SVN';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/SVN-Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'SVN';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/SVN-Poppins-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'SVN';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/SVN-Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'SVN';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/SVN-Poppins-Bold.ttf") format("truetype");
}



*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  font-family: 'SVN';
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  color: #818181;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container {
  max-width: 1140px;
}

dl, ol, ul { padding-left: 16px; }

a {
  outline: none;
  color: #818181;
  text-decoration: none;
}

a span {
  border: 1px solid transparent;
}
a:hover, a:focus {
  color: #0192a8;
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn.focus, .btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

p {
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  font-weight: 600;
  font-family: 'SVN';
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

button {
  cursor: pointer;
  background-color: transparent;
  outline: none;
  border: none;
}
button:focus {
  outline: none;
}

img {
  max-width: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

input {
  outline: none;
  border-radius: 0;
}

@-webkit-keyframes rotate_hexagon_1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate_hexagon_1 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate_hexagon_2 {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
  }
}
@keyframes rotate_hexagon_2 {
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(540deg);
            transform: rotate(540deg);
  }
}

.title {
  font-weight: 500;
  font-size: 32px;
  color: #333333;
  margin-bottom: 24px;
}



.p-tb-75 { padding: 75px 0; }
.p-tb-50 { padding: 50px 0; }
.mb-50 { margin-bottom: 50px; }
.mb-25 { margin-bottom: 25px; }

.breadcrumbs a {
  color: #333;
}

.breadcrumbs a:hover {
  color: #27a6b6;
}

.breadcrumbs {
  background-color: #f1f1f1;
  padding: 10px 0;
  font-size: 14px;
}

.breadcrumbs p {
  margin-bottom: 0;
}

.breadcrumbs span {
  color: #27a6b6;
}

.btn {
  background-color: #27a6b6;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
  transition: all ease .4s;
  border-radius: 5px;
  font-size: 18px;
}

.btn:hover {
  color: #27a6b6;
  background-color: #fff;
  border: 1px solid #27a6b6;
}


.entry-content img{margin:0 0 1.5em;}
.alignleft,img.alignleft{margin-right:1.5em;display:inline;float:left}
.alignright,img.alignright{margin-left:1.5em;display:inline;float:right}
.aligncenter,img.aligncenter{margin-right:auto;margin-left:auto;display:block;clear:both}
.wp-caption{margin-bottom:1.5em;text-align:center;padding-top:5px;max-width: 100%; width: 100%!important;}
.wp-caption img{border:0 none;padding:0;margin:0;height: auto;}
.wp-caption p.wp-caption-text{line-height:1.5;font-size:13px; margin: 5px;}
.wp-block-image .aligncenter>figcaption { text-align: center; }
.wp-block-image .alignright>figcaption { text-align: right; }
.wp-block-image .size-full, .wp-block-image .size-full img { width: 100%; height: auto;}
.wp-block-image figcaption { margin-bottom: 0; font-size: 14px; font-weight: 200; }
.wp-smiley{margin:0!important;max-height:1em}
blockquote.left{margin-right:20px;text-align:right;margin-left:0;width:33%;float:left}
blockquote.right{margin-left:20px;text-align:left;margin-right:0;width:33%;float:right}
.centered{float:none;margin-left:auto;margin-right:auto}
.content-single-project img, .page-single-project img { max-width:100%;height: auto;}
input{outline:none}
button{outline:none}
h3 { font-size: 22px; margin-bottom: 20px;}
h4 { font-size: 18px; margin-bottom: 20px; }
.aligncenter.size-full, img.aligncenter.size-full { object-fit: contain; }
.content-single-page img { max-width:100%;height: auto; }


.header .navbar-nav {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.header .navbar-nav>.nav-item {padding-right: 32px; -webkit-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; padding-top: 31px; padding-bottom: 31px; }
.header .navbar-nav>.nav-item:last-of-type { padding-right: unset; }
.header .navbar-nav .nav-item .nav-link { position: relative; padding: 0; color: #fff; text-transform: uppercase; line-height: 16.8px; padding-top: 10px; font-weight: 600; opacity: 0.7; transition: all ease 0.4s; }
.header .navbar-nav .nav-item .nav-link:before { position: absolute; bottom: -31px; left: 0; right: 100%; background: #fff; content:''; height: 4px; transition: all ease 0.4s;}
.header .navbar-nav .nav-item .nav-link:hover:before, .navbar-nav .nav-item.active .nav-link:before { right: 0; }
.header .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item.active .nav-link { opacity: 1; }
.header.active .navbar-nav .nav-item {padding: 10px; }
.navbar-toggler {display: none;}
.navbar-toggler:focus { box-shadow: none; }
.mobile-menu {display: none; }

.header { position: sticky; top: 0; width: 100%; z-index: 990; background-color: #27a6b6; height: 88px; }
.header .logo-main img { width: 200px; height: 56px; object-fit: contain; object-position: top left;}
.header .nav-comp-column {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header .main-menu .navbar-nav .nav-item>.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 34px 0; font-size: 16px; font-weight: 600; color: #818181; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: none; border-radius: 8px; border-top: 6px solid #27a6b6; margin: 0; }
.header .main-menu .navbar-nav .dropdown-menu.show { display: block; }
.header .main-menu .navbar-nav .nav-item>.dropdown-menu .sub-menu { padding-bottom: 20px; padding-left: 8px; padding-right: 8px; }
.header .main-menu .navbar-nav .dropdown-menu .sub-menu:last-child { padding-bottom: 0px; }
.header .main-menu .navbar-nav .dropdown-menu .dropdown-menu { position: relative; min-width: 210px; font-size: 14px; border: none; padding-bottom: 0; }
.header .main-menu .navbar-nav .dropdown-menu .dropdown-menu .sub-menu:last-child { padding-bottom: unset; }
.header .main-menu .navbar-nav .dropdown-menu .dropdown-menu .sub-menu { border-top: 1px solid rgba(0,0,0,.15); padding-top: 10px; padding-bottom: 10px; font-weight: 500; }



.main-background {position: relative; padding-top: 340px; padding-bottom: 470px; }
.component-inner {position: relative; }
.main-background .search-form {  max-width: calc(100% - 155px); margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 620px; }
.main-background .title { font-size: 64px; margin-bottom: 60px; font-weight: 600; color: #fff; }
.main-background .search-form .btn {max-width: 140px; min-width: inherit; border: 0; border-radius: 5px; }
.main-background .search-form .btn:hover { color: #A4F5FF; background-color: #27a6b6; }
.main-background .search-form .form-group {-webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; margin-bottom: 0; padding-right: 25px; }
.main-background .search-form .form-group input {width: 100%; padding: 10px 35px; border-radius: 5px; border: none; background-color: #fff; padding: 10px 10px 10px 72px; }
.main-background .search-form .form-group input::placeholder { color: #D7D7D7; font-size: 14px; }
.main-background .search-form .form-group i { position: absolute; left: 19px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #BCBCBC; }
.main-background .main-background-img {position: absolute; top: 0; right: 0; width: 100%; height: 100%; z-index: -1; }
.main-background .main-background-img img {width: 100%; height: 100%; }

.line-animate { position: relative; }
.line-animate:before, .line-animate:after {content: ''; display: block; height: 0; position: absolute; transition: .6s ease; width: 0; z-index: 7; }
.line-animate:before{border-left: 1px solid transparent; border-top: 1px solid transparent; bottom: 90%; left: 8px; right: 90%; top: 8px; }
.line-animate:after { border-bottom: 1px solid transparent; border-right: 1px solid transparent; bottom: 8px; left: 90%; right: 8px; top: 90%; }
.line-animate:hover:before, .line-animate:hover:after { border-color: rgba(255, 255, 255, 0.9); height: auto; width: auto; }
.line-animate:hover:before { bottom: 8px; right: 8px; }
.line-animate:hover:after { left: 8px; top: 8px; }

/*Single-Project*/
@-webkit-keyframes Ringing-call {
  10%, 30%, 50%, 70%, 90% {
    webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100%, 20%, 40%, 60%, 80% {
    webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@keyframes Ringing-call {
  10%, 30%, 50%, 70%, 90% {
    webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100%, 20%, 40%, 60%, 80% {
    webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

.form-register__inner-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } 
.form-register__inner-wrap .form-group .input {width: 100%; height: 40px; border: 1px solid #ddd; outline: 0; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form-register__inner-submit {width: 50%; padding-left: 10px; margin-left: auto; }
.form-register__inner-submit .wrap-button { position: relative; }
.form-register__inner-submit .wrap-button .ajax-loader { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
.form-register__inner-submit .button-link { width: 100%; color: #fff;}

.introduce-home { padding-top: 75px; padding-bottom: 120px; }
.introduce-home__list { display: flex; flex-wrap: wrap; margin: -15px -30px; padding-top: 60px; list-style: none; padding-left: unset; }
.introduce-home__list-item { width: 20%; padding: 15px 30px; text-align: center; }
.introduce-home__list-item .icon { height: 120px; }
.introduce-home__list-item .number { font-size: 48px; color: #27A6B6; margin-bottom: 20px; margin-top: 38px; font-weight: 500; display: flex; justify-content: center; line-height: 1; }
.introduce-home__list-item .number span { display: inline-block; padding: 0; margin: 0; }

.limit-line { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.category-project { padding-bottom: 80px; }
.category-project__list { display: flex; flex-wrap: wrap; margin: -18px; padding-left: unset; list-style: none; }
.category-project__list-item { width: 33.33%; padding: 18px; }
.category-project__list-item .title { font-size: 18px; margin-top: 30px; margin-bottom: 14px; }
.category-project__list-item .wrap-img { position: relative; height: 0; padding-top: 107%; overflow: hidden; }
.category-project__list-item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transition: all ease 0.4s; }
.category-project__list-item a { display: block; height: 100%; }
.category-project__list-item a:hover .wrap-img img { transform: scale(1.03); }
.category-project__list-item a .inner { display: flex; flex-direction: column; height: 100%; }
.category-project__list-item a .wrap-info { justify-content: space-between; display: flex; flex: 1; flex-direction: column; }
.category-project__list-item a .wrap-info .expert { margin-bottom: 10px; }
.category-project__list-item a .wrap-info .see-more { text-align: right; color: #000000; }
.category-project__list-item a:hover .wrap-info .expert { color: #818181; }
.category-project__list-item a .see-more svg { transition: all ease 0.4s; }
.category-project__list-item a:hover .see-more svg { transform: translateX(5px); }
.category-project__list-item a:hover .see-more svg path { fill: #27A6B6; }
.category-project__list-item a:hover .wrap-info .see-more { color: #27A6B6; }

.box-list .category-project__list { display: none; transform: translateY(150px); transition: all ease .4s;}
.box-list .category-project__list.active { display: flex; transform: translateY(0);}
.category-project .heading { display: flex; justify-content: space-between; }
.box-tab .list-tab { list-style: none; padding-left: unset; display: flex;}
.box-tab .list-tab__item { padding-left: 10px; }
.box-tab .list-tab__item a{ border: 2px solid #27A6B6; padding: 10px 10px; border-radius: 5px; line-height: 1; min-width: 100px; text-align: center; font-weight: bold; display: inline-block;}
.box-tab .list-tab__item a.active { background: #27A6B6; color: #fff;}

.project { background: #F7F7F7; padding-top: 75px; padding-bottom: 50px; }
.project__list { display: flex; flex-wrap: wrap; margin: -18px; list-style: none; padding-left: unset; }
.project__list-item { width: 50%; padding: 18px; }
.project__list-item a, .project__list-item .inner { height: 100%; display: block }
.project__list-item .wrap-img { position: relative; height: 0; padding-top: 44%; overflow: hidden; }
.project__list-item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: top center; transition: all ease 0.4s; }
.project__list-item .wrap-info .title { font-size: 18px; color: #000000; margin-bottom: 12px; -webkit-line-clamp: 2; } 
.project__list-item .wrap-info { background-color: #fff; padding: 25px 33px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.project__list-item .wrap-info .expert  { -webkit-line-clamp: 2; margin-bottom: 10px; }
.project__list-item .wrap-info .see-more { font-weight: 500; text-align: right; color: #000000;}
.project__list-item a .see-more svg { transition: all ease 0.4s; }
.project__list-item a:hover .see-more svg { transform: translateX(5px); }
.project__list-item a:hover .see-more svg path { fill: #27A6B6; }
.project__list-item a:hover .wrap-img img{ transform: scale(1.05); }
.project__list-item a:hover .wrap-info .expert { color: #818181; }
.project__list-item a:hover .wrap-info .see-more { color: #27A6B6; }
.project__list-item .inner { display: flex; flex-direction: column; }

.viewmore-link { text-align: center; margin-top: 40px; }
.viewmore-link .btn {background: transparent; border: 1px solid #000000; color: #000000; font-weight: 500; min-width: 160px; }
.viewmore-link .btn:hover { background:#27A6B6; color: #fff; border-color: transparent; }

.partner { padding-top: 55px; padding-bottom: 70px; }
.partner .wrap-img { width: 100%; position:relative; }
.partner .wrap-img .frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.partner .wrap-img img { margin: auto; object-fit: contain; }

.profile { padding-top: 75px; padding-bottom: 60px; background-color: #F7F7F7; }

.certificate { padding-top: 75px; padding-bottom: 120px; overflow: hidden; }
.certificate .heading .des { margin-bottom: 30px; }
.certificate__list { display: flex; margin: -13px; position: relative; }
.certificate__list-item { width: 16.66667%; padding: 13px; position: relative; }
.certificate__list-item .top .wrap-img { text-align: center; position: relative;}
.certificate__list-item .top .wrap-img:before { content: ''; position: absolute; bottom: 3px; left: 50%; border-width: 18px; border-style: solid; border-color: #27A6B6 transparent transparent; border-image: initial; border-top: 14px solid #27A6B6; transform: translate(-50%, 100%); }
.certificate__list-item .top .wrap-img img { height: 124px; width: 120px; margin: auto; border-bottom: 4px solid #27A6B6; }
.certificate__list-item .top { margin-bottom: 65px; }
.certificate__list-item .middle { font-size: 18px; text-align: center; font-weight: 500; color: #fff; position: relative; }
.certificate__list-item .bottom { margin-top: 55px; }
.certificate__list-item .bottom .name { color: #000; font-weight: 400; margin-bottom: 4px; font-size: 16px; }
.certificate__list:before { content: ''; left: 0px; right: 0px; height: 26px; background: linear-gradient(90deg, #27A6B6 0%, #41D5E0 100%); position: absolute; border-radius: 25px; top: 189px; transform: translateY(50%);}
.certificate .viewmore-link { margin-top: 70px; }
.certificate__list-item .bottom .des { -webkit-line-clamp: 3;}

.circles .circle { width: 4px; height: 4px; border-radius: 50%; background: #818181; position: absolute; left: 50%; transform: translateX(-50%); }
.circles .circle:first-child  { top: -15px; }
.circles .circle:nth-child(2)  { top: -30px; }
.circles .circle:nth-child(3)  { top: -45px; }
.circles .circle:nth-child(4)  { bottom: -10px; }
.circles .circle:nth-child(5)  { bottom: -25px; }
.circles .circle:nth-child(6)  { bottom: -40px; }

.news { background: #F7F7F7; padding-top: 65px; padding-bottom: 75px; }
.list-news { display: flex; flex-wrap: wrap; margin: -18px; list-style: none; padding-left: unset; }
.list-news__item { width: 33.33%; padding: 18px; }
.list-news__item .wrap-img { position: relative; height: 0; padding-top: 67.9%; overflow: hidden; }
.list-news__item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all ease 0.4s; }
.list-news__item .wrap-info .title { font-size: 18px; color: #000000; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 
.list-news__item .wrap-info { background-color: #fff; padding: 15px 20px; }
.list-news__item .wrap-info .expert  { -webkit-line-clamp: 2; margin-bottom: 10px; }
.list-news__item .wrap-info .see-more { font-weight: 500; text-align: right; color: #000000;}
.list-news__item a .see-more svg { transition: all ease 0.4s; }
.list-news__item a:hover .see-more svg { transform: translateX(5px); }
.list-news__item a:hover .see-more svg path { fill: #27A6B6; }
.list-news__item a:hover .wrap-img img{ transform: scale(1.05); }
.list-news__item a:hover .see-more { color: #27A6B6; }
.list-news__item a:hover .expert { color: #818181; }
.list-news__item a { height: 100%; display: block;}
.list-news__item a .inner { display: flex; flex-direction: column; height: 100%; }
.list-news__item a .inner .wrap-info { flex: 1; }

.register { padding: 120px 0; background: url(../images/examples/bg-register.jpg) no-repeat; background-size: cover; background-position: top left; }
.register .viewmore-link { margin-top: 0 }


.footer { background: #F7F7F7; padding-top: 65px; padding-bottom: 50px; }
.footer__top .title {font-size: 18px; font-weight: 500; margin-bottom: 17px;}
.footer__top { display: flex; padding-bottom: 0px; }
.footer__form { width: 42.4%; padding-left: 11%; }
.footer__list { display: flex; justify-content: space-between; margin: -20px -30px; width: 57.6%; }
.footer__list-item {  padding: 20px 30px;  }
.footer__list-item:nth-child(n+1) .info a { white-space: nowrap; }
.footer__bot { display: flex; justify-content: space-between; align-items: center; }
.footer__bot .csbm { display: flex; align-items: center; margin: -5px; }
.footer__bot .csbm>div { padding: 5px; }
.footer .list-contact { display: flex; margin: -13px; padding-top: 15px; list-style: none; padding-left: unset; }
.footer .list-contact li { padding: 13px; transition: all ease 0.4s; }
.footer .list-contact li:hover { transform: translateY(-8px); }

.form-register-home {max-width: 400px; margin: auto; }
.form-register-home .wrap-form .form-group input { width: 100%; padding: 10px 25px; border-radius: 5px; outline: none; border: 1px solid #818181; }
.form-register-home .wrap-form .form-group { margin-bottom: 27px; }
.form-register-home .wrap-form .wrap-submit .btn {background: transparent; border: 1px solid #000000; color: #000000; font-weight: 500; min-width: 160px; }
.form-register-home .wrap-form .wrap-submit .btn:hover { background:#27A6B6; color: #fff; border-color: transparent; }



/*Introduce*/
.main-background-page {position: relative }
.main-background-page .background-img {top: 0; left: 0; right: 0; bottom: 0; position: absolute; }
.main-background-page .background-img img {height: 100%; width: 100%; object-position: left bottom; }
.main-background-page .component-inner {padding-top: 130px; padding-bottom: 200px; max-width: 900px; margin: auto; position: relative; z-index: 2 }
.main-background-page .component-inner .title {text-align: center; position: relative; color: #fff;  font-size: 64px; font-weight: bold; line-height: 94px; margin-bottom: 0; }

.introduce { padding-top: 50px; padding-bottom: 60px; }
.block-aboutus { margin-bottom: 24px; }
.block-aboutus .list-service { display: flex; flex-wrap: wrap; margin: -18px; padding-top: 20px; padding-left: unset; list-style: none; }
.block-aboutus .list-service__item { width: 50%; padding: 18px; display: flex; }
.block-aboutus .list-service__item .wrap-info { flex: 1; padding-left: 40px; }
.block-aboutus .list-service__item .wrap-info .title { font-size: 18px; margin-bottom: 18px; }
.block-aboutus .list-service__item .wrap-img { width: 52px; }
.block-aboutus.team { margin-top: 55px; }
.block-aboutus.team .wrap-img { margin-bottom: 20px; }
.block-aboutus.team .wrap-img img { width: 100%; }
.block-aboutus.team .wp-caption-text { font-size: 14px; text-align: center; margin-top: 14px;  }
.block-aboutus.team .title-small { font-size: 18px;  }


/*Certificate*/
.certificate-page { padding-top: 135px; padding-bottom: 120px; position: relative;}
.certificate-page__list { position: relative; padding: 0 15px; }
.certificate-page__list-item { display: flex;  margin: 0 -18px; position: relative;}
.certificate-page__list-item:before { top: 50%; right: calc( 50% - 18px); background: url(../images/icons/icon-star.svg) no-repeat; background-size: contain; background-position: center; content: ''; position: absolute; width: 18px; height: 18px; transform: translate(-50%, -50%); }
.certificate-page__list-item .inner { max-width: calc( 50% - 18px); background-color: #F7F7F7; border: 1px dashed #27A6B6; border-radius: 10px; display: flex; padding: 10px 20px; align-items: center; height: 288px;}
.certificate-page__list-item:nth-child(2n) .inner { margin-left: auto; }
.certificate-page__list-item .inner .wrap-img { width: 220px; text-align: center; }
.certificate-page__list-item .inner .wrap-info { flex: 1; padding-left: 22px; }
.certificate-page__list-item .inner .wrap-info .logo-cdt { margin-bottom: 10px; }
.certificate-page__list-item .inner .wrap-info .title { font-size: 18px; margin-bottom: 3px; }
.block.change .certificate-page__list-item:nth-child(2n) .inner { margin-left: unset; }
.block.change .certificate-page__list-item .inner { margin-left: auto; }
.certificate-page .block { position: relative; }
.certificate-page:before { content: ''; position: absolute; top: 75px; left: 50%; bottom: 75px; transform: translateX(-50%); border-right: 0.5px dashed #27A6B6;}
.certificate-page .block .year { position: absolute; left: calc( 50% + 18px); top: 144px; color: #333333; font-size: 32px; font-weight: 500; transform: translate(0, -50%); }
.certificate-page .block.change .year { left: 50%; right: calc( 50% + 18px); left: unset;  }


/*Page Blogs */
.page-blogs { padding-bottom: 60px; padding-top: 32px; }
.page-blogs-content__inner { display: flex; position: relative; }
.page-blogs-content__right { width: 340px; padding-left: 45px; position: relative; }
.page-blogs-content__right .widget { height: 100%; display: flex; flex-direction: column; }
.page-blogs-content__right .widget-title { font-size: 18px; font-weight: 500; }
.page-blogs-content__left { flex: 1; }
.page-blogs-content__left .list-news__item { width: 50%; }
.page-blogs-content__left .list-news__item .wrap-info { background: #F7F7F7; }
.page-blogs-content { padding-bottom: 50px; }

.widget .widget-item .form-search input { width: 100%; height: 48px; border: 1px solid #818181; border-radius: 5px; padding-left: 15px; outline: none;}
.widget .widget-item .form-search input::placeholder{ color: #D7D7D7; }
.widget .widget-item .form-search { position: relative; }
.widget .widget-item .form-search .buttonSearch { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); background-color: transparent; padding: unset; outline: none; border: none;}
.widget .widget-item { margin-bottom: 40px; }
.widget .widget-item.banners .banners-list__item { margin-bottom: 20px; }
.widget .widget-item.banners .banners-list__item:last-child { position: sticky; position: -webkit-sticky; top: 100px; margin-bottom: unset; }
.widget .widget-item.banners a { display: block; width: 100%; }
.widget .widget-item.banners { flex: 1; }
.widget .widget-item.banners .banners-list__item .img-tablet { display: none; }
.widget .widget-item.banners .banners-list__item img { margin: auto; }

.widget-blogs__item { margin-bottom: 23px; }
.widget-blogs__item .wrap-img { width: 64px; height: 64px; border-radius: 5px; overflow: hidden; }
.widget-blogs__item .wrap-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all ease 0.4s; }
.widget-blogs__item .title { font-size: 16px; font-weight: 400; flex: 1; padding-left: 19px; margin-bottom: unset; }
.widget-blogs__item a { display: flex; }
.widget-blogs__item a:hover img { transform: scale(1.2); }
.widget-blogs__item a:hover .title { color: #27A6B6; }
.widget .widget-item.tags { margin-top: 60px; }
.widget .widget-item:last-of-type { margin-bottom: unset; }
.tags .list-tags  { margin: -10px -3px; list-style: none; padding-left: unset; margin-bottom: unset; }
.tags .list-tags li { display: inline-block; padding: 10px 3px; }
.tags .list-tags li a { border: 1px solid #818181; border-radius: 30px; padding: 6px 8px; color: #000; text-align: center; transition: all ease 0.4s; display: inline-block; }
.tags .list-tags li a:hover { color: #27A6B6; border-color: #27A6B6; }

.page-blogs-content__left .widget { display: none; }

/*Single page*/
.content-single-page { padding: 55px 0; position: relative; }
.content-single-page .link-project .btn { font-weight: 500; }
.content-single-page .link-project { margin-bottom: 70px; }
.tags .icon { float: left; height: 60px; line-height: 60px; padding-right: 7px; }
.related-news { padding-bottom: 45px; }
.content-single-page .page-blogs-content__left { display: flex; }
.content-single-page .page-blogs-content__left .content-single { flex: 1; }
.content-single-page .socials-share { width: 100px; }
.content-single-page .socials-share.bottom { display: none; }
.content-single-page .socials-share .title { font-size: 16px; color: #333; }
.content-single-page .socials-share__item .link { display: block; width: 36px; height: 36px; border: 1px solid #000; border-radius: 50%; line-height: 36px; text-align: center; background: transparent; transition: all ease 0.4s; cursor: pointer;}
.content-single-page .socials-share__item { margin-bottom: 10px; }
.content-single-page .socials-share__item .link svg path { transition: all ease 0.4s; }
.content-single-page .socials-share__item .link:hover { background: #000; }
.content-single-page .socials-share__item .link:hover svg path { fill: #fff; }
.content-single-page .socials-share__list { position: sticky; top: 100px; }
.content-single-page .page-blogs-content__left .content-single iframe { width: 100%; }

.content-single-page .page-blogs-content__left .content-single h2,
.content-single-page .page-blogs-content__left .content-single h3,
.content-single-page .page-blogs-content__left .content-single h4,
.content-single-page .page-blogs-content__left .content-single h5 { font-weight: normal; font-size: 18px; color: #000; }
.content-single-page .page-blogs-content__left .content-single h4,
.content-single-page .page-blogs-content__left .content-single h5 { font-size: 16px; }
.content-single-page .page-blogs-content__left .viewmore-link { text-align: left; }

/*Table*/
.content-single-page .page-blogs-content__left .content-single table td, 
.content-single-page .page-blogs-content__left .content-single table, .content-single-page .page-blogs-content__left .content-single table th{border: 1px solid #aaa; padding: 10px; color: #000; }
.content-single-page .page-blogs-content__left .content-single table td { border-bottom: none; }
.content-single-page .page-blogs-content__left .content-single table tr td:first-child { border-right: none; font-weight: 700;}
.content-single-page .page-blogs-content__left .content-single table { margin-bottom: 20px; }

.related-news .list-news__item .wrap-info { background: #F7F7F7; }
.related-news .list-news { padding-bottom: 45px; display: block; }

.slick-prev,.slick-next {
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
    background-size: 18px 12px;
    transition: all ease 0.6s;
    left: 50%;
      bottom: 0;
      transform: unset;
      top: unset;

}

.slick-prev:hover,.slick-prev:focus {
    background-image: url(../images/icons/arrow-left.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.slick-next:hover,.slick-next:focus {
    background-image: url(../images/icons/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.slick-prev {
    background-image: url(../images/icons/arrow-left.svg);
}

.slick-next {
    background-image: url(../images/icons/arrow-right.svg);
}

.slick-prev:before,.slick-next:before {
    content: none
}

.slick-prev {
   transform: translateX(calc(-50% - 24px));
}

.slick-next {
  transform: translateX(calc(50% - 24px));
}

.pagination { display: block; clear: both; margin-top: 44px; text-align: center;}
.pagination .page-numbers { font-size: 17px; color: rgba(77,77,77); width: 40px; transition: all ease .4s; height: 40px; line-height: 40px; display: inline-block; background-color: #F7F7F7; text-align: center; border: 1px solid #F7F7F7; border-radius: 50%;}
.pagination .page-numbers:hover, .pagination .page-numbers:focus, .pagination .page-numbers.current { background-color: #27a6b6; color: #fff; }
.pagination .screen-reader-text { display: none; }
.pagination .page-numbers.dots { font-family: initial; }

/*project*/
.page-projects-content { padding-top: 45px; padding-bottom: 70px; }
.page-projects-content .project__list-item .wrap-info { background-color: #F7F7F7; }
.page-projects-content h2.title { margin-bottom: 45px; }


/*Recruitment*/
.page-recruitment { padding-top: 45px; padding-bottom: 70px; }
.page-recruitment h2.title { margin-bottom: 42px; }
.page-recruitment__list-item { background-color: #F7F7F7; border: 1px dashed #27A6B6; background: #F7F7F7; border-radius: 10px; padding: 17px 23px; margin-bottom: 40px; }
.page-recruitment__list-item:hover .view-more svg { transform: translateX(7px); }
.page-recruitment__list-item:hover .view-more svg path { fill: #27A6B6; }
.page-recruitment__list-item:hover .view-more { color: #27A6B6; }
.page-recruitment__list-item .title { font-size: 18px; margin-bottom: 17px; }
.page-recruitment__list-item ul { display: flex; padding-left: unset; margin-bottom: unset; list-style: none; }
.page-recruitment__list-item ul li{ padding-right: 18%; color: #818181; }
.page-recruitment__list-item ul li:first-child img { margin-top: -10px; }
.page-recruitment__list-item ul li:last-child { padding-right: unset; }
.page-recruitment__list-item ul li span { color: #000; }
.page-recruitment__list-item .view-more { display: flex; text-align: right; margin-top: 3px; justify-content: flex-end; align-items: center; color: #000; }
.page-recruitment__list-item .view-more span { display: inline-block; padding-right: 7px; }
.page-recruitment__list-item .view-more svg { transition: all ease .4s; }

.page-recruitment-content { padding-top: 55px; padding-bottom: 70px; }
.page-recruitment-content .top { background-color: #F7F7F7; border: 1px dashed #27A6B6; background: #F7F7F7; border-radius: 10px; padding: 17px 23px; margin-bottom: 30px; display: flex; align-items: center; }
.page-recruitment-content .info { flex: 1; }
.page-recruitment-content .info .title { font-size: 18px; margin-bottom: 17px; }
.page-recruitment-content .info ul { display: flex; flex-wrap: wrap; margin: -7px 0; padding-left: 22px; }
.page-recruitment-content .info ul li:first-child { width: 100%; padding-right: unset; }
.page-recruitment-content .info ul li:first-child img { position: absolute; left: -22px; top: 0px; }
.page-recruitment-content .info ul li { padding-right: 18%; padding-top: 7px; padding-bottom: 7px; position: relative; padding-left: unset; list-style: none; margin-bottom: unset; }
.page-recruitment-content .info ul li span { color: #000; }
.page-recruitment-content .detail-recruitment { background-color: #F7F7F7; border: 1px dashed #27A6B6; border-radius: 10px; padding: 28px 23px; margin-bottom: 30px; }
.page-recruitment-content .detail-recruitment .box .title { font-size: 18px; margin-bottom: 14px; }
.page-recruitment-content .detail-recruitment .box ul { margin-bottom: unset; }
.page-recruitment-content .detail-recruitment .box { margin-bottom: 25px; }
.page-recruitment-content .bottom { margin-bottom: 30px;}
.page-recruitment-content .view-more .button:hover, 
.form-recruitment .form-content .wrap-submit .btn:hover {color: #A4F5FF; background-color: #27a6b6; }


.page-recruitment-content .info-contact { background-color: #F7F7F7; border: 1px dashed #27A6B6; background: #F7F7F7; border-radius: 10px; padding: 17px 23px; }
.page-recruitment-content .info-contact .title { font-size: 18px; margin-bottom: 15px; }
.page-recruitment-content .info-contact .title span { font-size: 16px; color: #818181; font-weight: 400; }
.page-recruitment-content .info-contact .title sup { color: #d64736; }
.page-recruitment-content .info-contact ul li .wrap-img { width: 40px; height: 40px; border: 2px solid #27A6B6; border-radius: 50%; display: inline-block; line-height: 40px; text-align: center; margin-right: 16px; }
.page-recruitment-content .info-contact ul li { margin-bottom: 10px; color: #000; }
.page-recruitment-content .info-contact ul li:last-child { margin-bottom: unset; }
.page-recruitment-content .info-contact ul { list-style: none; padding-left: unset; margin-bottom: unset; }

.form-recruitment .form-content { background-color: #F7F7F7; border: 1px dashed #27A6B6; background: #F7F7F7; border-radius: 10px; padding: 28px 23px 37px 23px; overflow: hidden; }
.form-recruitment .form-content .title { font-size: 18px; margin-bottom: 21px; text-align: center; }
.form-recruitment .form-content .form-group .input { width: 100%; border: 1px solid #818181; height: 48px; border-radius: 5px; padding: 13px; outline: none; }
.form-recruitment .form-content .form-group .input::placeholder { color: #D7D7D7; }
.form-recruitment .form-content .form-group label sup { color:#d64736; }
.form-recruitment .form-content .form-group label { font-size: 18px; color: #000; margin-bottom: 8px; }
.form-recruitment .form-content .form-group { margin-bottom: 30px; }
.form-recruitment .form-content .file-cv { border: 1px dashed #27A6B6; background: #fff; border-radius: 10px; padding: 21px; text-align: center; margin-top: 34px; margin-bottom: 34px; position: relative; }
.form-recruitment .form-content .file-cv label { display: block; position: relative; }
.form-recruitment .form-content .file-cv .note { font-size: 18px; color: #d64736; }
.form-recruitment .form-content .file-cv input { z-index: 999; line-height: 0; font-size: 50px; position: absolute; top: 0px; left: 0px; right: 0; bottom: 0; opacity: 0; filter: alpha(opacity = 0); -ms-filter: "alpha(opacity=0)"; cursor: pointer; cursor: hand; margin: 0; padding: 0; }
.form-recruitment .form-content .wrap-submit { text-align: center; }
.form-recruitment .form-content .wrap-submit .btn { font-weight: 500; }
.form-recruitment .form-content .file-cv .file { position:absolute; top: 0; left: 0; width: 100%; height: 100%; }

.page-contact__inner { display: flex; flex-wrap: wrap; padding-top: 45px; padding-bottom: 90px; }
.page-contact__left { width: 50%; padding-right: 18px; }
.page-contact__right { width: 50%; padding-left: 18px; }
.page-contact__left .box { background-color: #F7F7F7; border: 1px dashed #27A6B6; background: #F7F7F7; border-radius: 10px; padding: 36px 28px; }
.page-contact__left .box .list-contact { list-style: none; margin-bottom: unset; padding-left: unset; }
.page-contact__left .box .list-contact .item { margin-bottom: 19px; }
.page-contact__left .box .list-contact .item a { display: flex; align-items: center; }
.page-contact__left .box .list-contact .item .icon { width: 40px; height: 40px; border: 1px solid #27A6B6; border-radius: 50%; line-height: 40px; text-align: center;  }
.page-contact__left .box .list-contact .item .info { flex: 1; padding-left: 22px; }
.page-contact__left .box .title { font-size: 18px; margin-top: 42px; }
.page-contact__left .box .list-contact .item:last-child { margin-bottom: unset; }
.page-contact__inner h2.title { margin-bottom: 44px; height: 76px; display: flex; align-items: flex-end; }
.page-contact__right .frame iframe { height: 495px; width: 100%; } 

.form-page-contact { padding-bottom: 70px; }
.form-page-contact .title { margin-bottom: 37px; }
.form-page-contact .wrap-form { display: flex; flex-wrap: wrap; margin: -10px -18px; }
.form-page-contact .form-contact .form-group { width: 33.33%; padding: 10px 18px; }
.form-page-contact .form-contact .form-group.big { width: 100%; }
.form-page-contact .form-contact .form-group .input { width: 100%; border: 1px solid #818181; border-radius: 5px; height: 48px; padding: 13px; outline: none; transition: all ease 0.4s; }
.form-page-contact .form-contact .form-group.big textarea { height: 120px; }
.form-page-contact .form-contact .btn { font-weight: 500; margin-top: 10px; }
.form-page-contact .form-contact .form-group .input:focus, .form-page-contact .form-contact .form-group .input:active { border-color: #000; }
.form-page-contact .form-contact .btn:hover { background: #27A6B6; color: #A4F5FF; }


.ftwp-in-post#ftwp-container-outer.ftwp-float-none, 
.ftwp-in-post#ftwp-container-outer.ftwp-float-none #ftwp-contents { width: 100%; }



/*Single Project*/
.p-tb-40 { padding: 40px 0; }

@-webkit-keyframes Ringing-call {
  10%, 30%, 50%, 70%, 90% {
    webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100%, 20%, 40%, 60%, 80% {
    webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}

@keyframes Ringing-call {
  10%, 30%, 50%, 70%, 90% {
    webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  100%, 20%, 40%, 60%, 80% {
    webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}


.header-project { position: absolute; width: 100%; z-index: 999; }
.header-project .header__action-call {position: relative; display: inline-block; vertical-align: middle; color: #fff; font-size: 16px; font-weight: 700; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); text-transform: uppercase }
.header-project .header__action-call a { background-color: #27a6b6; padding: 5px 20px; border-radius: 30px; display: inline-block; color: #fff; }
.header-project .header__action-call img {animation: 2s infinite Ringing-call; -webkit-animation-iteration-count: infinite; }
.header-project__inner {display: flex; justify-content: space-between; padding: 10px 0; position: relative; }
.header-project .logo-main img { width: 200px; }

.sub-header .container { position: relative; }
.sub-header {position: sticky; position: -webkit-sticky; top: 0; z-index: 111; overflow: unset; }
.sub-header .navbar {background: #27a6b6; padding: 0; height: 70px; align-items: unset; }
.navbar-brand { padding: unset; margin: unset; }
.sub-header .navbar .navbar-brand .img { width: 150px; position: absolute; z-index: 1; top: calc(50% + 16px); transition: all ease .4s; max-height: 100px; object-fit: contain; transform: translateY(-50%); }
.sub-header .navbar .navbar-brand:before {position: absolute; z-index: 1; display: block!important; transition: all ease .4s; right: calc(100% - 250px); left: -100vw; top: 0; height: 120px; background: url(../images/logo/bg-logo.svg); background-position: right; background-size: auto 100%; content: ""}
.sub-header .navbar .collapse {position: relative; padding: 20px 0; transition: all ease .4s }
.sub-header .navbar .nav-link {color: #fff; padding: 12px 20px }
.sub-header .navbar .collapse {padding: 15px 0 }
.sub-header .navbar-nav { flex-direction: row; }

.background-project.single-project { height: 80vh; position: relative; }
.background-project.single-project .background-img {top: 0; left: 0; right: 0; bottom: 0; position: absolute; } 
.background-project.single-project img { height: 100%; width: 100%; object-position: center; object-fit: cover; }
.logo-project { position: absolute; left: 50%; bottom: 25px; width: 155px; height: 155px; padding: 10px; display: flex; align-items: center; justify-content: center; border: 1px solid #DDC275; border-radius: 50%; transform: translateX(-50%); background: #27a6b6; }
.background-project.single-project:before {box-shadow: inset 0 0 10vw 5vw rgb(0 40 70 / 90%); mix-blend-mode: multiply; content: ""; height: 100%; position: absolute; pointer-events: none; top: 0; left: 0; right: 0; z-index: 1; }

.project-nav {background-color: #27a6b6; position: sticky; z-index: 100; top: 0; }
.project-menu {display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0; }
.project-menu li {flex: 1; text-align: center; }
.project-menu li a {display: block; padding: 13px 10px; background: transparent; color: #fff; font-weight: 700; font-size: 13px; transition: all ease .4s; }
.project-menu li + li {margin-left: 2px; }
.project-menu li .item-hash.active, .project-menu li .item-hash:hover  {background: #fff; color: #152846; }
.info-project__inner { display: flex; }
.info-project__inner .rating { margin-bottom: 20px; }
.info-project__inner .info { width: 50%; padding-right: 40px; }
.info-project__inner .wrap-img { width: 50%; position: relative; min-height: 300px; }
.info-project__inner .wrap-img img { height: 100%; width: 100%; object-fit: cover; position: absolute; object-position: center;}
.info-project__inner  .title { color: #152846; margin-bottom: 5px; }
.info-project__inner  .address { color: #898989; margin-bottom: 10px; }

.project-overview {padding-top: 40px; padding-bottom: 40px; background-color: #fff; overflow: hidden; }
.project-overview__inner { position: relative; }
.project-overview-content { max-width: 920px; margin: auto; padding-bottom: 40px; }
.project-title { font-size: 30px; color: #152846; font-family: "SVN"; font-weight: 500;  }
.project-title.title-w { color: #fff; }
.project-overview-image .list-image { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: unset; margin-bottom: 0; justify-content: center; list-style: none; margin: -5px; }
.project-overview-image .list-image__item { list-style-type: none; width: 50%; padding: 5px; }
.project-overview-image .list-image__item .wrap-img { position: relative; padding-top: 70%; height: 0; }
.project-overview-image .list-image__item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.why-us { background: #27a6b6; position: relative; color: #FFF; }
.why-us:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/icons/patern-why-us.png) no-repeat; background-position: center; background-size: cover; }
.why-us__list { display: flex; flex-wrap: wrap; margin: -30px -12px; justify-content: center; }
.why-us__list-item { width: 25%; padding: 30px 12px; }
.why-us__list-item .number { position: absolute; left: 30%; top: -80px; font-size: 90px; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff; color: transparent; font-family: "UTM"; transform: translateX(-50%); opacity: 0.5;}
.why-us__list-item .cover_item { position: relative; text-align: center; cursor: pointer; }
.why-us__list-item .name { font-weight: 700; font-size: 24px; color: #fff; position: relative; z-index: 2; margin-bottom: 40px; }
.why-us .project-title { margin-bottom: 60px; }

.video { position: relative; }
.video__inner a { position: relative; display: block; }
.video__inner a .icon-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; }
.video__inner a .thumnail { position: relative; padding-top: 50%; height: 0; }
.video__inner a .thumnail img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; }
.video .des { max-width: 60%; margin: auto; padding-bottom: 40px; }

.location { background: #27a6b6; color: #fff; }
.location__inner { display: flex; flex-wrap: wrap; }
.location__inner .wrap-info { width: 40%; }
.location__inner .wrap-img { width: 60%; padding-left: 40px; }
.location__inner .see-more .button { text-align: center; margin-top: 30px; display: inline-block; }
.location .full-description { margin-top: 40px; }
.location__top { margin-bottom: 30px; }
.location table, .location table td, .location table th { border-color: #fff!important;}

.page-single-project table, .page-single-project table td, .page-single-project table th { border: 1px solid #BFBFBF; padding: 10px;}
.page-single-project table img { object-fit: contain; height: auto; }
.page-single-project table tr td:first-child {border-right: none; font-weight: 600; } 

.page-single-project { color: #222; }

.location-link__inner { display: flex; flex-wrap: wrap; position: relative;}
.location-link .container { position: relative; padding-top: 35px; padding-bottom: 57px;}
.location-link__left { width: 50%; padding-right: 40px; }
.location-link__right { width: 50%; } 
.location-link__right .wrap-img { margin-right: calc((-100vw + 1140px)/2) }
.location-link__right .wrap-img img { border-radius: 5px; width: 100%; }
.location-link__left .des { margin-bottom: 32px; text-align: justify;}
.location-link__list { padding-left: unset; margin-bottom: unset; list-style: none; }
.location-link__list-item a { display: flex; font-size: 16px; font-weight: bold; padding: 12px 0; border-top: 1px solid #BFBFBF; padding-right: 20px; position: relative; color: #4D4D4D;}
.location-link__list-item:last-child { border-bottom: 1px solid #BFBFBF;}
.location-link__list-item a:hover { color: #ECB240; }
.location-link__list-item a .arrow-button { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.location-link__list-item.active a .arrow-button { transform: rotate(180deg); }
.location-link__list-item.active a .arrow-button svg path { fill: #ECB240; }
.location-link__list-item.active a { color: #ECB240; }
.location-link__list-item a span { display: inline-block; }
.location-link__list-item a span:first-child { width: 60px; }
.location-link__list-item a span:last-child { flex: 1; }
.location-link__list-item .content { padding-left: 60px; padding-right: 20px; }
.location-link__list-item.active .content { margin-bottom: 16px; }

.project-layout-container { margin: 0 -15px; overflow: hidden; padding-top: 30px; }
.project-layout-container .slick-slide { padding: 0 15px; }
.project-layout-container .image-ratio {display: block; width: 100%; padding-top: 50%; position: relative; overflow: hidden; }
.project-layout-container .image-ratio.image-ratio-small {padding-top: 35%; }
.project-layout-container .image-ratio > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; min-height: 100%; transition: 0.3s all ease; }
.project-layout-container .img-label {position: absolute; bottom: 0; left: 0; padding: 10px 15px; font-size: inherit; font-weight: 700; color: #fff; background-color:  #27a6b6; }
.project-layout-container .image-ratio:hover > img {transform: translate(-50%, -50%) scale(1.1); transition: 0.3s all ease; }

.project-layout-container .slick-pagination {
  position: relative;
}

.project-layout-container .slick-dots {
  position: relative;
  bottom: 0;
}

.project-layout-container .slick-dots li {
  width: auto;
  height: auto;
}

.project-layout-container .slick-dots li button {
  padding: 0;
  width: 8px;
  height: 8px;
  background-color: #5a5a5a;
}

.project-layout-container .slick-dots li button:before {
  display: none;
}

.project-layout-container .slick-dots li.slick-active button {
  background-color: #27a6b6;
}


.gallery { position: relative; z-index: 1; overflow: hidden; }
.gallery .wrap-slider { width: 200%; margin-left: -50%; }
.gallery .slider { padding: 0; margin: 0; list-style-type: none; }
.gallery .slider .item { padding: 0 15px; position: relative; outline: none; width: 33.33%; overflow: hidden; }
.gallery .slider .item .wrap-img { position: relative;}
.gallery .slider .item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.gallery .slider .item .o-img { transition: all ease .4s; transform: translateY(50px); position: relative; height: 0; padding-top: 60% }
.gallery .slider .item .o-img:before { background: #27a6b6; position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; z-index: -1; }
.gallery .slider .item .img { width: 100%; transition: all ease .4s; opacity: .3; }
.gallery .slider .item .caption { position: absolute; left: 10px; bottom: 10px; right: 10px; padding: 8px 15px; background: rgba(255,255,255,.9); color: #1d6a7a; font-size: 18px; text-align: center; }
.gallery .slider .item.slick-current .o-img { transform: translateY(0); }
.gallery .slider .item.slick-current .img { opacity: 1; }
.gallery .slider .item.slick-active { cursor: pointer; }
.gallery .slider .item.slick-current { cursor: auto; }
.gallery .slick-slider .slick-arrow.slick-prev { left: 37%; }
.gallery .slick-slider .slick-arrow.slick-next { right: 37%; left: unset; transform: translateX(calc(50% + 24px)); }
.gallery .slick-arrow {width: 40px; height: 40px; z-index: 11; border-radius: 50%; transition: all ease .4s; background-color: #27a6b6; background-position: center; background-size: auto 50%; background-repeat: no-repeat; padding: 5px; bottom: 50%; }
.gallery .slick-arrow.slick-next {background-image: url(../images/icons/arrow-right-w.svg); right: 30px; }
.gallery .slick-arrow.slick-prev {background-image: url(../images/icons/arrow-left-w.svg); left: 30px }
.gallery .slick-arrow:before {display: none; }
.gallery .slick-arrow:hover, .gallery .slick-arrow:focus {background-repeat: no-repeat; background-size: auto 50%; background-position: center; background-color: #d3ebe4; }



.why-us-type2 { background: url(../images/examples/banner-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; }
.why-us-type2__content { width: 700px; max-width: 100%; }
.why-us-type2__content .des>ul>li {  margin-bottom: 30px; color: #fff; position: relative; padding-left: 70px; list-style-type: none;}
.why-us-type2__content .des>ul>li:before { content: ''; position: absolute; top: 0; left: 0; background: url(../images/icons/icon-li-c.svg) no-repeat; background-size: auto 50%; background-position: center; width: 40px; height: 40px; border-radius: 50%; background-color: #fff; }
.why-us-type2__content .des>ul { position: relative; padding-left: unset; }
.why-us-type2__content .des { background-color: rgb(36 166 182 / 90%); border-radius: 20px; padding: 50px; color: #fff; }
.why-us-type2 .title span {  position: relative; display: inline-block; color: #fff; border-radius: 10px; padding: 10px 20px; transform: translateY(50%); background: #c1aa6c; position: relative; z-index: 5;}

.policy { position: relative; background-color: #F7F7F7; }
.policy__inner { display: flex; flex-wrap: wrap; }
.policy__left { width: 50%;  }
.policy__right { width: 50%; padding-left: 60px; }
.policy__left .des ul { padding-left: unset; margin-bottom: unset; list-style: none; box-shadow: 0 5px 40px 0 rgb(0 0 0 / 14%); background: #fff;}
.policy__left .des ul li { padding: 20px 30px;}
.policy__left .des ul li:nth-child(2n+1) { background-color: #fafafa }
.policy__right h3 { font-weight: 600; margin-bottom: 20px;}
.policy__right ul li { position: relative; margin-bottom: 15px; padding-left: 15px; }
.policy__right ul li:before { width: 8px; height: 8px; left: 0; top: 10px; position: absolute; content: ''; background: #104e31; border-radius: 50%; }

.policy .form-home__contact .form-group { margin-bottom: 25px; }
.policy .form-home__contact .form-group .input { border-radius: 5px; padding: 10px 15px; width: 100%;}
.policy .form-home__contact .button { width: 100%; padding: 10px 15px; background-color: #27a6b6; border: 1px solid transparent; border-radius: 5px; transition: all ease 0.6s; cursor: pointer; text-align: center; justify-content: center; font-weight: 600; color: #fff;}
.policy .form-home__contact .wrap-submit { position: relative; margin-bottom: 0; }
.policy .form-home__contact .wpcf7 .ajax-loader { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); }

.library { overflow: hidden; position: relative; overflow: hidden; background-color: #F7F7F7}
.library .title { margin-bottom: 30px;}
.library__list { position: relative; margin: -15px; }
.library__list-item { padding: 15px; }
.library__list-item .wrap-img { position: relative; height: 0; padding-top: 90%; }
.library__list-item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.library .slick-dots { bottom: -30px; right: 50%; transform: translateY(-50%); }

.news-project { position: relative; overflow: hidden; }
.news-project .heading .des { max-width: 35.6%; margin: auto; }
.news-project .heading { margin-bottom: 40px; }

.news-project .list-news-project {  margin: -18px; list-style: none; padding-left: unset; }
.news-project .list-news-project__item { width: 33.33%; padding: 18px; }
.news-project .list-news-project__item .wrap-img { position: relative; height: 0; padding-top: 60%; overflow: hidden; border-radius: 6px; }
.news-project .list-news-project__item .wrap-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all ease 0.4s; }
.news-project .list-news-project__item .wrap-info .name { font-size: 16px; color: #000; margin-bottom: 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: bold; } 
.news-project .list-news-project__item .wrap-info { background-color: #fff; padding-top: 10px; color: #6C6C6C; }
.news-project .list-news-project__item .wrap-info .expert  { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.news-project .list-news-project__item a:hover .wrap-img img{ transform: scale(1.05); }
.news-project .list-news-project__item a .see-more { color: #990033; font-size: 18px; line-height: 34px; font-weight: bold; }
.news-project .list-news-project__item a:hover .expert { color: #818181; }
.news-project .list-news-project__item a { height: 100%; display: block; transition: all ease .4s; position: relative; }
.news-project .list-news-project__item a .inner { display: flex; flex-direction: column; height: 100%; }
.news-project .list-news-project__item a .inner .wrap-info { flex: 1; }
.news-project .list-news-project__item a .date { display: flex; flex-direction: column; justify-content: center; background-color: #2c677b; position: absolute; color: #fff; top: -10px; left: -10px; text-align: center; padding: 5px;}
.news-project .list-news-project__item a .date span:first-child { font-size: 24px; margin-bottom: 5px; font-weight: bold; }
.news-project .group-button { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }
.news-project .group-button .group-arrow { display: flex; }
.news-project .group-button .group-arrow .arrow { cursor: pointer; padding: 22px; }
.news-project .group-button .group-arrow img { width: 50px; transition: all ease .4s; }
.news-project .group-button .group-arrow .slick-left:hover img { transform: translateX(-10px); }
.news-project .group-button .group-arrow .slick-right:hover img { transform: translateX(10px); }

.section-iframe { height: calc(100vh - 90px); position: relative;}
.section-iframe .scrolldown {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    z-index: 9999;
    bottom: 10%;
}
.section-iframe .scrolldown .arrows {
    width: 60px;
    height: 72px;
    transform: scale(.5);
    z-index: 9;
    cursor: pointer;
}
.section-iframe .scrolldown .arrows path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}
.section-iframe .scrolldown .arrows path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}
.section-iframe .scrolldown .arrows path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
.section-iframe .scrolldown .arrows path {
    stroke: #fff;
    fill: transparent;
    stroke-width: 5px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}

.section-iframe .full-frame { position: absolute; right: 30px; z-index: 9999; top: 30px; }
.section-iframe .full-frame img { width: 120px; animation: scale 2s infinite; -webkit-animation: scale 2s infinite;}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@keyframes scale
{
0% {transform: scale(1);}
50% {transform: scale(1.2)}
100% {transform: scale(1);}
}

@-webkit-keyframes scale /*Safari and Chrome*/
{
0% {transform: scale(1);}
50% {transform: scale(1.2)}
100% {transform: scale(1);}
}


/*.form-home__contact .form-group {
  width: 100%;
  margin-bottom: 0;
}

.form-home__contact .form-group input {
  width: 100%;
  border: 1px solid #104e31;
  border-radius: 5px;
  padding: 10px 17px;
  outline: none;
}

.form-home__contact .form-group .inner {
  padding: 11px;
}

.form-home__contact .wrap-submit button {
  width: 100%;
  text-align: center;
  background: #104e31!important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 14px;
  border-radius: 5px;
  color: #fff;
}*/

.view-iframe__inner { display: flex; flex-wrap: wrap; margin: -10px; padding-bottom: 40px; }
.view-iframe__inner .item { width: 25%; padding: 10px; }
.view-iframe__inner .item a { display: block; width: 100%; position: relative; }
.view-iframe__inner .item .title { position: absolute; top: 50%; left: 10px; right: 10px; transform: translateY(-50%); font-size: 24px; text-align: center; color: #fff; text-transform: uppercase; z-index: 3;}
.view-iframe__inner .item .wrap-img { position: relative; width: 100%; height: 0; padding-top: 100%; overflow: hidden; }
.view-iframe__inner .item .wrap-img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center; transition: all ease 0.4s; }
.view-iframe__inner .item .wrap-img:before { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: rgba(0,0,0,0.5); z-index:2; }
.view-iframe__inner .item a:hover img { transform: scale(1.1); }


.faq .accordion { margin-bottom: unset; padding-left: unset; list-style: none; border: #e6e6e6 1px solid; border-radius: 5px;}
.faq .accordion .btn-link {background: #fafafa; padding: 12px 12px 14px 10px; cursor: pointer; font-size: 17px; font-weight: 600; position: relative; margin-bottom: 0; margin: 0; background: none; text-decoration: none; color: #0B0C0C; display: block;}
.faq .accordion .btn-link:hover { outline: none; text-decoration: none;}
.faq .accordion li { position: relative; margin-bottom: 0; border-bottom: #e6e6e6 1px solid; }
.faq .accordion .btn-link:before { display: inline-block; content: ""; width: 0; height: 0; margin-right: 20px; content: "\f107"; font-family: FontAwesome; font-size: 18px; color: #00706e; position: absolute; right: 0; font-weight: normal; color: #333; }
.faq .accordion .content { padding-left: 25px; }

.content-page-thankyou { background: url(../images/examples/bg-thank-you.jpeg) no-repeat; background-size: cover; background-position: center; height: 100vh; position: relative; }
.content-page-thankyou .heading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 40px 30px; border-radius: 20px; min-width: 320px; box-shadow: 0px 0px 20px rgb(0 0 0 / 20%); background-color: rgba(255,255,255,0.8);}
.content-page-thankyou .logo { text-align: center; margin-bottom: 20px; }
.content-page-thankyou .logo img { max-height: 100px; margin: auto;}


.project-single__item { margin-bottom: 16px; }
.project-single__item a { display: flex; flex-wrap: wrap; background: #f1f1f1; }
.project-single__item .wrap-img { width: 50%; }
.project-single__item .wrap-info { width: 50%; padding: 10px; display: flex; flex-direction: column; justify-content: flex-end;}
.project-single__item .wrap-info .title { margin-bottom: 5px; font-weight: 600!important; -webkit-line-clamp: 2; }
.project-single__item .wrap-info .excerpt{ -webkit-line-clamp: 3; }
.project-single__item .wrap-info .see-more { color: #000000; font-size: 16px; margin-top: 10px; display: flex; align-items: center; justify-content: flex-end; }
.project-single__item a .see-more svg { transition: all ease .4s; }
.project-single__item a:hover .see-more svg { transform: translateX(5px); }
.project-single__item a:hover .see-more { color: #0192a8; }
.project-single__item .wrap-info .see-more span { width: 24px; height: 24px; border-radius: 50%; background: #27a6b6; display: flex; align-items: center; justify-content: center; padding: 3px; margin-left: 10px; }

.slider-post  { display: block; max-width: 700px; }
.slider-post__item .wrap-img { position: relative; height: 0; padding-top: 65%; }
.slider-post__item .wrap-img img { position: absolute; top: 0; width: 100%; height: 100%; }

.news.bc { background: transparent; padding-top: unset;}
.news.bc .list-news__item a .inner .wrap-info { padding: 15px 0; }
.news.bc .list-news__item a .inner .wrap-info .top img { max-height: 16px; max-width: 16px; }
.page-blogs-content.bc .list-news__item a .inner .wrap-info .top img { max-height: 16px; max-width: 16px; }


/*Form Horizon*/
.section-form-project { padding-top: 30px; padding-bottom: 30px; background: #27a6b6; color: #fff; position: relative; }
.section-form-project .title { font-size: 20px; color: #fff;}
.section-form-project .description { margin-bottom: 40px; }
.section-form-project .wrap-form { display: flex; margin-right: -15px; margin-left: -15px;}
.section-form-project .wrap-form .form-group { padding-left: 15px; padding-right: 15px; width: 27%; }
.section-form-project .wrap-form .form-group .input { width: 100%; padding: 11px 15px; border-radius: 5px;}
.section-form-project .wrap-form .wrap-submit { width: 19%; }
.section-form-project .wrap-form .wrap-submit .submit { width: 100%; padding: 17px 15px; background-color: #fec55f; border: 1px solid transparent; border-radius: 5px; transition: all ease 0.6s; cursor: pointer; white-space: nowrap; line-height: 1;}
.section-form-project .wrap-form .wrap-submit .submit:hover { background-color: #D4CAA6; border: 1px solid #fff; }

/*PopUp Form*/
#popup-form .close-button { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; cursor: pointer; border: 2px solid #fff; border-radius: 50%; padding: 8px; background-color: #333; display: flex; align-items: center; justify-content: center;}
#popup-form { display: none; }
#popup-form .wpcf7-form-control.wpcf7-submit.button-submit { display: none; }
#popup-form .form-home__contact-submit .ajax-loader{ position: absolute; top: 50%; right: 15px; transform: translateY(-50%); }
#popup-form .form-home__contact-submit { position: relative; }
#popup-form {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
#popup-form.open {opacity: 1;}
#popup-form {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
#popup-form.open {opacity: 1; visibility: visible; display: block;}
#popup-form .component-inner {width: 500px; max-width: 90%; max-height: 95%; margin: auto; top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); overflow: auto; }
#popup-form .component-inner .component-info {background: #fff; position: relative; border-radius: 20px; overflow: hidden; }
#popup-form .component-inner .component-info .form-contact {max-width: unset; position: relative; padding: 30px 30px 70px 30px; }
#popup-form .component-inner .component-info .form-contact .group-heading {text-align: center; }
#popup-form .component-inner .close-button {position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; cursor: pointer; }
#popup-form .component-inner .component-info .form-contact .group-heading {max-width: 438px; margin: auto; padding-bottom: 31px; }
#popup-form .component-inner .component-info .form-contact .group-heading img {margin-bottom: 7px; width: 200px;}
#popup-form .component-inner .component-info .form-contact .group-heading .title {font-size: 27px; margin-bottom: 15px; text-transform: uppercase;}
#popup-form .component-inner .component-info .form-contact .group-heading .description {color: #bf9e04; }
#popup-form .form-register__inner .form-group label.error  { color: #dc3545; }

#popup-form .form-home__contact-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -11px; }
#popup-form .form-home__contact-wrap .form-group {width: 100%; margin-bottom: 0; } 
#popup-form .form-home__contact-wrap .form-group.input-small {width: 50%; }
#popup-form .form-home__contact-wrap .form-group input, #popup-form  .form-home__contact-wrap .form-group textarea {width: 100%; border: 1px solid #704122; border-radius: 5px; padding: 10px 17px; outline: none; }
#popup-form .form-home__contact-wrap .form-group .inner {padding: 11px; }
.form-home__contact-wrap .form-group .inner span { display: block; width: 100%; }
#popup-form .form-home__contact-submit button {width: 100%; text-align: center; background: #1e73be; font-weight: bold; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 14px; border-radius: 5px;padding: 10px; color: #fff;}
#popup-form .form-home__contact-submit .quote { color: #dc3545; font-style: italic; text-align: center; }

.register-sticky .icon {width: 20px; margin: auto; -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; animation: quick-alo-circle-img-anim 1s infinite ease-in-out; }
.register-sticky .line{fill:#FFFFFF; animation-name: register-sticky; animation-duration: 0.5s; animation-iteration-count: infinite; }
.register-sticky .frame-icon {background: #1e73be; border-radius: 50%; width: 60px; height: 60px; display: flex; border: 2px solid #d5ce3b; }
.register-sticky { display: flex; align-items: center; position: fixed; bottom: 20px; left: 10px; line-height: 100px; padding: 10px; border-radius: 50%; color: #fff; z-index: 500; cursor: pointer; animation-name: register-sticky; animation-duration: 0.5s; animation-iteration-count: infinite; width: 80px; height: 80px; } 
@keyframes register-sticky {
  0%   {color: #fff;fill:#FFFFFF;}
  50%   {color: #ffe635;fill:#ffe635;}
  100%   {color: #fff;fill:#FFFFFF;}
}
@keyframes quick-alo-circle-img-anim {
  0%   {transform: rotate(0) scale(1) skew(1deg);}
  10%   {transform: rotate(-25deg) scale(1) skew(1deg);}
  20%   { transform: rotate(25deg) scale(1) skew(1deg);}
  30%   { transform: rotate(-25deg) scale(1) skew(1deg);}
  40%   { transform: rotate(25deg) scale(1) skew(1deg);}
  50%   { transform: rotate(0) scale(1) skew(1deg);}
  100%   { transform: rotate(0) scale(1) skew(1deg);}
}
@-webkit-keyframes quick-alo-circle-img-anim {
  0%   {-webkit-transform: rotate(0) scale(1) skew(1deg);}
  10%   {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  20%   { -webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  30%   { -webkit-transform: rotate(-25deg) scale(1) skew(1deg);}
  40%   { -webkit-transform: rotate(25deg) scale(1) skew(1deg);}
  50%   { -webkit-transform: rotate(0) scale(1) skew(1deg);}
  100%   { -webkit-transform: rotate(0) scale(1) skew(1deg);}
}

.form-single-project { position: relative; color: #fff; overflow: hidden; padding: 30px 20px; border-radius: 20px; border: 2px dashed #27a6b6; margin-bottom: 30px;}
.form-single-project .title { font-size: 20px!important; text-align: center; margin-bottom: 0;}
.form-single-project p { color: #B31E22; text-align: center; font-style: italic; }
.form-single-project .form__contact-wrap { display: flex; flex-wrap: wrap; margin: 0 -15px; } 
.form-single-project .form__contact-wrap .form-group {width: 100%; padding: 0 15px; margin-bottom: 30px; }
.form-single-project .form__contact-wrap .form-group.small { width: 50%; }
.form-single-project .form__contact-wrap .form-group input {background-color: transparent; outline: none; border: 1px solid #000; width: 100%; padding: 10px 15px; border-radius: 10px;}
.form-single-project .form__contact-wrap .form-group.content {width: 100%; margin-bottom: 25px; }
.form-single-project .form__contact-wrap .form-group.content textarea {width: 100%; border: 1px solid #000; padding: 11px 18px 20px 18px; background-color: transparent; outline: none; border-radius: 10px;}
.form-single-project .form__contact-submit { text-align: center; position: relative;}
.form-single-project .form__contact-submit .ajax-loader { position: absolute; top: 50%; left: calc(50% + 80px); transform: translateY(-50%); }
.form-single-project .form__contact-submit .button_submit { margin-top: unset; font-size: 16px; text-transform: uppercase; padding: 10px 50px; background: #27a6b6; color: #fff; transition: all .4s;}
.form-single-project .form__contact-submit .button_submit:hover { color: rgba(255,255,255,0.7); }
.form-single-project .wpcf7-not-valid-tip { color: #27a6b6; font-size: 13px;}
.content-single-page .page-blogs-content__left .content-single .content .wpcf7 { position: relative;}
.content-single-page .page-blogs-content__left .content-single .content .wpcf7 form .wpcf7-response-output { position: absolute; bottom: 0; left: 0; margin-bottom: 0; right: 0; text-align: center;}

.content-single-page .page-blogs-content__left .content-single .content iframe { max-width: 100%; }
.content-single-page .page-blogs-content__left .content-single .content blockquote { background: #e7f8ff; border: 1px solid #c3c4c7; border-left: 2px solid #27a6b6; padding: 20px 15px; }
.content-single-page .page-blogs-content__left .content-single .content blockquote:first-child { background: #fcf9e8; border-left: 3px solid #dba617; }

.content a { color: #131313; border-bottom: 2px solid #B31E22; }