@import url(https://fonts.googleapis.com/css?family=Montserrat);

body {
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	color: #303030;
	font-family: 'Arial', sans-serif;
	background: #fff;
}


/* text styles
-----------------------------------------------------------------------------*/

h1, .h1  {
	margin: 0;
	font-size:32px;
	line-height: 50px;
	color: #484848;
	font-family: 'Montserrat'; 
	text-transform:uppercase;
}

h2, .h2 {
	margin: 0;
	font-size: 28px;
	line-height: 38px;
	color: #484848;
	font-family: 'Montserrat';
}

h3, .h3 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	line-height: 30px;
	color: #484848;
	font-family: 'Montserrat';
}

h4, .h4 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height: 22px;
	color: #484848;
	font-family: 'Montserrat';
}

h5, .h5  {
	margin: 0;
	font-size:18px;
	line-height: 24px;
	color: #fff;
	text-transform:uppercase;
	font-family: 'Montserrat';
	text-shadow: 2px 2px 2px #000;
}


table {
	margin: 0;
	padding: 0;
	border: 0px;
	border-spacing: 0px;
    border-collapse: separate;
}

.images {
border: #777777 solid 2px;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_75,
.grid_66,
.grid_6  {
	/*positioning and padding*/
	position: relative;
    min-height: 1px;
	text-align:left;
} 

.clear {
  clear:both; 
}  

a { color:#1e73be; text-decoration:none;}
a:hover { color:#00133d; text-decoration:none;}


img {
height: auto;
max-width: 100%;
vertical-align: middle;
border: none;	
}


.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

.images_right {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.images_left {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}
 


.bkg_l1 { height:50px; background: url(../images/bkg_l1.png) center top no-repeat; margin:10px 0 20px 0; }
.bkg_l2 { height:50px; background: url(../images/bkg_l2.png) center top no-repeat; margin:10px 0 20px 0; }


.hr_l1 { width:60%; background:#333; height:1px; margin:20px 0 20px 0;}


/* MOBILE 
-----------------------------------------------------------------------------*/  
@media only screen and (max-width: 1000px) { 

.mob_hidden { display:none; }
#slide_area { display:none; }
#slideshow { display:none; }
#menutop_sm { display:none; }
#menutop_2 { display:none; }

.page_wrapper {
	width: 96%;
	height: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#mob_img {
width: 100%; 
height:180px;
padding:0;
margin:0;
z-index:1000;
margin-left: auto;
margin-right: auto;
background:#181317 url(../images/mob_top.jpg)  center top no-repeat;
text-align:center;
} 
#mob_top {
width: 100%; height:40px;
padding:0;
margin:0;
margin-left: auto;
margin-right: auto;
background:#181317;
}
#mob_top1 
{
width:50%; height:40px; float:left;
color:#fff; font-size:18px; line-height:30px; font-family: 'Montserrat'; padding-left:30px; 
background: url(../images/ico_ph.png) left 6px top 6px  no-repeat;
}
#mob_top1 a { color:#fff; text-decoration:none; } 
#mob_top2 { width: 35%; height:36px; float:right;  text-align:right;  padding-right:3px; padding-top:3px; }
#mob_top2 img {  }

#hmain1 { 
width: 100%;
background: #3f362a;	
padding-top:10px;
} 

.hmtxt {
color: #f2f2f2; 
line-height: 26px;
clear:both;
}
.hmtxt h2 {
	color: #fff;
	font-family: 'Montserrat';
	text-transform:uppercase; 
	font-size:26px; line-height:46px; padding-top:10px;
}
.hln1 { height:1px; background: url(../images/bkg_hln1.jpg) left top no-repeat;   margin:10px 0 10px 0;  }
.hln2 { height:1px; background: url(../images/bkg_hln2.jpg) repeat-x;  margin:10px 0 10px 0;   }

#hcnt_2  img {padding:3px 10px 3px 0;}
.mdur {float:right; width:100px; text-align:right; line-height:32px;  }



.hh1 {height:30px;}
.hh2 {height:10px;}
.hh3 {height:20px;}
.mob_h1  {padding-top:30px;}
.mob_pd20  {padding:20px;}
.mob_pdb1  {padding-bottom:30px;}

.bkg_col2 { background:#e1e1e1; }

#dv_cnt { color:#fff; background:#282223;}

.mtitle { 
text-align:center; 
padding-top:20px; padding-bottom:20px; 
font-size:24px;
}

.mob_img { margin-bottom:10px;}

.div_gallery ul  { 
display: table;
margin:0;padding:0;
list-style: none;
list-style-image: none;
}
.div_gallery ul li {
width:100%;
margin-bottom: 30px; 
float: left; 
text-align:center;
}
.div_gallery ul li a {
display: block;
z-index: 1;
width:220px; 
margin-left: auto;	margin-right: auto;
margin-bottom:4px; 
}
.div_gallery ul li a img {
width:220px; 
}

.img_right  {
	float: right;
	margin: 10px;
}
.img_left {
	float: left;
	margin: 10px;
}

.hmain1_h { 
font-size:24px;
line-height: 26px;
margin-bottom:20px;
}


}  


 
a.a_btnh1, a.a_btnh2 {
	font-size: 18px; line-height:18px; 
	text-decoration: none;
	color: #e2a477;
	font-family: 'Montserrat';
	text-transform:uppercase; 
	font-weight:bold; 
	z-index:2000;
}
a.a_btnh1:hover {
	text-decoration: none;
	color:#fff;
}
a.a_btnh2:hover {
	text-decoration: none;
	color:#000;
}


.hmain1_h { 
text-align:center; 
color:#fff;
font-family: 'Montserrat';
}
.hmain1_h a { text-decoration:underline; color:#ff0000;}

  
/* DESKTOP 
-----------------------------------------------------------------------------*/  
@media only screen and (min-width:1000px) {

.hmain1_h { 
font-size:30px;
line-height: 36px;
margin-bottom:40px;
}

.fb_video { margin-bottom:20px;}
.fb_video   {
width:70%;
margin-left: auto;
margin-right: auto;
text-align:center;
}
.fb_iframe{
width:700px;
height:400px;
}

.div_gallery ul  { 
display: table;
margin:0;padding:0;
list-style: none;
list-style-image: none;
}
.div_gallery ul li { 
width:25%; float:left;
margin-bottom: 40px; 
text-align:center;
}
.div_gallery ul li a {
display: block;
overflow: hidden;
z-index: 1;
margin-left: auto;	margin-right: auto;
width:220px; height:220px; 
}
.div_gallery ul li a img {
width:250px; 
}



.img_right  {
	float: right;
	margin: 10px;
}
.img_left {
	float: left;
	margin: 10px;
}

.dsk_pdb1 {padding-bottom:50px;}

.dsk_hidden { display:none; }
#mob_img { display:none; }
#mob_top  { display:none; }


#sitepage  {
height: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
background: #fff;  
}

.page_wrapper, .page_wrapper2 {
width: 1100px;
height: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
}


#menutop_2 {
width:300px; 
float:right; 
padding-top:10px;
}
#menutop_ph {
width:145px; 
float:left;
padding-left:25px;
padding-top:10px;
color:#fff; font-size:18px; line-height:22px; font-family: 'Montserrat';
background: url(../images/ico_ph.png) left top 10px no-repeat;
}
#menutop_sm 
{
width:130px; 
float:right; 
text-align:right;
}
#menutop_sm  img {padding-left:4px; }


#slide_area {
width: 100%;
max-width: 1920px;
position: relative;	
margin-left: auto;
margin-right: auto;
}

/* slideshow 
-----------------------------------------------------------------------------*/
#slide_area {
width: 100%;
max-width: 1920px;
position: relative;	
margin-left: auto;
margin-right: auto;
}
.s_ch {height:600px;}

#slideshow {
width: 100%;
max-width: 1920px;
height: 800px;
z-index: 0;
margin-left: auto;
margin-right: auto;
}
#slideshow ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}
#slideshow li {
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	list-style: none;
	list-style-image: none;
}
#slide1 { background: url(../images/main_top.jpg) center top no-repeat; }
#slide2 { background: url(../images/slider/slide2.jpg) center top no-repeat; }
#slide3 { background: url(../images/slider/slide3.jpg) center top no-repeat; }
#slideshow_pager { 
    text-align: center; 
	width: 100%; 
	z-index: 101 !important; 
	position: absolute; 
	left: 0px;
	bottom: 160px; 
	overflow: hidden;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#slideshow_pager span { 
    width: 12px;
	height: 12px; 
    display: inline-block;
	cursor: pointer;
	background: url(../images/slide_icon.png) left top no-repeat;
	padding: 0px 2px 0px 2px;
	font-family: arial; font-size: 1px; 
}
#slideshow_pager span.cycle-pager-active {
	background: url(../images/slide_icon_on.png) left top no-repeat;
}
#slideshow_pager > * {
	cursor: pointer;
}
#slideshow_logo { 
    text-align: center; 
	width: 100%; height:559px; 
	z-index: 1001 !important; 
	position: absolute; 
	top: 90px; 
	background: url(../images/logo.jpg) center top no-repeat;
	margin-left: auto;
	margin-right: auto;
}

 


