@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&family=Raleway:wght@100;200;300;400;500;600;700;700i;800;900&family=EB+Garamond:wght@400;500;600;700;800&family=Montserrat:wght@400;500;600;700&display=swap');
html * {
	margin:0;
	padding:0;
    box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
html {
    height:100%;
}
body {
	background:#fff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#333;
    height:100%;
}
header, nav, article, section, footer, figure, aside, address {
	display:block;
	font-style:normal;
}
a:hover,
a {
	font-size:13px;
	color:#333;
	text-decoration:none;
}
textarea,
select,
input,
button {
	outline:none;
	resize:none;
	overflow:hidden;
}
button {
    cursor:pointer;
}
img {
	border:0;
}
ol,
ul {
	list-style-type:none;
}
*::-webkit-input-placeholder {
    color:#666;
    font-size:13px;
}
*:-moz-placeholder {
    color:#666;
    font-size:13px;
}
*::-moz-placeholder {
    color:#666;
    font-size:13px;
}
*:-ms-input-placeholder {
    color:#666;
    font-size:13px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
.clear {
	clear:both;
}
#error-page {
    width:100%;
    height:100%;
    position:absolute;
    background:#f8f8f8;
    display:table;
}
#error-page figure {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}
#content .recess,
#footer .recess,
#index .recess,
#header .recess {
    width:100%;
    max-width:1400px;
    margin:auto;
}
#content .recess {
    width:1200px;
}
#header {
    width:100%;
    height:70px;
    position:absolute;
    z-index:5;
    top:0;
}
#header .logo {
    width:200px;
    float:left;
    padding-top:5px;
}
#header .logo img {
    height:80px;
    width:auto;
}
#header.fixed-type .logo img {
    height:40px;
}
#header.white-bg,
#header.fixed-type {
    position:fixed;
    left:0px;
    top:0px;
    transition:top 0.6s ease;
    -webkit-transition:top 0.6s ease;
    -moz-transition:top 0.6s ease;
    -o-transition:top 0.6s ease;
    box-shadow:5px 0 10px rgba(0,0,0,0.2);
    background:#fff;
    height:50px;
    z-index:7;
}
#content,
#index {
    font-family: 'Montserrat', sans-serif;
}
#index h2 {
    font-size:40px;
    text-align:center;
    margin-bottom:20px;
}
#index .tab-1 .left-column {
    width:50%;
    height:700px;
    float:left;
    background:#02bbe7;
    background:#143a85;
    position:relative;
}
#index .tab-1 .left-column p {
    width:100%;
    max-width:400px;
    font-size:38px;
    font-weight:bold;
    text-align:right;
    margin:180px 200px 0 0;
    color:#fff;
    float:right;
    display:block;
}
#index .tab-1 .right-column {
    padding:50px 0;
    width:50%;
    height:700px;
    float:left;
    position:relative;
}
#index .tab-1 .right-column figure {
    width:100%;
    max-width:800px;
    position:absolute;
    padding:15px;
    border:solid 3px #143a85;
    border:solid 3px #f8ad00;
    margin:50px 0 0 -150px;
}
#index .tab-1 .right-column figure img {
    width:100%;
    height:auto;
}
#index .tab-1 .right-column p {
    width:300px;
    position:absolute;
    left:50px;
    bottom:20px;
    font-size:15px;
    line-height:22px;
}
#index .tab-1 .right-column p a {
    display:block;
    width:max-content;
    font-weight:700;
    margin-top:20px;
    color:#d41622;
}
#index .tab-1 .right-column .arrow {
    width:130px;
    position:absolute;
    left:520px;
    bottom:80px;
    font-size:15px;
    line-height:22px;
}
#index .tab-1 .right-column .arrow a {
    background:url(/Images/arrow.png) no-repeat right center;
    padding-right:60px;
    font-weight:bold;
    display:inline-block;
}
#index .tab-2 {
    background:url(/Images/index-tab-2-bg.jpg) no-repeat left top;
    background-size:cover;
    padding-bottom:30px;
}
#plans figure {
    width:600px;
    position:absolute;
    left:calc(50% - 280px);
}
#plans figure img{
    width:100%;
    height:auto;
    border-radius:10px;
}
#index .info .section-1 {
    width:1400px;
}
#index .info .section-1-mobile {
    display:none;
}
#index .info .section-1-mobile img,
#index .info .section-1 img {
    width:100%;
    height:auto;
}
#plans #tabs > div,
#plans #tabs > ul {
    width:50%;
    float:left;
    padding-top:60px;
}
#plans #tabs > ul li {
    text-align:left;
}
#plans #tabs > ul li a {
    padding:20px;
    font-weight:bold;
    font-size:20px;
    display:block;
    color:#fff;
}
#plans #tabs > ul li:first-child a {
    background:#f8ad00;
    border-top-left-radius:15px;
}
#plans #tabs > ul li:nth-child(2) a {
    background:#f4b31c;
}
#plans #tabs > ul li:nth-child(3) a {
    background:#f5b92e;
}
#plans #tabs > ul li:nth-child(4) a {
    background:#f3bf47;
}
#plans #tabs > ul li:nth-child(5) a {
    background:#dea82b;
    border-bottom-left-radius:15px;
}
#plans #tabs > ul li:hover a {
	background:#e7a40a;
}
#plans #tabs > ul li.active a {
	background:#d39301;
}
#plans #tabs > div > ul li a {
    padding:10px;
    font-size:15px;
    display:block;
    text-align:right;
    border-bottom:solid 1px #f0f0f0;
}
#plans #tabs > div > ul li:last-child a {
    border-bottom:0;
}
#plans #tabs > div > ul li a:hover {
    background:#f8f8f8;
}
#index .gallery {
    position:relative;
    margin:110px 0;
}
#index .gallery .recess {
    width:calc(100% - 100px);
}
#index .gallery .left-column {
    width:65%;
    height:700px;
    float:left;
    background:url(/Images/index-gallery-left-column-bg.jpg) no-repeat;
    background-size:cover;
    position:relative;
    font-family:'Jost', sans-serif;
}
#index .gallery .left-column p {
    width:50%;
    height:420px;
    background: rgb(246,147,30);
    background: linear-gradient(189deg, rgba(246,147,30,1) 0%, rgba(216,58,39,1) 60%);
    position:absolute;
    z-index:2;
    right:0;
    bottom:0;
    padding:0 20px;
    display:table;
}
#index .gallery .left-column p span {
    display:table-cell;
    vertical-align:middle;
    color:#fff;
}
#index .gallery .left-column p span i {
    width:300px;
    margin:auto;
    display:block;
    font-style:normal;
    font-size:36px;
    line-height:42px;
    font-weight:400;
}
#index .gallery .left-column p span i em {
    font-style:normal;
}
#index .gallery .left-column p span i a {
    display:block;
    background:#fefefe;
    padding:5px 20px;
    font-size:22px;
    width:max-content;
    margin-top:20px;
    color:#d83a27;
    border-radius:2px;
}
#index .gallery .right-column {
    width:35%;
    float:left;
}
#index .gallery .right-column figure {
    width:100%;
    height:350px;
    background-size:cover;
    background-repeat:no-repeat;
    display:block;
}
#index .gallery .right-column figure.top {
    background-image:url(/Images/index-gallery-right-column-bg-1.jpg);
}
#index .gallery .right-column figure.bottom {
    background-image:url(/Images/index-gallery-right-column-bg-2.jpg);
}
#index .manege .line {
    width:100%;
    height:120px;
    background:#f8f8f8;
}
#index .manege .recess {
    display:table;
}
#index .manege figure {
    width:700px;
    display:inline-block;
    vertical-align:middle;
    margin-right:50px;
}
#index .manege figure img {
    width:100%;
    height:auto;
}
#index .manege .text {
    width:calc(100% - 750px);
    display:inline-block;
    vertical-align:middle;
    font-size:22px;
    line-height:32px;
    font-weight:800;
}
#footer {
    width:100%;
    font-family: 'Montserrat', sans-serif;
    margin-top:50px;
}
#footer .top h4 {
    font-size:26px;
    margin-bottom:20px;
}
#footer .top {
    padding:50px 0;
    background:#fcfcfc;
}
#footer .top .left-column {
    width:35%;
    float:left;
    font-size:16px;
}
#footer .top .left-column a {
    font-size:16px;
}
#footer .top .left-column ul li {
    margin-bottom:20px;
}
#footer .top .left-column ul li:last-child {
    margin-bottom:0;
}
#footer .top  .mail-list {
    width:25%;
    float:left;
    margin:0 5%;
    text-align:center;
}
#footer .top  .mail-list ul li {
    margin-bottom:20px;
}
#footer .top  .mail-list ul li:last-child {
    margin-bottom:0;
}
#form-modal-sms .window p .input,
#footer .top  .mail-list ul li .input {
    width:100%;
    padding:8px 10px;
    border:solid 1px #f0f0f0;
    background:#f9f9f9;
}
#footer .top .right-column {
    width:30%;
    float:left;
    text-align:center;
}
#footer .top .right-column ul li {
    display:inline-block;
    margin-right:5px;
}
#footer .bottom .phone {
    width:200px;
    float:left;
    padding-top:20px;
}
#footer .bottom .phone a {
    font-size:20px;
    font-weight:bold;
    color:#f9ad01;
}
#footer .bottom .link {
    width:200px;
    float:left;
    padding-top:20px;
}
#footer .bottom .artasgrubu {
    width:calc(100% - 400px);
    float:left;
    text-align:right;
    padding:8px 0 4px 0;
}
#creapark {
    padding:20px 0 10px 0;
    text-align:center;
    background:#fff;
    display:none;
}
#creapark img {
    width:100px;
    height:auto;
}
/*#map {
    width:100%;
    height:400px;
    margin-top:30px;
}*/
#social-media {
    width:50px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    background:#fff;
    z-index:6;
    text-align:center;
    font-family:'Raleway', sans-serif;
}
#social-media:hover {
    background:#f8f8f8;
}
#social-media .lang {
    margin-top:25px;
}
#social-media .lang a {
    font-weight:bold;
    font-size:14px;
    padding:5px;
    display:inline-block;
    color:#d41622;
}
#social-media .icons {
    height:100px;
    top:calc(50% - 50px);
    left:12px;
    position:absolute;
}
#social-media .icons ul li {
    margin-bottom:5px;
}
#social-media .icons ul li a {
    display:block;
}
#social-media .phone {
    position:absolute;
    right:10px;
    bottom:30px;
    width:60px;
}
#social-media .phone img {
    width:100%;
    height:auto;
}
#content .web-tv-inner {
    margin-top:60px;
    text-align:center;
}
#content .web-tv-inner img {
    width:100%;
    height:auto;
    max-width:1000px;
}
#content .inner {
    text-align:center;
    font-size:14px;
}
#content .inner.style-2 {
    text-align:left;
}
#content .inner h1 {
    font-size:30px;
    text-align:left;
    margin-bottom:20px;
}
#content .inner h3,
#content .inner h2 {
    font-size:30px;
    margin-bottom:30px;
    color:#f8ad00;
}
#content .inner article p {
    margin-bottom:20px;
    line-height:25px;
}
#content .inner article p:last-child {
    margin-bottom:0;
}
#content .inner article h5 {
   font-size:15px;
   margin-bottom:5px;
}
#content .inner article .table {
    margin:20px 0;
}
#content .inner article .table ol {
    list-style:none;
    border:solid 1px #999;
}
#content .inner article .table ol li {
    display:table;
    width:100%;
}
#content .inner article .table ol li:not(:last-child) {
    border-bottom:solid 1px #999;
}
#content .inner article .table ol li.title {
    font-weight:bold;
    background:#e8e8e8;
}
#content .inner article .table ol li span {
    width:70%;
    display:table-cell;
    padding:10px;
}
#content .inner article .table ol li.title span {
    padding:10px 5px;
}
#content .inner article .table ol li span:first-child {
    width:30%;
    border-right:solid 1px #999;
}
#content .inner article .table ol li span a {
    color:#238ebc;
}
#content .inner article .table-2 {
    margin-bottom:20px;
}
#content .inner article .table-2 ol {
    list-style:none;
    border:solid 1px #999;
}
#content .inner article .table-2 ol li {
    display:table;
    width:100%;
}
#content .inner article .table-2 ol li span {
    display:table-cell;
    width:20%;
    vertical-align:middle;
    border-right:solid 1px #999;
}
#content .inner article .table-2 ol li span:first-child {
    padding:0 10px;
}
#content .inner article .table-2 ol li span:last-child {
    width:60%;
    border-right:0;
}
#content .inner article .table-2 ol li span i {
   display:block;
   font-style:normal;
   padding:5px 10px;
}
#content .inner article .table-2 ol li span i:not(:last-child) {
   border-bottom:solid 1px #999;
}
#content .inner article ul.style-2 li {
    list-style-type:disc;
    margin:0 0 10px 20px;
}
#content .inner article .table-3 {
    border:solid 1px #999;
    width:100%;
    display:table;
}
#content .inner article .table-3 .left {
    width:150px;
    display:table-cell;
    padding:10px;
    vertical-align:middle;
    border-right:solid 1px #999;
}
#content .inner article .table-3 .right {
    width:calc(100% - 150px);
    display:table-cell;
}
#content .inner article .table-3 .right .line:not(:last-child) {
    border-bottom:solid 1px #999;
}
#content .inner article .table-3 .right .line span {
    display:table-cell;
    padding:10px;
    vertical-align:middle;
}
#content .inner article .table-3 .right .line span:first-child {
    width:150px;
    border-right:solid 1px #999;
}
#content .inner > ul li {
    width:100%;
    clear:both;
}
#content .inner > ul li .shell {
    width:50%;
    padding-top:30px;
    position:relative;
}
#content .inner > ul li .shell .top {
    position:relative;
}
#content .inner > ul li .shell .top .round {
    width:15px;
    height:15px;
    display:block;
    border-radius:50%;
    background:#fff;
    border:solid 3px #f8ad00;
    position:absolute;
    top:12px;
}
#content .inner > ul li .shell p {
    margin-bottom:30px;
    line-height:26px;
}
#content .inner > ul li .shell figure {
    padding-bottom:30px;
}
#content .inner > ul li .shell figure img {
    width:100%;
    height:auto;
    border-radius:3px;
}
#content .inner > ul li:nth-child(odd) .shell {
    border-right:solid 1px #f0f0f0;
    text-align:right;
    padding-right:40px;
}
#content .inner > ul li:nth-child(odd) .shell .top .round {
    right:-48px;
}
#content .inner > ul li:nth-child(even) .shell {
    float:right;
    border-left:solid 1px #f0f0f0;
    text-align:left;
    padding-left:40px;
    left:-1px;
    position:relative;
}
#content .inner > ul li:nth-child(even) .shell .top .round {
    left:-48px;
}
#gallery h4 {
    font-size:20px;
    margin-bottom:20px;
    color:#555;
}
#gallery h4:not(:first-child) {
    margin-top:100px;
}
#gallery ul:last-child {
    margin-bottom:0;
}
#gallery ul li {
    width:calc(25% - 15px);
    float:left;
    margin:0 20px 16px 0;
}
#gallery ul li:nth-child(4n+4) {
    margin:0 0 16px 0;
}
#gallery ul li img {
    width:100%;
    height:auto;
    border-radius:3px;
}
#contact {
    min-height:300px;
    position:relative;
}
#content .inner #contact h2 {
    color:#fff;
    margin-bottom:20px;
}
#content .inner #contact .form h2 {
    color:#444;
    font-size:30px;
    margin-bottom:20px;
}
#content .inner #location article .sketch {
    width:100%;
    max-width:600px;
    margin:50px auto 0 auto;
}
#content .inner #location article .sketch img {
    width:100%;
    height:auto;
    border-radius:3px;
}
#contact .left-column {
    width:60%;
    float:left;
    position:relative;
    display:block;
}
#contact .left-column .address {
    width:50%;
    background:#f8ad00;
    border-radius:5px;
    box-shadow:8px 8px 12px rgba(0,0,0,0.2);
    position:relative;
    z-index:2;
    color:#fff;
    padding:40px 20px;
    font-size:16px;
}
#contact .left-column .address ul li:first-child {
    margin-bottom:30px;
}
#contact .left-column .address ul li:first-child strong {
    display:block;
}
#contact .left-column .address ul li:nth-child(2) {
    display:none;
}
#contact .left-column .address ul li a {
    color:#fff;
    font-size:16px;
}
#contact .left-column .phones {
    width:50%;
    position:absolute;
    z-index:1;
    top:80px;
    left:40%;
}
#contact .left-column .phones .call-center {
    width:100%;
    background:#143a85;
    border-radius:5px;
    box-shadow:8px 8px 12px rgba(0,0,0,0.2);
    color:#fff;
    padding:40px 20px 40px 80px;
    font-size:16px;
}
#contact .left-column .phones .call-center ul li:not(:nth-child(2)) {
    display:none;
}
#contact .left-column .phones .call-center ul li a {
    color:#fff;
    font-size:30px;
}
#contact .left-column .phones .lets-call-you {
    width:100%;
    margin-top:30px;
}
#contact .left-column .phones .lets-call-you a {
    display:block;
    color:#fff;
    font-size:24px;
    font-weight:bold;
    padding:15px 70px 15px 20px;
    background:url(/Images/arrow-2.png) no-repeat center right;
    background-color:#d40964;
    border-radius:5px;
    box-shadow:8px 8px 12px rgba(0,0,0,0.2);
}
#contact .left-column .phones .lets-call-you a:hover {
    background-color:#c9025b;
    color:#f8f8f8;
}
#contact .left-column .form {
    margin-top:250px;
    text-align:left;
    width:90%;
}
#contact .form.style-2 {
    text-align:left;
}
#contact .form.style-2 ul li,
#contact .left-column .form ul li {
    width:calc(50% - 15px);
    float:left;
    margin-bottom:20px;
}
#contact .form.style-2 ul li:nth-child(odd),
#contact .left-column .form ul li:nth-child(odd) {
    margin-right:30px;
}
#contact .form.style-2 ul li:nth-child(6),
#contact .form.style-2 ul li:nth-child(5),
#contact .left-column .form ul li:nth-child(6),
#contact .left-column .form ul li:nth-child(5) {
    width:100%;
    float:none;
}
#contact .form.style-2 ul li:last-child,
#contact .left-column .form ul li:last-child {
    margin-bottom:0;
}
#contact .form.style-2 ul li p {
    font-weight:bold;
    margin-bottom:8px;
}
#contact .form.style-2 ul li .textarea,
#contact .form.style-2 ul li .input,
#contact .left-column .form ul li .textarea,
#contact .left-column .form ul li .input {
    border:0;
    width:100%;
    padding:20px 10px;
    font-size:13px;
    background:#f7f7f7;
    border-bottom:solid 1px #143a85;
    font-family: 'Montserrat', sans-serif;
}
#contact .form.style-2 ul li .textarea,
#contact .left-column .form ul li .textarea {
    padding:10px;
    height:60px;
}
#contact .form.style-2 ul li .input.warning,
#contact .left-column .form ul li .input.warning {
    background:#eaeaea;
    border-bottom:solid 1px #ac1010;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #f7f7f7 inset;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #222 !important;
}
#contact .form.style-2 ul li i,
#contact .left-column .form ul li i {
    font-style:normal;
    position:relative;
    top:5px;
}
#contact .form.style-2 ul li i a,
#contact .left-column .form ul li i a {
    font-weight:bold;
    cursor:pointer;
}
#footer .top  .mail-list ul li .button,
#contact .form.style-2 ul li .button,
#landing-page .right-column .inner .form ul li .button,
#contact .left-column .form ul li .button {
    display:inline-block;
    padding:10px 30px;
    font-size:16px;
    border:0;
    background:#143a85;
    color:#fff;
    margin-top:20px;
    font-weight:bold;
    letter-spacing:0.05em;
    font-family: 'Montserrat', sans-serif;
    border-radius:3px;
}
#footer .top  .mail-list ul li .button:hover,
#contact .form.style-2 ul li .button:hover,
#landing-page .right-column .inner .form ul li .button,
#contact .left-column .form ul li .button:hover {
    background:#f8ad00;
}
#landing-page .right-column .inner .form ul li .button:hover {
    background:#f0f0f0;
    color:#333;
}
#contact .form.style-2 ul li .checkbox,
#contact .left-column .form ul li .checkbox {
    display:none;
}
#landing-page .right-column .inner .form ul li .checkbox + span,
#contact .form.style-2 ul li .checkbox + span,
#contact .left-column .form ul li .checkbox + span {
	background-color:#fff;
    background:url(/Images/icon-tick.png) no-repeat;
	display:block;
	position:relative;
	cursor:pointer;
	width:25px;
	height:25px;
    overflow:hidden;
    float:left;
    margin-right:6px;
}
#contact .form.style-2 ul li .checkbox:checked + span,
#contact .form.style-2 ul li .checkbox + span:active,
#contact .form.style-2 ul li .checkbox:checked + span:active,
#contact .left-column .form ul li .checkbox:checked + span,
#contact .left-column .form ul li .checkbox + span:active,
#contact .left-column .form ul li .checkbox:checked + span:active {
    background:url(/Images/icon-tick-select.png) no-repeat;
}
#contact .form.style-2 ul li .checkbox:checked + span a,
#contact .form.style-2 ul li .checkbox + span:active a,
#contact .form.style-2 ul li .checkbox:checked + span:active a,
#contact .form.style-2 ul li .checkbox + span:hover a,
#contact .left-column .form ul li .checkbox:checked + span a,
#contact .left-column .form ul li .checkbox + span:active a,
#contact .left-column .form ul li .checkbox:checked + span:active a,
#contact .left-column .form ul li .checkbox + span:hover a {
    color:#fff;
}
#contact .form.style-2 ul li .checkbox:checked + span:after,
#contact .left-column .form ul li .checkbox:checked + span:after {
	font-size:14px;
	position:absolute;
	top:0px;
	left:4px;
	color:#fff;
}
#contact .form.style-2 ul li.informed .confirmation,
#contact .left-column .form ul li.informed .confirmation {
	margin-top:40px;
}
#contact .form.style-2 ul li.informed .confirmation p,
#landing-page .right-column .inner .form ul li.informed .confirmation p,
#contact .left-column .form ul li.informed .confirmation p {
	padding:10px 0;
    font-size:13px;
    text-align:left;
    font-weight:bold;
    margin-bottom:10px;
}
#landing-page .right-column .inner .form ul li.informed .confirmation p {
    font-size:12px;
}
#contact .form.style-2 ul li.informed .confirmation label,
#landing-page .right-column .inner .form ul li.informed .confirmation label,
#contact .left-column .form ul li.informed .confirmation label {
	margin-right:30px;
    display:inline-block;
}
#landing-page .right-column .inner .form ul li.informed .confirmation label i,
#contact .form.style-2 ul li.informed .confirmation label i,
#contact .left-column .form ul li.informed .confirmation label i {
    font-size:13px;
    width:auto;
}
#form-modal-sms,
#form-modal {
    position:fixed;
    z-index:4;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(0,0,0,0.3);
    font-family:'Raleway', sans-serif;
    display:none;
}
#form-modal-sms.active,
#form-modal.active {
    display:block;
}
#form-modal-sms .window,
#form-modal .window {
    width:400px;
    height:160px;
    background:#fff;
    border-radius:5px;
    top:calc(50% - 80px);
    left:calc(50% - 200px);
    position:absolute;
    text-align:center;
    box-shadow:0 0 20px rgba(0,0,0,0.2);
}
#form-modal-sms .window {
    height:180px;
    top:calc(50% - 90px);
    position:relative;
}
#form-modal-sms .window .loading {
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    border-radius:5px;
    display:none;
}
#form-modal-sms .window .loading.active {
    display:block;
}
#form-modal-sms .window .loading figure {
    width:60px;
    height:60px;
    background:no-repeat no-repeat center #fff;
    background-image:url(/Images/loading.gif);
    background-size:50px 50px;
    position:absolute;
    top:calc(50% - 30px);
    left:calc(50% - 30px);
    border-radius:5px;
}
#form-modal-sms .window p,
#form-modal .window p {
    padding:20px;
    color:#bc0512;
    font-weight:bold;
    line-height:22px;
}
#form-modal-sms .window .phone-no {
    padding-top:20px;
    display:block;
    font-size:14px;
}
#form-modal-sms .window .phone-no i {
    font-style:normal;
    font-weight:bold;
}
#form-modal-sms .window .phone-no i u {
    text-decoration:none;
}
#form-modal-sms .window .buttons,
#form-modal .window .buttons {
    padding:20px;
    border-top:solid 1px #f8f8f8;
}
#form-modal-sms .window .buttons .go.button,
#form-modal .window .buttons .go.button {
    background:#f8ac00;
    margin-right:20px;
    color:#fff;
}
#form-modal-sms .window .buttons .button,
#form-modal .window .buttons .button {
    padding:10px 25px;
    background:#f0f0f0;
    border-radius:25px;
    font-size:12px;
    font-weight:bold;
    letter-spacing:1px;
    margin-top:30px;
    display:inline-block;
    border:0;
    cursor:pointer;
}
#form-modal-sms .window .buttons .button,
#form-modal .window .buttons .button {
    margin-top:0;
}
#form-modal-sms .window .buttons .button:hover,
#form-modal .window .buttons .button:hover{
    background:#0f3e83;
    color:#fff;
}
#contact .right-column {
    width:40%;
    float:left;
}
#contact .right-column img {
    width:100%;
    height:auto;
    border-radius:5px;
}
#landing-page {
    font-family: 'Montserrat', sans-serif;
}
#landing-page .left-column {
    position:absolute;
    width:60%;
    height:100%;
    background:url(/Images/Photos/landing-page-left-column.jpg) no-repeat center;
    background-size:cover;
    top:0;
    left:0;
}
#landing-page .left-column .slogan {
    position:absolute;
    width:100%;
    z-index:3;
    top:calc(50% - 250px);
    text-align:center;
    padding:30px;
    text-align:center;
}
#landing-page .left-column .slogan img:first-child {
    margin-bottom:50px;
}
#landing-page .left-column .slogan img {
    max-width:500px;
    width:100%;
    height:auto;
}
#landing-page .left-column .slogan img:last-child {
    max-width:510px;
}
#landing-page .left-column .shadow {
    position:absolute;
    width:100%;
    height:100%;
    z-index:2;
    background:#000;
    opacity:0.2;
}
#landing-page .right-column {
    position:absolute;
    width:40%;
    height:100%;
    background:#f9f9f9;
    top:0;
    right:0;
    padding:20px;
}
#landing-page .right-column .inner {
    max-width:450px;
    margin:auto;
}
#landing-page .right-column .inner .logo {
    text-align:center;
    margin:0 auto 10px auto;
}
#landing-page .right-column .inner .logo ul li figure {
    width:100px;
    margin:auto;
}
#landing-page .right-column .inner .logo ul li figure img {
    width:100%;
    height:auto;
}
#landing-page .right-column .inner > .phone {
    margin-top:10px;
    color:#143a85;
    text-align:center;
}
#landing-page .right-column .inner > .phone a {
    font-size:34px;
    font-weight:bold;
    letter-spacing:1px;
    color:#143a85;
}
#landing-page .right-column .inner .form {
    width:100%;
    background:#143a85;
    padding:20px 15px;
    border:solid 8px #f0f0f0;
    color:#fff;
}
#landing-page .right-column .inner .form ul li {
    margin-bottom:12px;
}
#landing-page .right-column .inner .form ul li:nth-child(6) {
    margin-top:10px;
}
#landing-page .right-column .inner .form ul li:last-child {
    margin-bottom:0;
}
#form-modal-sms .window p .input,
#landing-page .right-column .inner .form ul li .textarea,
#landing-page .right-column .inner .form ul li .input {
    width:100%;
    height:32px;
    line-height:32px;
    border:0;
    padding:0 10px;
    background: rgb(255,255,255);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=1 );
    text-align:left;
}
#landing-page .right-column .inner .form ul li .textarea {
    height:50px;
}
#landing-page .right-column .inner .form ul li p {
    font-size:16px;
    font-weight:bold;
    text-align:center;
    margin-bottom:10px;
}
#landing-page .right-column .inner .form ul li ::-webkit-input-placeholder {
    color:#666;
    font-size:13px;
    font-family: 'Montserrat', sans-serif;
}
#landing-page .right-column .inner .form ul li :-moz-placeholder {
    color:#666;
    font-size:13px;
    font-family: 'Montserrat', sans-serif;
}
#landing-page .right-column .inner .form ul li ::-moz-placeholder {
    color:#666;
    font-size:13px;
    font-family: 'Montserrat', sans-serif;
}
#landing-page .right-column .inner .form ul li :-ms-input-placeholder {
    color:#666;
    font-size:13px;
    font-family: 'Montserrat', sans-serif;
}
#landing-page .right-column .inner .form ul li .input.warning {
    background:#ccc;
}
#landing-page .right-column .inner .form ul li label {
    display:inline-block;
    margin-right:20px;
}
#landing-page .right-column .inner .form ul li label .checkbox {
    display:none;
}
#landing-page .right-column .inner .form ul li label .checkbox + span {
	background-color:#fff;
    background:url(/Images/checks.png) no-repeat top;
	display:inline-block;
	position:relative;
	cursor:pointer;
	width:14px;
	height:14px;
    overflow:hidden;
    margin-right:5px;
    vertical-align:top;
}
#landing-page .right-column .inner .form ul li label .checkbox:checked + span,
#landing-page .right-column .inner .form ul li label .checkbox + span:active,
#landing-page .right-column .inner .form ul li label .checkbox:checked + span:active {
    background:url(/Images/checks.png) no-repeat bottom;
}
#landing-page .right-column .inner .form ul li label .checkbox:checked + span a,
#landing-page .right-column .inner .form ul li label .checkbox + span:active a,
#landing-page .right-column .inner .form ul li label .checkbox:checked + span:active a,
#landing-page .right-column .inner .form ul li label .checkbox + span:hover a {
    color:#fff;
}
#landing-page .right-column .inner .form ul li label .checkbox:checked + span:after {
	font-size:14px;
	position:absolute;
	top:0px;
	left:4px;
	color:#fff;
}
#landing-page .right-column .inner .form ul li label i {
	font-style:normal;
    font-weight:bold;
    display:inline-block;
    color:#f8ad00;
}
#contact .left-column .form ul li.informed label,
#landing-page .right-column .inner .form ul li.informed label {
    margin-bottom:10px;
    display:block;
}
#landing-page .right-column .inner .form ul li.informed label.style-2 {
    margin-top:10px;
}
#landing-page .right-column .inner .form ul li.informed label i {
    width:calc(100% - 30px);
	font-size:10px;
    color:#fff;
    font-weight:normal;
    top:-2px;
    position:relative;
    float:left;
}
#landing-page .right-column .inner .form ul li.informed label i a {
	font-weight:bold;
    color:#fff;
    font-size:10px;
    text-decoration:underline;
    cursor:pointer;
}
#landing-page .right-column .inner .form ul li.send {
	text-align:center;
    margin:-20px 0 0 0;
}
#landing-page .gallery {
    position:absolute;
    top:100%;
    width:100%;
    background:#143a85;
}
#landing-page .gallery #tabs {
    width:100%;
    padding:40px 20px 0 20px;
    position:relative;
}
#landing-page .gallery #tabs > ul {
    width:100%;
    border-bottom:solid 1px #f0f0f0;
    float:left;
    margin-bottom:20px;
}
#landing-page .gallery #tabs > ul > li {
	float:left;
    margin-right:20px;
}
#landing-page .gallery #tabs > ul li:last-child {
    margin-right:0;
}
#landing-page .gallery #tabs > ul > li a {
	display: block;
	padding: 8px 12px;
    font-size:20px;
    color:#f0f0f0;
    position:relative;
    bottom:-1px;
}
#landing-page .gallery #tabs > ul > li:hover {
}
#landing-page .gallery #tabs > ul > li:hover a {
    color:#fff;
}
#landing-page .gallery #tabs > ul > li.active {
}
#landing-page .gallery #tabs > ul > li.active a {
	color:#fff;
    background:#f8ad00;
}
#landing-page .gallery #tabs > div {
    width:100%;
    padding:20px 0;
}
#landing-page .gallery #tabs > div ul {
}
#landing-page .gallery #tabs > div ul li {
    width:calc(20% - 16px);
    float:left;
    margin:0 20px 20px 0;
}
#landing-page .gallery #tabs > div ul li:nth-child(5n+5) {
    margin:0 0 20px 0;
}
#landing-page .gallery #tabs > div img {
    width:100%;
    height:auto;
}
#landing-page .gallery #tabs > div p {
    margin-top:20px;
}
#landing-page .gallery #map {
    width:100%;
}
#landing-page .gallery #map img {
    width:100%;
    height:auto;
}
#landing-page .gallery .address {
    background:#f8ad00;
    padding:10px 20px;
}
#landing-page .gallery .address a {
    color:#fff;
    font-size:15px;
    font-weight:bold;
}
#landing-page .gallery .address > ul > li {
    float:left;
}
#landing-page .gallery .address > ul > li:first-child {
    width:calc(50% - 75px);
    padding-top:18px;
}
#landing-page .gallery .address > ul >li:nth-child(2) {
    text-align:center;
    width:100px;
    padding-top:15px;
}
#landing-page .gallery .address > ul >li:nth-child(2) {
    text-align:center;
    width:150px;
}
#landing-page .gallery .address > ul >li:nth-child(2) a {
    font-size:24px;
    letter-spacing:1px;
}
#landing-page .gallery .address > ul >li:last-child {
    text-align:right;
    width:calc(50% - 75px);
}
#landing-page .gallery .address > ul >li:last-child img {
    height:50px;
    width:auto;
    border:solid 2px #fff;
}
#error-zone p {
    text-align:center;
    margin-bottom:20px;
}
#error-zone p.approved {
    color:#cfcfcf;
}
#error-zone p.approved-2 {
    color:#0f3e83;
}
#error-zone.warning p.deprecated {
    color: #bc0512;
}
#thanks {
    position:absolute;
    width:100%;
    max-width:300px;
    max-height:300px;
    top:calc(50% - 150px);
    left:calc(50% - 150px);
    font-family: 'Montserrat', sans-serif;
    font-size:18px;
    text-align:center;
}
#thanks figure {
    margin-bottom:20px;
}
#error-zone-permission.warning {
    color:#d41622;
    font-weight:bold;
    font-size:12px;
    text-align:left;
    margin-top:10px;
}
#error-zone-mail-list.warning,
#footer .mail-list .warning {
    color:#bc0512;
    font-weight:bold;
}
#error-zone-mail-list.warning p,
#footer .mail-list .warning p {
    margin-bottom:20px;
}
#error-zone-mail-list.approved,
#contact .form #error-zone.approved {
    color:#0f3e83;
    margin-bottom:20px;
    font-weight:bold;
}
#cookies {
    width:calc(100% - 20px);
    background:#e8e8e8;
    padding:20px 120px 20px 20px;
    position:fixed;
    z-index:10;
    border-radius:3px;
    left:10px;
    bottom:10px;
    font-family:'Raleway', sans-serif;
    font-size:12px;
    line-height:13px;
}
#cookies a {
    font-size:12px;
    font-weight:bold;
}
#cookies a.link {
    font-weight:bold;
    color:#fff;
    font-size:12px;
}
#cookies a.close {
    padding:10px 20px;
    display:block;
    position:absolute;
    right:20px;
    top:calc(50% - 12px);
    cursor:pointer;
    background:#f8ac00;
    color:#000;
}
#architectural {
    background:url(/Images/architectural-bg.png) no-repeat right bottom;
    min-height:470px;
    text-align:left;
}
#architectural article {
    width:calc(100% - 500px);
}
#architectural article p {
    line-height:30px;
    margin-bottom:30px;
}
#architectural article p:not(:first-child) {
    margin-right:100px;
}
#architectural article p:last-child {
    margin-bottom:0;
}




