/*

Theme Name: INAT Center

Description: INAT Team and INAT Hackers have 3-15 years of experience in event management, education and business. They intend to create a buzzing community of innovation practice among young professionals and established experts in the Balkans and Europe, as well as to enable innovators with prototypes to obtain further knowledge at the incubators, institutions or companies where partnerships will be developed.

Author: Vasic&Vasic

Author URI: http://vasic-vasic.com

Version: 1.0

*/



@font-face {
	font-family: Sansation;
	src: url(font/Sansation-Light.ttf);
	font-weight: lighter;
}

@font-face {
	font-family: Sansation;
	src: url(font/Sansation-Regular.ttf);
	font-weight: normal;
}

@font-face {
	font-family: Sansation;
	src: url(font/Sansation-Italic.ttf);
	font-style: italic;
}

@font-face {
	font-family: Sansation;
	src: url(font/Sansation-Bold.ttf);
	font-weight: bold;
}



body {

	background-color: #ffffff;

	font-family: 'Sansation', Verdana, Geneva, sans-serif;

	font-size: 16px;

	font-weight: normal;

	color: #333333;

	margin: 0 0 0 0;

}



a:link, a:visited, a:active {

    color: #0e71b4;

	text-decoration: none;

}

 

a:hover {

	color: #333333;

	text-decoration: none;

	transition: all .7s;

}



h1 {

	font-size: 30px;

	line-height: normal;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

	margin: 0 0 50px 0;

	padding: 0;

}



h2 {

	font-size: 30px;

	line-height: normal;

	font-weight: bold;

	color: #0e71b4;

	text-align: center;

	margin: 0 0 50px 0;

	padding: 0;

}



h3 {

	font-size: 22px;

	line-height: normal;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

	margin: 0;

}



h4 {

	font-size: 22px;

	line-height: normal;

	font-weight: bold;

	color: #0e71b4;

	text-align: center;

	margin: 25px 0;

	padding: 0;

}



h5 {

	font-size: 20px;

	font-weight: normal;

	line-height: 26px;

	line-height: normal;

	color: #ffffff;

	text-align: center;

	padding: 0;

}



h6 {

	font-size: 18px;

	line-height: 22px;

	font-weight: normal;

	color: #ffffff;

	text-align: center;

	margin: 25px 0;

	padding: 0 15px;

}



h7 {

	font-size: 30px;

	line-height: 30px;

	font-weight: normal;

	color: #0e71b4;

	margin: 10px 0;

	padding: 0;

}



h8 {

	font-size: 70px;

	line-height: normal;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

	margin: 0;

	padding: 0;

}

h9 {

	font-size: 25px;

	line-height: 45px;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

	margin: 0;
	
	padding: 0;

}



.nav {

	margin: 0;

	padding: 0;

    display: block;

    position: relative;

}

 

.nav ul {

	margin: 0;

	padding: 0;

	text-align: center;

    list-style: none;

}

 

.nav li {

    display: inline-block;

	text-align: center;

    position: relative;

	list-style: none;

}



.nav a {

	margin: 0;

	padding: 55px 20px 23px 20px;

	font-size: 18px;

	color: #ffffff;

    display: block;

}



.nav a:hover {

	background-color: #ffffff;

	color: #0e71b4;

	text-decoration: none;

	transition: ease .7s;

}

 

.nav ul ul {

    display: none;

    position: absolute;

    top: 100%;

	left: 0;

	z-index: 99999;

	list-style: none;

	margin: 0;

	padding: 0;

}

 

.nav ul ul ul {

    top: 30%;

    left: 100%;

	list-style: none;

	margin: 0;

	padding: 0;

}

 

.nav ul ul a {

	width: 180px;

    height: auto;

	text-align: left;

	font-size: 12px;

	font-weight: bold;

	text-transform: uppercase;

	color: #ffffff;

    line-height: 15px;

	padding: 20px;

	list-style: none;

	margin: 0;

}



.nav li:hover {

	text-decoration: none;

}

 

.nav ul ul a:hover {

	text-decoration: none;

}

 

