@charset "utf-8";
/* CSS Document */


/*_____Globla Style____*/
body{ color:#737373; font-family: 'Source Sans Pro', sans-serif;} 
h1, h2, h3, h4, h5, h6, button, input, select{ font-family: 'Source Sans Pro', sans-serif;}
a{ color:#106b6a;}
h4,h5,h6{ color:#212121;}
.page_title{ color:#106b6a; font-weight:bold; font-size:52px;}
img{ max-width:100%;}
p a, .narrow_wrap ul li a{ font-weight:bold;}
.section_space{ padding-top:60px; padding-bottom:60px;}
.narrow_wrap{ max-width:650px;}
.blue_title{ color:#106b6a; text-transform:uppercase; font-weight:bold;}

.btn_download{ display:block; background-color:#106B6A; text-transform:uppercase; text-align:center; font-weight:bold; font-size:15px; color:#fff; padding:8px 15px 15px; margin:25px 0; }
.btn_download:hover{ color:#ffffff; text-decoration:none;}
.download_icon:before {
    content: url(images/arrow-downloads.png);
    position: relative;
    top: 5px;
    right: 7px;
}
ol li{ margin:6px 0;}
.alignleft{ float:left; margin-right:15px;}
.alignright{ float:right; margin-left:15px;}
.aligncenter{ display:block; margin:0 auto 15px;}



/*_____Header_____*/
#header{ padding:10px 0;}
nav ul li{ list-style:none;}
.navbar-light .navbar-nav .nav-link {
    text-transform: uppercase;
    color: #212121;
    padding: 5px 20px;
}
.navbar-light .navbar-nav .nav-link:hover{ color:#106b6a;}
.sub_menu{ position:absolute; top:100%; left:0; visibility:hidden; overflow:hidden; opacity:0; padding:10px 20px; width:210px; background-color:#35817F; transition:all 0.3s ease-in-out; margin-left:20px; z-index:999; }
#menu ul li.dropdown:hover .sub_menu{ opacity:1; visibility:visible;}
#menu ul.sub_menu li a{ color:#fff; font-size:14px; padding:7px 0; line-height:1.2em; text-transform:uppercase; display:block;}
#menu ul.sub_menu li a:hover{ text-decoration:none; color:#ffffff;}
#menu li.dropdown>a:after,
#menu li.dropdown>span:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
	margin-left:5px;
}
span.nav-link { color: #212121 !important; }


/*____Page Titlebar____*/
.page_titlebar{ background:url(images/bg-page-title.jpg) no-repeat top center; background-size:cover; padding:35px 0;}

/*____Footer____*/
.section_footer{ background-color:#171111; padding-top:50px;}
.footer_widget{ margin-bottom:40px;}
.footer_bottom{ border-top:1px solid #696866; padding-top:15px; padding-bottom:15px; color:#808080;}
.footer_bottom a{ color:#cccccc;}
.footer_widget_area .col-md-4.col-sm-4{ 
	align-items: center;
    display: flex;
    justify-content: center;
}

/*_____Home Page____*/
.section_home_banner{ background-color:#116B6B;}
.section_home_banner .container{ background-image:url(images/home/graphics-main-banner.jpg); background-repeat:no-repeat; background-position:left top; background-size:contain;}
.section_home_banner h1{ color:#fff; font-weight:bold; border-bottom:1px solid #fff; padding-bottom:7px; }
.section_home_banner h1 strong{ display:block; text-transform:uppercase;}
.section_about_commons{ background:url(images/home/bg-about.jpg) no-repeat top right; background-size:cover; padding:70px 0;}
.section_popular_topics{ background-color:#F2F2F2; padding:70px 0;}
.section_popular_topics .container{ max-width:1300px;}
.section_popular_topics .col-md-3{ padding:40px 25px 30px;  background-color:#ffffff; border-bottom:3px solid #126B69; text-align:center;}
.popular_item h5{ font-weight:bold; color:#212121; margin:20px 0;}
.btn_learn_more{
	text-transform:uppercase;
	font-weight:bold;
	border:2px solid #126B69;
	color:#616161;
	transition:all 0.3s ease-in-out;
	display:inline-block;
	padding:5px 30px;
}
.btn_learn_more:hover{ background-color:#126B69; color:#ffffff; text-decoration:none;}
.section_youtube_video h5{ font-size:18px; margin-top:15px;}
.btn_see_more{
	color:#106b6a;
	border:2px solid #106b6a;
	font-weight:bold;
	padding:7px 45px; 
	transition:all 0.3s ease-in-out;
	display:inline-block;
	margin-top:50px;
}
.btn_see_more:hover{ background-color:#106b6a; color:#ffffff; text-decoration:none;}

/*_____MechanicsModels Page______*/
.mechanics_model_grid .container{ max-width:1300px; padding-top:40px; padding-bottom:15px; }
.grid_item{ margin-bottom:35px;}
.grid_item a{ color:#212121; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; display:inline-block; border-bottom:2px solid #116B6B; font-weight:bold;}
.grid_item a:hover{ background-color:#116B6B; color:#ffffff; text-decoration:none;}
.grid_item p{ margin:8px 0;}

/*____Single Mechanical Model____*/
.single_mechanics_model h3{ font-weight:bold; text-transform:uppercase; color:#106b6a; padding-top: 20px;}

.mechanics_testing_goals ul { counter-reset: my-sec-counter; }
.mechanics_testing_goals ul li{ list-style:none;}
.mechanics_testing_goals ul li:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    font-size: 14px;
    color: #fff;
    padding-left: 12px;
    background-color: #116B6B;
    border-radius: 100%;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-bottom: 8px;
    font-weight: bold;
}
.table.table-bordered tr th{ border-bottom:none;}
.table.table-bordered ul{ padding-left:15px;}
iframe { max-width: 100%; display:block; margin:0 auto; }
.downloadble_doc_lists h5{ color:#106b6a; font-weight:bold; margin:7px 0;}
.download_wrap{ max-width:800px;}
.backbox{ font-size:18px; text-align:right;}
.partlabel {
    font-weight: bold;
    font-size: 17px;
    line-height: 1.3em;
    color: #333;
}

.videos h5{ font-weight:bold; margin-top:5px; text-align:center; font-size:18px;}
.video_items{ padding-bottom:15px;}





/*_____Media Query____*/

@media (min-width:1250px){
	.brodland_image { margin-right: -12%; }
}

@media (min-width:992px){
	.section_popular_topics .col-md-3 { flex: 0 0 23%; margin-right: 2.5%; }
	.section_popular_topics .col-md-3:last-child{ margin-right:0;}
	.popular_item p { min-height: 104px; }
	.img-hydrostatic { min-height: 371px; }
		
}
@media (min-width:992px) and (max-width:1220px){
	.popular_item h5{ min-height:50px;}
}

@media (min-width:1151px) and (max-width:1290px){
	.section_about_commons{ background-position:top right -90px; padding:40px 0;}
}

@media (min-width:992px) and (max-width:1150px){
	.section_about_commons{ background-position:top right -220px; padding:40px 0;}
}




@media (max-width:991px){
	#topnavbar-collapse { max-height: 136px !important; }
	.section_popular_topics .container { padding-left: 30px; padding-right: 30px; }
	.section_popular_topics .col-md-3 { flex: 0 48%; margin: 0 4% 4% 0; max-width:48%; }
	.section_popular_topics .col-md-3:nth-child(2n){ margin-right:0;}
	.section_about_commons{ background:#D6E9F0;}
	.section_about_commons .col-md-6{ flex:0 0 100%; max-width:100%;}
}

@media (min-width:768px){
	.section_home_banner h1{ font-size:52px; margin-right:-100px;}
	.section_home_banner .col-md-7,
	.section_home_banner .col-md-5{ display:flex; align-items: center;}
	.brodland_image { margin-right: -6%; }
	.download_wrap table tr td:first-child{ width:200px;}
}

@media (max-width:767px){
	.footer_bottom .text-right, .footer_bottom{ text-align: center !important;}
	.section_home_banner h1{ text-align:center; padding:20px 0 5px;}
}

@media (max-width:576px){
	.section_popular_topics .col-md-3 { flex:100%; margin:0 0 30px 0; max-width:100%; }
	.d-xs-none{ display:none;}
}
