/**

 * @package 	OT Brand Map Module for Joomla! 3.3

 * @version 	$Id: mod_otbrandmaps.css - Mar 2015 00:00:00Z OmegaTheme

 * @author 		OmegaTheme Extensions (services@omegatheme.com) - http://omegatheme.com

 * @copyright	Copyright(C) 2015 - OmegaTheme Extensions

 * @license 	http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

**/



.form-horizontal .controls {

    margin-left:0px !important;

}



.list_item_wrap_static {

    margin: 1px 0;

    padding: 0;

    display: block;

}

.list_item_wrap_static span {

    padding: 1px 5px;

    display: block;

}

.list_item_wrap {

    margin: 10px 0;

    display: block;

	

}

.list_item_wrap span {

    padding-left: 10px;

	margin-left:-10px;

}

.location_list_item {

    background: none;

    padding: 1px 5px;

    cursor: pointer;

    display: block;

    text-decoration: none;

    line-height: 1.5em;

}

.ot_info  .fa {

	width:15px;

}

.ot_info  img {

	padding-right:8px;

	float:left;

}

.list_item_wrap .ot_info,

.list_item_wrap  a ,

.list_item_wrap_static .ot_info,

.list_item_wrap_static a 

{

    padding: 5px 0px 5px 0px;

}

#location_list_static .ot_area,

#location_list .ot_area {

	font-size:1px;

	font-weight:bold;

	padding:10px 0;

}

#location_list_static .ot_area {



}

#location_list {

	display:inline-block;

}

.location_list_tip {

    font-size: 10px;

    display: block;

}

.loading {

    position: absolute;

    top: 0;

    left: 0;

}

.result_error {

    background: #eeeeee;

    display: block;

    margin: 1px 0;

    padding: 0 5px;

    color: #CC0000;

}

a.ot-maps {

    color: #999999 !important;

    font-size: 11px !important;

    outline: medium none;

    padding: 0 !important;

    text-decoration: none;

}

a.ot-maps  img {



} 

.otmaps-wrapper > .ot-maps {

	text-align:right;

}

div.ot-maps a:hover, div.ot-maps a:active, div.ot-maps a:focus {

    background: none repeat scroll 0 0 transparent !important;

    text-decoration: underline;

}

.tabs .tab .col input {

	width:180px;

}



.tabs .tab .col:nth-child(1) input,

.tabs .tab .col:nth-child(2) input,

.tabs .tab .col:nth-child(3) input,

.tabs .tab .col:nth-child(4) input ,

.tabs .tab .col:nth-child(5) input,

.tabs .tab .col:nth-child(6) input,

.tabs .tab .col:nth-child(8) input,

.tabs .tab .col:nth-child(9) input,

.tabs .tab .col:nth-child(10) input ,

.tabs .tab .col:nth-child(11) input 

{

    width: 130px;

}

.tabs .tab .col:nth-child(7) input 

{

    width: 220px;

}

.tabs{}

.tabs .tab,.ot-map {

  padding: 0.5em 0.5em 1em;

  margin-bottom: 1em;

  margin-left: 1em;

  background-color:#f4f8fa;

  position: relative;

  

  display: inline-block;

}

.tabRemove{position: absolute; top: 2px; right: 2px;}

.tabRemove > span {color: #bd362f;}

.tabs .tab .col {

  float: left;

  margin: 5px 10px 15px 5px;

}

.tabs .tab label{

  color: #686868;

}

.tabs .tab input[type="text"]{

}

.tabs .tab textarea{

  width: 90%;

}



@media (max-width: 479px) {

  .tabs .tab {margin-left: 0;}

}



    .ot_logo_scroller_wrapper {

        width: 100%;

        position: relative;

        padding-top: 20px;

        margin-top: 20px;

       



    }

    .ot_logo_scroller {

        width: 100%;

        position: relative;

        padding-top: 20px;

        margin-top: 20px;

        overflow: hidden;

    }

    

    .the-carousel  img {

        float: left;

    }

    .the-prev, .the-next {

        background: transparent url(../../images/carousel_control.png) no-repeat 0 0;

        text-indent: -999px;

        display: block;

        overflow: hidden;

        width: 15px;

        height: 21px;

        position: absolute;

        top: 40%;

    }

    .the-prev {

        background-position: 0 0;

    }

    .the-prev:hover {

        left: 1px;

    }			

    .the-next {

        background-position: -18px 0;

        right: 0px;

    }

    .the-next:hover {

        right: 1px;

    }				

    .the-pager {

        text-align: center;

        margin: 30px auto;

    }

    .the-pager a {

        background: transparent url(../../images/carousel_control.png) no-repeat -2px -32px;

        text-decoration: none;

        text-indent: -999px;

        display: inline-block;

        overflow: hidden;

        width: 8px;

        height: 8px;

        margin: 0 5px 0 0;

    }

    .the-pager a.selected {

        background: transparent url(../../images/carousel_control.png) no-repeat -12px -32px;

        text-decoration: underline;				

    }

    .caroufredsel_wrapper {

        height: auto;

    }

	.list_item_wrap .ot_info {

	display:inline-block;

	float: left;

	clear: both;

	}

    .col-ot-1, .col-ot-2, .col-ot-3, .col-ot-4, .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {

    float: left;

      min-height: 1px;

    padding:5px;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    }

.col-ot-1 {

    width: 100%;

} 

.col-ot-4 {

    width: 25%;

}

.col-ot-5 {

    width: 20%;

}

.col-ot-2 {

    width: 50%;

}

.col-ot-3 {

    width: 33.3333%;

}

.col-ot-6 {

    width: 16.6667%;

}

.col-ot-7 {

    width: 14.4285%;

}

.col-ot-8 {

     width: 12.5%;

}

.col-ot-9 {

    width: 11.1111%;

}

.col-ot-10 {

	width: 10%;

}

.col-ot-11 {

	width: 9.0909%;

}

.col-ot-12 {

    width: 8.3333%;

}

#location_list .row {

	   

}

