*{outline:0}





a:hover{text-decoration:underline}

h1,h2,h3{margin:20px 0 0;font-weight:600;color: #0f3646;
    border-radius: 6px;}


.clear{clear:both}
 

ul{margin:0;padding:0}

li{margin:0;padding:0;list-style:none}

p{margin:10px 0}

.text-center{text-align:center}

.input-container{margin:0 0 10px}

.input-container label{margin:0 0 2px;display:block;color:#666}
 

textarea.input-text{height:70px;padding:5px 10px;resize:none}

.button-container{margin:20px 0 0}

.button{min-width:20px;height:40px;padding:0 10px;display:inline-block;vertical-align:top;background-color:#6b8eb9;border:0;border-radius:3px;font-weight:bolder;color:#fff;text-transform:uppercase;text-align:center;line-height:40px;cursor:pointer}

.button:hover{background-color:#78ac3b}

.button-lg{height:50px;padding:0 30px;line-height:50px}



.container #list_models_models_list_pagination     {max-width: 100%;}
 
.search-toggle.toggled{background-image:url(../images/icon-close.png)}

.search-toggle.toggled:hover{background-image:url(../images/icon-close-a.png)}
 
.menu-toggle.toggled{background-image:url(../images/icon-close.png)}

.menu-toggle.toggled:hover{background-image:url(../images/icon-close-a.png)}

   
 
    
.dropdown-container a:hover:after{background-image:url(../images/icon-next-a.png);opacity:1}

.m-main .dropdown-container{top:48px}

 
.tags.show-all{height:auto}



 

   
.th.category{margin-bottom:4px}

.th:hover{text-decoration:none}

.th:hover .th-desc{background: #fff}

  

.c-titles {width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#484747;line-height:30px}



.category .c-titles{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:25px;background:rgba(20, 67, 86, 0.4);text-overflow:ellipsis;white-space:nowrap;font-size:20px;color:#fff;line-height:25px;text-align:center}






 
.th-videos{position:absolute;right:4px;top:4px;padding:2px 5px;background:rgba(64,63,63,0.5);border-radius:3px;font-size:12px;color:#fff}

.th-videos:before{content:'';display:inline-block;width:20px;height:12px;margin:0 3px -2px 0;background:url(../images/camera.png) no-repeat}

.paginator{margin:0 0 10px;text-align:center}

.paginator li{display:inline-block;vertical-align:top}

 


.video-container{position:relative}

.video-data{margin:0 0 15px;border-bottom:1px solid #dcdcdc}

.video-info-rating{position:relative;width:200px;height:30px;margin:7px 20px 0 0;float:left}

.video-info{float:left;line-height:52px}

.video-info span{margin:0 15px 0 0;display:inline-block}

.icon-date,.icon-duration,.icon-views{width:22px;height:22px;margin:-4px 6px 0 0;display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:center}

.icon-date{background-image:url(../images/icon-date.png)}

.icon-duration{background-image:url(../images/icon-duration.png)}

.icon-views{background-image:url(../images/icon-views.png)}

.video-dl{float:right;line-height:52px}

.video-dl a{cursor:pointer}

.video-dl .dropdown-container{top:40px}

.video-dl a{font-weight:bolder;color:#144356;text-transform:uppercase}

.video-dl a:hover{color:#44a3cc;text-decoration:none}

.icon-download{width:14px;height:22px;margin:-4px 6px 0 0;display:inline-block;vertical-align:middle;background:url(../images/icon-dl.png) no-repeat center}

a:hover .icon-download{background:url(../images/icon-dl.png) no-repeat center}

.video-description{color:#363840}

.video-tags{    text-align: left;line-height:30px}

.video-tags a{margin: 0 5px 5px 0;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    background: #144356;
    border-radius: 3px;
    color: #ffffff;}

.video-tags a:hover{background:#6b8eb9;color:#fff;text-decoration:none}

.vidsubtitles {font-size: 16px;font-weight: 600;}

.textstyle{text-align:justify}

.textstyle h3{margin-bottom:10px}

.top-text{margin-bottom:10px;clear: both}

.top-text h1{margin-top:18px}

 

.footer .container{text-align:center}

.footer p{margin:20px 0}

.footer a{margin:0 5px;display:inline-block;color:#fff}

 

.with-aside-block .aside{float:left;width:326px;padding-right:10px;box-sizing:border-box}

.with-aside-block .aside ul li a{margin: 0 0 5px;
    padding: 0 10px;
    display: block;
    background: #144356;
    border-radius: 3px;
    color: #ffffff;
    line-height: 34px;}

.with-aside-block .aside ul li a:hover{background:#297696;color:#fff;text-decoration:none}

.with-aside-block .article{float:left;width:calc(100% - 326px)}

@media screen and (max-width: 992px) {
.with-aside-block .aside{display:none}

.with-aside-block .article{width:100%}

}