@charset "utf-8";
/*
Author: Focus Style
Author URI: http://focus-style.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th/*, td */{margin: 0;  padding: 0;  border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

body {font-family: 'Open Sans', sans-serif; font-size:14px; color: #444; width:100%; overflow-x: hidden; font-weight: 300; background: #fff; background-position: fixed}
img {border:0;}
a:link, a:visited, a:active {font-family: 'Open Sans', sans-serif; font-size:14px; color:#256286; text-decoration:none; font-weight: 300;}
a:hover {text-decoration:underline;}
.left {float:left;}
.right {float:right;}

.section h1, .center_fixed1, .center_fixed2 {
  -moz-user-select: none;
  -o-user-select:none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*bottom fix*/
html {height: 100%;}
body {position: relative;
  min-height: 100%;
  margin: 0;}

/* ----- general ----- */
.topp {width: 100%; height: 53px; position: fixed; left: 0; right: 0; background: rgba(255,255,255,0.8); z-index: 999; /*display: none;*/}
.topp .logo {position: absolute; top: 15px; left: 15px; z-index: 5;}
.topp .topmenu {position: absolute; top: 15px; right: 85px; left: 300px; z-index: 3; text-align: right;}
.topp .topmenu > ul {font-size: 0; margin-right:0px;}
.topp .topmenu > ul li {display: inline-block; margin: 0 20px;}
.topp .topmenu > ul li:first-child {}
.topp .topmenu > ul li:last-child {}
.topp .topmenu > ul li a {text-transform: uppercase; padding: 0 0 5px 0; font-size: 18px; font-weight: bold;}
.topp .topmenu > ul li a:hover, .topp .topmenu > ul li.active a {text-decoration:none;}
.topp .social {position: absolute; top: 15px; right: 15px; width: 68px; z-index: 5;}
.topp .social1 {position: absolute; top: 0px; right: 0px;}
.topp .social2 {position: absolute; top: 0px; right: 0px;}
.topp .social3 {position: absolute; top: 28px; right: 28px;}
.topp .social4 {position: absolute; top: 0px; right:30px;}

.components {position: relative;	z-index: 3;}
.components h1 {display:none;}
.components h2 {display:none;}

/* -------------------- PAGES -------------------- */
.center_fixed {position: fixed; top: 50%; left: 100px; right: 100px; text-align: center; z-index: 3; margin-top: -40px;}
.center_fixed1 {text-shadow: 0px 0px 30px rgba(16,16,16,0.9); font-size: 49px; line-height: 100%; color: #fff; font-weight: bold; text-transform: uppercase; margin-bottom:30px;}
.center_fixed2 {text-shadow: 0px 0px 30px rgba(16,16,16,0.9); font-size: 24px; line-height: 100%; color: #fff; text-transform: uppercase; font-weight: 600;}

/* ----- shome ----- */
.shome {}
.shome .components {}
.shome .components p {}
.shome .components h2 {display:none;}

/* ----- ptext ----- */
.ptext {}
.ptext .components {max-width:1000px; margin:20px auto; line-height:24px; text-align:justify;}
.ptext .components p {margin:0 0 24px;}
.ptext .components h2 {display:none;}


/* ----- about ----- */
.about {background: #c5dae6; font-size: 0; text-align: center; font-weight:600; position: relative;}
.about .components {box-sizing: border-box;}
.about .item-pageabout {width: 800px; display: inline-block; vertical-align: top; z-index: 3; text-align: left; font-size: 18px; margin: 100px 0 0 0; padding: 0 10px 0 10px; box-sizing: border-box; position: relative; z-index: 3;}
.about .item-pageabout p {margin: 0 0 18px 0; text-align: justify;}
.about .item-pageabout ul {padding: 0 0 0 20px; margin: 0 0 18px 0;}
.about .item-pageabout ul li {list-style: disc;}

.bg-box {display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100vh;}
.bg-box-in {display: none;  background: #c5dae6 url('../images/4px.jpg') center center no-repeat; background-size: cover; /*background-attachment: fixed;*/ position: absolute; z-index: 1; left: 50%; top: 50%; margin-left: -960px; margin-top: -540px; width: 1920px; height: 1080px; object-fit: cover; transition: 0.5s linear 0s;}
.bg-box-in1 {content: '';  background: url('../images/4px1.png') center center no-repeat; background-size: cover; /*background-attachment: fixed;*/ position: absolute; z-index: 2; left: 50%; top: 50%; margin-left: -960px; margin-top: -540px; width: 1920px; height: 1080px; object-fit: cover; transition: 0.5s linear 0s;}
.bg-box-in2 {content: '';  background: url('../images/4px2.png') center center no-repeat; background-size: cover; /*background-attachment: fixed;*/ position: absolute; z-index: 3; left: 50%; top: 50%; margin-left: -960px; margin-top: -540px; width: 1920px; height: 1080px; object-fit: cover; transition: 0.5s linear 0s;}
.about .bg-box {display: block;}
.conts .bg-box {display: block;}

/* ----- conts ----- */
.conts {background: #c5dae6; font-size: 0; text-align: center; font-weight:600;}
.conts .components {box-sizing: border-box;}
/*.conts .item-pageconts {position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    z-index: 3;
    margin-top: -40px;
    margin-left: -200px;
    text-align: left;
    font-size: 24px;
    line-height: 34px;
    color: #256286;
    text-transform: uppercase;
    font-weight: 600;}*/
.conts .item-pageconts {width: 500px; display: inline-block; vertical-align: top; z-index: 3; text-align: left; font-size: 18px;}
.rsform {
	width: 500px;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	text-align: left;
	margin: 0 50px 20px 0;
	box-sizing: border-box;
}
.formResponsive {margin: 0;}
.formResponsive fieldset {font-size: 0;}
.rsform-block {font-size: 18px;}
.rsform-block.rsform-block-name {font-size: 18px;}
.rsform-block.rsform-block-email {font-size: 18px;}
.rsform-block.rsform-block-message {font-size: 18px;}
.rsform-block.rsform-block-submit {font-size: 18px;}
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 10px;
	position: relative;
}
.formResponsive .formHorizontal .formControlLabel {
    float: none;
    width: 100%;
    padding-top: 0;
	padding-bottom: 5px;
    text-align: left;
}
.formResponsive .formHorizontal .formControls {
    margin-left: 0;
}
.formResponsive .formHorizontal p.formDescription {
    margin-top: 0;
    margin-bottom: 0;
}
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="number"], .formResponsive input[type="email"], .formResponsive input[type="tel"], .formResponsive input[type="url"], .formResponsive input[type="password"] {
    background-color: #f3f7fa;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: block;
	width: 100%;
    height: 34px;
    padding: 4px;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    color: #555555;
    box-sizing: border-box;
}
.formResponsive textarea {height: 120px;}
.formResponsive .formHorizontal .rsform-block:last-child {margin-bottom: 0;}
.formResponsive .formHorizontal .rsform-block:last-child .formControlLabel {padding-bottom: 0;}

.formResponsive input[type="submit"], .formResponsive button[type="submit"], .rsform input[type="button"] {
	background: #256286 !important;
    color: #c5dae6;
    text-shadow: none;
	border: none;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	padding: 12px 16px 12px;
    font-size: 20px;
    line-height: 20px;
	display: inline-block;
}

.formResponsive input[type="button"]:hover, .formResponsive button[type="button"]:hover, .formResponsive input[type="reset"]:hover, .formResponsive button[type="reset"]:hover, .formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover {
    background: #256286 !important;
    color: #fff;
    text-shadow: none;
	border: none;
}

.formResponsive input[type="submit"]:hover, .formResponsive button[type="submit"]:hover, .formResponsive input[type="submit"]:active, .formResponsive button[type="submit"]:active, .formResponsive input[type="submit"].active, .formResponsive button[type="submit"].active, .formResponsive input[type="submit"].disabled, .formResponsive button[type="submit"].disabled, .formResponsive input[type="submit"][disabled], .formResponsive button[type="submit"][disabled] {
    background: #256286 !important;
    color: #c5dae6;
    text-shadow: none;
}
.formResponsive .formError {
	color: #b94a48;
    padding-left: 0;
    vertical-align: middle;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    height: 25px;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    background: #c5dae6;
}
.formResponsive fieldset .rsform-block-header {
    text-align: justify;
}
    
.moduletable_conts {
	font-size: 24px;
    line-height: 34px;
    color: #256286;
    text-transform: uppercase;
    font-weight: 600;}
.moduletable_conts a {font-size: 24px; line-height: 34px; color: #256286; text-transform: uppercase; font-weight: 600;}
.moduletable_conts p {vertical-align: middle; margin-bottom: 20px;}
.moduletable_conts p:nth-child(3) {margin-bottom: 0px;}
.moduletable_conts p:before {color: #c5dae6;
    background: #256286;
    text-align: center;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-size: 22px !important;
    line-height: 40px !important;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    vertical-align: middle;
    box-sizing: border-box;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.moduletable_conts p:nth-child(1):before {content: "\f10b";}
.moduletable_conts p:nth-child(2):before {content: "\f10b";}
.moduletable_conts p:nth-child(3):before {content: "\f0e0";}


.shome .topp, .sworks .topp, .conts .topp, .about .topp  {display: block}

.heightr {position:relative;}
#full-width-slider {
  width: 100%;
  height: 100%;
  color: #000;
  overflow:hidden;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index: 2;
}
.rsContent:before {
  content: '';
  width: 100%;
  height: 100%;
  /*background: rgba(0,0,0,0.25);*/
  position:absolute;
  z-index: 3;}
.rsText {font-family: 'Open Sans', sans-serif;	position: absolute; font-style:italic; bottom: 35px; right: 0; left: 0; width: 100%; color: #fff; text-align: center; overflow: hidden; z-index: 3; padding: 0 20px; box-sizing: border-box; text-shadow: 0 0 20px rgba(0,0,0,0.5);}
.rsTitle {font-size: 40px; font-weight: 400; margin-bottom:0px; display: block; line-height: 62px;}
.rsDesc {font-size: 28px; font-weight: 400; display: block; line-height: 42px;}


.slicknav_menu {display:none;}
div.mod-languages li {margin-left: 4px !important; margin-right: 4px !important;}


.section{text-align:center; background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #fff; overflow: hidden;}
.slide {background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index:1;}
/*.fp-slidesContainer:before {content: ''; height: 100%; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.1); position: absolute; z-index:2;}*/

.blur-in {background-size: contain; background-repeat: no-repeat; background-position: center; height: 100%; position: relative; z-index: 2;}
.blur-bg {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; filter: blur(8px);
  -webkit-filter: blur(8px); background-size: cover; background-repeat: no-repeat; background-position: center; opacity: 0.8;}

.section h1 {
	position: absolute;
    top: 50%;
    left: 100px;
    right: 100px;
    text-align: center;
    z-index: 3;
    margin-top: -40px;
	  display: block !important;
    text-shadow: 0px 0px 30px rgba(16,16,16,0.9);
    font-size: 49px;
    line-height: 110%;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}


.ba-form p:last-child {
    display: none !important;
}

.portfolios {padding-top: 53px; font-size: 0; width: 100%;}
.portfolios .port {display: inline-block; font-size: 14px; box-sizing: border-box;padding: 0 2px 4px 2px; position: relative;}
.portfolios .port:nth-child(5n+1) {width:50%;}
.portfolios .port:nth-child(5n+2) {width:50%;}
.portfolios .port:nth-child(5n+3) {width:33.3%;}
.portfolios .port:nth-child(5n+4) {width:33.3%;}
.portfolios .port:nth-child(5n+5) {width:33.3%;}
.portfolios .port a {position: absolute; background: rgba(16,16,16,0.5); top: 0; bottom: 4px; left: 2px; right: 2px; text-decoration: none; opacity: 0; transition: 0.4s ease;}
.portfolios .port:hover a {opacity: 1;}
.portfolios .port span {text-decoration: none; font-size: 24px; line-height: 36px; color: #fff; font-weight: bold; text-transform: uppercase; display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; padding: 0 16px;}
.portfolios .port img {width: 100%; height: auto;}

.menu_port {padding-top: 53px; font-size: 0; width: 100%;}
.menu_port li {display: inline-block; font-size: 14px; box-sizing: border-box;padding: 0 2px 4px 2px; position: relative;}
.menu_port li:nth-child(5n+1) {width:50%;}
.menu_port li:nth-child(5n+2) {width:50%;}
.menu_port li:nth-child(5n+3) {width:33.33%;}
.menu_port li:nth-child(5n+4) {width:33.33%;}
.menu_port li:nth-child(5n+5) {width:33.33%;}
.menu_port li a {display: block; position: relative; padding-top: 56.3%; width: 100%; height: auto;}
.menu_port li .spanover {position: absolute; background: rgba(16,16,16,0.5); top: 0; bottom: 0; left: 0; right: 0; text-decoration: none; opacity: 0; transition: 0.4s ease; z-index: 2;}
.menu_port li:hover .spanover {opacity: 1;}
.menu_port li span {text-decoration: none; font-size: 24px; line-height: 36px; color: #fff; font-weight: bold; text-transform: uppercase; display: flex; justify-content: center; align-items: center; height: 100%; text-align: center; padding: 0 16px;}
.menu_port li img {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; z-index: 1; object-fit: cover;}


.fp-controlArrow {display: none;}
/* slider fade */
.fp-slidesContainer {width: 100%!important; transform: none!important;}
.fp-slide {width: 100%!important;	position: absolute;	left: 0;top: 0;	visibility: hidden;	opacity: 0;	z-index: 0;	transition: all .8s ease-in-out;}
.fp-slide.active {visibility: visible; opacity: 1;	z-index: 1;}
.fp-slidesNav ul li {
    width: 46px !important;
    height: 46px !important;
}
.fp-slidesNav ul li a span {display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 34px;
    line-height: 36px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 46px !important;
    width: 46px !important;
	left: 0 !important;
	top: auto !important;
    bottom: 0 !important;
	box-sizing: border-box;
    padding: 5px;
	margin: 0 !important;
  

  
}
.fp-slidesNav ul li:nth-child(1) a span:after {content: "\f185";}
.fp-slidesNav ul li:nth-child(2) a span:after {content: "\f186";}

.fp-slidesNav ul li a span svg {height: 46px !important; width: 46px !important; fill: #256286;}

#myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
 	background-color: black; /* in case the video doesn't fit the whole page*/
  	background-image: /* our video */;
  	background-position: center center;
  	background-size: contain;
   	object-fit: cover; /*cover video background */
   	z-index:3;
}

.myVideo{
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
 	background-color: black; /* in case the video doesn't fit the whole page*/
  	background-image: /* our video */;
  	background-position: center center;
  	background-size: contain;
   	object-fit: cover; /*cover video background */
   	z-index:3;
}

.section iframe {height: calc(100vh - 53px) !important; width: 100% !important; margin-top: 53px;}
.section img {width: 100%;}


.back {
	border-radius: 100px;
    position: fixed;
    z-index: 999;
    background: rgba(255,255,255,1.0);
    left: 15px;
    bottom: 15px;
    padding: 5px 10px;
    -webkit-box-shadow: 1px 1px 10px 0 rgba(16,16,16,0.5);
    box-shadow: 1px 1px 10px 0 rgba(16,16,16,0.5);
    -webkit-tap-highlight-color: rgba(0,0,0,0.25);
	text-decoration: none !important;
}
.back i {display: inline-block; vertical-align: middle; width: 14px; height: 14px;}
.back span {display: inline-block; font-size:14px; font-weight: bold; vertical-align: middle;}


.fp-scroller {
    cursor: move;
    transition: all 0.3s ease-out 0s !important;
}
.fp-scroller:active {
    cursor: move;
    transition: all 0.0s ease-out 0s !important;
}



/* #Screen < 1600 ================================================== */
@media (max-width: 1600px) {


}

/* #Screen < 1200 ================================================== */
@media (max-width: 1200px) {
.center_fixed1, .section h1 {font-size: 40px;}
.center_fixed2 {font-size: 22px;}
.rsform {width: 400px;}
.conts .item-pageconts {width: 400px;}

}

/* #Screen < 960 ================================================== */
@media (max-width: 960px) {
.slicknav_menu {	display:block;}
.sosial {display:none;}
.topp .topmenu {top: 0px; right: 0; left: 0;}
.topp .topmenu > ul  {display:none;}
.center_fixed {margin-top: -40px; left: 15px; right: 15px;}
.center_fixed1, .section h1 {font-size: 30px;}
.center_fixed2 {font-size: 18px;}


.portfolios .port:nth-child(5n+1), .portfolios .port:nth-child(5n+2), .portfolios .port:nth-child(5n+3), .portfolios .port:nth-child(5n+4), .portfolios .port:nth-child(5n+5) {width:50%;}
.portfolios .port a {position: absolute; background: rgba(16,16,16,0.0); text-decoration: none; opacity: 1;}
.portfolios .port span { font-size: 18px; line-height: 110%; display: block; height: auto; padding: 15px; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; text-shadow: 0px 0px 30px rgba(16,16,16,0.9);}

.menu_port li:nth-child(5n+1), .menu_port li:nth-child(5n+2), .menu_port li:nth-child(5n+3), .menu_port li:nth-child(5n+4), .menu_port li:nth-child(5n+5) {width:50%;}
.menu_port li .spanover {position: absolute; background: rgba(16,16,16,0.0); text-decoration: none; opacity: 1;}
.menu_port li span { font-size: 18px; line-height: 110%; display: block; height: auto; padding: 15px; position: absolute; bottom: 0; width: 100%; box-sizing: border-box; text-shadow: 0px 0px 30px rgba(16,16,16,0.9);}

.rsform, .conts .item-pageconts {width: 400px; display: block; margin: 0 auto 30px auto; height: auto;}

.about .item-pageabout {width: 100%; font-size: 16px; margin: 70px 0 70px 0;}

}

/* #Screen < 720 ================================================== */
@media (max-width: 720px) {
.center_fixed1, .section h1 {font-size: 24px;}
.section h1 {margin-top: 0px;}
.center_fixed2 {font-size: 16px;}
.portfolios .port:nth-child(5n+1), .portfolios .port:nth-child(5n+2), .portfolios .port:nth-child(5n+3), .portfolios .port:nth-child(5n+4), .portfolios .port:nth-child(5n+5) {width:100%;}

.menu_port li:nth-child(5n+1), .menu_port li:nth-child(5n+2), .menu_port li:nth-child(5n+3), .menu_port li:nth-child(5n+4), .menu_port li:nth-child(5n+5) {width:100%;}

.topp .logo img {width: 230px; height: auto;}

}

@media screen and (max-width: 650px) {
.rsform-block.rsform-block-email, .rsform-block.rsform-block-name {
    width: 100% !important;
}

}

/* #Screen < 510 ================================================== */
@media (max-width: 510px) {
.moduletable_conts p {font-size: 16px;}
.moduletable_conts a {font-size: 16px;}
.slicknav_menutxt {display:none !important;}
.back {left: 12px; bottom: 12px; padding: 10px 10px;}
.back span {display:none;}


}

/* #Screen < 460 ================================================== */
@media (max-width: 460px) {
.topp .social {display: none;}
.slicknav_btn {padding: 13px 15px 0 0 !important;}

.rsform-block.rsform-block-email, .rsform-block.rsform-block-name {
    width: 100% !important;
	margin-right: 0%;
	margin-left: 0%;
}



}

/* #Screen < 410 ================================================== */
@media (max-width: 410px) {
.rsform, .conts .item-pageconts {width: auto; display: block; margin: 0 10px 30px 10px;}


}