string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=110431&expand=properties"
string(17908) "[{"templateId":110431,"typeId":1,"typeName":"Website template","typeUrl":"website-templates","categoryId":307,"categoryName":"Online Betting Templates","templateTitle":"Online Betting Website Template","templatePreviewHtmlTitle":"(for Desktop Only)Trendy Gambling and Betting Website Template(for Desktop Only)","templateDemoHtmlTitle":"Demo Preview for (for Desktop Only)Trendy Gambling and Betting Website Template(for Desktop Only) #110431","typeShortName":"Website","templatePreviewFBTitle":"<p>INTRODUCTION:</p><h2><strong>FOR DESKTOP ONLY</strong></h2><h3><strong>High Quality Interactive Gambling and Betting Site</strong></h3><p>(NOT including Visual banners / <strong>FOR DESKTOP ONLY</strong>)</p><p>--------------------------------------------------------------------------------------------------------------------------------------</p><p><br></p><h3><strong>PRODUCT FEATURES</strong></h3><p><strong>Ready for developing HTML/CSS/JS</strong></p><p>● well-experienced gambling platform design</p><p>● Ready for developing HTML/CSS/JS</p><p>● User friendly UI design and Smoothly Interactive</p><p>● Go to Top Script</p><p>● Auto Sliding for Banners</p><p>● Jackpot Amount Display Board</p><p>● Sports Matches High light Board</p><p><br></p><h3><strong>Product DESCRIPTION</strong></h3><p>This is made by well-experienced gambling platform designers.</p><p>The package is including Main page / Register / Login / Member Center / Game Lobby / Promotion Page / Help Center /Betting Records and banking history pages.</p><p>You may easily replace the image or picture for your own needs, and it will carry out your own product brand image.</p><p>The most valuable feature is : It’s a very user-friendly web design and it’s ready for developing.</p><p><br></p><p><br></p><h3><strong>Package inclusion:</strong></h3><p><strong>HTML</strong></p><p>=HOME=</p><p>A. Before Login</p><p> Login popup Box</p><p> Register popup Box</p><p> Live Chat Stick</p><p> Inbox Message notice</p><p><br></p><p>B. After Login Index</p><p> Drop Down Menu</p><p> Live Chat Stick</p><p> Inbox Message notice</p><p> Go to Top Script</p><p> Auto Sliding for Banners</p><p> Jackpot Amount Display Board</p><p> Sports Matches Highlight Board</p><p> Staff Recommended Promotions Board</p><p><br></p><p>=GAMES LOBBY=</p><p> Top 3 Games Board</p><p> Editable Electric neon</p><p> Game list</p><p><br></p><p>=PROMOTION=</p><p> Promotion Type</p><p> Promotion Title</p><p> Promotion Banner</p><p> Promotion Detail</p><p> Detail contents expand</p><p><br></p><p>=MEMBER CENTER (MY ACCOUNT)=</p><p> Profile Photo</p><p> Account and Greeting</p><p> Funding Balance</p><p> Deposit short cut</p><p> Withdraw short cut</p><p> Recent Played Games (Slider)</p><p> User account information</p><p><br></p><p>=RECORDS (BETTING / TRANSACTION HISTORY)=</p><p> Search Type</p><p> Search Date</p><p> Search Result Table</p><p> Page Navigation</p><p><br></p><p>=HELP CENTER=</p><p> QNA Title</p><p> QNA Detail</p><p> Detail contents expand</p><p><br></p><p>=LIGHT BOXES=</p><p> Login</p><p> Register</p><p> Message</p><p> Deposit</p><p> Withdraw</p><p><br></p><p>=FOOTER=</p><p>● GAMCARE / Gambling License PAGCOR / NCPG</p><p>● Partner (Evolution/WM Casino/Habanero/PlayTech/BBIN)</p><p>● Payment (VISA / NETELLER / SKRILL / Bitcoin / Alipay )</p><p>--------------------------------------------------------------------------------------------------------</p><p><br></p><p>CSS</p><p>CSS is independent for main function: layout styling, slider, fancy box, date range pick, International Tell input with flag and nation code., etc., It will help you to do your own custom modification.</p><p>--------------------------------------------------------------------------------------------------------</p><p>javascript / jQuery</p><p>JS is independent for each function: scripts for index page, date range picker, script for go top, played game slider, scrolling, banner sliders, international Tell input with flag and nation code., etc.,</p><p>It will help you to do your own custom modification.</p><p>--------------------------------------------------------------------------------------------------------</p><p>images</p><p>All the images are well arranged and organized in the different section folders so you may find it easier to change your own image files.</p><p><br></p><p><br></p><h2><strong>FILES DESCRIPTION</strong></h2><p>7 html files</p><p>Index.html</p><p>Gamelobby.html</p><p>Member_center.html</p><p>Promotion_offer.html</p><p>Records.html</p><p>Help_Center.html</p><p>Logout.html</p><p>---------------------------------------------------------------------------------------------------------------------------------</p><p>8 independent CSS files</p><p>Main.css (for main style and layout)</p><p>Slick.css / Silder.css (for Slider)</p><p>gme.css (for game lobby)</p><p>daterangepicker.css(for date range pick)</p><p>intlTelinput( for international phone input with flag)</p><p>Jquery.fancybox.css (for lightbox) okayNav.css (for flexible navigation)</p><p>---------------------------------------------------------------------------------------------------------------------------------</p><p>19 independent JS files for jackpot amount counting, slider, scrolling, international phone code with flag, pop up boxes, date range picker, played game slider…etc.,</p><p>---------------------------------------------------------------------------------------------------------------------------------</p><p>How to use notify in header icon:</p><p>Add class [notify] after class [icon] and it will display a dot for notify in the right top of the icon (purple dot)</p><p>(check intro.pdf in ZIP file)</p><p>----------------------------------------------------------------------------------------------------------------------------------</p><p><br></p><p>Thank you so much for your purchase, have a nice day :)</p>","templateFullTitle":"(for Desktop Only)Trendy Gambling and Betting Website Template(for Desktop Only)","templatePreviewMetaDescription":"INTRODUCTION:FOR DESKTOP ONLYHigh Quality Interactive Gambling and Betting Site(NOT including Visual banners / FOR DESKTOP","templateDemoMetaDescription":"Before you purchase it, get yourself knowledgeable about the premium Trendy Gambling and Betting Website Template (#110431) by viewing the demo. Browse through the pages, check out the images, click the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"(for Desktop Only)Trendy Gambling and Betting Website Template(for Desktop Only)","anchorFeature":"","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/website-templates/trendy-gambling-and-betting-website-template-110431.html","userRating":0,"designIndex":"88","authorUserId":"2160928","exclusive":"1","state":1,"price":104,"inserted_date":"2020-08-04","sent":0,"downloads":12,"search_words":"gambling casino esports sportsbet slot games sportsbook betting ui design gambling product online betting responsible gambling live casino games slots poker lottery member center funding and banking ready to develop html and css","is_adult":0,"exc_price":2100,"sent_date":"2020-08-04 09:25:22","last_upload":"2020-08-04 11:48:49","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1979688,"templ_id":110431,"filename":"110431-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":1979689,"templ_id":110431,"filename":"110431-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":1979690,"templ_id":110431,"filename":"110431-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":1979691,"templ_id":110431,"filename":"110431-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":1979692,"templ_id":110431,"filename":"110431-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/110431.html","image":"https://s.tmimgcdn.com/scr/110400/for-desktop-onlytrendy-gambling-and-betting-website-templatefor-desktop-only_110431-original.jpg","searchHash":"57e66ab8ed0da0bec65a94a955ce2c4f","previewHash":"5f6e22dbec450214e0e6531d078c74af","authorNickname":"DesignMore","lowLevelTopic":"Online Betting Templates; Sport Templates; Web Design Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":0,"onSale":0,"finalPrice":104,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"webForms":["Login Form","User Registration"],"topic":["Online Betting Templates","Online Casino Templates","Sport Templates","Web Design Templates","Design","Design & Photography","Entertainment, Games & Nightlife","Sports, Outdoors & Travel"],"isFree":"none","color":["black","white","blue","cyan"],"showVariantForcibly":"b","exclusive":"1","alreadyPacked":"1","features":["Single Product","Dropdown Menu","Sample content","Tabs","Online Store/Shop","HTML 5","JQuery","HTML plus JS"],"authorUserId":"2160928","imagesIncluded":"No","tags":["betting","casino","gambling","games","lottery","poker","slots","esports","sportsbook","sportsbet","slot games","ui design","gambling product","online betting","responsible gambling","live casino","member center","funding and banking","ready to develop","html and css"],"nameOfTheTemplate":"(for Desktop Only)Trendy Gambling and Betting Website Template(for Desktop Only)","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/2160928-1596166378935_965x600-5.jpg, https://s3u.tmimgcdn.com/2160928-1596166387060_965x600-4.jpg, https://s3u.tmimgcdn.com/2160928-1596166389814_965x600-3.jpg, https://s3u.tmimgcdn.com/2160928-1596166394972_965x600-0.jpg, https://s3u.tmimgcdn.com/2160928-1596166398515_965x600-2.jpg, //www.youtube.com/embed/-qeERg9g6pc","shortDescription":"<p>INTRODUCTION:</p><h2><strong>FOR DESKTOP ONLY</strong></h2><h3><strong>High Quality Interactive Gambling and Betting Site</strong></h3><p>(NOT including Visual banners / <strong>FOR DESKTOP ONLY</strong>)</p><p>--------------------------------------------------------------------------------------------------------------------------------------</p><p><br></p><h3><strong>PRODUCT FEATURES</strong></h3><p><strong>Ready for developing HTML/CSS/JS</strong></p><p>● well-experienced gambling platform design</p><p>● Ready for developing HTML/CSS/JS</p><p>● User friendly UI design and Smoothly Interactive</p><p>● Go to Top Script</p><p>● Auto Sliding for Banners</p><p>● Jackpot Amount Display Board</p><p>● Sports Matches High light Board</p><p><br></p><h3><strong>Product DESCRIPTION</strong></h3><p>This is made by well-experienced gambling platform designers.</p><p>The package is including Main page / Register / Login / Member Center / Game Lobby / Promotion Page / Help Center /Betting Records and banking history pages.</p><p>You may easily replace the image or picture for your own needs, and it will carry out your own product brand image.</p><p>The most valuable feature is : It’s a very user-friendly web design and it’s ready for developing.</p><p><br></p><p><br></p><h3><strong>Package inclusion:</strong></h3><p><strong>HTML</strong></p><p>=HOME=</p><p>A. Before Login</p><p> Login popup Box</p><p> Register popup Box</p><p> Live Chat Stick</p><p> Inbox Message notice</p><p><br></p><p>B. After Login Index</p><p> Drop Down Menu</p><p> Live Chat Stick</p><p> Inbox Message notice</p><p> Go to Top Script</p><p> Auto Sliding for Banners</p><p> Jackpot Amount Display Board</p><p> Sports Matches Highlight Board</p><p> Staff Recommended Promotions Board</p><p><br></p><p>=GAMES LOBBY=</p><p> Top 3 Games Board</p><p> Editable Electric neon</p><p> Game list</p><p><br></p><p>=PROMOTION=</p><p> Promotion Type</p><p> Promotion Title</p><p> Promotion Banner</p><p> Promotion Detail</p><p> Detail contents expand</p><p><br></p><p>=MEMBER CENTER (MY ACCOUNT)=</p><p> Profile Photo</p><p> Account and Greeting</p><p> Funding Balance</p><p> Deposit short cut</p><p> Withdraw short cut</p><p> Recent Played Games (Slider)</p><p> User account information</p><p><br></p><p>=RECORDS (BETTING / TRANSACTION HISTORY)=</p><p> Search Type</p><p> Search Date</p><p> Search Result Table</p><p> Page Navigation</p><p><br></p><p>=HELP CENTER=</p><p> QNA Title</p><p> QNA Detail</p><p> Detail contents expand</p><p><br></p><p>=LIGHT BOXES=</p><p> Login</p><p> Register</p><p> Message</p><p> Deposit</p><p> Withdraw</p><p><br></p><p>=FOOTER=</p><p>● GAMCARE / Gambling License PAGCOR / NCPG</p><p>● Partner (Evolution/WM Casino/Habanero/PlayTech/BBIN)</p><p>● Payment (VISA / NETELLER / SKRILL / Bitcoin / Alipay )</p><p>--------------------------------------------------------------------------------------------------------</p><p><br></p><p>CSS</p><p>CSS is independent for main function: layout styling, slider, fancy box, date range pick, International Tell input with flag and nation code., etc., It will help you to do your own custom modification.</p><p>--------------------------------------------------------------------------------------------------------</p><p>javascript / jQuery</p><p>JS is independent for each function: scripts for index page, date range picker, script for go top, played game slider, scrolling, banner sliders, international Tell input with flag and nation code., etc.,</p><p>It will help you to do your own custom modification.</p><p>--------------------------------------------------------------------------------------------------------</p><p>images</p><p>All the images are well arranged and organized in the different section folders so you may find it easier to change your own image files.</p><p><br></p><p><br></p><h2><strong>FILES DESCRIPTION</strong></h2><p>7 html files</p><p>Index.html</p><p>Gamelobby.html</p><p>Member_center.html</p><p>Promotion_offer.html</p><p>Records.html</p><p>Help_Center.html</p><p>Logout.html</p><p>---------------------------------------------------------------------------------------------------------------------------------</p><p>8 independent CSS files</p><p>Main.css (for main style and layout)</p><p>Slick.css / Silder.css (for Slider)</p><p>gme.css (for game lobby)</p><p>daterangepicker.css(for date range pick)</p><p>intlTelinput( for international phone input with flag)</p><p>Jquery.fancybox.css (for lightbox) okayNav.css (for flexible navigation)</p><p>---------------------------------------------------------------------------------------------------------------------------------</p><p>19 independent JS files for jackpot amount counting, slider, scrolling, international phone code with flag, pop up boxes, date range picker, played game slider…etc.,</p><p>---------------------------------------------------------------------------------------------------------------------------------</p><p>How to use notify in header icon:</p><p>Add class [notify] after class [icon] and it will display a dot for notify in the right top of the icon (purple dot)</p><p>(check intro.pdf in ZIP file)</p><p>----------------------------------------------------------------------------------------------------------------------------------</p><p><br></p><p>Thank you so much for your purchase, have a nice day :)</p>","uniqueKeywords":"gambling,casino,esports,sportsbet,slot games,sportsbook,betting,ui design,gambling product,online betting,responsible gambling,live casino,games,slots,poker,lottery,member center,funding and banking,ready to develop,html and css","advImage":"https://s3u.tmimgcdn.com/2160928-1596166476764_600X600-2B.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/2160928-1596166369979_1600x1000.jpg","dqi":"88","htmlTitle":"Trendy Gambling and Betting Site with Games Section(Sportsbook Casino Slot) Template","imageKeyFeatures":"https://s3u.tmimgcdn.com/2160928-1596166455710_1600wfull.jpg","livePreviewURL":"https://demo.togetfun.com/superxbet/index.html","metaDescription":"INTRODUCTION:FOR DESKTOP ONLYHigh Quality Interactive Gambling and Betting Site(NOT including Visual banners / FOR DESKTOP","saleSells":"1","templateSupportOptions":"[]","productSize":"2759809","bitLyUrl":"https://bit.ly/3fnjQzW","customUrl":"/website-templates/trendy-gambling-and-betting-website-template-110431.html","demoMetaDescription":"Before you purchase it, get yourself knowledgeable about the premium Trendy Gambling and Betting Website Template (#110431) by viewing the demo. Browse through the pages, check out the images, click the buttons, explore the functionality.","lastmod":"2021-11-11T11:51:29-05:00","trendiness":"1","marketplaceMembership":"None","paidSupport":"Yes","webServerCompatibility":"Apache 2.4","designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"frameworks":"None","excerpt":"<p>INTRODUCTION:</p><h3><strong>High Quality Interactive Gambling and Betting Site</strong></h3><p>(NOT including Visual banners / <strong>FOR WEB ONLY</strong>)</p>","changeLogDate":"2023-12-13","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: Sun, 05 Jan 2025 05:14:52 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=110431&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=110431&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=110431&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Sun, 05 Jan 2025 05:19:52 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://demo.togetfun.com/superxbet/index.html<!DOCTYPE html>
<html lang="en">
<head>
    <title>#110431 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/110431.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 #110431            </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=110431&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $96                <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>