/*------------------------------------------- MY STYLES -------------------------------------------*/
h1.entry-title {color: #004196;font-weight: 700;letter-spacing: 0.05em; word-spacing: .1em; text-align: center;}
h1.entry-title::after {	border-bottom: 0;}
.header {position: fixed; top: 0; left: 0; right: 0; height: 95px; background: white; z-index: 1000;}
.content-area { padding: 125px 0 30px 0 !important;}
#slider { height: 300px;}
.slider-main { margin-top: 95px;}
.subtitle {text-align: center;}
.logo img { max-height: 70px; height: auto;}
.img img { width: 100%;}
.pp_topstrip, .pp_topstrip::before, .pp_topstrip::after, .area_btn a.morebutton {background-color: #da1515;}
.infobox:last-child {padding-right: 0}
.area_btn {text-align: center;}
.area_btn a.morebutton {font-size: 25px;}
.btn-orange a.morebutton {background-color: #efba07;}
.cols-2 .top4box, .cols-3 .top4box { width: 100%;}
.cols-3 .top4box .thumbbx img, .cols-2 .top4box .thumbbx img {max-height:100px; width:auto; object-fit: auto; height: auto;}
.top4box:hover .topboxbg {background-color: #ffffff;}
.top4box:hover .topboxbg h3, .top4box:hover .topboxbg p { color: inherit;}
.nivo-controlNav {display: none;}
.slidecaption-wp {top: 5%; padding: 0 20px; transform: translateY(0);}
.nivo-caption {width: 100%; margin: 0;}
.nivo-caption h2 {width: 58%;}
.nivo-caption img {position: relative; display: block;width: 100%;margin-bottom: 10px;}
.nivo-caption p {margin-bottom: 10px; color: #324193; font-size: 15px;}
.nivo-caption .button { margin-top: 10px; padding: 16px 26px; color: #ffffff; background: #da1515; border-radius: 35px; font-size: 35px;}
.nivo-caption .button:hover { background: #b90000;}
.row-flex {display: flex;flex-direction: row; flex-wrap: wrap;}
.row-flex .our-mission, .row-flex .our-services {float: none;}
.row-flex .our-mission a, .row-flex .our-mission .our-mission-bg {display: block; height: 100%;}
.our-mission .our-mission-thumb {width: 100px;}
.our-mission .our-mission-thumb img, .blockchain .blockchain-thumb img {height: auto;}
.row-flex .our-services {margin: 0 -1px -1px 0; border: 1px solid #eaeaea; border-top: none; border-left: none;}
.row-flex .our-services-bg {margin:0; border: none;}
.our-services-thumb {width: 100%; max-width: 320px; height: auto; border-radius: 10px;}
.blockchain .blockchain-bg, .blockchain:hover .blockchain-bg {background: #fff;border: 1px #ccc solid; cursor: default;}
.blockchain-bg h5 {color: #242424;}
.blockchain .blockchain-thumb { width: 120px; height: 95px;}
.contact_right {float: none; width: 100%; background-color: #fff; margin: 0 25px 25px 0;}
.contact-form {background-color: #c9dfec; padding: 25px;}
.wpcf7-form p {margin-bottom:5px;}
#footer-wrapper {background-color: transparent;}
.footer-shadow { background-color: #324193 !important;}
/* footer 4 column css*/
.cols-4 .widget-column-1, .cols-4 .widget-column-2 { width:48%;  margin:0 2% 0 0; }
.cols-4 .widget-column-3, .cols-4 .widget-column-4 { width:100%;  float:none; margin-right:0; }
.cols-4 .widget-column-4 {max-width: 210px;}
.footer h4 {color: #f9cb30 !important; text-transform: uppercase; line-height: 1.5;}
.footer h5::after {border-bottom: 3px solid #0f003d !important;}
.footer .phone { font-size: 18px; font-weight: 600;}
.footer a:hover { color: #FFFFFF;}
.footer .certifikat .img img { object-fit: contain; mix-blend-mode: multiply;}
.footer .certifikat .img::after { content: ''; display: block;}
@media (min-width:830px){
  /* footer 4 column css*/
  .cols-4 .widget-column-1{ width:25%;  float:left; }
  .cols-4 .widget-column-2{ width:27%;  float:left; }
  .cols-4 .widget-column-3{ width:22%;  float:left; }
  .cols-4 .widget-column-4{ width:20%;  float:left; }	
  .contact-info {width: 35%; margin-right: 5%;}
  .contact-form {width: 60%;}
}
@media screen and (max-width: 767px) {
  .logo {width: 200px;}
  .container, .content-area, #ourservices .container { width: 100%;}
  .mainmenu { margin-top: 0px; }
  .infobox {font-size: 16px;}
  .infobox i {font-size: 18px;}
  /*.contact-info {display: flex;}*/
}
@media screen and (min-width: 768px) {
  #slider { height: 400px;}
  .nivo-caption .button { font-size: 50px; padding: 20px 30px;}
  .cols-3 .top4box {width: 33%;}
  .cols-2 .top4box {width: 50%;}
  .contact-info {width: 45%; margin-right: 5%;}
  .contact-form {width: 50%;}
}
@media screen and (min-width: 980px) {
  .header {height: 125px;}
  .content-area { padding: 155px 0 30px 0 !important;}
  #slider { height: 500px;}
  .slider-main { margin-top: 125px;}
  .slidecaption-wp {padding: 0 30px; }
  .nivo-caption p {width: 58%; margin-bottom: 20px; font-size: 17px;}
  .nivo-caption .button { font-size: 70px; padding: 26px 36px;}
  .area_btn a.morebutton {padding-right: 100px; padding-left: 100px; font-size: 23px;}
}