/* inside slideshow 
-----------------------------------------------------------------------------*/
#islideshow {
width: 100%;
max-width: 1920px;
height: 500px;
z-index: 0;
margin-left: auto;
margin-right: auto;
}
#islideshow ul {
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
}
#islideshow li {
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	list-style: none;
	list-style-image: none;
}
#islide1 { background: url(../images/main_top_i.jpg) center top no-repeat; }
#islide2 { background: url(../images/slider/slide2.jpg) center top no-repeat; }
#islide3 { background: url(../images/slider/slide3.jpg) center top no-repeat; }
#islideshow_pager { 
    text-align: center; 
	width: 100%; 
	z-index: 101 !important; 
	position: absolute; 
	left: 0px;
	bottom: 80px; 
	overflow: hidden;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
#islideshow_pager span { 
    width: 12px;
	height: 12px; 
    display: inline-block;
	cursor: pointer;
	background: url(../images/slide_icon.png) left top no-repeat;
	padding: 0px 2px 0px 2px;
	font-family: arial; font-size: 1px; 
}
#islideshow_pager span.cycle-pager-active {
	background: url(../images/slide_icon_on.png) left top no-repeat;
}
#islideshow_pager > * {
	cursor: pointer;
}
#islideshow_logo { 
    text-align: center; 
	width: 100%; height:350px; 
	z-index: 1001 !important; 
	position: absolute; 
	top: 80px; 
	background: url(../images/logo_i.jpg) center top no-repeat;
	margin-left: auto;
	margin-right: auto;
}


