@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

html body {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    max-width: 100%;
    overflow-x: hidden;
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #333;
    overflow-wrap: break-word;
    font-weight: 500;
    font-size: 16px;
}
h1:empty,
h2:empty,
h3:empty,
h4:empty,
h5:empty {
    display: none;
}

body p,
body li{
	margin: 0;
	line-height: 28px;
	color: #333;
}
/* body span,
body div{
	color: #6d6d6d;
} */
body #pagefield li {
	margin-left: 25px;
}
body a{
	color: #1F598C;
	text-decoration: underline;
}
body a:hover{
	color: #1F598C;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
	color: #1F598C;
	margin: 10px 0;
	font-weight: bold;
}
body h1 {
	font-size: 28px;
}
body h2 {
	font-size: 26px;
}
body h3 {
	font-size: 24px;
}
body h4 {
	font-size: 22px;
	line-height: 26px;
}
body h5 {
	font-size: 20px;
}
body h6 {
	font-size: 18px;
}
body ul li {
    list-style: none;
    padding-left: 20px !important;
    position: relative;
}
body #content ul:not(.dragsort) li:before {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    top: 9px;
    left: 0;
    background: radial-gradient(#D97D0D, #f2ce1b);
    border-radius: 10px;
}

img{
	max-width: 100%;
}

a.read-more {
    background-color: #1F598C;
    border-color: #1F598C;
    border-radius: 0;
    color: #fff;
    padding: 1px 8px;
    float: right;
    margin-right: 8px;
}

a.read-more:hover {
    border-radius: 0;
    color: #fff;
}

a.readmore,
a.readmore:hover {
    color: #1F598C;
    float: right;
}

div#page-wrapper {
	margin: 0 auto;
	background-color:#fff;
}
/* menu*/
#toplinks ul li a {
    color: #6d6d6d;
	text-decoration: none;
	border-bottom: 2px solid transparent;
}

#toplinks ul li a:hover,
#toplinks.active li a,
#toplinks menu li a:hover {
	border-bottom: 2px solid #1F598C;
}

#toplinks .selected a{
	border-bottom: 2px solid #1F598C;
	color: #1F598C;
}
#toplinks .selected ul.sub li a{
	border-bottom: none;
	color: #6d6d6d;
}
#toplinks .selected ul.sub li a:hover,
#toplinks .selected ul.sub li span.selected a{
	border-bottom: 2px solid #1F598C;
	color: #1F598C;
}
#toplinks.active li {
    width: 100%;
    margin-top: 5px;
}

#toplinks .nav>li>a:hover,
#toplinks .nav>li>a:focus{
	background-color: transparent;
}

#toplinks .navbar-nav{
	margin-left: 25px;
}
#toplinks .navbar-nav>li>a {
	padding: 5px;
	margin: 10px 0;
}

#toplinks .nav.col-sm-3{
	width: 100%;
	padding: 0;
}
li#m_top_294{
	display: block;
}
@media (min-width: 768px){
	li#m_top_294{
		display: none;
	}
}
body #toplinks li {
	padding: 9px 10px;
	display: inline-block;
	float: none;
    font-size: 17px;
}

@media (min-width: 767px) and (max-width: 870px) {
    body #toplinks li {
    	padding: 9px 5px;
        font-size: 16px;
    }
    #toplinks menu li.hassub span.icon {
        right: -4px;
    }

}
@media (min-width: 992px) and (max-width: 1240px) {
    body #toplinks li {
    	padding: 9px 0px;
        font-size: 14px;
    }
    #site-menu {
        width: calc(100% - 130px)!important;
    }
    #logo {
        width: 125px;
    }
    #toplinks {
        margin-top: -13px;
    }
}
@media (min-width: 1241px) and (max-width: 1370px) {
    body #toplinks li {
    	padding: 9px 4px;
        font-size: 15px;
    }
}

@media (min-width: 900px){
	li#m_top_294{
		display: block;
	}
}
@media (min-width: 767px){
	#toplinks .navbar-nav>li>a {
		margin: 10px;
	}
	#toplinks .nav.col-sm-3{
		padding: 0 10px;
	}
}

#toplinks .nav .open>a,
#toplinks .nav .open>a:hover,
#toplinks .nav .open>a:focus {
	background-color: transparent;
}

#toplinks .dropdown-menu{
	min-width: 200px;
}
/* menu*/

