@charset "UTF-8";
/*navigation*/
nav{
    background-color:#efb810;
    box-shadow:0 0 10px rgba(0,0,0,0.3);
}

nav a.brand-logo{
    font-family:"Montserrat",sans-serif;
    text-transform:uppercase;
    font-size:25px;
    font-weight:600;
}

nav ul li a{
    font-family:"Quicksand",sans-serif;
    font-weight:600;
    font-size:16px;
}

nav ul li.active{background-color:#222;}
    nav ul li.active a{color:#ccc;}

#sidenav .user-view h3{
    font-family:"Montserrat",sans-serif;
    font-size:35px;
    font-weight:600;
    text-transform:uppercase;
    color:#fff;
}

.sidenav{
    background-color:#222;
}

#sidenav li.active{background-color:#0098da;}
    #sidenav li.active a i{color:#fff;}

/*header*/

header h1{
    margin:0;
    color:#fff;
    font-family:"Montserrat",sans-serif;
    text-transform:capitalize;
    font-weight:500;
    font-size:50px;
}

header p{
    color:#ccc;
    font-family:"Quicksand",sans-serif;
    font-weight:500;
    font-size:18px;
    margin:0;
}

/*normalize content*/
section.light2{
	text-align: center;
    background-color:#29306c;
}

section.light{
	text-align: center;
    background-color:#fff;
}

    section.light .subtitle{
        color:#333;
    }

    section.light .text{
        color:#666;
    }
  .text2{
	  font-family:"Montserrat",sans-serif;
	font-size: 50px;
        color:#efb810;
    }

section.dark{
    background-color:#222;
}

    section.dark .subtitle{
        color:#fff;
    }

    section.dark .text{
        color:#ccc;
    }

main .parallax-container .subtitle{
    color:#fff;
}

main .parallax-container .text{
    color:#ccc;
}

.btn{
    border-radius:30px;
    font-family:"Quicksand",sans-serif;
    font-weight:600;
}

.subtitle{
    font-family:"Quicksand",sans-serif;
    font-size:45px;
    font-weight:500;
    text-transform:capitalize;
}

.text{
    font-family:"Montserrat",sans-serif;
    font-size:20px;
    font-weight:400;
}

/*specific styles*/

main#index section:nth-child(1) .box{
    margin:10px 0;
    border:1px solid #eee;
    padding:25px;
    border-radius:5px;
    transition:box-shadow 0.5s ease;
}

main#index section:nth-child(1) .box .icon{
    width:70px;
    height:70px;
    background-color:#0098da;   
    text-align:center;
    border-radius:50%;
    font-size:25px;
    color:#fff;
    transition:background-color 0.5s ease;
}

main#index section:nth-child(1) .box h4{
    font-family:"Quicksand",sans-serif;
    font-size:25px;
    font-weight:600;
    margin-bottom:25px;
}

main#index section:nth-child(1) .box:hover,
main#index section:nth-child(1) .box:focus,
main#index section:nth-child(1) .box:active{box-shadow:0 0 15px rgba(0,0,0,0.1);}

main#index section:nth-child(1) .box:hover .icon,
main#index section:nth-child(1) .box:focus .icon,
main#index section:nth-child(1) .box:active .icon{background-color:orange;}

main#index section:nth-child(3) #productsCarousel .item h4{
    font-family:"Quicksand",sans-serif;
    font-size:25px;
    color:#333;
    text-transform:capitalize;
    font-weight:600;
}

main#index section:nth-child(6) .box{
    border:2px solid #eee;
    padding:25px;
    border-radius:5px;
    transition:box-shadow 0.3s ease;
}

    main#index section:nth-child(6) .box .subtitle{
        font-size:25px;
        font-weight:600;
    }

main#index section:nth-child(6) .box:hover{
    box-shadow:0 0 15px rgba(0,0,0,0.1);
}

input[type="text"], input[type="number"], input[type="tel"], input[type="email"], input[type="password"],textarea{
    border:2px solid #eee;
    border-radius:5px;
    font-weight:600;
    color:#000;
}
input[type="text"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="password"]:focus,textarea:focus{
    border-color:#0098da;
    box-shadow:0 0 15px rgba(0,0,0,0.1);
}

#map{background-color:#f5f5f5;}

footer{
    background-color:#000;
}
    footer h3{
        font-family:"Montserrat",sans-serif;
        font-size:25px; 
        text-transform:uppercase;
        font-weight:600;
        color:#fff;
    }

    footer h4{
        font-family:"Quicksand",sans-serif;
        font-size:25px;
        font-weight:500;
        color:#fff;
    }

    footer .text{color:#ccc;}

    footer ul li{
        margin:5px 0;
    }

    footer ul li a{
        /*display:block;*/
        margin:5px 0;
        color:#ccc;
        transition:color 0.3s ease;
        -webkit-transition:color 0.3s ease;
        -moz-transition:color 0.3s ease;
    }

    footer ul li a:hover,
    footer ul li a:focus,
    footer ul li a:active{
        color:#0098da;
    }

    footer .social a{
        border:2px solid #0098da;   
        color:#fff;
    }

    footer .social a:hover,
    footer .social a:focus,
    footer .social a:active{
        background-color:#0098da;
    }

    footer .copy .text a{color:#fff;}