header,section,footer,aside,nav,main,article,figure{display:block}
body{margin:0px; padding:0px; background-color: #1e2024;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border:none; margin:0px; padding:0px; max-width:100%; display:block;}
textarea{outline:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none; font-weight:normal;}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
input[type="submit"]{-webkit-appearance:none; /*-webkit-border-radius:0px;*/}
a{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;}
.megamenu ul li a{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
select{-webkit-appearance:none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
::-webkit-input-placeholder{color:#9a9da2; opacity:1;}
::-moz-placeholder{color:#9a9da2; opacity:1;}
:-ms-input-placeholder{color:#9a9da2; opacity:1;}
:-moz-placeholder{color:#9a9da2; opacity:1;}
.noSelect{-webkit-user-select:none;-ms-user-select:none; user-select:none;}
/*body * :not(input):not(textarea){user-select:none!important; -webkit-touch-callout:none!important; -webkit-user-select:none!important; -moz-user-select:none !important; -khtml-user-select:none!important; -ms-user-select:none!important;}*/

@font-face {
    font-family:'SourceSansProRegular';
    src: url('../webfonts/SourceSansProRegular.eot');
    src: url('../webfonts/SourceSansProRegular.eot') format('embedded-opentype'),
         url('../webfonts/SourceSansProRegular.woff2') format('woff2'),
         url('../webfonts/SourceSansProRegular.woff') format('woff'),
         url('../webfonts/SourceSansProRegular.ttf') format('truetype'),
         url('../webfonts/SourceSansProRegular.svg#SourceSansProRegular') format('svg');
}
/*
font-family:"Montserrat", sans-serif;
font-family:"Inter", sans-serif;
*/

/* Dropdown CSS Start */
.selectric-wrapper{position:relative;cursor:pointer; text-align:left;}
.selectric-responsive{width:100%}
.selectric{position:relative;overflow:hidden; background-color: #1e2024; border: 3px solid #313439; border-radius: 16px;}
.selectric .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"Inter", sans-serif; font-weight:600;font-size:12px;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; line-height:30px; padding:0px 36px 0 15px; letter-spacing: 0.025em; text-transform: uppercase;}
.selectric .button{display:block;position:absolute;right:0px;top:0; width:25px;text-align:center;height:30px;text-indent:-9999px; background: url(../images/dropDown.png) no-repeat left center;}
/*.selectric-focus .selectric{border-color:#aaa}*/
.selectric-open{z-index:9999}
.selectric-open .selectric{border-color:#313439; border-radius: 16px 16px 0 0;}
.selectric-open .selectric-items{display:block}
.selectric-disabled{filter:alpha(opacity=50);opacity:.5;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric-hide-select{position:relative;overflow:hidden;width:0;height:0}
.selectric-hide-select select{position:absolute;left:-100%; opacity:0;}
.selectric-hide-select.selectric-is-native{position:absolute;width:100%;height:100%;z-index:10}
.selectric-hide-select.selectric-is-native select{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;z-index:1;box-sizing:border-box;opacity:0}
.selectric-input{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important;width:1px!important;height:1px!important;outline:none!important;border:none!important;*font:0/0 a!important;background:none!important}
.selectric-temp-show{position:absolute!important;visibility:hidden!important;display:block!important}
.selectric-items{display:none;position:absolute;top:100%;left:0;background:#292c31;border:1px solid #313439;z-index:-1;box-shadow:0 0 10px -6px;}
.selectric-items .selectric-scroll{height:100%;overflow:auto}
.selectric-above .selectric-items{top:auto;bottom:100%}
.selectric-items ul,.selectric-items li{list-style:none;padding:0;margin:0;font-family:"Inter", sans-serif; font-weight: 600;font-size:12px;line-height:22px;min-height:14px; text-transform: uppercase;}
.selectric-items li{display:block;padding:7px 17px;color:#a7a6a6;cursor:pointer;}
.selectric-items li.selected{background:#313439;color:#fff}
.selectric-items li.highlighted{background:#313439;color:#fff}
.selectric-items li:hover{background:#313439;/*color:#000;font-weight: 500;*/}
.selectric-items .disabled{filter:alpha(opacity=50);opacity:.5;cursor:default!important;background:none!important;color:#666!important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.selectric-items .selectric-group .selectric-group-label{font-weight:700;padding-left:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:none;color:#444}
.selectric-items .selectric-group.disabled li{filter:alpha(opacity=100);opacity:1}
.selectric-items .selectric-group li{padding-left:25px}
/* Dropdown CSS Close */

.centerwrap{width: 1664px; margin: auto;}
.topHeader .centerwrap{display: flex; justify-content: flex-end;}
.topHRight{display: flex; padding-top: 8px; padding-bottom: 8px;}
.topHRight li{font-size: 10px; font-family:"Inter", sans-serif; font-weight: 700; text-transform: uppercase; padding-right: 12px; padding-left: 10px; position: relative;}
.topHRight li:after{background-color: #646363; height: 12px; width: 1px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: '';}
.topHRight li a{display: flex; align-items: center; color: #fff;}
.topHRight li a:hover{color: #ff0000;}
.topHRight li:last-child{padding-right: 0px;}
.topHRight li:last-child:after{display: none;}
.camsI{background: url(../images/cams.png) no-repeat; width: 11px; height: 12px; margin-right: 8px;}
header{background-color: #292c31;}
header .centerwrap{display: flex; align-items: center; justify-content: space-between; position: relative;}
.logo{margin-right: 36px;}
.headerL{display: flex; align-items: center; flex: 1;}
.topNav{display: flex; flex: 1;}
.topNav ul{display: flex; flex: 1;}
.topNav ul li{font-weight: 500; font-size: 12px; text-transform: uppercase; letter-spacing: 0.025em; font-family:"Inter", sans-serif; margin-right: 8px;color: #6580b6;}
.topNav ul li:last-child{margin-right: 0px;}
.topNav ul li a{color: #ffffff; padding: 0 18px; line-height: 56px; display: flex; align-items: center;}
.topNav ul li p{color: #6580b6; padding: 0 18px; line-height: 23px; display: flex; align-items: center; font-weight:700; font-size:13px;}
.topNav ul li a.active, .topNav ul li a:hover{background-color: #313439;}
.topNav ul li a i{font-size: 17px; margin-right: 8px; color: #9a9da2;}
.resMenu{display: none;}
.topNav ul li.categories{margin-right: 12px; margin-left: auto;}
.topNav ul li.categories > a{padding: 0 8px 0 18px;}
.topNav ul li.categories:hover > a{background-color: #313439;}
.topNav ul li a i.catDrop{background: url(../images/catDrop.png) no-repeat center center; width: 26px; height: 26px; margin-right: 0px;}
.megamenu{position: absolute; left: 0; background-color: #313439; width: 100%; padding: 20px 20px; z-index: 9; /*display: none;*/ opacity: 0; transform-origin:0 0; transition: transform .3s,opacity .3s; transform-style: preserve-3d; transform: rotateX(-75deg); visibility: hidden;}
.categories.active .megamenu{opacity: 1; display: block; transform:none; visibility: visible;}
.categories.active > a{background-color: #313439;}
.megamenu ul{column-count: 6; display: block;}
.megamenu ul li{margin-right: 0px;}
.megamenu ul li a{line-height: 32px; opacity: 0.6;}
.megamenu ul li a:hover{opacity: 1;}
.topNav ul li.categories:hover .megamenu{/*display: block;*/ transform: rotateX(0); visibility: visible; opacity: 1;}

.headerR{display: flex; align-items: center;}
.searchIcon{display: none;}
.topSearch{width: 232px; position: relative; height: 38px;}
.searchBox{background-color: #1e2024; border-radius: 16px; width: 100%; height: 100%; padding-left: 16px; font-family:"Inter", sans-serif; font-weight: 400; color: #9a9da2; font-size: 11px; border: 0px;}
.searchI{background: url(../images/search.png) no-repeat center center; width: 30px; height: 30px; border: 0px; cursor: pointer; position: absolute; right: 8px; top: 4px;}
.welcome{padding-bottom: 34px;}
.welcomeText{padding-top: 34px; padding-bottom: 26px;}
.welcomeText h1{font-family:"Montserrat", sans-serif; font-size: 22px; font-weight: 700; color: #fff; text-transform: uppercase; padding-bottom: 6px;}
.welcomeText p{font-family:'SourceSansProRegular'; font-size: 15px; line-height: 20px; padding-bottom: 20px; color: #9a9da2;}
.welcomeText p:last-child{padding-bottom: 0px;}
.topFilters{display: flex;}
.filterBlock{margin-right: 7px; min-width: 138px;}
.titleA{background-color: #292c31; border: 1px solid #313439; position: relative; padding-left: 21px; border-radius: 5px; overflow: hidden;}
.titleA:before{background-color: #ff0000; position: absolute; left: 0; top: 0; content: ''; width: 6px; height: 100%;}
.titleA h2{font-family:"Montserrat", sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #fff; line-height: 37px;}
.allCams{display: flex; flex-wrap: wrap; padding-top: 18px; padding-bottom: 30px;}
.camBlock{width: 224px; margin-right: 16px; margin-bottom: 18px;}
.camBlock:nth-child(7n){margin-right: 0px;}
.camPicArea{position: relative;}
.camLogo{position: absolute; left: 6px; bottom: 4px;}
.camInfo{background-color: #292c31; border-radius: 0 0 4px 4px; padding: 12px;}
.camInfo h3{font-size: 13px; font-family:"Inter", sans-serif; font-weight: 600; padding-bottom: 4px;}
.camInfo h3 a{color: #fcfcfd;}
.camInfo h3 a:hover{color: #ff0000;}
.camCategory{font-size: 12px; color: #9a9da2; font-family:"Inter", sans-serif; font-weight: 400; display: flex; align-items: center;}
.camCategory i{margin-right: 4px; color: #9a9da2; font-size: 14px;}
.pagination{display: flex; justify-content: center; padding-bottom: 74px;}
.pagination ul{display: flex;}
.pagination ul li{font-family:"Inter", sans-serif; font-weight: 600; font-size: 17px; margin: 0 2px;}
.pagination ul li a{background-color: #313439; border-radius: 3px; display: flex; align-items: center; justify-content: center; height: 40px; min-width: 40px; color: #fcfcfd;}
.pagination ul li a.active, .pagination ul li a:hover{background-color: #ff0000;}
.allCategories{background-color: #292c31; border-radius: 5px; padding: 25px 32px 20px; margin-bottom: 45px;}
.indCategory h3{font-size: 19px; font-family:"Montserrat", sans-serif; font-weight: 700; color: #ffffff; text-transform: uppercase; padding-bottom: 10px;}
.indCategory ul{display: flex; flex-wrap: wrap; padding-bottom: 15px;}
.indCategory ul li{font-family:"Inter", sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.025em; text-transform: uppercase; margin-right: 5px; margin-bottom: 5px;}
.indCategory ul li a{padding: 0 16px; background-color: #1e2024; border: 2px solid #3d4045; border-radius: 16px; color: #ffffff; line-height: 28px; display: block;}
.indCategory ul li a:hover{background-color: #3d4045;}
.footerContent{padding-bottom: 45px;}
.footerContent h3{font-family:"Montserrat", sans-serif; font-weight: 700; font-size: 22px; color: #ffffff; text-transform: uppercase; padding-bottom: 10px;}
.footerContent p{font-family:'SourceSansProRegular'; font-size: 15px; line-height: 20px; padding-bottom: 20px; color: #9a9da2;}
.fPoints li{font-family:'SourceSansProRegular'; font-size: 15px; line-height: 25px; color: #9a9da2; padding-left: 25px; position: relative;}
.fPoints li:before{background: url(../images/point.png) no-repeat; width: 15px; height: 15px; position: absolute; left: 0; top: 6px; content: '';}
.fLinks{display: flex; border-top: 1px solid #35383d; border-bottom: 1px solid #35383d; padding-top: 14px; justify-content: space-between;}
.fLinks h4{font-size: 13px; color: #ff0000; text-transform: uppercase; font-family:"Inter", sans-serif; font-weight: 700; padding-left: 3px;}
.allFLinks{width: calc(100% - 60px);}
.allFLinks ul{display: flex; flex-wrap: wrap;}
.allFLinks ul li{text-transform: uppercase; font-family:"Inter", sans-serif; font-weight: 700; font-size: 13px; margin-right: 26px; margin-bottom: 14px;}
.allFLinks ul li a{color: #ffffff;}
.allFLinks ul li a:hover{color: #ff0000;}
footer{padding-top: 48px; padding-bottom: 32px;}
footer p{text-transform: uppercase; font-family:"Inter", sans-serif; font-weight: 700; font-size: 13px; color: #fff; text-align: center;}
footer p a{color: #fff;}
footer p a:hover{color: #ff0000;}
.selectBox select option[value=""] {
        display: none;
    }

/* Chat */
.chatWrap{max-width: 1424px; margin: auto;}
.chatArea{padding-top: 90px; padding-bottom: 54px;}
.chatScreen{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 57%;
    margin-top: 20px; margin-bottom: 16px;}
.chatWM{ margin-bottom: 15px;}
.chatMBtn{font-family:"Montserrat", sans-serif; font-weight: 700; font-size: 24px; text-transform: uppercase; color: #ffffff; background-color: #ff0000; border: 0px; border-radius: 5px; height: 78px; cursor: pointer; transition: all 200ms ease-in; width: 100%;}
.chatMBtn:hover{background-color: #008000;}
.twoBlocks{background-color: #292c31; border-radius: 5px; display: flex; justify-content: space-between; padding-top: 16px; padding-bottom: 16px; margin-bottom: 10px;}
.twoBlocks .blockInfo{width: 50%;}
.blockInfo{display: flex; justify-content: space-between; width: 100%;}
.blockInfo h3{font-size: 15px; text-transform: uppercase; letter-spacing: 0.025em; color: #6580b6; font-family:"Inter", sans-serif; font-weight: 600; padding-left: 22px;}
.blockCInfo{width: calc(100% - 190px);}
.blockCInfo p{font-size: 15px; text-transform: uppercase; letter-spacing: 0.025em; color: #ffffff; font-family:"Inter", sans-serif; font-weight: 600;}
.blockCInfo p a{color: #fff;}
.blockCInfo p a:hover{color: #ff0000;}
.blockCInfo ul{display: flex; flex-wrap: wrap;}
.blockCInfo ul li{font-family:"Inter", sans-serif; font-weight: 600; font-size: 12px; letter-spacing: 0.025em; text-transform: uppercase; margin-right: 5px; margin-bottom: 5px;}
.blockCInfo ul li a{padding: 0 16px; background-color: #1e2024; border: 2px solid #3d4045; border-radius: 16px; color: #ffffff; line-height: 28px; display: block;}
.blockCInfo ul li a:hover{background-color: #3d4045;}
.tagsBlock{background-color: #292c31; border-radius: 5px; display: flex; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px;}
.tagsBlock .blockCInfo{margin-bottom: -5px;}
.tagsBlock .blockInfo{align-items: center;}
.dateLive ul{display: flex; flex-wrap: wrap;}
.dateLive ul li{background-color: #292c31; border-radius: 5px; display: flex; align-items: center; width: 49.6%; margin-right: 0.8%; margin-bottom: 0.8%; padding: 15px 22px; justify-content: space-between;}
.dateLive ul li:nth-child(2n){margin-right: 0px;}
.dateLive ul li h3{color: #6580b6; font-family:"Inter", sans-serif; font-weight: 600; font-size: 15px; letter-spacing: 0.025em; text-transform: uppercase;}
.dateLive ul li p{color: #676767; font-family:"Inter", sans-serif; font-weight: 600; font-size: 15px; letter-spacing: 0.025em; text-transform: uppercase; width: calc(100% - 315px);}
.dateLive ul li p span{color: #fff;}
.mb10{margin-bottom: 10px;}
.chatCams{padding-bottom: 78px;}
.chatCams .titleA{margin-bottom: 18px;}
.chatTopCams{display: flex; flex-wrap: wrap; padding-bottom: 36px;}
.rCamBlock{width: 224px; margin-right: 16px; margin-bottom: 18px;}
.rCamBlock:nth-child(6n){margin-right: 0px;}
.camPic > a {
    padding-bottom: 55.55%;
    display: block;
    background-position: 50% 50% !important;
    background-size: cover !important;
}

