/*------------------------------------------------------------------
[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]
*/

html,
body {
    width:100%;
    height:100%;
    padding:0;
    margin-left:0;
    margin-right:0;

}

body {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

.DarkGreyBackground{
    background-color: #0044f1;
}

.WhiteText, .WhiteText a{
    color:white;
}

.WhiteTextNormal{
    color:white;
    font-family: Raleway, sans-serif;
    font-weight: normal;
}

.BlackText, .BlackText a{
    color:black !important;
}

.ColorText{
    color:#0044f1
}

.ColorBar .progress-bar {
    background-color: #0044F1;
}

.GreyText{
    color: #000000;
}

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

.SoftGreyText, .SoftGreyText a{
    color:#ffffff;
}

.PositionRelative{
    position:relative;
}

.CaptionFlyingBox{
    position: absolute;
    bottom:30px;
    left:70px;
    background: #efefef;
    padding:10px 40px;
    width:50%;
    -webkit-transition: all .5s ease .25s;
    transition: all .5s ease .25s;
}

.ImagewithCaptionOverlay:hover .CaptionFlyingBox{
    background:#eaeaea;
    bottom:40px;
    left:80px;
}


.container.PaddingVertical0{
    padding-top:0;
    padding-bottom:0;
}

.PaddingVertical15{
    padding-top: 15px;
    padding-bottom: 15px;
}


.PaddingVertical30{
    padding-top:30px;
    padding-bottom:30px;
}

.PaddingVertical45{
    padding-top:45px;
    padding-bottom:45px;
}

.PaddingTop20{
    padding-top:20px;
}

.PaddingTop30{
    padding-top:30px;
}


.PaddingTop60{
    padding-top:60px;
}

.PaddingBottom30{
    padding-bottom:30px;
}

.PaddingBottom10{
    padding-bottom:10px;
}

.PaddingVertical60{
    padding-top:60px;
    padding-bottom:60px;
}

.PaddingVertical100{
    padding-top:100px;
    padding-bottom:100px;
}

.PaddingVertical130{
    padding-top:130px;
    padding-bottom:130px;
}


.PaddingHorizontal20{
    padding-left:20px;
    padding-right:20px;
}


.PaddingHorizontal40{
    padding-left:40px;
    padding-right:40px;
}

.PaddingHorizontal60{
    padding-left:60px;
    padding-right:60px;
}


.PaddingHorizontal80{
    padding-left:80px;
    padding-right:80px;
}

.NegativeMarginSection{
    margin-top:-80px;
    margin-bottom:40px;
}

.SimpleText{
    text-transform: none;
}

.SimpleText a{
    text-decoration: underline;
}

.SimpleTextOOSColour{
    text-transform: none;
	color: #0044F1
}

.SimpleText2{
    text-transform: none;
    font-size:32px;
}

.SimpleText2 a{
    text-decoration: underline;
    color: #bab3a8
}

.SimpleText2 a:hover{
    text-decoration: underline;
}

a{
    color: #000000;
    text-decoration: none;
}

a:hover, a:focus{
    color: #bab3a8;
    text-decoration: none;
    outline: 0;
    opacity: 1;
}


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;
}

.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: #bab3a8;
}


/*------------------------------------------------------------------
[2. Buttons / .btn-default / .btn]
*/

.btn{
    background:transparent;
    border-radius:0;
    border:0;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    line-height: 40px;
    font-size: 12px;
    letter-spacing: .2em;
    width:100%;
    outline: 0px solid transparent;
    -webkit-transition: all .1s ease .2s;
    transition: all .1s ease .2s;
    padding:0;
}


.btn-default{
    display: inline-block;
    color: white;
}

.btn-default:hover{
    border-color: transparent;
}

.btn-default{
    font-family: 'Oswald', sans-serif;
    cursor: pointer;
    display: block;
    height: 18px;
    letter-spacing: 3px;
    line-height: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    background: transparent;
    font-size:12px;
}

.btn-default:after {
    content: '';
    display: block;
    height: 100%;
    position: relative;
    bottom: 2px;
    border: 2px solid #fff;
    border-top: 0;
}


.btn-default:before {
    height: 0;
    width: 100%;
    background-color: white;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    bottom: 0px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: -1;
}


.btn-default:hover:before{
    height:200%;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default {
    color: #0044f1;
    background-color:transparent;
}


.btn:active, .btn.active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn:focus, .btn:active:focus, .btn.active:focus {

    outline:none;
    color: #0044f1;

}

.btn-default.btn-black{
    color:#0044f1;
}

.btn-black:before {
    height: 0;
    width: 100%;
    background-color: #0044f1;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    bottom: 0px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: -1;
}

.btn-default.btn-black:after {
    content: '';
    display: block;
    height: 100%;
    position: relative;
    bottom: 2px;
    border: 2px solid #0044f1;
    border-top: 0;
}

.btn-black:hover{
    color:white;
}

.btn-200w{
    width:200px;
}

.btn-centered{
    /*works only if width is set*/
    margin:0 auto;
}

.btn-inline-block{
    display:inline-block;
}

.ButtonGroup .btn{
    display:inline-block;
    margin-bottom:30px;
}


/*------------------------------------------------------------------
[3. Navigation Bar / .navbar-default]
*/

.navbar-default {
    padding:30px;
    padding-left:50px;
    padding-right:50px;
    background-color: transparent;
    border-color: transparent;
    -webkit-transition: all .5s ease .25s;
    transition: all .5s ease .25s;
}
.navbar-default .navbar-brand{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color:white;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: white;
    background-color: transparent;
}

.affix{
    background-color: #0044f1;
    padding-top:10px;
    padding-bottom:10px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: white;
    background-color: transparent;
}

.navbar-nav > li > a {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #d5d5d5;
    position: relative;
    font-family: 'Montserrat', sans-serif;
}


.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    line-height: 1.42857143;
    color: white;
    white-space: nowrap;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 3px 0 0;
    font-size: 10px;
    text-align: left;
    list-style: none;
    background-color: #0044f1;
    background-clip: padding-box;
    border: 0;
    box-shadow: none;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    color: #d5d5d5;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #000000;
    background-color: #bab3a8;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

@media (max-width: 768px){
    .dropdown-submenu li a{
        text-align:center;
    }
}

/*
 * Showup.js jQuery Plugin
 * http://github.com/jonschlinkert/showup
 *
 * Copyright (c) 2013 Jon Schlinkert, contributors
 * Licensed under the MIT License (MIT).
 */

/**
 * Docs navbar transitions effects
 */

.navbar {
    -webkit-transition: -webkit-transform .5s .5s, background .5s, color .1s;
    -moz-transition:    -moz-transform .5s .5s, background .5s, color .1s;
    -o-transition:      -o-transform .5s .5s, background .5s, color .1s;
    transition:         transform .5s .5s, background .5s, color .1s;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.navbar-tall,
.navbar-show {
    opacity: 1;
    -webkit-transition: -webkit-transform .25s, background 2s, color .3s;
    -moz-transition:    -moz-transform .25s, background 2s, color .3s;
    -o-transition:      -o-transform .25s, background 2s, color .3s;
    transition:         transform .25s, background 2s, color .3s;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.navbar-hide {
    opacity: 0;
    -webkit-transition: -webkit-transform .2s, background .3s, color .3s, opacity 0.3s;
    -moz-transition:    -moz-transform .2s, background .3s, color .3s, opacity 0.3s;
    -o-transition:      -o-transform .2s, background .3s, color .3s, opacity 0.3s;
    transition:         transform .2s, background .3s, color .3s, opacity 0.3s;
    -webkit-transform: translate(0, -80px);
    -ms-transform: translate(0, -80px);
    transform: translate(0, -80px);
}


.navbar-tall,
.navbar-short,
.navbar-tall .navbar-brand,
.navbar-short .navbar-brand,
.navbar-tall .navbar-nav > li > a,
.navbar-short .navbar-nav > li > a {
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.navbar-short {
    min-height: 40px;
}
.navbar-short .navbar-brand {
    font-size: 16px;
    padding: 13px 15px 10px;
}
.navbar-short .navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
}


.navbar-tall {
    min-height: 70px;
}
.navbar-tall .navbar-brand {
    font-size: 24px;
    padding: 25px 15px;
}
.navbar-tall .navbar-nav > li > a {
    padding-top: 25px;
}



/*------------------------------------------------------------------
[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:140px;
    font-weight: 900;
    letter-spacing: -1px;

}

h2{
    font-size:80px;
    font-weight: 900;
    letter-spacing: -1px;
    text-transform: uppercase;
}

h2b{
    font-size:60px;
    font-weight: 900;
    letter-spacing: -1px;
    text-transform: uppercase;
}

h3.SinglePostTitle{
    font-size:60px;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: uppercase;
}

h3{
    font-size:38px;
    font-weight: 700;
    letter-spacing: -1px;
    text-transform: uppercase;
}

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

h5{
    font-size:14px;
    text-transform: uppercase;
}

h6{
    font-size:12px;
    text-transform: uppercase;
}

.BigNumber{
    font-family: 'Raleway', sans-serif;
    font-size: 150px;
    font-weight: 900;
    letter-spacing: -10px;
    display: inline-block;
    color: #00414C;
}

.SectionNexttoNumber{
    padding-top:50px;
}


p {
    font-weight: 300;
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    font-family: 'Raleway', sans-serif;
}

p.bold, .bold{
    font-weight:700;
}

p.italic{
    font-style:italic;
}

pitalic {
    font-weight: 300;
    font-size: 14px;
    color: #000000;
    line-height: 26px;
    font-family: 'Raleway', sans-serif;
	font-style:italic;
}


/*------------------------------------------------------------------
[5. Parallax Elements ]
*/


.ParallaxElement1{
    pointer-events: none;
    position: relative;
    display: block;
    top: 2.75em;
    left: .5em;
    height: 300px;
    width: 100%;
    background: url(img/PatterDotted.png) 0 5px;
    background-size: 13px auto;
    opacity: 1;
    content: '';
}

.ParallaxElement2{
    pointer-events: none;
    position: absolute;
    display: block;
    top: 5em;
    left: 2em;
    height: 100px;
    width: 50px;
    opacity: 1;
    content: '';
}

.ParallaxElement3{
    pointer-events: none;
    position: absolute;
    display: block;
    top: 5em;
    left: 5em;
    height: 100px;
    width: 100px;
    border: 2px solid #0044f1;
    opacity: 1;
    content: '';
}

.ParallaxElement4{
    pointer-events: none;
    position: absolute;
    display: block;
    top: 5em;
    left: 8em;
    height: 100px;
    width: 100px;
    border:2px solid #0044F1;
    opacity: 1;
    content: '';
}


.ParallaxElement4{
    pointer-events: none;
    position: absolute;
    display: block;
    top: 5em;
    left: 8em;
    height: 100px;
    width: 100px;
    border: 2px solid #0044F1;
    opacity: 1;
    content: '';
}

.ParallaxElement5{
    pointer-events: none;
    position: absolute;
    display: block;
    top: 5em;
    left: 11em;
    height: 150px;
    width: 30px;
    opacity: 1;
    content: '';
}

.ParallaxElement6{
    pointer-events: none;
    position: absolute;
    display: block;
    top: 5em;
    left: 14em;
    height: 200px;
    width: 50px;
    border:2px solid #0044F1;
    opacity: 1;
    content: '';
}

.ParallaxElement7{
    pointer-events: none;
    position: relative;
    display: block;
    top: 2.75em;
    left: .5em;
    height: 200px;
    width: 100%;
    background: url(img/PatterDotted.png) 0 5px;
    background-size: 13px auto;
    opacity: 0.6;
    content: '';
}

.ParallaxElement8{
    pointer-events: none;
    position: absolute;
    display: block;
    top: 2.75em;
    right: 20%;
    height: 200px;
    width: 40%;
    background: url(img/PatternDottedWhite.png) 0 5px;
    background-size: 13px auto;
    content: '';
    opacity:0.5
}




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

#intro{
    background:url('img/IntroBackground1.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;
}

.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:#0044F1;
}

#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:160px;
    margin-bottom:20px;
}

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

/*------------------------------------------------------------------
[7. Text separators / #clients, #text-separator-testimonials ]
*/

h3.TextNexttoNumber {
    border-bottom: 2px black;
    letter-spacing: -2px;
    text-transform: uppercase;
    color: #0044F1;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}


.NumberTextIntro{
    display:inline-block;
    top:-10px;
    left:10px;
    color:#0044F1;
}
#clients, #text-separator-testimonials{
    background-color: #000000;
    padding-top:50px;
    padding-bottom:50px;
    padding-left:15px;
    overflow:hidden;

}


#text-separator-testimonials h2{
    color:white;
    z-index: 100;
    position: relative;
}


