/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

#cookie-law-info-bar {
    font-size: 14px;
    padding: 10px 10px;
    box-shadow: rgba(0,0,0,.2) 0px 5px 50px;
}

@media only screen and (max-width: 978px){
    .growth-tabs .x-tabs-list button {
    margin: 0px 30px 0px 30px!important;	
  }
}

@media only screen and (max-width: 767px) {
  h1{
    font-size: 32px!important;
  }

	.text-center-md{
		text-align:center!important;
	}
	
	.text-left-md p, .text-left-md h1, .text-left-md h2, .text-left-md h3{
  text-align: left!important;
}
	
	.x-row.row-md-reverse{
  flex-flow: column nowrap!important;
}

.row-md-reverse .x-row-inner{
  flex-direction: column-reverse!important;
}

}

@media only screen and (max-width: 480px) {
  #intro-section{
    padding-top: 80px;
    padding-bottom: 60px;
  }
  h1{
    font-size: 28px!important;
  }
  #intro-section .scroll-down-cta{
    font-size: 20px;
  }
  #growth-section #growth-headline{
		margin-bottom: 40px;
  }

		.text-center-sm{
		text-align:center!important;
	}
	
.text-left-sm p, .text-left-sm h1, .text-left-sm h2, .text-left-sm h3{
  text-align: left!important;
}
  .gap{
    margin: 50px auto 50px auto!important;
  }
  h2{
    font-size: 24px!important;
  }
	.event-title h1{
		font-size: 24px!important;
	}
h3{
    font-size: 22px!important;
  }
  p, li, .document-item-list, .document-item-list-sm{
    font-size: 20px!important;
  }
}

@media only screen and (max-width: 361px) {  
  #intro-section{
    padding-top: 100px;
    padding-bottom: 40px;
  }
  #intro-section .scroll-down-cta{
    font-size: 18px;
  }
  p, li, .document-item-list, .document-item-list-sm{
    font-size: 18px!important;
  }
}

@media only screen and (max-width: 321px) {  
 h1{
    font-size: 24px!important;
  }
	#intro-section p{
    font-size: 16px;
  }
  #intro-section .scroll-down-cta{
    font-size: 16px;
  }
  .x-counter-number-wrap{
    font-size: 30px!important;
  }
    h2{
    font-size: 20px!important;
  }
	.event-title h1{
		font-size: 24px!important;
	}
	h3{
    font-size: 18px!important;
  }
    p, li, .document-item-list, .document-item-list-sm{
    font-size: 16px!important;
  }
}

.document-icon-list{
  font-size: 1.2em;
}

.document-item-list-sm{
	font-size: 1em;
}

.privacy-menu a{
 color: rgb(65, 74, 76);
	transition: 0.5s ease;
}
.privacy-menu a:hover{
 color: #E53E3E; 
}

.mx-auto{
	margin: 0 auto !important;
}


.arrow {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 3px solid #f7fafc;
}

.arrow span {
    display: block;
    width: 12px;
    height: 12px;
    border-bottom: 4px solid #f7fafb;
    border-right: 4px solid #f7fafc;
    transform: rotate(45deg);
    margin: 0 auto;
    animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-2px, -2px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(8px, 8px);
    }
}

.x-tabs-panel.x-active .x-text {
    display: block;
    animation: slide-down 0.3s ease-out;
}

@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

#intro-section {
    display: flex;
    height: 100vh;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.source-link {
    color: #898E94;
    transition: 0.5s ease;
}

.source-link:hover {
    color: #353839;
}

.x-tabs-list button {
    transition: border-color 0.5s ease;
}

.share-button-icon i{
	padding-right: 10px;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .x-tabs-list li {
        flex: 100%;
        margin: 0 20px;
    }
	.ie-padding{
  padding: 20px;
}
}

@supports (-ms-ime-align: auto) {
    .x-tabs-list li {
        width: 100%;
    }
}

.form-section {
    min-height: 1449px !important;
    background-color: #09152B!important;
}

.MAform-consultation .maForm, 
.MAform-document .maForm {
    font-family: "Roboto", sans-serif;
    padding: 0;
    color: #f7fafc;
}

.MAform-consultation .maForm textarea, 
.MAform-document .maForm textarea {
    resize: none;
}

.MAform-consultation .maForm a, 
.MAform-document .maForm a {
    color: #f7fafc;
    text-decoration: underline;
    transition: 0.5s ease;
}

.MAform-consultation .maForm a:hover, 
.MAform-document .maForm a:hover {
    color: #e53e3e;
}

.MAform-consultation .maForm .formSubmit, 
.MAform-document .maForm .formSubmit {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 15px;
    padding: 14px 0;
    background-color: #e53e3e;
}

.MAform-consultation .maForm .formSubmit:hover, 
.MAform-document .maForm .formSubmit:hover {
    background-color: #cc3737;
    text-shadow: none;
}

.MAform-consultation .maForm label, 
.MAform-document .maForm label {
    font-weight: 400;
}

.MAform-consultation .maFormElement, 
.MAform-document .maFormElement {
    padding: 0.5em 0;
}


.MAform-consultation .maFormElement.maFormFieldTypeStandardCheckbox,
.MAform-document .maFormElement.maFormFieldTypeStandardCheckbox{
	padding-bottom: 0px!important;
	padding-right: 12px;
}

.MAform-consultation .maFormComboContainer, 
.MAform-document .maFormComboContainer {
    padding: 0!important;
}

.MAform-consultation .maForm label,
.MAform-document .maForm label{
     line-height: 1.4!important;
}

.MAform-consultation .maForm label.formCheckboxLabel, 
.MAform-document .maForm label.formCheckboxLabel {
    font-size: 0.75em;
    display: inline;
}

.MAform-consultation .maForm label.formCheckboxLabel li,
.MAform-document .maForm label.formCheckboxLabel li {
  font-size: 1em!important;
	line-height: 1.9!important;
}

.MAform-consultation .maForm span.formRequiredLabel, 
.MAform-document .maForm span.formRequiredLabel {
    color: #e53e3e;
}

.MAform-consultation .maForm .maFormFieldTypeStandardCheckbox span.formRequiredLabel, 
.MAform-document .maForm .maFormFieldTypeStandardCheckbox span.formRequiredLabel {
    padding-left: 0;
}

.MAform-consultation .maForm input[type="checkbox"], 
.MAform-document .maForm input[type="checkbox"] {
    margin-left: 5px;
    top: 0px;
}

.MAform-consultation .maForm .maFormFieldTypeStandardCheckbox.formRequiredError, 
.MAform-document .maForm .maFormFieldTypeStandardCheckbox.formRequiredError {
    background: url(https://frodx.com/wp-content/uploads/2020/04/form-error.png) no-repeat right top;
}

/* Form preloader oz. če forme ne delajo */
.MAspinner {
  margin: 20px auto;
  width: 100%;
  text-align: center;
}

.MAspinner > div {
  width: 14px;
  height: 14px;
  background-color: #005192;
  margin-right: 3px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.MAspinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.MAspinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.MAplaceholder {
    max-width: 350px;
	color: #E53E3E;
    border: 1px solid black;
    padding: 8px;
}
/* END Če forme ne delajo */

.reference-logo{
  position:absolute;
  top: 155px;
	margin-left: auto!important;
	margin-right: auto!important;
	left: 0;
	right: 0;
}


@media only screen and (max-width: 480px) {
  .reference-text{
	width: 83%!important;
}

}

.float{
  float: left;
}