/*
	Theme Name: Jacky Statham
	Theme URI: 
	Description: This css file is for core template layout alignments
	Version: 1.0
	Author: Responsive Expert
	Author URI: 
	Tags:
	
	---------------------------
	MAIN TEMPLATE STYLES
	---------------------------
	
	TABLE OF CONTENTS
	---------------------------
	 01. Global Styles
	 02. Page Styles
	 03. slider Area Styles       
	 04. Footer Area Styles
	 05. Media Query 
*/
/*Font_Face*/

@font-face {
    font-family: 'MyriadProRegular';
    src: url('../fonts/MyriadProRegular.eot');
    src: url('../fonts/MyriadProRegular.eot') format('embedded-opentype'),
         url('../fonts/MyriadProRegular.woff2') format('woff2'),
         url('../fonts/MyriadProRegular.woff') format('woff'),
         url('../fonts/MyriadProRegular.ttf') format('truetype'),
         url('../fonts/MyriadProRegular.svg#MyriadProRegular') format('svg');
}



/* ====================================================== */
/* 01. Global Styles                                      */
/* ====================================================== */

html, body {
	padding:0 0 0 0;
	margin:0 0 0 0;
	width:100%;
	height:100%;
	background:#8c92ac;
    font-family: 'MyriadProRegular';
	color:#666666;
	font-size:14px;
	font-weight:400;
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%;
}
figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
[hidden] {
	display: none;
}
a, a:hover, a:focus {
	outline:none;
	color:#2a60bc;
	text-decoration:none;
    font-weight: 700;
}
b, strong {
	margin:0 0 30px 0;
	font-weight:500;
}

button, input, select, textarea {
	-webkit-appearance: none; 
	-webkit-border-radius: 0;
	border-radius:0;
	-webkit-text-shadow: none;
	text-shadow:none;
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}
button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
	*overflow: visible;  /* 4 */
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
}
.clearfix:after, .clearfix:before {
	content:" ";
	display:table
}

.clearfix {
	clear:both;
}

.container {
	width:100%;
	max-width:1170px;
	background-color:#ecedf1;
}
h1 {
    font-family: 'MyriadProRegular';
	font-size:30px;
	color:#333333;
	text-transform:capitalize;
	padding:0;
	font-weight:300;
	margin:45px 0 0 0;
}
h2 {
    font-family: 'MyriadProRegular';
	font-size:25px;
	font-weight:normal;
	font-weight: 800;
	color:#496390;
	text-transform:capitalize;
	margin-bottom:10px;
	margin-top:0;
	padding:0;
}
h3 {
    font-family: 'MyriadProRegular';
	font-size:21px;
	font-weight:normal;
	color:#fff;
	text-transform:capitalize;
	margin-bottom:10px;
	margin-top:0;
	padding:0;
}
h4 {
    font-family: 'MyriadProRegular';
	font-size:17px;
	font-weight:normal;
	color:#fff;
	text-transform:capitalize;
	margin-bottom:10px;
	margin-top:0;
	padding:0;
}
p {
    font-family: 'MyriadProRegular';
	color:#496390;
	font-size:24px;
	line-height:30px;
	margin:0 0 10px 0;
}

ul, ol, li {
	list-style:none;
	margin:0;
	padding:0;
}
li.acitve {
	background:#003d2c;
}
.clear {
	clear:both;
}
img {
	max-width:100%;
   -moz-user-select: none;
}
/* ====================================================== */
/* 02. Page Styles                                */
/* ====================================================== */
.main {
	width:100%;
}
.logo {
	text-align:center;
	margin-top: 40px;
}
.logo img {
    max-width: 530px;
    width: 100%;
}
.image_section {
	 margin: 45px auto 0;
    text-align: center;
    width: 95%;
}
.image_section ul {
	list-style:none;
}
.image_section li {
	display:inline-table;
	padding:0;
	text-align:center;
	 width: 24.333%;
}
.col-md-4 > img {
    max-width: 380px;
}
.wrapper {
	width:100%;
	text-align:center;
	margin:40px 0 0 0;
}
.top-margn {
    margin: 30px 0 0;
}
.non {
    max-width: 197px !important;
}


/* ====================================================== */
/* 03. slider Area Styles                                 */
/* ====================================================== */

.main-slider {
	width:100%;
}
.main-img {
	 display: block;
    margin: 52px auto 0 !important;
    text-align: center;
    width: 100%;
}
.main-img ul {
	list-style:none;
}
.main-img li {
	display:inline-table;
	padding: 0 12px;
	position:relative;
}
.main-img li img {
	width:100%;
}
.main-img li .overlay-text {
    bottom: 0;
    color: #fff !important;
    display: block;
    margin: 0 auto;
    padding: 0 15px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 89%;
    z-index: 999;
}
.main-img li .overlay-text h3 {
	padding:10px 0 ;
	border-bottom:#fff 1px solid;
}
.main-img li .overlay-text h4 {
	margin-bottom:3px;
}



/* ====================================================== */
/* 04. Footer Area Styles                                  */
/* ====================================================== */

.footer {
	width:100%;
}
.footer-main {
	text-align:center;
	margin:65px 0 0 0;
	margin-bottom:50px;
}
.footer-main h2 {
	margin-bottom:35px;
}
.footer-adress {
	margin:70px 0 0 0;
}
.footer-adress > p {
    color: #333333;
	margin-bottom: 0;
}
.footer-adress a {
    color: #333333;
	font-weight: 400;
}