/*
====================================
[ CSS TABLE CONTENT ]
------------------------------------
    1.0 - General
    2.0 - Typography
    3.0 - Global Style
    4.0 - Navigation
    5.0 - Search Box
    6.0 - Page Title Section
    7.0 - Slider Section
    8.0 - Creative Section
    9.0 - Recent Project Section
    9.1 - Overlay and hover effect
    10.0 - Magnific Popup CSS
    11.0 - Feature Section
    12.0 - About Section
    13.0 - Counter Section
    14.0 - Team Section
    15.0 - Video Section
    16.0 - Service Section
    17.0 - Process Section
    18.0 - Portfolio Section
    19.0 - Portfolio Single Page
    20.0 - Partner Section
    21.0 - Case study section
    22.0 - Map Section
    23.0 - Contact Section
    24.0 - Footer Section
    25.0 - Preloader
    26.0 - Homepage Two
    27.0 - Homepage Three
    28.0 - About us Page
    29.0 - About us page two
    30.0 - Blog Page
    31.0 - Blog Page Version Two
    32.0 - Full Width Section
    33.0 - Call to action section
    34.0 - Client Testimonial Style
    35.0 - Parallax Homepage
    36.0 - Contact Page
    37.0 - 404 page
    38.0 - Slick slider customization
-------------------------------------
[ END CSS TABLE CONTENT ]
=====================================
*/

/* Theme Reset Start */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600|Raleway:200,300,400,500,700,800');
@import url("../css/bootstrap.min.css");
@import url("../css/custom-icons.min.css");
@import url("../css/icofont.min.css");
@import url("../css/cubeportfolio.css");
@import url("../css/bootsnav.css");
@import url("../css/slick.css");
@import url("../css/animate.css");

/* Transitons */

@-webkit-keyframes it-zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: .6; }
  120% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; }
  }

@keyframes it-zoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: .6; }
  100% {
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; }
  }

a, a:hover, a *{-o-transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;transition: .3s;}








/*topToBottom Animation*/
@-webkit-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  30% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.section-title{margin-bottom: 30px;}
.section-title h1{font-size: 50px;font-weight: 800;margin-top: 10px;letter-spacing: -1px;}
.section-title h2{font-size: 25px;line-height: 0.75;margin: 0;}
.section-title .md-icon li:first-child{margin: 0;}
.section-title .md-icon li{margin: 0 4px;}

/* Forms */

/* Sections */



/* Top Bar */






/* Sliders Text */

