/*



Theme Name: Drmistry



Theme URI: https://wordpress.org/themes/twentyseventeen/



Author: the WordPress team



Author URI: https://wordpress.org/



Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.



Version: 1.0



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Text Domain: drmistry



Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready







This theme, like WordPress, is licensed under the GPL.



Use it to make something cool, have fun, and share what you've learned with others.



*/







/*--------------------------------------------------------------



>>> TABLE OF CONTENTS:



----------------------------------------------------------------



1.0 Normalize



2.0 Accessibility



3.0 Alignments



4.0 Clearings



5.0 Typography



6.0 Forms



7.0 Formatting



8.0 Lists



9.0 Tables



10.0 Links



11.0 Featured Image Hover



12.0 Navigation



13.0 Layout



   13.1 Header



   13.2 Front Page



   13.3 Regular Content



   13.4 Posts



   13.5 Pages



   13.6 Footer



14.0 Comments



15.0 Widgets



16.0 Media



   16.1 Galleries



17.0 Customizer



18.0 SVGs Fallbacks



19.0 Media Queries



20.0 Print



--------------------------------------------------------------*/







/*--------------------------------------------------------------



1.0 Normalize



Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css



--------------------------------------------------------------*/



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



body {
	background: #fff;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #000;
}
a {
	color: #7ac142;
}
#navbtn {
	display: none;
}
.nav-menu {
}
.nav-menu li {
	position: relative;
	float: left;
}
.nav-menu li .menuarrow {
	display: none;
}
.nav-menu li > a {
	font: 400 14px/40px 'Roboto', sans-serif;
	color: #6ab3e8;
	padding: 0 22px;
	white-space: nowrap;
	display: block;
	text-transform: uppercase;
}
.nav-menu li:hover > a, .nav-menu li.active > a, .nav-menu li.current_page_item > a, .nav-menu li > a:focus {
	background: #fff;
	color: #0089cf;
	text-decoration: none;
}
.nav-menu .sub-menu {
	position: absolute;
	left: 0;
	top: 100%;
	background: #0089cf;
	min-width: 220px;
	box-shadow: 0 0 5px #02496d;
	transition: all 300ms ease-out 0s;
	display: none;
	z-index: 9999;
}
.nav-menu .sub-menu .sub-menu {
	left: 100%;
	top: 0;
}
.nav-menu li:hover > .sub-menu {
	display: block;
}
.nav-menu .sub-menu li {
	float: none;
}
.nav-menu .sub-menu a {
	font: normal 14px/40px Arial, Helvetica, sans-serif;
	padding: 0 10px;
	white-space: nowrap;
}
.nav-menu .sub-menu li+li {
	border-top: 1px solid #035e8d;
}
#wpadminbar ul:after {
	clear: inherit;
}
#header_top {
	background: #7494a9;
	padding: 8px 0;
}
#header_top ul {
	float: right;
}
#header_top ul li {
	float: left;
	background: url(assets/images/icon1.png) no-repeat 0 50%;
	padding: 0 0 0 3px;
}
#header_top ul li+li {
	background: none;
	padding: 0;
}
#header_top ul li a {
	font: 400 14px/16px 'Roboto', sans-serif;
	color: #fff;
	padding: 0 0 0 20px;
}
.white_top {
	background: #fff;
	padding: 5px 0 0;
}
.icon.icon-angle-down {
	display: none;
}
#logo {
	float: left;
	padding: 0 0 5px;
}
#navigation {
	float: right;
	padding: 20px 0 0;
}
a.consultant {
	float: right;
	background: url(assets/images/icon2.png) no-repeat 0 50% #0089cf;
	font: 400 14px/44px 'Roboto', sans-serif;
	color: #fff;
	padding: 0 10px 0 54px;
	display: inline-block;
	margin: 20px 0 0;
	border-radius: 5px;
}
#banner {
	position: relative;
	margin: 0 auto;
	text-align: center;
}
#banner_text {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1200px;
	z-index: 999;
	transform: translate(-50%, -50%);
}
#banner_text > div {
	width: 44%;
	float: left;
	text-align: left;
	color: #fff;
}
#banner_text h1 {
	font: 400 55px/55px 'Lora', serif;
	padding: 10px 0 0;
}
#banner_text h1 strong {
	font: 700 65px/65px 'Lora', serif;
}
#banner_text p {
	font: 400 14px/18px 'Roboto', sans-serif;
	padding: 10px 0 0;
}
.banner_box {
	width: 33.3%;
	float: left;
	padding: 15px 1% 0;
	text-align: center;
}
#banner_text h6 {
	font: 700 16px/18px 'Roboto', sans-serif;
	padding: 10px 0 0;
	text-transform: uppercase;
}
#content {
	padding: 20px 0 15px;
}
.bluetext {
	color: #0064bb
}
#content h1 {
	font: 300 47px/50px 'Roboto', sans-serif;
	padding: 20px 0 0;
}
#content h2 {
	font: 700 30px/34px 'Roboto', sans-serif;
	padding: 20px 0 0;
}
#content h1 span {
	border-bottom: solid 1px #7494a9;
}
#content h3 {
	font: 300 21px/25px 'Roboto', sans-serif;
	padding: 20px 0 0;
}
#content p {
	font: 400 14px/20px 'Roboto', sans-serif;
	padding: 20px 0 0;
}
.white_text {
	color: #fff;
}
.box {
	width: 24.25%;
	float: left;
	margin: 0 0 0 1%;
	position: relative;
	transition: all 300ms ease-out 0s;
}
.blue_sec {
	background: #0064bb;
	position: relative;
}
.blue_sec p {
	display: none;
}
.box:nth-child(4n+1) {
	clear: left;
	margin-left: 0;
}
a.view {
	border: solid 1px #fff;
	font: 400 14px/34px 'Roboto', sans-serif;
	color: #fff;
	display: inline-block;
	position: absolute;
	tranform: translate(-50%, -50%);
	left: 29%;
	top: 50%;
	opacity: 0;
	padding: 0 25px;
	z-index: 999;
}
.box:hover a.view {
	opacity: 1;
	transition: all 300ms ease-out 0s;
}
.box:hover img {
	opacity: 0.5;
}
.underlne {
	border-bottom: solid 2px #000;
	text-align: center;
	padding: 0 0 10px;
	background: #fff;
}
.midl_part {
	background: url(assets/images/midl_bg.jpg) no-repeat 50% 0;
	background-size: cover;
	padding: 40px 0;
	margin: 30px 0 0;
}
.fifty {
	width: 50%;
	float: left;
}
.fifty+.fifty {
	background: #001b33;
}
.gapng {
	padding: 15px 35px 13px 38px;
}
a.viewmore {
	background: #0089cf;
	padding: 0 20px;
	display: inline-block;
	margin: 15px 0 0;
	font: 400 14px/45px 'Roboto', sans-serif;
	color: #fff;
}
.gap {
	padding-bottom: 40px;
	padding-top: 40px;
}
.gap-top {
	padding-top: 20px;
}
.btm_box {
	background: url(assets/images/img6.jpg) no-repeat 50% 0;
	background-size: cover;
	padding: 44px 0 0;
	text-align: center;
	float: left;
	margin: 0 0 0 1%;
	width: 32.3%;
	min-height: 270px;
}
.btm_box+.btm_box {
	background: url(assets/images/img7.jpg) no-repeat 50% 0;
}
.btm_box+.btm_box+.btm_box {
	background: url(assets/images/img8.jpg) no-repeat 50% 0;
}
.frm_sec {
	background: url(assets/images/bg.jpg) repeat-y 50% 0;
}
.ftr_logo {
	float: left;
}
footer p {
	float: right;
	font: 300 14px/16px 'Roboto', sans-serif;
	color: #000;
	padding: 20px 0 0;
}
.btm_box input[type="text"] {
	width: 80%;
	margin: 10px auto 0;
}
.sicons img {
    float: left;
    width: 25%;
}
.bluefrm {
    background: #004179 none repeat scroll 0 0;
   margin: 30px 0;
    padding: 30px;
}
 @media only screen and (max-width: 1198px) {
#banner_text {
	width: 1000px;
}
#banner_text > div {
	width: 49%;
}
#banner_text h1 {
	font-size: 40px;
	line-height: 42px;
}
#banner_text h1 strong {
	font-size: 35px;
	line-height: 37px;
	display: block;
}
#content h3 {
	font-size: 18px;
}
.gapng {
	padding: 15px;
}
#content .gapng p {
	padding: 5px 0 0;
}
}
 @media only screen and (max-width: 990px) {
#banner_text {
	width: 748px;
}
.banner_box {
	display: none;
}
.fifty {
	width: 100%;
	float: none;
}
#content h2 {
	font-size: 22px;
	line-height: 24px;
}
a.view {
	left: 21%;
	top: 50%;
}
.nav-menu li > a {
	padding: 0 12px;
}
}
 @media only screen and (max-width: 740px) {
#navigation {
	float: left;
	padding: 5px 0 0;
}
#navbtn {
	display: block;
	background: url(assets/images/navigation.png) no-repeat 50% 50%;
	width: 42px;
	height: 35px;
	font-size: 0;
	cursor: pointer;
	border: solid 1px #ccc;
	border-radius: 5px;
}
.nav-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	width: 280px;
	background: #0070D0;
	box-shadow: 0 0 6px #000;
	z-index: 9999;
}
.nav-menu li {
	float: none;
}
.nav-menu li+li {
	border-top: 1px solid #035e8d;
}
.nav-menu li > a {
	font: normal 16px/40px Arial, Helvetica, sans-serif;
	color: #fff;
}
.nav-menu li .menuarrow {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 36px;
	height: 36px;
	z-index: 99;
	background: url(images/nav-arrow.png) no-repeat 50% 50%;
	display: block;
	cursor: pointer;
	border-radius: 3px;
}
.nav-menu li:hover > .menuarrow, .nav-menu li.active > .menuarrow, .nav-menu li.current_page_item > .menuarrow {
	background: url(images/nav-arrow.png) no-repeat 50% 50% #0089cf;
}
.nav-menu .sub-menu {
	position: relative;
	margin: 0 3px;
}
.nav-menu .sub-menu .sub-menu {
	left: 0;
	margin: 0 5px;
}
.nav-menu .sub-menu li {
	float: none;
}
.nav-menu li:hover > .sub-menu {
	display: none;
}
#banner_text {
	width: 460px;
}
#banner_text p {
	display: none;
}
#banner_text h1 {
	font-size: 30px;
	line-height: 32px;
}
#banner_text h1 strong {
	font-size: 28px;
	line-height: 30px;
}
#logo {
	float: none;
	margin: 0 auto;
	text-align: center;
}
a.consultant {
	margin: 0 0 10px;
}
.box {
	width: 48%;
	margin: 0 1% 15px;
}
.box:nth-child(4n+1) {
	clear: none;
	margin: 0 1% 15px;
}
.btm_box, .btm_box + .btm_box, .btm_box + .btm_box + .btm_box {
	width: 100%;
	float: none;
	background-size: cover;
	margin: 0 0 10px;
}
.frm_sec {
	background: #0064BA;
}
.ftr_logo {
	float: none;
	text-align: center;
	margin: 0 auto;
}
footer p {
	float: none;
	text-align: center;
}
}
 @media only screen and (min-width: 740px) {
.nav-menu {
	display: block !important;
}
}
 @media only screen and (max-width: 450px) {
#banner_text {
	width: 310px;
}
#banner_text h1 {
	font-size: 20px;
	line-height: 22px;
}
#banner_text h1 strong {
	font-size: 20px;
	line-height: 22px;
}
.box {
	width: 98%;
	float: none
}
a.view {
	left: 32%;
	top: 50%;
}
}