.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.main-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #345080 !important; /*#d4d4d4*/
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    width:100% !important;
    color: #fff !important;
}

.main-dropdown > li > a:hover {
    background-color: #cccccc !important;    
}

 .main-button-drop {
    background-color: #345080 !important;
    color: #fff !important;
    margin-top: 3px !important;
}

 .main-caret {
    /*background-color: #fff !important;*/
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #fff;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}


@font-face {
    font-family: 'RobotoCondensed-Bold';
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
}

 @font-face {
          font-family: 'Glyphicons Halflings';

          src: url('../fonts/glyphicons-halflings-regular.eot');
          src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
        }

body {
	background: #fff;
	font-family: Roboto-Regular;
	text-align: center;
}

.left-sidebar {
    padding-left:0;
}
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
   
}

.container-main {
    /*width:1270px;*/
    /*background: #ffffff;
	box-shadow: 4px 3px 6px #888;*/
    padding-left:0;
    padding-top:5px;
}


.tools-section {
    border-bottom:1px solid #000;
}


.pill-header, .pill-header-mobishop, .pill-header-dyqanet, .pill-header-smartwatch, .pill-header-service, .pill-header-accesorize, .pill-header-operatoret, .pill-header-vleresimi {
    background-color: #1abda2;
    padding: 7px !important;
    padding-left: 15px !important;
    font-size: 16px !important;
    font-weight: bold;
}

.nav-custom > li > a {
    padding: 3px !important;
    color:#888887;
    padding-left:15px !important;
    font-size: 16px;
}

.nav > li > a {
    padding:0;
}

.pill-header-vleresimi {
    background-color:#345080;    
} 

.pill-header-operatoret {
    background-color:#e54521;    
}

.pill-header-mobishop {
    background-color:#e57e21;
    
}

.pill-header-dyqanet {
    background-color:#20b3e6;
}

.pill-header-smartwatch {
    background-color: #345080;
}

.pill-header-service {
    background-color:#e5ce21;
}
.pill-header-accesorize {
    background-color:#7FFF00;
}
    .pill-header a, .pill-header-operatoret a, .pill-header-mobishop a, .pill-header-dyqanet a, .pill-header-smartwatch a, .pill-header-service a, .pill-header-accesorize a, .pill-header-vleresimi a {
        color: #fff !important;
    }
    

    .pill-header-ul > li > a:hover,
    .pill-header-ul > li > a:focus {
        background-color:#1abda2 !important;  
        cursor:pointer;  
    }

     .pill-header-ul-vleresimi > li > a:hover,
    .pill-header-ul-vleresimi > li > a:focus {
        background-color:#345080 !important;  
        cursor:pointer;
    }

    .pill-header-ul-operatoret > li > a:hover,
    .pill-header-ul-operatoret > li > a:focus {
        background-color:#e54521 !important;  
        cursor:pointer;
    }

    .pill-header-ul-mobishop > li > a:hover,
    .pill-header-ul-mobishop > li > a:focus {
        background-color:#e57e21 !important;  
        cursor:pointer;  
    }

    .pill-header-ul-dyqanet > li > a:hover,
    .pill-header-ul-dyqanet > li > a:focus {
        background-color:#20b3e6 !important;  
        cursor:pointer;  
    }

    .pill-header-ul-smartwatch > li > a:hover,
    .pill-header-ul-smartwatch > li > a:focus {
        background-color:#345080 !important;
        cursor: pointer;
    }

    .pill-header-ul-service > li > a:hover,
    .pill-header-ul-service > li > a:focus {
        background-color:#e5ce21 !important;  
        cursor:pointer;  
    }
     .pill-header-ul-accesorize > li > a:hover,
    .pill-header-ul-accesorize > li > a:focus {
        background-color:#e5ce21 !important;  
        cursor:pointer;  
    }
.logo {
    height: 160px;
    /*margin-top: 8px;*/
}

.custom-button {
    border:1px solid;
    margin-bottom:10px !important;
    padding:2px;
    font-family: 'Roboto-Regular';
    /*box-shadow: 1px -1px 0px #888*/
}

.bx-viewport {

    padding:0 !important;
    border:none !important;
}

#mainnav.navbar {
    min-height:0;
    border-radius:0;
    /*margin:0;
    padding:0;*/
    /*border-width:3px;*/
}

#mainnav .navbar-brand {
    height:auto;
    padding: 0 10px !important;
    margin-left:0;
}

#mainnav .menu-main li {
    margin:0 3px;
}

#mainnav .menu-main a {
    padding: 2px 0px;
    padding-left: 10px;
}



#mainnav .menu-links li {
    margin:0 3px;
}

#mainnav .menu-links a {
    padding: 2px 25px;
}