#text-separator-testimonials p{
    color:#bab3a8;
    z-index: 100;
    position: relative;
}

.textSepLogo{
    position:absolute;
    right:40px;
    z-index: 1;
    opacity:0.1;
    width:400px;
    height:400px;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}



.clientLogoWrapper{
    border-left:0px solid grey;
    border-bottom:0px solid grey;
}

.clientLogoWrapper:nth-child(1){
    border-left:0;
}

.clientLogoWrapper:nth-child(4){
    border-left:0;
    border-bottom:0
}
.clientLogoWrapper:nth-child(5),
.clientLogoWrapper:nth-child(6){
    border-bottom:0
}


#clients h3.SimpleText{
    font-size:28px;
    line-height:1.2;
    margin-bottom:50px;
}


.clientLogo img{
    width: 180px;
    margin-top: 15px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Testimonials */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*.TeamMemberCaption2 {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*height: 75%;*/
    /*-webkit-transform: translateY(150%);*/
    /*-moz-transform: translateY(150%);*/
    /*-ms-transform: translateY(150%);*/
    /*-o-transform: translateY(150%);*/
    /*transform: translateY(150%);*/
    /*-webkit-transition: transform .3s ease;*/
    /*-moz-transition: transform .3s ease;*/
    /*-ms-transition: transform .3s ease;*/
    /*-o-transition: transform .3s ease;*/
    /*transition: transform .3s ease;*/
    /*overflow: hidden;*/

    /*padding:40px;*/

    /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 90%,rgba(255,255,255,0) 100%);*/
    /*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 90%,rgba(255,255,255,0) 100%);*/
    /*background: linear-gradient(to top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 90%,rgba(255,255,255,0) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );*/



/*}*/

/*.TeamMember:hover .TeamMemberCaption2 {*/
    /*-webkit-transform: translateY(43%);*/
    /*-moz-transform: translateY(43%);*/
    /*-ms-transform: translateY(43%);*/
    /*-o-transform: translateY(43%);*/
    /*transform: translateY(43%);*/
/*}*/



/*.TeamMember .ParallaxImageBorder {*/
    /*-webkit-transform: translateY(0);*/
    /*-moz-transform: translateY(0);*/
    /*-ms-transform: translateY(0);*/
    /*-o-transform: translateY(0);*/
    /*transform: translateY(0);*/
    /*-webkit-transition: transform .5s ease;*/
    /*-moz-transition: transform .5s ease;*/
    /*-ms-transition: transform .5s ease;*/
    /*-o-transition: transform .5s ease;*/
    /*transition: transform .5s ease;*/
/*}*/

/*.TeamMember:hover .ParallaxImageBorder {*/
    /*-webkit-transform: translateY(-100px);*/
    /*-moz-transform: translateY(-100px);*/
    /*-ms-transform: translateY(-100px);*/
    /*-o-transform: translateY(-100px);*/
    /*transform: translateY(-100px);*/
/*}*/

.TeamMember:hover .TeamMemberCaption2Text {
    opacity: 1;
    padding-top: 0px;
}
.TeamMemberCaption2Text {
    opacity: 0;
    padding-top: 40px;
    -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
    -moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
    -o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
    transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);
}

.TeamMemberCaption2 {
    position: absolute;
    left: 0px;
    bottom: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.5) 100%);
    background: linear-gradient(to top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.95) 50%,rgba(255,255,255,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );


    z-index: 1;
    padding: 40px 35px;
    transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}

.TeamMember:hover .TeamMemberCaption2 {
    bottom: 0px;
}



#team .owl-buttons div {
    padding: 5px 9px;
}

#text-separator-testimonials .owl-buttons i{
    margin-top: 2px;
}

#text-separator-testimonials .owl-buttons div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#text-separator-testimonials .owl-buttons .owl-prev{
    left: 0px;

}

#text-separator-testimonials .owl-buttons .owl-next{
    right: 0px;
}

.TestimonialImage{
    width:100px;
    height:100px;
    border-radius:50%;
    margin:0 auto;
}


.review{
    text-align:center;
    padding:40px;
}


.review p.titulation{
    color:#bab3a8;
    font-style:italic;
    font-size:10px;
}
.review h4{
    color:#bab3a8;
    letter-spacing:0;
    margin-bottom:0px;
}

.text-separator-title h2{
    padding-top:100px;
}


/*------------------------------------------------------------------
[8. Charts / Timers / Progress-bars]
*/

.ChartBox{
    padding:60px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 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,1))); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height:300px;
    display:table;
}

.ChartBox i{
    font-size:60px;
}

.ChartBoxContent{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
}
.ChartTextWrapper{
    display:inline-block;
    padding-left: 15px;
    min-width: 150px;
}

.ChartTextWrapper h3, .ChartTextWrapper h6{
    margin: 0;
    text-align: left;
}
.ChartBoxContent .ChartTextWrapper.PositionRelative .ChartNumber1.WhiteText {
}



.progress-bar {
    color: #fff;
    background-color: black;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress {
    height: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: white;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 2px solid black;
}




/*------------------------------------------------------------------
[9. Services Section]
*/

.ServiceWrapper i{
    font-size:50px
}

.ServiceWrapper {
    margin-bottom: 40px;
}
.ServiceWrapper {
    margin-bottom: 0;
}


.CubeEffect {
    width: 100%;
    min-height: 200px;
    position: relative;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
}

.CubeWrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;

}

.CubeWrapper div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #222;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.CubeWrapper .ServiceWrapperIcon  {
    -webkit-transform: translateZ( 100px );
    -moz-transform: translateZ( 100px );
    -o-transform: translateZ( 100px );
    transform: translateZ( 100px );
    padding-top:30px;
}

.CubeWrapper .ServiceWrapperText {
    -webkit-transform: rotateX(  -90deg ) translateZ( 100px );
    -moz-transform: rotateX(  -90deg ) translateZ( 100px );
    -o-transform: rotateX(  -90deg ) translateZ( 100px );
    transform: rotateX(  -90deg ) translateZ( 100px );
}

.ServiceWrapperText i{
    position:absolute;
    top:0;
    width:80px;
    left:50%;
    margin-left:-40px;
    margin-top:-30px;
    color: #efefef;
    font-size:80px;
    z-index:-2;
}

.CubeWrapper.show-front {
    -webkit-transform: translateZ( -100px );
    -moz-transform: translateZ( -100px );
    -o-transform: translateZ( -100px );
    transform: translateZ( -100px );
}

.CubeWrapper.show-bottom {
    -webkit-transform: translateZ( -100px ) rotateX(   90deg );
    -moz-transform: translateZ( -100px ) rotateX(   90deg );
    -o-transform: translateZ( -100px ) rotateX(   90deg );
    transform: translateZ( -100px ) rotateX(   90deg );
}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) and (max-width : 992px) {
    .VisibleSm{
        display: table;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .VisibleMd{
        display: table;
    }
    .VisibleSm{
        display: none;
    }

}


/*------------------------------------------------------------------
[10. Portfolio Section]
*/



.portfolioFilters {
    background-color: #0044f1;
}



.grayBackground {
    background-color: #bab3a8;
}


#filters{
    padding-top:30px;
}



.gallery {
    max-width: 100%;
}

