@charset "utf-8";
/* CSS Document */

*{ font-family: "Open Sans", arial, sans-serif; margin:0; padding:0; border:0; text-decoration:none !important; outline:none !important; list-style:none;}
a:hover{ text-decoration:none;} 
h1.heading{ color:#34495e; font-size:25px; text-align:center; text-transform:uppercase; font-weight:bold; padding-bottom:10px;}
p{font-family: 'Lato', sans-serif;}
#header-bg{  width:100%; height:auto; padding:15px 0; position:relative; z-index:999; margin:0 auto  }
#inner-bg{width:100%; height:auto; display:block; margin-bottom:10px;}
#inner-top-bg{ background:#060a0f; display:block;} #inner-top-bg .logo{ margin-top:15px;}
 
#header-bg .logo{ margin-top:7px; margin-left:15px;}

 
 
#nav-strip{ background:#3a7dd6;  display:block; padding-top:0px; position:relative; z-index:999; }
 
#main-menu{ display:block; float:right;   padding-top:15px;}
.navbar-nav > li{ margin-right:1px !important; } .nav > li > a { padding:7px 10px !important; font-size:14px; font-weight:bold}
.navbar-nav > li > a { padding-top:8px !important; padding-bottom:8px !important; color:#fff !important; font-weight:normal; margin:0px; }
.navbar-nav > li > a:hover {color:#000 !important; border-bottom:#ff9600 solid 3px !important;}
.navbar-nav > li > a.active {color:#000 !important;  border-bottom:#ff9600 solid 3px !important; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { 
background-color:#31579b !important; border-radius: 5px; color:#FFF !important;}
.dropdown-menu {background-color: #31579b !important; width:290px !important; line-height:28px !important;   }
.navbar-default .navbar-nav > .active > a{color:#fff !important; background-color:#01909c !important;}
.navbar { margin-bottom:0;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background:#fff !important; color:#222 !important;} 
.dropdown-menu > li > a{ color:#fff !important; line-height:27px; font-size:13px;}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { background:#81ccdd!important; color:#222 !important; border:#34b5d0 solid 1px;}
 .table-bordered{ border-top:#34b5d0 solid 1px !important;}
.container-fluid { padding-right:0px !important}
.breadcrumb { background:transparent !important; padding: 8px 15px 8px 0px !important;  
border-radius: 0 !important; margin-bottom:20px !important; border-bottom:1px dotted #ccc;}
.breadcrumb a{ color: #e80901 !important;}

.img-banner{ background:url(../images/banner1.jpg) no-repeat center top; max-height:459px; height:459px; }

#banner-strip{  margin-bottom:10px;   margin-top:0px !important; display:block; position:relative}


.advanced h1{ color:#31579b; font-size:23px; font-weight:bold; padding:0; margin:0 0 -25px}

.mobile-strip{ width:100%; display:block; margin:0 auto}


.left-img li{ display:block; margin-bottom:10px; }
.left-img li:first-child{ margin-top:25px;}

 .course-footer {
	padding:0.7em 15px;
	border-top:1px solid #f0f0f0;
	background:#f2f2f2; margin-top:10px; 
}

.course-footer .course-users {
	padding-left:17px;
	background:url(../images/user_icon.jpg) 0 0.2em no-repeat;
	color:#777; display:inline-block;
	text-shadow:0 1px 0 #fff;	
}

.course-preview .course-rating {
	float:right;
	margin:0;
}

.course-rating {
	overflow:hidden;
	margin:0 auto; float:right;
	width:90px!important;
}

.course-rating img {
	display:block;
	float:left;
	margin:1px 0 0 2px;
}

 
#footer-strip{display:block; width:100%;padding:10px}
#footer-strip .footer { overflow:hidden; display:block; padding:4px 0px; margin:0px; }
#footer-strip .footer h2{color:#fff; font-size:18px;display:block; font-weight:bold; padding:0; margin:0 0 15px;  }
#footer-strip .footer li{ background:url(../images/dullet.jpg) no-repeat 0px 8px; display:block; }
#footer-strip .footer li a{ color:#fff;  line-height:20px; font-size:13px; }
#footer-strip .footer li a:hover{ color:#cb2529;}
#footer-strip .footer p{color:#fff; line-height:25px; font-size:14px; font-weight:300;  }#footer-strip .footer img{ margin-bottom:7px}


.content {
		width:100%;
		margin: 0px auto;
 	}
	.content h1 {
		font-weight: 400;
		text-transform: uppercase;
		margin: 0;
	}
	.content h2 {
		font-weight: 400;
		text-transform: uppercase;
		color: #333;
		margin: 0 0 20px;
	}
	.content p {
		font-size:14px;
		font-weight: 400;
		line-height: 1.5em;
		font-family: 'Lato', sans-serif;
	}
	.content p:last-child {
		margin: 0;
	}
	.content a.button {
		display: inline-block;
		padding: 10px 20px;
		background: #ff0;
		color: #000;
		text-decoration: none;
	}
	.content a.button:hover {
		background: #000;
		color: #ff0;
	}
	.content.title {
		position: relative;
		background: none;
 	}
	.content.title h1 span.demo {
		display: inline-block;
		font-size:14px;
		padding: 5px 10px;
		background: #000;
		color: #fff;
		vertical-align: top;
		margin: 7px 0 0;
	}
	.content.title .back-to-article {
		position: absolute;
		bottom: -20px;
		left: 20px;
	}
	.content.title .back-to-article a {
		padding: 10px 20px;
		background: #f60;
		color: #fff;
		text-decoration: none;
	}
	.content.title .back-to-article a:hover {
		background: #f90;
	}
	.content.title .back-to-article a i {
		margin-left: 5px;
	}
	

	
.wishlist{ min-width:1118px !important; right:0 !important; }
.dropdown-menu{ float:right !important;}
.list-inline{ float:right}
.navbar-brand{ display:none;}
.like img { float:right}
.website p{ float:right}
 .carousel-inner{ margin-top:-25px; margin-left:10px;}
 .thumbnails li> .fff .caption { } /* Page Header */   
 .thumbnails h4 {   color:#222 !important; text-decoration:none; text-transform:uppercase; font-size:15px; font-weight:bold !important; } .item  h4{color:#222 !important; text-decoration:none; text-transform:uppercase; font-size:15px; font-weight:700 !important;} .caption p { color: #999; } .btn.btn-mini { } /* Carousel Control */ .control-box { text-align: right; width: 100%; } .carousel-control{ background: #666; border: 0px; border-radius: 0px; display: inline-block; font-size: 34px; font-weight: 200; line-height: 18px; opacity: 0.5; padding: 4px 10px 0px; position: static; height: 30px; width: 15px; } /* Mobile Only */ @media (max-width: 767px) { .page-header, .control-box { text-align: center; } } @media (max-width: 479px) { .caption { word-break: break-all; } } li { list-style-type:none;}  
 
 
@media only screen and (min-width :1280px) and (max-width:1366px) { .nav > li > a {
    padding: 7px 17px !important; font-size:13px; font-weight:normal;}
.dna-testing li {width: 348px;}
login li { margin-top: 10px;} #top-head {margin-bottom:0px;}
}

@media only screen and (min-width :1024px) and (max-width:1279px) {
.ch-grid li {	width:158px !important;	height:158px !important	;display: inline-block;	margin: 20px 0px !important; }.ch-info h3 { font-size:15px !important;}

.nav > li > a {
    padding: 10px 6px !important; font-size:11px; font-weight:bold;
}
.dna-testing li {width: 296px;}
login li { margin-top: 10px;} #top-head {margin-bottom:0px;}

}
@media only screen and (min-width :768px) and (max-width:980px) {
  
 #footer-strip .copyright{ width:100%; margin:10px auto 0 auto; display:block;}
#footer-strip .copyright li a{color:#a4a4a4; line-height:25px; font-size:12px; padding-left:13px; padding-right:13px;}
#footer-strip .footer li a{ color:#a4a4a4; line-height:22px; font-size:12px; padding-left:7px;}
.login { margin-bottom:25px;} .login li{ float:left; margin-bottom:25px;   }
 #header-bg .logo {    margin-top: 17px;    text-align: center;    margin: 15px auto;}
 #top-head p {           float: none;     text-align: center;}

.nav > li > a {padding: 10px 1px !important;}
}
	/* media query for mobile */
	@media (max-width: 767px) {
		.content {
			width: auto;
		}
		.accordion-content {
			padding: 10px 0;
			overflow: inherit;
		}
	}

@media only screen and (min-width :480px) and (max-width:640px) {
 #footer-strip .copyright{ width:100%; margin:10px auto 0 auto; display:block;}
#footer-strip .copyright li a{color:#a4a4a4; line-height:25px; font-size:12px; padding-left:13px; padding-right:13px;}
#main-menu {width:100%; display: block;  float:none;  padding-top: 15px; border-bottom:#333434 solid 1px;} .navbar-collapse {border-top:none;    box-shadow:none;}
.navbar { margin-bottom:0;}.navbar-nav > li{ margin-bottom:2px !important; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ background:#fff !important}
.login { margin-bottom:25px;} .login li{ float:left; margin-bottom:25px;   }
 #header-bg .logo {    margin-top: 17px;    text-align: center;    margin: 15px auto;}
 #top-head p {           float: none;     text-align: center;} .navbar-brand{ display: block;}
.navbar-brand{ display: block;} .navbar-default .navbar-brand{ color:#fff !important; font-weight:bold} #top-head { float:left}
.like img { float:left} .website p{ float: left}
 .welcome a { margin:0 auto; display:block; float:none; text-align:center; margin-bottom:25px;} .item h4, .advanced h1 { text-align:center;}
.login { margin-bottom:0px; } .login img{ margin-left:0}  .login li{ float:none;}
#top-head .social-icons{ float:left}
.dna-testing li { width:auto} .advanced h1 { margin-bottom:0}


}
@media only screen and (min-width :240px) and (max-width:360px) {
 #footer-strip .copyright{ width:100%; margin:10px auto 0 auto; display:block;}
#main-menu {width:100%; display: block;  float:none;  padding-top: 15px; border-bottom:#333434 solid 1px;} .navbar-collapse {border-top:none;    box-shadow:none;}
.navbar { margin-bottom:0;}.navbar-nav > li{ margin-bottom:2px !important; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ background:#fff !important}
#portfolio-gallery li{width:100%; }
#banner-strip{ background: #0099FF;   display:block;}
#service-strip li{ float:left; margin-right:15px; width:100%; background:#fff; padding:5px 5px 15px; margin-bottom:15px; }
#commen-services{ background:#222;}

 #header-bg .logo {    margin-top: 17px;    text-align: center;    margin: 15px auto;}
 #top-head p {           float: none;     text-align: center;} 
.wishlist{ min-width:300px !important;} 
.navbar-brand{ display: block;} .navbar-default .navbar-brand{ color:#fff !important; font-weight:bold} #top-head { float:left}
.like img { float:left} .website p{ float: left} 

 .welcome a { margin:0 auto; display:block; float:none; text-align:center; margin-bottom:25px;} .item h4, .advanced h1 { text-align:center;}
.login { margin-bottom:0px; } .login img{ margin-left:0}  .login li{ float:none;}
#top-head .social-icons{ float:left}
.dna-testing li { width:auto} .advanced h1 { margin-bottom:0}
}

.hdrRow{display: flex; align-items: center;}
.spBdr{border-top: 90px solid #f2f2f2 !important;  border-left: 45px solid transparent;}
.sponsor_icon{margin:0px; padding:0px 40px; position: absolute; top: 10px; left: 25px;}
.sponsor_iconn{margin:0px; padding:0px;background:#f2f2f2;}
.spnsr{text-align:center; margin:0px; padding:0px;}
.spnsrMob{text-align:center; margin:0px; padding:0px 0px 5px 0px;border-bottom: 5px solid #fff;}
.spnsrMob img {margin: 0px auto;}
.header-bgg{width:100%; height:auto; position:relative; z-index:999; margin:0 auto;  }
.spnsr img {margin: 0px auto;}
.vlBox{text-align:center;}
span.value a{padding:0 10%;}
.spliter{position: absolute; top: -9px;  right: -7px;}
.spBdrr{padding:15px;}
.header-bgg .logo{margin:0px auto;}
/*********************************/
#app {margin:0px; padding:0px; background:#CCCCCC; }

.menu {margin:0px; padding:14px 0 0; }
.menu a {margin:0px; padding:0 130px; color:#000000; }
.clr {clear:both;}

.menu_icon { margin:0px; padding:0px; background:#f2f2f2; height:77px}
.mob {margin:0px; padding:10px 0;  background:#f2f2f2; }
#icon { margin:0px; padding:0 30px 0 34px;}
#icon1 { margin:0px; padding:0 26px 0 18px;}
.content h3 { margin:0px; padding:10px 0px 0px 0px; font-size:17px; color:#005da4;}
.content h4 {color: #3F51B5;  font-size: 18px; line-height:22px; padding-bottom:5px;font-weight: bold;  margin: 0; }
.sli {margin:0px; padding:6px;}
.view {margin:0px; padding:6px 16px 0 0; color:#000000; font-size:13px; }	
.pro {margin:0px; height:140px; border:#fff solid 1px;background:#d8d6d6; }
.pro a{color:#000000;!important}
.pro:hover{cursor:auto;background:#fff;}
.pro a:hover{color:#fe9600 !important;text-decoration:underline !important;}
.side_img { float:left; width:93px; padding:12px 10px 0 0; margin:0px;}
.side_text {float:left; width:180px; padding:6px 0 0 14px; color:#000099; margin:0px;}
#res {margin:0px; padding:0px 0 0 80px; } 

#res {margin:0px; padding:0px 0 0 80px; } 
.fealine{padding:0px 0px 5px 0px ;}
span.bwg_standart_thumb_1 {
    padding: 6px 0px 0px 6px;
}
span.bwg_standart_thumb_0 {
    padding: 0px 0px 0px 7px;
}
.padl{padding-left:10px}
.widget_sp_image-description p {
    font-size: 14px;
    /* margin: 16px; */
    /* padding-left: 7%; */
    text-align: center;
}
img.attachment-thumbnail {
    float: left;
}
.widget_sp_image-description{
	padding-left:35%;
}

span.bwg_standart_thumb_1{position:relative;}

#bwg_container1_1 #bwg_container2_1 .bwg_title_spun1_1{display:none !important;color:#fff !important;position:absolute !important; bottom:10px;padding:15px; opacity: .7 !important; filter: Alpha(Opacity=70);  background: #000;}


#footer-strip .list-inline>li>a {color: #fff !important;}
.text-center { text-align: center;}

#footer-strip{ background:#ebebeb; display:block; width:100%; }
#footer-strip .list-inline {text-aline:center !important;}
#footer-strip .list-inline>li>a {color: #666 !important;}
ul.list-inline { width:100%; padding-left: 0; margin-left: -5px; margin-bottom:2px; font-size:12px;font-weight:bold; font-family: 'Lato', sans-serif; list-style: none;color: #1f57a5; }
.list-inline>li {padding: 0;}
.list-inline>li {display: inline-block; padding-right: 1px; padding-left: 1px;}
.list-inline>li>a {padding: 0 3px; font-size: 12px;font-weight:normal; color: #fff !important;}
.ftrinfo h4 {
    line-height: 16px;
    color: #666;
    font-size: 11px;
    margin-bottom: 3px;
}
.ftrinfo a {
    color: #666;
}
.mbot
{margin-bottom:45px}

.hdrRoww{text-align:right;}
.spBdr2{position: relative; display: block; padding-right:3px; border-top: 25px solid #f1f1f1 !important;
    border-left: 20px solid transparent;float: right;  margin-right: 15px;}
.gBack{display: inline-block;}
.gBkBdr{float: right; margin-right: 15px; font-size:12px; line-height: 12px; position:relative; margin-bottom:10px;top: -20px;}
.gBkBdr a{color:#069;}
.gBkBdr a:hover{color:#069;text-decoration:underline !important;}