@import url("unsemantic-grid-responsive.css");



h1, h2, h3, h4, h5, h6 {
	font-family: "Titillium Web", serif;
	font-weight: normal
}

#before_top_row1_inner, #before_top_row2_inner, #before_top_row3_inner, #before_bottom_row1_inner, #before_bottom_row2_inner, #before_bottom_row2_inner {
	padding: 30px 0px;
}

p {
	margin-bottom: 20px;
}

@media (min-width: 1400px) {

	.s5_wrap2 {
		max-width: 1600px;
		margin: 0px auto;
	}
}

#s5_menu_wrap.s5_wrap_fmfullwidth, #s5_menu_wrap.s5_wrap_fmfullwidth #s5_menu_wrapitems {
	background: transparent !important;
	box-shadow: none !important;
}

#s5_logo_wrap {
	max-height: 80px !important;
}

#s5_menu_wrap.s5_wrap_fmfullwidth #s5_menu_wrapitems {
	min-height: 40px !important;
	height: auto !important;
	background: transparent !important;
}

#s5_menu_wrap.s5_wrap_fmfullwidth {
	padding: 0px !important;
	background: rgba(0,0,0,0.5) !important;
}

#top-right {
	background: rgba(0,0,0,0.5) !important;
	color: #fff;
	padding: 5px 20px 0px 20px;
	margin-top: 1px;
}

#top-right a {
	color: #fff;
}

#s5_menu_wrap.s5_wrap_fmfullwidth ul#s5_nav li a {
	color: #fff !important;
}

#s5_bottom_row3_area_inner h3.s5_mod_h3, #s5_bottom_row3_area_inner .s5_h3_first, #s5_bottom_row3_area_inner .s5_h3_last {
	color: #eee !important;
}

#s5_bottom_row3_area_inner, #s5_bottom_row3_area_inner h3, #s5_bottom_row3_area_inner a, #s5_bottom_row3_area_inner p, #s5_bottom_row3_area_inner div, #s5_bottom_row3_area_inner h3.s5_mod_h3 {
	color: #eee;
}

#s5_footer_area1 {
	background: #252525
}

#s5_footer_area1, #s5_footer_area1 h3, #s5_footer_area1 a, #s5_footer_area1 p, #s5_footer_area1 div, #s5_footer_area1 h3.s5_mod_h3 {
	color: #eee;
}

.come-in-right {
	transform: translateX(300px);
	animation: come-in-right 1.4s ease forwards;
}

.module-transition-from-right.come-in-right:nth-child(odd) {
	animation-duration: 0.8s; /* So they look staggered */
}

@keyframes come-in-right {
to {
	transform: translateX(0);
}
}

.come-in-left {
	transform: translateX(-300px);
	animation: come-in-left 1.4s ease forwards;
}

.module-transition-from-left.come-in-left:nth-child(odd) {
	animation-duration: 0.8s; /* So they look staggered */
}

@keyframes come-in-left {
to {
	transform: translateX(0);
}
}

.come-in-bottom {
	transform: translateY(300px);
	animation: come-in-bottom 1.4s ease forwards;
}

.module-transition-from-bottom.come-in-bottom:nth-child(odd) {
	animation-duration: 0.8s; /* So they look staggered */
}

@keyframes come-in-bottom {
to {
	transform: translateY(0);
}
}

.slogan-grid {
	font-size: 20px;
}

.slogan-grid p {

}

#s5_pos_custom_2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#557ef3+0,8be6ff+100 */
	background: #557ef3; /* Old browsers */
	background: -moz-linear-gradient(left, #557ef3 0%, #8be6ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #557ef3 0%,#8be6ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #557ef3 0%,#8be6ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#557ef3', endColorstr='#8be6ff',GradientType=1 ); /* IE6-9 */
	box-shadow: 0px 0px 10px #000
}

#s5_pos2_padding {

	padding-top: 30px !important;
	height: auto !important;
}

@media (min-width: 1024px) {
	.slogan-grid .grid-33 p {
		padding-left: 100px;
	}
}

#s5_pos_custom_22 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#557ef3+0,8be6ff+100 */
	background: #fff; /* Old browsers */
	/*box-shadow: 0px 0px 10px #000;*/
	color: #3B5C8D;
	margin-bottom: 30px;
}

#s5_pos22_padding {

	padding-top: 30px !important;
	height: auto !important;
}

#s5_pos22_padding {
	padding-bottom: 10px;
}

.slideInfoZone p {
	color: #333 !important;
}
.slideInfoZone h2 {
	color: #0B5C9C !important;
}

