/*  
Theme Name: Cloudbeds
Theme URI: http://www.cloudbeds.com
Description: This is a custom Wordpress theme.
Version: 1.0
Author: Sixlinux.
*/

/* **************************************************************************** */
/* ############################ ELEMENTS ###################################### */
/* **************************************************************************** */

body { 
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    color:#363636;
    margin:0;
}

a{
    color:#0072bc;
    text-decoration:none;
    transition:0.5s;
}

a:hover{
    text-decoration:underline;
}

a img {border: none;} 

h1{
    font-weight:400;
    font-size:36px;
    margin-top:10px;
    margin-bottom:10px;
}

h2{
    font-weight:400;
    font-size:30px;
    margin-top:10px;
    margin-bottom:10px;
}

h3{
    font-weight:400;
    font-size:25px;
    margin-top:10px;
    margin-bottom:10px;
}

h4{
    font-weight:400;
    font-size:20px;
    margin-top:10px;
    margin-bottom:10px;
}


h5{
    font-weight:400;
    font-size:16px;
    margin-top:10px;
    margin-bottom:10px;
}

h6{
    font-weight:400;
    font-size:13px;
    margin-top:10px;
    margin-bottom:10px;
}

p{
    line-height:180%; 
    margin-bottom:16px;
    margin-top:0;
}

input, select, textarea{outline:none;font-family: 'Open Sans', sans-serif;}


/* **************************************************************************** */
/* ############################# COLORS  ###################################### */
/* **************************************************************************** */

