#popups
{
    display: none;
}
html
{
    overflow: auto;
}
.font26
{
    font-size: 26px;
}
.justify
{
    text-align: justify;
}
#WHATWEDO
{
    padding: 0;
    background: #0D2F3E;
    color: WHITE;
    padding: 25px;
}
.blue
{
    color: #364E5C;
}
.dark_Blue
{
    color: #00728F;
}
.yellow
{
    color: #FFCD06;
}
.green
{
    color: #00ADB1;
}
.navbar-toggle
{
    margin-top: 25px;
}
.container>.navbar-header
{
    height:85px;
}

#second, #second1, #second2, #second3 {
    background: #00ADB1;
    padding: 18px;
    position: absolute;
    top: 0px;
    width: 95px;
    height: 85px;
    text-align: center;
    opacity: 1;
    display: none;
    color: white;
/*float: left;*/
}

#second3 
{
    background: #FFCD06;
    color:#00ADB1;
}
.page-scroll
{
    position: relative;
}
.nav>li
{
    margin: 0 20px;
}
.show2
{
    display: none;
}
#formContent
{
    display: none;
}

#formWrapper
{
    position:absolute; 
    top:0px; 
    right:2%; 
    width:959px;
}

#back
{
    width: 455.7px; 
    margin-left: 221px;
    z-index: 1;
    position: relative;
}

#link980
{
    display: block;
    z-index: 50;
}

#linkssmall, #linkstoProcess
{
    cursor: pointer;
    padding: 10px;
}
#websiteh3, #seoH3
{
    padding-top: 50px!important;
}

#process
{
    padding:50px 0 0 0; 
    position:relative;    
    text-align: center;
    background: url(../img/back-transparan2.png) no-repeat;
    background-color: #0D2F3E;
    background-size: 100%;    
    margin: 20px 0;
}
.process
{
    margin: 100px 0 0 0px;
}

@media (max-width: 1200px){
    .process
    {
        margin: 50px 0 0 0px;
    }
    #websiteh3, #seoH3
    {
        padding-top: 50px!important;
    }
    .slider
    {
        padding: 74px 0 0 0;
    }
    #back
    {
        margin-left: 173px;
    }
    .flex-viewport {
        margin-top: 62px;
    }
    #mug
    {
        bottom: 24%;
    }
}

@media (max-width: 989px){
    #websiteh3, #seoH3
    {
        padding-top: 0px!important;
    }
    .flex-viewport {
        margin-top: 49px;
    }
    #back
    {
        margin-left: 135px;
    }
}

@media (max-width: 995px){
    #process
    {
        background: transparent!important;
    }
}

@media (max-width: 980px){
    #websiteh3, #seoH3
    {
        padding-top: 0px!important;
    }
    .process
    {
        margin: 0;
    }
    #formContent
    {
        #display: block;
        right: 0!important;
        #display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        bottom: 0;
    }
    #formWrapper
    {
        position:absolute; 
        top:0px; 
        right:0; 
        width:100%;
    }
    #formHide
    {
        display: none;
    }
    #back
    {
        margin-left: 19%;
    }
    .flex-viewport {
        margin-top: 49px;
    }
    #openning
    {
        padding-top: 100px;
    }
}

@media (max-width: 635px){
    #websiteh3, #seoH3
    {
        padding-top: 0px!important;
    }
    #openning
    {
        padding-top: 160px;
    }
}

@media (max-width: 890px){
    #websiteh3, #seoH3
    {
        padding-top: 0px!important;
    }
    #mug, #clock, #process
    {
        display: none;
    }
}

@media (max-width: 767px){
    #popups
    {
        left: 0px!important;    
    }
    #websiteh3, #seoH3
    {
        padding-top: 0px!important;
    }
    .show1
    {
        display: none;
    }
    .show2
    {
        display: block;
    }
    .width100
    {
        width: 100%;
    }
    #navigationWrapper
    {
        visibility:hidden;
    }
}

@media (max-width: 480px){
    .responsiveImage
    {
        width:100%;
    }
    #websiteh3, #seoH3
    {
        padding-top: 0px!important;
    }
    #our-works
    {
        width: 100%;
    }
    .b img
    {
        width: 100%!important;
    }
    #openning
    {
        padding-top: 300px;
    }
    .flex-viewport {
        margin-top: 35px;
    }
    .width100
    {
        width: 100%;
    }
    .animationContainer img
    {
        width:100% !important;
        height:auto !important;
    }
}

@media (max-width: 370px){
    #websiteh3, #seoH3
    {
        padding-top: 0px!important;
    }
    #our-works
    {
        width: 100%;
    }
    .b img
    {
        width: 100%!important;
    }
    #openning
    {
        padding-top: 300px;
    }
    .flex-viewport {
        margin-top: 35px;
    }
    .width100
    {
        width: 100%;
    }
    .animationContainer img
    {
        width:100% !important;
        height:auto !important;
    }
    #openning
    {
        padding-top:370px;
    }
}