@import url('animate.css');
body {
    overflow-x:hidden;
    margin: 0px;
    padding: 0px;
    cursor: default;
    color: #333;
    background-color:#212121;
    font-size:12px;
    font-family: 'Lato', sans-serif;
}

ul, ul li{text-decoration:none; border:0px;margin:0px;padding:0px;list-style:none;}
a{color:#000;text-decoration:none!important;cursor:pointer;} * a{color:inherit;} * a:focus{color:inherit;}
img{border:0px;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px; font-weight:normal;}
input:focus,a:focus,button:focus,textarea:focus {outline: none!important;box-shadow:none!important;}
.fa.fa-active-show,.fa.fa-hover-show,.active > .fa.fa-active-hidden,*:hover > .fa.fa-hover-hidden{
    display: none;
}
.active > .fa.fa-active-show,*:hover > .fa.fa-hover-show{
    display: inline-block;
}
.logo, #bs ul li a,.langs a,.footer a,.btn-more,.contact a,.intro-langs a,.topbar,.langs{
    transition: 300ms all;
}
.goTop{
    background-color:#333!important;
}
.goTop:hover{
    background-color:#33d5ad!important;
}
.img-dila{/*image dilation*/
    overflow:hidden;
    display:block;
    position:relative;
}
.img-dila img {
    -webkit-transition: all .4s ease; /* Safari and Chrome */
  	-moz-transition: all .4s ease; /* Firefox */
  	-o-transition: all .4s ease; /* IE 9 */
  	-ms-transition: all .4s ease; /* Opera */
  	transition: all .4s ease;
}
.img-dila:hover img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.20); /* Safari and Chrome */
    -moz-transform:scale(1.20); /* Firefox */
    -ms-transform:scale(1.20); /* IE 9 */
    -o-transform:translatZ(0) scale(1.20); /* Opera */
    transform:translatZ(0) scale(1.20);
}
.iblock {
    display: inline-block;
}
.vmiddle {
    vertical-align: middle;
}
.pos-relative{
    position:relative;
}
.noCursor{
    cursor:default;
}
.noborder{
    border:0!important;
}


/*++267 LOGO*/
a.logo-267 {
	background-color:#eee;
	border-radius:50%;
	padding:6px;
    margin:10px auto;
}
a.logo-267:hover {
	background-color:#fafafa;
}
.pusher {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.pusher:hover, .pusher:focus, .pusher:active {
  -webkit-animation-name: pusher;
  animation-name: pusher;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
@-webkit-keyframes pusher { 50% { -webkit-transform: scale(0.8); transform: scale(0.8);} 100% { -webkit-transform: scale(1); transform: scale(1); } }
@keyframes pusher { 50% { -webkit-transform: scale(0.8); transform: scale(0.8);} 100% { -webkit-transform: scale(1); transform: scale(1); } }
/*--267 LOGO*/

.ihover{
    position:absolute;
    z-index:9;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.7);
}
/*--OPTIONAL STATICS*/

ul.nav.navbar-nav,nav.navbar,a.navbar-brand{
    margin:0;
}
nav.navbar{
    border:none;
    border-radius:0px;
    min-height:inherit;
}
a.navbar-brand{
    height:auto;
    padding:0;
    line-height:inherit;
}
.navbar-toggle{
    border-color:#fff;
    margin-right:0;
    /*position:absolute;
    right:0px;
    top:0;*/
}
.navbar-toggle.collapsed {/*CLOSED NO-CLICK!*/
    background-color: #33d5ad;
}
.navbar-toggle,.navbar-toggle:hover{/*OPEN CLICKED*/
    background-color:#000;
}
.navbar-toggle .icon-bar{
    background-color:#fff;
}
#bs{
    box-shadow:none!important;
    padding-right:0!important;
}
#bs > ul > li{
    /*display:block!important;
    float:none!important;*/
}
#bs > ul > li > a{
    background-color:transparent!important;
    font-size:14px;
    color:#fff;
    font-weight:700;
    padding:20px 10px;
    padding-left:20px;
}
#bs > ul > li > a:hover{
    color:#33d5ad;
}
#bs > ul > li.active > a,#bs > ul > li.active > a:hover,#bs > ul > li.active > a:focus{
    background-color:transparent!important;
 }
#bs > ul > li.active+li.active a,#bs > ul > li.active:last-child a{
    color:#33d5ad!important;
    background-repeat:no-repeat;
    background-position:0 center;
    background-image:url('../images/menu-hover.png');
}
#bs > ul > li:last-child > a{
    padding-right:0;
}