.nav ul li:hover > ul {

    display: block;

	list-style: none;

}



/*---------- responsive menu ----------*/

#MainMenu {

	display: none;

	background-color: #9e241d;

	padding-top: 25px;

    position: fixed;

    top: 0;

    left: 0;

	z-index: 999999;

}



#MainMenuUl {

	width: auto;

	height: 100vh;

    display: none;

    position: relative;

    list-style: none;

	margin: 0;

	padding: 0;

    overflow: hidden;

    overflow-y: auto;

}



#MainMenuBtnOpen {

	max-width: initial;

    position: absolute;

	display: none;

    left: 100%;

    top: 45px;

    width: 30px;

    height: 30px;

    cursor: pointer;

    z-index: 999999;

}



.nav-responsive {

	margin: 0;

	padding: 0;

    position: relative;

}

 

.nav-responsive ul {

	margin: 0;

	padding: 0 15px;

	display: block;

	text-align: left;

    list-style: none;

}

 

.nav-responsive li {

	display: block;

	text-align: left;

    position: relative;

}



.nav-responsive a {

	margin: 0;

	padding: 0;

	font-size: 16px;

	line-height: 32px;

	font-weight: bold;

	color: #ffffff;

    text-decoration: none;

}



.nav-responsive a:hover {

	text-decoration: none;

	color: #333333;

}

 

.nav-responsive ul ul {

    display: block;

	margin: 0;

	padding: 0 10px 15px 10px;

}

 

.nav-responsive ul ul ul {

    display: block;

	margin: 0;

	padding: 5px 10px;

}

 

.nav-responsive ul ul a {

	text-align: left;

	font-size: 14px;

	line-height: 22px;

	font-weight: normal;

	text-transform: none;

	color: #ffffff;

	display: block;

	margin: 0;

	padding: 0;

	background-color: transparent;

	border-bottom: none;

}



.nav-responsive li:hover {

	color: #333333;

}

 

.nav-responsive ul ul a:hover {

    color: #333333;

}

 

.nav-responsive ul li:hover > ul {

    display: block;

	list-style: none;

}



img.alignright {

	float: right;

	margin: 0 15px 15px 15px;

}



img.alignleft {

	float: left;

	margin: 0 15px 15px 15px;

}



img.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignnone {

	max-width: 33.33333%;

	height: auto;

	display: inline-block;

	vertical-align: top;

	margin: 0;

	padding: 0;

}



.alignright {

	float: right;

}



.alignleft {

	float: left;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}


img {

	max-width: 100%;

	height: auto;

}






/*---------- header ----------*/

#topbar-wrapper {

	width: 100%;

	height: auto;

	background-color: #0e71b4;

	position: fixed;

	z-index: 9999;

}



#topbar {
	
	width: 90%;
	
	overflow: auto;
	
	background-color: #1a1a1a;
	
	padding: 5px 5%;
	
	text-align: right;
	
}



#logo-wrapper {

	width: auto;

	height: auto;

	float: left;

	margin: 10px 0 0 35px;

}



#menu-container {

	width: auto;

	height: auto;

	float: right;

}







/*---------- index ----------*/

#index-featured-wrapper {

	width: 100%;

	overflow: auto;

	padding-top: 100px;

	font-size: 18px;

}



.featured-slide-wrapper {

	overflow: auto;

	line-height: 22px;

	color: #ffffff;

	text-align: center;

	margin: 0;

	padding: 25px 40px;

	background: rgba(16,16,16,0.75);

}



#featured-content {

	max-width: 1170px;

	width: auto;

	height: auto;

	margin: auto;

	padding: 25px 10px;

}



.featured-image-container {

	width: 31.3333%;

	overflow: auto;

	margin: 0 1%;

	text-align: center;

	float: left;

}



.partners-image-container {

	width: 18%;

	overflow: auto;

	margin: 25px 1%;

	float: left;

}



.featured-image-container-half {

	width: 47%;

	overflow: auto;

	margin-bottom: 25px;

	text-align: left;

	float: left;

	padding-right: 3%;

	line-height: 22px;

}



