/* GRID CSS */
.section{clear:both;padding:0px;margin:0px;}
.row{zoom:1;}
.row:before,
.row:after{content:"";display:table;}
.row:after{clear:both;}
.col{display:block;float:left;margin:1% 0 1% 1.6%;}
.col:first-child{margin-left:0;}
@media only screen and (max-width:480px){
.col{margin:0;}
}
.span-2-of-2{width:100%;}
.span-1-of-2{width:49.2%;}
@media only screen and (max-width:480px){
.span-2-of-2{width:100%;}
.span-1-of-2{width:100%;}
}
.span-3-of-3{width:100%;}
.span-2-of-3{width:66.13%;}
.span-1-of-3{width:32.26%;}
@media only screen and (max-width:480px){
.span-3-of-3{width:100%;}
.span-2-of-3{width:100%;}
.span-1-of-3{width:100%;}
}
.span-4-of-4{width:100%;}
.span-3-of-4{width:74.6%;}
.span-2-of-4{width:49.2%;}
.span-1-of-4{width:23.8%;}
@media only screen and (max-width:480px){
.span-4-of-4{width:100%;}
.span-3-of-4{width:100%;}
.span-2-of-4{width:100%;}
.span-1-of-4{width:100%;}
}
.span-5-of-5{width:100%;}
.span-4-of-5{width:79.68%;}
.span-3-of-5{width:59.36%;}
.span-2-of-5{width:39.04%;}
.span-1-of-5{width:18.72%;}
@media only screen and (max-width:480px){
.span-5-of-5{width:100%;}
.span-4-of-5{width:100%;}
.span-3-of-5{width:100%;}
.span-2-of-5{width:100%;}
.span-1-of-5{width:100%;}
}
.span-6-of-6{width:100%;}
.span-5-of-6{width:83.06%;}
.span-4-of-6{width:66.13%;}
.span-3-of-6{width:49.2%;}
.span-2-of-6{width:32.26%;}
.span-1-of-6{width:15.33%;}
@media only screen and (max-width:480px){
.span-6-of-6{width:100%;}
.span-5-of-6{width:100%;}
.span-4-of-6{width:100%;}
.span-3-of-6{width:100%;}
.span-2-of-6{width:100%;}
.span-1-of-6{width:100%;}
}
.span-7-of-7{width:100%;}
.span-6-of-7{width:85.48%;}
.span-5-of-7{width:70.97%;}
.span-4-of-7{width:56.45%;}
.span-3-of-7{width:41.94%;}
.span-2-of-7{width:27.42%;}
.span-1-of-7{width:12.91%;}
@media only screen and (max-width:480px){
.span-7-of-7{width:100%;}
.span-6-of-7{width:100%;}
.span-5-of-7{width:100%;}
.span-4-of-7{width:100%;}
.span-3-of-7{width:100%;}
.span-2-of-7{width:100%;}
.span-1-of-7{width:100%;}
}
.span-8-of-8{width:100%;}
.span-7-of-8{width:87.3%;}
.span-6-of-8{width:74.6%;}
.span-5-of-8{width:61.9%;}
.span-4-of-8{width:49.2%;}
.span-3-of-8{width:36.5%;}
.span-2-of-8{width:23.8%;}
.span-1-of-8{width:11.1%;}
@media only screen and (max-width:480px){
.span-8-of-8{width:100%;}
.span-7-of-8{width:100%;}
.span-6-of-8{width:100%;}
.span-5-of-8{width:100%;}
.span-4-of-8{width:100%;}
.span-3-of-8{width:100%;}
.span-2-of-8{width:100%;}
.span-1-of-8{width:100%;}
}
.span-9-of-9{width:100%;}
.span-8-of-9{width:88.71%;}
.span-7-of-9{width:77.42%;}
.span-6-of-9{width:66.13%;}
.span-5-of-9{width:54.84%;}
.span-4-of-9{width:43.55%;}
.span-3-of-9{width:32.26%;}
.span-2-of-9{width:20.97%;}
.span-1-of-9{width:9.68%;}
@media only screen and (max-width:480px){
.span-9-of-9{width:100%;}
.span-8-of-9{width:100%;}
.span-7-of-9{width:100%;}
.span-6-of-9{width:100%;}
.span-5-of-9{width:100%;}
.span-4-of-9{width:100%;}
.span-3-of-9{width:100%;}
.span-2-of-9{width:100%;}
.span-1-of-9{width:100%;}
}
.span-10-of-10{width:100%;}
.span-9-of-10{width:89.84%;}
.span-8-of-10{width:79.68%;}
.span-7-of-10{width:69.52%;}
.span-6-of-10{width:59.36%;}
.span-5-of-10{width:49.2%;}
.span-4-of-10{width:39.04%;}
.span-3-of-10{width:28.88%;}
.span-2-of-10{width:18.72%;}
.span-1-of-10{width:8.56%;}
@media only screen and (max-width:480px){
.span-10-of-10{width:100%;}
.span-9-of-10{width:100%;}
.span-8-of-10{width:100%;}
.span-7-of-10{width:100%;}
.span-6-of-10{width:100%;}
.span-5-of-10{width:100%;}
.span-4-of-10{width:100%;}
.span-3-of-10{width:100%;}
.span-2-of-10{width:100%;}
.span-1-of-10{width:100%;}
}
.span-11-of-11{width:100%;}
.span-10-of-11{width:90.76%;}
.span-9-of-11{width:81.52%;}
.span-8-of-11{width:72.29%;}
.span-7-of-11{width:63.05%;}
.span-6-of-11{width:53.81%;}
.span-5-of-11{width:44.58%;}
.span-4-of-11{width:35.34%;}
.span-3-of-11{width:26.1%;}
.span-2-of-11{width:16.87%;}
.span-1-of-11{width:7.63%;}
@media only screen and (max-width:480px){
.span-11-of-11{width:100%;}
.span-10-of-11{width:100%;}
.span-9-of-11{width:100%;}
.span-8-of-11{width:100%;}
.span-7-of-11{width:100%;}
.span-6-of-11{width:100%;}
.span-5-of-11{width:100%;}
.span-4-of-11{width:100%;}
.span-3-of-11{width:100%;}
.span-2-of-11{width:100%;}
.span-1-of-11{width:100%;}
}
.span-12-of-12{width:100%;}
.span-11-of-12{width:91.53%;}
.span-10-of-12{width:83.06%;}
.span-9-of-12{width:74.6%;}
.span-8-of-12{width:66.13%;}
.span-7-of-12{width:57.66%;}
.span-6-of-12{width:49.2%;}
.span-5-of-12{width:40.73%;}
.span-4-of-12{width:32.26%;}
.span-3-of-12{width:23.8%;}
.span-2-of-12{width:15.33%;}
.span-1-of-12{width:6.86%;}
@media only screen and (max-width:480px){
.span-12-of-12{width:100%;}
.span-11-of-12{width:100%;}
.span-10-of-12{width:100%;}
.span-9-of-12{width:100%;}
.span-8-of-12{width:100%;}
.span-7-of-12{width:100%;}
.span-6-of-12{width:100%;}
.span-5-of-12{width:100%;}
.span-4-of-12{width:100%;}
.span-3-of-12{width:100%;}
.span-2-of-12{width:100%;}
.span-1-of-12{width:100%;}
}