.gallery-inner .caption{
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    background: rgba(0,0,0,0.8);
}



.gallery-inner:hover .caption,
.gallery-inner.hover .caption{
    opacity: 1;
}



.gallery {
    background: #4c4c4c;
    min-height:500px;
}

.gallerySmall{
    background: #bab3a8;
}


.CaptionWrapper{
    padding:30px;
    padding-left:60px;
    display:inline-block;
}

.CaptionWrapper p{
    color:#777;
}

.ClientLogo{
    max-width:120px;
    height:auto;
    display:inline-block;
}

.ClientLogo img{
    top: 20px;
    position: relative;
    left:40px;
}

.CaptionWrapper i{
    font-size:20px;
    padding-top:20px;
    padding-right:20px;
}

/* ---- isotope ---- */
/* clear fix */
.gallery:after {
    content: '';
    display: block;
    clear: both;

}



.CaptionWrapper h4{
    position:relative;
}

.CaptionWrapper h4:after{
    border-bottom: 1px solid #fff;
    bottom: -5px;
    left:0;
    content: '';
    display: inline-block;
    position: absolute;
    width:0;
    opacity: 0;
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -moz-transition-property: all;
    -o-transition-property: all;
    -webkit-transition-property: all;
    transition-property: all;

}

.gallery-inner:hover h4:after{
    opacity: 1;
    width: 100% !important;
}




.gallery .gallery-inner {
    float: left;
    height: auto;
    background: #4c4c4c;
    position: absolute;
    left: 0;
    top: 0;
    margin:0;
}


.gallery-inner, .grid-sizer{
    width:33.33%;
}

.grid-sizer-2col-gutter, .gallery-inner-2col-gutter{
    width:40%;
    margin-bottom:10% !important;
}

.gutter-sizer-2col{
    width:10%;
}


.galleryImage{
    /*min-width:100%;*/
    width: 100%;
    height: auto;
}


.portfolioIntroDetails {
    margin-top:10px;
    border:1px solid #ddd;
    padding:20px;
}

.portfolioIntroDetails li {
    line-height:30px;
}

.portfolioIntroDetails li span {
    display: inline-block;
    width: 150px;
    font-weight: 700;
    color: #777;
}

.SinglePagePagination{
    background:#000000;
    padding-top:20px;
    padding-bottom:20px;
}
.SinglePagePagination i{
    color:white;
}


.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    margin-bottom: 50px;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* magnific popup effect */
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}
/* end magnific popup effect */




/*------------------------------------------------------------------
[11. Team Section / #team]
*/


#team {
    background:white;
}

.TeamMember{
    margin:30px;
}


.TeamMember .CaptionFlyingBox {
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -25%;
    background: #efefef;
    padding: 20px 30px;
    max-width: 50%;
    -webkit-transition: all .5s ease .25s;
    transition: all .5s ease .25s;
}

.TeamMember .CaptionFlyingBox  h4,
.TeamMember .CaptionFlyingBox  p{
    margin:0;
}


.TeamMember.ImagewithCaptionOverlay:hover .CaptionFlyingBox {
    background: #eaeaea;
    bottom: 30px;
    left: 50%;
}


#team .owl-buttons div {
    padding: 5px 9px;
}

#team .owl-buttons i{
    margin-top: 2px;
}

#team .owl-buttons div {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#team .owl-buttons .owl-prev{
    left: 40px;

}

#team .owl-buttons .owl-next{
    right: 40px;
}

#owl-team{
    position:relative;
}


/*------------------------------------------------------------------
[12. Pricing Tables / #pricing]
*/


#pricing{
    background-color:#bab3a8;
}

#pricing .SimpleText{
    margin-bottom:20px;
}

#pricing  .subscriptionName{
    border-bottom:1px solid #bab3a8;
    margin-bottom:20px;
}


.tableWrapper{
    padding:60px;
    border: solid 10px black;
}

.tableWrapper .separator{
    padding:20px;
    margin-top:20px;
    margin-bottom:20px;
}


.tableWrapper .subscriptionList{
    margin-bottom:50px;
}


.subscriptionPrice{
    padding-bottom:10px;
}

.subscriptionPrice h3,
.subscriptionPrice p{
    display:inline;
}


/*------------------------------------------------------------------
[13. Contact Section / #contact]
*/


#contact{
    background: white;
}

label{
    width:100%;
}

input:focus, textarea:focus{
    outline:0;
}

label input, textarea{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
}

#contact_form #name,
#contact_form #email,
#contact_form #phone,
#contact_form #coupon{
    height: 50px;
    padding: 10px;
    padding-bottom: 0px;
    border: 0;
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    color: #282828;
    font-size:20px;
    font-weight: 600;
    letter-spacing: -1px;
    border-bottom:1px solid #ddd;
}

#contact_form #comments {
    height: 200px;
    padding: 10px;
    margin-top: 30px;
    padding-bottom: 0;
    border: 0;
    background: transparent;
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size:20px;
    font-weight: 600;
    letter-spacing: -1px;
    border-bottom:1px solid #ddd;
}

.submit:hover{
    color:black;
}


.ContactInfoWrapper{
    padding-top:15px;
    padding-bottom:15px;
}

.ContactInfoWrapper ul {
    padding-top: 10px;

}

#contact p.bold{
    padding-top:30px;
}

.socialContact{
    list-style:none;
    padding:0;
}

.socialContact li{
    display:inline;
}

.socialContact li a {
    width: 50px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    background-color: #000000;
    color:white;
    font-size: 1.25em;
    -webkit-transition: all .5s ease .25s;
    transition: all .5s ease .25s;
}

.socialContact li a:hover {
    background-color: black;

}


#googleMap {
    width: 100%;
    height: 350px;
    overflow: hidden;
}


/*------------------------------------------------------------------
[14. Footer / #footer]
*/

.topLine{
    background:#0044f1;
    padding-top: 50px;
    padding-bottom:50px;
}


.corporateFooter ul li{
    font-size:15px;
    line-height:28px;
}

.corporateFooter ul li .icon{
    font-size:20px;
    padding-right:5px;
    vertical-align:middle;
}

.corporateFooter .footerContact li{
    padding-bottom:10px;
}

.instagram {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

.instagram-placeholder {
    float: left;
    margin-right: 5px;
    width:30%;
}

.instagram-placeholder img{
    width:100%;
    height:auto;
    margin-bottom:5px;
}


#footer .bottomLine {
    padding-top: 50px;
    padding-bottom:50px;
    background-color: #0044f1;
}

#footer .bottomLine p{
    color: #ffffff;
    font-size:12px;
}

#footer .container{
/*multipage only*/
    padding-top:0;
    padding-bottom:0;
}

.footerLogo{
    width:100px;
    height:auto;
}


.footerText{
    color:white;
    padding:10px 40px;
}

.footerText p{
    color: #ffffff
}


/*footer newsletter*/
.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footerText input{
    height: 54px;
    padding-bottom: 3px;
    border: 0;
    background: #ffffff;
    border-radius:0;
    line-height: 54px;
    font-size: 10px;
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
    color: white;
    letter-spacing:1px;
}

.input-group-addon{
    height: 54px;
    border-radius:0;
    padding-left:16px;
    padding-right:16px;
    padding-bottom: 3px;
    border: 0;
    background: #000000;
    text-transform:uppercase;
    color: white;
    letter-spacing:1px;
}

#footer .infoContact {
    list-style: none;
    padding: 10px;
    color: #ffffff
}

#footer .infoContact li .fa {
    margin-right: 6px;
    font-size: 40px;
    position:absolute;
    opacity:0.1;
    left:0;
}

#footer .infoContact li  {
    margin:0;
    padding:0;
    font-size: 12px;
}

.bottomLine p{
    display:inline;
}

.backToTop a{
    color:white;

}

/*------------------------------------------------------------------
[15. Countdown (coming-soon page) / #Countdown]
*/

#countdown {
    width: 100%;
    position: relative;
    height: auto;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 0px;
    background-color:transparent;
    border:0;
}

#countdown .countdown-section{
    display: inline-block;
    position: relative;
    width: 25%;
    height: auto;
    min-height: 150px;
    vertical-align: top;
    border-left: 1px solid rgba(255,255,255,0.4);
}


#countdown .countdown-section:first-child{
    border-left: none;
}

#countdown .countdown-amount{
    margin: 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 90px;
    color:white;
    display:block;
}

#countdown .countdown-period{
    font-size:14px;
    color:white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}



#result h2{
    letter-spacing:0;
}

iframe{border:0;}



/*------------------------------------------------------------------
[16. Other shortcodes]
*/

ul, ol {
line-height: 24px;
}

.nav-tabs {
    border-bottom: 1px solid #bab3a8;
}

.nav-tabs>li>a {
    border-radius: 0;
    border-bottom-color: transparent;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border: 1px solid #bab3a8;
    border-bottom-color: transparent;
    margin-bottom:-1px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #fff;
    background-color: #000000;
}

.nav-pills>li>a {
    border-radius: 0px;
    font-family:'Open Sans', sans-serif;
    text-transform:uppercase;
    font-size:12px;
    font-weight:900;
}

.TabsOscar>li>a {
    position: relative;
    display: block;
    padding: 5px 25px;
}

.tab-content{

    padding:10px;
}

.panel-heading {
    padding: 18px;
}

.panel-group .panel {
    border-radius: 0;
}

.panel {
    border: 2px solid transparent;
    border-radius: 0px;
}
.panel-title{
    font-size: 12px;
}


.panel-default {
    border-color: black;
}

.buttons{
    padding:30px;
}


.buttons button{
    margin:30px;
}

.btn-primary{
    color:#357ebd;
}

.btn-primary:after, .btn-primary:before {
    background: #0044f1;
}

.btn-success{
    color:#0044f1;
}

.btn-success:after, .btn-success:before {
    background: #0044f1;
}

.btn-info{
    color:#0044f1;
}

.btn-info:after, .btn-info:before {
    background: #0044f1;
}
.btn-warning{
    color:#eea236
}

