/**
  * Place your custom styles here.
*/
 
 body{
	width: 100%;
	overflow-x: hidden;
 }

body{
  margin: 0;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  color: #262a34;
  line-height: 1.5;
}

body.toolbar-tray-open.user-logged-in{
  padding-top: 80px !important;
}


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

.container-fluid.pad{
  padding-left: 15px;
  padding-right: 15px;
}


h1{
	font-size: 72px;
	font-weight: 500;
	font-family: 'Archivo', sans-serif;
	line-height: 1;
	margin: 0 0 25px;
}

h2{
	font-size: 56px;
	font-weight: normal;
	margin: 0 0 17px;
	line-height: 1.1;
	font-family: 'Archivo', sans-serif;
}

h3{
	font-size: 18px;
	font-weight: bold;
	font-family: 'Archivo', sans-serif;
	margin: 0 0 15px;
}

h4{
	font-size: 18px;
	font-weight: bold;
	font-family: 'Archivo', sans-serif;
	text-transform: uppercase;
	margin: 0 0 15px;
}

p{
	margin: 0 0 17px;
}

a{
  cursor: pointer;
  color: inherit;
}

a:hover{
	color: inherit;
}

#content-main a{
	color: #e4232d;
}

img{
  max-width: 100% !important;
  height: auto !important;
}

blockquote {
    padding: 30px 35px;
    margin: 30px 0;
    font-size: inherit;
    border: 1px solid #232021;
}

blockquote > :first-child{
	margin-top: 0;
}

.region-content ul, .block .field ul{
	padding: 0;
	margin: 20px 0 25px;
}

.region-content ul.nav-tabs{
	margin: 0;
}

.region-content ul li, .block .field ul li{
	list-style-type: none;
	background: url('../images/bullet.png') no-repeat 0 7px;
	padding-left: 22px;
	margin: 0 0 10px;
}

.region-content ol li, .block .field ol li{
	margin-bottom: 10px;
}

.stretch{
  margin-left: -15px;
  margin-right: -15px;
}

.vertical-align {
  display: flex;
  align-items: center;
}


/* slick carousel  */

nav.slick__arrow{
	display: none;
}


/* header */

#header{
	background: rgba(0,0,0,.7);
	text-align: left;
	padding: 0;
	position: relative;
	z-index: 250;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.navbar-collapse {
	text-align: center;
	margin: 0;
	position: absolute;
}

.navbar-toggler-icon {
    background: url('../images/mobile-menu-push.png') no-repeat 50% 50%;
}

#block-works-menuctabtn .cta-btn{
	margin-top: 0;
}

#block-works-menuctabtn{
	position: absolute;
	top: -10px;
	right: 0;
}

#navbar {
    position: relative;
    z-index: 200;
}

#header .block{
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
}

.section{
	width: 985px;
	max-width: 93%;
	margin: 0 auto;
}

.region-header, #header .section, #navbar .section, #banner .section, .footer .section, .footer2 .section{
	width: 1200px !important;
	max-width: 93% !important;
	margin: 0 auto !important;
}

/* menu styles */

.navbar{
	background: #fff;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}

.path-frontpage .navbar{
	border: none;
}

.navbar-nav > li{
	margin: 0 30px;
}

.navbar-nav > li > a{
	color: #fff !important;
	font-size: 16px;
	font-weight: normal;
	background: none !important;
	text-decoration: none !important;
}

.navbar-nav > li > a:hover{
	color: #0073ff !important;
}

.navbar-nav > li {
    float: none !important;
    display: inline-block !important;
}

.navbar-default .navbar-nav > li[aria-label="Facebook"], .navbar-default .navbar-nav > li[aria-label="Twitter"], .navbar-default .navbar-nav > li[aria-label="LinkedIn"], .navbar-default .navbar-nav > li[aria-label="Youtube"] {
	margin: 0 4px;
}

.navbar-default .navbar-nav > li[aria-label="Facebook"] a, .navbar-default .navbar-nav > li[aria-label="Twitter"] a, .navbar-default .navbar-nav > li[aria-label="LinkedIn"] a, .navbar-default .navbar-nav > li[aria-label="Youtube"] a {
	border: none !important;
	color: #e4232d !important;
	font-size: 17px;
	padding: 15px 1px !important;
}

.dropdown-menu{
	left: 0;  
}

#block-mainnavigation{
	margin-top: 10px;
}


