/*
monteneSoft Triangl v4.0
*/
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
ul, li
{
margin: 0;
padding: 0;
list-style: none;
}
/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */
.browserupgrade {
color: #53470b;
font-size: 14px;
padding: 15px 0;
margin: 0 0 15px 0;
text-align: center;
background: #fed557;
border: 2px dashed #e66824;
font-family: 'Lato', sans-serif;
}
.browserupgrade strong
{
font-weight: 900;
}
.browserupgrade a
{
color: #c0392b;
font-weight: 900;
letter-spacing: 0.05em;
text-decoration: underline;
}
.browserupgrade a:hover
{
color: #e66824;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
html, body
{
font-weight: 400;
background: #ffffff;
font-family: 'Lato', sans-serif;
/*background: url("../img//temp.jpg") center top no-repeat;*/
}
.container
{}
.holder
{
width: 980px;
margin: 0 auto;
}
/* Header */
#mes_header
{}
#mes_header_desktop
{
overflow: auto;
}
#mes_header_desktop_logo
{
font-size: 0;
display: inline-block;
}
#mes_header_desktop_logo a
{
width: 421px;
height: 127px;
display: block;
overflow: hidden;
margin-top: 10px;
margin-bottom: 0px;
background: url("../img/montenesoft_logo_wide_2016.png") center top no-repeat;
}
#mes_header_desktop_logo h1
{
display: none;
}
#mes_header_desktop_logo h1 small
{}
#mes_header_desktop_branding
{
width: 554px;
font-size: 0;
vertical-align: top;
display: inline-block;
}
#mes_header_desktop_branding_topbar
{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
float: right;
width: auto;
overflow: hidden;
margin-bottom: 5px;
display: inline-block;
}
#mes_header_desktop_branding_topbar nav
{
vertical-align: top;
display: inline-block;
}
#mes_header_desktop_branding_topbar ul
{
margin: 0;
padding: 0;
font-size: 0;
}
#mes_header_desktop_branding_topbar li
{
font-size: 0;
display: inline-block;
}
#mes_header_desktop_branding_topbar a
{
height: 30px;
display: block;
color: #ffffff;
padding: 0 10px;
font-size: 13px;
line-height: 30px;
text-decoration: none;
}
#mes_header_desktop_branding_topbar a:hover
{
text-decoration: underline;
/*background-color: rgba(255, 255, 255, 0.12);*/
}
#mes_header_desktop_branding_topbar li:first-child a
{
padding: 0 10px 0 20px;
}
#mes_header_desktop_branding_topbar li:last-child a
{
padding: 0 20px 0 10px;
}
#mes_header_desktop_branding_topbar_showcase
{
background: #EE1C25;
}
#mes_header_desktop_branding_topbar_showcase ul
{}
#mes_header_desktop_branding_topbar_showcase li
{}
#mes_header_desktop_branding_topbar_showcase a
{}
#mes_header_desktop_branding_topbar_access
{
background: #F1BB01;
}
#mes_header_desktop_branding_topbar_access ul
{}
#mes_header_desktop_branding_topbar_access li
{}
#mes_header_desktop_branding_topbar_access a
{}
#mes_header_desktop_branding_banner
{
float: right;
margin-bottom: 5px;
}
#mes_header_desktop_branding_banner a
{
display: block;
}
#mes_header_desktop_branding_banner img
{}
/* /Header */
/* Header En */
#mes_header_en
{}
#mes_header_en_desktop
{
overflow: auto;
}
#mes_header_en_desktop_logo
{
font-size: 0;
display: inline-block;
}
#mes_header_en_desktop_logo a
{
width: 421px;
height: 127px;
display: block;
overflow: hidden;
margin-top: 10px;
margin-bottom: 0px;
background: url("../img/Montenesoft_logo_wide_2016_en.png") center top no-repeat;
}
#mes_header_en_desktop_logo h1
{
display: none;
}
#mes_header_en_desktop_logo h1 small
{}
#mes_header_en_desktop_branding
{
width: 554px;
font-size: 0;
vertical-align: top;
display: inline-block;
}
#mes_header_en_desktop_branding_topbar
{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
float: right;
width: auto;
overflow: hidden;
margin-bottom: 5px;
display: inline-block;
}
#mes_header_en_desktop_branding_topbar nav
{
vertical-align: top;
display: inline-block;
}
#mes_header_en_desktop_branding_topbar ul
{
margin: 0;
padding: 0;
font-size: 0;
}
#mes_header_en_desktop_branding_topbar li
{
font-size: 0;
display: inline-block;
}
#mes_header_en_desktop_branding_topbar a
{
height: 30px;
display: block;
color: #ffffff;
padding: 0 10px;
font-size: 13px;
line-height: 30px;
text-decoration: none;
}
#mes_header_en_desktop_branding_topbar a:hover
{
text-decoration: underline;
/*background-color: rgba(255, 255, 255, 0.12);*/
}
#mes_header_en_desktop_branding_topbar li:first-child a
{
padding: 0 10px 0 20px;
}
#mes_header_en_desktop_branding_topbar li:last-child a
{
padding: 0 20px 0 10px;
}
#mes_header_en_desktop_branding_topbar_showcase
{
background: #EE1C25;
}
#mes_header_en_desktop_branding_topbar_showcase ul
{}
#mes_header_en_desktop_branding_topbar_showcase li
{}
#mes_header_en_desktop_branding_topbar_showcase a
{}
#mes_header_en_desktop_branding_topbar_access
{
background: #F1BB01;
}
#mes_header_en_desktop_branding_topbar_access ul
{}
#mes_header_en_desktop_branding_topbar_access li
{}
#mes_header_en_desktop_branding_topbar_access a
{}
#mes_header_en_desktop_branding_banner
{
float: right;
margin-bottom: 5px;
}
#mes_header_en_desktop_branding_banner a
{
display: block;
}
#mes_header_en_desktop_branding_banner img
{}
/* /Header En */
/* Header Ru */
#mes_header_ru
{}
#mes_header_ru_desktop
{
overflow: auto;
}
#mes_header_ru_desktop_logo
{
font-size: 0;
display: inline-block;
}
#mes_header_ru_desktop_logo a
{
width: 421px;
height: 127px;
display: block;
overflow: hidden;
margin-top: 10px;
margin-bottom: 0px;
background: url("../img/Montenesoft_logo_wide_2016_ru.png") center top no-repeat;
}
#mes_header_ru_desktop_logo h1
{
display: none;
}
#mes_header_ru_desktop_logo h1 small
{}
#mes_header_ru_desktop_branding
{
width: 554px;
font-size: 0;
vertical-align: top;
display: inline-block;
}
#mes_header_ru_desktop_branding_topbar
{
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
float: right;
width: auto;
overflow: hidden;
margin-bottom: 5px;
display: inline-block;
}
#mes_header_ru_desktop_branding_topbar nav
{
vertical-align: top;
display: inline-block;
}
#mes_header_ru_desktop_branding_topbar ul
{
margin: 0;
padding: 0;
font-size: 0;
}
#mes_header_ru_desktop_branding_topbar li
{
font-size: 0;
display: inline-block;
}
#mes_header_ru_desktop_branding_topbar a
{
height: 30px;
display: block;
color: #ffffff;
padding: 0 10px;
font-size: 13px;
line-height: 30px;
text-decoration: none;
}
#mes_header_ru_desktop_branding_topbar a:hover
{
text-decoration: underline;
/*background-color: rgba(255, 255, 255, 0.12);*/
}
#mes_header_ru_desktop_branding_topbar li:first-child a
{
padding: 0 10px 0 20px;
}
#mes_header_ru_desktop_branding_topbar li:last-child a
{
padding: 0 20px 0 10px;
}
#mes_header_ru_desktop_branding_topbar_showcase
{
background: #EE1C25;
}
#mes_header_ru_desktop_branding_topbar_showcase ul
{}
#mes_header_ru_desktop_branding_topbar_showcase li
{}
#mes_header_ru_desktop_branding_topbar_showcase a
{}
#mes_header_ru_desktop_branding_topbar_access
{
background: #F1BB01;
}
#mes_header_ru_desktop_branding_topbar_access ul
{}
#mes_header_ru_desktop_branding_topbar_access li
{}
#mes_header_ru_desktop_branding_topbar_access a
{}
#mes_header_ru_desktop_branding_banner
{
float: right;
margin-bottom: 5px;
}
#mes_header_ru_desktop_branding_banner a
{
display: block;
}
#mes_header_ru_desktop_branding_banner img
{}
/* /Header Ru */
#mes_nav
{
background: #EE9110;
}
#mes_nav_mainmenu
{
z-index: 50;
position: relative;
background: #EE9110;
}
/* Level 1 */
#mes_nav_mainmenu ul
{
margin: 0;
padding: 0;
width: 980px;
font-size: 0;
list-style: none;
}
#mes_nav_mainmenu li
{
margin: 0;
padding: 0;
font-size: 0;
position: relative;
vertical-align: top;
display: inline-block;
}
/* Last link, Contact page */
#mes_nav_mainmenu > ul > li:last-child
{
top: 0;
right: 0;
position: absolute;
}
/* /Last link, Contact page */
#mes_nav_mainmenu li a
{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
height: 46px;
color: #ffffff;
display: block;
font-size: 14px;
padding: 0 20px;
font-weight: 700;
line-height: 46px;
white-space: nowrap;
text-decoration: none;
letter-spacing: 0.015em;
}
#mes_nav_mainmenu li a:hover
{
background: #EF9111;
}
#mes_nav_mainmenu li a i
{
padding-left: 6px;
}
/* /Level 1 */
/* Level 2 */
#mes_nav_mainmenu li ul li
{}
#mes_nav_mainmenu li ul li a
{
height: 42px;
line-height: 42px;
}
/* /Level 2 */
/* Regular sub menu */
#mes_nav_mainmenu > ul > li > ul
{
display: none;
width: inherit;
position: absolute;
background: #EF9111;
}
/* Top menu color when hovering the dropdown */
#mes_nav_mainmenu > ul > li:hover a
{
background: #EF9111;
}
#mes_nav_mainmenu > ul > li > a:hover + ul, #mes_nav_mainmenu > ul > li > ul:hover
{
display: block;
}
/* /Top menu color when hovering the dropdown */
#mes_nav_mainmenu > ul > li > ul > li
{
width: 100%;
}
#mes_nav_mainmenu > ul > li > ul > li > a
{}
#mes_nav_mainmenu > ul > li > ul > li > a:hover
{
background: #22B14B;
padding: 0 15px 0 25px;
}
/* /Regular sub menu */
li#mes_nav_mainmenu_megadropdown
{
position: inherit;
}
/* Mega is open */
#mes_nav_mainmenu_megadropdown a.megamenuisactive
{
background: #EF9111;
}
/* Mega is open */
li#mes_nav_mainmenu_megadropdown a:hover + #mes_nav_mainmenu_mega, #mes_nav_mainmenu_mega:hover
{
display: block;
}
#mes_nav_mainmenu_mega
{
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
left: 0;
right: 0;
width: 980px;
display: none;
position: absolute;
background: #EF9111;
box-sizing: border-box;
border-top: 4px solid #EF9111;
border-right: 5px solid #EF9111;
border-bottom: 4px solid #EF9111;
border-left: 5px solid #EF9111;
}
#mes_nav_mainmenu_mega.megamenuisopen
{
display: block;
}
#mes_nav_mainmenu_mega_links
{}
#mes_nav_mainmenu_mega_links ul
{}
#mes_nav_mainmenu #mes_nav_mainmenu_mega_links ul li
{}
#mes_nav_mainmenu #mes_nav_mainmenu_mega_links a
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 142px;
height: 85px;
overflow: auto;
line-height: 1.2em;
white-space: normal;
padding: 25px 20px 0 80px;
}
#mes_nav_mainmenu #mes_nav_mainmenu_mega_links a i
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0;
top: 25px;
left: 15px;
padding: 0;
width: 50px;
height: 50px;
font-size: 36px;
line-height: 45px;
position: absolute;
background: rgba(0, 0, 0, 0.05);
border: 2px solid rgba(255, 255, 255, 0.20);
}
#mes_nav_mainmenu #mes_nav_mainmenu_mega_links a:hover
{
background-color: rgba(255, 255, 255, 0.12);
}
#mes_nav_mainmenu #mes_nav_mainmenu_mega_links a:hover i
{
-webkit-box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.3);
box-shadow: 1px 1px 6px 0 rgba(0,0,0,0.3);
background: rgba(0, 0, 0, 0.1);
border: 2px solid rgba(255, 255, 255, 0.40);
}
#mes_nav_mainmenu_mega_links ul li ul
{
float: left;
margin-left: 1em;
}
#mes_nav_mainmenu_mega_links ul li ul li
{}
#mes_nav_mainmenu_mega_links ul li ul a
{
display: none;
}
.mes_nav_mainmenu_mega_links_submenu
{
width: 980px;
display: none;
box-sizing: border-box;
padding: 0 10px 30px 10px;
}
.mes_nav_mainmenu_mega_links_submenu_title
{
border-bottom: 1px solid #ffffff;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu .mes_nav_mainmenu_mega_links_submenu_title h2
{
margin: 0;
padding: 0;
height: 40px;
color: #ffffff;
font-size: 16px;
line-height: 40px;
display: inline-block;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu .mes_nav_mainmenu_mega_links_submenu_title h2 a
{
float: left;
margin-top: 9px;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu .mes_nav_mainmenu_mega_links_submenu_title h2 a i
{
padding: 0;
width: 24px;
height: 24px;
margin: 0 5px;
font-size: 14px;
line-height: 24px;
text-align: center;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu .mes_nav_mainmenu_mega_links_submenu_title a
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 0;
width: auto;
height: auto;
float: right;
display: block;
overflow: hidden;
line-height: normal;
white-space: normal;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu_title a i
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: right;
top: 0;
left: 0;
margin: 0;
padding: 0;
width: 36px;
height: 36px;
border: none;
font-size: 26px;
background: none;
line-height: 36px;
position: relative;
text-align: center;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu_title a:hover, #mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu_title a:hover i
{
-webkit-box-shadow: none;
box-shadow: none;
background: none;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu_title a:hover i
{
color: #EE9110;
background: rgba(255, 255, 255, 0.2);
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu ul
{
margin: 0;
width: 33%;
float: left;
padding: 15px;
box-sizing: border-box;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu ul li
{
margin: 0;
padding: 0;
width: 100%;
display: block;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu ul li a
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
width: auto;
height: auto;
display: block;
padding: 0 10px;
font-size: 14px;
line-height: 32px;
}
#mes_nav_mainmenu #mes_nav_mainmenu_megadropdown .mes_nav_mainmenu_mega_links_submenu ul li a span
{
display: block;
font-size: 10px;
line-height: 1em;
padding-bottom: 10px;
}
#mes_nav_mainmenu_mega_links_code
{}
#mes_nav_mainmenu_mega_links_brush
{}
#mes_nav_mainmenu_mega_links_database
{}
#mes_nav_mainmenu_mega_links_utility
{}
#mes_nav_mainmenu_mega_links_project
{}
#mes_nav_mainmenu_mega_links_office
{}
#mes_nav_mainmenu_mega_links_law
{}
#mes_nav_mainmenu_mega_links_team
{}
#mes_nav_mainmenu_mega_preview
{}
/* Masthead */
#mes_masthead
{
height: 380px;
overflow: auto;
margin-top: 5px;
/*border-top: 1px solid #1a371a;*/
background: url("../img/bg_mes_masthead.jpg") center top no-repeat #FFFF80;
}
#mes_masthead_box
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 650px;
/*height: 324px;*/
height: 280px;
overflow: hidden;
margin: 34px 0 0 30px;
background: rgba(255, 255, 255, 0.9);
}
#mes_masthead_box:hover
{
background: rgba(255, 255, 255, 0.98);
/*background-size: 278px 317px;*/
}
.masthead_herocta
{
-webkit-transition: all 600ms ease-out;
-moz-transition: all 600ms ease-out;
-ms-transition: all 600ms ease-out;
-o-transition: all 600ms ease-out;
transition: all 600ms ease-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0;
width: 650px;
height: 280px;
position: relative;
padding: 22px 0 0 28px;
box-sizing: border-box;
}
.masthead_herocta ul
{
font-size: 0;
}
.masthead_herocta li
{
color: #506473;
font-size: 10px;
margin-right: 8px;
display: inline-block;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.masthead_herocta li:after
{
content: "-";
color: #506473;
font-size: 10px;
margin-left: 7px;
}
.masthead_herocta li:last-child:after
{
content: "";
}
.masthead_herocta h1
{
width: 280px;
color: #506473;
font-size: 22px;
font-weight: 900;
margin: 22px 0 0 10px;
}
.masthead_herocta_cta
{
display: inline-block;
margin: 29px 0 0 10px;
}
.masthead_herocta_cta a
{
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
height: 54px;
width: 280px;
color: #ffffff;
font-size: 17px;
overflow: hidden;
font-weight: 700;
line-height: 17px;
position: relative;
text-align: center;
background: #EF9111;
text-decoration: none;
display: inline-block;
letter-spacing: 0.05em;
box-sizing: border-box;
padding: 12px 50px 0 0;
}
.masthead_herocta_cta a strong
{
display: block;
margin-top: 1px;
font-size: 12px;
font-weight: 300;
line-height: 12px;
letter-spacing: 0.075em;
text-shadow: 0 0 0 #FFFFFF;
}
.masthead_herocta_cta span
{
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: -25px;
right: -44px;
width: 92px;
height: 102px;
color: #ffffff;
font-size: 30px;
text-align: left;
line-height: 102px;
position: absolute;
background: #FFA120;
padding: 0 0 0 10px;
}
.masthead_herocta_cta a:hover
{
background: #ED1C26;
padding: 12px 70px 0 0;
-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
box-shadow: 0 1px 5px 0 rgba(0,0,0,0.2);
}
.masthead_herocta_cta a:hover span
{
width: 92px;
background: #F79398;
padding: 0 10px 0 20px;
}
.masthead_herocta_other
{
margin-top: 22px;
}
.masthead_herocta_other a
{
color: #506473;
font-size: 13px;
line-height: 14px;
text-decoration: none;
/*letter-spacing: -0.02em;*/
}
.masthead_herocta_other a:hover
{
color: #000;
text-decoration: underline;
}
/* Office */
.masthead_herocta.office
{
background: url("../img/bg_masthead_herocta_office.png") right 35px no-repeat;
background-size: auto;
}
/* /Office */
/* LEAN */
.masthead_herocta.lean
{
background: url("../img/bg_masthead_herocta_cta.png") right 35px no-repeat;
background-size: auto;
}
/* /LEAN */
/* Popust */
.masthead_herocta.popust
{
background: url("../img/bg_masthead_herocta_smpopust.png") right 35px no-repeat;
background-size: auto;
}
/* /Popust */
/* Video */
.masthead_herocta.video
{
background: url("../img/bg_masthead_herocta_video.jpg") right 20px no-repeat;
background-size: auto;
}
.masthead_herocta a:hover i
{
width: 90px;
height: 90px;
font-size: 48px;
line-height: 82px;
margin-top: -45px;
margin-left: -45px;
border: 3px solid rgba(70, 140, 120, 1);
background-color: rgba(70, 140, 120, 0.8);
}
/* /Video */
/* /Masthead */
/* IT Montenegro */
#mes_itmontenegro
{
margin-top: -35px;
}
#mes_itmontenegro ul
{
font-size: 0;
height: 300px;
text-align: center;
}
#mes_itmontenegro li
{
-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 10px 0 rgba(0,0,0,0.1);
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 215px;
height: 295px;
overflow: hidden;
text-align: left;
vertical-align: top;
background: #ffffff;
display: inline-block;
margin: 5px 14px 0 14px;
}
#mes_itmontenegro li:hover
{
margin-top: 0;
-webkit-box-shadow: 0 1px 15px 0 rgba(0,0,0,0.6);
box-shadow: 0 1px 15px 0 rgba(0,0,0,0.6);
}
#mes_itmontenegro a
{
width: 215px;
height: 295px;
overflow: auto;
display: block;
position: relative;
text-decoration: none;
}
#mes_itmontenegro h1
{
padding: 0;
color: #231f20;
font-size: 16px;
margin: 14px 0 0 15px;
letter-spacing: 0.02em;
}
#mes_itmontenegro p
{
padding: 0;
color: #666666;
font-size: 10px;
line-height: 12px;
text-align: justify;
letter-spacing: 0.02em;
margin: 6px 20px 0 15px;
}
.mes_itmontenegro_poster
{
bottom: 0;
width: 215px;
height: 188px;
overflow: hidden;
position: absolute;
}
.mes_itmontenegro_poster img
{
opacity: 0.9;
}
#mes_itmontenegro a:hover img
{
opacity: 1;
}
/* /IT Montenegro */
/* Partneri */
#mes_partneri
{
height: 46px;
width: 980px;
margin: 36px 0;
}
#mes_partneri ul
{}
#mes_partneri li
{
margin: 0;
}
#mes_partneri a
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
overflow: auto;
}
#mes_partneri a:hover
{
background: #f7f7f7;
}
#mes_partneri img
{
vertical-align: top;
}
/* /Partneri */
/* Content */
#mes_content
{
overflow: auto;
margin-top: 30px;
padding-bottom: 10px;
}
/* Main */
#mes_content_main
{
width: 715px;
display: inline-block;
}
/* Lista Seminara */
#mes_content_main_listaseminara
{}
#mes_content_main_listaseminara_title
{
height: 36px;
width: 715px;
padding: 0 20px;
box-sizing: border-box;
background: url("../img/bg_mes_content_main_listaseminara_title.jpg") center top no-repeat;
}
#mes_content_main_listaseminara_title_mob
{
height: 36px;
width: 360px;
padding: 0 20px;
box-sizing: border-box;
background: url("../img/bg_mes_content_main_listaseminara_title.jpg") center top no-repeat;
}
#mes_content_main_listaseminara_title_mob h2, #mes_content_main_listaseminara_title_mob h3
{
margin: 0;
padding: 0;
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 36px;
display: inline-block;
}
#mes_content_main_listaseminara_title h2, #mes_content_main_listaseminara_title h3
{
margin: 0;
padding: 0;
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 36px;
display: inline-block;
}
#mes_content_main_listaseminara_title h3
{
float: right;
}
#mes_content_main_listaseminara_list
{}
#mes_content_main_listaseminara_list table
{}
#mes_content_main_listaseminara_list tbody
{}
#mes_content_main_listaseminara_list tr
{}
#mes_content_main_listaseminara_list tr:nth-child(even)
{
background: #F0EBFA;
}
#mes_content_main_listaseminara_list tr:hover
{
background-color: rgba(29, 115, 91, 0.25);
}
#mes_content_main_listaseminara_list td
{
vertical-align: top;
}
#mes_content_main_listaseminara_list h4
{
color: #333333;
font-size: 8px;
font-weight: 400;
margin: 12px 0 0 0;
white-space: nowrap;
letter-spacing: 0.02em;
text-transform: uppercase;
}
#mes_content_main_listaseminara_list h4 + p, #mes_content_main_listaseminara_list p + p
{
margin: 0;
color: #231f20;
font-size: 15px;
font-weight: 900;
line-height: 1.7em;
white-space: nowrap;
letter-spacing: 0.02em;
}
#mes_content_main_listaseminara_list h2, #mes_content_main_listaseminara_list h2 a
{
margin: 0;
color: #231f20;
font-size: 15px;
font-weight: 900;
line-height: 26px;
white-space: nowrap;
letter-spacing: 0.02em;
}
#mes_content_main_listaseminara_list h2 a
{
display: inline-block;
text-decoration: none;
}
#mes_content_main_listaseminara_list h2 a:hover
{
text-decoration: underline;
}
.mes_content_main_listaseminara_list_description
{
width: 430px;
padding-left: 20px;
padding-bottom: 15px;
box-sizing: border-box;
}
#mes_content_main_listaseminara_list .mes_content_main_listaseminara_list_description h3
{
margin: 0;
font-size: 14px;
line-height: 1em;
padding: 0 0 5px 0;
font-weight: normal;
}
#mes_content_main_listaseminara_list .mes_content_main_listaseminara_list_description p
{
margin: 0;
color: #666666;
font-size: 10px;
text-align: justify;
margin-right: 12px;
}
.mes_content_main_listaseminara_list_availability
{
width: 75px;
text-align: center;
}
.mes_content_main_listaseminara_list_price
{
width: 80px;
text-align: center;
}
.mes_content_main_listaseminara_list_price p
{
cursor: help;
}
.mes_content_main_listaseminara_list_price p strong
{
color: #cc0b12;
}
.mes_content_main_listaseminara_list_info
{
width: 130px;
text-align: center;
position: relative;
}
a.mes_content_main_listaseminara_list_info_signupbtn, a.mes_content_main_listaseminara_list_info_pdfbtn, a.mes_content_main_listaseminara_list_info_home
{
-webkit-box-shadow: inset 0 0 3px 0 #c65000;
box-shadow: inset 0 0 3px 0 #c65000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0 20px;
margin: 5px;
display: block;
color: #ffffff;
font-size: 12px;
padding: 4px 0;
font-weight: 900;
background: #E44951;
border: 1px solid #4291d6;
text-decoration: none;
text-shadow: 1px 1px 1px #c65000;
}
a.mes_content_main_listaseminara_list_info_signupbtn:hover
{
-webkit-box-shadow: inset 0 0 3px 0 #ED1C24;
box-shadow: inset 0 0 3px 0 #ED1C24;
background: #22B14C;
text-shadow: 1px 1px 1px #c59600;
}
.mes_content_main_listaseminara_list_info_signupbtn span
{
display: block;
font-size: 10px;
font-weight: 400;
}
a.mes_content_main_listaseminara_list_info_pdfbtn
{
-webkit-box-shadow: inset 0 0 3px 0 #9fb1ac;
box-shadow: inset 0 0 3px 0 #9fb1ac;
margin: 5 5px;
padding: 3px 0;
background: #FFFF80;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #C51222;
text-shadow: 1px 1px 1px #9fb1ac;
}
a.mes_content_main_listaseminara_list_info_pdfbtn:hover
{
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
background: #22B14B;
}
a.mes_content_main_listaseminara_list_info_home:hover
{
-webkit-box-shadow: inset 0 0 3px 0 #ED1C24;
box-shadow: inset 0 0 3px 0 #ED1C24;
background: #22B14C;
text-shadow: 1px 1px 1px #c59600;
}
.mes_content_main_listaseminara_list_info_home span
{
display: block;
font-size: 10px;
font-weight: 400;
}
#mes_content_main_listaseminara_list_notice
{
margin-top: 10px;
}
#mes_content_main_listaseminara_list_notice p
{
color: #afafaf;
font-size: 11px;
}
/* / Lista Seminara */
/* /Main */
/* Sidebar */
#mes_content_sidebar
{
float: right;
width: 245px;
display: inline-block;
}
.mes_content_sidebar_element
{
margin-bottom: 5px;
margin-top: 50px;
}
/* Lean Promo */
#mes_content_sidebar_lean
{}
#mes_content_sidebar_lean a
{
display: block;
}
#mes_content_sidebar_lean img
{
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
#mes_content_sidebar_lean a:hover img
{
opacity: 0.9;
}
/* /Lean Promo */
/* Video Promo */
#mes_content_sidebar_videopromo
{}
#mes_content_sidebar_videopromo a
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
overflow: hidden;
position: relative;
}
#mes_content_sidebar_videopromo img
{
-webkit-transition: all 100ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 100ms ease;
-o-transition: all 100ms ease;
transition: all 100ms ease;
}
#mes_content_sidebar_videopromo i
{
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
display: block;
color: #ffffff;
font-size: 24px;
text-align: left;
line-height: 53px;
padding-left: 13px;
position: absolute;
box-sizing: border-box;
border: 3px solid rgba(197, 18, 34, 0.9);
background-color: rgba(197, 18, 34, 0.9);
}
#mes_content_sidebar_videopromo a:hover img
{
opacity: 0.9;
}
#mes_content_sidebar_videopromo a:hover i
{
width: 70px;
height: 70px;
font-size: 32px;
line-height: 62px;
margin-top: -35px;
margin-left: -35px;
border: 3px solid rgba(197, 18, 34, 1);
background-color: rgba(197, 18, 34, 0.8);
}
/* /Video Promo */
/* Download Flajer PDF */
#mes_content_sidebar_flajer
{}
#mes_content_sidebar_flajer a
{
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 242px;
height: 143px;
display: block;
color: #ffffff;
overflow: hidden;
text-align: center;
text-decoration: none;
background: url("../img/Triangl_pozivnica_download.png") center top no-repeat;
}
#mes_content_sidebar_flajer a:hover
{
opacity: 0.9;
}
#mes_content_sidebar_flajer_title
{
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
overflow: auto;
padding: 14px 0;
position: relative;
background-color: rgba(254, 213, 87, 0.8);
}
#mes_content_sidebar_flajer a:hover
#mes_content_sidebar_flajer_title
{
padding: 46px 0;
}
#mes_content_sidebar_flajer_title i
{
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
top: -50px;
bottom: 5 0px;
left: 50%;
font-size: 32px;
position: absolute;
margin-left: -23px;
color: rgba(255, 255, 255, 0);
}
#mes_content_sidebar_flajer a:hover #mes_content_sidebar_flajer_title i
{
top: 40px;
left: 50%;
font-size: 62px;
position: absolute;
margin-left: -46px;
color: rgba(255, 255, 255, 1);
}
#mes_content_sidebar_flajer_title h3
{
margin: 0;
font-size: 18px;
font-weight: 700;
position: relative;
padding: 0 0 0 35px;
}
#mes_content_sidebar_flajer_title h3 span
{
top: -3px;
left: 5px;
font-size: 32px;
position: absolute;
font-weight: normal;
}
#mes_content_sidebar_flajer_title p
{
margin: 0;
font-size: 11px;
padding: 0 0 0 35px;
}
/* /Download Flajer PDF */
/* /Sidebar */
/* Full Content Width */
#mes_content_fwc
{
clear: both;
}
#mes_content_fwc_seminarspecials
{}
#mes_content_fwc_seminarspecials ul
{
margin: 0;
padding: 0;
width: 242px;
height: 220px;
font-size: 0px;
min-width: 242px;
list-style: none;
text-align: justify;
}
#mes_content_fwc_seminarspecials li
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
zoom: 1;
margin: 0;
padding: 0;
width: 242px;
height: 330px;
font-size: 30px;
overflow: hidden;
text-align: left;
vertical-align: top;
display: inline-block;
}
#mes_content_fwc_seminarspecials div
{
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
width: 100%;
cursor: auto;
height: 260px;
padding: 3px;
margin-top: 330px;
box-sizing: border-box;
background-color: rgba(239, 135, 140, 0.8);
}
#mes_content_fwc_seminarspecials li:hover div
{
margin-top: 180px;
}
#mes_content_fwc_seminarspecials h2
{
margin: 20px 0 0 0px;
padding: 10px;
text-align: center;
color: #ffffff;
font-size: 15px;
font-weight: 900;
line-height: 26px;
letter-spacing: 0.02em;
}
#mes_content_fwc_seminarspecials p
{
margin: 10px;
color: #ffffff;
font-size: 12px;
padding: 0 0 10px;
text-align: center;
}
#mes_content_fwc_seminarspecials_pozovite
{
background: url("../img/pozovite_Triangl.png") top center no-repeat;
}
#mes_content_fwc_seminarspecials_pozovite_en
{
background: url("../img/pozovite_Triangl_en.png") top center no-repeat;
}
#mes_content_fwc_seminarspecials_pozovite_ru
{
background: url("../img/pozovite_Triangl_ru.png") top center no-repeat;
}
/* /Full Content Width */
/* Full Content Width b*/
#mes_pozovite_b
{
clear: both;
}
#mes_pozovite_b_seminarspecials
{}
#mes_pozovite_b_seminarspecials li
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
zoom: 1;
margin: 0;
padding: 0;
width: 208px;
height: 340px;
font-size: 30px;
overflow: hidden;
text-align: left;
vertical-align: top;
display: inline-block;
}
#mes_pozovite_b_seminarspecials div
{
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
width: 100%;
cursor: auto;
height: 260px;
padding: 3px;
margin-top: 340px;
box-sizing: border-box;
background-color: rgba(239, 135, 140, 0.8);
}
#mes_pozovite_b_seminarspecials li:hover div
{
margin-top: 190px;
}
#mes_pozovite_b_seminarspecials h2
{
margin: 10px 0 0 0;
padding: 30px 0 30px 0;
text-align: center;
color: #ffffff;
font-size: 15px;
font-weight: 900;
line-height: 26px;
letter-spacing: 0.02em;
}
#mes_pozovite_b_seminarspecials p
{
margin: 10px;
color: #ffffff;
font-size: 12px;
padding: 0 0 10px;
text-align: center;
}
#mes_pozovite_b_seminarspecials_poziv_b
{
background: url("../img/poziv_Triangl.png") top center no-repeat;
}
#mes_pozovite_b_seminarspecials_poziv_b_en
{
background: url("../img/poziv_Triangl_en.png") top center no-repeat;
}
#mes_pozovite_b_seminarspecials_poziv_b_ru
{
background: url("../img/poziv_Triangl_ru.png") top center no-repeat;
}
/* /Full Content Width b*/
/* /Content */
/* Inner Masthead */
#mes_inner_masthead
{
overflow: auto;
margin-top: 5px;
margin-bottom: 15px;
background: url("../img/bg_inner_mes_masthead.jpg") center top no-repeat #F5F070;
}
#mes_inner_masthead_rodjendan
{
overflow: auto;
margin-top: 5px;
margin-bottom: 15px;
background: url("../img/bg_inner_mes_masthead_rodjendan.jpg") center top no-repeat #F5F070;
}
#mes_inner_masthead_programing
{
overflow: auto;
margin-top: 5px;
margin-bottom: 15px;
background: url("../img/bg_inner_mes_masthead_program.jpg") center top no-repeat #F5F070;
}
#mes_inner_masthead_gluma
{
overflow: auto;
margin-top: 5px;
margin-bottom: 15px;
background: url("../img/bg_inner_mes_masthead_gluma.jpg") center top no-repeat #F5F070;
}
#mes_inner_masthead_boravak
{
overflow: auto;
margin-top: 5px;
margin-bottom: 15px;
background: url("../img/bg_inner_mes_masthead_boravak.jpg") center top no-repeat #F5F070;
}
#mes_inner_masthead_ponuda_mob
{
overflow: auto;
margin-top: 5px;
margin-bottom: 15px;
background: url("../img/bg_inner_mes_masthead_ponuda_mob.jpg") left top no-repeat #FFFFFF;
}
#mes_inner_masthead_termini
{
overflow: auto;
margin-top: 5px;
margin-bottom: 15px;
background: url("../img/bg_inner_mes_masthead_termini.jpg") center top no-repeat #F5F070;
}
#mes_inner_masthead_kontakt
{
overflow: auto;
margin-top: 5px;
margin-bottom: 15px;
background: url("../img/bg_inner_mes_masthead_kontakt.jpg") center top no-repeat #F5F070;
}
#mes_inner_masthead_akta
{
overflow: auto;
margin-top: 5px;
margin-bottom: 15px;
background: url("../img/bg_inner_mes_masthead_akta.jpg") left top no-repeat #F5F070;
}
#masthead_inner_title
{
padding: 20px 20px 30px 20px;
}
#masthead_inner_title h3
{
margin: 0;
padding: 0;
color: #e6e6e6;
font-size: 12px;
font-weight: 400;
position: relative;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}
#masthead_inner_title h1
{
margin: 0;
padding: 0;
color: #ffffff;
font-size: 26px;
font-weight: 900;
letter-spacing: 0.1em;
}
#masthead_inner_title p
{
margin: 0;
padding: 0;
width: 70%;
color: #ffffff;
font-size: 12px;
font-weight: normal;
}
/* /Inner Masthead */
/* Inner Content */
#mes_inner_content
{
font-size: 0;
}
/* Main Content Column */
#mes_inner_content_mcc
{
width: 470px;
font-size: 0;
margin-right: 30px;
/*background: #008AC9;*/
vertical-align: top;
padding-bottom: 50px;
display: inline-block;
}
.mes_inner_content_mcc_box
{
padding-top 10px;
padding-bottom: 10px;
}
.mes_inner_content_mcc_box h1
{
padding: 0;
color: #231f20;
font-size: 16px;
margin: 0 0 5px 0;
font-weight: normal;
letter-spacing: 0.02em;
}
.mes_inner_content_mcc_box p
{
margin: 0;
color: #666666;
font-size: 14px;
text-align: justify;
padding: 0 0 10px 0;
}
.mes_inner_content_mcc_box ul
{
margin: 0;
padding: 0 0 10px 0;
}
.mes_inner_content_mcc_box li
{
color: #666666;
padding: 3px 0;
font-size: 14px;
list-style: disc;
margin: 0 0 0 40px;
}
.mes_inner_content_mcc_guide
{}
.mes_inner_content_mcc_guide h1
{
padding: 0;
color: #231f20;
font-size: 16px;
margin: 0 0 5px 0;
font-weight: normal;
letter-spacing: 0.02em;
}
.mes_inner_content_mcc_guide p
{
margin: 0;
color: #666666;
font-size: 12px;
padding: 0 0 10px 0;
}
.mes_inner_content_mcc_notice
{}
.mes_inner_content_mcc_notice h1
{
padding: 0;
color: #231f20;
font-size: 16px;
margin: 0 0 5px 0;
font-weight: normal;
letter-spacing: 0.02em;
}
.mes_inner_content_mcc_notice p
{
margin: 0;
color: #666666;
font-size: 12px;
padding: 0 0 10px 0;
}
/* /Main Content Column */
/* Secondary Content Column */
#mes_inner_content_scc
{
font-size: 0;
width: 200px;
margin-right: 30px;
vertical-align: top;
/*background: #2b115a;*/
display: inline-block;
}
.mes_inner_content_scc_info
{
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
padding: 20px;
margin-bottom: 15px;
background: #F0EBFA;
}
.mes_inner_content_scc_info h1
{
padding: 0;
color: #231f20;
font-size: 14px;
margin: 0 0 5px 0;
font-weight: normal;
letter-spacing: 0.02em;
}
.mes_inner_content_scc_info p
{
margin: 0;
padding: 0;
color: #666666;
font-size: 11px;
text-align: center;
line-height: 1.65em;
}
.mes_inner_content_scc_info ul, .mes_inner_content_scc_info ol
{
margin: 0;
padding: 0;
}
.mes_inner_content_scc_info li
{
margin: 0;
padding: 10px 0 10px 5px;
}
.mes_inner_content_scc_fullurl
{
margin-bottom: 15px;
}
.mes_inner_content_scc_fullurl a
{
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
display: block;
padding: 20px;
overflow: hidden;
position: relative;
margin-bottom: 15px;
background: #F0EBFA;
text-decoration: none;
}
.mes_inner_content_scc_fullurl a:hover
{
background-color: rgba(29, 115, 91, 0.25);
}
.mes_inner_content_scc_fullurl a:after
{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
top: 10px;
right: -40px;
color: #F0EBFA;
font-size: 32px;
content: '\f0a5';
position: absolute;
font-family: FontAwesome;
}
.mes_inner_content_scc_fullurl a:hover:after
{
right: 5px;
color: rgba(29, 115, 91, 0.25);
}
.mes_inner_content_scc_fullurl h1
{
padding: 0;
color: #231f20;
font-size: 14px;
margin: 0 0 5px 0;
font-weight: normal;
letter-spacing: 0.02em;
}
.mes_inner_content_scc_fullurl p
{
margin: 0;
color: #666666;
font-size: 11px;
padding: 0 0 10px 0;
}
.mes_inner_content_scc_banner
{
margin-bottom: 15px;
}
.mes_inner_content_scc_banner a
{
display: block;
}
.mes_inner_content_scc_banner img
{
width: 200px;
height: auto;
}
.mes_inner_content_scc_banner a:hover img
{
opacity: 0.95;
}
.mes_inner_content_scc_video
{
margin-bottom: 15px;
}
.mes_inner_content_scc_video a
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
overflow: hidden;
position: relative;
}
.mes_inner_content_scc_video img
{
height: auto;
width: 200px;
}
.mes_inner_content_scc_video i
{
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
display: block;
color: #ffffff;
font-size: 24px;
text-align: left;
line-height: 53px;
padding-left: 13px;
position: absolute;
box-sizing: border-box;
border: 3px solid rgba(197, 18, 34, 0.9);
background-color: rgba(197, 18, 34, 0.9);
}
.mes_inner_content_scc_video a:hover img
{
opacity: 0.9;
}
.mes_inner_content_scc_video a:hover i
{
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
-o-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
width: 80px;
height: 80px;
font-size: 38px;
line-height: 72px;
margin-top: -40px;
margin-left: -40px;
border: 3px solid rgba(197, 18, 34, 1);
background-color: rgba(197, 18, 34, 0.8);
}
/* /Video Promo */
/* /Secondary Content Column */
/* Sidebar Content Column */
#mes_inner_content_sbarcc
{
font-size: 0;
width: 250px;
vertical-align: top;
/*background: #f11a22;*/
display: inline-block;
}
/* SCC Contact us */
#mes_inner_content_sbarcc_contact
{
padding: 15px;
margin-bottom: 20px;
background: url("../img/bg_mes_inner_content_sbarcc_contact.jpg") center center no-repeat #EE1C25;
}
/* Regular */
#mes_inner_content_sbarcc_contact_regular
{}
#mes_inner_content_sbarcc_contact_regular h1
{
padding: 0;
color: #ffffff;
font-size: 16px;
font-weight: 400;
margin: 0 0 5px 0;
line-height: 1.4em;
letter-spacing: 0.02em;
}
#mes_inner_content_sbarcc_contact_regular h2
{
padding: 0;
color: #ffffff;
font-size: 14px;
font-weight: 400;
margin: 0 0 5px 0;
line-height: 1.4em;
letter-spacing: 0.02em;
}
#mes_inner_content_sbarcc_contact_regular p
{
margin: 0;
color: #ffffff;
font-size: 12px;
font-weight: 300;
text-align: left;
line-height: 1.2em;
padding: 5px 0 0 0;
letter-spacing: normal;
}
#mes_inner_content_sbarcc_contact_regular a
{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
color: #ffffff;
font-size: 14px;
padding: 10px 0;
margin-top: 10px;
font-weight: 900;
text-align: center;
background: #E44951;
display: inline-block;
text-decoration: none;
letter-spacing: 0.05em;
box-sizing: border-box;
border: 1px solid #4291d6;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
#mes_inner_content_sbarcc_contact_regular a:hover
{
color: #E44951;
background: #ffffff;
border: 1px solid #4291d6;
}
/* /Regular */
/* Contact form */
#mes_inner_content_sbarcc_contact_inhouse
{}
#mes_inner_content_sbarcc_contact_inhouse_compose
{}
#mes_inner_content_sbarcc_contact_inhouse_compose_or
{
position: relative;
}
#mes_inner_content_sbarcc_contact_inhouse_compose_or p
{
padding: 0;
color: #ffffff;
font-size: 12px;
font-weight: 400;
margin: 0 0 6px 0;
line-height: 1.2em;
text-align: center;
letter-spacing: 0.1em;
}
#mes_inner_content_sbarcc_contact_inhouse_compose_or p:before
{
left: 0;
top: 6px;
width: 90px;
content: " ";
position: absolute;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#mes_inner_content_sbarcc_contact_inhouse_compose_or p:after
{
right: 0;
top: 6px;
width: 90px;
content: " ";
position: absolute;
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#mes_inner_content_sbarcc_contact_inhouse_compose_info
{}
#mes_inner_content_sbarcc_contact_inhouse_compose_info fieldset
{
margin-bottom: 10px;
}
#mes_inner_content_sbarcc_contact_inhouse_compose_info label
{
color: #ffffff;
display: block;
font-size: 12px;
font-weight: 300;
padding-bottom: 3px;
}
#mes_inner_content_sbarcc_contact_inhouse_compose_info input
{
width: 100%;
height: 32px;
color: #231f20;
padding: 0 5px;
font-size: 14px;
line-height: 32px;
box-sizing: border-box;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
outline: 0;
z-index: 300;
border: none;
font-weight: 300;
position: relative;
background: #ffffff;
}
#mes_inner_content_sbarcc_contact_inhouse_compose_info input:focus
{}
#mes_inner_content_sbarcc_contact_inhouse_volare
{
overflow: auto;
}
#mes_inner_content_sbarcc_contact_inhouse_volare button
{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 30px;
border: none;
outline: none;
color: #EE1C25;
display: block;
padding: 0 20px;
font-size: 14px;
overflow: hidden;
margin: 5px 0 0 0;
line-height: 30px;
position: relative;
text-align: center;
background: #ffffff;
text-decoration: none;
letter-spacing: 0.02em;
}
#mes_inner_content_sbarcc_contact_inhouse_volare button:focus, #mes_inner_content_sbarcc_contact_inhouse_volare button:hover
{
background: #ebf3f9;
}
/* /Contact form */
/* Contact person */
#mes_inner_content_sbarcc_contact_person
{
padding: 0;
position: relative;
margin: 20px 0 0 0;
border-top: 1px solid rgba(255, 255, 255, 0.75);
}
#mes_inner_content_sbarcc_contact_person > p
{
color: #ffffff;
font-size: 12px;
font-weight: 300;
line-height: 1.2em;
text-align: justify;
letter-spacing: 0.1em;
}
#mes_inner_content_sbarcc_contact_person > p a
{
color: #ffffff;
font-weight: 900;
text-decoration: none;
}
#mes_inner_content_sbarcc_contact_person > p a:hover
{
text-decoration: underline;
}
#mes_inner_content_sbarcc_contact_person_hovercard
{
-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.5);
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.5);
top: 40px;
z-index: 40;
left: -232px;
width: 372px;
height: 147px;
padding: 10px;
display: none;
position: absolute;
background: #fafafa;
box-sizing: border-box;
border: 1px solid #8fb3a8;
}
#mes_inner_content_sbarcc_contact_person_hovercard:after, #mes_inner_content_sbarcc_contact_person_hovercard:before
{
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
#mes_inner_content_sbarcc_contact_person_hovercard:after
{
border-color: rgba(250, 250, 250, 0);
border-bottom-color: #fafafa;
border-width: 10px;
margin-left: 92px;
}
#mes_inner_content_sbarcc_contact_person_hovercard:before
{
border-color: rgba(143, 179, 168, 0);
border-bottom-color: #8fb3a8;
border-width: 11px;
margin-left: 91px;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box
{}
#mes_inner_content_sbarcc_contact_person_hovercard_box_photo
{
width: 100px;
position: relative;
vertical-align: top;
display: inline-block;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_photo img
{
z-index: 60;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_photo_frame
{
z-index: 80;
width: 100px;
height: 125px;
display: block;
position: absolute;
background: url("../img/mes_portrait_frame@2x.png") top center no-repeat;
background-size: 100px 125px;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_content
{
width: 250px;
padding: 0 0 0 15px;
vertical-align: top;
display: inline-block;
box-sizing: border-box;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_content h1
{
margin: 0;
padding: 0;
color: #414141;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.02em;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_content h3
{
margin: 0;
padding: 0;
color: #EE9110;
font-size: 12px;
font-weight: 400;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_content p
{
padding: 0;
color: #7f7f7f;
font-size: 12px;
margin: 12px 0 0 0;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_content p em
{
font-style: italic;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_content span
{
display: block;
color: #555555;
font-weight: 400;
text-align: right;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_content a
{
color: #EE9110;
font-weight: 700;
padding: 0 0 0 3px;
text-decoration: none;
letter-spacing: 0.015em;
}
#mes_inner_content_sbarcc_contact_person_hovercard_box_content a:hover
{
text-decoration: underline;
}
/* /Contact person */
/* Sidebar messenger Thank you */
#mes_inner_content_sbarcc_contact_thankyou
{
display: none;
}
#mes_inner_content_sbarcc_contact_thankyou h2
{
margin: 0;
padding: 0;
color: #ffffff;
font-size: 18px;
font-weight: 900;
line-height: 1em;
letter-spacing: 0.02em;
}
#mes_inner_content_sbarcc_contact_thankyou h2 small
{
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.2em;
margin: 5px 0 15px 0;
letter-spacing: 0.025em;
}
#mes_inner_content_sbarcc_contact_thankyou h2 small a
{
color: #ffffff;
font-weight: 700;
text-decoration: none;
}
#mes_inner_content_sbarcc_contact_thankyou h2 small a:hover
{
text-decoration: underline;
}
#mes_inner_content_sbarcc_contact_thankyou h4
{
padding: 0;
color: #ffffff;
display: block;
font-size: 12px;
font-weight: 900;
margin: 15px 0 5px 0;
letter-spacing: 0.05em;
text-transform: uppercase;
}
#mes_inner_content_sbarcc_contact_thankyou p
{
margin: 0;
padding: 0;
color: #ffffff;
font-size: 12px;
font-weight: 300;
line-height: 1.25em;
text-align: justify;
letter-spacing: 0.025em;
}
#mes_inner_content_sbarcc_contact_thankyou p strong
{
font-weight: 900;
}
/* /Sidebar messenger Thank you */
/* /SCC Contact us */
/* SCC Elements */
#mes_inner_content_sbarcc_elements
{}
#mes_inner_content_sbarcc_elements:hover .mes_inner_content_sbarcc_elements_box
{
opacity: 0.5;
}
.mes_inner_content_sbarcc_elements_box
{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
margin-bottom: 15px;
}
div#mes_inner_content_sbarcc_elements div.mes_inner_content_sbarcc_elements_box:hover
{
opacity: 1;
}
.mes_inner_content_sbarcc_elements_box h3
{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
padding: 0 5px;
color: #231f20;
display: block;
font-size: 16px;
margin: 0 0 5px 0;
font-weight: normal;
letter-spacing: 0.02em;
border-bottom: 2px solid #F0EBFA;
}
.mes_inner_content_sbarcc_elements_box:hover h3
{
border-bottom: 2px solid #afb8b6;
}
.mes_inner_content_sbarcc_elements_box a
{
display: block;
overflow: hidden;
position: relative;
margin: 2px 0 5px 0;
text-decoration: none;
}
.mes_inner_content_sbarcc_elements_box a:after
{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
top: 110%;
right: 50%;
color: rgba(255, 255, 255, 0);
opacity: 0.9;
font-size: 42px;
content: "\f00e";
position: absolute;
margin: 0 -21px 0 0;
font-family: FontAwesome;
}
.mes_inner_content_sbarcc_elements_box a:hover:after
{
top: 50%;
right: 50%;
margin: -30px -21px 0 0;
color: rgba(255, 255, 255, 1);
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
/*color: rgba(29, 115, 91, 0.95);*/
}
.mes_inner_content_sbarcc_elements_box img
{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.mes_inner_content_sbarcc_elements_box a:hover img
{
opacity: 0.4;
}
.mes_inner_content_sbarcc_elements_box p
{
margin: 0;
color: #666666;
font-size: 12px;
text-align: justify;
padding: 8px 5px 10px 5px;
}
/* If its used */
.mes_inner_content_sbarcc_elements_box span
{
margin: 0;
display: block;
color: #666666;
font-size: 12px;
text-align: right;
padding: 0 5px 10px 5px;
}
.mes_inner_content_sbarcc_elements_box span i
{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
margin-right: 10px;
}
.mes_inner_content_sbarcc_elements_box a:hover span i
{
margin-right: 5px;
}
/* /SCC Elements */
/* /Sidebar Content Column */
/* /Inner Content */
/* Footer */
#ms_footer
{
height: 100px;
background: center bottom no-repeat #D6830F;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#ms_footer_left
{
display: inline-block;
}
#ms_footer_address
{
margin-top: 7px;
}
#ms_footer_address p
{
margin: 0;
color: #ffffff;
font-size: 14px;
font-weight: 300;
line-height: 20px;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
#ms_footer_address p strong
{
margin: 0;
color: #ffffff;
font-size: 14px;
font-weight: 300;
line-height: 20px;
letter-spacing: 0.05em;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
#ms_footer_address p a
{
margin: 0;
color: #ffffff;
font-size: 14px;
font-weight: 300;
line-height: 20px;
text-decoration: none;
letter-spacing: 0.05em;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}
#ms_footer_address p a:hover
{
text-decoration: underline;
}
#ms_footer_address_copyright
{
margin-top: 10px;
}
#ms_footer_address_copyright p
{
margin: 0;
color: #e5e5e5;
font-size: 11px;
font-weight: 300;
line-height: normal;
letter-spacing: 0.1em;
}
#ms_footer_logo
{
float: right;
text-align: right;
display: inline-block;
}
#ms_footer_logo h3
{
width: 144px;
height: 87px;
font-size: 0px;
margin-top: 8px;
vertical-align: top;
text-indent: -9999px;
display: inline-block;
background: url("../img/bg_ms_footer_logo.png") center top no-repeat;
}
/* /Footer */
/* Imenik */
.mes_inner_content_mcc_box_imenik
{
width: 50%;
margin-bottom: 35px;
vertical-align: top;
display: inline-block;
}
.mes_inner_content_mcc_box_imenik h2
{
margin: 0;
font-size: 16px;
font-weight: 700;
padding: 0 0 5px 0;
}
.mes_inner_content_mcc_box_imenik h2 small
{
display: block;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.1em;
}
.mes_inner_content_mcc_box_imenik ul
{
margin: 0;
padding: 0;
}
.mes_inner_content_mcc_box_imenik li
{
margin: 0;
padding: 0;
font-weight: 700;
list-style: none;
}
.mes_inner_content_mcc_box_imenik a
{
text-decoration: none;
}
.mes_inner_content_mcc_box_imenik a:hover
{
text-decoration: underline;
}
/* /Imenik */
/* Termini */
#mes_inner_content_kalendar
{
margin-bottom: 20px;
}
#mes_inner_content_kalendar_agenda
{
width: 720px;
vertical-align: top;
display: inline-block;
}
#mes_inner_content_kalendar_agenda ul
{}
#mes_inner_content_kalendar_agenda li
{
margin-bottom: 1px;
}
.mes_inner_content_kalendar_agenda_mesec
{
margin-top: 30px;
background: url("../img/bg_thin_green_line.png") center center repeat-x;
}
.mes_inner_content_kalendar_agenda_mesec h2
{
color: #167633;
font-size: 14px;
font-weight: 400;
margin: 0 0 0 10px;
background: #ffffff;
display: inline-block;
padding: 0 10px 0 10px;
}
.mes_inner_content_kalendar_agenda_seminar
{}
.mes_inner_content_kalendar_agenda_seminar > a
{
width: 540px;
color: #167633;
background: #F0EBFA;
display: inline-block;
}
.mes_inner_content_kalendar_agenda_seminar > a:hover
{
color: #ffffff;
background: #22B24C;
}
.mes_inner_content_kalendar_agenda_seminar_termin
{
height: 45px;
vertical-align: top;
display: inline-block;
border-right: 1px solid #bac3c1;
}
.mes_inner_content_kalendar_agenda_seminar_termin h2
{
margin: 0;
padding: 0;
width: 245px;
font-size: 14px;
font-weight: 900;
line-height: 45px;
text-align: center;
}
.mes_inner_content_kalendar_agenda_seminar_termin span
{
font-weight: 400;
}
.mes_inner_content_kalendar_agenda_seminar_termin h3
{}
.mes_inner_content_kalendar_agenda_seminar_naziv
{
width: 285px;
height: 45px;
vertical-align: top;
display: inline-block;
padding: 8px 0 0 15px;
box-sizing: border-box;
}
.mes_inner_content_kalendar_agenda_seminar_naziv h4
{
margin: 0;
padding: 0;
color: #252525;
font-size: 9px;
font-weight: 400;
line-height: 1em;
letter-spacing: 0.06em;
text-transform: uppercase;
text-shadow: 0 0 1px #9b9b9b;
}
.mes_inner_content_kalendar_agenda_seminar > a:hover .mes_inner_content_kalendar_agenda_seminar_naziv h4
{
color: #ffffff;
}
.mes_inner_content_kalendar_agenda_seminar_naziv h1
{
padding: 0;
font-size: 16px;
font-weight: 700;
line-height: 1em;
margin: 2px 0 0 0;
}
.mes_inner_content_kalendar_agenda_action
{
width: 180px;
vertical-align: top;
display: inline-block;
}
.mes_inner_content_kalendar_agenda_action_pdf
{
vertical-align: top;
display: inline-block;
}
.mes_inner_content_kalendar_agenda_action_pdf a
{
width: 59px;
height: 45px;
color: #22B24C;
font-size: 14px;
font-weight: 900;
overflow: hidden;
line-height: 45px;
text-align: center;
position: relative;
background: #F0EBFA;
display: inline-block;
text-decoration: none;
border-left: 1px solid #bac3c1;
}
.mes_inner_content_kalendar_agenda_action_pdf a:hover
{
font-size: 0;
color: #ffffff;
background: #F91D0A;
}
.mes_inner_content_kalendar_agenda_action_pdf i
{
top: 50px;
left: 50%;
color: #ffffff;
font-size: 24px;
margin-left: -17px;
position: absolute;
line-height: normal;
}
.mes_inner_content_kalendar_agenda_action_pdf a:hover i
{
top: 7px;
}
.mes_inner_content_kalendar_agenda_action_signup
{
vertical-align: top;
display: inline-block;
}
.mes_inner_content_kalendar_agenda_action_signup a
{
-webkit-box-shadow: inset 0 0 3px 0 #c65000;
box-shadow: inset 0 0 3px 0 #c65000;
width: 119px;
height: 45px;
color: #ffffff;
font-size: 14px;
overflow: hidden;
font-weight: 900;
line-height: 45px;
position: relative;
text-align: center;
background: #ED1C24;
display: inline-block;
text-decoration: none;
letter-spacing: 0.01em;
text-transform: capitalize;
border-left: 1px solid #bac3c1;
}
.mes_inner_content_kalendar_agenda_action_signup a:hover
{
-webkit-box-shadow: inset 0 0 3px 0 #ED1C24;
box-shadow: inset 0 0 3px 0 #ED1C24;
text-shadow: 1px 1px 1px #c59600;
font-size: 0;
color: #ffffff;
background: #22B14C;
}
.mes_inner_content_kalendar_agenda_action_signup i
{
top: 50px;
left: 50%;
font-size: 24px;
margin-left: -17px;
position: absolute;
line-height: normal;
}
.mes_inner_content_kalendar_agenda_action_signup a:hover i
{
top: 7px;
}
#mes_inner_content_kalendar_sidebar
{
width: 250px;
margin-left: 10px;
vertical-align: top;
display: inline-block;
}
/* Prijava pop-up */
#mes_inner_content_kalendar_prijava
{
width: 350px;
margin: 0 auto;
position: relative;
background: #ffffff;
box-sizing: border-box;
padding: 20px 35px 35px 35px;
}
#mes_inner_content_kalendar_prijava h1
{
color: #22B24C;
font-size: 16px;
margin: 0 0 15px 0;
padding: 0 0 8px 0;
font-weight: normal;
border-bottom: 1px solid #23735B;
}
#mes_inner_content_kalendar_prijava h1 i
{
float: left;
font-size: 24px;
margin: 3px 5px 0 0;
}
#mes_inner_content_kalendar_prijava h1 span
{
display: block;
font-size: 12px;
font-weight: 900;
letter-spacing: 0.05em;
}
#mes_inner_content_kalendar_prijava_compose
{}
#mes_inner_content_kalendar_prijava_compose form
{}
#mes_inner_content_kalendar_prijava_compose fieldset
{
margin-bottom: 15px;
}
#mes_inner_content_kalendar_prijava_compose_define
{}
#mes_inner_content_kalendar_prijava_compose_define_name, #mes_inner_content_kalendar_prijava_compose_define_date
{
width: 71%;
margin-right: 3%;
vertical-align: top;
display: inline-block;
}
#mes_inner_content_kalendar_prijava_compose_define_date
{
margin: 0;
width: 25%;
float: right;
}
#mes_inner_content_kalendar_prijava_compose label
{
margin: 0;
color: #333333;
display: block;
font-size: 12px;
font-weight: 400;
white-space: nowrap;
padding: 0 0 5px 2px;
letter-spacing: 0.02em;
}
#mes_inner_content_kalendar_prijava_compose input
{
-webkit-transition: all 120ms ease-in;
-moz-transition: all 120ms ease-in;
-ms-transition: all 120ms ease-in;
-o-transition: all 120ms ease-in;
transition: all 150ms ease-in;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
height: 32px;
outline: none;
color: #232323;
font-size: 14px;
padding: 0 10px;
font-weight: 400;
line-height: 32px;
background: #ffffff;
box-sizing: border-box;
letter-spacing: 0.015em;
border: 1px solid #cad3d1;
}
#mes_inner_content_kalendar_prijava_compose input#mes_seminar, #mes_inner_content_kalendar_prijava_compose input#mes_datum
{
background: #f0f0f0;
}
#mes_inner_content_kalendar_prijava_compose input#mes_datum
{
text-align: center;
}
#mes_inner_content_kalendar_prijava_compose input:focus
{
-webkit-box-shadow: 0 0 5px 1px rgba(27, 116, 92, 0.5);
box-shadow: 0 0 5px 1px rgba(27, 116, 92, 0.5);
}
#mes_inner_content_kalendar_prijava_compose button
{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
width: 100%;
border: none;
outline: none;
color: #ffffff;
padding: 15px 0;
font-size: 16px;
overflow: hidden;
font-weight: 700;
line-height: 16px;
position: relative;
background: #EF9111;
vertical-align: top;
text-decoration: none;
display: inline-block;
box-sizing: border-box;
}
#mes_inner_content_kalendar_prijava_compose button:hover
{
background: #22B14B;
}
#mes_inner_content_kalendar_prijava_compose button:focus
{
background: #22B14B;
-webkit-box-shadow: 0 0 5px 1px rgba(27, 116, 92, 0.5);
box-shadow: 0 0 5px 1px rgba(27, 116, 92, 0.5);
}
#mes_inner_content_kalendar_prijava > button
{
top: 0;
right: 0;
color: #22B14B;
font-size: 32px;
position: absolute;
}
#mes_inner_content_kalendar_prijava h2
{
opacity: 0.45;
padding: 10px;
color: #868686;
font-size: 14px;
margin: 25px 0 0 0;
text-align: center;
font-weight: normal;
background: #ecf5f3;
}
#mes_inner_content_kalendar_prijava h2:hover
{
opacity: 1;
}
#mes_inner_content_kalendar_prijava h2 a
{
color: #EE9110;
font-weight: 700;
text-decoration: none;
display: inline-block;
letter-spacing: 0.025em;
}
#mes_inner_content_kalendar_prijava h2 a:hover
{
text-decoration: underline;
}
/* Prijava pop-up */
/* /Termini */
/* PRESS */
#mes_inner_content_mcc_blog
{
padding-top: 15px;
border-top: 1px solid #EE9110;
}
.mes_inner_content_mcc_blogpost
{}
.mes_inner_content_mcc_blogpost h1
{
padding: 0;
color: #EE9110;
font-size: 16px;
font-weight: 700;
margin: 0 0 5px 0;
letter-spacing: 0.02em;
}
.mes_inner_content_mcc_blogpost_details
{}
.mes_inner_content_mcc_blogpost_details span
{
color: #666666;
font-size: 10px;
padding: 0 5px 10px 0;
display: inline-block;
}
.mes_inner_content_mcc_blogpost_content
{}
.mes_inner_content_mcc_blogpost_content p
{
margin: 0;
color: #666666;
font-size: 12px;
text-align: justify;
padding: 0 0 10px 0;
}
.mes_inner_content_mcc_blogpost_content a
{
display: inline-block;
}
.mes_inner_content_mcc_blogpost_content img
{}
/* /PRESS */
/* Predavači */
#predavaci
{}
#predavaci .mes_inner_content_mcc_box h2
{
font-size: 15px;
font-weight: 700;
margin-bottom: 3px;
letter-spacing: 0.02em;
}
/* /Predavači */
/* Kontakt */
#kontakt_content
{
width: 980px;
font-size: 0;
vertical-align: top;
padding-bottom: 50px;
display: inline-block;
}
/* Kontakt forma */
#kontakt_content_form
{
width: 400px;
font-size: 0;
margin-right: 30px;
vertical-align: top;
background: #F0EBFA;
display: inline-block;
box-sizing: border-box;
}
#kontakt_content_form_compose
{
padding: 15px;
}
#kontakt_content_form_compose h2
{
color: #231f20;
font-size: 16px;
font-weight: 400;
margin: 0 0 15px 0;
padding: 0 0 10px 0;
letter-spacing: 0.02em;
border-bottom: 2px solid rgba(34, 114, 91, 0.3);
}
#kontakt_content_form_compose_general
{}
#kontakt_content_form_compose_general fieldset
{
margin-bottom: 15px;
}
#kontakt_content_form_compose_general label, #kontakt_content_form_compose_message label, #kontakt_content_form_compose_send_info p
{
margin: 0;
color: #333333;
display: block;
font-size: 12px;
font-weight: 400;
white-space: nowrap;
padding: 0 0 5px 2px;
letter-spacing: 0.02em;
}
#kontakt_content_form_compose_general label span, #kontakt_content_form_compose_message label span, #kontakt_content_form_compose_send_info p span
{
color: #FF0000;
font-weight: 900;
}
#kontakt_content_form_compose_general input, #kontakt_content_form_compose_general select, #kontakt_content_form_compose_message textarea
{
-webkit-transition: all 120ms ease-in;
-moz-transition: all 120ms ease-in;
-ms-transition: all 120ms ease-in;
-o-transition: all 120ms ease-in;
transition: all 150ms ease-in;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
width: 100%;
height: 32px;
outline: none;
color: #232323;
font-size: 14px;
padding: 0 10px;
font-weight: 400;
line-height: 32px;
background: #ffffff;
box-sizing: border-box;
letter-spacing: 0.015em;
border: 1px solid #cad3d1;
}
#kontakt_content_form_compose_general input#mes_phone
{
width: 60%;
}
#kontakt_content_form_compose_general select
{}
#kontakt_content_form_compose_general option
{
font-weight: 400;
padding: 5px 0 5px 10px;
}
#kontakt_content_form_compose_general input:focus, #kontakt_content_form_compose_general select:focus, #kontakt_content_form_compose_message textarea:focus
{
-webkit-box-shadow: 0 0 5px 1px rgba(27, 116, 92, 0.5);
box-shadow: 0 0 5px 1px rgba(27, 116, 92, 0.5);
}
#kontakt_content_form_compose_message
{}
#kontakt_content_form_compose_message label
{}
#kontakt_content_form_compose_message textarea
{
height: 160px;
outline: none;
padding: 15px;
resize: vertical;
line-height: 20px;
}
#kontakt_content_form_compose_send
{
margin-top: 15px;
}
#kontakt_content_form_compose_send_in
{}
#kontakt_content_form_compose_send button
{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: none;
outline: none;
color: #ffffff;
font-size: 16px;
overflow: hidden;
font-weight: 700;
line-height: 16px;
padding: 10px 25px;
position: relative;
background: #EF9111;
vertical-align: top;
text-decoration: none;
display: inline-block;
box-sizing: border-box;
}
#kontakt_content_form_compose_send button:hover
{
background: #22B14B;
}
#kontakt_content_form_compose_send button:focus
{
background: #22B14B;
-webkit-box-shadow: 0 0 5px 1px rgba(27, 116, 92, 0.5);
box-shadow: 0 0 5px 1px rgba(27, 116, 92, 0.5);
}
#kontakt_content_form_compose_send_info
{
width: 40%;
float: right;
overflow: hidden;
text-align: right;
vertical-align: top;
display: inline-block;
}
#kontakt_content_form_compose_send_info p
{
color: #666666;
white-space: normal;
}
#kontakt_content_form_compose_send_info p span
{}
/* Kontakt /forma */
/* Osnovne informacije */
#kontakt_content_basicinfo
{
font-size: 0;
width: 970px;
overflow: hidden;
vertical-align: top;
display: inline-block;
box-sizing: border-box;
}
#kontakt_content_basicinfo h2
{
color: #231f20;
font-size: 16px;
font-weight: 400;
margin: 0 0 15px 0;
padding: 15px 0 10px 0;
letter-spacing: 0.02em;
border-bottom: 2px solid rgba(34, 114, 91, 0.3);
}
#kontakt_content_basicinfo ul
{}
#kontakt_content_basicinfo li
{
width: 50%;
vertical-align: top;
display: inline-block;
padding: 0 12px 20px 0;
box-sizing: border-box;
}
#kontakt_content_basicinfo li:nth-child(odd)
{
margin-right: 12px;
}
#kontakt_content_basicinfo li:nth-child(even)
{
margin-right: -12px;
}
#kontakt_content_basicinfo h3
{
margin: 0;
font-size: 16px;
line-height: 22px;
padding: 0 0 7px 0;
border-bottom: 1px dotted rgba(34, 114, 91, 0.5);
}
#kontakt_content_basicinfo h3 i
{
width: 40px;
font-size: 22px;
text-align: center;
vertical-align: -2px;
display: inline-block;
color: rgba(34, 114, 91, 0.75);
}
#kontakt_content_basicinfo p
{
font-size: 14px;
padding: 0 0 0 15px;
letter-spacing: 0.04em;
}
#kontakt_content_basicinfo strong
{
display: block;
padding: 0 0 5px 0;
margin: 0 0 0 -10px;
letter-spacing: 0.02em;
}
#kontakt_content_basicinfo a
{}
#kontakt_content_basicinfo a:hover
{}
/* /Osnovne informacije */
/* /Kontakt */
/* Hvala */
#mes_hvala_kontakt
{
text-align: center;
margin: 30px 0 250px 0;
}
#mes_hvala_kontakt p i
{
font-size: 122px;
color: rgba(27, 116, 92, 1);
}
/* /Hvala */
/* ==========================================================================
Helper classes
========================================================================== */
.requiredforform
{
display: none;
visibility: hidden;
}
/*
* Hide visually and from screen readers:
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
/* Retina support */
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
#mes_header_desktop_logo a
{
background: url("../img/montenesoft_logo_wide_2016@2x.png") center top no-repeat;
background-size: 421px 113px;
}
#ms_footer_logo h3
{
background: url("../img/bg_ms_footer_logo@2x.png") center top no-repeat;
background-size: 144px 87px;
}
}
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*@media only screen and (min-width: 300px) and (max-width: 481px) {*/
/*.holder, #mes_inner_content_kalendar_agenda, .mes_inner_content_kalendar_agenda_seminar_termin h2*/
/*{*/
/*width: 310px;*/
/*}*/
/*#mes_header_desktop, #mes_inner_content_kalendar*/
/*{*/
/*padding: 0;*/
/*}*/
/*#mes_header_desktop_branding, #mes_nav*/
/*{*/
/*display: none;*/
/*}*/
/*.mes_inner_content_kalendar_agenda_seminar_naziv*/
/*{*/
/*width: 310px;*/
/*height: auto;*/
/*padding-bottom: 10px;*/
/*border-top: 1px solid #bac3c1;*/
/*}*/
/*.mes_inner_content_kalendar_agenda_action, .mes_inner_content_kalendar_agenda_seminar > a*/
/*{*/
/*width: auto;*/
/*}*/
/*#mes_inner_content_kalendar_sidebar*/
/*{*/
/*display: none;*/
/*}*/
/*#ms_footer_left*/
/*{*/
/*padding: 0 0 0 20px;*/
/*}*/
/*#ms_footer_logo*/
/*{*/
/*margin-right: 20px;*/
/*}*/
/*#ms_footer_logo h3*/
/*{*/
/*font-size: 0px;*/
/*}*/
/*#mes_header_desktop_logo a*/
/*{*/
/*height: 75px;*/
/*width: 280px;*/
/*background-size: 280px 75px;*/
/*}*/
/*.mes_inner_content_kalendar_agenda_action_pdf a, .mes_inner_content_kalendar_agenda_action_signup a*/
/*{*/
/*width: 155px;*/
/*border-left: none;*/
/*border-top: 1px solid #bac3c1;*/
/*}*/
/*#ms_footer*/
/*{*/
/*height: auto;*/
/*}*/
/*#ms_footer_left, #ms_footer_logo*/
/*{*/
/*margin: 0;*/
/*float: none;*/
/*display: block;*/
/*}*/
/*#ms_footer_left*/
/*{*/
/*padding: 5px 0 0 10px;*/
/*}*/
/*#ms_footer_logo*/
/*{*/
/*text-align: center;*/
/*}*/
/*#ms_footer_logo h3*/
/*{*/
/*margin: 20px 0;*/
/*}*/
/*}*/
/*@media only screen and (min-width: 482px) and (max-width: 700px) {*/
/*.holder, #mes_inner_content_kalendar_agenda*/
/*{*/
/*width: 100%;*/
/*}*/
/*#mes_header_desktop, #mes_inner_content_kalendar*/
/*{*/
/*padding: 0 20px;*/
/*}*/
/*#mes_header_desktop_branding, #mes_nav*/
/*{*/
/*display: none;*/
/*}*/
/*.mes_inner_content_kalendar_agenda_seminar_naziv*/
/*{*/
/*width: 360px;*/
/*}*/
/*.mes_inner_content_kalendar_agenda_action, .mes_inner_content_kalendar_agenda_seminar > a*/
/*{*/
/*width: auto;*/
/*}*/
/*#mes_inner_content_kalendar_sidebar*/
/*{*/
/*display: none;*/
/*}*/
/*#ms_footer_left*/
/*{*/
/*padding: 0 0 0 20px;*/
/*}*/
/*#ms_footer_logo*/
/*{*/
/*margin-right: 20px;*/
/*}*/
/*#ms_footer_logo h3*/
/*{*/
/*font-size: 0;*/
/*}*/
/*.mes_inner_content_kalendar_agenda_action_pdf a, .mes_inner_content_kalendar_agenda_action_signup a*/
/*{*/
/*width: 230px;*/
/*border-left: none;*/
/*border-top: 1px solid #bac3c1;*/
/*}*/
/*}*/
@media only screen and (min-width: 300px) and (max-width: 981px) {
html, body, .holder, #mes_inner_content_kalendar_agenda
{
width: 980px;
}
}