string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=125682&expand=properties"
string(15571) "[{"templateId":125682,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":579,"categoryName":"Wholesale Store","templateTitle":"Wholesale Store Responsive Website Template","templatePreviewHtmlTitle":"Tasleem - HTML Responsive Multi-Purpose Website Template","templateDemoHtmlTitle":"Demo for Tasleem - HTML Responsive Multi-Purpose Website Template #125682","typeShortName":"Website","templatePreviewFBTitle":"<p>Tasleem - HTML Responsive Multi-Purpose</p><p><strong>Tasleem - HTML Responsive Multi-Purpose is a comprehensive web template for all types of construction companies. </strong></p><p>Tasleem - HTML Responsive Multi-Purpose is a comprehensive HTML template. It is an original business template ideal for construction, building or any other company related to this business. It has been build with the latest web technologies and standards. The layout is drag responsive and looks attractive at all screen sizes whether it is a Desktop, laptop, Tablet, or mobile. Template is bug free and has been tested on all web browsers. It has many features and can be integrated to any development platfrom/framework. It can be customized in a very easy way. Image is not included.</p><h3>Features Overview</h3><ul><li><strong>Owl carousel</strong></li><li>Used Owl carousel for testimonials and logo slides, you can use it anywhere else.</li><li><strong>Responsive Layout Design: </strong></li><li>The Construction Company Template is fully responsive layout for all type of devices.</li><li><strong>Valid HTML Files: </strong></li><li>The Construction Company template is coded with beautiful and clean codes! HTML files 100% valid W3 web standards.</li><li><strong>Bootstrap Framework: </strong></li><li>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</li><li><strong>Awesome Blog Pages : </strong></li><li>Blogging very important! We designed beautiful blog page templates and single blog styles for your news and updates.</li><li><strong>Banner Slider, Animation :</strong></li><li>Slider is one of the Big part for any modern website, Revolution is completely awesome for creating eye catching sliders</li><li><strong>Free Support &amp; Updates :</strong></li><li>You will get lifetime update and free support, just ask us then we will help</li><li><strong>Cross Browsers Compability IE9+ :</strong></li><li>Multi Browsers Compability make you create website for allmost any client’s browser</li><li><strong>Professional code :</strong></li><li>The code is clean and semantic and modern technologies as HTML5/CSS3 were used.</li><li><strong>Detailed documentation :</strong></li><li>Included Extensive documentation plus great guides on how to setup and customize, Our documentation will make your customizations super easy and fast!</li><li><strong>eCommerce Supported Features :</strong></li><li>Tasleem - HTML Responsive Multi-Purpose Template is Fully eCommerce Supported Template. Its already included Two Shop Pages and One Single Product Page.</li><li><strong>Mordern and Flat Design :</strong></li><li>Tasleem - HTML Responsive Multi-Purpose Template is Very Modern and world Standard HTML5 Template.</li><li><strong>Sticky Header :</strong></li><li>Sticky Header with Main menu. Improve your website usability using Sticky Header feature. Main menu and logo will always be at the top of the screen, automatically following when user will scroll down. Easily turn the sticky header on or off in template options panel.</li><li><strong>Font Awesome Icons :</strong></li><li>Tasleem - HTML Responsive Multi-Purpose is used Font Awesome Icons for all website Template.</li></ul><h3>Features</h3><ul><li>10 Home Page styles</li><li>5 Home layout</li><li>85 HTML Files</li><li>Home with video background</li><li>Home with Type Writer</li><li>Home with Particle</li><li>Home with Bubbles</li><li>Classic Home</li><li>Home with Transparent Nav</li><li>Built on Bootstrap 4</li><li>Flexible columns and template widths</li><li>Compatible with all modern browsers</li><li>Revosution Slider</li><li>Mobile friendly mobile menu</li><li>404 Error page included</li><li>Parallax effects on any element</li><li>100% Retina Ready. All the elements look crisp and sharp on a retina display screen</li><li>Owl carousel</li><li>SEO friendly</li><li>Clean and responsive pricing tables</li><li>Bootstrap compatibility file included</li><li>Valid HTML5 and W3C valid code</li><li>Clean &amp; Simple Design</li><li>Fully Responsive Design</li><li>Easy to Editable</li><li>Light and fast loading</li><li>Google fonts</li><li>Well Documented</li><li>and so much more</li></ul><h3>CSS and JavaScripts Libraries</h3><ul><li>Bootstrap v3</li><li>FontAwesome Icon</li><li>Owl Carousel</li><li>Jquery</li><li>Animate</li><li>isotope.pkgd</li><li>Etc</li></ul><p><br /></p><h3>Note</h3><p>Images used in demo, even they are sample, are not included in downloadable file. All images are replaced with placeholder , This is purely an HTML/CSS template and not a WordPress or any other CMS theme.</p>","templateFullTitle":"Tasleem - HTML Responsive Multi-Purpose Website Template","templatePreviewMetaDescription":"Tasleem - HTML Responsive Multi-PurposeTasleem - HTML Responsive Multi-Purpose is a comprehensive web template for all types of construction companies. Tasleem","templateDemoMetaDescription":"The demo preview for this top quality Tasleem - HTML Responsive Multi-Purpose Website Template (#125682) is generated for you to get familiar with the design before you buy it. View the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Tasleem - HTML Responsive Multi-Purpose Website Template","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/tasleem-html-responsive-multi-purpose-website-template-125682.html","userRating":0,"designIndex":"86","authorUserId":"2208382","exclusive":"1","state":1,"price":34,"inserted_date":"2020-11-20","sent":0,"downloads":1,"search_words":"bootstrap,bootstrap single page,clean,corporet,creative,modern,new,personal,personal website,portfolio,template,agency,blog,business,corporate,cryptocurrency,gaming,one page,page builder,photography","is_adult":0,"exc_price":2100,"sent_date":"2020-11-20 12:46:04","last_upload":"2020-11-20 15:15:48","package_id":295,"hasExclusivePrice":1,"screenshots":[{"scr_type_id":334,"filename":"125682-original.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125682,"width":1600,"window_params":"","banner_url":"","id":2055759,"href":"","height":1000},{"scr_type_id":311,"filename":"125682-big.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125682,"width":1600,"window_params":"","banner_url":"","id":2055760,"href":"","height":1000},{"scr_type_id":312,"filename":"125682-med.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125682,"width":370,"window_params":"","banner_url":"","id":2055761,"href":"","height":370},{"scr_type_id":9,"filename":"125682-m.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125682,"width":145,"window_params":"","banner_url":"","id":2055762,"href":"","height":156},{"scr_type_id":57,"filename":"125682-b.jpg","banner_open_url":"","banner_open_window_params":"","wide":0,"templ_id":125682,"width":430,"window_params":"","banner_url":"","id":2055763,"href":"","height":269}],"demoUrl":"/demo/125682.html","image":"https://s.tmimgcdn.com/scr/125600/tasleem-html-responsive-multi-purpose-website-template_125682-original.jpg","searchHash":"487eceaf39b4394d3f75f67d6d91c0a8","previewHash":"78440d091d93bb72304620e472ede95e","authorNickname":"Spartannnnn","lowLevelTopic":"Wholesale Store","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":35,"onSale":0,"finalPrice":34,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"productFamily":"None","color":["black","white","grey","brown"],"followUpLetter":"website-template-offers","productSize":"12822939","uniqueKeywords":"bootstrap,bootstrap single page,clean,corporet,creative,modern,new,personal,personal website,portfolio,template,agency,blog,business,corporate,cryptocurrency,gaming,one page,page builder,photography","templateSupportOptions":"[{\"id\":325647,\"template_id\":347649,\"type\":1,\"measure\":\"hour\",\"value\":6,\"phone\":\"\"}]","showVariantForcibly":"b","affiliateSells":"1","metaDescription":"Tasleem - HTML Responsive Multi-PurposeTasleem - HTML Responsive Multi-Purpose is a comprehensive web template for all types of construction companies. Tasleem","bootstrapVersion":"4.0.x","excludeExclusive":"Yes","imageKeyFeatures":"https://s3u.tmimgcdn.com/2208382-1603137661646_Presentational-Images.jpg","features":["Responsive","Search Engine Friendly","Bootstrap","Team Members","Single Product","Dropdown Menu","Tabs","MegaMenu","Blog","Gallery","Portfolio","HTML 5","JQuery","Static","Parallax","Background video"],"saleSells":"1","livePreviewURL":"https://jogari.com/asif/tasleem/","authorUserId":"2208382","isFree":"none","authorMainScreenshot":"https://s3u.tmimgcdn.com/2208382-1603137651444_Main-Image.jpg","htmlTitle":"HTML Responsive Multi-Purpose","templateGroup":"HTML Templates","hELPURL":"/quick-start-guide/website-template/","alreadyPacked":"1","exclusive":"1","imagesIncluded":"No","templateSoftwareRequired":["Code-editor","Sublime Text2 or later, Notepad++","Sublime Text2 or later, Notepad++ or any php-editor","Notepad++ or any php-editor"],"templateIcon":"icon-monster_dark","lastmod":"2021-10-05T14:31:21-04:00","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/2208382-1603137657086_Slider-Images.png","types":"HTML Website Templates","trendiness":"1","demoMetaDescription":"The demo preview for this top quality Tasleem - HTML Responsive Multi-Purpose Website Template (#125682) is generated for you to get familiar with the design before you buy it. View the pages, check out the images, press the buttons, explore the functionality.","shortDescription":"<p>Tasleem - HTML Responsive Multi-Purpose</p><p><strong>Tasleem - HTML Responsive Multi-Purpose is a comprehensive web template for all types of construction companies. </strong></p><p>Tasleem - HTML Responsive Multi-Purpose is a comprehensive HTML template. It is an original business template ideal for construction, building or any other company related to this business. It has been build with the latest web technologies and standards. The layout is drag responsive and looks attractive at all screen sizes whether it is a Desktop, laptop, Tablet, or mobile. Template is bug free and has been tested on all web browsers. It has many features and can be integrated to any development platfrom/framework. It can be customized in a very easy way. Image is not included.</p><h3>Features Overview</h3><ul><li><strong>Owl carousel</strong></li><li>Used Owl carousel for testimonials and logo slides, you can use it anywhere else.</li><li><strong>Responsive Layout Design: </strong></li><li>The Construction Company Template is fully responsive layout for all type of devices.</li><li><strong>Valid HTML Files: </strong></li><li>The Construction Company template is coded with beautiful and clean codes! HTML files 100% valid W3 web standards.</li><li><strong>Bootstrap Framework: </strong></li><li>Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</li><li><strong>Awesome Blog Pages : </strong></li><li>Blogging very important! We designed beautiful blog page templates and single blog styles for your news and updates.</li><li><strong>Banner Slider, Animation :</strong></li><li>Slider is one of the Big part for any modern website, Revolution is completely awesome for creating eye catching sliders</li><li><strong>Free Support &amp; Updates :</strong></li><li>You will get lifetime update and free support, just ask us then we will help</li><li><strong>Cross Browsers Compability IE9+ :</strong></li><li>Multi Browsers Compability make you create website for allmost any client’s browser</li><li><strong>Professional code :</strong></li><li>The code is clean and semantic and modern technologies as HTML5/CSS3 were used.</li><li><strong>Detailed documentation :</strong></li><li>Included Extensive documentation plus great guides on how to setup and customize, Our documentation will make your customizations super easy and fast!</li><li><strong>eCommerce Supported Features :</strong></li><li>Tasleem - HTML Responsive Multi-Purpose Template is Fully eCommerce Supported Template. Its already included Two Shop Pages and One Single Product Page.</li><li><strong>Mordern and Flat Design :</strong></li><li>Tasleem - HTML Responsive Multi-Purpose Template is Very Modern and world Standard HTML5 Template.</li><li><strong>Sticky Header :</strong></li><li>Sticky Header with Main menu. Improve your website usability using Sticky Header feature. Main menu and logo will always be at the top of the screen, automatically following when user will scroll down. Easily turn the sticky header on or off in template options panel.</li><li><strong>Font Awesome Icons :</strong></li><li>Tasleem - HTML Responsive Multi-Purpose is used Font Awesome Icons for all website Template.</li></ul><h3>Features</h3><ul><li>10 Home Page styles</li><li>5 Home layout</li><li>85 HTML Files</li><li>Home with video background</li><li>Home with Type Writer</li><li>Home with Particle</li><li>Home with Bubbles</li><li>Classic Home</li><li>Home with Transparent Nav</li><li>Built on Bootstrap 4</li><li>Flexible columns and template widths</li><li>Compatible with all modern browsers</li><li>Revosution Slider</li><li>Mobile friendly mobile menu</li><li>404 Error page included</li><li>Parallax effects on any element</li><li>100% Retina Ready. All the elements look crisp and sharp on a retina display screen</li><li>Owl carousel</li><li>SEO friendly</li><li>Clean and responsive pricing tables</li><li>Bootstrap compatibility file included</li><li>Valid HTML5 and W3C valid code</li><li>Clean &amp; Simple Design</li><li>Fully Responsive Design</li><li>Easy to Editable</li><li>Light and fast loading</li><li>Google fonts</li><li>Well Documented</li><li>and so much more</li></ul><h3>CSS and JavaScripts Libraries</h3><ul><li>Bootstrap v3</li><li>FontAwesome Icon</li><li>Owl Carousel</li><li>Jquery</li><li>Animate</li><li>isotope.pkgd</li><li>Etc</li></ul><p><br /></p><h3>Note</h3><p>Images used in demo, even they are sample, are not included in downloadable file. All images are replaced with placeholder , This is purely an HTML/CSS template and not a WordPress or any other CMS theme.</p>","tags":["agency","bootstrap","business","clean","corporate","creative","gaming","modern","new","personal","photography","portfolio","template","blog","cryptocurrency","page builder","one page","personal website","bootstrap single page","corporet"],"bitLyUrl":"https://bit.ly/3365vEJ","customUrl":"/website-templates/tasleem-html-responsive-multi-purpose-website-template-125682.html","nameOfTheTemplate":"Tasleem - HTML Responsive Multi-Purpose Website Template","paidSupport":"Yes","topic":["Business & Services","Wholesale Store"],"styles":["Clean","Corporate","Dark","Mobile"],"marketplaceMembership":"None","advImage":"https://s3u.tmimgcdn.com/2208382-1603137667566_Promotional-Image.jpg","category":"Website templates","dqi":"86"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Sat, 18 May 2024 21:27:40 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=125682&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=125682&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=125682&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 18 May 2024 21:32:40 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://jogari.com/asif/tasleem/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#125682 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/125682.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 #125682            </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=125682&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $31                <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>