/* CSS
Theme Name: Industrial Forklifts
Author: corygodnai
Description: Industrial Forklifts Theme
Tags: Industria Forklifts
*/
.muli{ font-family: 'Muli', sans-serif; } @import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
html{ font-family: 'Muli', sans-serif!important; font-weight: 400!important; font-size: .85em;  }
body{ margin: 0; width: 100%; height: 100vh!important; padding-top: 166px; background-color: #e7e6e5!important; }
.login h1 a { background-image: url( images/if-logo.png ); width: 200px; height: 200px; background-size: contain;  }
.hdr-if{ height: 30px; background-color: #de471c; top: 0; }
.if-blue1{ background-color: rgb(0,93,196); }
.if-blue2{ background-color: #7faee1; }
.if-blue3{ background-color: #003775; }
.if-blue4{ background-color: #001227; }
.if-grey1 { background-color: #e7e6e5; }
.if grey2 { background-color: #b9b4b3; }
.if grey3 { background-color: #736a67; }
.if-dark1 { background-color: #160702; }
.if-dark2 { background-color: #2d1f1b; }
.if-dark-comp { background-color: rgb(8,53,66); }
hr { background-color: #736a67; border: 0; height: 6px; margin-bottom: 1.5em; }
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0; font-family: 'Muli', sans-serif!important; } h1 { font-family: 'Muli', sans-serif!important; font-size: 2em; font-weight: 800!important; }
h2 { font-family: 'Muli', sans-serif!important; font-size: 1.95em; font-weight: 700!important; }
h3 { font-family: 'Muli', sans-serif!important; font-size: 1.85em; font-weight: 700!important; }
h4 { font-family: 'Muli', sans-serif!important; font-size: 1.75em; font-weight: 600!important; }
h5 { font-family: 'Muli', sans-serif!important; font-size: 1.5em; font-weight: 600!important; letter-spacing: 0.15em; }
h6 { font-family: 'Muli', sans-serif!important; font-size: 1.4em; font-weight: 900; }
h7 { font-family: 'Muli', sans-serif!important; font-size: 1.2em; font-weight: 800; }
p { font-family: 'Muli', sans-serif!important; font-weight: 400!important; font-size: 1.5em; }
p2 { font-family: 'Muli', sans-serif!important; font-weight: 400!important; font-size: 1.2em; }
p3 { font-family: 'Muli', sans-serif!important; font-weight: 300!important; font-size: 1.2em; }
p4 { font-family: 'Muli', sans-serif!important; font-weight: 200!important; font-size: 1em; }
a:link {text-decoration: none; color: #005dc4;} a:visited {text-decoration: none; color: #005dc4; } a:hover {text-decoration: none!important; font-weight: 800;} a:active {text-decoration: none!important; color: #de471c!important; }
/*========================= Icons =================================================================================================================================================================== */
ul.social-network { list-style: none; display: inline; margin-left:0 !important; padding: 0; }
ul.social-network li { display: inline; margin: 0 5px; }
.social-network a.icoYelp:hover { background-color: #F56505; }
.social-network a.icoFacebook:hover { background-color:#3B5998; }
.social-network a.icoTwitter:hover { background-color:#33ccff; }
.social-network a.icoGoogle:hover { background-color:#BD3518; }
.social-network a.icoVimeo:hover { background-color:#0590B8; }
.social-network a.icoLinkedin:hover { background-color:#007bb7; }
.social-network a.icoYelp:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i { color:#fff; }
a.socialIcon:hover, .socialHoverClass { color:#44BCDD; }
.social-circle li a { display:inline-block; position:relative; margin:0 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 20px; height: 20px; font-size:15px; }
.social-circle li i { margin:0; line-height:15px; text-align: center; }
.social-circle li a:hover i, .triggeredHover { transform: rotatey(360deg); -webkit-transform: rotatey(360deg); -o-transform: rotatey(360deg); -moz-transform: rotatey(360deg); -ms-transform: rotatey(360deg); transition: .5s all; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; }
.social-circle i { color: #003358; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }
ul.social-network2 { list-style: none; display: inline; margin-left:0 !important; padding: 5px; }
ul.social-network2 li { display: inline; margin: 0 5px; }
/*  social icons */
.social-network2 a.icoYelp:hover { background-color: #F56505; }
.social-network2 a.icoFacebook:hover { background-color:#3B5998; }
.social-network2 a.icoTwitter:hover { background-color:#33ccff; }
.social-network2 a.icoGoogle:hover { background-color:#BD3518; }
.social-network2 a.icoVimeo:hover { background-color:#0590B8; }
.social-network2 a.icoLinkedin:hover { background-color:#007bb7;}
.social-network2 a.icoYelp:hover i, .social-network2 a.icoFacebook:hover i, .social-network2 a.icoTwitter:hover i,
.social-network2 a.icoGoogle:hover i, .social-network2 a.icoLinkedin:hover i { color:#fff; }
.social-circle2 li a { background-color: #0067b1;}
.social-circle2 li a { display:inline-block; position:relative; margin:0 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 30px; height: 30px; font-size:20px; }
.social-circle2 li i { margin:0; line-height:25px; text-align: center;}
.social-circle2 li a:hover i, .triggeredHover { transform: rotatey(360deg); -webkit-transform: rotatey(360deg); -o-transform: rotatey(360deg); -moz-transform: rotatey(360deg); -ms-transform: rotatey(360deg); transition: .5s all; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease;}
.social-circle2 i { color: #FFFFFF; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s; }
/*-------------------------------------On Reverse------------------------------------------------------------------------------------------------------------------------------*/
.social-circle1 li a { display:inline-block; position:relative; margin:0 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center; width: 20px; height: 20px; font-size:15px;}
.social-circle1 li i { margin:0; line-height:15px; text-align: center;}
.social-circle1 li a:hover i, .triggeredHover { transform: rotatey(360deg); -webkit-transform: rotatey(360deg); -o-transform: rotatey(360deg); -moz-transform: rotatey(360deg); -ms-transform: rotatey(360deg); transition: .5s all; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease;}
.social-circle1 i {color: #FFFFFF; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}

/*-----------------------------------------------------------------------------------
                           MAP
-----------------------------------------------------------------------------------------*/

.mappd{
    max-width: 730px; 
    height: 430px; 
}
#alert {background-color: #00244d!important;}
#alert a:link {text-decoration: none; color: #e6f1ff;} 
#alert a:visited {text-decoration: none; color: #005dc4; } 
#alert a:hover {text-decoration: none!important; font-weight: 800; color: #de471c;} 
#alert a:active {text-decoration: none!important; color: #e6f1ff!important; }

.dealr{
    height: 430px;
    background-color: #00244d;
}

@media only screen and (max-width: 360px) {
    .mappd{ width: 346px!important; height: 250px!important; border: none!important;}
    .dealr{ height: 260px!important;}
            #map {height: 250px!important;} map {height: 250px!important;}
}


@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
	and (-webkit-min-device-pixel-ratio: 2){
.mappd{ width: 300px!important; height: 250px!important; border: none!important;}
        .dealr{ height: 260px!important; }
        #map {height: 250px!important;} map {height: 250px!important;}
}


@media screen
    and (min-device-width:360px) 
    and (max-device-width:640px) 
    and (-webkit-device-pixel-ratio: 3){ 
     .mappd{ width: inherit!important; 250px!important; border: none!important;}  
        .dealr{ height: 260px!important;}
                #map {height: 250px!important;}  map {height: 250px!important;}
}

 #alert {font-family: 'Muli', sans-serif!important; font-size: 1em; font-weight: 800;  background-color: #00244d!important;  color: #FFFFFF;  padding: 10px; border-radius: 15px; height: inherit; overflow: auto;} #map {border: none!important;} map {border: none!important;}