*, *:before, *:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html, body{
-webkit-font-smoothing: antialiased;
height: 100%;
}
body {
margin:0;
padding:0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:14px;
font-weight:normal;
background-color:#ededed;
}
.ch-grid {
margin: 0 auto;
padding: 0;
list-style: none;
display: block;
text-align: center;
max-width: 1200px;
}
.ch-grid:after,
.ch-item:before {
content: '';
display: table;
}
.ch-grid:after {
clear: both;
}
.ch-grid li {
width: 280px;
height: 280px;
display: inline-block;
margin: 40px;
}
.ch-item {
width: 100%;
height: 100%;
border-radius: 50%;
position: relative;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
cursor: default;
}
.ch-info-wrap, 
.ch-info{
position: absolute;
width: 240px;
height: 240px;
border-radius: 50%;
}
.ch-info-wrap {
top: 20px;
left: 20px;
background: #f9f9f9;
box-shadow: 
0 0 0 20px rgba(255,255,255,0.2), 
inset 0 0 3px rgba(115,114, 23, 0.8);
}
.ch-info > div {
display: block;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background-position: center center;
-webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/
}
.ch-info .ch-info-front {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.ch-info .ch-info-back {
opacity: 0;
background: #caeaf4;
pointer-events: none;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: all 0.4s ease-in-out 0.2s;
-moz-transition: all 0.4s ease-in-out 0.2s;
-o-transition: all 0.4s ease-in-out 0.2s;
-ms-transition: all 0.4s ease-in-out 0.2s;
transition: all 0.4s ease-in-out 0.2s;
}
.ch-info p {
color: #325878;
padding: 40px 5px 0;
font-style: italic;
margin: 0 30px;
font-size: 15px;
}
.ch-info p a {
display: block;
color: #325878;
font-style: normal;
font-weight: 700;
font-size: 30px;
padding-top: 4px;
}
.ch-info p a:hover {
color: #e4001b;
}
.ch-item:hover .ch-info-front {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
} 
.ch-item:hover .ch-info-back {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
pointer-events: auto;
}
.ch-grid h3 {
color: #888;
letter-spacing: 1px;
font-weight:normal;
font-size: 17px;
padding: 35px 0;
text-shadow:1px 1px 1px #fff;
}
a.rm{
padding:8px 15px;
margin:15px 0;
border:2px solid #888;
color:#888;
}
a.rm:hover{
padding:8px 15px;
margin:15px 0;
border:2px solid #e4001b;
color:#e4001b;
}
#ct4 {
font-size:17px;
color:#ccc;
float:right;
margin-right:15px;
font-weight:normal;
}
.wrapper{
width:100%;
margin:0 auto;
transition: 0.5s;
}
.mwrapper {
margin: 0 auto;
//max-width: 1200px;
height: 100%;
}
.datetime {
float:right;
}
.container{
padding:18px;
margin:0 auto;
width:98%;
font-size:16px;
color:#555;
min-height:100px;
}
.container p{
line-height: 24px;
}
a:link, a:visited{
text-decoration:none;
color:#337ab7;
}
.blanc{
width:100%;
height:100px;
}
.header{
width:100%;
padding:3px 2%;
min-height:30px;
border-bottom:1px solid #fff;
background-color: #f9fcff;
-webkit-box-shadow: inset 0px -6px 5px -1px rgba(0,0,0,0.04);
-moz-box-shadow: inset 0px -6px 5px -1px rgba(0,0,0,0.04);
box-shadow: inset 0px -6px 5px -1px rgba(0,0,0,0.04);
}
header{
background-color: #e6f3ff;
position:relative;
width:100%;
z-index:88;
}
.footer{
width:100%;
background-color:#325878;
border-top:1px solid #ddd;
padding:1% 2%;
margin-top:18px;
color:#fff;
}
.footer>p{
text-align:center;
margin-bottom:18px;
}
.foot1{
width:40%;
margin-right:5%;
float:left;
color:#fff;
}
.foot1 h2{
font-size:22px;
margin-bottom:8px;
font-weight:normal;
color:#fff;
}
.foot1 p{
padding:5px 0;
font-size:17px;
}
.foot1 hr{
width:88px;
margin:10px 0;
border: 1px solid #fff;
}
.foot1 i{
color:#f1f1f1;
font-size:20px;
}
.foot2{
width:55%;
float:left;
color:#fff;
}
hr.ftr{
width:100%;
margin:10px 0;
border: 1px solid #39668a;
}
.content{
min-height:450px;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix { display: block; zoom: 1; }
table.ms {
font-size:14px;
color:#325878;
border-collapse: collapse;
}
table.ms th {
padding: 8px;
border:1px solid #325878;
}
table.ms tr {
background-color:#f8f8f8;
}
table.ms tr:hover {
background-color: #e8e8e8;
}
table.ms td {
padding: 8px;
border:1px solid #325878;
}
/* list element */
ol{
counter-reset: li; /* Initiate a counter */
list-style: none; /* Remove default numbering */
*list-style: decimal; /* Keep using default numbering for IE6/7 */
font-size: 15px;
padding: 0;
margin-bottom: 4em;
//width:80%;
}
ol ol {
margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.rlist p{
position: relative;
display: block;
padding: .4em .4em .4em .8em;
*padding: .4em;
margin: .5em 0 .5em 2.5em;
background: #ddd;
color: #325878;
text-decoration: none;
transition: all .3s ease-out;   
}
.rlist p:hover{
background: #eee;
}   
.rlist p:before{
content: counter(li);
counter-increment: li;
position: absolute; 
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #325878;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
color:#fff;
}
.rlist p:after{
position: absolute; 
content: '';
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;               
}
.rlist p:hover:after{
left: -.5em;
border-left-color: #325878;             
} 
.halfPart{
width:50%;
float:left;
background:green;
}
.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;
}
.parallax-window {
//min-height: 400px;
background: transparent;
padding:2%;
}
.parinner{
background: rgba(255, 255, 255, 0.88);
border:1px solid #fff;
color:#555;
font-size:17px;
width:80%;
padding:3%;
margin:4% auto;
min-height:150px;
line-height:20px;
text-align:justify;
}
.back a{
color:#ddd;
}
ul.sitemapp{
margin-left:28px;	
}
ul.sitemapp li{
margin-left:18px;
padding:5px 0;
color:#175589;
font-size:16px;
}
ul.sitemapp li a{
color:#175589;
}
ul.sitemapp li a:hover{
color:#e4001b;
}
ul.sitemapp li a li a{
color:#175589;
}
/* 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:center;
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 #325878;
}
.accord-content { 
display: none; 
padding:18px;
background:#fff;
}
ul.checklist, ul.checklist ul{
list-style: none;
padding: 0;
margin:0 auto;
display:block;
}
.checklist li, .checklist li a {
padding-left: 1.3em;
font-size:16px;
color:#325878;
text-align:left;
font-weight:normal;
}
.checklist li li, .checklist li li a {
padding-left: 1.3em;
font-size:18px;
color:#467daa;
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:35px;
color:#325878;
font-size:22px;
}
.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.5) rotate(8deg);
-moz-transform:scale(1.5) rotate(8deg);
transform:scale(1.5) rotate(8deg);
}
.cell_title{
border-top:1px solid #fff;
background-color:rgba(220,220,220, 0.3);
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(37,70,149,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: #325878;
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 */
/* 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;
}
.uplinks a{
float:right;
display: inline-block;
margin-right:18px;
color:#ccc;
font-weight:normal;
}
.uplinks a:hover{
color:#325878;
}
.uplinks a.sitemap{
font-size:15px;
line-height:20px;
}
.uplinks a.contacts{
font-size:19px;
line-height:20px;
}
.uplinks a.snbutton{
font-size:17px;
line-height:20px;
}
.social a{
float:left;
font-size:20px;
display: inline-block;
margin-left:10px;
color:#ccc;
}
.social a:hover{
color:#325878;
}
.shad{
-webkit-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.61);
-moz-box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.61);
box-shadow: 0px 0px 13px -3px rgba(0,0,0,0.61);
}
.fop{
background: rgba(255, 255, 255, 0.95);	
}
.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%; 
}
.clouds {
width:100%;
margin: 0 auto;
padding:0 2%;
text-align:left;
background: #bbe4f2 url("/webroot/img/bg_clouds.png") repeat-x scroll 0 bottom;
}
.logoline img{
max-width:100%;
}
/* PAGE TITLE */
.page_title{
width:100%;
margin: 0 auto;
padding:10px 0 15px 0;
text-align:center;
color: #325878;
text-shadow: 1px 1px 1px #fff;
box-sizing:border-box;
border-bottom:1px solid #eee;
-webkit-box-shadow: 0 15px 10px -10px rgba(180,180,180,0.2);
-moz-box-shadow: 0 15px 10px -10px rgba(180,180,180,0.2);
box-shadow: 0 15px 10px -10px rgba(180,180,180,0.2);
font-size:23px;
text-transform:uppercase;
letter-spacing:2px;
margin-bottom:18px;
}
.page_title a{
color: #4a4a4a;
}
.show{
cursor:pointer;
color:#325878;
margin:18px 0;
}
.hide{
display:none;
}
.hidden{
display:none;
}
.lresponser, .rresponser, .presponser{
margin:18px 0;
}
.tooltipp {
display:none;
position:absolute;
border:1px solid #555;
background-color:#fff;
padding:10px;
color:#555;
font-size:12px;
z-index:88;
}
/* FORM ELEMENTS */
.fcont {
width:100%;
//background:pink;
}
.fcol {
float: left;
width: 48%;
min-height:75px;
margin-top:0.2%;
}
.fcol img{
margin:0;
margin: 5px;
float:left;
}
.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 #1068ac;
background-color:#fff;
color: #1068ac;
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;
}
.w100{
width:100%;
min-width:250px;
}
.e{
color:red;
}
.s{
color:green;
}
.calr{
width:100%;
padding:10px;
margin:10px 0;
}
.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;
}
/* FORM */
label{
margin-bottom:8px;
font-size:16px;
color:#888;
float:left;
font-weight:normal;
font-style: italic;
}
.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: 10px;
color: #555;
float:left;
font-size:17px;
}
.fstyle:focus
{
border: 1px solid #1b93ec;
-webkit-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.24);
-moz-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.24);
box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.24);
}
.searchbox{
-webkit-transition: all 0.80s ease-in-out;
-moz-transition: all 0.80s ease-in-out;
-ms-transition: all 0.80s ease-in-out;
-o-transition: all 0.80s ease-in-out;	
background: rgba(255,255,255, 0.5);
width: 20%;
border: 1px solid #ccc;
padding: 5px;
color: #555;
font-size:16px;
}
.searchbox:focus{
background: rgba(255,255,255, 0.9);
border: 1px solid #325878;
color:#325878;
width: 50%;
}
.sw{
width:20%;
}
.h1, .h2{
width:45%;
}
.h1{
margin-right:10%;	
}
.green{
color:#4caf50;
}
.bgreen{
border:1px solid #4caf50;
}
.submit {
background-color: #337ab7;
color: #ffffff;
border: none;
padding: 10px 20px;
font-size: 17px;
border:1px solid #fff;
cursor: pointer;
}
.submit:hover {
background-color: #e12516;
}
.loading {    
background-color: none;
background-image: url("/webroot/img/spinner.gif");
background-size: 25px 25px;
background-position:right center;
background-repeat: no-repeat;
}
.addi{
margin-top:15px;
display:none;
}
/* 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-height:20px;
text-align:center;
}
.dropbtn img{
width:24px;
height:24px;
}
.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;
text-align:center;
}
.dropdownc a{
color: #555;
padding: 1px 5px;
text-decoration: none;
border: 1px solid #ddd;
border:none;
display: block;
}
.dropdownc a img{
width:24px;
height:24px;
display:block;
}
.dropdownc a:hover{
background-color: #f8f8f8
}
.dropdown:hover .dropdownc{
display: block;
}
.dropdown:hover .dropbtn{
background-color: #f8f8f8;
}
/* 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;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
from {opacity: 0;} 
to {opacity: 1;}
}

@keyframes fadeIn {
from {opacity: 0;}
to {opacity:1 ;}
}
.cwrap{
width:100%;
margin:0 auto;
}
/* GREED */
.cell{
width: 23%;
float:left;
margin: 1%;
text-align:center;
position:relative;
overflow:hidden;
-webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
}
.cell p{
font-weight:normal;
margin-top:18px;
color:#325878;
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;
}
.cellc{
width:100%;
float:left;
text-align:center;
position:relative;
overflow:hidden;
-webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
}
.cellc p{
font-weight:normal;
margin-top:18px;
color:#325878;
font-size:17px;
}
.cellc 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;
}
.vcwrap{
display:grid;
grid-template-columns: repeat(8, 1fr);
grid-gap:15px;
}
.vcwrap div{
border:1px solid #fff;
-webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
object-fit:cover;
}
.vcwrap div img{
width:100%;
display:block;
}
.cellv{
width: 10.5%;
float:left;
margin: 1%;
text-align:center;
position:relative;
overflow:hidden;
-webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);
box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.15);	
}
.cellv img{
float: left;
width: 100%;
height: auto;
}
/* Push slide top */
.sidetop {
position:fixed;
height: 0;
width: 100%;
z-index: 11;
top: 0;
left: 0;
background-color: #ededed;
overflow-y: hidden;
transition: 0.5s;
}
.sidetopc {
position:relative;
height:100%;
margin:0;
padding:1%;
text-align:center;
}
.sidetop a {
text-decoration: none;
font-size: 25px;
color: #325878;
transition: 0.3s;
}
.sidetop a:hover {
color: #e4001b;
}
.sidetop .closebtn {
position: absolute;
float:right;
right: 10px;
font-size: 36px;
z-index: 2;
}
/* MEDIA QUERIES */

