string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=353627&expand=properties"
string(15035) "[{"templateId":353627,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":127,"categoryName":"Consulting Templates","templateTitle":"Consulting Website Template","templatePreviewHtmlTitle":"DocWala - Online Doctor &amp; Healthcare Consultation HTML Template","templateDemoHtmlTitle":"Demo Preview for DocWala - Online Doctor &amp; Healthcare Consultation HTML Template #353627","typeShortName":"Website","templatePreviewFBTitle":"<p>Introducing DocWala, our Online Doctor & Healthcare Consultation HTML Template. Elevate your online healthcare platform with the perfect digital presence. With its stunning interface, DocWala elegantly showcases your comprehensive medical services. Every aspect is presented with captivating visuals and intuitive navigation. The user-centric design of DocWala ensures seamless interactions, boosting conversions and client satisfaction. Immerse yourself in the DocWala experience by exploring the live demo. Our dedicated support team ensures a seamless journey. Step into the world of DocWala and give an enhanced look to your website. This isn't just a template; it's a gateway to having a professional presence in the healthcare industry. With DocWala, redefine the way you deliver healthcare services.</p><h2>Main Features</h2><ul><li>HTML5, CSS3 & jQuery powered</li><li>Fully 100% responsive layout (desktops, tablets, mobile devices)</li><li>Built with the latest Bootstrap 5</li><li>Well structured code</li><li>FontAwesome Fonts Icons</li><li>Themify Icons</li><li>5 Header variations</li><li>Background video</li><li>Free licensed Google font used</li><li>Fully Responsive</li><li>Different types of header footer styles</li><li>Blog Post Page</li><li>Easy to Customize</li><li>HTML5, CSS3 & jQuery powered</li><li>W3C Valid, Clean and Commented code</li><li>Cross-browser</li><li>Retina ready</li><li>Online Doctor Consultation & Hospital Listing</li><li>Doctor, Hospital & Agent Registration</li><li>Pharmacy eCommerce Solution</li><li>Minimal and Clean</li><li>CSS3 Animations</li><li>SEO-friendly code</li><li>Regular Updates</li><li>24/7 Support</li><li>Lifetime free updates</li><li>Documentation included</li><li>100% money-back guarantee if you are not satisfied</li><li><strong>and much more...</strong></li></ul><h2>File Included</h2><ol><li>HTML Files</li><li>CSS Files</li><li>JS Files</li><li>Documentation</li><li>MP4 & Webm video File</li></ol><h2>Sources and Credits</h2><ol><li><strong>Bootstrap :</strong> Build fast, responsive sites with Bootstrap http://getbootstrap.com/</li><li><strong>jQuery :</strong> fast, small, and feature-rich JavaScript library. http://jquery.com/</li><li><strong>Typed.js :</strong> https://mattboldt.com/demos/typed-js/</li><li><strong>Magnific Popup :</strong> Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). https://dimsemenov.com/plugins/magnific-popup/</li><li><strong>AOS :</strong> Animate On Scroll Library https://michalsnik.github.io/aos/</li><li><strong>Counter-Up :</strong>Counter-Up is a jQuery plugin that animates a number from zero (counting up towards it). It supports counting up: https://github.com/bfintal/Counter-Up</li><li><strong>vidbg.js :</strong> A minimal vanilla JavaScript video background plugin. https://github.com/blakewilson/vidbg</li><li><strong>SmartMenus :</strong> SmartMenus jQuery Website Menu Plugin - Mobile first ... https://www.smartmenus.org/blog/categories/bootstrap-4/</li><li><strong>bootstrap-datepicker :</strong> Versions are incremented according to semver. https://github.com/uxsolutions/bootstrap-datepicker</li><li><strong>Select2:</strong> The jQuery replacement for select boxes. https://select2.org/</li><li><strong>Select2 Bootstrap 5 Theme :</strong> Get started with the Select2 Bootstrap 5 theme, the look of Bootstrap 5, with the functionality of Select2. https://apalfrey.github.io/select2-bootstrap-5-theme/</li><li><strong>Theia Sticky Sidebar :</strong>https://github.com/WeCodePixels/theia-sticky-sidebar</li><li><strong>Owl Carousel 2 :</strong> Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider. https://owlcarousel2.github.io/OwlCarousel2/</li><li><strong>Ion.RangeSlider :</strong> Easy to use, flexible and responsive range slider with skin support. http://ionden.com/a/plugins/ion.rangeSlider/</li><li><strong>slick :</strong> https://kenwheeler.github.io/slick/</li><li><strong>Raty - A Star Rating Plugin :</strong> https://github.com/wbotelhos/raty</li></ol><h2>Fonts</h2><ol><li>Google Fonts</li></ol><h2>Images</h2><ol><li>Unsplash</li><li>Flaticon</li><li>unDraw</li></ol>","templateFullTitle":"DocWala - Online Doctor &amp; Healthcare Consultation HTML Template","templatePreviewMetaDescription":"Introducing DocWala, our Online Doctor & Healthcare Consultation HTML Template. Elevate your online healthcare platform with the perfect digital presence. With","templateDemoMetaDescription":"Before buying it, get the feel and look of the professional DocWala - Online Doctor &amp; Healthcare Consultation HTML Template Website Template (#353627) by visiting the live preview. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"DocWala - Online Doctor &amp; Healthcare Consultation HTML Template","anchorFeature":"Bootstrap","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/docwala-online-doctor-amp-healthcare-consultation-html-template-353627.html","userRating":0,"designIndex":1,"authorUserId":"78259856","exclusive":"1","state":1,"price":45,"inserted_date":"2023-08-30","sent":0,"downloads":2,"search_words":"business clinic corporate dental doctor health healthcare therapy services pharmacy patients medical hospital","is_adult":0,"exc_price":2100,"sent_date":"2023-08-30 11:11:11","last_upload":"2023-08-30 11:15:09","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3194880,"templ_id":353627,"filename":"353627-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3194881,"templ_id":353627,"filename":"353627-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3194882,"templ_id":353627,"filename":"353627-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3194883,"templ_id":353627,"filename":"353627-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":3194884,"templ_id":353627,"filename":"353627-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/353627.html","image":"https://s.tmimgcdn.com/scr/353600/docwala-online-doctor-amp-healthcare-consultation-html-template_353627-original.jpg","searchHash":"4e9a9472f66606a3b645f4b6817e9abe","previewHash":"e53e09ffeb72e96e34de11241dd4c8ed","authorNickname":"Packmycode","lowLevelTopic":"Consulting Templates; Psychologist Templates; Dentistry Templates; Plastic Surgery Templates; Pediatrician Templates; Hair Clinic Templates; Herbal Templates; Counseling Templates; Doctor; Chiropractor","weightedRating":null,"annualSale":2,"monthlySales":0,"quarterlySales":2,"productBoost":50,"onSale":0,"finalPrice":43,"discountPercent":0,"discountAmount":0,"semiannualSales":2,"properties":{"styles":["Clean","Minimalist","Collage","Geometric","Material Design"],"isLastAdded":"1","features":["Bootstrap","Light Template","Dropdown Menu","Google map","Sample content","Gallery","HTML 5","JQuery","HTML plus JS"],"topic":["Consulting Templates","Psychologist Templates","Dentistry Templates","Plastic Surgery Templates","Pediatrician Templates","Hair Clinic Templates","Medical Templates","Herbal Templates","Counseling Templates","Business & Services","Doctor","Chiropractor"],"isFree":"none","color":["white","grey","green"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"No","tags":["business","clinic","corporate","dental","doctor","health","healthcare","hospital","medical","patients","pharmacy","services","therapy"],"paidSupport":"Yes","webServerCompatibility":"Apache 2.4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","authorUserId":"78259856","excerpt":"<p>The DocWala HTML template has been developed to spotlight online doctor and healthcare consultation services, catering to the needs of platforms aiming to provide expert medical solutions.</p>","nameOfTheTemplate":"DocWala - Online Doctor &amp; Healthcare Consultation HTML Template","shortDescription":"<p>Introducing DocWala, our Online Doctor & Healthcare Consultation HTML Template. Elevate your online healthcare platform with the perfect digital presence. With its stunning interface, DocWala elegantly showcases your comprehensive medical services. Every aspect is presented with captivating visuals and intuitive navigation. The user-centric design of DocWala ensures seamless interactions, boosting conversions and client satisfaction. Immerse yourself in the DocWala experience by exploring the live demo. Our dedicated support team ensures a seamless journey. Step into the world of DocWala and give an enhanced look to your website. This isn't just a template; it's a gateway to having a professional presence in the healthcare industry. With DocWala, redefine the way you deliver healthcare services.</p><h2>Main Features</h2><ul><li>HTML5, CSS3 & jQuery powered</li><li>Fully 100% responsive layout (desktops, tablets, mobile devices)</li><li>Built with the latest Bootstrap 5</li><li>Well structured code</li><li>FontAwesome Fonts Icons</li><li>Themify Icons</li><li>5 Header variations</li><li>Background video</li><li>Free licensed Google font used</li><li>Fully Responsive</li><li>Different types of header footer styles</li><li>Blog Post Page</li><li>Easy to Customize</li><li>HTML5, CSS3 & jQuery powered</li><li>W3C Valid, Clean and Commented code</li><li>Cross-browser</li><li>Retina ready</li><li>Online Doctor Consultation & Hospital Listing</li><li>Doctor, Hospital & Agent Registration</li><li>Pharmacy eCommerce Solution</li><li>Minimal and Clean</li><li>CSS3 Animations</li><li>SEO-friendly code</li><li>Regular Updates</li><li>24/7 Support</li><li>Lifetime free updates</li><li>Documentation included</li><li>100% money-back guarantee if you are not satisfied</li><li><strong>and much more...</strong></li></ul><h2>File Included</h2><ol><li>HTML Files</li><li>CSS Files</li><li>JS Files</li><li>Documentation</li><li>MP4 & Webm video File</li></ol><h2>Sources and Credits</h2><ol><li><strong>Bootstrap :</strong> Build fast, responsive sites with Bootstrap http://getbootstrap.com/</li><li><strong>jQuery :</strong> fast, small, and feature-rich JavaScript library. http://jquery.com/</li><li><strong>Typed.js :</strong> https://mattboldt.com/demos/typed-js/</li><li><strong>Magnific Popup :</strong> Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device (for jQuery or Zepto.js). https://dimsemenov.com/plugins/magnific-popup/</li><li><strong>AOS :</strong> Animate On Scroll Library https://michalsnik.github.io/aos/</li><li><strong>Counter-Up :</strong>Counter-Up is a jQuery plugin that animates a number from zero (counting up towards it). It supports counting up: https://github.com/bfintal/Counter-Up</li><li><strong>vidbg.js :</strong> A minimal vanilla JavaScript video background plugin. https://github.com/blakewilson/vidbg</li><li><strong>SmartMenus :</strong> SmartMenus jQuery Website Menu Plugin - Mobile first ... https://www.smartmenus.org/blog/categories/bootstrap-4/</li><li><strong>bootstrap-datepicker :</strong> Versions are incremented according to semver. https://github.com/uxsolutions/bootstrap-datepicker</li><li><strong>Select2:</strong> The jQuery replacement for select boxes. https://select2.org/</li><li><strong>Select2 Bootstrap 5 Theme :</strong> Get started with the Select2 Bootstrap 5 theme, the look of Bootstrap 5, with the functionality of Select2. https://apalfrey.github.io/select2-bootstrap-5-theme/</li><li><strong>Theia Sticky Sidebar :</strong>https://github.com/WeCodePixels/theia-sticky-sidebar</li><li><strong>Owl Carousel 2 :</strong> Touch enabled jQuery plugin that lets you create a beautiful responsive carousel slider. https://owlcarousel2.github.io/OwlCarousel2/</li><li><strong>Ion.RangeSlider :</strong> Easy to use, flexible and responsive range slider with skin support. http://ionden.com/a/plugins/ion.rangeSlider/</li><li><strong>slick :</strong> https://kenwheeler.github.io/slick/</li><li><strong>Raty - A Star Rating Plugin :</strong> https://github.com/wbotelhos/raty</li></ol><h2>Fonts</h2><ol><li>Google Fonts</li></ol><h2>Images</h2><ol><li>Unsplash</li><li>Flaticon</li><li>unDraw</li></ol>","uniqueKeywords":"business,clinic,corporate,dental,doctor,health,healthcare,therapy,services,pharmacy,patients,medical,hospital","advImage":"https://s3u.tmimgcdn.com/u78259856/49a2c720889978e45914365880dbae70.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u78259856/b1159d30963c454afed249fca5adf938.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u78259856/d26119c1a95c52ad6f9836ceeba0a5e6.jpg, https://s3u.tmimgcdn.com/u78259856/eb364d4e51a3570b8fcbeb3f3808372c.jpg, https://s3u.tmimgcdn.com/u78259856/69383ce9c259cb69b9ff00f5830fea5e.jpg, https://s3u.tmimgcdn.com/u78259856/0646c83ad8023356ae5ee838395b96e5.jpg","livePreviewURL":"https://theme.easital.com/html/docwala/v1.0/","metaDescription":"Introducing DocWala, our Online Doctor & Healthcare Consultation HTML Template. Elevate your online healthcare platform with the perfect digital presence. With","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Before buying it, get the feel and look of the professional DocWala - Online Doctor &amp; Healthcare Consultation HTML Template Website Template (#353627) by visiting the live preview. View the pages, examine the images, click the buttons, explore the features.","customUrl":"/website-templates/docwala-online-doctor-amp-healthcare-consultation-html-template-353627.html","productSize":"113677013","trendiness":"7","changeLogDate":"2023-11-02","types":"HTML Website Templates","templateIcon":"icon-monster_dark","hELPURL":"/quick-start-guide/website-template/","followUpLetter":"website-template-offers","productFamily":"None","templateGroup":"HTML Templates","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 06 May 2024 12:16:17 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=353627&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=353627&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=353627&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 06 May 2024 12:21:17 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 165.227.251.218:80"
}
https://theme.easital.com/html/docwala/v1.0/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#353627 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/353627.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                Website Templates #353627            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=353627&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $41                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/website-templates-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>