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



.clear{clear:both;}
* {margin: 0;padding: 0;}

.wow { visibility: hidden; }

/*---iphone phone color control-----*/
a[href^=tel] { color: inherit; text-decoration: none; }


.centertext{text-align:center;}
.lefttext{text-align:left;}
.righttext{text-aling:right;}

.s5{float:left;width:100%;height:5px;}
.s10{float:left;width:100%;height:10px;}
.s20{float:left;width:100%;height:20px!important;}
.s30{float:left;width:100%;height:30px;}
.s40{float:left;width:100%;height:40px;}
.s50{float:left;width:100%;height:50px;}
.s60{float:left;width:100%;height:60px;}
.s70{float:left;width:100%;height:70px;}
.s80{float:left;width:100%;height:80px;}
.s90{float:left;width:100%;height:90px;}
.s100{float:left;width:100%;height:100px;}
.s120{float:left;width:100%;height:120px;}
.s150{float:left;width:100%;height:150px;}
.s200{float:left;width:100%;height:200px;}

.mb5{margin-bottom:5px;}
.mt5{margin-top:5px;}
.mb10{margin-bottom:10px;}
.mt10{margin-top:10px;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.mb30{margin-bottom:30px;}
.mt30{margin-top:30px;}
.mb40{margin-bottom:40px;}
.mt40{margin-top:40px;}
.mb50{margin-bottom:50px;}
.mt50{margin-top:50px;}
.mb60{margin-bottom:60px;}
.mt60{margin-top:60px;}
.mb70{margin-bottom:70px;}
.mt70{margin-top:70px;}
.mb80{margin-bottom:80px;}
.mt80{margin-top:80px;}
.mb90{margin-bottom:90px;}
.mt90{margin-top:90px;}
.mb100{margin-bottom:100px;}
.mt100{margin-top:100px;}
.mb120{margin-bottom:120px;}
.mt120{margin-top:120px;}
.mb150{margin-bottom:150px;}
.mt150{margin-top:150px;}
.mb200{margin-bottom:200px;}
.mt200{margin-top:200px;}

.pb5{padding-bottom:5px;}
.pt5{padding-top:5px;}
.pb10{padding-bottom:10px;}
.pt10{padding-top:10px;}
.pb15{padding-bottom:15px;}
.pt15{padding-top:15px;}
.pb20{padding-bottom:20px;}
.pt20{padding-top:20px;}
.pb30{padding-bottom:30px;}
.pt30{padding-top:30px;}
.pb40{padding-bottom:40px;}
.pt40{padding-top:40px;}
.pb50{padding-bottom:50px;}
.pt50{padding-top:50px;}
.pb60{padding-bottom:60px;}
.pt60{padding-top:60px;}
.pb70{padding-bottom:70px;}
.pt70{padding-top:70px;}
.pb80{padding-bottom:80px;}
.pt80{padding-top:80px;}
.pb90{padding-bottom:90px;}
.pt90{padding-top:90px;}
.pb100{padding-bottom:100px;}
.pt100{padding-top:100px;}
.pb120{padding-bottom:120px;}
.pt120{padding-top:120px;}
.pb150{padding-bottom:150px;}
.pt150{padding-top:150px;}
.pb200{padding-bottom:200px;}
.pt200{padding-top:200px;}

.colorwhite{color:white;}
.colorblack{color:black;}

.backwhite{background-color:white;}
.backblack{background-color:black;}
.backgrey{background-color:#f3f3f3;}

	

a:link {color:  #AF8B30;text-decoration: none;}
a:visited {color:  #AF8B30;text-decoration: none;}
a:hover {color: #000000;text-decoration: none;}
a:active {color:  #AF8B30;text-decoration: none;}

a.but:link {color: #000000;text-decoration: none;}
a.but:visited {text-decoration: none; color: #000000!important;}
a.but:hover {text-decoration: none;color: #ff9900!important;}
a.but:active {text-decoration: none;color: #000000;}

a.bodycolor:link {color: #000000;text-decoration: none;}
a.bodycolor:visited {text-decoration: none; color: #000000!important;}
a.bodycolor:hover {text-decoration: none;color: #ff9900!important;}
a.bodycolor:active {text-decoration: none;color: #000000;}	

a.navbut:link {color: white;text-decoration: none;}
a.navbut:visited {text-decoration: none; color: white!important;}
a.navbut:hover {text-decoration: none;color: black!important;}
a.navbut:active {text-decoration: none;color: white;}

a.goldbut:link {color: black;text-decoration: none;}
a.goldbut:visited {text-decoration: none; color: black!important;}
a.goldbut:hover {text-decoration: none;color: #AF8B30!important;}
a.goldbut:active {text-decoration: none;color: black;}

a.finbut:link {color: black;text-decoration: none;}
a.finbut:visited {text-decoration: none; color: black!important;}
a.finbut:hover {text-decoration: none;color: white!important;}
a.finbut:active {text-decoration: none;color: black;}

a.botbut:link {color: white;text-decoration: none;}
a.botbut:visited {text-decoration: none; color: white!important;}
a.botbut:hover {text-decoration: none;color: black!important;}
a.botbut:active {text-decoration: none;color: white;}

a.tm1:link {color: #000000;text-decoration: none;}
a.tm1:visited {text-decoration: none; color: #000000!important;}
a.tm1:hover {text-decoration: none;color: #ffffff!important;}
a.tm1:active {text-decoration: none;color: #000000;}

a.tm2:link {color: #999999;text-decoration: none;}
a.tm2:visited {text-decoration: none; color: #999999!important;}
a.tm2:hover {text-decoration: none;color: #ffffff!important;}
a.tm2:active {text-decoration: none;color: #999999;}

body {
	font-family: 'Roboto', sans-serif!important;
	font-weight:400!important;
	color:#333333!important;
	font-size:18px!important;
	line-height:30px!important;
	-webkit-font-smoothing: antialiased!important;
}



/* centers div in a div. make sure parent div has position:relative; assigned then add .centerdiv to the div you want centered.*/
.centerdiv {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} 

/* add background image to a div */	
.background-UseThis{
	background: url("./images/back-smbline.png");
	background-position: center center;
	/*background-repeat:repeat-y;*/
	overflow: hidden;
	background-size: cover;
	position: relative;
	vertical-align: top;
	}
	
/* add background image to a div */	
.background-plus{
	background: url("./images/plus.png");
	background-position: right center;
	/*background-repeat:repeat-y;*/
	overflow: hidden;
	background-size: cover;
	position: relative;
	vertical-align: top;
	}
	
/* assign an image background to a specific page */	
.page-id-24:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url("./images/bluesky4.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




/* -----------------------nav background fader--------------------------------*/

/* Calls to fadeInNav.js in the js folder*/

/* The nav background that appears on scroll */	


	
	
.bg {
  background-color:white;
  /*background-color:#E3E4E5;*/
  width: 100%;
  float:right;
  height: 0px;
  /*border-bottom:solid 3px white;*/
  opacity:1;
  /*border-bottom-left-radius: 25px;*/
}

/* this decides if the background is transparent or not */
.show {
  opacity: 1;
  height: 85px;
  border-bottom:solid 3px #ebebeb;
}

/* this determines how smooth of a transition occurs when background is revealed */
.transition {    
  -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all .3s ease-in-out;
}

	
/* this is the nav background postion */
.fixed-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

/* this is the space for the navigation so it remains on top without fading as the background is revealed */
.fixed-nav-space-on-top{
position: fixed;
top: 0;
left: 0;
z-index: 2;
width:100%;
  }

/* this is the space for the navigation so it remains on top without fading as the background is revealed */
.fixed-logo{
position: fixed;
top:0;
left:0;
z-index: 0;
width:100%;
  }
  
   
/* this is the navigation styling area */	
.nav-all {
width:100%;
margin:0 auto;
color:white;
margin-top:0px;
}




/* --------nav plug in WP Mobile Menu settings--------------------------------- */

/* import the setup txt file and then use the below to style*/

.mob-standard-logo{
	margin-top:15px!important;
	margin-bottom:15px!important;
	}
	
#mobmenuright li a{
	line-height:1.5em!important;
	padding-left:15%!important;
	padding-right:15%!important;
	border-bottom:solid 1px #444444;
	font-family: 'Roboto', sans-serif!important;
	font-weight:700!important;
	letter-spacing:5px!important;
	font-size:12px!important;
	color:black!important;
	background-color:#AF8B30!important;
	}
	
#mobmenuright li:nth-child(1) {
	border-top:solid 1px #444444;
	}
	
#mobmenuright li ul li:nth-child(1) {
	border-top:solid 0px #444444;
	}	
	
#mobmenuright li a:hover{
	background-color:#444444!important;
	color:white!important;
	}
	
#mobmenuright li ul li a{
	padding-left:20%!important;
	}
	
#mobmenuright li ul li ul li a{
	padding-left:25%!important;
	}

.open-icon::before{
	line-height:0em!important;
	}
	
.close-icon::before{
	line-height:0em!important;
	}
	
#mobmenuright li ul {
	padding-bottom:10px!important;
	}
			
.mobmenu-right-panel li{
	padding-left:0%!important;
	padding-right:0%!important;
	}
	
.mobmenu-right-panel{
	/*background-color:#AF8B30!important;*/
	background-color:black!important;
	width:180px!important;	}

/* header background color */	
.mobmenu{
	background-color:rgba(0,0,0,1)!important;
	height:50px!important;
	}
	
.mob-menu-icon{
	margin-top:0px!important;}
	
/* move the wrapper up to match the depth of the mobile header
	
	
	
	
	
/*---------visual composer styling-------------------------------------*/

/*.rowheight{height:800px;}
h1{color:white;}

.halfbox{
	height:400px;
	box-sizing:border-box;
	}
	
.insidepanel{
	width:60%;
	margin:0 auto;}
	
.redback{background-color:red;}
.greenback{background-color:green;}
.blueback{background-color:blue;}
.yellowback{background-color:yellow;}

/* removes the page title in the page.php file */
/*.entry-title {display:none;}


/*without this then rows extend beyond 100% */	
/*.vc_row {
	width:100%;
	margin-left:0px!important;
	}

/* used to control width and max width */
/*.insiderow{
	margin: 0 auto!important;
	width:90%;
	max-width:1200px;
}
	
/* used to remove all padding on a typical column*/	
/*.vc_column-inner{
	padding:0px!important;
}
	
/* removes all margin at bottom of text */
/*.wpb_text_column{
	margin-bottom:0px!important;
	}
	




/*-------Header / Footer related -----------------------------------*/


#wrapper{
	float:left;
	width:100%;
	background-color:white;
}

#header{
	float:left;
	width:100%;
	/*background-color:#777777;*/
	padding-top:0px;
	padding-bottom:0px;
	color:black;
	
}
	
.headercontainer{
	width:100%;
	margin:0 auto;
	padding-top:0px;
	padding-bottom:0px;
	}

.headerlogo{
	float:left;
	width:50px;
	margin-left:20px;
	margin-top:18px;
	}
.headerlogo img{width:100%;}

	
#footer{
	float:left;
	width:100%;
	background-color:#777777;
	color:white;
}

.footercontainer{
	width:90%;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	}


/*-------Containers and Panels-----------------------------------*/


/*.container{
	width:90%;
	max-width:1300px;
	margin:0 auto;
	background-color:#f3f3f3;
	padding-top:150px;
	padding-bottom:50px;
	}
	
.container img{
	width:100%;
	height:100%;
	}*/

		
.panel{
	float:left;
	width:100%;
	}
	
.panel1{
	float:left;
	width:100%;
	position:relative;
	}
	
.panelinside{
	margin:0 auto;
	width:80%;
	max-width:1300px;
	}
	

/*---------Button Style with transistion-------------*/

.button{
	float:right;
	width:25%;
	display:inline-block;
	cursor:pointer;
	padding-top:1.8%;
	padding-bottom:1.8%;
	-webkit-transition:0.5s;
	background-color:rgba(229,216,200,1);
	color:#ffffff;
	text-align:center;
	font-weight:600;
	}

.button:hover {
	background-color:#FF2600;
	color:#ffffff;
}


/*----------scale video-----------------*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	margin-bottom:0px;
	
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.panelvideo{
	width:80%;
	margin: 0 auto;
	max-width:1300px;
	}
		
/*-------Wordpress core styling------------------------------------*/

.blogheader{
	height:300px;	
}

p {margin-bottom:30px;}

.bleft p{margin-bottom:30px;}	

h1 {
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	}
	
h2,h4,h5,h6 {
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	}
	


/* strips out any text styles carried over from cut and paste if client doesn't want to use the clear formatting button in the text editor
span[style]{color:#2d5996 !important;}
h1[style]{padding-left:0px !important;}
h2[style]{padding-left:0px !important;}
h3[style]{padding-left:0px !important;}
h4[style]{padding-left:0px !important;}
h5[style]{padding-left:0px !important;}
h6[style]{padding-left:0px !important;}
p[style]{padding-left:0px !important;}*/
			
		
em {}
strong {}
	
hr {
	height:1px;
	border:none;
	background-color:#000000;
	margin-bottom:20px;
	margin-top:20px;
	}
	
img.alignright {
    float:right;
	}

img.alignleft {
    float: left;
	}	

img.aligncenter{
	display: block;
    margin-left: auto;
    margin-right: auto;
    }

ul{
	width:100%;
	float:left;
	margin-bottom:20px;
	margin-top:20px;
	}
	
ul li{
	margin-left:16px;
	margin-bottom:10px;
	}
	
ul li ul{
	margin-left:0px;
	margin-bottom:0px;
	margin-top:10px;
	}

ul li ul li{
	margin-left:20px;
	}
	
ol{
	width:100%;
	float:left;
	margin-bottom:20px;
	margin-top:20px;
	}
	
ol li{
	margin-left:16px;
	margin-bottom:10px;
	}
	
ol li ul{
	margin-left:0px;
	margin-bottom:0px;
	margin-top:10px;
	}

ol li ul li{
	margin-left:20px;
	}


.bleft{
	float:left;
	width:75%;
	}
.bleft img{width:100%;height:100%;margin-bottom:30px;}
	
.bright{
	float:left;
	width:20%;
	margin-left:5%;
	}
	
.bleft a{color:#AF8B30;}
.bleft a:hover{color:#AF8B30;}

.bright a{color:#222222;}
.bright a:hover{color:#AF8B30;}

	
.post-edit-link, .entry-meta{
	font-size:12px !important;
	margin-bottom:20px;
	}
	
.post-edit-link{}
.meta-sep{}
	
.author a:hover{
	color:#AF8B30;
	}
	
.author a{
	color:black;
	}
	
.cat-links{
	display:none;
	}

#sidebar ul {
	width:100%;
	float:left;
	margin-bottom:20px;
	margin-top:0px;
}

#sidebar li {
	list-style:square;
	list-style-position: inside;
	list-style:none;
}

#sidebar ul li {
	margin-bottom:10px;
	margin-left:0px;
}

#sidebar ul ul li {}
#sidebar ul ul ul li {}

#sidebar .widget-title{
	font-size:16px;
	line-height:23px;
	float:left;
	width:100%;
	margin-bottom:20px;
	padding:10px;
	color:white;
	box-sizing:border-box;
	background-color:#AF8B30;
	font-weight:900;
	}
	
#sidebar .widget-container{
list-style:none;
	}
	
.nav-previous {
	float:left;
	width:50%;
	font-size:30px;
	border-bottom:none;
	}
	
.nav-next {
	float:right;
	width:50%;
	text-align:right;
	font-size:30px;
	}
	
.navigation{
	width:100%;
	background-color:red;
	}

.entry-title{
	float:left;
	width:100%;
	font-weight:900;
	font-size:35px;
	line-height:120%;
	}

.entry-title-category{
	float:left;
	width:100%;
	font-weight:900;
	font-size:18px;
	line-height:120%;
	margin-bottom:40px;
	}
	
.entry-title a{
	color:#333333 !important;
	}
	
.entry-title a:hover{
	color:#AF8B30 !important;
	}

/* this removes the link from the index page post header
h2.entry-title a {
	display:inline-block;
	pointer-events: none;
	}*/	
				
/* this removes the link from the single page post header*/	
h1.entry-title a {
	display:inline-block;
	pointer-events: none;
	}	

/* controls the cateorgory and archive titles by changing the class name in the category and archive php files */
h1.entry-title1{
	font-size:16px;
	line-height:23px;
	float:left;
	width:100%;
	margin-bottom:50px;
	color:#333333 !important;
	}
	
article{
	margin-bottom:50px;
	}


/* Blog styling for 3 columns on blog index page */
/* this is the code that does the 3 columns, put this on index page, also see entry1.php:
	
<div class="bleft1">
<section id="content" role="main">

<?php $i = 0; ?>	
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php
if($i == 0) {
	echo '<div class="clear">';
}
?>

<div class="third">
<?php the_post_thumbnail(); ?><?php get_template_part( 'entry1' ); ?>
<?php comments_template(); ?>
</div>

<?php
$i++;
if($i == 3) {
	$i = 0;
	echo '</div>';
}
?>

<?php endwhile;endif;?> 

<?php
if($i > 0) {
	echo '</div>';
}
?>


<div class="clear"></div>
<?php get_template_part( 'nav', 'below' ); ?>
</section>
</div><!--bleft1-->


.third {
	float:left;
	width:30%;
	}
	
.third + .third{
	margin-left:5%;
	}
	
.third h2{
	font-size:24px;
	line-height:31px;
	padding-bottom:10px;
	}

/* controls the link colors h2 on the index page */
/*.third h2 a{
	color:#001870;	
	}
	
.third h2 a:hover{
	color:#2880ff;	
	}*/
	
.bleft1{
	float:left;
	width:100%;
	display:block;
	}
	
.bleft1 .wp-post-image{
	display:block;
	}	
	

/* for the except more link color (see setup plugin)*/	
a.more:link {color: #999999;text-decoration: none;}
a.more:visited {text-decoration: none; color: #999999!important;}
a.more:hover {text-decoration: none;color: red!important;}
a.more:active {text-decoration: none;color: #999999;}



/* Preloader (called from setup plugin)----------------------------------------------------*/

/* html:
<div id="preloader"><div id="status">&nbsp;</div></div>	
/*

/* Get preloaders:
http://preloaders.net/en/free
*/



/*-------CONTACT FORM--------------------*/


/*--use this for basic html:
	
<div class="formspace">

<label>*Name
    [text* your-name] </label>

<label>*Email
    [email* your-email] </label>

<label>Company
    [text your-company] </label>

<label>Info
    [textarea your-message x4] </label>

[submit "Submit"]

</div>
<div class="clear"></div>

*/

/*this is for pulldown toolbar:
/*.wpcf7-form select {
    font-size:14px;
    border:0;
    width:100%;
    height: 43px;
    float:left;
    outline:none;
    border:none;
    background-color:#f5f5f5;
    border-radius:0px;
}

.location, .considering, .aboutus, .statemenu{
	float:left;
	width:100%;
	}*/
	
.formspace{
	float:left;
	width:30%;
	margin-left:45px;
	margin-top:20px;
	margin-bottom:20px;
	}  
	
/*--name--*/	
input[type="text"],
textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:14px;
	padding: 10px;
	width: 100%;
	border:solid 1px #999999;
	background-color:transparent;
	color:#000000;
	box-sizing:border-box;
}

/*--email--*/
input[type="email"],
textarea {
	font-size:14px;
	padding: 10px;
	width: 100%;
	border:solid 1px #999999;
	background-color:transparent;
	color:#000000;
	-moz-box-sizing: border-box;
	box-sizing:border-box;	
}

input[type="tel"],
textarea {
	font-size:14px;
	padding: 10px;
	width: 50%;
	border:solid 1px #999999;
	background-color:transparent;
	color:#000000;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}

/*--message--*/
input[type="message"],
textarea {
	-moz-box-sizing: border-box;
	font-size:14px;
	line-height:21px;
	padding: 10px;
	width: 100%;
	border:solid 1px #999999;
	box-sizing:border-box;
	color:#000000;
	line-height:20px;
}

input[type=submit] {
	background-color:#2d5996;
	color:#ffffff;
	cursor:pointer;
	padding-left:15px;
	padding-top:11px;
	padding-right:15px;
	padding-bottom:10px;
	font-size:14px;
	text-align:center;
	border:none;
	float:left;
	margin-top:0px;
	}

input[type=submit]:hover{
	background-color:red;
	}
	
.wpcf7-not-valid-tip[role="alert"]{
	color:red;
	margin-bottom:10px;
	font-size:14px;
	margin-top:10px;
	
	}

/* not used */
.wpcf7-response-output[role="alert"]{
	display:none;
	border:solid 0px black;
	padding-left:25px;
	padding-top:10px;
	margin-left:38px;
	margin-bottom:0px;
	color:green;
	margin-top:0px;
	font-size:14px;
	}
	
/*.wpcf7-mail-sent-ok{
	text-align:left;
	margin-top:0px;
	padding-top:0px;
	color:green;
	padding-left:28px;
	margin-top:-28px;
	border:none;
	}*/

/*.wpcf7-response-output{
	display:none;
	border:solid 0px black;
	padding-left:0px;
	padding-top:0px;
	margin-left:68px;
	margin-bottom:0px;
	color:green;
	margin-top:0px;
	font-size:14px;
	background-color:red;
	}
	
span.wpcf7-list-item { display: block; }
*/
	


		
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/**
 * 8.0 Media Queries zzz
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}


/*this media query is a general setting to control the ipad look while the more specific queries (below) control the actual devices*/

@media (max-width: 1024px){ 
	

#wrapper{
	float:left;
	width:100%;
	margin-top:-50px;
}

.headerlogo{
	float:left;
	width:30px;
	margin-left:15px;
	margin-top:12px;
	}

.bleft{
	float:left;
	width:100%;
	margin-bottom:40px;
	}
	
.bright{
	float:left;
	width:100%;
	margin-left:0%;
	}

}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 



}


/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	  


}


/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	  


}


/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
	  	  


	
}


/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
	  

	
}


/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
	  


	
}



/* ----------- Windows Phone ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) {
	  


	
}


	  

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  

}



/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	  

}


/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  

}


/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  


}


/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  


}