@charset "utf-8";

/*---------------------------------------------------------
Theme Name: Angle | Responsive Coming Soon Template
Theme URI: http://grapestheme.com/angle
Author: Grapestheme
Author URI: http://themeforest.net/user/Grapestheme
Description: Angle | Responsive Coming Soon Template
Version: 1.0
License: ThemeForest Regular & Extended License
License URI: http://themeforest.net/licenses/regular-extended
---------------------------------------------------------*/

/*
  ---------------------------------------------------------
              ++++++ TABLE of CONTENTS ++++++
  ---------------------------------------------------------

1)    Reset and Setup
2)    Helper Class
3)    Forms 
4)    Background Container and Grid
5)    Header Logo and Menu-Icon
6)    Menu
7)    Footer & Social
8)    Default Container and Page Style
9)    Home Section
10)   About Section
11)   Portfolio Section
12)   Product Section
13)   Service Section
14)   Contact Section
15)   Subscribe Section

---------------------------------------------------------*/

/* ===================================
    Reset and Setup 

    //Main Color       : 191919 rgb(25, 25, 25);
    //Secondery Color  : 626262 rgb(98, 98, 98);
    //Accent Color     : 10A4E5 rgb(16, 164, 229);
    //White Color      : FFFFFF rgb(255, 255, 255);
 ====================================== */


/* ===================================
     Reset and Setup 
 ====================================== */

body {
    color:#191919;
    background:#FFFFFF;
}

/* Link Setup */
a,
a:active {
    color:#191919;
}

a:hover,
a:focus {
    color:#626262;
}


/* Form Elements Setup */
input,
textarea {
    color:#191919;
    background-color:transparent;
    border-bottom:2px dashed #626262;
}

input:focus,
textarea:focus {
    border-bottom:2px solid #191919;
}

/*======= Style For Owl Carousel ======= */

/* Owl Carousel Dots Style */
.owl-dot:before {
    background:#191919;
}

/* ===================================
    Helper Class
====================================== */