/*DROPDOWN MENU - SUB-MENU*/
#bs > ul > li:hover ul{
    display:block;
}
#bs > ul .open .dropdown-menu,#bs > ul > li ul{
    margin-top:0!important;
    box-shadow:none!important;
}
#bs > ul > .open > a, #bs > ul > .open > a:hover, #bs > ul > .open > a:focus{
    background-color:transparent;
    cursor:default;
    color:#e6350d!important;
    border-color:transparent!important;
}
#bs > ul .open .dropdown-menu,#bs > ul > li:hover ul{
    margin-top:0px;
    padding:0px 0px;
    border:none!important;
    border-radius:0px;
    min-width:160px!important;
}
#bs > ul .open .dropdown-menu > li > a,#bs > ul > li:hover ul li a{
    background-color:transparent;
    display:block;
    font-size:14px;
    padding:10px;
    color:#fff;
    background-color:rgba(33,23,123,0.9);

}
#bs > ul .open .dropdown-menu > li:hover > a,#bs > ul > li:hover ul li a:hover{
    background-color:#e6350d;
    color:#fff;
}


.menu-hover{
    padding-top:100px;
    height:100%;
    position:fixed;
    z-index:1;
}
.stage{
    position:relative;
    z-index:2;
}
.section{
    padding:15px 0;
    height:100%;
    background-position:center 0;
    background-repeat:repeat-x;
    background-size:cover;
    background-attachment:fixed;
}
.section.section-1{
    padding-top:145px!important;
}
.topbar{
    padding:20px 0;
    position:fixed;
    width:100%;
    z-index:3;
}
.topbar.ifix{
    background-color:#212121;
    padding:6px 0;
    border-bottom:2px solid #33d5ad;
    min-height:145px;

    -webkit-box-shadow: 0px 10px 41px 1px rgba(51,51,51,0.5);
    -moz-box-shadow: 0px 10px 41px 1px rgba(51,51,51,0.5);
    box-shadow: 0px 10px 41px 1px rgba(51,51,51,0.5);
}
.topbar.ifix .langs{
    margin-top:25px;
}
.nobg{
    background-color:transparent!important;
}



.langs,.langs a{
    display:inline-block;
}
.langs a{
    padding:6px 18px;
    line-height:100%;
    font-weight:700;
    font-size:15px;
    color:#847e7a;
    min-width:60px;
    text-align:center;
    background-color:rgba(0,0,0,0.3);
}
.langs a.active{
    color:#fff!important;
    background-color:rgba(125,109,109,0.3)!important;
    cursor:default;
}
.langs a:hover{
    background-color:#33d5ad;
    color:#fff;
}




.texter{
    font-size:16px;
    color:#fff;
}
.texter h1{
    font-size:55px;
    font-weight:900;
    line-height:100%;
    margin-bottom:25px;
}
.texter h1 span{
    display:table;
    border-collapse:separate;
    position:relative;
    height:100%;
    overflow:hidden;
}
.texter h1 b{
    font-weight:900;
    vertical-align:middle;
    color:#33d5ad;
    position:relative;
    z-index:2;
}
.texter h1 b,.texter h1 i.liner{
    width:1%;
    vertical-align:middle;
    display:table-cell;
    line-height:100%;
}
.texter h1 i.liner{
    width:100%;
}
.liner em{
    margin-left:-26px;
    margin-top:4px;
    display:block;
    background-color:#33d5ad;
    height:6px;
    position:absolute;
    width:100%;
}
.liner.middle em{
    margin-top:-2px;
}

.footer{
    position:relative;
    z-index:8;
    padding:15px 0;
    font-size:14px;
    color:#b8b1b1;

    background-repeat:repeat;
    background-image:url('../images/footer.jpg');
    background-color:#30302f;
}
.footer a:hover{
    color:#33d5ad;
}
.tursab{
    font-size:9px;
}
.tursab img{
    margin-bottom:5px;
}