/*popup banner*/
#popup-banner {
    display: none;
    width:100%;
    height:100%;
    position: fixed;
    z-index:99999;
    top:0;
    left:0;
    background:rgba(0,0,0,0.90);
}
#popup-banner figure {
    position: absolute;
    width:400px;
    height:400px;
    top:calc(50% - 200px);
    left:calc(50% - 200px);
}
#popup-banner figure img {
    width:100%;
    height:auto;
    border-radius:8px;
    box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.2);
}
#popup-banner figure button {
    width:34px;
    height:34px;
    background:url(/Images/popup-banner-close.jpg) no-repeat center #333;
    border-radius:50%;
    position:absolute;
    top:-14px;
    right:-14px;
    border:0;
}
/*popup-banner*/
/*begin scroll-arrow*/
#scroll-page {
    width: 30px;
    height: 66px;
    position: absolute;
    z-index: 3;
    bottom:30px;
    left:120px;
}
#scroll-page .scroll-page-icon {
    background:url(/Images/scroll-page-icon-bg.png) no-repeat;
    width:30px;
    height:66px;
}
/*begin scroll-arrow*/
/*begin index slider*/
#web-tv {
    height:100%;
}
#web-tv .full-height {
	height:100%;
}
#web-tv p {
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 10px;
	font-weight:500;
}
#web-tv .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-size: cover;
	background-attachment: scroll  ;
	background-position: center  ;
	background-repeat:repeat;
	background-origin: content-box;
}
#web-tv .hero-slider-holder {
	position:relative;
	overflow:hidden;
	z-index:2;
}
#web-tv .carousel-item {
	position:relative;
	width:400px;
	top:50%;
	left:calc(50% - 200px);
	float:left;
	z-index:6;
}
#web-tv .single-carousel .item {
	position:relative;
	overflow:hidden;
}
#web-tv .carousel-item h3 {
    font-size: 36px;
    text-align: center;
    font-weight: 800;
    position: relative;
    margin-bottom: 36px;
    text-shadow:1px 1px 10px rgba(0,0,0,0.5);
}
#web-tv .carousel-item h3:before {
	content:'';
	position:absolute;
	bottom:-10px;
	left:50%;
	width:50px;
	height:2px;
	margin-left:-25px;
    -webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
    background:#f9ad01;
}
#web-tv .carousel-item h3:hover:before {
	width:100px;
	margin-left:-50px;
}
#web-tv .carousel-item h3,
#web-tv .carousel-item h3 a {
    color: #fff;
    font-size: 36px;
    margin-top: 24px;
}
#web-tv .single-carousel .item:before,
#web-tv .single-carousel .item:after {
	content:'';
	position:absolute;
	left:20%;
	right:20%;
	background:rgba(255,255,255,0.41);
	height:1px;
	z-index:2;
}
#web-tv .single-carousel .item:before {
	top:50px;
}
#web-tv .single-carousel .item:after {
	bottom:50px;
}
#web-tv .single-carousel .item .bg {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
#web-tv .bg.hov-rot {
	-webkit-transform: scale(1.2);
	-moz-transform:scale(1.2);
	transform: scale(1.2);
}
#web-tv .single-carousel .item p,
#web-tv .error-wrap p {
	font-size:17px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#eee;
	text-align:center;
    text-shadow:1px 1px 2px rgba(0,0,0,0.5);
}
#web-tv .customNavigation.gals a {
	position:absolute;
	bottom:40px;
	width:20px;
	height:40px;
	margin-top:-20px;
	z-index:3;
	line-height:40px;
	color:#fff;
    background-image:url(/Images/web-tv-arrows.png);
    background-repeat:no-repeat;
	border-radius:4px;
	cursor:pointer;
}
#web-tv .customNavigation.gals a.next-slide {
	right:200px;
    background-position:center right;
}
#web-tv .customNavigation.gals a.prev-slide {
	right:230px;
    background-position:center left;
}
#web-tv .customNavigation.gals a:hover {
	background-image:url(/Images/web-tv-arrows-hover.png);
}
#web-tv .owl-height {
    -webkit-transition:height 500ms ease-in-out;
    -moz-transition:height 500ms ease-in-out;
    -o-transition:height 500ms ease-in-out;
    transition:height 500ms ease-in-out
}
#web-tv .owl-carousel {
    display:none;
    width:100%;
    -webkit-tap-highlight-color:none;
    position:relative;
    z-index:1
}
#web-tv .owl-carousel .owl-stage {
    position:relative;
    -ms-touch-action:pan-Y
}
#web-tv .owl-carousel .owl-stage:after {
     content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
 }
