/*!
Theme Name: MG Lab
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mg-lab
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*** FONTS ***/
@font-face {
	font-family: "mg-lab-font";
	src:url("../mg-lab/fonts/mg-lab-font.eot?wtf=1.05");
	src:url("../mg-lab/fonts/mg-lab-font.eot?#iefix?wtf=1.05") format("embedded-opentype"),
		url("../mg-lab/fonts/mg-lab-font.woff?wtf=1.05") format("woff"),
		url("../mg-lab/fonts/mg-lab-font.ttf?wtf=1.05") format("truetype"),
		url("../mg-lab/fonts/mg-lab-font.svg#mg-lab-font?wtf=1.05") format("svg");
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before{font-family:"mg-lab-font"!important;content:attr(data-icon);font-style:normal!important;font-weight:normal!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class^="mglab-icon-"]:before,[class*=" mglab-icon-"]:before{font-family:"mg-lab-font"!important;font-style:normal!important;font-weight:normal!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.mglab-icon-arrow-left:before{content:"\e03a"}
.mglab-icon-arrow-down:before{content:"\e03b"}
.mglab-icon-arrow-right:before{content:"\e03c"}
.mglab-icon-stats:before{content:"\e03d"}
.mglab-icon-edit:before{content:"\e03e"}
.mglab-icon-eye:before{content:"\e03f"}
.mglab-icon-pin:before{content:"\e040"}
.mglab-icon-file:before{content:"\e041"}
.mglab-icon-clock:before{content:"\e042"}
.mglab-icon-hearth-outlined:before{content:"\e043"}
.mglab-icon-bag:before{content:"\e044"}
.mglab-icon-tag:before{content:"\e045"}
.mglab-icon-mark:before{content:"\e046"}
.mglab-icon-medalion:before{content:"\e047"}
.mglab-icon-timer:before{content:"\e048"}
.mglab-icon-speech-bubble:before{content:"\e049"}
.mglab-icon-settings:before{content:"\e04a"}
.mglab-icon-refresh:before{content:"\e04b"}
.mglab-icon-puzzle:before{content:"\e04c"}
.mglab-icon-plus-big:before{content:"\e04d"}
.mglab-icon-plus:before{content:"\e04e"}
.mglab-icon-logout:before{content:"\e04f"}
.mglab-icon-lightning:before{content:"\e050"}
.mglab-icon-layout:before{content:"\e051"}
.mglab-icon-mark-round:before{content:"\e052"}
.mglab-icon-upwork:before{content:"\e000"}
.mglab-icon-woo:before{content:"\e001"}
.mglab-icon-wordpress:before{content:"\e002"}
.mglab-icon-php:before{content:"\e004"}
.mglab-icon-jquery:before{content:"\e005"}
.mglab-icon-html:before{content:"\e006"}
.mglab-icon-css:before{content:"\e008"}
.mglab-icon-facebook:before{content:"\e009"}
.mglab-icon-linkedin:before{content:"\e00b"}
/*** FONTS ***/


/*** UNDESCORES DEFAULTS ***/
/*** Normalize ***/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
html{line-height:1.15;-webkit-text-size-adjust:100%;}
body{margin:0;}
main{display:block;}
h1{font-size:2em;margin:.67em 0;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace,monospace;font-size:1em;}
a{background-color:transparent;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,
strong{font-weight: 600;}
code,kbd,samp{font-family:monospace,monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
[hidden]{display:none;}
/*** Normalize ***/
/*** Box sizing ***/
*,
*::before,
*::after{box-sizing: inherit;}
html{box-sizing: border-box;}
/*** Box sizing ***/
/*** Typography ***/
body,
button,
input,
select,
optgroup,
textarea{color: #222222; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.3; font-weight: normal;}
dfn,cite,em,i{font-style:italic;}
blockquote{margin:0 1.5em;}
address{margin:0 0 1.5em;}
pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em;}
code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace;}
abbr,acronym{border-bottom:1px dotted #666;cursor:help;}
mark,ins{background:#fff9c0;text-decoration:none;}
big{font-size:125%;}
/*** Typography ***/
/*** Elements ***/
body{background:#fff;}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em;}
ul,ol{margin:0 0 1.5em 3em;}
ul{list-style:disc;}
ol{list-style:decimal;}
li > ul,
li > ol{margin-bottom:0;margin-left:1.5em;}
dt{font-weight:700;}
dd{margin:0 1.5em 1.5em;}
embed,iframe,object{max-width:100%;}
img{height:auto;max-width:100%;}
figure{margin:1em 0;}
table{margin:0 0 1.5em;width:100%;}
/*** Elements ***/
/*** Links ***/
a{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
a{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}
a{color: #4169e1;}
:focus,
:focus-visible,
:focus-within,
:hover,
:active{outline: 0;}
/*** Links ***/
/*** Forms ***/
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 5px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.4em;}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover{border-color: #ccc #bbb #aaa;}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus{border-color: #aaa #bbb #bbb;}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea{color: #666; border: 1px solid #ccc; border-radius: 5px; padding: 3px;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus{color: #111;}
select{border: 1px solid #ccc;}
textarea{width: 100%;}
/*** Forms ***/
/*** Navigation ***/
.main-navigation{display:block;width:100%;}
.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0;}
.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999;}
.main-navigation ul ul ul{left:-999em;top:0;}
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul{display:block;left:auto;}
.main-navigation ul ul a{width:200px;}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul{left:auto;}
.main-navigation li{position:relative;}
.main-navigation a{display:block;text-decoration:none;}
.menu-toggle,.main-navigation.toggled ul{display:block;}
@media screen and (min-width: 37.5em) {
    .menu-toggle{display:none;}
    .main-navigation ul{display:flex;}
}
.site-main .comment-navigation,.site-main
.posts-navigation,.site-main
.post-navigation{margin:0 0 1.5em;}
.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex;}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%;}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%;}
/*** Navigation ***/
/*** Posts and pages ***/
.sticky{display: block;}
.post, .page{margin: 0;}
.updated:not(.published){display: none;}
.page-content, .entry-content, .entry-summary{margin: 1.5em 0 0;}
.page-links{clear: both; margin: 0 0 1.5em;}
/*** Posts and pages ***/
/*** Comments ***/
.comment-content a{word-wrap: break-word;}
.bypostauthor{display: block;}
/*** Comments ***/
/*** Widgets ***/
.widget{margin: 0 0 1.5em;}
.widget select{max-width: 100%;}
/*** Widgets ***/
/*** Media ***/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley{border: none; margin-bottom: 0; margin-top: 0; padding: 0;}
/* Make sure logo link wraps around logo image. */
.custom-logo-link{display: inline-block;}
/*** Media ***/
/*** Captions ***/
.wp-caption{margin-bottom:1.5em;max-width:100%;}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto;}
.wp-caption .wp-caption-text{margin:.8075em 0;}
.wp-caption-text{text-align:center;}
/*** Captions ***/
/*** Galleries ***/
.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em;}
.gallery-item{display:inline-block;text-align:center;width:100%;}
.gallery-columns-2{grid-template-columns:repeat(2,1fr);}
.gallery-columns-3{grid-template-columns:repeat(3,1fr);}
.gallery-columns-4{grid-template-columns:repeat(4,1fr);}
.gallery-columns-5{grid-template-columns:repeat(5,1fr);}
.gallery-columns-6{grid-template-columns:repeat(6,1fr);}
.gallery-columns-7{grid-template-columns:repeat(7,1fr);}
.gallery-columns-8{grid-template-columns:repeat(8,1fr);}
.gallery-columns-9{grid-template-columns:repeat(9,1fr);}
.gallery-caption{display:block;}
/*** Galleries ***/
/*** Accessibility ***/
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}
#primary[tabindex="-1"]:focus{outline:0;}
/*** Accessibility ***/
/*** Alignments ***/
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em;}
.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em;}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em;}
/*** Alignments ***/
/*** UNDESCORES DEFAULTS ***/



/*** ELEMENTS ***/
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;}
h1{font-size: 44px; line-height: 1.2; margin: 0;}
h2{font-size: 36px; line-height: 1.2; margin: 0;}
h3{font-size: 28px; line-height: 1.2; margin: 0;}
h4{font-size: 20px; line-height: 1.2; margin: 0;}
h5{font-size: 16px; line-height: 1.2; margin: 0;}
h6{font-size: 14px; line-height: 1.2; margin: 0;}