.btn-warning:after, .btn-warning:before {
    background: #eea236;
}


.btn-danger{
    color:#d43f3a;
}

.btn-danger:after, .btn-danger:before {
    background: #d43f3a;
}

.alert {
    border-radius: 0px;
}


.dropcap {
    float: left;
    color: inherit;
    font-size: 50px;
    line-height: 40px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
}



/*------------------------------------------------------------------
[17. Preloader]
*/
.preloaderLogo{
    min-width: 200px;
    max-width: 300px;
    width: 15%;
}



.ip-header {
    position: fixed;
    top: 0;
    z-index: 1050;
    min-height: 480px;
    width: 100%;
    height: 100%;
    background: #000000;
}

.ip-header h1 {
    margin: 0;
}

.ip-logo,
.ip-loader {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: default;
    pointer-events: none;
}

.ip-logo {
    top: 0;
    height: 100%;
    opacity:0;
    -webkit-transform: translate3d(0,25%,0);
    transform: translate3d(0,25%,0);
}

.ip-loader {
    bottom: 30%;
    width:50px;
    left:50%;
    margin-left:-25px;
}

.ip-header .ip-inner {
    display: block;
    margin: 0 auto;
}

.ip-header .ip-logo svg {

}

.ip-header .ip-logo svg path {
    fill: #046674;
}

.ip-header .ip-loader svg path {
    fill: none;
    stroke-width: 6;
}

.ip-header .ip-loader svg path.ip-loader-circlebg {
    stroke: #ddd;
}

.ip-header .ip-loader svg path.ip-loader-circle {
    -webkit-transition: stroke-dashoffset 0.2s;
    transition: stroke-dashoffset 0.2s;
    stroke: #046674;
}


/* Animations */

/* Initial animation of header elements */
.loading .ip-logo,
.loading .ip-loader {
    opacity: 1;
    -webkit-animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
    animation: animInitialHeader 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loading .ip-loader {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,800px,0); }
}

@keyframes animInitialHeader {
    from { opacity: 0; -webkit-transform: translate3d(0,800px,0); transform: translate3d(0,800px,0); }
}

/* Header elements when loading finishes */
.loaded .ip-logo{
    opacity: 1;

}


.loaded .ip-loader {
    opacity: 1;
}



.loaded .ip-logo {
    -webkit-animation: animLoadedLoader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedLoader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}



@-webkit-keyframes animLoadedLogo {
    to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

@keyframes animLoadedLogo {
    to { -webkit-transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); transform: translate3d(0,100%,0) translate3d(0,50px,0) scale3d(0.65,0.65,1); }
}

.loaded .ip-loader {
    -webkit-animation: animLoadedLoader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedLoader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

@keyframes animLoadedLoader {
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); transform: translate3d(0,-100%,0) scale3d(0.3,0.3,1); }
}

/* Change the color of the logo */
.loaded .ip-logo svg path {
    -webkit-transition: all 0.5s ease 0.3s;
    transition: all 0.5s ease 0.3s;
    fill: #fff;
}

/* Header animation when loading finishes */
.loaded .ip-header {
    -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
    animation: animLoadedHeader 1s cubic-bezier(0.7,0,0.3,1) forwards;
}

@-webkit-keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); }
}

@keyframes animLoadedHeader {
    to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

/* Content animations */
.loaded .ip-main h2,
.loaded .ip-main .browser,
.loaded .ip-main .browser .box,
.loaded .codrops-demos {
    -webkit-animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
    animation: animLoadedContent 1s cubic-bezier(0.7,0,0.3,1) both;
}

.loaded .ip-main .browser,
.loaded .ip-main .browser .box:first-child {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.loaded .ip-main .browser .box:nth-child(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.loaded .ip-main .browser .box:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes animLoadedContent {
    from { opacity: 0; -webkit-transform: translate3d(0,200px,0); }
}

@keyframes animLoadedContent {
    from { opacity: 0; -webkit-transform: translate3d(0,200px,0); transform: translate3d(0,200px,0); }
}

/* Change layout class for header */
.layout-switch .ip-header {
    position: absolute;
    display:none;
}

/* No JS */
.no-js .ip-header {
    position: relative;
    min-height: 0px;
}

.no-js .ip-header .ip-logo {
    margin-top: 20px;
    height: 180px;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .ip-header .ip-logo svg path {
    fill: #046674;
}



/*------------------------------------------------------------------
[18. Text Rotator Styling]
*/
h2.AnimatedHeadline b i em{
    font-style:normal;
}


.AnimatedHeadline b  i{
    font-style:normal;
    text-transform: uppercase;
}




.WordsWrapper {
    display: inline-block;
    position: relative;
    text-align: left;
}
.WordsWrapper b {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 0;
    top: 0;
    font-weight:900;
}

.WordsWrapper b.is-visible {
    position: relative;
}
.no-js .WordsWrapper b {
    opacity: 0;
}
.no-js .WordsWrapper b.is-visible {
    opacity: 1;
}


.AnimatedHeadline.AnimatedHeadlineRotation .WordsWrapper {
    -webkit-perspective: 300px;
    -moz-perspective: 300px;
    perspective: 300px;
}
.AnimatedHeadline.AnimatedHeadlineRotation i, .AnimatedHeadline.AnimatedHeadlineRotation em {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.AnimatedHeadline.AnimatedHeadlineRotation i {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -moz-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    -o-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
    opacity: 0;
}
.is-visible .AnimatedHeadline.AnimatedHeadlineRotation i {
    opacity: 1;
}
.AnimatedHeadline.AnimatedHeadlineRotation i.in {
    -webkit-animation: cd-AnimatedHeadlineRotation-in 0.4s forwards;
    -moz-animation: cd-AnimatedHeadlineRotation-in 0.4s forwards;
    animation: cd-AnimatedHeadlineRotation-in 0.4s forwards;
}
.AnimatedHeadline.AnimatedHeadlineRotation i.out {
    -webkit-animation: cd-AnimatedHeadlineRotation-out 0.4s forwards;
    -moz-animation: cd-AnimatedHeadlineRotation-out 0.4s forwards;
    animation: cd-AnimatedHeadlineRotation-out 0.4s forwards;
}
.AnimatedHeadline.AnimatedHeadlineRotation em {
    -webkit-transform: translateZ(20px);
    -moz-transform: translateZ(20px);
    -ms-transform: translateZ(20px);
    -o-transform: translateZ(20px);
    transform: translateZ(20px);
}

.no-csstransitions .AnimatedHeadline.AnimatedHeadlineRotation i {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 0;
}
.no-csstransitions .AnimatedHeadline.AnimatedHeadlineRotation i em {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.no-csstransitions .AnimatedHeadline.AnimatedHeadlineRotation .is-visible i {
    opacity: 1;
}

@-webkit-keyframes cd-AnimatedHeadlineRotation-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
    }
}
@-moz-keyframes cd-AnimatedHeadlineRotation-in {
    0% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0deg);
    }
}
@keyframes cd-AnimatedHeadlineRotation-in {
    0% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(90deg);
        -moz-transform: translateZ(-20px) rotateX(90deg);
        -ms-transform: translateZ(-20px) rotateX(90deg);
        -o-transform: translateZ(-20px) rotateX(90deg);
        transform: translateZ(-20px) rotateX(90deg);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(-10deg);
        -moz-transform: translateZ(-20px) rotateX(-10deg);
        -ms-transform: translateZ(-20px) rotateX(-10deg);
        -o-transform: translateZ(-20px) rotateX(-10deg);
        transform: translateZ(-20px) rotateX(-10deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0deg);
        -moz-transform: translateZ(-20px) rotateX(0deg);
        -ms-transform: translateZ(-20px) rotateX(0deg);
        -o-transform: translateZ(-20px) rotateX(0deg);
        transform: translateZ(-20px) rotateX(0deg);
    }
}
@-webkit-keyframes cd-AnimatedHeadlineRotation-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
    }
}
@-moz-keyframes cd-AnimatedHeadlineRotation-out {
    0% {
        opacity: 1;
        -moz-transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -moz-transform: translateZ(-20px) rotateX(-90deg);
    }
}
@keyframes cd-AnimatedHeadlineRotation-out {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(-20px) rotateX(0);
        -moz-transform: translateZ(-20px) rotateX(0);
        -ms-transform: translateZ(-20px) rotateX(0);
        -o-transform: translateZ(-20px) rotateX(0);
        transform: translateZ(-20px) rotateX(0);
    }
    60% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-100deg);
        -moz-transform: translateZ(-20px) rotateX(-100deg);
        -ms-transform: translateZ(-20px) rotateX(-100deg);
        -o-transform: translateZ(-20px) rotateX(-100deg);
        transform: translateZ(-20px) rotateX(-100deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateZ(-20px) rotateX(-90deg);
        -moz-transform: translateZ(-20px) rotateX(-90deg);
        -ms-transform: translateZ(-20px) rotateX(-90deg);
        -o-transform: translateZ(-20px) rotateX(-90deg);
        transform: translateZ(-20px) rotateX(-90deg);
    }
}


.AnimatedHeadline.type .WordsWrapper {
    vertical-align: top;
    overflow: hidden;
}
.AnimatedHeadline.type .WordsWrapper::after {
    /* vertical bar */
    content:'';
    position: absolute;
    right: 0;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 90%;
    width: 1px;
    background-color: #aebcb9;
}
.AnimatedHeadline.type .WordsWrapper.waiting::after {
    -webkit-animation: PulseAnimation 1s infinite;
    -moz-animation: PulseAnimation 1s infinite;
    animation: PulseAnimation 1s infinite;
}
/*.AnimatedHeadline.type .WordsWrapper.selected {*/
    /*background-color: #aebcb9;*/
/*}*/
.AnimatedHeadline.type .WordsWrapper.selected::after {
    visibility: hidden;
}
/*.AnimatedHeadline.type .WordsWrapper.selected b {*/
    /*color: #0d0d0d;*/