#block-searchform .form-group{
	margin-bottom: 0;
}

.dropdown-menu > li > a{
  background: none !important;
  color: inherit !important;
  padding: 6px 20px;
}

.dropdown-menu > li > a:hover{
  background: #efefef !important;
}

/* highlighted */

.breadcrumb{
	padding: 8px 0;
	width: 1130px;
	max-width: 93%;
	margin: 0 auto;
	background: none;
	font-size: 16px;
}

.breadcrumb > li{
	font-weight: 600;
}

.breadcrumb > .active{
	color: #e4232d;
}

.breadcrumb > li + li::before{
	content: "";
	background: url('../images/bullet.png') no-repeat 0 0;
	width: 8px;
	height: 12px;
	padding: 0;
	display: inline-block;
	vertical-align: middle;
	margin: 0 6px;
	position: relative;
	top: -2px;
}

.region-highlighted{
	border-bottom: 1px solid #ccc;
}

.region-highlighted h1{
	padding-left: 15px;
	padding-right: 15px;  
}

/* Content */

.paragraph > .paragraph__column{
    float: none !important;
    margin: 0 auto !important;
    max-width: 93%;
    padding: 0;
}

.paragraph.paragraph--width--full > .paragraph__column, .paragraph.paragraph--width--medium > .paragraph__column, .paragraph.paragraph--width--narrow > .paragraph__column, .paragraph.paragraph--width--tiny > .paragraph__column, .paragraph.paragraph--width--wide > .paragraph__column, .paragraph > .paragraph__column{
	padding: 0;
}

.paragraph.paragraph--width--wide > .paragraph__column, .paragraph.paragraph--type--bp-column-wrapper > .paragraph__column{
	width: 1220px;
	max-width: 93%;
	float: none;
	margin: 0 auto;
}

.paragraph.paragraph--width--medium > .paragraph__column{
	width: 970px;
	max-width: 93%;
	float: none;
	margin: 0 auto;
}

.paragraph.paragraph--width--narrow > .paragraph__column{
	width: 750px;
	max-width: 93%;
	float: none;
	margin: 0 auto;
}

.constrain .region-content{
	width: 100% !important;
	margin-left: 0 !important;
	padding: 0 !important;
}

.paragraph .field--name-bp-text{
	padding: 40px 0 50px;
}

.left, .right{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	width: 47%;
}

.left{
	margin-right: 5%;
}

.left.align-middle, .right.align-middle{
	vertical-align: middle;
}

/* right sidebar */

.region-sidebar-second h2{
	margin: 0 0 20px;
	font-style: italic;
	font-size: 30px;
}

.webform-submission-form .form-control{
	border-color: #ccc;
}

.webform-submission-form .panel{
	border: none;
	box-shadow: none;
}

.webform-submission-form .panel .panel-heading{
	display: none;
}	

.webform-submission-form .panel .panel-body{
	padding: 0;
}

.webform-submission-form .half-width .form-item{
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin: 0;
}

.webform-submission-form .half-width .panel-body > .form-item:first-child {
	margin-right: 3%;
}

.col-sm-12{
	padding: 0 !important;
}

.row{
	margin: 0 auto !important;
}

/* footer */

.footer{
	margin-top: 0px;
	padding-top: 0;
	padding-bottom: 0;
	border-top: none;
}

/* footer2 */

.footer, .footer2{
	color: #fff;
	font-size: 16px;
}