/* mobile menu */
#site-wrapper {
	position: relative;
	width: 100%;
}
#site-canvas {
	width: 100%;
	position: relative;
	/* background-color: #fff; */
	/* margin-top: -40px; */
}

#site-menu {
	width: 300px;
	height: auto;
	top: 0;
	left: -331px;
}
@media (min-width: 768px) and (max-width: 991px){
    #site-menu {
        left: -349px;
    }
}
#site-menu .collapse.navbar-collapse{
	padding: 0;
}
#open-navbar .glyphicon {
	float: left;
	font-size: 24px;
	top: 13px;
	left: 12px;
	position: absolute;
}
a#logolink {
    display: inline-block;
}
#logo_xs {
	margin: 0 auto;
	position: relative;
	display: block;
	left: 50%;
	top: -21px;
}
.navbar-toggle{
	width: 100%;
}
@media (max-width: 991px){
    #open-navbar.navbar-toggle {
        display: block;
    }
	#site-canvas {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: .3s ease all;
	transition: .3s ease all;
	}
	#site-wrapper {
		background-color: #fff;
	}
	#site-wrapper.show-nav #site-canvas {
		-webkit-transform: translateX(300px);
		transform: translateX(300px);
	}

	ul.nav.nav-stacked {
		display: block !important;
		position:relative;
	}
	#menu_top menu li{
		width: 300px;
	}
    #toplinks #menu_top menu li span.selected {
        border-bottom: 3px solid #1F598C;
        color: #1F598C;
    }
	#toplinks #menu_top menu li a{
		border-bottom: 2px solid #50B4BF;
		padding: 10px 25px;
		color:#6d6d6d;
		width: 306px;
		display: block;
		height: 45px;
	}
    #toplinks #menu_top menu li#m_top_75 a {
		color: #fff;
        border-radius: none;
        text-align: center;
        max-width: 100%;
        margin-left: 0px;
	}
	#menu_top menu li a:hover{
		border-bottom: 1px solid #1F598C;
	}
	#toplinks #menu_top menu>li>a{
		margin: 0;
	}
	#menu_top menu li a {
		color: #6d6d6d;
		/* background-color: #666; */
		line-height: 22px !important;
		padding-left: 30px;
		/* border-top: 1px solid #474747; */
	}
	#menu_top ul.nav-stacked li{
		text-decoration: none;
		list-style:none;
	}

	#site-menu span.glyphicon.glyphicon-remove{
		color:#6d6d6d;
		font-size: 24px;
		top: 33px;
		height: 60px;
		left: 28px;
	}
	#site-canvas #site-menu {
		height: 80px;
	}
	#site-canvas menu{
		height: auto;
	}
	#site-canvas #toplinks li{
		clear: both;
		padding: 0;
	}
	#site-canvas .navbar-collapse.collapse.in{
		max-height: 2000px;
	}
	#site-canvas #toplinks{
		/* background-color: transparent; */
	}
	#site-canvas #header{
		/* background-color: #fff; */
		height: 90px;
	}
	#site-canvas #toplinks li li{
		height: 40px;
		background-color: #fcfcfc;
	}
	#site-canvas #toplinks li li a{
		padding-left: 45px;
	}
	#site-canvas #toplinks #menu_top menu {
		margin: 0px;
		padding: 10px 0;
	}
	#site-canvas li.dropdown.open .dropdown-menu{
		padding: 0px;
	}
	#site-menu {
		position: absolute;
		background-color: #fff;
	}
	#site-menu .navbar-collapse{
		overflow: hidden;
	}
	#header .navbar-toggle{
		height: 55px;
	}
	body #toplinks li ul.sub{
		display: block;
		position:relative;
		width: 320px;
		top: 0;
		padding: 0;
		margin: 0;
		border: none;
	}
	#toplinks #menu_top menu li.hassub{
		padding: 0 !important;
	}
	body #toplinks menu li.hassub span.icon {
		right: 15px;
		top: 12px;
	}
}
@media (min-width:992px){
    #site-menu {
        display: inline-block;
        width: calc(100% - 200px);
        top: 0;
        left: 0;
        float: right;
        padding-left: 10px;
    }
}
/* mobile menu */

#fixed-top-anchor {
    height: 0;
}
#fixed_top.top {
    position: fixed;
    top: 0;
    z-index: 8;
    width: 100%;
    left: 0;
    margin: 0;
    background-color: rgba(232, 242, 245, 0.96);
}

