/*
Theme Name: Szkola Forex
Author: AdvaSoft
Author URI: https://advasoft.pl/
Description:
Version: 1.0

*/



@import url("./css/bootstrap.css");
@import url("./css/genericons.css");


body {
	font-family: "Open Sans", sans-serif;
	background: #e9e8ee;
	font-size: 15px;
	line-height: 1.6
}

h1 small { color: inherit;}
h2 { font-size: 25px; font-weight: 600; margin-bottom: 20px; }
h3 { font-size: 22px; font-weight: 600; margin-bottom: 20px; }

h1, h2, h3, h4, h5 { line-height: 1.4; }

p { margin: 0 0 20px 0; text-align: justify; }

.hyphens { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; hyphenate-limit-lines: 2 }

input { padding: 15px; border-radius: 0; border: none; }
.btn { border-radius: 0; }
.container { padding-top: 20px; padding-bottom: 20px; position: relative; }
.container-half { width: 555px; }
.box { padding: 20px; }
.container p:first-child { padding: 30px 0 }


.full-width { width: 100%; }
.margin-right { margin-right: 25px; }
.inline-block { display: inline-block; }

.btn-xs { height: 20px; padding: 0 10px; font-size: 12px; font-weight: 400;   }

.btn-lg { font-size: 22px; padding: 20px; border: none; }

