*, *:before, *:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html{
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
transition: background-color .5s;
overflow-x:hidden;
width:100%;
height:auto;
}
body {
margin:0;
padding:0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
font-weight:normal;
background: #fff;
}
.wrapper{
width:100%;
margin:0 auto;
background:#fbfbfb;
transition: 0.5s;
}
.container{
padding-top:2%;
margin:0 auto;
width:92%;
font-size:16px;
color:#555;
//background:green;
}
.container p{
line-height: 24px;
text-align:justify;
}
a:link,a:visited{
text-decoration:none;
color:#587bbd;
}
.header{
width:100%;
background-color:#fbfbfb;
padding:3px 2%;
min-height:30px;
}
.footer{
width:100%;
background-color:#ededed;
border-top:1px solid #ddd;
min-height:120px;
padding:1% 2%;
margin-top:18px;
text-align:center;
color:#555;
}
.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;
}
.wnorm{
width:50%;
margin:0 auto;
min-height:600px;
}
#last_10{
margin-top:10px;
border:1px solid #2869a3;
}
.respo{
margin:0 auto;
text-align:center;
padding:18px;
}
.stitle{
color:#888;
padding:18px 0;
font-size:16px;
}
.stitler{
color:#888;
padding:18px 0;
font-size:16px;
float:right;
}
.welc {
font-size:16px;
color: #0078B5;
float:right;
margin-right:18px;
}
#showall{
text-align:right;
color:#888;
margin-bottom:18px;
}
ul.tabs{
margin: 0px;
padding: 0px;
list-style: none;
}
ul.tabs li{
background: none;
color: #222;
display: inline-block;
padding: 8px;
cursor: pointer;
}
ul.tabs li a:link,ul.tabs li a:visited{
font-size:16px;
color: #222;	
}
ul.tabs li.current{
background: #F4F4F4;
color: #222;
}
.tab-content{
display: none;
background: #F4F4F4;
padding: 15px;
}
.tab-content.current{
display: inherit;
}
.c1{
width:29%;
float:left;
margin-right:2%;
}
.c1 i.iii{
color:#888;
margin-right:10px;
text-shadow:1px 1px 1px #fff;
}
.c1 .pelement span:not(.ttiptxt){
//display:block;
margin-top:10px;
color:#888;
text-shadow:1px 1px 1px #fff;
}
.c1 .pelement a:link{
color:#888;
text-shadow:1px 1px 1px #fff;
font-size:16px;
}
.c2{
width:39%;
float:left;
//background:green;
margin-right:2%
}
.c3{
width:28%;
float:left;
//background:orange;
}
.pelement img{
width:100%;
}
.c4{
width:45%;
float:left;
margin-right:5%	
}
.c4 img{
max-width:100%;
}
.c5{
width:45%;
float:left;
}
.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%; 
}
.ptitle a:link, .ptitle a:visited{
display:block;
font-size:15px;
color:#555;
text-align:left;
}
a.ptitle{
display:block;
font-size:15px;
color:#555;
text-align:left;
margin-bottom:15px;
}
.pelement{
margin-bottom:18px;
}
.ttip {
position: relative;
display: inline-block;
}
.ttip i{
color:#ccc;
margin-left:8px;
}
.tooltip {
display:none;
position:absolute;
border:1px solid #F82593;
background-color: #173054;
padding:10px;
color:#fff;
font-size:12px;
max-width:280px;
z-index:88;
}
::-webkit-input-placeholder {
  font-size:14px;
}
::-moz-placeholder {
  font-size:14px;
}
:-ms-input-placeholder {
  font-size:14px;
}
:-moz-placeholder {
  font-size:14px;
}
#pcontent{
height:280px;
}
hr{ 
border: 0; 
height: 1px; 
background: #ccc; 
//background-image: linear-gradient(to right, #ccc, #777, #ccc);
}
.last10 {
//border:1px solid #ccc;
padding:8px;
-webkit-box-shadow: 0px 8px 14px -8px rgba(0,0,0,0.51);
-moz-box-shadow: 0px 8px 14px -8px rgba(0,0,0,0.51);
box-shadow: 0px 8px 14px -8px rgba(0,0,0,0.51);
}
.last10 p{
color:#aaa;
}
.last10 a{
color:#1068ac;
}
.chartcont{
width:100%;
background:#0279B5;
//margin-top:18px;
height:32px;
}
.chartline{
background:#F92493;
height:32px;
padding:5px 0;
color:#fff;
font-size:16px;
box-sizing:border-box;
text-align:center;
}
.totalcount{
color:#2869A3;
font-size:16px;
float:right;
}
/* ACCORDION */
.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;
text-align:left;
margin-bottom:8px;
font-weight:bold;
color:#888;
border:1px solid #fff;
box-shadow: 0 0 8px #ddd;
}
.accord-header:hover {
background: #099DF7; 
cursor:pointer;
color:#fff;
box-shadow: inset 0 0 8px #0780C5;
}
.accord-content { 
display: none; 
padding:18px;
background:#fff;
}
ul.checklist{
list-style: none;
padding: 0;
margin-left:25px;
display:block;
width:80%;
}
.checklist li {
padding-left: 8px;
font-size:16px;
color:#888;
text-align:left;
font-weight:normal;
}
.checklist li::before {
content: "\f058";
font-family: "Font Awesome 5 Free";
display: inline-block;
margin-left: -1.3em;
width: 1.3em;
line-height:25px;
color:#98d522;
font-size:16px;
line-height:38px;
}
.image{
height:100%;
overflow:hidden;
}
.image img {
-webkit-transition: transform 10.0s ease, opacity 1.0s ease;
-moz-transition: transform 10.0s ease, opacity 1.0s ease;
transition: transform 10.0s ease, opacity 1.0s ease;
}
.image:hover img {
-webkit-transform:scale(1.1) rotate(0.1deg);
-moz-transform:scale(1.1) rotate(0.1deg);
transform:scale(1.1) rotate(0.1deg);
}
.cell_title{
border-top:1px solid #fff;
background-color:rgba(248, 248,248, 0.8);
padding:8px;
width:100%;
box-sizing:border-box;
text-align:center;
color:#555;
}
.cell_title a{
top:18px;
font-size:14px;
color:#555;
}
.cell_title span{
font-size:13px;
color:#2089C1;
}
/* testimonials */
figure.tm {
position: relative;
overflow: hidden;
margin: 0 auto;
width: 95%;
color: #333;
text-align: left;
box-shadow: none !important;
}
figure.tm * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.tm img {
max-width: 100%;
height: 100px;
width: 100px;
border-radius: 50%;
margin: 0 auto;
display: block;
z-index: 1;
position: relative;
border:1px solid #fff;
}
figure.tm blockquote {
display: block;
position: relative;
background-color: #fafafa;
padding: 60px 35px 35px 35px;
font-size: 14px;
margin: -50px 0 0;
line-height: 1.6em;
border:1px solid #fff;
border-bottom:5px solid rgba(152,213,34,0.8);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.tm blockquote  div{
height:150px;
}
figure.tm blockquote:before,
figure.tm blockquote:after {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
content: "\f10d";
position: absolute;
font-size: 20px;
opacity: 0.3;
font-style: normal;
color:#888;
}
figure.tm blockquote:before {
top: 70px;
left: 20px;
}
figure.tm blockquote:after {
content: "\f10e";
right: 20px;
bottom: 0;
}
figure.tm .author {
padding: 15px;
margin: 0;
text-transform: uppercase;
color: #1068ac;
text-align: center;
}
figure.tm .author h5 {
font-size:16px;
opacity: 0.8;
margin: 0;
font-weight: 800;
}
figure.tm .author h5 span {
font-size:14px;
font-weight: 400;
text-transform: none;
display: block;
}
/* testimonials */
/* 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;
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 */
/* by numbers */
.bynumbers{
background-color: #98d522;
height: 500px;
font-size:20px;
color:#fff;
width:100%;
overflow:hidden;
height:auto;
}
.bynumbers .owl-item{
text-align:center;
width: 100%;
float:left;
padding:18px 0;
}
.timer{
font-size:40px;
font-weight:bold;
}
/* by numbers */
/* 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{
-moz-box-shadow:inset 0px 1px 0px 0px #fff;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
box-shadow:inset 0px 1px 0px 0px #fff;
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;
padding:5px 10px;
margin:2px;	
color:#777;
border:1px solid #ddd;
text-decoration:none;
text-shadow:0px 1px 0px #fff;
}
ul.paging li a: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;
}
ul.paging li.current{
-moz-box-shadow:inset 0px 1px 0px 0px #fff;
-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
box-shadow:inset 0px 1px 0px 0px #fff;
background-color:#f8f8f8;
padding:5px 10px;
cursor: default;
margin:2px;	
color:#555;
border:1px solid #ddd;
text-shadow:0px 1px 0px #fff;
}
.login a{
float:right;
font-size:16px;
line-height:20px;
display: inline-block;
margin-right:18px;
color:#ccc;
font-weight:normal;
}
.login a:hover{
color:#98d522;
}
.social a{
float:left;
font-size:20px;
display: inline-block;
margin-left:10px;
color:#ccc;
}
.social a:hover{
color:#0093dd;
}
.socialb{
display:none;
}
.socialb a{
font-size:20px;
text-align:center;
color:#ccc;
}
.socialb a:hover{
color:#0093dd;
}
/* MENU */
.navigation {
height: 70px;
background: #fff;
position:relative;
z-index: 88;
}
.brand {
position: absolute;
float: left;
line-height: 70px;
}
.brand  img{
width:100%;
max-width:240px;
}
.nav-container {
padding:0 2%;
margin: 0 auto;
}
.navigation nav {
float: right;
}
.navigation nav ul {
list-style: none;
margin: 0;
padding: 0;
z-index: 88888;
}
.navigation nav ul li {
float: left;
position: relative;
}
.navigation nav ul li a,
.navigation nav ul li a:visited {
display: block;
padding: 0 20px;
line-height: 70px;
color: #555;
font-size:16px;
text-decoration: none;
}
.navigation nav ul li a:hover,
.navigation nav ul li a:visited:hover {
background: #F8F8F8;
color: #555;
}
.navigation nav ul li a:not(:only-child):after,
.navigation nav ul li a:visited:not(:only-child):after {
padding-left: 4px;
font-family: "Font Awesome 5 Free"; 
font-weight: 600; 
content: "\f107";
font-size:15px;
position:absolute;
}
.navigation nav ul li ul li {
min-width: 200px;
}
.navigation nav ul li ul li a {
padding: 12px;
line-height: 20px;
background: rgba(250, 250, 250, 1);
}
.nav-dropdown {
position: absolute;
display: none;
z-index: 8;
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
background: rgba(255, 255, 255, 0.8);
}
.scltd{
background:#b9def9;	
}
/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  height: 70px;
  width: 70px;
}
@media only screen and (max-width: 1250px) {
  .nav-mobile {
    display: block;
  }
  .navigation nav {
    width: 100%;
    padding: 70px 0 15px;
	//position:absolute;
  }
  .navigation nav ul {
    display: none;
  }
  .navigation nav ul li {
    float: none;
  }
  .navigation nav ul li a {
    padding: 15px;
    line-height: 20px;
	background: rgba(255, 255, 255, 0.8);
  }
  .navigation nav ul li ul li a {
    padding-left: 30px;
  }
  .nav-dropdown {
    position: static;
  }
}
@media screen and (min-width: 1251px) {
  .nav-list {
    display: block !important;
  }
}
#nav-toggle {
  position: absolute;
  left: 30px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 4px;
  width: 30px;
  background: #555;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
