/*------------------------------------------------------------------
[Table of contents]

1. Body and General Styles
2. Buttons / .btn / .btn-default
3. Navigation Bar / .navbar-default
4. Text Styles / h1, h2, h3, h4..
5. Parallax Elements
6. Intro / #intro
7. Text separators / #clients, #text-separator-testimonials
8. Charts / Timers / Progress-bars
9. Services Section
10. Portfolio Section
11. Team Section / #team
12. Pricing Tables / #pricing
13. Contact Section / #contact
14. Footer / #footer
15. Countdown (coming-soon page) / #Countdown
16. Other Shortcodes
17. Preloader
18. Text Rotator Styling

19. About-Multipage Featured Section
20. Blog Section
21. E-commerce Pages
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. Body and General Styles]
*/

.WhiteText, .WhiteText a{
    color:white;
    letter-spacing: 2px;
}


.Glow{
    text-shadow: -1px 1px .2em rgba(255,255,255,.4),1px -1px .4em rgba(255,255,255,.4);
    font-family: sans-serif;
}


.PositionRelative{
    position:relative;
}



img {
    -moz-user-select: none;
    /*-webkit-user-select: none;*/
    -ms-user-select: none;
    user-select: none;
    /*-webkit-user-drag: none;*/
    user-drag: none;
}

.VContent{
    display: table-cell;
    vertical-align: middle;
    /*margin-top: 50px;*/
}

.VContent-sml{
    /*display: table-cell;*/
    vertical-align: middle;
    margin-top: 115px; 
}

.VContentWrapperTable{
    display: table;
    height: 100%;
}

section{
    position: relative;
}

.container {
    position: relative;
}


.row{
    z-index:3;
    position:relative;
}

hr{
    margin-top:40px;
    margin-bottom:40px;
}

.separator{
    width:170px;
    max-width:170px;
    margin-top:120px;
    margin-bottom:100px;
}

.lineSeparator{
    width:60px;
    max-width:60px;
    margin-top:30px;
    margin-bottom:30px;
}




.black-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.Plainblack-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background:black;
    opacity:0.7
}

.noscroll{
    overflow:hidden;
}


.container{
    z-index:2;
    overflow:hidden;
}

.ImageWrapper img{
    padding:80px;
}


.BackgroundSoftGray{
    background: #f6f6f6;
}





/*------------------------------------------------------------------
[4. Text Styles / h1, h2, h3, h4.. ]
*/

h1, h2, h3{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

h4, h5, h6{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}



h1{
    font-size:75px;
    font-weight: 700;
    letter-spacing: -4px;

}



h4{
    font-size:20px;
    font-weight: 700;
    text-transform: uppercase;
}




/*------------------------------------------------------------------
[6. Intro / #intro ]
*/

#intro{
    background:#000000 no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}

.Background2{
    background:url('img/IntroBackground2.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}

#intro.Background3{
    background:url('img/portfolio/portfolioBackground3.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}

#intro.Background4{
    background:url('img/portfolio/portfolioBackground1.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}

#intro.Background5{
    background:url('img/ShopBackground.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}


.BackgroundTestimonials{
    background:url('img/CorporateBackground4.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 0, 50% 0, 50% 0, 50% 0;
    background-repeat: repeat, repeat, repeat ,no-repeat;
}




#intro.nobackground{
    background:#282828;
}

#intro.transparentBackgorundSection{
     background:transparent;
 }

.transparentBackgorundSection{
    background:transparent !important;
}

#intro.WhiteBackground{
    background:white;
}

.WhiteBackground{
    background:white;
}


#demo-canvas{
    position:absolute;
    top:0;
    left:0;
}


#intro.SinglePageIntro{
    background:url('img/portfolio/portfolioBackground3.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


.introLogo{
    position:relative;
    width:150px;
    margin-bottom:20px;
}

#intro a {
    margin-top:20px;
}