.social-icons a{
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	width: 27px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	background-color: #baa952;
	border-radius: 50%;
}

.item-list ul{
	list-style-type: none;
	padding: 0;
}

.item-list ul li{
	list-style-type: none;
	padding-left: 17px;
	background: url('../images/bullet.png') no-repeat 0 9px;
	margin-bottom: 10px;
}

.footer2 p a{
	display: inline-block;
	margin: 0 3px;
}

.footer .slick-slide{
	margin: 0 30px;
}

.cta-btn{
	display: inline-block;
	background: linear-gradient(246deg, rgb(2, 25, 59) 0%, rgb(255, 0, 0) 100%);
	border-radius: 58px;
	border: none;
	text-decoration: none !important;
	font-size: 18px;
	color: #fff !important;
	margin-top: 15px;
	padding: 14px 24px;
}	

.cta-btn:hover{
	background: linear-gradient(349deg, rgb(255, 255, 255) -60%, rgb(255, 0, 0) 66%);
}

.cta-btn.ghost{
	background: linear-gradient(104deg, rgb(255, 0, 0) 0%, rgb(10, 15, 66) 94%);
	padding: 13px 2px;
}	

.cta-btn.ghost:hover{
	background: rgb(0, 115, 255);
}

.cta-btn.ghost .inner{
	background-color: rgb(2, 7, 13);
	padding: 14px 24px;
	border-radius: 58px;
}

.cta-btn.ghost:hover .inner{
	background: none;
}

h2{
	font-weight: 700;
}

a.link-style{
	color: #188a8d;
	font-weight: bold;
	font-style: italic;
	background: url('../images/link-style.png') no-repeat 100% 50%;
	padding-right: 15px;
}

.valign{
	display: inline-block;
}

#header #search-block-form{
	width: 250px;
}

#header #search-block-form .btn-primary{
	background-color: #188a8d;
	color: #1f1e1e;
}

#header .social-icons * {
    color: #000;
	font-size: 15px;
}

#header .cart-block--link__expand .cart-block--summary__icon,
#header .cart-block--link__expand .cart-block--summary__count{
	display: inline-block;
	vertical-align: middle;
	color: #fff;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li{
	background-color: #5e646d;
	padding: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	margin: 0 5px;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active{
	background-color: #0076b6;
}

.social a{
	border-radius: 50%;
	height: 25px;
	line-height: 25px;
	width: 25px;
	text-align: center;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 5px;
	font-size: 17px;
	color: #fff;
}

.social a.facebook{
	background-color: #3b5998;
}
.social a.twitter{
	background-color: #1da1f2;
}
.social a.linked-in{
	background-color: #0077b5;
}
.social a.instagram{
	background-color: #f783ac;
}

.social a img{
	display: inline;
	vertical-align: top;
}


.sidebar-right, .sidebar-left{
	width: 1130px;
	max-width: 93%;
	margin: 0 auto;
	text-align: center;
}

.sidebar-right #content-main, .sidebar-right aside,
.sidebar-left #content-main, .sidebar-left aside{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	text-align: left;
}

.sidebar-right #content-main{
	width: 810px;
	margin-right: 50px;
}

.sidebar-right aside{
	width: 255px;
	padding-top: 30px;
}

#content-main .view-blog{
	padding: 40px 0 50px;
}

.blog.teaser .left, .blog.teaser .right{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}

.blog.teaser .left{
  margin-right: 30px;
  width: 180px;
  height: 180px;
  line-height: 180px;
  border: 1px solid #222;
  text-align: center;
}

.blog.teaser .right{
	width: 590px;
}

.blog.teaser .field--name-field-blog-image img, .blog.full .field--name-field-blog-image img{
	max-width: 85% !important;
	height: auto !important;
	display: inline-block;
	vertical-align: middle;
}

.blog.full .field--name-field-blog-image{
  float: none;
  margin: 0 0 15px;
}