/* PAGE TITLE */
.page_title{
width:100%;
margin: 0 auto;
padding:0 0 1% 0;
text-align:left;
color: #0093dd;
text-shadow: 1px 1px 1px #fff;
box-sizing:border-box;
font-size:20px;
//text-transform:uppercase;
letter-spacing:2px;
margin-bottom:18px;
}
.page_title a{
color: #4a4a4a;
}
.show,.show1{
cursor:pointer;
color:#0454a1;
margin:18px 0;
}
.hide,.hide1{
display:none;
}
.hidden{
display:none;
}
.lresponser, .rresponser, .presponser{
margin:18px 0;
}
/* FORM ELEMENTS */
.fcont {
width:100%;
//background:pink;
}
.fcol {
float: left;
width: 48%;
min-height:75px;
margin-top:0.2%;
//background:green;
}
.fcol img{
margin:0;
margin: 5px;
float:left;
//display:inline-block;
}
.fcol:first-child {
margin-right:4%;	
}
.frow:after {
content: "";
display: table;
clear: both;
}
.filewrapper {
position: relative;
overflow: hidden;
float:left;
margin-top:8px;
clear:both;
}
.file {
border: 1px solid #bbb;
background-color:#fff;
color: #bbb;
padding: 8px 10px;
margin-left:5px;
font-size: 16px;
}
.filewrapper input[type=file] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
ul#fileList{
margin-top:8px;
width:90%;
float:left;
list-style:none;
}
#fileList li{
float:left;
display:block;
margin:0 5px;
color:#bbb;
}
.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;
}
.captcha{
margin: 10px 0;
display:block;
}
/* ATTRIBUTES */
.nothing{
margin:0 auto;
width:280px;
padding:1% 2%;
border:1px solid #ddd;
font-weight:bold;
text-align:center;
color:#ccc;
text-shadow:1px 1px 1px #fff;
}
.w30{
width:30%;
min-width:200px;
}
.w50{
width:50%;
min-width:250px;
}
.w70{
width:70%;
min-width:250px;
}
.w80{
width:80%;
min-width:250px;
}
.w90{
width:90%;
min-width:250px;
}
.w95{
width:95%;
min-width:250px;
}
.w98{
width:98%;
min-width:250px;
}
.100{
width:100%;
min-width:250px;
}
.e{
color:red;
}
.s{
color:green;
}
.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;
}
table.claims  {
border-collapse: collapse;
width: 100%;
font-size:14px;
}
table.claims th, table.claims td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
table.claims tr:not(:first-child):hover {
background-color: #f1f1f1;
}
table.claims tr.divider {
border-bottom:5px solid #0093dd;
margin-bottom:18px;
}
table.claims tr i {
width: 38px;
color: #98d522;
font-size:20px;
}
/* FORM */
label{
margin-bottom:8px;
font-size:16px;
color:#a4a4a4;
float:left;
font-weight:normal;
font-style: italic;
}
.fclaim{
width:60%;
margin:0 auto;
}
.fstyle{
-webkit-transition: border 0.30s ease-in-out;
-moz-transition: border 0.30s ease-in-out;
-ms-transition: border 0.30s ease-in-out;
-o-transition: border 0.30s ease-in-out;
outline: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
background: rgba(255, 255,255, 0.9);
margin-bottom: 10px;
border: 1px solid #ccc;
padding: 12px;
color: #555;
float:left;
font-size:18px;
}
.fstyle:focus
{
border: 1px solid #4caf50;
//background: rgba(255, 255,255, 0.9);
}
.thide{
display:none;
margin-top:18px;
background:#f1f1f1;
}
.js-signature{
width:400px;
}
.tac{
width:100%;
padding:8px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
height:100px;
margin-top:8px;
margin-bottom:18px;
overflow-y:auto;
font-size:13px;
color:#555;
border:1px solid #ccc;
}
.sw{
width:20%;
}
.h1, .h2{
width:45%;
}
.h1{
margin-right:10%;	
}
.steps{
width:100%;
}
.step{
width:33.3%;
float:left;
text-align:center;
box-sizing:border-box;
padding:2%;
color: #ccc;
}
.step h2{
display: table-cell;
height: 50px;
width: 50px;
text-align: center;
vertical-align: middle;
border-radius: 50%;
border:1px solid #ddd;
}
.step p{
font-size:20px;
}
.secure{
margin:15px 0;
color:#555;
}
.secure i{
color:#98d522;
margin-right:10px;
}
.green{
color:#4caf50;
}
.bgreen{
border:1px solid #4caf50;
}
.next {
background-color: #4CAF50;
color: #ffffff;
border: none;
padding: 10px 20px;
margin-top:18px;
font-size: 17px;
border:1px solid #fff;
cursor: pointer;
}
.prev {
background-color: #ff7518;
color: #ffffff;
border: none;
padding: 10px 20px;
font-size: 17px;
border:1px solid #fff;
cursor: pointer;
}
.submit {
background-color: #337ab7;
color: #ffffff;
border: none;
padding: 10px 20px;
font-size: 17px;
border:1px solid #fff;
cursor: pointer;
}
.submit:hover {
background-color: #98d522;	
}
.box input[type="radio"] {
display: none;
}
.box label {
display: block;
background-color: #fff;
width:100%;
padding: 10px 15px;
border:1px solid #ddd;
font-size: 16px;
cursor: pointer;
float:left;
}
.box input[type="radio"]:checked+label {
background-color: #4caf50;
color:#fff;
}
.tms{
font-size:15px;
color:#555;
font-weight:normal;
}
.datepicker-here{
background-image: url('/webroot/img/cal-icon.svg');
background-repeat: no-repeat;
background-position: right center;
}
.loading {    
background-color: none;
background-image: url("/webroot/img/spinner.gif");
background-size: 25px 25px;
background-position:right center;
background-repeat: no-repeat;
}
/* Popup */
.popup {
position: relative;
display: inline-block;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float:right;
}
.popup .popuptext {
visibility: hidden;
width: 40px;
background-color: #ededed;
color: #555;
text-align: center;
padding: 0;
position: absolute;
z-index: 3;
top: 125%;
left: 50%;
margin-left: -20px;
border-style:solid;
border-color:#ddd;
border-width:0 1px 1px 1px;
}
.popup .popuptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #ededed transparent;
}
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
.popup p{
padding:5px 0;
margin:0;
}
.popup p:hover{
background:#ddd;
}
.popup a{
color:#555;
//display:block;
}
/* Drop down */
.dropdown {
position: relative;
display: inline-block;
float:right;
}
.dropbtn {
color: #555;
padding: 0 5px;
//font-size: 15px;
cursor: pointer;
//min-width:45px;
text-align:center;
//text-transform:uppercase;
}
.dropdownc {
display: none;
position: absolute;
background-color: #fff;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 89;
color: #555;
//min-width:45px;
text-align:center;
}
.dropdownc a {
color: #555;
padding: 1px 5px;
text-decoration: none;
//text-transform:uppercase;
border: 1px solid #ddd;
//font-size: 15px;
border-top:none;
display: block;
}
.dropdownc a:hover {
background-color: #ededed
}
.dropdown:hover .dropdownc {
display: block;
}
.dropdown:hover .dropbtn {
background-color: #ededed;
}
/* Image overlay effects */