.slideInfoZone p, .slideInfoZone h2 {
	width: 100% !important;
	max-width: 100% !important;
}

.readon2 {
	background: #557DF3 !important;
	color: #ffffff !important;
	border-radius: 0px !important;
}

.readon2 * {
	color: #ffffff !important;
}

.readon2.orange {
	background: #F2835A !important;
}


.slideInfoZone * {
	text-transform: none !important;
}


.slideInfoZone span {
	display:block !important;
	margin-top:30px !important;
}



#s5_pos_custom_1 {
	min-height:700px !important; 
}



.our-service .s5_module_box_1 {
  background: #fff !important;
	border: 1px solid #fff !important;
	padding: 60px 40px;
	box-shadow: 0px 0px 50px #EFF4FF
}

.our-service .s5_mod_h3 {
	text-align: center;
}

.s5_mod_h3 *, .our-service .icon-check {
	
	color: #0B5C9C !important;
}

.s5_custom4_left_inner .s5_mod_h3 * {
	color: #fff !important;
}


.s5_mod_h3 {
	font-size: 2em !important;
	margin-bottom: 30px !important;
	font-weight: 800
}



.logos img {
    display: inline-block !important;
    margin: 0px 30px;        
}

.logos {
    margin: 30px 0px;
}




#call_footer {
    padding: 20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b5c9c+0,8ce8ff+100 */
background: #0b5c9c; /* Old browsers */
background: -moz-linear-gradient(left, #0b5c9c 0%, #8ce8ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0b5c9c 0%,#8ce8ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0b5c9c 0%,#8ce8ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5c9c', endColorstr='#8ce8ff',GradientType=1 ); /* IE6-9 */

    margin-top: 100px;
    
    color: #fff !important;
    border-radius: 10px 0px 0px 0px;
    box-shadow: 20px -20px 0px #DEE7FF !important;
}



@media (min-width:1024px) {
	#call_footer {
		margin-left: 200px;
		padding: 100px;
	}
	
}


#call_footer *  {
    color: #fff;
    font-weight: bold;
}


#call_footer .btn-primary {
    background: #fff;
    color: #0B5C9C !important;
    font-size: 18px;
    padding: 15px 40px;
}

.page-header h2, h1, h2 {
  font-weight: bold;
  color: #0B5C9C
}

.page-header {
	margin-bottom:50px;
}


/* service blocks */


#service_1_wrapper .module_round_box{
  
  padding: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#537df4+0,8ae6ff+100 */
background: #537df4; /* Old browsers */
background: -moz-linear-gradient(left, #537df4 0%, #8ae6ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #537df4 0%,#8ae6ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #537df4 0%,#8ae6ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537df4', endColorstr='#8ae6ff',GradientType=1 ); /* IE6-9 */  color: #fff;
  box-shadow: 15px 15px 0px #DCE5FF;
  margin-bottom:50px;
}

#service_1_wrapper .module_round_box h2 {
  color: #fff;
}



 #service_2_wrapper .module_round_box ,


 #service_3_wrapper .module_round_box
 
 ,#service_4_wrapper .module_round_box
 ,#service_5_wrapper .module_round_box
 
 ,#service_6_wrapper .module_round_box
 
  ,#service_7_wrapper .module_round_box
  ,#service_8_wrapper .module_round_box {
 	 padding: 20px;
 	   background: #fff;
 	   border:1px solid #DCE5FF;
 	   
 	     box-shadow: 15px 15px 0px #DCE5FF;
 	   margin-bottom:50px;
 }



@media (min-width:1024px) {
	#service_1_wrapper .module_round_box {
	  margin: 0px 0px 50px 150px;
	  padding: 50px;
	 
	}
	
	
	#service_2_wrapper .module_round_box {
	  margin: 0px 150px 50px 0px;
	  padding: 50px;
	 
	}
	
	#service_3_wrapper .module_round_box {
	  margin: 0px 0px 50px 150px;
	  padding: 50px;
	 
	}
	
	
	
	#service_4_wrapper .module_round_box {
	  margin: 0px 150px 50px 0px;
	  padding: 50px;
	 
	}
	
	#service_5_wrapper .module_round_box {
	  margin: 0px 0px 50px 150px;
	  padding: 50px;
	 
	}
}

.blog-items {
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 1em;
  margin-left: -.5em;
  margin-right: -.5em;
  padding: 0;
  display: flex;
}

