/*
Theme Name: Prague
Theme URI: https://prague.foxthemes.me/
Author: FOXTHEMES
Author URI: http://themeforest.net/user/fox-themes
Description: A stunning visual experience for minimal loving creative. This theme is a responsive and retina-ready WordPress theme with grid system layout. It is optimized for mobile touch and swipe.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready
Version: 2.5.12
License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: prague
*/
.testimonials-swiper.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.services_section_about_me_page {
  position: relative;
  top: -200px;
  z-index: 99;
}
.rs-stl-visible rs-layer-wrap.rs-parallax-wrap:first-child {
  top: 50% !important;
  left: 30px !important;
}
.rs-stl-visible rs-layer-wrap.rs-parallax-wrap:last-child {
  top: 50% !important;
  right: 30px !important;
}
.overflow-hidden {
  overflow: hidden;
}

.project-filmstrip-wrapper .project-filmstrip-item-img::before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 60%;
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.67) 0%, rgba(0, 0, 0, 0) 100%);
}

.project-filmstrip-item-content {
    z-index: 2;
}

.portfolio-item-wrapp  a.prague-services-link.a-btn-2.simple {
    display: none !important;
}

.portfolio-item-wrapp  h3.services-item-title {
    font-size: 20px;
}
.project-filmstrip-wrapper .project-filmstrip-item-link {
    font-size: 22px;
    font-weight: 600;
    color: #fd8d2c;
    margin-top: 15px !important;
}

h3.project-filmstrip-item-title {
    font-size: 45px;
}
.logo-title {
    position: absolute !important;
    z-index: 2 !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin-top: -40px !important;
}
.more-btn span.a-btn-line {
    border: 1px solid #000;
}
.home-project-grid .project-grid-item-img-link {
    height: 550px !important;
	border-radius:7px;
}

.home-project-grid .project-grid-wrapper .project-grid-item-title {
    font-size: 35px;
    margin-top: 20px;
}
.top-contact {
    /* background-color: #000; */
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /* padding: 15px 55px; */
}

.top-contact ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-contact ul li {
    list-style: none;
    margin-left: 15px;
}

.top-contact ul li a {
    padding: 10px 25px;
    /* background-color: #000; */
    border-radius: 5px;
    font-size: 18px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 600;
    transition: all .3s cubic-bezier(0.42, 0, 0.24, 1.04);
}
.top-contact ul li a:hover {
    background-color: #fff;
    color: #000;
}
.top-contact ul li:last-child a {
    background-color: #ffb457;
    color: #000;
    border: none;
}
.home-video-slider section.container-fluid.top-banner.no-padd.js-video-wrapper.pr-video-wrapper.big.fullheight.light.s-back-switch {
    background-image: none !important;
}

.home-video-slider video {
    width: 100% !important;
    height: auto !important;
}

.home-video-slider .js-video-container.pr-video-container {
    overflow: hidden;
}
.prague-services-wrapper {
    padding: 35px 30px 40px 30px;
}
/* form */
.form-btn {
    position: fixed;
    background: #1C2A3A;
    color: #fff;
    width: 360px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 26px;
    font-family: 'futuralight';
    letter-spacing: 1px;
    transform: rotate(-90deg);
    right: -145px;
    z-index: 99999;
    top: 44%;
    border-radius: 25px 25px 0px 0px;
    transition: all ease-in-out .3s;
}

#submit:hover {
    color: #6494ed !important;
}

.form-btn.active {
    right: -250px;
}

.form-title {
    width: 100%;
    float: left;
    margin-bottom: 5px;
    text-align: center;
}
.form-title h4 {
    color: #fff !important;
    font-size: 30px;
}
.form-close {
    width: 35px;
    height: 35px;
    position: absolute;
    left: 20px;
    top: 35px;
    cursor: pointer;
    transition: all ease-in-out .3s;
}

.form-close:before,
.form-close:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 0px;
    top: 0px;
    transform: rotate(45deg);
}

.form-close:after {
    transform: rotate(-45deg);
}

.form-close:hover {
    opacity: .5;
}
.form-holder {
    width: 400px;
    position: fixed;
    right: -500px;
    z-index: 10;
    background: #373737;
    padding: 50px;
    box-sizing: border-box;
    top: 27%;
    transition: all ease-in-out .3s;
    border-radius: 35px 0px 0px 35px;
}

.form-holder.active {
    right: 0px;
}

.form-holder ul li {
    margin-bottom: 15px;
}

.form-holder .form-submit {
    width: 100%;
}

.form-btn {
    position: fixed;
    background: #d58b1c;
    color: #fff;
    width: 200px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 27px;
    letter-spacing: 1px;
    transform: rotate(-90deg);
    right: -70px;
    z-index: 9;
    top: 44%;
    border-radius: 25px 25px 0px 0px;
    transition: all ease-in-out .3s;
}

