/*
Theme URI: http://rokis.hr
Author: Stjepan Tafra
Author URI: http://stjepantafra.com
*/
.clearfix {clear: both;}
.tzatsikis {
	border-bottom: 1px solid #ddd;    margin-bottom: 20px;
}
.tzatsiki {
	float: left;width: 80%;
    text-align: left;
}
.menu-grid strong {font-weight: normal;}
.tzatsiki h4, .dollar h4 {
	font-size: 16px;
	color: #555;
	font-weight: 400;    margin-top: 0;
    margin-bottom: 0;
}
.dollar h4 {text-align: right;}
.menu-grids {
	text-align: center;
	width: 44%;
	margin-right: 5%;float:left;
	}
.menu-grids h3, .menu-grids1 h3{
	color: orangered;
	font-weight: 400;
	text-align: center;
	padding-bottom: 15px;
            clear: both;
    margin-top: 50px;
    margin-bottom: 15px;
}
.menu-grids1 {
	text-align: center;
	width: 44%; float: left;
}

@media(max-width:800px){
    .tzatsiki h4, .dollar h4 {
				font-size: 1.4em;margin-top: 0;
    margin-bottom: 0;
			}
    .menu-grids{
					float:left;
				}
				.menu-grids1{
					float:left;
				}
				.menu-grids img {
					width: 60%;
				}
				.menu-grids img {
					width: 60%;
				}
				.menu-grids1 img {
					width: 60%;
				}
				.menu-grids h3 {
					font-size: 2em;
					padding-bottom: 10px;
				}
				.menu-grids1 h3 {
					font-size: 2em;
					padding-bottom: 10px;
				}
}
@media(max-width:480px){
    .tzatsiki h4, .dollar h4 {
					font-size: 1.3em;margin-top: 0;
    margin-bottom: 0;
				}
    .menu-grids {
			width: 100%;
		}
		.menu-grids1 {
			width: 100%;
		}
		.menu-grids h3 {
			font-size: 1.9em;
			padding-bottom: 5px;
		}
		.menu-grids1 h3 {
			font-size: 1.9em;
			padding-bottom: 5px;
		}
}
@media(max-width:320px){ 
    .tzatsiki h4, .dollar h4 {
			font-size: 1.22em;margin-top: 0;
    margin-bottom: 0;
		}
    .menu-grids {
			width: 100%;
			padding: 0 0;
			margin: 0 0;
		}
		.menu-grids1 {
			width: 100%;
			padding: 0 0;
			margin: 0 0;
		}
		.menu1-grid a {
			font-size: 1.1em;
		}
		.menu-grids h3 {
			font-size: 1.66em;
		}
    }
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
video {
  width: 100%    !important;
  height: auto   !important;
}
p {font:1.1em "Fira Sans", serif;line-height: 1.4em;}
.events-choice {height: 100vh;}
#CDSWIDCOE, .TA_certificateOfExcellence {border: 0 !important;display: inline-block;}
#CDSWIDCOE .widCOELink {display: none !important;}
.wpcf7-response-output {text-align: center;}
body, html {
    margin: 0;
    padding: 0;
}
.home-container, .home-contents {height: 100vh;}
body {
    font: normal 1em 'gab-br', sans-serif;
}
* {
    line-height: 1.25em;
}
a {
    text-decoration: none;
    cursor: pointer
}
h2 {
    font: 4em 'gab-br', sans-serif;
    color: #fff;
    margin: 0;
}
h3 {
    font: 1.875em 'gab-br', sans-serif;
    margin: 1.25em 0;    text-align: center;
}
h4 {
    font: 2.25em 'gab-br', cursive;
    color: #d71921;
}
b, strong {
    font-family: montserratregular;
}
br {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
}


