@charset "utf-8";

/*---------------------------------------------------------
Theme Name: Angle | Responsive Coming Soon Template
Theme URL: 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)    Google Fonts
2)    Reset and Setup
3)    Typography 
4)    Helper Class
5)    Preloder
6)    Forms
7)    Background Container and Grid
8)    Header Logo and Menu-Icon
9)    Menu
10)   Footer & Social
11)   Default Container and Page Style
12)   Home Section
13)   About Section
14)   Portfolio Section
15)   Product Section
16)   Service Section
17)   Contact Section
18)   Subscribe Section

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

/* ===================================
     Google Fonts
 ====================================== */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500italic,600);


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

html,
body {
    height:100%;
    min-height:100%;
    -webkit-text-size-adjust:100%;
    -webkit-tap-highlight-color:transparent;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* Reset Default Margin */
a, abbr, acronym, address, applet, 
big, blockquote, body, caption, 
cite, code, dd, del, dfn, div, dl,
dt, em, fieldset, form, h1, h2, h3,
h4, h5, h6, html, iframe, img, ins, 
kbd, label, legend, li, object, ol, 
p, pre, q, s, samp, section, small, span, 
strike, strong, sub, sup, table, 
tbody, td, tfoot, th, thead, tr, tt, ul, var {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-family:inherit;
    font-size:100%;
    vertical-align:baseline;
}

body {
    font-family:'Montserrat', sans-serif;
    font-size:16px;
    line-height:1.4;
    font-weight:400;
    color:#191919;
    background:#FFFFFF;
    overflow:hidden;
    z-index:1;
}

/* Link Setup */
a,
a:active {
    color:#191919;
    text-decoration:none;
}

a:hover,
a:focus {
    cursor:pointer;
    color:#626262;
    text-decoration:none;
}

a:focus {
    outline:none !important;
}

/* Image Setup */
img {
    max-width:100%;
    height:auto;
    line-height:1 !important;
    -webkit-backface-visibility:hidden;
}


/* Video Setup */
video {
    background-size:cover;
    display:table-cell;
    vertical-align:middle;
    width:100%;
}


/* Form Elements Setup */
input,
textarea {
    display:block;
    width:100%;
    max-width:100%;
    padding:8px 15px;
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    letter-spacing:1px;
    color:#191919;
    background-color:transparent;
    border:0;
    border-bottom:2px dashed #626262;
    margin:0 0 30px 0;
    resize:none;
}

input[type="submit"] {
    width:auto;
}

input[type="button"],
input[type="text"],
input[type="email"],
textarea,
input[type="submit"] {
    -webkit-appearance:none;
    border-radius:0;
}

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

input[type="submit"]:focus {
    border:none !important;
    outline:none;
}

iframe {
    border:0;
}

/* List Setup */
ul {
    list-style:none outside none;
}

ul,
ol,
dl {
    list-style-position:outside;
}

/* Section Setup */
section {
    position:absolute;
    display:block;
    width:100%;
    height:auto;
}

/* SVG Setup */
svg:not(:root) {
    overflow:hidden;
}
/*======= Style For Owl Carousel ======= */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility:hidden;
    -khtml-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    -webkit-transform:translate3d(0, 0, 0);
    -khtml-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0);
    -o-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}

/* Owl Carousel Dots Style */
.owl-dots {
    width:100%;
    margin:10px 0;
    text-align:center;
}

.owl-dot {
    position:relative;
    display:inline-block;
    width:20px;
    height:20px;
    background:transparent;
    margin:5px 5px;
}

.owl-dot:before {
    position:absolute;
    display:block;
    content:' ';
    top:7px;
    width:100%;
    height:5px;
    background:#191919;
    border-radius:3px 3px;
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity:0.50;
    -khtml-opacity:0.50;
    -moz-opacity:0.50;
    -ms-opacity:0.50;
    -o-opacity:0.50;
    opacity:0.50;
    -webkit-transition:opacity 300ms ease 00ms;
    -khtml-transition:opacity 300ms ease 0ms;
    -moz-transition:opacity 300ms ease 0ms;
    -ms-transition:opacity 300ms ease 0ms;
    -o-transition:opacity 300ms ease 0ms;
    transition:opacity 300ms ease 00ms;
}

.owl-dot:hover:before, 
.owl-dot.active:before {
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transition:opacity 300ms ease 00ms;
    -khtml-transition:opacity 300ms ease 0ms;
    -moz-transition:opacity 300ms ease 0ms;
    -ms-transition:opacity 300ms ease 0ms;
    -o-transition:opacity 300ms ease 0ms;
    transition:opacity 300ms ease 00ms;
}

/* ===================================
    Typography
====================================== */

/* ======= Style For Heading And Paragraph Tag ======= */
h1,
h2,
h3,
h4 {
    font-weight:inherit;
    line-height:1.2;
}

h1 {
    margin-top:0;
    font-size:3.998em;
}

h2 {
    font-size:2.827em;
}

h3 {
    font-size:1.999em;
}

h4 {
    font-size:1.414em;
}

p {
    margin-bottom:1.3em;
}

small,
.copy {
    font-size:0.750em;
}

.alt-font {
    font-family:'Raleway', sans-serif !important;
}

/* ======= Helper Class For Text (Font-weight) ======= */
.font-weight-300 {
    font-weight:300 !important;
}

.font-weight-400 {
    font-weight:400 !important;
}

.font-weight-500 {
    font-weight:500 !important;
}

.font-weight-600 {
    font-weight:600 !important;
}

.font-weight-700 {
    font-weight:700 !important;
}

.italic{
    font-style:italic !important;
}


/* ===================================
    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; }

/*======= Helper Class For Easy Margin ======= */
.margin-tb-5{ margin:5px 0 !important; }
.margin-tb-10{ margin:10px 0 !important; }
.margin-tb-15{ margin:15px 0 !important; }
.margin-tb-20{ margin:20px 0 !important; }
.margin-tb-25{ margin:25px 0 !important; }
.margin-tb-30{ margin:30px 0 !important; }
.margin-tb-35{ margin:35px 0 !important; }
.margin-tb-40{ margin:40px 0 !important; }
.margin-tb-45{ margin:45px 0 !important; }
.margin-tb-50{ margin:50px 0 !important; }
.no-margin-tb{ margin:0 0 !important; }

.margin-top-5{ margin-top:5px !important; }
.margin-top-10{ margin-top:10px !important; }
.margin-top-15{ margin-top:15px !important; }
.margin-top-20{ margin-top:20px !important; }
.margin-top-25{ margin-top:25px !important; }
.margin-top-30{ margin-top:30px !important; }
.margin-top-35{ margin-top:35px !important; }
.margin-top-40{ margin-top:40px !important; }
.margin-top-45{ margin-top:45px !important; }
.margin-top-50{ margin-top:50px !important; }
.no-margin-top{ margin-top:0 !important; } 

