/*
#------------------------------------------------------------------------
# John S. - March Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */
a {
    color: #F57000;
}

#gkLogo, #gkLogoSmall {
height: 90px;
width: 555px;
}

#gkMainMenu .gkMenu > ul > li > a.active {
border-bottom: 2px solid #F57000;
}

#gkMainMenu .gkMenu > ul > li > a.active, #gkMainMenu .gkMenu > ul > li > a:active
#gkMainMenu .gkMenu > ul > li > a:focus, #gkMainMenu .gkMenu > ul > li > a:hover {
border-bottom: 2px solid #F57000;
}

#menu806 {
    font-size: 12px !important;
    margin-left: 35px !important;
}

#menu807 {
    font-size: 12px !important;
    margin-left: -2px !important;
}

#menu821 {
    font-size: 12px !important;
    margin-left: -2px !important;
}

div.social_top {
    float: right;
    height: 25px;
    line-height: 24px;
    padding: 2px 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 13px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.social_top > div:nth-child(1) > img:nth-child(2) {
    padding-left: 8px;
}

.gk-header1 h1 {
color: #ffffff;
font-size: 42px;
letter-spacing: -2px;
line-height: 0.95;
}

gk-header1 p {
    line-height: 1.9;
}

.gk-header1 span {
background: rgba(0,0,0,0.6);
padding-bottom: 6px;
padding-top: 7px;
}

#gkLogo.cssLogo {
background-image: url("/templates/gk_john_s/images/logo.png") !important;
height: 90px;
width: 555px;            ;
}

#gkLogoSmall.cssLogo {
background-image: url("/templates/gk_john_s/images/logo_dark.png") !important;
height: 25px !important;
width: 200px !important;
margin-left: 10px;
margin-top: 10px;           ;
}

.gkNspPM-Portfolio2 .gkPortfolioCategories li.active, .gkNspPM-Portfolio2 .gkPortfolioCategories li.active:hover {
    background: #F57000;
}

.gkHighlight2 {
    background: rgba(0,0,0,0.1);
    line-height: 1.6;
    padding: 3px 5px;
    font-family: 'Ubuntu', Arial, sans-serif;
    font-size: 12px;
}

.gkHighlight2:before {
    color: #636363;
    content: "\f006";
    font-family: FontAwesome;
    font-size: 13px;
    position: ;
    top: 50px;
    left: 0;
    padding-right: 4px;
}

#my-works > div > div > div > ul {
    margin-left: 80px;
    margin-top:50px;
}

.gkNspPM-Portfolio2 .gkImagesWrapper {
    padding: 38px;
}

.gkNspPM-Portfolio2 .gkPortfolioCategories li {
    font-size: 15px;
    height: 26px;
    line-height: 27px;
}

.gkColumnRight figure {
padding-bottom: 50px !important;
font-family:'Ubuntu', Arial, sans-serif;
}

.gkColumnRight strong {
font-weight: 400;
}

.gkColumnRight figure p {
margin: 8px 0;
line-height: 1.6;
}

.gkContactForm address {
margin-bottom: 20px;
}

.gkContactForm {
    width: 343px;
}    

#contact > div > h3 {
    color: #ffffff;
}

#dynamic_recaptcha_1, #recaptcha_area {
    min-height: 93px;
}

span.lang-pt,
span.lang-es,
span.lang-en {
display: none;
}

html[lang="pt-pt"] span.lang-pt {
display: block;
}

html[lang="es-es"] span.lang-es {
display: block;
}

html[lang="en-gb"] span.lang-en {
display: block;
}

.box.color, .box.color-bg {
    background: #F57000;
}

.icon-color1 > h3:nth-child(1) > span:nth-child(1) {
    font-size: 70px !important;
}

.gkTeamOverlay {
    background: #F57000;
}

.gkColumnLeft {
    float: left;
    width: 45%;
}

#awards .gkColumnLeft p {
   position: relative;
   padding-right: 50px;
}

#team a:hover {
color: #F57000;
}

