/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */

/* Base
----------------------------------------------------------------------------------------------------*/

h1,
h3,
h4,
a,
.mod-box .module-title,
.mod-line .module-title,
.menu-dropdown li.active .level1,
.menu-dropdown a.level2:hover,
.menu-dropdown a.level3:hover,
.menu-sidebar a:hover,
.menu-sidebar li > span:hover,
.wk-slideshow-revista-tabs .nav li.active { color: #00437b; }

a:hover { color: #0C3152; }

em,
code { color: #D64514; }

ins,
mark,
#system span.highlight { background-color: #D6E5F3; }

mark { color: #00437b; }

::-moz-selection { background: #D6E5F3; color: #00437b; }
::selection { background: #D6E5F3; color: #00437b; }


/* Layout
----------------------------------------------------------------------------------------------------*/

#menubar { background: url(../images/menubar.png) 0 0 repeat-x; }

#toolbar a:hover,
.mod-box-black a:hover { color: #78B6F6; }

#footer { background: url(../images/footer.png) 0 0 repeat-x; }


/* Menus
----------------------------------------------------------------------------------------------------*/

.menu-dropdown a.level1,
.menu-dropdown span.level1,
.mod-box-color .menu-sidebar a,
.mod-box-color .menu-sidebar li > span { color: #D6E5F3; }

.menu-dropdown li.active .level1 { color: #fff; }

.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { border-bottom-color: #5595D6; }

.menu-dropdown a.level3 { background: url(../images/menu_dropdown_level3.png) 0 0 no-repeat; }

.mod-box-color .menu-sidebar li.level1 { border-top-color: #5991C8; }

.menu-sidebar .level2 a { background: url(../images/menu_sidebar_level2.png) 0 0 no-repeat; }

#toolbar .menu-line li { background: url(../images/menu_line_top.png) 0 0 no-repeat; }


/* Modules
----------------------------------------------------------------------------------------------------*/

/* Module Box Color */
.mod-box-color {
	border: 1px solid #245B92;
	background: #317AC4 url(../images/module_box_color.png) 0 0 repeat-x;
	box-shadow: 0 1px 1px rgba(0,0,0,0.06);
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.1);
}

.mod-box-color .module-title { border-bottom-color: #5991C8; }

.mod-box-color .module-title .color { color: #fff; }

.mod-box-color h2,
.mod-box-color h3,
.mod-box-color h5,
.mod-box-color a,
.mod-box-color em,
.mod-box-color code,
.mod-box-color .module-title,
.mod-box-color .module-title span.subtitle { color: #D6E5F3; }

/* Tools
----------------------------------------------------------------------------------------------------*/

/* Button More */
.mod-box-color a.button-more,
.mod-box-color form.style button,
.mod-box-color form.style input[type="button"],
.mod-box-color form.style input.button,
.mod-box-color form.style #submit {
	border-color: #245a91;
	border-bottom-color: #1d4874;
	color: #D6E5F3;
}

.mod-box-color a.button-more:hover,
.mod-box-color form.style button:hover,
.mod-box-color form.style input[type="button"]:hover,
.mod-box-color form.style input.button:hover,
.mod-box-color form.style #submit:hover {
	border-color: #245a91;
	border-bottom-color: #1d4874;
}

.mod-box-color a.button-more:active,
.mod-box-color form.style button:active,
.mod-box-color form.style input[type="button"]:active,
.mod-box-color form.style input.button:active,
.mod-box-color form.style #submit:active {
	border-color: #245a91;
	border-top-color: #1d4874;
	border-bottom-color: #245a91;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
}

/* Line */
.mod-box-color ul.line > li { border-top-color: #5991C8; }

/* Check */
ul.check > li { background: url(../images/tools/list_check.png) 0 0 no-repeat; }

/* Zebra List and Table */
.mod-box-color ul.zebra > li { border-bottom-color: #5991C8; }
.mod-box-color ul.zebra > li:first-child{ border-top-color: #5991C8; }

.mod-box-color ul.zebra > li.odd { background: #3176BB; }
.mod-box-color ul.zebra > li:nth-of-type(odd) { background: #3176BB; }

em.box {
	border-color: #5991C8;
	background: #e5f0fa;
	color: #00437b;
}

/* Form Elements */
.mod-box-color form.style input[type="text"],
.mod-box-color form.style input[type="password"],
.mod-box-color form.style select,
.mod-box-color form.style textarea,
.mod-box-color form.style input[type="text"]:focus,
.mod-box-color form.style input[type="password"]:focus,
.mod-box-color form.style select:focus,
.mod-box-color form.style textarea:focus  {
	border-color: #245a91;
	border-top-color: #1d4874;
}


/* System
----------------------------------------------------------------------------------------------------*/

.searchbox input:-moz-placeholder { color: #D6E5F3; }
.searchbox input::-webkit-input-placeholder { color: #D6E5F3; }
.searchbox input.placeholder { color: #D6E5F3; }

.searchbox.loading button { background: url(../images/searchbox_loader.gif) 50% 50% no-repeat; }


/* Extensions
----------------------------------------------------------------------------------------------------*/

/* Slideshow */
.wk-gallery-revista-default .nav span { background-image: url(../images/widgetkit/nav_overlay.png); }
.wk-slideshow-revista-articles .nav span,
.wk-slideset-revista .nav.icon span { background-image: url(../images/widgetkit/nav.png); }


#totop-scroller {
  display:none !important;
}

.cw-social-mod-icon-ar {
  margin-top:-25px;
}

#menublock {
  padding:0;
}


#menubar {
    height: 54px;
}


video { 
   
  
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
   
 
 background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
}
.stopfade { 
   opacity: .5;
}

#polina { 
	font-weight:100; 
  background: rgba(0,0,0,0.3);
  color: white;
  padding: 2rem;
  width: 33%;
  margin:2rem;
  float: right;
  font-size: 1.2rem;
}



@media screen and (max-width: 500px) { 
  div{width:70%;} 
}
@media screen and (max-device-width: 800px) {
  /* html { background: url(https://thenewcode.com/assets/images/polina.jpg) #000 no-repeat center center fixed; } */
  /* #bgvid { display: none; } */

}
  #bgvid {width:100%}

.content ul {
  list-style: none;
padding: 0;
  margin: 0;
}

.content li {
  padding-left: 1em; 
  text-indent: -1em;
}

.content li::before {
 
  content: "◾ ";
  color: #00437b; /* or whatever color you prefer */
}

ul {
  list-style-type: square;
}

#logo {
  width: 100%;
}
@media screen and (max-width: 500px)
{
  div{
  width:100% !important;
        
} 
  #m-top > div {
    width:75% !important;
  }
  
    .module {
    width:75% !important;
  }
  
  
 .m-buttons > div > .m-button 
  {
    width: 40px !important;
    float:right;
  }
  
}

.m-toolbar {
  background-color: #00437b !important;
}

  @font-face {
    font-family: Neo Sans Cyr; /* Имя шрифта */
    src: url(/media/NeoSansCyr-Regular.ttf); /* Путь к файлу со шрифтом */
   }
   body {
    font-family: "Neo Sans Cyr" !important;
   }
  
  @font-face {
    font-family: Costantia; /* Имя шрифта */
    src: url(/media/CONSTAN.TTF); /* Путь к файлу со шрифтом */
   }
     h1, h2, h3, h4, h5, h6 {
    font-family: "Georgia" !important;       
   }

     h1 .title {
    font-family: "Georgia" !important;      
       text-transform: none !important;
   }


#submitcwcmod-123, .btn-default, .level1{
    font-family: "Georgia" !important;
}
    .menu > li.level1 > a > span {
    font-family: "Costantia" !important;
   }

  /*
.module > p > span > strong > span,
.content > P > span > strong > span{
  font-family: "Neo Sans Cyr" !important;
  font-size: 18px;
} */