body[data-theme='default']{
  background-color:#ffffff;
}

html,body{
  /* font-family: 'Lucida Sans Unicode', sans-serif; */
}
/* header.site-navbar .container.navigation-bar{
  background: red;
} */

.container{
  max-width:1200px;
}

.site-navigation{
  /* border:1px solid #cccccc; */
  /* box-shadow: 0 0 5px #000000; */
}
@media (min-width: 1199.98px){

  html{
    background:green;
  }

  header.site-navbar .container.navigation-header{
    display:none !important;
  }

  header.site-navbar .container.navigation-bar{
    display:flex !important;
  }



}

@media (max-width:1080px){
  html,body{
    /* background:blue; */
    font-size: 0.9rem;
  }

  header.site-navbar{
    position: relative !important;
  }

  header.site-navbar .container.navigation-header{
    display:none !important;
  }

  header.site-navbar .container.navigation-bar{
    display:flex !important;
     /* background:blue; */
  }

}

@media (max-width:1000px){
  html{
    background:yellow;
  }

  header.site-navbar{
    position: relative !important;
  }


  header.site-navbar .container.navigation-header{
    display:block !important;
  }

  header.site-navbar .container.navigation-bar{
    display:none !important;
  }

}

@media (max-width:767.98px){
  html{
    background:pink;
  }


  header.site-navbar .container.navigation-header{
    display:block !important;
  }

  header.site-navbar .container.navigation-bar{
    display:none !important;
  }

}

body[data-theme='default'] {
    background-color: #ffffff;
}

body[data-theme='default'] a{
  color:#cc3333;
}

body[data-theme='default'] .site-navbar-header{
  padding:20px 20px;
  width:100%;
}

body[data-theme='default'] .site-navbar-header .container{
  padding:0px 0px !important;

}

body[data-theme='default'] .site-navbar-header .site-logo{
  text-align:center;
  width:100% !important;
}

body[data-theme='default'] .sticky-wrapper+.site-blocks-cover{
    margin-top: 0px;
    position: relative;
}

body[data-theme='default'] .sticky-wrapper{
  position: relative !important;
}

body[data-theme='default'] .site-blocks-cover{
    padding-top:0px;
}

body[data-theme='default'] .site-blocks-cover-page{
    padding-top:220px;
}

body[data-theme='default'] .ticker{

  padding-top: 160px;
}

body[data-theme='default'] .announcements-container .container-title{
  background-color:#cc3333;
}


body[data-theme='default'] .text-custom{
  color:#cc3333 !important;
}

body[data-theme='default'] .text-custom:active:after{
  background:#cc3333 !important;
}

@media (max-width:575px){
  body .container {
      max-width:100% !important;
  }

  body[data-theme='default'] .site-blocks-cover{
      padding-top: 10px;
  }

  body .site-navbar-header .site-logo{
    text-align:center;
    width:100% !important;
    justify-content:center;
  }

  body .site-navbar-header .site-social{
    text-align:center;
    width:100% !important;
    justify-content:center;
    padding-top:20px;
  }

  body[data-theme='default'] .section-title-underline{
    text-align:center;
  }

  /* body[data-theme='default'] .img-footer{width:50px;} */
}

.section-bg.style-1:before{
  background:#053eb4  !important;
}

