@charset "utf-8";
/*
 * ******************************************************************************
 *  mobile-css-hyperoptic
 *  file: hyper-xs.css
 *
 *  Copyright (c) 2016. Hyperoptic Ltd ;
 *  Cable, London - UK
 *  email: admin@hyperoptic.com
 *  site: 	http://www.hyperoptic.com
 *  other-blog:	http://www..com
 *
 *  Licences: MIT, GPL
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 *
 *	Artwork inspired by:  /
 *  last modified: 23/02/16 15:51
 *  *****************************************************************************
 */

/*******************************************************************************
 * 
 * Vladimir: 
 * version: 2.0
 * Author-of-the-file: Vladimir Veljkovic
 * Creation date: 31/10/16 16.27
 * Licences: MIT, GPL
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 ******************************************************************************/




/* Extra small devices (phones, less than 767 px ) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 767 px settings and up) */


@media only screen
and (min-width : 0px)
and (max-width : 767px) {

/*=================================*/
/*===       img-top      ===*/
/*===============================*/
    .img-top  {
        width:auto;
        height:250px;
        background-size:cover !important;
    }


    /* fixing body font size */
    body {
        font-size: 85%;
    }
    /* Font size fix */
    .font-18 {
        font-size: 1.5em;
    }
    .font-21 {
        font-size: 1.8em;
    }
    .font-24 {
        font-size: 1.9em;
    }
    .font-26 {
        font-size: 2em;
    }
    .font-34 {
        font-size: 2.4em;
    }
    .font-42 {
        font-size: 4em;
    }
    .font-50 {
        font-size: 3.4em;
    }
    .font-60 {
        font-size: 3.8em;
    }
    .font-12-l-768 {
        font-size: 1.2em;
    }
    .font-15-l-768 {
        font-size: 1.5em;
    }
    .font-18-l-768{
        font-size: 1.8em;
    }
    .font-20-l-768{
        font-size: 2em;
    }
    .font-24-l-768 {
        font-size: 2.4em;
    }
    .font-25-l-768 {
        font-size: 2.5em;
    }
    .font-26-l-768 {
        font-size: 2.6em;
    }

    .font-30-l-768 {
        font-size: 3em;
    }

    /* heading font size */
    h1 {
        font-size: 4.6em;
        margin-top: 0.6em;
        margin-bottom: 0.4em;
    }
    h2 {
        font-size: 4.0em;
        margin-top: 0.4em;
        margin-bottom: 0.2em;
    }
    h3 {
        font-size: 2.5em;
        margin-top: 0.3em;
        margin-bottom: 0.15em;
    }
    h4 {
        font-size: 2.2em;
        margin-top: 0.2em;
        margin-bottom: 0.1em;
    }

	/* Top nav fix */
	.navbar-default {
		background-color:#FFFFFF;
	}
	.navbar-wrapper {
		position:relative;
	}
	.navbar-nav {
		float:none;
	}

    /* line height */
    .l-h-60-l-768 {
        line-height: 60%;
    }

    .op-0-l-768 {
        opacity: 0;
    }
    /* Display settings lower 768 */
    .dis-none-l-768 {
        display: none!important;
    }
    .dis-inline-l-768 {
        display: inline!important;
    }
    .dis-inline-b-l-768 {
        display: inline-block!important;
    }
    .dis-block-l-768 {
        display: block!important;
    }

	/* Text align */
	/* Text align right */
	.txt-a-c-l-768 {
		text-align:center;
	}
	.txt-a-r-l-768 {
		text-align:right;
	}
	.txt-a-l-l-768 {
		text-align:left;
	}
	.txt-a-j-l-768 {
		text-align:justify;
	}

    /* Center Block */
    .center-block-l-768 {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* Pull */
    /* Text align right */
    .pull-right-l-768 {
        float: right!important;
    }
    .pull-left-l-768 {
        float: left!important;
    }

    /* width */
	.w-100-l-768 {
        width: 100%;
    }
    /* width important */
    .w-100-i-l-756{
        width: 100% !important;
    }
    /* Min Height auto */
    .m-height-auto-l-768 {
        min-height: auto!important;
    }
    /*Max height 330px less 768 */
    .max-height-330-l-768{
        max-height: 330px;
    }
	 /* fixing border */
    /* border right lower then 768 */
    .b-r-0-l-768 {
        border-right:0;
    }
    .b-r-1-gray-l-768 {
        border-right: 1px solid #D8D8D8;
    }
    .b-r-1-white-l-768 {
        border-right: 1px solid #ffffff;
    }
    .b-r-1-cyan-l-768 {
        border-right: 1px solid #30b0d2;
    }
    .b-b-0-l-768 {
        border-bottom:0;
    }
    .b-b-1px-gray-l-768 {
        border-bottom: 1px solid #b8c0c3;
    }
    .b-b-1px-cyan-l-768 {
        border-bottom: 1px solid #30b0d2;
    }
    /* border left lower then 768 */
    .b-l-0-l-768 {
        border-left:0;
    }
    .b-l-1-gray-l-768 {
        border-left: 1px solid #D8D8D8;
    }
    .b-l-1-white-l-768 {
        border-left: 1px solid #ffffff;
    }

    .b-t-right-10px-l-768 {
        border-top-right-radius: 10px
    }
    .b-t-left-10px-l-768 {
        border-top-left-radius: 10px
    }
    /* Border all */
    .b-all-0-l-768 {
        border:0!important;
    }
    /* Border radius 0px important  */
    .b-r-0-i-l-768{
        border-radius: 0px !important;
    }


    /* Fixing Gray space betwen page and monitor edge  */
    .pad-right-percent-19 {
        padding-right:40px;
    }
    .pad-left-percent-19 {
        padding-left:40px;
    }
    .pad-right-percent-18 {
        padding-right:28px;
    }
    .pad-left-percent-18 {
        padding-left:28px;
    }

    /* Fixing padding */
    .pad-all-0-l-768 {
        padding: 0!important;
    }
    /* Pading top fixed 0 */
    .pad-top-0-l-768 {
        padding-top: 0;
    }
    /* Pading top fixed 5px */
    .pad-top-5-l-768 {
        padding-top: 5px;
    }
    .pad-top-10-l-768 {
        padding-top: 10px;
    }
    /* Pading top fixed 15px */
    .pad-top-15-l-768 {
        padding-top: 15px!important;
    }
    /* Pading top fixed 30px */
    .pad-top-30-l-768 {
        padding-top: 30px;
    }
    /* Pading top fixed 45px */
    .pad-top-45-l-768 {
        padding-top: 45px;
    }
    /* Pading top fixed 60px */
    .pad-top-60-l-768 {
        padding-top: 60px;
    }
    .pad-top-100-l-768 {
        padding-top: 100px;
    }
    /* Padding right 0 */
    .pad-right-0-l-768 {
        padding-right:0!important;
    }
    /* Padding left 0 */
    .pad-left-0-l-768 {
        padding-left:0!important;
    }
	/* Padding left 5 */
    .pad-left-5-l-768 {
        padding-left:5px;
    }
    /* Padding left 15 */
    .pad-left-15-l-768 {
        padding-left:15px!important;
    }
    /* Padding left 20 */
    .pad-left-20-l-768 {
        padding-left:20px;
    }
    /* Padding left 30 */
    .pad-left-30-l-768 {
        padding-left:30px;
    }
    /* Padding left 40 */
    .pad-left-40-l-768 {
        padding-left:40px;
    }
    /* Padding left 60 */
    .pad-left-60-l-768 {
        padding-left:60px;
    }
	/* Padding right 5 */
    .pad-right-5-l-768 {
        padding-right:5px;
    }
    /* Padding right 15 */
    .pad-right-15-l-768 {
        padding-right:15px!important;
    }
    /* Padding right 20 */
    .pad-right-20-l-768 {
        padding-right:20px;
    }
    /* Padding right 30 */
    .pad-right-30-l-768 {
        padding-right:30px;
    }
    /* Padding right 45 */
    .pad-right-45-l-768 {
        padding-right:45px;
    }
    /* Pading bottom fixed 0px */
    .pad-bottom-0-l-768 {
        padding-bottom: 0;
    }
    .pad-bottom-5-l-768 {
        padding-bottom: 5px;
    }
    .pad-bottom-10-l-768 {
        padding-bottom: 10px;
    }
    /* Pading bottom fixed 15px */
    .pad-bottom-15-l-768 {
        padding-bottom: 15px;
    }
    /* Pading bottom fixed 30px */
    .pad-bottom-30-l-768 {
        padding-bottom: 30px;
    }
    /* Pading bottom fixed 100px */
    .pad-bottom-100-l-768 {
        padding-bottom: 100px;
    }
    /* Percent paddings */
    /* Padding right percent 5 */
    .pad-right-p-5-l-768 {
        padding-right:5%;
    }

    /* Fixing Margin */
    /* Margin top 0px */
    .marg-top-0-l-768 {
        margin-top: 0 !important;
    }
    /* Margin top 5px */
    .marg-top-5-l-768 {
        margin-top: 5px !important;
    }
    /* Margin top 10px */
    .marg-top-10-l-768 {
        margin-top: 10px !important;
    }
    /* Margin top 15px */
    .marg-top-15-l-768 {
        margin-top: 15px;
    }
    /* Margin top 20px */
    .marg-top-20-l-768 {
        margin-top: 20px;
    }
    /* Margin top 25px */
    .marg-top-25-l-768 {
        margin-top: 25px;
    }
    /* Margin top 30px */
    .marg-top-30-l-768 {
        margin-top: 30px;
    }
    /* Margin top 45px */
    .marg-top-45-l-768 {
        margin-top: 45px;
    }
    /* Margin top 60px */
    .marg-top-60-l-768 {
        margin-top: 60px;
    }
    /* Margin right 15px */
    .marg-right-15-l-768 {
        margin-right: 15px;
    }
    /* Margin right 15px */
    .marg-right-0-l-768 {
        margin-right: 0;
    }
    /* Margin bottom 0 */
    .marg-bottom-0-l-768 {
        margin-bottom: 0px !important;
    }
    .marg-bottom-5-l-768 {
        margin-bottom: 5px !important;
    }
    /* Margin bottom 10px */
    .marg-bottom-10-l-768 {
        margin-bottom: 10px;
    }
    /* Margin bottom 15px */
    .marg-bottom-15-l-768 {
        margin-bottom: 15px;
    }
    /* Margin bottom 20px */
    .marg-bottom-20-l-768 {
        margin-bottom: 20px;
    }
    /* Margin bottom 25px */
    .marg-bottom-25-l-768 {
        margin-bottom: 25px;
    }
    /* Margin bottom 30px */
    .marg-bottom-30-l-768 {
        margin-bottom: 30px;
    }
    /* Margin bottom 45px */
    .marg-bottom-45-l-768 {
        margin-bottom: 45px;
    }
    /* Margin left 15px */
    .marg-left-15-l-768 {
        margin-left: 15px;
    }
    /* Margin left 0px */
    .marg-left-0-l-768 {
        margin-left: 0;
    }

    /* Font family */
    /* Bright cyan  */
    .blue-cyan-f-2-xs {
        color: #3ab9dc;
    }
    /*   Font color   */
    .white-f-fff-xs {
        color: #ffffff;
    }



    /*  Background color  */
    .bg-transparent-l-768 {
        background-color: transparent;
    }
    .bg-white-l-768 {
        background-color: #ffffff;
    }
    .white-bg-10-l-768 {
        background-color:#eeeeee ;
    }

    /* Button mobile */
	.btn-thin-xs {
        padding: 6px 25px 6px 25px;
	}
    .btn-narrow-xs {
        width: auto;
        padding: 10px 10px 10px 10px;
    }
    .btn-normal-xs {
        width: auto;
        padding: 10px 25px 10px 25px;
    }
	.btn-wide-xs {
        width: auto;
        padding: 10px 50px 10px 50px;
    }

	/* Banner responsive */
	/* Text fix*/
	.promo-txt-1-hw-b {
		padding-top:1%;
		font-size:2.6em;
	}
	.promo-txt-2-hw-b {
		font-size:1.4em;
	}
	
	/* Top nav fix */
	.navbar {
		padding-bottom:0;	
	}
	/* Brand txt */
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar-brand {
		padding-bottom:15px;
	}
    .navbar-default .navbar-toggle span {
        padding-right: 5px;
    }

	.i-contanier-top-nav {
		max-width:none;
		margin-top:0;
		padding-top:20px;
		background-color:#4e80a3;
	}
	.input-top-nav {
		height:40px;
		border-top-left-radius:12px;
		border-bottom-left-radius:12px;
		font-size:2em;

	}
	.btn-top-nav {
		height:40px;
		padding: 5px 20px;
		font-size: 24px;
		background-color:#31afd2;
		border-top-right-radius: 12px;
   		border-bottom-right-radius: 12px;
		
	}
	.btn-top-nav span {
		-webkit-text-stroke: 2px #31afd2;
	}
	.btn-top-nav:hover span {
		-webkit-text-stroke: 2px #286090;
	}

    /* Panel White */
    .panel-white {
        -moz-box-shadow:  none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    /* Box shadow none */
    .b-shadow-none-l-768{
        -moz-box-shadow:  none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /* Trustpilot reviews */
    .trust-bg-1 {
        max-height: 235px;
    }

    /* Select field */
    .hoSelect select {
        padding: 8px 35px 8px 10px;
    }
    .hoSelect {
        margin-bottom: 25px;
    }

    /* RI page */
    .two-tabs li {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
    }
    .two-tabs li a {
        box-shadow: none;
        background-color: #f8f8f8;
        color: #bcbcbc;
        border-radius: 10px;
    }
    .two-tabs li.active a {
        background-color: #ffffff;
    }
    .panel-white.with-tab {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }

    /* My Account Top Nav */
    .link-container {
        text-align: left;
        background-color: #eff1f7;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .link-container.stay {
        background-color: transparent;
        padding-top:0;
    }
    .link-container.stay a {
        color: #ffffff;
    }
    .link-container a {
        padding-left: 15px;
        color: #3caed5 !important;
        border-left: none;
    }
    .link-container:first-child a {
        padding-left: 15px;
        padding-bottom: 15px;
    }
    #myaccount-submenu {
        padding-left: 1px;
        margin-left: -1px;
        padding-right:0;
    }
    #myaccount-submenu .link-container:first-child a {
        padding-left: 15px;
        padding-right:0;
        border-left: none;
    }

    .os-box-undone.center {
        margin-right: initial;
        margin-left: initial;
    }
    .status-txt {
        display: inline-block;
        margin-left: 15px;
        margin-top:15px;
    }
    .os-box-done {
        display: inline-block;
        float: left!important;
    }
    .os-box-undone {
        display: inline-block!important;
        float: left!important;
    }

    /* Order process */
    /* Op tabs */
    .two-tabs-op li:first-child {
        width: 66%;
        text-align: left;
    }
    .two-tabs-op li:last-child {
        width: 34%;
    }
    .two-tabs-op li a {
        padding-left: 5px;
        padding-right: 5px;
    }
    /* Top nav */
    #page-vue-header-mobile {
        position:absolute !important;
        width:100%;
        top: 0!important;
        padding-top: 15px;
        z-index: 5;
    }
    .top-nav-mobile-bg {
        -webkit-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        -moz-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        -o-transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000);
        transition: all .3s cubic-bezier(0.190, 1.000, 0.220, 1.000); /* easeOutExpo */
    }

    /* Map page */

    .page-id-98 .top-nav-mobile-bg {
        z-index: 2;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e0606+0,7db9e8+100&0.9+0,0+100 */
        background: -moz-linear-gradient(to bottom, rgba(30,6,6,0.9) 0%,rgba(22,22,22,0.60) 59%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(to bottom, rgba(30,6,6,0.9) 0%,rgba(22,22,22,0.60) 59%, rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(30,6,6,0.9) 0%,rgba(22,22,22,0.60) 59%, rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61e0606', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
    }
    .page-id-98 .top-nav-mobile-bg.white-bg-fff {
        background: transparent;
        background-color: #ffffff;
    }
    /* Map List view */
    .list-view-group{
        top: 0!important;
        max-height: 538px!important;
    }
    .list-view-container {
        margin-top: 166px!important;
        padding-top: 0 !important;
    }
    .status-container-lv {
        height: 170px;
    }
    .mapLegend {
        width: 375px!important;
        top: -260px!important;
    }
    .mapLegend:after {
        right: 15px!important;
    }
    .icon-map-mob {
        position: absolute;
        top: -160px;
        left: -205px;
    }

    /* Button GO on serch bar */
    .btn-elastic-go {
        padding-right: 15px;
        padding-left: 15px;
    }
    .input-elastic {
        padding-right: 15px;
        padding-left: 40px;
        margin-bottom: 0;
    }

        /* Scheduler */
    .am-pm-container {
        padding-top:0px;
    }
    .am-txt {
        padding-bottom: 0;
    }.pm-txt {
         padding-top: 0;
     }
    .arrow-left-ma {
        margin-top: 10px;
        margin-bottom: 2px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;

    }
    .angle-ma + p {
        padding-top: 10px;
        padding-bottom: 0px;
        padding-left: 10px;
    }

    .angle-ma .fa-angle-left {
        position: relative;
        left: -24px;
        padding-top: 8px;
        padding-left: 4px;
    }
    .arrow-left-ma p {
        position: relative;
        left: 160px;
        text-align: right;
    }
    .arrow-right-ma {
        margin-top: 0;
        margin-bottom: 2px;
        border-bottom-left-radius: 8px;
        border-top-right-radius: 0;

    }
    .angle-ma .fa-angle-right {
        position: relative;
        left: -24px;
        padding-top: 8px;
        padding-left: 4px;
    }

    /* Angle change */
    .angle-ma .fa-angle-left:before {
        content: "\f106"!important;
    }
    .angle-ma .fa-angle-right:before {
        content: "\f107"!important;
    }
    /* Am */
    .date-available {
        min-height: 50px;
    }
    .date-field  {
        min-height: 50px;
    }
    .date-field p {
        padding-top: 16.5%;
    }
    .date-txt {
        padding-top: 7px;
    }
    /* Building Live */
    .more-info-link {
        padding: 0;
        padding-top: 12px;
        background-color: transparent!important;
        color: #3ab9dc!important;
    }
    .more-info-link:hover,.more-info-link:active,.more-info-link:focus {
        color: #3ab9dc!important;
        background-color: transparent!important;
        border: none !important;
        outline: none !important;
        text-decoration: none!important;
    }
    .laptop-homepage {
        margin-left: -60%;
        width: 155%;
    }
    #section1 .swoosh-bg-1 {
        background-position: 56% 60%;
    }

    /* Package horizontal */
    .package-circle-1Gb-horizontal {
        width: 100%;
        max-width: none;
        left: 0;
        height: 164px;
        bottom: -70px;
        background-size: 180px 164px;
        background-repeat: no-repeat;
        background-position:center;
    }

    .package-circle-1Gb-horizontal p:nth-child(1) {
        margin-top: 40px;
        font-size: 1.4em;
    }
    .package-circle-1Gb-horizontal span:nth-child(2) {
        font-size: 8.7em;
    }
    .package-circle-1Gb-horizontal span:nth-child(3) {
        font-size: 4em;
    }
    .package-circle-150Mb-horizontal {
        width: 100%;
        max-width: none;
        left: 0;
        height: 164px;
        bottom: -70px;
        background-size: 180px 164px;
        background-repeat: no-repeat;
        background-position:center;
    }

    .package-circle-150Mb-horizontal p:nth-child(1) {
        margin-top: 40px;
        font-size: 1.4em;
    }
    .package-circle-150Mb-horizontal span:nth-child(2) {
        font-size: 7em;
    }
    .package-circle-150Mb-horizontal span:nth-child(3) {
        font-size: 3em;
        top: -22px;
    }
    .package-circle-30Mb-horizontal {
        width: 100%;
        max-width: none;
        left: 0;
        height: 164px;
        bottom: -70px;
        background-size: 180px 164px;
        background-repeat: no-repeat;
        background-position:center;
    }

    .package-circle-30Mb-horizontal p:nth-child(1) {
        margin-top: 40px;
        font-size: 1.4em;
    }
    .package-circle-30Mb-horizontal span:nth-child(2) {
        font-size: 7em;
    }
    .package-circle-30Mb-horizontal span:nth-child(3) {
        font-size: 3em;
        top: -22px;
    }
    /* Step number  */
    .step-number-bl {
        line-height: 160%;
        width: 40px;
        height: 40px;
        font-size: 3em;
    }
    /* Register interest page */
    .map-canvas-medium {
        position: relative;
        width: 100%;
        height: 240px !important;
        max-width: 100%;
    }
    .map-canvas-medium div{
        border-radius: 10px !important;
    }
    .map-canvas-medium .gm-style {
        border-radius: 10px!important;
    }

    /* Building Unknown */
    /* Validation Message */
    .validate-error {
        margin-top: -25px;
    }
    .validate-error-2 {
        margin-top: 0;
    }
    input, textarea {
        margin-bottom: 25px;
    }

    /* How to get page */
    .how-to-get-img {
        max-width: none;
    }

    /*Careers page*/
    .page-id-217 .header-image {
        background-position: 74% 45%;
    }

    /* Company history */
    .page-id-210 .hoSelect {
        margin-bottom: 10px;
    }
    /* Press releases */
    .page-id-348 .hoSelect {
        margin-bottom: 10px;
    }

    /* My account dashboard */
    .line-2-ma {
        width: 12px;
        position: absolute;
        top: -50px;
        left: 17px;
        height: 156px;
    }

    .confirm-booking-details {
        width: 70%;
    }

    /* How hyperoptic works page */


    /* 
    ---------------------------------------------- 
    -- Order Process
    ----------------------------------------------
    */

     .tabsetButtons
    {
        padding: 0 15px;
    }
    .tabsetButtons li > div
    {
        padding: 12px 0;
        font-size:1.2em;
    }
    
    
    .productContainer {
        margin-bottom: 10px;
    }

    .productContainer .height-110, .productContainer .height-155 {
        height: auto;
    }

    .productContainer .img-offer {
        position: absolute;
        display: block;
        margin: auto;
        width: 50px;
        top: -120px;
        right: -20px;
    }

    .productContainer .description
    {
        /*margin-right:0 !important;*/
        /*right: -20px !important;*/
        /*top:110px;*/
        margin-right: -20px !important;
        top:100px;
    }

    .order-process .productContainer .description {
        margin-right:0 !important;
        right: -20px !important;
        top:110px;
    }
    
    
    .productContainer .questionMark 
    {
        display: none !important;
    }

    .productContainer .vertical-middle {
        position: relative;
        top: auto;
        transform: none;
    }

    .promotionSticker {
        margin-top: auto !important;
        width: 70px !important;
        transform: scale(0.9, 0.9);
        overflow: hidden;
    }

    /* Three tab */
    /* Business page */
    .three-tabs li {
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
    }
    .three-tabs li a {
        margin-right:0;
        box-shadow: none;
        background-color: #f8f8f8;
        color: #bcbcbc;
        border-radius: 10px;
    }
    .three-tabs li.active a {
        background-color: #ffffff;
    }

    .accordion-title{
        padding-top: 11px;
    }

    .accordion-title{
        font-size: 11px;
    }

    .tabsetButtons li{
        display : block !important;
        width:100% !important;
    }

    .tabsetButtons li div{
        margin-left: 0px !important;
        margin-right: 0px !important;
        /*border: 1px solid transparent !important;*/
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
    }

    .tabsetButtons li.active div{
        border-bottom: 1px solid transparent;
    }

    .tabsetButtons li {
        border:1px solid transparent;
    }
    .tabsetButtons li:last-child{
        border-bottom:1px solid #006DB6;
    }

    .tabsetButtons li.active {
        font-weight: bold;
        font-size: 12px;
    }

    /* Champions page */
    .champions-ico {
        -webkit-transform: scale(0.8) translate(-13%,-10%);
        transform: scale(0.8) translate(-13%,-10%);
    }

    /* footer  */
    .footer-logo-img {
        max-width: 80px!important;
    }

    /* kada imamo bootstrap modal preko modala i ugasimo jedan, scroll se na donjem izgubi. Ovo valjda resava problem */
    .modal {
        overflow:scroll !important;
    }
    body.modal-open {
        overflow: hidden;
        /*position:fixed;*/
    }

    span.validationMessage{
        font-size: 10px;
    }

    /* switch radio two*/
    .switchRadio.two {
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        width: 100%;
    }
    .switchRadio.two label {
        padding: 18px!important;
        width: 50%;
        max-width: 210px;
    }
    /* Switch radio three in line */
    .switchRadio.three {
        display: inline-block;
        overflow: hidden;
        vertical-align: middle;
        width: 100%;
    }
    .switchRadio.three label {
        padding: 18px!important;
        width: 33.3%;
        max-width: 170px;
    }

    /*Comparison table*/
    .comparison-table-wr .comparison-section-title {
        margin-bottom: 50px;
    }

    .comparison-table-wr .switchRadio {
        margin-top: 30px !important;
    }

    .comparison-table-wr .close-btn-wr {
        left: 0;
        right:0;
        top:35px !important;
        text-align: center !important;
    }

    #cookie_policy {
        text-align: left !important;
    }

    #cookie_policy .fa-times-circle {
        margin-top: 5px !important;
    }

    .switchRadioTable{
        /*display: flex;*/
        /*align-items: center;*/
        display: table;
        width: 100%;
    }

     .switchRadioTable label {
        /*flex-basis: 100%;*/
        display: table-cell;
        vertical-align: middle;
    }

     .switchRadioTable label {
        padding: 20px 10px;
        font-size: 13px;
    }


}

/*iphone 5 media brackpoint*/
@media only screen and (max-width : 320px) {

}