/*
#------------------------------------------------------------------------
# Simplicity - February Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2013 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 */

#gkMenuWrap #gkHeaderNav #gkLogo {
    margin-top: 12px !important;
}
@media (min-width:821px) {
    .gkHorizontalSlide .weight {
        display: inherit !important;
    }
    .gkHorizontalSlide .weight2 {
        display: none !important;
    }
}
@media (min-width:581px) and (max-width:820px) {
    .gkHorizontalSlide .weight2 {
        display: inherit !important;
    }
    .gkHorizontalSlide .weight {
        display: none !important;
    }
}
.imageBg #gkHeaderMod .start-button .button {
	background: #154ea2;
	border: none!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	float: none;
	font-size: 26px;
	font-weight: 400;
	height: 68px;
	margin: 0 0 0 10px;
	padding: 15px 30px;
	vertical-align: middle;
}
.imageBg #gkHeaderMod .start-button .button:active,
.imageBg #gkHeaderMod .start-button .button:focus,
.imageBg #gkHeaderMod .start-button .button:hover {
	background: #fec54c;
}
@media (max-width:1030px) {
    .imageBg #gkHeaderMod .start-button .button {
        font-size: 22px;
        margin: 0 0 0 6px;
        padding: 15px 17px;
    }
}
#gkHeader #gkHeaderNav #gkLogo {
    display: none;
}
#gkHeader #gkHeaderNav #gkMainMenu {
    margin: 11px 29% 0 0;
}
.imageBg #gkHeader #gkHeaderMod {
    padding: 0;
}
.gkHorizontalSlideLeftColumn a.button {
    background: #154ea2;
}
.gkHorizontalSlideLeftColumn a.button {
    background: #154ea2;
}
.gkButtonArea a:active, .gkButtonArea a:focus, .gkButtonArea a:hover {
    background: #154ea2;
}
a:hover, a:active, a:focus, #gkMainbody a, #gkMainbody header h1 a:active, #gkMainbody header h1 a:focus, #gkMainbody header h1 a:hover, #gkMainbody header h2 a:active, #gkMainbody header h2 a:focus, #gkMainbody header h2 a:hover, #k2Container article header h2 a:active, #k2Container article header h2 a:focus, #k2Container article header h2 a:hover, #gkMainbody div.tags a:hover, #gkSidebar .box a:hover {
    color: #154ea2;
}
#gkFooterNav li:hover, #gkFooterNav a:hover {
    color: #154ea2;
}
.gkRocket:hover {
    background-color: #154ea2;
}
@media (min-width:1920px) {
    .imageBg #gkHeader {
        background-size: 100%;
    }
}
#gkMainbody .contact h3 {
    border-top: none;
    margin: 0;
    padding: 0;
}
#gkSidebar .box a {
    color: #ffffff;
}
.gk-col3 .col {
    width: 33%;
    float: left;
}


.iframe-container { position: relative; margin: 5px; height: 0; overflow: hidden; }

.iframe-container-for-wxh-500x350 {
padding: 25px 25px 70% 25px; /* padding-bottom = h/w as a % */
}

.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
border: 1px inset #7a8b8b;
/* put following styles (necessary for overflow and
scrolling handling) in div container around iframe
because not stable in CSS
-webkit-overflow-scrolling: touch;
overflow: auto; */
}