/* section bg */
.section-bg.style-1 .section-title-underline{color:#ffffff;}
.section-bg.style-1 .section-title-underline span{border-color:#ffffff !important;}
.section-bg.style-1 p{color:#ffffff;}

/* section subcribe */
.ftco-subscribe-1:before{
  background:#000000;
  opacity:0.5;
}
/* table */
body[data-theme='default'] .table .row-center{
  text-align:center;
  vertical-align:middle;
}

/* breadcrumb */
.custom-breadcrumns .current{
  color:#cc3333;
}

.custom-breadcrumns span,
.custom-breadcrumns a{
    font-size: 16px !important;
}

/* footer */
body[data-theme='default'] .footer{
    background-color:#053eb4;
}

body[data-theme='default'] .site-navbar-header{

  background-color:#ffffff;
  background-color:#ffffff;

  /*background-color:rgba(255,255,255,0.5);*/
}

body[data-theme='default'] .site-navbar{
  position:relative;
}

body[data-theme='default'] .site-navbar{
  background-color:rgba(0,0,0,0.5);
  background-color:#ffffff;
  /*background-color:rgba(255,255,255,0.5);*/
}

body[data-theme='default'] .site-logo{
  font-family:'trebuchet', Helvetica, sans-serif;
}

body[data-theme='default'] .social-wrap a{
  background:#cc3333;
}

body[data-theme='default'] .site-navbar .site-navigation{
  text-align:center;
}


body[data-theme='default'] .site-navbar .site-navigation .site-menu a{
  color:#000000;
  font-weight:400;
  /*background-color:rgba(255,255,255,0.5);*/
}

body[data-theme='default'] .site-navbar .site-navigation .site-menu .active a{
  color:#cc3333;
  /*background-color:rgba(255,255,255,0.5);*/
}

body[data-theme='default'] .site-navbar .site-navigation .site-menu a:hover{
  color:#cc3333;
  /*background-color:rgba(255,255,255,0.5);*/
}

body[data-theme='default'] .site-navbar .site-navigation .site-menu .has-children>a:before{
  content:'';
}

body[data-theme='default'] .site-navbar .site-navigation .site-menu .has-children .dropdown {
  border-top:2px solid #cc3333;
  margin-top:2px;
  margin-left:0px;
}
/*body[data-theme='default'] .site-navbar .site-navigation .site-menu .has-children .dropdown > a:hover {*/
body[data-theme='default'] .site-navbar .site-navigation .site-menu .has-children:hover > a,
body[data-theme='default'] .site-navbar .site-navigation .site-menu .has-children:focus > a,
body[data-theme='default'] .site-navbar .site-navigation .site-menu .has-children:active > a {
    color:#cc3333 !important;
}

body[data-theme='default'] a:hover,
body[data-theme='default'] a:focus,
body[data-theme='default'] a:active {
    color:#cc3333 !important;
}

.intro-section:before{opacity: 0;}
.banner-section:before{opacity: 0;}


body[data-theme='default'] .intro-section,
body[data-theme='default'] .intro-section .container .row{

  height:400px !important;
  min-height:auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-size: 100% 100% !important;

  /* height:400px !important;
  min-height:auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-size: 100% 100% !important; */
}

body[data-theme='default'] .banner-section,
body[data-theme='default'] .banner-section .container .row{
  height:400px !important;
  min-height:auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-size: 100% 100% !important;

  /* height:400px !important;
  min-height:auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-size: 100% 100% !important; */
}

body[data-theme='default'] .hero-slide .owl-carousel .site-blocks-cover.banner img{
    width:20% !important;

}

body[data-theme='default'] .section-title-underline span{
    border-color:#cc3333 !important;
}
body[data-theme='default'] .btn-custom{
  color:#ffffff !important;
  background-color:#cc3333;
}

body[data-theme='default'] .list-unstyled a{
  color:#ffffff !important;
}

body[data-theme='default'] .list-unstyled > a:hover{
  color:#ffffff !important;
}

/* social media icon */
body[data-theme='default'] .img-social{
  width:50px;
}

/* image footer */
body[data-theme='default'] .img-footer{width:250px;}
body[data-theme='default'] .btn-custom:hover{
  color:#ffffff !important;
  background-color:#922424;
}

body[data-theme='default'] .person.banner img{
  width:90%;
  height:90%;
  border-radius:0px !important;
  padding:10px;
  margin-top:0px;
}


/* chat position */
.chatbox_floating{
  bottom:0;
  margin:1em;
  position:fixed;
  right:0;
  z-index:998;
}

/* chat design */
.chat_bubble{
  display:block;
  width:56px;
  height:56px;
  border-radius:50%;
  text-align:center;
  color:#f0f0f0;
  margin:25px auto 0;
  box-shadow:0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  cursor:pointer;
  -webkit-transition:all .1s ease-out;
  transition:all .1s ease-out;
  position:relative;
  z-index:998;
  overflow:hidden;
  background:#361616c4;
}

/* chat font and transition */
.chat_bubble > i{
  font-size:2em;
  line-height:55px;
  -webkit-transition:all .2s ease-out;
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}
/*Chatbox Open*/

/*Chatbox Header*/
.chat_header{
  font-size:13px;
  font-family:'Roboto';
  font-weight:500;
  color:#f3f3f3;
  height:55px;
  background:#361616c4;
  padding:8px;
}



/* chat position */
.chat{
  position:fixed;
  right:85px;
  bottom:20px;
  width:400px;
  font-size:12px;
  line-height:22px;
  font-family:'Roboto';
  font-weight:500;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  opacity:0;
  box-shadow:1px 1px 100px 2px rgba(0, 0, 0, 0.22);
  border-radius:10px;
  -webkit-transition:all .2s ease-out;
  -webkit-transition:all .2s ease-in-out;
  transition:all .2s ease-in-out;
}

/* display chat */
.chat.is-visible{
  animation:zoomIn .2s cubic-bezier(.42, 0, .58, 1);
  -webkit-animation:zoomIn .2s cubic-bezier(.42, 0, .58, 1);
  opacity:1;
}

/* chat body */
.chat_body {
  background:#ffffff;
  width:100%;
  display:inline-block;
  text-align:center;
  overflow-y:auto;
}

/* chat body paragraph */
.chat_body p {
  padding:20px;
  color:#888
}


.chat_body a {
  width:10%;
  text-align:center;
  border:none;
  box-shadow:none;
  line-height:40px;
  font-size:15px;
}



.chat_field.chat_message {
height:30px;
resize:none;
    font-size:13px;
  font-weight:400;
}


.message_field{
  background:#ffffff;
  border-top:1px solid #eeeeee;
  display:inline-block;
  text-align:center;
  width:100%;
}

.message_field .icon_send i{

  font-size: 20px !important;
  background:rgba(0, 0, 0, 0);
}


.chat_bubble_field {
  width:100%;
  display:inline-block;
  text-align:center;
  background:#fff;
  border-top:1px solid #eee;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;

}
.chat_bubble_field2 {
  bottom:0px;
  position:absolute;
  border-bottom-right-radius:0px;
  border-bottom-left-radius:0px;
      z-index:999;
}

.chat_bubble_field a {
display:inline-block;
text-align:center;
}

.chat_bubble_field .chat_bubble {
width:35px;
height:35px;
box-shadow:none;
margin:5px;
}

.chat_bubble_field .chat_bubble>i {
font-size:1.6em;
line-height:35px;
color:#bbb;
}
.chat_bubble_field .chat_bubble>i:hover {
color:#42a5f5;
}
.chat_conversion {

}

.chat_converse {
position:relative;
  background:#fff;
  margin:6px 0 0px 0;
  height:300px;
  min-height:0;
  font-size:12px;
  line-height:18px;
  overflow-y:auto;
  width:100%;
  float:right;
  padding-bottom:100px;
}
.chat_converse2{
    height:100%;
  max-height:800px
}
.chat_list {
opacity:0;
visibility:hidden;
height:0;
}

.chat_list .chat_list_item {
opacity:0;
visibility:hidden;
}

.chat .chat_converse .chat_msg_item {
position:relative;
margin:8px 0 15px 0;
padding:8px 10px;
max-width:60%;
display:block;
word-wrap:break-word;
border-radius:3px;
-webkit-animation:zoomIn .5s cubic-bezier(.42, 0, .58, 1);
animation:zoomIn .5s cubic-bezier(.42, 0, .58, 1);
clear:both;
z-index:999;
}
.status {
  margin:45px -50px 0 0;
  float:right;
  font-size:11px;
  opacity:0.3;
}
.status2 {
  margin:-10px 20px 0 0;
  float:right;
  display:block;
  font-size:11px;
  opacity:0.3;
}
.chat .chat_converse .chat_msg_item .chat_avatar {
position:absolute;
top:0;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin .chat_avatar {
left:-52px;
background:rgba(0, 0, 0, 0.03);
}

.chat .chat_converse .chat_msg_item.chat_msg_item_user .chat_avatar {
right:-52px;
background:rgba(0, 0, 0, 0.6);
}

.chat .chat_converse .chat_msg_item .chat_avatar, .chat_avatar img{
width:40px;
height:40px;
text-align:center;
border-radius:50%;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin {
margin-left:60px;
float:left;
background:rgba(0, 0, 0, 0.03);
color:#666;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_user {
margin-right:20px;
float:right;
background:#42a5f5;
color:#eceff1;
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin:before {
content:'';
position:absolute;
top:15px;
left:-12px;
z-index:998;
border:6px solid transparent;
border-right-color:rgba(255, 255, 255, .4);
}

.chat_form .get-notified label{
  color:#077ad6;
  font-weight:600;
  font-size:11px;
}

input{
  position:relative;
  width:90%;
  font-family:'Roboto';
  font-size:12px;
  line-height:20px;
  font-weight:500;
  color:#4b4b4b;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  outline:none;
  background:#fff;
  display:inline-block;
  resize:none;
  padding:5px;
  border-radius:3px;
}
.chat_form .get-notified input {
margin:2px 0 0 0;
border:1px solid #83c76d;
}
.chat_form .get-notified i {
  background:#83c76d;
  width:30px;
  height:32px;
  font-size:18px;
  color:#fff;
  line-height:30px;
  font-weight:600;
  text-align:center;
  margin:2px 0 0 -30px;
  position:absolute;
  border-radius:3px;
}
.chat_form .message_form {
margin:10px 0 0 0;
}
.chat_form .message_form input{
margin:5px 0 5px 0;
border:1px solid #e0e0e0;
}
.chat_form .message_form textarea{
margin:5px 0 5px 0;
border:1px solid #e0e0e0;
position:relative;
width:90%;
font-family:'Roboto';
font-size:12px;
line-height:20px;
font-weight:500;
color:#4b4b4b;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
outline:none;
background:#fff;
display:inline-block;
resize:none;
padding:5px;
border-radius:3px;
}
.chat_form .message_form button{
  margin:5px 0 5px 0;
  border:1px solid #e0e0e0;
  position:relative;
  width:95%;
  font-family:'Roboto';
  font-size:12px;
  line-height:20px;
  font-weight:500;
  color:#fff;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  outline:none;
  background:#fff;
  display:inline-block;
  resize:none;
  padding:5px;
  border-radius:3px;
  background:#83c76d;
  cursor:pointer;
}
strong.chat_time {
padding:0 1px 1px 0;
font-weight:500;
font-size:8px;
display:block;
}

/*Chatbox scrollbar*/

::-webkit-scrollbar {
width:6px;
}

::-webkit-scrollbar-track {
border-radius:0;
}

::-webkit-scrollbar-thumb {
margin:2px;
border-radius:10px;
background:rgba(0, 0, 0, 0.2);
}
/*Element state*/

.is-active {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}

.is-float {
box-shadow:0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
}

.is-loading {
display:block;
-webkit-animation:load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
animation:load 1s cubic-bezier(0, .99, 1, 0.6) infinite;
}
/*Animation*/

@-webkit-keyframes zoomIn {
0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  opacity:0.0;
}
100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
}
}

@keyframes zoomIn {
0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  opacity:0.0;
}
100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:1;
}
}

@-webkit-keyframes load {
0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  opacity:0.0;
}
50% {
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
  opacity:1;
}
100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0;
}
}

