/*
* @Author: Sebastian Hausding [THE CAGE COMPLEX]
* @Date:   2018-06-23 12:14:00
* @Last Modified by:   Sebastian Hausding
* @Last Modified time: 2019-02-14 14:07:10
*/
@charset "utf-8";

/* Author Info */

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

    Template Name:
    Template URI:
    Description: This is html5 template
    Author: HiroThemes
    Author URI: https://themeforest.net/user/hirotheme/
    Version: 1.0

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

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

Table of Contents:

 1. Transistions
 2. General
 	2.1 Texts Highlighting Selection
 	2.2 Typography
 	2.3 Colors
 	2.4 Text Styles
 3. Basic margin padding
 	3.1 Marign Top
 	3.2 Margin Right
 	3.3 Margin Bottom
 	3.4 Margin Left
 	3.5 Padding Top
 	3.6 Padding Right
 	3.7 Padding Bottom
 	3.8 Padding Left
 	3.9 Padding top bottom
 4. Container
 5. Divider Space
 6. Section Title
 7. Parallax Backgrounds
 8. Header
 9. Banner
 10. Progress Bar
 11. Form Styles
 12. ToTop
 13. Main Contents
 14. Site Default Skin

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

/*----------------------------------------*/
/*  1. Transistions
/*----------------------------------------*/

a, button, .owl-theme .owl-controls .owl-page span, ul.footer-sociable li a, .tags-list li p, .tags-list li, .categories-name > a p, .navbar-default .navbar-nav > li > a:after, .navbar-default .navbar-nav > li > a:before, .team_img img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; }

/*----------------------------------------*/
/*  2. General
/*----------------------------------------*/

html, body { height: 100%; min-height: 100%; }
html { -webkit-font-smoothing: antialiased; }

* { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }

a, a > *{ text-decoration: none; outline: none !important; }
a:hover, a:focus { color: currentColor; text-decoration: none; }
b, strong{font-weight: bold !important;}
ul, ol{ list-style: none; }
q{quotes: none;}
table, table td{ padding: 0;border: none; border-collapse: collapse;border-spacing: 0;}
img{vertical-align: top; max-width: 100%;}
body{font:15px/26px 'Raleway', sans-serif; color: #636363; background-color: #fff; background-attachment: fixed; position: relative; margin: 0; padding: 0;}
ul { list-style: outside none none; margin: 0; padding: 0 }

input, textarea{ width: 100%; border: none; line-height: 40px; padding: 0 13px; background: #efefef; font-size: 12px; border-radius: 2px; outline: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
textarea{width: 100%;vertical-align: top;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: #636363; -webkit-transition:text-indent .5s ease,color .5s ease; }
input::-moz-placeholder, textarea::-moz-placeholder{ color: #636363; -webkit-transition:text-indent .5s ease,color .5s ease; }

.clear { float:none; clear:both; margin:0px; padding:0px; }
.full-width-block{width: 100%;}
.wrapper{overflow: hidden;}
.relative{position: relative;}
.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.float-left{float: left;}
.float-right{float: right;}
.hide{display: none;}
.show{display: block;}
.invisible{visibility: hidden;}

/*----------------------------------------*/
/*  2.1 Texts Highlighting Selection
/*----------------------------------------*/

::selection{background: #d35255;color: #fff;}
::-moz-selection{background: #d35255; color: #fff; }
::-o-selection{background: #d35255; color: #fff; }
::-ms-selection{background: #d35255; color: #fff;}

[placeholder]:focus::-webkit-input-placeholder{text-indent:10em;color:transparent;}
[placeholder]:focus::-webkit-textarea-placeholder{text-indent:10em; color:transparent; }

/*----------------------------------------*/
/*  2.2 Typography
/*----------------------------------------*/

h1,h2,h3,h4,h5,h6{ font-family: 'Poppins', sans-serif; color: #222; line-height: 1.25em; margin-top: 0; margin-bottom: 20px; font-weight: normal; letter-spacing: -1px; }
h1{font-size: 36px;}
h2{font-size: 30px;}
h3{font-size: 24px;}
h4{font-size: 22px;}
h5{font-size: 18px;}
h6{font-size: 14px;}
p { color: #000; font-size: 14px; line-height: 20px; font-weight: 400; }


/*----------------------------------------*/
/*  2.3 Colors
/*----------------------------------------*/

.color-dark { color: #000; }
.color-white { color: #fff; }
.color-grey { color: #666; }

.color-white p { color: #fff; }

/*----------------------------------------*/
/*  2.4 Text Stles
/*----------------------------------------*/

.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
.font-weight-900 { font-weight: 900; }

/* Text Transform */

.caps { text-transform: uppercase; }

/*----------------------------------------*/
/*  3. Basic margin padding
/*----------------------------------------*/

.m-0 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.p-0 { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }

/*----------------------------------------*/
/*  3.1 Margin-top
/*----------------------------------------*/

.mt-0 { margin-top: 0; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-110 { margin-top: 110px; }
.mt-120 { margin-top: 120px; }
.mt-130 { margin-top: 130px; }
.mt-140 { margin-top: 140px; }
.mt-150 { margin-top: 150px; }

/*----------------------------------------*/
/*  3.2 Margin-Right
/*----------------------------------------*/

.mr-0 { margin-right: 0px; }
.mr-10 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }
.mr-60 { margin-right: 60px; }
.mr-70 { margin-right: 70px; }
.mr-80 { margin-right: 80px; }
.mr-90 { margin-right: 90px; }
.mr-100 { margin-right: 100px; }
.mr-110 { margin-right: 110px; }
.mr-120 { margin-right: 120px; }
.mr-130 { margin-right: 130px; }
.mr-140 { margin-right: 140px; }
.mr-150 { margin-right: 150px; }

/*----------------------------------------*/
/*  3.3 Margin-bottom
/*----------------------------------------*/

.mb-0 { margin-bottom: 0; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-110 { margin-bottom: 110px; }
.mb-120 { margin-bottom: 120px; }
.mb-130 { margin-bottom: 130px; }
.mb-140 { margin-bottom: 140px; }
.mb-150 { margin-bottom: 150px; }

/*----------------------------------------*/
/*  3.4 Margin-left
/*----------------------------------------*/

.ml-0 { margin-left: 0; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
.ml-60 { margin-left: 60px; }
.ml-70 { margin-left: 70px; }
.ml-80 { margin-left: 80px; }
.ml-90 { margin-left: 90px; }
.ml-100 { margin-left: 100px; }
.ml-110 { margin-left: 110px; }
.ml-120 { margin-left: 120px;}
.ml-130 { margin-left: 130px; }
.ml-140 { margin-left: 140px; }
.ml-150 { margin-left: 150px; }

/*----------------------------------------*/
/*  3.5 Padding-top
/*----------------------------------------*/

.pt-0 { padding-top: 0; }
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pt-70 { padding-top: 70px; }
.pt-80 { padding-top: 80px; }
.pt-90 { padding-top: 90px; }
.pt-100 { padding-top: 100px; }
.pt-110 { padding-top: 110px; }
.pt-120 { padding-top: 120px; }
.pt-130 { padding-top: 130px; }
.pt-140 { padding-top: 140px; }
.pt-150 { padding-top: 150px; }
.pt-200 { padding-top: 200px; }

/*----------------------------------------*/
/*  3.6 Padding-right
/*----------------------------------------*/

.pr-0 { padding-right: 0; }
.pr-10 { padding-right: 10px; }
.pr-15 { padding-right: 15px; }
.pr-20 { padding-right: 20px; }
.pr-30 { padding-right: 30px; }
.pr-40 { padding-right: 40px; }
.pr-50 { padding-right: 50px; }
.pr-60 { padding-right: 60px; }
.pr-70 { padding-right: 70px; }
.pr-80 { padding-right: 80px; }
.pr-90 { padding-right: 90px; }
.pr-100 { padding-right: 100px; }
.pr-110 { padding-right: 110px; }
.pr-120 { padding-right: 120px; }
.pr-130 { padding-right: 130px; }
.pr-140 { padding-right: 140px; }
.pr-150 { padding-right: 150px; }

/*----------------------------------------*/
/*  3.7 Padding-bottom
/*----------------------------------------*/

.pb-0 { padding-bottom: 0; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pt-95 { padding-top: 95px; }
.pb-100 { padding-bottom: 100px; }
.pb-110 { padding-bottom: 110px; }
.pb-120 { padding-bottom: 120px; }
.pb-130 { padding-bottom: 130px; }
.pb-140 { padding-bottom: 140px; }
.pb-150 { padding-bottom: 150px; }
.pb-200 { padding-bottom: 200px; }
.pb-300 { padding-bottom: 300px; }
.pb-350 { padding-bottom: 350px; }

/*----------------------------------------*/
/*  3.8 Padding-left
/*----------------------------------------*/

.pl-0 { padding-left: 0; }
.pl-10 { padding-left: 10px; }
.pl-15 { padding-left: 15px; }
.pl-20 { padding-left: 20px; }
.pl-30 { padding-left: 30px; }
.pl-40 { padding-left: 40px; }
.pl-50 { padding-left: 50px; }
.pl-60 { padding-left: 60px; }
.pl-70 { padding-left: 70px; }
.pl-80 { padding-left: 80px; }
.pl-90 { padding-left: 90px; }
.pl-100 { padding-left: 100px; }
.pl-110 { padding-left: 110px; }
.pl-120 { padding-left: 120px; }
.pl-130 { padding-left: 130px; }
.pl-140 { padding-left: 140px; }
.pl-150 { padding-left: 150px; }

/*----------------------------------------*/
/*  3.5 Padding-top-bottom
/*----------------------------------------*/

.ptb-0 { padding: 0; }
.ptb-10 { padding: 10px 0; }
.ptb-20 { padding: 20px 0; }
.ptb-30 { padding: 30px 0; }
.ptb-40 { padding: 40px 0; }
.ptb-50 { padding: 50px 0; }
.ptb-60 { padding: 60px 0; }
.ptb-70 { padding: 70px 0; }
.ptb-80 { padding: 80px 0; }
.ptb-90 { padding: 90px 0; }
.ptb-100 { padding: 100px 0; }
.ptb-110 { padding: 110px 0; }
.ptb-120 { padding: 120px 0; }
.ptb-130 { padding: 130px 0; }
.ptb-140 { padding: 140px 0; }
.ptb-150 { padding: 150px 0; }
.ptb-200 { padding: 200px 0; }

/*----------------------------------------*/
/*  4. Container
/*----------------------------------------*/

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 1170px; }
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
.container-full { display: block; float: left; width: 100%; }

/*@media only screen and (min-width:1381px) and (max-width:1680px) { }
@media only screen and (min-width:1200px) and (max-width:1380px) { }*/
@media only screen and (min-width:992px) and (max-width:1199px) { .container { width: 970px; } }
@media only screen and (min-width:768px) and (max-width:991px) { .container { width: 750px; } }
@media only screen and (max-width: 767px) { .container { width: 420px; } }
@media only screen and (max-width: 479px) {	.container { width: 290px; } }

/*----------------------------------------*/
/*  5. Divider Space
/*----------------------------------------*/

[class*="divider-"] { display: block; overflow: hidden; clear: both; }

.divider-150 { height: 150px; }
.divider-140 { height: 140px; }
.divider-130 { height: 130px; }
.divider-120 { height: 120px; }
.divider-110 { height: 110px; }
.divider-100 { height: 100px; }
.divider-90 { height: 90px; }
.divider-80 { height: 80px; }
.divider-70 {height: 70px; }
.divider-60 { height: 60px; }
.divider-50 { height: 50px; }
.divider-40 { height: 40px; }
.divider-30 { height: 30px; }
.divider-20 {  height: 20px; }
.divider-10 { height: 10px; }

.separator-divider-40 { border-bottom: 1px solid rgba(0, 0, 0, .1); margin: 30px 0; }

/*----------------------------------------*/
/*  6. Section Title
/*----------------------------------------*/

.section-title h2 span { position: absolute;  left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 90px; color: #f1f1f1; z-index: -1; font-weight: bold;  }

.section-title h2:after { position: absolute; left: 0; right: 0; width: 50px; height: 2px; background: #000; content: ""; margin: 0 auto; bottom: 0; }
.section-title h2 {  padding-bottom: 30px; position: relative; }

#page-title { text-align: center; padding: 150px 50px 150px; background-image: url(../img/backgrounds/bg-1.jpg?v22); margin-bottom: 80px; position: relative; background-position: center 38%; z-index: 9; }
#page-title:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0, 0, .5);z-index: -9; }
#page-title h1 { color: #fff; border: 2px solid #fff; display: inline-block; padding: 10px 20px; font-weight: bold; }

/*----------------------------------------*/
/*  7. Parallax Backgrounds
/*----------------------------------------*/

#home-parallax-fullscreen { background-image: url(../img/backgrounds/bg-home-fullscreen.jpg); }
#home-parallax-fullwidth { background-image: url(../img/backgrounds/bg-home-fullscreen.jpg); }
#home-landing { background-image: url(../img/backgrounds/bg-home-fullscreen.jpg); }
.parallax-section-1 { background-image: url(../img/backgrounds/bg-1.jpg); }
.parallax-section-2 { background-image: url(../img/backgrounds/bg-2.jpg); }
.parallax-section-3 { background-image: url(../img/backgrounds/bg-3.jpg); }
.parallax-section-4 { background-image: url(../img/backgrounds/bg-4.jpg); }
.parallax-section-5 { background-image: url(../img/backgrounds/bg-5.jpg); }
.parallax-section-6 { background-image: url(../img/backgrounds/bg-6.jpg); }
.parallax-section-7 { background-image: url(../img/backgrounds/bg-7.jpg); }
.parallax-section-8 { background-image: url(../img/backgrounds/bg-8.jpg); }
.intro-bg { background-image: url(../img/imac.jpg);  background-position: 50% top; background-size: 120%; background-repeat: no-repeat; }
.team-parallax { background-image: url(../img/backgrounds/bg-8.jpg); }
.quote-parallax { background-image: url(../img/backgrounds/bg-7.jpg); }

/*----------------------------------------*/
/*  7.1 Parallax Section
/*----------------------------------------*/

#home-parallax-fullscreen, .team-parallax, .quote-parallax, .parallax-section-3, .parallax-section-4, .parallax-section-5, .parallax-section-6, .parallax-section-7, .parallax-section-8 { background-position: 50% 0;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;	width: 100%; height: auto; overflow-x: hidden; overflow-y: hidden; vertical-align: middle; z-index: 1; display: block; position: relative; }
#home-parallax-fullwidth { background-position: center 0%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; display: table; width: 100%; min-height: 400px; overflow-x: hidden; overflow-y: hidden;vertical-align: middle; z-index: 1; }
@media (min-width:768px) { #home-parallax-fullwidth { height: 600px; } }
@media (max-width:768px) { #home-parallax-fullwidth { height: 400px; } }

/*----------------------------------------*/
/*  8. Header
/*----------------------------------------*/
.navbar-default .container { display: none; }
.navbar-default.navbar-small .container { display: block; }
nav { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
@media (min-width: 1360px and max-width: 1920px) { nav { max-width: 1903px; } }
@media (max-width: 1360px) { nav { max-width: 1343px; } }
.navbar { min-height: 55px; border: none; }
.navbar-default { position: fixed; background-color: #fff; border-radius: 0; border-color: none; border-bottom: none; top: 0; left: 0; width: 100%; 	padding: 0; z-index: 99; }
.navbar-alt { background-color: transparent; }
.navbar-small { background: #fff; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.15); box-shadow:0 1px 4px rgba(0, 0, 0, 0.15); }
.navbar-default .container { position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.navbar-small .container { padding-top: 0px; position: relative; }
@media (min-width: 992px) { .navbar-alt .container { margin-top:10px; }
.navbar-small .container { margin-top:0px;}
}
.navbar-default .navbar-right { font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; height: 100%; 	margin-top: 10px; margin-bottom: 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.navbar-alt .navbar-right { margin-top: 35px; margin-bottom: 10px; }
.navbar-small .navbar-right { height: 100%; margin-top: 0px; margin-bottom: 0px; }
.navbar-alt .navbar-nav > li > a, .navbar-alt .navbar-nav > li > span { color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.navbar-small .navbar-nav > li > a, .navbar-small .navbar-nav > li > span { color: #1C1C1C; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.navbar-nav>li>a, .navbar-nav>li>span { margin-top: 3px; padding-top: 16px; padding-bottom: 13px; }
.navbar-nav>li>span { line-height: 20px }
.nav>li>a, .nav>li>span { padding-left: 10px; padding-right: 10px; margin: 0 2px; }
.nav > li > span { position: relative; display: block; cursor: pointer; }
.navbar-nav .caret { margin-left: 3px; margin-top: -3px; }

/*Navbar Toggle*/
.navbar-default .navbar-toggle { position: relative; float: right; padding: 9px 2px; margin-top: 26px; margin-right: 0px; margin-bottom: 8px; background-color: transparent; background-image: none; border: none; border-radius: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.navbar-small .navbar-toggle { position: relative; float: right; padding: 9px 0px; margin-top: 11px; margin-right: 0px; margin-bottom: 8px; 	background-color: transparent; background-image: none; border: none; border-radius: none; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent; outline: none; }
.navbar-toggle .icon-bar {  display: block;  width: 22px;  height: 3px;  border-radius: 2px; }

/*Navbar Collapse Menu*/
.navbar-collapse { padding-right: 0px; padding-left: 0px; color: #3a3a3a; }
.navbar-default .navbar-nav>li>a:focus { color: #f5f5f5; }
.navbar-small .navbar-nav>li>a:focus { color: #1c1c1c; }

.navbar-default .navbar-nav > li > a:after, .navbar-default .navbar-nav > li > a:before { position:  absolute;  content:  "";  width: 10px; height: 10px; border-style: solid; opacity: 0; }
.navbar-default .navbar-nav > li > a:before { left: 2px; top: 11px; border-width: 0; }
.navbar-default .navbar-nav > li > a:after { right: 1px; bottom: 9px; border-width: 0; }
.navbar-default .navbar-nav > li > a:hover:after { border-width: 0 2px 2px 0; opacity: 1; }
.navbar-default .navbar-nav > li > a:hover:before { border-width:  2px 0 0 2px;  opacity:  1; }

.navbar-default .navbar-nav > li > a.current:before, .navbar-default .navbar-nav > li > a.current:after { opacity: 1; }
.navbar-default .navbar-nav > li > a.current:before {border-width:  2px 0 0 2px;}
.navbar-default .navbar-nav > li > a.current:after { border-width: 0 2px 2px 0; }

/*Navbar Collapse*/
@media (max-width: 767px) {
	.navbar-default .navbar-collapse { margin-top: 18px; padding-right: 0px; padding-left: 0px; }
	.navbar-small .navbar-collapse { margin-top: 0px; }
	.navbar-header { float: none; }
	.navbar-left,.navbar-right { float: none !important; }
	.navbar-toggle { display: block; }
	.navbar-collapse { border-top: none; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
	.navbar-default .navbar-collapse { background-color: #1c1c1c; }
	.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse { margin-right: 0; margin-left: 0; padding-left: 25px; 		padding-right: 25px; }
	.container>.navbar-header { margin-right: 0; margin-left: 0; padding-left: 35px; padding-right: 35px; }
	.navbar-fixed-top { top: 0; border-width: 0 0 1px; 	}
	.navbar-collapse.collapse { display: none!important; }
	.navbar-collapse.collapse.show { display: block !important; visibility: visible; }
	.navbar-nav { float: none!important; margin: 0; }
	.navbar-default .navbar-toggle { margin-top: 44px; }
	.navbar-small .navbar-toggle { margin-top: 11px; }
	.navbar-nav>li { float: none; }
	.navbar-nav>li>a, .navbar-nav>li>span { padding-top: 12px; padding-bottom: 12px; }
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > span { color: #fff; }
	.collapse.in{ display:block !important; }
	.navbar-default .container { width: 100%; }
	.navbar-small .container { padding-right: 0px; padding-left: 0px; width: 100%; }
	.navbar-default ul.nav li { border-bottom: 1px dotted #2A2A2A; }
	.navbar-default ul li:last-child { border-bottom: none; }
	.navbar-default .navbar-right { margin-top: 7px; margin-bottom: 3px; }
}
@media (min-width: 768px) {
	.navbar-nav.navbar-right:last-child {margin-right: 0; }
}
.navbar>.container .navbar-brand { margin-left: 0; }
.navbar-brand { float: left; height: 55px; padding: 15px 0 15px 0px; font-size: 30px; line-height: 20px; }
/* Logo Big White */

.navbar-default .navbar-brand .logo-big { position:absolute; opacity: 1; width: 120px; margin-top: 11px; -webkit-transition: all 0.4s ease;	-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.navbar-default .navbar-brand .logo-small { position:absolute; width: 180px; margin-top: 11px; opacity: 0; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.navbar-alt .navbar-brand .logo-big { margin-top: 20px; }
.navbar-alt .navbar-brand .logo-small { margin-top: 20px; }
/* End Logo Big White */
/* Logo Small Black */
.navbar-small .navbar-brand .logo-big { position:absolute; opacity: 0; width: 170px; margin-top: 3px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.navbar-small .navbar-brand .logo-small { position:absolute; opacity: 1; width: 55px; margin-top: -5px; -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
/* End Logo Small Black */
#about .col-md-8 { width: 60%; float: right;}
#about .col-md-4 { width: 40%; float: left; }

@media (max-width: 768px) {
   .navbar-collapse {  max-height: none; overflow-x: hidden; }
   form#contact-form { margin-top: 20px; margin-right: 30px; }
}

/*Dropdown*/
@media (min-width: 992px) {
	.navbar-default .container { max-width: 1245px; padding-left: 15px; padding-right: 15px; }
	.navbar-right .dropdown-menu { right: auto; left: 0; }
	.dropdown-menu { background-color: #1C1C1C; border: 0; border-radius: 0; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08); margin: 0; padding-top: 2px;		padding-bottom: 2px; padding-left: 0; padding-right: 0; top: auto; }
	.dropdown-menu > li > a { color: #CCC; font-size: 12px; font-weight: 400; text-transform: none; position: relative; padding: 11px 25px 11px 20px; 		border-bottom: 1px dotted rgba(255, 255, 255, 0.2); }
	.dropdown-menu > li:last-child > a { border-bottom: 0; }
	.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { 		text-decoration: none; background-color: #333; }
	.dropdown-menu { margin-top: 20px; }
	.dropdown > ul.dropdown-menu { visibility:hidden; display:block; margin-top: 20px; opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }
	.dropdown:hover > ul.dropdown-menu{ visibility:visible; opacity:1; display: block; margin: 0; }
	.dropdown-menu > .active > a { text-decoration: none; background-color: transparent; outline: 0; }
	.navbar-collapse.collapse { height: auto!important; padding-bottom: 0; overflow: visible!important; }
}
@media (max-width: 992px) {
	.dropdown-menu { float: none; position: static; background-color: transparent; box-shadow: none; border: none; margin-left: 15px; }
	.navbar-default ul li.open ul li { border-bottom: 0; padding: 5px; float: none!important; }
	.navbar-default ul li.open ul li a:hover { background-color: transparent; }
	.dropdown-menu li a { color: #f5f5f5; font-weight: 400; font-size: 12px; }
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus { background-color: transparent; }
}
@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #CCC; }
	#about .col-md-4, #about .col-md-8 { width: 100%; }
	#about .col-md-4 { margin-bottom: 30px; }

	form#contact-form { margin-top: 30px; }
	form#contact-form .col-md-6, form#contact-form .col-md-12 { padding: 0; }

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background-color: transparent; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus { background-color: transparent; }
.dropdown .arrow { font-size:9px; }
.menu-padding { padding-top:70px; }
.content { margin-top:0px; }
.navbar .icon { font-size: 18px; }
.navbar .social-icon { padding-left: 15px; padding-right: 0; }

/*----------------------------------------*/
/*  9. Banner
/*----------------------------------------*/

.main-slider-area { padding:265px 0 510px; }
.parallax-header { background-image: url(../img/backgrounds/bg-1.jpg); background-attachment: fixed; }
#main { float: left; clear: both; width: 100%; margin: 0px; padding: 0px; display: block; }
.main-slider-area.with-out-shape { padding: 265px 0 340px; }

/*----------------------------------------*/
/*  10. Progress Bar
/*----------------------------------------*/

.progress { border-radius: 3px; height: 17px; background-color: #ebebeb;overflow: visible; margin-bottom: 25px;border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; 	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset; }
.progress-bar { position: relative; border-radius: 3px; box-shadow: none; }
.progress-bars p { line-height: .5; }
#skills .progress-bars p { color: #dedede; }
.progress-bar-tooltip { position: absolute; background-color: #343434; top: -30px; padding: 1px 6px; font-size: 11px; right: -10px; border-radius: 3px; color: #dedede; }
.progress-bar-tooltip:after { position: absolute; border-color: #343434 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; left: 35%; }


/*----------------------------------------*/
/*  11. Form styles
/*----------------------------------------*/

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: none; box-shadow: none; outline: 0 none; }
textarea { width: 100%; height: 120px; padding: 13px; color: #1c1c1c; background: #f2f2f2; border: 1px solid #f0f0f0; margin-top: 7px; margin-right:15px; -webkit-border-radius: 2px; }

::-webkit-input-placeholder {font-family: 'Poppins', sans-serif; text-transform: uppercase; color:#555; }

/*----------------------------------------*/
/*  12. ToTop
/*----------------------------------------*/

#back-to-top { position: fixed; color: #fff; z-index: 100; line-height: 26px; bottom: -50px; right: 20px; display: none; cursor: pointer; border-radius: 2px; height: 30px; width: 30px; display: block; text-align: center; transition: background-color 0.1s linear; -moz-transition: background-color 0.1s linear; -webkit-transition: background-color 0.1s linear; -o-transition: background-color 0.1s linear; }
#back-to-top:hover { color: #fff; background-color: #d35255; }
#back-to-top .icon { font-size: 10px; }
.to-top { cursor: pointer; }

/*----------------------------------------*/
/*  13. Main Contents
/*----------------------------------------*/

/* Intro section */

#intro blockquote {  margin: 0;  border: none; padding-left: 0; }
#intro blockquote p {  font-size: 26px; line-height: 36px; display: inline; }
#intro blockquote i.icon {  position: absolute; color: #000;  font-size: 26px;  transform: rotateX(190deg); -webkit-transform: rotateX(190deg); -moz-transform: rotateX(190deg); -ms-transform: rotateX(190deg); }
#intro blockquote i.icon.left { left: -15px;  right: auto; }
#intro blockquote i.icon.right {  margin-left: 10px; }

/* Intro iocn box */

#intro .gray-bg {background: #f1f1f1;  z-index: 9;  position: relative;}
.content-box.type1 h3 { margin-bottom: 15px; }
.content-box.type1 h5 { font-style: italic; font-size: 14px; letter-spacing: 0.5px; }
.content-box.type1 .content-desc i.icon { position: absolute; font-size: 90px; left: 0; z-index: -1; color: rgba(211, 82, 85, .4); top: 30px; transform: rotate(20deg); -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); }
.content-box.type1 .content-desc h6 { font-size: 16px; line-height: 22px; margin-bottom: 15px; }
.content-box.type1 .content-desc p { font-size: 13px; }

.content-box {
    position:  relative;
    padding-left: 70px;
}

.content-icon {
    position:  absolute;
    left:  0;
    width: 70px;
    height: 70px;
    text-align:  center;
}

.content-icon i.icon {
    font-size: 44px;
}
.content-desc {
    position: relative;
}

#about .content-box.type1 .content-desc p {
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}
/* Button */

button.btn {  background: #d35255; color: #fff; border-radius: 0; }
button.btn.medium { padding: 10px 24px;  font-size: 16px; }
button.btn.large {  padding: 16px 30px;  font-size: 18px; }
button.btn:hover { color: #fff; background: rgba(17, 17, 17, .9); }

/* about */

/* team owl */

#team-carousel.owl-carousel .owl-item { padding: 0 5px; }
#team-carousel.owl-theme .owl-controls .owl-buttons div { background: transparent; border: 2px solid #fff; border-radius: 50%; width: 40px; height: 40px; line-height: 32px; opacity: 0; position: absolute;     transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; }
#team-carousel.owl-theme:hover .owl-controls .owl-buttons div { opacity: 1; }
#team-carousel.owl-theme .owl-controls { margin-top: 10px; text-align: center; position: absolute; width: 100%; top: 35%; }
#team-carousel.owl-theme .owl-controls .owl-buttons .owl-prev { left: -45px; right:  auto; }
#team-carousel.owl-theme .owl-controls .owl-buttons .owl-next { right:  -45px; left:  auto; }

.team_img { position: relative; width: 200px; height: 200px; -webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius: 190px; margin: 0 auto;  overflow: hidden; }
.team_img img { width: 200px; height: 200px; }
.team_detail_inner { text-align: center; }
.team_detail_inner .info h6 { font-size: 20px; margin-bottom: 10px; margin-top: 20px; }

.team-box:hover .team_img img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }

#about .progress-bars p { color: #fff; font-size: 18px; margin-bottom: 20px; }

/* Services */

#services h6.caps { line-height: 22px; }
.quote-parallax { display: -webkit-box; }

/*----- Quote -----*/
#quote { padding-top: 100px; padding-bottom: 80px; }
#quote #quote-slider { margin: 30px 0 30px 0; }
#quote blockquote { position: relative; display: block; line-height: 1.5; font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #fff; border-left: none; text-align: center; width: 65%; margin: 0 auto; }
#quote blockquote span { padding-left: 33px; }
#quote blockquote span .highlight { padding-left: 0px; }
blockquote strong { font-family: 'Poppins', sans-serif; font-weight: 700; }
#quote .icon-left { position: absolute; font-size: 20px; margin-left: 10px; margin-right: 10px; -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); }
#quote .icon-right { position: absolute; font-size: 20px; margin-left: 10px; margin-right: 10px; transform:rotate(180deg);  -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); }
.quote-author { text-align: center; padding-top: 0px; font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; color: #fff; opacity: .9; }

@media (min-width: 992px) {
	#quote blockquote { font-size: 26px; padding-left: 80px; padding-right: 80px; }
}
@media (max-width: 992px) {
	#quote blockquote { font-size: 22px; }
}

#quote blockquote i.icon { width: 60px; height: 60px; border: 1px solid #fff; border-radius: 50%; display: inline-block; line-height: 60px; margin-bottom: 30px; }
#quote blockquote p { line-height: 32px; }

/* Contact */

#map {  height: 480px; width: 100%; }

p.content-desc {
    position: relative;
    width: 90%;
    line-height: 26px;
    font-size: 16px;
}

.contact-form-section .info { padding-left: 40px; }

.contact-form-section .info span {
    position: absolute;
    left: 0;
    width: 45px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
}

.contact-form-section .info p {
    font-size: 18px;
    line-height: 28px;
}

.contact-form-section .with-right-border:after {
    position: absolute;
    right: 50px;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    content: "";
}

.contact-form-section input[type=submit]:hover {
    color: #fff;
}

.contact-form-section input[type=submit] {
    width: auto;
    background: #222;
    color: #fff;
}

/* map section */

.contact-wrapper .contact-info-wrapper { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background: rgba(255, 255, 255, .89); -webkit-transition: opacity 0.5s, visibility 0.6s, margin-top 0.5s; transition: opacity 0.5s, visibility 0.6s, margin-top 0.5s; height: 100%; }
.contact-info-wrapper .container { width: 45%; position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); background: #fff; padding: 50px 50px; box-shadow: 0px 0px 25px 0px rgba(212, 4, 54, .2) inset; }

.contact-wrapper {  position: relative;  display: inline-block; width: 100%; float: left; }
.contact-wrapper .show-info-link a { display: block;  padding-top: 8px; width: 100%; height: 100%; background: #fff; color: #d35255; }
.contact-wrapper .show-map-link { display: block;  float: left; }
.contact-wrapper .contact-info-wrapper address .show-map-link a { display: block; margin-top: 10px; padding: 10px; color: #fff;  margin-left: 15px; }
.contact-wrapper .contact-info-wrapper address .address-group span { display: block; margin-top: 0; margin-bottom: 10px; }
.contact-wrapper .contact-info-wrapper address .address-group a, .contact-wrapper .contact-info-wrapper address .address-group p { display: block; margin-bottom: 3px; font-weight: 300; color: #999; }
.contact-wrapper .map-open { margin-top: 30px;  opacity: 0; visibility: hidden; }
.contact-wrapper .show-info-link.info-open { top: 0; opacity: 1; visibility: visible; }
.contact-wrapper .show-info-link { position: absolute; height: 50px; width: 200px; top: -20px; left: 0; right: 0; margin: 0 auto; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0.6s, top 0.5s; transition: opacity 0.5s, visibility 0.6s, top 0.5s; }

/* contact form */

#contact-form textarea { height: 175px; margin: 0; padding: 15px; }
#contact-form .form-control { border: none; border-bottom: 2px solid #ccc; }
input, input[type="text"], input[type="email"] { height: 48px; }

/* Footer */

#footer {  width: 100%; float: left; clear: both; margin: 0px;  background: #202125; padding: 130px 0 115px; text-align: center; }
#footer .footer-copyright p { margin: 10px 0; font-size: 20px; line-height: 32px; color: #7a7a7a; }
#footer .footer-copyright p a { color: #fff; }

ul.footer-sociable { margin-bottom: 30px; }
ul.footer-sociable li { display: inline-block; }
ul.footer-sociable li a { padding: 0 5px; border:  1px solid #fff; color: #121212; background: #fff; border-radius:  50%; width: 40px; height: 40px; display: inline-block; text-align:  center; line-height: 40px; }
ul.footer-sociable li a:hover { color: #fff; }

/*----- Portfolio -----*/
#portfolio { padding-bottom: 100px; }

.portfolio-filters { list-style: none; padding: 0; margin-bottom: 50px; text-align: left; margin-top: 30px; float: left; display: inline-block; width: 100%; margin-left: 10px; }
.portfolio-filters li { display: inline-block;}
.portfolio-filters .active a { background: #d35255; color: #fff;}
.portfolio-filters a { color: #121212; padding: 3px 15px;}
.portfolio-item { padding: 5px; }

/* Img Hover Effect */
.effects .img { position: relative; overflow: hidden; }
.effects .img a { display: inline; margin: auto; padding: 0; max-width: 100%; height: auto; color: #fff; }
.effects .img a i { font-size: 30px; color: #fff; }
.overlay { display: block; margin: 0 auto; position: absolute; z-index: 3; background: rgba(0, 0, 0, 0.8); overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all .5s; }
.expand {display: block;position: absolute;z-index: 100;text-align: left;color: #fff;line-height: 50px;font-weight: 700;font-size: 20px;list-style: none;padding: 0;}
.expand .social-icon { display: inline; margin-left: 5px; margin-right: 5px; }
.effect .overlay {top: 0;bottom: 0;left: 0;right: 0; opacity: 0; }
.effect .overlay .expand {left: 50px;bottom: 20px;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.effect:hover .img .img-responsive { transform: scale(1.25); }
.effect .img-responsive { -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all .25s ease-in-out;}
.effect:hover .img .overlay { opacity: 1;}
.effect:hover .img .overlay .expand {left: 20px;margin-top: -30px;opacity: 1;}
.effect .cbp-item-wrapper .img {position: initial;overflow: hidden;}
.effect:hover .cbp-item-wrapper .img .overlay .expand { top: 50% !important;  margin-top: -30px;  opacity: 1;}

.effect .overlay .expand li {line-height: 24px;font-weight: normal;}
.effect .overlay .expand li.project-name { font-size: 15px; }
.effect .overlay .expand li.project-sub-title {font-size: 12px;background:  #fff;display: inline-block;color: #222;padding:  2px 8px;font-weight: bold;}
.effect .overlay .expand li.icon {position:  absolute;bottom: 50px;width: 60px;height: 60px;line-height: 50px;right: 0;}

/* Section tilte */

.team-parallax .section-title { z-index: 9;}
.team-parallax .section-title h3:after { background: #fff;}
.team-parallax .section-title span { color: rgba(0, 0, 0, .6);}

.section-title h3 { position: relative; margin-bottom: 0; padding-bottom: 15px; font-size: 26px; font-weight: bold; text-transform: uppercase; }
.section-title h3:after { position:  absolute; content:  ""; left:  0; bottom:  0; width:  50px; height:  2px; background: #000; transition:  all 300ms linear; }
section:hover .section-title h3:after { width:  60px; }
.section-title p, #about .section-title p { font-size: 14px; margin-top: 10px; }

.section-title .sec-count { position:  absolute; top: 20px; left: 0; font-size:  80px; font-weight: 500; z-index: -1; color:  rgba(211, 82, 85, .4); }
.section-title { position:  relative;  z-index: 9; }

/* Slider */

.slider-text p { font-size: 20px; line-height: 30px; }
.slider-text h2 { font-size: 50px; text-transform: uppercase; margin-bottom: 10px; }
.button-set a.button { padding:  10px 15px; border: 1px solid; margin: 0 5px; background: #d35255; border-color: #d35255; text-transform: uppercase; color: #fff; }
.button-set { margin-top: 40px; text-align: left; }
.button-set a.button:hover { background: #fff; color: #d35255; border-color: #fff; }

/* Pricing table */

#price .item.active, #price .item:hover { -webkit-box-shadow: 0px 0px 30px -2px rgba(0, 0, 0, 0.1);  box-shadow: 0px 0px 30px -2px rgba(0, 0, 0, 0.1); }
#price .item { text-align: center; padding: 30px 15px; background: #fff; border-radius: 5px; -webkit-transition: all .5s; transition: all .5s; }
#price .item h6 { font-weight: 800;  font-size: 22px; }
#price .item .price {  width: 110px; height: 110px;  border-radius: 50%;  background: #f7f7f7; margin: 30px auto 15px; -webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.07); box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.07); }
#price .item .price h3 {  display: inline-block;  line-height: 110px;  font-weight: 800;  font-size: 45px; color: #d35255;  position: relative; }
#price .item .price h3 span {  font-size: 14px; position: absolute; left: -10px; top: -10px; }
#price .item .per { color: #888;  font-size: 12px; margin-bottom: 15px; }
#price .item li { font-size: 14px;  padding: 15px 0;  border-bottom: 1px solid #f5f5f5; }
#price .item li:last-child { border: 0; }
#price .item .buy {  margin-top: 20px; }
#price .item .buy .button { padding: 10px 30px; border-radius: 30px; background: #222; text-transform: uppercase; font-size: 14px; letter-spacing: .5px; color: #fff; -webkit-transition: all .5s; transition: all .5s; }

/* Blog */

#blog .item .content { padding: 40px 15px;  background: #fff; }
#blog .item .content p { text-align: left; }
#blog .item .post-img { position: relative; overflow: hidden; }
#blog .item:hover .post-img img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); }
#blog .item .post-img img { -webkit-transition: all .5s; transition: all .5s; }
#blog .item .content .tag { color: #F24259; font-weight: 600; margin-bottom: 10px;}
#blog .item .content h5 { font-weight: 700; font-size: 20px; margin-bottom: 15px;}
#blog .item .content h5 a { color: currentColor;}
#blog-carousel.owl-carousel .owl-item { padding: 5px;}
#blog blockquote { padding: 30px; background: rgba(0, 0, 0, .05); text-align: left; }
#blog .post-title h5 { margin-bottom: 10px; }
#blog .post-title h5 a, #blog .date a { color: #121212; }
#blog .post-title { background:  #fff; padding: 20px; }

.blog-contact-form h3 { padding-left: 15px; }
.blog-contact-form { float: left; width: 100%; margin-top: 50px; }

.search-button  { position: absolute; top: 0; right: 0; height: 100%; background: #BBB; color: #fff; width: 20%; border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: 300ms all linear; -o-transition: 300ms all linear; transition: 300ms all linear; cursor: pointer; }
.search-box{ -webkit-border-radius: 0; border-radius: 0; border-color: #BBB; color: #BBB ; }
.search-box:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #BBB ;}
.search-bar { position:  relative; }

.blog-widgets-title { font-size: 18px; color: #000; }

.categories-name > a { display: block; padding: 20px 0 10px; border-bottom: 1px solid #d8d8d8; }
.categories-name > a > p > span { float: right; }

.tags-list li { display: inline-block; padding: 8px 16px; background: #efefef; cursor: pointer; -webkit-transition: 300ms all linear; -o-transition: 300ms all linear; transition: 300ms all linear; margin: 0 10px 15px 0; }
.tags-list li:hover p {color: #fff;}
.tags-list li p {margin-bottom: 0;}

/* Owl carousel effect */

.owl-theme .owl-controls .owl-page span { border-radius: 0 !important; }

.owl-theme .owl-controls .owl-page span:hover, .owl-theme .owl-controls .owl-page.active span { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg);  }


 /* BG Overlay */

.bg-overlay { position: relative; }
.bg-overlay:before { position: absolute; content: ""; left: 0; top: 0; background: rgba(18, 18, 18, .7); width: 100%; height: 100%;}

/* Preloader */
#preloader { position:fixed;top:0;	left:0;right:0;bottom:0;background-color:#fff;z-index: 9999;}
#preloader .loader { position: absolute; top: 50%; left: 0; margin-top: 0; margin-left: 0; right: 0; margin: 0 auto; width: 100%; text-align: center; transform: translateY(-50%);    -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); }

/* Landing Page */

.landing h2 { font-size: 60px; font-weight: bold; }
.landing-bg { background-image: url(../img/backgrounds/landing-bg.jpg); }
.color-white h2 { color: #fff; }

/*----------------------------------------*/
/*  14. Site Default Skin
/*----------------------------------------*/

/*::-moz-selection {
    background: #d35255;
}
::selection {
	background: #d35255;
}*/

.btn-home a,
#filters li span.active,
#filters li span:hover,
#filters li span:focus,
.btn-primary,
.label-primary,
#contact input.submit,
.blog-list li:hover,
.nav > li > a:hover, .nav > li > a:focus,
.shop-btn-box:hover,
.pagination > .active > a,
.progress-bar,
.btn-primary-full,
#back-to-top,
.btn-buy,
.navbar-default .navbar-toggle .icon-bar,
.btn-primary:hover,
.clients .client .logo-light,
.clients .client a .logo-light,
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus,
.home-signin .btn-primary-full:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
.pager li>a:hover, .pager li>a:focus,
.contact-wrapper .contact-info-wrapper address .show-map-link a,
.owl-theme .owl-controls .owl-page span:hover,
.owl-theme .owl-controls .owl-page.active span,
ul.footer-sociable li a:hover,
#price .item.active .buy .button,
#price .item:hover .buy .button,
.search-button:hover,
.tags-list li:hover
{
	background: #d35255;
}


a,
.about-icon .fa-circle,
.highlight,
figure figcaption a:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus
.navbar-default .navbar-nav > .hovernav:hover > a,
.navbar-default .navbar-nav > .hovernav:hover > a:hover,
.navbar-default .navbar-nav > .hovernav:hover > a:focus
.nav > li > a:hover,

.nav > li > span:hover,
.nav > li > span:focus,

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.portfolio-links a:hover,
.portfolio-links .icon:hover,
.connected-icon a:focus,
.connected-icon a:hover,
.btn-link,
.post-title a:hover,
.post-title a:focus,
#main-nav .current,
.star-rating span,
.twitter-logo .fa,
.footer-logo a:hover,
.social-icons a:hover,
footer #social-icons li a:hover,
.mega-list > li > a:hover,
.mega-list > li > a:focus,
.breadcrumb>li+li:before,
.contact-details-social li a:hover,
.member-list a:hover,
.effects .img a:hover,
.connected-icon a:hover h4,
.connected-icon a:hover span,
.home-bottom a:hover,
#notification .success,
.cbp-item .img a,
.section-links a:hover,
.blog-post-title a:hover,
.categories-name > a:hover p,
.animate-heading.scale b,
.content-icon i.icon,
#blog .owl-item:hover .post-title h5 a,
#footer .footer-copyright p a:hover
 {
	color: #d35255;
}

.btn-primary-full {
    box-shadow: 0 -3px rgba(0, 0, 0, 0.4) inset;
}
.color-overlay,
.btn-home a:hover,
.btn-home a:focus {
    background-color: rgba(212, 4, 54, 0.9);
}
.label-primary:after {
    border-bottom-color: #d35255;
}
.mega-menu .dropdown-menu {
    border-bottom: 2px solid #d35255;
    border-top: none!important;
}

.btn-effect:hover,
.btn-effect:focus,
.btn-effect:active,
.btn-effect:after {
    background: #d35255;
}
.btn-effect:hover {
    background: none;
    border-color: #d35255;
    transition: all 0.4s;
}

ul.footer-sociable li a:hover {
border-color: #d35255;
}

blockquote {border-color: #d35255;}








/* Dalu */

/* Shape */


.with-particles .shape-top:before, .with-particles .shape-top:after {
    bottom: -70px;
}

.main-slider-area.with-particles {
    padding: 0;
}

.shape-top:before, .shape-top:after {
    background: none;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    border-bottom: 300px solid #fff;
    width: 0;
    margin: 0 auto;
    right: 0;
    z-index: 9;
}

.shape-top:before {
    border-right: 1920px solid transparent;
    left: 0;
}

.shape-top:after {
    border-left: 600px solid transparent;
    right: 0;
}

.shape-top.gray:before, .shape-top.gray:after {border-bottom-color: #f5f5f5; }

.shape-top.alt-side:before {border-right: 600px solid transparent;right:  100%;}

.shape-top.alt-side:after {border-left: 1920px solid transparent;}

.gray-bg { background: #f5f5f5; }

/* About img hover style */

.about-img:after {
    content: "";
    position: absolute;
    background-color: #e8e8e8;
    left: -15px;
    top: 50px;
    bottom: -25px;
    z-index: -2;
    right: 40px;
    -webkit-transition: all .75s ease 0s;
    -moz-transition: all .75s ease 0s;
    -ms-transition: all .75s ease 0s;
    -o-transition: all .75s ease 0s;
    transition: all .75s ease 0s;
    z-index: 1;
}

.about-img:before, .about-img:hover:after {
    bottom: -15px;
    left: 0px;
    right: 20px;
    top: 30px;
}

.about-img:before {
    border: 2px solid #d35255;
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transition: all .75s ease 0s;
    -moz-transition: all .75s ease 0s;
    -ms-transition: all .75s ease 0s;
    -o-transition: all .75s ease 0s;
    transition: all .75s ease 0s;
    z-index: 2;
}


.about-img:hover:before {
    left: -15px;
    top: 50px;
    bottom: -25px;
    right: 40px;
    z-index: 1;
}

.about-img img {
    z-index: 3;
    position: relative;
}

#about p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
}

#about blockquote {
    margin: 20px 10px;
    background: #e8e8e8;
}

section.with-shape { position: relative; overflow: hidden; }


.container.without-space, .container.without-space > .col-md-6 {
    padding: 0;
}


.mw-header {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(2, 23, 37, 0.95);
  height: 50px;
  width: 100%;
  z-index: 3;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 999;
}
@media only screen and (min-width: 768px) {
  .mw-header {
    height: 80px;
    background: transparent;
    box-shadow: none;
  }
}
@media only screen and (min-width: 1170px) {
  .mw-header {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-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);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .mw-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: -80px;
    background-color: #d35255;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .mw-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .mw-header.menu-is-open {
    /* add a background color to the header when the navigation is open */
    background-color: #d35255;
  }
}

.mw-logo {
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  left: .875em;
}
.mw-logo img {
  display: block;
}
.mw-logo a img {
    height: 50px;
}
@media only screen and (min-width: 768px) {
  .mw-logo {
    left: 2.6em;
  }
}

.mw-secondary-nav {
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10em;
  /* hidden on small devices */
  display: none;
}
.mw-secondary-nav li {
  display: inline-block;
  margin-left: 2.2em;
}
.mw-secondary-nav a {
  display: inline-block;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
}
@media only screen and (min-width: 768px) {
  .mw-secondary-nav {
    display: block;
  }
}

.mw-primary-nav-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: #03263d;
}
.mw-primary-nav-trigger .mw-menu-text {
  color: #d35255;
  text-transform: uppercase;
  font-weight: 700;
  /* hide the text on small devices */
  display: none;
}
.mw-primary-nav-trigger .mw-menu-icon {
  /* this span is the central line of the menu icon */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #d35255;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  /* these are the upper and lower lines in the menu icon */
}
.mw-primary-nav-trigger .mw-menu-icon::before, .mw-primary-nav-trigger .mw-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #d35255;
  right: 0;
  -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
  -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
  transition: transform .3s, top .3s, background-color 0s;
}
.mw-primary-nav-trigger .mw-menu-icon::before {
  top: -5px;
}
.mw-primary-nav-trigger .mw-menu-icon::after {
  top: 5px;
}
.mw-primary-nav-trigger .mw-menu-icon.is-clicked {
  background-color: rgba(255, 255, 255, 0);
}
.mw-primary-nav-trigger .mw-menu-icon.is-clicked::before, .mw-primary-nav-trigger .mw-menu-icon.is-clicked::after {
  background-color: white;
}
.mw-primary-nav-trigger .mw-menu-icon.is-clicked::before {
  top: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.mw-primary-nav-trigger .mw-menu-icon.is-clicked::after {
  top: 0;
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  transform: rotate(225deg);
}
@media only screen and (min-width: 768px) {
  .mw-primary-nav-trigger {
    width: 100px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 2.2em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .mw-primary-nav-trigger .mw-menu-text {
    display: inline-block;
  }
  .mw-primary-nav-trigger .mw-menu-icon {
    left: auto;
    right: 1em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
}

.mw-primary-nav {
  /* by default it's hidden - on top of the viewport */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(17, 17, 17, .95);
  z-index: 2;
  text-align: center;
  padding: 50px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  z-index: 99;
}
.mw-primary-nav li {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: .2em 0;
  text-transform: capitalize;
}
.mw-primary-nav a {
  display: inline-block;
  padding: .4em 1em;
  border-radius: 0.25em;
  -webkit-transition: background 0.2s;
  -moz-transition: background 0.2s;
  transition: background 0.2s;
  color: #fff;
}

.mw-primary-nav .mw-label {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2.4em 0 .8em;
}
.mw-primary-nav .mw-social {
  display: inline-block;
  margin: 0 .4em;
}
.mw-primary-nav .mw-social a {
  width: 44px;
  height: 44px;
  padding: 0;
  background-repeat: no-repeat;
  /* image replacement */
  overflow: hidden;
  white-space: nowrap;
}
.mw-primary-nav .mw-facebook a {
  background-position: 0 0;
}
.mw-primary-nav .mw-instagram a {
  background-position: -44px 0;
}
.mw-primary-nav .mw-dribbble a {
  background-position: -88px 0;
}
.mw-primary-nav .mw-twitter a {
  background-position: -132px 0;
}
.mw-primary-nav.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 768px) {
  .mw-primary-nav {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 1170px) {
  .mw-primary-nav li {
    font-size: 30px;
    font-size: 2.5rem;
  }
  .mw-primary-nav .mw-label {
    font-size: 16px;
    font-size: 3rem;
  }
}

.mw-intro {
  position: relative;
  height: 100%;
  background: url("../img/mw-background-img.jpg") no-repeat center center;
  background-size: cover;
  z-index: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.mw-intro h1 {
  position: absolute;
  width: 90%;
  max-width: 1170px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  color: white;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .mw-intro h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .mw-intro {
    height: 700px;
  }
}

.mw-main-content {
  position: relative;
  z-index: 1;
}
.mw-main-content p {
  line-height: 1.6;
  margin: 2em 0;
}
@media only screen and (min-width: 1170px) {
  .mw-main-content p {
    font-size: 20px;
    font-size: 1.25rem;
  }
}


video { width: 100%; }


/* */


.animate-heading {
  font-size: 3rem;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .animate-heading {
    font-size: 4.4rem;
    font-weight: 300;
  }
}
@media only screen and (min-width: 1170px) {
  .animate-heading {
    font-size: 6rem;
  }
}

.animate-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.animate-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  left: 0;
  top: 0;
  font-weight: normal !important;
}
.animate-wrapper b i {
    font-style: normal;
    letter-spacing: 2px;
}
.animate-wrapper b.is-visible {
  position: relative;
}
.no-js .animate-wrapper b {
  opacity: 0;
}
.no-js .animate-wrapper b.is-visible {
  opacity: 1;
}
/* --------------------------------

xscale

-------------------------------- */
.animate-heading.scale b {
  opacity: 0;
}
.animate-heading.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.is-visible .animate-heading.scale i {
  opacity: 1;
}
.animate-heading.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  -moz-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}
.animate-heading.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  -moz-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .animate-heading.scale i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .animate-heading.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
@-moz-keyframes scale-up {
  0% {
    -moz-transform: scale(0);
    opacity: 0;
  }
  60% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@-moz-keyframes scale-down {
  0% {
    -moz-transform: scale(1);
    opacity: 1;
  }
  60% {
    -moz-transform: scale(0);
    opacity: 0;
  }
}
@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}

.title-caption.animate {
    text-align: left;
}

.title-caption h3 {
    margin-bottom: 10px;
}

.text-center h3, .text-center h2 {
    color: #fff;
}

.header-sociable.list-inline {
    text-align: left;
    margin-top: 30px;
}

.header-sociable.list-inline li {
    padding: 0 10px;
}

.banner-video .top-text {
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    left: 10%;
}


.video-home {
    padding: 0 0 80px;
}

.with-particles .main-slider-area {
    padding: 0;
    height: 900px;
}

.with-particles-content {
    position: absolute;
    top: 50%;
    transform: translateY(-100%);
    left:  10%;
}

.with-particles.bg-overlay:before {
    z-index: -1;
}

.with-particles.bg-overlay { z-index:9;}
ul.scmList {
    list-style-type: square;
    margin-left: 2.5rem;
}
ul.scmList span {
    font-weight: bold;
}