.blog.teaser h2{
	font-size: 24px;
	color: #262a34;
	text-decoration: none !important;
	margin: 0 0 5px;
}

.blog.teaser h2 a{
	text-decoration: none !important;
	color: inherit !important;
}

.blog-posted{
	font-size: 14px;
	margin: 0 0 15px;
}

.blog.teaser {
	padding-bottom: 45px;
	margin-bottom: 60px;
	border-bottom: 1px solid #222;
}

.view-blog .view-content .views-row:last-child .blog.teaser{
	padding-bottom: 0;
	margin-bottom: 0;
	border: none;
}

.blog-more{
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 25px;
}

.blog-more .social a {
    height: 25px;
    line-height: 25px;
    width: 25px;
    font-size: 14px;
}

.blog-more a{
	color: #87be57;
}

.blog-more .social{
	margin-left: 5px;
	position: relative;
	top: -3px;
}

.blog-more .social a{
	background-color: #e4232d !important;
	color: #fff !important;
}

article.blog.full{
	padding: 10px 0 50px;
}

article.blog.full h1, .view-latest-blog-entries ul li a{
	color: #3789b1;
}

article a{
	color: #e4232d;
}

article.blog.full > .content > div{
	margin-bottom: 15px;
}

.sidebar-right{
	padding: 60px 0;
}

.webform-submission-form .btn-primary{
	background-color: #e4232d;
	border-color: #e4232d;
}

aside #block-webform .webform-submission-form .btn-primary{
	display: block;
	margin: 0 auto;
	width: 100%;
}

aside #block-webform .block-title{
	text-align: center;
	font-size: 22px;
	font-style: normal;
	padding: 0 15px;
}

aside .block{
	margin-bottom: 30px;
}

.main-container{
	position: relative;
	z-index: 190;
	overflow: hidden;
	width: 100%;
}

#main > .row{
	display: block;
}

.site-footer{
	padding: 0;
}

.site-footer .block {
	margin: 0;
	border: none;
	padding: 0;
}

.footer .region {
    float: none !important;
    width: 20% !important;
	margin-right: 4% !important;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.visually-hidden-focusable{
	display: none;
}

#navbar-main{
	background: #01000e;
	border: none;
}

.path-frontpage #navbar-main,
.page-node-2 #main-wrapper,
.node--type-blog #main-wrapper{
	background: none;
}

.page-node-2 #page{
	background: #01000e url('../images/onyx-ai-hero.jpg') no-repeat 50% 0;
	background-size: 100% auto;
}

#navbar-main{
	padding: 30px 0;
	width: 1320px;
	max-width: 93%;
	margin: 0 auto;
	position: relative;
}

ul.nav-tabs li{
	display: inline-block;
	vertical-align: top;
}

#hero{
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 320px 0 180px;
}

.site-footer{
	background: url('../images/footer-bg.jpg') no-repeat 50% 0;
	background-size: cover;
	padding: 90px 0 10px;
	color: #fff;
}

.footer .region-footer-first {
	width: 100% !important;
	margin-right: 0 !important;
	display: block;
	margin-bottom: 120px !important;
}

#block-works-footertop .footer-logo{
	display: inline-block;
}

#block-works-footertop .footer-links{
	float: right;
}

#block-works-footertop .footer-links a{
	margin-left: 140px;
	text-decoration: none;
	color: #fff;
}

.site-footer {
	font-family: 'Inter', sans-serif;
}

.footer2{
	text-align: center;
}

#ai-solutions{
	background-color: #000211;
	padding: 120px 0 50px;
}

#ai-solutions > .paragraph__column {
	width: 1360px;
}

#ai-solutions .flip-card .front,
#ai-solutions .flip-card .back{
	background: linear-gradient(222deg, rgb(102, 0, 0) 4%, rgb(5, 5, 43) 100%);
}

#ai-solutions h2{
	color: #fff;
	line-height: 1.2;
	font-weight: 500;
}