.form-btn:hover {
    background: #99671d;
}

.form-btn.active {
    right: -250px;
}
.form-holder .contact-form ul {
    width: 100% !important;
    margin-bottom: 10px;
}

.form-holder .contact-form {
    height: auto;
    display: inline-block !important;
    width: 100% !important;
}

.form-btn strong {
    font-size: 100%;
}

.form-holder .frm_fields_container {
    display: inline-block !important;
    width: 100% !important;
}

.form-holder .with_frm_style .frm_form_fields > fieldset {
    display: inline-block;
    width: 100%;
}

.form-holder .frm_fields_container {
    width: 100% !important;
    display: inline-block !important;
    max-width: initial !important;
}

.form-holder .with_frm_style .frm_primary_label {
    color: #fff;
    padding: 0px;
}

.form-holder .frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 0px !important;
}

.form-holder textarea {
    height: 100px !important;
}

.form-holder .frm_style_formidable-style.with_frm_style .frm_submit button {
    background: #ef8b24;
    border: none !important;
    text-shadow: initial !important;
    width: 100%;
    height: 45px;
}
.form-holder .frm_forms.with_frm_style.frm_style_formidable-style {
    width: 100%;
}
/* form END */


@media only screen and (min-width: 1199px){
	.prague-header .prague-navigation {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	.form-btn{
		display:none !important;
	}
	
	#form-right-style .form-close {
		display: none !important;
	}
	#form-right-style .form-holder {
		height: 100vh;
		top: 0;
		border-radius: 0px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		right: 0px !important;
		width: 330px;
		padding: 35px;
	}

	#form-right-style .prague-header {
		width: calc(100% - 330px);
	}

	#form-right-style  main.site-main {
		width: calc(100% - 330px);
	}
	section.container-fluid.top-banner.no-padd.js-video-wrapper.pr-video-wrapper.big.fullheight{
		min-height:initial !important;
	}
}
@media (max-width:1500px) and (min-width:1199px){
	.prague-header .prague-logo img {
		width: 200px !important;
	}

	.prague-header.light .main-menu li a {
		font-size: 11px !important;
		padding: 0px 10px !important;
	}

	.prague-header.light .main-menu li {
		margin: 0px !important;
	}
	.home-project-grid .project-grid-item-img-link {
		height: 350px !important;
	}

	#okapi-wasb-button img {
		width: 50px;
		height: 50px;
	}
	
	p {
		font-size: 14px !important;
		line-height: 1.6 !important;
	}

	.heading .content p:not(:last-child) {
		margin-bottom: 20px !important;
	}

	.heading {
		padding: 20px 0px !important;
	}

	.top-banner.fullheight .content {
		padding: 0px 20px !important;
	}
	.prague-footer .footer-content-outer {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
	.prague-shortcode-parent .prague-shortcode-heading {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}
@media only screen and (max-width: 700px){
	h3.project-filmstrip-item-title {
		font-size: 30px;
		line-height:1.1;
	}
	.form-btn {
		transform: rotate(0deg);
		right: initial !important;
		left: 2.5%;
		top: initial;
		bottom: 0;
		width: 190px;
		font-size: 15px;
		height: 50px;
		border-radius: 15px 15px 0px 0px;
		line-height: 0;
	}

	.form-holder {
		right: initial !important;
		top: initial;
		width: 95%;
		left: 2.5%;
		bottom: -100vh;
		border-radius: 15px 15px 0px 0px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding-bottom: 130px;
		z-index:99;
	}

	.form-holder.active {
		height: calc(100vh - 100px);
		bottom: 0;
	}
	
	.home-project-grid .project-grid-item-img-link {
		height: 350px !important;
	}

	.home-project-grid .project-grid-wrapper .project-grid-item-title {
		font-size: 25px;
	}
	.footer-content-outer {
		padding-bottom: 80px !important;
	}
	.top-contact {margin-left: 15px;}

	.top-contact ul {
		flex-direction: column;
		margin: 0px;
	}

	.top-contact ul li a {
		font-size: 12px;
		width: 90px;
		display: inline-block;
		padding: 10px;
		text-align: center;
		line-height: 1;
	}

	.prague-logo {
		width: 190px;
	}

	.top-contact ul li {
		margin: 2px 0px;
	}

	.top-contact ul li:last-child {
		display: none;
	}
	#okapi-wasb-button {
		width: 55px !important;
		height: 55px !important;
	}

	#okapi-wasb-button img {
		height: 100% !important;
	}
	.home-video-slider video {
		width: auto !important;
		display: inline-block !important;
		max-width: initial !important;
	}

	.pr-video-wrapper .pr-video-container {
		opacity: 1 !important;
		visibility: visible !important;
	}
	.form-btn{
		z-index:999;
	}

}