#mainnav .active a {
    /*background:#091db9;*/
    color:#e7e7e7;
}

#mainnav.navbar-default {
    border-color: #FFF;
}

.navbar-default .menu-main > li > a {
    font-weight: bold;
    color:#40618a;
}

.navbar-default .menu-links > li > a {
    font-weight: bold;
    color:#8fdfff;
    margin:0 !important;
}

.topAd {
        /*padding:15px 0;*/ 
        background:#e7e7e7;
    }

#mainnav.navbar-default {
        border-color: #345080;
        background:#345080;
    }


.homeBrand {
    padding:0px 4px !important;
}




.search-control::-moz-placeholder {
    color: #bbc5d5;
}

.search-control::-webkit-input-placeholder {
 color: #bbc5d5;
}
.search-control:-moz-placeholder { 
 color: #bbc5d5;
}
.search-control::-moz-placeholder {
 color: #bbc5d5; 
} 
.search-control:-ms-input-placeholder {
 color: #bbc5d5;
}

       
#searchButton {
    /*float:right;*/
    border-radius: 7px;
}

.search-form {  
    padding-left:133px;
    padding-right:270px;
    padding-bottom:17px;
}

#quickSearchResult {
	display:block;
	z-index:1000;
	position:absolute;
	text-align:left;
	padding:0;
	margin:0;
	/*overflow:auto;*/
	box-shadow:5px 5px 5px #888888;
	width:586px;
}

	#quickSearchResult ul {
		margin:0;
		padding:0;
		background:#f3f3f3;
		overflow:auto;
		list-style:none;
	}

    
	#quickSearchResult li {
		display:block;
		cursor:pointer;
		padding:5px;
		margin:5px 10px;
		text-align:left;
		overflow:auto;
		background:#fff;
	}

		#quickSearchResult li:hover {
			background: #5594d4;
			color:#fff;
		}

		#quickSearchResult li:focus {
			background: #5594d4;
			color:#fff;
		}*/

	#quickSearchResult img {
		height:30px;
		margin:auto;
		vertical-align:middle;
	}

         .padding-class {
            padding-left:32px;
        }

       

