body {
}
.invalid{
   border-bottom: 2px solid red !important;
   /* 
       box-shadow: 0 0 3px red !important ;
   */
}
.center_align{
    text-align:center;
    margin:auto;
}
.form_error{   
   display:none;   
   color:red;
   border: 2px solid red !important;
   box-shadow: 0 0 3px red !important ;
   padding:4px;
   padding-left:16px;
   
}
.hidden {
    display: none;
}


.spinner{       
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background:#000000;
  opacity:.3; 
}

.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 80px;
  height: 80px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
.md-user-image-large{
    height:82px;
}
.md-user-image {
    width: 45px;
    height:45px;
    border-radius: 50%;
}

.switchery.check_true
{
box-shadow: 0px 0px 0px 19px rgba(154, 190, 81, 0.5) inset !important;
border-color: rgba(154, 190, 81, 0.5) !important;
background-color: rgba(154, 190, 81, 0.5) !important;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s !important;
}
.switchery.check_false
{
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.26) inset !important;
border-color: rgba(0, 0, 0, 0.26) !important;
background-color: rgba(0, 0, 0, 0.26) !important;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s !important;
}

small.check_false{
left: 0px !important;
background-color: rgb(250, 250, 250) !important;
transition: background-color 0.4s ease 0s, left 0.2s ease 0s !important;
}
small.check_true{
left: 28px !important;
background-color: rgb(154, 190, 81) !important;
transition: background-color 0.4s ease 0s, left 0.2s ease 0s !important;
}


.uk-nav li {
    width: 100% !important;
    height: auto !important;
    float: left !important;
    border-bottom: 1px solid #e6e6e6;
}
.uk-nav li a {
    padding: 5px !important;
    overflow: hidden;
    padding: 10px !important;
}

 /*Start: for news tab in resources*/
        @media only screen and (min-width: 320px) and (max-width: 359px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 5px 5px !important;
	}

}

@media only screen and (min-width: 360px) and (max-width: 479px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 5px 5px !important;
	}

}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 20px !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 955px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 20px !important;
	}
}

@media only screen and (min-width: 956px) and (max-width: 1151px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 50px !important;
	}

}

@media only screen and (min-width: 1152px) and (max-width: 1279px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 70px !important;
	}

}

@media only screen and (min-width: 1280px) and (max-width: 1365px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 70px !important;
	}

}

@media only screen and (min-width: 1366px) and (max-width: 1439px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 65px !important;
	}

}

@media only screen and (min-width: 1440px) and (max-width: 1599px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 90px !important;
	}

}

@media only screen and (min-width: 1600px) and (max-width: 1679px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 70px !important;
	}

}

@media only screen and (min-width: 1680px) and (max-width: 1919px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 100px !important;
	}

}


@media only screen and (min-width: 1920px) and (max-width: 2559px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 130px !important;
	}
}

@media only screen and (min-width: 2560px) and (max-width: 3839px)
{
	.nav>li>a {
		position: relative;
		display: block;
		padding: 10px 98px !important;
	}

}
      

#videos .uk-modal-dialog {

    padding: 15px !important;
    width: 700px !important;
    max-width: 100%;
    max-width: calc(100% - 15px) !important;
    
}
.page_title{
   margin-top: 7px;
   margin-bottom: 7px;
}
.page_title_block {
    color: #ffffff;
    background-color: #58ABB7;
    text-align: center;
    background-position: 50% 0;
    background-size: cover;
    padding: 10px 0;
    position: relative;
    font-size: 19px;
    font-family: 'Lato';
}
/*End: for news tab in resources*/

@media only screen and (max-width: 1280px) {
    .footer-align .phone-container {
        width: 100% !important;
        padding: 0;
    }
}
#modal_overflow_share_app .uk-modal-dialog{
    top:10px !important;
}

.pop-fb_1 {
    position: relative;

}
.pop-tw_1 {
    position: relative;

}
.pop-mail_1 {
    position: relative;

}

#slidecontainer {
    width: 100%;
}

#slidecontainer .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 50px;
    background: white;
    outline: black;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

#slidecontainer .slider:hover {
    opacity: 1;
}

#slidecontainer .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: black;
    cursor: pointer;
}

#slidecontainer .slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: white;
    cursor: pointer;
}
/* FF */
#slidecontainer input[type="range"]::-moz-range-progress {
  background-color: orange; 
}
#slidecontainer input[type="range"]::-moz-range-track {  
  background-color: darkslategrey;
}
/* IE*/
#slidecontainer input[type="range"]::-ms-fill-lower {
  background-color: orange;
  box-shadow: -180px 0 0 180px orange;
   
}
#slidecontainer input[type="range"]::-ms-fill-upper {  
  background-color: darkslategrey;
}
#map {
    width: 100%;
    height: 300px;
}
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #slidecontainer input[type='range'] {
      overflow: hidden;
      width: 80px;
      -webkit-appearance: none;
      background-color: darkslategrey;
    }
    
    #slidecontainer input[type='range']::-webkit-slider-runnable-track {
      height: 10px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
    }
    
    #slidecontainer input[type='range']::-webkit-slider-thumb {
      width: 10px;
      -webkit-appearance: none;
      height: 10px;
      cursor: ew-resize;
      background: #ffffff;
      box-shadow: -180px 0 0 180px orange;
    }

}