.gkTeamOverlay a[data-type="twitter"]:before {
    content: '\f003';
}

.gkTeamOverlay > a:before {
    font-size: 24px;
    width: 47px;
    margin-top: -2px;
}

.gkTeam[data-cols="4"] figure {
    margin-top: 40px;
}

#contact .gkColumnLeft {
   position: relative;
   margin-top: 120px;
}

#contact .gkColumnLeft p {
   color: #fff;
   margin-left: -50px;
}

#contact .gkColumnLeft span {
   background: rgba(0,0,0,0.4);
   padding-top: 4px;
   padding-bottom: 4px;
}

.gkColumnLeft p {
   font-family: 'Ubuntu', Arial, sans-serif;
   width: 80%;
   color: #777777;
}

.gkContactForm input[type="submit"]:active, .gkContactForm input[type="submit"]:focus, .gkContactForm input[type="submit"]:hover {
     background: #F57000;
}

.gkNspPM-Portfolio2 .gkPortfolioAuthor.active, .gkNspPM-Portfolio2 .gkPortfolioDate.active {
    display: none;
}

.itemNavigation {
    clear: both;
    padding: 20px 0;
    font-size: 15px;
    overflow: hidden;
    font-family: 'Ubuntu', Arial, sans-serif !important;
    font-weight: bold;
}

.itemNavigation .itemPrevious {
    float: left;
}

.itemNavigation .itemNext {
    float: right;
}

#k2Container > div > div.itemNavigation > span {
    display: none;
}

.gkTabsWrap ol li.active, .gkTabsWrap ol li.active:hover, .gkTabsWrap ol li:hover {
    background: #F57000;
}

.nspArt h4.nspHeader a:hover {
    color: #F57000;
}

.gkTabsGK5 .nspArt {
    border-bottom: none;
}

.itemImageBlock + .itemBody:before, header + .itemBody:before {
    display:none;
}

.big-nav .nspImageWrapper + .nspHeader:before {
    display:none;
}

#gkSidebar > div.box.big-title.icon-color1.title-right.overlay-2x2 > h3 {
    margin-top: -70px !important;
    font-size: 70px !important;
}

#gkSidebar > .box.big-title .header i, .box.big-title > .header i {
    font-size: 56px;
}

#gk-tabs-722 {
    padding-top: 80px;
}

#gk-tabs-734 {
    padding-top: 80px;
}

#gk-tabs-747 {
    padding-top: 80px;
}

.nspNext:after, .nspPrev:after {
    line-height: 5px;
}

.big-nav .nspNext:after {
    font-size: 50px;
}

.big-nav .nspPrev:after {
    font-size: 50px;
}

.gkTeam small {
    font-size: 12px !important;
}

.gkTeam h3:before {
    display: none !important;
}

.nspArt h4.nspHeader a {
    color: #636363;
    font-weight: bold;
}

#gkFooter {
    border-top: 0px;
    padding: 5px 0;
    text-align: center;
}

.mod-languages ul.lang-inline, .mod-languages ul.lang-block {
float: none;
}

.mod-languages ul li.lang-active a img {
    transform: none;
}

.gkContactForm {
    margin-top: 35px;
}

section.blog .items-row header h2, section.blog-featured .items-row header h2 {
    font-size: 24px;
}

a, #gkMainMenu div.childcontent a:active, #gkMainMenu div.childcontent a:focus, #gkMainMenu div.childcontent a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
    color: #F57000;
}

#gkSidebar {
    font-size: 12px;
    font-weight: bold;
}

#gkSidebar a {
    color: #636363;
}

#gkSidebar a:active, #gkSidebar a:focus, #gkSidebar a:hover {
    color: #F57000;
}

#gkSidebar .box {
    margin-bottom: 15px;
}

.box ul ul {
    margin-left: 0px;
}

#gkSocialAPI {
    display: none;   
}

button, .button, .readon, .button.inverse:active, .button.inverse:focus, .button.inverse:hover, input.button, span.button, button.button, div.button, .readmore a, input[type="submit"], input[type="button"] {
    background: #F57000;
}