.overlay_container {
position: relative;
width:50%;
}
.image {
display: block;
width: 100%;
height: auto;
}
.text {
color: white;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
white-space: nowrap;
}
.overlay_fade {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #008CBA;
}
.overlay_container:hover .overlay_fade {
opacity: 1;
}
.overlay_sleft {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease;
}
.overlay_container:hover .overlay_sleft {
width: 100%;
}
.overlay_sright {
position: absolute;
bottom: 0;
left: 100%;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 0;
height: 100%;
transition: .5s ease;
}
.overlay_container:hover .overlay_sright {
width: 100%;
left: 0;
}
.overlay_sbottom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 100%;
height: 0;
transition: .5s ease;
}
.overlay_container:hover .overlay_sbottom {
height: 100%;
}
.overlay_zoom {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #008CBA;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform:scale(0);
transition: .3s ease;
}
.overlay_container:hover .overlay_zoom {
transform: scale(1)
}
/* Image effects */
img.rounded {
border-radius: 50%;
border:2px solid #fff;
}
img.responsive {
width: 100%;
height: auto;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
img.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
}
/* Div effects*/
.zoom {
transition: transform .2s;
}
.zoom:hover {
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(1.5); 
}
/* Other effects */
::placeholder {
color: #999;
opacity: 1;
}
:-ms-input-placeholder {
color: #999;
}
::-ms-input-placeholder {
color: #999;
}
::-moz-placeholder{
color: #999;
}
/* Slide nav */
.sidenav {
height: 100%;
width: 300px;
position: fixed;
z-index: 90;
top: 0;
right: -300px;
background-color: rgba(237,237,237,0.88);
overflow-x: hidden;
transition: 0.5s;
}
.sinner{
padding: 50px 20px;
overflow:hidden;
}
.sidenav a, .sidenav a:hover {
color: #555;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 10px;
font-size: 36px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
from {opacity: 0;} 
to {opacity: 1;}
}