/*}*/
.AnimatedHeadline.type b {
    visibility: hidden;
}
.AnimatedHeadline.type b.is-visible {
    visibility: visible;
}
.AnimatedHeadline.type i {
    position: absolute;
    visibility: hidden;
}
.AnimatedHeadline.type i.in {
    position: relative;
    visibility: visible;
}
@-webkit-keyframes PulseAnimation {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
@-moz-keyframes PulseAnimation {
    0% {
        -moz-transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -moz-transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}
@keyframes PulseAnimation {
    0% {
        -webkit-transform: translateY(-50%) scale(1);
        -moz-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
        -o-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1);
        opacity: 1;
    }
    40% {
        -webkit-transform: translateY(-50%) scale(0.9);
        -moz-transform: translateY(-50%) scale(0.9);
        -ms-transform: translateY(-50%) scale(0.9);
        -o-transform: translateY(-50%) scale(0.9);
        transform: translateY(-50%) scale(0.9);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(0);
        -moz-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
        -o-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 0;
    }
}

/*------------------------------------------------------------------
[19. About-Multipage Featured Section]
*/


.featureWrapper{
    padding:10px;
}


#featured-works .owl-theme .owl-controls {
    text-align: left;
}

.featureWrapper .caption-heading{
    padding:10px;
}

#owl-featured .owl-buttons{
    display:inline-block;
}
#owl-featured .owl-prev, .owl-next{
    display:inline-block;}

.featuredNav{

    margin:10px;
    padding:5px 10px;
    background:#000000;
    color:white;
}


/*------------------------------------------------------------------
[20. Blog Section]
*/

.BlogSection  .blog-gallery{
    background:white;
}

.BlogSection .btn-black{
    margin:10px auto;
    margin-top:30px;
    width:70%;
    display:block;
}

.BlogSection .btn-black:before {
    z-index: 0;
}

.BlogSection .btn-black:before{
    z-index: -1;
}

.BlogSection .blog-gallery .ImageWrapper img{
    padding:0;
}

.BlogSection .gallery .blog-inner {
    float: left;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
}

.BlogSection .blog-gallery .videoWrapper{
    padding-top:0;
}
.BlogSection .gallery .item-3col-gutter,
.BlogSection .gallery .grid-sizer-3col-gutter{
    width: 30%;/* change here the column width */
}

.BlogSection .gallery .item-3col-gutter{
    margin-bottom:3.33333%;
    margin-left:3.33333%;
}

.BlogSection .gutter-sizer-3col{
    width:3.33333%;
}



.BlogSection .BlogPostInfoWrapper{
    padding:20px;
    background:#f5f5f5
}


.BlogSection .BlogPostInfoWrapperHover{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background: rgba(255,255,255,0.8);
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}

.BlogSection .BlogPostInfoWrapperHover:hover{
    background:rgba(255,255,255,0.9);
}


.BlogSection .BlogPostInfoWrapperHover .VContentWrapperTable {
    width:100%;
}

.BlogSection .BlogPostInfoWrapper .smallHeader{
    font-size: 12px;
    font-weight: 700;
    color: #aeaeae;
    font-family: 'Montserrat',sans-serif;
    margin-top: 0;
    text-transform: uppercase;
}


.BlogSection .BlogPostInfoWrapper h3{
    text-transform:none;
    font-weight:700;
}

.line-separator-small{
    margin-top:15px;
    margin-bottom:15px;
    background: #0044f1;
    width:40px;
    height:3px;
    margin-left:auto;
    margin-right:auto;
}

.line-separator-small.notcentered{
    margin-left:0;
    margin-right:auto;
}

.BlogSection .BlogPostInfoWrapperQuote{
    background:#0044f1;
    padding:40px;
}

.SoundCloudWrapper iframe {
    width: 100%;
}


.BlogSection .BlogPostInfoWrapperQuote p{
    font-family:'cursive';
    font-style: italic;
}

.BlogSection .BlogPostInsideWrapper{

    padding:40px;

}
.BlogSection .owl-blog .owl-controls{
    margin-top:0;
}

.BlogSection .owl-blog .owl-pagination{
    margin-top:-30px;
    position:relative;
    z-index:345
}

.BlogSection .owl-blog.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    top: calc(50% - 20px) !important;;
}

.BlogSection .owl-blog.owl-theme .owl-controls .owl-buttons .owl-next {
    right:20px;
}

.BlogSection .owl-blog.owl-theme .owl-controls .owl-buttons .owl-prev {
    left:20px;
}



.BlogSection .PaginationBlog .smallHeader{
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
    margin-top:0
}

.BlogSection .PaginationBlog .smallHeader p{
    text-transform: none;
}


.BlogSection .btn-black:before{
    z-index: 0;
}

.BlogSection .btn-black span{
    position:relative;
    z-index:2
}

.disabled a, .disabled a .smallHeader {
    color: #777;
    cursor: no-drop;
}
.PaginationBlog .smallHeader {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0;
}

.widget{
    margin-top:50px;
    background:#f5f5f5;
    padding:20px;
}

.widget .smallHeader{
    padding-bottom:10px;

}
.widget:first-child{
    margin-top:0;
}

.badge{
    background: #ccc;
    color:white;
    font-weight:400;
}

.widget .line-separator-small{
    margin-top:0px;
    margin-bottom:15px;
    margin-left:0;
}

.label{
    font-weight:400;
}

.SoundCloudInfo{
    margin-top:-10px
}




.widget .input-group-addon {
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: white;
    text-align: center;
    background-color: #181923;
    border: 0;
    border-radius: 0;
    height: 40px;
}

.widget .input-group-addon a{
    color: #fff;
}

.widget .form-control {
    height: 40px;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
}

.widget .form-control:focus {
    border-color: #282828;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.BlogFullWidthWrapper{
    position:relative;
    padding:40px;
    padding-top:0;
}

.BlogFullWidthWrapper .ImageWrapper img {
    padding: 0px;
}

.BlogFullWidthWrapper .btn{
    max-width:200px;
}

.BlogFullWidthWrapper .BlogImage{
    width:100%;
    height:auto;
}



.media {
    margin-top: 15px;
    padding:20px;
    padding-left:0;
}
.media:first-child {
    margin-top: 0;
}
.media-right,
.media > .pull-right {
    padding-left: 10px;
}
.media-left,
.media > .pull-left {
    padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top;
}
.media-middle {
    vertical-align: middle;
}
.media-bottom {
    vertical-align: bottom;
}
.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}
.media-list {
    padding-left: 0;
    list-style: none;
}

.media p.biggerSize{
    display:inline-block;
    padding-left:10px;
    margin-bottom:0;
}

.media .media-heading{
    display:inline-block;
}

.media-left{
    width:15%;
}


.FormHugoBlog label{
    min-width:100%;
    box-shadow:none;
    text-transform: none;
}

.FormHugoBlog input#name,
.FormHugoBlog input#email{
    width:100%;
    box-shadow:none;
    padding:10px;
    border:1px solid #B3B3B3;
    padding-left:20px;
    font-weight:400;
}

.FormHugoBlog textarea{
    border:1px solid #B3B3B3;
    margin-top:0px;
    width:100%;
    height:100px;
    padding-left:20px;
    padding-top:10px;
    font-weight:400;
}

.FormHugoBlog .SubmitButton{
    float:none;
}

.FormHugoBlog label:first-child{
    margin-top:20px;
}



/*------------------------------------------------------------------
[21. Navbar E-commerce]
*/