.btn-blue { border-bottom: 2px solid #4196af;  color: white; background: #4196af; }

.c { text-align: center; }
.c img { margin: 0 auto;}
.l { text-align: left; }
.r { text-align: right;}
.j { text-align: justify; }
.big { font-size: 125%; }
h2.big { font-size: 35px; }
h3.big { font-size: 25px; }

.line { border-bottom: 3px solid #e3e3e3; width: 60px; display: inline-block; height: 30px; margin-bottom: 30px  }

.light { background: white; color: #003246; }
.light-grey { background: #4196af; color: white; }
.dark { background: #003246; color: white; }
.dark-grey { background: #2f87a1; color: white; }

.orange { color: white; background: #f26101; padding: 5px 15px; line-height: 180%; }
.co { color: #f26101; font-weight: inherit; }
.cob { color: #f26101;  }

ul.tick { margin: 10px 0; padding: 0; }
ul.tick li { list-style-type: none; background: url("images/icon-tick-orange.png") no-repeat left top; min-height:30px; padding: 0px 0 20px 70px; margin: 0; }

ul.tick-mini { margin: 20px; padding: 0; }
ul.tick-mini li { list-style-type: none; background: url("images/icon-tick-orange-mini.png") no-repeat left top; min-height:26px; padding: 0px 0 20px 50px; margin: 0; }

/** nagłówek **/
#menu { font-size: 15px;}
#menu .login { height: 30px; max-width: 350px; font-size: 12px; }
#menu .login input { height: 20px; padding: 0px; font-size: 12px; color: #4196af; font-weight: 400; border-bottom: 2px solid #4196af; width: 100%; }
#menu .login  input[type="submit"] { color: white; background: #4196af; }
#menu ul { margin: 0px 0 0; padding: 0; height: 78px; }
#menu li { list-style-type: none; display: inline-block; }
#menu li a {  padding: 25px 10px; color: #003246; margin: 0 10px; height: 78px; display: inline-block; }
#menu li a:hover, #menu li.active a { border-bottom: 3px solid #64c8e6; color: #64C8E6; text-decoration: none;  }

h1.page-title { margin: 5px 0; }


/** style dla poszczególnych podstron **/

.js-masonry { margin-top: 10px; }
.js-masonry article { width: 220px; margin: 10px 0 5px; padding: 10px; background: white; box-shadow: 0px 0px 3px rgba(0,0,0,0.2); border-bottom: 3px solid #cfcfd4; }
.js-masonry article.no-results { width: 100%; }
.js-masonry article h2 { font-size: 18px; margin-top: 0; text-transform: none; }
.js-masonry article .entry-content p { padding: 0; }
.js-masonry article .entry-content { font-size: 13px; }
.js-masonry article .entry-footer { display: none; }
.js-masonry article .more-link { padding: 5px 10px; font-size: 16px; color: white; font-weight: bold; position: absolute; bottom: 0; right: 0; }
.js-masonry article .more-link:hover {  }
.js-masonry article .wp-post-image {    margin: 0 0 10px; width: 100%; box-shadow: none; border: none; }


/** zakupy **/

.purchasetable { width: 100%; font-size: 14px; }

/** strona główna **/


body > header .container { padding-top: 0; padding-bottom: 0;}
body > header .logo { padding: 10px 0; }

.zestaw-narzedzi { background: #003246 url("images/bg-slider1.jpg") repeat-x center center; background-size: cover; }
.zestaw-narzedzi .container { padding: 0; }
.zestaw-narzedzi h2 { font-size: 42px; line-height: 180%; margin-top: 30%; }
.zestaw-narzedzi .spacer { display: inline; padding: 0 8px; }
.zestaw-narzedzi h3 { padding: 20% 0 0 20%; font-size: 32px; }

.poznaj-systemy h2 { font-size: 45px; }
.poznaj-systemy h3 { font-size: 35px; color: #4196af; }
.poznaj-systemy h4 { font-size: 25px; }
.poznaj-systemy input { font-size: 25px; color: #4196af; font-weight: 300; border-bottom: 3px solid #4196af; width: 100%; margin-bottom: 15px;  }
.poznaj-systemy input[type="submit"] { color: white; background: #4196af; }

.podczas-szkolenia { color: #64c8e6; background:  #003246 url("images/bg-section-3.png") repeat-x center bottom; background-size: contain; padding-bottom: 40px; }
.podczas-szkolenia .circle { margin: 20px auto; width: 150px; height: 150px; font-size: 45px; font-weight: 900; text-align: center; background: url("images/bg-circle.png") no-repeat center center; line-height: 150px; }
.podczas-szkolenia p { margin: 20px; text-align: center; }

.szkolenie-power-forex h2 { font-size: 35px; }

.metody h2 { color: #003246; font-weight: 600; }
.metody h2 strong { font-weight: 600; color: white; }

.plan h3 { font-size: 150px; font-weight: bold; font-family: Oswald, sans-serif;}
.plan h3:first-letter { color: #f26101; }
.plan p { color: #64c8e6; }

.oferty { padding-bottom: 100px; }
.offer { margin: 20px; }
.offer header { text-align: center; padding: 20px 0 }
.offer h2 { text-transform: uppercase; color: white; margin: 0; font-weight: 600;}
.offer .buy { display: block; color: white; text-align: center; font-size: 25px; padding: 5px 0; text-decoration: none; }
.offer .buy .price { font-size: 35px; }
.offer-orange { border: 1px solid #f26101; }
.offer-orange header, .offer-orange .buy { background: #f26101; }
.offer-blue { border: 1px solid #003246 }
.offer-blue header, .offer-blue .buy { background: #003246; d}
.offer .asterisk { background: url("images/icon-asterisk.png") repeat-x left top; width: 22px; height: 21px; display: inline-block;}
.offer .asterisk-3 { width: 66px; }
.offer .asterisk-5 { width: 110px; }

/*Facebook Slider */
#fb {
	margin: 4px 0 0 38px
}
#facebook {
	background: url('/images/fb.png') no-repeat top left;
	display: block;
	float: right;
	width: 232px;
	height: 420px;
	position: fixed;
	right: -200px;
	top: 45%;
	z-index: 999;
	cursor: pointer
}


/*end of facebok slider*/


#footer-menu ul { padding: 0; margin: 0; display: inline-block; }
#footer-menu li { display: inline; list-style-type: none; padding: 0 5px; margin: 0; }
#footer-menu li a { padding: 3px 5px; color: white; display: inline-block; }
#footer-menu li a:hover { background: #2f87a1; color: white; text-decoration: none;  }
footer .footer-mini p { padding: 0!important; }


#menu select {
  display: none; margin-top: 10px; max-width: 100%; color: #003246; border: none; font-size: 14px; background: white;
}



/* popup */
#popmake-144 p { font-size: 18px; text-align: center; font-weight: bold; color: #003246; }
#popmake-144 strong { color: #f26101; }
#popmake-144 .row-tb { display: table; padding: 30px 0; margin: 0 auto; }
#popmake-144 .row-tb .box { display: table-cell; border-radius: 4px; color: white; font-weight: bold; }
#popmake-144 .row-tb .box-blue { background-color: #003246; }
#popmake-144 .row-tb .box-green { background-color: #2f87a1; }
#popmake-144 .row-tb .glyphicon { display: table-cell; vertical-align: middle; padding: 10px; }
.popmake-overlay.theme-148 { background: rgba(0,0,0,0.25); }



@media (max-width: 767px) {

	.logo img { height: 60px;}
	.container-half { width: 100%; padding-left: 15px; padding-right: 15px;  }

  	#menu ul { display: none; }
  	#menu select { display: inline-block; }

	h2 { font-size: 20px; font-weight: 600; margin-bottom: 20px; }
	h3 { font-size: 18px; font-weight: 600; margin-bottom: 20px; }

	h2.big { font-size: 26px; }
	h3.big { font-size: 22px; }

	.zestaw-narzedzi .row { background: transparent url("images/sebastian.png") no-repeat center top; background-size: contain; min-height: 400px;  }
	.zestaw-narzedzi h2 { line-height: 180%; margin-top: 50%; font-size: 28px; }

	.metody { padding: 0 15px; }
	.metody h2, .metody p { text-align: center; }
	.metody .row > div { background: #2f87a1;  }
	.metody .row > div:first-child { background: #4196af; }

	.offer { margin: 10px; }

}

@media (min-width: 768px) and (max-width: 991px) {
 	.container-half { width: 345px;  }

 	#menu { font-size: 13px;}
	#menu li { list-style-type: none; display: inline-block; }
	#menu li a {  padding: 25px 0px; color: #003246; margin: 0 5px; height: 78px; display: inline-block; }

	.zestaw-narzedzi h2 { font-size: 30px; line-height: 180%; margin-top: 8%; }
  	.zestaw-narzedzi h3 { padding: 4% 0 0 0%; font-size: 28px; }

  	.offer { margin: 10px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container-half {
    width: 455px;
  }

  	.zestaw-narzedzi h2 { font-size: 35px; line-height: 180%; margin-top: 30%; }
  	.zestaw-narzedzi h3 { padding: 18% 0 0 20%; font-size: 28px; }
}