@charset "UTF-8";

  /*
    Color scheme for this website:
	#142D63 - navbar
	#1F487E - button, border, header
	#000000 - text
	#ffffff - background, text 
  */

body{
	background-color:#ffffff;
	color:#000000;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right:0;
	margin: 0;
	font-family:Lato, Helvetica, Arial, sans-serif;
}

* {
  box-sizing: border-box;
}
.clear { clear:both; }

img {border:0; }

.container {
  padding-right: 2px;
  padding-left: 2px;
  width: 100%;
}




.wrapper{
	margin:auto;
    width: 692px;
}

.wrapper_pic{

	margin:auto;
    width: 98%;
    max-width:1440px ;
    
}

.navbar {
	background-color:#142D63;
  	position: relative;
	top: 0;
	margin: 0 -2px  ;
	height: 50px ;
	z-index: 10;
	padding: 0;
}

.footer-bar {
	background-color:#142D63;
	bottom: 0;
	margin: 5px -2px 0 -2px ;
	height: 30px ;
	overflow: hidden ;
	color:#ffffff;
	text-align:center;
	font-size:12px;
	font-weight:normal;

}

.footer-link{
margin: 5px auto ;
	padding:5px;
}


.footer-link a{
	color:#ffffff ;
	text-decoration:none;
}
.footer-link li{
	display: inline-block ; 
	margin: 0 ;
	padding:0 5px;
}




.main_box, .main_big_box{
	width:692px;
	margin:5px auto ;
	border-radius:6px;
	border: 1px solid #1F487E;
	overflow: hidden ;
}

.main_big_box{
	width:100%;
    max-width: 1440px;
}


.main_box_2{
	width:100%;
	margin:0 ;
	padding: 5px;
}


.box_header {
	width:100%;
	margin: 0;
	border-radius:6px 6px 0 0 ;
	padding: 6px;
	min-height: 28px ;
	background-color:#1F487E;
	font-size:16px;
	text-align:center ;
	color:#ffffff;
}


.box_footer{
	width:100%;
	border-radius:0 0 6px 6px ;
	margin: 0;
	padding: 6px;
	min-height: 28px ;
	border: 1px solid #cccccc;
	border-width: 1px 0 0 0;
	background-color:#eeeeee;
	text-align:center ;
	font-size:14px;
	color:#000000;
	float:left;
}

.link_box{
	width:100%;
	padding: 5px ;
	overflow:hidden;
}

.flink, .flink2{
	width:25%;
	padding: 2px;
	text-align:center ;
    line-height: 1.5;
    vertical-align: middle;
	float: left ;
	overflow:hidden;
	font-size:14px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}

.flink2{
	width:50%;
	font-size:18px;
	text-decoration:underline;
}


.flink a{
	color:#000000;
	text-decoration:none;
}

.flink2 a{
	color:#000000;
	text-decoration:underline;
}

 
.show-big {display:inline; }
.show-small {display:none; }
.show-smallest {display:none; }

.navbar-brand, .nav-link {
  	float: left;
  	height: 50px;
  	padding: 15px 15px 15px 0;
	margin: 0 0 0 2px ;
  	font-size: 18px;
  	line-height: 20px;
	color: #ffffff ;
}

.nav-link {
  	font-size: 14px;
}

.navbar-brand a, .nav-link a{
	color: #ffffff ;
	text-decoration: none;
}

.navbar-form {
  padding: 10px 2px ;
  float: right ;
}

.form-control {
	padding: 6px 12px;
	font-size: 14px;
	float: left ;
	color: #555;
	display: inline-block;
	width: 220px;
	vertical-align: middle;
	margin: 0 ;
	height: 30px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 6px 0 0 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-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;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 2px 2px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}


#my_centered_buttons { 
    display: flex; justify-content: center; 
    
}


.button{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	padding: 6px 12px;
	font-size: 14px;
	height: 30px;
	margin: 0 ;
	float: left ;
	cursor:pointer;

    font-weight: bold;
    background-color: #1F487E;
    border: 1px solid #2d6898;
    background-image: linear-gradient(bottom, rgb(73,132,180) 0%, rgb(97,155,203) 100%);
    border-radius: 0 6px 6px 0;
    box-shadow: 0px 1px 0px #2b638f, 0px 1px 1px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
}