.site-white{color:#fff;}
.site-white-bk{background-color:#fff;}
.site-white-hover:hover{color:#fff;}
.site-white-bk-hover:hover{background-color:#fff;}
.site-white-link{color:#fff;}
.site-white-link:hover{color:#fff;}
.site-white-border{border-color:#fff;}

.site-black{color:#000;}
.site-black-bk{background-color:#000;}
.site-black-hover:hover{color:#000;}
.site-black-bk-hover:hover{background-color:#000;}
.site-black-border{border-color:#000;}

.site-color{color:#363636;}
.site-color-bk{background-color:#363636;}
.site-color-hover:hover{color:#363636;}
.site-color-bk-hover:hover{background-color:#363636;}
.site-color-border{border-color:#363636;}

.site-color-1{color:#416685;}
.site-color-1-bk{background-color:#416685;}
.site-color-1-hover:hover{color:#416685;}
.site-color-1-bk-hover:hover{background-color:#416685;}
.site-color-1-border{border-color:#416685;}

.site-color-2{color:#ff3600;}
.site-color-2-bk{background-color:#ff3600;}
.site-color-2-hover:hover{color:#ff3600;}
.site-color-2-bk-hover:hover{background-color:#ff3600;}
.site-color-2-border{border-color:#ff3600;}

.site-color-3{color:#f3f3c9;}
.site-color-3-bk{background-color:#f3f3c9;}
.site-color-3-hover:hover{color:#f3f3c9;}
.site-color-3-bk-hover:hover{background-color:#f3f3c9;}
.site-color-3-border{border-color:#f3f3c9;}

.site-color-4{color:#636363;}
.site-color-4-bk{background-color:#636363;}
.site-color-4-hover:hover{color:#636363;}
.site-color-4-bk-hover:hover{background-color:#636363;}
.site-color-4-border{border-color:#636363;}

.site-color-5{color:#cff1db;}
.site-color-5-bk{background-color:#cff1db;}
.site-color-5-hover:hover{color:#cff1db;}
.site-color-5-bk-hover:hover{background-color:#cff1db;}
.site-color-5-border{border-color:#cff1db;}

.site-color-6{color:#d3e2f1;}
.site-color-6-bk{background-color:#d3e2f1;}
.site-color-6-hover:hover{color:#d3e2f1;}
.site-color-6-bk-hover:hover{background-color:#d3e2f1;}
.site-color-6-border{border-color:#d3e2f1;}

.site-color-7{color:#d8ebf9;}
.site-color-7-bk{background-color:#d8ebf9;}
.site-color-7-hover:hover{color:#d8ebf9;}
.site-color-7-bk-hover:hover{background-color:#d8ebf9;}
.site-color-7-border{border-color:#d8ebf9;}

.site-color-8{color:#aaaaaa;}
.site-color-8-bk{background-color:#aaaaaa;}
.site-color-8-hover:hover{color:#aaaaaa}
.site-color-8-bk-hover:hover{background-color:#aaaaaa;}
.site-color-8-border{border-color:#aaaaaa;}

.site-color-9{color:#888888;}
.site-color-9-bk{background-color:#888888;}
.site-color-9-hover:hover{color:#888888;}
.site-color-9-bk-hover:hover{background-color:#888888;}
.site-color-9-border{border-color:#888888;}

.site-color-10{color:#f9f9f9;}
.site-color-10-bk{background-color:#f9f9f9;}
.site-color-10-hover:hover{color:#f9f9f9;}
.site-color-10-bk-hover:hover{background-color:#f9f9f9;}
.site-color-10-border{border-color:#f9f9f9;}

.site-color-11{color:#ededed;}
.site-color-11-bk{background-color:#ededed;}
.site-color-11-hover:hover{color:#ededed;}
.site-color-11-bk-hover:hover{background-color:#ededed;}
.site-border-color-11{border-color:#ededed;}
.site-color-11-border{border-color:#ededed;}

.site-color-12{color:#cccccc;}
.site-color-12-bk{background-color:#cccccc;}
.site-color-12-hover:hover{color:#cccccc;}
.site-color-12-bk-hover:hover{background-color:#cccccc;}
.site-border-color-12{border-color:#cccccc;}
.site-color-12-border{border-color:#cccccc;}

.site-color-13{color:red;}
.site-color-13-bk{background-color:red;}
.site-color-13-hover:hover{color:red;}
.site-color-13-bk-hover:hover{background-color:red;}
.site-color-13-border{border-color:red;}

.site-color-14{color:#3ab54a;}
.site-color-14-bk{background-color:#3ab54a;}
.site-color-14-hover:hover{color:#3ab54a;}
.site-color-14-bk-hover:hover{background-color:#3ab54a;}
.site-color-14-border{border-color:#3ab54a;}

.site-color-15{color:#99cbff;}
.site-color-15-bk{background-color:#99cbff;}
.site-color-15-hover:hover{color:#99cbff;}
.site-color-15-bk-hover:hover{background-color:#99cbff;}
.site-color-15-border{border-color:#99cbff;}

.site-color-16{color:#6ad5ff;}
.site-color-16-bk{background-color:#6ad5ff;}
.site-color-16-hover:hover{color:#6ad5ff;}
.site-color-16-bk-hover:hover{background-color:#6ad5ff;}
.site-color-16-border{border-color:#6ad5ff;}

.site-color-17{color:#fcd70d;}
.site-color-17-bk{background-color:#fcd70d;}
.site-color-17-hover:hover{color:#fcd70d;}
.site-color-17-bk-hover:hover{background-color:#fcd70d;}
.site-color-17-border{border-color:#fcd70d;}

.site-color-18{color:#f7c10d;}
.site-color-18-bk{background-color:#f7c10d;}
.site-color-18-hover:hover{color:#f7c10d;}
.site-color-18-bk-hover:hover{background-color:#f7c10d;}
.site-color-18-border{border-color:#f7c10d;}

.site-color-19{color:#653300;}
.site-color-19-bk{background-color:#653300;}
.site-color-19-hover:hover{color:#653300;}
.site-color-19-bk-hover:hover{background-color:#653300;}
.site-color-19-border{border-color:#653300;}

.site-color-20{color:#4382b8;}
.site-color-20-bk{background-color:#4382b8;}
.site-color-20-hover:hover{color:#4382b8;}
.site-color-20-bk-hover:hover{background-color:#4382b8;}
.site-color-20-border{border-color:#4382b8;}

.site-color-21{color:#f2f2f2;}
.site-color-21-bk{background-color:#f2f2f2;}
.site-color-21-hover:hover{color:#f2f2f2;}
.site-color-21-bk-hover:hover{background-color:#f2f2f2;}
.site-color-21-border{border-color:#f2f2f2;}

.site-color-22{color:#3c607a;}
.site-color-22-bk{background-color:#3c607a;}
.site-color-22-hover:hover{color:#3c607a;}
.site-color-22-bk-hover:hover{background-color:#3c607a;}
.site-color-22-border{border-color:#3c607a;}

.site-color-23{color:#e0e0e0;}
.site-color-23-bk{background-color:#e0e0e0;}
.site-color-23-hover:hover{color:#e0e0e0;}
.site-color-23-bk-hover:hover{background-color:#e0e0e0;}
.site-color-23-border{border-color:#e0e0e0;}

.site-color-24{color:#dfdfdf;}
.site-color-24-bk{background-color:#dfdfdf;}
.site-color-24-hover:hover{color:#dfdfdf;}
.site-color-24-bk-hover:hover{background-color:#dfdfdf;}
.site-color-24-border{border-color:#dfdfdf;}

.site-color-25{color:#e7f6fa;}
.site-color-25-bk{background-color:#e7f6fa;}
.site-color-25-hover:hover{color:#e7f6fa;}
.site-color-25-bk-hover:hover{background-color:#e7f6fa;}
.site-color-25-border{border-color:#e7f6fa;}

.site-color-26{color:#41854b;}
.site-color-26-bk{background-color:#41854b;}
.site-color-26-hover:hover{color:#41854b;}
.site-color-26-bk-hover:hover{background-color:#41854b;}
.site-color-26-border{border-color:#41854b;}



.blue-grad{
    background: -moz-linear-gradient(#d3e2f1, #b1ceea);
    background: -webkit-linear-gradient(#d3e2f1, #b1ceea);
    background: linear-gradient(#d3e2f1, #b1ceea);
}

.blue-grad:hover{
    background:#fff;
}


.green-grad{
    background: -moz-linear-gradient(#cff1db, #a8e2bc);
    background: -webkit-linear-gradient(#cff1db, #a8e2bc);
    background: linear-gradient(#cff1db, #a8e2bc);
}

.green-grad:hover{
    background:#fff;
}

.yellow-grad{
    background: -moz-linear-gradient(#f3f3c9, #ecec9e);
    background: -webkit-linear-gradient(#f3f3c9, #ecec9e);
    background: linear-gradient(#f3f3c9, #ecec9e);
}

.yellow-grad:hover{
    background:#fff;
}

.red-grad{
    background: -moz-linear-gradient(#ffd2d2, #fa8f8f);
    background: -webkit-linear-gradient(#ffd2d2, #fa8f8f);
    background: linear-gradient(#ffd2d2, #fa8f8f);
}

.perform-red{
    background: -moz-radial-gradient(#ff5f5f, #cc0000);
    background: -webkit-radial-gradient(#ff5f5f, #cc0000);
    background: radial-gradient(#ff5f5f, #cc0000);
    border:#840000 1px solid;
    box-shadow:0 0 7px 2px #ff0000;
    top:1px;
    right:24px;
    z-index:100;
}

.perform-orange{
    background: -moz-radial-gradient(#ff6c00, #bf5100);
    background: -webkit-radial-gradient(#ff6c00, #bf5100);
    background: radial-gradient(#ff6c00, #bf5100);
    border:#8f3d00 1px solid;
    box-shadow:0 0 7px 2px #ff6c00;
    top:1px;
    right:24px;
    z-index:100;
}

.perform-green{
    background: -moz-radial-gradient(#7fff7f, #00bc00);
    background: -webkit-radial-gradient(#7fff7f, #00bc00);
    background: radial-gradient(#7fff7f, #00bc00);
    border:#008e00 1px solid;
    box-shadow:0 0 7px 2px #00ff00;
    top:1px;
    right:24px;
    z-index:100;
}


.perform-yellow-green{
    background: -moz-radial-gradient(#ccff00, #b1e103);
    background: -webkit-radial-gradient(#ccff00, #b1e103);
    background: radial-gradient(#ccff00, #b1e103);
    border:#819f0b 1px solid;
    box-shadow:0 0 7px 2px #ccff00;
    top:1px;
    right:24px;
    z-index:100;
}


.perform-yellow{
    background: -moz-radial-gradient(#fffd6c, #c5c300);
    background: -webkit-radial-gradient(#fffd6c, #c5c300);
    background: radial-gradient(#fffd6c, #c5c300);
    border:#9a9800 1px solid;
    box-shadow:0 0 7px 2px #fff600;
    top:1px;
    right:24px;
    z-index:100;
}







.priority-icon{
    top:-4px;
    left:-6px;
    z-index:100;
    font-size:9px;
    width:17px;
    height:17px;
}

.priority-critical{
    border:red 2px solid;
}

.priority-very-high{
    border:#ff3600 2px solid;
}

.priority-high{
    border:#ff6c00 2px solid;
}

.priority-medium-high{
    border:#ff9969 2px solid;
}

.priority-medium{
    border:#f7c10d 2px solid;
}

.priority-medium-low{
    border:#79be00 2px solid;
}

.priority-low{
    border:#01a79b 2px solid;
}

.priority-very-low{
    border:#0072bc 2px solid;
}





























.red-grad:hover{
    background:#fff;
}

.validation_message{color:red;}

/* **************************************************************************** */
/* ############################# FONTS  ###################################### */
/* **************************************************************************** */

.font-36{font-size:36px;}
.site-font-1{font-family: 'Open Sans', sans-serif;}
.site-transparent-bk{background-color:transparent;}

/* **************************************************************************** */
/* ############################# MISCLL  ###################################### */
/* **************************************************************************** */


.font-icons{font-family: icons;}

#flags_language_selector img{
    margin:3px;
    border:3px solid #cc0000;
    border-radius:3px;
}

#flags_language_selector a img{
    margin:3px;
    border:3px solid transparent;
}

.size-full{max-width:100%;}
.size-large{max-width:100%;}

.hide-field{
    opacity:0;
    position:fixed;
    z-index:-100000;
}

.center-absolute{
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

@keyframes fadeout {
    0% {opacity:1;display:flex;}
    100% {opacity:0;display:none;}
}


@keyframes fadein {
    0% {opacity:0;display:none;}
    100% {opacity:1;display:flex;}
}

.myfadeout{
    -webkit-animation: fadeout forwards 0.5s; 
    animation: fadeout forwards 0.5s;
}

.myfadein{
    -webkit-animation: fadein forwards 0.5s; 
    animation: fadein forwards 0.5s;
}

.margin-neg-10{margin:-10px -10px -10px -10px;}
.margin-neg-20{margin:-20px -20px -20px -20px;}

.site-margin{
    padding-left:20px;
    padding-right:20px;
}

.site-width{max-width:1250px;}

.color-ball-list .w-45-p{
    padding-bottom:10px;
    padding-top:10px;
}

.last-child:last-child{
    margin-bottom:10px;
}

/* **************************************************************************** */
/* ############################# PARALLAX ##################################### */
/* **************************************************************************** */

.parallax-section {
    position: relative;
    overflow: hidden;
    z-index: 1; 
}

.parallax-section .parallax-inner {position: absolute;}

/* **************************************************************************** */
/* ############################# BREADCRUMBS  ##################################### */
/* **************************************************************************** */

.breadcrumbs a{font-size:15px;}

/* **************************************************************************** */
/* ############################# BULLETS  ##################################### */
/* **************************************************************************** */

.color-bullet-list{
   list-style: none;
   margin-left:20px;
}

.color-bullet-list li{position:relative;}

.color-bullet-list li:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-color: #1375bc;
    border-radius: 50%;
    overflow: hidden;
    position:absolute;
    left:-30px;
    top:5px;
}

.color-bullet-list li:nth-child(2):before {background-color: #f5951a;}
.color-bullet-list li:nth-child(3):before {background-color: #13ab9e;/* ea4c00 */}
.color-bullet-list li:nth-child(4):before {background-color: #8dc741;}
.color-bullet-list li:nth-child(5):before {background-color: #01a79b;}
.color-bullet-list li:nth-child(6):before {background-color: #24aae3;}
.color-bullet-list li:nth-child(7):before {background-color: #00d9c3;}
.custom_arrow_li li{position:relative;}

.custom_arrow_li>li:before {
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
    content: "\f105";
    font-weight: 400;
    position: absolute;
    left: -15px;
    top: 0;
    display: block;
}

.arrow-bullet-genaric{list-style: none;}
.arrow-bullet-genaric li{position:relative;}
.arrow-bullet-genaric > li:before{
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    left: -15px;
    top: 0;
    display: block;
}

.arrow-bullet{list-style: none;}
.arrow-bullet li{
    position:relative;
    margin-bottom:20px;
}
.arrow-bullet > li:before{
    font-family: FontAwesome;
    font-size: 20px;
    color: #0072bc;
    content: "\f105";
    font-weight: 400;
    position: absolute;
    left: -15px;
    top: 0;
    display: block;
}

.arrow-bullet-blue{list-style: none;}
.arrow-bullet-blue li{
    position:relative;
    margin-bottom:5px;
}
.arrow-bullet-blue > li:before{
    font-family: FontAwesome;
    font-size: 20px;
    color: #0072bc;
    content: "\f105";
    font-weight: 400;
    position: absolute;
    left: -15px;
    top: 0;
    display: block;
}

.check-bullet{list-style: none;}
.check-bullet li{
    position:relative;
    margin-bottom:20px;
}
.check-bullet > li:before{
    font-family: FontAwesome;
    font-size: 30px;
    color: #ff3600;
    content: "\f00c";
    font-weight: 400;
    position: absolute;
    left: -40px;
    top: 2px;
    display: block;
}

.green-check-bullet{list-style: none;}
.green-check-bullet li{
    position:relative;
    margin-bottom:20px;
}
.green-check-bullet > li:before{
    font-family: FontAwesome;
    font-size: 30px;
    color: #8dc741;
    content: "\f00c";
    font-weight: 400;
    position: absolute;
    left: -40px;
    top: 2px;
    display: block;
}

/* **************************************************************************** */
/* ############################# DIVIDERS  ##################################### */
/* **************************************************************************** */

.v-white-divider{
    height:100%;
    border-left:#fff 1px solid;
    width:1px;
    margin-left:auto;
    margin-right:auto;
}

.gray-divider{border-bottom:#e5e5e5 1px solid;}
.gray-divider-2{border-bottom:#555555 1px solid;}

.gray-divider-3{
    border-bottom:#dddddd 1px solid;
    margin-bottom:20px;
}

/* **************************************************************************** */
/* ############################# POPUP ##################################### */
/* **************************************************************************** */

.popup-video{width:640px;}

/* **************************************************************************** */
/* ############################# SHAPES ##################################### */
/* **************************************************************************** */

.info-balloon:before {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    width: 0;
    height: 0;
    border-top: solid 12px #cccccc;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.info-balloon:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 10px #fff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}

.info-balloon-left:before {
    content:'';
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -9px;
    margin-top:-10px;
    width: 0;
    height: 0;
    border-right: solid 10px #cccccc;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
}

.info-balloon-left:after {
    content:'';
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: -8px;
    margin-top:-10px;
    width: 0;
    height: 0;
    border-right: solid 10px #fff;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
}

.thin-down-arrow{
    border: solid #fff;;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom:-10px;
}

.white-skew-left{   
    position: absolute; 
    bottom: 0; 
    right: 0;
    margin-right: 0; 
    width: 0;
    z-index:1;
    height: 0;
    border-bottom: solid 1000px #fff; 
    border-left: solid 100px transparent; 
    border-right: solid 0 transparent;
}


/* **************************************************************************** */
/* ############################## MODAL ####################################### */
/* **************************************************************************** */

.modal{
    background-color:rgba(0,0,0,0.5);
    z-index:1;
    flex-direction:column;
    justify-content:center;
    transition:0.5s;
    opacity:0;
}

.close-modal:hover{
    color:#ff3600;
    transition:0.2s;
}


/* **************************************************************************** */
/* ############################# MAP PAGE ##################################### */
/* **************************************************************************** */


/*
.icon-bubble{
    top:-7px;
    right:-17px;
    background-color:#fff;
    color:#0072bc;
    border:#000 1px solid;
    border-radius:50%;
    transition:0.5s;
    position:absolute;
    cursor:pointer;
    z-index:1;
    width:22px;
    height:22px;
    text-align:center;
    display:flex;
    justify-content:center;
    flex-direction:column;
    font-size:100%;
}

.icon-bubble:hover{
    background-color:rgba(0,114,188,0.8);
    color:#fff;
}
*/

.tier-1-block{
    max-width:355px !important;
    min-width:355px !important;
}


.block-level > .tier-block:last-child{
    margin-bottom:10px;
}

.add-comment-box{
    min-height:25px;
    border-radius:3px;
}

.icon-display-image img{
    display:block;
}

.edit-block{
    background-color:rgba(43,118,181,0.2);
}

.edit-block:hover{
    background-color:rgba(43,163,181,0.4);
}

.hightlight-1{
    box-shadow:0 0 7px 3px #ff3600;
}

.icon-box img:hover{
    box-shadow:0 0 7px 3px #ff3600;
    transition:0.2s;
}

.level-container, .block-content-bubble {
    min-width: 0;  
}

.block-description{
    line-height:180%;
    cursor:initial;
}


.block-description pre{
    max-width:100%; 
    overflow-x:auto;
    background-color:#eeeeee;
    padding:10px 20px;
}


.edit-window-block-description pre{
    background-color:#fff;
    box-sizing:border-box;
}

.comment-container-inner pre{
    max-width:100%; 
    overflow-x:auto;
    background-color:#eeeeee;
    padding:15px 20px;
    border-radius:5px;
}




.showblocks{
    color:#0072bc;
    opacity:0.6;
    transition:0.5s;
}

.showblocks:hover{
    opacity:1;
}

.archiveclass{
    background:#ff0000 !important;
    color:#fff !important;
}


.header-bubble{
    background-color:rgba(3,40,102,0.3);
    border:#444444 1px solid;
    box-sizing:border-box;
}

.icon-bubble{
    box-shadow:1px 1px 1px 0px #333333;
    overflow:hidden;
}

.icon-bubble:hover{
    cursor:pointer;
    box-shadow:0 0 10px 3px #009bff;
}

.icon-bubble a img{
  transition:0.3s;
}


@keyframes imagePulsate {
    0% {box-shadow:0 0 7px 3px #00bc00;}
    25% {box-shadow:0 0 7px 3px #0072bc;}
    75% {box-shadow:0 0 7px 3px #ff4ecd;}
    100% {box-shadow:0 0 7px 3px #00bc00;}
}


.icon-bubble a img:hover{
    -webkit-animation: imagePulsate infinite 2s;
    animation: imagePulsate infinite 2s;
    border-radius: 50%;
    padding:5px;
}

.tier4box{
    box-shadow:initial;
    border-radius:0 7px 0 0;
    background:rgba(0,0,0,0.5);
    border-top:transparent 1px solid;
    border-right:transparent 1px solid;
}

.tier4box:hover{
  border:#888888 1px solid;
  background:#fff;
  color:#000;
}

.block-container img{
    display:block;
}

.blocks-holder{
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow-x:auto;
    padding:0 10px;
    scrollbar-width: none;
}

.blocks-holder::-webkit-scrollbar {
    width: 0 !important;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}

.icon-bubble-on{
    background:#fff;
    box-shadow:0 0 10px 3px #009bff;
    border:#000 1px solid;
    position:absolute;
    cursor:pointer;
    z-index:2;
    width:initial;
    height:initial;
    text-align:center;
    display:flex;
    justify-content:center;
    flex-direction:column;
    font-size:100%;
    padding:20px 20px 10px 20px;
    color:#000;
    overflow:hidden;
}


.icon-bubble-on a img{
    transition:0.1s;
}
  
.icon-bubble-on a img:hover{
    box-shadow:0 0 7px 3px #0072bc;
    border-radius: 50%;
    padding:5px;
    margin:5px;
}

.icon-options{
    right:-40px;
    background-color:#fff;
    color:#0072bc;
    border:#bcbcbc 1px solid;
    padding:8px;
    border-radius:3px;
    transition:0.5s;
    margin-bottom:7px;
    cursor:pointer;
}


.icon-options:hover{
    background-color:#e4f1fb;
}

.single{
    position:relative;
    z-index:100;
    transition:0.5s;
    opacity:0;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    flex-grow:1;
}

.single-inner{
    background-color:#ecedf0;
    border-radius:5px;
    padding:15px 20px 20px 20px ;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    max-width:700px;
    margin-top:20px;
    margin-bottom:20px;
}

.single-inner input, .single-inner textarea, .single-inner select{
   border:#dddddd 1px solid;
   outline:none;
}

.map-arrow{
    color:#888888;
    text-shadow:0 0 10px #000;
}

/* **************************************************************************** */
/* ############################# SOCIAL ##################################### */
/* **************************************************************************** */

.socialbuttons a{
    display: block;
    padding: 13px;
    margin-right: 3px;
    margin-bottom: 3px;
    text-decoration: none;
    border: 0;
    font-size: 16px;
    line-height: 18px;
    border-radius: 3px;
    color: #fff;
}

.social-linkedin{background-color:#2ba3e1;}
.social-linkedin:hover{background-color:#55b5e7;}
.social-facebook{background-color:#2d5f9a;}
.social-facebook:hover{background-color:#577fae;}
.social-twitter{background-color:#00c3f3;}
.social-twitter:hover{background-color:#33cff5;}
.social-subscribe{background-color:#fff120;}
.social-subscribe:hover{background-color:#fff34c;}
.social-pocket{background-color:#ee4055;}
.social-pocket:hover{background-color:#f16677;}
.social-gplus{background-color:#d73d32;}
.social-gplus:hover{background-color:#df635b;}
.social-print{background-color:#666666;}
.social-print:hover{background-color:#848484;}
.social-mail{background-color:#888888;}
.social-mail:hover{background-color:#9f9f9f;}
.social-plus-symbol{background-color:#c5c5c5;}
.social-plus-symbol:hover{background-color:#c5c5c5;}


/* **************************************************************************** */
/* ############################# BUTTONS ##################################### */
/* **************************************************************************** */


.white-button{
    color:#fff;
    padding:10px 30px;
    border-radius:3px;
    display:inline-block;
    transition:0.5s;
    cursor:pointer;
    box-sizing:border-box;
    border:#fff 1px solid;
}

.white-button:hover{
    color:#fff; 
    box-sizing:border-box;
    border:#00c3f3 1px solid;
    background-color:#00436e;
}

.black-button{
    color:#fff;
    padding:10px 30px;
    background-color:#000;
    border-radius:3px;
    display:inline-block;
    transition:0.5s;
    cursor:pointer;
}

.black-button:hover{
    color:#000; 
    background-color:#fff;
    box-shadow:inset 0 0 0 2px #000;

}

.blue-button{
    color:#fff;
    background-color:#0072bc;
    border-radius:3px;
    padding:12px 20px;
    font-size:16px;
    transition:0.5s;
    display:inline-block;
}

.blue-button:hover{
    color:#fff;
    background-color:#025c97;
    text-decoration:none;
}

.orange-button{
    color:#fff;
    background-color:#ff3600;
    border-radius:3px;
    padding:12px 20px;
    font-size:16px;
    transition:0.5s;
    display:inline-block;
}

.orange-button:hover{
    color:#fff;
    background-color:#ee1302;
    text-decoration:none;
}

.orange-outline-button{
    color:#ff3600;
    padding:10px 30px;
    border-radius:3px;
    display:inline-block;
    transition:0.5s;
    cursor:pointer;
    box-sizing:border-box;
    border:#ff3600 1px solid;
}

.orange-outline-button:hover{
    color:#0072bc; 
    box-sizing:border-box;
    border:#0072bc 1px solid;
}

.header-button{
    color:#fff;
    background-color:#ff3600;
    border-radius:3px;
    padding:12px 20px;
    font-weight:600;
    font-size:14px;
    transition:0.5s;
    display:block;
}

.header-button:hover{
    color:#fff;
    background-color:#ee1302;
    text-decoration:none;
}

.mobile-header-button{
    padding:10px 5px;
    width:100%;
    font-size:11px;
    text-align:center;
    color:#000;
    border-radius:3px;
    display:inline-block;
    transition:0.5s;
    cursor:pointer;
    box-sizing:border-box;
    border:#ff3600 1px solid;
}

.mobile-header-button:hover{
    padding:10px 5px;
    width:100%;
    font-size:11px;
    text-align:center;
    color:#ff3600;
    border-radius:3px;
    display:inline-block;
    transition:0.5s;
    cursor:pointer;
    box-sizing:border-box;
    border:#ff3600 1px solid;
}

.mobile-header-button-selected{
    padding:10px 5px;
    width:100%;
    font-size:11px;
    text-align:center;
    color:#fff;
    border-radius:3px;
    display:inline-block;
    transition:0.5s;
    cursor:pointer;
    box-sizing:border-box;
    border:#0072bc 1px solid;
    background-color:#0072bc;
}

.mobile-header-button-selected:hover{
    padding:10px 5px;
    width:100%;
    font-size:11px;
    text-align:center;
    color:#fff;
    border-radius:3px;
    display:inline-block;
    transition:0.5s;
    cursor:pointer;
    box-sizing:border-box;
    border:#0072bc 1px solid;
    background-color:#0072bc;
}

/* **************************************************************************** */
/* ############################# HEADER ##################################### */
/* **************************************************************************** */

.logo{
    padding-top:10px;
    padding-bottom:10px;
    max-width:180px;
}

.mobile-header{display:none;}
.mobile-search{background:#000;}

.header-login:hover{
    text-decoration:none;
    color:#ff9969;
}

/* **************************************************************************** */
/* ########################### TOP MAIN MENU ################################## */
/* **************************************************************************** */

#headermenu{font-size:0;}

/* ********************************************************************* */
/* ############################# SMALL MENU ############################ */
/* ********************************************************************* */

#mobile-nav-bar{
    display:none;
    background-color:#fff;
    box-sizing:border-box;
    }

#mobile-nav-window{display:none;}
.menuicon{cursor:pointer; }

.hamburger-menu-x-1{
   position:absolute;
   left:0;
   right:0;
   top:0;
   bottom:0;
   transform: rotate(45deg);
}

.hamburger-menu-x-2{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    transform: rotate(-45deg);
}

/* **************************************************************************** */
/* ############################### MENUS ###################################### */
/* **************************************************************************** */

.mda{font-size:20px;}

/* main top links */

.headermenu-white ul .menu-item  a{color:#fff;}
.headermenu-white ul .menu-item  a:hover{text-decoration:underline;}
.headermenu-black ul .menu-item  a{color:#000;}
.headermenu-black ul .menu-item  a:hover{color:#000;}

.headermenu ul .menu-item  a{
    font-size:14px;
    transition: 0.3s;
    font-weight:400;
    display:block;
    padding:8px 12px 8px 12px;
}

.headermenu ul .menu-item a:hover{}

/* current menu */

.headermenu .current-menu-parent{background-color:rgba(0,0,0,0.1);}
.headermenu .current-menu-item{background-color:rgba(0,0,0,0.1);}

.headermenu ul li ul .current-menu-item{
    background-color:transparent;
    background-color:initial;
    box-shadow: inset 4px 0 0 #ff3600;
}

/* .headermenu ul li ul .current-menu-item:hover{ background:#aa2d2d;} */
/* .headermenu ul li ul .current-menu-item a{ color:#aa2d2d;} */

/* active menu */
/*
.headermenu-active{
    background-color:rgba(0,0,0,0.1);
    box-shadow:inset 0 0 0 1px #fff;
    cursor:pointer;
    border-radius:0;
}
*/

/* submenu href */

.headermenu-black ul li ul .menu-item a:hover{
    color:#0072bc;
    box-shadow: inset 4px 0 0 #0072bc;
    background-color:#fff;
}

.headermenu-white ul li ul .menu-item a:hover{
    color:#0072bc;
    background-color:#d3e2f1;
}

.headermenu ul li ul .menu-item a{
    color:#666666;
    font-weight:600;
    font-size:13px;
    padding:9px 15px;
    display:block;
    min-width:300px;
    box-sizing:border-box;
    background-color:transparent;
    margin:0;
}

.headermenu ul li ul .menu-item a:hover{
    text-decoration:none;
}

/* .headermenu ul li ul .menu-item a:hover{ background-color:#0072bc; } */

.headermenu ul li ul .menu-item a span.sub { 
    color:#636363;
    font-weight:400;
    transition:0.5s;
}

/* .headermenu ul li ul li:hover a span.sub{ color:#ff9969; } */

/* ULS */

.headermenu ul{
    display:flex;
    flex-direction:row;
    margin:0;
    padding:0;
    list-style:none;
}

.headermenu ul li{
    display:flex;
    flex-direction:column;
    margin:0;
    position:relative;
    transition:0.5s;
}

.headermenu ul li:hover{
    background-color:rgba(0,0,0,0.1);
    /* box-shadow:inset 0 0 0 1px #fff; */
    cursor:pointer;
}

.headermenu ul li ul{
    display:none;
    position:absolute;
    background-color:transparent;
    top:145%;
    right:0;
    border-radius:3px;
    overflow:hidden;
    z-index:1500;
    background-color:#fff;
    padding:7px 0 0 0;
    transition:0.5s;
    box-shadow: 0 1px 4px rgba(0,0,0,.4);
}

.headermenu ul li ul li:last-child{padding:0 0 7px 0;}

.headermenu ul li ul li:hover{
    background-color:transparent;
    background-color:initial;
}

/* .headermenu-scroll ul li ul{} */

.mainmenu .menu-item-has-children{
    padding-right:10px;
    position:relative;
    cursor:pointer;
}

.menu-arrow-up:after{
    content:'';
    position: absolute;
    top: 50%;
    right: 7px;
    width: 0;
    height: 0;
    border-bottom: solid 5px;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}

.menu-arrow-down:after{
    content:'';
    position: absolute;
    top: 50%;
    right: 7px;
    width: 0;
    height: 0;
    border-top: solid 5px;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}

.menu-highlight{
    background-color:#fbfcff;
    border-top:#e1e1e1 1px solid;
    box-sizing:border-box;
}

.headermenu ul li ul .menu-highlight a:hover{background-color:#fbfcff;}

.menu-highlight-2{
    background-color:#fbfcff;
    border-top:#e1e1e1 1px solid;
    border-bottom:#e1e1e1 1px solid;
    box-sizing:border-box;
}

.headermenu ul li ul .menu-highlight-2 a:hover{background-color:#fbfcff;}

/* **************************************************************************** */
/* ######################### HEADER BANNER #################################### */
/* **************************************************************************** */


/* ---------------------------------------------------------------------------- */
/* ############################## SLIDER ###################################### */
/* ---------------------------------------------------------------------------- */

.slidecontainer{position:relative;}

.slidecontainer_maintext{
    color:#fff;
    text-align:center;
    font-size:36px;
    font-weight:300;
    padding-left:30px;
    padding-right:30px;
}

.slidecontainer_smalltext{
    color:#fff;
    text-align:center;
    font-size:18px;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
}

.slideimagecontainer{
    background-repeat:no-repeat ;
    background-size:cover ;
    z-index:-1 ;
    height:776px;
    width:100%; 
    position:relative;
}

.slidebuttoncontainer{
    padding-top:20px;
    padding-bottom:40px;
}

.slidebutton{
    font-size:17px;
    background:#ff3600;
    color:#fff ;
    padding: 12px 18px;
    box-sizing:border-box;
    cursor:pointer;
    border-radius: 4px;
    display:inline-block;
    transition: 0.5s;
}

.slidebutton:hover{
    background:#de6125;
    color:#fff;
    text-decoration:none;
}

#pager{
    width:100%;
    text-align:center;
    position:absolute;
    z-index:300;
    bottom:0;
    /* background:rgba(0, 0, 0, 0.7); */
    left:0;
    right:0;
    padding-top:22px;
    padding-bottom:22px;
}

#pager a{
    display:inline-block;
    width: 35px; 
    height: 35px; 
    margin-right:5px; 
    background:url(images/paginateoff.png) no-repeat;
}

#pager a:last-child{margin-right:0;}
#pager a.cycle-pager-active {background:url(images/paginateon.png) no-repeat;}

/* ---------------------------------------------------------------------------- */
/* ############################ IMAGE BANNER ################################## */
/* ---------------------------------------------------------------------------- */

.slideimagecontainer2{
    background-repeat:no-repeat ;
    background-size:cover ;
    z-index:-1 ;
    width:100%;
}

/* **************************************************************************** */
/* ########################### HEADER ###################################### */
/* **************************************************************************** */

.search-form{
    border-bottom:#cccccc 1px solid;
    padding:30px;
}

.search-form input[type=text]{
    border:#aa2d2d 1px solid;
    padding:10px;
    font-size:18px;
}

.standard-desktop-header{border-bottom:#dddddd 1px solid;}
.search-bar-input{border:#cccccc 1px solid;}

.search-bar-submit{
    transition:0.5s;
    background-color:#ff3600;
}

.search-bar-submit:hover{background-color:#0072bc;}



/* **************************************************************************** */
/* ################################ SCROLLER ################################## */
/* **************************************************************************** */


.scale-slider-holder{
   padding-left:200px;
   padding-right:200px;
   padding-top:12px;
}


#scale-slider{
    background-color:rgba(0,0,0,0.2);
    height:8px;
    border-radius:20px;
    border:#777777 0px solid;
}

#scale-slider .ui-slider-handle {
    width: 400px;
    height: 16px;
    background:rgba(150,150,150,0.4);
    border-radius:10px;
    border:#000 1px solid;
    outline:none;
    box-sizing:border-box;
    margin:0;
    margin-left:-200px;
    transition:background-color 0.1s;
}


/* **************************************************************************** */
/* ############################ COMMENT FORM ################################## */
/* **************************************************************************** */

.comment-form input{
    border:#cccccc 1px solid;
    border-radius:3px;
    box-sizing:border-box;
}

.comment-form input[type=submit]{
   color:#fff;
   background-color:#ff3600;
   padding:10px 15px;
   font-size:16px;
   border:0;
   transition:0.5s;
   cursor:pointer;
   box-sizing:border-box;
}

.comment-form input[type=select]{box-sizing:border-box;}
.comment-form textarea{box-sizing:border-box;}
.comment-form input[type=submit]:hover{background-color:#0072bc;}



/* **************************************************************************** */
/* ############################## INPUT FIELDS ################################ */
/* **************************************************************************** */

.select-box{
    font-size:12px;
    padding:7px 7px;
    outline:none;
    background: url(images/br_down.png) #fff no-repeat right;
    background-size:10px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 97%;
    transition:0.5s;
    text-indent: 1px;
    cursor:pointer;
    display:flex;
    justify-content: center;
    flex: 1;
    width:100%;
    margin:5px 0 20px 0;
    border:#cccccc 1px solid;
    box-sizing:border-box;
    border-radius:3px;
    color:#636363;
    box-shadow:inset 0 0 5px 1px #f5f5f5;
}

.select-box-2{
    font-size:12px;
    padding:7px 7px;
    outline:none;
    background: url(images/br_down.png) #fff no-repeat right;
    background-size:10px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 97%;
    transition:0.5s;
    text-indent: 1px;
    cursor:pointer;
    display:flex;
    justify-content: center;
    flex: 1;
    width:100%;
    margin:5px 0 20px 0;
    border:#888888 1px solid;
    box-sizing:border-box;
    border-radius:3px;
    color:#636363;
    box-shadow:inset 0 0 5px 1px #f5f5f5;
}

.input-box{   
    font-size:12px;
    padding:7px 7px;
    outline:none;
    margin:5px 0 20px 0;
    display:flex;
    justify-content: center;
    flex: 1; 
    width:100%;
    border:#cccccc 1px solid;
    box-sizing:border-box;
    border-radius:3px;
    color:#636363;
    box-shadow:inset 0 0 5px 1px #f5f5f5;
 }

 .input-box-2{   
    font-size:12px;
    padding:7px 7px;
    outline:none;
    margin:5px 0 20px 0;
    display:flex;
    justify-content: center;
    flex: 1; 
    width:100%;
    border:#888888 1px solid;
    box-sizing:border-box;
    border-radius:3px;
    color:#636363;
    box-shadow:inset 0 0 5px 1px #f5f5f5;
 }

 .text-box{ 
    font-size:12px;
    padding:7px 7px;
    outline:none;
    margin:0;
    display:flex;
    justify-content: center;
    flex: 1; 
    margin:5px 0 20px 0;
    max-height:150px;
    resize: none;
    width:100%;
    border:#cccccc 1px solid;
    box-sizing:border-box;
    border-radius:3px;
    color:#636363;
    box-shadow:inset 0 0 5px 1px #f5f5f5;
}

/* **************************************************************************** */
/* ####################### CONTACT HORIZONTAL FORM ############################ */
/* **************************************************************************** */

.hor-form form{
    display:flex;
    flex-direction: row;
    justify-content: center;
    margin:auto;
    flex-wrap: wrap;
    flex: 1;
}

.hor-form p{
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin:0;
    padding:0;
    background:#fff;
    margin:5px 7px 5px 7px;
}

.hor-form p:last-of-type{display:none;}
.hor-form .ajax-loader{display:none !important;}

.hor-form input{
    box-sizing: border-box;
    border:0;    
    font-size:25px;
    padding:10px 15px;
    max-width:200px;
    outline:none;
    margin:0;
    display:flex;
    justify-content: center;
    flex: 1; 
 }

.hor-form select{
    box-sizing: border-box;
    border:0;    
    font-size:25px;
    padding:10px 15px;
    outline:none;
    background: url(images/br_down.png) #fff no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 97%;
    transition:0.5s;
    text-indent: 1px;
    text-overflow: '';
    cursor:pointer;
    margin:0;
    display:flex;
    justify-content: center;
    flex: 1;
}

.hor-form select::-ms-expand {display: none;}

.hor-form input[type=submit]{
    box-sizing: border-box;
    border:0;    
    font-size:17px;
    font-weight:700;
    padding:10px 20px;
    outline:none;
    display:flex;
    justify-content: center;
    flex: 1;
    background-color:#aa2d2d; 
    cursor:pointer; 
    transition:0.5s;
    color:#fff;
}

.hor-form input[type=submit]:hover{
       background:#000;    
       color:#aa2d2d;
       box-shadow:inset 0 0 0 2px #aa2d2d;
}

/* **************************************************************************** */
/* ######################### CONTACT VERTICAL FORM ############################ */
/* **************************************************************************** */

.ver-form ul{
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-between;
    margin:auto;
    flex: 1;
    padding:0;
}

.ver-form ul ul{
    display:block;
    width:initial;
}

.ver-form ul ul li{
    flex-direction: row;
    width:initial;
    justify-content:start;
    padding:10px 0 10px 0;
}

.ver-form ul ul li input{
    width:initial;
    flex:initial;
    justify-content:center;
    margin-right:10px;
}

.ver-form li{
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin:0;
    padding:0;
    margin:0;
    width:48.5%;
}

.ver-form li .ginput_complex{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}

.ver-form li .ginput_complex span{
    display:flex;
    flex-direction: column;
    justify-content: center;
    width:49%;
    margin-bottom:20px;
}

.ver-form li .ginput_complex span input{margin-bottom:0;}
.ver-form li .ginput_complex span label{font-weight:400;}
.ver-form .validation_message{margin-bottom:10px;}
.ver-form .validation_error{margin-bottom:10px;}
.ver-form .gfield_description{margin-bottom:10px;}
.ver-form .form-li-wide{width:100%;}
.ver-form .form-li-narrow{width:initial;}

.ver-form input{   
    font-size:12px;
    padding:7px 7px;
    outline:none;
    margin:5px 0 20px 0;
    display:flex;
    justify-content: center;
    flex: 1; 
    width:100%;
    border:#cccccc 1px solid;
    box-sizing:border-box;
    border-radius:3px;
    color:#636363;
    box-shadow:inset 0 0 5px 1px #f5f5f5;
 }

.ver-form select{
    font-size:12px;
    padding:7px 7px;
    outline:none;
    background: url(images/br_down.png) #fff no-repeat right;
    background-size:10px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position-x: 97%;
    transition:0.5s;
    text-indent: 1px;
    cursor:pointer;
    display:flex;
    justify-content: center;
    flex: 1;
    width:100%;
    margin:5px 0 20px 0;
    border:#cccccc 1px solid;
    box-sizing:border-box;
    border-radius:3px;
    color:#636363;
    box-shadow:inset 0 0 5px 1px #f5f5f5;
}

.ver-form select::-ms-expand {display: none;}

.ver-form textarea{ 
    font-size:12px;
    padding:7px 7px;
    outline:none;
    margin:0;
    display:flex;
    justify-content: center;
    flex: 1; 
    margin:5px 0 20px 0;
    max-height:150px;
    resize: none;
    width:100%;
    border:#cccccc 1px solid;
    box-sizing:border-box;
    border-radius:3px;
    color:#636363;
    box-shadow:inset 0 0 5px 1px #f5f5f5;
}

.ver-form button, .ver-form input[type=submit]{
    box-sizing: border-box;
    border:0;    
    font-size:14px;
    font-weight:400;
    padding:15px;
    outline:none;
    display:flex;
    justify-content: center;
    flex: 1;
    background:#ff3600;    
    cursor:pointer; 
    transition:0.5s;
    color:#fff;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    border-radius:3px;
    box-shadow:none;
}

.ver-form button:hover, .ver-form input[type=submit]:hover{
       background:#de6125;    
       color:#fff;
}

.ver-form.ver-form .gfield_required{color:red;}


/* Version 2 */

.ver-form .vform-version-2 li{
    display:flex;
    flex-direction: column;
    justify-content: center;
    margin:0;
    padding:0;
    margin:0;
    width:100%;
}

.ver-form .vform-version-2 li div{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}

.ver-form .vform-version-2 li div span{
    display:flex;
    flex-direction:column;
    width:48.5%;
    justify-content: center;
    margin:0;
    padding:0;
    margin:0;
}

.ver-form .vform-version-2 li label{font-weight:600;}

.ver-form .vform-version-2 li label span{
    padding:5px;
    display:inline;
}

.ver-form .vform-version-2 li div ul li{display:block;}

.ver-form .vform-version-2 li div ul li input[type=checkbox]{
    display:inline-block;
    width:initial;
}

.ver-form .vform-version-2 li div ul li label{display:inline-block;}
.ver-form .vform-version-2 li div input{margin:5px 0 15px 0;}
.ver-form .vform-version-2 li div span input{margin:5px 0 0 0;}

.ver-form .vform-version-2 li div span label{
    margin-bottom:10px;
    font-weight:400;
}

.ver-form .vform-version-2 li:nth-child(3){margin-bottom:10px;}

.ver-form .vform-version-2 input[type=submit]{
    width:initial;
    margin-left:initial;
    margin-right:initial;
    margin-top:20px;
}

/* **************************************************************************** */
/* ################################ BLOG ###################################### */
/* **************************************************************************** */

.blog-cell{
    border:#cccccc 1px solid;
    transition:0.5s;
}

.blog-cell:hover{
    background:#fff;
    cursor:pointer;
}

.blog-content p{line-height:170%;}

.blog-index-box{
    border:#cccccc 1px solid;
    transition:0.5s;
    box-shadow:0 0 2px #cccccc;
    box-sizing:border-box;
}

.blog-index-box:hover{
    border:#0072bc 1px solid;
    box-sizing:border-box;
}

/* **************************************************************************** */
/* ########################### WP PAGINATE ###################################### */
/* **************************************************************************** */

.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:4px 8px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:4px 8px;}
ol.wp-paginate li {line-height: 3em; /*white-space: nowrap;*/ }

/* Fonts */
.wp-paginate.font-arial {font-family: Arial, sans-serif;}
.wp-paginate.font-georgia {font-family: Georgia, serif;}
.wp-paginate.font-inherit {font-family: inherit;}
.wp-paginate.font-initial {font-family: initial;}
.wp-paginate.font-tahoma {font-family: Tahoma, sans-serif;}
.wp-paginate.font-times {font-family: "Times New Roman", serif;}
.wp-paginate.font-trebuchet {font-family: "Trebuchet MS", sans-serif;}
.wp-paginate.font-verdana {font-family: Verdana, sans-serif;}

/* Theme: Modern Grey Buttons */
.wp-paginate.wpp-modern-grey a, .wp-paginate.wpp-modern-grey .current {
background: #f8f8f8;
border:1px solid #efecee;
border-radius: 4px;
color: #000;
padding: 3px 6px;
}

.wp-paginate.wpp-modern-grey a:hover {background: #eee;}
.wp-paginate.wpp-modern-grey .current {opacity: .3;}
 
/* Theme: Blue CTA Buttons */
.wp-paginate.wpp-blue-cta a, .wp-paginate.wpp-blue-cta .current {
background: #3784fd;
border:2px solid #fff;
border-radius: 2px;
box-shadow: 1px 1px 1px #c1c1c1, -1px -1px 1px #c1c1c1, inset 0 -10px 10px rgba(0, 0, 0, .2);
color: #fff;
}
.wp-paginate.wpp-blue-cta .current {opacity: .6;}

/* Theme: Pink Neon Buttons */
.wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {
background: #54d3f4;
border:1px solid #eee;
border-radius: 6px;
color: #000;
}
.wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {background: #ff4ecd;}
.wp-paginate.wpp-neon-pink .current {opacity: .6;}     
 
/* **************************************************************************** */
/* ############################## FOOTER ###################################### */
/* **************************************************************************** */

.pre-footer a{
    font-family:icons;
    color:#0072bc;
    font-size:30px;
    margin:10px;
    text-decoration:none;
}

.pre-footer a:hover{
    color:#fff;
    text-decoration:none;
}

.footer-menu a{
    color:#fff;
    font-size:13px;
}

.footer-menu a:hover{color:#0072bc;}

.footer-menu h3 a{
    color:#0072bc;
    font-size:14px;
    text-decoration:underline;
}

.footer-menu ul{
    margin:0 0 20px 0;
    padding:0;
    list-style:none;
}

/* .footer-menu ul li{} */

.footer-disclaimer-links ul{
    padding:0;
    margin:0;
    list-style:none;
    display:inline-block;
}

.footer-disclaimer-links ul li{
    display:inline-block;
    border-right:#fff 1px solid;
    padding-right:7px;
    padding-left:3px;
}

.footer-disclaimer-links ul li:last-child{
    border-right:#fff 0px solid;
    padding-right:0;
}

.footer-disclaimer-links ul li:first-child{padding-left:0;}

.footer-disclaimer-links ul li a{
    color:#fff;
    font-weight:600;
    font-size:14px;
}

.footer-disclaimer-links ul li a:hover{color:#0072bc;}

.footer-button{
    color:#000;
    background-color:#fff;
    border-radius:3px;
    padding:10px 17px 10px 17px;
    font-weight:600;
    font-size:12px;
    transition:0.5s;
}

.footer-button:hover{
    color:#fff;
    background-color:#000;
    font-size:12px;
    box-shadow: inset 0 0 0 2px #fff;
}

.footerlogo{height:40px;}

.footer-divider{
    border-bottom:#000 2px solid;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
}

.footer-archive-links a{
    font-size:15px;
    color:#fff;
}

.footer-archive-links a:hover{color:#fff;}

/* **************************************************************************** */
/* ############################### FONTS ###################################### */
/* **************************************************************************** */

@font-face {
    font-display: auto;
    font-family: 'icons';
    src: url('./fonts/Icons.eot');
    src: url('./fonts/Icons.eot?#iefix') format('embedded-opentype'),        
         url('./fonts/Icons.woff') format('woff'),  
         url('./fonts/Icons.ttf') format('truetype'),  
         url('./fonts/Icons.svg#Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* **************************************************************************** */
/* ########################### MEDIA QUERIES ###################################### */
/* **************************************************************************** */

@media handheld, screen and (max-width:1800px){
   
}

@media handheld, screen and (max-width:1200px){
   
    /* ---------------------------------------------------------------------------- */
    /* ################################ HEADER ################################# */
    /* ---------------------------------------------------------------------------- */

    .logo{max-width:150px;}

    .header-button{    
        padding:10px 5px;     
        font-size:10px;    
    }

    /* ---------------------------------------------------------------------------- */
    /* ################################ MAIN MENU ################################# */
    /* ---------------------------------------------------------------------------- */

    .headermenu .mainmenu .menu-item  a{
        font-size:10px;
        padding:10px 8px;
    }
    
    .headermenu ul li{margin:0 0;}   
    .headermenu ul li:hover{margin:0 0;}
    .menu-arrow-up:after{right:7px;}
    .menu-arrow-down:after{right:7px;}
    
}

@media handheld, screen and (max-width:900px){

    h1{font-size:35px;}
    h2{font-size:30px;}
    h3{font-size:27px;}
    h4{font-size:25px;}
    h5{font-size:20px;}
    h6{font-size:18px;}

    /* ---------------------------------------------------------------------------- */
    /* ################################ POPUP ################################# */
    /* ---------------------------------------------------------------------------- */

    .popup-video{width:560px;}
   
    /* ---------------------------------------------------------------------------- */
    /* ################################ HEADER ################################# */
    /* ---------------------------------------------------------------------------- */
    
    .logo{
        opacity:1 !important;
        max-width:100px;
    }

    .header-button{    
        padding:10px 5px;     
        font-size:10px;    
    }

    /* ---------------------------------------------------------------------------- */
    /* ################################ MAIN MENU ################################# */
    /* ---------------------------------------------------------------------------- */

    .headermenu .mainmenu .menu-item  a{
        font-size:8px;
        padding:10px 7px;
    }
    
    .headermenu ul li{margin:0 0;} 
    .headermenu ul li:hover{margin:0 0;}
    .menu-arrow-up:after{right:5px;}
    .menu-arrow-down:after{right:5px;}
    
    /* ---------------------------------------------------------------------------- */
    /* ############################ FOOTER ################################# */
    /* ---------------------------------------------------------------------------- */

    .footermenu ul li{
        display:inline-block;
        padding:0 5px 0 5px;
    }

    /* ---------------------------------------------------------------------------- */
    /* ############################ FAQ ################################# */
    /* ---------------------------------------------------------------------------- */

    .content-box-inner{margin:4% 6% 4% 6%;}

    /* ---------------------------------------------------------------------------- */
    /* ############################ HEADER BANNER ################################# */
    /* ---------------------------------------------------------------------------- */
    
    .home-header-image{height:850px;}
    .slidecontainer_maintext{font-size:36px; }
    .slidecontainer_smalltext{font-size:18px;}

    /* ---------------------------------------------------------------------------- */
    /* ############################# SOCIAL ##################################### */
    /* ---------------------------------------------------------------------------- */

    .socialbuttons a{
        display: block;
        padding: 11px;
        margin-right: 3px;
        margin-bottom: 3px;
        text-decoration: none;
        border: 0;
        font-size: 15px;
        line-height: 18px;
        border-radius: 3px;
        color: #fff;
    }

}


@media handheld, screen and (max-width:700px){

    /* ---------------------------------------------------------------------------- */
    /* ############################ MISCLL ################################# */
    /* ---------------------------------------------------------------------------- */

    .home-hero-neg-mt{margin-top:-60px;}

    /* ---------------------------------------------------------------------------- */
    /* ############################ COLORS ################################# */
    /* ---------------------------------------------------------------------------- */

    .brk-700-site-color-1{color:#0072bc; }
    .brk-700-site-color-12-bk{background-color:#cccccc; }

    /* ---------------------------------------------------------------------------- */
    /* ################################ POPUP ################################# */
    /* ---------------------------------------------------------------------------- */

    .popup-video{width:300px;}

    /* ---------------------------------------------------------------------------- */
    /* ################################ HEADER #################################### */
    /* ---------------------------------------------------------------------------- */

    .mobile-header{display:block;}
    .desktop-header{display:none;}
    #mobile-nav-bar{display:flex;}
        
    /* ---------------------------------------------------------------------------- */
    /* ################################ MAIN MENU ################################# */
    /* ---------------------------------------------------------------------------- */

    .mainmenu{
        text-align:left;
        background:#fff;
    }
    
    .mainmenu ul{
        list-style-type: none;
        margin-left:0;
        margin-top:0;
        margin-bottom:0;
        padding-top:0;
        padding-left:0;
        padding-bottom:0;
        display:block;
    }
    
    .mainmenu li{
        line-height:310%;
        border-bottom:#dfdfdf 1px solid;
        display:block;
        margin-right:0;
    }

    .mainmenu .menu-item a{
        color:#363636;
        display:block; 
        font-size:17px;
        padding:5px 20px 5px 20px;
    }

    .mainmenu .menu-item  a:hover{
        background:transparent;
        color:#0072bc;
        font-size:17px;
    }

    .mainmenu .current-menu-parent a{color:#0072bc;}
    .mainmenu .menu-item:hover {color: #0072bc;}
    .mainmenu .current-menu-ancestor, .current-menu-ancestor a {background:transparent;}
    .mainmenu .menu-item-has-children{padding-right:0;}
    
    .menu-arrow-up:after{
        top: 25px;
        border-bottom: solid 7px;
        border-left: solid 7px transparent;
        border-right: solid 7px transparent;
        right:10px;
    }

    .menu-arrow-down:after{
        top: 25px;
        border-top: solid 7px;
        border-left: solid 7px transparent;
        border-right: solid 7px transparent;
        right:10px;
    }
  
    .mainmenu .menu-item-has-children ul{display:none;}
    .mainmenu .menu-item-has-children li{background:#0072bc;}
    .mainmenu .menu-item-has-children li a{color:#fff;}
    .mainmenu .current-menu-item  a{color: #0072bc !important;}
    .mainmenu ul li ul .current-menu-item  a{color: #ffa616 !important;}

    .menu-highlight{
        background:initial;
        border:0;
    }
    
    .headermenu ul li ul .menu-highlight a:hover{
        background:initial;
        border:0;
    }
    
    .menu-highlight-2{
        background:initial;
        border:0;
    }
    
    .headermenu ul li ul .menu-highlight-2 a:hover{
         background:initial;
        border:0;
    }

    .mainmenu .menu-item-has-children .menu-highlight{background:#005d99;}
    .mainmenu .menu-item-has-children .menu-highlight-2{background:#005d99;}

    /* ---------------------------------------------------------------------------- */
    /* ############################ HEADER BANNER ################################# */
    /* ---------------------------------------------------------------------------- */
    
    .home-header-image{height:650px;}
    .slidecontainer_maintext{font-size:36px; }
    .slidecontainer_smalltext{font-size:18px;}
    .home-slider-bottom-image{width:85%;}
    
     /* ---------------------------------------------------------------------------- */
    /* ############################ HOME ################################# */
    /* ---------------------------------------------------------------------------- */

    .home-box-image-holder{
        width:100%;  
        margin-top:10px;
        margin-bottom:10px;
    }

    /* ---------------------------------------------------------------------------- */
    /* ############################ FAQ ################################# */
    /* ---------------------------------------------------------------------------- */

    .content-box-inner{margin:6% 8% 6% 8%;}

    /* ---------------------------------------------------------------------------- */
    /* ############################# SOCIAL ##################################### */
    /* ---------------------------------------------------------------------------- */

    .socialbuttons a{
        display: block;
        padding: 11px;
        margin-right: 3px;
        margin-bottom: 3px;
        text-decoration: none;
        border: 0;
        font-size: 13px;
        line-height: 18px;
        border-radius: 3px;
        color: #fff;
    }

    
    /* ---------------------------------------------------------------------------- */
    /* ############################# FORMS ##################################### */
    /* ---------------------------------------------------------------------------- */

    .ver-form ul{flex-direction: column;}
    .ver-form li{width:100%;}

}