/*
Theme Name: Dry Dock
Theme URI: http://www.emenacsoft.com
Author: the Emenacsoft team
Author URI: http://www.emenacsoft.com
Description: Our Dry Dock Theme is designed to show off the power of the block editor.
Requires at least: WordPress 4.9.6
Version: 1.2
*/
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
/*
	font-family: 'Montserrat', sans-serif;
*/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; font-family: 'Montserrat', sans-serif;}
a {text-decoration:none; color:#3c63b2; font-size:14px;}
p {color:#363636; font-size:14px; line-height:24px;font-weight:600; margin:auto auto 25px;}
body {margin:auto;}
amp-img, img {max-width:100%;display:block;margin:auto;}
h1 {font-size:36px; line-height:normal; margin:auto auto 20px; font-weight:600;  font-family: 'Montserrat', sans-serif;text-transform:uppercase; color:#1c1c1c;}
h2 {font-size:24px; text-transform:capitalize;font-family: 'Montserrat', sans-serif; text-decoration:none;color:#0d0d0d; font-weight:normal;}
h3 {font-size:20px; text-transform:capitalize;margin:auto auto 20px ; color:#363636; font-weight:500;font-family: 'Montserrat', sans-serif;}
h4 {font-family: 'Montserrat', sans-serif;}
h5 {font-size:16px; color:#1b4354; text-transform:capitalize; font-weight:600;font-family: 'Montserrat', sans-serif; margin:7px auto;}
h6 {font-size:14px; text-transform:capitalize;font-weight:600;font-family: 'Montserrat', sans-serif; margin:auto;}
/* General classes */
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.full {width:100%;}
.bg-blue {background-color:#50e4fe;}
.overflow-hide {overflow: hidden;}
.bg-dblue {background-color:#3c63b2;}
.c-blue {color:#50e4fe;}
.c-dblue {color:#3c63b2;}
.border-radial {border-radius: 15px;}
.mb-50px {margin-bottom:60px;}
.container {max-width:1170px;margin:auto;width:95%;}


.logo_sec {padding-top: 15px;}
.menu_sec {position: relative; padding: 40px 0; }
.menu_sec:before {background-color: #50e4fe; width: 1000%; height: 100%; position: absolute; left: 0; top: 0; display: block; content: ''; border-bottom-left-radius: 15px;}
.menu_sec ul {padding: 0; margin: auto;}
.menu_sec li {display: inline-block; padding: 0 30px;}
.menu_sec a {position: relative; display: block; color: #3c63b2; text-transform: uppercase; font-weight: 600; font-size: 16px;}





.about_us_sec_wrap {padding-top: 22px; margin: 140px auto 165px}
.about_text_sec {width: 50%;}
.about_text_sec h1 {margin-top: 30px;}
.about_text_sec p {color: #272727;line-height: 20px;font-size: 14px; margin-bottom: 20px;}
.about_image_sec {width: 44.84%; position: relative; margin-bottom: -41px;}
.about_facts_all {position: relative; margin-bottom: -41px; margin-top: 70px;}
.about_fact_single {width: 96px; height: 96px;background-color: #3c63b2; position: relative; border-radius: 17px; margin-right: 32px;display: inline-block;}
.about_fact_img {position: relative; height: 60px; display: block;}
.about_fact_img img {position: absolute; bottom: 0; left: 0; right: 0; margin: auto; display: block;}




.dry_dock_hp_single {width: 31.62%; margin-right: 2.56%; margin-bottom: 60px;}
.dry_dock_hp_single h5 {margin-top: 15px;}


.footer_sec_wrap {padding: 60px 0 50px; position: relative;}
.footer_img {width: 55.83%;position: absolute; top: 0; right: 0; max-width: 2500px; z-index: 99;}
.footer_img img {margin-left: 0;}
.footer_text {width: 43.17%;}
.footer_text ol {/*padding: 0;*/ margin: auto;}
.footer_text li {/*padding: 15px 0 15px 15px;*/ text-transform: uppercase;color: #000; font-size: 16px; line-height: 50px;position: relative; transition: 0.3s ease-in-out all; cursor: pointer; z-index: 9; font-weight:600;}
.footer_text li:before {position: absolute;width: 1000%; height: 100%; content: '';right: 200%;top: 0;background-color: #3c63b2;display: none; opacity: 0; transition: 0.3s ease-in-out all;z-index: -1;}
.footer_text li:hover {color: #fff;}
.footer_text li:hover:before{display: block;right: -100%; opacity: 1; transition: 0.3s ease-in-out all;}



/* Footer copy rights section */
.copy_rights_sec_wrap {padding: 23px 0 20px;}
.copy_rights {font-size: 14px; line-height: 22px; margin-top: 10px;}
.copy_rights a {color: #fff;}
.footer_social_links ul {padding: 0; margin: auto;}
.footer_social_links li {display: inline-block; margin-left: 2px;}
.footer_social_links a {height: 40px; width: 40px; position: relative; background-color: #50e4fe;border-radius: 4px; display: block;text-align: center;}
.footer_social_links i {line-height: 40px;color: #3c63b2; font-size: 24px; text-align: center;}
.assoc_logo {max-width:200px; margin:15px auto;}



/* Single page */
.entry-header {padding: 30px 0; margin-bottom: 50px; background-color: #3c63b2;}
.entry-title {color: #50e4fe;margin: auto; text-align: center;}
.entry-content {margin-bottom: 50px;}


@media screen and (max-width: 979px) {
	.about_fact_single{margin-right: 10px;}
	.footer_text li:hover::before {right: 0;}
	.rel_img_2 {top:-33px;}
}
@media screen and (max-width: 979px) {
	.logo_sec {float: none; width: 100%; text-align: center; margin: auto; padding: 10px 0;}
	.logo_sec a {display: inline-block;}
	.menu_sec{display: none;}
	.about_us_sec_wrap {margin: 20px auto;}
	.about_text_sec {width: 100%;}
	.about_image_sec {width: 100%; margin: auto;}
	p {font-size:12px; line-height:20px;margin:auto auto 15px;}
	h1 {font-size:24px; margin:auto auto 10px;}
	h2 {font-size:20px;}
	h3 {font-size:16px;margin:auto auto 20px ;}
	h5 {font-size:13px;margin:4px auto;}
	h6 {font-size:12px;}
	.about_text_sec h1 {margin-bottom: 10px;}
	.about_facts_all {margin: 12px auto; text-align: center;}
	.about_text_sec p {font-size: 12px;}
	.about_fact_single {width: 85px; height: 85px; float: none;}
	
	.about_fact_img {height: 55px;}
	.dry_dock_hp_single {width: 100%; margin:15px auto 40px; float: none;}
	.dry_dock_hp_single h5 {margin-top: 5px;}
	.footer_text {width: 100%;}
	.footer_text li {font-size: 14px;}
	.footer_img {position: relative; width: 100%; margin-top: 15px;}
	.footer_sec_wrap {padding: 15px 0 0;}
	.copy_rights_sec_wrap {padding: 10px 0;}
	.copy_rights {font-size: 12px; line-height: 22px; margin-top: 0; float: none; text-align: center;}
	.footer_social_links {width: 100%; float: none; text-align: center; margin-top: 15px;}
	
}

/* Contact us wrap */
.contact_info_cp {
	margin:auto auto 100px;
}
.contact_single_div_cp {
	width:48%;
	/*margin-right:1.5%;
	float:left;*/
	transition:0.5s ease-in-out all;
	padding:20px 20px;
	background-color:rgba(60,99,178,0.50);
	text-align:center;
	
	background-position:center center;
	background-repeat:no-repeat;
	min-height:180px;
}
.contact_single_div_cp p {
	text-align:center;
}
.contact_single_div_cp h2 {
	text-align:center;
	margin:auto auto 20px;
	font-size:18px;
	padding-bottom:20px;
	position:relative;
	text-transform:uppercase;
}
.contact_single_div_cp h2:after {
	width:45px;
	height:1px;
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background-color:#3c63b2;
}

/*  contact form section */
.contact-form-div{
	width:100%;
	margin-bottom:20px;
}
.contact-form-div input, .contact-form-div textarea {
	width:100%;
	padding:13px 10px;
	border-radius:0;
	border:1px solid #3c63b2;
	color:#161616;
	background-color:transparent;
}
.half-div-cp .client_name {
	padding-left:0;
}
.half-div-cp {
	width:48.5%;
}
.contact-form-div textarea {
	height:173px;
}
.contact-form-div input[type="submit"] {
	width:auto;
	padding: 10px 50px;
	color:#3c63b2;
	background-color:transparent;
	float:right;
	cursor:pointer;
	text-transform: uppercase;
	font-size: 16px;
}
.contact-form-div input[type="submit"]:hover {
	transition:0.5s ease all;
	color:#50e4fe;
	background-color:#3c63b2;
}
@media screen and (max-width: 767px) {
	.contact_single_div_cp {
		width:100%;
		margin:auto auto 20px;
	}
	.contact-form-div input, .contact-form-div textarea {
		width:100%;
	}
	.half-div-cp {
		width:100%;
		margin:auto;
	}
	.contact_info_cp {
		margin:20px auto;
		width:95%;
	}
	.contact_text_section {
		margin:auto;
	}
}


/* responsive website */
.admin-bar #wprmenu_menu_ul {margin-top: 50px;}
#wprmenu_bar .menu_title a {color: #50e4fe;position: relative; top: -2px;margin-left: 5px;}
#mg-wprm-wrap ul#wprmenu_menu_ul li.menu-item.current_page_item a{color: #50e4fe !important;}
































.no-margin-right {margin-right: auto;}