/*
Theme Name: Ranbron Child
Description: This is a child theme for Ranbron Theme
Author: Templatation
Template: ranbron
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.blue {
	color: #175B8C;
}
.red {
	color: #E31E25;
}
.header .navbar-brand {
    padding: 14px 0;
}
button:hover, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .contact-page .contact-form .tt_submit:hover {
    background: #175B8C;
    border-color: #175B8C;
}
.request-a-qoute-content form .tt_submit:hover{
	background: #E31E25;
    border-color: #E31E25;
}
.top-bar-home-two, .search_area .search_box_inner, .sec-title .tag-line:after, .about-home-one a.more-btn:hover, .service-list .single-service-list .title, .service-list .single-service-list .hover-content, .qoute-faq-area .title h3:after, .single-fun-fact .line, .project-area .sec-title .line, .project-area .single-project .line, .testimonial-style-one, .advisor-area .sec-title .line, .request-a-qoute.home-page-two, .about-section.about-page .sec-title .tag-line:after, .advisor-area.about-page .sec-title h2:after, .mission-history-area, .service-list .sec-title .tag-line:after, .contact-page .contact-info.inner {
    background: #175B8C;
}
.scrollup {
    background-color: #175B8C;
}
.search_area button:hover {
	background: #E31E25;
    border-color: #E31E25;
}
.products-area a.view-more, .advisor-area .sec-title.two a {
	border-color: #175B8C;
}
.service-list .single-service-list .hover-content, .service-list .single-service-list .hover-content a {
	color: #E31E25;
}
.search_area .search_box_inner .input-group input, .search_area .search_box_inner .input-group .input-group-btn .btn-default, .search_area .search_box_inner .input-group input::placeholder {
	color: #ffffff;
}
.header.home-page-two .header-navigation ul.navigation-box > li.current-menu-item > a, .header.home-page-two .header-navigation ul.navigation-box > li:hover > a, .sec-title h2 strong, .qoute-faq-area .qoute-content p.highlighted, .single-fun-fact span.number, .single-fun-fact p, .products-area a.view-more, .project-area .single-project h3:hover, .advisor-area .sec-title.two a, .footer .footer-widget ul li a:hover, .contact-page .sec-title .tag-line:after {
    color: #175B8C;
}
.header .header-navigation ul.navigation-box > li > a:after {
    background: #E31E25;
}
.about-home-one a.more-btn, .advisor-area.about-page a.view-more, .contact-page .contact-form .tt_submit {
	color: #175B8C;
	border-color: #175B8C;
}
.project-area .single-project .img-box .overlay, .single-advisor .img-box .overlay {
    background: rgba(23, 91, 140, 0.9);
}
.mission-history-area ul.list-item li {
	color: #73A6CB;
}

.float {
  position: relative;
  width: 100px;
  height: 90px;
  margin: 30px;
  
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transition: all 1s; 
}
.float {  
  -webkit-animation-delay:1s;
  -moz-animation-delay:1s;
  -ms-animation-delay:1s;
  -o-animation-delay:1s;
  animation-dely:1s;
}
.float {
  -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
  -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
  -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
  -o-animation: 1600ms pulsate infinite alternate ease-in-out;
  animation: 1600ms pulsate infinite alternate ease-in-out;
}

.float:hover {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  -webkit-animation:'';
  -moz-animation:none;
  -ms-animation:'';
  -o-animation:'';
  animation:'';
}

@keyframes pulsate {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
@-webkit-keyframes pulsate {
  0% { -webkit-transform: scale(1); }
  50% { -webkit-transform: scale(1.3); }
  100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulsate {
  0% { -moz-transform: scale(1); }
  50% { -moz-transform: scale(1.3); }
  100% { -moz-transform: scale(1); }  
}
@-ms-keyframes pulsate {
  0% { -ms-transform: scale(1); }
  50% { -ms-transform: scale(1.3); }
  100% { -ms-transform: scale(1); }  
}
@-o-keyframes pulsate {
  0% { -o-transform: scale(1); }
  50% { -o-transform: scale(1.3); }
  100% { -o-transform: scale(1); }  
}
        .float{
            position:fixed;
            width:60px;
            height:60px;
            bottom:40px;
            right:40px;
            background-color:#25d366;
            color:#FFF;
            border-radius:50px;
            text-align:center;
          font-size:30px;
            box-shadow: 2px 2px 3px #999;
          z-index:100;
        }

        .my-float{
            margin-top:16px;
        }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
}

@media only screen and (max-width: 1024px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.header .navbar-header {
    padding-right: 120px;
}
.mobile-nav-toggler.style-two {
    position: absolute;
    top: 5px;
    right: 50px;
    margin-right: 20px;
}

}
@media only screen and (max-width: 667px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.mobile-nav-toggler.style-two {
    right: 0px;
}
	.float{
		left: 10px;
	}
}
@media only screen and (max-width: 465px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.hdr_top_bar span {
    display: block;
}

}