body{font-family: Verdana, Arial, Helvetica, sans-serif; color: #2c2c2c; font-size: 0.8em; margin: 2em 4em; padding: 0;}

table{border-collapse: collapse; font-size: 1em;}
table td{padding: 0;}

a{color: #0092c8;}
a:hover{text-decoration: none;}
a img{border: 0;}
.js_lnk{color: #0092c8; cursor: hand; cursor: pointer; border-bottom: 1px dashed; position: relative; top:-0.14em;}

h1{color: #2e2e2e; font-size: 1.6em; font-weight: normal; padding: 0 !important; margin: 0 0 0 0.2em !important;}
p{margin-bottom: 3em; line-height: 1.3em;}
p.last{line-height: 1.3em;}

.big{}
.red{color: #cc0000;}
.b{font-weight: bold;}

.head{width: 100%; margin-bottom: 2em;}
.head .logo{width: 200px; padding-right: 4em;}
.head .menu{font-size: 1.2em;}
.head .menu table td.action{color: #a0a0a0;}
.head .menu table td{padding: 1.2em 1.5em; text-align: center;}

.body{width: 100%; margin-bottom: 4em;}
.body td{vertical-align: top;}
.body .left{padding-right: 3em;}
.body .right{padding-left: 3em;}

.footer{width: 100%;}

.form{margin: 3em 0 0 3em;}
.form td{padding: 0 1em 1em 0 !important;}
.form .lnk{line-height: 1.4em; padding-top: 2em !important;}
.form .dsc{font-size: 0.8em; color: #7d7d7d;}
.form td table{}
.form td table td{padding: 0 !important;}
.form .btn{margin-top: 0.5em; font-family: Verdana; font-size: 0.9em;}
.form .inp{width: 100%; border-width: 1px; border-style: solid; border-color: #bbbbbb; background: url(/i/inp-bg.gif) top left repeat-x;}
.form .inp_{border-width: 1px; border-style: solid; border-color: #bbbbbb; background: url(/i/inp-bg.gif) top left repeat-x;}
.form label{margin: 0 1em 0 0.3em; cursor: hand; cursor: pointer;}
.form textarea{font-family: Arial; width: 100%; height: 150px; border-width: 1px; border-style: solid; border-color: #bbbbbb; background: url(/i/inp-bg.gif) top left repeat-x;}
.form textarea.status{margin-bottom: 0.5em;}
.textarea{font-family: Arial; width: 100%; height: 150px; border-width: 1px; border-style: solid; border-color: #bbbbbb; background: url(/i/inp-bg.gif) top left repeat-x;}
.select{width: 100%;}
.form #dataadd{cursor: hand; cursor: pointer; border-width: 1px; border-style: solid; border-color: #bbbbbb; background: url(/i/calendar.gif) center left no-repeat; padding-left: 20px;}

.path{font-size: 0.8em; margin: 0 0 1.4em 0.4em;}

.path2{font-size: 0.8em; margin: 0 0 3.6em 1.2em;}

.posterror{margin-top: 3em; padding: 1em; background: #fff8de; border: 1px solid #d7bea0;}
.postok{margin-top: 3em; padding: 1em; background: #edf7eb; border: 1px solid #90ce7f;}

.warning{margin-bottom: 3em; padding: 1em; line-height: 1.6em; background: #fff8de; border: 1px solid #d7bea0;}
.warning img.bigico{margin: 0 1em 1em 0; float: left;}
.warning img.ico{margin: 0 0.3em 0 0;}

/*.navigation_menu{}
.navigation_menu img{margin-right: 0.4em;}
.navigation_menu td{padding: 0.8em 1.4em; white-space: nowrap;}
.navigation_menu .active{background: #f3f3f0;}
.navigation_menu .notActive{background: #fafafa;}
.navigation_menu .lnk{padding: 0.8em 1em !important;}

.navigation_sub_menu{margin-bottom: 3em; width: 100%; background: #f3f3f0;}
.navigation_sub_menu img{margin-right: 0.4em;}
.navigation_sub_menu td{padding: 0.8em 1.4em; white-space: nowrap;}
.navigation_sub_menu .active{background: #f3f3f0;}

.section_menu{padding: 0 0 1em 1em;}
.section_menu a img{margin-right: 0.4em; width: 16px; height: 16px;}

.section_menu_{padding: 0 0 1em 0.2em;}
.section_menu_ a img{margin-right: 0.4em; width: 16px; height: 16px;}

.section_menu_2{padding: 0 0 3em 1em; line-height: 1.6em;}
.section_menu_2 a img{margin-right: 0.4em; width: 16px; height: 16px;}

.account_menu{margin-bottom: 3em; width: 100%; background: #f3f3f0;}
.account_menu td{padding: 0.8em 1.4em; white-space: nowrap;}
.account_menu a img{margin-right: 0.4em; width: 16px; height: 16px;}

.stat_menu{margin-bottom: 2em; padding: 0 1em;}
.stat_menu .stat_form{margin: 1em 0 0 0;}
.stat_menu .stat_form td{padding: 0 0.5em 1em 0 !important;}
.stat_menu .stat_form .inp{cursor: hand; cursor: pointer; border-width: 1px; border-style: solid; border-color: #bbbbbb; background: url(/i/calendar.gif) center left no-repeat; padding-left: 20px;}
.stat_menu .stat_form select{width: auto;}
.stat_menu .stat_form td table{}
.stat_menu .stat_form td table td{padding: 0 !important;}
.stat_menu .fast_select a{margin-right: 0.5em; font-size: 0.85em;}
.stat_menu .campaign_select{margin-bottom: 1.3em;}
.stat_menu .refresh_btn{cursor: hand; cursor: pointer;}*/

.graph{margin-bottom: 3em;}
#fc{font-size: 0.85em; position: absolute; background: #ffffff; border: 1px solid #bbbbbb; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
#fc .fc_head{background: #fafafa; border: 1px solid #bbbbbb;}
#fc .fc_head td{padding: 0.3em;}
#fc .fc_head .arr{cursor: hand; cursor: pointer;}
#fc .fc_week_days{background: #f3f3f0; font-weight: bold;}
#fc .fc_week_days td{padding: 0.3em; text-align: center;}
#fc .fc_month_days td{border: 1px solid #bbbbbb; font-size: 0.8em !important; text-align: center; vertical-align: middle; width: 20px; height: 20px; padding: 0.2em;}

.list{width: 100%;}
.list td{padding: 1em;}
.list .even{background: #fcfcfc;}
.list .head{font-weight: bold; background: #fafafa;}
.list .footer{padding: 1em; background: #fafafa;}
.list .name{font-weight: bold; margin-bottom: 0.3em;}
.list .date{font-size: 0.8em; margin-bottom: 0.5em; color: #999999;}

.teaser_preview{border: 1px solid #f3f3f0; padding: 2em; margin: 1em 0 3em;}

.color_selector{border: 1px solid #999999; width: 21px; height: 18px; cursor: hand; cursor: pointer;}
#color_block{width: 0; height: 0;}

.palette{z-index: 1000; position: absolute; width: 216px !important; height: 144px !important; cursor: hand; cursor: pointer;}
.palette td{width: 12px; height: 12px; border: 1px solid #ffffff;}




body {
	font-family: "Arial","Helevetica",sans-serif;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	background-color: rgba(79, 112, 164, 0.2) !important;
}
/*background image*/
#backimg {
  background-image: url("../img/backimg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 10px 0 40px 0;
}
/*navigation menu*/
nav {
  padding-top: 40px !important;
  padding-bottom:40px !important;
  transition: 1s;
}
.nav-item {
  padding: 1px 5px 1px 5px;
  margin:   0 15px 0 15px;
}
.nav-item a {
  color: #fff;
}
.nav-item:hover {
  background-color: rgba(237,241,244,.3);
  transition: 1s;
  color: #fff;
}
.last-item {
  border: 2px solid white;
}
.nav-link {
  color: #fff !important;
}
.navbar-toggler {
  background-color: rgba(255, 255, 255, 0);
} 
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}
/*navigation menu(on scrolling)*/
.black{
  background-color: rgba(15, 11, 71, 1); 
  transition: 1s;
  padding-top: 20px !important;
  padding-bottom:20px !important;
}
/*navigation menu(on scrolling)*/

.titledescription {
	padding-top: 20%;
	color: #fff;
}
h1 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 92px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}
.logoimg {
	width: 80px;
	height: 80px;
	margin-right: 30px;
}
.paragraph {
	font-size: 24px;
}

.paragraph i {
  float: right;
}

.company-info-main {
	margin: 25% 0 0 0;
}
.first-block {
  background-color: rgba(79, 112, 164, 0.6);
  height: 100%;
  padding: 15px;
  border-radius: 5px;
}
.first-block:hover {
  background-color: rgba(79, 112, 164, 0.9);
  transition: 1s;

}
.first-block h2 {
  text-align: center;
  font-size: 1.5rem;
  padding-bottom: 10px;
  border-bottom: 1px solid white;
}
.company-info h2 {
	color: #fff;
}
.top-distance {
    margin: 30px 0;
}
.devider {
    width: 100%;
    height: 1px;
    border: 1px solid rgba(79, 112, 164, 1);
    border-radius: 5px;
    background-color: rgba(79, 112, 164, 1);
    margin: 2rem 0;
}
h3 { 
  font-size: 32px !important;
}
.top-dis {
  margin: 50px 0 50px 0;
}
.small-size-img {
  height: 80%;
  width: 100%;
  margin-bottom: 10px;
}
.botdis {
  margin-bottom: 20px;
}
.botdis-opp{
  background-color: rgba(129,172,239, 0.1);
  border: 1px solid rgba(79, 112, 164, 0.9);
  border-radius: 5px;
  line-height: 2em;
  padding: 10px;
}
.botdis-opp p {
  font-size: 24px;
}
.botdis-opp i {
  color: rgba(79, 112, 164, 0.9);
}
.formats-title {
  padding: 10px;
  margin-bottom: 20px;
}
.format-top-dis {
  margin-top: 15px;
}
.formats-style {
  border-color: black;
  padding:  20px;
  margin: 10px;
  border: 1px solid black;
  border-radius: 10px;
}
.img-size {
  width: 100%;
}
#footer {
  color: #fff;
  background-color: #0f0b47;
}
.f-blocks {
    text-align: center;
}
.f-blocks:hover {
  background-color: rgba(237,241,244,.3);
  transition: 1s;
}
#footer a {
  margin-bottom: 15px;
  color: #fff;
}
#footer a:hover {
  text-decoration: none;
  color: red;
  transition: 1s;
}
#footer span {
  padding: 20px 0 20px 0;
}
.f-titles {
  margin: 30px 0 30px 0;
}
.logodim {
  height: 45px;
}
h6 {
  font-size: 14px !important;
  color: #d4d4d4 !important;
}
.footer-last {
  padding-top: 40px;
}
.footer-last i {
  font-size: 30px;
}
/*for screen resolution 1024px to next @media*/
@media only screen and (max-device-width : 1030px){
    .company-dim{
      margin-top: 30px;
    }
    .titledescription p{
      font-size: 20px;
    }
    .botdis-opp{
      margin-bottom: 15px;
    }
}
/*for screen resolution 1024px to next @media*/
@media only screen and (max-device-width : 990px){
    .navbar-collapse {
      background-color: rgba(15, 11, 71, 1) !important;
    }
}