/* -- << Made BY WWW.XHTMLHUB.COM >> -- */
/* -- << Best Coding Experts >> -- */
/* -- << We Always Serve Your Better >> -- */

/* --** Reset CSS **-- */
* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
html, body, button, input, select, textarea { font-family: Arial; font-size: 12px; color: #8c806e; }
ul, ol { margin-top: 0; margin-bottom: 10px; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }
li { font-size: 13px; margin: 5px 0px 10px 0px; }
pre { overflow: auto; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
a img { border: 0; }
a, input { outline: none; }
a { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; color: #F06;  }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { margin: 5px 0px 15px 0px; clear: both; font-weight: lighter; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 14px; }
p {font-size: 13px; margin: 5px 0px 15px 0px; }

img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; display: block;  }
figure { margin: 0; }
::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.7); }
:-moz-placeholder { color: rgba(51, 51, 51, 0.7); }
::-moz-placeholder { color: rgba(51, 51, 51, 0.7); opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }
:-ms-input-placeholder { color: rgba(51, 51, 51, 0.7); }
input:focus, textarea:focus { background-color: #fff; border: 1px solid #c1c1c1; border: 1px solid rgba(51, 51, 51, 0.3); color: #333; }
input:focus, select:focus { outline: 2px solid #c1c1c1; outline: 2px solid rgba(51, 51, 51, 0.3); }

.clear { clear: both; height: 0px; overflow: hidden; }

/* <<< Design Holder >>> */
.DesignHolder { width: 100%; min-height: 100%; }

/* <<< Layout Frame >>> */
.LayoutFrame { margin: 0 auto; max-width: 533px; padding-left: 15px; padding-right: 15px; }

/* <<< Body >>> */
body { background: url(../images/bg-img.jpg) top no-repeat; background-size: cover; background-attachment: fixed;  }

/* <<< Header >>> */
header { padding-top: 55px; width: 100%; overflow: hidden; text-align: center; }
header h2 { padding-bottom: 75px; font-size: 20px; font-family: 'dax_lightregular'; color: #fff; margin: 0; letter-spacing: -0.076px; }
header .site-logo img { margin: auto; }
header .site-logo a { display: inline-block; }
	
	/* <<< Navigation >>> */
	.Navigation { padding-top: 71px; width: 100%; overflow: hidden; text-align: center; }
	.Navigation ul { list-style: none; margin: 0 0 0 6px; display: inline-block; }
	.Navigation li { padding-right: 14px; margin: 0 11px 0 0; float: left; font-size: 19px; font-family: 'daxregular'; background: url(../images/border-img.jpg) right no-repeat; background-position: 100% 2px; letter-spacing: -0.1px; }
	.Navigation li a { color: #fff; text-decoration: underline; display: inline-block; }
	.Navigation li a:hover { color: #9fc9e7; }
	.Navigation li:last-child { padding: 0; margin: 0; background: none; }

	/* <<< Mobile Menu >>> */
	.mobilemenu { margin: 0; position: absolute; top: 230px; right: 0; display: none; width: 100%; text-align: left; z-index: 97; }
	.mobilemenu #mainmenu { float: right; width: 100%; }
	.mobilemenu .slicknav_menu { padding: 0; overflow: hidden; }
	.mobilemenu .slicknav_btn { padding: 9px 8px 8px; width: 100%; float: right; margin-right: 0%; font-size: 22px; text-decoration: none; position: relative; right: 0; display: block; vertical-align: middle; text-align: center; line-height: 1.125em; cursor: pointer; background: #c70a58; }
	.mobilemenu .slicknav_menu  .slicknav_menutxt { line-height: 1.188em; display: block; font-size: 16px; color: #fff; float: left; font-weight: bold; }
	.mobilemenu .slicknav_menu .slicknav_icon { margin: 0; display: inline-block; float: right; }
	.mobilemenu .slicknav_menu .slicknav_icon-bar { display: block; width: 0.9em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85); background: #fff; }
	.mobilemenu .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
	.mobilemenu .slicknav_nav .slicknav_arrow { font-size: 1.1em; margin: 0 0 0 0.5em; }
	.mobilemenu .slicknav_nav .slicknav_item a, .mobilemenu .slicknav_nav .slicknav_parent-link a { padding: 0px; display: inline; }
	.mobilemenu ul { position: absolute; right: 0%; top: 34px; width: 100%; overflow: hidden; list-style: none; float: none; clear: both; z-index: 9999; 
	background: rgba(199, 10, 88, 0.9) none repeat scroll 0 0; margin: 0; }
	.mobilemenu li { width: 100%; display: block; font-size: 14px; font-weight: 600; margin:0px; border-bottom: 1px solid #fff; }
	.mobilemenu li a { padding: 10px 15px; color: #fff; text-decoration: none; display: block; text-transform: uppercase; }
	.mobilemenu li a:hover, .mobilemenu li.slicknav_open a { color: #fff; background: #9fc9e7; }
	.mobilemenu li a a { display: inline-block; }
	.mobilemenu li a:hover a { color: #fff; }
	.mobilemenu li:hover { color: #fff; }
	.mobilemenu li:last-child { border: 0px; }
	.mobilemenu li ul { position: relative; top: 0px; left: 0px; border-radius: 0px!important; border: 0px; background: none; }
	.mobilemenu li li {  border-top: 1px solid #fff; text-align: left; float: left; width: 100%; border-bottom: 0px; }
	.mobilemenu li li:last-child { border-top: 1px solid #fff; }
	.mobilemenu li li a { padding: 10px 35px 10px 40px; background: none!important; }
	.mobilemenu li li a:hover { background: #00afee!important; }
	
/* <<< Container >>> */
#Container { width: 100%; overflow: hidden; }

	/* <<< Middle Section >>> */
	.Middle_sec { width: 100%; overflow: hidden; }
	
		/* <<< Welcome Side >>> */
		.Welcomeside { padding: 58px 0 50px; width: 100%; overflow: hidden; text-align: center; }
		.Welcomeside p { font-size: 14px; font-family: 'daxregular'; color: #fff; margin: 0 0 0 5px; line-height: 29px; letter-spacing: 0.2px; }
		.Welcomeside p a.tel { color: #fff; text-decoration: none; display: inline-block; }
		.Welcomeside p a.site { color: #fff; text-decoration: none; display: inline-block; }
		.Welcomeside p a:hover { color: #fdf147; }
		
		
/* <<< footer >>> */
footer { padding-bottom: 40px; width: 100%; overflow: hidden; text-align: center; }

	/* <<< Social Side >>> */
	.Socialside { width: 100%; overflow: hidden; text-align: center; }
	.Socialside ul { list-style: none; margin: 0 0 0 2px; display: inline-block; }
	.Socialside li { padding-right: 15px; float: left; margin: 0; }
	.Socialside li a { padding-top: 8px; width: 32px; height: 32px; display: inline-block; text-decoration: none; color: #0c6fb6; background: #fff; text-align: center; border-radius: 50%; }
	.Socialside li a .fa { font-size: 18px; }
	.Socialside li a:hover { background: #8cbde1; }
	.Socialside li:last-child { padding-right: 0; }
	


@font-face {
    font-family: 'dax_lightregular';
    src: url('dax-light_0.woff2') format('woff2'),
         url('dax-light_0.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'daxregular';
    src: url('dax-regular.woff2') format('woff2'),
         url('dax-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}