/* @import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Dongle:wght@300;400;700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
*, *::after, *::before {margin:0;padding: 0;-webkit-box-sizing: inherit;box-sizing: inherit;}
html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  font-size: 56.25%;
  word-wrap: break-word;
}
@media only screen and (min-width: 80.0625em){/*1281px*/
  html{font-size: 62.5%;}
}
body{
    /* font-family: 'M PLUS Rounded 1c', sans-serif; */
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #42525a;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size:1.8rem;
    overflow-x: hidden;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden],template{display:none;}
a,a:active,a:hover,a:focus{outline:none;}
abbr[title]{border-bottom:1px dotted;}
dfn{font-style:italic;}
small{font-size:80%;}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup{top:-0.5em; } sub{bottom:-0.25em; }
img{border:0; max-width:100%; }
svg:not(:root){overflow:hidden; }
hr{-webkit-box-sizing:content-box; box-sizing:content-box; height:0; margin-top:30px; margin-bottom:35px; border-width:0; border-top:1px solid #E1E1E1; }
pre{overflow:auto; }
code,kbd,pre,samp{font-family:monospace,monospace; font-size:1em; }
button,input,optgroup,select,textarea{color:inherit; font:inherit; margin:0; }
button{overflow:visible; }
button,select{text-transform:none; }
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer; }
input:focus,select:focus,textarea:focus,button:focus{outline:none; }
button[disabled],html input[disabled]{cursor:default; }
button::-moz-focus-inner,input::-moz-focus-inner{border:0; padding:0; }
input{line-height:normal; }
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box; padding:0; }
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto; }
input[type="search"]{-webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none; }
legend{border:0; padding:0; } textarea{overflow:auto; }
optgroup{font-weight:bold; }
table{border-collapse:collapse; border-spacing:0; } td,th{padding:0; }
input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: transparent;
}
::-webkit-input-placeholder{color:inherit; opacity:1 !important; }
:-moz-placeholder{color:inherit; opacity:1; }
::-moz-placeholder{color:inherit; opacity:1; }
:-ms-input-placeholder{color:inherit; }
.container {
    position: relative;
    width: 100%;
    max-width: 144rem;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 0 2rem;
}
.container-sm{
  max-width: 120rem;
}
.container::after {content: "";display: table;clear: both;}