.navbar-ecommerce{
    padding:10px;
}
.SearchInput{
    padding: 20px 40px 20px;
    width:100%;
    position: fixed;
    top: -999px;
    background-color: #181818;
    opacity:0;
    left:0;
    z-index:9999;
     -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.SearchInput input{

    color:white;
    background-color: #181818;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
    border-color: #181818;
    display:block;
}

.form-control:focus {
    border-color: black;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.SearchCloseTrigger{
    position: absolute;
    z-index:99999;
    color:white;
    font-size:23px;
    right:50px;
    top:0px;
}

.SearchInput.ActiveSearchInput{
    top:0;
    opacity:1;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}


.CartDropdown{
    min-width: 260px;
}

.ShoppingCartDropdown-header{
    padding-bottom:0;
    padding-top:10px;
}

.ShoppingCartDropdown-items{
    padding:15px;
}



.CartDropdown hr{
    margin-top:5px;
    margin-bottom:5px;
}

.ShoppingCartImageSmall {
    float: left;
    margin-right: 15px;
    width: 48px !important;
    height: 48px !important;
    border: 2px solid #EEE;
}

.ShoppingCartImageSmall img{
    width:100%;
    height:100%;
}

.ShoppingCartName {
    position: relative;
    overflow: hidden;
    color:white;
}

.ShoppingCartName a{
    color:white;
    font-size:12px;
}
.ShoppingCartName .ShoppingCartPrice {
    display: block;
    line-height: 14px;
    color: #999;
}

.ShoppingCartName .ShoppingCartQuantity {
    display: block;
    position: absolute;
    font-size: 14px!important;
    right: 0;
    top: 2px;
    letter-spacing:0;
    color:white;
}

.ShoppingCartWrapper{
    padding-bottom:15px;
}

.ShoppingCartDropdown-footer hr{
    margin-bottom:0;
    border-color: #5E5E5E;
    margin-top:0;
}

.ShoppingCartWrapper:last-child{
    padding-bottom:0;
}

.ShoppingCartDropdown-footer h5{
    color:#eee;
}


.navbar .icon-Search,
.navbar .icon-ShoppingCart{
    font-size: 1.6em;
}

.ShoppingCartDropdown-footer .btn{
    font-size:10px;
}

.ShoppingCartDropdown-footer .btn{
    font-size:10px;
}

.EcommercePart .gallery .item-2col-gutter,
.EcommercePart .gallery .grid-sizer-2col-gutter{
    width: 45%; /* change here the column width */
}

.EcommercePart .gutter-sizer-2col{
    width: 5%;
}

.EcommercePart .gallery{
    background: transparent;
}

.EcommercePart .ImageWrapper img {
    padding: 0px;
}

.ShoppingWidget1 hr{
     margin-top:5px;
     margin-bottom:5px;
 }

.ShoppingWidget1 .btn{
    font-size:10px;
}

.badge{
    font-size:10px;
}

.ShoppingWidget2 .Ratings i{
    color: #444;;
}
.LineThrough{
    text-decoration: line-through;
    padding-right:5px;
    color:#ddd
}

.EcommercePart .shopping-inner {
    float: left;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom:5%;
}


.ReadMoreButton{
    max-width:200px;
    margin:20px auto;
}

.ReadMoreButton .fa{
    line-height: 0;
}

.shopping-inner{
    background: white;
}

.ShoppingPostWrapper{
    padding: 25px;
}
.ShoppingTitle{
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .75px;
    color: #1e1e1e;
    text-transform: uppercase;
    font-family: 'Montserrat',sans-serif;
    font-weight:700;
}

.price{
    font-family: 'Montserrat',sans-serif;
    color: #acb1b4;
    font-size: 11px;
    letter-spacing: .25px;
    font-weight:400;
}

.NewBadge span{
    background:red;
    color:white;
    font-size: 11px;
    font-family: 'Montserrat',sans-serif;
    text-transform:uppercase;
    padding:3px 5px;
    font-weight:400;
}

.ShoppingPostHeader{
    padding-top:20px;
    padding-bottom:20px;
}


.shopping-inner .ShoppingImage1, .ShoppingRelated .ShoppingImage1{
    opacity:1;
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
}

.shopping-inner .ShoppingImage2, .ShoppingRelated .ShoppingImage2{
    position:absolute;
    top:0;
    opacity:0;
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
}

.shopping-inner:hover .ShoppingImage1, .ShoppingRelated:hover .ShoppingImage1{
    opacity:0;

}

.shopping-inner:hover .ShoppingImage2, .ShoppingRelated:hover .ShoppingImage2{
    opacity:1;

}

.ShoppingRelated .ShoppingImage1, .ShoppingRelated .ShoppingImage2{
    padding:20px;
}


.QuickButtonsWrapper{
    position:absolute;
    bottom:-50px;
    left:0;
    height:auto;
    width:100%;
    -webkit-transition: all .3s ease-in-out .3s;
    transition: all .3s ease-in-out .3s;
}

.ShoppingRelated:hover .QuickButtonsWrapper{
    bottom:20px;
}

.ShoppingRelated .ImageWrapper{
    overflow:hidden;
}

.QuickButtons{
    padding-top:10px;
    padding-bottom:10px;
    background:#eee;
    position:relative;
    z-index:999;
    font-family:'Lato', sans-serif;
    font-weight:900;
    font-size:10px;
    text-transform:uppercase;
}

.QuickButtons i{
    padding-right:5px;
}

.QuickButtons:first-child{
    border-right:1px solid #ccc;
}
.QuickButtons:hover{
    padding-top:10px;
    padding-bottom:10px;
    background:#ddd;
}



.CategoryBadge, .NewBadge{
    display:inline-block;
}

.CategoryBadge span{
    background: white;
    color: black;
    font-size: 11px;
    font-family: 'Montserrat',sans-serif;
    text-transform:uppercase;
    padding:3px 5px;
    font-weight:400;
}


.ParallaxIntroShopping{
    position:absolute;
    z-index:0;
    left:50%;
}

#intro.nobackground{
    overflow:hidden;
}

.EcommerceReview{
    color:gold;
}

.EcommerceInput{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.MfpOscarEcommerce .mfp-figure:after {
    background:transparent;
    box-shadow:none;
}

.MfpOscarEcommerce .mfp-figure:after {
    background: white;
    box-shadow:none;
}

.MfpOscarEcommerce  .mfp-counter {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
    color: #ccc;
    font-size: 14px;
    width: 100px;
    line-height: 18px;
    white-space: nowrap;
}

.MoreImageEcommerceGallery img{
    padding:20px;
}

.EcommerceReviewComment img{
    width:130px;
    float:left;
    margin-right:20px;
}

.EcommerceReviewComment h4{
    margin-top:15px;
}

.nav-tabs>li>a:hover {
    border-color: transparent;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: transparent;
}

.tab-content {
    padding-top: 25px;
}

.EcommerceFeatureWrapper .icon{
    font-size:20px; vertical-align:middle;
    padding-right:10px;
}

.price .disabled{
    text-decoration:line-through;
    color:#ddd;
}


.EcommerceRelated {
    background:white;
    padding:10px;
    padding-bottom:0;
    margin:10px;
    margin-bottom:0;
}

.EcommerceRelated .ShoppingPostWrapper{
    padding-bottom:10px;
}


.CheckoutWrapper .ShoppingCartImageSmall {
    float: left;
    margin-right: 15px;
    width: 120px !important;
    height: 120px !important;
    border: 2px solid #EEE;
}

.CheckoutTable .ShoppingCartImageSmall {
    float: left;
    margin-right: 15px;
    width: 80px !important;
    height: 80px !important;
    border: 2px solid #EEE;
}

.CheckoutTable td{
    vertical-align: middle !important;;
}

.FormVoucher  #contact_form #coupon{
    margin:0;
    padding:0;
}

.FormHugoBlog.FormVoucher label{
    margin:0;
}

.FormVoucher  #contact_form #coupon{
    margin:0;
    padding:0;
}

.FormHugoBlog.FormVoucher label{
    margin:0;
}

.CheckoutWrapper .ShoppingCartImageSmall {
    float: left;
    margin-right: 15px;
    width: 80px !important;
    height: 80px !important;
    border: 2px solid #EEE;
}

.ShoppingCartIconWrapper{
    width:30px;
    margin:0 auto;
}

.ShoppingCartNumber {
    position:Absolute;
    font-size:10px;
    padding:0;
    right:0px;
    top: -8px;
    z-index: 1000;
    color:black;
}

.ShoppingCartNumber:after{
    width:14px;
    content:'';
    background:white;
    position:absolute;
    height:14px;
    border-radius:50%;
    right:-4px;
    top:2px;
    z-index:-1;
}




/*------------------------------------------------------------------
[22. Portfolio Overlay ]
*/

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    z-index:3000;
    overflow-y: scroll;
}

.overlay-section{
    position: static;
}

/* Effects */
.overlay-slidedown {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.overlay-slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
}



.overlay-close img{
    cursor:pointer;
}

.overlay-close{
    padding:30px;
}


.CloseOverlayWrapper{
    width:200px;
    text-align:center;
    margin:0 auto;
}

.CloseOverlayWrapper i{
    font-size:40px;
}

.ProjectOverlayInfo i,
.ProjectOverlayInfo p,
.OverlayInfoWrapper{
    display:inline-block;

}

.OverlayInfoWrapper{
    padding-left:20px;
    padding-right:20px;
    text-align:center;
    width:100%;
}

.OverlayInfoWrapper i{
    font-size:40px;
}




/*------------------------------------------------------------------
[23. Extra Pages ]
*/


.BlogCarouselWrapper .smallHeader{
    font-size: 12px;
    font-weight: 700;
    color: #aeaeae;
    font-family: 'Montserrat',sans-serif;
    margin-top: 0;
    text-transform: uppercase;
}

.owl-blog2{
    /*credit flaticons.com*/
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACb0lEQVRYR+3X/ZVMQRAF8LsRIAIyWCJABIhgiQARIAJEgAiWCBABIkAGRMD5rS6n9837mp0Zf+lz3pk5r6urbt+6XV3vKH/G9STvkzxL8qK9m/u5nORmkmtJPib5vGJNmTxK8jDJPeuOmpNPSTj91p4y5vjxwLmgwPqtAfTQrp877myt8/xIcqMACHQpyZc2UfaM7g4AfGiMeW+d4CdtR29HmPDO5mr4D9BPfgCoFHD8dEUKfrVUsa0x9m4qK1Jg7a1KwZr0WSDn0NMLrQwBlB9pxMrLNY6LgTlbFN5pYmMHyBgAYsSinbEhsrGUnIu1BMBuCZTA6nSgEBM9A7TAtmcBE8DMjiUA95O8SnK77Y4zTj09gNp5BSthXtkVgCBPLgCg1jlF2JGKUU0sMbALAKkSWGocu6Fuzsg5JADBq0KWkDfiHRJArxFF61TlG5btfwWAaJXvXswHT0HPwH8Ae2XAVepo9WUW3T3ljmDfV6wGwFDdN9R2gYaFaKm4jc2vAgD187baXa0/UMnU/Q31boliEQBavyZ5l0T9F7gHdHAAU4Vi7DLacvNn5osMTBq0lsxth5WLjkUA1ZCqVhqJfY9FAALWzfcgyes9Iyjfi5cRqrVTG5fGjoBWA5AKIK62o7fNB8ccRn5oaKNFG7sNFR8gtNr04P8uo/Lf95V//U1dx+qCUquTUQ9WtdgTKO2+/xo6ZzbXD0gHMSrNWNBSbcOG9ZoQDEy26EsNCbSKkYtFacaK581MTgQGmvDsfPZUrQEgFqdSAQyBVrdrrlihHXYlNJcZELOsrQXQb1ggYOyuPjTNf29f1gL2DemsgH8DkjrBYSUeYXAAAAAASUVORK5CYII=), default;
}

.owl-blog2 .owl-item{
    border-bottom:1px solid #f5f5f5;
}
.BlogCarouselWrapper:hover{
    background:#f5f5f5;
}

.BlogPostInfoWrapperStyle2 ul li{
    padding-left: 10px;
    padding-right: 10px;
}

.BlogPostInfoWrapperStyle2 ul li a{
    color: #494949;
}


.BlogPostInfoWrapperStyle2 h3{
    margin-top:10px;
}

.BlogSection .BlogPostInfoWrapperStyle2{
    padding-left:40px;
    padding-right:40px;
}

.BlogPostInfoWrapperStyle2 .btn-black {
    margin-top: 40px;
}