@media (width >= 992px) {
  .blog-items.columns-2 > div {
    width: 50%;
  }

  .blog-items.columns-3 > div {
    width: 33.3333%;
  }

  .blog-items.columns-4 > div {
    width: 25%;
  }
}

.blog-item {
  flex-direction: column;
  padding: 0 .5em 1em;
  display: flex;
  overflow: hidden;
}

.boxed .blog-item {
  box-shadow: 0 0 2px #3339421a, 0 2px 5px #33394214, 0 5px 15px #33394214, inset 0 3px 0 var(--cassiopeia-color-primary);
  background-color: #fff;
}

.boxed .blog-item .item-content {
  padding: 25px;
}

.blog-item .item-image {
  margin-top: 3px;
  margin-bottom: 15px;
  overflow: hidden;
}

.boxed .blog-item .item-image {
  margin-bottom: 0;
}

@media (width >= 992px) {
  .image-right .blog-item .item-image {
    order: 1;
  }
}

.image-bottom .blog-item .item-image {
  order: 1;
  margin-top: -15px;
}

.image-left .blog-item .item-content {
  padding-left: 25px;
}

.image-right .blog-item .item-content {
  padding-right: 25px;
}

.image-left .blog-item, .image-right .blog-item {
  flex-direction: column;
}

@media (width >= 992px) {
  .image-left .blog-item, .image-right .blog-item {
    flex-direction: row;
  }

  .image-left .blog-item .item-image, .image-right .blog-item .item-image {
    flex: 1 0 40%;
  }

  .image-left .blog-item .item-content, .image-right .blog-item .item-content {
    flex: 1 0 60%;
  }
}

.article-info dd {
  padding: 0;
}

@supports (display: grid) {
  .blog-items {
    grid-gap: 1em;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    margin: 0 0 1em;
    display: grid;
  }

  .blog-items .blog-item {
    padding: 0;
  }

  .blog-items[class^="columns-"] > div, .blog-items[class*=" columns-"] > div {
    flex: 0 auto;
    width: auto;
    max-width: none;
  }

  @media (width >= 992px) {
    .blog-items.columns-2 {
      grid-template-columns: 1fr 1fr;
    }

    .blog-items.columns-3 {
      grid-template-columns: 1fr 1fr 1fr;
    }

    .blog-items.columns-4 {
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
  }
}

.blog-items[class^="masonry-"], .blog-items[class*=" masonry-"] {
  column-gap: 1em;
  display: block;
}

.blog-items[class^="masonry-"] .blog-item, .blog-items[class*=" masonry-"] .blog-item {
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 1em;
  display: inline-flex;
}

@media (width >= 992px) {
  .blog-items.masonry-2 {
    column-count: 2;
  }

  .blog-items.masonry-3 {
    column-count: 3;
  }

  .blog-items.masonry-4 {
    column-count: 4;
  }
}

.image-alternate .blog-item:nth-of-type(odd) .item-image {
  order: 0;
}

.image-alternate.image-left .blog-item:nth-of-type(odd) .item-image {
  order: 1;
  margin-left: 25px;
  margin-right: 0;
}

.image-alternate.image-top .blog-item:nth-of-type(odd) .item-image {
  order: 1;
}

.breadcrumb {
  background-color: #00000008;
  margin-bottom: 0;
}

.no-card .newsflash-horiz li {
  border: 1px solid #dfe3e7;
  border-radius: 0 0 .25rem .25rem;
  padding: 0 1rem 1rem;
  box-shadow: 1px 1px 4px #0000001a;
}

.no-card .newsflash-horiz li figure {
  margin: 0 -1rem 1rem;
}

ul.pagination li {
	display: inline
}

.mod-breadcrumbs li {
  padding-right: 10px
}


input::placeholder, select::placeholder, textarea::placeholder {
  color: #333 !important;
  opacity: 0.7 !important;
}



.mod-menu.mod-list.nav li a:link {
    color: inherit
}



 #searchForm .form-check-inline {
  display: inline-block !important;
   padding-right: 10px
}

#searchForm .form-group .input-group, #searchForm .form-group .form-control, #searchForm .form-group .input-group .input-group-append {
  display: inline-block !important;
  height: 26px;
  
}

#searchForm .form-group .input-group .input-group-append {
  margin:0px !important;
  float: right;
}

#searchForm .form-group .input-group .input-group-append .fa {
  display: none;
}
		  

#s5_responsive_mobile_drop_down_wrap {
  display: block !important;
  position: absolute !important;
  z-index: 9999;
  top: 70px;
  left: 0px;
  width: 100% !important;
  right: 0px !important;
}