#ai-solutions .view-header{
	text-align: center;
	width: 700px;
	max-width: 100%;
	margin: 0 auto 50px;
}

#ai-solutions .view-header p{
	margin: 0;
}

#ai-solutions .view-content{
	display: block;
	text-align: center;
}

#ai-solutions .views-row{
	display: inline-block;
	vertical-align: top;
	width: 30.5%;
	margin: 0 1% 35px;
	max-width: 100%;
	padding: 0;
}

#ai-solutions .flip-card{
	height: 505px;
	perspective: 1000px;
	cursor: pointer;
}

#ai-solutions .flip-card-inner{
	position: relative;
	width: 100%;
	height: 505px;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

#ai-solutions .flip-card:hover .flip-card-inner{
	transform: rotateY(-30deg);
}

#ai-solutions .flip-card.flipped .flip-card-inner{
	transform: rotateY(180deg);
}

#ai-solutions .flip-card .front, #ai-solutions .flip-card .back{
	position: absolute;
	width: 100%;
	height: 505px;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
	border-radius: 15px;
}

#ai-solutions .flip-card .front{
	border: 1px solid rgb(255, 0, 0);
}

#ai-solutions .flip-card .back{
	transform: rotateY(180deg);
	line-height: 505px;
	text-align: left;
	overflow: hidden;
}

#ai-solutions .flip-card .back .title{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 25px;
}

#ai-solutions .flip-card .back .text-content{
	display: inline-block;
	vertical-align: top;
	color: #fff;
	line-height: 1.3;
	padding: 24px;
	font-size: 15px;
	font-weight: 300;
}

#ai-solutions .flip-card .back .text-content ul{
	padding-left: 15px;
	margin: 0 0 15px;
}

#ai-solutions .flip-card .back .text-content li{
	margin-bottom: 12px;
}

#ai-solutions .flip-card .back .text-content li p{
	margin: 0;
}

#ai-solutions .flip-card .icon{
	height: 340px;
	width: 100%;
	background: url('../images/solutions-icon-bg.png') no-repeat 50% 0;
	text-align: center;
	margin-bottom: 35px;
}

#ai-solutions .flip-card .icon div{
	height: 340px;
}

#ai-solutions .flip-card .icon img{
	display: inline-block;
	margin-top: 153px;
}

#ai-solutions .flip-card .front{
	text-align: center;
}

#ai-solutions .flip-card .front .title{
	font-weight: bold;
	color: #fff;
	font-size: 24px;
	padding: 0 15%;
	line-height: 1.2;
	margin-bottom: 25px;
}

#ai-solutions .flip-card .link{
	font-size: 16px;
}

#ai-solutions .flip-card .link a{
	text-decoration: none;
	color: #f5f5f5 !important;
}

#case-studies > .paragraph__column {
	width: 1335px;
	color: #fff;
	text-align: center;
}

#case-studies .view{
	border: 1px solid rgb(255, 0, 0);
	border-radius: 20px;
	background: url('../images/cs-box-bg.jpg') no-repeat 50% 50%;
	background-size: cover;
	padding: 75px;
}

#case-studies .view .view-content{
	width: 860px;
	margin: 0 auto;
	max-width: 100%;
	position: relative;
}

#case-studies .view-header{
	width: 745px;
	max-width: 100%;
	margin: 0 auto 75px;
}

#case-studies .views-row{
	border: 1px solid rgb(255, 0, 0);
	border-radius: 15px;
	text-align: left;
	background: #02070d;
}

#case-studies .views-row .views-field{
	padding: 25px;
}

#case-studies .views-row .image, #case-studies .views-row .text-content{
	display: inline-block;
	vertical-align: middle;
}

#case-studies .views-row .image{
	width: 35%;
	height: 365px;
	margin-right: 3%;
	border-radius: 15px;
	overflow: hidden;
}