.button:active, .button:hover {
    background-image: linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);


    background-image: -o-linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(88,154,204) 0%, rgb(90,150,199) 100%);
 
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(88,154,204)),
        color-stop(1, rgb(90,150,199))
    );

	-webkit-box-shadow: 0px 2px 0px #2b638f, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
	-moz-box-shadow: 0px 2px 0px #2b638f, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);
	box-shadow: 0px 2px 0px #2b638f, 0px 1px 6px rgba(0,0,0,.4), inset 0px 1px 0px rgba(255,255,255,.3), inset 0px 0px 3px rgba(255,255,255,.5);

}

.button:active {
	-webkit-transform: translate(0, 1px);
	-moz-transform: translate(0, 1px);
	transform: translate(0, 1px);
}




.box1, .box3, .box4, .box5{
	width:160px;
	margin:5px;
	height:224px;
	border-radius:6px;
	border: 0;
	background-color:#E6E6E6;
	box-sizing: border-box;
	float:left;
	text-align:center ;
	-webkit-box-shadow: 0 1px 3px #c3c3c3;
    -moz-box-shadow: 0 1px 3px #c3c3c3;
    box-shadow: 0 1px 3px #c3c3c3;  
	overflow:hidden;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;


}

.box2{
	width:160px;
	margin:5px;
	height:458px;
	box-sizing: border-box;
	float:left;
}

.box3{
	height:458px;
	width:330px;
}

.box4{
	margin: 0 0 5px 0;
}

.box5{
	margin: 5px 0 0 0;
}

.box1 img, .box3 img, .box4 img, .box5 img{
	display:inline;
	width:100%;
	-webkit-box-shadow: 0 2px 1px #c3c3c3;
    -moz-box-shadow: 0 2px 1px #c3c3c3;
    box-shadow: 0 2px 1px #c3c3c3;
	border-radius:6px 6px 0 0;
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
 transition: transform 2s ;
	
}


.link-box{
	width:340px;
	margin:5px auto;
	border-radius:10px;
}


.big-box{
    min-width: 250px;
    max-width: 1400px;
    text-align:center;
	margin:5px auto;
	border-radius:10px;
}

.big-box img{
	display:inline;
	max-width:100%;
	border-radius:10px;
	-webkit-box-shadow: 0 2px 1px #c3c3c3;
    -moz-box-shadow: 0 2px 1px #c3c3c3;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  	border-radius:10px ;
	opacity:1;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
 transition: transform 2s ;
}



.box3 img{
	height:434px;
}

.box1 h3, .box3 h3, .box4 h3, .box5 h3{

	display:inline;
	font-size:14px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;

}



.box1 h3 a, .box3 h3 a, .box4 h3 a, .box5 h3 a{
	text-decoration:none;
	color:#000000;
}


a:hover{
	color:#0FF;
}


.box1 h3 a:hover, 
.box3 h3 a:hover, 
.box4 h3 a:hover, 
.box5 h3 a:hover, 
.flink a:hover, 
.flink2 a:hover{
	text-decoration:underline;
	color:#1F487E;
}



.box1:hover, .box3:hover, .box4:hover, .box5:hover{
	-webkit-box-shadow: 0 0 8px #f38094, 0 0 8px #f38094;
    -moz-box-shadow: 0 0 8px #f38094,  0 0 8px #f38094;
    box-shadow: 0 0 8px #f38094,  0 0 8px #f38094; 
}


.pagination1 {
float:left ;
}

.pagination2 {
float:right ;
}


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px 0 0 0 ;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 5px 11px ;
	font-size:16px;
  margin-left: -1px;
height: 30px ;
  color: #1F487E;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #1F487E;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #1F487E;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}


.add_this_box {
    border: 0 ;
    width: 350px;
    height: 50px;
	margin: 15px auto;
    }



.starrate  { 
	font-weight: normal;
	font-size: 9px; 
	color:#999999 ;
	text-decoration:none;
	height: 16px;
	display: block;
	margin-top: 10px;
	}

