/* Put your custom styles here */


/*home*/

@font-face {
  font-family: 'Bushcraft';
  src:  url('../fonts/Bushcraft/Bushcraft.eot');
  src:  url('../fonts/Bushcraft/Bushcraft.eot') format('embedded-opentype'), 
        url('../fonts/Bushcraft/Bushcraft.otf') format('otf'), 
        url('../fonts/Bushcraft/Bushcraft.woff') format('woff'), 
        url('../fonts/Bushcraft/Bushcraft.ttf') format('truetype'), 
        url('../fonts/Bushcraft/Bushcraft.svg#Bushcraft') format('svg');
  font-weight: normal;
  font-style: normal;
}

#home
{
    background-color: #6cd5d8;
    background-size: auto;
    height: 820px;
    width: auto;
    padding-top: 100px;
    padding-bottom: 100px;    
}

#home .logo {    
    background: url(../images/brand/fitEducationalMedia_Awesome-Interactive-eLearning_LG.gif);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65%;
    height: 512px;
    margin-top: 0.3%;
}

#aboutUs
{
    background: #f8db8b url("../images/backgrounds/about.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-size: 100% 100%;
    height: 800px;
    width: auto;
    padding-top: 100px;
   /* padding-bottom: 200px;*/
    background-color: #F8DB8B;

}

.btn-content {padding: 14px 35px; font-size: 27px; margin:25px 0;}

.aboutText {color: #ae722a; }

#services
{
    background: url(../images/backgrounds/services.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: cover;
    background-size: 100% 100%;
    height: auto;
    width: auto;
    padding-bottom: 100px;
    background-color: #01A8BA;
}

.services { color: #b2edea; }

.img-octopus{float: right; }

.text-serv1, .text-serv2, .text-serv3, .text-serv4, .text-serv5 {font-size: 15px; text-align: right; font-weight: bold; position: absolute; width: 116px; }

.text-serv1 {left: 54px;  top: 138px; }
.text-serv2 {right: 174px; top: 146px; }
.text-serv3 {left: 46px; top: 280px; }
.text-serv4 {right: 168px; top: 290px; }
.text-serv5 {bottom: 17px; left: 265px; }

#process{
    background: url(../images/backgrounds/process.png);
    background-repeat: no-repeat;
    /*background-position: left top;
    background-size: cover;*/
    background-size: 100% auto;
    /*height: 946px;*/
    width: auto;
    padding-top: 20px;
    background-color: #fffbef;
}

.processText {color: #393c50; margin-bottom: 62px; margin-top: -46px; }

.servicesIcons {max-width: 90%; margin-left: 0px; }

.processIcons {max-width: 100%; margin-left: 0px; margin-top: 70px; z-index: 99999; }

.descrip-Text {font-size: 30px; padding-left: 0}

.text-author {font-size: 36px; padding-top: 15px;}

#work
{
    background: url(../images/backgrounds/work.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    width: auto;
    padding-top: 100px;
    padding-bottom: 20px;
    background-color: #ffffff;
}


/*ContactUs*/
#contactUs
{
    background: url(../images/contactBackground.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto;
    width: auto;
    padding-bottom: 520px;
    background-color: #ffffff;
}

.modal-iframe {
  margin: 30px auto;
}
.contactField {background-color: #ffffff; }

.leftAlign {text-align: left; }

.rightColumn50
{
    width: 50%;
    float: right;
    padding-right: 10%;
    text-align: left;
}

.leftColumn25
{
    width: 25%;
    float: left;
    padding-left: 10%;
    text-align: left;
}

.padLeft {padding-left: 50px; }

.padLeft15 {padding-left: 15px; }

.weight400 {font-weight: 400; }

.weight700 {font-weight: 700; }



.affix + .containerFluid {padding-top: 1000px; }

.anchor
{
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

.gallery-item:hover .gallery-zoom 
{
    display: block;
    left: 50%;
    margin-right: 0px;
    margin-left: -20px;
}

.gallery-item:hover .gallery-zoom.only-photo{
    left: 60% !important;
}

.bg-aquaDark {background-color: #6cd5d8;}

.bg-aquaLight {background-color: #6cd5d8;}

.footerBG {background-color: #393c50;}

.contactText {margin-left: 13px;}

.white {color: #ffffff; font-family:"oswald",Helvetica,Arial,sans-serif;}

.text-blue {color:#70779B; font-family:"oswald",Helvetica,Arial,sans-serif;}

.fa-circle {font-size: 5px; vertical-align: middle;}

.fa-facebook-square {color: #fff;}
.fa-facebook-square:hover {color: #016BB6;}

.fa-google-plus-square {color: #fff;}
.fa-google-plus-square:hover {color: #D94B34;}

#topnavbar {bottom: 0; height: 100px; position: absolute; width: 100%; z-index: 999999;}

.link-footer{color: #70779b;}

.text-footer {font-size: 16px;}

.contact-3 .map-img {margin-bottom: 20px; }


#topnavbar.fixed{position: fixed;top: 0; width: 100%;}

#topnavbar .container{background: #fff;}

iframe {height: 400px; width: 100%; min-width: 100% !important; }



.pullIMGleft {
    float: left;
    padding-right: 5%;
    padding-bottom: 30px;

}


#aboutName
{
    background: url(../images/aboutNameLogo.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #fffbef;
    min-height: 1000px;
    width: auto;
    max-width: 1920px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.aboutName { color: #b2edea; }
.aboutNamePadLeft { padding-left: 285px;}

#footnotes
{
    background: url(../images/aboutNameLogo.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #fffbef;
    min-height: 1650px;
    max-height: 3000px;
    width: auto;
    max-width: 1920px;
    padding-top: 100px;
    padding-bottom: 100px;
}

.footnotes { color: #b2edea; }
.footnotesPadLeft { padding-left: 255px;}

#footnotes li {padding-bottom: 3%;}

@media only screen and (max-width : 320px){
    
    #aboutName
    {
    background: url(../images/aboutNameLogo.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fffbef;
    min-height: 1000px;
    width: auto;
    max-width: 1920px;
    padding-top: 100px;
    padding-bottom: 100px;
    }

    .aboutName { color: #b2edea; }
    .aboutNamePadLeft { padding-left: 50px; padding-top: 185px;}
    
     #footnotes
    {
    background: url(../images/aboutNameLogo.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #fffbef;
    min-height: 2000px;
    width: auto;
    max-width: 1920px;
    padding-top: 100px;
    padding-bottom: 100px;
    }

    .footnotes { color: #b2edea; }
    .footnotesPadLeft { padding-left: 50px; padding-top: 185px;}
    
}


.missing {
    background-color: #ffffff;
    background-image: url(../images/404@2x.jpg);
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 800px;
    width: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

.construction {
    background-color: #393b50;
    background-image: url(../images/missing_404.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    min-height: 800px;
    width: auto;
    padding-top: 100px;
    padding-bottom: 100px;
}

img.footnoteTHMB { width: 95px;}


.modal-content {background-color: #fffbef;}