/* GLOBALS */

body, html {
    height: 100%;
    width: 100%;
}

a, a:hover, a:focus, a:active {
    outline: 0 !important;
    color: #01a1ff;
}

::selection {
    color: #01a1ff;
    background: #000000;
}

::-moz-selection {
    color: #01a1ff;
    background: #000000;
}

.navbar {
    min-height: 80px !important;
    background: rgba(0, 0, 0, 0.7) !important;
    border-color: #000000 !important;
}

.navbar-collapse {
    border-color: #000000 !important;
}

.navbar-nav > li > a {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.navbar-right a {
    color: #dddddd !important;
}

.navbar-right .active a {
    color: #ffffff !important;
    font-weight: bold;
}

.navbar-right .active a, .navbar-right a:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.navbar-brand {
    height: 80px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.navbar-toggle {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
    border: none !important;
    background-color: #000000 !important;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff !important;
}

.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #ffffff !important;
    border: none !important;
}

.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
    background-color: #000000 !important;
}

@media (max-width: 767px) {

    .navbar {
        background: rgba(0, 0, 0, 0.9) !important;
    }

    .navbar-nav > li > a {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .navbar-nav {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

}

.btn-outline-inverse {
    background-color: rgba(0, 0, 0, 0);
    border-color: #ffffff;
    color: #ffffff;
    margin-top: 50px;
    margin-bottom: 50px;
}

.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse:active {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #000000;
    text-shadow: none;
}

.btn-outline {
    background-color: rgba(0, 0, 0, 0);
    border-color: #000000;
    color: #000000;
    margin-top: 50px;
    margin-bottom: 50px;
}

.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    text-shadow: none;
}

.form-horizontal label.error {
    display: none !important;
}

/* ERROR PAGE */

.oops {
    background-color: #000000;
    background: url('http://www.typing.hr/img/10.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.oopsContent {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.6) !important;
    height: 100%;
    text-align: center;
}

.oopsContent h1 {
    margin-top: 110px;
    font-size: 64px;
    color: #ffffff;
}

.oopsContent .lead {
    font-size: 30px;
    margin-bottom: 50px;
    color: #ffffff;
}

@media (max-width: 767px) {

    .oops {
        background-attachment: scroll;
    }

    .oopsContent h1 {
        font-size: 28px;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .oops {
        background-attachment: scroll;
    }
}

/* ERROR PAGE END */

/* GLOBALS END */
/************************************* WHOWEARE *************************************/
/* WHOWEARE INTRO */

.whoWeAreIntro {
    background-color: #000000;
    background: url('../img/1.jpg') no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whoWeAreIntroContent {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.6) !important;
    height: 100%;
    text-align: center;
}

.whoWeAreIntroContent h1 {
    margin-top: 110px;
    font-size: 64px;
    color: #ffffff;
    font-weight: 200;
}

@media (max-width: 767px) {

    .whoWeAreIntro {
        background-attachment: scroll;
    }

    .whoWeAreIntroContent h1 {
        font-size: 28px;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whoWeAreIntro {
        background-attachment: scroll;
    }
}

/* WHOWEARE INTRO END */
/* WHOWEARE TEAM */

.whoWeAreTeam {
    background-color: #000000;
    background: url('../img/2.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whoWeAreTeamContent {
    display: table-cell;
    vertical-align: middle;
    background: rgba(1, 161, 255, 0.7) !important;
    height: 100%;
    text-align: center;
}

.whoWeAreTeamContent h1 {
    font-size: 64px;
    color: #ffffff;
    margin-top: 110px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .whoWeAreTeam {
        background-attachment: scroll;
    }

    .whoWeAreTeamContent h1 {
        font-size: 28px;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whoWeAreTeam {
        background-attachment: scroll;
    }
}

.whoWeAreTeamContent .lead {
    font-size: 30px;
    margin-bottom: 50px;
    color: #ffffff;
}

/* WHOWEARE TEAM END */
/* WHOWEARE HQ */

.whoWeAreHQ {
    background-color: #000000;
    background: url('../img/3.jpg') no-repeat right center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whoWeAreHQContent {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.6) !important;
    height: 100%;
    text-align: center;
}

.whoWeAreHQContent h1 {
    font-size: 64px;
    color: #ffffff;
    margin-top: 110px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .whoWeAreHQ {
        background-attachment: scroll;
    }

    .whoWeAreHQContent h1 {
        font-size: 28px;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whoWeAreHQ {
        background-attachment: scroll;
    }
}

.whoWeAreHQContent .lead {
    font-size: 30px;
    margin-bottom: 50px;
    color: #ffffff;
}

.whoWeAreHQContent .col-sm-4 {
    margin-bottom: 50px;
}

.whoWeAreHQContent h2 {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 20px;
    display: inline-block;
}

.whoWeAreHQContent h2.lineBlue {
    border-bottom: 2px solid #01a1ff;
}

.whoWeAreHQContent p {
    font-size: 18px;
    color: #ffffff;
    padding: 0 50px 10px 50px;
}

/* WHOWEARE HQ END */
/* WHOWEARE SOCIAL */

.whoWeAreSocial {
    background-color: #ffffff;
    height: 30%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whoWeAreSocialContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
}

.whoWeAreSocialContent h1 {
    font-size: 30px;
    margin: 50px 0;
    color: #000000;
    font-weight: 200;
    padding: 0 50px;
}

@media (max-width: 767px) {

    .whoWeAreSocial {
        background-attachment: scroll;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whoWeAreSocial {
        background-attachment: scroll;
    }
}

.whoWeAreSocialContent .col-sm-4 {
    margin-bottom: 50px;
}

.whoWeAreSocialContent h2 {
    font-size: 24px;
    color: #000000;
    padding-bottom: 20px;
    display: inline-block;
}

.whoWeAreSocialContent p {
    font-size: 18px;
    color: #000000;
    padding: 0 50px 10px 50px;
}

/* WHOWEARE SOCIAL END */

/************************************* WHOWEARE END *************************************/
/************************************* WHATWEDO *************************************/
/* WHATWEDO INTRO */

.whatWeDoIntro {
    background-color: #000000;
    background: url('../img/4.jpg') no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDoIntroContent {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.6) !important;
    height: 100%;
    text-align: center;
}

.whatWeDoIntroContent h1 {
    margin-top: 110px;
    font-size: 64px;
    color: #ffffff;
    font-weight: 200;
}

@media (max-width: 767px) {

    .whatWeDoIntro {
        background-attachment: scroll;
    }

    .whatWeDoIntroContent h1 {
        font-size: 28px;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whatWeDoIntro {
        background-attachment: scroll;
    }
}

/* WHATWEDO INTRO END */
/* WHATWEDO FOCUS */

.whatWeDoFocus {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDoFocusContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
}

.whatWeDoFocusContent h1 {
    font-size: 64px;
    color: #000000;
    margin-top: 110px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .whatWeDoFocusContent h1 {
        font-size: 28px;
    }

}

.whatWeDoFocusContent .lead {
    font-size: 30px;
    margin-bottom: 50px;
}

.whatWeDoFocusContent .col-sm-4 {
    margin-bottom: 50px;
}

.whatWeDoFocusContent h2 {
    font-size: 24px;
    color: #000000;
    padding-bottom: 20px;
    display: inline-block;
}

.whatWeDoFocusContent h2.lineRed {
    border-bottom: 2px solid #FF5555;
}

.whatWeDoFocusContent h2.lineGreen {
    border-bottom: 2px solid #4dc897;
}

.whatWeDoFocusContent h2.lineBlue {
    border-bottom: 2px solid #01a1ff;
}

.whatWeDoFocusContent p {
    font-size: 18px;
    color: #999999;
    padding: 0 50px 10px 50px;
}

/* WHATWEDO FOCUS END */
/* WHATWEDO DESIGN */

.whatWeDoDesign {
    background-color: #ffffff;
    background: url('../img/5.jpg') repeat center center fixed;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDoDesignContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
}

.whatWeDoDesignContent h1 {
    font-size: 64px;
    color: #ffffff;
    margin-top: 110px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .whatWeDoDesign {
        background-attachment: scroll;
    }

    .whatWeDoDesignContent h1 {
        font-size: 28px;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whatWeDoDesign {
        background-attachment: scroll;
    }
}

.whatWeDoDesignContent .lead {
    font-size: 30px;
    margin-bottom: 50px;
    color: #ffffff;
}

.whatWeDoDesignContent .col-sm-4 {
    margin-bottom: 50px;
}

.whatWeDoDesignContent h2 {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 20px;
    display: inline-block;
}

.whatWeDoDesignContent h2.lineWhite {
    border-bottom: 2px solid #ffffff;
}

.whatWeDoDesignContent p {
    font-size: 18px;
    color: #ffffff;
    padding: 0 50px 10px 50px;
}

/* WHATWEDO DESIGN END */
/* WHATWEDO DEVELOPMENT */

.whatWeDoDevelopment {
    background-color: #000000;
    background: url('../img/6.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDoDevelopmentContent {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.8) !important;
    height: 100%;
    text-align: center;
}

.whatWeDoDevelopmentContent h1 {
    font-size: 64px;
    color: #ffffff;
    margin-top: 110px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .whatWeDoDevelopment {
        background-attachment: scroll;
    }

    .whatWeDoDevelopmentContent h1 {
        font-size: 28px;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whatWeDoDevelopment {
        background-attachment: scroll;
    }
}

.whatWeDoDevelopmentContent .lead {
    font-size: 30px;
    margin-bottom: 50px;
    color: #ffffff;
}

.whatWeDoDevelopmentContent .col-sm-4 {
    margin-bottom: 50px;
}

.whatWeDoDevelopmentContent h2 {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 20px;
    display: inline-block;
}

.whatWeDoDevelopmentContent h2.lineGreen {
    border-bottom: 2px solid #4dc897;
}

.whatWeDoDevelopmentContent p {
    font-size: 18px;
    color: #ffffff;
    padding: 0 50px 10px 50px;
}

/* WHATWEDO DEVELOPMENT END */
/* WHATWEDO SOCIAL MEDIA */

.whatWeDoSocialMedia {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDoSocialMediaContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
}

.whatWeDoSocialMediaContent h1 {
    font-size: 64px;
    color: #000000;
    margin-top: 110px;
    margin-bottom: 50px;
}

@media (max-width: 767px) {

    .whatWeDoSocialMedia {
        background-attachment: scroll;
    }

    .whatWeDoSocialMediaContent h1 {
        font-size: 28px;
    }

}

.whatWeDoSocialMediaContent .lead {
    font-size: 30px;
    margin-bottom: 50px;
    color: #999999;
}

.whatWeDoSocialMediaContent .col-sm-4 {
    margin-bottom: 50px;
}

.whatWeDoSocialMediaContent h2 {
    font-size: 24px;
    color: #000000;
    padding-bottom: 20px;
    display: inline-block;
}

.whatWeDoSocialMediaContent h2.lineBlue {
    border-bottom: 2px solid #01a1ff;
}

.whatWeDoSocialMediaContent p {
    font-size: 18px;
    color: #999999;
    padding: 0 50px 10px 50px;
}

/* WHATWEDO HQ END */
/************************************* WHATWEDO END *************************************/
/************************************* WHATWEDID *************************************/
/* WHATWEDID SPOTIE */

.whatWeDidSpotie {
    background-color: #ffffff;
    background: url('../img/11.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDidSpotieContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.whatWeDidSpotieContent > .row {
    padding-top: 110px;
}

.whatWeDidSpotieContent .col-sm-6 {
    margin-bottom: 50px;
}

.whatWeDidSpotieContent .appPreview img {
    margin-right: 50px;
}

.whatWeDidSpotieContent .appHeaderIcon {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 40px;
    margin-bottom: 50px;
}

.whatWeDidSpotieContent .appHeaderTitle {
    margin-bottom: 50px;
}

.whatWeDidSpotieContent .appHeaderTitle h1 {
    font-size: 64px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 0;
}

.whatWeDidSpotieContent .appHeaderTitle .lead {
    font-size: 30px;
    color: #ffffff;
}

.whatWeDidSpotieContent p {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 10px;
    font-weight: 300;
}

@media (max-width: 767px) {

    .whatWeDidSpotie {
        background-attachment: scroll;
    }

    .whatWeDidSpotieContent {
        text-align: center;
    }

    .whatWeDidSpotieContent .col-sm-6 {
        text-align: center;
    }

    .whatWeDidSpotieContent .appPreview img {
        margin-right: 0;
		height: 400px;
		width: auto;
    }

    .whatWeDidSpotieContent .appHeaderIcon {
        margin-right: 0;
        margin-bottom: 40px;
        float: none;
        width: 100%;
    }

    .whatWeDidSpotieContent .appHeaderTitle h1 {
        font-size: 28px;
    }

    .whatWeDidSpotieContent .download .col-lg-4 {
        margin-right: 0;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whatWeDidSpotie {
        background-attachment: scroll;
    }
}

.whatWeDidSpotieContent .download {
    margin-top: 30px;
}

.whatWeDidSpotieContent .download .col-lg-4 {
    margin-bottom: 30px;
    margin-right: 30px;
}

/* WHATWEDID SPOTIE END */
/* WHATWEDID FRAMES */

.whatWeDidFrames {
    background-color: #ffffff;
    background: url('../img/12.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDidFramesContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.whatWeDidFramesContent > .row {
    padding-top: 110px;
}

.whatWeDidFramesContent .col-sm-6 {
    margin-bottom: 50px;
}

.whatWeDidFramesContent .appPreview img {
    margin-right: 50px;
}

.whatWeDidFramesContent .appHeaderIcon {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 40px;
    margin-bottom: 50px;
}

.whatWeDidFramesContent .appHeaderTitle {
    margin-bottom: 50px;
}

.whatWeDidFramesContent .appHeaderTitle h1 {
    font-size: 64px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 0;
}

.whatWeDidFramesContent .appHeaderTitle .lead {
    font-size: 30px;
    color: #ffffff;
}

.whatWeDidFramesContent p {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 10px;
    font-weight: 300;
}

@media (max-width: 767px) {

    .whatWeDidFrames {
        background-attachment: scroll;
    }

    .whatWeDidFramesContent {
        text-align: center;
    }

    .whatWeDidFramesContent .col-sm-6 {
        text-align: center;
    }

    .whatWeDidFramesContent .appPreview img {
        margin-right: 0;
		height: 400px;
		width: auto;
    }

    .whatWeDidFramesContent .appHeaderIcon {
        margin-right: 0;
        margin-bottom: 40px;
        float: none;
        width: 100%;
    }

    .whatWeDidFramesContent .appHeaderTitle h1 {
        font-size: 28px;
    }

    .whatWeDidFramesContent .download .col-lg-4 {
        margin-right: 0;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whatWeDidFrames {
        background-attachment: scroll;
    }
}

.whatWeDidFramesContent .download {
    margin-top: 30px;
}

.whatWeDidFramesContent .download .col-lg-4 {
    margin-bottom: 30px;
    margin-right: 30px;
}

/* WHATWEDID FRAMES END */
/* WHATWEDID EMPLIO */

.whatWeDidEmplio {
    background-color: #ffffff;
    background: url('../img/13.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDidEmplioContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.whatWeDidEmplioContent > .row {
    padding-top: 110px;
}

.whatWeDidEmplioContent .col-sm-6 {
    margin-bottom: 50px;
}

.whatWeDidEmplioContent .appPreview img {
    margin-right: 50px;
}

.whatWeDidEmplioContent .appHeaderIcon {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 40px;
    margin-bottom: 50px;
}

.whatWeDidEmplioContent .appHeaderTitle {
    margin-bottom: 50px;
}

.whatWeDidEmplioContent .appHeaderTitle h1 {
    font-size: 64px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 0;
}

.whatWeDidEmplioContent .appHeaderTitle .lead {
    font-size: 30px;
    color: #ffffff;
}

.whatWeDidEmplioContent p {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 10px;
    font-weight: 300;
}

@media (max-width: 767px) {

    .whatWeDidEmplio {
        background-attachment: scroll;
    }

    .whatWeDidEmplioContent {
        text-align: center;
    }

    .whatWeDidEmplioContent .col-sm-6 {
        text-align: center;
    }

    .whatWeDidEmplioContent .appPreview img {
        margin-right: 0;
		height: 400px;
		width: auto;
    }

    .whatWeDidEmplioContent .appHeaderIcon {
        margin-right: 0;
        margin-bottom: 40px;
        float: none;
        width: 100%;
    }

    .whatWeDidEmplioContent .appHeaderTitle h1 {
        font-size: 28px;
    }

    .whatWeDidEmplioContent .download .col-lg-4 {
        margin-right: 0;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whatWeDidEmplio {
        background-attachment: scroll;
    }
}

.whatWeDidEmplioContent .download {
    margin-top: 30px;
}

.whatWeDidEmplioContent .download .col-lg-4 {
    margin-bottom: 30px;
    margin-right: 30px;
}

/* WHATWEDID EMPLIO END */
/* WHATWEDID SOUNDSCRIBER */

.whatWeDidSoundScriber {
    background-color: #ffffff;
    background: url('../img/8.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDidSoundScriberContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.whatWeDidSoundScriberContent > .row {
    padding-top: 110px;
}

.whatWeDidSoundScriberContent .col-sm-6 {
    margin-bottom: 50px;
}

.whatWeDidSoundScriberContent .appPreview img {
    margin-right: 50px;
}

.whatWeDidSoundScriberContent .appHeaderIcon {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 40px;
    margin-bottom: 50px;
}

.whatWeDidSoundScriberContent .appHeaderTitle {
    margin-bottom: 50px;
}

.whatWeDidSoundScriberContent .appHeaderTitle h1 {
    font-size: 64px;
    color: #ffffff;
    margin-bottom: 10px;
    margin-top: 0;
}

.whatWeDidSoundScriberContent .appHeaderTitle .lead {
    font-size: 30px;
    color: #ffffff;
}

.whatWeDidSoundScriberContent p {
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 10px;
    font-weight: 300;
}

@media (max-width: 767px) {

    .whatWeDidSoundScriber {
        background-attachment: scroll;
    }

    .whatWeDidSoundScriberContent {
        text-align: center;
    }

    .whatWeDidSoundScriberContent .col-sm-6 {
        text-align: center;
    }

    .whatWeDidSoundScriberContent .appPreview img {
        margin-right: 0;
		height: 400px;
		width: auto;
    }

    .whatWeDidSoundScriberContent .appHeaderIcon {
        margin-right: 0;
        margin-bottom: 40px;
        float: none;
        width: 100%;
    }

    .whatWeDidSoundScriberContent .appHeaderTitle h1 {
        font-size: 28px;
    }

    .whatWeDidSoundScriberContent .download .col-lg-4 {
        margin-right: 0;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whatWeDidSoundScriber {
        background-attachment: scroll;
    }
}

.whatWeDidSoundScriberContent .download {
    margin-top: 30px;
}

.whatWeDidSoundScriberContent .download .col-lg-4 {
    margin-bottom: 30px;
    margin-right: 30px;
}

/* WHATWEDID SOUNDSCRIBER END */
/* WHATWEDID SnoozeNews */

.whatWeDidSnoozeNews {
    background-color: #ffffff;
    background: url('../img/7.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.whatWeDidSnoozeNewsContent {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.whatWeDidSnoozeNewsContent > .row {
    padding-top: 110px;
}

.whatWeDidSnoozeNewsContent .col-sm-6 {
    margin-bottom: 50px;
}

.whatWeDidSnoozeNewsContent .appPreview img {
    margin-right: 50px;
}

.whatWeDidSnoozeNewsContent .appHeaderIcon {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 40px;
    margin-bottom: 50px;
}

.whatWeDidSnoozeNewsContent .appHeaderTitle {
    margin-bottom: 50px;
}

.whatWeDidSnoozeNewsContent .appHeaderTitle h1 {
    font-size: 64px;
    color: #000000;
    margin-bottom: 10px;
    margin-top: 0;
}

.whatWeDidSnoozeNewsContent .appHeaderTitle .lead {
    font-size: 30px;
    color: #000000;
}

.whatWeDidSnoozeNewsContent p {
    font-size: 24px;
    color: #999999;
    padding-bottom: 10px;
    font-weight: 300;
}

@media (max-width: 767px) {

    .whatWeDidSnoozeNews {
        background-attachment: scroll;
    }

    .whatWeDidSnoozeNewsContent {
        text-align: center;
    }

    .whatWeDidSnoozeNewsContent .col-sm-6 {
        text-align: center;
    }

    .whatWeDidSnoozeNewsContent .appPreview img {
        margin-right: 0;
		height: 400px;
		width: auto;
    }

    .whatWeDidSnoozeNewsContent .appHeaderIcon {
        margin-right: 0;
        margin-bottom: 40px;
        float: none;
        width: 100%;
    }

    .whatWeDidSnoozeNewsContent .appHeaderTitle h1 {
        font-size: 28px;
    }

    .whatWeDidSnoozeNewsContent .download .col-lg-4 {
        margin-right: 0;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .whatWeDidSnoozeNews {
        background-attachment: scroll;
    }
}

.whatWeDidSnoozeNewsContent .download {
    margin-top: 30px;
}

.whatWeDidSnoozeNewsContent .download .col-lg-4 {
    margin-bottom: 30px;
    margin-right: 30px;
}

/* WHATWEDID SnoozeNews END */
/************************************* WHATWEDID END *************************************/
/************************************* WORKWITHUS *************************************/
/* WORKWITHUS WORK WITH US */

.workWithUs {
    background-color: #000000;
    background: url('../img/9.jpg') no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.workWithUsContent {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.6) !important;
    height: 100%;
    text-align: center;
}

.workWithUsContent h1 {
    margin-top: 110px;
    font-size: 64px;
    color: #ffffff;
}

.workWithUsContent p {
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 300;
}

.workWithUsContent form {
    padding: 30px;
    width: 600px;
    margin: 0 auto;
}

.workWithUsContent .input-group {
    margin-top: 20px;
}

.workWithUsContent .input-group-addon {
    background: transparent;
    color: #ffffff;
}

.workWithUsContent .bootstrap-select {
    width: auto;
}

.workWithUsContent input, .workWithUsContent .selectpicker, .workWithUsContent textarea {
    border: 0;
}

.workWithUsContent .glyphicon {
    top: 0;
}

.workWithUsContent textarea {
    height: auto !important;
}

@media (max-width: 767px) {

    .workWithUsContent input, .workWithUsContent textarea, .workWithUsContent select, .workWithUsContent .selectpicker, .workWithUsContent .interested {
        font-size: 11px !important;
    }

    .workWithUsContent form {
        padding: 10px;
        width: 100%;
    }

    .workWithUsContent .input-group {
        margin-top: 10px;
    }

    .workWithUs {
        background-attachment: scroll;
    }

    .workWithUsContent h1 {
        font-size: 28px;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .workWithUsContent input, .workWithUsContent textarea, .workWithUsContent select, .workWithUsContent .selectpicker, .workWithUsContent .interested {
        font-size: 14px !important;
    }

    .workWithUsContent form {
        width: 600px;
    }

    .workWithUs {
        background-attachment: scroll;
    }
}

/* WORKWITHUS WORK WITH US END */
/* WORKWITHUS THANKS */

.workWithUsThanks {
    background-color: #000000;
    background: url('../img/9.jpg') no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative;
    display: table;
    overflow: hidden;
}

.workWithUsThanksContent {
    display: table-cell;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.6) !important;
    height: 100%;
    text-align: center;
}

.workWithUsThanksContent h1 {
    margin-top: 110px;
    font-size: 64px;
    color: #ffffff;
}

.workWithUsThanksContent .lead {
    font-size: 30px;
    margin-bottom: 50px;
    color: #ffffff;
}

@media (max-width: 767px) {

    .workWithUsThanks {
        background-attachment: scroll;
    }

    .workWithUsThanksContent h1 {
        font-size: 28px;
    }

}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {
    .workWithUsThanks {
        background-attachment: scroll;
    }
}

/* WORKWITHUS THANKS END */
/************************************* WORKWITHUSEND *************************************/