h1,
h2,
h3,
h4,
h5,
h6{
  font-family: Arial, Tahoma, sans-serif;
  font-weight: normal;
}

h2{
  color: #2A83ED;
}

.nav-btn {
    color: #fff;
}

.nav-btn:active,
.nav-btn:hover{

}

#nav .block-title {
  padding: 0.7em 0.5em 0.6em;
  font-family: Arial,Tahoma,sans-serif;
  text-align: center;
}

#nav li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    outline: medium none;
}

#nav li.is-active > a {
  color: #fff;
  border-left: 4px solid #FFFFFF;
}

#top {
    background: none repeat scroll 0 0 #25233c;
	height:50px;
    position: relative;
}

#top .block-title {

}

#top .nav-btn {
  top: 0.4em;
  left: 0.5em;
}

#main .block {

  padding: 2em 1em;

}

footer {
  background: none repeat scroll 0 0 #FFFFFF;
  border-top: 1px solid #9e9e9e;
  padding: 1em;
}



.bx-controls-direction {
    opacity: 0.3;
}

.box {
    font-size: 0.85em;
    text-align: justify;
}

.box .icon {
    margin: 30px 0;
    text-align: center;
}

.box .icon i {
    border: 2px solid #2A83ED;
    border-radius: 50% 50% 50% 50%;
    color: #2A83ED;
    font-size: 2em;
    padding: 0.7em;
}

#nav ul {
  margin-left: 0;
}

#nav li ul li:last-child{
  border-bottom: none;
}

#nav li.is-active:after {
  z-index: 50;
  display: block;
  position: absolute;
  top: 1em;
  border-top: 0.625em transparent solid;
  border-bottom: 0.625em transparent solid;
  border-right: 0.625em white solid;
}

#nav li a {
  padding: 0.5em 1.2em;
}

.js-ready #nav {
  background: #25233c;
}

button, .button {
    background-color: #2A83ED;
    border-color: #2A83ED;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25em;
    padding: 0.75em 1.5em 0.8125em;
    position: relative;
    text-align: center;
    text-decoration: none;
    box-shadow: none;
}

button.secondary, .button.secondary {
    background-color: #FFFFFF;
    border-color: #2A83ED;
    color: #2A83ED;
}

.button-group button, .button-group .button {
    border-radius: 0 0 0 0;
}

button:hover, button:focus, .button:hover, .button:focus {
    background-color: #FFFFFF;
    color: #2A83ED;
}

button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
    background-color: #2A83ED;
    color: #FFFFFF;
}

ul, ol {
    margin-left: 25px;
}

#top .block {
    padding: 0.3em 1.25em;
}

#nav li ul li a{
  padding-left: 3em;
  font-weight:normal;
}