.button{display: inline-block; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 20px; padding: 11px 31px; border-radius: 5px; border-width: 1px; border-style: solid;}
.button{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}
.button:hover{text-decoration: none;}
.button.transparent.outline.blue{background-color: transparent; border-color: #0077b5; color: #0077b5;}
.button.transparent.outline.blue:hover{background-color: #0077b5; border-color: #0077b5; color: #fff;}
.button.transparent.outline.white{background-color: transparent; border-color: #fff; color: #fff;}
.button.transparent.outline.white:hover{background-color: #0077b5; border-color: #0077b5; color: #fff;}
.button.solid{background-color: #0077b5; border-color: #0077b5; color: #fff;}
.button.solid:focus,
.button.solid:active,
.button.solid:hover{background-color: transparent; border-color: #0077b5; color: #0077b5;}
.button.solid.white{background-color: #fff; border-color: #fff; color:#444;}
.button.solid.white:hover{background-color: transparent; border-color: #fff; color: #fff;}

@media (max-width: 1024px){
	h1:not(.keep-size-on-mobile){font-size: 40px;}
	h2:not(.keep-size-on-mobile){font-size: 32px;}
	h3:not(.keep-size-on-mobile){font-size: 24px;}
}
@media (max-width: 620px){
	h1:not(.keep-size-on-mobile){font-size: 36px;}
	h2:not(.keep-size-on-mobile){font-size: 28px;}
	h3:not(.keep-size-on-mobile){font-size: 20px;}
}
.grecaptcha-badge{display: none !important;}
p:empty{display: none;}
.mg-signature{background-image: url('../mg-lab/images/mladen-gradev-signature.webp'); background-repeat: no-repeat; background-position: center; background-size: contain; display: block; width: 100%; max-width: 250px; height: 85px; padding: 0; margin: 20px 0 20px auto;}
/*** ELEMENTS ***/



/*** LAYOUT & CLASSES ***/
.content-container.max-width-1400{width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; float: none;}
.content-container.max-width-1024{width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto; float: none;}
.content-container.max-width-900{width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; float: none;}
.content-container.max-width-768{width: 100%; max-width: 768px; margin-left: auto; margin-right: auto; float: none;}
.content-container.max-width-600{width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; float: none;}
.content-container.max-width-480{width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; float: none;}

@media (max-width: 1440px){
    .content-container.max-width-1400{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 1290px){
    .content-container{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px; overflow-x: clip;}
}
@media (max-width: 1064px){
    .content-container.max-width-1024{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 940px){
    .content-container.max-width-900{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 808px){
    .content-container.max-width-768{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 640px){
    .content-container.max-width-600{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 520px){
    .content-container.max-width-480{max-width: unset; width: 100%; display: block; float: left; padding-left: 20px; padding-right: 20px;}
}
/*** LAYOUT & CLASSES ***/



/*** CLASSES ***/
.blue{color: #0077b5;}
.dark{color: #273140;}

.open-sans{font-family: 'Open Sans', sans-serif;}
.montserrat{font-family: 'Montserrat', sans-serif;}
.ubuntu{font-family: 'Ubuntu', sans-serif;}

.background-white{background-color: white;}
.background-blue{background-color: #0077b5;}
.background-black{background-color: black;}
.background-light-gray{background-color: #f0f0f0;}
.background-dark{background-color: #273140;}
.background-white{background-color: white;}
.background-mglab{background-image: linear-gradient( 45deg, #0077b5, #273140 );}
.background-mglab-flipped{background-image: linear-gradient( 45deg, #273140, #0077b5 );}
.background-space-challenges{background-image: linear-gradient( 45deg, #4b6cb7, #182848 );}
.background-zlaten-med{background-image: linear-gradient( 45deg, #f29811, #f57d08 );}
.background-slrb{background-image: linear-gradient( 45deg, #e8c75f, #005720 );}
.background-muzeum-primorsko{background-image: linear-gradient( 45deg, #47d4a1, #427faf );}
.background-tsarevo-info{background-image: linear-gradient( 45deg, #4DB2EC, #336699 );}
.background-orbelus{background-image: linear-gradient( 90deg, #c4cc4b, #a5ab4b );}
.background-morski-imoti{background-image: linear-gradient( 90deg, #36aab6, #236f77 );}
.background-mask{background-image: linear-gradient( 0deg, rgba(0,0,0,0.3), rgba(0,0,0,0) );}
.background-mask:after{content: ""; background: url('../mg-lab/images/image-overlay.png'); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: repeat; border-radius: 4px;}
.background-light-gray-to-white{background-image: linear-gradient( 90deg, #fff, #f0f0f0 );}
.background-stripes{background: repeating-linear-gradient( 45deg, #fff, #fff 5px, #f5f5f5 5px, #f5f5f5 10px );}

.border-top-white-transparent{border-top: 1px solid rgba(255,255,255,.08);}

.facebook{color: #4267b2; opacity: 1;}
.facebook:hover,
.facebook:active,
.facebook:focus{border-color: #4267b2;}
.linkedin{color: #0077b5; opacity: 1;}
.linkedin:hover,
.linkedin:active,
.linkedin:focus{border-color: #0077b5;}
.upwork{color: #37A000; opacity: 1;}
.upwork:hover,
.upwork:active,
.upwork:focus{border-color: #37A000;}

.hypsens-none{hyphens: none !important;}
.hypsens-auto{hyphens: auto !important;}

@media (max-width: 600px){
	.padding-left-50-under-600{padding-left: 50px !important;}
	.padding-right-50-under-600{padding-right: 50px !important;}
}
@media (max-width: 480px){
	.padding-left-25-under-480{padding-left: 25px !important;}
	.padding-right-25-under-480{padding-right: 25px !important;}
}
/*** CLASSES ***/



/*** HEADER ***/
/* FOR REMOVAL */
/*
#site_header header{display: flex; padding: 25px 0;border: 0;-webkit-transition: all .25s ease-in-out;-moz-transition: all .25s ease-in-out;-o-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
#site_header.dark{background-color: #273140;}
#site_header.light{background-color: white;}
.transparent #site_header{background-color: transparent;}
#site_header #site_branding{z-index: 9999; float: left;}
#site_header #site_branding img{height: 100%;width: auto; display: none;}
#site_header #site_branding p{display: none;}

.onscroll #site_header header{padding: 10px 0;;}
.onscroll #site_header header a(not:#nav-toggle){height: 40px;}
.onscroll #site_header header #site_navigation a{padding: 10px 20px;}
.onscroll #site_header header #site_navigation .menu-main-menu-container,
.onscroll #site_header header #site_navigation .menu-main-menu-en-container{margin: 5px 0;}
.onscroll #site_header #site-mobile-menu-trigger button{margin: 3px 0;}
*/
/* FOR REMOVAL */
/*** HEADER ***/


/*** HEADER NEW STYLES ***/
body.dark{background-color: #273140;}
#site_header{position: fixed; top: 0; z-index: 9999; padding: 25px 0;}
body.admin-bar #site_header{top: 32px;}
#site_header.onscroll{padding: 10px 0;}
#site_header.transparent{background-color: transparent;}
#site_header.light{background-color: #fff;}
#site_header.dark{background-color: #273140;}
#site_header:before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; background-color: #273140; opacity: 0;}
#site_header.transparent.mobile-nav-active:before,
#site_header.light.mobile-nav-active:before,
#site_header.mobile-nav-active:before{opacity: 1;}

.do-not-move-content-under-mobile-menu{overflow: hidden;}

#site_header.light.onscroll{background-color: #fff;}
#site_header.dark.onscroll,
#site_header.transparent.onscroll{background-color: #273140;}

@media screen and (max-width: 782px){
    body.admin-bar #site_header{top: 46px;}
}
@media screen and (max-width: 600px){
    body.admin-bar #site_header:not(.onscroll){top: 46px;}
	body.admin-bar #site_header.onscroll{top: 0;}
}
/*** HEADER NEW STYLES ***/


/*** HEADER LOGO ***/
#site_header #site_branding{width: 131px; height: 50px; display: block; float: left; z-index: 10; position: relative;}
#site_header #site_branding img{/* THE LOGO IS DISPLAYED WITH SVG MASK */display: none;}
#site_header #site_branding .custom-logo-link{
	-webkit-mask: url('../mg-lab/images/my-lab-logo-dark.svg') no-repeat 0 50%;
	mask: url('../mg-lab/images/my-lab-logo-dark.svg') no-repeat 0 50%; mask-size: auto 100%;
	-webkit-mask-size: auto 100%;
	width: 100%;
	height: 100%;
	display: block;
	float: left;
}
#site_header.dark #site_branding .custom-logo-link,
#site_header.mobile-nav-active #site_branding .custom-logo-link{background-color: white; opacity: 1;}
#site_header.transparent #site_branding .custom-logo-link{background-color: white; opacity: .9;}
#site_header.transparent #site_branding .custom-logo-link:hover{opacity: 1;}
#site_header.light #site_branding .custom-logo-link{background-color: #273140; opacity: .9;}
#site_header.light #site_branding .custom-logo-link:hover{opacity: 1;}

/*
#site_header.dark.onscroll #site_branding .custom-logo-link,
#site_header.light.onscroll #site_branding .custom-logo-link,
#site_header.transparent.onscroll #site_branding .custom-logo-link,
*/
#site_header.mobile-nav-active #site_branding .custom-logo-link,
#site_header.dark.mobile-nav-active #site_branding .custom-logo-link,
#site_header.light.mobile-nav-active #site_branding .custom-logo-link,
#site_header.transparent.mobile-nav-active #site_branding .custom-logo-link{background-color: white; opacity: 1;}
/*** HEADER LOGO ***/



/*** NAVIGATION ***/
#site_header #site_navigation{width: calc(100% - 131px); display: block; float: left;}
#site_header #site_navigation ul.menu{list-style-type: none; margin: 0; padding: 0; display: flex; align-content: center; justify-content: flex-end; align-items: center;}
#site_header #site_navigation ul.menu li{display: block; margin: 0; padding: 15px 20px; line-height: 20px;}
#site_header #site_navigation ul.menu li a{display: block; float: left; width: 100%; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; opacity: 0.85; text-decoration: none;}
#site_header #site_navigation ul.menu li a:hover{text-decoration: none;}

#site_header.dark #site_navigation a{color: white;}
#site_header.dark #site_navigation a:hover,
#site_header.dark #site_navigation ul li.current_page_item a,
#site_header.dark #site_navigation ul li.current-menu-item a{opacity: 1;}
#site_header.light #site_navigation a{color: #273140;}
#site_header.light #site_navigation a:hover,
#site_header.light #site_navigation ul li.current_page_item a,
#site_header.light #site_navigation ul li.current-menu-item a{opacity: 1;}
#site_header.transparent #site_navigation a{color: white;}
#site_header.transparent #site_navigation a:hover,
#site_header.transparent #site_navigation ul li.current_page_item a,
#site_header.transparent #site_navigation ul li.current-menu-item a{opacity: 1;}
/*
#site_header.dark.onscroll #site_navigation a,
#site_header.light.onscroll #site_navigation a,
#site_header.transparent.onscroll #site_navigation a,
*/
#site_header.mobile-nav-active #site_navigation a,
#site_header.dark.mobile-nav-active #site_navigation a,
#site_header.light.mobile-nav-active #site_navigation a,
#site_header.transparent.mobile-nav-active #site_navigation a{color: white;}

#nav-toggle{display: inline-block; border: none; margin: 8px 0; padding: 10px; position: relative; float: right; background-color: transparent; width: 22px; height: 14px; box-sizing: content-box;cursor: pointer;}
#nav-toggle span{margin-top: 7px;}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{cursor:pointer;border-radius:1px;height:2px;width:22px;background:#fff;position:absolute;display:block;content:''}
#nav-toggle span:before{top:-6px}
#nav-toggle span:after{bottom:-6px}
#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after{transition:all 100ms ease-in-out}
#nav-toggle.active span{background-color:transparent}
#nav-toggle.active span:before,#nav-toggle.active span:after{top:0}
#nav-toggle.active span:before{transform:rotate(45deg)}
#nav-toggle.active span:after{transform:rotate(-45deg)}

#site_header.dark #nav-toggle span,
#site_header.dark #nav-toggle span:before,
#site_header.dark #nav-toggle span:after{background: #fff;}
#site_header.dark #nav-toggle.active span{background: #273140;}
#site_header.light #nav-toggle span,
#site_header.light #nav-toggle span:before,
#site_header.light #nav-toggle span:after{background: #273140;}
#site_header.light #nav-toggle.active span{background: #fff;}
#site_header.transparent #nav-toggle span,
#site_header.transparent #nav-toggle span:before,
#site_header.transparent #nav-toggle span:after{background: #fff;}
#site_header.transparent #nav-toggle.active span{background: #273140;}
#site_header.dark.onscroll #nav-toggle span,
#site_header.dark.onscroll #nav-toggle span:before,
#site_header.dark.onscroll #nav-toggle span:after{background: #fff;}
#site_header.dark.onscroll #nav-toggle.active span{background: #273140;}
#site_header.light.onscroll #nav-toggle span,
#site_header.light.onscroll #nav-toggle span:before,
#site_header.light.onscroll #nav-toggle span:after{background: #273140;}
#site_header.light.onscroll #nav-toggle.active span{background: #fff;}
#site_header.transparent.onscroll #nav-toggle span,
#site_header.transparent.onscroll #nav-toggle span:before,
#site_header.transparent.onscroll #nav-toggle span:after{background: #fff;}
#site_header.transparent.onscroll #nav-toggle.active span{background: #273140;}
#site_header.mobile-nav-active #nav-toggle span,
#site_header.mobile-nav-active #nav-toggle span:before,
#site_header.mobile-nav-active #nav-toggle span:after{background: white !important;}
#site_header.mobile-nav-active #nav-toggle.active span{background: #273140 !important;}

#site_header .site-mobile-menu-trigger{display: none; z-index: 10; position: relative;}

@media (max-width: 1024px){
	#site_header #site_navigation{display: block; opacity: 0; visibility: hidden; width: 100vw; height: 100vh; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; overflow: hidden; background-color: #273140;}
	#site_header #site_navigation.open{opacity: 1; visibility: visible;}
	#site_header #site_navigation > div{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 30; overflow: hidden;}
	#site_header #site_navigation ul.menu{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block;}
	#site_header #site_navigation ul.menu li{display: block; float: left; width: 100%; text-align: center; padding: 0;}
	#site_header #site_navigation ul.menu li{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
	#site_header #site_navigation ul.menu li{transform: translate(0%, -100%); opacity: 0; visibility: hidden;}
	#site_header.mobile-nav-active #site_navigation ul.menu li{transform: translate(0%, 0%); opacity: 1; visibility: inherit;}
	#site_header.mobile-nav-active #site_navigation ul.menu li:nth-child(1){transition-delay: 0.4s;}
	#site_header.mobile-nav-active #site_navigation ul.menu li:nth-child(2){transition-delay: 0.45s;}
	#site_header.mobile-nav-active #site_navigation ul.menu li:nth-child(3){transition-delay: 0.5s;}
	#site_header.mobile-nav-active #site_navigation ul.menu li:nth-child(4){transition-delay: 0.55s;}
	#site_header.mobile-nav-active #site_navigation ul.menu li:nth-child(5){transition-delay: 0.6s;}
	#site_header.mobile-nav-active #site_navigation ul.menu li:nth-child(6){transition-delay: 0.65s;}
	#site_header.mobile-nav-active #site_navigation ul.menu li:nth-child(7){transition-delay: 0.7s;}
	#site_header.mobile-nav-active #site_navigation ul.menu li:nth-child(8){transition-delay: 0.75s;}
	#site_header #site_navigation ul.menu li a{display: inline-block; width: auto; float: none; padding: 15px 20px; font-size: 16px;}
	#site_header .site-mobile-menu-trigger{display: block; float: right;}
}

/* FOR REMOVAL */
/*
#site_navigation{z-index: 9999; float: right;}
#site_navigation .menu-main-menu-container,
#site_navigation .menu-main-menu-en-container{display: inline-block;float: right;}
#site_navigation a{font-family: 'Open Sans', sans-serif;}
#site_navigation a{display: inline-block;color: #fff;font-size: 16px;font-weight: bold;opacity: .7;padding: 15px 20px;line-height: 20px;text-transform: uppercase;-webkit-transition: .25s;-o-transition: .25s;transition: .25s;}
#site_navigation ul{list-style-type: none;margin: 0;padding: 0;}
#site_navigation ul li{width: auto; float: left;}
#site_navigation a:hover,
#site_navigation ul li.current_page_item a{outline: 0;color: #fff;background: 0 0;opacity: 1; text-decoration: none;}

@media (max-width: 991px){
	#site_navigation.desktop{display: none;}
	#site-mobile-menu-trigger{float: right;z-index: 9999;display: inline-block;}
	#site_navigation.mobile{display: none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;}
	#site_navigation.mobile.show-mobile-menu{display: inline-block !important;}
	#site_navigation.mobile .menu-main-menu-container,
	#site_navigation.mobile .menu-main-menu-en-container{display: inline-block;float: none;position: absolute;top: 50%;text-align: center;width: 100%;margin-top: -125px;}
	#site_navigation.mobile ul li{width: 100%;}
	.dark #site_navigation.mobile{background-color: #273140;}
	.dark #site_navigation.mobile a{color: white;opacity: 1;}
	.dark.onscroll #site_navigation.mobile{background-color: #273140;}
	.dark.onscroll #site_navigation.mobile a{color: white;}
	.light #site_navigation.mobile{background-color: white;}
	.light #site_navigation.mobile a{color: #273140;}
	.light.onscroll #site_navigation.mobile{background-color: #273140;}
	.light.onscroll #site_navigation.mobile a{color: white;}
	.transparent #site_navigation.mobile{background-color: #273140;}
	.transparent #site_navigation.mobile a{color: white;opacity: 1;}
	.transparent.onscroll #site_navigation.mobile{background-color: #273140;}
	.transparent.onscroll #site_navigation.mobile a{color: white;}
}
*/
/* FOR REMOVAL */

/*** NAVIGATION ***/

/*** CONTENT ***/
#site_content{margin-top: 100px;}
#site_content.transparent-header{margin-top: 0;}
#site_content.transparent-header > div:first-child:not(.hero){padding-top: 100px;}
#site_content.transparent-header.onscroll > div:first-child:not(.hero){/*padding-top: 70px;*/}

#particles-js{position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background-color: #0077b5; padding: 0; margin: 0;}

/*
https://codepen.io/myjessijess/pen/MWWgMwL
*/
#animated_blob_1{
	animation: morph 8s ease-in-out infinite;
	border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
	transition: all 1s ease-in-out;
}
@keyframes morph {
	0% {border-radius:  60% 40% 30% 70% / 60% 30% 70% 40%;}
	50% {border-radius:  50% 60% 70% 40% / 50% 60% 50% 60%;}
	100% {border-radius:  60% 40% 30% 70% / 60% 30% 70% 40%;}
}

.price-box{}
.price-box.width-20{width: calc(20% - 30px);}
.price-box.width-25{width: calc(25% - 30px);}
.price-box.width-33{width: calc(33.333333333% - 30px);}
.price-box.width-50{width: calc(50% - 30px);}
.price-box.width-66{width: calc(66.666666666% - 30px);}
.price-box.width-75{width: calc(75% - 30px);}
.price-box.width-100{width: calc(100% - 30px);}
.price-box .title{}
.price-box .price{}
.price-box .description{}
.price-box .description p{margin: 0; padding: 0 30px; text-align: left;}
.price-box .details-trigger{}
.price-box .details{display: block; width: 100%; float: left; height: 0; overflow: hidden; margin: 0; padding: 0 30px;}
.price-box .details.height-auto{height: auto;}
.price-box .details ul{padding-top: 40px;}
.price-box .details-trigger p{height: 40px; line-height: 40px; display: inline-block; margin: 0 0 0 15px; float: left; width: calc(100% - 85px); text-transform: none; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 20px; overflow: hidden;}
.price-box .plus-minus-circle{background: #f0f0f0; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; margin-left: 30px; font-size: 40px; color: #273140; cursor: pointer; float: left; will-change: transform;}
.price-box .plus-minus-circle:hover{background: #0077b5; color: #fff;}
.price-box .plus-minus-circle.rotate-45{background: #0077b5; color: #fff; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg);  transform-origin: center; -moz-transform-origin: center; -webkit-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-backface-visibility: hidden;}
.price-box .plus-minus-circle i{display: inline-block; width: 40px; height: 40px;}
.price-box .plus-minus-circle i:before{display: inline-block; text-align: center; line-height: 40px; font-size: 20px; width: 40px; height: 40px; float: left;}

@media (max-width: 1280px){
	.price-box.width-20{width: calc(33.333333333% - 30px);}
	.price-box.width-25{width: calc(50% - 30px);}
}
@media (max-width: 1024px){
	.price-box.width-20{width: calc(50% - 30px);}
}
@media (max-width: 768px){
	.price-box.width-33,
	.price-box.width-66,
	.price-box.width-75{width: calc(50% - 30px);}
}
@media (max-width: 600px){
	.price-box.width-20,
	.price-box.width-25,
	.price-box.width-33,
	.price-box.width-50,
	.price-box.width-66,
	.price-box.width-75{width: calc(100% - 30px);}
}

ul.big-mark{margin: 0; padding: 0;}
ul.big-mark li{list-style: none; margin: 0 0 30px 0; padding: 0 0 0 40px; line-height: 1.3; position: relative;}
ul.big-mark li:only-of-type,
ul.big-mark li:last-of-type{margin: 0;}
.service-description ul.big-mark li:only-of-type,
.service-description ul.big-mark li:last-of-type{margin: 0;}
.service-description a{color: #222; border-bottom: solid 2px #b3b3b3; outline: 0; text-decoration: none;}
.service-description a:hover{color: #000; border-bottom: solid 2px #0077b5; outline: 0; text-decoration: none;}
ul.big-mark li:before{content: "\e052"; font-family: "mg-lab-font"; display: inline-block; position: absolute; top: -4px; left: 0; font-size: 25px; line-height: 30px; text-align: center; color: #0077b5; width: 30px;}
ul.big-mark.service-by-id li{margin: 0 0 10px 0; padding: 0 0 0 25px; line-height: 25px;}
ul.big-mark.service-by-id li:only-of-type,
ul.big-mark.service-by-id li:last-of-type{margin: 0;}
ul.big-mark.service-by-id li a{color: #444;}
ul.big-mark.service-by-id li a:hover{text-decoration: none; color: #000;}
ul.big-mark.service-by-id li:before{line-height: 25px;}
ul.small-mark{margin: 0; padding: 0;}
ul.small-mark li{list-style: none; margin: 0 0 20px 0; padding: 0 0 0 30px; line-height: 20px; position: relative;}
ul.small-mark li:only-of-type,
ul.small-mark li:last-of-type{margin: 0;}
ul.small-mark li:before{content: "\e046"; font-family: "mg-lab-font"; display: inline-block; position: absolute; left: 0; font-size: 25px; line-height: 30px; text-align: center; color: #0077b5;}

#pricing-table.abonament-table .column-1,
#pricing-table.abonament-table .column-2,
#pricing-table.abonament-table .column-3{width: calc(33.33333333% - 10px);}
#pricing-table.abonament-table .column-2{margin-left: 15px; margin-right: 15px;}

.about-mg-lab-boxes .box-1{padding: 100px;}
.about-mg-lab-boxes .box-1 img{max-width: 200px;}
.about-mg-lab-boxes .box-1 .contact-info{width: calc(100% - 200px); padding-left: 30px;}
.about-mg-lab-boxes .box-2{padding: 100px 100px 0 100px;}

@media (max-width: 1280px){
	.about-mg-lab-boxes .box-1{padding: 75px;}
	.about-mg-lab-boxes .box-2{padding: 75px 75px 0 75px;}
	.about-mg-lab-boxes .box-1 img{margin: 0 auto;}
	.about-mg-lab-boxes .box-1 .contact-info{width: 100%; padding-left: 0; padding-top: 50px;}
}
@media (max-width: 480px){
	.about-mg-lab-boxes .box-1{padding: 75px 40px;}
	.about-mg-lab-boxes .box-2{padding: 75px 40px 0 40px;}
}
/*** CONTENT ***/

/*** FOOTER ***/
#site_footer{font-family: 'Montserrat', sans-serif; padding-top: 40px; padding-bottom: 40px; color: #818181; font-size: 14px; font-weight: 400; line-height: 24px; background: #273140; position: relative;}
#site_footer p{color: #818181; margin: 0; padding: 0;}
#site_footer a{color: #bababa; text-decoration: none;}
#site_footer a:hover{text-decoration: underline;}
#site_footer .footer-line{height: 1px; background-color: rgba(255,255,255,.05);}
#site_footer .custom-logo-link{display: block; float: left;}
#site_footer .custom-logo-link img.custom-logo{height: 50px; width: auto; display: block; float: left; margin-top: 11px; margin-bottom: 11px;}
/*** FOOTER ***/


/*** VISUAL COMPOSER ***/
#hero_container .text{}
#hero_container .image{}

.hero{padding-top: 140px; padding-bottom: 140px;}
#site_content.transparent-header .hero{padding-top: 250px; padding-bottom: 200px;}
.hero:before{content: ""; display: block; position: absolute; bottom: 0; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: .1;}
.hero:after{content: ""; background-image: url('../mg-lab/images/image-overlay.png'); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: repeat;}
.hero p{font-size: 16px; line-height: 1.4; /*text-transform: uppercase; font-weight: bold; opacity: 0.85;*/}

.wysiwyg-editor p{width: 100%; display: block; float: left; margin: 0 0 20px 0; line-height: 1.7;}
.wysiwyg-editor p:only-of-type,
.wysiwyg-editor p:last-of-type{margin: 0;}
.wysiwyg-editor p:empty{display: none;}
.wysiwyg-editor ul,
.wysiwyg-editor ol{width: 100%; display: block; float: left; margin: 0 0 20px 0; line-height: 1.7;}

#clients-logos{}
#clients-logos .single-logo{height: 120px; background-repeat: no-repeat; background-position: center; background-size: contain; margin: 0 25px;}
@media (max-width: 480px){
	#clients-logos .single-logo{margin: 0 10px;}
}

/* FOR REMOVAL */
/*
.my-custom-button a,
.my-custom-button button{
	font-family: 'Open Sans', sans-serif;
	font-size: .875em !important;
	font-weight: 700 !important;
	border-radius: 3px !important;
	text-transform: uppercase !important;
	border: 2px solid #fff !important;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	color: #444 !important;
}
.my-custom-button.font-white a,
.my-custom-button.font-white button{color: white !important;}
.my-custom-button.dark-background:hover a,
.my-custom-button.dark-background:hover button{background: transparent !important; color: white !important; border: 2px solid #fff !important;}

.my-custom-button.dark-background.font-white:hover a,
.my-custom-button.dark-background.font-white:hover button,
.my-custom-button.dark-background.font-white a:active,
.my-custom-button.dark-background.font-white button:active,
.my-custom-button.dark-background.font-white a:focus:hover,
.my-custom-button.dark-background.font-white button:focus:hover{background: white !important; color: #444 !important; border: 2px solid #fff !important;}
.my-custom-button.dark-background.font-white a:focus,
.my-custom-button.dark-background.font-white button:focus{background: transparent !important; color: white !important; border: 2px solid #fff !important;}

.my-custom-button.light-background a,
.my-custom-button.light-background button{background: transparent !important; color: #273140 !important; border: 2px solid #273140 !important;}
.my-custom-button.light-background:hover a,
.my-custom-button.light-background:hover button{background: #273140 !important; color: white !important; border: 2px solid #273140 !important;}

.my-custom-button.light-background.blue-button a,
.my-custom-button.light-background.blue-button button{background: transparent !important; color: #0077b5 !important; border: 2px solid #0077b5 !important;}
.my-custom-button.light-background.blue-button:hover a,
.my-custom-button.light-background.blue-button:hover button{background: #0077b5 !important; color: white !important; border: 2px solid #0077b5 !important;}

.my-custom-button a.vc_btn3-style-outline{padding-top: 11px !important; padding-bottom: 11px !important;}
*/
/* FOR REMOVAL */

.vc_sep_width_10.width-30{width: 30px;}
.wpb-js-composer .vc_tta.vc_general.zapitvane-forms .vc_tta-tab{width: 33.333333333%;border-bottom: 2px solid #0077b5;}
.wpb-js-composer .vc_tta.vc_general.zapitvane-forms .vc_tta-tab.vc_active{border-bottom: 2px solid white; border-left: 2px solid #0077b5;
 border-right: 2px solid #0077b5; border-top: 2px solid #0077b5;}
.wpb-js-composer .vc_tta.vc_general.zapitvane-forms .vc_tta-tab a{background-color: #e0e0e0; padding: 14px 0;}
.wpb-js-composer .vc_tta.vc_general.zapitvane-forms .vc_tta-tab a:hover{background-color: #0077b5; color: white;}
.wpb-js-composer .vc_tta.vc_general.zapitvane-forms .vc_tta-tab.vc_active a{background-color: transparent;}
.wpb-js-composer .vc_tta.vc_general.zapitvane-forms .vc_tta-tab.vc_active a:hover{color: #444;}
.wpb-js-composer .vc_tta.vc_general.zapitvane-forms .vc_tta-panel.vc_active > .vc_tta-panel-body{padding: 30px 30px 0 30px; background: white; border-right: 2px solid #0077b5; border-bottom: 2px solid #0077b5; border-left: 2px solid #0077b5; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wpb-js-composer .vc_tta.vc_general.zapitvane-forms .vc_tta-panels-container .vc_tta-panel-body{overflow: visible;}

@media (max-width: 1024px){
	#hero_container{min-height: 1200px;}
	#hero_container .text{height: 50%;}
	#hero_container .text > *{max-width: 480px; margin-left: auto; margin-right: auto; float: none;}
	#hero_container .image{height: 50%;}
}
@media screen and (max-width: 767px) {
	.zapitvane-forms .vc_tta-tabs-container{display: block !important;}
	.zapitvane-forms .vc_tta-panels-container .vc_tta-panel-heading{display: none;}
}
@media screen and (max-width: 480px) {
	#hero_container{min-height: 1050px;}
	#hero_container .text{justify-content: flex-end;}
}
/*** VISUAL COMPOSER ***/


/*** SERVICES ***/
/*** FOR REMOVAL ***/
/*
i.services-icon{color: #0077b5;margin: 40px 0 30px 0;font-size: 40px;display: inline-block;width: 100%;text-align: center;float: left;height: 40px;line-height: 40px;}
i.services-icon:before{display: inline-block;}
i.services-icon.square{width: 30px; height: 40px; font-size: 25px; margin: 0; line-height: 30px; float: left;}
i.services-icon.square:before{line-height: 40px;display: inline-block;}

.usluga-header:before{background: url('../mg-lab/images/coding-background.jpg');}
.usluga-header.dizayn-na-uebsayt:before{background: url(../mg-lab/images/dizayn-na-uebsayt.jpg);}
.usluga-header.chrez-gotova-tema:before{background: url(../mg-lab/images/izgrazhdane-chrez-gotova-tema-dark.jpeg);}
.usluga-header.dobavyane-na-funktsionalnosti:before{background: url(../mg-lab/images/keyboard.jpg);}
.usluga-header.adaptiven-dizayn:before{background: url(../mg-lab/images/mobile-design.jpg);}
.usluga-header.poddrazhka:before{background: url(../mg-lab/images/wordpress-update.jpg);}
.usluga-header.mnogoezichna-versia:before{background: url(../mg-lab/images/multilanguage.jpg);}
.usluga-header.hosting:before{background: url(../mg-lab/images/hostibg-small.jpg);}
.usluga-header.copywrite:before{background: url(../mg-lab/images/copywrite-small.jpg);}
*/
/*** FOR REMOVAL ***/

.services-loop-container{}
.services-loop-container .single-service-container{width: calc(25% - 20px); margin: 0 10px 20px 10px; padding: 40px; text-decoration: none; background-color: #EDEEEF; aspect-ratio: 1 / 1;}
.services-loop-container .single-service-container:hover{background-color: #e2e2e2; text-decoration: none;}
.services-loop-container .single-service-container .service-icon{margin: 0 0 30px 0; font-size: 40px; text-align: center;}
.services-loop-container .single-service-container .service-icon i{color: #0077b5; display: block; width: 40px; height: 40px; line-height: 40px; margin: 0 auto; padding: 0;}
.services-loop-container .single-service-container:hover .service-icon i{color: #1080f2;}
.services-loop-container .single-service-container .service-icon i:before{display: inline-block;}
.services-loop-container .single-service-container .service-heading{color: #222222; font-weight: 700; line-height: 1.2;}
.services-loop-container .single-service-container .service-excerpts{color: #222222; font-size: 14px;}
.services-loop-container .single-service-container .service-excerpts p{margin: 0;}
.services-loop-container .single-service-container:hover .service-excerpts{text-decoration: none;}

#coding-background,
#background-overlay{position: relative;}
#coding-background:after,
#background-overlay:after{content: ""; background: url('../mg-lab/images/image-overlay.png'); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: repeat; z-index: 1;}
#coding-background:before{content: ""; display: block; position: absolute; bottom: 0; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: url('../mg-lab/images/coding-background.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center; opacity: .05;}
#coding-background > *,
#background-overlay > *{z-index: 2; position: relative;}

.proekt-uslugi i.services-icon{color: #000;}
#zapitvane{padding-top: 45px; padding-bottom: 45px;}
#zapitvane.service-zapitvane{padding-top: 135px;}
#zapitvane.zapitvane-home{padding-top: 90px; padding-bottom: 90px; margin-left: 90px; margin-right: 90px; width: calc(100% - 180px); position: relative; overflow: hidden;}
#zapitvane.zapitvane-home .vc_custom_heading{line-height: 45px;}
#zapitvane .vc_column-inner,
#proekt-container .vc_column-inner{padding-top: 0;}
.service-heading.square{font-family: 'Montserrat', sans-serif; line-height: 20px; font-size: 15px; margin-bottom: 0; display: inline-block; width: calc(100% - 40px); font-weight: 400; color: #444;}
.service-heading.square:hover{color: #000;}
.usluga-container{border-radius: 8px;}
.usluga-container:hover{background-color: #f0f0f0;}
/*.usluga-container:hover .service-heading{text-shadow: 0 0 .001px #000000, 0 0 .001px #000000;}*/

.service-small-loop-container{list-style-type: none; margin: 0; padding: 0; float: left;}
.service-small-loop-container li{margin: 0 0 50px 0;}
.service-small-loop-container li.full{width: 100%;float: left;}
.service-small-loop-container li.half{width: 50%;float: left;}
.service-small-loop-container li.onethird{width: 33.3%;float: left;}
.service-small-loop-container li i{width: 30px; height: 30px; font-size: 30px; line-height: 30px; float: left; color: #0077b5;}
.service-small-loop-container li .service-heading{width: calc(100% - 30px); height: auto; overflow: hidden; float: left; clear: none; font-family: 'Montserrat', sans-serif; line-height: 20px; font-size: 14px; font-weight: 600; color: #444; margin: 0; padding: 0 30px 0 10px; hyphens: none;}
.service-small-loop-container li:hover{margin-left: 15px; margin-right: -15px;}
.service-small-loop-container li.bundles-button{border-radius: 8px; border: 2px dashed #d9d9d9; padding: 15px 10px;}
.service-small-loop-container li.bundles-button:hover{border-color: #b7b7b7;}

.request-page .service-small-loop-container li{margin-bottom: 35px;}
.request-page .service-small-loop-container li .service-heading{font-size: 16px;}
.request-page .service-small-loop-container li i{color: #1080f2;}

.projects-by-service .projects-loop-container{width: 100%; display: block; margin-bottom: 0; float: left;}
.projects-by-service .projects-loop-container .slick-dots{position: relative; margin: 0; height: 20px; padding: 20px 0 0 0; box-sizing: content-box;}
.projects-by-service .projects-loop-container .single-project-loop-container{}
.projects-by-service .projects-loop-container .single-project-loop-container .project-heading{position: absolute; left: 40px; right: 40px; bottom: 40px; top: unset;}
.other-services{display: block; width: 100%; float: left; padding: 90px 90px 40px 90px; margin-top: 0; margin-bottom: -93px; box-shadow: 10px 10px rgba(0,0,0,.15); z-index: 999; position: relative;}
.projects-by-service .single-project-loop-container:hover .project-heading{-webkit-transform: none; transform: none;}

@media (max-width: 1400px){
	.services-loop-container .single-service-container{padding: 30px;}
}
@media (max-width: 1200px){
	.other-services{padding: 60px 60px 20px 60px;}
	.services-loop-container .single-service-container{width: calc(33.333333333% - 20px);}
	.service-small-loop-container li.onethird{width: 50%;}
}
@media (max-width: 900px){
	.services-loop-container .single-service-container{width: calc(50% - 20px);}
}
@media (max-width: 680px){
	.other-services{padding: 60px 40px 40px 40px;}
	.service-small-loop-container li.onethird{width: 100%;}
	.service-small-loop-container li .service-heading{padding: 0 0 0 10px;}
	.service-small-loop-container li.bundles-button{margin: 0;}
}
@media (max-width: 600px){
	.services-loop-container .single-service-container{width: calc(100% - 20px);}
	.services-loop-container .single-service-container .service-heading{font-size: 22px;}
	.services-loop-container .single-service-container .service-excerpts{font-size: 16px;}
}
/*** SERVICES ***/


/*** BREADCRUMBS ***/
#breadcrumbs-and-sharing{margin-top: -45px; margin-bottom: 90px; padding-left: 90px; padding-right: 90px; box-shadow: 10px 10px rgba(0,0,0,.15);}
#breadcrumbs-and-sharing a{text-decoration: none;}
.hero #breadcrumbs{margin-bottom: 30px; text-transform: uppercase; color: #273140; font-size: 16px; font-weight: bold; max-width: 700px; text-align: center; margin-left: auto; margin-right: auto;z-index: 10;}
.hero #breadcrumbs a{color: #273140; opacity: .85;}
.hero #breadcrumbs a:hover{text-decoration: none; opacity: 1;}
.services-breadcrumbs #breadcrumbs{margin: 70px 0 60px 0; box-sizing: border-box;}
.services-breadcrumbs #breadcrumbs,
.services-breadcrumbs #breadcrumbs a{color: #273140; line-height: 26px;}
.services-breadcrumbs #breadcrumbs a:hover{text-decoration: none; text-shadow: 0 0 .001px #273140;}
#breadcrumbs{font-family: 'Montserrat', sans-serif; margin-bottom: 0; text-transform: uppercase; font-size: 12px; max-width: unset; text-align: left; margin-left: auto; margin-right: auto;z-index: 10; display: inline-block; float: left; width: 100%;}
#breadcrumbs i{vertical-align: middle; opacity: .7;}
#breadcrumbs i:before{font-size: 11px; line-height: 13px; display: inline-block;}

article.proekti #breadcrumbs{color: #273140; margin: 70px 0;}
article.proekti #breadcrumbs a{color: #273140;}
article.proekti #breadcrumbs a:hover{text-decoration: none; text-shadow: 0 0 .001px #273140;}

@media (max-width: 900px){
	#breadcrumbs-and-sharing{padding-left: 45px; padding-right: 45px;}
}
@media (max-width: 767px){
	#breadcrumbs-and-sharing{padding-left: 30px; padding-right: 30px;}
	.services-breadcrumbs{width: 100%;}
	.services-breadcrumbs #breadcrumbs{margin: 45px 0 20px 0; padding: 0;}
	article.proekti #breadcrumbs{margin: 70px 0 20px 0;}
}
/*** BREADCRUMBS ***/


/*** SOCIAL BUTTONS ***/
article.proekti .social-buttons{text-align: left;}
.social-buttons{text-align: right; margin: 70px 0 60px 0;}
.social-button{color: white; margin: 0 10px 10px 0; padding: 0 15px; line-height: 26px; display: inline-block; font-size: 12px; border-radius: 13px;}
.social-button.twitter-share{margin: 0 0 10px 0;}
.social-button:hover{text-decoration: none; color: white; background-color: #273140;}
.facebook-share{background-color: #4267b2;}
.linkedin-share{background-color: #0077B5;}
.twitter-share{background-color: #1da1f2;}

@media (min-width: 768px) and (max-width: 1199px){
	article.proekti .social-buttons{margin: 45px 0 0 0;}
}
@media (max-width: 767px){
	article.proekti .social-buttons{text-align: left; margin: 0 0 60px 0; padding: 0;}
	.services-share-buttons{width: 100%;}
	.services-share-buttons .social-buttons{text-align: left; margin: 0 0 35px 0; padding: 0;}
}
/*** SOCIAL BUTTONS ***/


/*** Proekti ***/
#vh-100 #particles-js{height: 100%;}
#vh-100 #particles-js canvas{position: absolute; left: 0; right: 0; max-width: 1140px; margin: 0 auto;}
body.single-proekti #particles-js{background-color: transparent;}
.proekt-header-text-container{width: 50%; padding-left: 50px; padding-right: 50px;}
.proekt-header-text-container.vc_column_container > .vc_column-inner{padding-left: 150px; padding-right: 150px;}
.proekt-header-image-container{width: 50%;}
.proekt-header-image-container{margin-top: 100px; margin-bottom: 15px; height: calc(100% - 115px);}
.proekt-header-image img{width: auto; max-width: 1024px !important; height: 100% !important; max-height: 828px; position: absolute; bottom: 0; left: 0; top: 0;}
#side-image .vc_column-inner{padding-top: 0;}
#project-services-container .vc_custom_heading{margin-bottom: 35px;}
ul.proekt-uslugi{list-style-type: none; margin: 0 0 70px 0; padding: 0; display: inline-block; width: 100%; float: left;}
ul.proekt-uslugi li{margin-bottom: 15px;}
ul.proekt-uslugi li:last-child{margin-bottom: 0;}
ul.proekt-uslugi li a{color: #444;}
ul.proekt-uslugi li:hover a{color: #000; text-decoration: none;}
#project-description-container{margin: 0 0 70px 0;}
ul.proekt-tehnologii{list-style-type: none; margin: 0 0 70px 0; padding: 0; display: inline-block; width: 100%; float: left;}
ul.proekt-tehnologii li{font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #273140; font-size: 12px;}
ul.proekt-tehnologii li:hover{text-shadow: 0 0 .001px #273140;}
#proekt-devices-view{margin-bottom: 70px;}
#proekt-big-image{padding-top: 90px; padding-bottom: 90px;}
#proekt-big-image .vc_column-inner{padding: 0;}
#proekt-big-image .image-box-shadow{max-width: 768px; margin: 0 auto;}
#proekt-big-image .wpb_wrapper{position: relative;}
.objectives-container{padding: 100px; margin-top: 90px; margin-bottom: 90px;}
.objectives-slider{margin-bottom: 50px; text-align: center;}
.objectives-slider .slick-slide{text-transform: uppercase; color: #273140; font-size: 12px;}
.objectives-nav .slick-track{margin: 0;}
.objectives-nav .slick-slide h6:hover{font-weight: bold; cursor: pointer;}
.objectives-nav .slick-slide.slick-current h6{font-weight: bold; border-top: 2px solid #000;padding: 14px 0 0 0;}
.objectives-nav .slick-slide h6{margin: 0 10px; padding: 15px 0 0 0; text-align: center; border-top: 1px solid #000;}
.slick-slide:hover, .slick-slide:active, .slick-slide:focus{outline: 0;}
#projects-archive-page{width: 1340px; margin-left: -115px; margin-top: -45px; margin-bottom: -100px; z-index: 9; position: relative; float: left;}
#proekt-container:nth-child(odd) #proekt-container-inner{background-color: #f0f0f0; box-shadow: 10px 10px rgba(0,0,0,.15); margin-bottom: 10px;}
#proekt-container #proekt-container-inner{padding: 85px; margin: 0 auto; background: white;}
#proekt-container #proekt-container-inner.background-light-gray{box-shadow: 10px 10px rgba(0,0,0,.15); margin-bottom: 10px;}
#proekt-container #proekt-container-inner .heading a:hover{opacity: 1; color: #0077b5 !important;}
#proekt-container #proekt-container-inner .one-half{padding: 15px;}
#proekt-container #proekt-container-inner .one-half img{border-radius: 4px; width: 100%; background: rgba(0,0,0,.5);}
#proekt-container #proekt-container-inner .one-half .intro-heading a{color: #273140; font-weight: 600; hyphens: auto;}
#proekt-container #proekt-container-inner .one-half .intro-heading a:hover{color: #0077b5; text-decoration: none;}
#proekt-container #proekt-container-inner .one-half ul.proekt-uslugi{margin: 0;}
#proekt-container #proekt-container-inner .one-half ul.proekt-uslugi li{margin-bottom: 10px;}
#proekt-container #proekt-container-inner .one-half ul.proekt-uslugi li:last-child{margin-bottom: 0;}
#proekt-container #proekt-container-inner .one-half ul.proekt-uslugi i.services-icon{color: #0077b5;}
.single-project-loop-container:hover .project-heading{-webkit-transform: scale(1.1); transform: scale(1.1);}
.single-project-loop-container img{border-radius: 4px; width: 100%; background: rgba(0,0,0,.5);}
.project-image-caption{max-width: 768px; margin: 0 auto; position: absolute; left: 0; right: 0; width: 100%;}
.project-image-caption p{text-align: center; color: white; font-size: 12px; margin-top: 10px; line-height: 1.5;}
.project-image-caption.font-dark p{color: #273140;}
/*** Proekti ***/

/*** 3D Gallery with CSS3 and jQuery ***/
.dg-container{overflow:visible;}
.dg-wrapper{width:600px;height:485px;margin:0 auto;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;-o-perspective:1000px;-ms-perspective:1000px;perspective:1000px}
.dg-wrapper a{width:100%;height:auto;display:block;position:absolute;left:0;top:0;}
.dg-wrapper a.dg-transition{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.dg-wrapper a.dg-center .hidden-proekt-title{position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 1.5rem; line-height: 1; color: white; font-weight: normal; display: inline-block; font-family: 'Montserrat', sans-serif; opacity: 0; z-index: 10; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.dg-wrapper a.dg-center .hidden-proekt-title:hover{opacity: .85; border-radius: 2px;}
.dg-wrapper a.dg-center .hidden-proekt-title:before{background-color: #273140;}
.dg-wrapper a .hidden-proekt-title{display:none;}
.dg-wrapper a .hidden-proekt-title span{margin-top: -12px;position: absolute;text-align: center;top: 50%;left: 30px;right: 30px;}
.dg-wrapper a.dg-center img{}
.dg-wrapper a img{display:inline-block;width:100%;height:auto;padding:0}
.dg-container nav{width:auto;z-index:1000;margin:25px auto 0 auto;text-align:center;display:table;}
.dg-container nav span{float:left;cursor:pointer;width:50px;height:50px;background-color: rgba(0,0,0,0.1);color: white;border-radius: 5px;}
.dg-container nav span:hover{background-color: rgba(0,0,0,0.5);}
.dg-container nav span:before{font-family: "mg-lab-font" !important; width: 100%; font-size: 20px; line-height: 50px; text-align: center; height: 50px; color: white; display: inline-block;}
.dg-container nav span.dg-prev:before{content: "\e03a";}
.dg-container nav span.dg-next:before{content: "\e03c";}
.dg-container nav span.dg-next{margin-left:10px}
@media screen and (max-width: 980px) {
	.dg-wrapper{width:600px;height:485px;}
}
@media screen and (max-width: 767px) {
	.dg-wrapper{width:475px;height:384px;}
}
@media screen and (max-width: 480px) {
	.dg-wrapper{width:320px;height:259px;}
}
/*** 3D Gallery with CSS3 and jQuery ***/

/*** BACK TO TOP ***/
.cd-top{display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: #0077b5 url('../mg-lab/images/up-arrow.svg') no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition:o pacity .3s 0s, visibility 0 .3s; -moz-transition: opacity .3s 0s, visibility 0 .3s; transition: opacity .3s 0s, visibility 0 .3s; border-radius: 5px;z-index:1000;}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0 0; -moz-transition:opacity .3s 0s,visibility 0 0; transition:opacity .3s 0s,visibility 0 0;}
.cd-top.cd-is-visible{visibility: visible; opacity: 1;}
.cd-top.cd-fade-out{opacity: .65;}
.cd-top.cd-is-visible:hover,
.no-touch .cd-top:hover{opacity: 1;}
@media (max-width: 768px){
	.cd-top{right: 20px; bottom: 20px;}
}
@media (max-width: 480px){
	.cd-top{right: calc(50% - 20px);}
}
/*** BACK TO TOP ***/

/*** Contact Form 7 ***/
.wpcf7-spinner{display: none;}
.wpcf7 form .wpcf7-response-output{width: 100%; float: left; margin: 30px 0 0 0; padding: 15px 30px; border: 0 none; background-color: #edeeef; color: #222; border-radius: 5px; font-size: 14px; font-weight: 444; line-height: 1.3; text-align: center;}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{border: 0 none; background-color: #ffb6b6}
span.wpcf7-not-valid-tip{position: absolute; margin: 0; padding: 0; float: right; list-style-type: none; text-align: right; font-size: 12px; font-weight: 4000; color: #222; line-height: 1; top: 50%; right: 20px; transform: translate(0, -50%); max-width: 130px;}

form.wpcf7-form br{display: none;}
form.wpcf7-form p{margin: 0;}
form.wpcf7-form .wpcf7-form-control-wrap{width: 100%; display: block; float: left; margin-bottom: 30px; position: relative;}
form.wpcf7-form .wpcf7-form-control-wrap.srok-gotovnost,
form.wpcf7-form .wpcf7-form-control-wrap.budjet,
form.wpcf7-form .wpcf7-form-control-wrap.hosting-domain-da-ne,
form.wpcf7-form .wpcf7-form-control-wrap.hosting-domain-nie-se-grijim{margin-bottom: 0;}
form.wpcf7-form .wpcf7-form-control-wrap.vasheto-ime,
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-email,
form.wpcf7-form .wpcf7-form-control-wrap.vashata-tema,
form.wpcf7-form .wpcf7-form-control-wrap.vasheto-suobshtenie,
form.wpcf7-form .wpcf7-form-control-wrap.vid-site,
form.wpcf7-form .wpcf7-form-control-wrap.vid-usluga,
form.wpcf7-form .wpcf7-form-control-wrap.kakvo-vi-haresva,
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-site-full,
form.wpcf7-form .wpcf7-form-control-wrap.firma-ime,
form.wpcf7-form .wpcf7-form-control-wrap.firma-address,
form.wpcf7-form .wpcf7-form-control-wrap.firma-eik,
form.wpcf7-form .wpcf7-form-control-wrap.firma-mol,
form.wpcf7-form .wpcf7-form-control-wrap.mesechna-period{width: 100%;}
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-telefon,
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-site,
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-email-half-right,
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-telefon-half-left{width: calc(50% - 15px);}
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-telefon,
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-email-half-right{margin-right: 15px;}
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-site,
form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-telefon-half-left{margin-left: 15px;}
form.wpcf7-form .wpcf7-form-control-wrap input.wpcf7-form-control{border-radius: 5px;width: 100%;font-size: 16px;height: 50px;background-color: #fff;padding: 0 20px;line-height: 1;border: 1px solid #ccc;float: left;}
form.wpcf7-form .wpcf7-form-control-wrap textarea.wpcf7-form-control{border-radius: 5px; width: 100%; font-size: 16px; height: auto; background-color: #fff; padding: 20px; line-height: 1.5em;border: 1px solid #ccc; float: left;}
form.wpcf7-form .wpcf7-form-control-wrap input:active,
form.wpcf7-form .wpcf7-form-control-wrap input:focus,
form.wpcf7-form .wpcf7-form-control-wrap input:focus-visible,
form.wpcf7-form .wpcf7-form-control-wrap textarea:active,
form.wpcf7-form .wpcf7-form-control-wrap textarea:focus,
form.wpcf7-form .wpcf7-form-control-wrap textarea:focus-visible{border-color: #848484;}
form.wpcf7-form input.wpcf7-submit{width: 100%;  display: block; float: left; cursor: pointer; -webkit-user-select: none; font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; text-align: center; line-height: 20px; padding: 11px 31px; border-radius: 5px; border-width: 1px; border-style: solid; background-color: #0077b5; border-color: #0077b5; color: #fff;}
form.wpcf7-form input.wpcf7-submit{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
form.wpcf7-form input.wpcf7-submit:hover,
form.wpcf7-form input.wpcf7-submit:active,
form.wpcf7-form input.wpcf7-submit:focus{background-color: transparent; border-color: #0077b5; color: #0077b5;}

form.wpcf7-form .note{font-size: 14px; line-height: 16px; margin-bottom: 50px; margin-top: -10px;}
form.wpcf7-form .note p{font-size: inherit; line-height: inherit; width: 200px; color: inherit; display: inline-block;}
.wpcf7-checkbox span.wpcf7-list-item{margin:0 0 30px 0; display: inline-block; width: 100%; vertical-align: middle;}
.wpcf7-checkbox span.wpcf7-list-item:last-child{margin:0;}
.wpcf7-checkbox span.wpcf7-list-item .icheckbox_square-blue{float: left;}
.wpcf7-checkbox span.wpcf7-list-item span.wpcf7-list-item-label{line-height: 22px; display: inline-block; width: calc(100% - 32px); margin-left: 10px; float: left;}
.wpcf7-radio span.wpcf7-list-item{margin: 0 30px 30px 0;vertical-align: middle;}
.wpcf7-radio span.wpcf7-list-item span.wpcf7-list-item-label{line-height: 22px; display: inline-block; margin-left: 10px;}

@media screen and (max-width: 767px) {
	form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-site,
	form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-telefon,
	form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-telefon-half-left,
	form.wpcf7-form .wpcf7-form-control-wrap.vashiyat-email-half-right{width: 100%; margin: 0 0 30px 0;}
}
/*** Contact Form 7 ***/

/*** Tooltips ***/
#tooltip-main-container{display: inline-block; width: 100%;}
.tooltip-container{position:relative; display:inline-block; color: #2489c5; cursor: pointer; font-weight: bold;}
.tooltip-container .tooltiptext{visibility:hidden; width:300px; max-height: 400px; overflow-y: scroll; background-color:#273140; color:#fff; padding: 0 20px 0 10px; border-radius:8px; border-width: 20px 0; border-color: #273140; border-style: solid; position:absolute; z-index:99; bottom:125%; left:50%; margin-left:-150px; opacity:0; transition:opacity .3s; text-align: left; font-weight: normal; cursor: default;}
/*.tooltip-container .tooltiptext::after{content:""; position:absolute; top:calc(100% + 20px); left:50%; margin-left:-8px; border-width:8px; border-style:solid; border-color:#273140 transparent transparent transparent;}*/
.tooltip-container .tooltiptext.show-toogle{display: block !important; visibility: visible; opacity: 1;}
.tooltip-container p:empty,
.tooltip-container .tooltiptext p:empty{display: none;}
.tooltip-container .tooltiptext ul li:last-child{margin-bottom: 0;}
.tooltip-container .tooltiptext .close-tooltip{width: 100%; height: 20px; color: white; font-family: 'Montserrat', sans-serif; text-align: center; font-weight: 600; line-height: 20px; position: relative; display: inline-block; margin-bottom: 10px; text-transform: uppercase;}
.tooltip-container .tooltiptext .close-tooltip i{line-height: 20px; display: inline-block; width: 20px; transform: rotate(45deg); font-size: 16px; vertical-align: middle; cursor: pointer;}
/*.tooltip-container:hover .tooltiptext{visibility:visible; opacity:1;}*/
/*** Tooltips ***/

/*** Webkit CSS Toolbar
	https://www.hongkiat.com/blog/css-scroll-bar/
***/
::-webkit-scrollbar{width: 5px;}
::-webkit-scrollbar-track{background-color: #273140;}
::-webkit-scrollbar-thumb{background-color: #0077b5;}
::-webkit-scrollbar-thumb:hover{background-color: #aaa;}
/*** Webkit CSS Toolbar ***/



/*** Global Styles ***/
/*** FOR REMOVAL ***/
/*
.margin-left-auto{margin-left: auto !important;}
.margin-right-auto{margin-right: auto !important;}
.margin-0{margin: 0 !important;}
.margin-15{margin: 15px !important;}
.margin-top-0{margin-top: 0 !important;}
.margin-top-10{margin-top: 10px !important;}
.margin-top-20{margin-top: 20px !important;}
.margin-top-30{margin-top: 30px !important;}
.margin-left-10{margin-left: 10px !important;}
.margin-right-10{margin-right: 10px !important;}
.margin-left-15,
.margin-left-15-desktop{margin-left: 15px !important;}
.margin-right-15,
.margin-right-15-desktop{margin-right: 15px !important;}
.margin-right-20{margin-right: 20px !important;}
.margin-left-30{margin-left: 30px !important;}
.margin-right-30{margin-right: 30px !important;}
.margin-bottom-0{margin-bottom: 0 !important;}
.margin-bottom-10{margin-bottom: 10px !important;}
.margin-bottom-20{margin-bottom: 20px !important;}
.margin-bottom-30{margin-bottom: 30px !important;}
.padding-0{padding: 0 !important;}
.padding-top-0{padding-top: 0 !important;}
.padding-top-10{padding-top: 10px !important;}
.padding-bottom-10{padding-bottom: 10px !important;}
.padding-top-20{padding-top: 20px !important;}
.padding-bottom-20{padding-bottom: 20px !important;}
.padding-top-30{padding-top: 30px !important;}
.padding-bottom-30{padding-bottom: 30px !important;}
.padding-top-40{padding-top: 40px !important;}
.padding-bottom-40{padding-bottom: 40px !important;}
.padding-left-15{padding-left: 15px;}
.padding-left-30{padding-left: 30px;}
.padding-right-15{padding-right: 15px;}
.padding-left-15-desktop{padding-left: 15px;}
.padding-left-100-desktop{padding-left: 100px;}
.padding-left-200-desktop{padding-left: 200px;}
.padding-right-15-desktop{padding-right: 15px;}
.padding-right-100-desktop{padding-right: 100px;}
.padding-right-200-desktop{padding-right: 200px;}
.padding-top-40-desktop{padding-top: 40px;}
.text-align-left,
.text-align-left p,
.text-align-center p.text-align-left{text-align: left !important;}
.text-align-right,
.text-align-right p{text-align: right !important;}
.text-align-center,
.text-align-center p{text-align: center !important;}
#height-100-vh{height: 100vh;}
.font-weight-300{font-weight: 300;}
.font-weight-normal{font-weight: normal !important;}
.font-weight-bold{font-weight: bold !important;}
.font-white,
.font-white p{color: white !important;}
.very-big-font{font-size: 150px;}
.uppercase-small-font{font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase;}
.text-decoration-none:hover{text-decoration: none !important;}
.line-height-1{line-height: 1;}
.position-relative{position: relative !important;}
.position-absolute{position: absolute !important;}
.position-absolute-fill-container{top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}
.position-absolute-stick-to-bottom{bottom: 20px; left: 0; right: 0; width: 100%;}
.bottom-0{bottom: 0 !important;}
.left-0{left: 0 !important;}
.right-0{right: 0 !important;}
.float-left{float: left;}
.float-right{float: right;}
.box-sizing{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.flex-container{display: flex; width: 100%; flex-direction: row;  flex-wrap: wrap; justify-content: center;}
.flex-item{flex: inherit;}
.inline-block{display: inline-block; width: 100%;}
.inline-block-only{display: inline-block;}
.one-half{width: 50%;}
.color-blue{color: #0077b5;}
.color-dark{color: #273140 !important;}

.visible-on-mobile{display: none;}
.visible-on-desktop,
.hide-on-phones{display: inline-block;}
.display-none{display: none;}
.visibility-hidden{visibility: hidden;}
.overflow-visible{overflow: visible !important;}
.hover-effect{-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-o-transition: all 0.6s ease;-ms-transition: all 0.6s ease;transition: all 0.6s ease;}
.image-box-shadow{box-shadow: 0 0 50px 2px rgba(3,3,3,.25);}
.border-radius-8{border-radius: 8px;}
.border-radius-top-8{border-radius: 7px 7px 0 0;}
.border-radius-bottom-8{border-radius: 0 0 8px 8px;}
.border-radius-4{border-radius: 4px;}
.border-radius-bottom-3{border-radius: 0 0 3px 3px;}
.border-radius-bottom-2{border-radius: 0 0 2px 2px;}
.max-width-640{max-width: 640px;}
.max-width-1024{max-width: 1024px;}
.max-width-1140{max-width: 1140px;}
.max-width-1340{max-width: 1340px;}
.width-100{width: 100%;}
.height-100{height: 100%;}
.height-50-px{height: 50px;}
.height-100-px{height: 100px;}
.min-height-830{min-height: 830px;}
.min-height-650{min-height: 650px;}
#vh-100{height: 100vh;}
.height-1010{height: 1010px;}
.z-index-10{z-index: 10;}
*/
/*** FOR REMOVAL ***/
/*** Global Styles ***/

/*** Removing The Dotted Outline ***/
/* https://css-tricks.com/removing-the-dotted-outline/ */
a, a:hover, a:active, a:focus, object, embed, input::-moz-focus-inner, button:focus, button:active{outline: 0 !important;}


/*** FOR REMOVAL ***/
/*
@media (max-width: 1369px){
	#proekt-container #proekt-container-inner{margin: 0 15px;}
	.padding-left-200-desktop{padding-left: 100px;}
	.padding-right-200-desktop{padding-right: 100px;}
	.proekt-header-text-container.vc_column_container > .vc_column-inner{padding-left: 100px; padding-right: 100px;}
	#projects-archive-page{width: 100%; margin-left: 0;}
	.wpb_single_image.intro-image img{margin-bottom: -120px;}
}

@media all and (min-width: 1199px) and (max-width: 1366px) and (min-height: 600px) and (max-height: 700px){
	.intro-column .wpb_single_image.bottom-0{bottom: -75px !important;}
}

@media (max-width: 1199px){
	.wpb_single_image.intro-image img{margin-bottom: -60px;}
}

@media (max-width: 1024px){
	.proekt-header-text-container.vc_column_container > .vc_column-inner{padding-left: 0; padding-right: 0;}
	.objectives-container{margin-left: 30px; margin-right: 30px;}
	.wpb_single_image.intro-image img{margin-bottom: 0;}
}

@media (max-width: 991px){
	.h1, h1{font-size: 2rem;}
	h1.intro-heading{font-size: 2.5rem;}
	.text-align-left,
	.text-align-left p,
	.text-align-center p.text-align-left,
	.text-align-right,
	.text-align-right p{text-align: center !important;}
	.margin-left-15-desktop{margin-left: 0;}
	.margin-right-15-desktop{margin-right: 0;}
	.padding-left-15-desktop,
	.padding-left-100-desktop,
	.padding-left-200-desktop{padding-left: 0;}
	.padding-right-15-desktop,
	.padding-right-100-desktop,
	.padding-right-200-desktop{padding-right: 0;}
	#proekt-container #proekt-container-inner{padding: 55px; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px);}
	#proekt-container #proekt-container-inner .one-half{width: 100%;}
	.other-services{padding: 60px 40px 20px 40px;}
	.proekt-header-text-container.vc_column_container > .vc_column-inner{padding-left: 50px; padding-right: 50px;}
	.projects-by-service .projects-loop-container h4{bottom: 0; font-size: 1.1rem;}
	.service-small-loop-container-bundles{width: calc(50% + 15px);}
	.service-small-loop-container li.onethird{width: 50%;}
	#pricing-table.abonament-table .column-1,
	#pricing-table.abonament-table .column-2,
	#pricing-table.abonament-table .column-3{width:100%; margin-left: 0; margin-right: 0; margin-bottom: 15px;}
	body.single-proekti #site_header{padding-left: 0; padding-right: 0;}
	body.single-proekti header{max-width: unset;}
	.proekt-header-text-container{width: 100%; float: left; height: auto; margin-top: 100px; padding: 0;}
	.proekt-header-image-container{width: 100%; height: auto; float: left;margin-top: 50px;}
	.proekt-header-text-container.vc_column_container > .vc_column-inner{padding-left: 15px; padding-right: 15px;}
	.proekt-header-image-container .proekt-header-image img{width: auto; height: 600px; position: relative;}
}

@media (max-width: 767px){
	.wpb_single_image.intro-image img{max-width: 250px;}
	h1.intro-heading{font-size: 2.2rem;}
	#site_footer .container footer{line-height: 20px;}
	.padding-top-40-desktop{padding-top: 0;}
	.visible-on-mobile{display: inline-block; width: 100%;}
	.visible-on-desktop{display: none;}
	.min-height-830,
	.min-height-650{min-height: unset;}
	.min-height-830.keep-height-on-mobile{min-height: 830px;}
	.min-height-650.keep-height-on-mobile{min-height: 650px;}
	article.proekti #vh-100{height: auto;}
	article.proekti #vh-100 .proekt-header-image-container .vc_column-inner{padding: 0;}
	article.proekti #vh-100 #particles-js{position: relative;}
	.objectives-container{padding: 50px; margin: 90px 15px;}
	.objectives-nav .slick-list{padding: 0 !important;}
	.objectives-nav .slick-list .slick-track{width: 100% !important; transform: none;}
	.objectives-nav .slick-slide h6{margin: 0; border: 0; padding: 16px 0 0 0;}
	#side-image .side-image-container{margin-left: 15px;}
	ul.big-mark li{line-height: 20px;}
	.service-description{padding: 0;}
	.service-description ul.big-mark{padding: 0 15px;}
	.projects-by-service{padding: 0 15px; margin-top: 70px;}
	.service-small-loop-container li.onethird{width: 100%;}
	.service-small-loop-container-bundles{position: relative; display: inline-block; width: calc(100% + 30px); margin-left: -15px; margin-bottom: 15px; padding: 0 15px; right: unset; bottom: unset; float: left;}
	#zapitvane.zapitvane-home{padding-top: 45px; padding-bottom: 45px; margin-left: 15px; margin-right: 15px; width: calc(100% - 30px);}
	#pricing-table.abonament-table .column-1,
	#pricing-table.abonament-table .column-2,
	#pricing-table.abonament-table .column-3{width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 15px;}
	.project-image-caption{margin: 0 0 -50px 0; position: relative;}
}

@media (max-width: 632px){
	.hide-on-phones{display: none;}

}

@media (max-width: 599px){

}

@media (max-width: 575px){
	#site_branding{width: 75%;}
	#site-mobile-menu-trigger{width: 25%;}
	.service-small-loop-container li.half{width: 100%;}
}

@media (max-width: 480px){
    .wpb_single_image.intro-image img {max-width: 250px;}
	.objectives-container{padding: 30px;}
	#proekt-container #proekt-container-inner{padding: 30px 15px;}
	#proekt-container:nth-child(odd) #proekt-container-inner{padding: 15px;}
	.other-services{padding: 50px 30px 0 30px;}
	.dg-wrapper a .hidden-proekt-title span{top: 45%;}
	.single-project-loop-container .project-heading{font-size: 1.2rem;}
	ul.big-mark.service-by-id li{margin-bottom: 30px;}
	ul.big-mark.service-by-id li:last-child{margin-bottom: 0;}
	.service-description ul.big-mark li{margin: 0 0 30px 0;}
	.tooltip-container .tooltiptext{left: -187px; margin-left: 0;}

}

@media all and (max-width: 320px) and (max-height: 480px){
   .wpb_single_image.intro-image img {max-width: 160px;}
	#tree-d-gallery{padding-left: 0 !important; padding-right: 0 !important;}
}
*/
/*** FOR REMOVAL ***/