/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  
	Version    :  1.0
	Author     :  
	Author URI :  

====================================================




/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */

html{ width: 100%; font-size: 100%; overflow-x: hidden; touch-action: manipulation; }

body{ font-size: 18px; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word; 
	font-family: 'Roboto', sans-serif; line-height: 1.3; width: 100%; word-break: break-word; font-weight: 300; color: #000; }

h1, h2, h3, h4, h5, h6, p, ul, li, a{ margin: 0; padding: 0; line-height: inherit; font-weight: inherit; }

h1{ font-size: 4em; }
h2{ font-size: 2.8em; }
h3{ font-size: 2em; }
h4{ font-size: 1.5em; }
h5{ font-size: 1.3em; }
h6{ font-size: .95em; }
 
p{ font-family: 'Open Sans', sans-serif; line-height: 1.6; color: #444; }

a, button{ display: inline-block; color: inherit; transition: all .3s ease-in-out; }

a:hover, a:focus, a:active,
button:hover, button:focus, button:active,
a:hover b.light-color{ text-decoration: none; color: #1296E2; }

ul{ margin: 0; }

li{ display: inline-block; list-style: none; }

img{ height: auto; width: auto; max-width: 450px; }

b{ font-weight: 700; }  

i{ font-size: 1.2em;  }

header .main-menu{ font-weight: 500; color: #333; }

b.light-color{ color: #333; }


/* ---------------------------------
2. COMMON STYLES
--------------------------------- */

.section{ margin: 100px 0; }

.section .heading{ margin-bottom: 75px; padding-bottom: 20px; position: relative; }

.section .heading:before{ content: ''; width: 150px; height: 1px; position: absolute; bottom: 5px; left: 50%; margin-left: -75px; 
	opacity: .5; background: #ccc; }
	
.section .heading:after{ content: ''; width: 100px; height: 1px; position: absolute; bottom: 0px; left: 50%; margin-left: -50px; 
	opacity: .5; background: #ccc; }

.section .pre-heading{ letter-spacing: 3px; color: #222; }

.center-text{ text-align: center!important; } 
 
.position-static{ position: static!important; }

.display-table{ display: table; width: 100%; height: 100%; }

.display-table-cell{ display: table-cell; vertical-align: middle; }

.height-100{ height: 100%; }

.width-30{ width: 30%; }

.width-35{ width: 35%; }

.width-40{ width: 40%; }

.width-50{ width: 50%; }

.width-60{ width: 60%; }

.width-65{ width: 65%; }

.width-70{ width: 70%; }

.btn{ font-size: 1em; padding: 15px 35px; margin-top: 30px; box-shadow: inset 0px -3px 1px rgba(0,0,0,.1);
	border: 0; transition: all .2s ease-in-out; background: #1296E2; color: #fff; }

.btn:hover{ transform: translateY(-2px); box-shadow: inset 0px -2px 1px rgba(0,0,0,.2), 10px 10px 20px rgba(0,0,0,.15); color: #fff; }

.position-relative{ position: relative; }

.margin-20{ margin: 30px 0 20px; }

.mtb-20{ margin-top: 20px; margin-bottom: 20px; }
.mtb-30{ margin-top: 30px; margin-bottom: 30px; }

.ml-10{ margin-left: 10px; }
.ml-15{ margin-left: 15px; }

.mt-10{ margin-top: 10px; }
.mt-20{ margin-top: 10px; }
.mt-30{ margin-top: 30px; }
.mt-40{ margin-top: 40px; }
.mt-50{ margin-top: 50px; }

.mb-10{ margin-bottom: 10px; }
.mb-20{ margin-bottom: 20px; }

.ptb-10{ padding-top: 10px; padding-bottom: 10px; }
.ptb-15{ padding-top: 15px; padding-bottom: 15px; }
.ptb-20{ padding-top: 20px; padding-bottom: 20px; }
.ptb-25{ padding-top: 25px; padding-bottom: 25px; }
.ptb-30{ padding-top: 30px; padding-bottom: 30px; }

.brdr-b-grey{ border-bottom: 1px solid #ccc; }


.text-left{ text-align: left; }
.text-right{ text-align: right; }

.brdr-grey{ border: 1px solid #ccc; }


/* ---------------------------------
4. SIDEBAR
--------------------------------- */

.sidebar > li{ display: block; margin: 15px 0; }

.main-section{ margin-bottom: 30px; }

.main-section ul > li{ margin-top: 20px; display: block; }
.main-section.app-features ul > li{ margin-top: 10px; }

.main-doc .para{ margin-top: 20px; }





/* ---------------------------------
5. FOOTER SECTION STYLING
--------------------------------- */

footer{ background: #222; color: #fff; padding: 60px 0;  }

footer p{ color: #FFF; }


footer .copyright{ padding: 20px 0; text-align: center; color: #fff; }