.services{
    text-align:right;
}
.services a{
    line-height:125%;
    display:inline-block;
    background-color:#304c5c;
    padding:18px;
    font-size:17px;
    vertical-align:top;
    color:#fff;
    text-align:center;
    position:relative;
    word-break:break-word;
}
.services a.high{
    padding-top:40px;
    padding-bottom:40px;
}
.services a b{
    display:block;
    margin-top:15px;
}
.services a span,.services i.fa{
    display:inline-block;
    vertical-align:middle;
}
.services a span{
    text-align:left;
}
.services .sbox-2{
    background-color:#33d5ad;
    padding-left:55px; padding-right:55px;
    margin-top:-130px;
}
.services .sbox-3{
    background-color:#099673;
}
.services .sbox-4{
    background-color:#ce4c4c;
    vertical-align:bottom;
}
.services .sbox-5{
    background-color:#373745;
    margin-top:-50px;
}
.services .sbox-6{
    background-color:#454039;
}
.services .sbox-7{
    background-color:#5b704c;
    vertical-align:middle;
    padding:10px 30px;
}
.services .sbox-8{
    vertical-align:middle;
    background-color:#1b83bf;
    margin-top:-51px;
}


.igallery{
    position:relative;
    z-index:8;
}
.large-gallery .ihover{
    opacity:0;
    background-color:rgba(51,213,213,0.67)!important;
}
.large-gallery .ihover td{
    vertical-align:bottom!important;
}

.imore{
    background-color:#27282a;
    color:#fff;
    text-align:left;
    bottom:0;
    position:absolute;
    width:100%;

}

.imore h5{
    font-weight:700;
    font-size:15px;
}
.imore span{
    color:#6d6666;
}
.liner-xs{
    display:block;
    width:20%;
    height:2px;
    background-color:#625b5b;
    margin:10px 0;
}
.btn-more{
    background-color:transparent!important;
    border:1px solid #8d8686;
    text-align:center;
    font-size:13px;
    font-weight:700;
    padding:10px 30px;
    display:inline-block;
    color:#d9d8d8;
}
.btn-more.min{
    padding:8px 12px;
}
.btn-more:hover{
    background-color:#33d5ad!important;
    color:#fff!important;
    border-color:#33d5ad;
}
.glink{
    display:block;
    height:400px;
    position:relative;
    overflow:hidden;
}
.gallery a{
    display:block;
    overflow:hidden;
    position:relative;
    height:155px;
}
.gallery a img,.glink img{
    min-height:100%;
}
.section-4 .bx-controls-direction a {
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.section-4 .bx-wrapper:hover .bx-controls-direction a {
    opacity: 1;
}


.referances ul li a{
    display:block;
    text-align:center;
    position:relative;
    overflow:hidden;
    height:110px;
}
.referances ul li a img{
    max-height:110px;
}
.referances .bx-wrapper .bx-prev{
    left:-40px!important;
}
.referances .bx-wrapper .bx-next{
    right:-40px!important;
}


.ireport ul li b,.ireport ul li span{
    display:inline-block;
    vertical-align:middle;
    line-height:90%;
}
.ireport ul li b{
    font-size:77px;
    font-weight:900;
    color:#33d5ad;
    margin-right:15px;
}
.ireport ul li span{
    border-left:3px solid #33d5ad;
    padding:8px 14px;
    padding-right:0;
}

.ireport ul li:nth-child(even) b{
    color:#fff;
}
.ireport ul li:nth-child(even) span{
    border-color:#fff;
}
.ireport ul li.middle{
    text-align:right;
}
[data-animate].animated{
    visibility:visible!important;
}

.contact ul li{
    font-size:21px;
    color:#fff;
    font-weight:900;
    border-bottom:2px solid #484647;
    line-height:180%;

    padding-bottom:15px;
    margin-bottom:15px;
}
.contact i.fa{
    margin-right:15px;
    color:#33d5ad;
}
.contact a:hover{
    color:#33d5ad;
}

/*ICONS SET*/

.icons{
    display:inline-block;
    vertical-align:middle;
    width:76px;
    height:70px;

    background-image:url('../images/icons.png');
    background-position:0 0;
    background-repeat:no-repeat;
}

.icon-congre{
    background-position-y:-70px;
}
.icon-openid{
    background-position-y:-140px;
}
.icon-cubes{
    background-position-y:-210px;
}
.icon-users{
    background-position-y:-280px;
}
.icon-stand{
    background-position-y:-350px;
}
.icon-shoes{
    background-position-y:-420px;
}
.icon-flag{
    background-position-y:-490px;
}
.nopad{
    padding:0;
}
[data-animate] .diip{
    visibility:hidden;
    font-style:normal!important;
}



.intro-section{
    border-radius:4px;
    
    color:#fff;
}
.intro-langs a{
    display:inline-block;
    margin:0px 8px;


}
.intro-langs a:hover{

}
.intro-langs a img{
    max-width:30px;
}
.footer.intro{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}
.intronom{
    background-position:center 0;
}


.fancybox-skin{
    background:#212121!important;
}


.footer-socials .facebook:hover{
    color:#3b5998;
}
.footer-socials .twitter:hover{
    color:#59adeb;
}
.footer-socials .instagram:hover{
    color:#a6733e;
}
    .footer-socials .facebook{
        color:#3b5998;
    }
    .footer-socials .twitter{
        color:#59adeb;
    }
    .footer-socials .instagram{
        color:#a6733e;
}


.goBottom{
    position:fixed;
    z-index:9;
    bottom:15px;
    right:15px;
    display:none;
}
.goBottom a{
    opacity:0.8;
    display:block;
    padding:5px 10px;
    line-height:100%;
    background-color:#33d5ad;
    color:#fff;
    border-radius:5px;
    border:1px solid #ddd;
}





@media (max-width: 767px) { /*mobile*/
    .navbar-header,.logo{
        float:none!important;
    }
    .logo{
        display:inline-block;
        position:absolute;
    }
    #bs{
        padding:0!important;
        text-align:left!important;
        margin-bottom:15px;
    }
    #bs > ul > li > a{
        border-bottom:1px solid #eee;
        background-image:none!important;
        padding-left:0!important;
        font-size:18px!important;
    }
    #bs > ul,#bs > ul > li{
        display:block!important;
    }
    #bs > ul .open .dropdown-menu,#bs > ul > li:hover ul{
        display:block!important;
        position:relative!important;
        float:none!important;
        min-width:inherit!important;
        padding:0!important;
        box-shadow:none!important;
    }
    .slide ul li,.glink{
        background-image:none!important;
        min-height:inherit!important;
        max-height:inherit!important;
        height:auto!important;
    }
    .xs-block {
        display: block!important;
        width: 100%!important;
    }
    .menu-hover,.topbar{
        position:static;
        height:auto;
    }
    .imenu .row{
        margin:0;
    }
    .menu-hover{
        padding-top:0;
    }
    .set-height.section {
        height: auto !important;
        background-attachment: inherit;
        padding: 15px 0 !important;
    }
    .services a{
        display:block;
        width:50%;
        float:left;
        height:170px;
    }
    .ireport ul li b,.referances .bx-wrapper .bx-controls-direction{
        display:none;
    }
    .footer,.footer .text-right{
        text-align:center;
    }
    .ireport ul li.middle{
        text-align:left;
    }
    .ireport ul li span{
        line-height:120%;
    }
    .glink img{
        min-height:inherit!important;
    }
    .langs a{
        font-size:13px;
    }
    .intro-section{
        padding:5px!important;
        margin-top:10px;
    }
    .intro-section img{
        max-width:280px;
    }
    .intronom{
        background-attachment:inherit!important;
        background-size:auto!important;
        background-position:center center!important;
    }
    .footer.intro{
        position:static;
    }
    body.intro{
        overflow:auto!important;
        overflow-x:hidden!important;
    }
    .goBottom{
        display:block;
    }
}