.pic_choice {
    border:     1px solid #CCC;
    font: 10px verdana, sans-serif;
    padding: 1px;
    width: 350px;
    height: 105px;
	margin: 20px auto 10px auto;
    }

        
.rate_widget {
    border:     1px solid #CCC;
    overflow:   visible;
    padding:    5px;
    position:   relative;
    width:      172px;
    height:     42px;
    }

.ratings_stars {
    background: url("/media/star_empty.png") no-repeat;
    float:      left;
    height:     28px;
    padding:    2px;
    width:      32px;
    }

.ratings_vote {
    background: url("/media/star_full.png") no-repeat;
    }

.ratings_over {
    background: url("/media/star_highlight.png") no-repeat;
    }

.av_rating {
    background: #ffffff;
    overflow:   visible;
    color: #000000;
    top: 12px;
    left: 180px;
    padding: 0;
    width: 166px;
    position:   absolute;  
	font-size: 12px; 
	font-weight: bold;
    } 

.total_votes {
    display: none;
    } 

.new_vote {
    background: #eaeaea;
    top: 45px;
    left: 0;
    padding: 2px;
    width: 344px;
    color: #000000;
    position:   absolute;  
    } 


@media only screen and (max-width: 799px) {
	
	.main_box,  .main_big_box, .wrapper, .wrapper_pic{
		width:692px;	
	}
}


@media only screen and (max-width: 700px) {
	
	.main_box,  .main_big_box, .wrapper, .wrapper_pic{
		width:532px;	
	}

	.box1, .box4, .box5{
		height:174px;
		width:120px;	
	}

.link-box{
	width:260px;
}



	.box2{
		height:358px;
		width:120px;	
	}

	.box3{
		height:358px;
		width:250px;	
	}

	.box3 img{
		height:334px;
	}

.navbar-form .form-control {
  width: 130px;

}


}

@media only screen and (max-width: 540px) {
	
	.main_box,  .main_big_box, .wrapper, .wrapper_pic{
		width:402px;	
	}

.show-big {display:none; }
.show-small {display:inline; }


	.flink{
		width:33.333%;
	}
	.box2{
		width:250px;	
		height:174px;
	}

	.box3{
		width:250px;	
		height:336px;
		margin: 5px 70px;
	}

	.box3 img{
		height:312px;
	}


	.box4{
		margin: 0 5px 0 0;
	}
	.box5{
		margin: 0 0 0 5px;
	}

.navbar-form .form-control {
  width: 120px;
padding: 6px 10px;

}


}

@media only screen and (max-width: 410px) {
	
	.main_box,  .main_big_box, .wrapper, .wrapper_pic{
		width:352px;	
	}
	.flink{
		width:50%;
	}

.show-small {display:none; }
.show-smallest {display:inline; }



	.box1, .box4, .box5{
		height:224px;
		width:160px;	
	}
	
.link-box{
	width:340px;
}
	

	.box2{
		height:224px;
		width:330px;	
	}

	.box3{
		width:330px;	
		height:436px;
		margin: 5px;
	}

	.box3 img{
		height:412px;
	}


.pagination > li > a,
.pagination > li > span {
  padding: 4px 5px ;
	font-size:14px;
    height: 26px ;
}


.navbar-form .form-control {
  width: 85px;
padding: 6px 3px;
}


}

@media only screen and (max-width: 354px) {
	
	.main_box, .main_box_pic, .wrapper, .wrapper_pic{
		width:272px;	
	}


.navbar-brand {
  	font-size: 16px;
}

.nav-link {
  	font-size: 12px;
}



	.box1, .box4, .box5{
		height:174px;
		width:120px;	
	}
	
.link-box{
	width:260px;
}
	

	.box2{
		height:174px;
		width:250px;	
	}

	.box3{
		height:336px;
		width:250px;
		margin: 5px;
	}
	.box3 img{
		height:312px;
	}

.navbar-form .form-control {
  width: 65px;
padding: 6px 3px;
}


.pic_choice {
    width: 100%;
    height: 160px;
    }

.rate_widget {
  margin-right: auto;
  margin-left: auto;
    }


.av_rating {
    top: 42px;
    width: 100%;
    left: 6px;
    } 


.new_vote {
    top: 64px;
    width: 100%;
    } 




}