.row {

    margin-left: -15px;

    margin-right: -15px;

	

}

@media (min-width:1200px) {

	.col-lg-12 {

	width:100%;

	float: left;

	}

	.col-lg-6 {

	width:50%;

	float: left;

	}

	.col-lg-4 {

	width:33.33%;

	float: left;

	}

	.col-lg-3 {

	width:25%;

	float: left;

	}

	.col-lg-2 {

	width:20%;

	float: left;

	}

	.col-lg-1 {

	width:10%;

	float: left;

	}

}

@media (min-width:992px) and (max-width:1199px) {

	.col-md-12 {

	width:100%;

	float: left;

	}

	.col-md-6 {

	width:50%;

	float: left;

	}

	.col-md-4 {

	width:33.33%;

	float: left;

	}

	.col-md-3 {

	width:25%;

	float: left;

	}

	.col-md-2 {

	width:20%;

	float: left;

	}

	.col-md-1 {

	width:10%;

	float: left;

	}

}

@media (min-width:768px) and (max-width:991px) {

	.col-sm-12 {

	width:100%;

	float: left;

	}

	.col-sm-6 {

	width:50%;

	float: left;

	}

	.col-sm-4 {

	width:33.33%;

	float: left;

	}

	.col-sm-3 {

	width:25%;

	float: left;

	}

	.col-sm-2 {

	width:20%;

	float: left;

	}

	.col-sm-1 {

	width:10%;

	float: left;

	}

}

@media (max-width: 767px) {

	.col-xs-12 {

	width:100%;

	float: left;

	}

}

@media (max-width: 320px) {

    .col-ot-1, .col-ot-2, .col-ot-3, .col-ot-4, .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {

        width: 100%;

    }

}

@media (min-width:321px) and (max-width: 480px) {

     .col-ot-2, .col-ot-3, .col-ot-4, .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {

        width: 50%;

    }

    .col-ot-1 {

        width: 100%;

    }

}

@media (min-width:481px) and (max-width: 640px) {

    .col-ot-2 {

        width: 50%;

    }

    .col-ot-1 {

        width: 100%;

    }

    .col-ot-3 , .col-ot-4 , .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {

        width: 33%;

    }

  

}

@media (min-width:641px) and (max-width: 800px) {

    .col-ot-2 {

        width: 50%;

    }

    .col-ot-1 {

        width: 100%;

    }

    .col-ot-3 {

        width: 33%;

    }

    .col-ot-4 {

        width: 25%;

    }

    .col-ot-5, .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {

        width: 20%

    }

}

@media (min-width:801px) and (max-width: 980px) {

    .col-ot-2 {

        width: 50%;

    }

    .col-ot-1 {

        width: 100%;

    }

    .col-ot-3 {

        width: 33%;

    }

    .col-ot-4 {

        width: 25%;

    }

    .col-ot-5 {

        width: 20%

    }

    .col-ot-6, .col-ot-7, .col-ot-8, .col-ot-9, .col-ot-10, .col-ot-11, .col-ot-12 {

        width: 16.6667%;

    }

}

span.spacer .ot_layer label {

    color: #000;

    float: none;

    font-size: 16px;

    font-weight: bold;

    margin: 3px 0;

    max-width: none !important;

    padding: 5px 0 !important;

    text-align: center;

    text-decoration:underline;

}

.otmaps-wrapper ,.ot-map,div.col-md-12 {

display: table;

}

.ot-map .ot-controls {

	margin-bottom: 10px;

    margin-right: 10px;

}

.ot-map .ot-map-canvas {

	padding-right:10px;

} 

.ot-map span {

	padding:5px;

}