#header {
	height: 95px;
	max-width: 100%;
	margin: 0 auto;
	background: #fff;
	z-index: 10;
	padding: 10px 20px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
@media (min-width: 768px){
	#header {
		margin-top: 0;
	}
}
.inner-header {
    max-width: 1800px;
    margin: 0 auto;
    width: 95%;
    position: relative;
}
a.btn {
    background-color: #1F598C;
    border-radius: 4px;
    padding: 12px 14px;
    color: #fff;
    text-decoration: none;
}
a.btn:hover {
    background-color: #0e3e69;
    color: #fff;
}
@media (min-width: 768px) {
    .columns {
        column-count: 2;
        column-gap: 60px;
        width: 100%;
    }
}
.columns strong{
    color: #1F598C;
}

/* Form */

/* .block.form h2 {
	margin: 0 auto;
	text-align: center;
} */
.block.form label{
	color: #6d6d6d;
	font-weight: normal;
}
.block.form legend{
	border: none;
}
fieldset.widgetfieldset {
	/* margin: 0 auto; */
	width: 90%;
}
@media (min-width: 768px) {
	fieldset.widgetfieldset {
		/* margin: 0 auto; */
		width: 70%;
	}
}

html body .block .widgetbutton,
div#blog_canvas a.myblog,
span.edit,
.btn-default,
body input[type=submit],
body input[type=button] {
    background: radial-gradient(#D97D0D, #f2CE1B);
    text-shadow: 2px 1px 4px rgb(132, 56, 7);
    border-radius: 4px;
    padding: 12px 14px;
    border: none;
    color: #fff!important;
    min-height: 45px;
    min-width: 120px;
}
html body .block .widgetbutton:hover,
div#blog_canvas a.myblog:hover,
span.edit:hover,
.btn-default:hover,
body input[type=submit]:hover,
body input[type=button]:hover{
    transform: scale(1);
    animation: pulse 2s infinite;
}
button a, button a:hover{
	color: #fff;
	text-decoration: none;
}

input.widgetupload, input.widgetinputfield {
	height: 30px !important;
	font-size: 1em;
	line-height: 1em;
	border: 1px solid #C9C9C9;
	width: 100%;
}

.widgetfieldset dl.widgetform dt {
	width: 200px;
	padding: 2px 0 2px 0 !important;
	padding: 2px 0;
	clear: both;
	margin: 0 0 6px 0;
	height: 1em;
	line-height: 16px;
	min-height: 1em;
	height: 30px !important;
}

#content .box.box_type_boxtext td p,
#content .box.box_type_boxtext tr p {
	text-align: left;
}

input {
	padding: 5px;
}
/* content */

/* #content{
	margin-top: 130px;
}
@media (min-width: 768px){
	#content {
		margin-top: 170px;
	}
} */
/* #content table {
	width: 85%;
	margin: 0 auto;
} */

#content blockquote {
	border-left: none;
	width: 85%;
	margin: 0 auto;
	text-align: center;
	color: #6d6d6d;
}
ul,ol {
	list-style-position: inside;
}
form #formcontainer {
    margin: 0 auto;
    max-width: 1280px;
    padding: 20px 0 20px 0;
}

@media (min-width: 768px) {
    form #formcontainer {
        padding: 50px 0 20px 0;
    }
}

#content button{
	padding: 5px 10px;
	background-color: #1F598C;
	border: 1px solid #1F598C;
	color: #fff;
	margin-top:8px;
}
#content button:hover{
	padding: 5px 10px;
	background-color: #556dad;
	border: 1px solid #556dad;
	color: #fff;
}

@media (min-width: 768px) {
	.columnise{
		-webkit-column-count: 2;
		-webkit-column-width: 282px;
		-webkit-column-gap: 50px;
		-moz-column-count: 2;
		-moz-column-width: 282px;
		-moz-column-gap: 50px;
		column-count: 2;
		column-width: 282px;
		column-gap: 50px;
		text-align: justify;
		width: 85%;
		margin: 0 auto;
	}
	#content .box.box_type_boxtext .columnise p{
		text-align: right;
		width: 100%;
		margin: 0 auto;
	}
}
.block-gallery-images ul {
    width: 100%;
}
body #pagefield .block-gallery-images li{
	margin: 5px 0;
}
body #blocksfield div.block-gallery-images img{
	margin: 0;
	width: 100%;
}
.block-gallery-images li {
    float: left;
}