@keyframes fadeIn {
from {opacity: 0;}
to {opacity:1 ;}
}
/* GREED */
.cell{
width: 23%;
float:left;
margin: 1%;
//background:red;
text-align:center;
position:relative;
overflow:hidden;
}
.cell p{
font-weight:normal;
margin-top:18px;
color:#0093dd;
font-size:17px;
}
.cell img{
float: left;
width: 100%;
height: auto;
-webkit-transition:all 1.6s ease;
-moz-transition:all 1.6s ease;
-o-transition:all 1.6s ease;
transition:all 1.6s ease;
}
/* MEDIA QUERIES */

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

}
@media screen and (max-width: 900px) {
	.wnorm{
	width:60%;
	}
}
@media screen and (max-width: 800px) {
	.cell{
	width: 31.3%;
	}
	.c1{
		width:100%;
		float:none;
		margin-bottom:18px;
	}	
	.c2{
		width:100%;
		float:none;
		margin-bottom:18px;
	}	
	.c3{
		width:100%;
		float:none;
		margin-bottom:18px;
	}
	ul.tabs li a:link,ul.tabs li a:visited{
		font-size:14px;
	}
}
@media screen and (max-width: 768px) {
	.navigation nav ul li a:hover,
	.navigation nav ul li a:visited:hover {
	background: #F8F8F8;
	color: #555;
	}
	ul.tabs li a:link,ul.tabs li a:visited{
	font-size:12px;
	}
}
@media screen and (max-width: 700px) {
	.cell{
	width: 48%;
	}
	.c4{
	width:100%;
	float:none;
	}	
	.c5{
	width:100%;
	float:none;
	}
	.wnorm{
	width:70%;
	}
	.welc {
	font-size:12px;
	}
	.social{
	display:none;	
	}	
	.socialb{
	display:block;	
	}
}
@media screen and (max-width: 600px) {
	.fcol{
	width: 100%;
	}
	.h1, .h2{
	width:50%;
	}
	.h1{
	margin-right:0;	
	}
}
@media screen and (max-width: 500px) {
	.cell{
	width: 100%;
	}
	.wnorm{
	width:80%;
	}
	.ttip .ttiptxt {
	margin-left:0;
	}
}