string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=368120&expand=properties"
string(11762) "[{"templateId":368120,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":164,"categoryName":"Car Dealer Templates","templateTitle":"Car Dealer Responsive Website Template","templatePreviewHtmlTitle":"GetCar - Car Showroom , Car Dealer &amp; Car Repairing Services  Responsive Website Template","templateDemoHtmlTitle":"Live preview for GetCar - Car Showroom , Car Dealer &amp; Car Repairing Services  Responsive Website Template #368120","typeShortName":"Website","templatePreviewFBTitle":"<p>Built with the latest Bootstrap 5 framework, this responsive website template is the one-stop shop for all your automotive needs. Whether you're looking to buy, sell or service vehicles, this template has you covered. The sleek yet bold design showcases your inventory in style and helps customers easily find their dream car or schedule their next oil change. Optimized for all devices from smartphones to desktops, your car dealership or repair shop will make a great first impression on customers no matter how they discover you. Packed with 16 pages including blog, contact and service pages, setting up your site is a breeze. And with dedicated spaces for eye-catching photos, promotions and calls-to-action, this template helps you boost sales and keep customers coming back. If you're ready to shift your automotive website into high gear, this Bootstrap 5 template has the power and performance to get you there.</p><h2><strong>Template Features:</strong></h2><ul><li>Bootstrap Latest Version</li><li>100% CSS and HTML W3C Validated</li><li>Pixel Perfect</li><li>Perfect Mobile Navigation</li><li>Clean &amp; Unique Design</li><li>Stylish Icon</li><li>Unique Slider</li><li>3 Type Home Page</li><li>customize easily</li><li>3D Car View page</li><li>products review page</li><li>Easy to Customizable</li><li>Responsive Layout</li><li>Well Commented every line code</li><li>Cross-browser Compatibility</li></ul><h2><strong>Credits:</strong></h2><ul><li>Bootstrap 5</li><li>hamburgers</li><li>font-awesome</li><li>jQuery</li><li>animate</li><li>GSAP 3.1.1</li><li>jQuery Responsive Flipper</li><li>Magnific-popup</li><li>lightbox2</li><li>select2</li><li>slick</li><li>perfectscrollbar</li><li>isotope</li><li>sweetalert</li></ul><p><strong>Support: </strong></p><p><strong> If you need any help using the file or need special customizing please feel free to contact me via my profile. If you have a moment, please rate this item, I'll appreciate it very much Thank you.</strong></p>","templateFullTitle":"GetCar - Car Showroom , Car Dealer &amp; Car Repairing Services  Responsive Website Template","templatePreviewMetaDescription":"Built with the latest Bootstrap 5 framework, this responsive website template is the one-stop shop for all your automotive needs. Whether you're looking to","templateDemoMetaDescription":"Prior to buying it, get informed about the top notch GetCar - Car Showroom , Car Dealer &amp; Car Repairing Services  Responsive Website Template Website Template (#368120) by viewing the demo preview. View the pages, examine the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"GetCar - Car Showroom , Car Dealer &amp; Car Repairing Services  Responsive Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/getcar-car-showroom-car-dealer-amp-car-repairing-services-responsive-website-template-368120.html","userRating":0,"designIndex":1,"authorUserId":"54754406","exclusive":"1","state":1,"price":38,"inserted_date":"2023-10-25","sent":0,"downloads":0,"search_words":"auto automobile business car cars cleaning clients company dealer vehicle transport services service repair maintenance home handyman","is_adult":0,"exc_price":2100,"sent_date":"2023-10-25 12:49:43","last_upload":"2023-10-25 12:49:53","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":3267334,"templ_id":368120,"filename":"368120-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":3267335,"templ_id":368120,"filename":"368120-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":3267336,"templ_id":368120,"filename":"368120-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":3267337,"templ_id":368120,"filename":"368120-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":3267338,"templ_id":368120,"filename":"368120-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/368120.html","image":"https://s.tmimgcdn.com/scr/368100/getcar-car-showroom--car-dealer-amp-car-repairing-services-responsive-website-template_368120-original.jpg","searchHash":"35ffb09b1368b9b8de03fa3d2f92c99e","previewHash":"cb995ca5decb98f6524d984e1081a50f","authorNickname":"SoulKnight404","lowLevelTopic":"Car Dealer Templates; Car Repair Templates; Home Repairs Templates","weightedRating":null,"annualSale":null,"monthlySales":null,"quarterlySales":null,"productBoost":125,"onSale":0,"finalPrice":36,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Pro","Bootstrap","Mobile Layout Included","Canvas Animation","Multipurpose","Light Template","Single Product","Dropdown Menu","Google map","Sample content","Blog","Online Store/Shop","Gallery","Portfolio","Forum","HTML 5","JQuery","HTML plus JS","Background video","Lazy Load effect"],"styles":["3D effect","Clean","Corporate","Urban/Street","Artworks","Web2.0","Mobile"],"isLastAdded":"1","popularity":"Zero Downloads","topic":["Car Dealer Templates","Car Repair Templates","Home Repairs Templates","Car Templates","Maintenance Services Templates","Business & Services","Cars & Motorcycles"],"isFree":"none","color":["black","white","grey","brown"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["auto","automobile","business","car","cars","cleaning","clients","company","dealer","handyman","home","maintenance","repair","service","services","transport","vehicle"],"paidSupport":"Yes","authorUserId":"54754406","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":["Adobe Photoshop","Google Web Designer"],"generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"bootstrapVersion":"5.2.x","frameworks":"None","excerpt":"<p>Built with the latest Bootstrap 5 framework, this responsive website template is the one-stop shop for all your automotive needs.</p>","nameOfTheTemplate":"GetCar - Car Showroom , Car Dealer &amp; Car Repairing Services  Responsive Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u54754406/76e02425f364235c1988f535d8e7d725.jpg, https://s3u.tmimgcdn.com/u54754406/0f9914751782471b72876c327b98f08d.jpg, https://s3u.tmimgcdn.com/u54754406/dbadf60395b97366ce69678d6f5a95eb.jpg, https://s3u.tmimgcdn.com/u54754406/5ad5980fcff490f69567a5d3597309db.jpg, https://s3u.tmimgcdn.com/u54754406/73f939b0319bb13b9473775ffc232ff2.jpg, https://s3u.tmimgcdn.com/u54754406/3770d16a2c24e2489c66e411c034bb58.jpg, https://s3u.tmimgcdn.com/u54754406/4ea49f3aa922d4fd01adb08f9cd2050c.jpg, https://s3u.tmimgcdn.com/u54754406/5a720de417934015db9dfbabde80bf16.jpg, https://s3u.tmimgcdn.com/u54754406/b258c86d59a71c6438f4be11c2c0586a.jpg, https://s3u.tmimgcdn.com/u54754406/72e382f2ba2ff3342c1093c85739abad.jpg, https://s3u.tmimgcdn.com/u54754406/f77474213a68a817378cb0a3ed396773.jpg, https://s3u.tmimgcdn.com/u54754406/066b74fc67867bd1d54154bb3a54ffa1.jpg, https://s3u.tmimgcdn.com/u54754406/ec5a00342756373ce9704598f85858b1.jpg, https://s3u.tmimgcdn.com/u54754406/a57637d3946e4beccd161540545ac439.jpg, https://s3u.tmimgcdn.com/u54754406/4337ef9a0b135353f1e3130eb9b6f31a.jpg","shortDescription":"<p>Built with the latest Bootstrap 5 framework, this responsive website template is the one-stop shop for all your automotive needs. Whether you're looking to buy, sell or service vehicles, this template has you covered. The sleek yet bold design showcases your inventory in style and helps customers easily find their dream car or schedule their next oil change. Optimized for all devices from smartphones to desktops, your car dealership or repair shop will make a great first impression on customers no matter how they discover you. Packed with 16 pages including blog, contact and service pages, setting up your site is a breeze. And with dedicated spaces for eye-catching photos, promotions and calls-to-action, this template helps you boost sales and keep customers coming back. If you're ready to shift your automotive website into high gear, this Bootstrap 5 template has the power and performance to get you there.</p><h2><strong>Template Features:</strong></h2><ul><li>Bootstrap Latest Version</li><li>100% CSS and HTML W3C Validated</li><li>Pixel Perfect</li><li>Perfect Mobile Navigation</li><li>Clean &amp; Unique Design</li><li>Stylish Icon</li><li>Unique Slider</li><li>3 Type Home Page</li><li>customize easily</li><li>3D Car View page</li><li>products review page</li><li>Easy to Customizable</li><li>Responsive Layout</li><li>Well Commented every line code</li><li>Cross-browser Compatibility</li></ul><h2><strong>Credits:</strong></h2><ul><li>Bootstrap 5</li><li>hamburgers</li><li>font-awesome</li><li>jQuery</li><li>animate</li><li>GSAP 3.1.1</li><li>jQuery Responsive Flipper</li><li>Magnific-popup</li><li>lightbox2</li><li>select2</li><li>slick</li><li>perfectscrollbar</li><li>isotope</li><li>sweetalert</li></ul><p><strong>Support: </strong></p><p><strong> If you need any help using the file or need special customizing please feel free to contact me via my profile. If you have a moment, please rate this item, I'll appreciate it very much Thank you.</strong></p>","uniqueKeywords":"auto,automobile,business,car,cars,cleaning,clients,company,dealer,vehicle,transport,services,service,repair,maintenance,home,handyman","advImage":"https://s3u.tmimgcdn.com/u54754406/900ad3a50992faf717a3b3eea9d0f277.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u54754406/b86a79457a72eb1aeeb9c02b01675c4d.jpg","livePreviewURL":"https://getcat.soulknightweb.com/","metaDescription":"Built with the latest Bootstrap 5 framework, this responsive website template is the one-stop shop for all your automotive needs. Whether you're looking to","saleSells":"1","templateSupportOptions":"[]","demoMetaDescription":"Prior to buying it, get informed about the top notch GetCar - Car Showroom , Car Dealer &amp; Car Repairing Services  Responsive Website Template Website Template (#368120) by viewing the demo preview. View the pages, examine the images, press the buttons, explore the functionality.","customUrl":"/website-templates/getcar-car-showroom-car-dealer-amp-car-repairing-services-responsive-website-template-368120.html","productSize":"60109745","trendiness":"1","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: Sat, 27 Apr 2024 13:29:59 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=368120&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=368120&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=368120&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sat, 27 Apr 2024 13:34:59 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: 159.203.151.221:80"
}
https://getcat.soulknightweb.com/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#368120 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/368120.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 #368120            </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=368120&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $35                <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>