/*

Template: iRinse App
Author: Ranglerz Digital Marketing
Version: 1.0
Design and Developed by: Ranglerz

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/

.iq-info-box { padding: 25px; }
.iq-info-box .info-icon { border-radius: 90px; height: 70px; width: 70px; display: inline-block; line-height: 70px; text-align: center; color: #ffffff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; }
.iq-info-box .info-icon i { font-size: 30px; }
.info-share { margin: 30px 0 0; padding: 30px 0 0; text-align: center; }
.info-share li { display: inline-block; list-style: none; padding: 0; margin: 0px 5px; }
.info-share li a { display: block; width: 45px; height: 45px; line-height: 45px; font-size: 16px; color: #666; background: transparent; border: 1px solid #666; text-align: center; border-radius: 50%; }
.info-share li a:hover { background: #3f4da0; border-color: #5dc5bd; color: #fff; }
/*.info-share .facebook a {background-color: #3b5998; color: #fff; }
.info-share .instagram a {background: radial-gradient(circle at 10% 107%, #fdf497 0%, #fdf497 5%, #fd5949 38%,#d6249f 53%,#285AEB 90%); color: #fff; }*/
.info-share . a {background-color: #3b5998; color: #fff; }
.navbar-toggle .icon-bar {
    position: relative;
    transition: all 200ms ease-in-out;
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(1) {
    top: 6px;
    transform: rotate(45deg);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(2) {
    background-color: transparent;
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
}
.download-links-top a img {
	width: 30%;
}
.download-links-bottom a img {
	width: 17%;
}
.download-links-top a img,
.download-links-bottom a img {
	transition: transform .3s;
}
.download-links-top a img:hover,
.download-links-bottom a img:hover
 {
	-ms-transform: scale(1.03); /* IE 9 */
  -webkit-transform: scale(1.03); /* Safari 3-8 */
  transform: scale(1.03); 
}