/*======= Helper Class For Background Color ======= */
.default-bg-color { background:#191919 !important; }
.light-bg-color { background:#626262 !important; }
.accent-bg-color { background:#10A4E5 !important; }

/*======= Helper Class For Text Color ======= */
.default-text-color { color:#191919 !important; }
.light-text-color { color:#626262 !important; }
.accent-text-color { color:#10A4E5 !important; }
.white-text-color { color:#FFFFFF !important; }

/* ===================================
    FORMS
====================================== */

/*======= Style For Button ======= */
.btn-dark {
    color:#FFFFFF;
    background:#191919;
    border:2px solid #191919;
}

.btn-light {
    color:#191919;
    background:transparent;
    border:2px solid #191919;
}

/* ======= Style For Button Active, Hover And Focus ======= */
.btn-dark:focus,
.btn-dark:hover,
.btn-dark:active {
    color:#191919;
    background:transparent;
}

.btn-light:focus,
.btn-light:hover,
.btn-light:active {
    color:#FFFFFF;
    background:#191919;
}

/* ======= Style For Form-Input ======= */
.input-dash {
    color:#191919;
    background-color:transparent;
    border-bottom:2px dashed #626262;
}

.input-line { 
    color:#191919;
    background-color:transparent;
    border-bottom:2px solid #626262;
}

/*======= Style For Form-Input on Focus ======= */
.input-dash:focus,
.input-line:focus {
    border-bottom:2px solid #191919;
}

/*======= Style For Form-Submit Notification ======= */
.required-error {
    border:2px dashed #ED5565 !important;
}

#success {
    color:#191919;
}

/* ===================================
    Background Container and Grid
====================================== */

/*======= Style For Background Grid ======= */  
.grid-lines .col {
    border-left:1px solid rgba(25, 25, 25, .09);
}
  
.grid-lines .col:last-child {
    border-right:1px solid rgba(25, 25, 25, .09);
}

/* ======= Style For Background Grid ======= */
.hero-background {
    background:#FFFFFF url('../../images/app_1.jpg') no-repeat fixed;
    background-position:center center;
}

/* ======= Style For Portfolio Image Magnify Pop-up ======= */
.mfp-with-zoom.mfp-ready.mfp-bg {
    background:#626262;
}

.mfp-figure:after {
    background:#626262;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor:url("../../images/icon-zoom-out.png"), pointer !important;
}

.mfp-close {
    color:#191919;   
}

/* ===================================
    Header Logo and Menu-Icon
====================================== */

.header {
    background-color:transparent;
}

/* ======= Style For Hamburger Menu Icon ======= */
.header .menu-icon .icon-container > span {
    background:#191919;
}

/* ===================================
    Menu 
====================================== */

.menu-container .menu-left {
    background:rgba(16, 164, 229, 0.9);
}

.menu-container .menu-right {
    background:#FFFFFF;
}

/* ======= Style For Menu Link ======= */
.menu-container .menu-right .menu-list a.menu-link {
    color:#626262;
}

/* Style For Menu Link Over Line on Text */ 
.menu-container .menu-right .menu-list a.menu-link:before{
    border-bottom:2px solid #10A4E5;
}

/* ======= Style For Menu Link On Hover, Focus And Active ======= */
.menu-container .menu-right .menu-list a.menu-link:focus,
.menu-container .menu-right .menu-list a.menu-link:hover,
.menu-container .menu-right .menu-list a.menu-link.active {
    color:#191919;
}

/* ======= Style For Menu Link Active Before ======= */
.menu-container .menu-right .menu-list a.menu-link.active:before{
    border-bottom:2px solid #10A4E5;
}

/* ======= Style For Menu Link Hover Before ======= */
.menu-container .menu-right .menu-list a.menu-link:hover:before{
    border-bottom:2px solid #10A4E5;
}


/* ===================================
    Footer & Social
====================================== */
.menu-container .footer .footer-social i {
    color:#191919;
}

/* ===================================
    Default Container and Page Style
====================================== */

/* ======= Style For Main Container ======= */
.main-container {
    background:rgba(255, 255, 255, 0.8);
}

/* Style For Section Title Before */
.contain-wrapper .title-wrapper .section-title:before{
    border-bottom:2px solid #10A4E5;
}

/* ===================================
    Home Section
====================================== */

/* ======= Style For Home-Section Lines ======= */
.home-section .line{
    border-bottom:2px solid #191919;
}

.home-section .line-accent{
   border-bottom:2px solid #10A4E5;
}

.home-section .line-big{
    border-bottom:2px solid #191919;
}

/* ===================================
    About Section
====================================== */

/* Style For About-Carousel */
.about-section .about-carousel {
    background:transparent;
}

/* Style For About-Carousel  Item */
.about-section .about-carousel .item {
    background:#FFFFFF;
    border:2px solid transparent;
}

/* Style For About-Carousel Item on Hover */
.about-section .about-carousel .item:hover {
    border:2px solid rgba(98, 98, 98, .09);
}

/* Style For About-Carousel Item Fig-caption */
.about-section .about-carousel .item figure figcaption {
    background:rgba(255, 255, 255, 0.5);
}

/* Style For About-Carousel Item Name :before */
 

/* Style For About-Carousel Item Social-Icon */
.about-section .about-carousel .item figure figcaption .team-social i {
    color:rgba(25, 25, 25, 1);
}
/* Style For About-Carousel Item Social-Icon On Hover */
.about-section .about-carousel .item figure figcaption .team-social i:hover {
    color:rgba(98, 98, 98, 0.5);
}

/* ===================================
    Portfolio Section
====================================== */

/* Style For Portfolio-Carousel */
.portfolio-section .portfolio-carousel {
    background:transparent;
}

/* Style For Portfolio-Carousel Item */
.portfolio-section .portfolio-carousel .item {
    background:#FFFFFF;
    border:2px solid transparent;
}

/* Style For Portfolio-Carousel Item on Hover */
.portfolio-section .portfolio-carousel .item:hover {
    border:2px solid rgba(98, 98, 98, .09);
}

/* Style For Portfolio-Carousel Item Fig-caption */
.portfolio-section .portfolio-carousel .item figure figcaption {
    background:rgba(255, 255, 255, 0.5);
}

/* Style For Portfolio-Carousel Item View-More Button-Icon */
.portfolio-section .portfolio-carousel .item figure figcaption .view-more i {
    color:#191919;
}

/* Style For Portfolio-Carousel Item Name :before */
.portfolio-section .portfolio-carousel .item figure figcaption h3:before{
    border-bottom:2px solid #10A4E5;
}

/* ===================================
    Product Section
====================================== */

.product-section .product-carousel {
    background:transparent;
}

/* Style For Product-Carousel  Item */
.product-section .product-carousel .item {
    background:#FFFFFF;
    border:2px solid transparent;
}

/* Style For Product-Carousel Item on Hover */
.product-section .product-carousel .item:hover {
    border:2px solid rgba(98, 98, 98, .09);
}

/* Style For Product-Carousel Item Fig-caption */
.product-section .product-carousel .item figure figcaption {
    background:rgba(255, 255, 255, 0.5);
}

/* Style For Portfolio-Carousel Item Add-Cart Button-Icon */
.product-section .product-carousel .item figure figcaption .add-cart i {
    color:#191919;
}

/* Style For Product-Carousel Item Name :before */
.product-section .product-carousel .item figure figcaption h3:before{
    border-bottom:2px solid #10A4E5;
}

/* Style For Product-Carousel Item Price */
.product-section .product-carousel .item figure figcaption p {
    background:#10A4E5;
}


/* ===================================
    Service Section
====================================== */

/* Style For Service-Carousel */
.service-section .service-carousel {
    background:transparent;
}

/* Style For Service-Carousel  Item */
.service-section .item {
    background:#FFFFFF;
    border:2px solid transparent;
}

/* Style For Service-Carousel Item on Hover */
.service-section .service-carousel .item:hover {
    border:2px solid rgba(98, 98, 98, .09);
}

/* Style For Service-Carousel Item Service-Item-Container */
.service-section .service-carousel .item .service-item-container {
    background:#FFFFFF;
    border:2px solid transparent;
}

/* Style For Service-Carousel Item Service Icon */
.service-section .service-carousel .item .service-item-container .service-content i {
    color:#626262;
}

/* Style For Service-Carousel Item Service Icon on Hover */
.service-section .service-carousel .item:hover .service-item-container .service-content i {
    color:#191919;
}

/* Style For Service-Carousel Item Service Name :before */
.service-section .service-carousel .item:hover .service-item-container .service-content h3:before{
    border-bottom:2px solid #10A4E5;
}


/* ===================================
    Contact Section
====================================== */

/*======= Style For Contact-Info line-separator ======= */
.contact-section.isCurrent .contact-wrapper .contact-info span.line-separator {
    border-bottom:2px solid #10A4E5;
}

/* ===================================
    Subscribe Section
====================================== */

.modal .modal-dialog .modal-content .modal-header .close {
    color:#161616;
}

/* Style For Subscribe Title Before */
 

.modal-backdrop {
    background-color:#626262;
}