/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@font-face {
    font-family: 'aleksandracregular';
    src: url('../fonts/aleksandrac_regular.eot');
    src: url('../fonts/aleksandrac_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aleksandrac_regular.woff') format('woff'),
         url('../fonts/aleksandrac_regular.ttf') format('truetype'),
         url('../fonts/aleksandrac_regular.svg#aleksandracregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html,
button,
input,
select,
textarea {
    color: #222;
}
h1, h2,h3,h4,h5,h6{font-family: 'aleksandracregular', sans-serif;font-weight:400;}
/* h1,h2{font-weight:900;}
h3,h4{font-weight:700;}
h5,h6 {font-weight:400;} */
html {
    font-size: 1em;
    line-height: 1.4;
}
html,body{width: 100%;font:14px Tahoma,Geneva,Kalimati,sans-serif;}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author: dukerd.ru
   ========================================================================== */
body{background: url(../img/body-top.png) repeat-x #fff;}
h1 a,h2 a,h3  a,h4 a,h5 a,h6 a {color:#000; text-decoration: none;}
h1 a:hover,h2 a:hover,h3  a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color:#FFA1A6; text-decoration: underline;}
a {color:#000;}
a :hover {color:#FFA1A6; text-decoration: none;}
/*----------header-----------------*/
header{width: 980px; height: 105px;margin:0 auto;position: relative;}
header .social {
padding: 0;
list-style: none;
margin: 0;
display: block;
height: 22px;
width: 218px;
position: absolute;
top: 8px;
right: -11px;
background:  url(../img/header-social.png) left top no-repeat;
}

header .social li {display:inline-block;padding: 0;margin: 0;width: 33px;text-align: center;}
header .social li a {
display: block;
height: 21px;
margin-right: 12px;
text-indent: -1000000px;
width: 21px;
border-radius: 100px;

}
header #logo{height: 64px;width: 238px;display: block;position: absolute;top:40px;left: 0;background: url(../img/header-logo.png) no-repeat;}
/*----------top navigation-----------------*/
nav{display: block;position: absolute;right: 0;top: 45px;height: 45px;width: 766px;text-align: right;}
nav ul li{list-style:none; display:inline-block;padding:3px 5px;}
nav a{text-decoration: none;color:#7f7e7e;font:normal 13px Tahoma,Geneva,Kalimati,sans-serif;}
nav a:hover{text-decoration: underline;color:#8EC2DC;}
nav .active {color:#000;background: #E5F6FF;}
/*----------content-----------------*/
#main {width:980px;min-height:200px;margin:2em auto;}
.wrap{width: 980px;position: relative;margin:1em auto;}
/*----------footer-----------------*/
footer{width: 100%; height: 367px;margin:0 auto;position: relative;background: url(../img/footer-bg.png) repeat-x;color:#fff;}
footer section {width: 980px;height: 357px;margin:0 auto;background:  url(../img/footer-center.png) center bottom no-repeat;padding-top:10px;position: relative;}
footer ul {list-style:none;}
footer a{color:#fff;font:normal 14px Tahoma,Geneva,Kalimati,sans-serif;text-decoration: none;}
footer a:hover{text-decoration: underline;}
footer .social {
padding: 0;
list-style: none;
display: block;
height: 24px;
width: 221px;
margin: 0 auto;
background: url(../img/header-social.png) left bottom no-repeat;
}
footer .social li {display:inline-block;padding: 0;margin:-2px 0 0  0;}
footer .social li a {  display: block;  height: 21px;  margin-right: 12px;  text-indent:-1000000px;  width: 21px;  margin-top:-2px;  border-radius:100px;}
footer .social li a:hover{ }
footer .menu{display: block;width: 980px;height: 30px;float: left;margin: 5px 0 0 0;text-align: center;}
footer .menu li{display:inline-block;text-align: center;padding:3px 5px;}
footer .menu a{color:#000; font:normal 16px Tahoma,Geneva,Kalimati,sans-serif;}
footer h1{color:#000;float: left;width: 100%;text-align: center;margin: 0;text-indent:-10000000px;background: url(../img/footer-h1.png) center top no-repeat;}
footer span {left:0; top:63px;position: absolute;}
footer .social-links {margin:0;position: absolute;top: 96px;left: 0;padding: 0;margin: 0;}
footer address {position: absolute;left: 0;bottom: 60px; font-style:normal;}
footer .copyright {position: absolute;bottom: 5px;left: 0;}
footer .logo {position: absolute;right: 0;top:70px;display: block;background: url(../img/footer-logo.png) no-repeat;width: 196px;height: 102px;}
footer .name {position: absolute;right: 0;bottom: 103px;text-align: right;color:#000;font:normal 15px Tahoma,Geneva,Kalimati,sans-serif;}
footer .dev{position: absolute;right: 0;bottom:5px;width:222px;height:96px;}
/* footer .dev a{display: block;height: 68px;text-align: left;background:  url(../img/footer-develop.png) right bottom no-repeat;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:53px;} */
.dukerd {display:inline !important;background: none  !important;padding: 0 !important;position: absolute;bottom: 0;font-size:0.8em;height: 18px !important;}

/* ==========================================================================
   PAGES
   ========================================================================== */
#content {width: 980px;
margin:0 auto;
padding:0em 0;}
h1.top-name{text-align: center;
display: block;
width: 100%;font-size: 18px;text-transform: uppercase;
background:  url(../img/poloska.png) center top no-repeat;padding: 5px 0;}
   /*----------main page-----------------*/
#banner1{width:100%;max-width:1920px;margin:0 auto 10px;position: relative;overflow:hidden;height: 410px;}
#mp-banner {width:1024px;width:100%;max-width:1920px;
height: 330px;
margin:1em 0;
text-align: center;

}
.slides, .slides .slide, .slides .slide img {min-heigh:332px; height:332px;}
#mp-banner img{margin:0 auto;display: block;z-index:100;}


 #custom-pager {width:1024px;text-align: center;margin:15px auto 0;height: 56px;}
 #custom-pager a{display:inline-block;height: 56px;width:66px; background: url(../img/heart-small.png) center bottom no-repeat;position: relative;top:-14px;z-index:2000 }
 #custom-pager .cycle-pager-active {display:inline-block;height: 56px;width:66px; background: url(../img/heart-middle.png) center bottom no-repeat;}
 
.mp-banner-info {
width: 980px;
height: 390px;
margin: -380px auto 0;
z-index: 1000;
position: relative;
}

.programm-output{width: 186px;height: 330px;margin:0 554px 0 0;padding-top: 100px;  -moz-box-sizing:border-box;  box-sizing:border-box;}
.about {float: right;width:240px;clear:both;margin-top:0;}


/*----------------------BLOCKS-------------------------*/
/*sponsot-top*/
	#sponsor{width: 100%;overflow: hidden;text-align: center;background: #fff;margin: 1em -0px;/* height: 130px; */}
	.sponsor-top{width: 980px;clear:both;padding:1em 0;
	/* height: 130px; */
	margin:0 auto ;}
	.sponsor-top  a{float:left;display: block;
	overflow: hidden;
	height: 130px;
	width: 180px;
	border-radius:10px;
	}
	.sponsor-top  a.sp-last{float:right;}

	.sponsor-top  img{height: 130px;	}
	
	.sponsor-top  h1{margin:1em 200px;text-align: center;margin:0;font-size:3.2em;}
	.sponsor-top  p{margin:1em 200px;text-align: center;}
	.sponsor-top  .line{font-size:1.3em;margin:-8px 205px 0;}
  .line{background:  url(../img/headings-line-bg.gif) center center repeat-x;text-align: center;}
  .line span{background: #fff;padding:0.3em;}
/*------------KIDS---------------*/
#kids,#kids-catalog {position: relative;}

.kid-tpl {width: 245px;

display: inline-block;
position: relative;
font-size: 0.9em;
}
#kids-catalog .kid-tpl {
width: 245px;
display: block;
float: left;
position: relative;
font-size: 0.9em;margin-bottom: 2em;
}
.kid-tpl img{width: 200px;
height: 200px;
overflow: hidden;
border-radius:200px;
margin: 0 auto ;
display: block;
object-fit: cover;
}
.kid-tpl .number {
position: absolute;
top: 122px;
right: -6px;
background: rgba(255, 160, 165, 1);
display: block;
overflow: hidden;
border: 6px solid #FFF;
border-radius: 100px;
text-align: center;
font: bold 38px 'Roboto', sans-serif;
height: 70px;
width: 70px;
line-height: 70px;
}
a:hover .number {color:#000}
.kid-tpl h4{font-size:1.8em !important;text-align: center;margin:0 0 8px 0;}
.kid-tpl ul {list-style:none;padding: 0;margin: 0;width:240px;} 
.kid-tpl li {padding-left: 120px;  -moz-box-sizing:border-box;
  box-sizing:border-box;padding-bottom: 4px;}
.kid-tpl li  span{display: inline-block;text-align: right;
margin-right: 1em;margin-left: -100px;
width: 85px;font-size:0.9em;color:#999;}
.kid-tpl .more{/*  border:1px solid #ffa0a5;padding:2px 3px; bottom:0;position: absolute;left: 120px; */

color:#ffa0a5;
border:0;
padding: 0;
margin: 0 0 0 120px;
}
.more {border:1px solid #ffa0a5;padding:2px 3px;}
.more:hover {text-decoration: none;border-color:#fff;color: #ffa0a5;}

.btns {text-align: center;width: 100%;position: relative;font-size:1.5em;top: -55px;}
.btns .split {display: inline-block;width: 222px;}

.carousel_indicator{text-align: center;margin:14px auto 0;width: 100%;position: relative;left: 0; display: block;}
.carousel_indicator span{display:inline-block;height: 30px;width: 30px;overflow: hidden;border-radius:100px;margin-right: 4px;text-align: center;
color: #000;font-size:22px;}
.carousel_indicator span.active{display:inline-block;color:#000;background:rgba(255, 160, 165, 0.88);}
.more-kids {
font-size: 0.8em;
color: #666;
width: 100%;
clear: both;
display: block;
text-align: center;
margin: 1em auto;
}
.more-kids:hover{text-decoration: none;}


.pagination {
text-align: center;
margin: 14px auto;
width: 100%;
display: block;
height: 30px;
overflow: hidden;
padding: 0;
}
.pagination a{display:inline-block;text-decoration: none;height: 30px;width: 30px;overflow: hidden;border-radius:100px;margin-right: 4px;text-align: center;
color: #000;font-size:22px;line-height: 30px;}
.pagination a.active{display:inline-block;color:#000;background:rgba(255, 160, 165, 0.88);}
.pagination a.next{display: inline-block;font-family: 'aleksandracregular';font-size: 13px;width: 100px;
text-align: left;line-height: 30px;}
.pagination a.prev{display: inline-block;font-family: 'aleksandracregular';font-size: 13px;width: 100px;
text-align: right;line-height: 30px;}
.pagination a.next:hover,.pagination a.prev:hover{color:#660066;text-decoration: underline;}
/* #ffa0a5 */
/*-------------beFriends-----------*/
#beFriend {overflow: hidden;
padding: 1em -0px;  }
#beFriend h1 { text-align: center; }
#beFriend div.programms { width: 470px; float: left;}
#beFriend div.programms div.programm-tpl {margin-bottom: 1em;  }
#beFriend div.programms div.programm-tpl a {text-decoration: none;  }
#beFriend div.programms div.programm-tpl a div.image-container {position: relative;float: left; margin-right: 15px; } 
#beFriend div.programms div.programm-tpl a div.image-container img { height: 190px;
width: 190px;border-radius:100%;overflow: hidden; }
#beFriend div.programms div.programm-tpl a div.image-container  span {position: absolute;display: block;
top: 122px;
right: -6px;
background: rgba(255, 160, 165, 1);
display: block;
overflow: hidden;
border: 6px solid #FFF;
border-radius: 100px;
text-align: center;
font: bold 38px 'aleksandracregular', sans-serif;;
height: 70px;
width: 70px;
line-height: 70px;  }
#beFriend div.programms div.programm-tpl a  h3 {  }
#beFriend div.programms div.programm-tpl a  p {  }
#beFriend div.programms div.programm-tpl a  a.more {  }
#beFriend div.beParthnerForm{margin-left: 480px;}

/*-------------help-------------*/
.help {display:table-row;}
.help .col1 {width: 48%;display:table-cell;  -moz-box-sizing:border-box;
  box-sizing:border-box;}
.help .col2{width: 48%;display: table-cell;  -moz-box-sizing:border-box;
  box-sizing:border-box;padding:0 1em;}
    #mpKidForm {position: relative;}
	#mpKidForm label,#mpKidForm input,#mpKidForm textarea{display: inline-block;height: 18px;margin-bottom:.1em; border-radius:4px; }
#mpKidForm label {
width: 105px;
margin: 14px 0 0px;
font-size: 0.9em;
line-height: 28px;
}
  #mpKidForm input{width: 312px; border:1px solid #ffa0a5;padding:0.3em;}
#mpKidForm textarea {
width: 312px;
border: 1px solid #ffa0a5;
padding: 0.3em;
height: 60px;
margin: 12px 0;
}
#mpKidForm .file {
width: 322px;
text-align: center;
margin-top: 14px; 
border:1px solid #ffa0a5;
} 
 #mpKidForm .btn {
width: 100px;
text-align: center;
height: 35px;
border: #644244;
background: #ffa0a5;
color: #000;
margin: 0 0 2em 109px;
}


.capcha{width:312px; position: relative;display: inline-block;margin-bottom: 1em;}
.capcha input{}
.capcha{}
.capcha{}
.capcha{}
.capcha{}

  .btn:hover{border-color:#ffa0a5!important;}
  .btn:active{background: #000;color:#fff;}
  .errors {color:red;margin:2em;}
.partner-link{display: block;
width: 309px;overflow: hidden;
float: left; margin-right:20px;
height: 148px;background-size:auto 147px;text-indent:-100000000px;background-position:center center;border:0px solid #000;background-repeat:no-repeat;z-index: 1000;}
.partner-link:nth-child(3){margin-right: 0;}
  /*---------------stat--------------*/
.stat {display: block;width: 980px;}
.stat h1{text-align: center;font-size: 2.5em;display: block;width: 100%;}
.stat img{width: 44%;float: left; -moz-box-sizing:border-box;  box-sizing:border-box;padding:0 1em;margin-top: -65px;}
.stat .col {width: 48%; -moz-box-sizing:border-box; box-sizing:border-box;padding:0 1em;display: table-cell;}
/*-----------reports----------*/
.row{width:980px; -moz-box-sizing:border-box;
  box-sizing:border-box;padding:0 2em;;}
.report-link{display: inline-block;width: 20%;height: 80px;font-size:36px;text-decoration: none;background:  url(../img/report-bg.gif) center top no-repeat;text-align: center;}
.report-link small{display: block;width: 100%;text-align: center;font-size:13px;color:#aaa;text-decoration: underline;margin-top:1em;}
.report-link:hover{background: none;;}
.report-link:hover small{ text-decoration: none;color:red;}

/*---------partners--------*/

#partners  h1{text-align: center;font-size:2.8em;}
#partners .partner-link{display: block;background-size:cover;width:190px;height:130px;display: inline-block; -moz-box-sizing:border-box;  box-sizing:border-box;margin:0 0 1em 6px;}
#partnerBanners{margin:2em auto 3em;}
/*------------news---------------*/
#news {}
#news .news-item{overflow: hidden;float: left;height: 500px; width: 320px; -moz-box-sizing:border-box;
  box-sizing:border-box;padding:1em;position: relative;/* height: 450px */;}
.news-item  h2{min-height: 60px;line-height: 30px;}
#news .news-item a.img{width: 320px;height: 200px;display: block;margin: 1em auto;background-size:cover;background-position: center top;position: absolute;top: 0;}
#news .news-item .more{position: absolute;
bottom: 0;}
#news .news-item{}
/*-------------foto-------------*/
#foto{overflow: hidden;margin: 1em auto;}
#foto a{width: 325px;height: 230px;display: block;float: left;margin-right: 10px; overflow: hidden;margin-bottom: 10px;}
/*#foto a img{margin-top: -70px; display: block;}*/
#foto a img{width: 100%; display: block;}
#foto.gallery a {display: block; float: left;
width: 300px;
margin: 0 25px 25px 0; }
#gallery a:nth-child(3n){margin-right: 0;}
/*------------kids page------------*/
#content{overflow: hidden;margin-bottom: 3em;}

aside {
width: 257px;
float: left;
overflow: hidden;
}

aside .kid-foto{position: relative;width: 100%;
text-align: center;}
aside .kid-foto img {
width: 200px;
border-radius: 100%;
margin: 0 0 1em 0;
display: block;
}
aside .kid-foto span {
position: absolute;
top: 122px;
right: 23px;
background: rgba(255, 160, 165, 1);
display: block;
overflow: hidden;
border: 6px solid #FFF;
border-radius: 100px;
text-align: center;
font: bold 38px 'aleksandracregular', sans-serif;
height: 70px;
width: 70px;
line-height: 70px;
}
aside.kid{font-weight:700;}
aside.kid h2 {font-weight:700;}
aside.kid ul{margin: 0;padding: 0;margin-bottom: 2em;}
aside.kid li{line-height:1.6;list-style:none;margin-bottom: 1em;}
aside.kid li span {display: block;width: 100%;color: #000000;text-align: left;}
aside.kid .kid-aside-banner{width: 257px;display: block;
overflow: hidden;margin: 1em auto;}



.text {margin-left: 297px;color:#000000;margin-bottom: 3em;overflow: hidden;}

.text h1{margin-top: 0;color:#000;font-weight: 700;}
.text iframe {width: 100% !important;}


.share h4{margin-bottom: 0;}
.b-share__handle{margin-right: 7px;}
.share .b-share-icon{border-radius:100%;height: 22px;
width: 22px;
background-size: cover;}

.b-share-icon_facebook {
background-position: 0 -94px !important;
}
.b-share-icon_twitter {
background-position: 0 -69px !important;
}
.b-share-icon_odnoklassniki {
background-position: 0 -233px !important;
}
.b-share-icon_moimir {
background-position: 0 -117px !important;
}
.b-share-icon_gplus {
background-position: 0 -585px !important;
}
.b-share-icon_blogger {
background-position: 0 -257px !important;
}
.b-share-icon_pinterest {
background-position: 0 -656px !important;
}

.prev-next-page{text-align: center;margin: 2em auto;width: 100%;font-size: 1.5em;font-family: 'aleksandracregular', sans-serif;} 
.prev-next-page a{ text-decoration: none;border:1px solid #fff;}
.prev-next-page a:hover{ border-color:rgb(255, 160, 165);}

#id1 .top-name{display: none;}
.aside-banners{margin: 1em 0px;}
.aside-banners a{margin: 1em 0px;display: block;}


/*-------beFriend-form-------------*/
    #beFriend {position: relative;}
	#beFriend label,#beFriend input,#beFriend textarea{display: inline-block;height: 18px;margin-bottom:.1em; border-radius:4px; }
#beFriend label {
width: 105px;
margin: 14px 0 0px;
font-size: 0.9em;
line-height: 28px;
}
  #beFriend input{width: 312px; border:1px solid #ffa0a5;padding:0.3em;}
#beFriend textarea {
width: 312px;
border: 1px solid #ffa0a5;
padding: 0.3em;
height: 60px;
margin: 12px 0;
}
#beFriend .file {
width: 322px;
text-align: center;
margin-top: 14px; 
border:1px solid #ffa0a5;
} 
 #beFriend .btn {
width: 100px;
text-align: center;
height: 35px;
border: #644244;
background: #ffa0a5;
color: #000;
margin: 0 0 2em 109px;
}
  .btn:hover{border-color:#ffa0a5!important;}
  .btn:active{background: #000;color:#fff;}
  .errors {color:red;margin:2em;}
/* ==========================================================================
   Helper classes
   ========================================================================== */
flRight{float:right;}
a.center{display: block !important;margin:1em auto  !important;width: 85px !important;height: 20px !important;text-align: center;}
/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}
.jq-checkbox {
	top: -1px;
	width: 13px;
	height: 13px;
	border: 1px solid #C3C3C3;
	border-radius: 3px;
	background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) repeat-x;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
	vertical-align: middle;
	cursor: pointer;
}
.jq-checkbox.checked .jq-checkbox__div {
	width: 9px;
	height: 9px;
	margin: 2px 0 0 2px;
	border-radius: 2px;
	background: #666;
	box-shadow: inset 0 -3px 6px #AAA;
}
.jq-checkbox.focused {
	border: 1px solid #08C;
}
.jq-checkbox.disabled {
	opacity: 0.55;
	filter: alpha(opacity=55);
}


.jq-radio {
	width: 12px;
	height: 12px;
	border: 1px solid #C3C3C3;
	border-radius: 50%;
	background: #F6F6F6 url(data:image/gif;base64,R0lGODlhAQAMALMAAPHx8f7+/vv7+/j4+PX19fLy8vz8/Pn5+fb29vPz8/39/ff39wAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAABAAwAAAQJMCgjzliIpAIiADs=) 0 -1px repeat-x;
	box-shadow: 0 1px 1px rgba(0,0,0,0.05), inset -1px -1px #FFF, inset 1px -1px #FFF;
	vertical-align: middle;
	cursor: pointer;
}
.jq-radio.checked .jq-radio__div {
	width: 6px;
	height: 6px;
	margin: 3px 0 0 3px;
	border-radius: 50%;
	background: #666;
}
.jq-radio.focused {
	border: 1px solid #08C;
}
.jq-radio.disabled {
	opacity: 0.55;
	filter: alpha(opacity=55);
}


.jq-file {
	width: 270px;
	
	border-radius: 4px;
}
.jq-file input {
	cursor: pointer;
	height: auto;
	line-height: 1em;
}
.jq-file__name {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 32px;
	padding: 0 80px 0 10px;
	color: #333;
	font: 14px/30px Arial, sans-serif;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

	border-bottom-color: #B3B3B3;
	border-radius: 4px;

	background: #FFF;
}
.focused .jq-file__name {
	border: 1px solid #5794BF;
}
.jq-file__browse {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 0 10px;
	border-left: 1px solid #CCC;
	border-radius: 0 4px 4px 0;
	background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	text-shadow: 1px 1px #FFF;
	font: 14px/30px Arial, sans-serif;
}
.jq-file:hover .jq-file__browse {
	background-color: #E6E6E6;
	background-position: 0 -10px;
}
.jq-file:active .jq-file__browse {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-file.disabled .jq-file__name {
	color: #888;
}
.jq-file.disabled,
.jq-file.disabled .jq-file__browse {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}


.jq-selectbox {
	vertical-align: middle;
	cursor: pointer;
}
.jq-selectbox__select {
	height: 30px;
	padding: 0 45px 0 10px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #F5F5F5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	text-shadow: 1px 1px #FFF;
	font: 14px/30px Arial, sans-serif;
}
.jq-selectbox__select:hover {
	background-color: #E6E6E6;
	background-position: 0 -10px;
}
.jq-selectbox__select:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
.jq-selectbox.focused .jq-selectbox__select {
	border: 1px solid #5794BF;
}
.jq-selectbox.disabled .jq-selectbox__select {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-selectbox__select-text {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.jq-selectbox__trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	height: 100%;
	border-left: 1px solid #CCC;
}
.jq-selectbox__trigger-arrow {
	position: absolute;
	top: 14px;
	right: 12px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.jq-selectbox:hover .jq-selectbox__trigger-arrow {
	opacity: 1;
	filter: alpha(opacity=100);
}
.jq-selectbox.disabled .jq-selectbox__trigger-arrow {
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.jq-selectbox__dropdown {
	top: 33px;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
	font: 14px/18px Arial, sans-serif;
}
.jq-selectbox__search {
	margin: 5px;
}
.jq-selectbox__search input {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 27px 6px 8px;
	outline: none;
	border: 1px solid #CCC;
	border-radius: 3px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
	box-shadow: inset 1px 1px #F1F1F1;
	color: #333;
	-webkit-appearance: textfield;
}
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration {
	-webkit-appearance: none;
}
.jq-selectbox__not-found {
	margin: 5px;
	padding: 5px 8px 6px;
	background: #F0F0F0;
	font-size: 13px;
}
.jq-selectbox ul {
	margin: 0;
	padding: 0;
}
.jq-selectbox li {
	min-height: 18px;
	padding: 5px 10px 6px;
	color: #231F20;
}
.jq-selectbox li.selected {
	background-color: #A3ABB1;
	color: #FFF;
}
.jq-selectbox li:hover {
	background-color: #08C;
	color: #FFF;
}
.jq-selectbox li.disabled {
	color: #AAA;
}
.jq-selectbox li.disabled:hover {
	background: none;
}
.jq-selectbox li.optgroup {
	font-weight: bold;
}
.jq-selectbox li.optgroup:hover {
	background: none;
	color: #231F20;
	cursor: default;
}
.jq-selectbox li.option {
	padding-left: 25px;
}


.jq-select-multiple {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	background: #FFF;
	color: #333;
	font: 14px/18px Arial, sans-serif;
	cursor: default;
}
.jq-select-multiple.focused {
	border: 1px solid #5794BF;
}
.jq-select-multiple.disabled {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}
.jq-select-multiple ul {
	margin: 0;
	padding: 0;
}
.jq-select-multiple li {
	padding: 3px 9px 4px;
	list-style: none;
}
.jq-select-multiple li:first-child {
	border-radius: 3px 3px 0 0;
}
.jq-select-multiple li:last-child {
	border-radius: 0 0 3px 3px;
}
.jq-select-multiple li.selected {
	background: #08C;
	color: #FFF;
}
.jq-select-multiple li.disabled {
	color: #AAA;
}
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled {
	background: #CCC;
	color: #FFF;
}
.jq-select-multiple li.optgroup {
	font-weight: bold;
}
.jq-select-multiple li.option {
	padding-left: 25px;
}


input[type="email"].styler,
input[type="number"].styler,
input[type="password"].styler,
input[type="search"].styler,
input[type="tel"].styler,
input[type="text"].styler,
input[type="url"].styler,
textarea.styler {
	padding: 7px 9px;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	font: 14px Arial, sans-serif;
}
input[type="search"].styler {
	-webkit-appearance: none;
}
textarea.styler {
	overflow: auto;
}
input[type="email"].styler:hover,
input[type="number"].styler:hover,
input[type="password"].styler:hover,
input[type="search"].styler:hover,
input[type="tel"].styler:hover,
input[type="text"].styler:hover,
input[type="url"].styler:hover,
textarea.styler:hover {
	border-color: #B3B3B3;
}
input[type="email"].styler:focus,
input[type="number"].styler:focus,
input[type="password"].styler:focus,
input[type="search"].styler:focus,
input[type="tel"].styler:focus,
input[type="text"].styler:focus,
input[type="url"].styler:focus,
textarea.styler:focus {
	border-color: #CCC;
	border-top-color: #B3B3B3;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
	outline: none;
}
button.styler,
input[type="button"].styler,
input[type="submit"].styler,
input[type="reset"].styler {
	overflow: visible;
	padding: 7px 11px;
	outline: none;
	border: 1px solid #CCC;
	border-bottom-color: #B3B3B3;
	border-radius: 4px;
	background: #F1F1F1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;
	box-shadow: inset 1px -1px #F1F1F1, inset -1px 0 #F1F1F1, 0 1px 2px rgba(0,0,0,0.1);
	color: #333;
	text-shadow: 1px 1px #FFF;
	font: 14px Arial, sans-serif;
	cursor: pointer;
}
button.styler::-moz-focus-inner,
input[type="button"].styler::-moz-focus-inner,
input[type="submit"].styler::-moz-focus-inner,
input[type="reset"].styler::-moz-focus-inner {
	padding: 0;
	border: 0;
}
button.styler:after {
	content: '';
}
button.styler:not([disabled]):hover,
input[type="button"].styler:not([disabled]):hover,
input[type="submit"].styler:not([disabled]):hover,
input[type="reset"].styler:hover {
	background-color: #E6E6E6;
	background-position: 0 -10px;
}
button.styler:not([disabled]):active,
input[type="button"].styler:not([disabled]):active,
input[type="submit"].styler:not([disabled]):active,
input[type="reset"].styler:active {
	background: #F5F5F5;
	box-shadow: inset 1px 1px 3px #DDD;
}
button.styler[disabled],
input[type="button"].styler[disabled],
input[type="submit"].styler[disabled] {
	border-color: #CCC;
	background: #F5F5F5;
	box-shadow: none;
	color: #888;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;text-align: center;padding: 2em;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(../js/colorbox/example3/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../js/colorbox/example3/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../js/colorbox/example3/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../js/colorbox/example3/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}