*, *:before, *:after {
box-sizing: border-box;
padding: 0;
margin: 0;
}
html{
-webkit-font-smoothing: antialiased;
}
body {
margin: 0;
padding: 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 16px;
font-weight: normal;
color: #36548B;
background-color: #ededed;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on;
*zoom: 1;
line-height:1.5;
}
.wrapper {
width: 100%;
margin: 0 auto;
}
header {
position: fixed;
width: 100%;
z-index: 88;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.preheader {
width: 100%;
padding: 3px 2%;
background-color: rgba(0, 74, 146, 0.8);
}
.ph_left {
float: left;
text-align: left;
//background: red;
width: 50%;
height: 28px;
color: #fff;
font-size: 15px;
line-height: 25px;
letter-spacing: 1px;
}
.ph_right {
float: right;
text-align: right;
width: 50%;
height: 28px;
}
.languages a {
text-transform: uppercase;
}
.footer {
width: 100%;
box-sizing: border-box;
background-color: #004A92;
border-top: 1px solid #ddd;
color: #fff;
}
.footeri {
width: 90%;
margin: 0 auto;
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(3, 1fr);
padding: 20px 0;
color: #fff;
}
.footeri ul a{
color: #fff;
font-size: 16px;
line-height: 25px;
letter-spacing: 1px;
}
.footeri ul {
list-style: square;
margin-left: 15px;
}
.footer>p {
text-align: center;
margin: 0;
padding: 0;
padding-bottom: 10px;
}
.foot1 h2, .foot2 h2, .foot3 h2{
font-size: 22px;
margin-bottom: 8px;
font-weight: normal;
color: #fff;
text-transform:uppercase;
letter-spacing:1px;
}
.foot1 p {
padding: 0;
color: #fff;
font-size: 16px;
}
.foot1 hr, .foot2 hr, .foot3 hr{
width: 40px;
margin: 10px 0;
border: 2px solid #fff;
}
.foot3 i {
color: #f1f1f1;
font-size: 25px;
}
.foot3 a i {
color: #f1f1f1;
font-size: 28px;
margin-right: 10px;
}
hr.ftr {
width: 100%;
border: 1px solid #fff;
box-sizing: border-box;
margin-bottom:15px;
}
.container {
background-color: #ededed;
position: relative;
padding: 5px 5%;
margin: 0 auto;
width: 100%;
font-size: 16px;
color: #004A92;
min-height: 200px;
margin-bottom:25px;
}
.container p {
line-height: 24px;
}
a:link, a:visited {
text-decoration: none;
color: #004A92;
}
.blanc {
width: 100%;
height: 100px;
}
.animation_image_gallery, .animation_image_info {
text-align: center;
}
.content {
position: relative;
min-height: 450px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
zoom: 1;
}
.halfPart {
width: 50%;
float: left;
background: green;
}
.respo {
margin: 0 auto;
text-align: center;
padding: 18px;
}
ul.sitemapp {
margin-left: 28px;
}
ul.sitemapp li {
margin-left: 18px;
padding: 5px 0;
color: #175589;
font-size: 16px;
}
ul.sitemapp li a {
color: #004A92;
transition: all .2s ease-in;
}
ul.sitemapp li a:hover {
color: #ACD935;
padding-left: 8px;
}
ul.sitemapp li a li a {
color: #004A92;
}
.s {
color: green;
}
.e {
color: red;
}
.accordion {
padding-bottom: 1px;
width: 100%;
margin: auto;
position: relative;
top: 0;
left: 0;
bottom: 0;
right: 0;
box-sizing: border-box;
}
.accord-header {
background: #f8f8f8;
padding: 8px 18px;
text-align: left;
margin-bottom: 8px;
color: #004A92;
border: 1px solid #fff;
}
.accord-header:hover {
background: #004A92;
cursor: pointer;
color: #fff;
}
.accord-content {
display: none;
padding: 10px 15px;
background: #fff;
margin-bottom: 8px;
}
#ourpartners, #lmnews{
margin-bottom:40px;
}
#ourpartners{
//background-image:url("/webroot/img/wm.png");
//background-color:#F0F0F0;
background-position:center center;
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;
padding:30px 0;
}
table.ms {
border-collapse: collapse;
width: 100%;
border: none;
}
table.ms th {
background-color: #ededed;
}
table.ms th, table.ms td {
color: #004A92;
padding: 8px;
text-align: left;
border-bottom: 1px solid #004A92;
}
table.ms tr:hover {
background-color: #D3DCEF;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
ul.simple {
margin-left: 18px;
}
ul.checklist {
list-style: none;
padding: 0;
margin: 0 auto;
margin-left: -25px;
display: block;
width: 100%;
}
.checklist li {
padding-left: 25px;
font-size: 16px;
color: #004A92;
text-align: left;
font-weight: normal;
}
.checklist li::before {
content: "\f058";
font-family: "Font Awesome 5 Free";
display: inline-block;
margin-right: 12px;
width: 18px;
line-height: 25px;
color: #004A92;
font-size: 22px;
line-height: 35px;
}
/* scrollbar */
.ss-wrapper {
overflow: hidden;
height: 100%;
position: relative;
z-index: 1;
float: left;
}
.ss-content {
height: 100%;
width: 100%;
padding: 0 18px 0 0;
position: relative;
right: -18px;
overflow: auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ss-scroll {
position: relative;
background: rgba(0, 0, 0, .1);
width: 5px;
top: 0;
left: 100%;
z-index: 2;
cursor: pointer;
opacity: 0;
transition: opacity 0.25s linear;
}
.ss-container:hover .ss-scroll {
opacity: 1;
}
.ss-grabbed {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
}
/* scrollbar */
.elements_holder {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(4, 1fr);
}
.block_element img {
width: 100%;
}
/* by numbers */
.bynumbers {
background-image: url("/webroot/img/bynumbers.svg");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
font-size: 20px;
color: #fff;
width: 100%;
overflow: hidden;
margin: 25px 0;
}
.bynumbers .owl-item {
text-align: center;
width: 100%;
float: left;
padding: 10px 0;
}
.bynumbers p {
font-size: 20px;
font-weight: normal;
}
.timer {
font-size: 40px;
font-weight: normal;
}
/* By numbers */
/* Slider */
/* Slider */
.bcont{
width:90%;
position:relative;
margin-top:30px;
margin:auto;
}
.bcont .slider div img {
width: 100%;
padding: 5px;
border:1px solid #ddd;
background-color:rgba(255,255,255,0.1);
}
.bcont .slick-dots {
text-align: center;
margin: 15px 0 10px 0;
padding: 0;
}
.bcont .slick-dots li {
display: inline-block;
margin-left: 4px;
margin-right: 4px;
}
.bcont .slick-dots li.slick-active button {
background-color: #9C4C55;
}
.bcont .slick-dots li button {
text-shadow: none;
color: transparent;
background-color: transparent;
border: 1px solid #555;
width: 10px;
border-radius: 50%;
outline:none;
cursor: pointer;
}
.bcont .slick-dots li :hover {
background-color: black;
}
.bcont .slick-slide {
margin: 0 10px;
}
.bcont .slick-list {
margin: 0 -10px;
}
.bcont .prev, .bcont .prevb{
position: absolute;
top: calc(50% - 15px);
left: -1.5em;
}
.prev span, .next span, .bcont .prevb span,.bcont .nextb span{
cursor: pointer;
}
.bcont .next, .bcont .nextb{
position: absolute;
top: calc(50% - 15px);
right: -1.6em;
}


/* Main Slider */
.sl{
position:relative;
}
.caption, .slick-slide::before, .slick-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slick-slide::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main-slider {
position: relative;
width:100%;
height: 45vw;
min-height: 8vw;
opacity: 0;
visibility: hidden;
transition: all 1.2s ease;
margin:auto;
}
.main-slider.slick-initialized {
opacity: 1;
visibility: visible;
}
.main-slider .slick-slide {
position: relative;
height: 45vw;
}
.main-slider .slick-slide::before {
background-color: #000;
opacity: 0.3;
z-index: 1;
}
.main-slider .slick-slide video {
display: block;
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
}
.main-slider .slick-slide iframe {
position: relative;
pointer-events: none;
}
.main-slider .slick-slide figure {
position: relative;
height: 100%;
}
.main-slider .slick-slide .slide-image {
opacity: 0;
height: 100%;
background-size: cover;
background-position: center;
transition: all 0.8s ease;
}
.main-slider .slick-slide .slide-image.show {
opacity: 1;
}
.main-slider .slick-slide .image-entity {
width: 100%;
opacity: 0;
visibility: hidden;
}
.main-slider .slick-slide .loading {
position: absolute;
top: 44%;
left: 0;
width: 100%;
}
.main-slider .slick-slide .slide-media {
-webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.main-slider .slick-slide.slick-active {
z-index: 1;
}
.main-slider .slick-slide.slick-active .slide-media {
-webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}
.main-slider .slick-slide.slick-active .caption {
opacity: 1;
transform: translateY(0);
transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}
.caption {
position: absolute;
//width:40%;
text-transform:uppercase;
font-size: 22px;
top: 42%;
left: 5%;
text-align: left;
padding: 15px;
background-color:rgba(0,74,146,0.8);
color: #fff;
margin: 0;
//font-weight: normal;
letter-spacing: 2px;
line-height:1.5;
opacity: 0;
z-index: 1;
transition: all 0.3s ease;
transform: translateY(100px);
}
.main-slider .slick-dots {
text-align: center;
position:absolute;
bottom:60px;
width:100%;
}
.main-slider .slick-dots li {
display: inline-block;
vertical-align: top;
margin: 0 8px;
}
.main-slider .slick-dots li button {
width: 16px;
height: 16px;
border: none;
cursor: pointer;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 0 0 0 transparent;
vertical-align: middle;
color: #fff;
//background-color: #eee;/**/
transition: all 0.3s ease;
opacity: 0.4;
text-indent:-8888px;
}
.main-slider .slick-dots li button:focus {
outline: none;
}
.main-slider .slick-dots li button:hover {
opacity: 1;
}
.main-slider .slick-dots li.slick-active button {
border-color: #2d3042;
box-shadow: 0 0 0 2px #fff;
opacity: 1;
}
.sl .next img, .sl .prev img{
width:20px;
}
.next{
position:absolute;
top: calc(50% - 12.5px);
right:10px;
}
.prev{
position:absolute;
top: calc(50% - 12.5px);
left:10px;
}
@-webkit-keyframes slideIn {
  from {
    filter: blur(15px);
  }
  to {
    filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    filter: blur(15px);
  }
  to {
    filter: blur(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    filter: blur(0);
  }
  to {
    filter: blur(15px);
  }
}
@keyframes slideOut {
  from {
    filter: blur(0);
  }
  to {
    filter: blur(15px);
  }
}
/* PAGEING */
ul.paging {
padding: 10px 0 10px 0;
text-align: center;
margin: 18px 0;
}
ul.paging li {
display: inline;
list-style: none;
font-size: 15px;
cursor: pointer;
}
ul.paging li a {
background-color: #fff;
margin: 2px;
color: #004A92;
text-decoration: none;
padding: 5px 10px;
}
ul.paging li a:hover {
background-color: #004A92;
color: #fff;
}
ul.paging li.current {
background-color: #004A92;
color: #fff;
cursor: default;
margin: 2px;
padding: 5px 10px;
}
.shad {
-webkit-box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.61);
-moz-box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.61);
box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.61);
}
.fop {
background: rgba(255, 255, 255, 0.88);
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* PAGE TITLE */
.h1-title, .h1-title-dark{
position:relative;
text-align:center;
margin-bottom:30px;
}
.h1-title h1{
font-weight:normal;
font-size:25px;
letter-spacing:3px;
text-transform:uppercase;
color:#004A92;
margin:0;
padding:0;
margin-bottom: 10px;
}
.h1-title hr {
height: 4px;
width: 80px;
position: relative;
background: #004A92;
border: 0;
display: inline-block;
}
.h1-title-dark h1{
font-weight:normal;
font-size:30px;
letter-spacing:3px;
text-transform:uppercase;
color:#fff;
margin:0;
padding:0;
}
.h1-title-dark hr {
height: 4px;
width: 80px;
position: relative;
background: #fff;
border: 0;
margin-bottom: 30px;
display: inline-block;
}
.show {
cursor: pointer;
color: #00535a;
margin: 18px 0;
}
.hide {
display: none;
}
.hidden {
display: none;
}
.lresponser,
.rresponser,
.presponser {
margin: 18px 0;
}
.tooltipp {
display: none;
position: absolute;
border: 1px solid #555;
background-color: #fff;
padding: 10px;
color: #555;
font-size: 12px;
z-index: 88;
}
/* Service box */
.sb_container{
width:100%;
margin: 0 auto;
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(3, 1fr);
padding: 20px 0;
}
.sb_container .item:hover {
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
}
.sb_container .item{
position: relative;
padding:30px 40px;
overflow: hidden;
background-color:#f8f8f8;
-webkit-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.1);
box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.1);
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
z-index:0;
}
.sb_container .item h2 {
font-size:20px;
font-weight:bold;
text-align:center;
color:#004A92;
margin:15px 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.sb_container .item p {
font-size:16px;
font-weight:normal;
color:#004A92;
text-align:center;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.sb_container .item a {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:3;
padding:0;
}
.sb_container .item .img {
position: relative;
border:2px solid #F2A800;
width:50px;
height: 50px;
padding:10px;
text-align: center;
margin:auto;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;
background-color:#fff;
}
.sb_container .item::after {
background-color: #004A92;
content: "";
height: 100%;
left: -100%;
position: absolute;
top: 0;
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
width: 100%;
z-index: -1;
}
.sb_container .item:hover::after {
left: 0;
}
.sb_container .item:hover h2{
color: #fff !important;
animation: fadeInUp .7s ease-in-out forwards alternate;
}
.sb_container .item:hover p {
color: #fff !important;
animation: fadeInUp 1s ease-in-out forwards alternate;
}
.sb_container .item:hover .img{
border:2px solid #fff;
}
.sb_container .item .service{
background: url('/webroot/img/service.svg') center center/75% no-repeat;
}
.sb_container .item:hover .service{
background: url('/webroot/img/service-white.svg') center center/75% no-repeat;
background-color:#004A92;
animation: zoom 1.1s ease-in-out forwards alternate;
}
.sb_container .item .weighting{
background: url('/webroot/img/weighting.svg') center center/75% no-repeat;
}
.sb_container .item:hover .weighting{
background: url('/webroot/img/weighting-white.svg') center center/75% no-repeat;
animation: zoom 1.1s ease-in-out forwards alternate;
background-color:#004A92;
}
.sb_container .item .lunload{
background: url('/webroot/img/lunload.svg') center center/75% no-repeat;
}
.sb_container .item:hover .lunload{
background: url('/webroot/img/lunload-white.svg') center center/75% no-repeat;
background-color:#004A92;
animation: zoom 1.1s ease-in-out forwards alternate;
}
.sb_container .item .storage{
background: url('/webroot/img/storage.svg') center center/75% no-repeat;
}
.sb_container .item:hover .storage{
background: url('/webroot/img/storage-white.svg') center center/75% no-repeat;
background-color:#004A92;
animation: zoom 1.1s ease-in-out forwards alternate;
}
.sb_container .item .security{
background: url('/webroot/img/security.svg') center center/75% no-repeat;
}
.sb_container .item:hover .security{
background: url('/webroot/img/security-white.svg') center center/75% no-repeat;
background-color:#004A92;
animation: zoom 1.1s ease-in-out forwards alternate;
}
.sb_container .item .railway{
background: url('/webroot/img/railway.svg') center center/75% no-repeat;
}
.sb_container .item:hover .railway{
background: url('/webroot/img/railway-white.svg') center center/75% no-repeat;
background-color:#004A92;
animation: zoom 1.1s ease-in-out forwards alternate;
}
@keyframes zoom {
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.3);
    }    
	100% {
        transform: scale(1.0);
    }
}
@keyframes fadeInUp {
	0% {
	   opacity: 0;
	   transform: translateY(80px);
	}
	100% {
	   opacity: 1;
	   transform: translateY(0);
	}
}
/* FORM ELEMENTS */
.frow {
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap:50px;
}
.fcol{

}
.partners img {
width: 100%;
height: auto;
}
.MultiFile-label {
padding: 10px;
display:inline-block;
margin: 8px 0;
}
input[type="file"] {
position: relative;
width: 58px;
height: 58px;
opacity: 0;
box-sizing: border-box;
}
#attachmentFile:before {
position: absolute;
content: url(/webroot/img/upload.svg);
border: 1px solid #004A92;
display: inline-block;
height: 60px;
padding: 18px;
cursor: pointer;
box-sizing: border-box;
}
.msButton {
-moz-box-shadow: inset -1px 1px 0px 0px #ffffff;
-webkit-box-shadow: inset -1px 1px 0px 0px #ffffff;
box-shadow: inset -1px 1px 0px 0px #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
background-color: #ededed;
border: 1px solid #dcdcdc;
display: inline-block;
cursor: pointer;
color: #777777;
font-family: Arial;
font-size: 16px;
padding: 8px 16px;
text-decoration: none;
text-shadow: 0px 1px 0px #ffffff;
}
.msButton:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
background: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
background: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
background-color: #dfdfdf;
}
.msButton:active {
position: relative;
top: 1px;
}
a.butn {
margin: 0 auto;
display: block;
max-width: 320px;
text-align: center;
cursor: pointer;
outline: none;
overflow: hidden;
position: relative;
color: #fff;
font-size: 15px;
background-color: #004A92;
padding: 17px 50px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 25px;
box-shadow: 0 5px 15px rgba(0,0,0,0.20);
z-index: 1;
}
#cur_info:after, #cur_gallery:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent #DA251D transparent;
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
z-index: -1;
}

