@charset "utf-8";
/* CSS Document */

body{ font-family: 'pluto-light',sans-serif; color:#414042; }

/* typo */
h1, h2{ font-family: 'pluto-extralight',sans-serif; font-weight: normal;  font-size: 23px; line-height: 28px; margin-top: 24px; }

a{ color: #414042 !important; text-decoration:none;}
a.visited,
a:hover{color: #A90034 !important; transition: color 0.2s ease 0s;}

/* ==========================================================================
   MOBILE classes:start
   ========================================================================== */
body{ margin:0px; padding:0px; }
.wrapper{ margin-left: 20px; margin-right:20px; }
footer,
#main{ margin-bottom: 20px;}

header #header{ }
#header .logo{ margin-top:14px; margin-bottom:32px; width: 80px; text-align:left !important }
#header .claim{ color: #DC0032; font-family: 'pluto-light',sans-serif; font-size: 16px; margin-top: 18px; }

#header nav{ position:absolute; top: -6px; right:30px; }
#header nav ul{ list-style:none; padding-top: 40px; }
#header nav ul li{ display: inline-block; cursor: pointer; font-family: "pluto-regular",sans-serif; font-size: 11px; font-style: normal; font-weight: 400; line-height: 11px; border-right: 1px solid #414042; padding-right:10px; padding-left:10px; }
#header nav ul li.last{ padding-right:0; border:0; }

h1, h2, h3 { margin-top: 15px; }

.box-elm{ display:block; }
.box-elm .marginer{ padding:10px; }
.box-elm.gray-box{ background-color: #E6E7E7; color: #414042; }

.box-elm.gray-box input{ width:93%; padding-left: 3%; padding-right:3%; padding-top: 14px; padding-bottom: 14px; font-size:110%; font-size:110%; font-weight:normal; font-size: 13px; font-family: 'pluto-regular',sans-serif; border:1px solid #414042; -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0px; }
.box-elm.error{ border: 2px solid #A90034; color: #A90034; }
.box-elm.error .head{ text-align:center; height:52px; line-height:52px; font-family: 'pluto-regular',sans-serif; background: url("../images/ico-error.png") no-repeat 0px 0px; }

.button,
button{ display:block; background-color: #DC0032; color: #FFFFFF !important; height:45px; line-height: 45px; border:0px; margin-top: 20px; font-size: 16px; margin-bottom: 20px; width:100%;  font-family: 'pluto-regular',sans-serif; }
.button.gray,
button.gray{ background-color: #CAC4BE; color: #414042; }
input[type="submit"]{ background-color: #DC0032; color: #FFFFFF !important; border:0px; -webkit-appearance: none; -webkit-border-radius: 0; }

.choose-btn{ display:block; background-color: #DC0032; color: #FFFFFF !important; height:45px; line-height: 45px; border:0px; margin-top: 20px; font-size: 16px; width:100%; font-family: 'pluto-regular',sans-serif; margin: 0px auto; }

select {
    font-family: inherit;
    font-size: 13px;
    width: 100%;
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 10px 10px 10px !important;
    border: 1px solid black;
    background: #fff url("../images/combo.png") no-repeat right center !important;
}
select::-ms-expand {
    display: none;
}


#main{}
ul#videos-list{ margin:0px; padding:0px; list-style:none; }
ul#videos-list li{ border-bottom: 1px solid #414042; font-size: 13px; }

ul#videos-list li .whole-item{ }

ul#videos-list li .more-info,
ul#videos-list li form{ display:none; }

ul#videos-list li .show-info form,
ul#videos-list li .show-info .more-info{ display: block; }

ul#videos-list li .show-info .basic-info{ background-color:#E6E7E7; }

ul#videos-list li .company{ font-size: 15px; font-family: 'pluto-regular',sans-serif; }
ul#videos-list li address{ font-style:normal; }

.ico-btn.btn-left{ height: 23px; margin-top: -3px; }

ul#videos-list li .ico-btn.btn-down{ display: none;}
ul#videos-list li .ico-btn.btn-up{ display: block; width: 23px; }

ul#videos-list li .show-info .ico-btn.btn-down{ display:block; width: 23px;}
ul#videos-list li .show-info .ico-btn.btn-up{ display: none; }

.more-info{}
.more-info .grey-box{ margin:0; padding:  0px 15px 20px 15px; background-color: #e6e7e7; color: #414042; font-family: "pluto-light",sans-serif; font-weight:normal; }
.more-info .button-box{ margin:0; padding-bottom:  15px; background-color: #e6e7e7; color: #414042; }
.more-info .grey-box .inner{ border-top: 1px solid #414042; padding: 15px 0; }

.tbl-head{ margin:0; margin-top:15px; position:relative; top:2px; padding: 10px; background-color: #CAC4BE; color: #414042; font-family: "pluto-light",sans-serif; font-weight:normal; font-size: 15px; }

.more-info img{ margin-top: 15px;}

.more-info table{ width:100%; margin-bottom: 15px; border-spacing: 0; border-bottom: 2px solid #E6E7E7; }
.more-info table td{ background-color: #E6E7E7; border-top: 2px solid #FFFFFF; padding: 15px 10px; margin:0; }
.more-info table th{ background-color: #FFFFFF; border-top: 2px solid #E6E7E7; padding: 15px 10px;  border-left: 2px solid #E6E7E7; }

.more-info table tr.actual td,
.more-info table tr.actual th{ background-color: #A90034; border-top: 2px solid #A90034; color: #FFFFFF; padding: 15px 10px; border-left: 2px solid #A90034; }

.footer{}
.footer ul{ margin:0; padding:0; list-style:none;  border-bottom: 1px solid #414042; padding-bottom: 15px; }
.footer ul li{ font-size: 13px; margin-top:15px; }

.copyright{ margin-top:20px; margin-bottom:20px; }
.copyright img{ float:left; margin-right: 15px; }
.copyright span{ float:left; font-size: 11px; margin-top:6px; color: #999999; }

/* ==========================================================================
   MOBILE classes:END
   ========================================================================== */


/* ==========================================================================
   Helper classes:start
   ========================================================================== */
/* color helpers */
.red{ color: #DC0032; }
.dark-red{ color: #A90034;}

.width100p{ width:100%; }
      
/* Typo helpers ----------------------------------------------------------------------------- */
.font200p{ font-size: 200%; }
.font180p{ font-size: 180%; }
.font160p{ font-size: 160%; }
.font140p{ font-size:140%; }
.font120p{ font-size:120%; }
.font110p{ font-size:110%; }
.font100p{ font-size:100%; }
.font90p{ font-size:90%; }
.font80p{ font-size:80%; }
.font75p{ font-size:75%; }
.font50p{ font-size:50%; }
            
/* aligning and floats  --------------------------------------------------------------------------------  */
.fl-right { float:right; }
.fl-left { float:left; }
.fl-center { margin: 0px auto; }

.ta-center {text-align:center}
.ta-left {text-align:left}
.ta-right {text-align:right}

img.fl-right { float:right; margin:2%; margin-right:0; }
img.fl-left { float:left; margin:2%; margin-left:0; }

.cleaner { clear:both; height:0px; overflow:hidden; font-size: 1px; display:block; }
.clear { clear:both; }

/* margins paddings  --------------------------------------------------------------------------------  */
.main-padding{ padding: 15px} /*--setup--*/

.margin-auto { margin:0px auto;}

.margin-top-0 { margin-top: 0px; }
.margin-top-small { margin-top: 5px; }
.margin-top { margin-top: 10px;}
.margin-top-medium { margin-top: 15px;}
.margin-top-big { margin-top: 20px;}

.margin-left-0 { margin-left: 0px; }
.margin-left-small { margin-left: 5px; }
.margin-left { margin-left: 10px;}
.margin-left-big { margin-left: 20px;}

.margin-right-0 { margin-right: 0px; }
.margin-right-small { margin-right: 5px; }
.margin-right { margin-right: 10px;}
.margin-right-big { margin-right: 20px;}

.margin-bottom-0 { margin-bottom: 0px; }
.margin-bottom-small { margin-bottom: 5px; }
.margin-bottom { margin-bottom: 10px;}
.margin-bottom-big { margin-bottom: 20px;}

.margin-top-bottom-0 { margin-bottom: 0px; margin-top: 0px; }
.margin-top-bottom-small { margin-bottom: 5px; margin-top: 5px; }
.margin-top-bottom { margin-bottom: 10px; margin-top: 10px;}
.margin-top-bottom-big { margin-bottom: 20px; margin-top: 20px;}

.margin-0 { margin: 0px;}
.margin-small { margin: 5px;}
.margin { margin: 10px;}
.margin-big { margin: 20px;}

.margin-filter { margin-top: 10px; }

.padding-small{ padding:5px; }
.padding{ padding:10px; }
.padding-big{ padding:15px; }
.padding-0{ padding:0;}

.padding-right-small{ padding-right:5px; }
.padding-right{ padding-right:10px; }
.padding-right-big{ padding-right:15px; }
.padding-right-0{ padding-right:0;}

.padding-left-small{ padding-left:5px; }
.padding-left{ padding-left:10px; }
.padding-left-big{ padding-left:15px; }
.padding-left-0{ padding-left:0;}

.padding-top-0{ padding-top:0 !important; }

/* no margin ---------------------------------------------- */
.no-margin { margin:0px; }

/* other helpers  ----------------------------------------- */
.reset-ul { margin:0; padding:0; }
.reset-ul li { list-style: none; }

.no-border { border: 0px solid !important; }
.hidden	{ display: none !important; visibility: hidden; }

.block { display:block; }
.inline-block { display: inline-block !important; }

.line-cnt{ height: 2px; overflow:hidden; }

.uppercase{ text-transform: uppercase; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

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

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;

/* ==========================================================================
   Helper classes:END
   ========================================================================== */