/*
Theme Name: Beta
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

/*html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}*/

@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

body{font-family: 'Lato', sans-serif;}

p{font-size:15px;}

/*h2{margin:0; padding:0;}*/

.parallax-gap{margin-top:10px;}

.header-gap{padding-top:10px;}

.ftr-gap{margin-top:15px; /*margin-bottom:15px;*/}

/*.header-area{position:absolute; top:0; left:0; z-index:999999; width:100%; border-radius:0;}*/

.header-area-bg{background:rgba(255, 255, 255, 0.5);}

.gap{margin-top:30px;}

.nopad{padding-left:0 !important; padding-right:0 !important;}

.social-icon{list-style:none; margin-top:7px;}

.social-icon li{margin:0 10px; float:left !important;}

.social-icon li a{text-decoration:none;}


.navbar{margin-bottom:0 !important;}

.navbar-inverse{border-radius:0 !important;}

.navbar-inverse .navbar-nav > li > a{font-size:16px; font-weight:bold; color:#aaa; padding-top:12px; padding-bottom:12px; text-transform:uppercase; border-right:1px solid #fff;}

.navbar-inverse .navbar-nav > li > a:hover{transition:all 0.3s; background:#333;}

.navbar-nav > li > .dropdown-menu{background:#333; border-radius:0 !important; font-size:16px;}

.dropdown-menu{min-width:234px;}

.dropdown-menu > li > a{padding:6px 20px !important; color:#ccc;}

.navbar-right .dropdown-menu{left:0;}



.bright-text{color:#CCC;}

.icon_border{border:1px solid #ddd; border-radius:50%;}

/*.bg1{background:#A9E048;}

.bg2{background:#FCE010;}

.bg3{background:#FFA31F;}*/

.transparent-bg{padding:0 15px; background:rgba(0, 0, 0, 0.7); border:1px solid #999;}

.carousel-control{width:0;}

.carousel-control.left{background-image:none !important; margin-top:50px;}
.carousel-control.right{background-image:none !important; margin-top:50px;}

blockquote{border:none !important;}

.heading{text-transform:uppercase; border-bottom:1px solid #54adf8;}

.why li{font-weight:bold; margin:15px 0; list-style:square; text-transform:uppercase;}

.grow .transparent-bg{ transition: all .5s ease-in-out; }
.grow .transparent-bg:hover img{ transform: scale(1.2); transition: all .5s ease-in-out; }

.anima1{animation-delay:1s;}

.header-thick{color:#FFA31F; font-weight:bold; text-transform:uppercase;}
.header-thin{color:#333; font-weight:lighter; text-transform:uppercase;}

.search-box{border-radius:0; height:50px;}

.area{margin-bottom: 10px;
    margin-top: -160px;
    position: relative;
    z-index:99 !important;}

.service{height:225px;}

a .service{color:#000 !important;}

a .service:hover{color:#FFF !important; transition:all 0.5s;}

.text-white{color:#FFFFFF;}

.mobile-center-img{display: block;}

.mobile-center-text{text-align:left;}










@media screen and (min-width:320px) and (max-width:768px){

.area{ position:static;  margin-bottom: 10px;
    margin-top:0;
    z-index:0 !important;}
	
	.menu-btn { margin-top:0 !important;}/*demo.css*/
	
	.social-icon{margin-top:5px !important; margin-bottom:10px !important;}
	
	.mobile-center-img{
		display: block;
    	margin-left: auto;
    	margin-right: auto }

	.mobile-center-text{text-align:center;}
}