.login-form {
    border: 4px solid #d71921;
    background-color: #000;
    color: #fff;
}
.button-primary, .button-primary:hover {
    background-image: none;
    background-color: #d71921;
}
.button-primary:hover {
    opacity: 0.9;
}
.login-form, .button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.back_home_pdf{
    position: absolute;
    top: 70px;
    left:50px;
}
@media only screen and (min-width: 768px) {
.col-sm-7 {
    width: 58.33333333%;
    
}
.col-sm-5 {
    width: 41.66666667%;
    }
}
@media only screen and (max-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}}
.col-xs-12 {
    width: 100%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media only screen and (min-width: 1200px) {
.container {
    width: 1170px;
}}
@media only screen and @media (min-width: 992px) {
.container {
    width: 970px;
}}
@media only screen and @media (min-width: 768px) {
.container {
    width: 750px;
}}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

form {
  margin: 0 auto;
}
form .field {
  width: 100%;
  position: relative;
  margin-bottom: 8px;
}
form .field label {
  position: absolute;
  top: 0;
  left: 0;
  background: #fafafa;
    text-align: center;
  width: 100%;
  padding: 18px 0;
  font-size: 1.1em;
  letter-spacing: 0.075em;
  -webkit-transition: all 333ms ease-in-out;
  -moz-transition: all 333ms ease-in-out;
  -o-transition: all 333ms ease-in-out;
  -ms-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
}
form .field label + span {
  opacity: 0;
  color: white;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2.5em;
  text-shadow: 1px 2px 0 #cd6302;
  -webkit-transition: all 333ms ease-in-out;
  -moz-transition: all 333ms ease-in-out;
  -o-transition: all 333ms ease-in-out;
  -ms-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
}
form .field input[type="text"],form .field input[type="email"],
form .field textarea {
 border: none;
    background: #E8E9EA;
    width: 100%;
       margin: 0px 0;
    padding: 29px 0;
    padding-left: 19.5%;
    padding-bottom: 29px;
    color: #313A3D;
    font-size: 1.1em;font-weight: 300;
}
form .field textarea {
 border: none;
    background: #E8E9EA;
    width: 100%;
       margin: 0px 0;
    padding: 17px 0;
    padding-left: 19.5%;
    padding-bottom: 41px;
    color: #313A3D;
    font-size: 1.1em;font-weight: 300;
}
form .field input[type="text"]#msg,
form .field textarea#msg {
  height: 18px;
  resize: none;
  -webkit-transition: all 333ms ease-in-out;
  -moz-transition: all 333ms ease-in-out;
  -o-transition: all 333ms ease-in-out;
  -ms-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;font-weight: 300;
}
form .field input[type="text"]:focus, form .field input[type="text"].focused,
form .field textarea:focus,
form .field textarea.focused {
  outline: none;
}
form .field input[type="text"]:focus#msg, form .field input[type="text"].focused#msg,
form .field textarea:focus#msg,
form .field textarea.focused#msg {
  padding-bottom: 150px;
}
form .field input[type="text"]:focus + label, form .field input[type="text"].focused + label,
form .field textarea:focus + label,
form .field textarea.focused + label {
  width: 18%;
  background: #FD9638;
  color: #313A3D;
}
form .field input[type="text"].focused + label,
form .field textarea.focused + label {
  color: #FD9638;
}
form .field:hover label {
  width: 18%;
  background: #313A3D;
  color: white;
}
form input[type="submit"] {
  background: #FD9638;
        float: none;
    display: inline !important;
    height: inherit;
  color: white;
  -webkit-appearance: none;
  border: none;
  position: relative;
  padding: 13px 50px;
  font-size: 1em;
  letter-spacing: 0.1em;
  font-weight: 300;
  -webkit-transition: all 333ms ease-in-out;
  -moz-transition: all 333ms ease-in-out;
  -o-transition: all 333ms ease-in-out;
  -ms-transition: all 333ms ease-in-out;
  transition: all 333ms ease-in-out;
}
form input[type="submit"]:hover {
  background: #313A3D;
  color: #FD9638;
}
form input[type="submit"]:focus {
  outline: none;
  background: #cd6302;
}