@media screen and (max-width: 1200px) {
	.ch-grid li {
	margin: 30px;
	}
}
@media screen and (max-width: 1000px) {
	.gslider .slider-text {
	width: 50%;
	}
	.gslider .slider-text h2 {
	font-size: 16px;
	}
	.gslider .slider-text p {
	font-size: 13px;
	}
}
@media screen and (max-width: 900px) {
	.ch-grid li {
	margin: 20px;
	}
}
@media screen and (max-width: 800px) {
	.cell{
	width: 31.3%;
	}
	.cellv{
	width: 23%;
	}
	#header {
	height: auto;
	}
	.gslider .slider-text {
	width: 60%;
	}
	.gslider .slider-text h2 {
	font-size: 15px;
	}
	.gslider .slider-text p {
	font-size: 12px;
	}
	.page_title{
	font-size: 25px;	
	}
    .vcwrap{
    grid-template-columns: repeat(4, 1fr);
    }
}
@media screen and (max-width: 700px) {
	.cell{
	width: 48%;
	}
	.cwrap{
	width:100%;
	}
	.ch-grid li {
	margin: 10px;
	}
	.gslider .slider-text {
	width: 70%;
	}
	.gslider .slider-text h2 {
	font-size: 14px;
	}
	.gslider .slider-text p {
	font-size: 11px;
	}
	.page_title{
	font-size: 22px;	
	}
}
@media screen and (max-width: 600px) {
	.fcol{
	width: 100%;
	margin-top: 0;
	}
	.foot1{
	float:none;
	margin-bottom:18px;
	width:100%;
	}	
	.foot2{
	float:none;
	width:100%;
	}
	.gslider .slider-text {
	display: none;
	}
	.sy-pager{
	display:none;
	}
	.page_title{
	font-size: 18px;	
	}
}
@media screen and (max-width: 500px) {
	.cell{
	width: 100%;
	}
	.container{
	width:100%;
	padding:0;
	}
	.vcwrap{
    grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 450px) {
	.sy-pager {
	display:none;
	}
	.sidenav {
	padding-top: 15px;
	}
	.sidenav a {
	font-size: 18px;
	}
	#ct4 {
	display:none;
	}
}

@media screen and (max-width: 320px) {
	.cellv{
	width: 100%;
	}
	.vcwrap{
    grid-template-columns: 100%;
    }
}