#case-studies .views-row .image div{
	width: 100% !important;
	height: 100% !important;
}

#case-studies .views-row .image img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

#case-studies .views-row .text-content{
	width: 61%;
}

#case-studies .views-row .headline{
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 10px;
}

#case-studies .views-row .title{
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

#case-studies .views_slideshow_controls_text_pause{
	display: none;
}

#case-studies .views-slideshow-controls-bottom{
	position: absolute;
	top: 210px;
	left: 0;
	width: 100%;
}

#case-studies .views_slideshow_controls_text_previous a,
#case-studies .views_slideshow_controls_text_next a{
	width: 11px;
	height: 17px;
	text-indent: -9999px;
	display: inline-block;
	position: absolute;
	top: 0;
}

#case-studies .views_slideshow_controls_text_previous a{
	left: -50px;
	background: url('../images/carousel-prev.png') no-repeat 0 0;
}

#case-studies .views_slideshow_controls_text_next a{
	right: -50px;
	background: url('../images/carousel-next.png') no-repeat 0 0;
}

#case-studies .view-footer{
	display: none !important;
}

#case-studies .views-row .form{
	vertical-align: middle;
	display: none;
	width: 61%;
}

#case-studies .views_slideshow_cycle_slide{
	width: 100% !important;
}

#case-studies .views-row.active .form{
	display: inline-block;
}

.webform-submission-form .form-control {
	border-radius: 12px;
	color: #fff;
}

#case-studies .webform-submission-form .js-form-item{
	margin-bottom: 12px;
}

#case-studies .webform-submission-form .cta-btn{
	padding: 9px 24px;
}

.webform-submission-form .form-type-textfield input, 
.webform-submission-form .form-type-email input{
	height: 40px;
	width: 100%;
	padding: 0 2% 0 3%;
	background: none;
	border: 1px solid #ccc;
}

.webform-submission-form textarea{
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	height: 70px;
	min-height: 70px;
	max-height: 70px;
	padding: 7px 3%;
	background: none !important;
	border: 1px solid #ccc;
}

.webform-submission-form ::placeholder {
	color: #efefef;
	opacity: 1;
}

.webform-submission-form .cta-btn{
	margin: 0;
	cursor: pointer;
	width: 100%;
	border-radius: 20px;
}

#case-studies .webform-submission-form .form-type-processed-text strong{
	display: inline-block;
	color: rgb(255, 0, 0);
}

#case-studies .webform-submission-form .form-type-processed-text span.back-button{
	float: right;
	cursor: pointer;
	color: rgb(102, 102, 102);
}

#form-section{
	background: url('../images/form-bg.jpg') no-repeat 50% 0;
	padding: 110px 0 75px;
	text-align: center;
	color: #fff;
}

.paragraph--id--62 > .paragraph__column{
	width: 530px !important;
	margin-bottom: 40px !important;
}

.paragraph--id--64 > .paragraph__column{
	width: 775px !important;
	text-align: left;
}

.webform-submission-form label{
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}

.webform-submission-form .js-form-item{
	margin-bottom: 15px;
}

#form-section .webform-submission-form .cta-btn{
	background: linear-gradient(359deg, rgb(255, 0, 0) 54%, rgb(255, 255, 255) 120%);
	border-radius: 100px;
	box-shadow: rgba(0, 115, 255, 0.07) 0px 123px 104px 0px inset;
}

ul.nav{
	padding: 0;
	margin: 0;
}

#case-studies .views_slideshow_cycle_teaser_section{
	max-width: 100%;
	width: 100% !important;
	height: 515px !important;
}

.case-study .captcha{
	margin-bottom: 1rem;
}

.case-study .captcha legend,
.case-study .captcha__description{
	display: none;
}

#form-section .form-item-case-study{
	display: none;
}

.node--type-blog blockquote{
	padding: 0 0 0 4%;
	margin: 0 0 20px 5%;
	border: none;
	width: 95%;
	border-left: 2px solid #fff;
}