a.butn:hover #cur_info:after, a.butn:hover #cur_gallery:after {
border-color: transparent transparent #DA251D transparent;
border-width: 0 0 500px 500px;
}

a.rm {
padding: 8px 15px;
margin: 15px 0;
border: 2px solid #004A92;
color: #004A92;
}

a.rm:hover {
padding: 8px 15px;
margin: 15px 0;
border: 2px solid #b73458;
color: #b73458;
}

.captcha {
margin: 10px 0;
display: block;
}

/* ATTRIBUTES */

.nothing {
margin: 5% auto;
width: 280px;
padding: 1% 2%;
border: 1px solid #ddd;
font-weight: bold;
text-align: center;
color: #ccc;
text-shadow: 1px 1px 1px #fff;
}

.w100 {
width: 100%;
}

.w98 {
width: 98%;
margin: 0 auto;
}

.w95 {
width: 95%;
margin: 0 auto;
}

.w90 {
width: 90%;
margin: 0 auto;
}

.w80 {
width: 80%;
margin: 0 auto;
}

.w70 {
width: 70%;
margin: 0 auto;
}

.w60 {
width: 50%;
margin: 0 auto;
}

.w50 {
width: 50%;
margin: 0 auto;
}

.w30 {
width: 30%;
margin: 0 auto;
}