.social-bottom {
    margin-top: 1px;
    padding-left: 5px;
    padding-right: 5px;
    
}

.icons-bottom {
    margin-top: -30px !important;
}   

.icons-bottom span {
    padding-top: 10px !important;
    padding-right: 2px;
}




@media (max-width: 1050px) {
.icon-color1 > h3:nth-child(1) > span:nth-child(1) {
    font-size: 50px !important;
}

.box.big-title > .header i {
    font-size: 45px;
}

}

@media (max-width: 820px) {

#gkLogo, #gkLogo.cssLogo {
    background: transparent url(../images/logo-small.png) no-repeat 0 0 !important;
    height: 25px;
    width: 270px !important;
}

.gk-header1 span {
    font-size: 12px;
    line-height: 16px !important;
    padding-bottom: 5px;
    padding-top: 6px;
}

.gkNspPM-Portfolio2 .gkPortfolioCategories li {
    font-size: 13px;
    height: 26px;
    line-height: 27px;
    margin: 0 3px 0 0;
    padding: 0 3px;
}

.icon-color1 > h3:nth-child(1) > span:nth-child(1) {
    font-size: 25px !important;
}

.box.big-title > .header i {
    font-size: 33px;
}

.gkScrollDown {
    left: 52%;
}

div.social_top {
    margin-right: 40px;
    padding-top: 4px;    
}

.social_top > div:nth-child(1) > a:nth-child(1) {
    padding-right: 4px;
}

#gkMobileMenu {
    line-height: 42px;
}

#aside-menu-toggler, #mobile-menu-toggler, #static-aside-menu-toggler {
    font-size: 21px;
}

.gk-header1 h1 {
    font-size: 30px;
}

#tactics .gkColumnLeft {
    width: 45%;
}

#tactics .gk {
    width: 100%;
    margin-top: 14px;
}

#tactics .gkColumnLeft, #tactics .gkColumnRight {
    padding: 0px 0;
}

.gkContactForm {
        margin: 10px -20px 0 -20px;
}

#contact .gkColumnLeft {
    margin-top: 50px;
}

#contact .gkColumnLeft p {
   margin-left: 35px;
}

#gk-tabs-722 {
    padding-top: 0px;
    padding-left: 20px;
    margin-top: -25px;
}
    
#gk-tabs-734 {
    padding-top: 0px;
    padding-left: 20px;
    margin-top: -25px;
}
    
#gk-tabs-747 {
    padding-top: 0px;
    padding-left: 20px;
    margin-top: -25px;
}
    
#gkSidebar > div.box.big-title.icon-color1.title-right.overlay-2x2 > h3 {
    margin-top: -40px !important;
    font-size: 70px !important;
}

}

@media (max-width: 420px) {
    
#you-score > div > h3 > span:nth-child(2) {
    margin-top: 0px !important;
    line-height: 0.75 !important;
}

.box.big-title > .header i {
    font-size: 12px;
}

div.gkColumnLeft:nth-child(1) > h3:nth-child(1) {
    margin-left: -10px;
}

.frontpage #gkBottom1.gkSingleModule .header {
    min-width: 100% !important;
}

#tactics .gkColumnLeft {
    width: 120% !important;
}

#tactics .gkColumnRight figure {
    width: 100% !important;
}

#contact .gkColumnLeft {
    margin-top: -40px;
    padding: 0px 0;
    width: 100%;
}

#gkSidebar > div.box.big-title.icon-color1.title-right.overlay-2x2 > h3 {
    font-size: 35px !important;
}

#gkSidebar .box {
    margin-bottom: 5px !important;
}

.box.title-right .header {
    padding: 0 0 5px 0 !important;
}

.nspArtPage .nspArt {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

#gk-tabs-722 {
    padding-top: 0px !important;
}

#gk-tabs-734 {
    padding-top: 0px !important;
}

#gk-tabs-747 {
    padding-top: 0px !important;
}

}