.RecentPostWrapper{
    display:flex;
}

.RecentPostWrapper .RecentImgWrapper{
    width:70px;
    height: 70px;
    overflow:hidden;
    margin-right:15px;
}

.RecentImgWrapper img{
    height:100%;
    width:auto;
    display:block;
    margin:auto;
}

.RecentPostWrapper .RecentPostTitle{
    order: 1;
}

.RecentPostWrapper .smallHeader{
    font-size: 12px;
    font-weight: 700;
    color: black;
    font-family: 'Montserrat',sans-serif;
    margin-top: 0;
    text-transform: uppercase;
    padding-bottom:0;
}

.InstaImage{
    width:33.33%;
    float:left;
    padding-right:5px;
    padding-top:5px;
}


.InstagramCarousel .owl-theme .owl-controls{
    display:none !important;
}

.ParallaxBackgroundImage{
    z-index:-1;
    position:absolute;
}

.OverflowHidden{
    overflow:hidden;
}

.ParallaxWrapper{
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}

.NavbarEcommerceTopWrapper{
    position:relative;
    display:block;

}


.NavbarEcommerceTopWrapper .container{
    overflow:inherit;
    z-index:inherit !important;
    display:table;
}


.NavbarEcommerceTopWrapper .icon{
    vertical-align:middle;
}

.NavbarEcommerceTopWrapper h5{
    font-size:12px;
}


.NavbarEcommerceTopWrapper{
    overflow:visible;
}

.NavbarEcommerceTop li{
    float:right;
}

.NavbarEcommerceTop .dropdown-menu li {
    float: none;
    text-align: left;
}

.NavbarEcommerceTopWrapper{
    position:relative;
}

.EcommerceNavbarRow{
    display: table;
    width: 100%;
}

.NavbarEcommerceTopWrapper .nav .open>a, .NavbarEcommerceTopWrapper .nav .open>a:hover, .NavbarEcommerceTopWrapper .nav .open>a:focus {
    background-color: transparent;
    border-color: transparent;
}

.NavbarEcommerceTopWrapper .nav .open{
    display:block;
}


.NavbarEcommerceTop li a{
    font-size: 12px;
    font-weight: 700;
    color: white;
    font-family: 'Montserrat',sans-serif;
    margin-top: 0;
    text-transform: uppercase;
    padding-bottom:0;
}

.NavbarEcommerceTop .dropdown-menu li a{
    padding-bottom:10px;
}

.NavbarEcommerceMiddle .fa-heart-o{
    font-size: 1.6em;
}

.NavbarEcommerceMiddle .ShoppingCartNumber:after{
    background: black;
    top:4px;
}

.NavbarEcommerceMiddle .ShoppingCartNumber{
    color:white;
}


.NavbarEcommerceTopWrapper .dropdown{
    float:left;
    text-align: center;
}

.NavbarEcommerceBottomWrapper{
    position:relative;
    z-index:99;
    width: 100%;
}

.NavbarEcommerceBottomWrapper .container{
    overflow:visible;
}

.NavbarEcommerceBottomWrapper .navbar-default {
    padding: 0;
    margin:0;
}

#navbar-collapse > ul > li:first-child > a{
    padding-left:0;
}


.NavbarEcommerceTopWrapper .container .row{
    z-index:inherit;
}

.iconWrapper {
    width:60px;
    height:60px;
    padding-top:10px;
}

.PromoTextWrapper{
    overflow:auto;
}

.PromoWrapper{
    padding:20px;
}

.absoluteIconPromo{
    position:absolute;
    top:20px;
    left:30px;
    font-size:3em;
    opacity:0.05;
}

.PromoCaption {
    position:absolute;
    width:100%;
    height:100%;
    top:80px;
    left:40px;
    z-index:500;
    overflow:hidden;
}

.PromoCaption h3, .PromoCaption h4{
    margin:0;
    color:white;
}

.SalePercentage{
    position:absolute;
    top:60px;
    right:40px;
    color:white;
    font-family:'Montserrat', sans-serif;
    font-weight:700;
    width:100px;
    height:100px;
    padding:14px;
    padding-top:20px;
    font-size:40px;
    letter-spacing:-3px;
    background: #5CDBE7;
    border-radius: 50px;
}

.owl-ecommerce{
    /*credit flaticons.com*/
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACb0lEQVRYR+3X/ZVMQRAF8LsRIAIyWCJABIhgiQARIAJEgAiWCBABIkAGRMD5rS6n9837mp0Zf+lz3pk5r6urbt+6XV3vKH/G9STvkzxL8qK9m/u5nORmkmtJPib5vGJNmTxK8jDJPeuOmpNPSTj91p4y5vjxwLmgwPqtAfTQrp877myt8/xIcqMACHQpyZc2UfaM7g4AfGiMeW+d4CdtR29HmPDO5mr4D9BPfgCoFHD8dEUKfrVUsa0x9m4qK1Jg7a1KwZr0WSDn0NMLrQwBlB9pxMrLNY6LgTlbFN5pYmMHyBgAYsSinbEhsrGUnIu1BMBuCZTA6nSgEBM9A7TAtmcBE8DMjiUA95O8SnK77Y4zTj09gNp5BSthXtkVgCBPLgCg1jlF2JGKUU0sMbALAKkSWGocu6Fuzsg5JADBq0KWkDfiHRJArxFF61TlG5btfwWAaJXvXswHT0HPwH8Ae2XAVepo9WUW3T3ljmDfV6wGwFDdN9R2gYaFaKm4jc2vAgD187baXa0/UMnU/Q31boliEQBavyZ5l0T9F7gHdHAAU4Vi7DLacvNn5osMTBq0lsxth5WLjkUA1ZCqVhqJfY9FAALWzfcgyes9Iyjfi5cRqrVTG5fGjoBWA5AKIK62o7fNB8ccRn5oaKNFG7sNFR8gtNr04P8uo/Lf95V//U1dx+qCUquTUQ9WtdgTKO2+/xo6ZzbXD0gHMSrNWNBSbcOG9ZoQDEy26EsNCbSKkYtFacaK581MTgQGmvDsfPZUrQEgFqdSAQyBVrdrrlihHXYlNJcZELOsrQXQb1ggYOyuPjTNf29f1gL2DemsgH8DkjrBYSUeYXAAAAAASUVORK5CYII=), default;
}

.ParallaxSection .ParallaxBackgroundImage.Image1{
    right:20px;
    z-index:99;
}

.ParallaxSection .ParallaxBackgroundImage.Image2{
    left:20px;
    z-index:99;
}

.ParallaxSection .btn{
    max-width:200px;
    margin:20px auto;
}

.PositionRelative .container{
    z-index:100;
}

.owl-toprated .ShoppingCartImageSmall {
    width:80px !important;
    height:80px !important;
}

.TopRatedSection .line-separator-small {
    margin-left: 0;
}

.TopRatedSection .owl-theme .owl-controls .owl-page span {
    background: #0044f1;
}

.owl-toprated > div{
    margin-left:10px;
    margin-right:10px;
}

.TopMenuWrapperforSize{
    float:right;
}


.NavbarEcommerceBottomWrapper.affix{
    position:fixed;
    top:0;
    z-index:999;
}

.SidebarPortfolioFixed{
    position: fixed;
    height: 100%;
    left: 0;
    top: 0;
    width:18%;
    z-index: 10;
    padding: 60px 0 0 30px;
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);
    text-align: center;
}

.PortfolioStyle2Container{
    position: relative;
    left: 18%;
    width: 82%;
}

.SidebarPortfolioFixed .navbar-nav>li {
    float:none;
    text-align:left;
    padding:0;
}

.SidebarPortfolioFixed .navbar-nav > li > a{
    padding-left:0;
    padding-top:10px;
    padding-bottom:10px;
}


.SidebarPortfolioFixed .SidebarLogo{
    width:110px;
    height:110px;
    margin-bottom:60px;
}

#collapseFilters li a{
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #d5d5d5;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    padding-left:15px;
}

#collapseFilters #filters{
    padding:0;
    padding-bottom:20px;
}

.SocialLinksSidebar > a{
    display:inline-block !important;
    width:20px;
    margin:0;
    margin-top:50px;
}

.ShowOnMobile{
    display:none;
}


.ServiceWrapper2{
    padding:30px;
}

.ServiceWrapperIcon2 .icon{
    font-size:50px;
    border:1px solid #eee;
    border-radius:50%;
    padding:25px;
}

.ServiceWrapper2:hover .icon{
    border:1px solid black;
}

.ServiceWrapperIcon2{
    margin-bottom:40px;
}

.ServiceWrapper3{
    padding:25px;
    min-height:250px;
    /*border-left: 1px solid #ddd;*/
    /*border-bottom: 1px solid #ddd;*/
}

.ServiceWrapper3 .AbsoluteIcon{
    position:absolute;
    top:0;
    left:70px;
    font-size:100px !important;
    color: rgba(238,238,238,0.4);
    z-index:-1;
}


.ServiceWrapper3 .ServiceWrapperText{
    overflow:hidden;
    text-align:left;
}

.ServiceWrapper3 .icon{
    padding-top:10px;
}

.ServiceWrapper3 .icon{
    float:left;
    font-size:50px;
    padding-right:35px;
}

.BorderBottomNone{
    border-bottom: none;
}

#servicesContent .ServiceWrapper3:nth-child(5),
#servicesContent .ServiceWrapper3:nth-child(1){
    border-left:none;
}








.FadingText{
    position:absolute;
    right:0;
    z-index:-1;
    color:#f9f9f9;
    top:-30px;
    text-transform: none;
    font-size:140px;
    font-weight: 700;
    letter-spacing: -4px;
}

.FadingText.DarkerGrey{
    padding-top:20px;
    color: #F1F1F1;
    line-height:100px;
}



.SideParallaxImage{
    height: 700px;
    position: absolute;
    z-index: -1;
    top: 0;
    width: auto;
}

.LeftAligned{
    position: absolute;
    left:0;
}

