/**
    * #.# MVNO - Phone List Page
    *
    * [1.0] Phone Panel, [1.0.1] Compare Me Button, [1.0.2] Phone Image Area, [1.1] Tool Bar, 
    */


     /**
     * #.# [1.0] Phone Panel
     */

     /**
     * #.#[1.0.1] Compare Me Button
     */

     .small-btn.f12 {
        font-size: 12px;
        }

    .small-btn.point {
        margin-bottom: 30px;
    }


    /*.small-btn.point::before {
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 30px;
        height: 11px;
        margin-left: -15px;
        background-color: #e4e4e4;
        content: "";
        z-index: 5;
    }*/
    

.added-compare .small-btn.light-gray-bg {
    color:#fff;
    background:url("images/compare-button.png") no-repeat 0 -97px
}

.add-to-compare label {
    background:url("images/compare-button.png") no-repeat 0 0;
    box-shadow:none;
    height:47px;
    margin-bottom:10px!important;
      padding-top: 8px;
}
.add-to-compare label:hover {
    background:url("images/compare-button.png") no-repeat 0 -47px;
    box-shadow:none;
    height:47px;
    margin-bottom:10px;
}




   /* .added-compare .small-btn.light-gray-bg,
    .added-compare .small-btn.light-gray-bg:before,
    .small-btn.light-gray-bg:hover,
    .small-btn.light-gray-bg.active::before,
    .small-btn.light-gray-bg:hover::before{
        background-color: #C2A6CD;
        color: #fff;
    }*/



    .point{ 
        position: relative;
    }
    /*.point span{ 
        position: absolute; 
        width: 14px; 
        height: 14px; 
        border-radius: 3px; 
        background-color: inherit; bottom: -5.5px; left: 50%; margin-left: -7px;
        -ms-transform: rotate(225deg); 
        -webkit-transform: rotate(225deg); 
        transform: rotate(225deg);
        }*/

    /*.shadowAngled{ 
        -webkit-box-shadow: -1px -1px 1px 1px rgba(51, 51, 51, 0.24);
        -moz-box-shadow: -1px -1px 1px 1px rgba(51, 51, 51, 0.24);
        box-shadow: -1px -1px 1px 1px rgba(51, 51, 51, 0.24);
    }
    
    .point:hover .shadowAngled{ 
        -webkit-box-shadow: -0.75px -0.75px 0px 0 rgba(51, 51, 51, 0.75);
        -moz-box-shadow: -0.75px -0.75px 0px 0 rgba(51, 51, 51, 0.75);
        box-shadow: -0.75px -0.75px 0px 0 rgba(51, 51, 51, 0.75);
    }

.small-btn.point:hover {
    box-shadow: 0 1px 1px -1px rgba(51, 51, 51, 0.75);
    -webkit-box-shadow: 0 1px 1px -1px rgba(51, 51, 51, 0.75);
    -moz-box-shadow: 0 1px 1px -1px rgba(51, 51, 51, 0.75);
}*/

    /**
    * #.# [1.0.2] Phone Image Area
    */

    .phone-area-img {
        display: inline-block;
        height: 330px;
        padding-top: 5px;
    }

    /**
    * #.# [1.0.2] Phone Details
    */
    .details p {
        font-size: 14px;
        margin: 0;
        padding-top: 10px;
    }




.phone-area {
    display: inline-block;
}

.id-phones-list .col-md-3 {
    margin-bottom: 30px;
    min-height:520px;
}

    /**
    * #.# [1.1] Tool Bar
    */
    .IE9 .animated.slideInMain {
        top:0;
    }
#toolBar{
    display: inline-block;
    width: 100%;
    z-index: 9;
}
#toolBar h2 {
    font-size:1.5em;
}

#toolBar .container {
    max-width: 1460px;
    width: 100%;
}

.toolbar-inner {
   
    /*overflow: hidden;*/
    position: relative;
    width: 100%;
}

.toolbar-tools {
    padding-bottom: 14px;
    position: absolute;
    width: 100%;
    z-index: 9;
}

.toolbar-tools.gray-bg {
    bottom: 0;
}

.toolbar-tools.gray-bg h2 {
    color: #37484e;
}

.options {
    margin-top: 20px;
}

.options .sortby .selectboxit-text{
    border-bottom: 1px solid;
    color: #3f6f48;
    font-size: 14px;
    margin-right: 20px;
    margin-top: 10px;
    text-decoration: none;
    font-family: gtwregular;
    text-indent: 0;
    width: 125px;
    padding-bottom:2px;
    max-width:78%!important;
}



    .options .sortby .selectboxit-container span {
        height: auto !important;
        line-height: normal;
    }

.selectboxit-arrow-container {
    font-size: 14px !important;
    position: absolute;
    right: 0;
    top: 8px;
    width: 29px !important;
}

.sortby .selectboxit-container .selectboxit {
    border-radius: 0;   width: auto; height: auto; border: none;
}


button.compare {
    border: medium none;
}

#refine-tool-btn,
#comparetoolbtn {
    color: #fff;
}

#refine-tool-btn .fa,
#comparetoolbtn .fa {
    margin-right:12px;
}

#refine-tool-btn.active {
    box-shadow: 0px 1px 1px 0px rgba(51,51,51,0.75);
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0;
}
#comparetoolbtn.active {
    box-shadow: 0px 1px 1px 0px rgba(51,51,51,0.75);
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0;
 }

