index.html - ff-streaming-platform -

index.html (88049B)
      1 <!doctype html>  
      2 <!--[if IE 6 ]><html lang="en-us" class="ie6"> <![endif]-->
      3 <!--[if IE 7 ]><html lang="en-us" class="ie7"> <![endif]-->
      4 <!--[if IE 8 ]><html lang="en-us" class="ie8"> <![endif]-->
      5 <!--[if (gt IE 7)|!(IE)]><!-->
      6 <html lang="en-us"><!--<![endif]-->
      7 <head>
      8 	<meta charset="utf-8">
      9 	
     10 	<title>Triangle - Creative Multipurpose HTML Template</title>
     11 	
     12 	<meta name="description" content="Triangle is a creative multipurpose responsive html template. This amazing template is suitable for any kind of small business or creative farms. Creative design, stunning animations, single and multi-color variations are the main features of this template.">
     13 	<meta name="author" content="Themeum">
     14 	<meta name="copyright" content="Themeum">
     15 	<meta name="generator" content="Documenter v2.0 http://rxa.li/documenter">
     16 	<meta name="date" content="2014-06-13T00:00:00+02:00">
     17 	
     18 	<link rel="stylesheet" href="assets/css/documenter_style.css" media="all">
     19 	<link rel="stylesheet" href="assets/js/google-code-prettify/prettify.css" media="screen">
     20 	<script src="assets/js/google-code-prettify/prettify.js"></script>
     21 
     22 	
     23 	
     24 	<script src="assets/js/jquery.js"></script>
     25 	
     26 	<script src="assets/js/jquery.scrollTo.js"></script>
     27 	<script src="assets/js/jquery.easing.js"></script>
     28 	
     29 	<script>document.createElement('section');var duration='500',easing='swing';</script>
     30 	<script src="assets/js/script.js"></script>
     31 	
     32 	<style>
     33 		html{background-color:#FFFFFF;color:#383838;}
     34 		::-moz-selection{background:#444444;color:#DDDDDD;}
     35 		::selection{background:#444444;color:#DDDDDD;}
     36 		#documenter_sidebar #documenter_logo{background-image:url();}
     37 		a{color:#0000FF;}
     38 		.btn {
     39 			border-radius:3px;
     40 		}
     41 		.btn-primary {
     42 			  background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
     43 			  background-image: -ms-linear-gradient(top, #0088CC, #0044CC);
     44 			  background-image: -webkit-gradient(linear, 0 0, 0 0088CC%, from(#DDDDDD), to(#0044CC));
     45 			  background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
     46 			  background-image: -o-linear-gradient(top, #0088CC, #0044CC);
     47 			  background-image: linear-gradient(top, #0088CC, #0044CC);
     48 			  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088CC', endColorstr='#0044CC', GradientType=0);
     49 			  border-color: #0044CC #0044CC #bfbfbf;
     50 			  color:#FFFFFF;
     51 		}
     52 		.btn-primary:hover,
     53 		.btn-primary:active,
     54 		.btn-primary.active,
     55 		.btn-primary.disabled,
     56 		.btn-primary[disabled] {
     57 		  border-color: #0088CC #0088CC #bfbfbf;
     58 		  background-color: #0044CC;
     59 		}
     60 		hr{border-top:1px solid #EBEBEB;border-bottom:1px solid #FFFFFF;}
     61 		#documenter_sidebar, #documenter_sidebar ul a{background-color:#DDDDDD;color:#222222;}
     62 		#documenter_sidebar ul a{-webkit-text-shadow:1px 1px 0px #EEEEEE;-moz-text-shadow:1px 1px 0px #EEEEEE;text-shadow:1px 1px 0px #EEEEEE;}
     63 		#documenter_sidebar ul{border-top:1px solid #AAAAAA;}
     64 		#documenter_sidebar ul a{border-top:1px solid #EEEEEE;border-bottom:1px solid #AAAAAA;color:#444444;}
     65 		#documenter_sidebar ul a:hover{background:#444444;color:#DDDDDD;border-top:1px solid #444444;}
     66 		#documenter_sidebar ul a.current{background:#444444;color:#DDDDDD;border-top:1px solid #444444;}
     67 		#documenter_copyright{display:block !important;visibility:visible !important;}
     68 	</style>
     69 	
     70 </head>
     71 <body class="documenter-project-triangle">
     72 	<div id="documenter_sidebar">
     73 		<a href="#documenter_cover" id="documenter_logo"></a>
     74 		<ul id="documenter_nav">
     75 			<li><a class="current" href="#documenter_cover">Start</a></li>
     76 				
     77 			<li><a href="#ajax_contact_form" title="Ajax Contact Form">Ajax Contact Form</a></li>
     78 			<li><a href="#google_map" title="Google Map">Google Map</a></li>
     79 			<li><a href="#html" title="HTML">HTML</a></li>
     80 			<li><a href="#js" title="JS">JS</a></li>
     81 			<li><a href="#css" title="CSS">CSS</a></li>
     82 			<li><a href="#credit" title="Credit">Credit</a></li>
     83 			<li><a href="#thank_you" title="Thank You">Thank You</a></li>
     84 
     85 		</ul>
     86 		<div id="documenter_copyright">Copyright Themeum 2014<br>
     87 		made with the <a href="http://rxa.li/documenter">Documenter v2.0</a> 
     88 		</div>
     89 	</div>
     90 	<div id="documenter_content">
     91 	<section id="documenter_cover">
     92 	<h1>Triangle</h1>
     93 	<h2>Creative Multipurpose HTML Template</h2>
     94 	<div id="documenter_buttons">
     95 		<a href="http://themeforest.net/user/themeum/portfolio" class="btn btn-primary btn-large">All Themes</a> <a href="http://www.themeum.com/" class="btn btn-large">Website</a> <a href="http://www.themeum.com/questions" class="btn btn-large">Support</a> 
     96 	</div>
     97 	<hr>
     98 	<ul>
     99 	<li>created: 06/13/2014</li>
    100 	<li>latest update: 06/13/2014</li>
    101 	<li>by: Themeum</li>
    102 	<li><a href=""></a></li>
    103 	<li>email: <a href="mailto:&#115;&#117;&#112;&#112;&#111;&#114;&#116;&#64;&#116;&#104;&#101;&#109;&#101;&#117;&#109;&#46;&#99;&#111;&#109;">&#115;&#117;&#112;&#112;&#111;&#114;&#116;&#64;&#116;&#104;&#101;&#109;&#101;&#117;&#109;&#46;&#99;&#111;&#109;</a></li>
    104 	</ul>
    105 	<p>Triangle is a creative multipurpose responsive html template. This amazing template is suitable for any kind of small business or creative farms. Creative design, stunning animations, single and multi-color variations are the main features of this template.</p>
    106 	</section>
    107 	
    108 	<section id="ajax_contact_form">
    109 	<div class="page-header"><h3>Ajax Contact Form</h3><hr class="notop"></div>
    110 <p>
    111 	Open <strong>sendemail.php&nbsp;</strong>file using any text editor like sublime text or notepad++ and look for the line&nbsp;<strong>&#101;&#109;&#97;&#105;&#108;&#64;&#101;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;.</strong></p>
    112 <p>
    113 	Just replace that email with your one and save the file.</p>
    114 <pre class="prettyprint lang-php linenums">
    115 &lt;?php
    116 
    117 header(&#39;Content-type: application/json&#39;);
    118 
    119 $status = array(
    120 
    121 &#39;type&#39;=&gt;&#39;success&#39;,
    122 
    123 &#39;message&#39;=&gt;&#39;Thank you for contact us. As early as possible  we will contact you &#39;
    124 
    125 );
    126 
    127 
    128     $name = @trim(stripslashes($_POST[&#39;name&#39;])); 
    129 
    130     $email = @trim(stripslashes($_POST[&#39;email&#39;])); 
    131 
    132     $subject = @trim(stripslashes($_POST[&#39;subject&#39;])); 
    133 
    134     $message = @trim(stripslashes($_POST[&#39;message&#39;])); 
    135 
    136 
    137     $email_from = $email;
    138 
    139     $email_to = &#39;&#101;&#109;&#97;&#105;&#108;&#64;&#101;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;&#39;;//replace with your email
    140 
    141 
    142     $body = &#39;Name: &#39; . $name . &quot;\n\n&quot; . &#39;Email: &#39; . $email . &quot;\n\n&quot; . &#39;Subject: &#39; . $subject . &quot;\n\n&quot; . &#39;Message: &#39; . $message;
    143 
    144 
    145     $success = @mail($email_to, $subject, $body, &#39;From: &lt;&#39;.$email_from.&#39;&gt;&#39;);
    146 
    147 
    148     echo json_encode($status);
    149 
    150     die;</pre>
    151 </section>
    152 <section id="google_map">
    153 	<div class="page-header"><h3>Google Map</h3><hr class="notop"></div>
    154 <p>
    155 	In <strong>main.js</strong> file under <strong>js</strong> folder just look for the latitude and logitude value. Replace that values using correct one and save the file to see your address.</p>
    156 <pre class="prettyprint lang-js linenums">
    157 if( $(&#39;#gmap&#39;).length ) {
    158 
    159 var map;
    160 
    161 
    162 map = new GMaps({
    163 
    164 el: &#39;#gmap&#39;,
    165 
    166 lat: 43.04446,
    167 
    168 lng: -76.130791,
    169 
    170 scrollwheel:false,
    171 
    172 zoom: 16,
    173 
    174 zoomControl : false,
    175 
    176 panControl : false,
    177 
    178 streetViewControl : false,
    179 
    180 mapTypeControl: false,
    181 
    182 overviewMapControl: false,
    183 
    184 clickable: false
    185 
    186 });
    187 
    188 
    189 map.addMarker({
    190 
    191 lat: 43.04446,
    192 
    193 lng: -76.130791,
    194 
    195 animation: google.maps.Animation.DROP,
    196 
    197 verticalAlign: &#39;bottom&#39;,
    198 
    199 horizontalAlign: &#39;center&#39;,
    200 
    201 backgroundColor: &#39;#3e8bff&#39;,
    202 
    203 });
    204 
    205 }</pre>
    206 </section>
    207 <section id="html">
    208 	<div class="page-header"><h3>HTML</h3><hr class="notop"></div>
    209 <pre class="prettyprint lang-html linenums">
    210 &lt;!DOCTYPE html&gt;
    211 
    212 &lt;html lang=&quot;en&quot;&gt;
    213 
    214 &lt;head&gt;
    215 
    216     &lt;meta charset=&quot;utf-8&quot;&gt;
    217 
    218     &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    219 
    220     &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
    221 
    222     &lt;meta name=&quot;author&quot; content=&quot;&quot;&gt;
    223 
    224     &lt;title&gt;Home | Triangle&lt;/title&gt;
    225 
    226     &lt;link href=&quot;css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
    227 
    228     &lt;link href=&quot;css/font-awesome.min.css&quot; rel=&quot;stylesheet&quot;&gt;
    229 
    230     &lt;link href=&quot;css/animate.min.css&quot; rel=&quot;stylesheet&quot;&gt; 
    231 
    232     &lt;link href=&quot;css/lightbox.css&quot; rel=&quot;stylesheet&quot;&gt; 
    233 
    234 &lt;link href=&quot;css/main.css&quot; rel=&quot;stylesheet&quot;&gt;
    235 
    236 &lt;link href=&quot;css/responsive.css&quot; rel=&quot;stylesheet&quot;&gt;
    237 
    238 
    239     &lt;!--[if lt IE 9]&gt;
    240 
    241    &lt;script src=&quot;js/html5shiv.js&quot;&gt;&lt;/script&gt;
    242 
    243    &lt;script src=&quot;js/respond.min.js&quot;&gt;&lt;/script&gt;
    244 
    245     &lt;![endif]--&gt;       
    246 
    247     &lt;link rel=&quot;shortcut icon&quot; href=&quot;images/ico/favicon.ico&quot;&gt;
    248 
    249     &lt;link rel=&quot;apple-touch-icon-precomposed&quot; sizes=&quot;144x144&quot; href=&quot;images/ico/apple-touch-icon-144-precomposed.png&quot;&gt;
    250 
    251     &lt;link rel=&quot;apple-touch-icon-precomposed&quot; sizes=&quot;114x114&quot; href=&quot;images/ico/apple-touch-icon-114-precomposed.png&quot;&gt;
    252 
    253     &lt;link rel=&quot;apple-touch-icon-precomposed&quot; sizes=&quot;72x72&quot; href=&quot;images/ico/apple-touch-icon-72-precomposed.png&quot;&gt;
    254 
    255     &lt;link rel=&quot;apple-touch-icon-precomposed&quot; href=&quot;images/ico/apple-touch-icon-57-precomposed.png&quot;&gt;
    256 
    257 &lt;/head&gt;&lt;!--/head--&gt;
    258 
    259 
    260 &lt;body&gt;
    261 
    262 &lt;header id=&quot;header&quot;&gt;      
    263 
    264         &lt;div class=&quot;container&quot;&gt;
    265 
    266             &lt;div class=&quot;row&quot;&gt;
    267 
    268                 &lt;div class=&quot;col-sm-12 overflow&quot;&gt;
    269 
    270                    &lt;div class=&quot;social-icons pull-right&quot;&gt;
    271 
    272                         &lt;ul class=&quot;nav nav-pills&quot;&gt;
    273 
    274                             &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;i class=&quot;fa fa-facebook&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    275 
    276                             &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;i class=&quot;fa fa-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    277 
    278                             &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;i class=&quot;fa fa-google-plus&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    279 
    280                             &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;i class=&quot;fa fa-dribbble&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    281 
    282                             &lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;i class=&quot;fa fa-linkedin&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
    283 
    284                         &lt;/ul&gt;
    285 
    286                     &lt;/div&gt; 
    287 
    288                 &lt;/div&gt;
    289 
    290              &lt;/div&gt;
    291 
    292         &lt;/div&gt;
    293 
    294         &lt;div class=&quot;navbar navbar-inverse&quot; role=&quot;banner&quot;&gt;
    295 
    296             &lt;div class=&quot;container&quot;&gt;
    297 
    298                 &lt;div class=&quot;navbar-header&quot;&gt;
    299 
    300                     &lt;button type=&quot;button&quot; class=&quot;navbar-toggle&quot; data-toggle=&quot;collapse&quot; data-target=&quot;.navbar-collapse&quot;&gt;
    301 
    302                         &lt;span class=&quot;sr-only&quot;&gt;Toggle navigation&lt;/span&gt;
    303 
    304                         &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
    305 
    306                         &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
    307 
    308                         &lt;span class=&quot;icon-bar&quot;&gt;&lt;/span&gt;
    309 
    310                     &lt;/button&gt;
    311 
    312 
    313                     &lt;a class=&quot;navbar-brand&quot; href=&quot;index.html&quot;&gt;
    314 
    315                     <span class="Apple-tab-span" style="white-space:pre"> </span>&lt;h1&gt;&lt;img src=&quot;images/logo.png&quot; alt=&quot;logo&quot;&gt;&lt;/h1&gt;
    316 
    317                     &lt;/a&gt;
    318 
    319                     
    320 
    321                 &lt;/div&gt;
    322 
    323                 &lt;div class=&quot;collapse navbar-collapse&quot;&gt;
    324 
    325                     &lt;ul class=&quot;nav navbar-nav navbar-right&quot;&gt;
    326 
    327                         &lt;li class=&quot;active&quot;&gt;&lt;a href=&quot;index.html&quot;&gt;Home&lt;/a&gt;&lt;/li&gt;
    328 
    329                         &lt;li class=&quot;dropdown&quot;&gt;&lt;a href=&quot;#&quot;&gt;Pages &lt;i class=&quot;fa fa-angle-down&quot;&gt;&lt;/i&gt;&lt;/a&gt;
    330 
    331                             &lt;ul role=&quot;menu&quot; class=&quot;sub-menu&quot;&gt;
    332 
    333                                 &lt;li&gt;&lt;a href=&quot;aboutus.html&quot;&gt;About&lt;/a&gt;&lt;/li&gt;
    334 
    335                                 &lt;li&gt;&lt;a href=&quot;aboutus2.html&quot;&gt;About 2&lt;/a&gt;&lt;/li&gt;
    336 
    337                                 &lt;li&gt;&lt;a href=&quot;service.html&quot;&gt;Services&lt;/a&gt;&lt;/li&gt;
    338 
    339                                 &lt;li&gt;&lt;a href=&quot;pricing.html&quot;&gt;Pricing&lt;/a&gt;&lt;/li&gt;
    340 
    341                                 &lt;li&gt;&lt;a href=&quot;contact.html&quot;&gt;Contact us&lt;/a&gt;&lt;/li&gt;
    342 
    343                                 &lt;li&gt;&lt;a href=&quot;contact2.html&quot;&gt;Contact us 2&lt;/a&gt;&lt;/li&gt;
    344 
    345                                 &lt;li&gt;&lt;a href=&quot;404.html&quot;&gt;404 error&lt;/a&gt;&lt;/li&gt;
    346 
    347                                 &lt;li&gt;&lt;a href=&quot;coming-soon.html&quot;&gt;Coming Soon&lt;/a&gt;&lt;/li&gt;
    348 
    349                             &lt;/ul&gt;
    350 
    351                         &lt;/li&gt;                  
    352 
    353                         &lt;li class=&quot;dropdown&quot;&gt;&lt;a href=&quot;blog.html&quot;&gt;Blog &lt;i class=&quot;fa fa-angle-down&quot;&gt;&lt;/i&gt;&lt;/a&gt;
    354 
    355                             &lt;ul role=&quot;menu&quot; class=&quot;sub-menu&quot;&gt;
    356 
    357                                 &lt;li&gt;&lt;a href=&quot;blog.html&quot;&gt;Blog Default&lt;/a&gt;&lt;/li&gt;
    358 
    359                                 &lt;li&gt;&lt;a href=&quot;blogtwo.html&quot;&gt;Timeline Blog&lt;/a&gt;&lt;/li&gt;
    360 
    361                                 &lt;li&gt;&lt;a href=&quot;blogone.html&quot;&gt;2 Columns + Right Sidebar&lt;/a&gt;&lt;/li&gt;
    362 
    363                                 &lt;li&gt;&lt;a href=&quot;blogthree.html&quot;&gt;1 Column + Left Sidebar&lt;/a&gt;&lt;/li&gt;
    364 
    365                                 &lt;li&gt;&lt;a href=&quot;blogfour.html&quot;&gt;Blog Masonary&lt;/a&gt;&lt;/li&gt;
    366 
    367                                 &lt;li&gt;&lt;a href=&quot;blogdetails.html&quot;&gt;Blog Details&lt;/a&gt;&lt;/li&gt;
    368 
    369                             &lt;/ul&gt;
    370 
    371                         &lt;/li&gt;
    372 
    373                         &lt;li class=&quot;dropdown&quot;&gt;&lt;a href=&quot;portfolio.html&quot;&gt;Portfolio &lt;i class=&quot;fa fa-angle-down&quot;&gt;&lt;/i&gt;&lt;/a&gt;
    374 
    375                             &lt;ul role=&quot;menu&quot; class=&quot;sub-menu&quot;&gt;
    376 
    377                                 &lt;li&gt;&lt;a href=&quot;portfolio.html&quot;&gt;Portfolio Default&lt;/a&gt;&lt;/li&gt;
    378 
    379                                 &lt;li&gt;&lt;a href=&quot;portfoliofour.html&quot;&gt;Isotope 3 Columns + Right Sidebar&lt;/a&gt;&lt;/li&gt;
    380 
    381                                 &lt;li&gt;&lt;a href=&quot;portfolioone.html&quot;&gt;3 Columns + Right Sidebar&lt;/a&gt;&lt;/li&gt;
    382 
    383                                 &lt;li&gt;&lt;a href=&quot;portfoliotwo.html&quot;&gt;3 Columns + Left Sidebar&lt;/a&gt;&lt;/li&gt;
    384 
    385                                 &lt;li&gt;&lt;a href=&quot;portfoliothree.html&quot;&gt;2 Columns&lt;/a&gt;&lt;/li&gt;
    386 
    387                                 &lt;li&gt;&lt;a href=&quot;portfolio-details.html&quot;&gt;Portfolio Details&lt;/a&gt;&lt;/li&gt;
    388 
    389                             &lt;/ul&gt;
    390 
    391                         &lt;/li&gt;                         
    392 
    393                         &lt;li&gt;&lt;a href=&quot;shortcodes.html &quot;&gt;Shortcodes&lt;/a&gt;&lt;/li&gt;                    
    394 
    395                     &lt;/ul&gt;
    396 
    397                 &lt;/div&gt;
    398 
    399                 &lt;div class=&quot;search&quot;&gt;
    400 
    401                     &lt;form role=&quot;form&quot;&gt;
    402 
    403                         &lt;i class=&quot;fa fa-search&quot;&gt;&lt;/i&gt;
    404 
    405                         &lt;div class=&quot;field-toggle&quot;&gt;
    406 
    407                             &lt;input type=&quot;text&quot; class=&quot;search-form&quot; autocomplete=&quot;off&quot; placeholder=&quot;Search&quot;&gt;
    408 
    409                         &lt;/div&gt;
    410 
    411                     &lt;/form&gt;
    412 
    413                 &lt;/div&gt;
    414 
    415             &lt;/div&gt;
    416 
    417         &lt;/div&gt;
    418 
    419     &lt;/header&gt;
    420 
    421     &lt;!--/#header--&gt;
    422 
    423 
    424     &lt;section id=&quot;home-slider&quot;&gt;
    425 
    426         &lt;div class=&quot;container&quot;&gt;
    427 
    428             &lt;div class=&quot;main-slider&quot;&gt;
    429 
    430                 &lt;div class=&quot;slide-text&quot;&gt;
    431 
    432                     &lt;h1&gt;We Are Creative Nerds&lt;/h1&gt;
    433 
    434                     &lt;p&gt;Boudin doner frankfurter pig. Cow shank bresaola pork loin tri-tip tongue venison pork belly meatloaf short loin landjaeger biltong beef ribs shankle chicken andouille.&lt;/p&gt;
    435 
    436                     &lt;a href=&quot;#&quot; class=&quot;btn btn-common&quot;&gt;SIGN UP&lt;/a&gt;
    437 
    438                 &lt;/div&gt;
    439 
    440                 &lt;img src=&quot;images/home/slider/slide1/house.png&quot; class=&quot;img-responsive slider-house&quot; alt=&quot;slider image&quot;&gt;
    441 
    442                 &lt;img src=&quot;images/home/slider/slide1/circle1.png&quot; class=&quot;slider-circle1&quot; alt=&quot;slider image&quot;&gt;
    443 
    444                 &lt;img src=&quot;images/home/slider/slide1/circle2.png&quot; class=&quot;slider-circle2&quot; alt=&quot;slider image&quot;&gt;
    445 
    446                 &lt;img src=&quot;images/home/slider/slide1/cloud1.png&quot; class=&quot;slider-cloud1&quot; alt=&quot;slider image&quot;&gt;
    447 
    448                 &lt;img src=&quot;images/home/slider/slide1/cloud2.png&quot; class=&quot;slider-cloud2&quot; alt=&quot;slider image&quot;&gt;
    449 
    450                 &lt;img src=&quot;images/home/slider/slide1/cloud3.png&quot; class=&quot;slider-cloud3&quot; alt=&quot;slider image&quot;&gt;
    451 
    452                 &lt;img src=&quot;images/home/slider/slide1/sun.png&quot; class=&quot;slider-sun&quot; alt=&quot;slider image&quot;&gt;
    453 
    454                 &lt;img src=&quot;images/home/cycle.png&quot; class=&quot;slider-cycle&quot; alt=&quot;&quot;&gt;
    455 
    456             &lt;/div&gt;
    457 
    458         &lt;/div&gt;
    459 
    460         &lt;div class=&quot;preloader&quot;&gt;&lt;i class=&quot;fa fa-sun-o fa-spin&quot;&gt;&lt;/i&gt;&lt;/div&gt;
    461 
    462     &lt;/section&gt;
    463 
    464     &lt;!--/#home-slider--&gt;
    465 
    466 
    467     &lt;section id=&quot;services&quot;&gt;
    468 
    469         &lt;div class=&quot;container&quot;&gt;
    470 
    471             &lt;div class=&quot;row&quot;&gt;
    472 
    473                 &lt;div class=&quot;col-sm-4 text-center padding wow fadeIn&quot; data-wow-duration=&quot;1000ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    474 
    475                     &lt;div class=&quot;single-service&quot;&gt;
    476 
    477                         &lt;div class=&quot;wow scaleIn&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    478 
    479                             &lt;img src=&quot;images/home/icon1.png&quot; alt=&quot;&quot;&gt;
    480 
    481                         &lt;/div&gt;
    482 
    483                         &lt;h2&gt;Incredibly Responsive&lt;/h2&gt;
    484 
    485                         &lt;p&gt;Ground round tenderloin flank shank ribeye. Hamkevin meatball swine. Cow shankle beef sirloin chicken ground round.&lt;/p&gt;
    486 
    487                     &lt;/div&gt;
    488 
    489                 &lt;/div&gt;
    490 
    491                 &lt;div class=&quot;col-sm-4 text-center padding wow fadeIn&quot; data-wow-duration=&quot;1000ms&quot; data-wow-delay=&quot;600ms&quot;&gt;
    492 
    493                     &lt;div class=&quot;single-service&quot;&gt;
    494 
    495                         &lt;div class=&quot;wow scaleIn&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;600ms&quot;&gt;
    496 
    497                             &lt;img src=&quot;images/home/icon2.png&quot; alt=&quot;&quot;&gt;
    498 
    499                         &lt;/div&gt;
    500 
    501                         &lt;h2&gt;Superior Typography&lt;/h2&gt;
    502 
    503                         &lt;p&gt;Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.&lt;/p&gt;
    504 
    505                     &lt;/div&gt;
    506 
    507                 &lt;/div&gt;
    508 
    509                 &lt;div class=&quot;col-sm-4 text-center padding wow fadeIn&quot; data-wow-duration=&quot;1000ms&quot; data-wow-delay=&quot;900ms&quot;&gt;
    510 
    511                     &lt;div class=&quot;single-service&quot;&gt;
    512 
    513                         &lt;div class=&quot;wow scaleIn&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;900ms&quot;&gt;
    514 
    515                             &lt;img src=&quot;images/home/icon3.png&quot; alt=&quot;&quot;&gt;
    516 
    517                         &lt;/div&gt;
    518 
    519                         &lt;h2&gt;Swift Page Builder&lt;/h2&gt;
    520 
    521                         &lt;p&gt;Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.&lt;/p&gt;
    522 
    523                     &lt;/div&gt;
    524 
    525                 &lt;/div&gt;
    526 
    527             &lt;/div&gt;
    528 
    529         &lt;/div&gt;
    530 
    531     &lt;/section&gt;
    532 
    533     &lt;!--/#services--&gt;
    534 
    535 
    536     &lt;section id=&quot;action&quot; class=&quot;responsive&quot;&gt;
    537 
    538         &lt;div class=&quot;vertical-center&quot;&gt;
    539 
    540              &lt;div class=&quot;container&quot;&gt;
    541 
    542                 &lt;div class=&quot;row&quot;&gt;
    543 
    544                     &lt;div class=&quot;action take-tour&quot;&gt;
    545 
    546                         &lt;div class=&quot;col-sm-7 wow fadeInLeft&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    547 
    548                             &lt;h1 class=&quot;title&quot;&gt;Triangle Corporate Template&lt;/h1&gt;
    549 
    550                             &lt;p&gt;A responsive, retina-ready &amp;amp; wide multipurpose template.&lt;/p&gt;
    551 
    552                         &lt;/div&gt;
    553 
    554                         &lt;div class=&quot;col-sm-5 text-center wow fadeInRight&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    555 
    556                             &lt;div class=&quot;tour-button&quot;&gt;
    557 
    558                                 &lt;a href=&quot;#&quot; class=&quot;btn btn-common&quot;&gt;TAKE THE TOUR&lt;/a&gt;
    559 
    560                              &lt;/div&gt;
    561 
    562                         &lt;/div&gt;
    563 
    564                     &lt;/div&gt;
    565 
    566                 &lt;/div&gt;
    567 
    568             &lt;/div&gt;
    569 
    570         &lt;/div&gt;
    571 
    572    &lt;/section&gt;
    573 
    574     &lt;!--/#action--&gt;
    575 
    576 
    577     &lt;section id=&quot;features&quot;&gt;
    578 
    579         &lt;div class=&quot;container&quot;&gt;
    580 
    581             &lt;div class=&quot;row&quot;&gt;
    582 
    583                 &lt;div class=&quot;single-features&quot;&gt;
    584 
    585                     &lt;div class=&quot;col-sm-5 wow fadeInLeft&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    586 
    587                         &lt;img src=&quot;images/home/image1.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;
    588 
    589                     &lt;/div&gt;
    590 
    591                     &lt;div class=&quot;col-sm-6 wow fadeInRight&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    592 
    593                         &lt;h2&gt;Experienced and Enthusiastic&lt;/h2&gt;
    594 
    595                         &lt;P&gt;Pork belly leberkas cow short ribs capicola pork loin. Doner fatback frankfurter jerky meatball pastrami bacon tail sausage. Turkey fatback ball tip, tri-tip tenderloin drumstick salami strip steak.&lt;/P&gt;
    596 
    597                     &lt;/div&gt;
    598 
    599                 &lt;/div&gt;
    600 
    601                 &lt;div class=&quot;single-features&quot;&gt;
    602 
    603                     &lt;div class=&quot;col-sm-6 col-sm-offset-1 align-right wow fadeInLeft&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    604 
    605                         &lt;h2&gt;Built for the Responsive Web&lt;/h2&gt;
    606 
    607                         &lt;P&gt;Mollit eiusmod id chuck turducken laboris meatloaf pork loin tenderloin swine. Pancetta excepteur fugiat strip steak tri-tip. Swine salami eiusmod sint, ex id venison non. Fugiat ea jowl cillum meatloaf.&lt;/P&gt;
    608 
    609                     &lt;/div&gt;
    610 
    611                     &lt;div class=&quot;col-sm-5 wow fadeInRight&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    612 
    613                         &lt;img src=&quot;images/home/image2.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;
    614 
    615                     &lt;/div&gt;
    616 
    617                 &lt;/div&gt;
    618 
    619                 &lt;div class=&quot;single-features&quot;&gt;
    620 
    621                     &lt;div class=&quot;col-sm-5 wow fadeInLeft&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    622 
    623                         &lt;img src=&quot;images/home/image3.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;
    624 
    625                     &lt;/div&gt;
    626 
    627                     &lt;div class=&quot;col-sm-6 wow fadeInRight&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    628 
    629                         &lt;h2&gt;Experienced and Enthusiastic&lt;/h2&gt;
    630 
    631                         &lt;P&gt;Ut officia cupidatat anim excepteur fugiat cillum ea occaecat rump pork chop tempor. Ut tenderloin veniam commodo. Shankle aliquip short ribs, chicken eiusmod exercitation shank landjaeger spare ribs corned beef.&lt;/P&gt;
    632 
    633                     &lt;/div&gt;
    634 
    635                 &lt;/div&gt;
    636 
    637             &lt;/div&gt;
    638 
    639         &lt;/div&gt;
    640 
    641     &lt;/section&gt;
    642 
    643      &lt;!--/#features--&gt;
    644 
    645 
    646     &lt;section id=&quot;clients&quot;&gt;
    647 
    648         &lt;div class=&quot;container&quot;&gt;
    649 
    650             &lt;div class=&quot;row&quot;&gt;
    651 
    652                 &lt;div class=&quot;col-sm-12&quot;&gt;
    653 
    654                     &lt;div class=&quot;clients text-center wow fadeInUp&quot; data-wow-duration=&quot;500ms&quot; data-wow-delay=&quot;300ms&quot;&gt;
    655 
    656                         &lt;p&gt;&lt;img src=&quot;images/home/clients.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;&lt;/p&gt;
    657 
    658                         &lt;h1 class=&quot;title&quot;&gt;Happy Clients&lt;/h1&gt;
    659 
    660                         &lt;p&gt;Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. &lt;br&gt; Ut enim ad minim veniam, quis nostrud &lt;/p&gt;
    661 
    662                     &lt;/div&gt;
    663 
    664                     &lt;div class=&quot;clients-logo wow fadeIn&quot; data-wow-duration=&quot;1000ms&quot; data-wow-delay=&quot;600ms&quot;&gt;
    665 
    666                         &lt;div class=&quot;col-xs-3 col-sm-2&quot;&gt;
    667 
    668                             &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/home/client1.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
    669 
    670                         &lt;/div&gt;
    671 
    672                         &lt;div class=&quot;col-xs-3 col-sm-2&quot;&gt;
    673 
    674                             &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/home/client2.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
    675 
    676                         &lt;/div&gt;
    677 
    678                          &lt;div class=&quot;col-xs-3 col-sm-2&quot;&gt;
    679 
    680                             &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/home/client3.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
    681 
    682                         &lt;/div&gt;
    683 
    684                          &lt;div class=&quot;col-xs-3 col-sm-2&quot;&gt;
    685 
    686                             &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/home/client4.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
    687 
    688                         &lt;/div&gt;
    689 
    690                          &lt;div class=&quot;col-xs-3 col-sm-2&quot;&gt;
    691 
    692                             &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/home/client5.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
    693 
    694                         &lt;/div&gt;
    695 
    696                          &lt;div class=&quot;col-xs-3 col-sm-2&quot;&gt;
    697 
    698                             &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/home/client6.png&quot; class=&quot;img-responsive&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
    699 
    700                         &lt;/div&gt;
    701 
    702                     &lt;/div&gt;
    703 
    704                 &lt;/div&gt;
    705 
    706             &lt;/div&gt;
    707 
    708         &lt;/div&gt;
    709 
    710      &lt;/section&gt;
    711 
    712     &lt;!--/#clients--&gt;
    713 
    714 
    715     &lt;footer id=&quot;footer&quot;&gt;
    716 
    717         &lt;div class=&quot;container&quot;&gt;
    718 
    719             &lt;div class=&quot;row&quot;&gt;
    720 
    721                 &lt;div class=&quot;col-sm-12 text-center bottom-separator&quot;&gt;
    722 
    723                     &lt;img src=&quot;images/home/under.png&quot; class=&quot;img-responsive inline&quot; alt=&quot;&quot;&gt;
    724 
    725                 &lt;/div&gt;
    726 
    727                 &lt;div class=&quot;col-md-4 col-sm-6&quot;&gt;
    728 
    729                     &lt;div class=&quot;testimonial bottom&quot;&gt;
    730 
    731                         &lt;h2&gt;Testimonial&lt;/h2&gt;
    732 
    733                         &lt;div class=&quot;media&quot;&gt;
    734 
    735                             &lt;div class=&quot;pull-left&quot;&gt;
    736 
    737                                 &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/home/profile1.png&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
    738 
    739                             &lt;/div&gt;
    740 
    741                             &lt;div class=&quot;media-body&quot;&gt;
    742 
    743                                 &lt;blockquote&gt;Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.&lt;/blockquote&gt;
    744 
    745                                 &lt;h3&gt;&lt;a href=&quot;#&quot;&gt;- Jhon Kalis&lt;/a&gt;&lt;/h3&gt;
    746 
    747                             &lt;/div&gt;
    748 
    749                          &lt;/div&gt;
    750 
    751                         &lt;div class=&quot;media&quot;&gt;
    752 
    753                             &lt;div class=&quot;pull-left&quot;&gt;
    754 
    755                                 &lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/home/profile2.png&quot; alt=&quot;&quot;&gt;&lt;/a&gt;
    756 
    757                             &lt;/div&gt;
    758 
    759                             &lt;div class=&quot;media-body&quot;&gt;
    760 
    761                                 &lt;blockquote&gt;Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.&lt;/blockquote&gt;
    762 
    763                                 &lt;h3&gt;&lt;a href=&quot;&quot;&gt;- Abraham Josef&lt;/a&gt;&lt;/h3&gt;
    764 
    765                             &lt;/div&gt;
    766 
    767                         &lt;/div&gt;   
    768 
    769                     &lt;/div&gt; 
    770 
    771                 &lt;/div&gt;
    772 
    773                 &lt;div class=&quot;col-md-3 col-sm-6&quot;&gt;
    774 
    775                     &lt;div class=&quot;contact-info bottom&quot;&gt;
    776 
    777                         &lt;h2&gt;Contacts&lt;/h2&gt;
    778 
    779                         &lt;address&gt;
    780 
    781                         E-mail: &lt;a href=&quot;mailto:&#115;&#111;&#109;&#101;&#111;&#110;&#101;&#64;&#101;&#120;&#97;&#109;&#112;&#108;&#101;&#46;&#99;&#111;&#109;&quot;&gt;&#101;&#109;&#97;&#105;&#108;&#64;&#101;&#109;&#97;&#105;&#108;&#46;&#99;&#111;&#109;&lt;/a&gt; &lt;br&gt; 
    782 
    783                         Phone: +1 (123) 456 7890 &lt;br&gt; 
    784 
    785                         Fax: +1 (123) 456 7891 &lt;br&gt; 
    786 
    787                         &lt;/address&gt;
    788 
    789 
    790                         &lt;h2&gt;Address&lt;/h2&gt;
    791 
    792                         &lt;address&gt;
    793 
    794                         Unit C2, St.Vincent&#39;s Trading Est., &lt;br&gt; 
    795 
    796                         Feeder Road, &lt;br&gt; 
    797 
    798                         Bristol, BS2 0UY &lt;br&gt; 
    799 
    800                         United Kingdom &lt;br&gt; 
    801 
    802                         &lt;/address&gt;
    803 
    804                     &lt;/div&gt;
    805 
    806                 &lt;/div&gt;
    807 
    808                 &lt;div class=&quot;col-md-4 col-sm-12&quot;&gt;
    809 
    810                     &lt;div class=&quot;contact-form bottom&quot;&gt;
    811 
    812                         &lt;h2&gt;Send a message&lt;/h2&gt;
    813 
    814                         &lt;form id=&quot;main-contact-form&quot; name=&quot;contact-form&quot; method=&quot;post&quot; action=&quot;sendemail.php&quot;&gt;
    815 
    816                             &lt;div class=&quot;form-group&quot;&gt;
    817 
    818                                 &lt;input type=&quot;text&quot; name=&quot;name&quot; class=&quot;form-control&quot; required=&quot;required&quot; placeholder=&quot;Name&quot;&gt;
    819 
    820                             &lt;/div&gt;
    821 
    822                             &lt;div class=&quot;form-group&quot;&gt;
    823 
    824                                 &lt;input type=&quot;email&quot; name=&quot;email&quot; class=&quot;form-control&quot; required=&quot;required&quot; placeholder=&quot;Email Id&quot;&gt;
    825 
    826                             &lt;/div&gt;
    827 
    828                             &lt;div class=&quot;form-group&quot;&gt;
    829 
    830                                 &lt;textarea name=&quot;message&quot; id=&quot;message&quot; required=&quot;required&quot; class=&quot;form-control&quot; rows=&quot;8&quot; placeholder=&quot;Your text here&quot;&gt;&lt;/textarea&gt;
    831 
    832                             &lt;/div&gt;                        
    833 
    834                             &lt;div class=&quot;form-group&quot;&gt;
    835 
    836                                 &lt;input type=&quot;submit&quot; name=&quot;submit&quot; class=&quot;btn btn-submit&quot; value=&quot;Submit&quot;&gt;
    837 
    838                             &lt;/div&gt;
    839 
    840                         &lt;/form&gt;
    841 
    842                     &lt;/div&gt;
    843 
    844                 &lt;/div&gt;
    845 
    846                 &lt;div class=&quot;col-sm-12&quot;&gt;
    847 
    848                     &lt;div class=&quot;copyright-text text-center&quot;&gt;
    849 
    850                         &lt;p&gt;&amp;copy; Your Company 2014. All Rights Reserved.&lt;/p&gt;
    851 
    852                         &lt;p&gt;Designed by &lt;a target=&quot;_blank&quot; href=&quot;http://www.themeum.com&quot;&gt;Themeum&lt;/a&gt;&lt;/p&gt;
    853 
    854                     &lt;/div&gt;
    855 
    856                 &lt;/div&gt;
    857 
    858             &lt;/div&gt;
    859 
    860         &lt;/div&gt;
    861 
    862     &lt;/footer&gt;
    863 
    864     &lt;!--/#footer--&gt;
    865 
    866 
    867     &lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery.js&quot;&gt;&lt;/script&gt;
    868 
    869     &lt;script type=&quot;text/javascript&quot; src=&quot;js/bootstrap.min.js&quot;&gt;&lt;/script&gt;
    870 
    871     &lt;script type=&quot;text/javascript&quot; src=&quot;js/lightbox.min.js&quot;&gt;&lt;/script&gt;
    872 
    873     &lt;script type=&quot;text/javascript&quot; src=&quot;js/wow.min.js&quot;&gt;&lt;/script&gt;
    874 
    875     &lt;script type=&quot;text/javascript&quot; src=&quot;js/main.js&quot;&gt;&lt;/script&gt;   
    876 
    877 &lt;/body&gt;
    878 
    879 &lt;/html&gt;</pre>
    880 <div>
    881 	&nbsp;</div>
    882 </section>
    883 <section id="js">
    884 	<div class="page-header"><h3>JS</h3><hr class="notop"></div>
    885 <p class="prettyprint lang-js linenums">
    886 	jQuery(function($) {&#39;use strict&#39;;</p>
    887 <p class="prettyprint lang-js linenums">
    888 	//Responsive Nav</p>
    889 <p class="prettyprint lang-js linenums">
    890 	$(&#39;li.dropdown&#39;).find(&#39;.fa-angle-down&#39;).each(function(){</p>
    891 <p class="prettyprint lang-js linenums">
    892 	$(this).on(&#39;click&#39;, function(){</p>
    893 <p class="prettyprint lang-js linenums">
    894 	if( $(window).width() &lt; 768 ) {</p>
    895 <p class="prettyprint lang-js linenums">
    896 	$(this).parent().next().slideToggle();</p>
    897 <p class="prettyprint lang-js linenums">
    898 	}</p>
    899 <p class="prettyprint lang-js linenums">
    900 	return false;</p>
    901 <p class="prettyprint lang-js linenums">
    902 	});</p>
    903 <p class="prettyprint lang-js linenums">
    904 	});</p>
    905 <p class="prettyprint lang-js linenums">
    906 	//Fit Vids</p>
    907 <p class="prettyprint lang-js linenums">
    908 	if( $(&#39;#video-container&#39;).length ) {</p>
    909 <p class="prettyprint lang-js linenums">
    910 	$(&quot;#video-container&quot;).fitVids();</p>
    911 <p class="prettyprint lang-js linenums">
    912 	}</p>
    913 <p class="prettyprint lang-js linenums">
    914 	//Initiat WOW JS</p>
    915 <p class="prettyprint lang-js linenums">
    916 	new WOW().init();</p>
    917 <p class="prettyprint lang-js linenums">
    918 	// portfolio filter</p>
    919 <p class="prettyprint lang-js linenums">
    920 	$(window).load(function(){</p>
    921 <p class="prettyprint lang-js linenums">
    922 	$(&#39;.main-slider&#39;).addClass(&#39;animate-in&#39;);</p>
    923 <p class="prettyprint lang-js linenums">
    924 	$(&#39;.preloader&#39;).remove();</p>
    925 <p class="prettyprint lang-js linenums">
    926 	//End Preloader</p>
    927 <p class="prettyprint lang-js linenums">
    928 	if( $(&#39;.masonery_area&#39;).length ) {</p>
    929 <p class="prettyprint lang-js linenums">
    930 	$(&#39;.masonery_area&#39;).masonry();//Masonry</p>
    931 <p class="prettyprint lang-js linenums">
    932 	}</p>
    933 <p class="prettyprint lang-js linenums">
    934 	var $portfolio_selectors = $(&#39;.portfolio-filter &gt;li&gt;a&#39;);</p>
    935 <p class="prettyprint lang-js linenums">
    936 	if($portfolio_selectors.length) {</p>
    937 <p class="prettyprint lang-js linenums">
    938 	var $portfolio = $(&#39;.portfolio-items&#39;);</p>
    939 <p class="prettyprint lang-js linenums">
    940 	$portfolio.isotope({</p>
    941 <p class="prettyprint lang-js linenums">
    942 	itemSelector : &#39;.portfolio-item&#39;,</p>
    943 <p class="prettyprint lang-js linenums">
    944 	layoutMode : &#39;fitRows&#39;</p>
    945 <p class="prettyprint lang-js linenums">
    946 	});</p>
    947 <p class="prettyprint lang-js linenums">
    948 	$portfolio_selectors.on(&#39;click&#39;, function(){</p>
    949 <p class="prettyprint lang-js linenums">
    950 	$portfolio_selectors.removeClass(&#39;active&#39;);</p>
    951 <p class="prettyprint lang-js linenums">
    952 	$(this).addClass(&#39;active&#39;);</p>
    953 <p class="prettyprint lang-js linenums">
    954 	var selector = $(this).attr(&#39;data-filter&#39;);</p>
    955 <p class="prettyprint lang-js linenums">
    956 	$portfolio.isotope({ filter: selector });</p>
    957 <p class="prettyprint lang-js linenums">
    958 	return false;</p>
    959 <p class="prettyprint lang-js linenums">
    960 	});</p>
    961 <p class="prettyprint lang-js linenums">
    962 	}</p>
    963 <p class="prettyprint lang-js linenums">
    964 	});</p>
    965 <p class="prettyprint lang-js linenums">
    966 	$(&#39;.timer&#39;).each(count);</p>
    967 <p class="prettyprint lang-js linenums">
    968 	function count(options) {</p>
    969 <p class="prettyprint lang-js linenums">
    970 	var $this = $(this);</p>
    971 <p class="prettyprint lang-js linenums">
    972 	options = $.extend({}, options || {}, $this.data(&#39;countToOptions&#39;) || {});</p>
    973 <p class="prettyprint lang-js linenums">
    974 	$this.countTo(options);</p>
    975 <p class="prettyprint lang-js linenums">
    976 	}</p>
    977 <p class="prettyprint lang-js linenums">
    978 	// Search</p>
    979 <p class="prettyprint lang-js linenums">
    980 	$(&#39;.fa-search&#39;).on(&#39;click&#39;, function() {</p>
    981 <p class="prettyprint lang-js linenums">
    982 	$(&#39;.field-toggle&#39;).fadeToggle(200);</p>
    983 <p class="prettyprint lang-js linenums">
    984 	});</p>
    985 <p class="prettyprint lang-js linenums">
    986 	// Contact form</p>
    987 <p class="prettyprint lang-js linenums">
    988 	var form = $(&#39;#main-contact-form&#39;);</p>
    989 <p class="prettyprint lang-js linenums">
    990 	form.submit(function(event){</p>
    991 <p class="prettyprint lang-js linenums">
    992 	event.preventDefault();</p>
    993 <p class="prettyprint lang-js linenums">
    994 	var form_status = $(&#39;&lt;div class=&quot;form_status&quot;&gt;&lt;/div&gt;&#39;);</p>
    995 <p class="prettyprint lang-js linenums">
    996 	$.ajax({</p>
    997 <p class="prettyprint lang-js linenums">
    998 	url: $(this).attr(&#39;action&#39;),</p>
    999 <p class="prettyprint lang-js linenums">
   1000 	beforeSend: function(){</p>
   1001 <p class="prettyprint lang-js linenums">
   1002 	form.prepend( form_status.html(&#39;&lt;p&gt;&lt;i class=&quot;fa fa-spinner fa-spin&quot;&gt;&lt;/i&gt; Email is sending...&lt;/p&gt;&#39;).fadeIn() );</p>
   1003 <p class="prettyprint lang-js linenums">
   1004 	}</p>
   1005 <p class="prettyprint lang-js linenums">
   1006 	}).done(function(data){</p>
   1007 <p class="prettyprint lang-js linenums">
   1008 	form_status.html(&#39;&lt;p class=&quot;text-success&quot;&gt;&#39; + data.message + &#39;&lt;/p&gt;&#39;).delay(3000).fadeOut();</p>
   1009 <p class="prettyprint lang-js linenums">
   1010 	});</p>
   1011 <p class="prettyprint lang-js linenums">
   1012 	});</p>
   1013 <p class="prettyprint lang-js linenums">
   1014 	// Progress Bar</p>
   1015 <p class="prettyprint lang-js linenums">
   1016 	$.each($(&#39;div.progress-bar&#39;),function(){</p>
   1017 <p class="prettyprint lang-js linenums">
   1018 	$(this).css(&#39;width&#39;, $(this).attr(&#39;data-transition&#39;)+&#39;%&#39;);</p>
   1019 <p class="prettyprint lang-js linenums">
   1020 	});</p>
   1021 <p class="prettyprint lang-js linenums">
   1022 	if( $(&#39;#gmap&#39;).length ) {</p>
   1023 <p class="prettyprint lang-js linenums">
   1024 	var map;</p>
   1025 <p class="prettyprint lang-js linenums">
   1026 	map = new GMaps({</p>
   1027 <p class="prettyprint lang-js linenums">
   1028 	el: &#39;#gmap&#39;,</p>
   1029 <p class="prettyprint lang-js linenums">
   1030 	lat: 43.04446,</p>
   1031 <p class="prettyprint lang-js linenums">
   1032 	lng: -76.130791,</p>
   1033 <p class="prettyprint lang-js linenums">
   1034 	scrollwheel:false,</p>
   1035 <p class="prettyprint lang-js linenums">
   1036 	zoom: 16,</p>
   1037 <p class="prettyprint lang-js linenums">
   1038 	zoomControl : false,</p>
   1039 <p class="prettyprint lang-js linenums">
   1040 	panControl : false,</p>
   1041 <p class="prettyprint lang-js linenums">
   1042 	streetViewControl : false,</p>
   1043 <p class="prettyprint lang-js linenums">
   1044 	mapTypeControl: false,</p>
   1045 <p class="prettyprint lang-js linenums">
   1046 	overviewMapControl: false,</p>
   1047 <p class="prettyprint lang-js linenums">
   1048 	clickable: false</p>
   1049 <p class="prettyprint lang-js linenums">
   1050 	});</p>
   1051 <p class="prettyprint lang-js linenums">
   1052 	map.addMarker({</p>
   1053 <p class="prettyprint lang-js linenums">
   1054 	lat: 43.04446,</p>
   1055 <p class="prettyprint lang-js linenums">
   1056 	lng: -76.130791,</p>
   1057 <p class="prettyprint lang-js linenums">
   1058 	animation: google.maps.Animation.DROP,</p>
   1059 <p class="prettyprint lang-js linenums">
   1060 	verticalAlign: &#39;bottom&#39;,</p>
   1061 <p class="prettyprint lang-js linenums">
   1062 	horizontalAlign: &#39;center&#39;,</p>
   1063 <p class="prettyprint lang-js linenums">
   1064 	backgroundColor: &#39;#3e8bff&#39;,</p>
   1065 <p class="prettyprint lang-js linenums">
   1066 	});</p>
   1067 <p class="prettyprint lang-js linenums">
   1068 	}</p>
   1069 <p class="prettyprint lang-js linenums">
   1070 	});</p>
   1071 </section>
   1072 <section id="css">
   1073 	<div class="page-header"><h3>CSS</h3><hr class="notop"></div>
   1074 <pre class="prettyprint lang-css linenums">
   1075 /*
   1076 
   1077   Theme Name: Triangle
   1078 
   1079   Theme Uri: http://www.themeum.com
   1080 
   1081   Author: Themeum
   1082 
   1083   Author Uri: http://www.themeum.com
   1084 
   1085   Description: Creative Site Template
   1086 
   1087   Version: 1.0
   1088 
   1089   */
   1090 
   1091 
   1092   @import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);
   1093 
   1094   @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);
   1095 
   1096   @import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
   1097 
   1098 
   1099   body {
   1100 
   1101     background: #fff;
   1102 
   1103     font-family: &#39;Lato&#39;, sans-serif;
   1104 
   1105     font-weight: 300;
   1106 
   1107     font-size: 14px;
   1108 
   1109     line-height: 22px;
   1110 
   1111     color: #000;
   1112 
   1113   }
   1114 
   1115 
   1116   html {
   1117 
   1118     height: 100%;
   1119 
   1120   }
   1121 
   1122 
   1123 
   1124   a{
   1125 
   1126     color:#a5732a;
   1127 
   1128   }
   1129 
   1130 
   1131   a:hover {
   1132 
   1133     outline: none;
   1134 
   1135     text-decoration:none;
   1136 
   1137     color:#dab074;
   1138 
   1139   }
   1140 
   1141 
   1142   a:focus {
   1143 
   1144     outline:none;
   1145 
   1146     outline-offset: 0;
   1147 
   1148   }
   1149 
   1150 
   1151   a {
   1152 
   1153     -webkit-transition: 300ms;
   1154 
   1155     -moz-transition: 300ms;
   1156 
   1157     -o-transition: 300ms;
   1158 
   1159     transition: 300ms;
   1160 
   1161   }
   1162 
   1163 
   1164 
   1165   ul {
   1166 
   1167     list-style: none;
   1168 
   1169   }
   1170 
   1171 
   1172   h1, h2, h3, h4, h5, h6 {
   1173 
   1174     font-family: &#39;Lato&#39;, sans-serif;
   1175 
   1176     font-weight: 300;
   1177 
   1178   }
   1179 
   1180 
   1181   h1{
   1182 
   1183     color: #686868;
   1184 
   1185   }
   1186 
   1187 
   1188   h2{
   1189 
   1190     font-size: 24px;
   1191 
   1192     color: #686868;
   1193 
   1194   }
   1195 
   1196 
   1197   h3{
   1198 
   1199     font-size: 18px;
   1200 
   1201   }
   1202 
   1203 
   1204   .overflow{
   1205 
   1206     overflow: hidden;
   1207 
   1208   }
   1209 
   1210 
   1211   .uppercase{
   1212 
   1213     text-transform: uppercase;
   1214 
   1215   }
   1216 
   1217 
   1218   .btn-common {
   1219 
   1220     font-size: 14px;
   1221 
   1222     color: #797979;
   1223 
   1224     border: 1px solid #dbb075;
   1225 
   1226     font-family: &#39;Open Sans&#39;, sans-serif;
   1227 
   1228     font-weight: 300;
   1229 
   1230     padding: 10px 25px;
   1231 
   1232   }
   1233 
   1234 
   1235   #action .col-sm-5{
   1236 
   1237     position: absolute;
   1238 
   1239 
   1240     top: 0;
   1241 
   1242     height: 100%;
   1243 
   1244     right: 0;
   1245 
   1246   }
   1247 
   1248 
   1249 
   1250   .btn-common:hover, 
   1251 
   1252   .btn-common:focus{
   1253 
   1254     outline: none;
   1255 
   1256     background: none;
   1257 
   1258     box-shadow: none;
   1259 
   1260     color: #d29948;
   1261 
   1262   }
   1263 
   1264 
   1265   .align-right{
   1266 
   1267     text-align: right;
   1268 
   1269   }
   1270 
   1271 
   1272   .inline{
   1273 
   1274     display: inline-block;
   1275 
   1276   }
   1277 
   1278 
   1279   .padding{
   1280 
   1281     padding: 65px 0;
   1282 
   1283   }
   1284 
   1285 
   1286   .padding-bottom{
   1287 
   1288     padding-bottom: 65px;
   1289 
   1290   }
   1291 
   1292 
   1293   .padding-top{
   1294 
   1295     padding-top: 90px;
   1296 
   1297   }
   1298 
   1299 
   1300   .padding-right{
   1301 
   1302     padding-right: 80px;
   1303 
   1304   }
   1305 
   1306 
   1307   .padding-left{
   1308 
   1309     padding-left: 80px;
   1310 
   1311   }
   1312 
   1313 
   1314   .margin-bottom{
   1315 
   1316     margin-bottom: 35px;
   1317 
   1318   }
   1319 
   1320 
   1321   .carousel-indicators.visible-xs {
   1322 
   1323     height: 20px;
   1324 
   1325     margin: 0;
   1326 
   1327     padding: 0;
   1328 
   1329     position: absolute;
   1330 
   1331     top: -35px;
   1332 
   1333     width: 100%;
   1334 
   1335     left: 0;
   1336 
   1337   }
   1338 
   1339 
   1340   .carousel-indicators.visible-xs li {
   1341 
   1342     border-color: #D29948;
   1343 
   1344     border-width: 2px;
   1345 
   1346     height: 12px;
   1347 
   1348     margin: 0 5px 0 0;
   1349 
   1350     width: 12px;
   1351 
   1352   }
   1353 
   1354 
   1355   .carousel-indicators.visible-xs li.active {
   1356 
   1357     background: rgba(210, 153, 72, 0.7);
   1358 
   1359   }
   1360 
   1361 
   1362 
   1363 
   1364 
   1365 /*************************
   1366 
   1367 *******Header******
   1368 
   1369 **************************/
   1370 
   1371 
   1372 
   1373 #header{
   1374 
   1375   margin-bottom: 0;
   1376 
   1377   padding: 30px 0 60px 0;
   1378 
   1379 }
   1380 
   1381 
   1382 #header .navbar-inverse .container{
   1383 
   1384   position: relative;
   1385 
   1386 }
   1387 
   1388 
   1389 .search{
   1390 
   1391   position: absolute;
   1392 
   1393   top: 20px;
   1394 
   1395   right: 0;
   1396 
   1397   z-index: 1;
   1398 
   1399 }
   1400 
   1401 
   1402 .search i{
   1403 
   1404   color: #dbb075;
   1405 
   1406   cursor: pointer;
   1407 
   1408   position: absolute;
   1409 
   1410   right: 10px;
   1411 
   1412   top: 2px;
   1413 
   1414 }
   1415 
   1416 
   1417 .field-toggle{
   1418 
   1419   position: relative;
   1420 
   1421   top: 30px;
   1422 
   1423   right: 15px;
   1424 
   1425   display: none;
   1426 
   1427   height: 50px;
   1428 
   1429 }
   1430 
   1431 
   1432 .search-form{
   1433 
   1434   padding-left: 10px;
   1435 
   1436   height: 40px;
   1437 
   1438   font-size: 18px;
   1439 
   1440   color: #818285;
   1441 
   1442   font-weight: 300;
   1443 
   1444   outline: none;
   1445 
   1446   border: 1px solid #dbb075;
   1447 
   1448   margin-top: 20px;
   1449 
   1450   border-radius: 4px;
   1451 
   1452 }
   1453 
   1454 
   1455 .social-icons ul li{
   1456 
   1457   padding: 0 10px;
   1458 
   1459 
   1460 }
   1461 
   1462 
   1463 .social-icons ul li:last-child{
   1464 
   1465   padding-right: 0;
   1466 
   1467 
   1468 }
   1469 
   1470 
   1471 .social-icons ul li a{
   1472 
   1473   font-size: 18px;
   1474 
   1475   color: #d3d3d3;
   1476 
   1477   padding: 0;
   1478 
   1479 }
   1480 
   1481 
   1482 .social-icons ul li a:hover,
   1483 
   1484 .social-icons ul li a:focus{
   1485 
   1486   color:#dbb075;
   1487 
   1488   background: none;
   1489 
   1490 }
   1491 
   1492 
   1493 #header .navbar {
   1494 
   1495   background: #fff;
   1496 
   1497   border: 0;
   1498 
   1499   margin-bottom: 0;
   1500 
   1501 }
   1502 
   1503 
   1504 #header .navbar-toggle{
   1505 
   1506   margin-top: 20px;
   1507 
   1508 }
   1509 
   1510 
   1511 #header .navbar-brand{
   1512 
   1513   padding: 0;
   1514 
   1515   margin-left: 0;
   1516 
   1517 }
   1518 
   1519 
   1520 #header .navbar-brand h1{
   1521 
   1522   padding: 0;
   1523 
   1524   margin: 0;
   1525 
   1526 }
   1527 
   1528 
   1529 #header .navbar-nav.navbar-right &gt;li:last-child{
   1530 
   1531   margin-right: 20px;
   1532 
   1533 }
   1534 
   1535 
   1536 #header .navbar-nav.navbar-right &gt;li a {
   1537 
   1538   color: #000;
   1539 
   1540   font-size: 12px;
   1541 
   1542   padding: 20px;
   1543 
   1544   text-transform: uppercase;
   1545 
   1546   font-weight: 300;
   1547 
   1548 }
   1549 
   1550 
   1551 #header .navbar-inverse .navbar-nav  li.active &gt; a,  
   1552 
   1553 #header .navbar-inverse .navbar-nav  li.active &gt; a:focus, 
   1554 
   1555 #header .navbar-nav.navbar-right li &gt; a:hover,
   1556 
   1557 .navbar-inverse .navbar-nav &gt; .open &gt; a {
   1558 
   1559   background-color: inherit;
   1560 
   1561   border: 0;
   1562 
   1563   color: #d29948;
   1564 
   1565 }
   1566 
   1567 
   1568 #header .navbar-inverse .navbar-nav  li a:hover{
   1569 
   1570   color: #d29948;
   1571 
   1572 }
   1573 
   1574 
   1575 
   1576 /*Dropdown menu*/
   1577 
   1578 
   1579 ul.sub-menu {
   1580 
   1581   display: none;
   1582 
   1583   list-style: none;
   1584 
   1585   padding: 0;
   1586 
   1587   margin: 0;
   1588 
   1589 }
   1590 
   1591 
   1592 #header .navbar-nav li ul.sub-menu li a {
   1593 
   1594   color: #818285;
   1595 
   1596   padding: 5px 0;
   1597 
   1598   font-size: 13px;
   1599 
   1600   display: block;
   1601 
   1602   text-transform: capitalize;
   1603 
   1604 }
   1605 
   1606 
   1607 #header .navbar-nav li ul.sub-menu li .active{
   1608 
   1609   background: #fef7ee;
   1610 
   1611   color: #d29948;
   1612 
   1613   position: relative;
   1614 
   1615 }
   1616 
   1617 
   1618 #header .navbar-nav li ul.sub-menu li .active i{
   1619 
   1620   position: absolute;
   1621 
   1622   font-size: 56px;
   1623 
   1624   top: -13px;
   1625 
   1626   color: #dab074;
   1627 
   1628 }
   1629 
   1630 
   1631 #header .navbar-nav li ul.sub-menu li .active .fa-angle-right{
   1632 
   1633   left: -3px;
   1634 
   1635 }
   1636 
   1637 
   1638 #header .navbar-nav li ul.sub-menu li .active .fa-angle-left{
   1639 
   1640   right: -3px;
   1641 
   1642 }
   1643 
   1644 
   1645 
   1646 #header .navbar-nav li ul.sub-menu li a:hover,
   1647 
   1648 #header .navbar-nav li ul.sub-menu li a:focus{
   1649 
   1650   background: #fef7ee;
   1651 
   1652   color: #d29948;
   1653 
   1654 }
   1655 
   1656 
   1657 .fa-angle-down{
   1658 
   1659   padding-left: 5px; 
   1660 
   1661 }
   1662 
   1663 
   1664 .scaleIn {
   1665 
   1666   -webkit-animation-name: scaleIn;
   1667 
   1668   animation-name: scaleIn;
   1669 
   1670 }
   1671 
   1672 
   1673 @-webkit-keyframes scaleIn {
   1674 
   1675   0% {
   1676 
   1677     opacity: 0;
   1678 
   1679     -webkit-transform: scale(0);
   1680 
   1681     transform: scale(0);
   1682 
   1683   }
   1684 
   1685 
   1686   100% {
   1687 
   1688     opacity: 1;
   1689 
   1690     -webkit-transform: scale(1);
   1691 
   1692     transform: scale(1);
   1693 
   1694   }
   1695 
   1696 }
   1697 
   1698 
   1699 @keyframes scaleIn {
   1700 
   1701   0% {
   1702 
   1703     opacity: 0;
   1704 
   1705     -webkit-transform: scale(0);
   1706 
   1707     -ms-transform: scale(0);
   1708 
   1709     transform: scale(0);
   1710 
   1711   }
   1712 
   1713 
   1714   100% {
   1715 
   1716     opacity: 1;
   1717 
   1718     -webkit-transform: scale(1);
   1719 
   1720     -ms-transform: scale(1);
   1721 
   1722     transform: scale(1);
   1723 
   1724   }
   1725 
   1726 }
   1727 
   1728 
   1729 
   1730 /*************************
   1731 
   1732 *******Footer******
   1733 
   1734 **************************/
   1735 
   1736 
   1737 #footer {
   1738 
   1739   padding-bottom: 75px;
   1740 
   1741   background-image: url(../images/home/footer.png);
   1742 
   1743   background-repeat: repeat-x;
   1744 
   1745   background-position: bottom;
   1746 
   1747   background-size: contain;
   1748 
   1749 }
   1750 
   1751 
   1752 #footer h1{
   1753 
   1754   margin-bottom: 65px;
   1755 
   1756   margin-top: 36px;
   1757 
   1758 }
   1759 
   1760 
   1761 #footer .bottom-separator {
   1762 
   1763   margin-bottom: 60px;
   1764 
   1765 }
   1766 
   1767 
   1768 #message {
   1769 
   1770   height: 110px;
   1771 
   1772   resize: none;
   1773 
   1774 }
   1775 
   1776 
   1777 .bottom &gt; h2 {
   1778 
   1779   margin-top: 0;
   1780 
   1781   margin-bottom: 26px;
   1782 
   1783 }
   1784 
   1785 
   1786 .bottom .media-body h3 {
   1787 
   1788   margin-top: 0;
   1789 
   1790   padding-left: 25px;
   1791 
   1792 }
   1793 
   1794 
   1795 .bottom .media-body h3 a{
   1796 
   1797   color: #d99c4e;
   1798 
   1799 }
   1800 
   1801 
   1802 .testimonial .media{
   1803 
   1804   margin-top: 0;
   1805 
   1806   margin-bottom: 25px;
   1807 
   1808 }
   1809 
   1810 
   1811 .testimonial .media&gt;.pull-left{
   1812 
   1813   margin-right: 25px;
   1814 
   1815 }
   1816 
   1817 
   1818 .testimonial .media&gt;.pull-left img{
   1819 
   1820   margin-top: 6px;
   1821 
   1822 }
   1823 
   1824 
   1825 .testimonial .media .media-body blockquote{
   1826 
   1827   padding-left: 25px;
   1828 
   1829   padding-right: 30px;
   1830 
   1831   position: relative;
   1832 
   1833   border-left: 0;
   1834 
   1835   margin-bottom: 0;
   1836 
   1837 }
   1838 
   1839 
   1840 .testimonial .media .media-body blockquote:before{
   1841 
   1842   position: absolute;
   1843 
   1844   left: 5px;
   1845 
   1846   top: 8px;
   1847 
   1848   content: &#39;&quot;&#39;;
   1849 
   1850   font-size: 40px;
   1851 
   1852   color: #d99c4e;
   1853 
   1854   font-family: &#39;Noto Sans&#39;, sans-serif;
   1855 
   1856   transform:rotate(180deg);
   1857 
   1858   -ms-transform:rotate(180deg); /* IE 9 */
   1859 
   1860   -webkit-transform: rotate(180deg); /* Opera, Chrome, and Safari */
   1861 
   1862   line-height: 0;
   1863 
   1864 }
   1865 
   1866 
   1867 .testimonial .media .media-body blockquote:after{
   1868 
   1869   position: absolute;
   1870 
   1871   right: 30px;
   1872 
   1873   bottom: 14px;
   1874 
   1875   content: &#39;&quot;&#39;;
   1876 
   1877   font-size: 40px;
   1878 
   1879   color: #d99c4e;
   1880 
   1881   font-family: &#39;Noto Sans&#39;, sans-serif;
   1882 
   1883   line-height: 0;
   1884 
   1885 }
   1886 
   1887 
   1888 .bottom &gt; address {
   1889 
   1890   line-height: 22px;
   1891 
   1892   margin-bottom: 40px;
   1893 
   1894 }
   1895 
   1896 
   1897 .form-control {
   1898 
   1899   border: 1px solid #d99c4e;
   1900 
   1901   font-weight: 300;
   1902 
   1903   outline: none;
   1904 
   1905   box-shadow: none;
   1906 
   1907   height: 40px;
   1908 
   1909 }
   1910 
   1911 
   1912 .form-control:hover, 
   1913 
   1914 .form-control:focus{
   1915 
   1916   border-color: #d29948;
   1917 
   1918   outline: none;
   1919 
   1920   box-shadow: none;
   1921 
   1922 }
   1923 
   1924 
   1925 .btn-submit {
   1926 
   1927   width: 100%;
   1928 
   1929   background-color: #d89b4e;
   1930 
   1931   color: #fff;
   1932 
   1933   font-size: 14px;
   1934 
   1935   font-weight: 300;
   1936 
   1937   letter-spacing: 5px;
   1938 
   1939   text-transform: uppercase;
   1940 
   1941   border-radius: 3px;
   1942 
   1943   margin-top: 5px;
   1944 
   1945   border-bottom: 3px solid #a56617;
   1946 
   1947   box-shadow: none;
   1948 
   1949   padding: 10px;
   1950 
   1951 }
   1952 
   1953 
   1954 .btn-submit:hover, 
   1955 
   1956 .btn-submit:focus{
   1957 
   1958   color: #fff;
   1959 
   1960   outline: none;
   1961 
   1962   box-shadow: none;
   1963 
   1964   opacity: .8;
   1965 
   1966 }
   1967 
   1968 
   1969 .copyright-text{
   1970 
   1971   margin-top: 70px;
   1972 
   1973 }
   1974 
   1975 
   1976 /*************************
   1977 
   1978 *******Home Page******
   1979 
   1980 **************************/
   1981 
   1982 
   1983 #home-slider {
   1984 
   1985   background: url(../images/home/slider-bg.png) 0 100% repeat-x;
   1986 
   1987   position: relative;
   1988 
   1989 }
   1990 
   1991 
   1992 #home-slider .main-slider {
   1993 
   1994   position: relative;
   1995 
   1996   height: 450px;
   1997 
   1998 }
   1999 
   2000 
   2001 #home-slider .slide-text{
   2002 
   2003   position: absolute;
   2004 
   2005   top: 50px;
   2006 
   2007   left: 0;
   2008 
   2009   width: 450px;
   2010 
   2011 }
   2012 
   2013 
   2014 .animate-in .slide-text {
   2015 
   2016   -webkit-animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
   2017 
   2018   animation: fadeInLeftBig 700ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
   2019 
   2020 }
   2021 
   2022 
   2023 #home-slider .slider-house {
   2024 
   2025   position: absolute;
   2026 
   2027   right: 0;
   2028 
   2029   bottom: 0;
   2030 
   2031 }
   2032 
   2033 
   2034 .animate-in .slider-house {
   2035 
   2036   -webkit-animation: fadeInDown 700ms ease-in-out 200ms both;
   2037 
   2038   animation: fadeInDown 700ms ease-in-out 200ms both;
   2039 
   2040 }
   2041 
   2042 
   2043 #home-slider .slider-circle1 {
   2044 
   2045   position: absolute;
   2046 
   2047   right: 430px;
   2048 
   2049   bottom: 210px;
   2050 
   2051 }
   2052 
   2053 
   2054 .animate-in .slider-circle1 {
   2055 
   2056   -webkit-animation: bounceIn 500ms ease-in-out 900ms both;
   2057 
   2058   animation: bounceIn 500ms ease-in-out 900ms both;
   2059 
   2060 }
   2061 
   2062 
   2063 #home-slider .slider-circle2 {
   2064 
   2065   position: absolute;
   2066 
   2067   right: 420px;
   2068 
   2069   bottom: 245px;
   2070 
   2071 }
   2072 
   2073 
   2074 .animate-in .slider-circle2 {
   2075 
   2076   -webkit-animation: bounceIn 500ms ease-in-out 1100ms both;
   2077 
   2078   animation: bounceIn 500ms ease-in-out 1100ms both;
   2079 
   2080 }
   2081 
   2082 
   2083 #home-slider .slider-cloud1 {
   2084 
   2085   position: absolute;
   2086 
   2087   right: 290px;
   2088 
   2089   bottom: 250px;
   2090 
   2091 }
   2092 
   2093 
   2094 .animate-in .slider-cloud1 {
   2095 
   2096   -webkit-animation: bounceIn 500ms ease-in-out 1300ms both;
   2097 
   2098   animation: bounceIn 500ms ease-in-out 1300ms both;
   2099 
   2100 }
   2101 
   2102 
   2103 #home-slider .slider-cloud2 {
   2104 
   2105   position: absolute;
   2106 
   2107   right: 375px;
   2108 
   2109   bottom: 330px;
   2110 
   2111 }
   2112 
   2113 
   2114 .animate-in .slider-cloud2 {
   2115 
   2116   -webkit-animation: bounceIn 500ms ease-in-out 1500ms both;
   2117 
   2118   animation: bounceIn 500ms ease-in-out 1500ms both;
   2119 
   2120 }
   2121 
   2122 
   2123 #home-slider .slider-cloud3 {
   2124 
   2125   position: absolute;
   2126 
   2127   right: 75px;
   2128 
   2129   bottom: 300px;
   2130 
   2131 }
   2132 
   2133 
   2134 .animate-in .slider-cloud3 {
   2135 
   2136   -webkit-animation: bounceIn 500ms ease-in-out 1700ms both;
   2137 
   2138   animation: bounceIn 500ms ease-in-out 1700ms both;
   2139 
   2140 }
   2141 
   2142 
   2143 #home-slider .slider-sun {
   2144 
   2145   position: absolute;
   2146 
   2147   right: 190px;
   2148 
   2149   bottom: 300px;
   2150 
   2151 }
   2152 
   2153 
   2154 .animate-in .slider-sun {
   2155 
   2156   -webkit-animation: bounceIn 800ms ease-in-out 1900ms both;
   2157 
   2158   animation: bounceIn 800ms ease-in-out 1900ms both;
   2159 
   2160 }
   2161 
   2162 
   2163 #home-slider .slider-cycle {
   2164 
   2165   position: absolute;
   2166 
   2167   right: 500px;
   2168 
   2169   bottom: 0;
   2170 
   2171 }
   2172 
   2173 
   2174 .animate-in .slider-cycle {
   2175 
   2176   -webkit-animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
   2177 
   2178   animation: slideInLeft 4000ms cubic-bezier(0.190,1.000,0.220,1.000) 200ms both;
   2179 
   2180 }
   2181 
   2182 
   2183 #home-slider h1{
   2184 
   2185   margin-top: 70px;
   2186 
   2187   margin-bottom: 25px;
   2188 
   2189 }
   2190 
   2191 
   2192 #home-slider .btn-common {
   2193 
   2194   margin-top: 20px;
   2195 
   2196 }
   2197 
   2198 
   2199 #home-slider .preloader {
   2200 
   2201   position: absolute;
   2202 
   2203   left: 0;
   2204 
   2205   top: 0;
   2206 
   2207   bottom: 0;
   2208 
   2209   right: 0;
   2210 
   2211   background: #fafafa;
   2212 
   2213   text-align: center;
   2214 
   2215 }
   2216 
   2217 
   2218 #home-slider .preloader &gt; i {
   2219 
   2220   font-size: 48px;
   2221 
   2222   height: 48px;
   2223 
   2224   line-height: 48px;
   2225 
   2226   color: #dbb075;
   2227 
   2228   position: absolute;
   2229 
   2230   left: 50%;
   2231 
   2232   margin-left: -24px;
   2233 
   2234   top: 50%;
   2235 
   2236   margin-top: -24px;
   2237 
   2238 }
   2239 
   2240 
   2241 
   2242 #action, 
   2243 
   2244 #page-breadcrumb {
   2245 
   2246   background-image: url(../images/home/tour-bg.png);
   2247 
   2248   background-color: #fbfafa;
   2249 
   2250   background-repeat: repeat-x;
   2251 
   2252   height: 155px;
   2253 
   2254   background-position: center;
   2255 
   2256   display: table;
   2257 
   2258   position: static;
   2259 
   2260   width: 100%;
   2261 
   2262 }
   2263 
   2264 
   2265 .vertical-center{
   2266 
   2267   display: table-cell;
   2268 
   2269   vertical-align: middle;
   2270 
   2271   width: 100%;
   2272 
   2273   position: statice;
   2274 
   2275 }
   2276 
   2277 
   2278 .sun{
   2279 
   2280   background-image: url(../images/home/tour-icon1.png);
   2281 
   2282   background-repeat: no-repeat;
   2283 
   2284   background-position: 100% bottom;
   2285 
   2286 }
   2287 
   2288 
   2289 
   2290 .single-service{
   2291 
   2292   overflow: hidden;
   2293 
   2294   display: block;
   2295 
   2296 }
   2297 
   2298 
   2299 .single-service img {
   2300 
   2301   margin-bottom: 35px;
   2302 
   2303 }
   2304 
   2305 
   2306 .single-service .fold {
   2307 
   2308   margin-bottom: 35px;
   2309 
   2310 }
   2311 
   2312 
   2313 .single-service h2 {
   2314 
   2315   margin-top: 0;
   2316 
   2317   margin-bottom: 15px;
   2318 
   2319 }
   2320 
   2321 
   2322 .single-service p {
   2323 
   2324   padding: 0 48px;
   2325 
   2326 }
   2327 
   2328 
   2329 .action h1{
   2330 
   2331   margin-top: 0;
   2332 
   2333 }
   2334 
   2335 
   2336 .action p{
   2337 
   2338   font-size: 18px;
   2339 
   2340   margin-bottom: 0;
   2341 
   2342   font-weight: 300;
   2343 
   2344 }
   2345 
   2346 
   2347 .action .btn-common{
   2348 
   2349   margin-top: 55px;
   2350 
   2351   float: left;
   2352 
   2353 }
   2354 
   2355 
   2356 .title {
   2357 
   2358   color: #404040;
   2359 
   2360   font-weight: 300;
   2361 
   2362 }
   2363 
   2364 
   2365 .single-features {
   2366 
   2367   overflow: hidden;
   2368 
   2369   padding-top: 65px;
   2370 
   2371   padding-bottom: 40px;
   2372 
   2373 }
   2374 
   2375 
   2376 .single-features:last-child {
   2377 
   2378   padding-bottom: 95px;
   2379 
   2380 }
   2381 
   2382 
   2383 .single-features h2{
   2384 
   2385   margin-bottom: 15px;
   2386 
   2387 }
   2388 
   2389 
   2390 #clients{
   2391 
   2392   padding-bottom: 45px;
   2393 
   2394 }
   2395 
   2396 
   2397 .clients {
   2398 
   2399   margin-bottom: 45px;
   2400 
   2401 }
   2402 
   2403 
   2404 .clients img {
   2405 
   2406   display: inline-block;
   2407 
   2408 }
   2409 
   2410 
   2411 .clients-logo {
   2412 
   2413   overflow: hidden;
   2414 
   2415   margin-bottom: 10px;
   2416 
   2417 }
   2418 
   2419 
   2420 
   2421 
   2422 /*************************
   2423 
   2424 *******About Us Page******
   2425 
   2426 **************************/
   2427 
   2428 
   2429 #action , 
   2430 
   2431 #page-breadcrumb{
   2432 
   2433   position: relative;
   2434 
   2435 }
   2436 
   2437 
   2438 #team {
   2439 
   2440   padding: 85px 0;
   2441 
   2442 }
   2443 
   2444 
   2445 #team-carousel {
   2446 
   2447   margin-top: 80px;
   2448 
   2449 }
   2450 
   2451 
   2452 #company-information .padding-top{
   2453 
   2454   padding-top: 105px;
   2455 
   2456   
   2457 
   2458 }
   2459 
   2460 
   2461 .single-service img {
   2462 
   2463   height: 85px;
   2464 
   2465 }
   2466 
   2467 
   2468 .tour-button {
   2469 
   2470   background-image: url(../images/home/tour-icon2.png);
   2471 
   2472   height: 100%;
   2473 
   2474   background-repeat: no-repeat;
   2475 
   2476   position: absolute;
   2477 
   2478   width: 100%;
   2479 
   2480   left: 0;
   2481 
   2482   background-position: 151px 4px;
   2483 
   2484 }
   2485 
   2486 
   2487 .team-single {
   2488 
   2489   position: relative;
   2490 
   2491 }
   2492 
   2493 
   2494 .person-thumb {
   2495 
   2496   position: relative;
   2497 
   2498 }
   2499 
   2500 
   2501 .social-profile {
   2502 
   2503   background: none repeat scroll 0 0 rgba(137, 97, 46, 0.8);
   2504 
   2505   display: none;
   2506 
   2507   height: 100%;
   2508 
   2509   position: absolute;
   2510 
   2511   text-align: center;
   2512 
   2513   top: 0;
   2514 
   2515   -webkit-transition: all 0.9s ease;
   2516 
   2517   -moz-transition: all 0.9s ease;
   2518 
   2519   -ms-transition: all 0.9s ease;
   2520 
   2521   -o-transition: all 0.9s ease;
   2522 
   2523   transition: all 0.9s ease;
   2524 
   2525   width: 100%;
   2526 
   2527 }
   2528 
   2529 
   2530 .team-single:hover .social-profile{
   2531 
   2532   display: block;
   2533 
   2534   -webkit-animation: fadeInUp 400ms;
   2535 
   2536   animation: fadeInUp 400ms;
   2537 
   2538   -webkit-transition: all 0.9s ease;
   2539 
   2540   -moz-transition: all 0.9s ease;
   2541 
   2542   -ms-transition: all 0.9s ease;
   2543 
   2544   -o-transition: all 0.9s ease;
   2545 
   2546   transition: all 0.9s ease;
   2547 
   2548 }
   2549 
   2550 
   2551 .social-profile .nav-pills {
   2552 
   2553   display: inline-block;
   2554 
   2555   margin-top: -26px;
   2556 
   2557   padding: 0;
   2558 
   2559   position: relative;
   2560 
   2561   top: 50%;
   2562 
   2563 }
   2564 
   2565 
   2566 .social-profile .nav-pills li {
   2567 
   2568   display: inline-block;
   2569 
   2570   margin: 0 5px;
   2571 
   2572 }
   2573 
   2574 
   2575 .social-profile .nav-pills li a {
   2576 
   2577   color: #fff;
   2578 
   2579   border: 1px solid #fff;
   2580 
   2581   width: 40px;
   2582 
   2583   height: 40px;
   2584 
   2585   line-height: 40px;
   2586 
   2587   text-align: center;
   2588 
   2589   padding: 0;
   2590 
   2591   border-radius: 40px;
   2592 
   2593   -webkit-transition: all 0.9s ease;
   2594 
   2595   transition: all 0.9s ease;
   2596 
   2597 }
   2598 
   2599 
   2600 .social-profile .nav-pills li a:hover {
   2601 
   2602   color: #89612e;
   2603 
   2604   border-color: #89612e;
   2605 
   2606 }
   2607 
   2608 
   2609 .person-info h2 {
   2610 
   2611   font-weight: 300;
   2612 
   2613   margin-bottom: 5px;
   2614 
   2615 }
   2616 
   2617 
   2618 .person-info h3 {
   2619 
   2620   font-size: 16px;
   2621 
   2622   color: #686868;
   2623 
   2624   font-weight: 300;
   2625 
   2626   margin-top: 0;
   2627 
   2628   margin-bottom: 0;
   2629 
   2630 }
   2631 
   2632 
   2633 .team-carousel-control {
   2634 
   2635   position: absolute;
   2636 
   2637   top: 36%;
   2638 
   2639   width: 13px;
   2640 
   2641   height: 16px;
   2642 
   2643   text-indent: -9999999px;
   2644 
   2645   -webkit-transition: all 0.9s ease;
   2646 
   2647   -moz-transition: all 0.9s ease;
   2648 
   2649   -ms-transition: all 0.9s ease;
   2650 
   2651   -o-transition: all 0.9s ease;
   2652 
   2653   transition: all 0.9s ease;
   2654 
   2655 }
   2656 
   2657 
   2658 .right.team-carousel-control {
   2659 
   2660   right: -50px;
   2661 
   2662   background-image: url(../images/aboutus/right.png);
   2663 
   2664 }
   2665 
   2666 
   2667 .left.team-carousel-control {
   2668 
   2669   left: -50px;
   2670 
   2671   background-image: url(../images/aboutus/left.png);
   2672 
   2673 }
   2674 
   2675 
   2676 .team-carousel-control:hover{
   2677 
   2678   background-position: 0 -18px;
   2679 
   2680   -webkit-transition: all 0.5s ease 0s;
   2681 
   2682   -moz-transition: all 0.5s ease 0s;
   2683 
   2684   -ms-transition: all 0.5s ease 0s;
   2685 
   2686   -o-transition: all 0.5s ease 0s;
   2687 
   2688   transition:  all 0.5s ease 0s;
   2689 
   2690 }
   2691 
   2692 
   2693 .count h1{
   2694 
   2695   font-size: 60px;
   2696 
   2697   color: #dab074;
   2698 
   2699 }
   2700 
   2701 
   2702 .count h3{
   2703 
   2704   font-size: 16px;
   2705 
   2706 }
   2707 
   2708 
   2709 .progress .progress-bar.six-sec-ease-in-out {
   2710 
   2711   -webkit-transition: width 1s ease-in-out;
   2712 
   2713   -moz-transition: width 1s ease-in-out;
   2714 
   2715   -ms-transition: width 1s ease-in-out;
   2716 
   2717   -o-transition: width 1s ease-in-out;
   2718 
   2719   transition:  width 1s ease-in-out;
   2720 
   2721 }
   2722 
   2723 
   2724 .top-zero{
   2725 
   2726   margin-top: 0;
   2727 
   2728 }
   2729 
   2730 
   2731 h3.top-zero{
   2732 
   2733   font-size: 20px;
   2734 
   2735 }
   2736 
   2737 
   2738 #company-information .about-us h2{
   2739 
   2740   margin-bottom: 45px;
   2741 
   2742 }
   2743 
   2744 
   2745 .single-skill h3{
   2746 
   2747   font-size: 16px;
   2748 
   2749 }
   2750 
   2751 
   2752 .progress{
   2753 
   2754   height: 30px;
   2755 
   2756   box-shadow: none;
   2757 
   2758   -webkit-box-shadow: none;
   2759 
   2760 }
   2761 
   2762 
   2763 .progress-bar{
   2764 
   2765   line-height: 30px;
   2766 
   2767   box-shadow: none;
   2768 
   2769   -webkit-box-shadow: none;
   2770 
   2771 }
   2772 
   2773 
   2774 .progress-bar.progress-bar-primary{
   2775 
   2776   background: #dab074;
   2777 
   2778 }
   2779 
   2780 
   2781 
   2782 
   2783 /*************************
   2784 
   2785 *******Service Page******
   2786 
   2787 **************************/
   2788 
   2789 #recent-projects{
   2790 
   2791   padding: 85px 0;
   2792 
   2793 }
   2794 
   2795 
   2796 .recent-projects .team-single{
   2797 
   2798   height: 355px;
   2799 
   2800 }
   2801 
   2802 
   2803 .recent-projects p.padding-bottom{
   2804 
   2805   padding-bottom: 50px;
   2806 
   2807 }
   2808 
   2809 
   2810 .choose{
   2811 
   2812   padding-top: 30px;
   2813 
   2814 }
   2815 
   2816 
   2817 #company-information.choose .padding-top{
   2818 
   2819   padding-top: 78px;
   2820 
   2821 }
   2822 
   2823 
   2824 #company-information h2{
   2825 
   2826   margin-bottom: 25px;
   2827 
   2828   margin-top: 0;
   2829 
   2830 }
   2831 
   2832 
   2833 ul.elements{
   2834 
   2835   list-style: none;
   2836 
   2837   padding: 0;
   2838 
   2839   margin: 20px 0 0 0;
   2840 
   2841 }
   2842 
   2843 
   2844 ul.elements li{
   2845 
   2846   margin: 6px 0;
   2847 
   2848 }
   2849 
   2850 
   2851 ul.elements li &gt; i{
   2852 
   2853   color: #d29948;
   2854 
   2855   display: inline-block;
   2856 
   2857   margin-right: 10px;
   2858 
   2859 }
   2860 
   2861 
   2862 #company-information h1.margin-bottom{
   2863 
   2864   margin-bottom: 26px;
   2865 
   2866 }
   2867 
   2868 
   2869 /*************************
   2870 
   2871 *******Portfolio Default**
   2872 
   2873 **************************/
   2874 
   2875 .portfolio-single {
   2876 
   2877   position: relative;
   2878 
   2879 }
   2880 
   2881 
   2882 .portfolio-thumb {
   2883 
   2884   position: relative;
   2885 
   2886 }
   2887 
   2888 
   2889 .portfolio-thumb img {
   2890 
   2891   width: 100%;
   2892 
   2893 }
   2894 
   2895 
   2896 .portfolio-single:hover .portfolio-view{
   2897 
   2898   display: block;
   2899 
   2900   -webkit-animation: fadeInUp 400ms;
   2901 
   2902   animation: fadeInUp 400ms;
   2903 
   2904 }
   2905 
   2906 
   2907 #portfolio .row{
   2908 
   2909   margin-left: -10px;
   2910 
   2911   margin-right: -10px;
   2912 
   2913 }
   2914 
   2915 
   2916 .portfolio-view{
   2917 
   2918   display: none;
   2919 
   2920   position: absolute;
   2921 
   2922   top: 0;
   2923 
   2924   height: 100%;
   2925 
   2926   background: rgba(137, 97, 46, 0.8);
   2927 
   2928   width: 100%;
   2929 
   2930   text-align: center;  
   2931 
   2932 }
   2933 
   2934 
   2935 .portfolio-view .nav-pills {
   2936 
   2937   padding: 0;
   2938 
   2939   display: inline-block;
   2940 
   2941   margin-top: -26px;
   2942 
   2943   top: 50%;
   2944 
   2945   position: relative;
   2946 
   2947 }
   2948 
   2949 
   2950 .portfolio-view .nav-pills li {
   2951 
   2952   display: inline-block;
   2953 
   2954   margin: 0 5px;
   2955 
   2956 }
   2957 
   2958 
   2959 .portfolio-view .nav-pills li a {
   2960 
   2961   color: #fff;
   2962 
   2963   border: 1px solid #fff;
   2964 
   2965   width: 40px;
   2966 
   2967   height: 40px;
   2968 
   2969   line-height: 38px;
   2970 
   2971   text-align: center;
   2972 
   2973   padding: 0;
   2974 
   2975   border-radius: 40px;
   2976 
   2977   -webkit-animation: scaleIn 400ms linear 100ms both;
   2978 
   2979   animation: scaleIn 400ms linear 100ms both;
   2980 
   2981   -webkit-transition: all 0.9s ease;
   2982 
   2983   transition: all 0.9s ease;
   2984 
   2985 }
   2986 
   2987 
   2988 .portfolio-view .nav-pills li a:hover {
   2989 
   2990   color: #89612e;
   2991 
   2992   border-color: #89612e;
   2993 
   2994   -webkit-transition: all 0.9s ease;
   2995 
   2996   transition: all 0.9s ease;
   2997 
   2998 }
   2999 
   3000 
   3001 .portfolio-info {
   3002 
   3003   overflow: hidden;
   3004 
   3005   margin-bottom: 30px;
   3006 
   3007 }
   3008 
   3009 
   3010 .portfolio-info h2 {
   3011 
   3012   font-size: 18px;
   3013 
   3014   margin: 15px 0 0;
   3015 
   3016 }
   3017 
   3018 
   3019 .portfolio-filter {
   3020 
   3021   margin: 80px 0;
   3022 
   3023   padding: 0;
   3024 
   3025 }
   3026 
   3027 
   3028 .portfolio-filter li {
   3029 
   3030   display: inline-block;
   3031 
   3032   position: relative;
   3033 
   3034 }
   3035 
   3036 
   3037 .portfolio-filter li a {
   3038 
   3039   border-radius: 0;
   3040 
   3041   color: #686868;
   3042 
   3043   font-size: 18px;
   3044 
   3045   font-weight: 300;
   3046 
   3047   padding: 0 25px;
   3048 
   3049   text-transform: capitalize;
   3050 
   3051   border: none;
   3052 
   3053 }
   3054 
   3055 
   3056 .portfolio-filter li .active{
   3057 
   3058   background: transparent;
   3059 
   3060   box-shadow: none;
   3061 
   3062   -webkit-box-shadow: none;
   3063 
   3064 }
   3065 
   3066 
   3067 .portfolio-filter li a:hover, 
   3068 
   3069 .portfolio-filter li a:focus,
   3070 
   3071 .portfolio-filter li a.active {
   3072 
   3073   background: transparent;
   3074 
   3075   box-shadow: none;
   3076 
   3077   -webkit-box-shadow: none;
   3078 
   3079 }
   3080 
   3081 
   3082 .portfolio-filter li a.active:before{
   3083 
   3084   position: absolute;
   3085 
   3086 
   3087   content: &quot;&quot;;
   3088 
   3089   left: 0;
   3090 
   3091   width: 13px;
   3092 
   3093   height: 16px;
   3094 
   3095   background: url(../images/portfolio/icon.png);
   3096 
   3097   top: 5px;
   3098 
   3099 }
   3100 
   3101 
   3102 .portfolio-pagination{
   3103 
   3104   text-align: center;
   3105 
   3106   
   3107 
   3108   padding-top: 40px;
   3109 
   3110   padding-bottom: 90px;
   3111 
   3112 }
   3113 
   3114 
   3115 .pagination li{
   3116 
   3117   display: inline-block;
   3118 
   3119   margin: 0 10px;
   3120 
   3121 }
   3122 
   3123 
   3124 .pagination li a{
   3125 
   3126   color: #000;
   3127 
   3128   padding: 5px 10px;
   3129 
   3130   border-radius: 5px;
   3131 
   3132   border: 1px solid #fff;
   3133 
   3134 }
   3135 
   3136 
   3137 .pagination li:first-child a{
   3138 
   3139   background: url(../images/portfolio/left.png);
   3140 
   3141   background-repeat: no-repeat;
   3142 
   3143   text-indent: -999999999px;
   3144 
   3145   background-position: center top 10px;
   3146 
   3147   width: 32px;
   3148 
   3149   height: 36px;
   3150 
   3151   border: none;
   3152 
   3153   -webkit-transition: 300ms;
   3154 
   3155   transition: 300ms;
   3156 
   3157 }
   3158 
   3159 
   3160 .pagination li:first-child a:hover{
   3161 
   3162   background: url(../images/portfolio/left.png);
   3163 
   3164   background-position: center top -37px;
   3165 
   3166   background-repeat: no-repeat;
   3167 
   3168   -webkit-transition: 300ms;
   3169 
   3170   transition: 300ms;
   3171 
   3172 }
   3173 
   3174 
   3175 .pagination li:last-child a{
   3176 
   3177   background: url(../images/portfolio/right.png);
   3178 
   3179   background-repeat: no-repeat;
   3180 
   3181   text-indent: -999999999px;
   3182 
   3183   background-position: center top 10px;
   3184 
   3185   width: 32px;
   3186 
   3187   height: 36px;
   3188 
   3189   border: none;
   3190 
   3191   -webkit-transition: 300ms;
   3192 
   3193   transition: 300ms;
   3194 
   3195 }
   3196 
   3197 
   3198 .pagination li:last-child a:hover{
   3199 
   3200   background: url(../images/portfolio/right.png);
   3201 
   3202   background-position: center top -37px;
   3203 
   3204   background-repeat: no-repeat;
   3205 
   3206   -webkit-transition: 300ms;
   3207 
   3208   transition: 300ms;
   3209 
   3210 }
   3211 
   3212 
   3213 .pagination li a:hover,
   3214 
   3215 .pagination .active a,
   3216 
   3217 .pagination .active a:hover,
   3218 
   3219 .pagination .active a:focus{
   3220 
   3221   background: none;
   3222 
   3223   border-color: #cc9b59;
   3224 
   3225   color: #cc9b59;
   3226 
   3227 }
   3228 
   3229 
   3230 
   3231 /*****************************
   3232 
   3233 Portfolio with right sidebar
   3234 
   3235 *****************************/
   3236 
   3237 
   3238 .sidebar h3 {
   3239 
   3240   color: #404040;
   3241 
   3242   margin-top: 0;
   3243 
   3244   border-bottom: 3px solid #ececec;
   3245 
   3246   margin-bottom: 6px;
   3247 
   3248   padding-bottom: 8px;
   3249 
   3250 }
   3251 
   3252 
   3253 .sidebar-item{
   3254 
   3255   margin-bottom: 48px;
   3256 
   3257 }
   3258 
   3259 
   3260 .categories .navbar-stacked li {
   3261 
   3262   border-bottom: 1px solid #ececec;
   3263 
   3264 }
   3265 
   3266 
   3267 .categories .navbar-stacked li:last-child {
   3268 
   3269   border-bottom: 0px solid #ececec;
   3270 
   3271 }
   3272 
   3273 
   3274 .categories .navbar-stacked li a {
   3275 
   3276   font-size: 16px;
   3277 
   3278   color: #6a6a6a;
   3279 
   3280   padding: 8px 0;
   3281 
   3282   padding-left: 0;
   3283 
   3284 }
   3285 
   3286 
   3287 .categories .navbar-stacked li a:hover{
   3288 
   3289   background: none;
   3290 
   3291   margin-left: 20px;
   3292 
   3293   color: #dab074;
   3294 
   3295   opacity: 1;
   3296 
   3297 }
   3298 
   3299 
   3300 .categories .navbar-stacked li.active a{
   3301 
   3302   color: #dab074;
   3303 
   3304   padding-left: 20px;
   3305 
   3306 }
   3307 
   3308 
   3309 .categories .navbar-stacked li.active a:before{
   3310 
   3311   position: absolute;
   3312 
   3313   content: &quot;&quot;;
   3314 
   3315   border-color: transparent transparent transparent #dab074;
   3316 
   3317   border-width: 8px;
   3318 
   3319   border-style: solid;
   3320 
   3321   left: 0;
   3322 
   3323   top: 13px;
   3324 
   3325   margin-top: 0;
   3326 
   3327   z-index: 0;
   3328 
   3329   transition: all 0.3s ease 0s;
   3330 
   3331   -webkit-transition: all 0.3s ease 0s;
   3332 
   3333 }
   3334 
   3335 
   3336 .categories .navbar-stacked li.active a:after {
   3337 
   3338   position: absolute;
   3339 
   3340   content: &quot;&quot;;
   3341 
   3342   border-color: transparent transparent transparent #fff;
   3343 
   3344   border-width: 6px;
   3345 
   3346   border-style: solid;
   3347 
   3348   left: 0px;
   3349 
   3350   top: 15px;
   3351 
   3352   margin-top: 0;
   3353 
   3354   z-index: 1;
   3355 
   3356   transition: all 0.3s ease 0s;
   3357 
   3358   -webkit-transition: all 0.3s ease 0s;
   3359 
   3360 }
   3361 
   3362 
   3363 .sidebar-item .media{
   3364 
   3365   border-bottom: 1px solid #ececec;
   3366 
   3367   padding-bottom: 10px;
   3368 
   3369   padding-top: 21px;
   3370 
   3371   margin-top: 0;
   3372 
   3373   transition: all 0.3s ease 0s;
   3374 
   3375   -webkit-transition: all 0.3s ease 0s;
   3376 
   3377 }
   3378 
   3379 
   3380 .sidebar-item .media:last-child{
   3381 
   3382   border-bottom: 0px solid #ececec;  
   3383 
   3384   padding-bottom: 0; 
   3385 
   3386 }
   3387 
   3388 
   3389 .sidebar-item .media:hover{
   3390 
   3391   border-left: 2px solid #dab074;
   3392 
   3393   padding-left: 5px;
   3394 
   3395   transition: all 0.3s ease 0s;
   3396 
   3397   -webkit-transition: all 0.3s ease 0s;
   3398 
   3399 }
   3400 
   3401 
   3402 .sidebar-item .media:hover.media .media-body h4 a{
   3403 
   3404   color: #dab074;
   3405 
   3406   transition: all 0.3s ease 0s;
   3407 
   3408   -webkit-transition: all 0.3s ease 0s;
   3409 
   3410 }
   3411 
   3412 
   3413 .sidebar-item .media .media-body h4 {
   3414 
   3415   margin-top: 0;
   3416 
   3417   margin-bottom: 8px;
   3418 
   3419 }
   3420 
   3421 
   3422 .sidebar-item .media .media-body h4 a{
   3423 
   3424   color: #7d7d7d;
   3425 
   3426   font-size: 16px;
   3427 
   3428 }
   3429 
   3430 
   3431 .sidebar-item .media .media-body p {
   3432 
   3433   color: #b4b4b4;
   3434 
   3435   font-size: 12px;
   3436 
   3437 }
   3438 
   3439 
   3440 .tag-cloud .nav-pills{
   3441 
   3442   margin-top: 16px;
   3443 
   3444 }
   3445 
   3446 
   3447 .tag-cloud .nav-pills li{
   3448 
   3449   margin: 0;
   3450 
   3451   margin-top: 6px;
   3452 
   3453   margin-right: 4px;
   3454 
   3455 }
   3456 
   3457 
   3458 .tag-cloud .nav-pills li a{
   3459 
   3460   font-size: 14px;
   3461 
   3462   font-weight: 300;
   3463 
   3464   padding: 5px 15px;
   3465 
   3466   background: #bbbbbb;
   3467 
   3468   color: #fff;
   3469 
   3470   border-radius: 3px;
   3471 
   3472 }
   3473 
   3474 
   3475 .tag-cloud .nav-pills li a:hover{
   3476 
   3477   background: #dab074;
   3478 
   3479 }
   3480 
   3481 
   3482 .popular ul.gallery {
   3483 
   3484   margin: 0;
   3485 
   3486   padding: 0;
   3487 
   3488   list-style: none;
   3489 
   3490   margin: 10px -8px;
   3491 
   3492 }
   3493 
   3494 
   3495 .popular ul.gallery li {
   3496 
   3497   display: block;
   3498 
   3499   width: 33.33%;
   3500 
   3501   float: left;
   3502 
   3503   padding: 8px;
   3504 
   3505 }
   3506 
   3507 
   3508 .popular ul.gallery li a {
   3509 
   3510   display: block;
   3511 
   3512 }
   3513 
   3514 
   3515 .popular ul.gallery li a img {
   3516 
   3517   width: 100%;
   3518 
   3519   transition: border-radius 300ms ease-in;
   3520 
   3521   -webkit-transition: border-radius 300ms ease-in;
   3522 
   3523 }
   3524 
   3525 
   3526 .popular ul.gallery li a img:hover {
   3527 
   3528   border-radius: 60px;
   3529 
   3530 }
   3531 
   3532 
   3533 /* Start: Recommended Isotope styles */
   3534 
   3535 
   3536 /**** Isotope Filtering ****/
   3537 
   3538 .isotope-item {
   3539 
   3540   z-index: 2;
   3541 
   3542 }
   3543 
   3544 
   3545 .isotope-hidden.isotope-item {
   3546 
   3547   pointer-events: none;
   3548 
   3549   z-index: 1;
   3550 
   3551 }
   3552 
   3553 
   3554 /**** Isotope CSS3 transitions ****/
   3555 
   3556 
   3557 .isotope,
   3558 
   3559 .isotope .isotope-item {
   3560 
   3561   -webkit-transition-duration: 0.8s;
   3562 
   3563   -moz-transition-duration: 0.8s;
   3564 
   3565   -ms-transition-duration: 0.8s;
   3566 
   3567   -o-transition-duration: 0.8s;
   3568 
   3569   transition-duration: 0.8s;
   3570 
   3571 }
   3572 
   3573 
   3574 .isotope {
   3575 
   3576   -webkit-transition-property: height, width;
   3577 
   3578   -moz-transition-property: height, width;
   3579 
   3580   -ms-transition-property: height, width;
   3581 
   3582   -o-transition-property: height, width;
   3583 
   3584   transition-property: height, width;
   3585 
   3586 }
   3587 
   3588 
   3589 .isotope .isotope-item {
   3590 
   3591   -webkit-transition-property: -webkit-transform, opacity;
   3592 
   3593   -moz-transition-property: -moz-transform, opacity;
   3594 
   3595   -ms-transition-property: -ms-transform, opacity;
   3596 
   3597   -o-transition-property: -o-transform, opacity;
   3598 
   3599   transition-property: transform, opacity;
   3600 
   3601 }
   3602 
   3603 
   3604 /**** disabling Isotope CSS3 transitions ****/
   3605 
   3606 .isotope.no-transition,
   3607 
   3608 .isotope.no-transition .isotope-item,
   3609 
   3610 .isotope .isotope-item.no-transition {
   3611 
   3612   -webkit-transition-duration: 0s;
   3613 
   3614   -moz-transition-duration: 0s;
   3615 
   3616   -ms-transition-duration: 0s;
   3617 
   3618   -o-transition-duration: 0s;
   3619 
   3620   transition-duration: 0s;
   3621 
   3622 }
   3623 
   3624 
   3625 
   3626 
   3627 
   3628 /*****************************
   3629 
   3630 Portfolio Details
   3631 
   3632 *****************************/
   3633 
   3634 
   3635 #portfolio-information.padding-top{
   3636 
   3637   padding-top: 100px;
   3638 
   3639 }
   3640 
   3641 
   3642 .project-name h2{
   3643 
   3644   margin-top: 0;
   3645 
   3646   margin-bottom: 15px;
   3647 
   3648 }
   3649 
   3650 
   3651 #related-work .title{
   3652 
   3653   margin-bottom: 55px;
   3654 
   3655   margin-top: 10px;
   3656 
   3657 }
   3658 
   3659 
   3660 .navbar-default {
   3661 
   3662   background: none;
   3663 
   3664   padding: 0;
   3665 
   3666 }
   3667 
   3668 
   3669 .navbar-default li a{
   3670 
   3671   font-size: 12px;
   3672 
   3673   padding: 0;
   3674 
   3675   padding-right: 15px;
   3676 
   3677 }
   3678 
   3679 
   3680 .navbar-default li a i{
   3681 
   3682   padding-right: 8px;
   3683 
   3684 }
   3685 
   3686 
   3687 .navbar-default li a:hover{
   3688 
   3689   color: #dab074;
   3690 
   3691   background: none;
   3692 
   3693 }
   3694 
   3695 
   3696 .skills .navbar-default,
   3697 
   3698 .client .navbar-default{
   3699 
   3700   margin-left: 35px;
   3701 
   3702   
   3703 
   3704 }
   3705 
   3706 
   3707 .live-preview .btn-common{
   3708 
   3709   margin-top: 21px;
   3710 
   3711   padding: 13px 45px;
   3712 
   3713 }
   3714 
   3715 
   3716 
   3717 /*****************************
   3718 
   3719 Blog Default
   3720 
   3721 *****************************/
   3722 
   3723 
   3724 .single-blog.timeline {
   3725 
   3726   background: #FFFFFF;
   3727 
   3728   border: 1px solid #EEEEEE;
   3729 
   3730   border-bottom: 0;
   3731 
   3732   position: relative;
   3733 
   3734   padding-bottom: 0;
   3735 
   3736 }
   3737 
   3738 
   3739 .timeline .post-content {
   3740 
   3741   padding: 20px 20px 0;
   3742 
   3743 }
   3744 
   3745 
   3746 .post-thumb{
   3747 
   3748   margin: -1px -1px 0;
   3749 
   3750   position: relative;
   3751 
   3752   overflow: hidden;
   3753 
   3754 }
   3755 
   3756 
   3757 .timeline .post-thumb img {
   3758 
   3759   width: 100%;
   3760 
   3761 }
   3762 
   3763 
   3764 .post-thumb iframe{
   3765 
   3766   width: 100%;
   3767 
   3768   min-height: 270px;
   3769 
   3770   border: 0;
   3771 
   3772 }
   3773 
   3774 
   3775 .post-overlay{
   3776 
   3777   position: absolute;
   3778 
   3779   top: 50%;
   3780 
   3781   display: none;
   3782 
   3783   width: 94px;
   3784 
   3785   height: 140px;
   3786 
   3787   margin-top: -70px;
   3788 
   3789   overflow: hidden;
   3790 
   3791 }
   3792 
   3793 
   3794 .post-overlay span{
   3795 
   3796   position: absolute;
   3797 
   3798   left: 50%;
   3799 
   3800   bottom: 0; 
   3801 
   3802   margin-left: -60px;
   3803 
   3804   -webkit-animation: fadeInUp 400ms;
   3805 
   3806   animation: fadeInUp 400ms;
   3807 
   3808   z-index: 9;
   3809 
   3810 }
   3811 
   3812 
   3813 .post-overlay span:before{
   3814 
   3815   position: absolute;
   3816 
   3817   bottom: 0;
   3818 
   3819   border-style: solid;
   3820 
   3821   border-width: 60px;
   3822 
   3823   content: &quot;&quot;;
   3824 
   3825   border-color: transparent transparent #dab074 transparent;
   3826 
   3827   z-index: -1;
   3828 
   3829   cursor: initial;
   3830 
   3831 }
   3832 
   3833 
   3834 .post-overlay span a{
   3835 
   3836   font-size: 30px;
   3837 
   3838   color: #fff;
   3839 
   3840   background: transparent;
   3841 
   3842   padding: 0; 
   3843 
   3844   margin-left: 50px;
   3845 
   3846 }
   3847 
   3848 
   3849 .single-blog:hover .post-overlay{
   3850 
   3851   display: block;
   3852 
   3853   -webkit-animation: fadeIn 300ms;
   3854 
   3855   animation: fadeIn 300ms;
   3856 
   3857 }
   3858 
   3859 
   3860 .timeline-divider{
   3861 
   3862   position: relative;
   3863 
   3864   padding-top: 50px;
   3865 
   3866 }
   3867 
   3868 
   3869 .timeline-divider:before{
   3870 
   3871   position: absolute;
   3872 
   3873   top: 0;
   3874 
   3875   content: &quot;&quot;;
   3876 
   3877   border-left-style: solid;
   3878 
   3879   border-left-width: 1px;
   3880 
   3881   height: 100%;
   3882 
   3883   border-left-color: #dab074;
   3884 
   3885   left: 50%;
   3886 
   3887   margin-left: -2px;
   3888 
   3889 }
   3890 
   3891 
   3892 .timeline-blog .col-sm-6.padding-top{
   3893 
   3894   padding-top: 70px;
   3895 
   3896 }
   3897 
   3898 
   3899 .post-content{
   3900 
   3901   padding: 20px 0;
   3902 
   3903 }
   3904 
   3905 
   3906 .timeline-date .btn-common{
   3907 
   3908   font-size: 18px;
   3909 
   3910   color: #4a4a4a;
   3911 
   3912   font-weight: 300;
   3913 
   3914   border-radius: 0;
   3915 
   3916   padding: 17px 40px;
   3917 
   3918 }
   3919 
   3920 
   3921 .arrow-right{
   3922 
   3923   position: relative;
   3924 
   3925 }
   3926 
   3927 
   3928 .arrow-right:after{
   3929 
   3930   position: absolute;
   3931 
   3932   right: 1px;
   3933 
   3934   content: &quot;&quot;;
   3935 
   3936   top: 15px;
   3937 
   3938   background: url(../images/blog/left.png);
   3939 
   3940   width: 43px;
   3941 
   3942   height: 54px;
   3943 
   3944 }
   3945 
   3946 
   3947 .arrow-left{
   3948 
   3949   position: relative;
   3950 
   3951 }
   3952 
   3953 
   3954 .arrow-left:before{
   3955 
   3956   position: absolute;
   3957 
   3958   left: -2px;
   3959 
   3960   content: &quot;&quot;;
   3961 
   3962   top: 86px;
   3963 
   3964   background: url(../images/blog/right.png);
   3965 
   3966   width: 43px;
   3967 
   3968   height: 54px;
   3969 
   3970 }
   3971 
   3972 
   3973 .post-title {
   3974 
   3975   margin-top: 0;
   3976 
   3977 }
   3978 
   3979 
   3980 .post-title a,
   3981 
   3982 .comments-number a{
   3983 
   3984   color: #686868;
   3985 
   3986 }
   3987 
   3988 
   3989 .post-title a:hover,
   3990 
   3991 .comments-number a:hover{
   3992 
   3993   color: #dab074;
   3994 
   3995 }
   3996 
   3997 
   3998 .post-content .post-author{
   3999 
   4000   margin-top: 0;
   4001 
   4002   
   4003 
   4004 }
   4005 
   4006 
   4007 .post-content  .post-author a{
   4008 
   4009   font-weight: 300;
   4010 
   4011   font-size: 14px;
   4012 
   4013 }
   4014 
   4015 
   4016 a.read-more{
   4017 
   4018   color: #a5732a;
   4019 
   4020   font-weight: 300;
   4021 
   4022 }
   4023 
   4024 
   4025 a.read-more:hover{
   4026 
   4027   opacity: .8;
   4028 
   4029 }
   4030 
   4031 
   4032 .post-bottom{
   4033 
   4034   border-top: 1px solid #eeeeee;
   4035 
   4036   padding-top: 10px;
   4037 
   4038   margin-top: 20px;
   4039 
   4040   margin: 20px -20px 0;
   4041 
   4042   padding: 20px 20px 0;
   4043 
   4044 }
   4045 
   4046 
   4047 
   4048 /*****************************
   4049 
   4050 Blog with right sidebar
   4051 
   4052 *****************************/
   4053 
   4054 
   4055 .single-blog{
   4056 
   4057   padding-bottom: 30px;
   4058 
   4059 }
   4060 
   4061 
   4062 .single-blog .post-bottom{
   4063 
   4064   border-bottom: 1px solid #eeeeee;
   4065 
   4066   padding-top: 10px;
   4067 
   4068   padding-bottom: 10px;
   4069 
   4070 }
   4071 
   4072 
   4073 .single-blog .post-overlay span{
   4074 
   4075   left: 0;
   4076 
   4077   top: 0;
   4078 
   4079   margin-left: 0;
   4080 
   4081   width: 94px;
   4082 
   4083   height: 140px;
   4084 
   4085   background: url(../images/blog/blog-arrow.png);
   4086 
   4087   -webkit-animation: fadeInLeft 400ms;
   4088 
   4089   animation: fadeInLeft 400ms;
   4090 
   4091 }
   4092 
   4093 
   4094 .single-blog .post-overlay span a{
   4095 
   4096   margin-left: 8px;
   4097 
   4098   font-weight: 700;
   4099 
   4100   font-size: 36px;
   4101 
   4102   line-height: 18px;
   4103 
   4104   position: absolute;
   4105 
   4106   top: 50px;
   4107 
   4108 }
   4109 
   4110 
   4111 .single-blog .post-overlay span a small{
   4112 
   4113   font-size: 16px;
   4114 
   4115   font-weight: 300;
   4116 
   4117   margin-left: 5px;
   4118 
   4119 }
   4120 
   4121 
   4122 .single-blog .post-overlay span:before{
   4123 
   4124   border-color: transparent;
   4125 
   4126   border-width: 0;
   4127 
   4128 }
   4129 
   4130 
   4131 .post-nav{
   4132 
   4133   margin:0;
   4134 
   4135   padding: 0;
   4136 
   4137 }
   4138 
   4139 
   4140 .post-nav li a{
   4141 
   4142   padding: 0;
   4143 
   4144   text-align: left;
   4145 
   4146 }
   4147 
   4148 
   4149 .post-nav li a i{
   4150 
   4151   color: #dab074;
   4152 
   4153   margin-right: 8px;
   4154 
   4155 }
   4156 
   4157 
   4158 .post-nav li a:hover{
   4159 
   4160   background: none;
   4161 
   4162 }
   4163 
   4164 
   4165 .blog-padding-right{
   4166 
   4167   padding-right:35px;
   4168 
   4169 }
   4170 
   4171 
   4172 .blog-pagination {
   4173 
   4174   text-align: center;
   4175 
   4176   padding-top: 10px;
   4177 
   4178   padding-bottom: 55px;
   4179 
   4180 }
   4181 
   4182 
   4183 /*****************************
   4184 
   4185 Blog with right sidebar
   4186 
   4187 *****************************/
   4188 
   4189 
   4190 .masonery_area .single-blog{}
   4191 
   4192 .masonery_area .single-blog .post-thumb{
   4193 
   4194   height: auto;
   4195 
   4196 }
   4197 
   4198 
   4199 .masonery_area .single-blog .post-title{
   4200 
   4201   margin-top: 5px;
   4202 
   4203 }
   4204 
   4205 
   4206 .masonery_area .single-blog .post-title a{
   4207 
   4208   font-size: 20px;
   4209 
   4210 }
   4211 
   4212 
   4213 .masonery_area .single-blog .post-thumb img{
   4214 
   4215   height:auto;
   4216 
   4217 }
   4218 
   4219 
   4220 .masonery_area .single-blog .post-bottom{
   4221 
   4222   border-top:0;
   4223 
   4224   padding-top:0;
   4225 
   4226   margin-top:15px;
   4227 
   4228 }
   4229 
   4230 
   4231 /* Audio CSS */
   4232 
   4233 
   4234 .audiojs{
   4235 
   4236   background: #dab074;
   4237 
   4238   height: 45px;
   4239 
   4240   width: 100%;
   4241 
   4242 }
   4243 
   4244 
   4245 .audiojs .scrubber{
   4246 
   4247   background: #fff;
   4248 
   4249   
   4250 
   4251   height: 8px;
   4252 
   4253   border-top: 0;
   4254 
   4255   width: 170px;
   4256 
   4257   margin-top: 19px;
   4258 
   4259   margin-left: 12px;
   4260 
   4261   border-radius: 10px;
   4262 
   4263 }
   4264 
   4265 
   4266 .audiojs .play-pause{
   4267 
   4268   background: #cca46c;
   4269 
   4270   width: 68px;
   4271 
   4272   height: 45px;
   4273 
   4274   padding: 0;
   4275 
   4276   padding-left: 24px;
   4277 
   4278   padding-top: 10px;
   4279 
   4280   border-right: 0;
   4281 
   4282 }
   4283 
   4284 
   4285 .audiojs .time{
   4286 
   4287   display: none;
   4288 
   4289   
   4290 
   4291 }
   4292 
   4293 
   4294 .audiojs .progress{
   4295 
   4296   background: #a5732a;
   4297 
   4298 
   4299   height: 8px;
   4300 
   4301   border-radius: 10px;
   4302 
   4303 }
   4304 
   4305 
   4306 .audiojs .loaded{
   4307 
   4308   background: #ba9663;
   4309 
   4310   height: 8px;
   4311 
   4312   border-radius: 10px;
   4313 
   4314 }
   4315 
   4316 
   4317 
   4318 /*****************************
   4319 
   4320 Blog Details
   4321 
   4322 *****************************/
   4323 
   4324 
   4325 .navbar-nav.post-nav li{
   4326 
   4327   margin-right: 60px;
   4328 
   4329 }
   4330 
   4331 
   4332 .single-blog.blog-details .post-content{
   4333 
   4334   padding-top: 30px;
   4335 
   4336 }
   4337 
   4338 
   4339 .single-blog.blog-details .post-bottom{
   4340 
   4341   margin-top: 55px;
   4342 
   4343 }
   4344 
   4345 
   4346 .single-blog-wrapper{
   4347 
   4348   position: relative;
   4349 
   4350 }
   4351 
   4352 
   4353 .blog-share{
   4354 
   4355   margin-top: 40px;
   4356 
   4357   display: inline-block;
   4358 
   4359   padding: 0;
   4360 
   4361 }
   4362 
   4363 
   4364 span.stMainServices,
   4365 
   4366 span.stButton_gradient, 
   4367 
   4368 .stButton .chicklets{
   4369 
   4370   height:24px !important;
   4371 
   4372 }
   4373 
   4374 
   4375 .author-profile.padding{
   4376 
   4377   padding-top:50px;
   4378 
   4379 }
   4380 
   4381 
   4382 .author-profile .col-sm-2 img{
   4383 
   4384   width: 100%;
   4385 
   4386   border-left: 3px solid #dab074;
   4387 
   4388 }
   4389 
   4390 
   4391 .author-profile h3{
   4392 
   4393   margin-top:0;
   4394 
   4395   color: #3a424c;
   4396 
   4397 }
   4398 
   4399 
   4400 .author-profile p{
   4401 
   4402   color: #3a424c;
   4403 
   4404   font-weight: 400;
   4405 
   4406 }
   4407 
   4408 
   4409 .author-profile span a{
   4410 
   4411   color: #a5732a;
   4412 
   4413 }
   4414 
   4415 
   4416 .response-area{
   4417 
   4418   border-bottom: 0;
   4419 
   4420 }
   4421 
   4422 
   4423 .response-area h2{
   4424 
   4425   margin-top: 0;
   4426 
   4427   
   4428 
   4429   margin-bottom: 0;
   4430 
   4431   border-bottom: 0;
   4432 
   4433   padding-bottom: 20px;
   4434 
   4435 }
   4436 
   4437 
   4438 .post-comment{
   4439 
   4440   padding-left: 70px;
   4441 
   4442   padding-top: 36px;
   4443 
   4444   border-top: 1px solid #f1e8dd;
   4445 
   4446 }
   4447 
   4448 
   4449 .post-comment .pull-left img{
   4450 
   4451   margin-right: 60px;
   4452 
   4453   border-left: 3px solid #dab074;
   4454 
   4455 }
   4456 
   4457 
   4458 .post-comment .media-body{
   4459 
   4460   padding-top: 6px;
   4461 
   4462   border-bottom: 0;
   4463 
   4464   padding-bottom: 50px;
   4465 
   4466 }
   4467 
   4468 
   4469 .post-comment .media-body p{
   4470 
   4471   margin-top:10px;
   4472 
   4473 }
   4474 
   4475 
   4476 .post-comment .media-body span i{
   4477 
   4478   color: #a5732a;
   4479 
   4480   margin-right: 10px;
   4481 
   4482 }
   4483 
   4484 
   4485 .post-comment .media-body span a{
   4486 
   4487   color: #a5732a;
   4488 
   4489   font-weight: 700;
   4490 
   4491 }
   4492 
   4493 
   4494 .post-comment .media-body .post-nav li a{
   4495 
   4496   font-weight: 300;
   4497 
   4498 }
   4499 
   4500 
   4501 .parrent .media-list{
   4502 
   4503   margin-left: 190px;
   4504 
   4505 }
   4506 
   4507 
   4508 .parrent .post-comment{
   4509 
   4510   padding-left: 0;
   4511 
   4512   margin-left: 70px;
   4513 
   4514 }
   4515 
   4516 
   4517 
   4518 /****************************
   4519 
   4520 ********* Contact Us*********
   4521 
   4522 *****************************/
   4523 
   4524 #map-section {
   4525 
   4526   margin-top: 50px;
   4527 
   4528   margin-bottom: 50px;
   4529 
   4530   position: relative;
   4531 
   4532 }
   4533 
   4534 
   4535 #gmap {
   4536 
   4537   height: 350px;
   4538 
   4539 }
   4540 
   4541 
   4542 .get-in-touch img {
   4543 
   4544   margin-top: 35px;
   4545 
   4546   margin-bottom: 32px;
   4547 
   4548 }
   4549 
   4550 
   4551 .get-in-touch p {
   4552 
   4553   font-size: 18px;
   4554 
   4555   font-weight: 300;
   4556 
   4557 }
   4558 
   4559 
   4560 #map-section .contact-info {
   4561 
   4562   position: absolute;
   4563 
   4564   background-color: #fff;
   4565 
   4566   right: 0;
   4567 
   4568   top: 0;
   4569 
   4570   width: 33%;
   4571 
   4572   height: 100%;
   4573 
   4574   padding:25px 50px;
   4575 
   4576   opacity: 0.9
   4577 
   4578 }
   4579 
   4580 
   4581 #map-section .contact-info h2, 
   4582 
   4583 #map-section address a:hover {
   4584 
   4585   color: #a5732a
   4586 
   4587 }
   4588 
   4589 
   4590 #contact-form #message{
   4591 
   4592   resize:none;
   4593 
   4594 }
   4595 
   4596 
   4597 #contact-form .btn-submit {
   4598 
   4599   width: 28%;
   4600 
   4601   margin: 5px auto;
   4602 
   4603 }
   4604 
   4605 
   4606 .corporate-info .corporate-address {
   4607 
   4608   background-image: url(&quot;../images/contact-bg.png&quot;);
   4609 
   4610   background-position: left top;
   4611 
   4612   background-repeat: no-repeat;
   4613 
   4614   overflow: hidden;
   4615 
   4616   padding-bottom: 50px;
   4617 
   4618 }
   4619 
   4620 
   4621 .corporate-info .corporate-address address {
   4622 
   4623   background-image: url(&quot;../images/icon-map.png&quot;);
   4624 
   4625   background-position: left top;
   4626 
   4627   background-repeat: no-repeat;
   4628 
   4629   padding-left: 40px;
   4630 
   4631 }
   4632 
   4633 
   4634 
   4635 /****************************
   4636 
   4637 ****** Price-table CSS*******
   4638 
   4639 *****************************/
   4640 
   4641 
   4642 #price-table {
   4643 
   4644   margin-top: 88px;
   4645 
   4646   margin-bottom: 90px;
   4647 
   4648 }
   4649 
   4650 
   4651 .single-price ul {
   4652 
   4653   padding: 0;
   4654 
   4655   margin: 0;
   4656 
   4657   list-style: none;
   4658 
   4659 }
   4660 
   4661 
   4662 .table-heading {
   4663 
   4664   background-color: transparent !important;
   4665 
   4666   color: #FFFFFF !important;
   4667 
   4668   overflow: hidden;
   4669 
   4670   padding: 0 !important;
   4671 
   4672   text-align: center;
   4673 
   4674 }
   4675 
   4676 
   4677 .single-price .plan-name { 
   4678 
   4679   background-color: #D4D4D4;
   4680 
   4681   color: #696969;
   4682 
   4683   font-size: 20px;
   4684 
   4685   margin-bottom: 0;
   4686 
   4687   padding: 10px 0;
   4688 
   4689   text-transform: capitalize;
   4690 
   4691 }
   4692 
   4693 
   4694 .single-price .plan-price { 
   4695 
   4696   color: #696969;
   4697 
   4698   float: none;
   4699 
   4700   font-size: 14px;
   4701 
   4702   height: 110px;
   4703 
   4704   margin-bottom: 15px;
   4705 
   4706   overflow: hidden;
   4707 
   4708   position: relative;
   4709 
   4710   z-index: 5;
   4711 
   4712   padding-top: 15px;
   4713 
   4714 }
   4715 
   4716 
   4717 
   4718 .plan-price .dollar-sign {
   4719 
   4720   font-size: 18px;
   4721 
   4722 }
   4723 
   4724 
   4725 .plan-price .price {
   4726 
   4727   font-size: 24px;
   4728 
   4729 }
   4730 
   4731 
   4732 .plan-price .month {
   4733 
   4734   display: block;
   4735 
   4736   margin-top: -6px;
   4737 
   4738 }
   4739 
   4740 
   4741 .single-price .plan-price:after {
   4742 
   4743   border-color: #c4c4c4 transparent transparent;
   4744 
   4745   border-style: solid;
   4746 
   4747   border-width: 110px;
   4748 
   4749   content: &quot;&quot;;
   4750 
   4751   height: 0;
   4752 
   4753   left:50%;
   4754 
   4755   position: absolute;
   4756 
   4757   top: 0;
   4758 
   4759   width: 0;
   4760 
   4761   z-index: -1;
   4762 
   4763   margin-left: -110px;
   4764 
   4765 }
   4766 
   4767 
   4768 .single-price ul li, 
   4769 
   4770 .single-table ul li {
   4771 
   4772   padding: 12px 18px;
   4773 
   4774   background-color: #f7f7f7;
   4775 
   4776   margin-bottom: 5px;
   4777 
   4778   color: #696969;
   4779 
   4780 }
   4781 
   4782 
   4783 .single-price ul li span, 
   4784 
   4785 .single-table ul li span {
   4786 
   4787   float: right;
   4788 
   4789 }
   4790 
   4791 
   4792 .single-price .btn-buynow {
   4793 
   4794   background-color: #c4c4c4;
   4795 
   4796   border-radius: 0;
   4797 
   4798   color: #fff;
   4799 
   4800   padding: 12px;
   4801 
   4802   font-weight: 300;
   4803 
   4804   letter-spacing: 3px;
   4805 
   4806   text-transform: uppercase;
   4807 
   4808   display: block;
   4809 
   4810 }
   4811 
   4812 
   4813 .single-price .btn-buynow:hover {
   4814 
   4815   background-color: #b4b3b3;
   4816 
   4817 }
   4818 
   4819 
   4820 .highligh-table .plan-name {
   4821 
   4822   background-color: #b07b2c;
   4823 
   4824   color: #fff;
   4825 
   4826 }
   4827 
   4828 
   4829 .highligh-table .plan-price {
   4830 
   4831   color: #fff;
   4832 
   4833 }
   4834 
   4835 
   4836 .highligh-table .plan-price:after {
   4837 
   4838   border-color: #a56d1a transparent transparent;
   4839 
   4840 }
   4841 
   4842 
   4843 .highligh-table .btn-buynow {
   4844 
   4845   background-color: #a5732a;
   4846 
   4847 }
   4848 
   4849 
   4850 .highligh-table .btn-buynow:hover {
   4851 
   4852   background-color: #976a28;
   4853 
   4854 }
   4855 
   4856 
   4857 
   4858 #price-table2 {
   4859 
   4860   margin-bottom: 180px;
   4861 
   4862 }
   4863 
   4864 
   4865 .table-header {
   4866 
   4867   background-color: #C4C4C4;
   4868 
   4869   overflow: hidden;
   4870 
   4871   padding:20px;
   4872 
   4873 }
   4874 
   4875 
   4876 .single-table {
   4877 
   4878   position: relative;
   4879 
   4880   padding-top: 60px;
   4881 
   4882 }
   4883 
   4884 
   4885 .single-table:before {
   4886 
   4887   border-color: transparent transparent #b5b5b5;
   4888 
   4889   border-style: solid;
   4890 
   4891   border-width: 0 130px 60px;
   4892 
   4893   content: &quot;&quot;;
   4894 
   4895   height: 0;
   4896 
   4897   left: 0;
   4898 
   4899   position: absolute;
   4900 
   4901   top: 0;
   4902 
   4903   width: 100%;
   4904 
   4905 }
   4906 
   4907 
   4908 .table-header h2 {
   4909 
   4910   color: #696969;
   4911 
   4912   float: left;
   4913 
   4914   font-size: 24px;
   4915 
   4916   margin-top: 7px;
   4917 
   4918 }
   4919 
   4920 
   4921 .table-header .plan-price {
   4922 
   4923   float: right;
   4924 
   4925   margin: 0;
   4926 
   4927   overflow: hidden;
   4928 
   4929   padding-top: 1px;
   4930 
   4931 }
   4932 
   4933 
   4934 .single-table .btn-signup {
   4935 
   4936   display: block;
   4937 
   4938   text-align: center;
   4939 
   4940   position:relative;
   4941 
   4942   z-index:1
   4943 
   4944 }
   4945 
   4946 
   4947 .single-table ul {
   4948 
   4949   margin: 0;
   4950 
   4951   padding: 0;
   4952 
   4953 }
   4954 
   4955 
   4956 .single-table .btn-signup:after {
   4957 
   4958   content: &quot;&quot;;
   4959 
   4960   position: absolute;
   4961 
   4962   border-color: #c4c4c4 transparent transparent;
   4963 
   4964   border-style: solid;
   4965 
   4966   border-width: 78px 130px 0;  
   4967 
   4968   height: 0;
   4969 
   4970   left: 0; 
   4971 
   4972   top: -1px;
   4973 
   4974   width: 100%;
   4975 
   4976   z-index: -1;
   4977 
   4978 }
   4979 
   4980 
   4981 .single-table .btn-signup a {
   4982 
   4983   color: #696969;
   4984 
   4985   display: inline-block;
   4986 
   4987   overflow: hidden;
   4988 
   4989   padding: 20px 0 0 0;
   4990 
   4991   text-transform: uppercase;
   4992 
   4993   letter-spacing: 3px;
   4994 
   4995 }
   4996 
   4997 
   4998 .single-table .btn-signup:hover a {
   4999 
   5000   color: #fff;
   5001 
   5002 }
   5003 
   5004 
   5005 .single-table .btn-signup:hover.btn-signup:after{
   5006 
   5007   border-color: #b3b2b2 transparent transparent;
   5008 
   5009 }
   5010 
   5011 
   5012 .single-table.highligh-table .table-header {
   5013 
   5014   background-color: #b07b2c
   5015 
   5016 }
   5017 
   5018 
   5019 .highligh-table .btn-signup a, 
   5020 
   5021 .highligh-table .table-header h2 {
   5022 
   5023   color: #fff;
   5024 
   5025 }
   5026 
   5027 
   5028 .highligh-table .btn-signup.btn-signup:hover:after {
   5029 
   5030 
   5031   border-color: #a07028 transparent transparent;
   5032 
   5033 }
   5034 
   5035 
   5036 .highligh-table .btn-signup:after {
   5037 
   5038   border-color: #b07b2c transparent transparent;
   5039 
   5040 }
   5041 
   5042 
   5043 .highligh-table:before {
   5044 
   5045   border-color:transparent transparent #a56d1a;
   5046 
   5047 }
   5048 
   5049 
   5050 
   5051 /*************************
   5052 
   5053 ********404 page CSS******
   5054 
   5055 **************************/
   5056 
   5057 
   5058 #error-page {
   5059 
   5060   display: table;
   5061 
   5062   height: 100%;
   5063 
   5064   min-height: 100%;
   5065 
   5066   width: 100%;
   5067 
   5068   color: #686868;
   5069 
   5070   font-size: 18px;
   5071 
   5072   font-weight: 300;
   5073 
   5074   padding: 100px 0;
   5075 
   5076 }
   5077 
   5078 
   5079 #error-page .container-fluid {
   5080 
   5081   overflow: hidden;
   5082 
   5083 }
   5084 
   5085 
   5086 .error-page-inner {
   5087 
   5088   display: table-cell;
   5089 
   5090   vertical-align: middle;
   5091 
   5092 }
   5093 
   5094 
   5095 .bg-404 {
   5096 
   5097   background-image: url(&quot;../images/home/tour-bg.png&quot;);
   5098 
   5099   background-repeat: repeat-x;
   5100 
   5101   background-position: center top;
   5102 
   5103 }
   5104 
   5105 
   5106 .error-image {
   5107 
   5108   display: inline-block;
   5109 
   5110   padding-top: 50px;
   5111 
   5112   padding-bottom: 50px;
   5113 
   5114 }
   5115 
   5116 
   5117 .error-image img {
   5118 
   5119   width: 100%;
   5120 
   5121 }
   5122 
   5123 
   5124 #error-page h2 {
   5125 
   5126   font-size:36px;
   5127 
   5128   text-transform: uppercase;
   5129 
   5130 }
   5131 
   5132 
   5133 .btn-error {
   5134 
   5135   font-weight: 300;
   5136 
   5137   margin-top: 30px;
   5138 
   5139   padding:25px 55px;
   5140 
   5141   text-transform: uppercase;
   5142 
   5143   font-size: 16px;
   5144 
   5145   letter-spacing: 5px;
   5146 
   5147   background-color: transparent;
   5148 
   5149   border: 1px solid #cc9b59;
   5150 
   5151   margin-top: 50px;
   5152 
   5153   margin-bottom: 50px;
   5154 
   5155 }
   5156 
   5157 
   5158 .btn-error:hover, .btn-error:focus  {
   5159 
   5160   background-color: #cc9b59;
   5161 
   5162   border-color:#cc9b59;
   5163 
   5164   color:#fff;
   5165 
   5166 }
   5167 
   5168 
   5169 #error-page i, #coming-soon i {
   5170 
   5171   border: 1px solid #cc9b59;
   5172 
   5173   height: 40px;
   5174 
   5175   width: 40px;
   5176 
   5177   line-height: 40px;
   5178 
   5179   color: #cc9b59;
   5180 
   5181   font-size: 17px;
   5182 
   5183   margin:0 15px;
   5184 
   5185   border-radius: 50%;
   5186 
   5187   -webkit-transition: all 0.3s ease-in-out;
   5188 
   5189   -moz-transition: all 0.3s ease-in-out;
   5190 
   5191   -ms-transition: all 0.3s ease-in-out;
   5192 
   5193   -o-transition: all 0.3s ease-in-out;
   5194 
   5195   transition: all 0.3s ease-in-out;
   5196 
   5197 }
   5198 
   5199 
   5200 #error-page i:hover, #coming-soon i:hover {
   5201 
   5202   background-color: #cc9b59;
   5203 
   5204   color: #fff;
   5205 
   5206   -webkit-transition: all 0.3s ease-in-out;
   5207 
   5208   -moz-transition: all 0.3s ease-in-out;
   5209 
   5210   -ms-transition: all 0.3s ease-in-out;
   5211 
   5212   -o-transition: all 0.3s ease-in-out;
   5213 
   5214   transition: all 0.3s ease-in-out;
   5215 
   5216 }
   5217 
   5218 
   5219 
   5220 /*************************
   5221 
   5222 ********404 page CSS******
   5223 
   5224 **************************/
   5225 
   5226 
   5227 #error-page {
   5228 
   5229   display: table;
   5230 
   5231   height: 100%;
   5232 
   5233   min-height: 100%;
   5234 
   5235   width: 100%;
   5236 
   5237   color: #686868;
   5238 
   5239   font-size: 18px;
   5240 
   5241   font-weight: 300;
   5242 
   5243   padding: 100px 0;
   5244 
   5245 }
   5246 
   5247 
   5248 #error-page .container-fluid {
   5249 
   5250   overflow: hidden;
   5251 
   5252 }
   5253 
   5254 
   5255 .error-page-inner {
   5256 
   5257   display: table-cell;
   5258 
   5259   vertical-align: middle;
   5260 
   5261 }
   5262 
   5263 
   5264 .bg-404 {
   5265 
   5266   background-image: url(&quot;../images/home/tour-bg.png&quot;);
   5267 
   5268   background-repeat: repeat-x;
   5269 
   5270   background-position: center top;
   5271 
   5272 }
   5273 
   5274 
   5275 .error-image {
   5276 
   5277   display: inline-block;
   5278 
   5279   padding-top: 50px;
   5280 
   5281   padding-bottom: 50px;
   5282 
   5283 }
   5284 
   5285 
   5286 .error-image img {
   5287 
   5288   width: 100%;
   5289 
   5290 }
   5291 
   5292 
   5293 #error-page h2 {
   5294 
   5295   font-size:36px;
   5296 
   5297   text-transform: uppercase;
   5298 
   5299 }
   5300 
   5301 
   5302 .btn-error {
   5303 
   5304   font-weight: 300;
   5305 
   5306   margin-top: 30px;
   5307 
   5308   padding:25px 55px;
   5309 
   5310   text-transform: uppercase;
   5311 
   5312   font-size: 16px;
   5313 
   5314   letter-spacing: 5px;
   5315 
   5316   background-color: transparent;
   5317 
   5318   border: 1px solid #cc9b59;
   5319 
   5320   margin-top: 50px;
   5321 
   5322   margin-bottom: 50px;
   5323 
   5324 }
   5325 
   5326 
   5327 .btn-error:hover, .btn-error:focus  {
   5328 
   5329   background-color: #cc9b59;
   5330 
   5331   border-color:#cc9b59;
   5332 
   5333   color:#fff;
   5334 
   5335 }
   5336 
   5337 
   5338 #error-page i, #coming-soon i {
   5339 
   5340   border: 1px solid #cc9b59;
   5341 
   5342   height: 40px;
   5343 
   5344   width: 40px;
   5345 
   5346   line-height: 40px;
   5347 
   5348   color: #cc9b59;
   5349 
   5350   font-size: 17px;
   5351 
   5352   margin:0 15px;
   5353 
   5354   border-radius: 50%;
   5355 
   5356   -webkit-transition: all 0.3s ease-in-out;
   5357 
   5358   -moz-transition: all 0.3s ease-in-out;
   5359 
   5360   -ms-transition: all 0.3s ease-in-out;
   5361 
   5362   -o-transition: all 0.3s ease-in-out;
   5363 
   5364   transition: all 0.3s ease-in-out;
   5365 
   5366 }
   5367 
   5368 
   5369 #error-page i:hover, #coming-soon i:hover {
   5370 
   5371   background-color: #cc9b59;
   5372 
   5373   color: #fff;
   5374 
   5375   -webkit-transition: all 0.3s ease-in-out;
   5376 
   5377   -moz-transition: all 0.3s ease-in-out;
   5378 
   5379   -ms-transition: all 0.3s ease-in-out;
   5380 
   5381   -o-transition: all 0.3s ease-in-out;
   5382 
   5383   transition: all 0.3s ease-in-out;
   5384 
   5385 }
   5386 
   5387 
   5388 /*************************
   5389 
   5390 ******Coming Soon CSS*****
   5391 
   5392 **************************/
   5393 
   5394 
   5395 .logo-image {
   5396 
   5397   display: block;
   5398 
   5399   text-align: center;
   5400 
   5401   margin-top: 80px;
   5402 
   5403   margin-bottom: 95px;
   5404 
   5405 }
   5406 
   5407 
   5408 .logo-image img {
   5409 
   5410   display: inline-block;
   5411 
   5412 }
   5413 
   5414 
   5415 #coming-soon {
   5416 
   5417   background-image: url(&quot;../images/home/tour-bg.png&quot;);
   5418 
   5419   background-position: center top;
   5420 
   5421   background-repeat: repeat-x;
   5422 
   5423   padding: 40px 0;
   5424 
   5425   overflow: hidden;
   5426 
   5427 }
   5428 
   5429 
   5430 #coming-soon .social-link {
   5431 
   5432   margin-top: 35px;
   5433 
   5434 }
   5435 
   5436 
   5437 .time-count {
   5438 
   5439   display: block;
   5440 
   5441   text-align: center;
   5442 
   5443 }
   5444 
   5445 
   5446 .time-count ul {
   5447 
   5448   padding-left: 0;
   5449 
   5450 }
   5451 
   5452 
   5453 #countdown {
   5454 
   5455   display: inline-block;
   5456 
   5457   margin-bottom: 100px;
   5458 
   5459   margin-top: 100px;
   5460 
   5461 }
   5462 
   5463 
   5464 
   5465 #countdown li {
   5466 
   5467   float: left;
   5468 
   5469   margin-right: 100px;  
   5470 
   5471   color: #757575;  
   5472 
   5473   font-weight: 300;
   5474 
   5475   font-size: 30px;
   5476 
   5477   position: relative;
   5478 
   5479   z-index:1;
   5480 
   5481   padding-top: 45px;
   5482 
   5483 }
   5484 
   5485 
   5486 #countdown li:last-child {
   5487 
   5488   margin-right: 0;
   5489 
   5490   margin-left: 20px;
   5491 
   5492 }
   5493 
   5494 
   5495 #countdown li span {
   5496 
   5497   display: block;
   5498 
   5499   font-size: 72px;
   5500 
   5501   margin-bottom: 25px;
   5502 
   5503 }
   5504 
   5505 
   5506 #countdown li.angle-one:before {
   5507 
   5508   border-color: #D29948 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   5509 
   5510   border-style: solid;
   5511 
   5512   border-width: 250px 145px 0;
   5513 
   5514   content: &quot;&quot;;
   5515 
   5516   left: -80px;
   5517 
   5518   position: absolute;
   5519 
   5520   top: -5px;
   5521 
   5522   z-index: -1;
   5523 
   5524 }
   5525 
   5526 
   5527 #countdown li.angle-one:after{
   5528 
   5529   border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   5530 
   5531   border-style: solid;
   5532 
   5533   border-width: 236px 137px 0;
   5534 
   5535   content: &quot;&quot;;
   5536 
   5537   left: -72px;
   5538 
   5539   position: absolute;
   5540 
   5541   top: 0;
   5542 
   5543   z-index:-1;
   5544 
   5545 }
   5546 
   5547 
   5548 #countdown li.angle-two:before {
   5549 
   5550   border-color: rgba(0, 0, 0, 0) #a5732a rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   5551 
   5552   border-style: solid;
   5553 
   5554   border-width: 250px 290px 0 0;
   5555 
   5556   content: &quot;&quot;;
   5557 
   5558   left: -175px;
   5559 
   5560   position: absolute;
   5561 
   5562   top: -5px;
   5563 
   5564   z-index:-1;
   5565 
   5566   -moz-transform: skewX(30deg);
   5567 
   5568   -webkit-transform: skewX(30deg);
   5569 
   5570   -o-transform: skewX(30deg);
   5571 
   5572   -ms-transform: skewX(30deg);
   5573 
   5574   transform: skewX(30deg);
   5575 
   5576 }
   5577 
   5578 
   5579 #countdown li.angle-two:after {
   5580 
   5581   border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
   5582 
   5583   border-style: solid;
   5584 
   5585   border-width: 235px 272px 0 0;
   5586 
   5587   content: &quot;&quot;;
   5588 
   5589   left: -162px;
   5590 
   5591   position: absolute;
   5592 
   5593   top: 5px;
   5594 
   5595   z-index: -1;
   5596 
   5597   -moz-transform: skewX(30deg);
   5598 
   5599   -webkit-transform: skewX(30deg);
   5600 
   5601   -o-transform: skewX(30deg);
   5602 
   5603   -ms-transform: skewX(30deg);
   5604 
   5605   transform: skewX(30deg);
   5606 
   5607 }
   5608 
   5609 
   5610 #countdown li.angle-two span{
   5611 
   5612   padding-top: 90px;
   5613 
   5614 }
   5615 
   5616 
   5617 #countdown li.angle-one span.minutes, 
   5618 
   5619 #countdown li.angle-one .minute {
   5620 
   5621   margin-left: 25px;
   5622 
   5623 }
   5624 
   5625 
   5626 
   5627 #subscribe {
   5628 
   5629   background-color: #565656;
   5630 
   5631   color: #FFFFFF;
   5632 
   5633   padding: 40px 0 50px;
   5634 
   5635 }
   5636 
   5637 
   5638 #subscribe h2 {
   5639 
   5640   color: #fff;
   5641 
   5642   text-transform: uppercase;
   5643 
   5644 }
   5645 
   5646 
   5647 #subscribe .fa-envelope-o {
   5648 
   5649   color: #dab074;
   5650 
   5651   margin-right: 5px;
   5652 
   5653 }
   5654 
   5655 
   5656 #subscribe .form-control {
   5657 
   5658   background-color: transparent;
   5659 
   5660   height: 52px;
   5661 
   5662   color: #fff;
   5663 
   5664 }
   5665 
   5666 
   5667 #newsletter {
   5668 
   5669   margin-top: 35px;
   5670 
   5671   position: relative;
   5672 
   5673 }
   5674 
   5675 
   5676 #newsletter i {
   5677 
   5678   color: #DAB074;
   5679 
   5680   font-size: 36px;
   5681 
   5682   position: absolute;
   5683 
   5684   right: 12px;
   5685 
   5686   top: 7px;
   5687 
   5688 }
   5689 
   5690 
   5691 .newsletter p {
   5692 
   5693   color: #919191;
   5694 
   5695   font-size: 12px;
   5696 
   5697   margin-top: 10px;
   5698 
   5699 }
   5700 
   5701 
   5702 #coming-soon-footer {
   5703 
   5704   padding: 45px 0;
   5705 
   5706   line-height: 15px;
   5707 
   5708   overflow: hidden;
   5709 
   5710 }
   5711 
   5712 
   5713 #coming-soon-footer a {
   5714 
   5715   color: #d89b4e;
   5716 
   5717 }
   5718 
   5719 
   5720 #coming-soon-footer a:hover {
   5721 
   5722   color: #b38040
   5723 
   5724 }
   5725 
   5726 
   5727 /*Shortcodes CSS*/
   5728 
   5729 .bs-example{
   5730 
   5731   margin: 0 0 20px;
   5732 
   5733 }
   5734 
   5735 
   5736 .panel-group{
   5737 
   5738   border: 1px solid #eee;
   5739 
   5740 }
   5741 
   5742 .panel-default{
   5743 
   5744   border: 0;
   5745 
   5746 }
   5747 
   5748 .panel-group .panel{
   5749 
   5750   border-radius: 0;
   5751 
   5752 }
   5753 
   5754 .panel-group .panel+.panel{
   5755 
   5756   margin-top: 0;
   5757 
   5758 }
   5759 
   5760 
   5761 .panel-default&gt;.panel-heading{
   5762 
   5763   background-color: transparent;
   5764 
   5765   border-top: 1px solid #eee;
   5766 
   5767 }
   5768 
   5769 
   5770 .panel-group .panel-default:first-child&gt;.panel-heading{
   5771 
   5772   border-top: 0;
   5773 
   5774 }
   5775 
   5776 
   5777 .panel-default&gt;.panel-heading+.panel-collapse .panel-body{
   5778 
   5779   border-top-color: #eee;
   5780 
   5781 }
   5782 
   5783 
   5784 
   5785 .nav-pills&gt;li.active&gt;a, .nav-pills&gt;li.active&gt;a:hover, .nav-pills&gt;li.active&gt;a:focus{
   5786 
   5787   background-color: #dab074;
   5788 
   5789 }
   5790 
   5791 
   5792 .tab-content {
   5793 
   5794   padding-top: 20px;
   5795 
   5796 }
   5797 
   5798 
   5799 /*Features*/
   5800 
   5801 .feature-inner{
   5802 
   5803   text-align: center;
   5804 
   5805 }
   5806 
   5807 .icon-wrapper{
   5808 
   5809   display: inline-block;
   5810 
   5811   background-color: #d29948;
   5812 
   5813   color: #fff;
   5814 
   5815   padding: 25px;
   5816 
   5817   box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;
   5818 
   5819   -webkit-box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset;
   5820 
   5821   border-radius: 100%;
   5822 
   5823   margin: 10px 0;
   5824 
   5825 }</pre>
   5826 <div>
   5827 	&nbsp;</div>
   5828 </section>
   5829 <section id="credit">
   5830 	<div class="page-header"><h3>Credit</h3><hr class="notop"></div>
   5831 <h3>
   5832 	Javascript</h3>
   5833 <ul>
   5834 	<li>
   5835 		<strong>jquery.js </strong>- Javascript library</li>
   5836 	<li>
   5837 		<strong>bootstrap.min.js </strong>- Twitter boostrap framework</li>
   5838 	<li>
   5839 		<strong>jquery.isotope.min.js</strong> - An exquisite jQuery plugin for magical layouts</li>
   5840 	<li>
   5841 		<strong>jquery.prettyPhoto.js&nbsp;</strong>- prettyphoto jQuery plugin</li>
   5842 	<li>
   5843 		<strong>coundown-timer.js</strong>-Countdown Plugins</li>
   5844 	<li>
   5845 		<strong>comingsoon.js</strong></li>
   5846 	<li>
   5847 		<strong>contact.js</strong></li>
   5848 	<li>
   5849 		<strong>gmaps.js</strong></li>
   5850 	<li>
   5851 		<strong>jquery.fitvids.js</strong></li>
   5852 	<li>
   5853 		<strong>main.js</strong>&nbsp;- &nbsp;Contain some custom script</li>
   5854 </ul>
   5855 </section>
   5856 <section id="thank_you">
   5857 	<div class="page-header"><h3>Thank You</h3><hr class="notop"></div>
   5858 <p>
   5859 	Finally thank you very much for purchasing this theme. Please keep that in mind that we are working very hard to providing better quality in coming days. If you love your work then appreciate us by writting a good review with 5 star.</p>
   5860 </section>
   5861 
   5862 	</div>
   5863 </body>
   5864 </html>
	ff-streaming-platform
	git clone git://archive.git.mtrnord.blog/MTRNord/ff-streaming-platform.git
	Log \| Files \| Refs \| README \| LICENSE