.margin-bottom-5{ margin-bottom:5px !important; }
.margin-bottom-10{ margin-bottom:10px !important; }
.margin-bottom-15{ margin-bottom:15px !important; }
.margin-bottom-20{ margin-bottom:20px !important; }
.margin-bottom-25{ margin-bottom:25px !important; }
.margin-bottom-30{ margin-bottom:30px !important; }
.margin-bottom-35{ margin-bottom:35px !important; }
.margin-bottom-40{ margin-bottom:40px !important; }
.margin-bottom-45{ margin-bottom:45px !important; }
.margin-bottom-50{ margin-bottom:50px !important; }
.no-margin-bottom{ margin-bottom:0 !important; } 

.align-left {float:left !important;}


/* ===================================
    PRELOADER
====================================== */

.preloder {
    position:fixed;
    display:table;
    width:100%;
    height:100%;
    max-height:100%;
    background:rgb(255, 255, 255);
    z-index:1024;
    overflow:hidden;
}

/* .preloader */
.preloder .preloader-container {
    display:table-cell;
    vertical-align:middle;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-animation:fadeIn 1000ms forwards;
    -ms-animation:fadeIn 1000ms forwards;
    -moz-animation:fadeIn 1000ms forwards;
    -o-animation:fadeIn 1000ms forwards;
    animation:fadeIn 1000ms forwards;
}

.preloder .preloader-container .preloader-content {
    margin:0 auto;
    text-align:center;
}

.preloder .preloader-container .preloader-content #polygon {
    stroke-dasharray:50;
    stroke-dashoffset:1000;
    -webkit-animation:dash 15000ms linear infinite;
    -ms-animation:dash 15000ms linear infinite;
    -moz-animation:dash 15000ms linear infinite;
    -o-animation:dash 15000ms linear infinite;
    animation:dash 15000ms linear infinite;
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset:0;
  }
}

@-moz-keyframes dash {
  to {
    stroke-dashoffset:0;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset:0;
  }
}

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

/*======= Style For Button ======= */
.btn-dark {
    display:inline-block;
    padding:7px 25px;
    font-size:0.875em;
    font-weight:700;
    color:#FFFFFF;
    text-transform:capitalize;
    background:#191919;
    border:2px solid #191919;
    border-radius:0px 0px;
    -webkit-box-shadow:0 0 10px rgba(51, 60, 78, 0.1);
    -ms-box-shadow:0 0 10px rgba(51, 60, 78, 0.1);
    box-shadow:0 0 10px rgba(51, 60, 78, 0.1);
    -webkit-transition:background 300ms ease,color 300ms ease 00ms;
    -khtml-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -moz-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -ms-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -o-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    transition:background 300ms ease,color 300ms ease 00ms;
}

.btn-light {
    display:inline-block;
    padding:7px 25px;
    font-size:0.875em;
    font-weight:700;
    color:#191919;
    text-transform:capitalize;
    background:transparent;
    border:2px solid #191919;
    border-radius:30px 30px;
    -webkit-box-shadow:0 0 10px rgba(51, 60, 78, 0.1);
    -ms-box-shadow:0 0 10px rgba(51, 60, 78, 0.1);
    box-shadow:0 0 10px rgba(51, 60, 78, 0.1);
    -webkit-transition:background 300ms ease,color 300ms ease 00ms;
    -khtml-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -moz-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -ms-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -o-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    transition:background 300ms ease,color 300ms ease 00ms;
}

/* ======= Style For Button Active, Hover And Focus ======= */
.btn-dark:focus,
.btn-dark:hover,
.btn-dark:active {
    color:#191919;
    background:transparent;
    outline:none;
    -webkit-transition:background 300ms ease,color 300ms ease 00ms;
    -khtml-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -moz-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -ms-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -o-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    transition:background 300ms ease,color 300ms ease 00ms;
}

.btn-light:focus,
.btn-light:hover,
.btn-light:active {
    color:#FFFFFF;
    background:#191919;
    outline:none;
    -webkit-transition:background 300ms ease,color 300ms ease 00ms;
    -khtml-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -moz-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -ms-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    -o-transition:background 300ms ease 00ms,color 300ms ease 00ms;
    transition:background 300ms ease,color 300ms ease 00ms;
}

/* ======= Style For Button Different Size ======= */
.btn-small{
    display:inline-block;
    font-size:0.750em;
    padding:5px 18px;
    border-radius:30px 30px;
}

.btn-medium{
    display:inline-block;
    padding:7px 25px;
    font-size:0.875em;
    border-radius: 0px;
}

.btn-large{
    display:inline-block;
    padding:9px 32px;
    font-size:1.000em;
    border-radius:30px 30px;
}


/* ======= Style For Form-Input ======= */
.input-dash { 
    width:100%;
    max-width:100%;
    margin:0 0 30px 0;
    padding:8px 15px;
    color:#191919;
    background-color:transparent;
    border:0;
    border-bottom:2px dashed #626262;
    resize:none;
    -webkit-transition:all 300ms ease 00ms;
    -khtml-transition:all 300ms ease 00ms;
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;
    transition:all 300ms ease 00ms;
}

.input-line { 
    width:100%;
    max-width:100%;
    margin:0 0 30px 0;
    padding:8px 15px;
    color:#191919;
    background-color:transparent;
    border:0;
    border-bottom:2px solid #626262;
    resize:none;
    -webkit-transition:all 300ms ease 00ms;
    -khtml-transition:all 300ms ease 00ms;
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;
    transition:all 300ms ease 00ms;
}

/*======= Style For Form-Input on Focus ======= */
.input-dash:focus,
.input-line:focus {
    border:0;
    border-bottom:2px solid #191919;
    outline:none;
    -webkit-transition:all 300ms ease 00ms;
    -khtml-transition:all 300ms ease 00ms;
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;
    transition:all 300ms ease 00ms;
}

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

#success {
    font-size:1.000em;
    padding:20px;
    color:#191919;
    text-transform:capitalize;
}


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

/*======= Style For Background Grid ======= */
.grid-lines {
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:9999;
} 
.grid-lines .container {
    width:calc(100% - 200px);
    height:100%;
    max-height:100%;
}
  
.grid-lines .row {
    height:100%;
    max-height:100%;
}
  
.grid-lines .col {
    width:25%;
    height:100%;
    max-height:100%;
    border-left:1px solid rgba(25, 25, 25, .09);
}
  
.grid-lines .col:last-child {
    border-right:1px solid rgba(25, 25, 25, .09);
}
  