.featured-news-image-container {

	max-width: 900px;

	width: auto;

	overflow: auto;

	margin: auto;

}



#news-wrapper {

	width: 100%;

	overflow: auto;

	padding: 50px 0;

	background-color: #f0f0f0;

}



#news-content {

	max-width: 1170px;

	width: auto;

	height: auto;

	margin: auto;

	padding: 0 10px;

}



.index-entry {

	width: 31.3333%;

	height: 635px;

	margin: 10px 1%;

	float: left;

}



.index-thumb {

	width: 100%;

	height: auto;

	overflow: hidden;

}



.entry-info {

	font-size: 10px;

	color: #ababab;

	margin: 5px 0 10px 0;

}



.excerpt {

	font-size: 22px;

	line-height: 26px;

	font-weight: normal;

	color: #636363;

}



#bottom-index-featured-wrapper {

	width: 100%;

	overflow: auto;

	font-size: 14px;

}



#apply-btn {
	margin: auto;
	text-align: center;
	padding: 50px 0;
}



.apply-now a:link, .apply-now a:visited, .apply-now a:active {
	overflow: auto;
	padding: 10px 25px;
	text-align: center;
	background-color: #0e71b4;
	border: solid 1px #0e71b4;
	border-radius: 5px;
	color: #ffffff;
	font-size: 26px;
}



.apply-now a:hover {
	text-decoration: none;
	background-color: #ffffff;
	border: solid 1px #0e71b4;
	color: #0e71b4;
}



#visit-btn {
	margin: auto;
	text-align: center;
	padding: 15px 0;
}

.visit-web a:link, .visit-web a:visited, .visit-web a:active {
	overflow: auto;
	padding: 10px 25px;
	text-align: center;
	background-color: #0e71b4;
	border: solid 1px #0e71b4;
	border-radius: 5px;
	color: #ffffff;
	font-size: 16px;
}



.visit-web a:hover {
	text-decoration: none;
	background-color: #ffffff;
	border: solid 1px #0e71b4;
	color: #0e71b4;
}







/*---------- page ----------*/

#page-container {

	max-width: 1170px;

	width: auto;

	overflow: auto;

	margin: auto;

	padding: 150px 10px 50px 10px;

}







/*---------- category ----------*/

#category-container {

	max-width: 1200px;

	width: auto;

	overflow: auto;

	margin: auto;

	padding: 150px 0 50px 0;

}







/*---------- 404 ----------*/

#error-container {

	max-width: 1170px;

	width: auto;

	overflow: auto;

	margin: auto;

	padding: 150px 10px;

	text-align: center;

}







/*---------- footer ----------*/

#copyright-wrapper {

	width: 100%;

	overflow: auto;

	padding: 30px 0;

	background-color: #1a1a1a;

}



#copyright-content {

	max-width: 1170px;

	width: auto;

	overflow: auto;

	margin: auto;

	padding: 0 10px;

}



#copyright-content ul {

	margin: 0;

	padding: 0;

    list-style: none;

}



.copyright {

	width: 33.333%;

	line-height: normal;

	color: #7f7f7f;

	float: left;

}



.footer-socials {

	width: 33.333%;

	line-height: normal;

	text-align: center;

	color: #7f7f7f;

	float: left;

}



.launched {

	width: 33.333%;

	line-height: normal;

	text-align: right;

	color: #7f7f7f;

	float: right;

}



.copyright-links a:link, .copyright-links a:visited, .copyright-links a:active {

	color: #7f7f7f;

}



.copyright-links a:hover {

	text-decoration: underline;

}







/*---------- contact ----------*/

.front-form {

    height: 300px;

}



.wpcf7-form {

    width: 100%;

    text-align: left;

}



.wpcf7-form br {

    display: none;

}



.wpcf7-form input {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

	font-size: 14px;

    background: white;

    margin: 0;

    padding: 10px 25px;

    display: block;

    border: 2px solid #333333;

    color: #0e71b4;

}



.wpcf7-form input:focus {

    border: 2px solid #0e71b4;

}