.e {
color: red;
}

.s {
color: green;
}

.calr {
width: 100%;
padding: 10px;
margin: 10px 0;
}

.response {
display: none;
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #eee;
background: #f8f8f8;
text-align: center;
}

.centered_m {
margin: 0 auto;
}

.centered_t {
text-align: center;
}

.dN {
display: none;
}


/* search box */

.search {
display: table;
float: right;
}

.search input[type="text"] {
background: none;
border: none;
outline: none;
width: 28px;
min-width: 0;
padding: 0;
z-index: 1;
position: relative;
line-height: 18px;
margin: 5px 0;
font-size: 14px;
-webkit-appearance: none;
-webkit-transition: all .6s ease;
transition: all .6s ease;
cursor: pointer;
color: #fff;
box-sizing: border-box;
}

.search input[type="text"] + div {
position: relative;
height: 28px;
width: 100%;
margin: -28px 0 0 0;
}

.search input[type="text"] + div svg {
display: block;
position: absolute;
height: 28px;
width: 160px;
right: 0;
top: 0;
fill: none;
stroke: #fff;
stroke-width: 1.5px;
stroke-dashoffset: 271.908;
stroke-dasharray: 59 212.908;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}

.search input[type="text"]:not(:placeholder-shown),
.search input[type="text"]:focus {
width: 160px;
padding: 0 4px;
cursor: text;
}