/* NOrmalize CSS */
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
article,
aside,
footer,
header,
nav,
section{display:block;}
figcaption,
figure,
main{display:block;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,
strong{font-weight:inherit;}
b,
strong{font-weight:bolder;}
code,
kbd,
samp{font-family:monospace, monospace;font-size:1em;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
audio,
video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,
input,
optgroup,
select,
textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
button,
input{overflow:visible;}
button,
select{text-transform:none;}
button,
html [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:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;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-cancel-button,
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details,
menu{display:block;}
summary{display:list-item;}
canvas{display:inline-block;}
template{display:none;}
[hidden]{display:none;}

*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
html{color:#363636;font-family:'Muli', 'Helvetica', 'Arial', sans-serif;text-rendering:optimizeLegibility;}
.row{max-width:1140px;margin:0 auto;}
section{padding:80px 0;}
p{font-weight:400;}
.design_font{font-family:'Playfair Display', 'Helvetica', sans-serif;font-weight:800;font-size:120%;}
a:link, a:visited{color:#fff;text-decoration:none;padding-bottom:2px;}
a:active, a:hover{color:#fff;}
.button:link,
.button:visited,
input[type=submit]{display:inline-block;padding:10px 30px;font-weight:300;text-decoration:none;-webkit-transition:background-color 0.3s, border 0.3s, color 0.3s;transition:background-color 0.3s, border 0.3s, color 0.3s;}
.button_small:link,
.button_small:visited,
input[type=submit]{display:inline-block;padding:10px 10px;font-weight:300;text-decoration:none;-webkit-transition:background-color 0.3s, border 0.3s, color 0.3s;transition:background-color 0.3s, border 0.3s, color 0.3s;font-size:13px;text-transform:uppercase;}
.button_small:active,
.button_small:hover{padding:10px 10px;}
.button-ghost:link,
.button-ghost:visited{border:1px solid #fff;color:#fff;}
.button-full:link,
.button-full:visited,
input[type=submit]{background-color:#fff;border:3px solid #80c142;color:#80c142;font-weight:600;font-size:17px;}
.button-ghost:hover,
.button-ghost:active{border:1px solid #fff;background-color:#fff;color:#392960;}
.button-full:hover,
.button-full:active{background-color:#80c142;border:3px solid #80c142;color:#fff;}
h1{font-family:'Playfair Display', 'Helvetica', sans-serif;font-size:5em;margin-top:10px;color:#fff;font-weight:800;}
header h2{color:#fff;font-size:3.5em;font-weight:300;}
section h2{font-family:'Muli', 'Helvetica', sans-serif;font-size:2.8em;text-align:center;margin-bottom:30px;font-weight:400;}
section h2:after{display:block;height:3px;background-color:#80c142;content:" ";width:100px;margin:0 auto;margin-top:30px;}
h3{font-size:130%;margin-bottom:15px;line-height:145%;}
.logo{height:50px;width:auto;float:left;margin-top:12.5px;margin-left:30px;}
.nav{height:80px;width:100%;position:relative;border-bottom-width:1px;border-style:solid;-o-border-image:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%) 5%;border-image:-webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,0.2)), to(rgba(255,255,255,0))) 5%;border-image:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%) 5%;}
.nav .nav-header{display:inline;}
.nav .nav-btn{display:none;}
.nav ul{display:inline-block;margin-top:20px;float:right;margin-right:60px;}
.nav ul li{display:inline-block;font-size:18px;margin-left:50px;}
.nav ul li a{padding-top:8px;padding-bottom:8px;text-decoration:none;color:#fff;font-size:13px;font-weight:300;text-transform:uppercase;-webkit-transition:0.1s;transition:0.1s;}
.main-nav li a:link, a:visited{text-decoration:none;padding-bottom:2px;}
.nav li a:hover, .nav li a:active{border-top:1px solid #fff;border-bottom:1px solid #fff;background-color:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.nav #nav-check{display:none;}
#nav{position:absolute;right:0;}
header{background:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 4, 105, 0.9)), to(rgba(69, 8, 150, 0.4))), url("http://www.jollymedia.eu/resources/img/dieze4.png");height:100vh;background-position:bottom;background-size:cover;}
.header_textbox{position:absolute;width:70%;top:35%;left:15%;text-align:center;}
.header_textbox img{width:350px;margin-bottom:20px;}
.particles-js{height:100%;}
.icon-big{margin-top:40px;font-size:350%;display:block;color:#80c142;}
.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}
.arrow{text-align:center;margin:3% 0;}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
60%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);transform:translateY(0);}
40%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
60%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
}
#services{text-align:center;}
#services .col{padding:0px 30px;}
#services h3{color:#363636;font-weight:300;}
#services .row{width:75%;padding-bottom:60px;}
.emp{font-weight:600;}
#services img{width:140px;padding-bottom:20px;-webkit-transition:0.3s ease;transition:0.3s ease;}
#services img:hover{-webkit-transform:translate(0px, -8px);transform:translate(0px, -8px)}
.details_link{margin-top:20px;}
.details_link a{color:#80c142;border-bottom:2px solid #80c142;padding-bottom:4px;font-size:20px;font-weight:400;}
.details_link a:hover{color:#679a36;border-bottom:2px solid #679a36;}
#portfolio{background-color:#fafafa;color:#333;padding:80px 0 0 0;border-top:1px solid #ebebeb;}
#portfolio h3{font-weight:300;}
#portfolio .row{width:75%;padding-bottom:60px;text-align:center;}
.folio{margin:0;padding:0;clear:left;list-style:none;overflow:hidden;background-color:#363636;color:#fff;}
.folio li{display:block;float:left;width:33%;}
.folio li a{color:#fff;}
.folio-item{position:relative;width:100%;margin:0;overflow:hidden;background-color:#000;}
.folio-item img{width:100%;height:auto;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:0.3s ease;transition:0.3s ease;}
.folio-item p{position:absolute;top:10%;left:20%;width:60%;font-size:1.5em;text-align:center;opacity:0;}
.folio-item:hover p{opacity:0;}
.folio-item .button{position:absolute;top:55%;left:37%;font-size:1em;opacity:0;padding:10px;border:1px solid #fff;border-radius:30px;-webkit-transform:border 0.3s ease-in-out;transform:border 0.3s ease-in-out;}
.folio-item:hover img{width:100%;height:auto;-webkit-transform:scale(1.1);transform:scale(1.1);}
.section_trial{background:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 4, 105, 0.8)), to(rgba(69, 8, 150, 0.6))), url("http://www.jollymedia.eu/resources/img/pattern2.svg");background-size:cover;background-position:bottom;padding:50px 0 50px 0;}
.trial_wrap{max-width:700px;margin:0 auto;text-align:center;}
.section_trial h2{color:#fff;padding-bottom:20px;font-size:200%;margin-bottom:0;font-weight:600;}
.section_trial p{color:#fff;text-align:center;font-size:18px;font-weight:300;line-height:150%;}
.section_trial .button{margin-top:25px;}
.section_trial h2:after{display:none;}
#about{background:#fff;color:#333;}
.main-statement{text-align:center;padding:50px;}
.main-statement h3{font-weight:300;font-family:'Playfair Display', 'Helvetica', sans-serif;}
#about p{line-height:145%;margin-bottom:25px;}
.reasons{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.3))), url(http://jollymedia.eu/resources/img/desk.jpeg);background-image:linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)), url(http://jollymedia.eu/resources/img/desk.jpeg);background-size:cover;height:230px;background-position:center;background-attachment:fixed;}
.reasons h2{color:#fff;font-family:'Playfair Display';font-weight:600;text-align:center;font-size:2.5em;}
.reasons h2:after{display:none;}
.reasons .border{border-style:solid;border-color:#fff;border-left-width:1px;border-right-width:1px;border-top-width:0px;border-bottom-width:0px;}
.reasons i{padding-right:10px;}
footer{background:-webkit-gradient(linear, left top, left bottom, from(rgba(47, 4, 105, 0.8)), to(rgba(69, 8, 150, 0.6))), url("http://www.jollymedia.eu/resources/img/pattern2.svg");padding:50px 70px 40px 70px;background-color:#333;background-position:bottom;color:#fff;}
.footer_wrapper{margin:0 auto;width:85%;}
.footer_wrapper .address{font-size:12px;}
footer .col:first-child{padding-right:40px;}
footer .col:nth-child(2){padding-left:40px;}
.data{padding-top:15px;}
footer img{width:200px;}
footer p{margin-top:15px;font-size:13px;margin-bottom:15px;opacity:0.7;width:95%;font-weight:300;line-height:145%;}
hr{margin-top:15px;width:80px;border-top:0px;opacity:0.4;}
footer ul{margin-top:15px;}
footer ul li{list-style:none;font-size:16px;margin-bottom:5px;line-height:145%;}
footer a, footer a:visited{text-decoration:none;opacity:0.7}
footer li a:active, footer li a:hover{color:#fff;opacity:1;}
footer h4{color:#fff;}
footer .contacts p{font-size:16px;}
footer i{margin-right:20px;color:#fff;}
.copyright{text-align:center;margin-top:20px;color:#fff;}
.copyright p{font-size:15px;}
.tos a{color:#fff;}
.portfolio-header{height:80px;}
.extended-folio,
.contact_section,
.service-menu-section{padding-bottom:30px;}
.service-menu-section h1, .extended-folio h1, .contact_section h1 {text-align: center; color: #333; font-family: Muli; font-size: 3em; font-weight: 400;margin-bottom: 30px;}
.service-menu-section h1:after, .extended-folio h1:after, .contact_section h1:after {display: block; height: 3px; background-color: #80c142; content: " "; width: 100px; margin: 0 auto; margin-top: 30px;}
.extended-folio h3,
.contact_section h3,
.service-menu-section h3{color:#363636;font-weight:300;font-size:18px;margin:0 auto;width:90%;text-align:center;}
.contact_section h3{padding-bottom:15px;}
.slider-container{margin:40px auto;text-align:center;}
.slider-container ul{display:inline-block;list-style:none;}
.nav-gallery li{cursor:pointer !important;position:relative;display:block;float:left;margin:0 20px;text-align:center;}
.filter-item{font-family:'Muli', 'Helvetica', sans-serif;font-size:15px;font-weight:300;border-top:1px solid #333;border-bottom:1px solid #333;padding:5px 0;}
.filter-item:hover{color:#333;border:none;padding:6px 0;}
.filtr-container{min-height:230vh;}
.filtr-container .row{text-align:center;width:80%;}
.filtr-item{width:33%;padding:0px 5px;}
.filtr-item img{width:100%;height:auto;margin-top:10px;border:1px solid #fafafa;}
.contact_section{padding-bottom:80px;}
.contact_section h4{margin-top:40px;margin-bottom:30px;font-size:115%;color:#646363;}
.contact_section .row{width:80%;}
.contact_section p{margin-bottom:20px;font-size:95%;font-weight:300;}
.contact_section a{color:#80c142;}
.contact-form{width:100%;margin:0 auto;}
.contact_row{width:100%;padding:0px;}
input[type=text],
input[type=email],
select,
textarea{width:100%;padding:10px;border:1px solid #ccc;}
textarea{height:80px;}
*:focus{outline:none}
.service-menu-section{border-bottom:1px solid #ebebeb;margin-bottom:0px;}
.service-menu{margin-top:20px;text-align:center;margin-bottom:40px;width:80%;}
.service-menu h4{font-size:14px;margin-top:20px;font-weight:300;}
.service-menu img{height:80px;-webkit-transition:0.3s ease;transition:0.3s ease;}
.service-menu img:hover{-webkit-transform:translate(0px, -8px);transform:translate(0px, -8px)}
.services-described{background-color:#fafafa;text-align:center;}
.service-ico{height:110px;margin-bottom:20px;}
.services-described h2{font-size:230%;}
.services-described p{font-size:120%;width:75%;margin:0 auto;font-weight:300;line-height:145%;}
.service-image{width:65%;margin:40px auto;}
.service-image img{width:90%;}
.service-list{border-bottom:1px solid #ebebeb;padding:80px 0;}
.service-list:first-child{padding-top:0px;}
.service-features{margin-top:30px;}
.service-features h4{font-size:125%;}
.service-features p{font-size:16px;line-height:145%;margin-top:15px;text-align:justify;}
.service-action{margin:0 auto;}
.service-action p{margin-top:40px;line-height:150%;}
.button-features{margin-top:30px;}
.other-service{margin-top:60px;}
.other-service a{color:#80c142;}
#myBtn{display:none;position:fixed;bottom:40px;right:40px;z-index:99;font-size:20px;border:none;outline:none;background-color:#79ba44;color:white;cursor:pointer;padding:15px 20px;border-radius:4px;font-family:'Muli', 'Helvetica', 'Arial', sans-serif;}
#myBtn i{font-size:120%;}
#myBtn:hover{background-color:#609931;}