a {color: inherit;text-decoration: none;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease;}
strong{font-weight: 700;}
h1, h2, h3, h4, h5, h6{ margin-bottom: 2rem;font-weight: 600;}
p{margin-bottom: 2rem;}
ul{padding-left: 2.5rem;}
.none{display: none;}
/*----------BREADCRUMBS---------*/
.bread-crumbs{
  background-color: #080808;
  color: #fff;
  padding: 1rem 0;
  margin-bottom: 1px;
}
.bread-crumbs ul{list-style:none;padding-left: 0;}
.bread-crumbs ul li{font-size: 1.4rem;display: inline-block;font-weight: 800;}
.bread-crumbs ul li a{color:#fff;display: inline-block;font-weight: 400;}
.bread-crumbs ul li a:hover{color:#f47321;}
.bread-crumbs ul li:after{content:"|";padding-left: 1rem;padding-right: 1rem;}
.bread-crumbs ul li:last-child:after{content:"";padding-left: 0;padding-right: 0;}
/*---------------END BREADCRUMBS----------*/
/*---------------FORM----------*/
input, textarea {
	display: block;
	width: 100%;
	border: 0;
	border: 1px solid transparent;
	padding: 2rem 2rem;
	outline: none;
	background-color: rgba(255,255,255,.2);
	-webkit-transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
	-o-transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
	transition: all 0.3s cubic-bezier(0.57, 0.21, 0.69, 1.25);
	color: #fff;
	border-radius: 10rem;
}
input:focus, textarea:focus{
  border-color: #fff;
}
label{
  display: block;
  margin-bottom: .5rem;
}
button{
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  
}
fieldset{
  border: 0;
  display: block;
}
/*---------------END FORM----------*/
/*---------------CHECKBOX----------*/
label.check-wrapper {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
}
.check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  border:1px solid #e7e7e7;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          -webkit-transition:all .4s ease-in-out;
          -o-transition:all .4s ease-in-out;
          transition:all .4s ease-in-out;
}
.check-wrapper  strong{color:#080808;}
.checkmark:after {content: ""; position: absolute; display: none; }
.check-wrapper input:checked ~ .checkmark:after {display: block; }
.check-wrapper .checkmark::after {
	left: 0.4rem;
	top: 0.2rem;
	width: .5rem;
	height: 1rem;
	border: solid #484848;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
/*---------------END CHECKBOX----------*/
/*---------------COOKIES----------*/
.cc_container .cc_btn{
  background-color: #080808 !important;
  color: #fff !important;
  font-size: 1.6rem !important;
}
.cc_container .cc_btn:hover, .cc_container .cc_btn:active {
	background-color: #262938 !important;
	color: #fff !important;
}
.cc_container p > a{
  font-weight: 600;
  color: #080808;
}
.cc_container .cc_message {
	font-size: 1.6rem !important;
  line-height: 1.2!important;
  font-family: inherit!important;
  color: inherit!important;
}
/*---------------END COOKIES----------*/
/*---------------gallery----------*/
.mfp-arrow::before, .mfp-arrow::after {
	content: none;
}
button.mfp-arrow{
	width: 8rem;
	height: 8rem;
	border: 1px solid #fff;
	border-radius: 50%;

	background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
button.mfp-arrow-right{
  background-image: url(../images/svg/arrow-gallery-white.svg);
  right: 1rem;
}
button.mfp-arrow-left{
  background-image: url(../images/svg/arrow-gallery-white-left.svg);
  left: 1rem;
}
.mfp-bg {
	background: #101011;
	opacity: 1;
}
/*---------------HEADER----------*/
header{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 1.5rem 0;
  z-index: 999;
}
header ul{
  list-style: none;
  padding-left: 0;
}
/*---------------navigation----------*/
nav{
  position: fixed;
  left: 0;
  background-color: #fff;
  top: 0;
  min-height: 100vh;
  height: 100%;
  overflow-y: auto;
  width: 30rem;
  -webkit-transition: all  .4s ease-in-out;
  -o-transition: all  .4s ease-in-out;
  transition: all  .4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  padding-top: 7rem;
}
nav.open{
  opacity: 1;
  visibility: visible;
}

nav li{
  display: block;
}
nav li a{
  display:block;
  padding: 1rem;
  font-weight: 500;
}
nav li a img{
  display: block;
  width: 2.2rem;
}
nav li a img.mobile-icon{
  display: block;
}
nav li a img.desktop-icon{
  display: none;
}
@media only screen and (min-width: 42.5625em){ /*681px*/
  nav{
    position: static;
    left: auto;
    background-color: transparent;
    top: auto;
    min-height: 100%;
    height: auto;
    overflow-y: visible;
    width: auto;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    padding-top: 0;
  }
  nav ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  nav li{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  nav li a{
    display: inline-block;
    color: #fff;
  }
  nav li:first-child a{
    padding-left: 0;
  }
  nav li a img.mobile-icon{
    display: none;
  }
  nav li a img.desktop-icon{
    display: block;
  }
}
/*---------------END HEADER----------*/
/*---------------HOMEPAGE----------*/
/*---------------space----------*/
.space{
  padding:5rem 0;
}

.pt-sm{
  padding-top: 5rem;
}
.pb-sm{
  padding-bottom: 5rem;
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .space{
    padding:15rem 0;
  }
  .pt-sm{
    padding-top: 9rem;
  }
  .pb-sm{
    padding-bottom: 9rem;
  }
}
.no-pt{
  padding-top: 0 !important;
  }
  .no-pb{
    padding-bottom: 0;
  }
/*---------------btns----------*/
.btn {
	display: inline-block;
	border-radius: 10rem;
	background-color: #f79707;
	color: #fff;
	padding: 1rem 2rem 1rem 3rem;
  font-weight: 600;
}
.btn div{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.btn-img{
  width: 3rem;
  height: 3rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  margin-left: 3rem;
}
.btn-img img{
  display: block;
  width: 1.5rem;
}
.btn-blue{
  background-color: #f79707;
  padding: 1rem 2rem;
}
.btn:hover{
  background-color: #02adeb;
}
.btn-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3rem;
}
/*---------------title----------*/
.title{
  margin-bottom: 5rem;
}
.title-center{
  text-align: center;
}
.title-white{
  color: #fff;
}
.title h1, .title h2, .about h2{
  font-size: 3rem;
}
@media only screen and (min-width: 37.5625em){/*601px*/
  .title h1, .title h2, .about h2{
    font-size: 5rem;
  }
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .title{
    margin-bottom: 10rem;
  }
}
/*---------------list----------*/
.list ul{
  list-style: none;
}
.list li{
  margin-bottom: 1.5rem;
}
.list li::before {
	content: '';
	display: inline-block;
	margin-right: 1rem;
	background-image: url(../images/svg/check.svg);
	background-repeat: no-repeat;
	background-position: center;
	width: 2rem;
	height: 2rem;
	vertical-align: middle;
}
/*---------------header section----------*/
.header-section > img,  .who > img{
  display: block;
  width: 100%;
}
.header-section > img{
  height: 468px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 120.0625em) {/*1921px*/
  .header-section > img{
    height: 551px;
  }
}
.news-header-section > img{
  height: 500px;

}
.header-section{
  position: relative;
}
.header-section.home-section > img {
	height: 400px;
	-o-object-fit: cover;
	   object-fit: cover;
}
.header-section.home-section{
  padding-bottom: 22rem;
}
.header-text{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
 

}
.header-section.home-section .header-text{
  padding-top: 12rem;
}
.header-text h1 {
	color: #fff;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.4;
}
@media only screen and (min-width: 25em){ /*400px*/ 
  .header-text h1 {
    font-size: 3.8rem;
  }
}
.header-text p{
  color:  #fff;
  color: #fff;
  width: 80%;
}
.header-text .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

}
.header-left{
  width: 100%;
}
.header-right{
  width: 100%;

}
.no-image{
  padding-top: 8rem;
}
.header-icons {
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.header-icons span{
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
}
.icon-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.5rem;
  width: 33.333%;
  padding: 0 1rem;
}
.icon-row:nth-child(2){
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
}
.header-section.home-section .header-right{
  display: none;
}
.mobile-image{
  display: block;
  margin-top: 3rem;
}
.mobile-image img{
  display: block;
  width: 70%;
  margin: 0 auto;
}
.header-left > img{
  width: 80%;
  margin: 0 auto;
  display: block;
}
.toggle-menu{
  display: block;
  
}
.toggle-menu img{
  display: block;
  width: 3rem;
}
.close-menu{
  position: absolute;
  right: 2rem;
  top: 2rem;
  line-height: 0;
  font-size: 3rem;
  font-weight: 300;
  color: #005f9c;
}
@media only screen and (min-width: 25em){ /*400px*/ 
  .header-section.home-section{
    padding-bottom: 28rem;
  }
}
@media only screen and (min-width: 30.0625em){ /*481px*/
  .header-section.home-section{
    padding-bottom: 36rem;
  }
}
@media only screen and (min-width: 42.5625em){ /*681px*/
  .header-text .container{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header-left{
    width: 45%;
  }
  .no-image.header-left{
    width: 75%;
  }
  .header-right{
    width: 45%;

    padding-top: 30rem;
  }
 
  /* .header-left{
    margin-top: 5rem;
  } */
  .header-section.home-section .header-text{padding-top: 0;}
  .header-section.home-section > img {
    height: 632px;
    /* height: 80vh; */
  }
  .header-section.home-section .header-right{
    display: block;
  }
  .mobile-image{
    display: none;
  }
  .header-left > img{
    width: auto;
    margin: 0;

  }
  .toggle-menu,  .close-menu{
    display: none;
    
  }
  .header-section.home-section{
    padding-bottom: 0;
  }
  .header-icons span{
    color: #fff;
    margin-left: 3rem;
    text-align: left;
    font-size: 2rem;
  }
  .header-icons {
    display: block;
  }
  .icon-row{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: auto;
    padding: 0;
  }
  .icon-row:nth-child(2){
    border: 0;
  }
 
}
@media only screen and (min-width: 40.0625em){/*641px*/
  .header-text h1 {
    font-size: 5rem;
  }
  .no-image{
    padding-top: 16rem;
  }
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .header-right{
    padding-top: 24rem;
  }
}
@media only screen and (min-width: 50.0625em){/*801px*/ 
  .header-right{
    padding-top: 27rem;
  }
  .news-header-section > img{
    height: 722px;
  
  }
}
@media only screen and (min-width: 61.3125em){/*981px*/
  .header-section.home-section > img {
    height: 732px;
  }
} 
@media only screen and (min-width: 120.0625em) {/*1921px*/
  .header-section.home-section > img {
    height: 903px;
  }
}
/*---------------about----------*/
.about{
  padding-top: 10rem;
}
.about h2{
  margin-bottom: 2rem;
}
.about .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.about-text{
  width: 100%;
  -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  margin-top: 5rem;
  padding-bottom: 0;
}

.about-image{
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-top: 5rem;
  overflow: hidden;
}

.about-text .btn{
  margin-top: 5rem;
}

img.mask {
	/* width: 300px; */
	mask-image: url(../images/circle-mob.png);
	-webkit-mask-image: url(../images/circle-mob.png);
	/* height: 289.2px; */
	-o-object-fit: cover;
	object-fit: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
          -webkit-mask-size: 100%; mask-size: 100%;
}
.ask-img img.mask {
	width: 300px;
	height: 289.2px;

}
.shadow {
	position: absolute;
	left:50%;
	top: -2rem;
	opacity: 0.1;
	z-index: -1;
	-webkit-transform: rotate(130deg) scale(1.1) translateX(-50%);
	    -ms-transform: rotate(130deg) scale(1.1) translateX(-50%);
	        transform: rotate(130deg) scale(1.1) translateX(-50%);
  width: 250px;
  -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0;
}
@media only screen and (min-width: 40.0625em){/*641px*/ 
  img.mask {
    /* width: 600px; */
    mask-image: url(../images/circle.png);
    -webkit-mask-image: url(../images/circle.png);
    /* height: 578.2px; */
  }
  .ask-img img.mask{
     width: 600px;
     mask-image: url(../images/circle.png);
     -webkit-mask-image: url(../images/circle.png);
     height: 578.2px;
  }
  .shadow{
    width: auto;
    left: 5rem;
    -webkit-transform: rotate(130deg) scale(1.1);
        -ms-transform: rotate(130deg) scale(1.1);
            transform: rotate(130deg) scale(1.1);
    -webkit-transform-origin: initial;
        -ms-transform-origin: initial;
            transform-origin: initial;
    width: 300px;
    top: 0;
  }
  .about-image{
    display: block;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    margin-top: 0;
   
  }
  .about .container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .about-text{
    width: 53%;
    margin-top: 0;
    padding-bottom: 8rem;
  }
  .about-image{
    width: 47%;
  }
 
}
@media only screen and (min-width: 50.0625em){/*801px*/ 
  .about-text p, .about-text li{
    font-size: 2rem;
  }
}

@media only screen and (min-width: 68.75em) {/*1100px*/
 
} 
@media only screen and (min-width: 76.3125em){/*1221px*/
  .about-text{
    width: 35%;
  }
}
@media only screen and (min-width: 85.4375em){/*1367px*/
  .about{
    padding-top: 20rem;
  }
  .about-image{
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: 60%;
  }
  .about-text{
    width: 45%;
  }
}  
/*---------------who----------*/
.who {
	position: relative;
	/* background-color: #005f9c; */
	/* background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-mobile.png); */
	/* height: 151rem; */
	/* margin-top: -25rem;
	padding-top: 43rem !important;
	background-position: top center; */
}
.who {
	position: relative;
	/* background-color: #005f9c; */
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/bg-mobile.png);
	/* height: 151rem; */
	margin-top: -8rem;
	padding-top: 25rem !important;
	background-position: center;
}
.who > img{
 display: none;
}
.bg-waves {
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/bg-white.png);
	width: 100%;
	height: 11rem;
	margin-top: -10.9rem;
	position: relative;
	z-index: 12;
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}


.who-content {

	z-index: 2;
	padding: 5rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.who-image{
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  position: relative;
}
.who-image::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	background-color: #02adeb;
	opacity: .4;
	z-index: 0;
}
.who-image img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;

}
.who-wrapper h3{
  color: #fff;
  margin-top: 3rem;
  text-align: center;
}
.who-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.who-wrapper article{
  width: 100%;

  margin-bottom: 5rem;
}
.who-wrapper article a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 30.0625em){ /*481px*/ 

  .who-wrapper article{
    width: 50%;
  }
  .who > img{
    height: 143rem;
    width: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
       object-position: top;
  }
  .who{background: transparent;}
  .who-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 20rem;
    padding-bottom: 0;
    margin-top: -3rem;

  }
  .bg-waves {
    margin-top: -15.9rem;
  }
  .who{
    padding-top: 0 !important;
  }
  .who{
    margin-top: -14rem;
  }
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .who-image{
    width: 24rem;
    height: 24rem;
  }
  .who > img{
    height: 187rem;
  }
  .bg-waves {
    margin-top: -25.5rem;
  }
 
}
@media only screen and (min-width: 56.3125em) {/*901px*/ 
  .who-wrapper article{
    width: 33.333%;
  }
  .who > img{
    height: 148rem;
  }
  .who-content {
    padding-top: 35rem;
    margin-top: -11rem;
  }
 
  

}
@media only screen and (min-width: 68.75em) {/*1100px*/
  .who{margin-top: -9rem;}
} 
.bg-waves-2 {
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../images/bg-grey.png);
	width: 100%;
	height: 4rem;
	margin-top: 0;
	position: relative;
	z-index: 12;
	/* transform: rotate(180deg); */
}
@media only screen and (min-width: 40.0625em){/*641px*/ 
  .bg-waves-2 {
    height: 11rem;
  }
}
@media only screen and (min-width: 120.0625em) {/*1921px*/
  .who > img{
    height: 160vh;
  }
  .bg-waves {
    margin-top: -45.5rem;
  }
  
  .bg-waves {
    height: 12rem;
    background-size: cover;
    margin-top: -26.5rem;
  }
  .bg-waves-2 {
    margin-top: -8.5rem;
  }
}
/*---------------news----------*/
.news-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
 
}
.news-wrap-top{
  margin-top: -35rem;
}
@media only screen and (min-width: 40.0625em){/*641px*/ 
  .news-wrap-top{
    margin-top: -25rem;
  }
}
.news-wrapper article, .news-slider article{
  width: 100%;
  margin-bottom: 3rem;
  border-radius: 3rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #f7f7f7;
}