#web-tv .owl-carousel .owl-stage-outer {
     position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0px,0,0)
 }
#web-tv .owl-carousel .owl-controls .owl-dot,
#web-tv .owl-carousel .owl-controls .owl-nav .owl-next,
#web-tv owl-carousel .owl-controls .owl-nav .owl-prev {
     cursor:pointer;
    cursor:hand;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#web-tv .owl-carousel.owl-loaded {
    display:block
}
#web-tv .owl-carousel.owl-loading {
    opacity:0;
    display:block
}
#web-tv .owl-carousel.owl-hidden {
    opacity:0
}
#web-tv .owl-carousel .owl-refresh .owl-item {
    display:none;
}
#web-tv .owl-carousel .owl-item {
    position:relative;
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
#web-tv .owl-carousel .owl-item img {
    display:block;
    width:100%;
    -webkit-transform-style:preserve-3d
}
#web-tv .owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select:auto;
    -moz-user-select:auto;
    -ms-user-select:auto;
    user-select:auto}
    .owl-carousel .owl-grab{cursor:move;
    cursor:-webkit-grab;
    cursor:-o-grab;
    cursor:-ms-grab;
    cursor:grab
}
#web-tv .owl-carousel.owl-rtl {
    direction:rtl
}
#web-tv .owl-carousel.owl-rtl .owl-item {
    float:right
}
#web-tv .no-js .owl-carousel {
    display:block
}
#web-tv .owl-carousel .owl-item .owl-lazy {
    opacity:0;
    -webkit-transition:opacity 400ms ease;
    -moz-transition:opacity 400ms ease;
    -ms-transition:opacity 400ms ease;
    -o-transition:opacity 400ms ease;
    transition:opacity 400ms ease
}
#web-tv .owl-carousel .owl-item img {
    transform-style: preserve-3d
}
/*end index slider*/
/*menu style*/
#menu {
    width:calc(100% - 280px);
    float:right;
    margin:20px 80px 0 0;
    text-align:right;
}
#header.fixed-type #menu {
    margin:10px 20px 0 0;
}
#menu .menu-icon {
	display:none;
	position:absolute;
    z-index:4;
	overflow:hidden;
	padding:6px 10px;
	width:40px;
	height:37px;
	-webkit-appearance:none;
	-moz-appearance:none;
	box-shadow:none;
	border:none;
	cursor:pointer;
	-webkit-transition:background .3s;
	transition:background .3s;
    background:#143a85;
    margin-top:24px;
    font-family:'league_gothicregular', Arial, sans-serif;
    font-size:25px;
    line-height:26px;
    color:#531a23;
    text-align:left;
    right:60px;
    top:-18px;
    text-indent:-9999px;
}
#menu.fixed-type .menu-icon,
#menu.inner-menu .menu-icon {
    right:20px;
}
#menu .menu-icon:focus {
	outline:0
}
#menu .menu-icon span {
	display:block;
	position:absolute;
	top:17px;
	left:5px;
	right:4px;
    width:30px;
	height:2px;
    background:#fff;
    -webkit-transition:-webkit-transform .3s;
	transition:transform .3s
}
#menu .menu-icon span::after,
#menu .menu-icon span::before {
	position:absolute;
	display:block;
	left:0;
	width:100%;
	height:2px;
	background:#fff;
	content:"";
}
#menu .menu-icon span::before {
	top:-10px;
}
#menu .menu-icon span::after {
	bottom:-10px;
}
#menu .menu-icon:hover,
#menu .menu-icon.is-active {
	background:#f8ad00;
    color:#fff;
}
#menu .menu-icon:hover span,
#menu .menu-icon.is-active span,
#menu .menu-icon:hover span::after,
#menu .menu-icon:hover span::before,
#menu .menu-icon.is-active span::after,
#menu .menu-icon.is-active span::before {
	background:#fff;
}
#menu .menu-icon.is-active span {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
#menu .menu-list ul li {
	display:inline-block;
    margin-right:10px;
}
#menu .menu-list ul li:last-child {
    margin-right:0;
}
#menu .menu-list ul li a {
	padding:8px 10px;
    display:block;
    font-family:'Raleway', sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#555;
}
#menu .menu-list ul li.lang {
    display:none;
}
#menu .menu-list ul li.lang.inner-lang,
#menu.fixed-type .menu-list ul li.lang {
    display:inline-block;
}
#menu .menu-list ul li.lang.inner-lang a,
#menu.fixed-type .menu-list ul li.lang a {
    color:#d41622;
}
#menu .menu-list ul li.selected a,
#menu .menu-list ul li a:hover {
    border-bottom:solid 2px #f9ad01;
}
#menu .menu-list ul li.select > a {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
    letter-spacing:-0.05em;
    font-size:15px;
}
#menu .menu-mobile {
    position:absolute;
    z-index:6;
    display:none;
    right:60px;
    top:43px;
}
#header.fixed-type #menu .menu-mobile {
    right:20px;
}
#menu.inner-menu .menu-mobile {
    right:20px;
}
#menu .menu-mobile ul {
    display:none;
    position:absolute;
    background:#f8ad00;
    text-align:left;
    right:0;
    padding:5px 0;
    width:180px;
}
#menu .menu-mobile ul li {
    display:block;
}
#menu .menu-mobile ul li:last-child {
    border-bottom:none;
}
#menu .menu-mobile ul li a {
    display:block;
    color:#fff;
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    padding:8px 10px;
    text-shadow:none;
    letter-spacing:2px;
    font-weight:bold;
}
#menu .menu-mobile ul li a:hover {
    background-color:#c2ba98;
    color:#333;
}
#menu .menu-mobile ul li ul {
    padding:0;
    margin:0;
}
/*menu style*/