.search input[type="text"]:not(:placeholder-shown) + div svg,
.search input[type="text"]:focus + div svg {
stroke-dasharray: 150 212.908;
stroke-dashoffset: 300;
}

/* subscribe */

.sbbg {
background-color: #809BCE;
background-image: url("/webroot/img/subbg.svg");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
//background-position: top center;
padding: 4% 5%;
}

.subscribe {
text-align: center;
}

.btn {
display: inline-block;
background: transparent;
color: inherit;
font: inherit;
border: 0;
outline: 0;
padding: 0;
transition: all 200ms ease-in;
cursor: pointer;
text-transform: uppercase;
}

.btn--primary {
background: #A8CF45;
color: #fff;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
border-radius: 2px;
padding: 12px 36px;
}

.btn--primary:hover {
background: #004A92;
}

.btn--primary:active {
box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.2);
}

.btn--inside {
margin-left: -96px;
}

.form__field {
width: 50%;
background: #fff;
color: #a3a3a3;
font: inherit;
//box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
border: 0;
outline: 0;
padding: 22px 18px;
box-sizing: border-box;
}

/* news cards */
.ncards {
max-width: 1400px;
margin: 0 auto;
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(3, 1fr);
padding: 20px 0;
}
.pgrid{
margin:0 auto;
max-width: 1000px;
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(4, 1fr);
padding: 20px 0;	
}
.pgrid div{
-webkit-box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.24);
box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.24);
margin:0;
padding:0;	
}
.pgrid img{
width:100%;
height:auto;
background-color:white;
border:1px solid #ccc;
display:block;
}
.ncard {
position: relative;
background-color: #fff;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.1);
}
.ncard:hover {
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1);
}
.ncard article:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 20px 20px;
border-color: transparent transparent #f8f8f8 transparent;
position: absolute;
bottom: 0;
right: 0;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.ncard h1 {
color: #004A92;
font-size: 16px;
font-weight: normal;
}
.ncard span {
color: #004A92;
font-size: 14px;
}
.ncard article {
padding: 18px;
}
.ncard article hr {
width: 30px;
margin: 10px 0;
border: 1px solid #DA251D;
transition: all 0.8s ease-in-out;
}
.ncard:hover article hr {
width: 100px;
}
.nimg {
overflow: hidden;
height:200px;
}
.nimg img {
width: 100%;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: transform 0.8s linear;
-moz-transition: transform 0.8s linear;
transition: transform 0.8s linear;
object-fit:cover;
}
.ncard:hover .nimg img {
-webkit-transform: scale(1.3) rotate(3deg);
-moz-transform: scale(1.3) rotate(3deg);
transform: scale(1.3) rotate(3deg);
}
.ncard:hover article:after {
border-color: transparent transparent #DA251D transparent;
border-width: 0 0 30px 30px;
}
.ppage{
display: grid;
grid-gap: 40px;
grid-template-columns: 55% auto;
padding: 20px 0;
}
.single h1{
margin:0;
padding:0;
margin-bottom:15px;
}
.single img{
width:100%;
height:300px;
object-fit: cover;
margin:20px 0;
}
.recent{
display:flex;
flex-direction: column;
align-items: center;
}
.recent p{
font-size:25px;
text-align:center;
margin-bottom: 37px;
padding-top:12px;
}
.recent>hr{
height: 4px;
width: 80px;
background: #004A92;
border: 0;
margin-bottom: 30px;
display:block;
}
.recent>div:not(:last-child){
margin-bottom:25px;
}
/* Overflow */
.oFlow{
position:relative;
padding:50px 30px 0 30px;
min-height:300px;
box-sizing:border-box;
background-color:#ededed;
margin:auto;
margin-top:-50px;
z-index:8;
-webkit-box-shadow: 0px -33px 51px -21px rgba(0,0,0,0.17);
-moz-box-shadow: 0px -33px 51px -21px rgba(0,0,0,0.17);
box-shadow: 0px -33px 51px -21px rgba(0,0,0,0.17);
border-top:5px solid #ededed;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
img.framed {
  box-shadow: -50px -50px 0 -40px #004A92, 50px 50px 0 -40px #004A92;
}

.checkl {
margin: 0;
padding-left: 0px;
}
.checkl li {
position: relative;
list-style-type: none;
padding-left: 25px;
margin-bottom: 10px;
}
.checkl li:before {
content: '';
display: block;
position: absolute;
left: 0;
top: -2px;
width: 5px;
height: 11px;
border-width: 0 2px 2px 0;
border-style: solid;
border-color: #004A92;
transform-origin: bottom left;
transform: rotate(45deg);
}
/* Link */
/* Gradient link */
.glink {
text-decoration: none;
line-height: 1;
position: relative;
z-index: 0;
display: inline-block;
padding: 5px 5px;
overflow: hidden;
color: #333;
vertical-align: bottom;
transition: color .3s ease-out;
}
.glink::before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
transform: translateY(calc(100% - 2px));
width: 100%;
height: 100%;
background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
transition: transform .25s ease-out;
}
.glink:hover { 
color: #fff; 
}
.glink:hover::before {
transform: translateY(0);
transition: transform .25s ease-out;
}
/* Gradient line */
.gradient-wrapper{
width:50%;
overflow:hidden;
}
.gradient-wrapper .gline {
width: 3000px;
height: 5px;
animation: rotate 3s infinite linear;
-webkit-animation: rotate 3s infinite linear;
}
.lgradient {
background: #30ff90;
background: -moz-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #30ff90), color-stop(25%, #ed2ded), color-stop(50%, #c99826), color-stop(75%, #30ffe6), color-stop(100%, #30ff90));
background: -webkit-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
background: -o-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
background: -ms-linear-gradient(left, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
background: linear-gradient(to right, #30ff90 0%, #ed2ded 25%, #c99826 50%, #30ffe6 75%, #30ff90 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30ff90', endColorstr='#30ff90',GradientType=1 );
}
@-webkit-keyframes rotate {
  from {
    background-position: -3000px;
  }
  to {
    background-position: 0px;
  }
}
@keyframes rotate {
  from {
    background-position: -3000px;
  }
  to {
    background-position: 0px;
  }
}
/* Button */
.button1 {
position: relative;
width: 250px;
height: 60px;
background-color: #004A92;
margin: 0 auto;
margin-top: 40px;
overflow: hidden;
z-index: 1;
cursor: pointer;
transition: color .3s;
line-height: 60px;
text-align: center;
color: #fff;
font-size:20px;
letter-spacing:1px;
font-weight:normal;
}
.button1:after {
position: absolute;
top: 90%;
left: 0;
width: 100%;
height: 100%;
background-color: #003871;
content: "";
z-index: -2;
transition: transform .3s ease-in-out;
}
.button1:hover::after {
transform: translateY(-80%);
transition: transform .3s;
}

/* Animated label form elements*/
.form__group {
position: relative;
padding: 15px 0 0;
margin-top: 10px;
//width: 50%;
}
.form__field {
width: 100%;
border: 0;
border-bottom: 2px solid #004A92;
outline: 0;
font-size: 17px;
font-weight:normal;
color: #004A92;
padding: 8px 0;
background: transparent;
transition: border-color 0.4s ease-in-out;
}
.form__field::placeholder {
color: transparent;
}
.form__field:placeholder-shown ~ .form__label {
font-size: 17px;
cursor: text;
top: 20px;
}
.form__label {
position: absolute;
top: 0;
display: block;
transition: 0.5s ease-in-out;
font-size: 17px;
color: #004A92;
}
.form__field:focus {
//padding-bottom: 6px;
border-width: 2px;
border-image: linear-gradient(to right, #004A92, #1BB0CB);
border-image-slice: 1;
background-color:rgba(255,255,255,0.3);
}
.form__field:focus ~ .form__label {
position: absolute;
top: 0;
display: block;
transition: 0.4s ease-in-out;
font-size: 14px;
color: #004A92;
}
.counter_container{
display:grid;
grid-template-columns:repeat(4, 1fr);
grid-gap:30px;
}
.counter{
padding-top: 30px;
text-align: center;
}
.counter .counter-value{
display: inline-block;
width: 120px;
height: 120px;
line-height: 120px;
border-radius: 50%;
border-width: 3px;
border-style: solid;
border-color: #F2A800 #004A92 #F2A800 #004A92;
margin-bottom: 40px;
font-size: 23px;
font-weight: 400;
color: #004A92;
position: relative;
}
.counter .counter-value:before{
content: "";
border-top: 15px solid #F2A800;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}
.counter .counter-value:after{
content: "";
border-radius: 50%;
border-width: 7px;
border-style: solid;
border-color: #004A92 #F2A800 #004A92 #F2A800;
position: absolute;
top: -23px;
left: -23px;
bottom: -23px;
right: -23px;
transition: all 0.8s ease-in-out ;
}
.counter:hover .counter-value:after{ 
transform: rotate(180deg); 
}
.counter .title{
font-size: 20px;
font-weight:normal;
color: #004A92;
//text-transform: uppercase;
margin: 0;
}
/* Flying elements*/
.circles{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
//overflow: hidden;
}
.circles li{
position: absolute;
display: block;
list-style: none;
width: 20px;
height: 20px;
background: rgba(255, 255, 255, 0.2);
animation: animate 25s linear infinite;
bottom: -150px;
}
.circles li:nth-child(1){
left: 25%;
width: 80px;
height: 80px;
animation-delay: 0s;
}
.circles li:nth-child(2){
left: 10%;
width: 20px;
height: 20px;
animation-delay: 2s;
animation-duration: 12s;
}
.circles li:nth-child(3){
left: 70%;
width: 20px;
height: 20px;
animation-delay: 4s;
}
.circles li:nth-child(4){
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 18s;
}
.circles li:nth-child(5){
left: 65%;
width: 20px;
height: 20px;
animation-delay: 0s;
}
.circles li:nth-child(6){
left: 75%;
width: 110px;
height: 110px;
animation-delay: 3s;
}
.circles li:nth-child(7){
left: 35%;
width: 150px;
height: 150px;
animation-delay: 7s;
filter: blur(3px);
  -webkit-filter: blur(3px);
}
.circles li:nth-child(8){
left: 50%;
width: 25px;
height: 25px;
animation-delay: 15s;
animation-duration: 45s;
}
.circles li:nth-child(9){
left: 20%;
width: 15px;
height: 15px;
animation-delay: 2s;
animation-duration: 35s;
}
.circles li:nth-child(10){
left: 85%;
width: 150px;
height: 150px;
animation-delay: 0s;
animation-duration: 11s;
filter: blur(5px);
  -webkit-filter: blur(5px);
}
@keyframes animate {
    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}

#responser {
width: 40%;
padding: 8px;
background-color: rgba(255, 255, 255, 0.8);
margin: 0 auto;
margin-top: 18px;
display: none;
text-shadow: 1px 1px 1px #fff;
border: 1px solid #fff;
box-sizing: border-box;
}

.feedback {
display: inline-block;
float: right;
margin-left: 15px;
}

.feedback img {
height: 25px;
margin-top: 1px;
}

img.grayscale{
filter: grayscale(100%);
-webkit-filter: grayscale(100%); /* For Webkit browsers */
filter: gray; /* For IE 6 - 9 */
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

img.grayscale:hover{
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.tDivs {
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 1400px;
}

.tDivs_graphic {
position: relative;
//text-transform: uppercase;
background-image: url("/myfiles/images/general/2divs.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

.tDivs_text {
position: relative;
background-color: #f1f1f1;
color: #004A92;
letter-spacing: 1px;
line-height: 1px;
padding: 30px 50px 80px 50px;
font-size: 17px;
font-weight: 300;
}

.tDivs_text h4 {
font-size: 33px;
font-weight: normal;
color: #004A92;
text-align: left;
margin: 25px 0 40px 0;
}

.tDivs_text hr {
width: 80px;
margin: 20px 0;
border: 2px solid #A8CF45;
}

.tDivs_text a {
background-color: #004A92;
border: none;
position: absolute;
bottom: 0;
right: 0;
padding: 20px;
font-weight: 300;
font-size: 17px;
color: #fff;
text-transform: uppercase;
transition: all 0.8s ease;
}

.tDivs_text a:hover {
background-color: #A8CF45;
}

.tDivs_graphic h4 {
position: absolute;
bottom: 0;
left: 0;
//margin-bottom: 0;
}

.tDivs_graphic h4 p:first-child {
font-size: 32px;
font-weight: normal;
letter-spacing: 1px;
color: #004A92;
background-color: rgba(255,255,255,0.5);
padding: 18px 25px;
margin: 0;
display: block;
line-height: 30px;
letter-spacing: 2px;
border-left: 2px solid #004A92;
}

.tDivs_graphic h4 p:last-child {
font-size: 35px;
font-weight: normal;
color: #A8CF45;
background-color: rgba(255,255,255,0.5);
padding: 18px 25px;
margin: 0;
display: inline-block;
border-left: 2px solid #a8cf45;
}

.hero img {
width: 100%;
height: auto;
//filter: grayscale(100%);
//-webkit-filter: grayscale(100%);
//filter: gray;
}

/* Other effects */
::placeholder {
color: #ddd;
opacity: 1;
}

:-ms-input-placeholder {
color: #ddd;
}

::-ms-input-placeholder {
color: #ddd;
}

::-moz-placeholder {
color: #ddd;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.cwrap {
width: 100%;
margin: 0 auto;
}
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
-ms-touch-action: auto;
touch-action: auto;
}
/* Reveal block */
.reveal-holder {
position: relative;
display: inline-block;
overflow: hidden;
}
.reveal-holder .reveal-block {
position: absolute;
top: 0;
width: 101%;
height: 101%;
background: white;
}
.reveal-holder .reveal-block::before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #DA251D;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.5s;
}
.reveal-block.gradient::before {
background: linear-gradient( rgb(28, 148, 135), rgb(29, 88, 120) );
}
.reveal-block.gradient-two::before {
background: linear-gradient(to left, #004A92, #DA251D);
}
.reveal-block.extra {
background: #004A92;
}
.reveal-block.extra::before {
background: #DA251D;
}
.reveal-block.top.aos-animate::before,
.reveal-block.bottom.aos-animate::before {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.reveal-block.left.aos-animate::before,
.reveal-block.right.aos-animate::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.reveal-block.top::before {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}
.reveal-block.left::before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
.reveal-block.right::before {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}
.reveal-block.bottom::before {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

/* AOS animate */
[data-aos="reveal-top"],
[data-aos="reveal-left"],
[data-aos="reveal-right"],
[data-aos="reveal-bottom"] {
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-delay: 0.5s;
}

[data-aos="reveal-top"] {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
[data-aos="reveal-top"].aos-animate {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

[data-aos="reveal-left"] {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
[data-aos="reveal-left"].aos-animate {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

[data-aos="reveal-right"] {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
[data-aos="reveal-right"].aos-animate {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}

[data-aos="reveal-bottom"] {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
[data-aos="reveal-bottom"].aos-animate {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

[data-aos="reveal-item"] {
  visibility: hidden;
  transition-property: visibility;
  transition-duration: 0s;
}
[data-aos="reveal-item"].aos-animate {
  visibility: visible;
}
/* MEDIA QUERIES */

@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 1100px) {
	.ncards {
	grid-template-columns: repeat(3, 1fr);
	}
	.oFlow{
	margin-top:0;
	}
}

@media screen and (max-width: 1000px) {
	.main-slider .slick-dots {
	bottom:30px;
	}
}

@media screen and (max-width: 900px) {
	.counter_container{
	grid-template-columns: repeat(2, 1fr);
	}
	.footeri {
	grid-template-columns: repeat(2, 1fr);
	}
	.sb_container {
	grid-template-columns: repeat(2, 1fr);
	}
	.sb_container .item h2 {
	font-size:18px;
	}
}
@media screen and (max-width: 800px) {
	#header {
	height: auto;
	}
	.ppage{
	grid-template-columns: 100%;
	}
	.caption {
    top: 40%;
    width:50%;
    }
}

@media screen and (max-width: 700px) {
	.ncards {
	grid-template-columns: repeat(2, 1fr);
	padding: 0;
	}
	.elements_holder {
	grid-template-columns: repeat(2, 1fr);
	}
	.w98,.w95,.w90,.w80,.w70,.w60,.w50,.w30 {
	width: 95%;
	margin: 0 auto;
	}
	.footeri {
	grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 600px) {
	.fcol {
	width: 100%;
	margin-top: 0;
	}
	.frow {
	grid-template-columns: 100%;
	grid-gap:0;
	}
	.page_title {
	font-size: 18px;
	}
	.pgrid{
	grid-template-columns: repeat(2, 1fr);
	}
	.sl {
	display:none;
	}
	header{
	position:relative;
	}
	.blanc{
	height:0;
	}
}

@media screen and (max-width: 500px) {
	.container {
	width: 96%;
	padding: 2%;
	}
	.sb_container {
	grid-template-columns: 1fr;
	}	
	.ncards {
	grid-template-columns: 1fr;
	}
	.h1-title h1 {
    font-size: 20px;
	}	
	.h1-title-dark h1 {
    font-size: 20px;
	}
    .single h1{
    font-size: 22px;
    font-weight:normal;
    }
	.nav-brand img {
	max-width: 250px;
	}
}

@media screen and (max-width: 450px) {
	.form__field {
	width: 100%;
	}
	.btn {
	width: 100%;
	margin: 0;
	margin-top: 8px;
	}
	#responser {
	width: 100%;
	margin: 0;
	}
	.ph_left,
	.ph_right {
	float: none;
	width: 100%;
	font-size: 16px;
	display: flex;
	justify-content: center;
	}
	.feedback {
    float: none;
    margin-right: 15px;
	z-index:3;
	}
	.ncards {
	grid-template-columns: 1fr;
	padding: 0;
	}
	.counter_container{
	grid-template-columns: 1fr;
	}
	.main-nav {
	width: 98%;
	padding: 0 1%;
	}
}

@media screen and (max-width: 350px) {
	.pgrid{
	grid-template-columns: 1fr;
	}
}