/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

html, body {
  height:100%;
    overflow-x:hiddden !important;
}

body {
  padding-top: 100px;/* body padding for fixed top nav */
  background:url(../images/body_bg.jpg)repeat;
  overflow-x:hiddden !important;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}


/* Page Sections */
.section,
.section-colored {
 /* padding: 50px 0;*/
  padding: 15px 0 0;
}

.section-colored {
  background-color: #e1e1e1; /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}


/* Half Page Height Carousel Customization */
.carousel {
  height:360px;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}


/* Footer Styles */
.footer_con {  background:#004177;  margin: 50px 0 0;padding:0}
.section.footer_con .container {padding-bottom:0;border-bottom:0}

.bs-footer {
  padding-top: 40px;
  padding-bottom: 30px;
  margin-top: 100px;
  color: #777;
  text-align: center;
  border-top: 1px solid #e5e5e5;
}
.footer-links {
  margin: 20px 0;
  padding-left: 0;
}
.footer-links li {
  display: inline;
  padding: 0 2px;
    color:#4196dc;
}
.footer-links li a.sel,.footer-links li a:hover{color:#fff;text-decoration:none}
.footer-links li:first-child {
  padding-left: 0;
}

/* Responsive Styles */
@media (max-width: 767px) {
.carousel {
  height: 361px; /* increases the carousel height so it looks good on phones */
}

}




table {
  max-width: 100%;
  background-color: #e7eff6;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #ffffff;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #e9594d;
  color:#fff !important;
    cursor:pointer;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}
@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
/*  .catalog_store .col-sm-6:first-child table{margin-bottom:0 !important;border-bottom:0}*/
}



.home_tp h3 {font-size:40px}
.home_tp .btn-primary {margin:auto;display:block;margin:20px auto auto;width:130px}
.to_how p {text-align:justify;}
.to_how .col-lg-5 {margin-top:5%}
.learn_more img{display:block;margin:20px auto auto;}

.gallery_strip {
	margin:auto;
	text-align:center;
	display:block;
}
.gallery_strip img{vertical-align:top;max-width:100%}
.section img{max-width:100%;text-align:center;margin:auto;display:block}
.copy_right {
	color:#4196dc;
	margin:20px 0;
	text-align:right;
}
.copy_right a:hover{color:#fff;text-decoration:none}
.lear_more {background:url(../images/button_bg.jpg) repeat-x 0 0;}
.lear_more:hover {background:url(../images/button_bg.jpg) repeat-x 0 -175px;} 
.home_tp p{font-size:16px;line-height:25px;margin:0 25px 10px}
.home_tp h2{margin-bottom:20px}
.nav a .menu_fi,.nav a .menu_fi span,.nav a .menu_fi span span {
	background-image:none;
}
.menu_fi,.menu_fi span,.menu_fi span span{height:40px;}
.menu_ls {background : url(../images/menu_button.png) no-repeat right -45px;float:right;}
.menu_fi span span{
	padding:0 15px;
	background : url(../images/menu_button.png) repeat-x center -95px;
	margin:0 5px;
	float:left;
	line-height:37px;
}
.nav a.sel .menu_fi,.nav a:hover .menu_fi {background : url(../images/menu_button.png) no-repeat left 0;float:left;}
.nav a.sel .menu_fi span,.nav a:hover .menu_fi span  {background : url(../images/menu_button.png) no-repeat right -45px}
.nav a.sel .menu_fi span span,.nav a:hover .menu_fi span span{background : url(../images/menu_button.png) repeat-x center -95px;}


.learn_more h3{font-size:30px;}
.learn_more p{font-size:14px;}
.learn_more .btn-primary {margin:15px 0}
.learn_more {border-top:1px solid #d9d9d9;width:100%;float:left;}
.learn_more:first-child{border-top:0}
.what_new h3{margin-top:0;}
.what_new h4{margin-bottom:40px}
.what_new .page-header,.catalog .page-header{margin-bottom:0;padding-bottom:0}
.what_new .img-responsive {margin-bottom:20px}
.mobile_outer {
	background : url(../images/phone_outer.png) no-repeat;
	width:218px;
	height:427px;
	float:left;
	margin: 25px 0 0 7%;
}
.marlf0{margin-left:0}
.mobile_outer img{margin:71px 0 0 24px;display:block}
.author {color:#de473b}
.author:hover{text-decoration:none}

.catalog-txt {margin-top:30px}
.catalog .col-md-4{margin:auto;float:none}
.catalog-txt h4 {font-size:30px;margin:20px 0 10px 0 !important}
.catalog .carousel {
	background : url(../images/phone_outer.png) no-repeat;
	height:427px;
	width:220px;
	margin:auto;
}
.catalog .carousel-inner {width:174px;margin-left:24px;overflow:hidden}
.catalog .carousel .carousel-inner{background:none;}
.catalog .carousel .fill{width:174px;margin:71px 0 0 0;height:259px}
.catalog .carousel-control {width:35px}
.catalog .carousel-control.left {left:-55px}
.catalog .carousel-control.right {right:-25px}
.catalog .carousel-control .icon-prev:before{background:url(../images/gallery_arrows.png) no-repeat 0 -189px;margin:0;width:35px !important}
.catalog .carousel-control .icon-next:before {background:url(../images/gallery_arrows.png) no-repeat 0 -127px;margin:0;width:35px !important}

.support_meb h3{margin-top:0}
.support_meb p{margin-bottom:0}


 .clear {clear:both;float:left}
 .martb {margin:50px 0}
 .home_tp {margin-top:30px;}


.get_start input,.get_start textarea{border:1px solid #c7ddf2;padding:5px 3px;width:70%}
.get_start textarea{resize:none;}
.get_start label{font-weight:normal;}
.get_start .row{margin:10px 0px;}
.get_start h3 {margin-bottom:50px;font-size:30px;}

.recourse_member{margin-bottom:20px;width:100%;overflow:hidden;}
/*.home_page .row .recourse_member div:first-child{margin-bottom:20px !important;}*/
.recourse_member .img{float:left;border:2px solid #bfd5dc;margin-right:5%;}
.recourse_member span,.point_arrow{
	background:url(../images/comments_arrow.png) no-repeat scroll 0px 0 transparent;
	position:absolute;
	display:block;
	width:8px;
	height:20px;
	float:left;
	margin-left:-8px;
	top:40%;
	/*left:-6px;*/
}
.recourse_member .comments,.recourse_member .comments_alt{
	float:left;
	background-color:#dff0fe;
	border-radius:10px;
	width:70%;
	position:relative;
	font-size:12px;
	font-style:italic;
}
.comments p,.comments_alt p{padding:2%;}
.recourse_member .comments_alt{
	background-color:#daeff7;
}
.recourse_para p{text-align:justify;}

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	overflow:hidden;
	width:51px;
	right:10px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(../images/top_scroll.png) no-repeat left top;
}

#toTopHover {
	background:url(../images/top_scroll.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {outline:none;}


#top {
	width:50px;
	height:50px;
	position:fixed;
	bottom:10px;
	z-index:999;
	display:block;
}
.js #top {display:none;}
#top b {
	position:absolute;
	background:url(../images/top_scroll.png) 0 0 no-repeat;
	transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	width:50px;
	height:50px;
	border-radius:10px;
	opacity:0.5;
}
.about_us p {font-size:15px;line-height:21px;}
#top b:hover{opacity:10;}

.get_start .col-sm-6{padding:0}
.padd0 {padding:0}
.catalog_det .col-sm-offset-2 li,.catalog_det .col-sm-offset-2 ul, .catalog_store li, .catalog_store ul{list-style:none;padding-left:0;width:100%;float:left}
.catalog_det .col-sm-offset-2 li label{color:#216da6;text-align:right;font-weight:normal;width:70px;float:left}
.catalog_det .col-sm-offset-2 li span{float:left;width:75%;margin-left:10px;}
.catalog_det .col-sm-offset-2 li h3 {font-size:28px}
.catalog_det .lear_more {clear:both;margin:auto !important;text-align:center;width:110px;float:none;display:block}
.catalog_det img{border:2px solid #ccd9e3}
.catalog_store img{border:1px solid #bababa}
.catalog_store .detail h3{
	font-size:22px;
	margin-top:5px;
}
.table-striped{border:1px solid #bababa;}
.table-striped td{padding:10px 0 10px 10px}
.table-hover > tbody > tr:hover > td h3{color:#fff}
.more {text-align:right;float:right}
.more img{border:0}
a.more:hover{text-decoration:none;color:#e9594d}

a.more strong {
	background:url(../images/more_arrow.png) no-repeat right bottom;
	width:10px;
	height:6px;
	float:right;
	margin-top:9px
}
a.more:hover strong{background-position:right 0;}