div.block-gallery-images li:nth-child(2n+1) {
	clear: both;
}

@media (max-width: 768px) {
	html body div#thumbslider,
	html body div#thumbcarousel{
		width: 290px !important;
	}
	body a.flex-prev,
	body a.flex-next {
		color: transparent;
		text-shadow: none;
	}
	body a.flex-next {
		padding-right: 10px;
	}
	body .flex-direction-nav a:before{
		font-size: 28px;
	}
	div#lightbox-container-image-box {
		width: 290px !important;
		height: 200px !important;
	}
	img#lightbox-image {
		width: 270px !important;
		height: 180px !important;
	}
	div#lightbox-container-image-data-box{
		width: 270px !important;
	}
	a#lightbox-nav-btnNext,
	a#lightbox-nav-btnPrev{
		height: 180px !important;
	}
}
@media (min-width: 800px){
	body #blocksfield div.block-gallery-images li{
		margin: 5px 10px 5px 0;
		width: 45%;
	}
	body #blocksfield div.block-gallery-images li:nth-child(2n+2){
		margin: 5px 0px 5px 0;
		width: 45%;
	}
}
@media (min-width: 1137px){
	body #blocksfield div.block-gallery-images li{
		margin: 12px 23px 11px 0;
		width: 48.5%;
	}
	body #blocksfield div.block-gallery-images li:nth-child(2n+2){
		margin: 12px 0px 11px 0;
		width: 48.5%;
	}
}


/* footer */
.social-buttons.hidden-lg {
		display: inline-block;
		margin: 5px 0 0 -5px;
}

div.social-buttons a {
    float: left;
    width: 30px;
    height: 30px;
    background-image: url(../images/social-sprite.png);
    background-repeat: no-repeat;
    margin-left: 5px;
    display: block;
}

a.social-facebook{background-position: -30px 0;}
a.social-twitter{background-position: 0 0;}
a.social-linkedin{background-position: -60px 0;}

div.call-button {
    width: 30px;
    height: 30px;
    background-image: url(../images/social-sprite.png);
    background-repeat: no-repeat;
    margin-left: 5px;
    display: block;
	background-position: -120px 0;
	margin-top: 10px;
	position: absolute;
	right: 25px;
}
a.call {
	margin-left: 45px;
	margin-top: 3px;
	display: block;
	width: 150px;
	text-decoration: none;
	font-size: 18px;
	color: #6d6d6d;
}
a.call:hover {
	text-decoration: none;
	color: #6d6d6d;
}
@media (min-width: 992px){
	div.call-button {
		position: absolute;
		left: 25px;
		width: 30px;
		height: 30px;
		background-image: url(../images/social-sprite.png);
		background-repeat: no-repeat;
		margin-left: 5px;
		display: block;
		background-position: -120px 0;
		margin-top: 10px;
	}
	a.call {
		margin-left: 45px;
		margin-top: 3px;
		display: block;
		width: 150px;
		text-decoration: none;
		font-size: 18px;
		color: #6d6d6d;
	}
	a.call:hover {
		text-decoration: none;
		color: #6d6d6d;
	}
	.call-button p {
		width: 120px;
		margin-left: 40px;
		margin-top: 3px;
	}
}
dl.widgetform dt.widgetform-horz {
	margin: 10px 0;
}
textarea.widgettextarea {
	width: 100%;
	border-color: rgb(201, 201, 201);
}
.block.form .widgetfieldset dl.widgetform dd {
    width: 100%;
}
.block.form .widgetfieldset dl.widgetform dt {
    margin-bottom: 0;
}
/* @media (min-width:768px){
	dl.widgetform dt.widgetform-horz {
		margin-bottom: 22px;
	}
} */

