@charset "utf-8";
/* CSS Document */

/*otf files taken from https://github.com/mozilla/Fira/archive/master.zip*/
/*eot and woff links are found (and downloaded) in https://carrois.com/assets/css/all-fonts.css*/
@font-face {
    font-family: FiraSansR;
    src: url('../fonts/FiraSansCondensed-Regular.eot');
    src: url('../fonts/FiraSansCondensed-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FiraSansCondensed-Regular.woff') format('woff'),
         url('../fonts/FiraSansCondensed-Regular.otf') format('opentype'),
         url('../fonts/FiraSansCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: FiraSansB;
    src: url('../fonts/FiraSansCondensed-Bold.eot');
    src: url('../fonts/FiraSansCondensed-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FiraSansCondensed-Bold.woff') format('woff'),
         url('../fonts/FiraSansCondensed-Bold.otf') format('opentype'),
         url('../fonts/FiraSansCondensed-Bold.ttf') format('truetype');         
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: FiraSansI;
    src: url('../fonts/FiraSansCondensed-Italic.eot');
    src: url('../fonts/FiraSansCondensed-Italic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FiraSansCondensed-Italic.woff') format('woff'),
         url('../fonts/FiraSansCondensed-Italic.otf') format('opentype'),
         url('../fonts/FiraSansCondensed-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: FiraSansBI;
    src: url('../fonts/FiraSansCondensed-BoldItalic.eot');
    src: url('../fonts/FiraSansCondensed-BoldItalic.eot?#iefix') format('embedded-opentype'),
         url('../fonts/FiraSansCondensed-BoldItalic.woff') format('woff'),
         url('../fonts/FiraSansCondensed-BoldItalic.otf') format('opentype'),
         url('../fonts/FiraSansCondensed-BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


html{
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    
    /*fix for safari and chrome font rendering*/
    -webkit-text-stroke: 1px transparent;
    /*end fix*/
}

body{
    font-size:100%;
    font-family: FiraSansR, sans-serif;
/*    font-weight: normal;
    font-style: normal;*/
    margin:0px;
    padding:0px;
    background: #ffffff;
    height: 100%;
    min-width: 320px;
}
sup, sub {
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
   font-size: 0.75em;
}
#PageContainer{
    position: relative;
    top: 777px;
    width:100%;
    min-height: 100%;
    padding-bottom: 60px;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    transform-style: preserve-3d;
    background: #ffffff;
}

/*Footer*/
#Footer{
    width: 100%;
    min-height: 35px;
    position: absolute;
    bottom: 0;
    background-color: #0B363A;
}
.FooterContent{
    width:100%;
}
.FooterCopy{
    font-family: FiraSansR, sans-serif;
    font-size: 13px;
    color: #bdccd4;
    text-align: center;
}
.FooterText{
    font-family: FiraSansR, sans-serif;
    font-size: 13px;
    line-height: 21px;
    color: #FFFFFF;
    text-align:center;
    position: relative;
    margin: 0 auto;
    padding: 7px 0;
    display: table;
}
.FooterLink {
    font-family: FiraSansB, sans-serif;
    /*font-weight: bold;*/
    line-height: 21px;
    color: #FFFFFF;
    font-size:12px;    
    text-align:center;
    text-decoration: none;
    margin: 0 4px;    
}
.FooterLink:hover{
    cursor: pointer;
    text-decoration: underline;
}
.FooterIconsContainer{
    position: absolute;
    left: 13px;
    bottom: 13px;
}
.FooterIcon{
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 24px;
    height: 25px;
    margin: 0 5px;
    cursor: pointer;
}
.FooterLine{
    min-width:100%;
    background-image: -moz-linear-gradient( 90deg, rgb(247,151,56) 1%, rgb(255,203,84) 99%);
    background-image: -webkit-linear-gradient( 90deg, rgb(247,151,56) 1%, rgb(255,203,84) 99%);
    background-image: -ms-linear-gradient( 90deg, rgb(247,151,56) 1%, rgb(255,203,84) 99%);
    box-shadow: inset 1px 1.732px 0px 0px rgba(255, 255, 255, 0.176);
    height: 4px;
    position: absolute;
    bottom: 0;
}
.Under450px{
    display: none;
}
.Above450px{
    display: inline;
}

/*Header*/
.header{
    position: fixed;
    top: 0;
    min-width:100%;
    height:103px;
    background: #ffffff;
    border-bottom: 1px solid #19A4BA;
    z-index: 100;
}
.LTLogo{
    position: relative;
    float: left;
    left: 33px;
    top: 25px;    
    width: 222px;
    height: 51px;
    background-image: url("../images/lucidtechlogo.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}
.LTLogo:hover{
    cursor: pointer;
}
.mainMenu{
    position: absolute;
    right: 195px;
    top: 44px;    
    height: 24px;
    text-align: right;    
}
.menuItem{
    position: relative;
    float: left;
    width: 100px;
    font-family: FiraSansR, sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #0B363A;
    /*text-align: center;*/    
    /*margin: 0px 10px;*/
}
.menuItem:hover{
    cursor: pointer;
    font-family: FiraSansB, sans-serif;
    /*font-weight: bold;*/
}

.langSelect{
    position: absolute;
    right: 50px;
    top: 44px;    
    height: 25px;
    font-family: FiraSansR, sans-serif;
    font-size: 20px;
    line-height: 25px;
    color: #19A4BA;
/*    padding: 0px 30px 0 0;
    background-repeat:no-repeat;
    background-position: right 0px;*/
}
.langSelect.srb{
    /*background-image:url(../images/flagsrb.png);*/
}
.langSelect:hover{
    cursor: pointer;
    font-family: FiraSansB, sans-serif;
    /*font-weight: bold;*/
}

.topSlider{
    position: fixed;
    top: 102px;
    left: 0px;    
    min-width:100%;
    height:675px;
    width: 100%;
    /*border-bottom: 9px solid #19A4BA;*/
}
.topSliderCarousel{
    height:675px;    
}
.topSliderImgBG{
    position: relative;
    top: 0px;
    height: 675px;
    width: 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: 69% 29%, center center;
    background-size: 242px 48px, cover;    
}
.topSliderImgBG.ENG{
    background-image: url("../images/wearetxtbgeng.png"), url("../images/HeaderBg.jpg");   
}
.topSliderImgBG.SRBc{
    background-image: url("../images/wearetxtbgsrb.png"), url("../images/HeaderBg.jpg");   
}
.topSliderImgKG{
    position: relative;
    top: 0px;
    height: 675px;
    width: 100%;
    background-repeat: no-repeat, no-repeat;
    background-position: 31% 13%, center center;
    background-size: 242px 48px, cover;     
}
.topSliderImgKG.ENG{
    background-image: url("../images/wearetxtkgeng.png"), url("../images/HeaderKg.jpg");   
}
.topSliderImgKG.SRBc{
    background-image: url("../images/wearetxtkgsrb.png"), url("../images/HeaderKg.jpg");   
}

.topSlidersItems.table{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    /*border: 1px solid red;*/
    z-index: 200;
}
.topSlidersItems.row{
    width: 100%;
    height: 20%;
    border-bottom: 2px solid #FFFFFF;
}
.topSlidersItems.cell{
    position: relative;    
    width: 17%;
    height: 100%;
    border-right: 2px solid #FFFFFF;
    display: inline-block;
    float: left;
}
.topSlidersItems.middle{
    width: 16%;
}
.topSlidersItems.cell.white80{
    background: rgba(255,255,255, 0.85);
}

.topSlidersItem{    
    height: 100%;
    width: 100%;     
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;    
    margin: auto;
}

.topSlidersItem.NAP.ENG{background-image: url("../images/iconetworkarchplan.svg");}
.topSlidersItem.NAP.SRBc{background-image: url("../images/iconetworkarchplansrbc.svg");}

.topSlidersItem.QI.ENG{background-image: url("../images/icoqualityins.svg");}
.topSlidersItem.QI.SRBc{background-image: url("../images/icoqualityinssrbc.svg");}

.topSlidersItem.WEB.ENG{background-image: url("../images/icowebbasedsp.svg");}
.topSlidersItem.WEB.SRBc{background-image: url("../images/icowebbasedspsrbc.svg");}

.topSlidersItem.NS.ENG{background-image: url("../images/iconetworksec.svg");}
.topSlidersItem.NS.SRBc{background-image: url("../images/iconetworksecsrbc.svg");}

.topSlidersItem.SA.ENG{background-image: url("../images/icosystemadmin.svg");}
.topSlidersItem.SA.SRBc{background-image: url("../images/icosystemadminsrbc.svg");}

.topSlidersItem.BRAND.ENG{background-image: url("../images/icobranding.svg");}
.topSlidersItem.BRAND.SRBc{background-image: url("../images/icobrandingsrbc.svg");}

.topSlidersItem.DM.ENG{background-image: url("../images/icodecisionmodel.svg");}
.topSlidersItem.DM.SRBc{background-image: url("../images/icodecisionmodelsrbc.svg");}

.topSlidersItem.GD.ENG{background-image: url("../images/icographicdes.svg");}
.topSlidersItem.GD.SRBc{background-image: url("../images/icographicdessrbc.svg");}

.topSlidersItem.ANDROID.ENG{background-image: url("../images/icoandroidsp.svg");}
.topSlidersItem.ANDROID.SRBc{background-image: url("../images/icoandroidspsrbc.svg");}

.topSlidersItem.iPAD.ENG{background-image: url("../images/icoipadsoftprod.svg");}
.topSlidersItem.iPAD.SRBc{background-image: url("../images/icoipadsoftprodsrbc.svg");}

.topSlidersItem.DATA.ENG{background-image: url("../images/icodatamining.svg");}
.topSlidersItem.DATA.SRBc{background-image: url("../images/icodataminingsrbc.svg");}

.topSlidersItems.row:after{
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

/* Section 1*/
.section1bcg{
    position: relative;
    width:100%;
    /*margin-top: 80px;*/
}
.section1subsection{
    position: relative;
    width:90%;
    margin: 0px auto;
}
.section1AboutCol {
    width: 100%;
    float: left;    
}
.section1AboutCol.left{
    width: 48%;
    margin-right: 2%
}
.section1AboutCol.right{
    width: 48%;
    margin-left: 2%
}
.section1AboutCol.table{
    height: 220px;
    display: table;
}
.section1AboutUL{
    position: relative; 
    /*list-style-image: url('../images/arrowbullet.png');*/   
    list-style-type: none;
    padding: 5px 0px 0px 0px;
    margin: auto 0px auto 0px;    
}
.section1AboutOL{
    position: relative;  
    list-style-type: none;
    padding: 3px 0px 5px 0px;
    margin: auto 0px auto 0px;  
    counter-reset: item;
}
.section1AboutLI{
    font-family: FiraSansR, sans-serif;
    background: url('../images/arrowbullet.png') no-repeat left top;
    background-size: 20px 21px;
    font-size: 17px;
    line-height: 21px;
    text-align: left;
    padding-left: 35px;
    padding-bottom: 20px;
    color: #0B363A;    
}

.section1Col {
    width: 25%;
    float: left;
}
.section1row {
    position:relative;
    width: 100%;
    float: left;
    width:100%;
    /*height: 220px;*/  
}
.section1rowTitle{
    font-family: FiraSansB, sans-serif;
    font-size:20px;
    color: #0B363A;
    text-align:center;
    margin: 10px auto 0px;
}
.section1rowTxt{
    font-family: FiraSansR, sans-serif;
    font-size:17px;
    color: #0B363A;
    text-align: left;
    line-height: 22px; 
}
.section1rowTxt>p{
    padding-bottom: 15px;    
}
.section1rowTxtEmph{
    min-height: 22px;
    font-family: FiraSansB, sans-serif;
    font-size:18px;
    line-height: 22px;
    color: #19A4BA;
    text-align:center;
    margin: 20px auto 0px; 
    padding: 20px 90px;
    background-image: url("../images/txtdecorationleft.png"), url("../images/txtdecorationright.png");
    background-repeat: no-repeat, no-repeat;
    background-position: center left, center right;
    /*background-size: contain;*/
    display: inline-block;
}
.AboutLT{
    position: relative;
    float: left;
    width: 100%;
    height: 460px; 
    background-image: url("../images/lucidtechglobe.png"), url("../images/net.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: contain, 100% 100%;
    margin-bottom: 15px;
}

.softDev{
    width: 100%;
    height:190px;
    background-image: url("../images/softDevIcon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.telecommunications{
    width: 100%;
    height: 190px;
    background-image: url("../images/telecommunicationsIcon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.voip{
    width: 100%;
    height: 190px;
    background-image: url("../images/voipIcon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.training{
    width: 100%;
    height: 190px;
    background-image: url("../images/trainingIcon.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.section1bcg:after, .section1subsection:after, .section1Col:after, .section1row:after, .section1AboutCol:after {
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

.sectionTitle{
    position: relative;
    width: 90%;
    font-family: FiraSansB, sans-serif;
    /*font-weight: bold;*/
    font-size: 22px;
    text-align: center; 
    color: #0B363A;
    line-height: 2px;
    border-bottom: 2px solid #E55C44;
    border-top: 3px solid #19A4BA;
    margin: 50px auto 50px; 
}
.sectionTitle.about{}
.sectionTitle.expertise{}
.sectionTitle.careers{}
.sectionTitle.contact{}
.sectionTitle>span{
    background:#fff; 
    padding:0 10px; 
}

/* Section 2*/
.section2bcg{
    position: relative;
    width:100%;
    /*height:406px;*/
    /*margin-top: 0px;*/
}
.section2subsection{
    position: relative;
    width:90%;
    margin: 0px auto;
}
.section2Col {
    width: 50%;
    float: left;  
    padding-top: 10px;
}
.section2Col.left{
    padding-right: 15px;  
}
.section2Col.right{
    padding-left: 15px;  
}
.section2row {
    position:relative;
    width: 100%;
    float: left;
    width:100%;  
}
.section2rowSeparator{
    position:relative;
    margin: -2px 0px 8px;
    width: 100%;
    height: 77px;
    float: left;        
    background-image: url("../images/airplane.png");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
}
.section2rowSeparator > div{
    margin: 27px 382px 0px 0px;
    height: 2px;
    background: #BEDDE1;
}
.section2rowTitle{
    font-family: FiraSansB, sans-serif;
    /*font-weight: bold;*/
    font-size:17px;
    color: #0B363A;
    text-align:left;
    margin: 10px auto;
}
.section2rowTitleImage{
    position: relative;
    left: 0px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain; 
}
.section2rowTitleImage.adprogrammerskg{
    width: 729px;
    height: 251px;    
}
.section2rowTitleImage.adprogrammerskg.SRBc{
    background-image: url("../images/adkgprogsrbc.png");
}
.section2rowTitleImage.adprogrammerskg.ENG{
    background-image: url("../images/adkgprog.png");
}
.section2rowTitleImage.addesignerskg{
    width: 100%;
    height: 135px;
}
.section2rowTitleImage.addesignerskg.SRBc{
    background-image: url("../images/adkgdesigsrbc.png");
}
.section2rowTitleImage.addesignerskg.ENG{
    background-image: url("../images/adkgdesig.png");
}
.section2rowTxt{
    font-family: FiraSansR, sans-serif;
    font-size:17px;
    color: #0B363A;
    text-align: left;
    line-height: 20px; 
}
.section2rowTxt>p{
    padding-bottom: 5px;     
}
.section2rowTxtBold{
    font-size:19px;
    font-family: FiraSansB, sans-serif;   
    padding-bottom: 15px; 
    line-height: 25px;
}
.section2rowTxtBlue{
    color: #19A4BA;
}
.section2CareersUL{
    position: relative;  
    list-style-image: url('../images/careerscb.png');
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 30px   
}
.section2CareersLI{
    font-family: FiraSansR, sans-serif;
    font-size:17px;
    line-height: 21px;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 10px;
    color: #0B363A;
}
.section2bcg:after, .section2subsection:after, .section2Col:after, .section2row:after, .section2rowSeparator:after{
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}

.newTalents{
    position: absolute;
    right: 5%;
    width: 240px;
    height: 220px;    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; 
    opacity: 0.9;
}
.newTalents.SRBc{
    background-image: url("../images/careersstampsrbc.png");
}
.newTalents.ENG{
    background-image: url("../images/careersstamp.png");
}
.careersEmailAddress {
    font-family: FiraSansI, sans-serif;
    font-size:17px;
    color: #19A4BA;
    text-align: left;
    line-height: 40px;
    text-decoration: none;    
    white-space: nowrap;
}
.careersEmailAddress:hover{
    cursor: pointer;
    text-decoration: underline;
}

/*Section 6 - Contact*/
.section6bcg{
    position:relative;
    width: 100%;
    /*height: 335px;*/
    /*margin-top: 70px;*/
}
.section6subsection{
    position: relative;
    width:90%;
    margin: 0px auto;
}
.section6Contact{
    float: left;
    width:48%;    
    position: relative;
    display: inline;
}
.section6Contact.left{margin-right: 2%;}
.section6Contact.right{margin-left: 2%;}
.ContactCol {
    width: 35%;
    margin: 0px;
    float: left;
    word-wrap: break-word;
}
.ContactCol.map {
    width: 65%;
    height: 325px;
    float: left;
    overflow: hidden;    
}
.ContactCol:after, .ContactCol.map:after {
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}
.ContactTitle{
    font-family: FiraSansB, sans-serif;
    /*font-weight: bold;*/
    font-size: 20px;
    line-height: 24px;
    color: #19A4BA;
    padding: 0px 0px 0px 40px;
}
.ContactTitle>span{
    border-bottom: 2px solid #E55C44;
}
.ContactAddress {
    font-family: FiraSansR, sans-serif;
    font-size:16px;
    line-height: 20px;
    color: #0B363A;
    padding: 20px 0px 10px 40px;
    background-image: url("../images/adressicon.png");
    background-repeat: no-repeat;
    background-position: 0 15px;
}
.ContactPhone {
    font-family: FiraSansR, sans-serif;
    font-size:16px;
    line-height: 31px;
    color: #0B363A;
    padding: 10px 0px 10px 40px;
    background-image: url("../images/phoneicon.png");
    background-repeat: no-repeat;
    background-position: 0 center;
}
.ContactEmailAddressP{
    padding: 10px 0px 10px 40px;
    margin-bottom: 10px;
    background-image: url("../images/emailicon.png");
    background-repeat: no-repeat;
    background-position: 0 center;
}
.ContactEmailAddress {
    font-family: FiraSansI, sans-serif;
    font-size:16px;
    line-height: 31px;
    color: #19A4BA;
    text-decoration: none;    
    white-space: nowrap;
}
.ContactEmailAddress:hover{
    cursor: pointer;
    text-decoration: underline;
}
.ContactLink {
    font-family: FiraSansR, sans-serif;
    font-size:16px;
    line-height: 16px;
    color: #0B363A;
    text-decoration: none;
    cursor: pointer;
}


/*BREAKPOINTS START*/
@media (min-width: 994px) and (max-width: 1380px){
    #PageContainer{top: 677px;}  
    .topSlider, .topSliderCarousel, .topSliderImgBG, .topSliderImgKG {height:575px;}
    .topSliderImgBG{background-position: 70% 29%, center center; background-size: 206px 40px, cover;}
    .topSliderImgKG{background-position: 21% 13%, center center; background-size: 206px 40px, cover;}
    
    .newTalents{width: 170px;height: 150px;}
    
    /*.lucidtech3D{background-position: right center; background-size: 564px 220px;}*/
    /*.section1AboutUL{padding: 5px 0px 0px 20px;}*/
    
    .ContactCol {width: 45%;}
    .ContactCol.map {width: 55%;}
}

@media (min-width: 600px) and (max-width: 993px){    
    #PageContainer{top: 502px;}  
    .topSlider, .topSliderCarousel, .topSliderImgBG, .topSliderImgKG {height:400px;}
    .topSliderImgBG{background-position: 70% 29%, center center; background-size: 144px 28px, cover;}
    .topSliderImgKG{background-position: 21% 13%, center center; background-size: 144px 28px, cover;}
    
    .LTLogo{left: 20px; width: 180px;}

    .mainMenu{right: 130px;}
    .menuItem{width: 77px; font-size: 17px;}
    
    .langSelect{right: 20px; font-size: 17px;}
    
    /*section1 rwd*/
    .section1AboutCol {width: 100%;}
    .section1AboutCol.left{width: 100%; margin-right: 0%;}
    .section1AboutCol.right{width: 100%; margin-left: 0%; padding-top: 15px;}
    .section1AboutCol.table{height: auto;}
    
    .section1AboutUL{padding: 5px 0px 0px 0px;}
    .section1AboutLI{font-size:16px; line-height: 21px; padding-left: 25px; padding-bottom: 10px; background-size: 19px 20px;}    
    .section1Col {width: 50%;}
    .section1rowTitle{font-size:17px;}
    .section1rowTxt{font-size:16px; line-height: 21px;}
    .section1rowTxt>p{padding-bottom: 10px;}
    .section1rowTxtEmph{font-size:17px; padding: 10px 90px;}
    .AboutLT{height: 300px;}
    
    .softDev, .telecommunications, .voip, .training {height:180px;}
    .voip, .training {margin-top: 40px;}

    .section2bcg{}
    .section2Col {width: 100%;}
    .section2Col.left{padding-right: 0px; padding-top: 5px;}
    .section2Col.right{padding-left: 0px;}
    
    .section2rowTitleImage.adprogrammerskg{height: 190px;}
    .newTalents{width: 120px; height: 120px;}
    .section2rowSeparator{height: 60px;}
    .section2rowSeparator > div{margin: 21px 298px 0px 0px;}

    .section6Contact {width: 100%;}
    .section6Contact.left{margin-right: 0%;}
    .section6Contact.right{margin-left: 0%; margin-top: 30px;}
}

@media (max-width: 767px){
    #PageContainer{top: 482px;}  
    .topSlider, .topSliderCarousel, .topSliderImgBG, .topSliderImgKG {height:380px;}
    .topSliderImgBG{background-position: 71% 29%, center center; background-size: 136px 27px, cover;}
    .topSliderImgKG{background-position: 22% 13%, center center; background-size: 136px 27px, cover;}
    .topSlidersItem{background-size: 118% 118%;}
    
    .section1rowTxtEmph{font-size:16px; padding: 10px 75px; margin-top: 15px;}
    .section1AboutLI{font-size:16px; line-height: 20px; padding-left: 25px; padding-bottom: 10px; background-size: 17px 18px;}       
    
    .section2rowTitleImage.adprogrammerskg{height: 145px;}
   
    .ContactCol {width: 40%;}
    .ContactCol.map {width: 60%;}
    .ContactTitle{font-size: 15px; line-height: 20px; padding: 0px 0px 0px 40px;}
    .ContactAddress {font-size:13px; line-height: 20px; padding: 20px 0px 10px 40px;}
    .ContactPhone {font-size: 13px; line-height: 31px; padding: 10px 0px 10px 40px;}
    .ContactEmailAddressP{padding: 10px 0px 10px 40px;}
    .ContactEmailAddress {font-size:13px; line-height: 31px;}
}

@media (max-width: 599px){
    #PageContainer{top: 314px;}   
    .topSlider{top: 84px;}
    .topSlider, .topSliderCarousel, .topSliderImgBG, .topSliderImgKG {height:230px;}
    .topSliderImgBG{background-position: 71% 27%, center center; background-size: 83px 16px, cover;}
    .topSliderImgKG{background-position: 22% 11%, center center; background-size: 83px 16px, cover;}
    
    .header{ height: 85px;}
    .LTLogo{left: 15px; top: 15px; width: 180px; height: 25px;}

    .mainMenu{right: 15px; top: 53px;}
    .menuItem{width: 70px; font-size: 14px;}
    
    .langSelect{right: 15px; top: 18px;  font-size: 14px;}
    
    .section1bcg{width:100%;}
    .section1AboutCol {width: 100%;}
    .section1AboutCol.left{width: 100%; margin-right: 0%}
    .section1AboutCol.right{width: 100%; margin-left: 0%; padding-top: 15px;}
    .section1AboutCol.table{height: auto;}
    
    .section1AboutUL{padding: 5px 0px 0px 0px;}
    .section1AboutLI{font-size:14px; line-height: 16px; padding-left: 22px; padding-top: 1px;padding-bottom: 10px; background-size: 16px 17px;}
    .section1Col {width: 50%;}
    .section1rowTitle{font-size:16px; margin: 5px auto 0px;}
    .section1rowTxt{font-size:14px; line-height: 16px;}
    .section1rowTxt>p{padding-bottom: 8px;}
    .section1rowTxtEmph{font-size:14px; padding: 6px 75px; margin-top: 15px; line-height: 16px;}
    .AboutLT{height: 200px;}
    
    .softDev, .telecommunications, .voip, .training {height:150px;}
    .voip, .training {margin-top: 30px;}
    
    .lucidtech3D{height: 170px;}
    
    .section2bcg{width:100%;}
    .section2Col {width: 100%;}
    .section2Col.left{padding-right: 0px; padding-top: 5px;}
    .section2Col.right{padding-left: 0px;}
    .section2rowTitle{font-size:14px;}
    .section2rowTxt{font-size:14px; line-height: 17px;}
    .section2rowTxt>p{padding-bottom: 10px;}
    .section2rowTxtBold{font-size:16px; line-height: 20px;}
    .section2CareersUL{padding: 5px 0px 5px 0px;}
    .section2CareersLI{font-size:14px; line-height: 17px; padding-bottom: 10px;}
    
    .section2rowTitleImage.adprogrammerskg{width: 100%; height: 380px; margin: 25px auto 0px; background-position: center center;}
    .section2rowTitleImage.adprogrammerskg.SRBc{background-image: url("../images/adkgprogsrbcrwd.png");}
    .section2rowTitleImage.adprogrammerskg.ENG{background-image: url("../images/adkgprogrwd.png");}
    .section2rowTitleImage.addesignerskg{width: 100%; height: 145px; margin: 15px auto 5px; background-position: center center;}
    .section2rowTitleImage.addesignerskg.SRBc{background-image: url("../images/adkgdesigsrbcrwd.png");}
    .section2rowTitleImage.addesignerskg.ENG{background-image: url("../images/adkgdesigrwd.png");}
    
    .newTalents{position: relative; width: 100%; height: 120px; margin: 0px auto; right: 0px;}
    
    .careersEmailAddress {font-size:14px; line-height: 17px;}
    .section2rowSeparator{height: 45px;}
    .section2rowSeparator > div{margin: 17px 224px 0px 0px;}

    .section6Contact {width: 100%;} 
    .section6Contact.left{margin-right: 0%;}
    .section6Contact.right{margin-left: 0%; margin-top: 40px;}
    .ContactCol, .ContactCol.map {width: 100%;} 
}

@media (max-width: 449px){     
    #PageContainer{top: 284px; /*padding-bottom: 75px;*/}   
    .topSlider, .topSliderCarousel, .topSliderImgBG, .topSliderImgKG {height:200px;}
    .topSliderImgBG{background-position: 71% 27%, center center; background-size: 71px 14px, cover;}
    .topSliderImgKG{background-position: 22% 11%, center center; background-size: 71px 14px, cover;}
    
    .AboutLT{height: 200px;}
    .section1rowTxtEmph{font-size:13px; padding: 5px 55px; margin-top: 15px; line-height: 14px; background-size: 50px 100%;}
    
    /*.Under450px{display: inline;}*/
    /*.Above450px{display: none;}*/    
    .FooterCopy{font-size: 12px;}
    
    .section1Col {width: 100%;}
    .section1AboutCol.right{margin-left: 0%; padding-top: 10px;}
    
    .lucidtech3D{height: 140px;}
    .telecommunications, .voip, .training {margin-top: 30px;}
}

@media (min-width: 1381px) and (max-height: 777px){
    .topSlider{position: absolute;}
}
@media (min-width: 994px) and (max-width: 1380px) and (max-height: 676px){
    .topSlider{position: absolute;}
}
@media (min-width: 600px) and (max-width: 993px) and (max-height: 501px){
    .topSlider{position: absolute;}
}
@media (min-width: 601px) and (max-width: 767px) and (max-height: 481px){
    .topSlider{position: absolute;}
}
@media (min-width: 450px) and (max-width: 599px) and (max-height: 313px){
    .topSlider{position: absolute;}
}
@media (max-width: 449px) and (max-height: 283px){
    .topSlider{position: absolute;}
}

/* ----------- mobile devices ----------- */
@media only screen and (max-device-width: 767px) { 
    .topSlidersItem{background-size: 118% 118%;}
}
/*breakpoints END*/


.backToTop {
  display: inline-block;
  height: 78px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);*/
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;    
  background-repeat: no-repeat;
  background-position: 0 0px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  
  z-index: 100;
}
.backToTop.SRBc{background-image: url("../images/backtotopbtnsrbc.png");}
.backToTop.ENG{background-image: url("../images/backtotopbtn.png");}
.backToTop:hover{
    background-position: 0 -78px;
}
.backToTop.is-visible, .backToTop.fade-out {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.backToTop.is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.backToTop.fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.backToTop.is-visible:hover, .backToTop.fade-out:hover{
    opacity: 1;
    cursor: pointer;
}