%PDF-
%PDF-
Mini Shell
Mini Shell
<style>.faq-sections h4{display: block;text-align:left;margin-bottom: 10px;display:block!important;}.active{ color:#fff !important;opacity: 1 !important; }#header-sroll:hover .active{ color:#e72627 !important; }#header-sroll.small .active{ color:#e72627 !important;}</style>
<!doctype html>
<html>
<!-- Mirrored from www.designsbeast.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 01 Oct 2020 18:54:10 GMT -->
<!-- Added by HTTrack -->
<!-- Mirrored from designsbeast.com/custom-packages.php by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 16 Sep 2022 04:31:09 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!--<link rel="shortcut icon" type="image/x-icon" href="img/favicon5e1f.ico?v=2">-->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/stylesFINALLL.css">
<link rel="stylesheet" href="css/tstylesFINli.css">
<!--<link rel="stylesheet" id="changer" href="https://www.designsbeast.com/css/themes.css">-->
<link rel="stylesheet" type="text/css" href="css/jquery.datetimepicker.css" >
<title>Designs Beast: Web Design San Francisco for Small Business & Corporate</title>
<meta name="description" content="Best Web Design Agency located in San Francisco California CA offers web, logo, digital marketing, stationery services. Hire professional web designers now!" />
<script src="../www.google.com/recaptcha/api.js" async defer></script>
</head>
<body class="mainbody">
<style>
.main-scroll-overlay .slimScrollBar {
display: none !important;
}
</style>
<div class="commented-container">
</div>
<!--<a href="https://wa.me/" target="_blank" class="whatsapp"><i class="fa fa-whatsapp"></i></a>-->
<header>
<div class="header">
<div id="header-sroll" class="wow">
<div class="container">
<div class="row">
<div class="col-lg-2 col-md-2 col-sm-4 col-xs-4">
<div class="logo"><a href="index-2.html" title="Designs Beast"> </a></div>
</div>
<div class="col-lg-10 col-md-10 col-sm-8 col-xs-8 text-right">
<div class="header-content">
<div class="call-action" >
<span onclick="window.location.href='book-a-call.html'" ><small><i class="fa fa-calendar" aria-hidden="true"></i></small>Book a Call</span>
<span><small><i class="fa fa-phone-square" aria-hidden="true"></i></small>+1-609-300-0074</span>
</div>
<div class="main-menu">
<nav id="nav">
<ul id="navigation">
<li><a data-active="home" class="nav-anim" href="index-2.html">Home</a></li>
<li><a data-active="about" class="nav-anim" href="about.html">About</a></li>
<li><a data-active="services" class="nav-anim" href="services.html">Services</a>
<ul>
<li><a class="nav-anim-dd" href="logo-design.html">Logo Design </a></li>
<li><a class="nav-anim-dd" href="Brand-Development.html">Brand Development</a></li>
<li><a class="nav-anim-dd" href="Marketing-Collateral.html">Marketing Collaterals</a></li>
<li><a class="nav-anim-dd" href="web.html">Web Design & Development</a></li>
<li><a class="nav-anim-dd" href="Mobile-App-Design-Development.html">App Design & Development</a></li>
<li><a class="nav-anim-dd last" href="2D-%26-3D-illustration-animation.html">2D & 3D Illustration</a></li>
<li class="child"><a href="Book-writing-and-marketing.html">Book Writing & Marketing</a></li>
<li><a class="nav-anim-dd" href="Motion-Graphics.html">Motion Graphics</a></li>
<li><a class="nav-anim-dd" href="Creative-Copywriting.html">Creative Copywriting</a></li>
<li><a class="nav-anim-dd" href="Digital-Marketing.html">Digital Marketing</a></li>
<li><a class="nav-anim-dd" href="seo-services.html">SEO</a></li>
<li><a class="nav-anim-dd" href="social-media-marketing.html">Social Media Marketing</a></li>
<li><a class="nav-anim-dd" href="Back-End-Development.html">Back-End Development</a></li>
<li><a class="nav-anim-dd" href="Website-Management.html">Website Management</a></li>
<li><a class="nav-anim-dd" href="Domain-Registration.html">Domain Registration</a></li>
</ul>
</li>
<!-- <li><a data-active="combo-packages" class="nav-anim" href="packages-combo.php">PACKAGES COMBO</a></li>
<li><a data-active="packages" class="nav-anim" href="logo.php">Packages</a></li>-->
<li><a data-active="" class="nav-anim" href="javascript:;">Professions</a>
<ul class="profsson_ul">
<li><a class="nav-anim-dd" href="law-firm-web-design-development.html">Law Firm Web Design Development </a></li>
<li><a class="nav-anim-dd" href="dentist-web-design-development-services.html">Dentist Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="accounting-web-design-development-services.html">Accounting Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="farmer-web-design-development-services.html">Farmer Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="flight-engineer-web-design-development-services.html">Flight Engineer Web Design Development Services</a></li>
<li><a class="nav-anim-dd last" href="tradesman-web-design-development-services.html">Tradesman Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="father-web-design-development-services.html">Father Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="civil-engineer-web-design-development-services.html">Civil Engineer Web Design Sevelopment Services</a></li>
<li><a class="nav-anim-dd" href="professor-web-design-development-services.html">Professor Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="fashion-designer-web-design-development-services.html">Fashion Designer Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="financial-analyst-web-design-development-services.html">Financial Analyst Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="journalist-web-design-development-services.html">Journalist Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="labor-web-design-development-services.html">Labor Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="mathematician-web-design-development-services.html">Mathematician Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="mechanic-web-design-development-services.html">Mechanic Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="medical-surgeon-web-design-development-services.html">Medical Surgeon Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="musician-web-design-development-services.html">Musician Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="NGO-volunteer-web-design-development-services.html">NGO Volunteer Web Design Development Dervices</a></li>
<li><a class="nav-anim-dd" href="plumber-web-design-development-services.html">Plumber Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="psychiatrist-web-design-development-services.html">Psychiatrist Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="psychology-web-design-development-services.html">Psychology Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="estate-agent-web-design-development-services.html">Estate Agent Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="hairdresser-web-design-development-services.html">Hairdresser Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="statistician-web-design-development-services.html">Statistician Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="teacher-web-design-development-services.html">Teacher Web Design Development Services</a></li>
<li><a class="nav-anim-dd" href="technician-web-design-development-services.html">Technician Web Design Development Services</a></li>
</ul>
</li>
<li><a data-active="showcase" class="nav-anim" href="showcase.html">Showcase</a></li>
<li><a data-active="testimonial" class="nav-anim" href="testimonial.html">Testimonial</a></li>
<li><a data-active="contact" class="nav-anim" href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="navicon wow"> <a class="nav-toggle" href="#">
<span></span></a> </div>
<div class="header-nav">
<div class="container">
<div class="logo-inside"><a href="index-2.html" title="Designs Beast"></a></div>
<nav>
<div class="row">
<div class="col-md-4 col-lg-4 col-sm-6 col-xs-12">
<ul class="primary-nav clearfix">
<li class="feature-menu"><a href="about.html">About us</a></li>
<li class="feature-menu"><a href="services.html">Services</a></li>
<li class="feature-menu"><a href="logo.html">Packages</a></li>
<!-- <li class="feature-menu"><a href="packages-combo.php">Packages Combo</a></li> -->
<li class="feature-menu"><a href="custom-packages.html">Custom Package</a></li>
<li class="feature-menu"><a href="showcase.html">Showcase</a></li>
<!-- <li class="feature-menu"><a href="https://designsbeast.com/blog/">Blog</a></li> -->
<li class="feature-menu"><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="col-md-8 col-lg-8 col-sm-6 col-xs-12">
<div class="main-scroll-overlay">
<ul id="parent" class="page-overlay-inner">
<li class="child"><a href="logo-design.html">Logo Design</a></li>
<li class="child"><a id="brand-identity" href="Brand-Development.html">Brand Development</a></li>
<li class="child"><a href="Marketing-Collateral.html">Marketing Collaterals</a></li>
<li class="child"><a id="brand-identity" href="web.html">Web Design & Development</a></li>
<li class="child"><a id="brand-identity" href="Mobile-App-Design-Development.html">App Design & Development</a></li>
<li class="child"><a href="2D-%26-3D-illustration-animation.html">2D & 3D Illustration</a></li>
<li class="child"><a href="Motion-Graphics.html">Motion Graphics</a></li>
<li class="child"><a href="Creative-Copywriting.html">Creative writing</a></li>
<li class="child"><a href="Book-writing-and-marketing.html">Book Writing & Marketing</a></li>
<li class="child"><a href="Digital-Marketing.html">Digital Marketing</a></li>
<li class="child"><a href="Back-End-Development.html">Back-End Development</a></li>
<li class="child"><a href="Website-Management.html">Website Management</a></li>
<li class="child"><a href="Domain-Registration.html">Domain Registration</a></li>
</ul>
<div class="overlay-scroll-btn">
<div id="down"><i class="fa fa-chevron-down" aria-hidden="true"></i></div>
<div id="up"><i class="fa fa-chevron-up" aria-hidden="true"></i></div>
</div>
</div>
</div>
</div>
</nav>
<div class="dropmenu_footer">
<div class="row">
<div class="col-md-12">
<p>
<div style="display: none;"> <a href="#">English</a> <a href="#" class="active-lang">Arabic</a> </div>
<span class="copyright">© 2019 Designs Beast | All rights reserved.</span> <span class="pull-right">
<a target="_blank" href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a target="_blank" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a target="_blank" href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a target="_blank" href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a target="_blank" href="#"><i class="fa fa-medium" aria-hidden="true"></i></a>
<a target="_blank" href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
<a target="_blank" href="#"><i class="fa fa-vimeo" aria-hidden="true"></i></a>
<a target="_blank" href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a> </span>
</p>
</div>
<div class="col-md-8" style="display: none;">
<div class="footer-links">
<ul class="footer-group">
<li><a href="#">Site Map</a></li>
<li><a href="#">Site Feedback</a></li>
<li><a href="#">Work With Us</a></li>
<li><a href="privacy-policy.html">Privacy</a></li>
<li><a href="terms.html">Terms of Service</a></li>
<li><a href="#">Terms of Sale</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="top-action"> <a class="btn-line-fill" href="Get-a-Free-Quote.html">GET A FREE QUOTE</a> </div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="floating_wrap">
<div class="btns_wrap">
<!--
<a href="javascript:;" class="chat_wrap" onclick="$zopim.livechat.window.toggle()">
<i class="fa fa-comment"></i>
<span>Chat With Us</span>
</a>
-->
<a href="tel:+16093000074" class="call_wrap">
<i class="fa fa-phone"></i>
<span>+1-609-300-0074</span>
</a>
</div>
<div class="float_form_box">
<div class="floating_form">
<div class="floating_strip">
<div class="rotatekaro">
<a href="javascript:;" class="">Get Free Consultancy</a>
</div>
</div>
<div class="floating_inner">
<h3>Signup Now</h3>
<div class="form_wrap">
<div class="hero_form">
<form method="POST" action="https://designsbeast.com/thankyou.php" autocomplete="off">
<input type="hidden" name="_token" value="tuLQpLVyIffWjHIVf9St12ep2ujfD8u6CGNZ9cGH">
<div class="row"> <div class="col-xs-12 col-sm-6 col-md-6 margin-bottom-20 field-mergedright">
<input type="text" autocomplete="off" class="form-control" placeholder="Full Name" name="name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Full Name'" required="required">
</div>
<div class="col-xs-12 col-sm-6 col-md-6 margin-bottom-20 field-mergedleft">
<input type="email" autocomplete="off" class="form-control" placeholder="Email" name="email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email'" required="required">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 margin-bottom-20 field-mergedright">
<input type="number" min="1" autocomplete="off" class="form-control" placeholder="Phone Number" name="number" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Phone Number'" required="">
</div>
<div class="col-xs-12 col-sm-12 col-md-12 margin-bottom-20 field-mergedright">
<textarea class="form-control" name="description" placeholder="Your Project Specification" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Project Specification'" required></textarea>
</div>
<input type="hidden" name="redirect" value="thankyou">
<input type="hidden" name="additional" value="not applicable">
<input type="hidden" name="page" value="web.html">
<div class="col-md-12 col-xs-12 margin-bottom-20 field-mergedleft mid-body">
<div class="text-center">
<input class="btn-fill btn-quote" type="submit" id="quoteSubmit" name="quote" value="Get Free Consultancy">
</div>
</div>
</div>
</form>
</div> </div>
</div>
</div>
</div>
</section>
<form action="https://www.designsbeast.com/customPackages" method="post">
<section class="section-padding hero-services hero-subservices custom-package">
<div class="container">
<div class="row d_t">
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 table-cell-no-float">
<div class="row">
<h3 class="breakdown-before-left margin-top-60 margin-left-15">Custom Quote Form</h3>
</div>
<div class="box-custom-package-2">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 margin-bottom-20">
<input type="text" autocomplete="off" class="form-control" placeholder="Full Name" name="name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Full Name'" required="required">
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 margin-bottom-20">
<input type="text" autocomplete="off" class="form-control" placeholder="Email" name="email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Email'" required="required">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 margin-bottom-20">
<input type="text" autocomplete="off" class="form-control" placeholder="Phone Number" name="phone" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Phone Number'" required="required">
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 margin-bottom-20">
<input type="text" autocomplete="off" class="form-control" placeholder="Country" name="country" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Country'" required="required">
</div>
</div>
</div>
<div class="row">
<h3 class="breakdown-before-left margin-top-20 margin-left-15">I am interested in</h3>
</div>
<!--Row 2-->
<div class="box-custom-package margin-bottom-30">
<div class="row ">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h4 class="collapsed " role="button" data-toggle="collapse" aria-expanded="true" href="#section1">
Website Design & Development
<i class="more-less glyphicon glyphicon-plus"></i>
<i class="more-less glyphicon glyphicon-minus"></i>
</h4>
</div>
</div>
<section id="section1" class="collapse in">
<section id="section1">
<div class="row ">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-3 margin-top-20">
<h4 class="margin-top-20 margin-left-15 margin-bottom-30">Items</h4>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-9 margin-top-20">
<h4 class="margin-top-20 margin-left-15 text-left">Quantity</h4>
</div>
</div>
<div class="row">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Single Page HTML" data-row='1' data-select="1" data-item-id="33" data-value="99">
<span>Single Page HTML <small>$99</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Single Page HTML" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="33" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty33[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Single Page DESIGN" data-row='1' data-select="1" data-item-id="34" data-value="99">
<span>Single Page DESIGN <small>$99</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Single Page DESIGN" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="34" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty34[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Single Page Design + HTML" data-row='1' data-select="1" data-item-id="35" data-value="199">
<span>Single Page Design + HTML <small>$199</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Single Page Design + HTML" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="35" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty35[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Single Page Design + HTML + CMS" data-row='1' data-select="1" data-item-id="36" data-value="299">
<span>Single Page Design + HTML + CMS <small>$299</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Single Page Design + HTML + CMS" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="36" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty36[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="5 to 10 pages design + HTML + Stock Images (5 images)" data-row='1' data-select="1" data-item-id="37" data-value="499">
<span>5 to 10 pages design + HTML + Stock Images (5 images) <small>$499</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="5 to 10 pages design + HTML + Stock Images (5 images)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="37" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty37[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="5 to 10 Pages design + HTML + CMS + stock Images (5 images)" data-row='1' data-select="1" data-item-id="38" data-value="699">
<span>5 to 10 Pages design + HTML + CMS + stock Images (5 images) <small>$699</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="5 to 10 Pages design + HTML + CMS + stock Images (5 images)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="38" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty38[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="10 to 20 pages design + HTML + stock Images (10 images)" data-row='1' data-select="1" data-item-id="39" data-value="999">
<span>10 to 20 pages design + HTML + stock Images (10 images) <small>$999</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="10 to 20 pages design + HTML + stock Images (10 images)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="39" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty39[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="10 to 20 pages design + html + dynamic + Stock Images (10 images)" data-row='1' data-select="1" data-item-id="40" data-value="1299">
<span>10 to 20 pages design + html + dynamic + Stock Images (10 images) <small>$1299</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="10 to 20 pages design + html + dynamic + Stock Images (10 images)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="40" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty40[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="20 to 30 pages design + html + stock Images (20 images)" data-row='1' data-select="1" data-item-id="41" data-value="1299">
<span>20 to 30 pages design + html + stock Images (20 images) <small>$1299</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="20 to 30 pages design + html + stock Images (20 images)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="41" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty41[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="20 to 30 pages design + html + CMS + stock Images (20 images)" data-row='1' data-select="1" data-item-id="42" data-value="1499">
<span>20 to 30 pages design + html + CMS + stock Images (20 images) <small>$1499</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="20 to 30 pages design + html + CMS + stock Images (20 images)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="42" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty42[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Unlimited Pages design + html + CMS + stock Images (30 images)" data-row='1' data-select="1" data-item-id="43" data-value="2499">
<span>Unlimited Pages design + html + CMS + stock Images (30 images) <small>$2499</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Unlimited Pages design + html + CMS + stock Images (30 images)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="43" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty43[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="E-commerce limited product entries (up to 50 products)" data-row='1' data-select="1" data-item-id="44" data-value="999">
<span>E-commerce limited product entries (up to 50 products) <small>$999</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="E-commerce limited product entries (up to 50 products)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="44" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty44[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="E- commerce limited product entries (up to 200 products)" data-row='1' data-select="1" data-item-id="45" data-value="1499">
<span>E- commerce limited product entries (up to 200 products) <small>$1499</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="E- commerce limited product entries (up to 200 products)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="45" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty45[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="E- commerce limited product entries (up to 500 products)" data-row='1' data-select="1" data-item-id="46" data-value="1999">
<span>E- commerce limited product entries (up to 500 products) <small>$1999</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="E- commerce limited product entries (up to 500 products)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="46" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty46[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="E- commerce unlimited product entries" data-row='1' data-select="1" data-item-id="47" data-value="3999">
<span>E- commerce unlimited product entries <small>$3999</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="E- commerce unlimited product entries" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="47" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty47[]">
</div>
</div>
</div>
<div class="addons">
<h4 class="margin-top-20 margin-left-15 margin-bottom-30">Addons</h4>
<div class="row">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Mobile Responsive" data-row='1' data-select="1" data-item-id="48" data-value="199" name="addon1[]">
<span>Mobile Responsive <small>$199</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Mobile Responsive" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="48" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty48[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Blog Design + Development" data-row='1' data-select="1" data-item-id="49" data-value="199" name="addon1[]">
<span>Blog Design + Development <small>$199</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Blog Design + Development" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="49" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty49[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Blog Design + Development + Setup" data-row='1' data-select="1" data-item-id="50" data-value="299" name="addon1[]">
<span>Blog Design + Development + Setup <small>$299</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Blog Design + Development + Setup" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="50" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty50[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Domain" data-row='1' data-select="1" data-item-id="51" data-value="29" name="addon1[]">
<span>Domain <small>$29</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Domain" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="51" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty51[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Hosting (annually)" data-row='1' data-select="1" data-item-id="52" data-value="149" name="addon1[]">
<span>Hosting (annually) <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hosting (annually)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="52" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty52[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Content Writing (per page)" data-row='1' data-select="1" data-item-id="53" data-value="99" name="addon1[]">
<span>Content Writing (per page) <small>$99</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Content Writing (per page)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="53" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty53[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Stock Images (per image)" data-row='1' data-select="1" data-item-id="54" data-value="5" name="addon1[]">
<span>Stock Images (per image) <small>$5</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Stock Images (per image)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="54" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty54[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="SSL Certificate (annually)" data-row='1' data-select="1" data-item-id="55" data-value="149" name="addon1[]">
<span>SSL Certificate (annually) <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="SSL Certificate (annually)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="55" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty55[]">
</div>
</div>
</div>
</div>
</section>
</div>
<div class="box-custom-package margin-bottom-30">
<div class="row ">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h4 class="collapsed" role="button" data-toggle="collapse" aria-expanded="false" href="#section2">
Brand Development
<i class="more-less glyphicon glyphicon-plus"></i>
<i class="more-less glyphicon glyphicon-minus"></i>
</h4>
</div>
</div>
<section id="section2" class="collapse">
<section id="section2">
<div class="row ">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-3 margin-top-20">
<h4 class="margin-top-20 margin-left-15 margin-bottom-30">Items</h4>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-9 margin-top-20">
<h4 class="margin-top-20 margin-left-15 text-left">Quantity</h4>
</div>
</div>
<div class="row">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="1 logo Concepts" data-row='1' data-select="1" data-item-id="56" data-value="39">
<span>1 logo Concepts <small>$39</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="1 logo Concepts" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="56" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty56[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="2 Logo Concepts" data-row='1' data-select="1" data-item-id="57" data-value="49">
<span>2 Logo Concepts <small>$49</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="2 Logo Concepts" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="57" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty57[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="4 Logo Concepts" data-row='1' data-select="1" data-item-id="58" data-value="89">
<span>4 Logo Concepts <small>$89</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="4 Logo Concepts" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="58" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty58[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="6 Logo Concepts" data-row='1' data-select="1" data-item-id="59" data-value="129">
<span>6 Logo Concepts <small>$129</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="6 Logo Concepts" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="59" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty59[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="10 Logo Concepts" data-row='1' data-select="1" data-item-id="60" data-value="179">
<span>10 Logo Concepts <small>$179</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="10 Logo Concepts" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="60" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty60[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Unlimited Logo Concepts" data-row='1' data-select="1" data-item-id="61" data-value="249">
<span>Unlimited Logo Concepts <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Unlimited Logo Concepts" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="61" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty61[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Illustration 1 Concept" data-row='1' data-select="1" data-item-id="62" data-value="199">
<span>Illustration 1 Concept <small>$199</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Illustration 1 Concept" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="62" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty62[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Illustration 3 Concepts" data-row='1' data-select="1" data-item-id="63" data-value="299">
<span>Illustration 3 Concepts <small>$299</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Illustration 3 Concepts" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="63" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty63[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Illustration 5 Concepts" data-row='1' data-select="1" data-item-id="64" data-value="399">
<span>Illustration 5 Concepts <small>$399</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Illustration 5 Concepts" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="64" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty64[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Illustration Unlimited Concepts" data-row='1' data-select="1" data-item-id="65" data-value="599">
<span>Illustration Unlimited Concepts <small>$599</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Illustration Unlimited Concepts" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="65" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty65[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="3D Logo Concept" data-row='1' data-select="1" data-item-id="66" data-value="599">
<span>3D Logo Concept <small>$599</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="3D Logo Concept" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="66" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty66[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Logo Animation" data-row='1' data-select="1" data-item-id="67" data-value="199">
<span>Logo Animation <small>$199</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Logo Animation" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="67" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty67[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Business Card" data-row='1' data-select="1" data-item-id="68" data-value="49">
<span>Business Card <small>$49</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Business Card" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="68" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty68[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Letterhead" data-row='1' data-select="1" data-item-id="69" data-value="49">
<span>Letterhead <small>$49</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Letterhead" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="69" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty69[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Envelope" data-row='1' data-select="1" data-item-id="70" data-value="49">
<span>Envelope <small>$49</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Envelope" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="70" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty70[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Brochure Single Page" data-row='1' data-select="1" data-item-id="71" data-value="99">
<span>Brochure Single Page <small>$99</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Brochure Single Page" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="71" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty71[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Brochure Double Sided" data-row='1' data-select="1" data-item-id="72" data-value="149">
<span>Brochure Double Sided <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Brochure Double Sided" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="72" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty72[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Brochure Bi-Fold" data-row='1' data-select="1" data-item-id="73" data-value="199">
<span>Brochure Bi-Fold <small>$199</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Brochure Bi-Fold" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="73" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty73[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Brochure Tri-Fold" data-row='1' data-select="1" data-item-id="74" data-value="249">
<span>Brochure Tri-Fold <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Brochure Tri-Fold" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="74" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty74[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Brochure 4 Page Executive" data-row='1' data-select="1" data-item-id="75" data-value="349">
<span>Brochure 4 Page Executive <small>$349</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Brochure 4 Page Executive" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="75" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty75[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Brochure 8 Page Executive" data-row='1' data-select="1" data-item-id="76" data-value="499">
<span>Brochure 8 Page Executive <small>$499</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Brochure 8 Page Executive" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="76" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty76[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Car wrap design" data-row='1' data-select="1" data-item-id="77" data-value="249">
<span>Car wrap design <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Car wrap design" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="77" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty77[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="T-shirt Design" data-row='1' data-select="1" data-item-id="78" data-value="149">
<span>T-shirt Design <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="T-shirt Design" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="78" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty78[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Signage design" data-row='1' data-select="1" data-item-id="79" data-value="149">
<span>Signage design <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Signage design" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="79" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty79[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Door Hanger Design" data-row='1' data-select="1" data-item-id="80" data-value="149">
<span>Door Hanger Design <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Door Hanger Design" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="80" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty80[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Bill-board Design" data-row='1' data-select="1" data-item-id="81" data-value="249">
<span>Bill-board Design <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Bill-board Design" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="81" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty81[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Roll up Standee banner Design" data-row='1' data-select="1" data-item-id="82" data-value="249">
<span>Roll up Standee banner Design <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Roll up Standee banner Design" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="82" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty82[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="CD Cover" data-row='1' data-select="1" data-item-id="83" data-value="249">
<span>CD Cover <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="CD Cover" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="83" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty83[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Mug Design" data-row='1' data-select="1" data-item-id="84" data-value="249">
<span>Mug Design <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Mug Design" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="84" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty84[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Book Cover" data-row='1' data-select="1" data-item-id="85" data-value="249">
<span>Book Cover <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Book Cover" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="85" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty85[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Presentation folder design" data-row='1' data-select="1" data-item-id="86" data-value="199">
<span>Presentation folder design <small>$199</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Presentation folder design" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="86" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty86[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Company profile" data-row='1' data-select="1" data-item-id="87" data-value="199">
<span>Company profile <small>$199</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Company profile" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="87" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty87[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Magazine Cover design" data-row='1' data-select="1" data-item-id="88" data-value="249">
<span>Magazine Cover design <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Magazine Cover design" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="88" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty88[]">
</div>
</div>
</div>
<div class="addons">
</div>
</section>
</div>
<div class="box-custom-package margin-bottom-30">
<div class="row ">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h4 class="collapsed" role="button" data-toggle="collapse" aria-expanded="false" href="#section3">
Digital Marketing
<i class="more-less glyphicon glyphicon-plus"></i>
<i class="more-less glyphicon glyphicon-minus"></i>
</h4>
</div>
</div>
<section id="section3" class="collapse">
<section id="section3">
<div class="row ">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-3 margin-top-20">
<h4 class="margin-top-20 margin-left-15 margin-bottom-30">Items</h4>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-9 margin-top-20">
<h4 class="margin-top-20 margin-left-15 text-left">Quantity</h4>
</div>
</div>
<div class="row">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Social Media management 2 platforms (social media list)" data-row='1' data-select="1" data-item-id="89" data-value="300">
<span>Social Media management 2 platforms (social media list) <small>$300</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Social Media management 2 platforms (social media list)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="89" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty89[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Social Media management 3 platforms (social media list)" data-row='1' data-select="1" data-item-id="89" data-value="600">
<span>Social Media management 3 platforms (social media list) <small>$600</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Social Media management 3 platforms (social media list)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="89" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty89[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Social Media management 4 platforms (social media list)" data-row='1' data-select="1" data-item-id="90" data-value="1000">
<span>Social Media management 4 platforms (social media list) <small>$1000</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Social Media management 4 platforms (social media list)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="90" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty90[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Social Media management 5 platforms (social media list)" data-row='1' data-select="1" data-item-id="90" data-value="1500">
<span>Social Media management 5 platforms (social media list) <small>$1500</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Social Media management 5 platforms (social media list)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="90" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty90[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="social media management 2 platforms (3 months plan)" data-row='1' data-select="1" data-item-id="91" data-value="800">
<span>social media management 2 platforms (3 months plan) <small>$800</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="social media management 2 platforms (3 months plan)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="91" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty91[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="social media management 3 platforms (3 months plan) " data-row='1' data-select="1" data-item-id="92" data-value="1700">
<span>social media management 3 platforms (3 months plan) <small>$1700</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="social media management 3 platforms (3 months plan) " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="92" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty92[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="social media management 4 platforms (3 months plan)" data-row='1' data-select="1" data-item-id="93" data-value="2900">
<span>social media management 4 platforms (3 months plan) <small>$2900</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="social media management 4 platforms (3 months plan)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="93" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty93[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="social media management 5 platforms (3 months plan) " data-row='1' data-select="1" data-item-id="94" data-value="4400">
<span>social media management 5 platforms (3 months plan) <small>$4400</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="social media management 6 platforms (6 months plan) " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="94" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty94[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="social media management 2 platforms (1 year plan)" data-row='1' data-select="1" data-item-id="95" data-value="3400">
<span>social media management 2 platforms (1 year plan) <small>$3400</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="social media management 2 platforms (1 year plan)" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="95" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty95[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="social media management 3 platforms (1 year plan) " data-row='1' data-select="1" data-item-id="96" data-value="7000">
<span>social media management 3 platforms (1 year plan) <small>$7000</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="social media management 3 platforms (1 year plan) " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="96" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty96[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="SEO Per month" data-row='1' data-select="1" data-item-id="97" data-value="449">
<span>SEO Per month <small>$449</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="SEO Per month " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="97" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty97[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="SEO 3 months " data-row='1' data-select="1" data-item-id="98" data-value="1199">
<span>SEO 3 months <small>$1199</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="SEO 3 months " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="98" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty98[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="SEO 6 months " data-row='1' data-select="1" data-item-id="99" data-value="2499">
<span>SEO 6 months <small>$2499</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="SEO 6 months " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="99" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty99[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="SEO 1 year " data-row='1' data-select="1" data-item-id="100" data-value="4499">
<span>SEO 1 year <small>$4499</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="SEO 1 year " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="100" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty100[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="PPC for 1 month " data-row='1' data-select="1" data-item-id="101" data-value="699">
<span>PPC for 1 month <small>$699</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="PPC for 1 month " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="101" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty101[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="PPC for 3 months " data-row='1' data-select="1" data-item-id="102" data-value="1499">
<span>PPC for 3 months <small>$1499</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="PPC for 3 months " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="102" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty102[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="PPC for 6 months " data-row='1' data-select="1" data-item-id="103" data-value="3499">
<span>PPC for 6 months <small>$3499</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="PPC for 6 months " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="103" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty103[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="PPC for 1 year " data-row='1' data-select="1" data-item-id="104" data-value="4999">
<span>PPC for 1 year <small>$4999</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="PPC for 1 year " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="104" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty104[]">
</div>
</div>
</div>
<div class="addons">
</div>
</section>
</div>
<div class="box-custom-package margin-bottom-30">
<div class="row ">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h4 class="collapsed" role="button" data-toggle="collapse" aria-expanded="false" href="#section4">
Motion Graphics
<i class="more-less glyphicon glyphicon-plus"></i>
<i class="more-less glyphicon glyphicon-minus"></i>
</h4>
</div>
</div>
<section id="section4" class="collapse">
<section id="section4">
<div class="row ">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-3 margin-top-20">
<h4 class="margin-top-20 margin-left-15 margin-bottom-30">Items</h4>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-9 margin-top-20">
<h4 class="margin-top-20 margin-left-15 text-left">Quantity</h4>
</div>
</div>
<div class="row">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="2D Animated 30 Sec Video " data-row='1' data-select="1" data-item-id="105" data-value="399">
<span>2D Animated 30 Sec Video <small>$399</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="2D Animated 30 Sec Video " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="105" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty105[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="3D Animated 30 Sec Video " data-row='1' data-select="1" data-item-id="106" data-value="599">
<span>3D Animated 30 Sec Video <small>$599</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="3D Animated 30 Sec Video " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="106" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty106[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="80 Words Professional Script" data-row='1' data-select="1" data-item-id="107" data-value="149">
<span>80 Words Professional Script <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="80 Words Professional Script" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="107" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty107[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Sketch Storyboard" data-row='1' data-select="1" data-item-id="108" data-value="149">
<span>Sketch Storyboard <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Sketch Storyboard" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="108" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty108[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Female British Voice Over " data-row='1' data-select="1" data-item-id="109" data-value="149">
<span>Female British Voice Over <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Female British Voice Over " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="109" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty109[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Male British Voice Over " data-row='1' data-select="1" data-item-id="110" data-value="149">
<span>Male British Voice Over <small>$149</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Male British Voice Over " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="110" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty110[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Female American Voice Over " data-row='1' data-select="1" data-item-id="111" data-value="129">
<span>Female American Voice Over <small>$129</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Female American Voice Over " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="111" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty111[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Male American Voice Over" data-row='1' data-select="1" data-item-id="112" data-value="129">
<span>Male American Voice Over <small>$129</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Male American Voice Over" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="112" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty112[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Sound Effects " data-row='1' data-select="1" data-item-id="113" data-value="99">
<span>Sound Effects <small>$99</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Sound Effects " >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="113" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty113[]">
</div>
</div>
</div>
<div class="addons">
<h4 class="margin-top-20 margin-left-15 margin-bottom-30">Addons</h4>
<div class="row">
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Additional 30sec" data-row='1' data-select="1" data-item-id="114" data-value="249" name="addon4[]">
<span>Additional 30sec <small>$249</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Additional 30sec" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="114" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty114[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Additional 50 Words" data-row='1' data-select="1" data-item-id="115" data-value="69" name="addon4[]">
<span>Additional 50 Words <small>$69</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Additional 50 Words" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="115" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty115[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Additional 50 words Female British Voice Over" data-row='1' data-select="1" data-item-id="116" data-value="99" name="addon4[]">
<span>Additional 50 words Female British Voice Over <small>$99</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Additional 50 words Female British Voice Over" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="116" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty116[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Additional 50 words Male British Voice Over" data-row='1' data-select="1" data-item-id="117" data-value="99" name="addon4[]">
<span>Additional 50 words Male British Voice Over <small>$99</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Additional 50 words Male British Voice Over" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="117" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty117[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Additional 50 words Female American Voice Over" data-row='1' data-select="1" data-item-id="118" data-value="79" name="addon4[]">
<span>Additional 50 words Female American Voice Over <small>$79</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Additional 50 words Female American Voice Over" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="118" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty118[]">
</div>
</div>
<div class="col-lg-10 col-md-9 col-sm-9 col-xs-12">
<div class="parent ">
<input type="checkbox" class="cost_calc_row-2 cost_calc_calculate single data-item-custom " value="Additional 50 words Male American Voice Over" data-row='1' data-select="1" data-item-id="119" data-value="79" name="addon4[]">
<span>Additional 50 words Male American Voice Over <small>$79</small></span>
<a href="#" data-toggle="tooltip" data-placement="left" title="" data-original-title="Additional 50 words Male American Voice Over" >?</a>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="quantity">
<input data-parent-id="119" type="text" class="data-item-custom-quantity" placeholder="Quantity" name="qty119[]">
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 table-cell-no-float">
<div class="row">
<h3 class="breakdown-before-left margin-top-60 margin-left-15">Order Summary</h3>
</div>
<div class="box-custom box-follow-scroll box-custom-package-2">
<div id="" class="clearfix">
<h4 class="margin-top-20 mad"> Total cost:</h4>
<p id="custom-totalCost" class="item-detail">0.00</p>
<div id="custom-item-list" class="clearfix">
</div>
<!--The form that the data is applied to.-->
<div id="custom-fields">
<input type="hidden" id='cost_calc_price' value="" name="cost_calc_price">
<input type="hidden" name="items[]">
</div>
<input type="hidden" name="_token" value="tuLQpLVyIffWjHIVf9St12ep2ujfD8u6CGNZ9cGH">
<!--/-->
<input type="submit" class="cost_calc_button" value="Order Now">
</div>
</div>
</div>
</div>
</div>
</section>
</form>
<footer class="wow">
<div class="container sub-footer section-padding">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="clearfix">
<div class="col-md-4 col-lg-4 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h3>TOP NOTCH SERVICES</h3>
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseTwo">
<i class="more-less glyphicon glyphicon-plus"></i>
<i class="more-less glyphicon glyphicon-minus"></i>
TOP NOTCH SERVICES
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<div class="col-md-6 col-lg-6 col-xs-12">
<div class="clearfix">
<div class="address">
<ul>
<li><a href="Brand-Development.html">Brand Development</a></li>
<li><a href="web.html">Web Design and Development</a></li>
<li><a href="Back-End-Development.html">Back-End Development</a></li>
<li><a href="Digital-Marketing.html">Digital Marketing</a></li>
<li><a href="Marketing-Collateral.html">Marketing Collateral</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6 col-xs-12">
<ul>
<li><a href="Motion-Graphics.html">Motion Graphics</a></li>
<li><a href="Website-Management.html">Website Management</a></li>
<li><a href="Domain-Registration.html">Domain Registration</a></li>
<li><a href="Creative-Copywriting.html">Creative Copywriting</a></li>
<li><a href="2D-%26-3D-illustration-animation.html">2D & 3D Illustration</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingTwo">
<h3>PACKAGES</h3>
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<i class="more-less glyphicon glyphicon-plus"></i>
<i class="more-less glyphicon glyphicon-minus"></i>
PACKAGES
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
<div class="col-md-12 col-lg-12 col-xs-12">
<ul>
<li><a href="logo.html">Logo Packages</a></li>
<li><a href="web_package.html">Web Packages</a></li>
<li><a href="branding.html">Corporate Branding</a></li>
<li><a href="ecommerce.html">Ecommerce</a></li>
<li><a href="motion-graphic.html">Motion Graphics</a></li>
<li><a href="seo.html">SEO</a></li>
<li><a href="social.html">Social Media</a></li>
<li><a href="content.html">Content Writing</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingThree">
<h3>COMPANY</h3>
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<i class="more-less glyphicon glyphicon-plus"></i>
<i class="more-less glyphicon glyphicon-minus"></i>
COMPANY
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
<div class="col-md-12 col-lg-12 col-xs-12 col-md-2">
<ul>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="showcase.html">Showcase</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
<!-- <li><a href="https://designsbeast.com/blog/">Blog</a></li> -->
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 col-lg-4 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFour">
<h3>Follow Us</h3>
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
<div class="panel-body">
<div class="col-md-12 col-lg-12 col-xs-12 col-md-2">
<ul class="footer-group">
<li><a target="_blank" href="https://www.facebook.com/Designs-Beast-102694754964464"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<!-- <li><a target="_blank" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> -->
<!-- <li><a target="_blank" href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li> -->
<li><a target="_blank" href="https://www.instagram.com/designsbeast/"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<!-- <li><a target="_blank" href="#"><i class="fa fa-medium" aria-hidden="true"></i></a> </li> -->
<!-- <li><a target="_blank" href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li> -->
<!-- <li><a target="_blank" href="#"><i class="fa fa-vimeo" aria-hidden="true"></i></a></li> -->
<!-- <li><a target="_blank" href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a> </li> -->
</ul>
<!-- </a>-->
</div>
<a href="https://www.bark.com/en/us/company/designs-beast/dBvka/?utm_medium=referral&utm_source=dBvka&utm_campaign=seller-pro-widget&utm_content=seller-pro-widget" target="_blank" class="bark-widget" data-type="pro" data-id="dBvka" data-image="medium-navy" data-version="3.0" data-name="Designs Beast" style="display: block; position: relative; -webkit-font-smoothing: subpixel-antialiased; text-align: center; overflow: hidden; width: 192px; border: 4px solid rgb(28, 44, 59); font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif; text-decoration: none;"><div class="bark-top-container" style="height: 60px; overflow: hidden; background-color: rgb(255, 255, 255);"><img src="../s3-eu-west-1.amazonaws.com/dev-bark-static/img/frontend-v2/settings/badges/bark-pro-medium.png" style="margin-top: 11px; height: 40px; border: none; display: inline;"></div><div class="bark-review-badge-name" style="color: rgb(255, 255, 255); width: 100%; -webkit-font-smoothing: antialiased; padding: 10px; font-weight: normal; box-sizing: border-box; text-decoration: none; line-height: 18px; font-size: 16px; text-overflow: ellipsis; background-color: rgb(33, 51, 68); border-top: 4px solid rgb(28, 44, 59);"><span style="-webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; max-height: 54px;">Designs Beast</span></div></a>
<img style="margin: 20px 0 0 0;" src="img/payment-method.png">
<img style="margin: 20px 0 0 0;" src="img/dmca-badge.png">
</div>
</div>
</div>
</div>
<!--<div class="col-md-4 col-lg-4 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingFour">
<h4 class="panel-title">
<h3>Newsletter Subscription</h3>
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<i class="more-less glyphicon glyphicon-plus"></i>
Newsletter Subscription
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
<div class="panel-body">
<div class="col-md-12 col-lg-12 col-xs-12 col-md-2">
<ul>
<li>Sign up for free newsletters & get more of design proficient
delivered to you.</li>
<li class=newsletter>
<div class=subscribe>
<form method="POST" id="subscribe_form" action="https://www.designsbeast.com/subscribe" data-loader=".loader_quote_subscribe_fold">
<input name="email" type="email" onblur='this.placeholder="Email"'onfocus='this.placeholder=""'placeholder="Email" required>
<input name="page" type="hidden" value="https://www.designsbeast.com">
<input type="hidden" name="_token" value="tuLQpLVyIffWjHIVf9St12ep2ujfD8u6CGNZ9cGH">
<label class="exist" style="display:none">You are already Subscribed!</label>
<button id="subscribe" name="subscribe" type="submit" class="btn-fill btn-quote">Submit</button>
</form>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>-->
</div>
</div>
</div>
<section class="copright">
<div class="container">
<div class="row">
<div class="col-md-8 col-xs-12">
<p>© 2020 Designs Beast | All rights reserved. Designs Beast ®</a></p>
</div>
<div class="col-md-4"> <span class="privacy pull-right">
<a href="privacy-policy.html">Privacy Policy</a>
<a href="terms.html">Terms of Service</a></span> </div>
</div>
</div>
</section>
</footer>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-181369299-1">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-181369299-1');
</script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/pricing-slide.js"></script>
<script src="js/selectFx.js" ></script>
<script src="js/classie.js" ></script>
<script src="js/app.js" ></script>
<script type="text/javascript" src="js/revolution.min.js" ></script>
<script src="js/scripts.js"></script>
<script src="js/jquery.dataTables.min.js" ></script>
<script src="js/dataTables.material.min.js" ></script>
<script src="js/jquery.datetimepicker.full.min.js" ></script>
<script src="js/tscripts.js"></script>
<script type="text/javascript">
function initMap() {
//var uk = new google.maps.LatLng(51.513793, -0.140785);
//var uae = new google.maps.LatLng(24.472132, 54.373131);
var usa = new google.maps.LatLng(42.8668667,-109.8735256);
//var usa = new google.maps.LatLng(37.777359, -122.417363);
var mapOptions = {
zoom: 5,
styles: [{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#46bcec"},{"visibility":"on"}]}],
center: uk,
mapTypeId: 'roadmap'
};
var usamapOptions = {
zoom: 5,
styles: [{"featureType":"all","stylers":[{"saturation":0},{"hue":"#e7ecf0"}]},{"featureType":"road","stylers":[{"saturation":-70}]},{"featureType":"transit","stylers":[{"visibility":"off"}]},{"featureType":"poi","stylers":[{"visibility":"off"}]},{"featureType":"water","stylers":[{"visibility":"simplified"},{"saturation":-60}]}],
center: usa,
mapTypeId: 'roadmap'
};
var uaemapOptions = {
zoom: 5,
styles:[{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#6195a0"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"landscape","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#e6f3d6"},{"visibility":"on"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45},{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#f4d2c5"},{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"labels.text","stylers":[{"color":"#4e4e4e"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#f4f4f4"}]},{"featureType":"road.arterial","elementType":"labels.text.fill","stylers":[{"color":"#787878"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#eaf6f8"},{"visibility":"on"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#eaf6f8"}]}],
center: uae,
mapTypeId: 'roadmap'
};
var map = new google.maps.Map(document.getElementById('map'),
usamapOptions);
var marker = new google.maps.Marker({
position: usa,
map: map,
title: 'USA Office'
});
var map = new google.maps.Map(document.getElementById('map_2'),
mapOptions);
var marker = new google.maps.Marker({
position: uk,
map: map,
title: 'UK Office'
});
var map = new google.maps.Map(document.getElementById('map_3'),
uaemapOptions);
var marker = new google.maps.Marker({
position: uae,
map: map,
title: 'UAE Office'
});
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBCaUuUT2NLz8kEWCddl5s5KpYVMclPpuI&callback=initMap"
type="text/javascript"></script>
<script src="../cdn.jsdelivr.net/npm/vanilla-lazyload%4012.0.0/dist/lazyload.min.js"></script>
<script>
$(function() {
var myLazyLoad = new LazyLoad({
elements_selector: ".lazy"
// load_delay: 300 //adjust according to use case
});
});
</script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- tabs -->
<script type="text/javascript">
$(document).ready(function () {
var $tabs = $('#horizontalTab');
$tabs.responsiveTabs({
rotate: false,
startCollapsed: 'accordion',
collapsible: 'accordion',
setHash: true,
disabled: [3,4],
click: function(e, tab) {
$('.info').html('Tab <strong>' + tab.id + '</strong> clicked!');
},
activate: function(e, tab) {
$('.info').html('Tab <strong>' + tab.id + '</strong> activated!');
},
activateState: function(e, state) {
//console.log(state);
$('.info').html('Switched from <strong>' + state.oldState + '</strong> state to <strong>' + state.newState + '</strong> state!');
}
});
$('#start-rotation').on('click', function() {
$tabs.responsiveTabs('startRotation', 1000);
});
$('#stop-rotation').on('click', function() {
$tabs.responsiveTabs('stopRotation');
});
$('#start-rotation').on('click', function() {
$tabs.responsiveTabs('active');
});
$('#enable-tab').on('click', function() {
$tabs.responsiveTabs('enable', 3);
});
$('#disable-tab').on('click', function() {
$tabs.responsiveTabs('disable', 3);
});
$('.select-tab').on('click', function() {
$tabs.responsiveTabs('activate', $(this).val());
});
});
</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5f8f27b7fd4ff5477ea78446/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
<!-- Mirrored from designsbeast.com/custom-packages.php by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 16 Sep 2022 04:31:10 GMT -->
</html>
Zerion Mini Shell 1.0