@media screen and (min-width: 220px) {

    .loop {
        margin-left: -50px;
        margin-bottom: 5px;
    }



    .up-arrow-icon {
        float: right;
        margin-right: 0;
        margin-top: -72px;
    }

    #searchButton {
        float: right;
        border-radius: 7px;
    }

    .search-control {
        display: inline-block !important;
        /*width:calc(70% - 100px);*/
        color: #fff !important;
        background: #345080;
        padding: 7px 0 7px 7px;
    }

    #quickSearchResult {
	    width:90%;
    }

    .search-form {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        text-align: start;
    }

    

            .account-links:hover, .account-links :focus {
                color: #8fdfff !important;
            }

            .menu-small-links:hover, .menu-small-links :focus {
            color: #dcfe8e !important;
        }

        #mainnav .menu-main a {
            color: #fff;            
        }

        .menu-main {
            border-bottom:1px dashed #8fdfff;
        }
        
        .menu-small-links {
            color: #FFFFFF !important;
            padding-left: 0px !important;
            padding-right: 10px !important;

            border-bottom: 1px solid #efefef !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }
        .menu-small-linksOrange {
            color: orange !important;
            padding-left: 0px !important;
            padding-right: 10px !important;

            border-bottom: 1px solid #efefef !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }
        .account-links {
            color: #dcfe8e !important;
            padding-left: 0px !important;
            padding-right: 10px !important;

            border-bottom: 1px solid #efefef !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }
}

    @media screen and (min-width: 420px) {

    

        .menu-small-links {
            color: #FFFFFF !important;
            padding-left: 0px !important;
            padding-right: 20px !important;
        }
          /*.menu-small-linksOrange {
            color: orange !important;
            padding-left: 0px !important;
            padding-right: 20px !important;
        }*/

        .account-links {
            color: #dcfe8e !important;
            padding-left: 0px !important;
            padding-right: 10px !important;
        }

        .up-arrow-icon {
            float: right;
            margin-right: 0;
            margin-top: -28px;
        }

        #quickSearchResult {
	        width:90%;
        }

        

        /*.menu-small-links {
            color: #FFFFFF !important;
            padding-left: 0px !important;
            padding-right: 10px !important;
        }*/

        .account-links {
            color: #dcfe8e !important;
            padding-left: 0px !important;
            padding-right: 10px !important;
        }

    }
  
    /* screen sm+ */
    @media screen and (min-width: 768px) {

        #mainnav .menu-main li:hover {
            padding: 0 !important;
        }

        /*.nav > li:hover {
            padding: 0 !important;
        }*/

       
        .padding-class {
            padding-left:0;
        }

        .padding-class-krahaso {
            padding-left: 0px !important;
        }

        .navbar-custom {
            margin-top: 0;
            padding-left:10px;
        }

        #quickSearchResult {
	        width:633px;
        }
 
        .container-main {
            width: 750px;
        }

        .up-arrow-icon {
            float: right;
            margin-right: 50px;
            margin-top: -26px;
        }

        #mainnav .menu-main a {
            color: #40618a;
        }

        .menu-main {
            border-bottom:none;
        }

        .padding-class {
            padding-left:0;
        }

        .navbar-default .menu-main > .active > a,
        .navbar-default .menu-main > .active > a:hover, .navbar-default .menu-main > .active > a:focus {
            /*border: 1px solid #00477d;*/
            border-radius: 5px;
            color: #fff;
            background: #00477d;
        }

        .navbar-default .menu-main > li {
            /*border: 1px solid #00477d;*/
            /*border-radius: 5px;*/
            /*width:140px;*/
            /*padding: 5px 14px;*/
            background: #ffffff;
            color: #40618a;
        }

            .navbar-default .menu-main > li:hover, .navbar-default .menu-main > li :focus {
                color: #fff;
                background: #aba8a8;
                padding: 5px 27px;
            }


        .navbar-default .menu-links > .active > a,
        .navbar-default .menu-links > .active > a:hover, .navbar-default .menu-links > .active > a:focus {
            border-radius: 5px;
            color: #FFFFFF;
        }

        .navbar-default .menu-links > li, .navbar-default .menu-links > li {
            color: #40618a;
            text-align: left;
            margin: 0 !important;
        }

            .navbar-default .menu-links > li:hover, .navbar-default .menu-links > li :focus {
                color: #FFFFFF;
            }

            .navbar-default .menu-links > li > a:hover, .navbar-default .menu-links > li :focus {
                color: #FFFFFF;
            }

        .logo {
            height: 160px;
            margin-top: -12px;
        }


        .menu-links {
            padding: 20px 0 15px 8px;
            font-size: 15px !important;
            padding-left:73px;
           
        }

        .navbar-default .menu-links > li > a {
            padding-left: 0px !important;
            padding-right: 10px !important;
        }


        .menu-main {
            padding: 0 12px;
        }

        

        .menu-small-links {
            color: #FFFFFF !important;
            padding-left: 0px !important;
            padding-right: 20px !important;

            border-bottom: none !important;
            padding-top: 2px !important;
            padding-bottom: 0 !important;
          
            
        }
          .menu-small-linksOrange {
            color: orange !important;
            padding-left: 0px !important;
            padding-right: 20px !important;

            border-bottom: none !important;
            padding-top: 2px !important;
            padding-bottom: 0 !important;
         
        }
        .account-links {
            color: #dcfe8e !important;
            padding-left: 0px !important;
            padding-right: 10px !important;

            border-bottom: none !important;
            padding-top: 2px !important;
            padding-bottom: 0 !important;
        }

        .menu-links {
            /*padding: 20px 0;*/
            font-size: 11px;
        }

        .menu-main {
            padding: 10px 0 !important;
            padding-bottom: 5px !important;
        }


        .search-form {
            padding-left: 20px;
            padding-right: 30px;
            padding-bottom: 17px;
        }
    }

    /* screen md+ */
    @media screen and (min-width: 992px) {
        
        #mainnav .menu-main li:hover {
            padding: 5px 25px !important;
        }

        /*.nav > li:hover {
            padding: 5px 25px !important;
        }*/

        .padding-class-krahaso {
            padding-left:17px !important;
        }
        
        .navbar-custom {
            margin-top: 0;
            padding-left:50px;
        }

        .container-main {
            width: 970px;
        }
        

        .menu-links {
            /*padding: 20px 20px 15px;*/
            /*padding-left:73px !important;*/
            padding-right: 200px;
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 11px;
        }

        .menu-main {
            padding: 10px 11px !important;
            padding-bottom: 5px !important;
        }

        .navbar-default .menu-main > li {
            /*border: 1px solid #00477d;*/
            /*border-radius: 5px;*/
            width: 140px;
            padding: 5px 25px;
            background: #ffffff;
            color: #40618a;
        }

        .search-form {
            padding-left: 72px;
            padding-right: 100px;
            padding-bottom: 17px;
        }



        
    }

    /* screen lg+ */
    @media screen and (min-width: 1200px) {
        .padding-class-krahaso {
            padding-left:17px !important;
        }
        .navbar-custom {
            margin-top: 0;
            padding-left:80px;
        }

        .container-main {
            width: 1270px;
        }

        .search-form {
            padding-left: 103px;
            padding-right: 270px;
            padding-bottom: 17px;
        }
    }

    /*.padding-class-krahaso {
            padding-left:17px !important;
        }*/
    /* FOOTER */




    .footer {
        background: #345080;
        color: #fff;
        padding: 0 20px 10px 20px;
        border-top: 4px solid #00477d;
        margin-top: 20px;
        -webkit-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
        box-shadow: 0 -1px 12px rgba(0,0,0,0.4);
        color: rgba(0,0,0,0.4);
    }

        .footer1 h3 {
                color: #fff;
                font-size: 1.3em;
                border-bottom: 2px solid #fff;
                margin-top:22px;
            }

        .footer2 h3 {
            color: #fff;
            font-size: 1.3em;
            border-bottom: 2px solid #8fdfff;
        }

        .footer ul {
            padding: 0;
        }

        .footer2 a {
            color: #fff;
        }

    .footer-navigate-section li {
        line-height: 20px !important;
    }

    .footer-stay-connected a {
        text-align: left;
        text-indent: -9999px;
        display: block;
        width: 115px;
        height: 40px;
        /*background: url('img/stay-connected.png');*/
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
        -webkit-transition: opacity .25s linear;
        -moz-transition: opacity .25s linear;
        -o-transition: opacity .25s linear;
        -ms-transition: opacity .25s linear;
        transition: opacity .25s linear;
    }

        .footer-stay-connected a:hover {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

        .footer-stay-connected a.facebook {
            background-position: -115px 0;
        }

        .footer-stay-connected a.twitter {
            background-position: -230px 0;
        }

        .footer-stay-connected a.googleplus {
            background-position: 0 0;
        }

    .footer-stay-connected li {
        text-align: center;
    }

    .footer-copyright {
        text-align: center;
        color: #fff;
        border-top: 1px dotted #7C7C7C;
        padding-top: 10px;
        font-size: 0.9em;
    }

    ul.no-list-style {
        list-style-type: none;
        margin-left: 0;
        text-align:left;
        margin: 20px 0;
    }

        ul.no-list-style li {
            line-height: 28px;
        }

            ul.no-list-style li > a {
                color: #fff;
            }

    .contact-us-details {
        margin: 20px 0;
        font-size: 0.9em;
        color: #fff;
        text-align:left;
    }

    ul.contact-us-details li > a {
                color: #fff;
            }

    ul.contact-us-details {
        list-style-type: none;
        margin-left: 0;
        text-align:left;
    }


    .footer-extra {
        background: #334a7c;
        color:#fff;
        border-top: 2px solid #fff; 
        min-height:50px;
        vertical-align: middle;
        line-height: 45px;      
    }





    /* dropdown styling to better match the chosen-select style  - Drilon */

select.form-control + .chosen-container.chosen-container-single .chosen-single {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background-image:none;
}

select.form-control + .chosen-container.chosen-container-single .chosen-single div {
    top:4px;
    color:#000;
}

select.form-control + .chosen-container .chosen-drop {
    background-color: #FFF;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    margin: 2px 0 0;

}

select.form-control + .chosen-container .chosen-search input[type=text] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container .chosen-results {
    margin: 2px 0 0;
    padding: 5px 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    margin-bottom: 5px;
}

select.form-control + .chosen-container .chosen-results li , 
select.form-control + .chosen-container .chosen-results li.active-result {
    display: block;
    /*padding: 3px 20px;*/
    clear: both;
    /*font-weight: normal;*/
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
    background-image:none;
}

select.form-control + .chosen-container .chosen-results li:hover, 
select.form-control + .chosen-container .chosen-results li.active-result:hover,
select.form-control + .chosen-container .chosen-results li.highlighted
{
    color: #FFF;
    text-decoration: none;
    background-color: #428BCA;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    background-image:none;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height:auto;
    padding:5px 0;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice {

    background-image: none;
    padding: 3px 24px 3px 5px;
    margin: 0 6px 0 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}

select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top:8px;
    right:6px;
}

select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control + .chosen-container .chosen-search input[type=text]:focus{
    border-color: #66AFE9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
}

select.form-control + .chosen-container-multi .chosen-results li.result-selected{
    display: list-item;
    color: #ccc;
    cursor: default;
    background-color: white;
}




.left-menu-small {
    color:#fff;
}

.dropdown-menu > li > a {
    color: #fff !important;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    border-bottom: 1px solid #efefef !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.menu-small-links-left {
    border-bottom: 1px solid #efefef !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: none !important;
    background:none !important;
    border-bottom: 1px solid #efefef !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.nav .caret {
    border-top-color: #fff !important;
    border-bottom-color: #428bca;
}


.bx-wrapper {
    margin-bottom:0px !important;
}

.box { background: #eee; border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; }