.RightAligned{
    position: absolute;
    right:0;
}

.FullWidthParallax{
    width:100%;
    height:auto;
    left:0;
}


#What-we-do2{
    overflow:hidden;
}



.topArrow:after{
    position: absolute;
    width:70px;
    height:32px;
    top:35px;
    right: 0px;
    z-index:2;
    content:'';
    background:url('img/arrow1.png') no-repeat;
    background-size: 70px 32px;
}


.bottomArrow:after{
    position: absolute;
    width:70px;
    height:32px;
    top:80px;
    right:0;
    z-index:2;
    content:'';
    background:url('img/arrow2.png') no-repeat;
    background-size: 70px 32px;
}

.ProcessImageWrapper{
    width:200px;
    height:200px;
    margin:0 auto;
    border-radius:100px;
    overflow:hidden;
    margin-bottom:30px;
}

.ProcessImageWrapper2{
    width:200px;
    height:200px;
    margin:0 auto;
    border-radius:100px;
    overflow:hidden;
    margin-bottom:30px;
    border: 5px solid transparent;
}

.ProcessImageWrapper2 img{
    width:100%;
}

.ProcessImageWrapper2:hover{
    border: 5px solid #ddd;
}

.ProcessWrapper{
    padding:20px;
}

.ProcessWrapper2{
    padding:20px;
}


.ProcessNumber{
    font-family: 'Raleway', sans-serif;
    font-size:240px;
    font-weight:900;
    letter-spacing:-10px;
    display:inline-block;
    color:#ddd;
    position:absolute;
    top:-20px;
    left:20px;
    line-height:140px;
    z-index:-1;
    -webkit-transition: all .5s ease .25s;
    transition: all .5s ease .25s;
}

.ProcessWrapper:hover .ProcessNumber{
    color:#eee;
}

.ProcessSeparator:after{
    width:100px;
    content:'';
    position:absolute;
    top:110px;
    right:-50px;
    height:1px;
    background: transparent;
    border:1px dashed #ccc;
}



.ProcessBubble:after{
    width:40px;
    content:'';
    height:40px;
    border-radius:50%;
    position: absolute;
    z-index:-3333;
    left:-5px;
    top:-5px;
    border:1px solid #5CDBE7;
}

.ProcessBubble{
    width:30px;
    height:30px;
    background: transparent;
    border-radius:50%;
    position:relative;
    margin:0 auto;
    margin-bottom:30px;
    box-shadow: 0 0 2px 2px rgba(221,221,221,0.6);
}

.ProcessBubble:before{
    width:50px;
    content:'';
    height:50px;
    border-radius:50%;
    position: absolute;
    z-index:-10;
    left:-10px;
    top:-10px;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    box-shadow: 0 0 5px 5px rgba(221,221,221,0.6);
}

.ConnectionLine{
    position:absolute;
    width:80%;
    left:60%;
    top:15px;

    height:1px;
    background:#ddd;
}


.active .ProcessBubble{
    background: #5CDBE7
}




.box-50{
    width:50%;
    float:left;
    position:relative;
}

#owl-testimonials2 p{
    color:white;
}

#owl-testimonials2 p{
    color:white;
}

.MixedContent .ClientsWrapper2{
    padding-left:30px;
    padding-right:30px;
}

.ClientsWrapper2 .clientLogoWrapper .clientLogo img {
    width: 130px;
    margin-top: 15px;
}


.MixedContent .clientLogoWrapper.col-xs-6{
    border:none;
}

.MixedContent .clientLogoWrapper.col-xs-6{
    border-bottom: 1px solid #CBC;
    border-right: 1px solid #CBC;

}

.MixedContent .clientLogoWrapper.col-xs-6:nth-child(2n){
    border-right:0;
}

.MixedContent .clientLogoWrapper.col-xs-6:nth-child(5),.clientLogoWrapper.col-xs-6:nth-child(6){
    border-bottom:0;
}

.signatureBackground{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0.03;
    z-index:-1;
}

.signatureBackground img{
    width:100%;
    height:100%;
}


.FreelancerHolder{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    left:0;

}

#FreelanceCarouselSection .ServiceWrapper{
    cursor:pointer
}



.FilterPositionAboslute{
    height:100%;

    position: absolute;
    margin: 0 auto;
    left:0;
    right:0;
    z-index: -10;
    width: 600px;
}

.FilterPositionAboslute .textholder{
    font-size: 140px;
    font-weight: 700;
    letter-spacing: -4px;
    text-align:Center;
    color:#e9e9e9;
    position: relative;
    display: block;
}


a.ServiceTab:focus {
    color: #959595;
    text-decoration: none;
    outline: 0;
}

.BackgroundIconWrapper{
    position:absolute;
    top:40px;
    left:50%;
    z-index:-1;
    color:#eee
}

#TabContent .BackgroundIcon{
    left:-50%;
    position:Relative;
    font-size:140px;
}


.gallery-inner-2col, .grid-sizer-2col{
    width:50%;
}


.gallerySmall .gallery-inner-2col .CaptionWrapper{
    padding:10px;
    padding-left:20px;

}


#clients2 img{
    padding: 20px;
    width:100%;
    height:100%;
}

.ClientsWrapper3{
    border-left:1px solid #ddd;

}

.ClientsWrapper3:first-child{
    border-left:0;
}


.BorderedIntro .border{

}


.bordertop{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:25px;
    background:white;
    z-index:99;
}


.borderbottom{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:25px;
    background:white;
    z-index:99;
}


.borderleft{
    position:absolute;
    top:0;
    left:0;
    width:25px;
    height:100%;
    background:white;
    z-index:99;
}

.borderright{
    position:absolute;
    top:0;
    right:0;
    width:25px;
    height:100%;
    background:white;
    z-index:99;
}





.grid {
    position: relative;
    margin: 0 auto;
}

.js .grid::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background: #252323 url(../img/loading.svg) no-repeat 50% 75px;
    background-size: 60px auto;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.js .grid--loaded::after {
    opacity: 0;
}

.gallery-inner-style2 {
    width: 33.33%;
}

.gallery-inner-style2--current {
    opacity: 0 !important;
}

.Portfolio2ItemWrap {
    display: block;
}

.Portfolio2ItemWrap:focus,
.Portfolio2ItemWrap:hover {
    outline: none;
}

.Portfolio2ItemWrap img {
    display: block;
    max-width: 100%;
}

.preview {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 50%;
    height: 100%;
    pointer-events: none;
}

.preview::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #1f1d1d;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.preview--open {
    pointer-events: auto;
}

.preview--open::before {
    opacity: 1;
}

.clone {
    position: fixed;
    z-index: 110;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-backface-visibility: hidden;
}

.original {
    position: relative;
    z-index: 120;
    display: block;
    object-fit: contain;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-backface-visibility: hidden;
}

.preview--open .animate {
    /* open */
    -webkit-transition: -webkit-transform 0.6s, opacity 0.2s;
    transition: transform 0.6s, opacity 0.2s;
}

.animate {
    /* close */
    -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
    transition: transform 0.3s, opacity 0.2s;
}

.ItemCaption {
    color: #fff;
}

.js .DescriptionWrapper {
    display: none;
}

.PortfolioItemPreview2 {
    font-size: 2em;
    position: absolute;
    z-index: 140;
    width: 100%;
    left: 100%;
    top: 0;
    height: 100%;
    padding: 0 1em;
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    opacity: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
}

.preview--open .PortfolioItemPreview2 {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.PortfolioItemPreview2 h3 {
    font-weight: normal;
    margin: 0;
}

.PortfolioItemPreview2 p {
    font-size: 0.65em;
    max-width: 100%;
}

.PortfolioItemPreview2 p em {
    color: #5D5D5D;
    display: block;
    padding: 0.4em 0 0 0;
}


/* Details */

.CaptionDetails {
    max-width: 100%;
    /* IE 10-11 bug flexbox */
}

.CaptionDetails ul {
    line-height: 1;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.CaptionDetails ul li {
    font-size: 0.5em;
    position: relative;
    display: inline-block;
    margin: 0 1em 0 0;
    padding: 0.15em 0;
    white-space: nowrap;
    opacity: 0;
    color: #9d9d9d;
    -webkit-transition: -webkit-transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

.preview--open .CaptionDetails ul li {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.preview--open .CaptionDetails ul li:nth-child(1) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.preview--open .CaptionDetails ul li:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.preview--open .CaptionDetails ul li:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.preview--open .CaptionDetails ul li:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.preview--open .CaptionDetails ul li:nth-child(5) {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.CaptionDetails .icon {
    margin-right: 5px;
    color: #5CDBE7;
}


/* Close button */
.action {
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: top;
    color: #5CDBE7;
    border: none;
    background: none;
}

.action:hover,
.action:focus {
    color: #5CDBE7;
    outline: none;
}

.action--close {
    position: fixed;
    z-index: 99991;
    top: 0;
    right: 0;
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: scale3d(0.6, 0.6, 1);
    transform: scale3d(0.6, 0.6, 1);
}

.preview--image-loaded .action--close {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.text-hidden {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
    color: transparent;
}

@media screen and (max-width: 40em) {
    .PortfolioItemPreview2 h3 {
        font-size: 1em;
    }
    .PortfolioItemPreview2 p,
    .details {
        display: none;
    }
}


#rev_slider{
    position:relative;
}

.SpecialOfferWrapper{
    width:100%;
    height:auto;
    overflow:hidden;
}

.SpecialWrapper .Plainblack-overlay{
    opacity:0;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    z-index:4;
}


.SpecialWrapper:hover .Plainblack-overlay{
    opacity:0.6;

}


.SpecialOfferWrapper img{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.SpecialWrapper:hover img{
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
}

.PromoCaption a{
    position:relative;
    left:-2000px;
    color:white;
    top:10px;
    -webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -ms-transition: all .3s ease; /* IE 9 */
    -o-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}

.SpecialWrapper:hover .PromoCaption a{
    position:relative;
    left:0px;
}