/*

bright orange: 58b7dd
middle orange: fea749
light orange: ffedda
dark orange: e47601
*/


/* WRAPPERS  */
* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}

html, body {background-color:#FFF;margin: 0;padding: 0;border: 0;vertical-align: baseline;height:100%;min-width:100%;}
#wrapper-html{border:0px solid #9C0;margin:0 auto;padding:0;min-height:100%;height:auto;background-color:#FFF;}
body > #wrapper-html {height:auto; min-height:100%;color:#333;}


/* 2023 */

			.column-perfect-parent{
			width:100%;
			border:0px solid #333333;
			box-sizing: border-box;
			display:flex;
			flex-wrap: wrap;
							flex-grow: 1;
			justify-content: center;

		}
		.column-perfect-child{
			max-width:32%;
			border:1px solid #DEDEDE;
			margin:4px;
			flex: 0 0 33%;
			padding:20px;
		}
		
@media all and (max-width:1080px){
		.column-perfect-child{
			max-width:48%;
			border:1px solid #DEDEDE;
			margin:4px;
			flex: 0 0 48%; /* flex grow | flex shrink | flex-basis */
			padding:20px;
		}
}
		
		
@media all and (max-width:580px){
		.column-perfect-child{
			max-width:100%;
			border:1px solid #DEDEDE;
			margin:4px;
			flex: 0 0 100%;
			padding:20px;
		}
		}

/* 2023 END */

#wrapper-menu{min-width:100%;background-color:#203357;/*#f5f5f5#58b7dd*/;height:auto;text-align:right;border-top:0px solid #fff;border-bottom:0px solid #ddd;z-index:998;position:fixed;top:0px;}
.wrapper-body{background-color:#FFF;margin:0 auto;width:100%;max-width:100%;padding:0 160px 0px 160px;border:0px solid #F0F;color:#203357;overflow:hidden;min-height:100%;clear:both;margin-top:60px;/* because of fixed header */}
.wrapper-header{margin:0 auto;max-width:100%;padding:0px 160px 0px 160px;border:0px solid #F0F;color:#203357;height:auto;}
#wrapper-footer{background-color:#fff;width:100%;height:auto;position:relative;bottom:0;margin-top:0px;z-index:10;padding-top:30px;padding-bottom:0px;border:0px solid #099;margin:0 auto;min-width:100%;}
#wrapper-copyright{background-color:#fff;width:auto;max-width:960px;min-width:100%;margin:0 auto;padding:0px 0px 0px 0px;border:0px solid #039;position:relative;text-align:center;overflow:hidden;height:40px;min-height:100%;}

.wrapper-menu-left{width:20%;float:left;border:0px solid #CCC;height:90px;}
.wrapper-menu-right{width:80%;float:left;border:0px solid #CCC;}

.wrapper-home-bg{
  background-color:#0033cc;background-image:none;width:100%;height:100%;text-align:center;
  /*background: -webkit-radial-gradient(#3399ff, #0033cc); /* Safari 5.1 to 6.0 */
  /*background: -o-radial-gradient(#3399ff, #0033cc); /* For Opera 11.6 to 12.0 */
  /*background: -moz-radial-gradient(#3399ff, #0033cc); /* For Firefox 3.6 to 15 */
  background: radial-gradient(#8ed8f8, #58b7dd); /* Standard syntax */
}

/*EFFECTS */
.progress-bar {
  background-color: #bebebe;
  -webkit-box-shadow: none;
  box-shadow: none;
}
progress {
  background-color: darkorange;
  -webkit-box-shadow: none;
  box-shadow: none;
}

progress {
  background: darkorange;
}

progress {
  color:darkorange;
}

progress::-moz-progress-bar {
  background: darkorange;
}

progress::-webkit-progress-value {
  background: darkorange;
}

progress::-webkit-progress-bar {
  background: lightgray;
}



.chameleon{max-width:960px;max-height:420px;margin:0;top:6px;position:relative;margin-top:100px;}
.line {margin-top:20px;margin-bottom:20px;height:1px;background-color:#e0e0e0;width:100%;clear:both;}
.hide-me {display:none;visibility:hidden;}
.fade-me {    
	opacity: 1;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	}
.fade-me:hover {
	opacity: .5;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	}

.seblylogo {
	margin: 8px 0 0px 0;
	max-width:324px;
	width:auto;
	height:auto;
	background-color:transparent;
	float:left;
}

.seblylogo:link{text-decoration:none;}
.seblylogo:visited{} 
.seblylogo:active{}
.seblylogo:hover{cursor:pointer;}

#sebly-logo{background-color:#58b7dd;width:64px;height:21px;padding:6px 6px 6px 6px;text-align:center;margin:0 auto;bottom:0;border:0px solid #203357;position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;	
border-radius:  3px 3px 0px 0px;	
}
#sebly-logo:hover{background-color:#999;width:64px;height:21px;padding:6px 6px 6px 6px;text-align:center;}

/*TEXT STYLES*/

.blue-text{color:#58b7dd;}
.orange-text{color:#58b7dd;}

h1, h1 a:link, h1 a:visited{font-family: 'Poppins', sans-serif;color:#203357;line-height:64px;font-size:54px;font-weight:400;border:none;text-align:center;}
h1 a:hover {color:#58b7dd;}

.h1home{font-family: 'Poppins', sans-serif;color:#203357;line-height:84px;font-size:84px;font-weight:400;border:none;margin:40px 0 40px 0;padding:0;text-align:center;}

.h2price, .h2price a:link, .h2price a:visited{font-size:32px;font-weight:400;font-family: 'Poppins', sans-serif;color:#203357;line-height:36px;text-decoration:none;text-align:left;}
.h2price b{font-weight:600;font-family: 'Poppins', sans-serif;}
.h2price a:hover, .h2price a:hover b{color:#58b7dd;text-decoration:none;}


h2, h2 a:link, h2 a:visited{font-size:32px;font-weight:400;font-family: 'Poppins', sans-serif;color:#203357;line-height:36px;text-decoration:none;text-align:center;}
h2 b{font-weight:600;font-family: 'Poppins', sans-serif;}
h2 a:hover, h2 a:hover b{color:#58b7dd;text-decoration:none;}

h3, h3 a:link, h3 a:visited{font-size:18px;font-weight:400;font-family: 'Poppins', sans-serif;color:#203357;line-height:28px;margin-bottom:0px;text-decoration:none;margin-top:0;top:0;}
h3 a:hover{color:#58b7dd;text-decoration:none;}

h4, h4 a:link, h4 a:visited{font-size:21px;font-weight:400;font-family: 'Poppins', sans-serif;color:#203357;line-height:30px;margin-bottom:0px;text-decoration:none;margin-top:0;top:0;}
h4 a:hover{color:#58b7dd;text-decoration:underline;}
h4 b a:link, h4 b a:visited{font-weight:600;}

h5{font-family: 'Poppins', sans-serif;color:#363636;line-height:24px;font-size:20px;font-weight:400;}
h5 a:link, h5 a:visited {color:#58b7dd;font-weight:400;font-family: 'Poppins', sans-serif;line-height:24px;font-size:20px;text-decoration:none;}
h5 a:hover {color:#58b7dd;font-weight:400;font-family: 'Poppins', sans-serif;line-height:24px;font-size:20px;text-decoration:underline;}

h6{font-family: 'Poppins', sans-serif;color:#203357;line-height:32px;font-size:21px;font-weight:400;padding:0;margin:0;}
h6 a:link, h6 a:visited {color:#58b7dd;line-height:32px;font-size:21px;font-weight:400;text-decoration:none;}
h6 a:hover {color:#58b7dd;font-weight:400;text-decoration:underline;}

p{font-family: 'Poppins', sans-serif;color:#203357;line-height:24px;font-size:17px;font-weight:400;padding:0;}
p a:link, p a:visited {color:#58b7dd;line-height:24px;font-size:17px;font-weight:600;text-decoration:none;}
p a:hover {color:#58b7dd;font-weight:600;text-decoration:underline;}

p b, p b a:link, p b a:visited {font-weight:700;}
p b a:hover {font-weight:700;color:#0033cc;text-decoration:none;}

p strong {font-weight:700;font-family:Arial, Helvetica, sans-serif;color:#203357;}
.highlighted {background-color:#FAE6D5;padding:4px;text-decoration: none;text-align:center;}

.p-small {font-family: 'Poppins', sans-serif;color:#203357;line-height:24px;font-size:17px;font-weight:400;}

.col-33 p {font-family: 'Poppins', sans-serif;color:#203357;line-height:24px;font-size:17px;font-weight:400;}

.p-footer {font-family: 'Poppins', sans-serif;color:#203357;font-weight:400;font-size:13px;line-height:16px;text-decoration:none;}
.p-footer  a:link, .p-footer  a:visited {color:#203357;text-decoration:none;font-weight:400;}
.p-footer  a:hover {color:#58b7dd;text-decoration:underline;}


/*COLUMNS */
.col-100 {width:100%;height:auto;border:0px solid #CCC;margin-bottom:0px;margin-top:0px;overflow:hidden;padding:0 0 0 0;}
.col-65 {width:60%;height:auto;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;}
.col-50 {width:50%;height:auto;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;padding:4px;}
.col-50-shop-left {width:50%;height:auto;text-align:center;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;padding:40px 0px 40px 0px;}
.col-50-shop-right {width:50%;height:auto;text-align:left;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;padding:40px 0px 40px 0px;}
.col-35 {width:24%;height:auto;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;}
.col-33 {width:33%;height:auto;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;}
.col-25 {width:25%;height:auto;border:1px solid #dedede;padding:4px;float:left;margin:0px 0px 0px 0px;text-align:center;}
.col-pad-right {padding-right: 30px;}
.col-100-inside{border:0px solid #0033cc;margin:0;padding:0;line-height:0;}
.example-image-link{display: inline-block;border:0px solid #F00;width:100%;height:auto;margin:0;padding:0;line-height:0;}
/* IMAGES */
.img-service-thumbnails{margin-bottom:12px;border:1px solid #CCC;width:100%;height:auto;}
.image-response{width:100%;height:auto;}
.example-image{border:1px solid #DEDEDE;}
video {width: 100%;height: 100%;max-width:640px;max-height:360px;border:1px solid #dedede;
}

/* FORMS */
.form_list {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;text-align:left;}
.form_list ul {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;}
.form_list li {width:100%;list-style-type:none;margin:0;padding:0;border:0px solid #099;}

.contact_box_style {font-family: 'Poppins', sans-serif;padding:3px 3px 3px 10px;height:40px;line-height:18px;border:1px solid #CCC;font-size:18px;color:#666;width:100%;margin-top:10px;margin-bottom:16px;

	border-radius:6px 6px 6px 6px;
}
.comment_box_style {font-family: 'Poppins', sans-serif;padding:6px 6px 6px 3px;line-height:24px;border:1px solid #CCC;font-size:18px;color:#666;height:220px;margin-top:10px;margin-bottom:16px;width:100%;

	border-radius:6px 6px 6px 6px;
}

.formErr 
{font-family: 'Poppins', sans-serif;color:#58b7dd;line-height:21px;font-size:14px;font-weight:400;}
.formErrbox
{font-family: 'Poppins', sans-serif;color:#58b7dd;line-height:21px;font-size:18px;font-weight:600;}
.captcha {font-family: 'Poppins', sans-serif;color:#777;line-height:21px;font-size:14px;font-weight:400;letter-spacing:0px}
.captcha b {font-family: 'Poppins', sans-serif;color:#58b7dd;line-height:21px;font-size:15px;font-weight:600;letter-spacing:1px;}

.search_button_style {background-color:#58b7dd;border-radius:6px;border:0px solid #666;display:inline-block;color:#FFF;font-family:arial;font-size:15px;font-weight:600;padding:5px 10px;text-decoration:none;position:relative;top:-1px;cursor:pointer;	/*text-shadow:1px 1px #666;*/vertical-align:top;line-height:21px;}
.search_button_style:hover {background-color:#fea749;position:relative;cursor:pointer;}
.search_button_style:active {background-color:#fea749;position:relative;cursor:pointer;}
.search_button_style:visited{color:#FFF;font-family:arial;font-size:15px;font-weight:600;background-color:#58b7dd;}

.form-text-label{font-family: 'Poppins', sans-serif;color:#203357;line-height:18px;font-size:14px;font-weight:600;}

.cat select{background: transparent;background-color:#3399ff;width: auto;padding: 5px;font-size: 16px;border: 1px solid #ccc;height: 34px;color:#FFF;}
.cat-div-select{width:100%;height:auto;overflow:hidden;position:relative;border:0px solid #666;text-align:left;}

/* OPENCART */

.product-thumb .caption {min-height:20px;}
.visible-lg, .visible-md, .visible-sm, .visible-xs{display:inline-block !important;}
.related-items{padding:10px;border:0px solid #ddd;text-align:center;display:inline-block;float:none;margin-bottom:6px;}
}

@media all and (max-width:1480px){

.wrapper-body{padding:0px 40px 160px 40px;}
.wrapper-header{padding:0px 40px 0px 40px;}


}

@media all and (max-width:1080px){
	
.col-33{width:50%;min-height:280px;border-bottom: 0px solid #CCC;padding:10px;}


/* OPEN CART */
.product-layout {border: 1px solid #CCC;padding:10px;margin-right:6px;margin-bottom:6px;width:40%;float:left;}
.col-sm-9{width:70%;border-left:0px solid #CCC;}
.col-sm-6{float:right;border:0px solid #F0F;padding:0;width:100%;}
.text-right{text-align:left;}
.text-right .control-label{padding-top:10px;}
#product .form-group{border:0px solid #00F;width:50%;float:left;padding:8px;min-width:auto;}
.form-group {min-width:50%;}
.container-home {padding-left:0px;padding-right:0px;}
#content{padding-left:20px;padding-right:20px;}
.container{margin-bottom:20px;}
}

@media all and (max-width:800px){
.wrapper-header{padding:0px 0px 0px 0px;max-width:100%;}
.wrapper-body{padding:0px 80px 160px 80px;max-width:100%;margin-top:20px;}
#wrapper-menu{position:relative;}	
.wrapper-menu-right{width:100%;float:none;border:0px solid #CCC;border:0px solid #CCC;}
.wrapper-menu-left{width:50%;float:left;text-align:left;padding-left:16px;border:0px solid #CCC;height:36px;}
.wrapper-menu-toggle-button{width:50%;float:right;text-align:right;border:0px solid #CCC;padding-right:16px;}
#menu-toggle{width:auto;text-align:right;padding-right:0px;float:right;text-align:right;}
.hide-me {display:block;visibility:visible;}
.chameleon{max-width:960px;max-height:420px;margin:0;top:6px;position:relative;margin-top:60px;border:0px solid #CCC;}
.col-33{width:100%;min-height:auto;border-bottom: 0px solid #CCC;padding:0px;}
.col-50{width:100%;max-width:100%;text-align:center;}
.col-25 {width:50%;height:auto;padding:4px;float:left;margin:0px 0px 0px 0px;text-align:center;}
.col-50-shop-left {width:100%;height:auto;text-align:right;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;padding:20px 0px 20px 0px;}
.col-50-shop-right {width:100%;height:auto;text-align:left;border:0px solid #CCC;margin-bottom:0px;float:left;margin-top:0px;padding:20px 0px 20px 0px;}

.col-pad-right{padding-right:0;}
.seblylogo {max-width:72px;margin-top:6px;}
h1{font-size:36px;text-align:center;line-height:40px;}
.form_list li.li-submit{text-align:center;margin:0 auto;}
h4{margin-bottom:6px;}

.h1home{font-family: 'Poppins', sans-serif;color:#203357;line-height:48px;font-size:48px;font-weight:400;border:none;margin:40px 0 40px 0;padding:0;text-align:center;}
h6, h6 a:link, h6 a:visited {line-height:21px;font-size:18px;}

/* OPENCART */	
	
.container{max-width:100%;width:100%;padding-left:60px;padding-right:60px;}
.product-layout {border: 1px solid #CCC;padding:10px;margin-right:6px;margin-bottom:6px;width:49%;float:left;}
.col-sm-9{width:100%;border-left:0px solid #CCC;}
.text-right{text-align:left;}
.text-right .control-label{padding-top:10px;}
h2, h2 a:link, h2 a:visited {font-size:24px;}
}

@media all and (max-width:580px){
	
h4, h4 a:link, h4 a:visited{}

.wrapper-body{padding:0px 15px 160px 15px;max-width:100%;}
.col-25 {width:100%;max-width:320px;height:auto;padding:8px;float:none;margin:0 auto;text-align:center;}

	

/*OPENCART */
.container{max-width:100%;width:100%;padding-left:60px;padding-right:60px;}
.col-sm-9{width:100%;border-left:0px solid #CCC;}
.text-right{text-align:left;}
.text-right .control-label{padding-top:10px;}
#product .form-group{border:0px solid #00F;width:100%;float:left;padding:8px;min-width:auto;}
.live-price {font-size:40px;height:40px;line-height:40px;}
.product-layout {border: 1px solid #CCC;padding:10px;margin-right:6px;margin-bottom:6px;width:100%;}
}

@media all and (max-width:320px){

/* OPENCART */

.product-layout {border: 1px solid #CCC;padding:10px;margin-right:6px;margin-bottom:6px;width:100%;}
.col-sm-9{width:100%;border-left:0px solid #CCC;}
}