.toolbar-tools.gray-bg .logo {
    display:none;
 }

/** Toolbar animated style*/
#toolBar.slideInMain {
    color:#fff;
}
#toolBar.slideInMain h2 {
    font-size:1.0em;
 }
#toolBar.slideInMain h2.compare-heading {
    font-size:1.5em;
}
#toolBar.slideInMain .toolbar-tools {
    height:60px;
 }
#toolBar.slideInMain .options {
  margin-top: 10px;
 }
#toolBar.slideInMain .logo {
    float:left;
}
 #toolBar.slideInMain .logo img {
   height: 40px;
   margin-top: 10px;
   margin-right: 15px;
 }
#toolBar.slideInMain .options .sortby .selectboxit-text {
     color:#fff;
}
 #toolBar.slideInMain .selectboxit-container {
    color:#fff;
 }

#toolBar.slideInMain .selectboxit-container .selectboxit-options {
     color:#fff;
   background:#69b878;
    /*border: 2px solid #69b878;*/
 }
#toolBar.slideInMain .selectboxit-option .selectboxit-option-anchor{
   display: block;
  padding: 5px 12px;
  color: #fff;
 }
 #toolBar.slideInMain .selectboxit-list li.selectboxit-option a:hover{
   background: #5daa6c;
   text-decoration: none;
 }






    /**
    * #.# [1.2] Compare Area
    */
.selectboxit-container .selectboxit-options {
   /* border: 1px solid !important;
    margin: -1px 0 0 -10px !important;*/
    box-shadow: 0 2px 1px 0 rgba(51, 51, 51, 0.24);
    background-color: #e4e4e4;
    border-radius: 5px;
    cursor: pointer;
    background-color: #e4e4e4;

}

.sortby .selectboxit-container .selectboxit-options {
    border: medium none;
    margin-top: 10px;
}
#compareArea{
    position: absolute;
    bottom: 85px;
    /*bottom:380px;*/ /* change to accomodate section with banners*/
    width: 100%;
    height: 160px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(51,51,51,1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(51,51,51,1);
    box-shadow: 0px 0px 4px 0px rgba(51,51,51,1);
    z-index: 1;
}


.cpw-refine-search-panel {
    width: 100%;
    display: inline-block;
}     
    
    

#compareArea > *{
   
    vertical-align: top;
}

#compareArea h2 {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    margin-top: 70px;
    padding-left: 15px;
    vertical-align: top;
    width: 19.2%;
}

#compareArea ul {
    display: inline-block;
    left: 0;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 16px;
    padding: 0;
    text-align: center;
    width: 60%;
    }

#compareArea ul li{ 
    position: relative;
    display: inline-block;
    height: 142px;
    border-radius: 20px 20px 0 0;
    vertical-align: top;
    /*margin-right: 28px;*/
    padding:0 25px;
}

#compareArea ul li img{
    /*-webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(51,51,51,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(51,51,51,1);
    box-shadow: 0px 0px 5px 0px rgba(51,51,51,1);*/
    max-width: 140px;

}

#compareArea ul li a.remove-compared {
  color: #83708d;
  font-size: 19px;
  position: absolute;
  right: 10px;
  top: -5px;
}

.IE8 #compareArea ul li a.remove-compared {
    right:-15px;
}

#compareArea ul li a {
    display: inline-block;
}

#compareArea > div > a{
    margin-top: 52px;
    margin-right: 15px;
    padding: 6px 40px 8px 40px;
    font-size: 16px;
    width: auto;
}

    #compareArea > div > a:hover {
        color:#6e5e76 ;
    
    }


.compare-arrows {
    display: inline-block;
    position: absolute;
    right: -5px;
    text-align: right;
    top: 50%;
    color: #fff;
}
.compare-arrows i{
    width: 100%;
}

/*.compare-arrows i:first-child {
    display: block;
    margin-bottom: -11px;
}*/

#compareArea ul li.no-phone {
    /*background-color: #fff;
    color: #b79dc5;
    margin-top: 5px;
    width: 130px;*/

     position: relative;
    display: inline-block;
    height: 142px;
    border-radius: 20px 20px 0 0;
    vertical-align: top;
    /*margin-right: 28px;*/
    padding:0 25px;

}

    #compareArea ul li.no-phone a {
        color: #b79dc5;
        /*margin-top: 200px;*/
        cursor:default;
        background: url("images/another-phone.png") no-repeat;
         width: 138px;
         height:145px;
         font-size:0;
    }

    /*#compareArea ul li.no-phone a {
        font-size: 1em;
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -0.4em;
        text-align: center;
        right: 0;
        font-family: gtwbold;
}*/
    #compareArea ul li:last-child .compare-arrows {
        display:none;
    }


.no-phone h3 {
    margin: 70px 17px 0;
    font-size: 16px;
}
#compareArea ul li img.slideDown {
     animation-name: none;
     -webkit-animation-name: none;
}/*
#compareArea ul li img.slideUp {
    margin-top: 60px;
}*/

    /**
    * #.# Footer
    *
    * all elements for the footer 
    */




@media (max-width: 800px) {

    #compareArea ul li a:first-child {
        top: 0;
    }
}