.label {
    background-color: #FFFFFF;
    border: 1px solid;
    border-radius: 10px 10px 10px 10px;
    color: #2A83ED;
    display: inline-block;
    font-size: 0.875em;
    font-weight: bold;
    line-height: 1;
    padding: 0.1875em 0.625em 0.25em;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.label.success {
    background-color: #2A83ED;
    color: #FFFFFF;
}

.alert-box {
    background-color: #FFFFFF;
    border-color: #2A83ED;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #2A83ED;
    display: block;
    font-size: 0.875em;
    font-weight: normal;
    margin-bottom: 1.25em;
    padding: 0.6875em 2.7em 0.75em 0.6875em;
    position: relative;
    line-height: 1.3;
}

.alert-box .close{
  color: #2A83ED;
  font-size: 2em;
  opacity: 1;
}

.alert-box.blue {
    background-color: #2A83ED;
    border-color: #2A83ED;
    color: #FFFFFF;
}

.alert-box.blue .close,
.alert-box.alert .close,
.alert-box.success .close{
  color: #fff;
}

.progress-title {
    font-size: 0.9em;
    font-style: italic;
    margin: 0 0 1px 5px;
}

.progress-count {
    font-family: Arial,Tahoma,sans-serif;
    font-size: 1.3em;
}

.progress.radius .meter,
.progress.radius{
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.progress.radius .meter{
  background-color: #2A83ED;
}

.progress {
    height: 0.7em;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{
  border: none;
  border-bottom: 1px solid #2A83ED;
  box-shadow: none;
  background-color: #FFF;
  color: #2A83ED;
  font-family:  Arial, Tahoma, sans-serif;
  font-size: 1.3em;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    background: none repeat scroll 0 0 #2A83ED;
    border-color: #2A83ED;
    box-shadow: none;
    color: #FFFFFF;
    outline: medium none;
}

form.custom .custom {
    border: 1px solid #2A83ED;
    width: 20px;
    height: 20px;
}

form.custom .custom.radio.checked:before {
    background: none repeat scroll 0 0 #2A83ED;
    width: 12px;
    height: 12px;
}

form.custom .custom.disabled {
    background: none repeat scroll 0 0 #2A83ED;
}

form.custom .custom.checkbox.checked:before {
    color: #2A83ED;
    margin-left: -7px;
}

form.custom .custom.checkbox:before {
    font-size: 24px;
}

.error input, 
.error textarea, 
.error select {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
  margin-bottom: 0;
}

.alert input, 
.alert textarea, 
.alert select {
  background-color: rgba(238, 165, 62, 0.1);
  border-color: #EEA53E;
  margin-bottom: 0;
}

.info input, 
.info textarea, 
.info select {
  background-color: rgba(44, 156, 196, 0.1);
  border-color: #2C9CC4;
  margin-bottom: 0;
}

.mfp-close:hover,
.mfp-close:focus,
.mfp-arrow:hover, .mfp-arrow:focus {
    background: transparent;
}

ul.pagination li.current a {
  background: none repeat scroll 0 0 #2A83ED;
  border-radius: 4px 4px 4px 4px;
}

ul.pagination li:hover a,
ul.pagination li a:focus {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.section-container.auto > section > .title, 
.section-container.auto > .section > .title, 
.section-container.vertical-tabs > section > .title, 
.section-container.vertical-tabs > .section > .title, 
.section-container.vertical-nav > section > .title, 
.section-container.vertical-nav > .section > .title, 
.section-container.horizontal-nav > section > .title, 
.section-container.horizontal-nav > .section > .title, 
.section-container.accordion > section > .title, 
.section-container.accordion > .section > .title {
    background-color: #2A83ED;
    border: 1px solid #2A83ED;
}

.section-container.auto > section > .title:hover, 
.section-container.auto > .section > .title:hover, 
.section-container.vertical-tabs > section > .title:hover, 
.section-container.vertical-tabs > .section > .title:hover, 
.section-container.vertical-nav > section > .title:hover, 
.section-container.vertical-nav > .section > .title:hover, 
.section-container.horizontal-nav > section > .title:hover, 
.section-container.horizontal-nav > .section > .title:hover, 
.section-container.accordion > section > .title:hover, 
.section-container.accordion > .section > .title:hover {
    background-color: #2A83ED;
}

.section-container.auto > section.active > .title, 
.section-container.auto > .section.active > .title, 
.section-container.vertical-tabs > section.active > .title, 
.section-container.vertical-tabs > .section.active > .title, 
.section-container.vertical-nav > section.active > .title, 
.section-container.vertical-nav > .section.active > .title, 
.section-container.horizontal-nav > section.active > .title, 
.section-container.horizontal-nav > .section.active > .title, 
.section-container.accordion > section.active > .title, 
.section-container.accordion > .section.active > .title {
    background: none repeat scroll 0 0 #FFFFFF;
}

.section-container.auto > section > .content, 
.section-container.auto > .section > .content, 
.section-container.vertical-tabs > section > .content, 
.section-container.vertical-tabs > .section > .content, 
.section-container.vertical-nav > section > .content, 
.section-container.vertical-nav > .section > .content, 
.section-container.horizontal-nav > section > .content, 
.section-container.horizontal-nav > .section > .content, 
.section-container.accordion > section > .content, 
.section-container.accordion > .section > .content {
    background-color: #FFFFFF;
    border: 1px solid #2A83ED;
    padding: 0.9375em;
}

.section-container.auto > section > .title:hover, 
.section-container.auto > .section > .title:hover, 
.section-container.vertical-tabs > section > .title:hover, 
.section-container.vertical-tabs > .section > .title:hover, 
.section-container.vertical-nav > section > .title:hover, 
.section-container.vertical-nav > .section > .title:hover, 
.section-container.horizontal-nav > section > .title:hover, 
.section-container.horizontal-nav > .section > .title:hover, 
.section-container.accordion > section > .title:hover, 
.section-container.accordion > .section > .title:hover {
    background-color: #2A83ED;
}

.section-container.auto > section > .title a, 
.section-container.auto > .section > .title a, 
.section-container.vertical-tabs > section > .title a, 
.section-container.vertical-tabs > .section > .title a, 
.section-container.vertical-nav > section > .title a, 
.section-container.vertical-nav > .section > .title a, 
.section-container.horizontal-nav > section > .title a, 
.section-container.horizontal-nav > .section > .title a, 
.section-container.accordion > section > .title a, 
.section-container.accordion > .section > .title a {
    color: #FFFFFF;
}

.section-container.auto > section.active > .title:hover a, 
.section-container.auto > .section.active > .title:hover a, 
.section-container.vertical-tabs > section.active > .title:hover a, 
.section-container.vertical-tabs > .section.active > .title:hover a, 
.section-container.vertical-nav > section.active > .title:hover a, 
.section-container.vertical-nav > .section.active > .title:hover a, 
.section-container.horizontal-nav > section.active > .title:hover a,
.section-container.horizontal-nav > .section.active > .title:hover a, 
.section-container.accordion > section.active > .title:hover a, 
.section-container.accordion > .section.active > .title:hover a {
    color: #FFFFFF;
}


.navigation{
	background-color:#33414e;
	height:70px;
	width:100%;
	border-top:solid 1px #cacaca;
	bottom:0px;
	z-index:999999999;
}

.navigation-clear{
	height:90px;
}

.navigation-wrapper{
	width:300px;
	margin:0px auto;
}

.navigation-wrapper a:first-child{
	margin-left:0px;
}

.navigation-wrapper a:last-child{
	margin-right:0px;
}

.navigation-wrapper{
	margin-top:10px;
}

.nav-item{
	margin-left:7px;
	margin-right:7px;
	float:left;
	background-size:48px 48px;
	background-repeat:no-repeat;
	width:48px;
	height:48px;
	display:block;		
}

.home-nav{
	background-image:url(../../img/mo/nav_home.png);
}

.home-nav-selected{
	background-image:url(../../img/mo/nav_homes.png);
}

.blog-nav{
	background-image:url(../../img/mo/nav_write.png);
}

.blog-nav-selected{
	background-image:url(../../img/mo/nav_writes.png);
}

.contact-nav{
	background-image:url(../../img/mo/nav_mail.png);	
}

.contact-nav-selected{
	background-image:url(../../img/mo/nav_mails.png);	
}

.star-nav{
	background-image:url(../../img/mo/nav_star.png);
}

.star-nav-selected{
	background-image:url(../../img/mo/nav_stars.png);
}

.camera-nav{
	background-image:url(../../img/mo/nav_camera.png);
}

.camera-nav-selected{
	background-image:url(../../img/mo/nav_cameras.png);
}
.phone-nav{
	background-image:url(../../img/mo/nav_phone.png);
}

.phone-nav-selected{
	background-image:url(../../img/mo/nav_phones.png);
}



@media only screen and (max-width: 650px) {
  .read-more .button{
    width: 100%;
    float: none;
  }
}

/*-----------------------------------*/
/* Styled Tables and Boxes */
/*-----------------------------------*/
.styled_table table,
.sb {
 	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-collapse: collapse;
	margin:10px 0 20px;
	text-shadow:none;
	color:#404040}

.styled_table table {
	width:100%;
	border-collapse:separate;
	padding-bottom:1px}

.styled_table table,
.sb {
	border: 1px solid #f25720}

.styled_table.shadow table,
.sb_shadow  {
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2); 
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2)}
		
.styled_table table tr th,
.sb .box_title	{
	background:#f25720;
	color:#fff;
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;}
		
.styled_table table tr th, 
.styled_table table tr td	{
	border-top:1px solid #d0d0d0;
	padding:5px 15px;
	text-align:left}

.styled_table table tbody td {

	padding:5px 15px;
	font-size:13px;
	font-weight:500}

.styled_table table tbody tr.odd td {
	}
		
.styled_table table tr:first-child th{
	border-top: 0}

.table_yellow table,
.sb_yellow {
	border:1px solid #f2d220}
.table_yellow table tr th,
.sb_yellow .box_title {
	background:#f2d220;
	color:#333}

.table_blue table,
.sb_blue {
	border:1px solid #3e6ace}
.table_blue table tr th,
.sb_blue .box_title {
	background:#3e6ace;}

.table_green table,
.sb_green {
	border:1px solid #97ca35}
.table_green table tr th,
.sb_green .box_title {
	background:#97ca35;}
	
.table_dark table,
.sb_dark  {
	border:1px solid #a8a8a8}
.table_dark table tr th,
.sb_dark .box_title {
	background:#a8a8a8;}

.table_orange table,
.sb_orange {
	border:1px solid #f25720}
.table_orange table tr th,
.sb_orange .box_title {
	background:#f25720;}

.table_pink table,
.sb_pink {
	border:1px solid #f22083}
.table_pink table tr th,
.sb_pink .box_title {
	background:#f22083;}
	
.table_purple table,
.sb_purple {
	border:1px solid #8235ca}
.table_purple table tr th,
.sb_purple .box_title {
	background:#8235ca;}

.table_red table,
.sb_red {
	border:1px solid #c42119}
.table_red table tr th,
.sb_red .box_title {
	background:#c42119;}

.table_turquoise table,
.sb_turquoise {
	border:1px solid #35ca94}
.table_turquoise table tr th,
.sb_turquoise .box_title {
	background:#35ca94;}

.table_brown table,
.sb_brown {
	border:1px solid #7b5635}
.table_brown table tr th,
.sb_brown .box_title {
	background:#7b5635;}

.table_violet table,
.sb_violet {
	border:1px solid #c135ca}
.table_violet table tr th,
.sb_violet .box_title {
	background:#c135ca;}

.table_cyan table,
.sb_cyan {
	border:1px solid #20c3f2}
.table_cyan table tr th,
.sb_cyan .box_title {
	background:#20c3f2;}

/* Styled Boxes */
.sb .box_title {
	padding:5px 15px}

.sb.notitle .box_title {
	display:none}

.sb .box_content {
	padding:15px;
	background:#fff;
	color:#595959;
	margin:1px;
	border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px}



.content {
padding:10px;
}



.left-box {
  float: left;
  width: 55%;
}

@media all and (orientation:landscape) {
  .left-box {
    width: 55%;
  }

  .extended {
    display: block;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
  }
}

@media all and (orientation:portrait) {
  .extended {
    display: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
  }
}

.left-box h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  color: #252525;
  font-weight: 400;
  margin-top: 5px;
}

.left-box p {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  color: #9a9a9a;
  line-height: 16px;
}

.right-box {
  float: right;
  width: 40%;
}
.heading {

  background:#00a6e8;
  font-size:14px;
  font-weight:bold;
  color:#fff;
  padding-left:15px;
  height:30px;
  line-height:29px

}