.wpcf7-form input[type="email"] {

    margin: 0;

}



.wpcf7-form textarea {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    height: 250px;

	font-size: 14px;

    background: white;

    margin-bottom: 10px;

    padding: 10px 25px;

    border: 2px solid #333333;

    color: #0e71b4;

}



.wpcf7-form textarea:focus {

    border: 2px solid #0e71b4;

}



.wpcf7-form input[type="submit"] {

	clear: both;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -ms-transition: all 0.3s;

    transition: all 0.3s;

    width: 150px;

    height: 45px;

    background: #0e71b4;

    color: #ffffff;

    float: none;

    border: none;

    font-weight: 700;

    font-size: 14px;

}



.wpcf7-form input[type="submit"]:hover {

    background: #333333;

}







/*---------- google maps ----------*/

#google-maps {

	max-width: 1170px;

	width: 100%;

	height: auto;

}



.google-maps {

	position: relative;

	padding-bottom: 75%;

	height: 0;

	overflow: hidden;

}



.google-maps iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100% !important;

	height: 100% !important;

}







/*---------- pagination ----------*/

#pagination-wrapper {

	overflow: hidden;

	margin: 25px 0 0 10px;

}



ul.page-numbers {

    list-style: none;

	float: left;

}



.page-numbers:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



ul.page-numbers li {

    display: block;

    float: left;

    margin: 0 4px 4px 0;

    text-align: center;

}



.page-numbers a, .page-numbers span {

    line-height: 1.6em;

    display: block;

    padding: 4px 10px;

    height: 16px;

    line-height: 18px;

    font-size: 12px;

	font-weight: bold;

    text-decoration: none;

    font-weight: 400;

    cursor: pointer;

    border: 1px solid #151515;

    color: #9e241d;

	background: #ffffff;

}



.page-numbers a span {

	padding: 0;

}



.page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover {

	border: 1px solid #151515;

    color: #ffffff;

    background: #9e241d;

    text-decoration: none;

}



.page-numbers:hover {

	text-decoration: none

}


/*---------- price table ----------*/
.rpt_style_basic .rpt_plan .rpt_head .rpt_price {
    padding: 25px 10px !important;
    font-size: 22px !important;
    line-height: normal !important;
    font-weight: 300;
    text-align: center;
    color: #fff;
    text-shadow: 1px 2px 7px rgba(0,0,0,0.6);
	background: #0e71b4 !important;
	
}

.rpt_style_basic .rpt_plan .rpt_title {
    border-bottom: #111 solid 1px;
    background: #0e71b4 !important;
    padding: 14px 18px;
    font-size: 22px !important;
    color: #fff;
    line-height: 32px !important;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	text-align: center !important;
}

.rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle {
    font-size: 14px !important;
    line-height: normal !important;
    font-weight: 300;
    text-align: center;
    padding: 10px !important;
	background: #e9e9e9 !important;
	color: #d61212 !important;
}








/*---------- mobile ----------*/
@media (max-width: 1180px) {

.nav {

	margin: 0;

	padding: 0;

    display: none;

    position: relative;

}



.nav a:hover {

	background-color: #0e71b4;

	color: #d0d0d0;

	text-decoration: none;

	transition: ease .7s;

}



#MainMenu {

	display: block;

	background-color: #0e71b4;

	padding-top: 25px;

    position: fixed;

    top: 0;

    left: 0;

	z-index: 999999;

}



#MainMenuBtnOpen {

	max-width: initial;

    position: absolute;

	display: block;

    left: 100%;

    top: 45px;

    width: 30px;

    height: 30px;

    cursor: pointer;

    z-index: 999999;

}



.nav-responsive ul {

	margin: 0;

	padding: 0 15px;

	display: block;

	text-align: left;

    list-style: none;

}



#menu-container {

	margin-top: 30px;

	float: right;

	background-color: transparent;

}



#logo-wrapper {

	width: auto;

	height: auto;

	float: right;

	margin: 10px 35px 10px 0;

}