#cmain {
width: 100%;
min-height: 500px;
position: relative;	
z-index: 600;
background: url(../images/bkg_cmain.jpg) center bottom no-repeat; 
padding-bottom: 100px;
} 

#cmain_top {
height:80px; margin-top:-160px;  position: relative;
background: url(../images/bkg_ctop2.png) top center no-repeat;  
}

.hmtxt {
width:90%;
color: #f2f2f2; 
line-height: 26px;
clear:both; z-index:1000;
}
.hmtxt a { color:#fff; text-decoration:none; }
.hmtxt a:hover { text-decoration:underline; }
.hmtxt h2 {
	color: #fff;
	font-family: 'Montserrat';
	text-transform:uppercase; 
	font-size:26px; line-height:46px; padding-top:10px;
}
.img_hm1 { 
width:350px;
height:265px;
}
.hln1 { height:1px; background: url(../images/bkg_hln1.jpg) left top no-repeat;   margin:20px 0 20px 0;  }
.hln2 { height:1px; background: url(../images/bkg_hln2.jpg) repeat-x;  margin:20px 0 20px 0;   }


#hmain1 {
margin-top:-100px;
width: 100%;
height: 480px;
position: relative;	
z-index: 600;
background: url(../images/bkg_hm1.png) center top no-repeat;	
padding-top:100px;
} 


#hmain3 {
width: 100%;
min-height: 800px;
position: relative; z-index:5000;
background: url(../images/bkg_hm3.jpg) bottom center no-repeat;	
} 
#hmain4 {
width: 100%;
min-height: 800px;
position: relative;	 z-index:5000;
background: url(../images/bkg_hm4.png) top center   no-repeat;	
} 

#hcnt_1 { 
width:30%; float:left;
color:#7d787d;
padding-bottom:80px; line-height:26px;
}
#hcnt_2 { 
width:60%; float:right;
color:#7d787d;
padding-bottom:80px; line-height:26px; 
text-transform:uppercase;
}
#hcnt_2  img {padding:3px 10px 3px 0;}
.mdur {float:right; width:100px; text-align:right; line-height:32px;  }