@keyframes load {
0% {
  -webkit-transform:scale(0);
  transform:scale(0);
  opacity:0.0;
}
50% {
  -webkit-transform:scale(1.5);
  transform:scale(1.5);
  opacity:1;
}
100% {
  -webkit-transform:scale(1);
  transform:scale(1);
  opacity:0;
}
}
/* SMARTPHONES PORTRAIT */

@media only screen and (min-width:300px){
.chat {
  width:250px;
}
}
/* SMARTPHONES LANDSCAPE */

@media only screen and (min-width:480px){
.chat {
  width:300px;
}
.chat_field {
  width:65%;
}
}
/* TABLETS PORTRAIT */

@media only screen and (min-width:768px){
.chat {
  width:300px;
}
.chat_field {
  width:65%;
}
}
/* TABLET LANDSCAPE / DESKTOP */

@media only screen and (min-width:1024px){
.chat {
  width:300px;
}
.chat_field {
  width:65%;
}
}
/*Color Options*/



.blue .chat_bubble {
background:#42a5f5;
color:#fff;
}



.blue .chat {
background:#42a5f5;
color:#999;
}


/* Ripple */

.ink {
display:block;
position:absolute;
background:rgba(38, 50, 56, 0.4);
border-radius:100%;
-moz-transform:scale(0);
-ms-transform:scale(0);
webkit-transform:scale(0);
-webkit-transform:scale(0);
        transform:scale(0);
}
/*animation effect*/

.ink.animate {
-webkit-animation:ripple 0.5s ease-in-out;
        animation:ripple 0.5s ease-in-out;
}

@-webkit-keyframes ripple {
/*scale the element to 250% to safely cover the entire link and fade it out*/

100% {
  opacity:0;
  -moz-transform:scale(5);
  -ms-transform:scale(5);
  webkit-transform:scale(5);
  -webkit-transform:scale(5);
          transform:scale(5);
}
}

@keyframes ripple {
/*scale the element to 250% to safely cover the entire link and fade it out*/

100% {
  opacity:0;
  -moz-transform:scale(5);
  -ms-transform:scale(5);
  webkit-transform:scale(5);
  -webkit-transform:scale(5);
          transform:scale(5);
}
}
::-webkit-input-placeholder { /* Chrome */
color:#bbb;
}
:-ms-input-placeholder { /* IE 10+ */
color:#bbb;
}
::-moz-placeholder { /* Firefox 19+ */
color:#bbb;
}
:-moz-placeholder { /* Firefox 4 - 18 */
color:#bbb;
}
