/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

	/* BASE */

	* { box-sizing: border-box !important; }

	html, body, body.page, .wf-container { font-size: 20px;	}

	img { max-width: 100%; height: auto; }

	::-moz-selection { /* Code for Firefox */ color: #fff; background: #0F558F; }

	::selection { color: #fff; background: #0F558F; }

	/* TEXT */

	p { margin-bottom: 24px; line-height: 1.4; }

	.subtext { font-size: 16px; line-height: normal; }

	sup { font-size: 50%; vertical-align: super; }
	sub { font-size: 50%; vertical-align: sub; }

	h1,h2,h3,h4,h5 { margin-bottom: 10px; line-height: normal; }
	h1 { font-size: 36px; font-weight: 400; }
	h2 { font-size: 32px; font-weight: 400; }
	h3 { font-size: 28px; font-weight: 400; }
	h4 { font-size: 22px; font-weight: 700; }
	h5 { font-size: 20px; font-weight: 400; }
	h6 { font-size: 20px; font-weight: 400; }


	@media screen and (max-width: 1100px) {
		h1,h2,h3,h4,h5 { text-align: center; }
	}

	.icon-header { font-weight: 700; }

	/* LISTS */
	
	ul, .content ul { margin-left: 30px; margin-bottom: 30px; }
	li { margin-bottom: 5px; }
	ul.checkmark-sub li:before { content: none; }
	
	ol, ul.square, ul.circle, ul.disc { margin-left: 20px; }
	ul.square { list-style: square outside; color: #777; }
	ul.circle { list-style: circle outside; color: #777; }
	ul.disc { list-style: disc outside; color: #777; }

	#recent-posts-2 ul { margin-left: 0px; }

	/*** Checkmark List ***/
	ul.checkmark-list { list-style: none; padding-left: 1em; margin-left: 20px; }
	ul.checkmark-list li:before { content: "\2713"; font-weight: bold; position: absolute; margin-left: -1.3em; }

	/*** Blue Bullet List ***/
	ul.blue-bullets { list-style: none;	}

	ul.blue-bullets li::before { 
	content: "\2022";
	color: #064f84;
	font-weight: normal;
	display: inline-block; 
	margin-left: -1em;
	padding-right: 8px; }


	/* LINKS */
	
	a:hover, a:active, a:focus { border: 0; }
	a { color: #064E84; text-decoration: none; }
	a:hover { color: #0094c9; text-decoration: none; }

	h1,h2,h3,h4,h5 a {  }
	h1,h2,h3,h4,h5 a:hover {  }

	/* BUTTONS */

	a#cn-accept-cookie { background-color: #064e84; }
	a#cn-accept-cookie:hover { background-color: #0094c9; }

	.vc_btn3-container { margin-bottom: 35px !important; }
	.vc_btn3-style-custom { background-color: #064e84 !important; color: #fff !important; font-weight: 400; text-transform: uppercase; }
	.vc_btn3-style-custom:hover { background-color: #0094c9 !important; color: #fff !important; text-decoration: none; }
	
	.btn { background-color: #064e84; color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase; border-radius: 10px; padding: 10px 15px; }
	.btn:hover { background-color: #0094c9; color: #fff; text-decoration: none; }

	.btn2 { background-color: #4bc837; color: #fff; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border-radius: 10px; padding: 10px 50px; }
	.btn2:hover { background-color: #5DCD4B; color: #fff; text-decoration: none; }

	.vc_btn3.vc_btn3-size-md { font-size: 16px !important; padding: 10px 20px !important; }
	.vc_btn3-shape-rounded { border-radius: 8px !important; }
	.platform_button { margin: 0px 15px 35px !important; }
	.platform_button .vc_btn3-size-md { padding: 20px 20px !important; }

	.demo-button { text-transform: uppercase; }

	
	/* FORMS */

	.content input[type="text"], .content input[type="search"], .content input[type="tel"], .content input[type="url"], .content input[type="email"], vinput[type="number"], .content input[type="date"], .content input[type="range"], .content input[type="password"], .content select, .content textarea { color: #555; font-size: 16px; line-height: normal; }
	input:focus, textarea:focus { border: 2px solid #4594E1; }
	textarea { width: 100%; max-width: 100%; min-width: 100%; height: 100px; }
	input[type="submit"], .wpcf7-form input[type="submit"] { font-size: 18px !important; text-align: center; }

	/* Contact Form */
	.contact-form { color: #fff; } 
	.contact-form h4 { color: #fff; font-size: 26px; font-weight: 400; text-align: center; margin-bottom: 25px; }
	.contact-form-section { margin-bottom: 10px; margin-bottom: 20px; }
	.contact-form .wpcf7-form label { display: inline-block; font-size: 18px; line-height: normal; margin-right: 10px; margin-bottom: 10px; }
	.contact-form .wpcf7-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] { width: 220px; max-width: 100%; float: right; clear: both; border-radius: 5px; }
	.contact-form .wpcf7-form textarea { border-radius: 5px; height: 120px; overflow: scroll; resize: vertical; max-height: 300px; min-height: 120px; }
	.contact-form .wpcf7-form input[type="submit"] { background-color: #4bc837; font-weight: 700; letter-spacing: 1px; width: 80%; margin-bottom: 5px !important; }
	.contact-form .wpcf7-form input[type="submit"]:hover { background-color: #5DCD4B !important; }
	.contact-form a { color: white; text-decoration: underline; }
	.contact-form a:hover { color: #0094c9; }

	/* Search */
	.searchform input[type=text] { color: #555; }

	/* HEADER */
	.top-bar a:hover { color: #0094c9 !important; }


	/* MENU */

	#primary-menu { margin-bottom: 0px; }
	.menu-item { margin-bottom: 0px; }

	li:not(.dt-mega-menu) .sub-nav { width: 230px; margin: 0px; border-radius: 10px; top: 75px; }
	.sub-nav { padding: 0px; }
	.sub-nav li { padding: 0px; margin: 0px; border-bottom: 1px solid rgba(51, 51, 51, 0.12); }
	.sub-nav li:first-child { padding: 0px; margin: 0px; }
	.sub-nav li:last-child { padding: 0px; margin: 0px; border: none; }
	.sub-nav li:first-child a { padding-top: 12px; margin: 0px; border-radius: 10px 10px 0px 0px; }
	.sub-nav li:last-child a { padding-bottom: 12px; margin: 0px; border-radius: 0px 0px 10px 10px; }
	.main-nav .sub-nav > li > a { padding-left: 15px; }

	#mobile-menu { margin: 0px; }


	/* Sidebar */
	.sidebar-content .widget { font-size: 16px; }
	.blogroll li, .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li { margin-top: 0px; margin-bottom: 20px; }


	/* FOOTER */

	#footer {  }

	@media screen and (max-width: 1100px) {
		#footer .widget { text-align: center; }
	}
	
	.footer .widget { font-size: 16px; line-height: normal; margin-bottom: 15px; }
	.footer-info img { margin: 0px auto; }

	.footer .textwidget a:not(.dt-btn):hover { color: #0094c9; }

	.soc-ico { text-align: center; }
	.soc-ico .assistive-text { display: none; }

	.textwidget ul { list-style-type: none; margin: 0px; }
	.textwidget li { margin: 0px 0px 5px 0px; }

	.searchform {  }
	.searchform input[type="text"] { border-radius: 20px; }

	.copyright {  }


	/* Cookies Notice */
	#cookie-notice { background-color: #555555 !important; }
	#cookie-notice span a { color: #0094c9; }
	#cookie-notice span a:hover { text-decoration: underline; }


	/******************************
	      -   Page Layout   -
	********************************/

	.dark_row { background-color: #F1F6FB; padding-top: 30px; }
	.dark_row, .dark_row h1, .dark_row h2, .dark_row h3, .dark_row h4, .dark_row h5 {  }
	#row-call-to-action { background-color: #0F558F; padding: 30px 0px 10px 0px; }
	#row-call-to-action, #row-call-to-action h1, #row-call-to-action h2, #row-call-to-action h3, #row-call-to-action h4, #row-call-to-action h5 { color: #fff; }
	#row-call-to-action h2 { margin-bottom: 30px; }

	.icon-header h4 { font-size: 20px; }

	/* Text Boxes */
	.title-box { background-color: #0F558F; color: #fff; padding: 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-bottom: 40px; }
	.title-box h4 {color: #fff; display: inline-block; margin: 0px auto; }
	.text-box { background-color: #fff; border: 2px solid #0F558F; color: #000; padding: 30px 10px 10px; max-width: 400px; text-align: center; margin-top: -20px; margin-bottom: 40px; }

	/* Overlapping Text Boxes */
	.num-title-box { margin-top: -55px; position: relative; z-index: 100; }
	.title-box-number { position: absolute; float: left; top: -20px; left: -20; background-color: #fff; color: #0F558F; border: 2px solid #0F558F; border-radius: 50%; text-align: center; width: 46px; height: 46px; padding: 7px; z-index: 101; }
	.title-box-number h4 { font-size: 22px;color: #0F558F !important; font-weight: 700; }
	.title-box-text { background-color: #0F558F; color: #fff; padding: 15px; max-width: 300px; text-align: center; margin: 0px auto;  margin-bottom: 40px; }
	.title-box-text h4 { font-size: 20px; color: #fff; display: inline-block; margin: 0px auto; }

	.title-box-ipad { background-color: #0F558F; color: #fff; padding: 15px; max-width: 300px; text-align: center; margin: 0px auto;  margin-top: -55px; margin-bottom: 40px; position: relative; z-index: 100; }
	.title-box-ipad h4 { font-size: 20px; color: #fff; display: inline-block; margin: 0px auto; }
	.title-box-screen { background-color: #0F558F; color: #fff; padding: 15px; max-width: 300px; text-align: center; margin: 0px auto;  margin-top: -50px; margin-bottom: 40px; position: relative; z-index: 100; }
	.title-box-screen h4 { font-size: 20px; color: #fff; display: inline-block; margin: 0px auto; }

	.num-title-box-4col { margin-top: -85px; position: relative; z-index: 100; }
	.title-box-number-4col { position: absolute; top: -10px; left: -10px; background-color: #fff; color: #0F558F; border: 2px solid #0F558F; border-radius: 50%; text-align: center; width: 46px; height: 46px; padding: 7px; z-index: 101; }
	.title-box-number-4col h4 { font-size: 22px; color: #0F558F !important; font-weight: 700; }
	.title-box-text-4col { background-color: #0F558F; color: #fff; padding: 15px 10px; width: 250px; text-align: center; margin: 0px auto;  margin-bottom: 40px; }
	.title-box-text-4col h4 { font-size: 20px; color: #fff; display: inline-block; margin: 0px auto; }

	.title-box-iphone { background-color: #0F558F; color: #fff; padding: 15px 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-top: -85px; margin-bottom: 40px; position: relative; z-index: 100; }
	.title-box-iphone h4 { font-size: 20px; color: #fff; display: inline-block; margin: 0px auto; }

	.ipad { margin-bottom: 8px; }
	.screenshot { border: 2px solid #0F558F; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); margin-bottom: 30px; }


	/* Misc Elements */

	/* Picture Caption */
	.picture_caption { color: #484848; font-size: 16px; line-height: 18px; font-style: italic; padding: 10px 10px 0px; }
	.picture_caption2 { color: #484848; font-size: 14px; line-height: 18px; font-style: italic; }
	.picture_caption2 p { max-width: 380px; padding: 10px 0px 0px; margin: 0px auto; }

	figcaption { color: #484848; font-size: 16px; line-height: 18px; font-style: italic; padding: 10px 10px 0px; }

	/* Modules Box */
	.modules-icon-box { display: inline-block; padding: 0px 10px; margin-bottom: 30px !important; vertical-align: middle; }
	.modules-icon-box div { display: inline-block; vertical-align: middle; }
	.modules-icon-box img { margin-right: 10px; }
	.modules-icon-box h5 { display: inline-block; vertical-align: middle; font-weight: 700; }
	/* Fake (pseudo) element, that enables vertical-align */
	.modules-icon-box:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; }
	@media screen and (max-width: 375px) { .modules-icon-box { display: block; } }

	/* Devices Box */
	.device-icon-box { display: inline-block; padding: 0px 20px; margin-bottom: 20px; }
	.device-icon-box h5 { display: inline-block; padding: 0px; }
	.device-icon-box p { margin-bottom: 10px; }

	/* Card Box */
	.card-box .wpb_wrapper { display: table; min-height: 50px; width: 100%; text-align: center; padding: 10px; background: #ffffff; border-radius: 10px; -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2); }
	.card-box h5 { display: table-cell; vertical-align: middle; font-weight: 700; text-align: center; }

	.card-box1 .wpb_wrapper { position: relative; box-sizing: border-box; background: #ffffff;  text-align: center; height: 70px; max-width: 450px; padding: 10px 20px; margin: 0px auto; -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.2); border-radius: 10px; }
	.card-box1 h5 { font-size: 20px; font-weight: 700; position: absolute; top: 50%; transform: translateY(-50%); display: block; box-sizing: border-box; width: 90%; }

	/* Video */

	.video-thumb {  }

	@media screen and (max-width: 1100px) {
		.home-video {  }
	}
	.widget-title { font-weight: 700; }
   	p.anchor { margin-bottom: 0px; }
	.inquiries_heading {  }
	.inquiries_phonenumber {  }

	/* News */
	.blog-shortcode.blog-masonry-shortcode-id-8fa69a73aeab44d1a21cb45c135efa0d.content-bg-on.classic-layout-list article { border-radius: 20px !important; }
	.readmore { text-align: left; }
	.readmore a.post-details.details-type-link { display: inline; float: none; }
	.post-details.details-type-link { font-size: 16px; float: left; }

	/* Highlight Box */
	.highlightbox {  }

	/* Social Media */
	.soc-ico a, .soc-ico a:hover  { border-radius: 25%; }


	/******************************
	      -   Landing Pages   -
	********************************/

	.landing_dark_row, .landing_dark_row h1, .landing_dark_row h2, .landing_dark_row h3, .landing_dark_row h4, .landing_dark_row h5 { color: #fff; }

	/* Text Boxes */
	.landing_title-box { background-color: #2292D1; color: #fff; padding: 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-bottom: 40px; }
	.landing_title-box h4 { color: #fff; }
	.landing_text-box { background-color: #fff; border: 2px solid #EDF1F5; color: #000; padding: 30px 10px 10px; max-width: 400px; text-align: center; margin-top: -20px; margin-bottom: 40px; }

	/* Overlapping Text Boxes */
	.landing_num-title-box { margin-top: -55px; position: relative; z-index: 100; }
	.landing_title-box-number { float: left; margin-top: -20px; background-color: #fff; color: #0F558F; border: 2px solid #0F558F; border-radius: 50%; text-align: center; width: 46px; height: 46px; padding: 7px; margin-bottom: 0px; }
	.landing_title-box-number h4 { color: #0F558F !important; font-weight: 700; }
	.landing_title-box-text { background-color: #0F558F; color: #fff; padding: 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-bottom: 40px; }
	.landing_title-box-text h4 {color: #fff; display: inline-block; margin: 0px auto; }

	.landing_title-box-ipad { padding: 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-top: -55px; margin-bottom: 40px; position: relative; z-index: 100; }
	.landing_title-box-ipad h4 {color: #fff; display: inline-block; margin: 0px auto; }
	.landing_title-box-screen { background-color: #0F558F; color: #fff; padding: 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-top: -50px; margin-bottom: 40px; position: relative; z-index: 100; }
	.landing_title-box-screen h4 {color: #fff; display: inline-block; margin: 0px auto; }

	/* Healthcare */
	.landing-health_title-box { background-color: #2292d1; color: #fff; padding: 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-bottom: 40px; }
	.landing-health_title-box h4 { color: #fff; }

	.landing-health_num-title-box { margin-top: -55px; position: relative; z-index: 100; }
	.landing-health_title-box-number { float: left; margin-top: -20px; background-color: #fff; color: #2292d1; border: 2px solid #2292d1; border-radius: 50%; text-align: center; width: 46px; height: 46px; padding: 7px; margin-bottom: 0px; }
	.landing-health_title-box-number h4 { color: #2292d1; font-weight: 700; }
	.landing-health_title-box-text { background-color: #2292d1; color: #fff; padding: 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-bottom: 40px; }
	.landing-health_title-box-text h4 { color: #fff; display: inline-block; margin: 0px auto; }

	.landing-health_title-box-ipad { background-color: #2292d1; color: #fff; padding: 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-top: -55px; margin-bottom: 40px; position: relative; z-index: 100; }
	.landing-health_title-box-ipad h4 { color: #fff !important; }
	.landing-health_title-box-screen { background-color: #2292d1; color: #fff; padding: 10px; max-width: 300px; text-align: center; margin: 0px auto;  margin-top: -50px; margin-bottom: 40px; position: relative; z-index: 100; }
	.landing-health_title-box-screen h4 { color: #fff !important; }

	.landing-health_screenshot { border: 2px solid #2292d1; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); margin-bottom: 30px;  }

	.landing_get-started, .landing_get-started h3 { color: #fff; }
	.landing_footer { color: #fff; }
	.landing_footer a, .landing_footer a:visited { color: #fff; }
	.landing_footer a:hover, .landing_footer a:active { color: #0094C9; }

	/* LP Form */
	.landing_form_row { color: #fff; }
	.lp-form { background-color: #393939; color: #fff; margin-bottom: 0px; } 
	.lp-form h4 { color: #fff; font-size: 26px; font-weight: 400; text-align: center; margin-bottom: 25px; }
	.lp-form-section { margin-bottom: 10px; margin-bottom: 20px; }
	.lp-form .wpcf7-form label { display: inline-block; font-size: 18px; line-height: normal; margin-right: 10px; margin-bottom: 10px; }
	.lp-form .wpcf7-form input[type="text"], .lp-form input[type="email"], .lp-form input[type="tel"] { width: 240px; max-width: 100%; float: right; clear: both; border-radius: 5px; }
	.lp-form .wpcf7-form textarea { border-radius: 5px; height: 120px; overflow: scroll; resize: none; }
	.lp-form .wpcf7-form input[type="submit"] { background-color: #4bc837; font-weight: 700; letter-spacing: 1px; width: 80%; margin-bottom: 5px !important; }
	.lp-form .wpcf7-form input[type="submit"]:hover { background-color: #5DCD4B !important; }
	.lp-form a { color: white; text-decoration: underline; }
	.lp-form a:hover { color: #0094c9; }

@media screen and (min-width: 770px) { .landing_form_row { position: absolute !important; top: 69px; left: 0px !important; z-index: 100 !important; width: 1154px !important; padding: 0px !important; margin: 0px auto !important; } .landing_form_column {  } .lp-form { float: right; max-width: 400px; padding: 30px; } }
@media screen and (max-width: 770px) { .landing_form_row { background-color: #393939; } .lp-form { padding: 30px 20px; } .lp-form .wpcf7-form input[type="text"], .lp-form input[type="email"], .lp-form input[type="tel"] { width: 100%; float: none; } }


	/******************************
	      -   Profile Pages   -
	********************************/

	.profile_wrap { width: 1010px; margin: 0px auto; }
	.profile_header { text-align: left; font-size: 30px; font-weight: 700; margin: 0px 0px 30px; }
	.profile_box { background-color: #EAF1F9; text-align: left; padding: 50px; border-radius: 20px; }
	.profile_img { display: inline-block; vertical-align: top; margin-right: 50px; }
	.profile_txt { display: inline-block; width: 550px; vertical-align: top; padding: 0px 50px; }
	.profile_txt h2, .profile_txt h3, .profile_txt h4 { font-weight: bold; padding: 0px; margin: 0px; }
	.profile_txt h3 { font-size: 28px; }
	.profile_txt p { font-size: 26px; padding: 0px; margin: 0px; }
	.profile_button:link, .profile_button:visited { display: inline-block; text-transform: uppercase; font-size: 20px; font-weight: 400; color: white; background-color: #064e84; padding: 10px 16px; border-radius: 5px; box-sizing: border-box; transition-duration: 0.2s; transition-delay:0; transition-timing-function: ease-in-out; margin-top: 40px; }
	.profile_button:hover, .profile_button:active { color: white !important; background-color: #0093C8; }
    .profile_footer { text-align: center; margin-top: 50px; }

@media (max-width: 1200px) {
	.profile_wrap { width: 100%; }
	.profile_header { text-align: center; }
	.profile_box { background-color: transparent; text-align: center; padding: 0px; }
	.profile_img { display: block; margin-right: 0px; margin-bottom: 30px; }
	.profile_txt { display: block; width: 100%; padding: 0px; }
	}