@media (max-width: 769px) {
    .grid-lines .container {
        width:100%;
    }
}

/* ======= Style For Background Grid ======= */
.hero-background {
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    min-height:100%;
    background:#FFFFFF url('../images/app_1.jpg') no-repeat fixed;
    background-position:center center;
    -ms-background-size:cover;
    background-size:cover;
}

/* ======= Style For Portfolio Image Magnify Pop-up ======= */

.mfp-with-zoom.mfp-ready.mfp-bg {
    background:#626262;
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity:0.5;
    -khtml-opacity:0.5;
    -moz-opacity:0.5;
    -ms-opacity:0.5;
    -o-opacity:0.5;
    opacity:0.5;
}

.mfp-figure:after {
    position:absolute;
    display:block;
    content:'';
    box-shadow:none;
    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 {
    font-size:48px;
    font-weight:100;
    line-height:1;
    color:#191919;   
}

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

.header {
    position:absolute;
    display:block;
    left:0; 
    top:0;
    width:100%;
    height:60px;
    background-color:transparent;
    z-index:5;
}

.header .logo-container {
    position:relative;
    display:block;
    line-height:0;
    margin:20px 0;
    float:left;
}

.header .logo-container .logo {
    width:200px;
    height:auto;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.header .menu-icon {
    position:relative;
    display:block;
    width:auto;
    height:20px; 
    margin:20px 0;
    float:right;
}

.header .menu-icon .icon-container {
    position:relative;
    display:block;
    top:0;
    width:30px;
    height:20px;
}

/* ======= Style For Hamburger Menu Icon ======= */
.header .menu-icon .icon-container > span {
    position:absolute;
    display:block;
    left:0;
    height:1px;
    background:#191919;
    -webkit-transform-origin:50% 50%;
    -khtml-transform-origin:50% 50%;
    -moz-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    -o-transform-origin:50% 50%;
    transform-origin:50% 50%;
    -webkit-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;

}

.header .menu-icon .icon-container > span:nth-child(1) {
    top:0;
    width:80%;
}
.header .menu-icon .icon-container > span:nth-child(2) {
    top:10px;
    width:50%;
}

.header .menu-icon .icon-container > span:nth-child(3) {
    top:20px;
    width:80%;
}

/* ======= Style For Hamburger Menu Icon on Hover ======= */
.header .menu-icon .icon-container:hover > span:nth-child(1),
.header .menu-icon .icon-container:hover > span:nth-child(2),
.header .menu-icon .icon-container:hover > span:nth-child(3) {
    width:100%;
}

/* ======= Style For Hamburger Menu Icon on Click ======= */
.header .isMenuOpen .icon-container {
    left:3px; 
}

.header .isMenuOpen .icon-container > span:nth-child(1) {
    top:10px;
    -webkit-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    -khtml-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    -moz-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    -ms-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    -o-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

.header .isMenuOpen .icon-container > span:nth-child(2) {
    display:none;
}

.header .isMenuOpen .icon-container > span:nth-child(3) {
    top:10px;
    -webkit-transform:rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    -khtml-transform:rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    -moz-transform:rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    -ms-transform:rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    -o-transform:rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    transform:rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}


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

.menu-container{
    position:fixed;
    display:table;
    table-layout:fixed;
    top:0;
    width:100%;
    height:100%;
    z-index:4;
    visibility:hidden;
    -webkit-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.menu-container .menu-left {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    width:62.5%;
    background-color:rgba(255, 206, 84, 0.9);
    padding:0 90px;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.menu-container .menu-right {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    width:37.5%;
    background-color:#ffffff;
    padding:0 90px;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}


/* ======= Style For Menu Open ======= */
.menu-container.isMenuOpen{
    visibility:visible;
}

.menu-container.isMenuOpen .menu-left {
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;


}

.menu-container.isMenuOpen .menu-right {
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.menu-container .menu-left .countdown{
    display:block;
    font-size:52px;
    letter-spacing:1px;
    text-align:center;
}

.menu-container .menu-left .countdown .days{
    font-family:'Montserrat', sans-serif;
}

/* ======= Style For Menu List ======= */
.menu-container .menu-right .menu-list {
    position:relative;
    list-style-type:none;
    padding:0;
    margin:0;
}

.menu-container .menu-right .menu-list li {
    position:relative;
    padding:5px 0;
    visibility:hidden;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
}

/* ======= Style For Menu List Animation When Menu Open ======= */
.menu-container.isMenuOpen .menu-right .menu-list li {
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.menu-container.isMenuOpen .menu-right .menu-list li:nth-child(1) {
    -webkit-transition-delay:300ms;
    -khtml-transition-delay:300ms;
    -moz-transition-delay:300ms;
    -ms-transition-delay:300ms;
    -o-transition-delay:300ms;
    transition-delay:300ms;

}
.menu-container.isMenuOpen .menu-right .menu-list li:nth-child(2) {
    -webkit-transition-delay:400ms;
    -khtml-transition-delay:400ms;
    -moz-transition-delay:400ms;
    -ms-transition-delay:400ms;
    -o-transition-delay:400ms;
    transition-delay:400ms;
}

.menu-container.isMenuOpen .menu-right .menu-list li:nth-child(3) {
    -webkit-transition-delay:500ms;
    -khtml-transition-delay:500ms;
    -moz-transition-delay:500ms;
    -ms-transition-delay:500ms;
    -o-transition-delay:500ms;
    transition-delay:500ms;
}

.menu-container.isMenuOpen .menu-right .menu-list li:nth-child(4) {
    -webkit-transition-delay:600ms;
    -khtml-transition-delay:600ms;
    -moz-transition-delay:600ms;
    -ms-transition-delay:600ms;
    -o-transition-delay:600ms;
    transition-delay:600ms;
}


/* ======= Style For Menu Link ======= */
.menu-container .menu-right .menu-list a.menu-link {
    font-family:'Montserrat', sans-serif;
    font-size:2.250em;
    line-height:43px;
    font-weight:700;
    color:#626262;
    text-transform:capitalize;
    cursor:pointer;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;    
    -webkit-touch-callout:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -webkit-transition:color 300ms ease 00ms;
    -khtml-transition:color 300ms ease 00ms;
    -moz-transition:color 300ms ease 00ms;
    -ms-transition:color 300ms ease 00ms;
    -o-transition:color 300ms ease 00ms;
    transition:color 300ms ease 00ms;
}

/* Style For Menu Link Over Line on Text */ 
.menu-container .menu-right .menu-list a.menu-link:before{
    position:absolute;
    display:block;
    content:"";
    top:23px;
    left:-25px;
    width:0%;
    border-bottom:2px solid #10A4E5;
    z-index:1;
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
}

/* ======= 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 {
    position:relative;
    color:#191919;
    -webkit-transition:color 300ms ease 00ms;
    -khtml-transition:color 300ms ease 00ms;
    -moz-transition:color 300ms ease 00ms;
    -ms-transition:color 300ms ease 00ms;
    -o-transition:color 300ms ease 00ms;
    transition:color 300ms ease 00ms;
}

/* ======= Style For Menu Link Active Before ======= */
 


/* ===================================
    Footer & Social
====================================== */
.menu-container .footer {
    position:absolute;
    display:block;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.menu-container .footer .footer-social {
    padding:5px 0;
}

.menu-container .footer .footer-social a {
    position:relative;
    display:inline-block;
    padding:0 5px;
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
}

/* ======= Style For Social-Icon Animation When Menu Open ======= */
.menu-container.isMenuOpen .footer .footer-social a {
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 700ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.menu-container.isMenuOpen .footer .footer-social a:nth-child(1) {
    -webkit-transition-delay:300ms;
    -khtml-transition-delay:300ms;
    -moz-transition-delay:300ms;
    -ms-transition-delay:300ms;
    -o-transition-delay:300ms;
    transition-delay:300ms;
}
.menu-container.isMenuOpen .footer .footer-social a:nth-child(2) {
    -webkit-transition-delay:400ms;
    -khtml-transition-delay:400ms;
    -moz-transition-delay:400ms;
    -ms-transition-delay:400ms;
    -o-transition-delay:400ms;
    transition-delay:400ms;
}

.menu-container.isMenuOpen .footer .footer-social a:nth-child(3) {
    -webkit-transition-delay:500ms;
    -khtml-transition-delay:500ms;
    -moz-transition-delay:500ms;
    -ms-transition-delay:500ms;
    -o-transition-delay:500ms;
    transition-delay:500ms;
}

.menu-container.isMenuOpen .footer .footer-social a:nth-child(4) {
    -webkit-transition-delay:600ms;
    -khtml-transition-delay:600ms;
    -moz-transition-delay:600ms;
    -ms-transition-delay:600ms;
    -o-transition-delay:600ms;
    transition-delay:600ms;
}

/* ======= Style For Social-Icon On Hover ======= */
.menu-container .footer .footer-social a:hover i {
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transition:opacity 300ms ease 00ms;
    -khtml-transition:opacity 300ms ease 00ms;
    -moz-transition:opacity 300ms ease 00ms;
    -ms-transition:opacity 300ms ease 00ms;
    -o-transition:opacity 300ms ease 00ms;
    transition:opacity 300ms ease 00ms;
} 

.menu-container .footer .footer-social:hover i {
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity:0.50;
    -khtml-opacity:0.50;
    -moz-opacity:0.50;
    -ms-opacity:0.50;
    -o-opacity:0.50;
    opacity:0.50;
    -webkit-transition:opacity 300ms ease 00ms;
    -khtml-transition:opacity 300ms ease 00ms;
    -moz-transition:opacity 300ms ease 00ms;
    -ms-transition:opacity 300ms ease 00ms;
    -o-transition:opacity 300ms ease 00ms;
    transition:opacity 300ms ease 00ms;
}

.menu-container .footer .footer-social i {
    color:#191919;
    font-size:24px;
}

/*======= Style For Footer Copy-Rights Text ======= */
.menu-container .footer .copy{
    position:relative;
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(-10px);
    -moz-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    -o-transform:translateY(-10px);
    transform:translateY(-10px);
}

/*======= Style For Copy-Rights Text Animation When Menu Open ======= */
.menu-container.isMenuOpen .footer .copy {
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -webkit-transition-delay:900ms;
    -khtml-transition-delay:900ms;
    -moz-transition-delay:900ms;
    -ms-transition-delay:900ms;
    -o-transition-delay:900ms;
    transition-delay:900ms;
}


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

/* ======= Style For Main Container ======= */
.main-container {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, 0.9);
    overflow:hidden;
    z-index:2;
}

/* Style For Section Contain Wrapper */
.contain-wrapper {
    display:table-cell;
    vertical-align:middle;
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

/* Style For Section Title Wrapper */
.contain-wrapper .title-wrapper {
    position:relative;
    display:block;
    max-width:700px;
    margin:0 auto;
}

/* Style For Section Title */
.contain-wrapper .title-wrapper .section-title{
    position:relative;
    display:table;
    font-size:2.827em;
    text-align:center;
    text-transform:uppercase;
    margin:10px auto;
}

 

/* Style For Section Paragraph */
.contain-wrapper .title-wrapper .paragraph {
    display:block;
    font-size:1.000em;
    padding:0 30px;
    letter-spacing:1px;
    word-wrap:break-word;
}

/* Style For Hidden When Section is UN-Active */
.contain-wrapper .title-wrapper .section-title,
.contain-wrapper .title-wrapper .paragraph,
.contain-wrapper .owl-carousel{
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

/* ======= Style For Contain Wrapper Animation When Section Active ======= */
.isCurrent .contain-wrapper {
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

/* ======= Style For Section-Title and Paragraph Animation When Section Active ======= */
.isCurrent .contain-wrapper .title-wrapper .section-title,
.isCurrent .contain-wrapper .title-wrapper .paragraph{
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.isCurrent .contain-wrapper .title-wrapper .paragraph{
    -webkit-transition-delay:300ms;
    -khtml-transition-delay:300ms;
    -moz-transition-delay:300ms;
    -ms-transition-delay:300ms;
    -o-transition-delay:300ms;
    transition-delay:300ms;
}

/* ======= Style For Carousel Animation When Section Active ======= */
.isCurrent .contain-wrapper .owl-carousel {
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -webkit-transition-delay:400ms;
    -khtml-transition-delay:400ms;
    -moz-transition-delay:400ms;
    -ms-transition-delay:400ms;
    -o-transition-delay:400ms;
    transition-delay:400ms;
}

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

.home-section {
    display:table;
    width:100%;
    height:100%;
    max-height:100%;
    visibility:hidden;
    z-index:-3;
}

/* ======= Style For Home-Section Active ======= */
.home-section.isCurrent {
    visibility:visible;
    z-index:3;
}

/* ======= Style For Home-Big-Text ======= */
.home-section .home-big-text {
    display:block;
    font-size:3.750em;
    width:61%;
    white-space:pre-line;
}

/* Style For Hidden When Home-Section is UN-Active */
.home-section .home-big-text,
.home-section a.btn-dark{
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

/* Style For Visible and Animation When Home-Section is Active */
.home-section.isCurrent .home-big-text,
.home-section.isCurrent a.btn-dark{
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

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

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

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

/* Style For Hidden When Home-Section is UN-Active */
.home-section .line,
.home-section .line-big{
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateX(-10%);
    -moz-transform:translateX(-10%);
    -ms-transform:translateX(-10%);
    -o-transform:translateX(-10%);
    transform:translateX(-10%);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

/* Style For Visible and Animation When Home-Section is Active */
.home-section.isCurrent .line,
.home-section.isCurrent .line-big{
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.home-section.isCurrent .line-accent{
    -webkit-transition-delay:400ms;
    -khtml-transition-delay:400ms;
    -moz-transition-delay:400ms;
    -ms-transition-delay:400ms;
    -o-transition-delay:400ms;
    transition-delay:400ms;
}

.home-section.isCurrent .line{
    -webkit-transition-delay:300ms;
    -khtml-transition-delay:300ms;
    -moz-transition-delay:300ms;
    -ms-transition-delay:300ms;
    -o-transition-delay:300ms;
    transition-delay:300ms;
}

.home-section.isCurrent .line-big{
    -webkit-transition-delay:500ms;
    -khtml-transition-delay:500ms;
    -moz-transition-delay:500ms;
    -ms-transition-delay:500ms;
    -o-transition-delay:500ms;
    transition-delay:500ms;
}


/* ===================================
    About Section
====================================== */
 .about-section {
    display:table;
    width:100%;
    height:100%;
    max-height:100%;
    visibility:hidden;
    z-index:-3;
}

/* ======= Style For Home-Section Active ======= */
.about-section.isCurrent {
    visibility:visible;
    z-index:3;
}

/* Style For About-Carousel */
.about-section .about-carousel {
    position:relative;
    display:block;
    width:90%;
    margin:0 auto;
    overflow:hidden;
    white-space:nowrap;
    background:transparent;
}

/* Style For About-Carousel  Item */
.about-section .about-carousel .item {
    position:relative;
    display:inline-block;
    max-width:100%;
    padding:5px;
    background:#FFFFFF;
    border:2px solid transparent;
    border-radius:4px;
    overflow:hidden;
}

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

/* Style For About-Carousel Item Figure */
.about-section .about-carousel .item figure {
    position:relative;
    display:inline-block;
    max-width:100%;
    margin:0 0 -6px 0;
    overflow:hidden;
}

.about-section .about-carousel .item figure .team-img {
    position:relative;
    display:block;
}

/* Style For About-Carousel Item Image */
.about-section .about-carousel .item figure img {
    display:block;
    width:100%;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
}

/* Style For About-Carousel Item Image On Hover */
.about-section .about-carousel .item figure:hover img {
    filter:alpha(opacity=15);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    -webkit-opacity:0.15;
    -khtml-opacity:0.15;
    -moz-opacity:0.15;
    -ms-opacity:0.15;
    -o-opacity:0.15;
    opacity:0.15;
    -webkit-transform:scale(1.1,1.1);  
    -khtml-transform:scale(1.1,1.1);  
    -moz-transform:scale(1.1,1.1);  
    -ms-transform:scale(1.1,1.1);  
    -o-transform:scale(1.1,1.1);  
    transform:scale(1.1,1.1);  
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For About-Carousel Item Fig-caption */
.about-section .about-carousel .item figure figcaption {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(255, 255, 255, 0.5);
    text-align:center;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For About-Carousel Item Fig-caption on Hover */
.about-section .about-carousel .item figure:hover figcaption {
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For About-Carousel Item Title Caption */
.about-section .about-carousel .item figure figcaption .team-img-caption{
    display:block;
    margin:auto;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(50%);
    -moz-transform:translateY(50%);
    -ms-transform:translateY(50%);
    -o-transform:translateY(50%);
    transform:translateY(50%);
}

/* Style For About-Carousel Item Title Caption On Hover */
.about-section .about-carousel .item figure:hover figcaption .team-img-caption {
    position:relative;
    display:block;
    top:50%;
    margin:auto;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(-50%);
    -khtml-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For About-Carousel Item Name */
.about-section .about-carousel .item figure figcaption h3 {
    position:relative;
    display:table;
    font-size:1.500em;
    text-align:center;
    text-transform:uppercase;
    margin:auto;
}

/* Style For About-Carousel Item Name :before */
/* Style For About-Carousel Item Position */
.about-section .about-carousel .item figure figcaption p {
    text-align:center;
    line-height:1.875em;
    letter-spacing:0.5px;
}

/* Style For About-Carousel Item Social Links */
.about-section .about-carousel .item figure figcaption .team-social {
    position:relative;
    top:40%;
    padding:5px 0;
}

.about-section .about-carousel .item figure figcaption .team-social a {
    position:relative;
    display:inline-block;
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(50px);
    -moz-transform:translateY(50px);
    -ms-transform:translateY(50px);
    -o-transform:translateY(50px);
    transform:translateY(50px);
}

/* Style For About-Carousel Item On Hover Social-Icon Visible And Animation */
.about-section .about-carousel .item figure:hover .team-social a {
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.about-section .about-carousel .item figure:hover .team-social a:nth-child(1) {
    -webkit-transition-delay:100ms;
    -khtml-transition-delay:100ms;
    -moz-transition-delay:100ms;
    -ms-transition-delay:100ms;
    -o-transition-delay:100ms;
    transition-delay:100ms;
}
.about-section .about-carousel .item figure:hover .team-social a:nth-child(2) {
    -webkit-transition-delay:200ms;
    -khtml-transition-delay:200ms;
    -moz-transition-delay:200ms;
    -ms-transition-delay:200ms;
    -o-transition-delay:200ms;
    transition-delay:200ms;
}
.about-section .about-carousel .item figure:hover .team-social a:nth-child(3) {
    -webkit-transition-delay:300ms;
    -khtml-transition-delay:300ms;
    -moz-transition-delay:300ms;
    -ms-transition-delay:300ms;
    -o-transition-delay:300ms;
    transition-delay:300ms;
}

/* Style For About-Carousel Item Social-Icon */
.about-section .about-carousel .item figure figcaption .team-social i {
    font-size:28px;
    color:rgba(25, 25, 25, 1);
    padding:0 5px;
    -webkit-transition:color 300ms ease 00ms;  
    -khtml-transition:color 300ms ease 00ms; 
    -moz-transition:color 300ms ease 00ms;
    -ms-transition:color 300ms ease 00ms;
    -o-transition:color 300ms ease 00ms;  
    transition:color 300ms ease 00ms;
}

/* Style For About-Carousel Item Social-Icon On Hover */
.about-section .about-carousel .item figure figcaption .team-social i:hover {
    color:rgba(25, 25, 25, 0.5);
    -webkit-transition:color 300ms ease 00ms;  
    -khtml-transition:color 300ms ease 00ms; 
    -moz-transition:color 300ms ease 00ms;
    -ms-transition:color 300ms ease 00ms;
    -o-transition:color 300ms ease 00ms;  
    transition:color 300ms ease 00ms;
}

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

 .portfolio-section {
    display:table;
    width:100%;
    height:100%;
    max-height:100%;
    visibility:hidden;
    z-index:-3;
}

/* ======= Style For Portfolio-Section Active ======= */
.portfolio-section.isCurrent {
    visibility:visible;
    z-index:3;
}

/* Style For Portfolio-Carousel */
.portfolio-section .portfolio-carousel {
    position:relative;
    display:block;
    width:90%;
    margin:0 auto;
    overflow:hidden;
    white-space:nowrap;
    background:transparent;
}

/* Style For Portfolio-Carousel Item */
.portfolio-section .portfolio-carousel .item {
    position:relative;
    display:inline-block;
    max-width:100%;
    padding:5px;
    background:#FFFFFF;
    border:2px solid transparent;
    border-radius:4px;
    overflow:hidden;
}

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

/* Style For Portfolio-Carousel Item Figure */
.portfolio-section .portfolio-carousel .item figure {
    position:relative;
    display:inline-block;
    max-width:100%;
    margin:0 0 -6px 0;
    overflow:hidden;
}

.portfolio-section .portfolio-carousel .item figure .portfolio-img {
    position:relative;
    display:block;
}

/* Style For Portfolio-Carousel Item Image */
.portfolio-section .portfolio-carousel .item figure img {
    display:block;
    width:100%;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
}

/* Style For Portfolio-Carousel Item Image on Hover */
.portfolio-section .portfolio-carousel .item figure:hover img {
    filter:alpha(opacity=15);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    -webkit-opacity:0.15;
    -khtml-opacity:0.15;
    -moz-opacity:0.15;
    -ms-opacity:0.15;
    -o-opacity:0.15;
    opacity:0.15;
    -webkit-transform:scale(1.1,1.1);  
    -khtml-transform:scale(1.1,1.1);  
    -moz-transform:scale(1.1,1.1);  
    -ms-transform:scale(1.1,1.1);  
    -o-transform:scale(1.1,1.1);  
    transform:scale(1.1,1.1);
    -webkit-transition:all 300ms ease 00ms;
    transition:all 300ms ease 00ms;
}

/* Style For Portfolio-Carousel Item Fig-caption */
.portfolio-section .portfolio-carousel .item figure figcaption {
    position:absolute;
    display:block;
    top:0;
    left:0;
    height:100%;
    width:100%;
    text-align:center;
    background:rgba(255, 255, 255, 0.5);
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
}

/* Style For Portfolio-Carousel Item Fig-caption on Hover */
.portfolio-section .portfolio-carousel .item figure:hover figcaption {
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For Portfolio-Carousel Item View-More Button */
.portfolio-section .portfolio-carousel .item figure figcaption .view-more {
    position:relative;
    display:block;
    top:50%;
    padding:5px;
    -webkit-transform:translateY(-50%); 
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}

.portfolio-section .portfolio-carousel .item figure figcaption .view-more a {
    position:relative;
    display:inline-block;
    cursor:pointer !important;
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(50%); 
    -moz-transform:translateY(50%);
    -ms-transform:translateY(50%);
    -o-transform:translateY(50%);
    transform:translateY(50%);
}

/* Style For Portfolio-Carousel Item View-More Button on Hover */
.portfolio-section .portfolio-carousel .item figure:hover .view-more a {
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0); 
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -webkit-transition-delay:100ms;  
    -khtml-transition-delay:100ms;
    -moz-transition-delay:100ms;
    -ms-transition-delay:100ms;
    -o-transition-delay:100ms;
    transition-delay:100ms;
} 

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

/* Style For Portfolio-Carousel Item View-More Button-Icon on Hover */
.portfolio-section .portfolio-carousel .item figure figcaption .view-more i:hover {
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity:0.50;
    -khtml-opacity:0.50;
    -moz-opacity:0.50;
    -ms-opacity:0.50;
    -o-opacity:0.50;
    opacity:0.50;
    -webkit-transition:opacity 300ms ease 00ms;  
    -khtml-transition:opacity 300ms ease 00ms; 
    -moz-transition:opacity 300ms ease 00ms;
    -ms-transition:opacity 300ms ease 00ms;
    -o-transition:opacity 300ms ease 00ms;  
    transition:opacity 300ms ease 00ms;
}

/* Style For Portfolio-Carousel Item Image Caption */
.portfolio-section .portfolio-carousel .item figure figcaption .portfolio-img-caption {
    position:absolute;
    display:block;
    right:-100%;
    bottom:0px;
    padding:15px;
}

/* Style For Portfolio-Carousel Item Image Caption on Hover */
.portfolio-section .portfolio-carousel .item figure:hover figcaption .portfolio-img-caption {
    right:0;
    -webkit-transition:all 300ms ease 00ms; 
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For Portfolio-Carousel Item Name */
.portfolio-section .portfolio-carousel .item figure figcaption h3 {
    position:relative;
    display:table;
    font-size:1.500em;
    text-transform:uppercase;
    text-align:center;
    margin:auto;
}

/* Style For Portfolio-Carousel Item Name :before */
.portfolio-section .portfolio-carousel .item figure figcaption h3:before{
    position:absolute;
    display:table;
    content:"";
    top:13px;
    left:-20px;
    width:50%;
    border-bottom:2px solid #10A4E5;
    margin:0 auto;
    z-index:1;
}

/* Style For Portfolio-Carousel Item Date */
.portfolio-section .portfolio-carousel .item figure figcaption p {
    float:right;
    font-size:1.000em;
    line-height:1.875em;
    letter-spacing:0.5px;
    text-align:center;
    text-transform:uppercase;
    margin:0;
}


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

 .product-section {
    display:table;
    width:100%;
    height:100%;
    max-height:100%;
    visibility:hidden;
    z-index:-3;
}

/* ======= Style For Product-Section Active ======= */
.product-section.isCurrent {
    visibility:visible;
    z-index:3;
}

/* Style For Product-Carousel */
.product-section .product-carousel {
    position:relative;
    display:block;
    width:90%;
    margin:0 auto;
    overflow:hidden;
    white-space:nowrap;
    background:transparent;
}

/* Style For Product-Carousel  Item */
.product-section .product-carousel .item {
    position:relative;
    display:inline-block;
    max-width:100%;
    padding:5px;
    background:#FFFFFF;
    border:2px solid transparent;
    border-radius:4px;
    overflow:hidden;
}

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

/* Style For Product-Carousel Item Figure */
.product-section .product-carousel .item figure {
    position:relative;
    display:inline-block;
    max-width:100%;
    margin:0 0 -6px 0;
    overflow:hidden;
}

.product-section .product-carousel .item figure .product-img {
    position:relative;
    display:block;
}

/* Style For Product-Carousel Item Image */
.product-section .product-carousel .item figure img {
    display:block;
    width:100%;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
}

/* Style For Product-Carousel Item Image on Hover */
.product-section .product-carousel .item figure:hover img {
    filter:alpha(opacity=15);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    -webkit-opacity:0.15;
    -khtml-opacity:0.15;
    -moz-opacity:0.15;
    -ms-opacity:0.15;
    -o-opacity:0.15;
    opacity:0.15;
    -webkit-transform:scale(1.1,1.1);  
    -khtml-transform:scale(1.1,1.1);  
    -moz-transform:scale(1.1,1.1);  
    -ms-transform:scale(1.1,1.1);  
    -o-transform:scale(1.1,1.1);  
    transform:scale(1.1,1.1);
    -webkit-transition:all 300ms ease 00ms; 
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For Product-Carousel Item Fig-caption */
.product-section .product-carousel .item figure figcaption {
    position:absolute;
    display:block;
    top:0;
    left:0;
    height:100%;
    width:100%;
    text-align:center;
    background:rgba(255, 255, 255, 0.5);
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
}

/* Style For Product-Carousel Item Fig-caption on Hover */
.product-section .product-carousel .item figure:hover figcaption {
    filter:alpha(opacity=1);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For Portfolio-Carousel Item Add-Cart Button-Icon */
.product-section .product-carousel .item figure figcaption .add-cart {
    position:relative;
    top:50%;
    padding:5px;
    -webkit-transform:translateY(-50%);
    -khtml-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}

.product-section .product-carousel .item figure figcaption .add-cart a {
    position:relative;
    display:inline-block;
    cursor:pointer !important;
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(50%); 
    -moz-transform:translateY(50%);
    -ms-transform:translateY(50%);
    -o-transform:translateY(50%);
    transform:translateY(50%);
}

/* Style For Portfolio-Carousel Item Add-Cart Button on Hover */
.product-section .product-carousel .item figure:hover .add-cart a {
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0); 
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 300ms ease 00ms;   
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms; 
    -webkit-transition-delay:100ms;  
    -khtml-transition-delay:100ms;
    -moz-transition-delay:100ms;
    -ms-transition-delay:100ms;
    -o-transition-delay:100ms;
    transition-delay:100ms;
} 

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

/* Style For Portfolio-Carousel Item Add-Cart Button-Icon on Hover */
.product-section .product-carousel .item figure figcaption .add-cart i:hover {
    filter:alpha(opacity=50);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-opacity:0.50;
    -khtml-opacity:0.50;
    -moz-opacity:0.50;
    -ms-opacity:0.50;
    -o-opacity:0.50;
    opacity:0.50;
    -webkit-transition:opacity 300ms ease 00ms;  
    -khtml-transition:opacity 300ms ease 00ms; 
    -moz-transition:opacity 300ms ease 00ms;
    -ms-transition:opacity 300ms ease 00ms;
    -o-transition:opacity 300ms ease 00ms;  
    transition:opacity 300ms ease 00ms; 
}

/* Style For Product-Carousel Item Image Caption */
.product-section .product-carousel .item figure figcaption .product-img-caption {
    position:absolute;
    display:block;
    bottom:-50px;
    width:100%;
    margin:auto;
    padding:0;
}

/* Style For Product-Carousel Item Image Caption on Hover */
.product-section .product-carousel .item figure:hover figcaption .product-img-caption {
    bottom:0;
    -webkit-transition:right 300ms ease 00ms;   
    -khtml-transition:right 300ms ease 00ms; 
    -moz-transition:right 300ms ease 00ms;
    -ms-transition:right 300ms ease 00ms;
    -o-transition:right 300ms ease 00ms;  
    transition:right 300ms ease 00ms; 
} 

/* Style For Product-Carousel Item Name */
.product-section .product-carousel .item figure figcaption h3 {
    position:relative;
    display:table;
    float:left;
    font-size:1.500em;
    text-transform:uppercase;
    text-align:center;
    margin:auto;
    padding:12px 0 0 35px;
}

/* Style For Product-Carousel Item Name :before */
.product-section .product-carousel .item figure figcaption h3:before{
    position:absolute;
    display:table;
    content:"";
    top:25px;
    left:20px;
    width:50%;
    border-bottom:2px solid #10A4E5;
    margin:0 auto;
    z-index:1;
}

/* Style For Product-Carousel Item Price */
.product-section .product-carousel .item figure figcaption p {
    float:right;
    font-size:1.000em;
    line-height:1.875em;
    letter-spacing:0.5px;
    text-transform:uppercase;
    text-align:center;
    background:#10A4E5;
    margin:0;
    padding:10px;
}


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

 .service-section {
    display:table;
    width:100%;
    height:100%;
    max-height:100%;
    visibility:hidden;
    z-index:-3;
}

/* ======= Style For Service-Section Active ======= */
.service-section.isCurrent {
    visibility:visible;
    z-index:3;
}

/* Style For Service-Carousel */
.service-section .service-carousel {
    position:relative;
    display:block;
    width:90%;
    margin:0 auto;
    overflow:hidden;
    white-space:nowrap;
    background:transparent;
}

/* Style For Service-Carousel  Item */
.service-section .item {
    position:relative;
    display:block;
    max-width:100%;
    padding:5px;
    background:#FFFFFF;
    border:2px solid transparent;
    border-radius:4px;
    overflow:hidden;
}


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

/* Style For Service-Carousel Item Service-Item-Container */
.service-section .service-carousel .item .service-item-container {
    position:relative;
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    min-height:300px;
    background:#FFFFFF;
    border:2px solid transparent;
    border-radius:4px;
    overflow:hidden;
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

.service-section .service-carousel .item .service-item-container .service-content {
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height: 00%;
    padding:55px 0;
    text-align:center;
}

/* Style For Service-Carousel Item Service-Item-Container on Hover */
.service-section .service-carousel .item:hover .service-item-container .service-content {
    padding:45px 0;
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For Service-Carousel Item Service Icon */
.service-section .service-carousel .item .service-item-container .service-content i {
    font-size:96px;
    color:#626262;
    padding:15px 15px 15px;
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For Service-Carousel Item Service Icon on Hover */
.service-section .service-carousel .item:hover .service-item-container .service-content i {
    color:#191919;
    padding:0px 15px 15px;
    -webkit-transition:all 300ms ease 00ms;  
    -khtml-transition:all 300ms ease 00ms; 
    -moz-transition:all 300ms ease 00ms;
    -ms-transition:all 300ms ease 00ms;
    -o-transition:all 300ms ease 00ms;  
    transition:all 300ms ease 00ms;
}

/* Style For Service-Carousel Item Service Name */
.service-section .service-carousel .item .service-item-container .service-content h3 {
    position:relative;
    display:table;
    font-size:1.500em;
    text-align:center;
    text-transform:uppercase;
    margin:auto;
}

/* Style For Service-Carousel Item Service Name :before */
.service-section .service-carousel .item:hover .service-item-container .service-content h3:before{
    position:absolute;
    display:table;
    content:"";
    top:13px;
    left:-20px;
    width:50%;
    border-bottom:2px solid #10A4E5;
    margin:0 auto;
    z-index:1;
}

/* Style For Service-Carousel Item Service More Button */
.service-section .service-carousel .item .service-item-container .service-content a {
    position:relative;
    cursor:pointer !important;
    top:50px;
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
}

/* Style For Service-Carousel Item Service More Button on Hover */
.service-section .service-carousel .item:hover .service-item-container .service-content a {
    position:relative;
    top:0px;
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -webkit-transition-delay:100ms;
    -khtml-transition-delay:100ms;
    -moz-transition-delay:100ms;
    -ms-transition-delay:100ms;
    -o-transition-delay:100ms;
    transition-delay:100ms;
}

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

 .contact-section {
    display:table;
    width:100%;
    height:100%;
    max-height:100%;
    visibility:hidden;
    z-index:-3;
}

/* ======= Style For Contact-Section Active ======= */
.contact-section.isCurrent {
    visibility:visible;
    z-index:3;
}

.contact-section .contact-wrapper {
    position:relative;
    display:block;
    width:90%;
    margin:0 auto;
}

/* Style For Contact-Info */
.contact-section .contact-wrapper .contact-info {
    position:relative;
    display:block;
    text-align:left;
    margin:40px 0;
    /* Style For Hidden When Section is UN-Active */
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(-20px); 
    -moz-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

/*======= Style For Contact-Info Animation When Section Active ======= */
.contact-section.isCurrent .contact-wrapper .contact-info {
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0px); 
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.contact-section.isCurrent .contact-wrapper .contact-info:nth-child(1) {
    -webkit-transition-delay:100ms;
    -khtml-transition-delay:100ms;
    -moz-transition-delay:100ms;
    -ms-transition-delay:100ms;
    -o-transition-delay:100ms;
    transition-delay:100ms;
}
.contact-section.isCurrent .contact-wrapper .contact-info:nth-child(2) {
    -webkit-transition-delay:200ms;
    -khtml-transition-delay:200ms;
    -moz-transition-delay:200ms;
    -ms-transition-delay:200ms;
    -o-transition-delay:200ms;
    transition-delay:200ms;
}

.contact-section.isCurrent .contact-wrapper .contact-info:nth-child(3) {
    -webkit-transition-delay:300ms;
    -khtml-transition-delay:300ms;
    -moz-transition-delay:300ms;
    -ms-transition-delay: 00ms;
    -o-transition-delay:300ms;
    transition-delay:300ms;
}

/* ======= Style For Contact-Info Heading ======= */
.contact-section.isCurrent .contact-wrapper .contact-info h5{
    position:relative;
    display:block;
    font-size:1.250em;
    font-weight:700;
    text-transform:uppercase;
}

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

/* Style For Hidden When Section is UN-Active */
.contact-section .contact-wrapper #contactform{
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    visibility:hidden;
    -webkit-transform:translateX(50%); 
    -moz-transform:translateX(50%);
    -ms-transform:translateX(50%);
    -o-transform:translateX(50%);
    transform:translateX(50%);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms; 
}

/* Style For Visible When Section is Active */
.contact-section.isCurrent .contact-wrapper #contactform{
    position:relative;
    right:0px;
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateX(0px); 
    -moz-transform:translateX(0px);
    -ms-transform:translateX(0px);
    -o-transform:translateX(0px);
    transform:translateX(0px);
    -webkit-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 900ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}


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

/* Subscribe Modal */
.modal .modal-content {
    border:0 none;
    border-radius:4px;
    box-shadow:none;
}

.modal .modal-dialog {
    max-width:420px;
    margin:20px auto;
}

.modal .modal-dialog .modal-content .modal-header {
    min-height:40px;
    border:0 none;
}

.modal .modal-dialog .modal-content .modal-header .close {
    position:absolute;
    display:block;
    top:8px;
    right:13px;
    font-size:25px;
    font-weight:100;
    line-height:1;
    color:#161616;
    margin:0;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
}

.modal .modal-dialog .modal-body {
    padding:23px 80px 60px;
}

/* Style For Subscribe Title */
.modal .modal-dialog .modal-body .section-title{
    position:relative;
    display:table;
    font-size:2.827em;
    text-align:center;
    text-transform:uppercase;
    margin:10px auto;
}

/* Style For Subscribe Title Before */
 

/* Style For Subscribe Paragraph */
.modal .modal-dialog .modal-body .paragraph {
    display:block;
    font-size:1.000em;
    letter-spacing:2px;
    word-wrap:break-word;
}

/* Style For Hidden When Modal is UN-Active */
.modal .modal-dialog .modal-body .section-title,
.modal .modal-dialog .modal-body .paragraph{
    visibility:hidden;
    filter:alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity:0;
    -khtml-opacity:0;
    -moz-opacity:0;
    -ms-opacity:0;
    -o-opacity:0;
    opacity:0;
    -webkit-transform:translateY(-20px); 
    -moz-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

/* ======= Style For Modal Title and Paragraph Animation When Modal Active ======= */
.modal.in .modal-dialog .modal-body .section-title,
.modal.in .modal-dialog .modal-body .paragraph{
    position:relative;
    top:0;
    visibility:visible;
    filter:alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity:1;
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-opacity:1;
    -o-opacity:1;
    opacity:1;
    -webkit-transform:translateY(0); 
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -khtml-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -moz-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -ms-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    -o-transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
    transition:all 100ms cubic-bezier(0.19, 1, 0.22, 1) 00ms;
}

.modal.in .modal-dialog .modal-body .paragraph{
    -webkit-transition-delay:300ms;
    -khtml-transition-delay:300ms;
    -moz-transition-delay:300ms;
    -ms-transition-delay:300ms;
    -o-transition-delay:300ms;
    transition-delay:300ms;
}

.modal-backdrop {
    background-color:#626262;
}
.owl-nav
{
	width:100%;
	float:left;
}
.owl-prev 
{
	width:50%;
	float:left;
}
.owl-next
{
	width:50%;
	float:right;
}
.owl-dots
{
	display:none;
}