/*
Template Name: BizCraft Responsive HTML5/CSS3 Template
Author: themefisher
Author URI: http://themefisher.com
Description: BizCraft Responsive HTML5/CSS3 Template.
Version: 1.0
*/
/* Table of Content
==================================================
1. Global Styles
2. Typography
3. Common Styles
4. Header area
5. Slideshow
6. Services and Features
7. Image Block
6. About (Landing and Featured Tab)
9. Portfolio
10. Counter
11. Team
12. Pricing
13. Testimonial
14. Video block
15. Recent Post
16. Clients
17. Twitter
18. Contact
19. Footer
20. Copyright
21. Sub pages
22. Blog
23. Landing page
24. Style Swithcer (you can delete the css) */
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@font-face {
font-family: 'JaapokkiRegular';
src: url("../fonts/jaapokki/jaapokki-regular.eot");
src: url("../fonts/jaapokki/jaapokki-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/jaapokki/jaapokki-regular.woff") format("woff"), url("../fonts/jaapokki/jaapokki-regular.ttf") format("truetype"), url("../fonts/jaapokki/jaapokki-regular.svg#JaapokkiRegular") format("svg");
font-weight: normal;
font-style: normal;
}
/* Request-form-Start */
input[type=text], select, textarea {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 0px;
margin-bottom: 16px;
resize: vertical;
}
input[type=submit] {
background-color: #4CAF50;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #45a049;
}
input[type=text], select, textarea {
width: 100%; /* Full width */
padding: 8px; /* Some padding */
border: 1px solid #ccc; /* Gray border */
border-radius: 4px; /* Rounded borders */
box-sizing: border-box; /* Make sure that padding and width stays in place */
margin-top: 0px; /* Add a top margin */
margin-bottom: 16px; /* Bottom margin */
resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}
/* Style the submit button with a specific background color etc */
input[type=submit] {
background-color: #49a2e7;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
background-color: #fff;
color: #000;
}
/* Add a background color and some padding around the form */
.form-container {
border-radius: 5px;
background-color: #f2f2f2;
padding: 20px;
float:right;
}
.request{
padding: 20px 10px 10px 0px;
}
/* Request-form-End */
/* Small Devices, Tablets */
@media (min-width: 768px) and (max-width: 991px) {
/* Common */
.parallax {
padding: 60px 0;
}
/* Slideshow */
#main-slide .slider-content h2 {
font-size: 36px;
}
#main-slide .slider-content h3 {
font-size: 22px;
margin: 20px 0;
}
.slider.btn {
padding: 5px 25px;
margin-top: 5px;
font-size: 16px;
}
#main-slide .carousel-indicators {
bottom: 20px;
}
/* Cd Hero Slider */
.cd-hero-slider .cd-btn {
margin-top: 15px !important;
font-size: 12px !important;
}
.cd-slider-nav ul li.video {
display: none;
}
.cd-slider-nav {
bottom: 40px !important;
}
/* Portfolio */
.isotope-nav {
margin: 0 auto 40px;
}
figure.effect-oscar figcaption {
padding: 1.5em;
}
figure.effect-oscar figcaption::before {
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
}
figure.effect-oscar h3 {
margin-top: 0;
font-size: 16px;
}
/* Feature */
.feature-content h3,
.feature-center-content h3 {
font-size: 14px;
line-height: normal;
}
/* Featured tab */
.featured-tab .tab-pane img {
width: 45%;
}
.featured-tab .tab-pane i.big {
font-size: 150px;
}
.featured-tab .tab-pane,
.landing-tab .tab-pane {
text-align: left;
}
/* Team */
.team {
padding-bottom: 50px;
}
/* Pricing */
.plan {
margin-bottom: 60px;
}
/* Testimonial */
.testimonial-content {
padding: 0 30px;
}
/* Recent post */
.recent-post {
padding-bottom: 40px;
}
/* Back to top */
#back-to-top.affix {
bottom: 35px;
}
/* Video block */
.video-block-head {
margin-top: 30px;
}
/* Call to action */
.call-to-action .btn.btn-primary {
font-size: 12px;
}
/*-- Landing ---*/
.hero-text {
width: 95%;
}
.hero-title {
font-size: 36px;
}
.hero-buttons a.btn {
padding: 10px 20px;
}
.app-gallery figure.effect-oscar a {
margin-top: 105px;
}
/* Blog single */
.blog-post {
padding-bottom: 40px;
}
}
/* Small Devices Potrait */
@media (max-width: 767px) {
/* Common */
.parallax {
padding: 60px 0;
}
.style-switch-button {
display: none;
}
.heading {
text-align: center;
}
.heading .title-icon {
float: none !important;
margin: 0 0 20px;
display: inline-block;
}
h2.title {
font-size: 28px;
border-left: 0;
}
.title-desc {
line-height: normal;
padding: 6px 55px 0;
}
.btn.btn-primary {
padding: 8px 22px;
}
h2 {
font-size: 28px;
}
/* Slideshow */
#main-slide .slider-content {
margin-top: -35px;
}
#main-slide .slider-content h2 {
font-size: 18px;
line-height: normal;
}
#main-slide .slider-content h3 {
font-size: 12px;
line-height: normal;
margin: 0;
}
.slider.btn {
display: none;
}
#main-slide .carousel-control {
display: none;
}
#main-slide .carousel-indicators {
bottom: 0;
}
/* About */
.about {
padding-top: 40px;
}
.about.angle:before {
position: relative;
}
/* Service */
.service-content {
display: inline-block;
margin-bottom: 30px;
}
/* Portfolio */
.isotope-nav {
margin: 0 auto 40px;
}
.isotope-nav ul li a {
padding: 5px 10px;
margin-bottom: 10px;
display: inline-block;
}
figure.effect-oscar h3 {
margin-top: 25%;
}
#isotope .isotope-item .grid {
padding-left: 10px;
padding-right: 10px;
}
/* Image block */
.img-block-right {
padding-right: 50px;
}
.img-block-head h2 {
font-size: 16px;
}
.img-block-head h3 {
font-size: 28px;
}
.image-block-content {
padding: 0;
}
/* Featured tab */
.featured-tab {
padding: 0 30px;
}
.featured-tab .tab-pane i.big {
font-size: 150px;
}
.featured-tab .tab-pane,
.landing-tab .tab-pane {
text-align: left;
padding-left: 0;
padding-top: 30px;
}
/* Facts */
.facts {
padding-bottom: 20px;
}
.facts-num span {
font-size: 48px;
margin-top: 20px;
}
.facts i {
font-size: 32px;
}
/* Team */
.team {
padding-bottom: 50px;
}
/* Pricing */
.plan {
margin-bottom: 60px;
}
/* Testimonial */
.testimonial-content {
padding: 0 30px;
}
/* Recent post */
.recent-post {
padding-bottom: 40px;
}
/* Footer */
.footer-widget {
display: inline-block;
}
/* Copyright */
.copyright-info {
font-size: 13px;
}
#back-to-top {
right: 20px;
}
#back-to-top.affix {
bottom: 20px;
}
/* Call action */
.call-to-action .btn.btn-primary {
float: none !important;
margin-top: 20px;
}
/*-- Landing ---*/
.hero-section {
padding-top: 90px;
}
.hero-text {
width: 100%;
padding-right: 0;
}
.hero-title {
font-size: 36px;
}
.hero-buttons a.btn {
padding: 10px 20px;
}
.app-gallery figure.effect-oscar a {
margin-top: 105px;
}
.hero-images img {
display: none;
}
.landing_facts .facts-num span {
font-size: 48px;
margin-top: 20px;
}
.landing_facts .facts i {
font-size: 30px;
}
/* Blog single */
.blog-post {
padding-bottom: 40px;
}
}
/* request form text */
.rq-text {
padding: 50px;
font-size: 25px;
}
/* Extra Small Devices, Phones */
@media (max-width: 479px) {
/* Slideshow */
#main-slide .slides img {
height: 230px;
}
#main-slide .item img {
height: 250px;
}
}
/* Custom, iPhone Retina */
/*# sourceMappingURL=maps/style.css.map */