@media (min-width:100px) and (max-width: 992px) { /*mobile and tablet*/
    #bs > ul > li > a{
        font-size:11px;
        padding-left:7px;
        padding-right:7px;
    }
    .texter h1{
        font-size:30px;
        margin-bottom:15px;
    }
    .services a{
        margin:0!important;
        padding:6px!important;
        font-size:13px;
    }
    .services a span{
        text-align:center;
        display:block;
    }
    .glink{
        height:250px;
    }
    .section{
        padding:15px 0!important;
    }
    .ah-sm{
        height:auto!important;
    }
    .ireport ul li{
        margin-bottom:10px!important;
    }
    .ireport ul li b{
        font-size:30px;
    }
    .contact ul li{
        font-size:18px;
    }
    .liner em{
        margin-left:-16px;
        margin-top:2px;
    }
    .footer{
        font-size:12px;
    }
}

@media (min-width:993px) and (max-width: 1200px) { /*Browser %125*/
    .services a.high{
        padding-top:20px;
        padding-bottom:20px;
    }
    .sbox-6{
        margin-top:-15px;
    }
    .glink{
        height:300px;
    }
    .ireport ul li b{
        font-size:50px;
    }
    #bs > ul > li > a{
        font-size:12px;
        padding-left:10px;
        padding-right:10px;
    }
}