/**
 *
 * -------------------------------------------
 * Basic template CSS file
 * -------------------------------------------
 *
 **/
 
/*
 *
 * 1. Global elements
 *
 *
------------------------------------ */
 
/* 1.1. Base document elements
==================================== */

html { -webkit-font-smoothing: antialiased; min-height: 100%; }
body { background: #e3e3e3 url('../images/bg_smaller.jpg') no-repeat center top; background-attachment: fixed; background-size: cover; color: #666; font-size: 16px; font-weight: 300; line-height: 1.9; margin: 0; min-height: 100%; padding: 0; -ms-word-wrap: break-word;     word-wrap: break-word; }
body.solidBg { background: #e5e5e5; background-attachment: scroll; background-size: auto; background-repeat: repeat; }
body.solidBg.pattern1 { background-image: url('../images/patterns/pattern1.png'); }
body.solidBg.pattern2 { background-image: url('../images/patterns/pattern2.png'); }
body.solidBg.pattern3 { background-image: url('../images/patterns/pattern3.png'); }
body.solidBg.pattern4 { background-image: url('../images/patterns/pattern4.png'); }
body.solidBg.pattern5 { background-image: url('../images/patterns/pattern5.png'); }
body.solidBg.pattern6 { background-image: url('../images/patterns/pattern6.png'); }
body.solidBg.pattern7 { background-image: url('../images/patterns/pattern7.png'); }
body.solidBg.pattern8 { background-image: url('../images/patterns/pattern8.png'); }
body.solidBg.pattern9 { background-image: url('../images/patterns/pattern9.png'); }
body.solidBg.pattern10 { background-image: url('../images/patterns/pattern10.png'); }
body.solidBg.pattern11 { background-image: url('../images/patterns/pattern11.png'); }
body.solidBg.pattern12 { background-image: url('../images/patterns/pattern12.png'); }

body[data-mobile="true"] #main-menu-mobile select  {font-size: 50px; }
#gk-bg { min-height: 100%; padding: 110px 0; width: 100%; }
#gk-header { background: transparent url('../images/style1/header_bg.png') no-repeat 0 0; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.ie8mode #gk-header { background: transparent url('../images/style1/header_bg_ie.png') repeat-x 0 0;	 }
body.solidBg #gk-header, body.solidBg .ie8mode #gk-header { background: transparent url('../images/style2/header_bg_solid.jpg') no-repeat 0 0; }


/* 1.2. Base typography elements
==================================== */

a, #gk-mainbody header h1 a:active, #gk-mainbody header h1 a:focus, #gk-mainbody header h1 a:hover, #gk-mainbody header h2 a:active, #gk-mainbody header h2 a:focus, #gk-mainbody header h2 a:hover, article header ul a:active, article header ul a:focus, article header ul a:hover { color: #dd5749; -webkit-transition: color 0.2s linear;    -moz-transition: color 0.2s linear;      -o-transition: color 0.2s linear;         transition: color 0.2s linear; text-decoration: none; }

a:hover, a:active, a:focus, article header ul a, #gk-mainbody header h1 a, #gk-mainbody header h2 a, 
#gk-sidebar .box a:hover { color: #333; }

#gk-mainbody header h1{font-weight:300!important;}
h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 400; line-height: 1.2; margin: 0 0 12px 0; padding: 0; }

h1 { font-size: 52px; font-weight: 300; margin: 0 0 24px 0; }

h2, .page-title { font-size: 42px; font-weight: 300; margin: 0 0 18px 0; }

h1, h2 { letter-spacing: -2px; }

h3 { font-size: 30px; }

h4 { font-size: 22px; }

h5 { font-size: 17px; }

h6 { font-size: 13px; }

ul { list-style: none; margin: 0; padding: 0; }

ol { margin: 0; padding: 0; }

ul li, ol li { line-height: 2.0; }

p { margin: 0.5em 0 1.5em; }

img { height: auto; max-width: 100%; }

iframe { max-width: 100%!important; }

/* 1.3. Base form elements
==================================== */

/* buttons */
.btn, button, .button, .readon, .nav-btn a, .more-link, .gk-button, a.gk-button, input[type="button"], input[type="submit"], .gk-price-table dd a, .nav-prev a, .nav-next a { background: #dd5749; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff!important; cursor: pointer; display: block; float: left; font-size: 15px; font-weight: normal!important; height: 34px; line-height: 34px; margin: 0 5px 2px 2px; padding: 0 15px; text-align: center; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out	 }

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .nav-btn a:active, .nav-btn a:focus, .nav-btn a:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover, button:active, input[type="button"]:active, input[type="submit"]:active, button.disabled, input[type="button"].disabled, input[type="submit"].disabled, a.gk-button:hover, a.gk-button:active, a.gk-button.active, a.gk-button.disabled, a.gk-button[disabled], .readon:active, .readon:focus, .readon:hover, .btn:focus, button:focus, a.gk-button:focus, input[type="button"]:focus, input[type="submit"]:focus, .more-link:active, .more-link:focus, .more-link:hover, .gk-price-table dd a:active, .gk-price-table dd a:focus, .gk-price-table dd a:hover, .button:active, .button:focus, .button:hover, .nav-prev a:active, .nav-next a:active, .nav-prev a:focus, .nav-next a:focus, .nav-prev a:hover, .nav-next a:hover { background: #666; color: #fff!important; }

.btn, .button, .readon { padding: 2px 15px; text-transform: lowercase; }

/* input fields */
input[type="text"], input[type="password"], input[type="email"], input[type="www"], input[type="tel"], textarea  { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: #f5f5f5; border: 1px solid #eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; font-weight: 300; color: #888; height: 40px; max-width: 100%!important; padding: 0 10px; }

textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: auto; max-width: 100%!important; padding: 24px }

input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { background: #fffef4; }

label { color: #222; display: inline-block; font-size: 14px; font-weight: 600; padding: 0 6px 0 0; text-transform: uppercase; }

select { height: inherit; max-width: 100%; padding: 6px }

#searchsubmit { float: none; display: inline-block; }

/* Additional button styles */
.border, .gk-price-table dd a { background: transparent!important; border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #888!important; }
.border:hover, .gk-price-table dd a:hover { background: #dd5749!important; border-color: #dd5749!important; color: #fff!important; }
.gk-price-table .gk-premium dd a:hover { border-color: #fff; }
#gk-bottom2 .border { border-color: #fff; }
#gk-bottom2 .box .border:hover { background: #fff!important; border-color: #fff!important; color: #dd5749!important; }

/* 1.4. Base other elements
==================================== */

article { margin: 0; }

.tag-page article, .category-page article, .search-page article, .archive article, .page-template-template-latest-php article, .home .gk-is-homepage article, .home #gk-mainbody article { margin: 0 0 80px 0; }

.tag-page > article, .search-page > article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; min-height: auto!important; padding: 0 0 0 20px; width: 50%; }

#gk-mainbody.tag-page > article h2, #gk-mainbody.search-page > article h2 { font-size: 28px; line-height: 36px; }

.tag-page > hr + article, .tag-page > article:first-child, .search-page > hr + article, .search-page > #searchform + article { padding: 0 20px 0 0; }

.tag-page > hr, .search-page > hr { border: none; clear: both; }

/* 1.5. Base CSS classes
==================================== */

/*
 *
 * 2. Template containers
 *
 *
------------------------------------ */

.gk-page { margin: 0 auto; width: 100%;  }

#gk-mainbody { padding: 0 0 30px 0; }

#gk-mainbody.contains-widget { padding: 0; }

.frontpage #gk-mainbody { padding-top: 40px; }

#gk-mainbody-columns { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 60px 90px 0 90px; }

#gk-mainbody-columns > section { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; float: left; padding: 0; }

#gk-mainbody-columns > aside { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: block; float: left; padding: 0 0 32px 65px; }

#gk-mainbody-columns.gk-column-left > section { float: right; }

#gk-mainbody-columns.gk-column-left > aside { float: left; padding: 0 65px 32px 0; }

/*
 *
 * 3. Template structure
 *
 *
------------------------------------ */
 
/* 3.1. Top
==================================== */

#gk-top { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 75px; padding: 10px 20px 0; width: 100%; }

#gk-header-bottom { background: #dd5749; padding: 40px 90px 0 90px; }

#gk-header-bottom > div { margin: 0 -20px; }

/* 3.2. Header
==================================== */

/* Logo */
a.cssLogo { margin: 0; padding: 0; text-indent: -999em; text-shadow: none; width: 130px; display: block; float: left; margin: 50px 0; }

a.cssLogo { background: transparent url('../images/logo.png') no-repeat 0 0; /* You can specify there logo size and background */ height: 38px; width: 126px; }

a.textLogo { color: #fff; display: block; float: left; font-size: 22px; font-weight: bold; height: auto; line-height: 24px; margin: 50px 0; overflow: hidden; padding: 0; text-align: center; text-indent: 0; text-transform: uppercase; width: auto; }

a.textLogo small { color: #eee; display: block; font-size: 14px; font-weight: bold; line-height: 20px; text-align: center; }

/* Header */

#gk-header { clear: both; }

/* 3.3. Content
==================================== */

section.intro { font-size: 110%; padding: 0; }

.box:after, article:after, #respond:after, #gk-header-bottom:after, .widget-area:after, #gk-top:after, #gk-top1:after, #gk-top2:after, #gk-bottom1:after, #gk-bottom2:after, #gk-bottom3:after, #gk-bottom4:after, #gk-bottom5:after, #gk-bottom6:after, #gk-mainbody:after, #gk-mainbody-columns:after, #gk-footer:after, section.content:after  {clear: both;
    content: "";
    display: table; }

#gk-mainbody-top { margin: 0 0 30px 0; }

#gk-mainbody-bottom { margin: 0 0 30px 0; }

/* 3.4. Sidebar
==================================== */

/* 3.5. Bottom
==================================== */

#gk-bottom1, #gk-bottom2, #gk-bottom3, #gk-bottom4, #gk-bottom5, #gk-bottom6 { background: #fff; overflow: hidden; padding: 0 90px; }


#gk-bottom1.gk-single-widget, #gk-bottom2.gk-single-widget, #gk-bottom3.gk-single-widget, #gk-bottom4.gk-single-widget, #gk-bottom5.gk-single-widget, #gk-bottom6.gk-single-widget { background: transparent; }


#gk-top1 .box, #gk-top2 .box, #gk-bottom1 .box, #gk-bottom2 .box, #gk-bottom3 .box, #gk-bottom4 .box, #gk-bottom5 .box, #gk-bottom6 .box { background: #fff; padding: 0 20px; }

#gk-bottom1.gk-single-widget > div, #gk-bottom2.gk-single-widget > div, #gk-bottom3.gk-single-widget > div, #gk-bottom4.gk-single-widget > div, #gk-bottom5.gk-single-widget > div, #gk-bottom6.gk-single-widget > div { margin: 0 -90px!important; width: auto!important; }

#gk-bottom1.gk-single-widget .box, #gk-bottom2.gk-single-widget .box, #gk-bottom3.gk-single-widget .box, #gk-bottom4.gk-single-widget .box, #gk-bottom5.gk-single-widget .box, #gk-bottom6.gk-single-widget .box { min-width: 100%; padding: 30px 90px!important; width: auto!important; }

#gk-bottom5, #gk-bottom6 { background: #dd5749; padding-top: 30px; }

#gk-top1 .widget-area, #gk-top2 .widget-area, #gk-bottom1 .widget-area, #gk-bottom2 .widget-area, #gk-bottom3 .widget-area, #gk-bottom4 .widget-area, #gk-bottom5 .widget-area, #gk-bottom6 .widget-area { margin: 0 -20px!important; }

/* 3.6. Footer
==================================== */

#gk-footer { background: #dd5749; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; color: #e5e5e5; font-size: 13px; font-weight: 400; line-height: 54px; padding: 0 90px; }

#gk-footer > div { padding: 0; }

.gk-footer-border + #gk-footer > div { border-top: 1px solid #f1857a; }

#gk-footer a { color: #fff; }

#gk-footer a:active, #gk-footer a:focus, #gk-footer a:hover { color: #ff9d93; }

#footer-menu { float: left; }

#footer-menu li { border: none; float: left; line-height: 54px; margin: 0 14px 0 0!important; padding: 0; }

#footer-menu ul { display: none; }

#gk-footer .gk-copyrights { float: right; margin: 0; padding: 0; }

#gk-footer .gk-framework-logo { clear: both; display: block; margin: 12px auto 0 auto; padding: 40px 0 50px 0; opacity: 0.6; }

/* Style switcher */
#gk-style-area { display: block; float: right; line-height: 10px; margin: 9px 0 0 20px; padding: 0; text-align: center; }

#gk-style-area a { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; height: 10px; margin: 15px 0 0 5px; text-indent: -9999px; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; transition: transform 0.2s ease-out; width: 10px; }

#gk-style-area a:first-child { margin-left: 0; }

#gk-style-area a:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

#gk-color1 { background: #ee685a; }
#gk-color2 { background: #9b59b6; }
#gk-color3 { background: #3cade7; }
#gk-color4 { background: #2ecc71; }
#gk-color5 { background: #f2c406; }
#gk-color6 { background: #f57b3d; }

/*
 *
 * 4. Widget styles
 *
 *
------------------------------------ */
 
/* 4.1. Base style
==================================== */

.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; }

#gk-mainbody-top .box, #gk-mainbody-bottom .box { padding: 0; }

/* 4.2. Base style for other areas
==================================== */

#gk-top1 .box, #gk-top2 .box, #gk-bottom1 .box, #gk-bottom2 .box, #gk-bottom3 .box, #gk-bottom4 .box, #gk-bottom5 .box, #gk-bottom6 .box, #gk-header-bottom .box { float: left; }

.widget-area .col1 { width: 100%; }
.widget-area .col2 { width: 50%; }
.widget-area .col3 { width: 33.3%; }
.widget-area .col4 { width: 25%; }
.widget-area .col5 { width: 20%; }
.widget-area .col6 { width: 16.6%; }

.widget-area .box.last1 { width: 100%; }
.widget-area .box.last2 { width: 50%; }
.widget-area .box.last3 { width: 33.3%; }
.widget-area .box.last4 { width: 25%; }
.widget-area .box.last5 { width: 20%; }

.widget-area .nth1 { clear: both; }

/* Frontpage based on posts */
#gk-before .gk-article { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 90px; }
#gk-before .gk-article { padding-top: 100px; }

#gk-before .gk-article:nth-child(2) { padding-top: 0; }

#gk-before .gk-article:last-child { padding-bottom: 102px; }

#gk-before .gk-article:nth-child(even) .box.greybg { margin: 0 -90px; min-width: 100%; padding: 100px 90px 0; width: auto; }

#gk-bottom5 + #gk-footer > div { border-top: 1px solid #f1857a; }

/* 4.3. Device classes
==================================== */

.onlyDesktop { display: block!important; }

.onlyTablets { display: none!important; }

.onlySmartphones { display: none!important; }

.onlyTabltetsAndSmartphones { display: none!important; }

.widget_gk_image_show .button{display:none;}