#dv_cnt1 {
height:56px; margin-top:-50px; z-index:10001; position: relative;
background: url(../images/bkg_cnt1.png) top center no-repeat;  
}
#dv_cnt { 
color:#fff;
height:425px; position: relative;
background: url(../images/bkg_cnt.jpg) top center no-repeat;  
}

 
 
.grid_1 { width: 100%;}
.grid_2 { width: 50% }
.grid_3 { width: 33.33%  }
.grid_4 { width: 25%  }
.grid_5 { width: 20%  }
.grid_6 { width: 16.66%  }
.grid_75 { width: 75%  }
.grid_66 { width: 66.66%  }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_75,
.grid_66,
.grid_6 {
	float: left;
	display: block;
}

.div_right {float: right;}
.div_left { float:left;}

.float_l {float:left;}
.float_r {float:right;}


.hh3 {height:30px;}




}
 
 
 
#box_contact_bottom { 
	width:90%;
	margin-left: auto;
	margin-right: auto;
} 
  

#footer {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding-top:60px; padding-bottom:60px;
background: url(../images/bkg_f.jpg) repeat;
font-size:15px; text-align:center;
line-height:25px;
color:#7e8284; 
}
#footer a { 
color:#7e8284; 
text-decoration: none;
}
#footer a:hover { 
color:#fff; 
}
#footer strong { 
color:#fff; font-weight:500; 
}
 
 
.ucase {text-transform: uppercase;}
.txt_center { text-align:center;}
.txt_left { text-align:left;}
.txt_right { text-align:right;}
.txt_white {color:#fff;}
.txt_black {color:#000;}
.txt_t1 { color:#607588; font-weight:bold;}

.bkg_txt { background-color: rgba(255, 255, 255, 0.8);	 } 
.pd10 {padding:10px;}
.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}



	
	
	
	 



}


  
.img_fade {
opacity:0.8;
transition: opacity .2s ease-out;
-moz-transition: opacity .2s ease-out;
-webkit-transition: opacity .2s ease-out;
-o-transition: opacity .2s ease-out;
}  
.img_fade:hover {
 opacity:1;
} 

 
.div_err {
 background-color:#cc0000; font-weight:bold;font-size: 16px;  padding:10px; color:#fff; text-align:center;
}


/* Grow ... */
.grow { 
transition: all .2s ease-in-out;
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
}
.grow:hover { 
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
}  
.grow_img {  
	width: 300px; height:300px;
	overflow:hidden;
	margin:33px;
	padding:0; 
}
 


/* Form 
-----------------------------------------------------------------------------*/

#box_contact_bottom { 
	text-align: center; color:#fff;
} 
#box_contact_form .input {
padding: 8px;
font-size: 16px;
line-height: 16px;
width:90%; 
font-family: 'Montserrat';
}
#box_contact_form textarea { 
height:140px;
font-family: 'Montserrat';
resize: none;
}
#scode_block {
padding-top:6px; padding-bottom:6px; margin-top:4px; margin-bottom:4px; 
}
#box_contact_form #scode {
width: 80px; 
height:34px; 
text-align:center; 
text-transform:uppercase;
}
#c_submit { 
margin:0; 
padding:8px 20px 8px 20px; 
border:0px; 
background-color:#e2a477; 
font-size:18px;
color:#fff;
vertical-align:middle;
text-align:center;
font-family: 'Montserrat';
}
#c_submit:hover { background:#294d5e; }

#form_bottom_res{ 
width:70%; font-weight:bold; font-size: 18px;  
color:#fff; margin:10px 0 10px 0; 
text-align:center; background:#cc0000;
margin-left: auto;
margin-right: auto;
}




#scroll_top {
	display: none;
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 66px;
	height: 66px;
	background: url(../images/arr_scroll.png) center no-repeat;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	text-decoration: none;
	cursor: pointer;
	transition: all 250ms ease-in;
	-webkit-transition: all 250ms ease-in;
	z-index: 20000;
}
#scroll_top:hover {
	text-decoration: none;
	transform: scale(1.1);	
}


.dv_h {
position: relative;
padding-bottom: 45%;
padding-top: 10px; height: 0; overflow: hidden;
max-width: 900px; max-height:450px;
margin-left: auto;
margin-right: auto;
}
.dv_h iframe, .dv_h object, .dv_h embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.video_div {
width: 80%;
margin-left: auto;
margin-right: auto;
height: 0;
position: relative;
padding-bottom: 56.25%;
}
.video_iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 80%;
}