@charset "UTF-8";


html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
    overflow-x:hidden;
    height:100%;
}
body {margin:0px;padding:0px;font-family: "Open Sans",sans-serif;
	font-size:16px;
	
font-weight: 100;
    height: 100%;
	color:#5e5e5e;
	background:#ffffff;
 position: relative;
        float: left;
        min-height: 800px;
	
        width: 100%;
  }
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
	padding-left:20px;
}
.bold-text{ font-weight:800}

  p{  font-family: "Open Sans",sans-serif; font-size:16px; color:#636363; line-height: 20px  }
    h5{font-family: "Open Sans",sans-serif;margin:0px;padding:0px;color:#182b55; font-size:20px; font-weight:800; }
  h4{font-family: "Open Sans",sans-serif;margin:0px;padding:0px;color:#182b55; font-size:22px; font-weight:800; }
  h3{font-family: "Open Sans",sans-serif;margin:0px;color:#182b55; font-size:26px; font-weight:200; padding:10px 5px 10px 5px;  display:inline-block; line-height:26px; float:left;width:100% }

h1{font-family: "Open Sans",sans-serif;margin:0px;padding:0px;color:#182b55; font-size:30px; font-weight:200; padding-top:5px;  line-height:36px;margin-left:10px;margin-right:10px;margin-bottom:20px }
	    h2{ margin:0px; font-size:28px; line-height:28px; font-family: "Open Sans",sans-serif;font-weight:400;color:#182b55;margin-bottom:5px;margin-top:20px;padding:5px; display: inline-block;width:100%}

a, a:active, a:visited{color:#182b55;}
	.center{text-align:center}	
.strong{ font-weight: 800;
}


footer a,footer a:active,footer a:visited{color:#fff}

	blockquote:before{ content: '“';
font-size: 50px;
color: #182b55;
width: 10%;
float: left;}
	blockquote, q{
   quotes: none;
    font-size: 18px;
    font-style: italic;
       width: 80%;
    float: left;
	margin-left: 5%;
}

.bggrey{background-color:#efefef;}
.blue{color:#182b55;}

blockquote p{width:90%;float:left}
.paddingtop40{padding-top:40px}
.paddingtop20{padding-top:20px}
.margintop40{margin-top:40px}
.margintop20{margin-top:20px}
.marginbottom20{margin-bottom:20px}
.marginbottom40{margin-bottom:40px}
	
.infobox {
    padding: 20px;
	float:left;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


img {
    vertical-align: middle;
}
input, select {
    -webkit-border-radius:0; 
	-webkit-appearance:none;
    border-radius:0;
	background:#ffffff;
}

.maincontainer {
	width: 100%;
	min-height: 650px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
.fixed  .maincontainer{margin-top:110px}
.hidden{display:none}
section {
    width: 100%;
	float:left;
	
	
   
}
.spacer{ width: 100%;
	float:left;height:40px}
.contentholder{
	width: 1144px;
	margin-left: auto;
	margin-right: auto;
	
	
}	


.headercontentholder{
	width: 1144px;
	margin-left: auto;
	margin-right: auto;
	
}	

.headertopbar a,.headertopbar span{float:right; color: #fff; text-decoration: none;margin-left:5px;margin-right:5px;padding-top:5px}
.headertopbar i{margin-left:5px;margin-right:5px;}

#location_error{ color:red;float:left;width:100%;margin-left:10px;margin-bottom:10px;}
.location_select_holder{float: left;
    width: 100%;
   
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;}
.location_title{width:100%;float:left;margin-bottom:20px;padding-top:20px; padding-bottom:20px; font-size:20px;color:#fff; text-align:center; background:#182b55;}
.location_select{cursor: pointer;float:right; font-size:14px;margin-top:5px}
.location_select_overlay{position:fixed;z-index: 999;width:100%; height: 100%; background: rgba(0,0,0,0.8);top:0px}
.location_selecter{position:absolute;z-index: 1000; width:400px;min-height: 200px; background-color: rgba(255,255,255,1); border-radius: 5px 5px 5px 5px;left:calc(50% - 200px); top:calc(50% - 300px); }
.location_select_info{float: right;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 40px;}
.needalocation{color:red}
.location_select_name{float:left; display:inline-block}
.location_select_credits{float:left; display:inline-block;}
.location_select_needed{cursor:pointer; text-decoration:underline}
.showcredits .location_holder{float: right;
    height:32px;
    padding-left: 10px;
    padding-right: 10px;
    background: #00b3dc;
    color: #fff;


   }

  

.credits_used {
    /* display: block; */
    width: 60px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.fixedTop {
   width:100%;
    position: fixed;
	height:100px;
	background:rgba(255,255,255,1);
    top: -360px;
z-index:200;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
	
}
.headerslidein{top:0px}


header{

	width: 100%;
	height:180px;
	background:rgba(255,255,255,1);
	 transition:  top 1s ease-in-out 0s;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
position:relative;
z-index:200;
}
.headertopbar{ height:32px; width:100%; font-size:14px;background:#182b55;





}

.righthomeimg{padding:20px}

.articleholder{margin:5%; text-align: center;background: #fff;
display: inline-block;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); border-radius:5px; overflow:hidden }
.articleholder .articletitle{font-family: "Open Sans",sans-serif;margin:0px;padding:0px;color:#182b55; font-size:14px; font-weight:800;margin-bottom:5px;padding-top:5px;}
.articleholder .articleinfo{font-size:14px !important; min-height:120px}
.articleholder .artilceimage{width: auto;
display: inline-block;}
.articleholder a{ text-decoration: none; color: #5e5e5e}
.articleholder .learnmorebtn{font-size:14px !important; float:none; display: inline-block;cursor: pointer}

img{max-width:100%; height: auto}
.imgbox{padding:20px}
.imgbox img{min-width: 100%;
width: auto;
min-height: 100%;
height: auto;
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;}

.image-box {width:100%; position:relative; text-align:center}
.image-left {
  width: 700px;
    min-height: 300px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    float: right;
	margin-top:40px;
		margin-bottom:40px;
}

.image-right {
	margin-top:40px;
	margin-bottom:40px;

   width: 700px;
    min-height: 300px;
    overflow: hidden;
    max-width: 100%;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    float: right;
}

.image-left::before {
    content: '';
    width: 100%;
    height: 100%;
    background: none;
    top: 0;
    left: 0;
    position: absolute;
}


.image-right::before {
    content: '';
    width: 100%;
    height: 100%;
    background: none;
    top: 0;
    right: 0;
    position: absolute;
}

.image-left img {
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


.image-right img {
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: auto;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


img{max-width:100%}
.imgbox{padding:20px}
.imgbox img{min-width: 100%;
width: auto;
min-height: 100%;
height: auto;
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
bottom: auto;
right: auto;}


.question{color:#182b55; font-size:22px}
.answer{ color:#c48455; font-size:22px}
.textbox{padding-left:20px;padding-right:20px;}

/*headerimgs*/

.imagebar{ width:100%;float:left;height:250px; }

/**/
	.fixedTop #logo{width:150px;margin-top:10px;margin-bottom:10px}
		.fixedTop #logo img{max-height:80px ;height:auto;max-width:150px;width:auto;}

.fixedTop .headertopbar{display: none}
.fixedTop header{ height: auto;}
.fixedTop nav {

    margin-top: 35px !important;
 
}





#logo{

margin-top:10px;
margin-bottom:10px;
	margin-left: 55px;
	width: 200px;
	height: auto;
	float:left;
	
}


#smlogo{

	margin-top: 15px;
	
	width: 100px;
	height: auto;
	float:right;
	transition: all 0.2s ease-in-out 0s;
}
	
	
	
footer{ background:#182b55; color:#ffffff; float: left;;width:100%;margin-top:20px; font-size:13px; position: relative}

footer a, footer p{ color:#ffffff;font-size:13px}
footer .footerholder{
	width: 1144px;
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	padding-bottom:20px
}
footer .sectiontitle{ text-transform: uppercase; font-size: 18px;margin-top:20px }
footer .bottombar{ bottom:0px;background: #00b3dc;  float: left;
width: 100%;}
footer .copyright{padding-top:5px; text-align: center}
#toggle-menu {
	
display:none
}

#toggle-menu .menulable{
font-size:12px;padding-top:10px;color:#182b55;
}



.phoneb,.searchb{font-size:20px;float:left;width:25px;height:25px; color: #182b55; position: absolute; display: none; text-decoration: none; cursor: pointer}
.searchicon{font-size:16px;float:left;width:25px;height:25px; color:  #999999;  display:inline; text-decoration: none; cursor: pointer;margin-left:10px;}
.searchbtn{float:right; display: block;color: #999999;
text-decoration: none;
font-size: 14px;
padding: 2px 0px;
transition: 0.3s ease;
	margin-left:5px;
text-transform: uppercase;
	cursor:pointer;
font-weight: 600;
}
nav{float:right;margin:0px;padding:0px; width:auto; border:none;margin-top:60px; position:relative;margin-right:20px}

nav ul{ padding:0px; width:auto;float:right;}
nav ul li{ float:left;padding:0px;padding-left:8px;padding-right:8px; list-style:none; height:53px; transition: 0.3s ease;background:url( images/hover_icon.png) center 70px  no-repeat}
nav ul li a{ color:#000000; text-decoration:none; font-size:14px;padding:5px 0px; transition: 0.3s ease;text-transform: uppercase; font-weight: 600}
nav ul li:hover{ }

nav ul li a:active ,nav ul li a:visited { color:#000000;}

/*-------------------------------
3.1 dropdwon menu 
--------------------------------*/



.fixedTop nav ul li  ul.sub-menu{	}

.fixedTop nav ul li  ul.sub-menu li  ul.sub-menu{	}


.fixedTop nav ul li  ul.sub-menu li  ul.sub-menu li  ul.sub-menu{	}

.fixedTop nav ul li { height:45px}


.fixedTop nav ul li  ul.sub-menu{}
nav ul li  ul.sub-menu>li{
	position: relative;
}

nav ul li ul.sub-menu {
  padding: 0;
    visibility: hidden;
    position: absolute;
 top: 100%;
   margin-left:-25px;
	
    width: 200px;
    min-width: 100px;
    opacity: 0;
    z-index: -99;
    transition: all .3s ease 0s;
    background: #182b55;
    margin-top: -25px;

}

nav ul li ul.sub-menu li{height:auto; } 

nav ul li ul.sub-menu>li {
    position: relative
}

nav ul li ul.sub-menu li {
    padding: 0;
    margin: 0;
    width: 100%;
    transition: none;
    float: left
}

nav ul li:hover ul.sub-menu {
    top: 100%;
    opacity: 1;
    z-index: 999;
    height: auto;
    visibility: visible;
	margin-top:0px;
		margin-left:-25px
}

nav ul li ul.sub-menu li a {
    border: none;
    color: #fff;
    font-weight: 400;
    padding: 10px 25px;
  text-transform:capitalize;
    margin: 0;
    float: left;
    font-size: 14px;
    transition: all .3s ease 0s
}

nav ul li ul.sub-menu li:last-child a {
    border-bottom: 0
}

nav ul li:hover ul.sub-menu li {
    color: #fff;
    border: none;
    background: #182b55;
    width: 100%;
    float: left
}






nav ul li:hover ul.sub-menu li ul.sub-menu li {
    color: #fff;
    border: none;
   background: #182b55;
    width: 100%;
    float: left
}





nav ul li ul.sub-menu li:hover  {
    background:#00b3dc;
}





nav ul li ul.sub-menu li ul.sub-menu li:hover {
background: #00b3dc;
}


nav ul li ul.sub-menu li ul.sub-menu li ul.sub-menu li:hover {
    background: #00b3dc;
}





nav ul li ul.sub-menu li ul.sub-menu {
    visibility: hidden;
    position: absolute;
    z-index: -99;
    left: 225px;
    top: 0px;
    width: 200px;
   
  background: #182b55;
    opacity: 0;
	transition: all .3s ease 0s;
	
}

nav ul li ul.sub-menu li:hover ul.sub-menu {
    visibility: visible;
    opacity: 1;
    width: 200px
}

.viewcart{float:right;position: relative; width:30px; }
.viewcart i{cursor: pointer}
.mobileviewcart{width:30px; cursor: pointer; display: none; }
#backbtn {
    position: relative;
    width: 30px;
    cursor: pointer;
    display: none;
    position: absolute;
display:none;
    font-size: 20px;
    left: 20px;
    top: 29px;
    color: #182b55;
    cursor: pointer;
    background: none;
    transition: all 0.2s ease-in-out 0s;
    width: 25px;
    height: 25px;
}
.showcredits #backbtn {top:30px}
.cartcount{
position: absolute;
z-index: 1;
background: #00b3dc;
color: #fff;
border-radius: 15px;
font-size: 12px;
min-width: auto;
height: 15px;
padding: 5px;
text-align: center;
right: -8px;
top: -14px;
min-width:15px;
}





/*mobile nav*/
#mobilenavoverlay{    height: 100%;
	color:#5e5e5e;
	background:rgba(0,0,0,0.1);
 position: relative;
        float: left;
        min-height: 800px;
		position: fixed;
		z-index:198;
        width: 100%;
		top: 0;
	left: -100%;
	opacity:0;
	transition: all 0.1s;
		}

body.menu-active #mobilenavoverlay{left:0;	opacity:1; }
	#toggle-menu .navb {
	float:left;
height:25px;
	width:25px;
	display:inline-block;
	cursor:pointer;
	padding:2px;
	border:none;
	background:none;
	}
	
	
.lines-button:hover {
    opacity: 1;
  }
 
.lines-button:active {
    transition: 0;
   
  }

.lines-top,.lines-middle,.lines-bottom{width:20px; height:3px;background:#182b55;float:left; margin-top:2px;margin-bottom:2px; transition: all 0.4s;}
body.menu-active #toggle-menu{}
body.menu-active #toggle-menu .lines-top{transform: rotate(45deg);
-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
   transform-origin: 50%;

	    -webkit-transform-origin: 50%;
		    -moz-transform-origin: 50%;
			    -ms-transform-origin: 50%; margin:0px;margin-top:8px;}
body.menu-active #toggle-menu .lines-middle{ display:none}
body.menu-active #toggle-menu .lines-bottom{transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	margin-top:-3px;
    transform-origin: 50%;
	    -webkit-transform-origin: 50%;
		    -moz-transform-origin: 50%;
			    -ms-transform-origin: 50%;
				
				   }
				   
				   
#mobilenav {
	display:none;
	position: fixed;
	top: 0;
	left: -240px;

	width: 240px;
	background: #182b55;
	margin: 0;

	list-style: none;
padding-top:100px;
	overflow-y: scroll;
	
	z-index: 200; /* Make sure the z-index is lower than the #page */
	transition: all 0.2s ease-in-out 0s;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;

}

body.menu-active #mobilenav {
	display: block;

	transform: translate3d(240px, 0px, 0px);
	-webkit-transform: translate3d(240px, 0px, 0px);
	-moz-transform:translate3d(240px, 0px, 0px);
	-o-transform: translate3d(240px, 0px, 0px);
	-ms-transform: translate3d(240px, 0px, 0px);
}

.sub_button{ border-left:1px #fff solid;padding-left:10px}

#mobilenav ul{float:left;margin:0px;padding:0px;width:100%;margin-top:0px}
#mobilenav ul li{float:left;margin:0px;padding:0px; list-style:none;width:100%}
 #mobilenav ul li a{float:left;width:90%;margin:0px;padding:0px; list-style:none; display:block;  color:#ffffff; font-size:14px;padding-top:10px;padding-bottom:10px; text-decoration:none; font-weight:400;	padding-left:10%;transition: all 0.2s ease-in-out 0s; }
#mobilenav ul li a:hover{color:#182b55; background:rgba(255,255,255,0.7);transition: all 0.2s ease-in-out 0.2s;}

body.menu-active{}

/*#182b55 ,#064d8f; #00b3dc,#0e3d69*/

#mobilenav ul li ul.sub-menu {
    height: 0;
    opacity: 0;
    transition: all .3s ease 0s;
    overflow: hidden;
    background: #FFF;
    color: #064d8f;
    visibility: hidden
}

body.menu-active #mobilenav ul li ul.sub-menu {
    visibility: visible;
    margin-top: 0;
    background: #00b3dc;
    padding: 0;
    float: left;
    width: 100%;
    display: block
}


body.menu-active #mobilenav ul li ul li ul.sub-menu {
    visibility: visible;
    margin-top: 0;
    background: #0e3d69;
    padding: 0;
    float: left;
    width: 100%;
    display: block
}



#mobilenav ul li ul.sub-menu a {
    color: #fff
}

#mobilenav ul li ul.sub-menu li ul.sub-menu {
    height: 0;
    opacity: 0;
    transition: all .3s ease 0s;
    overflow: hidden;
    background: #FFF;
    color: #00b3dc;
    visibility: hidden
}

body.menu-active #mobilenav ul li ul.sub-menu li ul.sub-menu {
    visibility: visible;
    margin-top: 0;
    background: #93a83c;
    padding: 0;
    float: left;
    width: 100%;
    display: block
}


body.menu-active #mobilenav ul li ul.sub-menu li ul.sub-menu {
    visibility: visible;
    margin-top: 0;
    background: #00b3dc;
    padding: 0;
    float: left;
    width: 100%;
    display: block
}

nav,
nav ul {
    padding: 0;
    width: auto
}

#mobilenav ul li a .fa {
    float: right;
    margin-right: 10px
}

#mobilenav ul li ul li ul.sub-menu.expand,
#mobilenav ul li ul.sub-menu.expand {
    height: auto;
    opacity: 1;
    transition: all .3s ease 0s
}

body.menu-active #mobilenav ul li ul.sub-menu li a:hover li {
    background: rgba(255, 255, 255, .1)
}


body.menu-active #mobilenav ul#menu-mobile-menu li ul.sub-menu li a:hover li{background:rgba(255,255,255,0.8);}

footer .btmnav{ float:left;width:100%;margin-top:10px}
footer .btmnav ul{margin:0px; padding:0px}
footer .btmnav  ul li{ float:left;padding:0px;padding:0px; list-style:none;width:auto; margin:0px; margin-left:10px; margin-right:10px}
footer .btmnav ul li a{ color:#ffffff; text-decoration:none; font-size:14px; line-height: 18px; padding-bottom:0px;}


.homeheader img{width:100%; height: auto}
	/*searchbar*/
.fixed #searchbar{ position:fixed; top:70px;left:0px; z-index: 99 }
#searchbar{ width:100%;height:0px;background:#182b55;text-align: center; overflow: hidden;
background: #999999;float:left; visibility: collapse; transition: all 0.2s ease-in-out 0.2s; opacity: 0;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);}
.search #searchbar{visibility: visible;  opacity: 1;height:auto;padding:8px 0px ;height:30px }
#searchform #search{  border:none;background:none; text-align:left; ;font-size:16px; color:#6b6b6b; padding-left:10px; transition: all 0.2s ease-in-out 0.2s;height:16px;float:left; width:calc(100% - 10px) }
#searchform #search:hover{l  cursor:pointer;}
#searchform{ background:#fff;border:none;padding:5px 5px;border-radius: 15px; height:auto;width:50%; display: inline-block}
.submitsearch{ border:none; float:right;width:40px}

	/*end searchbar*/

.sliderholder{padding-top:20px}
.sidebar{min-height: 393px;width: 100%;

float: right;
padding-top:60px;font-size:14px; position:relative}


.subsidebar{width: 100%;
float: right;font-size:14px; position:relative; }
.subsidebar ul{margin:0px;padding:0px}
.subsidebar ul li{ list-style:none;margin:0px;padding:0px; margin-top:10px;}
.subsidebar ul li a{ text-decoration:none; font-size:14px}


.sidebar .info{font-size:14px;width:90%;float:left; margin-left:5%; margin-right:5%}
.sidebar .info a{color:#5e5e5e;}
.sidebar .info .boldblue{ font-weight:800;color:#182b55; }

.sidebar .bannerholder{margin-left:0px;margin-right:0px}
.findlocation{margin-top:40px;}
.findlocation .title{ font-family: "Open Sans",serif;color:#182b55; font-size:20px;}

.learnmorebtn{ font-size: 14px;  text-decoration: none; color:#ffffff !important; padding:10px 20px 10px 20px; text-transform: uppercase; border-radius: 5px;background:#00b3dc; cursor:pointer;
float:left;margin-top:20px; transition: all 0.5s ease-in-out;}

.learnmorebtn:hover{  transition: all 0.5s ease-in-out;background:#182b55;}


.viewdetailsbtn{font-size: 14px;  text-decoration: none; color:#ffffff !important; padding:5px 10px 5px 10px; text-transform: uppercase; border-radius: 5px;background:#00b3dc; cursor:pointer;
margin-top:10px; transition: all 0.5s ease-in-out; display: inline-block}

.viewdetailsbtn:hover{ background: #182b55}

.viewdetailsbtn a{ color:#FFFFFF}
.support{float:right;font-size: 14px;}
.btmsupport{ padding:5px;background: #00b3dc; font-size: 12px; border-radius: 5px; margin-left:5px; margin-right:5px; width:auto;display: inline-block;}
.btmsupport a{ text-decoration: none}
 .scrollDown{
	width:26px; 
	height:26px;
	border:2px solid #182b55;
	padding:0px; 
	text-align:center; 
	font-weight: bold;
	text-decoration: none;
	position:fixed;
	z-index:100;
	bottom:10px;
	right:10px;
	display:none;
	background: rgba(255,255,255,.4);
	border-radius:50%;
	color:#182b55;
	font-size:24px;
	padding-top:0px;
}	
.product_cost_per_unit{font-size:22px; color:#182b55}
.product_total_cost{font-size:22px; color:#182b55; font-weight:800}

#print_location1_custom,#print_location2_custom,#print_location1_holder, #print_location2_holder{display:none;}

button{font-size: 14px;  text-decoration: none; color:#ffffff !important; padding:5px 10px 5px 10px; text-transform: uppercase; border-radius: 5px;background:#00b3dc; cursor:pointer; border:none;
margin:10px; transition: all 0.5s ease-in-out; }
	
 .scrollToTop{
	width:26px; 
	height:26px;

	padding:0px; 
	text-align:center; 
	font-weight: bold;
	text-decoration: none;
	position:fixed;
	z-index:100;
	bottom:10px;
	right:10px;
	display:none;
	background: rgba(255,255,255,.4);
 border-radius: 13px;
	color:#182b55;
	font-size:24px;
	padding-top:0px;
}
.scrollToTop:hover{
	text-decoration:none;
}

	.wow {
    visibility: hidden;
}	




/*col -------------------------------------------------------------- */

.rowfluid {
  width: 100%;
  *zoom: 1;


  
}


.rowfluid:before,
.rowfluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.rowfluid:after {
  clear: both;
}


.rowfluid .col-product{
  width: calc(20% - 4px);
	
	text-align: center;
	position: relative;
margin-top: 10px;
margin-bottom: 20px;
	
display: inline-table;
	

}

.rowfluid .col-product h2{ font-size:16px !important; text-align: center;width:100%}

.rowfluid .col12 {
  width:calc(100% );
float: left;


}

.rowfluid .col11 {
  width: 91.48936170212765%;

}

.rowfluid .col10 {
  width: 82.97872340425532%;

}

.rowfluid .col9 {
 width:calc((100%/ 4)*3);
 float:left;
}

.rowfluid .col8 {
 width:calc((100% / 3)*2);
 float:left;
}

.rowfluid .col7 {
  width: 57.44680851063829%;
  
}

.rowfluid .col6 {
   width: calc(50%);
float:left;
}

.rowfluid .col6b {
  width: calc(50%);
  float:left;

 
}

.rowfluid .col6c {
  width: calc(50%);
  float:left;

 
}


.rowfluid .col5 {
  width: 40.42553191489362%;

}

.rowfluid .col4 {
 width:calc((100%/ 3) );

  float:left;
}


.rowfluid .col4b {
 width:calc((100%/ 3) );

  float:left;
}
.rowfluid .col4:nth-child(1), .rowfluid .col4:nth-child(4) {margin-left:0px}
.rowfluid .col4:nth-child(3), .rowfluid .col4:nth-child(6) {margin-right:0px}

.rowfluid .col3 {
  width:calc((100% / 4));
float:left;
}

.productcol{
  width:calc((100% / 4));
float:left;
	overflow: hidden
}

.productcolblock{width: 100%;
padding-bottom: 75%;
box-sizing: border-box; position: relative}


.productcol .tile-background {
    background-position: center center;
    background-size: cover;
    height: 100%;
 
    left: 0px;
    width: 100%;
    float: left;
    transition: all 0.5s ease-in-out 0s;
    position: absolute;
}

.productcol a:hover .tile-background {
 transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1);
	-o-transform: scale(1.1,1.1);
	-ms-transform: scale(1.1,1.1);
	  /*background-color: #182b55;
  background-blend-mode: multiply;
	
	-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);*/
}

.product-info{ font-size: 14px; color:#000000}


.producttype{ color:#182b55; padding:5px 15px ;  position:absolute; z-index: 2;-webkit-transform: translateY(-50%); top:60%;
transform: translateY(-50%);  -webkit-transform: translateX(-50%); left:50%; text-align: center; text-transform: uppercase;
transform: translateX(-50%);font-size: 18px;  transition: all 0.5s ease-in-out 0s; opacity: 0; font-weight: 400}

.producttypeholder{ width:20%;height:20%;margin:40%; transition: all 0.5s ease-in-out 0s; position: absolute; opacity:0; background: rgba(255,255,255,0.8)}


.productcol a:hover .producttypeholder{opacity:1;width:80%;height:80%;margin:10%;}
.productcol a:hover .producttype{opacity:1; top:50%}



.rowfluid .col3b {
  width:calc((100% / 4));
float:left;
}



/*product info*/
#large-level-icon{position:absolute; z-index: 1; top:0;left:0;width:50px;height:50px;}
#large-level-icon img{width:100%;height:100%}
#level-icon{position:absolute; z-index: 1; top:0;left:0;width:30px;height:30px;}
#level-icon img{width:100%;height:100%}
#main-image-holder{position:relative; padding:40px}
.customizer{ text-decoration: none}
.downloadbtn a{ text-decoration: none}
.proInfo{float:left;width:100%}
.proInfoItem{float:left;width:100%}
.relatedProducts{margin-top:20px}
.relatedProducts h3{width:100%;float:left;font-weight: 600; font-size: 20px;}
.detailimage {
    float: left;
    width: 100px;
    height: 100px;
    margin: 1px;

    cursor: pointer;
	background-size:cover;
}
.zoom{ transition: all 0.5s ease-in-out 0s;   opacity:0;position:relative;margin-top:-14px;top:50%;left:50%;margin-left:-14px; color:#182b55; background: rgba(255,255,255,0.9); border-radius:50%;  font-size: 20px; padding:5px;}
.extraimages{margin-top:20px}
.detailimage:hover .zoom{transition: all 0.5s ease-in-out 0s; opacity:1}
/*product end*/
/*imagebox*/


#imageoverlay #imagebox{   width:90%; height:90%;position: fixed;
display: block; 
 transition: transform 350ms ease 0s, opacity 350ms ease 2s;}
#imageoverlay #imagebox img{max-width:100%; max-height:100%;transition: opacity 0.5s ease-in-out 0s;opacity: 0; position:absolute;left:0}
#imageoverlay  iframe{max-width:100%; max-height:100%; position:absolute;    left: 50%;
    margin-left: -400px;
    top: 50%;
    margin-top: -350px;
}
#imageoverlay #imagebox img.show{max-width:100%; max-height:100%;transition: opacity 0.5s ease-in-out 0s;opacity: 1;}
#imageoverlay  #close{ position:absolute; width:20px;height:20px; z-index: 300; cursor:pointer; right:20px;top:20px;font-size: 20px; color:#fff }
	#imageoverlay.show {
    height: 100%;
    opacity: 1;
    transform: scale(1, 1);
 transition: opacity 0.5s ease-in-out 0s;
	
}
#imageoverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 0%;
    z-index: 200;
    background:rgba(0,0,0,0.8);
    transform: scale(1.2, 1.2);
    opacity: 0;
  transition: opacity  0.5s ease-in-out 0s;
}


.prevbtn,.prevzoom{left:0;top:50%;position: fixed;z-index: 201; margin-top:15px;text-align: left;
 color:#fff;
left: 0px;width:30px;height:100%;transition: transform 350ms ease 2s, opacity 350ms ease 2s;cursor:pointer;margin:10px;font-size: 30px;}
.nextbtn,.nextzoom{right:0;top:50%;position: fixed;z-index: 201; text-align: right;
 color:#fff;
right: 0px;width:30px;height:100%;transition: transform 350ms ease 2s, opacity 350ms ease 2s; cursor:pointer;margin:10px;font-size: 30px;margin-top:15px;}

/*end imagebox*/



.rowfluid .col3c {
  width:calc((100% / 4));
float:left;
}


.rowfluid .col2 {
 width: calc((100% - 1px)/ 6);

}

.rowfluid .col1 {
width: calc((100% - 1px)/ 8);

}


/*login*/
.div_login{
    
    padding: 10px;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
margin-top:20px;
margin-bottom:20px;
}



/*product*/


.col-product a{ text-decoration: none;}
.col-product h2{ margin:0px; padding:0px}
.col-product img{margin-bottom: 20px}
.product_actions{text-align:center;margin:20px;}
.product_actions a{text-decoration:none}
/*categories*/
.categoryimg{width:100%;float:left}
.categoryimg h1{float:left}
.categoryimg img{height:auto;float:left}

/*mini cart*/
#mini-cart{position:absolute; width:200px; min-height:50px; z-index:100; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);right:0px;visibility: hidden;opacity: 0;transition: all .3s ease 0s;   margin-top: 20px;background: rgba(255,255,255,1);}

#minicart:hover #mini-cart{   margin-top:100%; opacity:1;visibility: visible;}
#mini-cart .product_item{margin-top:2px;margin-bottom:2px;border-bottom:1px solid #e9e9e9;float: left;
width: 100%;
padding-bottom: 5px;}
#mini-cart .product_item .picture{width:60px;float:left}
#mini-cart .product_item .mini_cart_edit{width: 25px;float:left; color:#182b55; padding:5px; cursor:pointer}
#mini-cart .product_item .mini_cart_edit a{width: 25px;float:left; color:#182b55}
#mini-cart .product_item .details{width:90px;float:left; font-size:12px}
#mini-cart .products_cart .cart_total{border-bottom: 1px solid #e9e9e9;float: left;
width: 100%;}
#mini-cart .products_cart .cart_total_title{float:left;padding:5px;}
#mini-cart .products_cart .cart_total_amount{float:right;padding:5px;}

#mini-cart a{

color: #000000;
text-decoration: none;
font-size: 14px;
padding:0px;
transition: 0.3s ease;
text-transform: uppercase;
font-weight: 600;
}
#mini-cart .products_cart{padding:5px}
/*cart*/
#cart table{border: 1px solid rgba(0,0,0,.1);border-collapse: separate;}
#cart{margin-bottom:20px}
#cart table td{border-top: 1px solid rgba(0,0,0,.1);
padding: 6px 12px;}
#cart .details  table td{padding: 2px;}
#cart .details  table,#cart .details  table td{border: none;}
#cart thead{font-size:14px}
#cart .products_cart{padding:0px 5px 0px 5px}
#cart .product_item{width:100%}
#cart .product_item .picture img{width:100px}
#cart .details{ font-size:12px}
#cart .cart_total{width: calc(100% - 40px);
text-align: right;
padding: 20px; font-weight:800; color:#182b55}
.checkout{float:right;padding-right:20px}

/*checkout*/
#cartsummary table{border: 1px solid rgba(0,0,0,.1);border-collapse: separate;}
#cartsummary {margin-bottom:20px}
#cartsummary  table td{border-top: 1px solid rgba(0,0,0,.1);
padding: 6px 12px;}
#cartsummary  .details  table td{padding: 2px;}
#cartsummary  .details  table,#cart .details  table td{border: none;}
#cartsummary  thead{font-size:14px}
#cartsummary  .products_cart{padding:0px 5px 0px 5px}
#cartsummary  .product_item{width:100%}
#cartsummary  .total{text-align: right;}
#cartsummary  .cart_total{width: calc(100% - 40px);text-align: right;
padding: 20px; font-weight:800; color:#182b55}
.cart_checkout_btn{width:100%; text-align:right}
.shipping_info{margin:20px 0 20px 0}
.order_terms{margin:20px 0 20px 0}
.form_header_detail{margin:20px 0 20px 0}
/*history*/

#history{border: 1px solid rgba(0,0,0,.1);border-collapse: separate; text}
#history td{border-top: 1px solid rgba(0,0,0,.1);
padding: 6px 12px;}
#history{width:100%; text-align:left;margin-bottom:20px}


/*form*/




.form-control {
    display: block;
    width: calc(100% - 24px);
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.form-group{width:100%;float:left;margin-top:5px;margin-bottom:5px}
.form-group label{float:left;width:100%;display: inline-block;
margin-bottom: 5px;
font-weight: 700;}
.order_form, .order_form .instructions{margin:20px 0 20px 0;float:left;}

input.error {
    border-color: red;
}
.error {
    color: red;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
border-radius: 10px;
}

.alert-danger {
    background-color:lightcoral;
    border-color: darkred;
    color: darkred;
border-radius: 10px;
}

.alert{padding:5px;}





.topsection{padding-top:20px}

.page-product .details{float:left}

.product_select_logo_text {
    float: left;
  
}

.product_select_logo_logos {
    float: left;
    width: 100%; 
}

.product_select_logo_logos .logo_item {
    float: left;
    margin-bottom: 10px;
position:relative;
}

.product_select_logo_logos .font_item {clear:both}

.product_select_logo_logos .logo_item img {
    max-width: 150px;
    max-height: 80px;
    margin-left: 3px;
    margin-right: 4px;
    cursor: pointer;
    border: 1px #fff solid;
}

.product_select_logo_logos .logo_item .custom_font{
    max-width: 150px;
    max-height: 80px;
    margin-left: 3px;
    margin-right: 4px;
    cursor: pointer;
    border: 1px #fff solid;
    padding:5px
}

.product_select_logo_logos .logo_item [data-logo] {
    cursor: pointer;
}

.product_select_logo_logos .logo_item img.selected {

}


.choose-quantity {
    float: left;
    padding: 0 0 5px 0px;
    width: 100%;
}

.choose-quantity p {
    width: 55px !important;
    margin: 0 5px 0 0 !important;
    float: left;
   
    padding-right: 10px;
}
.choose-quantity span{  font-size:14px;}
.choose-quantity input{width:calc(100% - 12px);border: 1px solid #ccc;

border-radius: 4px;height: 34px;

padding: 6px 12px;}



.colorswatches{float:left;width:100%;margin-bottom: 20px}

.colorswatch{float:left;width:30px;height:30px;padding:2px;margin:2px; border: solid 1px  #959595; cursor: pointer}

.colorswatch .tooltip{	 transition:opacity 2.5s ease-in-out 0s; background:#b8b8b8 !important;color:#000;margin-top:20px; font-weight:800; border-radius:2px;padding:5px 10px 5px 10px; box-shadow:0px 0px 2px #ccc;position:absolute;z-index:1070;display:block;font-size:.875rem;word-wrap:break-word;opacity:0}
.colorswatch .fade{opacity:1}


.font_baloo {
    font-family: 'Baloo', cursive;
    font-size: 25px;
}

.font_oswald {
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
}

.font_merriweather {
    font-family: 'Merriweather', serif;
    font-size: 25px;
}

.font_indie_flower {
    font-family: 'Indie Flower', cursive;
    font-size: 25px;
}

#btnDeleteAddress {
    display: none;
}

.siteColorBorder{ border: solid 1px #182b55 !important;}


.checkmark{
right: 5px;
bottom: 5px;
background: #fff;
border-radius: 50%;position:absolute;z-index:100; color:#5cb85c;}


@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

  /* Small screen, retina, stuff to override above media query */





}