/*tabs*/
.tabs {
  padding: 0px;
  list-style: none;
  width: 100%;
  margin: 20px auto 0 auto;
  max-width: 1420px !important;
  text-align: -webkit-center;
}
.tabs div {
  background: none;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.71);
  border-radius: 5px 5px 0 0;
  margin: 0 0 0 15px;
  margin-bottom: 1px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-bottom: 0;
}
.tabs div:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.tabs div.current {
    background: #50B4BF;
    color: #fff;
    border: 3px solid #50B4BF;
    border-bottom: 3px solid #50B4BF;
    border-radius: 5px 5px 3px 3px;
}
.tabs div a {
  color: #444;
}
.tabs div.tab i.fa,
.tabs div.tab span.glyphicon {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .tabs {
    width: 98%;
  }
  .tabs div {
      font-size: 14px;
      margin: 0 0 2px 5px;
      padding: 8px;
  }
}
.tabs {
    margin: 0 auto;
    text-align: left;
}
.tabs.current {
    border: none;
}
.tabs div {
    background-color: #eff7f8;
    border: 3px solid #c2e0e4;
    border-bottom: 0;
}
.tabs div:hover{
    background-color: #50B4BF;
    color: #fff;
    border: 3px solid #50B4BF;
}
.tabs div.current {
  /* box-shadow: 1px -1px 1px rgba(76, 76, 76, 0.16); */
}
.tab-content.current {
  width: 90%;
  /* box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.18); */
  border-radius: 5px;
}
 a.readmore {
  width: 100%;
  line-height: 15px;
  color: #fff;
  background: #347d8c;
  background: -moz-linear-gradient(top, #16c78c 0%, #30ab81 100%);
  background: -webkit-linear-gradient(top, #348899 0%, #348899 100%);
  background: linear-gradient(to bottom, #347d8c 0%, #32707d 100%);
  text-decoration: none;
  padding: 12px 18px;
  border-radius: 0 0 3px 3px;
  display: block;
  text-align: center;
}

@media (max-width: 768px) {
  .block.tabs div {
    width: 49%;
    margin: 0;
    font-size: 14px;
    padding: 10px 6px;
    text-align: center;
  }
  .block.tabs div i,
  .block.tabs div span {
    display: none;
  }
  .block ul.tabs#tab3 li {
    width: 32.3%;
  }
  .block .cases .tab-content.current {
    border-radius: 0px 5px 5px 5px;
  }
  .block .tab-content.current {
    margin: -2px auto 0 auto;
  }
}
.tab-content {
    display: none;
    background-color: #fff;
}
.tab-content.current {
  display: inherit;
  width: 100%;
  margin: -4px auto 0 auto;
  border: 3px solid #50B4BF;
  /* border-top: 2px solid #1F598C; */
}
#page .block .tab-content .columns {
  margin: 10px auto;
  max-width: 1400px;
}
.tab-content .in-tab {
  padding: 30px 15px;
  margin: 0;
  font-size: 15px;
}
@media (min-width: 400px) {
  .tab-content .in-tab {
    padding: 30px;
  }
}

@media (min-width: 992px) {
    .paragraph:first-child {
        width: 45%;
        display: inline-block;
        padding-right: 30px;
    }
}
.block-content.left .paragraph img {
    max-width: 100%;
    margin: 0;
    float: none;
}
@media (max-width: 991px) {
    .block-content.left .paragraph img {
        margin-bottom: 15px;
    }
}
@media (min-width: 992px) {
    .paragraph:last-child {
        width: 54.7%;
        display: inline-block;
        vertical-align: middle;
    }
}

/* end tabs */


/* footer */
#footer{
	clear: both;
    /* background-image: url(".. /images/footer.jpg"); */
    /* background: rgb(31,89,140); */
	background: linear-gradient(0deg, rgba(31,89,140,1) 0%, rgba(80,180,191,1) 100%);
	padding: 10px 20px;
	max-width: 100%;
	margin: 0 auto;
}
/* @media (min-width: 1280px){
	#footer{
		width: 1280px;
	}
} */
#footer ul {
    margin-top: 0;
}
#footer .left,
#footer .middle,
#footer .right {
    width: 80%;
    margin: 10px auto;
    display: block;
    text-align: center;
}
@media (min-width: 768px){
    #footer .left,
    #footer .middle,
    #footer .right {
        width: 33%;
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        text-align: left;
    }
}
@media (min-width: 1280px){
    #footer .left,
    #footer .middle,
    #footer .right {
        width: 33.22%;
    }
}
#footer .middle *{
    text-align: center;
}
#footer a,
#footer a:hover,
#footer p{
	color: #fff;
}
#footer .inner-footer {
    max-width: 1800px;
    width: 95%;
    margin: 0 auto;
}
#disclaimer-wrapper {
    max-width:90%;
    display: inline-block;
}
