@font-face{font-family:'FontAwesome';src:url('/templates/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/templates/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/templates/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/templates/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/templates/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/templates/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
body{padding: 0; margin: 0; background: #fff; color: #999;font-family: 'Roboto',sans-serif; font-size: 14px; min-width: 330px; font-weight: 400}
.cleaner{width: 0; height: 0; line-height: 0; font-size: 0; clear: both}
h1,h2,h3,h4,h5,h6{padding: 0; margin: 0 0 1em; font-weight: 500;color: #666}
h1{font-size: 28px; color:#9ec118; /*font-weight:500*/}
h1.bigger{font-size:28px}
h1 .slim{color:#4d4d4d; font-weight:500}
h2{font-size: 19px}
h2.bigger{font-size:17px}
h3{font-size: 17px;margin-bottom:0.3em}
h4,h5,h6{font-size: 12px}
p{line-height: 1.8em; padding: 0; margin: 0 0 2em}
p.bigger{line-height:28px; color:#000; font-size:18px}
a{color: inherit; text-decoration: underline}
a:hover{text-decoration: none}
ul{line-height:24px}
header{border-bottom: 1px solid #cbcbcb;background: #fff; position: fixed; left: 0; top:0; width: 100%; height: 108px;z-index: 10; min-width: 330px}
#permaBox{height: 109px; width: 100%}
.inner{max-width: 1170px; width: 100%; margin: 0 auto}
#logo{margin: 25px 0 25px 17px; float: left;display: block; width: 195px; height: 58px}
#logo img{max-width: 100%}
#CTAPhone{float: left; margin: 46px 0 0 25px;}
#CTAPhone a{text-decoration: none; color: #fff; background: #9ec118;font-size: 12px; font-weight: 500; height: 26px; line-height: 26px; padding: 0 15px; display: inline-block; border-radius: 4px}
#CTAPhone a:before{margin-right: 5px; font-family: 'FontAwesome'; content:'\f095'}
#menu{float: left; margin: 46px 0 0 45px;}
#menu>a{display: none}
#menu>ul{list-style: none; margin: 0; padding: 0;}
#menu>ul>li{list-style-image: none; margin: 0; padding: 0; float: left}
#menu>ul>li>a{font-family: 'Roboto Condensed',sans-serif; font-weight: bold; font-size: 16px; color: #b6b6b6; text-decoration: none; padding: 0 8px; height: 26px; line-height: 26px; display: block; margin: 0 5px}
#menu>ul>li.selected>a,#menu>ul>li.throw>a,#menu>ul>li:hover>a{color: #9dcb00}
#menu>ul>li:nth-child(6)>a{color: #fff; background: #00b4ff; border-radius: 4px}
#lang{float: right; margin: 46px 15px 0 25px;}
#lang a,#lang span{display: inline-block; height: 26px; line-height: 26px; margin-right: 5px; color: #b6b6b6; font-weight: 500;text-decoration: none}
#lang span.selected{color: #9dcb00}
#social{float: right; margin: 46px 0 0 25px;}
#social a{font-size: 0; text-decoration: none; display: inline-block; height: 26px; line-height: 26px; color: #b6b6b6}
#social a:after{font-family: 'FontAwesome'; font-size: 16px;}
#social a.fb:after{content:'\f230'}
#social a.gpass:after{content:'\f2b3'}
#social a.fb:hover:after{color: #4267b2}
#social a.gpass:hover:after{color: #db4437}
#sliderArea{max-width: 1170px; margin: 0 auto; width: 100%}
#Xlogos{margin-top: 60px;text-align: center; margin-bottom: 60px}
#Xlogos .title{font-size: 34px; color: #4d4d4d; font-weight: 300; padding-bottom: 40px; background: url(/templates/images/specT.png) no-repeat center bottom; margin-bottom: 40px; }
.logosG{display: table; width: 100%; table-layout: fixed}
.logosG .row{display: table-row;}
.logosG>.row:nth-child(1) .item{border-right: 1px solid #eee}
.logosG>.row:nth-child(1)>.item:last-child{border-right: 0}
.logosG>.row:nth-child(2) .item{border-right: 1px solid #eee; border-top: 1px solid #eee}
.logosG>.row:nth-child(2)>.item:last-child{border-right: 0}
.logosG .row .item{display: table-cell; height: 120px; vertical-align: middle; padding: 0 15px}
.logosG .row .item a{text-decoration: none;display: inline-block}
.logosG .row .item img{max-width: 100%;transition: all .25s ease-in-out;opacity: 0.3;filter:grayscale(100%);}/*filter:grayscale(100%);*/
.logosG .row .item a:hover img{opacity: 1;filter:none}/**/
#Xlogos .mora{margin-top: 60px}
#Xlogos .mora a{text-decoration: none; color: #b2b2b2; font-size: 12px; font-weight: 900; padding: 0px 50px; height: 48px; line-height: 46px;text-transform: uppercase; display: inline-block; border:1px solid #b2b2b2; border-radius: 25px; letter-spacing: 1px;transition: all .25s ease-in-out; box-sizing: border-box; background: #fff}
#Xlogos .mora a:after{content:'\f061'; font-family: 'FontAwesome'; margin-left: 10px; font-weight: 400}
#Xlogos .mora a:hover{border-color:#9ec118; box-shadow: 0 10px 30px rgba(0,0,0,0.1)}
#home{background: #9ec118; padding: 60px; color: #fff;text-align: center; margin-bottom: 30px}
#home h1{color: inherit; font-weight: 300;font-size:34px}
#home p{line-height: 2em; font-size: 13px; font-weight: 500; margin-bottom: 0}
#buttons{margin-bottom: 40px}
#buttons a{display: block; float: left; height: 150px; box-sizing: border-box; text-align: center; width: 30%; color: #9ec118; font-size: 24px; font-weight: 700;text-decoration: none}
#buttons a .small{color: #585858; font-size: 12px; font-weight: 400; display: block}
#buttons a.ci:before{content:'\f25b'; font-family: 'FontAwesome'; display: block; margin-bottom: 15px; font-size: 55px;font-weight: 400}
#buttons a.wp:before{content:'\f006'; font-family: 'FontAwesome'; display: block; margin-bottom: 15px; font-size: 55px;font-weight: 400}
#buttons a.ms:before{content:'\f091'; font-family: 'FontAwesome'; display: block; margin-bottom: 15px; font-size: 55px;font-weight: 400}
#buttons .arrow{font-size: 0; float: left; width: 5%; position: relative; height: 150px}
#buttons .arrow:after{content:'\f105'; font-family: 'FontAwesome'; color: #dbdbdb; font-size: 60px; position: absolute; top:60px; width: 100%; text-align: center}
#hpboxes h2{font-weight: bold; font-size: 19px; color: #9ec118}
#hpboxes p{margin-bottom: 0}
#pr,#is,#rs{width: 31%;float: left; box-sizing: border-box; padding: 45px 40px; color: #000; box-shadow: 1px 3px 4px rgba(0,0,0,0.24); border-radius: 8px; border: 1px solid rgba(0,0,0,0.24); height: 348px}
#pr,#is{margin-right: 3.5%}
footer{margin-top: 60px}
#question{background: #9ec118; text-align: center; font-weight: 300; font-size: 31px; padding: 35px 10px}
#question a{color: #fff; text-decoration: none}
footer .logo{float: left; margin-top: 50px; margin-left: 15px; width: 190px; height: 58px}
footer .logo img{max-width: 100%}
footer #address{margin-left: 40px; margin-top: 69px; float: left;font-size: 15px}
footer #address a{text-decoration: none; color: #252525; font-weight: 500; transition: all .25s ease-in-out}
footer #address a:hover{color: #9ec118;}
footer #address:before{content:'\f015'; font-family: 'FontAwesome'; margin-right: 5px}
footer #pankac{float: right; margin-top: 37px; margin-right: 15px}
#pankac .img{float: left; width: 50px}
#pankac .img img{max-width: 100%}
#pankac .title{float: left; margin-left: 15px; font-size: 20px; font-weight: bold; color: #9ec118; margin-top: 25px}
#pankac .title .black{color: #252525}
#pankac .title .black .thin{font-weight: 300}
#pankac .phone{float: left; margin-left: 15px; margin-top: 18px}
#pankac .phone a{display: block; padding: 0 25px; font-size: 17px; font-weight: 700; color: #fff; background: #9ec118; text-decoration: none; height: 40px; line-height: 40px; border-radius: 6px}
#copy{text-align: center; padding: 20px 10px; font-size: 11px; color: #b6b6b6}
#copy a{color: inherit; text-decoration: none}
#sNav{background: #9ec118; padding: 40px 0; color: #fff; font-size: 13px}
#sNav a{color: inherit; text-decoration: none; padding: 0 5px; display: inline-block; height: 26px; line-height: 26px; box-sizing: border-box; border-bottom: 2px solid transparent; margin: 0 10px}
#sNav a:hover,#sNav li.selected>a{border-bottom-color: #fff}
#sNav .title{float: left; margin-left: 15px}
#sNav .title a{border-bottom-color: #fff}
#sNav .navs{float: left; margin-left: 100px}
#sNav .navs ul{list-style: none; margin: 0; padding: 0}
#sNav .navs ul li{list-style-image: none; margin: 0; padding: 0; float: left}
#RC{margin-top: 60px}
#RC .inner{max-width: 1140px}
.dividerH{background: #ededed; background: linear-gradient(#ededed,#fff); height: 4px; width: 100%; margin-bottom: 50px; margin-top: 50px}
.fa{color: #9ec118; font-size: 55px; display: block; margin-bottom: 15px; font-weight: 400}
.fa:after{font-family: 'FontAwesome';}
.fa.victory:after{content: '\f25b'}
.fa.star:after{content: '\f006'}
.fa.cup:after{content: '\f091'}
.fa.basket:after{content: '\f291'}
.fa.newspaper:after{content:'\f1ea'}
.fa.eye:after{content:'\f06e'}
.fa.identity:after{content:'\f2be'}
#buttons a.idea:before{content:'\f0eb'; font-family: 'FontAwesome';display: block;margin-bottom: 15px;font-size: 55px;font-weight: 400;}
#buttons a.code:before{content:'\f121'; font-family: 'FontAwesome';display: block;margin-bottom: 15px;font-size: 55px;font-weight: 400;}
#buttons a.content:before{content:'\f044';font-family: 'FontAwesome';display: block;margin-bottom: 15px;font-size: 55px;font-weight: 400;}
h2.inside{font-size: 31px; font-weight: 300; padding-bottom: 1em; background: url(/templates/images/specT.png) no-repeat center bottom; margin-bottom: 1em}
#refMainPage{padding-top: 60px; min-height:600px}
#refMainPage h1{font-size: 34px; color: #9ec118; margin-bottom: 1em}
#refMainPage h1 .slim{color: #4d4d4d; font-weight: 500}
#refMainPage{text-align: center;}
#refMainPage img{border-radius: 8px; max-width: 100%}
#refMainPage h2,h2.magic{padding-bottom: 1em ;margin-bottom: 1em; color: #9ec118; font-size: 31px; background: url(/templates/images/specT.png) no-repeat left bottom; font-weight: 700;text-align: left;}
#refMainPage h2{text-align:center; background-position:center bottom}
#refMainPage h2 .slim,h2.magic .slim{text-decoration: none; color: #4d4d4d; display: block; font-weight: 300}
#refMainPage .more{margin-bottom: 4.5em;}
#refMainPage .more a{display: inline-block; padding: 0px 25px; height: 48px; line-height: 46px; border:1px solid #b2b2b2; color: #b2b2b2; font-weight: 900; font-size: 12px;text-decoration: none;transition: all .25s ease-in-out; border-radius: 10px; letter-spacing: 1px; text-transform: uppercase; box-sizing: border-box; background: #9ec118; color: #fff;}
#refMainPage .more a:after{content:'\f061'; font-family: 'FontAwesome'; margin-left: 10px; font-weight: 400}
#refMainPage .more a:hover{border-color: #9ec118; box-shadow: 0 10px 30px rgba(0,0,0,0.1)}
#refMainPage .title{font-weight: 500; color: #000; margin-top: 10px; margin-bottom: 20px;transition: all .25s ease-in-out; font-size: 14px; font-family: 'Roboto',sans-serif; background: none}
#refMainPage .col a{text-decoration: none}
#refMainPage .col a:hover .title{color: #9ec118}
#refMainPage .back{margin-bottom: 30px}
#refMainPage .back a{display: inline-block; text-decoration: none;transition: all .25s ease-in-out; color: #666; font-size: 13px; font-weight: 300}
#refMainPage .back a:before{content:'\f104'; font-family: 'FontAwesome'; margin-right: 5px; font-weight: 400}
#refMainPage .refdet h1{padding-bottom: 1em; margin-bottom: 2em; background: url(/templates/images/specT.png) no-repeat center bottom;font-weight: 700}
#refMainPage .refdet h1 .slim{display: block; font-weight: 300;}
.refdet .mac{margin-bottom: 60px}
.refdet .shadowImg{margin-bottom: 2em}
.refdet .shadowImg img{box-shadow: 0 9px 30px rgba(0,0,0,0.2)}
.refdet .boxShadow{border:1px solid #f1f1f1; border-radius: 8px; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.1);text-align: left; margin-bottom: 2.8em}
.refdet .in{max-width: 944px; margin: 0 auto; width: 100%; padding-top: 60px; padding-bottom: 40px}
#refMainPage .refdet .boxShadow h2{background: none; color: #666; padding-bottom: 0;text-align:left}
.refdet .xtit{background: #e5e5e5; color: #fff; font-weight: bold; display: inline-block; margin-bottom: 2em; padding: 5px 20px; border-radius: 20px;text-transform: uppercase; letter-spacing: 1px}
.pager{padding: 10px}
.pager a,.pager span{display: inline-block; margin-right: 10px; width: 30px; height: 30px; line-height: 30px;text-decoration: none;text-align: center}
.pager span{background: #9ec118; color: #fff}
.pager>*:nth-last-child{margin-right: 0}
.square{list-style-type: square;}
.refdet .square{margin: 0 0 0 1.8em; padding: 0}
.refdet .square li{padding: 6px 0; line-height: 1.5em}
/*.refdet .square.nopad{padding-left: 0}*/
.refdet .twoCols .col{width: 46%; margin-right: 8%}
#refMainPage .refdet .boxShadow h2.nobreak .slim{display: inline-block}
#refMainPage .refdet .more{margin-top: 4.5em}
#refMainPage .refdet .more a{border-radius: 30px;padding: 1px 30px 0; border-color: #9ec118}
.pankreativci{}
.pankreativci .item{width: 25%; height: 260px; float: left;position: relative}
.pankreativci .item:nth-child(n){background: #f1f1f1}
.pankreativci .item:nth-child(2n){background: #e6e6e6}
.pankreativci .item .front,.pankreativci .item .back{position: absolute; width: 100%; height: 100%; cursor: pointer;transition:all .25s ease-in-out; overflow:hidden; transform-style:preserve-3d; backface-visibility: hidden}
.pankreativci .item .front{transform:rotateY(0deg); background: inherit;z-index: 10}
.pankreativci .item .back{transform:rotateY(180deg); background: inherit;z-index: 9; font-size: 12px}
.pankreativci .item .in{padding: 25px;}
.pankreativci .item .img{width: 125px; height: 140px; margin-bottom: 20px}
.pankreativci .item .img img{max-width: 100%; max-height: 100%}
.pankreativci .item .title{font-size: 19px; color: #666; font-family: 'Roboto',sans-serif; margin-bottom: 3px}
.pankreativci .item .subtext{color: #999;}
.pankreativci .item.flip .front{transform: rotateY(180deg);z-index: 9}
.pankreativci .item.flip .back{transform: rotateY(0deg);z-index: 10}
.pankreativci.reverse .item:nth-child(n){background: #e6e6e6}
.pankreativci.reverse .item:nth-child(2n){background: #f1f1f1}
.kreativci{margin-top:45px}
.kreativci .item{width: 25%; height: 260px; float: left; position: relative}
.kreativci .item:nth-child(n){background: #f1f1f1}
.kreativci .item:nth-child(2n){background: #e6e6e6}
.kreativci .item .in{padding: 25px}
.kreativci .item .in .left{width: 50%; float: left}
.kreativci .item .in .right{width: 45%; margin-left: 5%;float: left; padding-top: 15px}
.kreativci .item .img{width: 100%; height: 140px; margin-bottom: 20px}
.kreativci .item .img img{max-width: 100%; max-height: 100%}
.kreativci .item .title{font-size: 19px; color: #666; font-family: 'Roboto',sans-serif; margin-bottom: 3px;}
.kreativci .item .right{font-size: 12px; color: #999; font-style: italic;text-align: left}

.twoCols .col{float: left; width: 48%; margin-right: 4%}
.twoCols .col:nth-child(2){margin-right: 0}
.threeCols .col{float: left; width: 32%; margin-right: 2%}
.threeCols .col:nth-child(3){margin-right: 0}
.fourCols .col{width: 22%; float: left; margin-right: 4%}
.fourCols .col:nth-child(4n){margin-right: 0}
.fourCols.margedcol .col{margin-bottom: 2em}
.col img,.col iframe{max-width: 100%; max-height: 100%}
.midI{display: table-cell; vertical-align: middle;text-align: center; width: inherit}

.twoCols.l33 .col:nth-child(1){width: 33%}
.twoCols.l33 .col:nth-child(2){width: 63%}
.threeCols.articles .col{display: block;text-decoration: none;color: #afafaf; width: 30%; margin-right: 5%; margin-bottom: 2.2em}
.threeCols.articles .col:nth-child(3){margin-right: 0}
.threeCols.articles .col h2{font-size: 17px; font-weight: 500; color: #666; margin-bottom: 3px}
.threeCols.articles .col .img{margin-bottom: 15px}
.threeCols.articles .col .date{margin-bottom: 20px}
.threeCols.articles .col p{margin-bottom: 1em;}
.threeCols.articles .col .link{display: inline-block; padding: 6px 20px; text-transform: uppercase; color: #fff; background: #9ec118}
.fourCols .col h2{font-size:18px}
.articlePerex p{font-size:18px}
.mb40{margin-bottom:40px}
#CC{position:relative;z-index:9}

#mContext{transition-property: left,width,transform; transition-duration: .25s;transition-timing-function: cubic-bezier(.35,0,.25,1);width: 100%;-webkit-backface-visibility: hidden;}
#mContext.shrinked{transform: translate3d(200px,0,0); position: fixed; min-height: 0; overflow: hidden;}
#overlaymContext{opacity: 0.8; background: #000; width: 100%; height: 100%;position: fixed;top: 0; z-index: 200}
.sidenav{position: fixed; width: 200px; transform: translate(-100%,0); transition: all .25s ease-in-out; left: 0; top:0; height: 100%; background: #fff; color: #000; visibility: hidden; padding: 0 10px; overflow-y: scroll}
.sidenav.expanded{transform: translate(0,0); visibility: visible;}
.sidenav .supertitle{padding: 15px 0 15px 20px; font-size: 20px; font-weight: bold;}
.sidenav ul{list-style: none; margin: 0; padding: 0}
.sidenav>ul{background-color: #fff;width: 180px;}
.sidenav>ul>li{background-color: #fff;border-bottom: 1px solid #dcdcdc;display: block;width: 180px; line-height: 20px;}
.sidenav ul li a{line-height: 1em; padding: 9px 0 9px 20px;text-decoration: none;transition: all .2s ease-in-out; color: #a2a2a2; display: block; font-size: 12px}
.sidenav ul li.selected>a,.sidenav ul li>a:hover{color: #000}
.sidenav ul li ul li a{padding-left: 25px;}
.sidenav ul li ul li ul li a{padding-left: 30px;}
.sidenav ul li ul li ul li ul li a{padding-left: 35px;}
.sidenav ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li a{padding-left: 40px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li a{padding-left: 45px;}
.sidenav ul li ul li ul li ul li ul li ul li ul li ul li a{padding-left: 50px;}
.sidenav ul li.haschilds>ul{display: none}
.sidenav ul li.haschilds.throw>ul,.sidenav ul li.selected>ul{display: block}
.sidenav ul li>a>span.doexpandchild{float: right}
.sidenav ul li>a>span.doexpandchild::after{content:'▼'}
.sidenav ul li.haschilds.throw>a>span.doexpandchild::after,.sidenav ul li.haschilds.selected>a>span.doexpandchild::after{content:'▲'}
#AM,#CM,#templateid{display: none}
#AM a,#CM a{text-align: center; background: #ff3300; color: #fff;display: block; height: 30px; line-height: 30px; text-decoration: none; margin-bottom: 25px; font-weight: 700}
#AM a:hover,#CM a:hover{color: #fff; opacity: 0.9}
@media screen and (max-width:1200px){
    #menu{float: right; margin-top: 48px; margin-right: 25px; margin-left: 15px}
    #menu>ul{display: none}
    #menu>a{display: block;font-size: 0;text-decoration: none; color: #9dcb00}
    #menu>a:after{content:'\f0c9'; font-family: 'FontAwesome';font-size: 20px;}
    .inner{width: 94%}
    header .inner,footer .inner{width: 100%}
    #HPC .inner{width: 98%}
    #sNav{padding: 2px}
    #sNav>*{display: none}
}
@media screen and (max-width:1130px){
    #pr,#is,#rs{height: 420px}
}
@media screen and (max-width:1050px){
    #pr,#is,#rs{height: 460px}
    footer #address{width: calc(100% - 30px); margin-left: 15px; margin-top: 0px; margin-right: 15px; text-align: right}
    footer .logo{margin-top: 30px}
    footer #pankac{margin-top: 17px}
    .fourCols .col{width: 48%; margin-right: 4%}
    .fourCols .col:nth-child(2){margin-right: 0}
    .kreativci .item .in .right{padding-top: 0}
}
@media screen and (max-width:1000px){
    .pankreativci .item,.kreativci .item{width: 50%}
    .pankreativci .item:nth-child(1),.pankreativci .item:nth-child(4),.kreativci .item:nth-child(1),.kreativci .item:nth-child(4){background: #f1f1f1}
    .pankreativci .item:nth-child(2),.pankreativci .item:nth-child(3),.kreativci .item:nth-child(2),.kreativci .item:nth-child(3){background: #e6e6e6}
    .pankreativci.reverse .item:nth-child(2),.pankreativci.reverse .item:nth-child(3){background: #e6e6e6}
    .pankreativci.reverse .item:nth-child(1),.pankreativci.reverse .item:nth-child(4){background: #f1f1f1}
    .kreativci .item .in .right{padding-top: 15px}
}
@media screen and (max-width:950px){
    #pr,#is,#rs{padding: 25px 20px}
}
@media screen and (max-width:900px){
    #buttons a{font-size: 20px}
}
@media screen and (max-width:820px){
    #buttons a .small{font-size: 11px}
}
@media screen and (max-width:800px){
    #Xlogos .title{font-size: 26px}
    .logosG .row .item{height: 100px}
    #buttons a{width: 100%;height: 130px}
    #buttons .arrow{width: 100%; height: auto;text-align: center; margin-bottom: 30px}
    #buttons .arrow:after{content:'\f107'; position: relative; top:0;}
    #buttons a .small{font-size: 12px}
    #pr,#is,#rs{width: 100%; margin-right: 0; margin-bottom: 40px; height: auto;text-align: center}
    footer .logo{float: none; width: 190px; margin-left: auto; margin-right: auto; display: block; margin-top: 20px}
    footer #pankac{float: none; max-width: 220px; width: 100%; text-align: center; margin-left: auto; margin-right: auto}
    #pankac .img{float: none; margin-left:  auto; margin-right: auto}
    #pankac .title{margin-left: 0; margin-top: 10px}
    footer #address{text-align: center; margin-top: 15px}
}
@media screen and (max-width:600px){
    #social{display: none}
    .logosG .row .item{height: 80px}
    .logosG .row .item:nth-child(4),.logosG .row .item:nth-child(5){display: none}
    #home{padding: 40px 30px}
    h1{font-size: 26px}
    #question{font-size: 26px}
    .twoCols .col:nth-child(n),.twoCols.l33 .col:nth-child(n),.threeCols .col:nth-child(n),.fourCols .col:nth-child(n){margin-right: auto; margin-left: auto; width: 100%;text-align: center}
    .dividerH{margin-top: 30px; margin-bottom: 30px}
    h2.magic,h3.magic{text-align:center;background-position:center bottom}
    p{text-align:center}
    li{text-align:left}
    .mdBtn{font-size:20px}
    .twoCols.l33 .col:nth-child(1){display:none}
    .twoCols.l33.contact .col:nth-child(1){display:block}
    
}
@media screen and (max-width:550px){
    #CTAPhone{display: none}
    .pankreativci .item,.kreativci .item{width: 100%}
    .pankreativci .item:nth-child(n),.kreativci .item:nth-child(n){background: #f1f1f1}
    .pankreativci .item:nth-child(2n),.kreativci .item:nth-child(2n){background: #e6e6e6}
    .pankreativci.reverse .item:nth-child(n){background: #e6e6e6}
    .pankreativci.reverse .item:nth-child(2n){background: #f1f1f1}
}
@media screen and (max-width:400px){
    #logo{width: 140px}
    #lang{margin-top: 38px}
    #menu{margin-top: 40px}
    .logosG .row .item{height: 70px}
    header{height: 90px}
    #permaBox{height: 91px}
}