/*
Theme Name: MOILA 2026
Theme URI: http://insimo.pl
Author: lukasz@insimo.pl
Author URI: http://insimo.pl
Description: Description
Version: 1.1.0
License: commercial
Text Domain: moilanen

*/

@font-face { font-family: 'Roboto'; src: url('./vendors/roboto/Roboto-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url('./vendors/roboto/Roboto-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal }

body,
html { width: 100%; margin: 0px; padding: 0px; }
body { font-family: "Roboto", Arial;  font-size: 13px; background-color: white; color: #3e3e3e;  }
body { border-left: 15px solid #015085; box-sizing: border-box; }

p,
h3,
a.button { font-family: "Roboto", Arial; }

a  { text-decoration: none; text-decoration: none; }
ul { list-style-type: none; padding: 0; margin: 0; }

h1 { font-weight: normal; font-size: 240%; font-family: Times; margin-top: 0; color: #3e3e3e; }
h2 { font-weight: normal; margin: 0; padding: 30px 0px; padding-bottom: 15px; }

h2 { border-bottom: 1px solid #d5d5d5; padding-bottom: 5px; padding-top: 15px; color: #015085; }
h3 { border-bottom: 1px solid #d5d5d5; padding-bottom: 15px; color: #015085; }
h4 { margin-top: 0; }

p { text-align: justify; font-size: 120%; line-height: 1.4em; }

.hwrap { border-bottom: 2px solid #00a0e3; padding-left: 50px; }

.clear { clear: both; }

.col   { float: left; overflow: hidden; }
.col10 { width: 100%; }
.col12 { width: 100%; }
.col15 { width: 100%; }
.col20 { width: 100%; }
.col25 { width: 100%; }
.col30 { width: 100%; }
.col33 { width: 100%; }
.col35 { width: 100%; }
.col40 { width: 100%; }
.col50 { width: 100%; }
.col55 { width: 100%; }
.col60 { width: 100%; }
.col65 { width: 100%; }
.col66 { width: 100%; }
.col70 { width: 100%; }
.col75 { width: 100%; }
.col80 { width: 100%; }

.pad15 { padding: 15px; }
.pad30 { padding: 15px; }
.pad50 { padding: 30px; }

.pad30b { padding-top: 30px; padding-left: 0px; padding-right: 50px; }

.pad1530 { padding: 15px 30px; }
.pad3050 { padding: 30px 30px; }

.section { position: relative; }
.boxed   { max-width: 960px; margin: 0px auto; position: relative; }
.boxed1  { max-width: 1120px; margin: 0px auto; position: relative; }
.boxed2  { max-width: 1280px; margin: 0px auto; position: relative; }
.boxed3  { max-width: 1352px; margin: 0px auto; position: relative; }


.acenter { text-align: center; }

a#back-to-top:link,
a#back-to-top:visited { position: fixed; bottom: 15px; right: 15px; background-color: #015085; color: white; padding: 10px 15px; font-size: 200%; display: none; z-index: 1; border: 1px solid; border-color: #015085; }
a#back-to-top:hover   { background-color: white; color: #015085; }

.triangle1 { width: 0; height: 0; border-style: solid; border-width: 50px 950px 0 0; border-color: white transparent transparent transparent; }


.spacer15  { height: 15px; }
.spacer30  { height: 30px; }
.spacer40  { height: 40px; }
.spacer50  { height: 50px; }
.spacer80  { height: 80px; }
.spacer100 { height: 100px; }
.spacer120 { height: 120px; }
.spacer160 { height: 160px; }


/* -------------------------------------------------------------------------------------------------------------------------------- BOXES */

.fright { float: right; }

.box { width: 160px; height: 160px; float: left; position: relative; }

.bgc0 { background-color: white; }
.bgc1 { background-color: #f1f1f1; }
.bgc2 { background-color: #f5f5f5; }
.bgc3 { background-color: #f9f9f9; }
.bgc4 { background-color: #f2ede4; }
.bgc5 { background-color: #015085; }

.box.x2 { width: 320px; }
.box.x3 { width: 100%; }
.box.x4 { width: 640px; }

.boxq   { height: 40px; }

.logobox     { background-color: white; position: relative; z-index: 1; }
.logobox img { width: 100%; height: 100%; }

.logobox:before { content: ""; width: 160px; height: 160px; background-color: #f7f7f7; position: absolute; left: -160px; top: -160px; z-index: 3; display: none; }

.angledbox1 { width: 800px; height: 800px; background-color: white; position: absolute; left: -240px; bottom: 165px; transform: rotate(-45deg); opacity: 0.5; z-index: -12; }

.o1 { opacity: 0.1; }
.o2 { opacity: 0.2; }
.o5 { opacity: 0.5; }
.o7 { opacity: 0.7; }
.o9 { opacity: 0.9; }

.bg1 { background-image: url(./images/bg1b.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; }
.bg2 { background-image: url(./images/bg4c.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: 1120px; background-position: center; }
.bg3 { background-image: url(./images/bg5b.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center right; }
.bg4 { background-image: url(./images/bg5b.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: 1120px; background-position: center; }
.bg5 { background-image: url(./images/bg6.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; }


.boxes-wrap1 { box-shadow: 15px 15px #f5f5f5; max-height: 320px; overflow: hidden; }
.boxes-wrap2 { border: 30px solid white; border-right: 0; border-bottom: 0; box-shadow: -15px 15px #f5f5f5; }

#our-mission { padding: 47px; padding-right: 30px; font-size: 150%; font-family: Times; line-height: 1.2em; }


.wmax320 { max-width: 320px; }
.wmax480 { max-width: 480px; }
.wmax640 { max-width: 640px; }
.wmax960 { max-width: 960px; }

.border1:before { content: ""; position: absolute; z-index:-1; top: 0px; left: -50px; right: 0px; bottom: -30px; box-shadow: -15px 15px #f5f5f5; }

.bignum { font-family: Times; font-size: 400%; text-align: center; padding-top: 50px; }


a.iconbox:link,
a.iconbox:visited { color: white; font-size: 160%; text-align: center; padding-top: 40px; font-family: Times; display: block; height: 120px; }
a.iconbox:hover   { background-color: #01649f; }
a.iconbox i { font-size: 220%; display: block; margin-bottom: 15px; }
a.iconbox .fa-arrow-alt-circle-right { font-size: 90%; display: inline-block; position: absolute; right: 10px; bottom: 0px; }


#for-business-owners { }
#for-business-owners .boxed1 { border: 30px solid white; border-right: 0; border-left: 0; box-shadow: 15px 15px #f5f5f5; }

#for-business-owners .wmax480 { max-height: 480px; overflow-y: hidden; }


#for-investors {  }
#for-investors .boxed1 { border: 30px solid white; box-shadow: -15px 15px #f5f5f5; }


#for-partners {  }
#for-partners .boxed1 { border: 30px solid white; box-shadow: 15px 15px #f5f5f5; }


.custom-pad1 { padding: 30px; }
.custom-pad2 { padding: 30px; }
.custom-pad3 { padding-top: 50px }


.section-h1 { padding-left: 30px; }

.key-values .boxed1 { box-shadow: 15px 15px #f5f5f5; border: 0px solid white; border-top: 10px solid white; overflow: hidden; }
.key-values .boxed1 .pad30 { padding: 30px; }
.key-values .boxed1 .pad30 p { text-align: left; }


.show960 { display: none; }

.bio-sig { padding-left: 15px; border-left: 15px solid #015085; }
.sig1 { display: block; padding-bottom: 50px; }


#contact-us:before { content: ''; width: 100%; height: 100%; position: absolute; background-image: url(./images/bg1b.jpg); left: 0; top: 0; background-repeat: no-repeat; background-size: cover; opacity: 0.05; background-attachment: fixed; }



@media screen and (min-width: 520px)
{
   .box.x3 { width: 480px; }
}

@media screen and (min-width: 960px)
{
   .bg1 { background-size: 1140px; background-position: center top; }

   .hide960 { display: none; }
   .show960 { display: block; }

   .key-values .boxed1 { border: 50px solid white; border-top: 10px solid white; overflow: hidden; }

   .section-h1 { padding-left: 0px; }

   .directions { overflow: hidden; max-height: 319px; }
   .directions .boxed2 { border-left: 155px solid white; box-shadow: -160px 160px #f5f5f5; }

   .sig1 { padding: 0; float: right; margin-top: -50px }

}

@media screen and (min-width: 1220px)
{
   .custom-pad1 { padding: 0px; padding-right: 80px; }
   .custom-pad2 { padding: 0px; }
   .custom-pad3 { padding: 0px; padding-left: 80px; }
}









/* -------------------------------------------------------------------------------------------------------------------------------- TOPMENU */

.menu-placeholder     { height: 63px; position: relative; }

a#mbutton:link,
a#mbutton:visited     { padding: 15px 0px; display: block; font-size: 200%; color: white; position: relative; }

#topmenu-wrap         { width: 100%; text-align: center; z-index: 10; background-color: #015085; position: relative; z-index: 15; }
#topmenu-wrap li      { display: block; border-bottom: 1px solid #d5d5d5;}

#topmenu              { position: absolute; bottom: 53px; width: 100%; background-color: white; display: none; }
#topmenu a:link,
#topmenu a:visited    { padding: 15px 25px; display: block; position: relative; color: #414141; font-size: 14px;  letter-spacing: 0px; /*text-transform: uppercase;*/ border: 2px solid transparent; text-align: left; }
#topmenu a:hover      { /* background-color: #a78f68; color: white */ border: 2px solid #015085; }
#topmenu a i          { color: #015085; }

#topmenu a:hover i    {/*color: white;*/ }

#topmenu-wrap.fixmenu                 { position: fixed; top: 0px; left: 0; bottom: auto; margin-top: 0px; border-top: 0; border-bottom: 1px solid #d5d5d5; }
#topmenu-wrap.fixmenu #topmenu-wrap   { margin-top: 0px; }
#topmenu-wrap.fixmenu #topmenu        { position: relative; bottom: auto; }

#topmenu a.current:link,
#topmenu a.current:visited { background-color: #015085; color: white }
#topmenu a.current i { color: white; }

/* -------------------------------------------------------------------------------------------------------------------------------- BUTTONS */

a.button:link,
a.button:visited { display: inline-block; padding: 8px 25px; border-radius: 5px; background-color: #f5f5f5; color: #888888; border: 1px solid #d5d5d5;  }

a.button.grey:link,
a.button.grey:visited { }
a.button.grey:hover   { background-color: #015085; color: white;  }

a.button.blue:link,
a.button.blue:visited { background-color: #015085; color: white; text-transform: uppercase; }
a.button.blue:hover   { background-color: white; color: #015085; }


.langs { list-style-type: none; text-align: right; padding: 15px; }
.langs .lang-item { display: inline-block; padding: 0px 10px; padding-top: 3px; }

.langs a:link,
.langs a:visited { color: #015085; }




/* -------------------------------------------------------------------------------------------------------------------------------- contact-us */


#contact-us { background-color: #f7f7f7; }

#contact-us .col40 .pad50 { border-left: 1px solid #d5d5d5; font-size: 140%; }

#contact-us .logo     { width: 160px; }
#contact-us .logo img { width: 100%; }

#contact-us i { color: #015085; }

label        { display: block; font-size: 120%; padding-top: 15px; }
label span   { display: block; padding: 5px 0px; }
input        { font-size: 120%; padding: 5px 15px; max-width: 600px; width: 85%; border: 1px solid #d5d5d5; background-color: white;  }
textarea     { font-size: 120%; padding: 5px 15px; max-width: 600px; width: 85%; height: 11em; border: 1px solid #d5d5d5; background-color: white; }
button       { background-color: #015085; color: white; padding: 10px 25px; font-size: 120%; border: 0; border-radius: 15px; }
button:hover { background-color: #015085; cursor: pointer; }

input[type="submit"] { background-color: #015085; color: white; padding: 10px 25px; font-size: 13px; border: 0; border-radius: 3px; width: auto; max-width: initial; text-transform: uppercase; }
input[type="submit"]:hover { cursor: pointer; background-color: #01649f; }

.wpcf7-not-valid-tip { background-color: #fcdcdf; padding: 5px 15px 5px 15px; font-size: 80%; max-width: 150px; border-radius: 10px; margin-top: 5px; text-align: center; }

.wpcf7-response-output { margin: 0px auto !important; max-width: 1050px; border-radius: 15px }

.wpcf7 form.sent .wpcf7-response-output {
   border-color: #46b450;
   background-color: #46b450;
   color: white;
   font-size: 130%;
   padding: 10px 15px;
   text-align: center;
   margin-top: 10px !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
   border-color: #dc3232;
   background-color: #fcdcdf;
   color: #dc3232;
   font-size: 130%;
   padding: 10px 15px;
   text-align: center;
   margin-top: 10px !important;
}


/* -------------------------------------------------------------------------------------------------------------------------------- FOOTER */

#footer { text-align: center; background-color: #015085; font-size: 120%; color: white; }





/* -------------------------------------------------------------------------------------------------------------------------------- MEDIA QUERIES */


@media screen and (min-width: 1240px)
{
   .col   { float: left; overflow: hidden; }
   .col10 { width: 10%; }
   .col12 { width: 12.5%; }
   .col15 { width: 15%; }
   .col20 { width: 20%; }
   .col25 { width: 25%; }
   .col30 { width: 30%; }
   .col33 { width: 33.33%; }
   .col35 { width: 35%; }
   .col40 { width: 40%; }
   .col45 { width: 45%; }
   .col50 { width: 50%; }
   .col55 { width: 55%; }
   .col60 { width: 60%; }
   .col65 { width: 65%; }
   .col66 { width: 66.66%; }
   .col70 { width: 70%; }
   .col75 { width: 75%; }
   .col80 { width: 80%; }

   .pad15 { padding: 15px; }
   .pad30 { padding: 30px; }
   .pad50 { padding: 50px; }

   .pad30b { padding-top: 30px; padding-left: 0px; padding-right: 50px; }

   .pad1530 { padding: 15px 30px; }
   .pad3050 { padding: 30px 50px; }



   #topmenu-wrap         { background-color: white; border: 1px solid #d5d5d5; border-left: 0; border-right: 0; text-align: left; }

   a#mbutton:link,
   a#mbutton:visited     { display: none; }

   #topmenu-wrap.fixmenu { background-color: white; }
   #topmenu-wrap .mback  { float: right; }

   #topmenu              { display: block; position: relative; bottom: auto; }
   #topmenu-wrap li      { display: inline-block; border: 0;  }
   #topmenu a:link,
   #topmenu a:visited   { padding: 20px 35px;  }

   #topmenu li          { display: inline-block;  }


}