.hero-text{display: table-cell;vertical-align: middle;position: relative;width: 100%;z-index: 10;color: #fff;}
.hero-text h3, .hero-text h1{color:#1d2124;}
.hero-text h1 {font-size:100px;letter-spacing:5px;line-height: 1.25;font-weight: 200;}
.hero-text h1.letter-spacing-10{letter-spacing:10px;}
.hero-text h1.letter-spacing-0{letter-spacing:0px;}
.hero-text-wrap .hero-text h1.font-90px {font-size:90px;}
.hero-text h2 {font-size:62px;}
.hero-text h3 {font-size:49px;}
.hero-text h4 {font-size:30px;}
.hero-text h5 {font-size:19px;}
.hero-text h6 {font-size:14px;}
.hero-text-wrap.color-overlay-bg {background: rgba(191, 7, 49, 0.75);width: 100%;height: 101vh;position: absolute;z-index: 1;}
section.dark-block .hero-text-wrap, section.dark-block.title-hero-bg::before {background-color:transparent;}
.rev_slider a {-webkit-transition: all .3s ease-in !important;-o-transition: all .3s ease-in !important;transition: all .3s ease-in !important;}
.screens{width: 1000px!important;display: inline-block;}
.rev-scroll-btn.dark span{background-color: #000;}

/* Helper Classes */


/* Positions */

.fixed{position:fixed!important;}
.relative{position:relative!important;}
.absolute{position:absolute!important;}
.static{position:static!important;}

/* Z-index */

.z-index-1 {z-index:1;}
.z-index-2 {z-index:2;}
.z-index-3 {z-index:3;}
.z-index-4 {z-index:4;}
.z-index-5 {z-index:5;}
.z-index-0 {z-index:0;}
.z-index-minus2 {z-index:-2;}

/* Displays */
.display-none{display: none!important;}
.display-block{display: block!important;}
.display-inline-block{display: inline-block!important;}
.display-table{display: table;}
.display-table-cell{display: table-cell!important;}
.float-none{float:none!important;}
.centerize-col{float: none!important;margin-left: auto;margin-right: auto;}
.center-layout {display: table;table-layout: fixed;height: 100%;width: 100%;position: relative;}
.v-align-middle {display: table-cell;vertical-align: middle;}

/* Width Pixels */

.width-1px {width: 1px}
.width-2px {width: 2px}
.width-3px {width: 3px}
.width-4px {width: 4px}
.width-5px {width: 5px}
.width-6px {width: 6px}
.width-7px {width: 7px}
.width-8px {width: 8px}
.width-9px {width: 9px}
.width-10px {width: 10px}
.width-80px {width: 80px}
.width-90px {width: 90px}
.width-100px {width: 100px}
.width-150px {width: 150px}
.width-200px {width: 200px}
.width-250px {width: 250px}
.width-300px {width: 300px}
.width-350px {width: 350px}
.width-400px {width: 400px}
.width-450px {width: 450px}
.width-500px {width: 500px!important}
.width-550px {width: 550px}
.width-600px {width: 600px}
.width-650px {width: 650px!important}
.width-700px {width: 700px}
.width-800px {width: 800px}

/* Width Percentage */

.width-10-percent {width: 10% !important}
.width-20-percent {width: 20% !important}
.width-30-percent {width: 30% !important}
.width-40-percent {width: 40% !important}
.width-50-percent {width: 50% !important}
.width-60-percent {width: 60% !important}
.width-70-percent {width: 70% !important}
.width-80-percent {width: 80% !important}
.width-90-percent {width: 90% !important}
.width-100-percent {width: 100% !important}
.width-auto {width:auto !important}
.max-width-100 {max-width: 100%}

/* Minimum Width */

.min-width-100px {min-height: 100px}
.min-width-200px {min-height: 200px}
.min-width-300px {min-height: 300px}
.min-width-400px {min-height: 400px}
.min-width-500px {min-height: 500px}
.min-width-600px {min-height: 600px}
.min-width-700px {min-height: 700px}

/* View Width */

.view-width-100vh{width: 100vh;}

/* Height Pixels */

.height-1px {height: 1px!important}
.height-2px {height: 2px!important}
.height-3px {height: 3px!important}
.height-4px {height: 4px!important}
.height-5px {height: 5px!important}
.height-6px {height: 6px!important}
.height-7px {height: 7px!important}
.height-8px {height: 8px!important}
.height-9px {height: 9px!important}
.height-10px {height: 10px!important}
.height-80px {height: 80px}
.height-90px {height: 90px}
.height-100px {height: 100px}
.height-150px {height: 150px}
.height-200px {height: 200px}
.height-250px {height: 250px}
.height-300px {height: 300px}
.height-350px {height: 350px}
.height-400px {height: 400px}
.height-450px {height: 450px}
.height-500px {height: 500px!important;}
.height-550px {height: 550px}
.height-600px {height: 600px}
.height-650px {height: 650px!important;}
.height-700px {height: 700px}
.height-800px {height: 800px}

/* Height Percentage */

.height-10-percent {height: 10%}
.height-20-percent {height: 20%}
.height-30-percent {height: 30%}
.height-40-percent {height: 40%}
.height-50-percent {height: 50%}
.height-60-percent {height: 60%}
.height-70-percent {height: 70%}
.height-80-percent {height: 80%}
.height-90-percent {height: 90%}
.height-100-percent {height: 100% !important}
.height-auto {height:auto !important}
.max-height-100 {max-height: 100%}

/* Minimum Heights */

.min-height-100px {min-height: 100px}
.min-height-200px {min-height: 200px}
.min-height-300px {min-height: 300px!important;}
.min-height-400px {min-height: 400px}
.min-height-500px {min-height: 500px}
.min-height-600px {min-height: 600px}
.min-height-700px {min-height: 700px}
.min-height-800px {min-height: 800px}
.min-height-900px {min-height: 900px}

/* Hero Heights  */

.xs-screen {height:300px;}
.sm-screen {height:400px;}
.md-screen {height:600px;}
.lg-screen {height:700px!important;}
.xl-screen {height:800px;}
.xxl-screen{height: 1000px;}

/* View Heights */

.view-height-100vh{height: 100vh!important;}