.highlighted{
	margin-top: 100px;
}

.node--type-blog #page{
	background: #02070d;
}

.node--type-blog #main-wrapper{
	color: #fff;
	width: 700px;
	max-width: 93%;
	margin: 0 auto;
	padding: 120px 0 90px;
}

.node--type-blog h1{
	font-size: 56px;
}

.node--type-blog .posted-date{
	display: inline-block;
	margin-bottom: 15px;
	font-size: 14px;
	color: #b80000;
	border: 1px solid #b80000;
	padding: 4px 12px;
	border-radius: 25px;
}

.node--type-blog .summary, .node--type-blog .blog-image{
	margin-bottom: 30px;	
}

.node--type-blog .blog-image{
	border-radius: 25px;
	overflow: hidden;
}

.node--type-blog .blog-author{
	color: #aaa;
	font-size: 14px;
}

.node--type-blog .blog-author strong{
	color: #fff;
	font-size: 18px;
}

.node--type-blog .blog-author .text-formatted > :last-child{
	margin-bottom: 30px;
}

#page{
	background: #02070d;
}

#main-wrapper{
	color: #fff;
	max-width: 93%;
	margin: 0 auto;
	padding: 75px 0 60px;
	background: none;
}

.page-node-20 #main-wrapper{
	width: 1385px;
}

.view-blog{
	text-align: center;
}

.view-blog .view-header{
	font-size: 16px;
	color: #aaa;
	margin-bottom: 40px;
}

.view-blog h1{
	font-size: 72px;
	color: #fff;
}

.view-blog .view-header p{
	width: 560px;
	margin: 0 auto;
	max-width: 100%;
}

.view-blog .view-content{
	/* display: block; */
}

.view-blog .views-row{
	display: inline-block;
	vertical-align: top;
	width: 31%;
	margin: 0 1% 35px;
	border: 1px solid #e4232d;
	border-radius: 25px;
	overflow: hidden;
	padding: 0;
}

.blog-card{
	font-size: 16px;
	text-align: left;
}

.blog-card .inner{
	padding: 30px;
}	

.blog-card .image{
	height: 325px;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 12px;
}

.blog-card .image img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

#content-main .view-blog .views-row a{
	text-decoration: none !important;
	color: #fff;
}

.blog-card .title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.blog-card .body p{
	margin: 0;
}

.blog-card .body{
	height: 77px;
	max-height: 77px;
	overflow: hidden;
}

#content-main .pagination{
	text-align: center;
	displaY: block;
}

#content-main .pagination li{
	margin: 0 5px;
	display: inline-block;
}

#content-main .pagination li > a,
#content-main .pagination li > span {
	color: #fff !important;
	width: auto;
	height: 35px;
	border: 1px solid #fff;
    text-align: center;
    line-height: 1.2;
    font-size: 15px;
    margin: 0;
    background: none !important;
	border-radius: 0 !important;
	min-width: 35px;
}

#content-main .pagination li.active > a,
#content-main .pagination li.active > span{
	background: linear-gradient(246deg, rgb(2, 25, 59) 0%, rgb(255, 0, 0) 100%) !important;
	border-color: #800d22;
}

#blog-bottom{
	margin-top: 50px;
	border: 1px solid #053571;
	border-radius: 35px;
	padding: 100px 80px;
	background: url('../images/blog-bottom-bg.jpg') no-repeat 50% 50%;
	background-size: cover;
	font-size: 56px;
	font-weight: 500;
	line-height: 1.2;
}

#blog-bottom .left{
	width: 57%;
}

#blog-bottom .right{
	width: 37%;
}

.blog-share{
	margin: 30px 0 20px;
	font-size: 24px;
}

#content-main .blog-share a {
	color: #fff;
	font-size: 30px;
	margin: 0 5px 0 3px;
}

.node--type-blog h2{
	font-size: 40px;
}