.news-img, .news-slider .news-img{
  overflow: hidden;
  border-top-left-radius: 3rem;
  border-top-right-radius: 3rem;

}
.news-img img, .news-slider .news-img img{
  width: 100%;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  display: block;

}
.news-img:hover img, .news-slider .news-img:hover img{
  -webkit-transform: scale(1.02);
      -ms-transform: scale(1.02);
          transform: scale(1.02);
}
.news-wrapper article h3, .news-slider article h3 {
	font-size: 2.1rem;
	margin-top: 2rem;
  margin-bottom: 2rem;
  -webkit-transition: all  .4s ease-in-out;
  -o-transition: all  .4s ease-in-out;
  transition: all  .4s ease-in-out;
  padding: 0 2rem;
}
.news-wrapper article h3:hover, .news-slider article h3:hover{
  color: #005f9c;
}
.news-wrapper article .btn, .news-slider article .btn{
  margin: auto 2rem 3rem 2rem;
  -ms-flex-item-align: start;
      align-self: flex-start;
  
}
.news-wrapper article p, .news-slider article p {
	font-size: 1.6rem;
	padding: 0 2rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 37.5625em){/*601px*/ 
  .news-wrapper{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .news-wrapper article{
    width: 48.5%;
    margin-right: 3%;;
  }
  .news-wrapper article:nth-child(2n+2){
    margin-right: 0;
  }
}
@media only screen and (min-width: 48.0625em){ /*769px*/ 
  .news-wrap-top{
    margin-top: -30rem;
  }
}
@media only screen and (min-width: 50.0625em){/*801px*/ 
  .news-wrapper article{
    width: 31.3%;
  }
  .news-wrapper article:nth-child(2n+2){
    margin-right: 3%;
  }
  .news-wrapper article:nth-child(3n+3){
    margin-right: 0;
  }
  .news-home  .news-wrapper article:last-child{
    display: none;
  }
}
@media only screen and (min-width: 64.0625em) {/*1025px*/
  .news-wrapper article{
    width: 22.7%;
  }
  .news-wrapper article:nth-child(3n+3){
    margin-right: 3%;
  }
  .news-wrapper article:nth-child(4n+4){
    margin-right: 0;
  }
  .news-home  .news-wrapper article:last-child{
    display: flex;
  }
}
/*---------------products----------*/
.slide-inner, .box-inner{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.products{
  background-color: #f7f7f7;
  margin-top: 0;
  background-image: url(../images/dots.png);
  background-repeat: no-repeat;
  background-position: bottom left;
}
.product-image{
  width: 100%;
  margin-bottom: 3rem;
}
.product-image img {
	display: block;
	width: 70%;
	margin: 0 auto;
}
.product-text {
	width: 100%;
	padding: 4rem;

	position: relative;
	z-index: 1;
	background-color: #005f9c;
	color: #fff;
	font-size: 1.8rem;
	border-radius: 2rem;
}
.products .container{
  max-width: 120rem;
}
.product-text h3{
  font-size: 2.6rem;
}
.product-text .btn{
  background-color: #f79707;
}
.product-text .btn:hover{
  opacity: .7;
}
.product-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-box{
  width: 100%;
  margin-bottom: 5rem;
}
@media only screen and (min-width: 43.75em){/*700px*/ 
  .slide-inner, .box-inner{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .product-image{
    width: 30%;
  }
  .product-text {
    width: 60%;
    margin-left: -5rem;
  }

  .product-image img {
    width: 100%;
    margin: 0;
  }
  .product-box  .product-image  {
   width: 30%;
  }
}
/*---------------slick dots----------*/
.slick-dots{
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-top: 5rem;
}
.slick-dots li{
  display: inline-block;
  margin-right: 1rem;
}
.slick-dots li  button{
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background-color: #005f9c;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  font-size: 0;
  border: 0;
}
.slick-dots li.slick-active button{
  background-color: #02adeb;

}


/*---------------END HOMEPAGE----------*/
/*---------------FOOTER----------*/
footer .container{
  padding: 5rem 2rem;
  background-color: #005f9c;
  color: #fff;
  border-radius: 2rem;
  font-size: 1.6rem;
}
.footer-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.footer-wrapper article{
  width: 100%;
  margin-bottom: 3rem;
}
.footer-wrapper article.newsletter{
  margin-bottom: 0;
}
.footer-wrapper ul{
  list-style: none;
  padding-left: 0;
}
.newsletter-wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
          position: relative;
}
.btn-newsletter {
position: absolute;
right: 1rem;
	display: inline-block;
	width: auto;
	background-color: #02adeb;
	padding: 1rem 2rem;
  outline: none;
  top:50%;
  transform:translateY(-50%);
}
.newsletter input{
  outline: none;
}
.newsletter .check-wrapper .checkmark::after{
  border-color: #fff;
}
.newsletter .check-wrapper{
  margin-top: 2rem;
  margin-left: 2rem;
}
footer h3{
  text-transform: uppercase;
}
@media only screen and (min-width: 42.5625em){ /*681px*/ 
  .footer-wrapper article.newsletter{
    width: 60%;
  }
  footer .container{
    padding: 5rem;
  }
}
@media only screen and (min-width: 56.3125em) {/*901px*/ 
  .footer-wrapper{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer-wrapper article{
    width: 23%;
    margin-bottom: 0;
  }
  .footer-wrapper article.newsletter{
    width: 33.333%;
  }
}
/*---------------ask----------*/
.ask{
  position: relative;
  padding: 5rem 0;
}
.ask-img {
	-webkit-transform: scale(0.6);
	    -ms-transform: scale(0.6);
	        transform: scale(0.6);
	margin: -5rem 0;
}
.ask .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ask-text {
	width: 100%;
	position: absolute;
	left:0;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	    -ms-transform: translate(0,-50%);
	        transform: translate(0,-50%);
}
.ask-text .btn{
  margin-left: 5rem;
}
@media only screen and (min-width: 30.0625em){ /*481px*/ 
  .ask-text {
    width: 60%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
  }
  .ask-text .btn{
    margin-left: 0;
  }
}


@media only screen and (min-width: 40.0625em){/*641px*/ 
  .ask{
    padding: 0;
  }
  .ask-text {
    left: 20%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@media only screen and (min-width: 50.0625em){/*801px*/
  .ask-text {
    left: 30%;
  }
}
/*---------------copyright----------*/
.copyright{
  font-size: 1.6rem;
  padding: 2rem 0;
}
.copyright .container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.social{
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 1.5rem 0;
}
.social a{
  display: inline-block;
}
.social a:not(:last-child){
  margin-right: 1rem;
}
.social a img{
  display: block;
  width: 3rem;
}
@media only screen and (min-width: 37.5625em){/*601px*/ 
  .copyright .container{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .social{
    padding: 0;
  }
}
/*---------------END FOOTER----------*/
/*---------------PAGES----------*/
/*---------------accordion----------*/
.accordion-wrapper {
  counter-reset: accordion-counter;
}

.accordion {
  padding: 2rem;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  counter-increment: accordion-counter;
  border-bottom: 1px solid #e7e7e7;
}
.accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.accordion__head_text {
  position: relative;
  padding-left: 5rem;
  font-size: 2rem;
  margin-bottom: 0;
  font-weight: 500;

}
.accordion__head_text:before {
  content: counter(accordion-counter);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3.5rem;
  height: 3.5rem;
  background-color: #005f9c;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.4rem;
  font-weight: 600;
}
.accordion__head_btn {
  width: 4rem;
  height: 4rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: none;
  background-color: transparent;
}
.accordion__body p{

  font-size: 1.6rem;
}
.accordion__head_btn:before, .accordion__head_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
  height: 2px;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #005f9c;
}
.accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.accordion--active .accordion__head_text:before {
  -webkit-transform: translateY(-50%) rotate(360deg);
      -ms-transform: translateY(-50%) rotate(360deg);
          transform: translateY(-50%) rotate(360deg);
}
.accordion--active .accordion__head_btn {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.accordion--active .accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.accordion--active .accordion__body {
  margin-top: 3rem;
}

/*---------------news page----------*/

.news-content{
  width: 100%;
}
.news-content h4{
  font-size: 2.6rem;
}
.news-aside{
  width: 100%;
  margin-top: 5rem;
}
.news-content .news-wrapper{
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;

}
.news-content .news-wrapper .btn{
  font-size: 1.6rem;
}
 .news-slider .btn{
  font-size: 1.6rem;
}
.news-content .news-wrapper article, .news-slider article{
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
 .news-content .news-wrapper article{
  width: 100%;
  flex-direction: column;
} 

.news-slider article{
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.news-content .news-wrapper article .news-img{
  width: 100%;
}
 .news-slider article .news-img{
  width: 100%;
}
.news-text{
  width: 100%;
}
.news-content .news-wrapper article .news-img img{
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-slider article .news-img img{
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-content p:first-of-type{
  font-size: 2.6rem;
}
/* .desktop-news{
  display: none;
} */
.mobile-news{
  display: block;
}
.single-news-page .news-content{
  margin-top: -22rem;
}
@media only screen and (min-width: 40.0625em){/*641px*/ 
  .news-content .news-wrapper article .news-img{
    width: 38%;
  }
  .news-text{
    width: 60%;
  }
  .news-content .news-wrapper article{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
 
@media only screen and (min-width: 42.5625em){ /*681px*/ 
  .desktop-news{
    display: block;
  }
  .mobile-news{
    display: none;
  }
 
}
@media only screen and (min-width: 50.0625em){/*801px*/ 
  .single-news-page .news-content{
    margin-top: -30rem;
  }
}
@media only screen and (min-width: 56.3125em) {/*901px*/ 
  .news-wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .news-content{
    width: 70%;
  }
  .single-news-page .news-content{
    margin-top: -50rem;
  }
  .news-aside{
    width: 20%;

  }
  .single-news-page  .news-aside{
    margin-top: -50rem;
  }
}
@media only screen and (min-width: 80.0625em){/*1281px*/ 
  .single-news-page  .news-aside{
    margin-top: -50rem;
  }
  .single-news-page .news-content{
    margin-top: -50rem;
  }
}
.news-header-section img{
  display: none;
} 
.news-header-section{
  background-image: url(../images/header.png);
  background-repeat: no-repeat;
  background-size: 115rem;
}
.news-header-section .header-text{
  position: static;
  left: auto;
  top: auto;
}
.single-news-page .news-content{
  margin-top: 0;
}
.single-news-wrapper{
  margin-top: 5rem;
}

.single-news-wrapper .news-aside{
  width: 100%;
}
.single-news-page .news-content{
  width: 100%;
}
@media only screen and (min-width: 30.0625em){ /*481px*/ 
  .news-header-section{
    background-size: 147rem;
  }
}
@media only screen and (min-width: 42.5625em){ /*681px*/
  .news-header-section{
    background-size: 200rem;
  }
}
@media only screen and (min-width: 56.3125em) {/*901px*/ 
  .single-news-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .single-news-wrapper .news-aside{
    width: 20%;
    margin-top: 35rem;
  }
  .single-news-page .news-content{
    width: 70%;
  }
}
@media only screen and (min-width: 75.0625em){/*1201px*/
  .single-news-wrapper .news-aside{
    margin-top: 25rem;
  }
}
@media only screen and (min-width: 100em){/*1600px*/ 
  .single-news-wrapper .news-aside{
    margin-top: 35rem;
  }
  .news-header-section{
    background-size: contain;
  }
}
/*---------------most read----------*/
.most-read{
  margin-top: 3rem;
}
.most-read h2{
  font-size: 2.4rem;

}
.most-read article h3{
  font-size: 1.8rem;
  color: #005f9c;
}
.most-read article p{
  font-size: 1.6rem;
}
.most-read article{
  border-bottom:1px solid #e7e7e7;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
/*---------------news page single----------*/
.single-news-image img{
  width: 100%;
  display: block;
}
.share{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
.share img{
  display: block;
  width: 3rem;
}
.share-toggle{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  margin: 1.5rem 0;
  background-color: #005f9c;
  border-radius: 1rem;
  padding: 1rem;
  color: #fff;
}
.share-toggle img {
	display: inline-block;
	margin-left: 2rem;
	width: 2rem;
}
.share-dropdown {
	position: absolute;
	right: 0;
	top: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-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;
	padding: 1rem;
	background-color: #fff;
	border-radius: 1rem;
	border: 1px solid #e7e7e7;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.share-dropdown.open{
  opacity: 1;
  visibility: visible;
}
.share-dropdown a{
  display: inline-block;
}
.share-dropdown a:not(:last-child){
  margin-right: 1rem;
}
/*---------------pagination----------*/
.pagination{
  margin: 2rem 0;
}
.pagination ul{
  list-style: none;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}
.pagination li{
  display: inline-block;
}
.pagination li a{
  display: inline-block;
  padding: 1rem 2rem;
  background-color: #e7e7e7;
}
.pagination li a:hover, .pagination li a.active{
  background-color: #005f9c;
  color: #fff;
}
.pagination li:not(:last-child){
  margin-right: 1rem;
}
/*---------------contact----------*/
.contact-page .container{
  max-width: 80rem;
  margin: 0 auto;
}
.form-wrapper{
  padding: 2rem;
  border:1px solid #e7e7e7;
  position: relative;
  padding-top: 10rem;
  border-radius: 3rem;
}
.form-wrapper::before{
  content: '';
  position: absolute;
  left: 50%;
  top: -4rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  border:1px solid #e7e7e7;
  z-index: 1;
  background-color: #fff;
  background-image: url(../images/svg/mail.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background-size: 3rem;
}
fieldset{
  display: block;
  border:0;
  width: 100%;
}
.form-wrapper form input,  .form-wrapper form textarea{
  border:1px solid #e7e7e7;
  color: #333;
  padding: 1rem;
}
.form-wrapper form textarea{
  border-radius: 2rem;
}
.form-wrapper form .checkmark{
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  top: 8px;
}
button{
  border: 0;
  -webkit-transition: all  .4s ease-in-out;
  -o-transition: all  .4s ease-in-out;
  transition: all  .4s ease-in-out;
}
.success{
  text-align: center;
}
@media only screen and (min-width: 25em){ /*400px*/ 
  .form-wrapper{
    padding: 4rem;
  }
}
/*---------------logos----------*/
.logos-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.logos-wrapper a {
	width: 100%;
	border-radius: 1rem;
	padding: 6rem;
	display: block;
	margin-bottom: 2rem;
	box-shadow: 0px 8px 10px 7px rgba(0,0,0,.05);
  background-color: #fff;
}
.logos-wrapper a:hover{
  box-shadow: none;
}
.logos-wrapper a img{
  width: 100%;
  display: block;
}

@media only screen and (min-width: 25em){ /*400px*/ 
  .logos-wrapper a {
    width: 49%;
    margin-right: 2%;
    padding: 4rem;

  }
  .logos-wrapper a:nth-child(2n+2){
    margin-right: 0;
  }
}
@media only screen and (min-width: 40.0625em){/*641px*/ 
  .logos-wrapper a {
    width: 32%;
  }
  .logos-wrapper a:nth-child(2n+2){
    margin-right: 2%;
  }
  .logos-wrapper a:nth-child(3n+3){
    margin-right: 0;
  }
}
@media only screen and (min-width: 61.3125em){/*981px*/
  .logos-wrapper a {
    width: 23.5%;
    padding: 6rem;
  }
  .logos-wrapper a:nth-child(3n+3){
    margin-right: 2%;
  }
  .logos-wrapper a:nth-child(4n+4){
    margin-right: 0;
  }
}

/*---------------END PAGES----------*/