string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=171344&expand=properties"
string(13307) "[{"templateId":171344,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":201,"categoryName":"Movie Templates","templateTitle":"Movie Responsive Website Template","templatePreviewHtmlTitle":"Movie Template - Bootstrap | Laravel Framework Website Template","templateDemoHtmlTitle":"Live preview for Movie Template - Bootstrap | Laravel Framework Website Template #171344","typeShortName":"Website","templatePreviewFBTitle":"<p>3WART Movie Site Template - is a website based on the world's most widespread php Framework Laravel. The template has the characteristics of a CMS, in addition to the frontend, the backend is included, which means that the template can be completely controlled. You can add, edit and delete site content.</p><p>This template is suitable for media projects, let's say for movie databases, where you can post films by genre, group them into different categories, add actors and directors, add release year, IMDB rating, producer country and original language of the film.</p><p>Also this template can be applied to many other media projects.</p><p>The template has multilingual support: English, German, Spanish, Italian, French. For all languages you can add already translated content. The template also supports many additional functions, including the ability to search the site.</p><p>Site is built on Laravel 8 and Bootstrap v4.5.2</p><p>Frontend:</p><ul><li>Fully Responsive;</li><li>Bootstrap 4.5;</li><li>Minimal and Clean;</li><li>Cross Browser;</li><li>FontAwesome Fonts Icons;</li><li>HTML5 Video Player;</li><li>HTML5 Video Player Playlist;</li><li>HTML5 Video Player Popup;</li><li>CSS3 Animations;</li><li>Fixed Navigation;</li><li>Dark Theme;</li><li>Fullscreen Image Slider;</li><li>Similar Movies Slider;</li><li>Popular Movies Slider;</li><li>Recently Added Movies Slider;</li><li>Parallax Image Backgrounds;</li><li>Parallax Scrolling;</li><li>Page Pagination;</li><li>Animate On Scroll Library;</li><li>Cookie Alert;</li><li>Multi Language;</li><li>Page Preloader;</li><li>Content Filtering;</li><li>Content Sorting;</li><li>Google Map;</li><li>Two Promo Block Sections;</li><li>Three Advertisement Sections For Movies;</li><li>Search Function;</li></ul><p>Backend:</p><ul><li>Dashboard - Admin Panel;</li><li>Fully Responsive;</li><li>Bootstrap 4.5;</li><li>Minimal and Clean;</li><li>Cross Browser;</li><li>The Ability To Create, Delete And Edit System Users;</li><li>The Ability To Enable / Disable Home Page Sections:</li></ul><ol><li>• Slides Section</li><li>• Popular Movies Section</li><li>• Advertisement One Section</li><li>• Recently Added Section</li><li>• Promo Block Section</li><li>• Advertisement Two Section</li><li>• Slogan Block Section</li><li>• Advertisement Three Section</li></ol><ul><li>The Ability To Enable / Disable Languages;</li><li>The Ability To Create, Delete And Edit Slides;</li><li>The Ability To Create, Delete And Edit Movies;</li><li>The Ability To Specify The Location On The Google Map And Editing The Contact Page;</li><li>The Ability To Change The Entire Content Of The Site;</li><li>The Ability To Translate Site Content In 5 Languages: Englisch, German, Spanish, Italian, French;</li><li>Editing The Page About Us;</li><li>Editing The Advertising And Promo Sections;</li><li>Change Logo Background And Text Color;</li><li>Create, edit and delete the following entries in the DataBase:</li></ul><ol><li>• Category</li><li>• Genre</li><li>• Language</li><li>• Year</li><li>• Country</li><li>• Director</li><li>• IMDB</li><li>• Actor</li></ol>","templateFullTitle":"Movie Template - Bootstrap | Laravel Framework Website Template","templatePreviewMetaDescription":"3WART Movie Site Template - is a website based on the world's most widespread php Framework Laravel. The template has the characteristics of a CMS, in addition","templateDemoMetaDescription":"Before buying it, get familiar with the top quality Movie Template - Bootstrap | Laravel Framework Website Template Website Template (#171344) by visiting the demo preview. View the pages, check out the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Movie Template - Bootstrap | Laravel Framework Website Template","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/movie-template-bootstrap-laravel-framework-website-template-website-template-171344.html","userRating":0,"designIndex":1,"authorUserId":"4880817","exclusive":"1","state":1,"price":112,"inserted_date":"2021-02-25","sent":0,"downloads":0,"search_words":"fully responsive laravel bootstrap cms cross browser parallax multi language page preloader movie filter cookie alert image slider video player video popup","is_adult":0,"exc_price":2100,"sent_date":"2021-02-25 12:07:51","last_upload":"2024-02-24 09:07:02","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2283765,"templ_id":171344,"filename":"171344-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":2283766,"templ_id":171344,"filename":"171344-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":2283767,"templ_id":171344,"filename":"171344-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":2283768,"templ_id":171344,"filename":"171344-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":2283769,"templ_id":171344,"filename":"171344-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/171344.html","image":"https://s.tmimgcdn.com/scr/171300/movie-template-bootstrap--laravel-framework-website-template_171344-original.jpg","searchHash":"a9728b22f92317112c588c986cd3cbca","previewHash":"374eb8ba97e044d75e306e59a913e3d4","authorNickname":"3WARTGE","lowLevelTopic":"Movie Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":1,"finalPrice":78,"discountPercent":30,"discountAmount":34,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Bootstrap","Mobile Layout Included","Google map","Portfolio","HTML 5","JQuery","Parallax"],"styles":["Clean","Minimalist","Dark","Mobile"],"topic":["Movie Templates","Entertainment Templates","Art & Culture","Entertainment, Games & Nightlife"],"isFree":"none","color":["black","brown"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","marketplaceMembership":"One","imagesIncluded":"Yes","tags":["bootstrap","cms","filter","movie","parallax","video player","laravel","cross browser","video popup","multi language","image slider","fully responsive","cookie alert","page preloader"],"bootstrapVersion":"4.5.x","authorUserId":"4880817","paidSupport":"Yes","nameOfTheTemplate":"Movie Template - Bootstrap | Laravel Framework Website Template","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u4880817/4gROjvE2xW2BFd9RmwY6.png, https://s3u.tmimgcdn.com/u4880817/Ri9H7Ovdi1zb8DGHTaLu.png, https://s3u.tmimgcdn.com/u4880817/0PgTUpG1sOfABropQBkl.png, https://s3u.tmimgcdn.com/u4880817/IJfPapM0EHKjRdI-dKk8.png, https://s3u.tmimgcdn.com/u4880817/OoyFbD6-PBIcQ_wH_LpP.png, https://s3u.tmimgcdn.com/u4880817/6wYYv6u0HI5ziENgJ1aJ.png, https://s3u.tmimgcdn.com/u4880817/EpFAGdIXD-yz6AbtIPZH.png, https://s3u.tmimgcdn.com/u4880817/OQYc3gQSK2lVmbwByP_T.png, https://s3u.tmimgcdn.com/u4880817/T0Zi5P09zmIEt3dLpo9f.png, https://s3u.tmimgcdn.com/u4880817/jX6CAQPNIg8T6p_pzOLS.png, https://s3u.tmimgcdn.com/u4880817/HYJoNpQBY1vvx1sMT9Gt.png, https://s3u.tmimgcdn.com/u4880817/nC83I1TeUubpoNPXF7Hm.png, https://s3u.tmimgcdn.com/u4880817/0d3zePc399QVGGmZp1B-.png, https://s3u.tmimgcdn.com/u4880817/IsLn-4Gyydjxt2XKm2uX.png","shortDescription":"<p>3WART Movie Site Template - is a website based on the world's most widespread php Framework Laravel. The template has the characteristics of a CMS, in addition to the frontend, the backend is included, which means that the template can be completely controlled. You can add, edit and delete site content.</p><p>This template is suitable for media projects, let's say for movie databases, where you can post films by genre, group them into different categories, add actors and directors, add release year, IMDB rating, producer country and original language of the film.</p><p>Also this template can be applied to many other media projects.</p><p>The template has multilingual support: English, German, Spanish, Italian, French. For all languages you can add already translated content. The template also supports many additional functions, including the ability to search the site.</p><p>Site is built on Laravel 8 and Bootstrap v4.5.2</p><p>Frontend:</p><ul><li>Fully Responsive;</li><li>Bootstrap 4.5;</li><li>Minimal and Clean;</li><li>Cross Browser;</li><li>FontAwesome Fonts Icons;</li><li>HTML5 Video Player;</li><li>HTML5 Video Player Playlist;</li><li>HTML5 Video Player Popup;</li><li>CSS3 Animations;</li><li>Fixed Navigation;</li><li>Dark Theme;</li><li>Fullscreen Image Slider;</li><li>Similar Movies Slider;</li><li>Popular Movies Slider;</li><li>Recently Added Movies Slider;</li><li>Parallax Image Backgrounds;</li><li>Parallax Scrolling;</li><li>Page Pagination;</li><li>Animate On Scroll Library;</li><li>Cookie Alert;</li><li>Multi Language;</li><li>Page Preloader;</li><li>Content Filtering;</li><li>Content Sorting;</li><li>Google Map;</li><li>Two Promo Block Sections;</li><li>Three Advertisement Sections For Movies;</li><li>Search Function;</li></ul><p>Backend:</p><ul><li>Dashboard - Admin Panel;</li><li>Fully Responsive;</li><li>Bootstrap 4.5;</li><li>Minimal and Clean;</li><li>Cross Browser;</li><li>The Ability To Create, Delete And Edit System Users;</li><li>The Ability To Enable / Disable Home Page Sections:</li></ul><ol><li>• Slides Section</li><li>• Popular Movies Section</li><li>• Advertisement One Section</li><li>• Recently Added Section</li><li>• Promo Block Section</li><li>• Advertisement Two Section</li><li>• Slogan Block Section</li><li>• Advertisement Three Section</li></ol><ul><li>The Ability To Enable / Disable Languages;</li><li>The Ability To Create, Delete And Edit Slides;</li><li>The Ability To Create, Delete And Edit Movies;</li><li>The Ability To Specify The Location On The Google Map And Editing The Contact Page;</li><li>The Ability To Change The Entire Content Of The Site;</li><li>The Ability To Translate Site Content In 5 Languages: Englisch, German, Spanish, Italian, French;</li><li>Editing The Page About Us;</li><li>Editing The Advertising And Promo Sections;</li><li>Change Logo Background And Text Color;</li><li>Create, edit and delete the following entries in the DataBase:</li></ul><ol><li>• Category</li><li>• Genre</li><li>• Language</li><li>• Year</li><li>• Country</li><li>• Director</li><li>• IMDB</li><li>• Actor</li></ol>","uniqueKeywords":"fully responsive,laravel,bootstrap,cms,cross browser,parallax,multi language,page preloader,movie,filter,cookie alert,image slider,video player,video popup","advImage":"https://s3u.tmimgcdn.com/u4880817/KWwgfVuATYRz7KZCV-7k.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u4880817/zKxeJV5kKLloRaV2kDqM.jpg","imageKeyFeatures":"https://s3u.tmimgcdn.com/u4880817/Ag4KZpS3FNc3mjuCMTIi.jpg","livePreviewURL":"https://movie.3wart.ge/","metaDescription":"3WART Movie Site Template - is a website based on the world's most widespread php Framework Laravel. The template has the characteristics of a CMS, in addition","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3sptDMM","customUrl":"/website-templates/movie-template-bootstrap-laravel-framework-website-template-website-template-171344.html","demoMetaDescription":"Before buying it, get familiar with the top quality Movie Template - Bootstrap | Laravel Framework Website Template Website Template (#171344) by visiting the demo preview. View the pages, check out the images, click the buttons, explore the features.","productSize":"505457705","lastmod":"2022-03-21T04:36:09-04:00","trendiness":"1","webServerCompatibility":"Apache 2.4","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"Laravel v8.x","excerpt":"<p>The template has the characteristics of a CMS, which means that the template can be completely controlled. You can add, edit and delete site content.</p>","changeLog":"July 26, 2023\n-A new image has been added\nAug 23, 2023\n-A new image has been added\nFeb 24, 2024\n-A new image has been added","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: Wed, 27 Nov 2024 05:06:48 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=171344&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=171344&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=171344&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Wed, 27 Nov 2024 05:11:48 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://movie.3wart.ge/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#171344 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/171344.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 #171344            </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=171344&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $103                <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>