.index-entry {

	max-width: 370px;

	width: auto;
	
	overflow: auto;
	
	height: auto;

	margin: auto;

	float: none;

}

}



@media (max-width: 1030px) {
.rpt_style_basic .rpt_plan .rpt_head .rpt_price {
    padding: 25px 10px !important;
    font-size: 22px !important;
    line-height: normal !important;
    font-weight: 300;
    text-align: center;
    color: #fff;
    text-shadow: 1px 2px 7px rgba(0,0,0,0.6);
	background: #0e71b4 !important;
	margin-top: 0px !important;
	
}

.rpt_style_basic .rpt_plan .rpt_title {
    border-bottom: #111 solid 1px;
    background: #0e71b4 !important;
    padding: 14px 18px;
    font-size: 22px !important;
    color: #fff;
    line-height: 32px !important;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	text-align: center !important;
}

.rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle {
    font-size: 14px !important;
    line-height: normal !important;
    font-weight: 300;
    text-align: center;
    padding: 10px !important;
	background: #e9e9e9 !important;
	color: #d61212 !important;
}

}




@media (max-width: 980px) {

.featured-news-image-container {

	max-width: 450px;

	width: auto;

	overflow: auto;

	margin: auto;

}

}



@media (max-width: 650px) {
.rpt_style_basic .rpt_plan .rpt_head .rpt_price {
    padding: 25px 10px !important;
    font-size: 22px !important;
    line-height: normal !important;
    font-weight: 300;
    text-align: center;
    color: #fff;
    text-shadow: 1px 2px 7px rgba(0,0,0,0.6);
	background: #0e71b4 !important;
	margin-top: 0px !important;
	
}

.rpt_style_basic .rpt_plan .rpt_title {
    border-bottom: #111 solid 1px;
    background: #0e71b4 !important;
    padding: 14px 18px;
    font-size: 22px !important;
    color: #fff;
    line-height: 32px !important;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	text-align: center !important;
}

.rpt_style_basic .rpt_plan .rpt_head .rpt_subtitle {
    font-size: 14px !important;
    line-height: normal !important;
    font-weight: 300;
    text-align: center;
    padding: 10px !important;
	background: #e9e9e9 !important;
	color: #d61212 !important;
}

.partners-image-container {

	width: 23%;

	overflow: auto;

	margin: 25px 1%;

	float: left;

}

}



@media (max-width: 600px) {

.featured-image-container-half {

	width: 100%;

	overflow: auto;

	margin-bottom: 25px;

	text-align: left;

	float: none;

	padding-right: 0;

	line-height: 22px;

}

}



@media (max-width: 530px) {

.featured-news-image-container {

	max-width: 300px;

	width: auto;

	overflow: auto;

	margin: auto;

}

}



@media (max-width: 500px) {

.featured-image-container {

	width: 90%;

	overflow: auto;

	margin: auto;

	text-align: center;

	float: none;

}

.partners-image-container {

	width: 31.3333%;

	overflow: auto;

	margin: 25px 1%;

	float: left;

}



.apply-now a:link, .apply-now a:visited, .apply-now a:active {
	overflow: auto;
	padding: 10px 25px;
	text-align: center;
	background-color: #0e71b4;
	border: solid 1px #0e71b4;
	border-radius: 5px;
	color: #ffffff;
	font-size: 22px;
}



.copyright {

	width: 100%;

	text-align: center;

	line-height: normal;

	color: #7f7f7f;

	margin-bottom: 20px;

	float: none;

}



.footer-socials {

	width: 100%;

	line-height: normal;

	text-align: center;

	color: #7f7f7f;

	margin-bottom: 20px;

	float: none;

}



.launched {

	width: 100%;

	text-align: center;

	line-height: normal;

	color: #7f7f7f;

	float: none;

}

}



@media (max-width: 380px) {

.featured-news-image-container {

	max-width: 150px;

	width: auto;

	overflow: auto;

	margin: auto;

}

.partners-image-container {

	width: 98%;

	overflow: auto;

	margin: 25px 1%;

	float: none;
	
	text-align: center;

}

}