@media only screen and (max-height:740px) {
    #landing-page .right-column .inner .form ul li {
        margin-bottom:10px;
    }
    #landing-page .right-column .inner .logo ul li figure {
        width:100px;
    }
    #landing-page .right-column .inner .form {
        padding:20px 20px;
    }
    #landing-page .right-column .inner .form ul li:nth-child(5) {
        margin-top:10px;
    }
}
@media only screen and (max-width:1020px), screen and (max-height:660px) {
    #landing-page .left-column {
        width:60%;
        height:680px;
    }
    #landing-page .right-column {
        width:40%;
        height:680px;
    }
    #landing-page .gallery {
        top:680px;
    }
}
@media only screen and (max-width:1424px) {
    #content .recess,
    #footer .recess,
    #index .recess,
    #header .recess {
        width:100%;
        max-width:none;
        padding:0 20px;
    }
    #index .info .section-1 {
        width:100%;
    }
}
@media only screen and (max-width:1324px) {
    #index .tab-1 .right-column,
    #index .tab-1 .left-column {
        height:640px;
    }
    #index .tab-1 .left-column p {
        margin:180px 150px 0 0;
    }
    #index .tab-1 .right-column figure {
        margin:50px 0 0 -100px;
        max-width:none;
        width:calc(100% + 80px);
    }
    #index .tab-1 .right-column .arrow {
        left:auto;
        right:0;
        bottom:80px;
    }
    #index .gallery {
        margin:90px 0;
    }
    #index .gallery .recess {
        width:100%;
    }
}
@media only screen and (max-width:1290px) {
    #index .gallery {
        margin:80px 0;
    }
    #index .gallery .left-column {
        height:650px;
    }
    #index .gallery .left-column p span i {
        font-size:32px;
        line-height:38px;
    }
    #index .gallery .right-column figure {
        height:325px;
    }
    #index .manege figure {
        width:600px;
    }
    #index .manege .text {
        width:calc(100% - 650px);
    }
}
@media only screen and (max-width:1200px) {
    #landing-page .gallery .address > ul > li:first-child {
        width:calc(100% - 250px);
    }
    #landing-page .gallery .address > ul >li:last-child {
        width:100px;
    }
    #index .gallery {
        margin:60px 0;
    }
    #index .gallery .left-column {
        height:600px;
    }
    #index .gallery .right-column figure {
        height:300px;
    }
}
@media only screen and (max-width:1124px) {
    #header .logo img {
        height:60px;
    }
    #plans figure {
        width:500px;
        left:calc(50% - 220px);
    }
    #footer .top {
        padding:30px 0;
    }
    #footer .top .left-column {
        width:35%;
    }
    #footer .top .mail-list {
        width:35%;
    }
    #footer .top .right-column {
        width:20%;
    }
    #index .gallery {
        margin:40px 0;
    }
    #index .gallery .left-column p {
        height:360px;
    }
    #index .manege figure {
        width:500px;
        margin-right:20px;
    }
    #index .manege .text {
        width:calc(100% - 520px);
        font-size:20px;
        line-height:28px;
    }
}
@media only screen and (max-width:1024px) {
    #content .recess,
    #footer .recess,
    #index .recess,
    #header .recess {
        padding:0 10px;
    }
    #index .tab-1 .left-column {
        width:100%;
        height:auto;
        float:none;
    }
    #index .tab-1 .left-column p {
        width:100%;
        max-width:none;
        margin:0 0 40px 0;
        padding:20px 0;
        float:none;
        text-align:center;
    }
    #index .tab-1 .right-column {
        padding:0;
        width:100%;
        height:auto;
        float:none;
    }
    #index .tab-1 .right-column figure {
        width:100%;
        max-width:none;
        position:static;
        margin:0 0 50px 0;
        padding:5px;
    }
    #index .tab-1 .right-column p {
        width:100%;
        position:static;
        left:0;
        padding:0 10px;
    }
    #index .tab-1 .right-column .arrow {
        width:100%;
        position:static;
        left:0;
        bottom:0;
        margin-top:20px;
        padding:0 10px;
        text-align:right;
    }
    #plans {
        margin:50px 0;
        position:relative;
    }
    #plans figure {
        width:100%;
        position:static;
        left:0;
    }
    #social-media .phone {
        width:30px;
    }
    #architectural {
        background-size:300px;
    }
    #architectural article {
        width:calc(100% - 230px);
    }
    #contact .left-column .form {
        width:100%;
    }
    #landing-page .left-column {
        width:50%;
        height:730px;
    }
    #landing-page .right-column {
        width:50%;
        height:730px;
    }
    #landing-page .gallery {
        top:730px;
    }
    #landing-page .gallery #tabs > ul {
        border-bottom:0;
    }
    #landing-page .gallery #tabs > ul > li {
	    width:calc(33% - 11px);
        border-bottom:solid 1px #f0f0f0;
    }
    #landing-page .gallery #tabs > ul li:nth-child(3n+3) {
        margin:0;
    }
    #menu .menu-icon,
    #menu .menu-mobile {
        display:block;
    }
    #index .tabs .right-column .tab-2,
    #menu .menu-list {
        display:none;
    }
}
@media only screen and (max-width:860px) {
    #landing-page .gallery .address > ul > li:nth-child(2) {
        width:50%;
        text-align:left;
    }
    #landing-page .gallery .address > ul > li:last-child {
        width:50%;
    }
    #index .manege figure {
        width:100%;
        margin:0 0 20px 0;
        display:block;
    }
    #index .manege .text {
        width:100%;
        display:block;
    }
    #landing-page .gallery .address > ul > li:first-child {
        display:none;
    }
}
@media only screen and (max-width:824px) {
    #plans .left-column {
        width:100%;
        float:none;
        padding-top:0;
        text-align:center;
    }
    #plans #tabs > ul li:first-child a {
        border-top-right-radius: 15px;
    }
    #plans #tabs > ul li:nth-child(5) a {
        border-bottom-right-radius:15px;
    }
    #index .info .section-1-mobile {
        display:block;
    }
     #footer .top .left-column {
        width:100%;
        margin:0;
        float:none;
        text-align:center;
    }
    #footer .top .mail-list {
        width:100%;
        max-width:400px;
        float:none;
        margin:50px auto;
    }
    #footer .top .right-column {
        width:100%;
        float:none;
    }
    #web-tv,
    #social-media {
        height:70%;
    }
    #web-tv .customNavigation.gals a {
	    bottom:0;
        top:calc(70% - 50px);
    }
    #web-tv .customNavigation.gals a.next-slide {
	    right:100px;
    }
    #web-tv .customNavigation.gals a.prev-slide {
	    right:130px;
    }
    #scroll-page {
        bottom:auto;
    }
    #content .inner > ul li {
        border-bottom:solid 1px #f8f8f8;
    }
    #content .inner > ul li:last-child {
        border-bottom:0;
    }
    #content .inner > ul li .shell {
        width:100%;
    }
    #content .inner > ul li:nth-child(odd) .shell {
        border-right:0;
        text-align:left;
        padding-right:0;
    }
    #content .inner > ul li:nth-child(even) .shell {
        float:none;
        border-left:0;
        padding-left:0;
        left:0;
        position:relative;
    }
    #architectural {
        background-size:250px;
        padding-bottom:270px;
    }
    #architectural article {
        width:100%;
    }
    #gallery ul li {
        width:calc(33% - 12px);
    }
    #gallery ul li:nth-child(3n+3) {
        margin:0 0 16px 0;
    }
    #gallery ul li:nth-child(4n+4) {
        margin-right:20px;
    }
    #contact .left-column {
        width:100%;
        float:none;
        margin-bottom:50px;
    }
    #contact .left-column .form {
        width:100%;
    }
    #contact .right-column {
        width:140px;
        float:none;
        position:absolute;
        z-index:3;
        right:0;
        top:0;
    }
    #contact .right-column img {
        box-shadow:-8px 8px 12px rgba(0,0,0,0.2);
    }
    #landing-page .left-column {
        position:static;
        width:100%;
        height:auto;
    }
    #landing-page .left-column .slogan {
        position:static;
    }
    #landing-page .right-column {
        position:static;
        width:100%;
        height:auto;
        background:#f9f9f9;
        top:auto;
    }
    #landing-page .gallery {
        position:static;
    }
    #landing-page .gallery #tabs > ul > li {
	    width:calc(50% - 10px);
    }
    #landing-page .gallery #tabs > ul li:nth-child(3n+3) {
        margin:0 20px 0 0;
    }
    #landing-page .gallery #tabs > ul li:nth-child(2n+2) {
        margin:0;
    }
    #landing-page .gallery #tabs > div ul li {
        width:calc(33% - 12px);
    }
    #landing-page .gallery #tabs > div ul li:nth-child(5n+5) {
        margin:0 20px 20px 0;
    }
    #landing-page .gallery #tabs > div ul li:nth-child(3n+3) {
        margin:0 0 20px 0;
    }
    #index .info .section-1,
    #web-tv p,
    #landing-page .left-column .shadow,
    #plans .right-column,
    #content .inner > ul li .shell .top .round {
        display:none;
    }
}
@media only screen and (max-width:720px) {
    #landing-page .right-column {
        padding:10px;
    }
    #content .inner article .table ol li {
        display:block;
    }
    #content .inner article .table ol li span {
        width:100%;
        display:block;
    }
    #content .inner article .table ol li span:first-child {
        width:100%;
        border-right:0;
        border-bottom:solid 1px #999;
    }
    #index .gallery .left-column {
        width:100%;
        height:500px;
    }
    #index .gallery .left-column p {
        height:auto;
        padding:40px 20px;
    }
    #index .gallery .left-column p span i {
        width:100%;
        max-width:240px;
        font-size:24px;
        line-height:32px;
    }
    #index .gallery .left-column p span i a {
        font-size:18px;
    }
    #index .gallery .right-column {
        display:none;
    }
}
@media only screen and (max-height:624px) {
    #web-tv,
    #social-media {
        height:100%;
    }
    #web-tv .customNavigation.gals a {
        top:calc(100% - 50px);
    }
    #scroll-page {
        bottom:30px;
    }
}
@media only screen and (max-width:624px) {
    #contact .form.style-2 ul li,
    #contact .left-column .form ul li {
        width:100%;
        float:none;
        margin-bottom:20px;
    }
    #web-tv,
    #social-media {
        height:40%;
    }
    #web-tv .customNavigation.gals a {
        top:calc(40% - 30px);
    }
    #scroll-page {
        top:calc(40% - 80px);
        left:20px;
    }
    #footer .bottom .phone {
        width:100%;
        float:none;
        text-align:center;
    }
    #footer .bottom .link {
        width:50%;
    }
    #footer .bottom .artasgrubu {
        width:50%;
    }
    #content .inner article .table-3 .left {
        width:100%;
        display:block;
        border-right:0;
        border-bottom:solid 1px #999;
    }
    #content .inner article .table-3 .right {
        width:100%;
        display:table;
    }
}
@media only screen and (max-width:524px) {
    #gallery ul li {
        width:calc(50% - 10px);
    }
    #gallery ul li:nth-child(2n+2) {
        margin:0 0 16px 0;
    }
    #gallery ul li:nth-child(3n+3) {
        margin-right:20px;
    }
    #contact .left-column .address {
        width:100%;
    }
    #contact .left-column .phones {
        width:100%;
        position:relative;
        top:30px;
        left:0;
    }
    #contact .left-column .form {
        margin-top:100px;
    }
    #contact .right-column {
        width:80px;
    }
    #landing-page .gallery #tabs > div ul li {
        width:calc(50% - 10px);
    }
    #landing-page .gallery #tabs > div ul li:nth-child(3n+3) {
        margin:0 20px 20px 0;
    }
    #landing-page .gallery #tabs > div ul li:nth-child(2n+2) {
        margin:0 0 20px 0;
    }
    #landing-page .gallery .address a {
        font-size:25px;
    }
    #landing-page .gallery .address > ul > li {
        float:none;
    }
    #landing-page .gallery .address > ul > li:nth-child(2) {
        width:100%;
        text-align:center;
    }
    #popup-banner figure {
        width:300px;
        height:300px;
        top:calc(50% - 150px);
        left:calc(50% - 150px);
    }
    #landing-page .gallery .address > ul > li:last-child {
        display:none;
    }
}
@media only screen and (max-width:480px) {
    #landing-page .gallery #tabs > ul > li {
	    width:100%;
        float:none;
        margin-right:0;
    }
    #landing-page .gallery #tabs > ul li:nth-child(3n+3) {
        margin:0;
    }
    #landing-page .gallery #tabs > div ul li {
        width:calc(100%);
        float:none;
        margin:0 0 20px 0;
    }
    #landing-page .gallery #tabs > div ul li:nth-child(3n+3) {
        margin:0 0 20px 0;
    }
    #landing-page .gallery #tabs > ul > li:last-child {
	    border-bottom:0;
    }
}
@media only screen and (max-width:424px) {
    #gallery ul li {
        width:100%;
        float:none;
    }
    #popup-banner figure {
        width:250px;
        height:250px;
        top:calc(50% - 125px);
        left:calc(50% - 125px);
    }
}
@media only screen and (max-height:700px) {
    #landing-page .left-column {
        position:relative;
        width:100%;
        height:400px;
    }
    #landing-page .left-column .slogan {
        position:static;
    }
    #landing-page .left-column .slogan img {
        width:340px;
    }
    #landing-page .right-column {
        position:static;
        width:100%;
        height:auto;
        background:#f9f9f9;
        top:auto;
    }
    #landing-page .gallery {
        position:static;
    }
    #landing-page .gallery #tabs > ul > li {
	    width:calc(50% - 10px);
    }
    #landing-page .gallery #tabs > ul li:nth-child(3n+3) {
        margin:0 20px 0 0;
    }
    #landing-page .gallery #tabs > ul li:nth-child(2n+2) {
        margin:0;
    }
    #landing-page .gallery #tabs > div ul li {
        width:calc(33% - 12px);
    }
    #landing-page .gallery #tabs > div ul li:nth-child(5n+5) {
        margin:0 20px 20px 0;
    }
    #landing-page .gallery #tabs > div ul li:nth-child(3n+3) {
        margin:0 0 20px 0;
    }
    #landing-page .left-column .shadow,
    #scroll-page.style-2 {
        display:none;
    }
}