@import"reset.css";@import"grid.css";@import"prettyPhoto.css";
@import"../css/jquery.jscrollpane.css";
@import url(//fonts.googleapis.com/css?family=Coda);
body{background:#151717;font:14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#62676d;position:relative;min-width:1020px;}
html,body{height:100%;}
p{padding-bottom:23px;}
a{color:#22649c;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration:underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.3em;color:#000;font-family:'Coda', cursive; text-transform:uppercase; font-weight:normal;}
h1{font-size:35px;}
h2{font-size:30px;}
h3{font-size:24px; color:#fff; padding-bottom:28px;} 
h4{font-size:20px;}  
	h4 span{ display:block; margin-top:-5px;}
h5{font-size:18px;}
h6{font-size:15px;padding-bottom:15px;}
/* Global Structure---------------------------------------- */
img {max-width:100%;}
.main2{ position:relative; width:940px; margin:0 auto;}
.main{ width:940px; margin:0 auto;}
/*----- txt,links,lines,titles -----*/
.extra-wrap{overflow:hidden;display:block;}
.wrapper{ position:relative; overflow:hidden;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#22649c;}
.color2{color:#fff;}
.color3{color:#62676d;}
.text1{ font:14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;}
/*********************************header*************************************/
header{ width:100%; position:relative; background:#ec1d25; padding:10px 0; z-index:9;}
header h1{ float:left;}
header h1 a{ display:block; background:url(../images/logo.jpg) 0 0 no-repeat; width:238px; height:100px; text-indent:-5000px;}
/* menu */
.main-menu{ float:right;}
.main-menu > ul > li > a {font-size: 13px}
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu{}
.sf-menu li {position:relative; background:url(../images/menu-line.png) 0 50% no-repeat; float:left; font:15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; padding:11px 15px;}
.sf-menu li:first-child{ background:none;}
.sf-menu li.last{ padding-right:0;}
	.sf-menu li a {color:#fff;}
		.sf-menu li.current a,.sf-menu li.sfHover a,.sf-menu li a:hover{ text-decoration:underline; color:#fff;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			129px; 
	display:none;
	background:#0a0d10;
	padding:22px 0;
}
.sf-menu li li{width:100%;padding:7px 0 6px; text-align:center; background:url(../images/submenu-line1.gif) center 0 no-repeat;font:13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.sf-menu li li:first-child{ background:none;}
	.sf-menu li li a,.sf-menu li.sfHover li a,.sf-menu li.current li a{ color:#fff;}
		.sf-menu li li a:hover,.sf-menu li li.sfHover a,.sf-menu li li.current a{ color:#ec1d25;}
.sf-menu ul ul {
	position:		absolute;
	top:			-999em;
	z-index:		99;
	width:			129px; 
	display:none;
	background:#64788c;
	padding:22px 0;
}
	.sf-menu li li li{width:100%;padding:7px 0 6px; text-align:center; background:url(../images/submenu-line2.gif) center 0 no-repeat;font:13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.sf-menu li li li:first-child{ background:none;}
	.sf-menu li li li a,.sf-menu li li.sfHover li a,.sf-menu li li.current li a{color:#fff;}
		.sf-menu li li li a:hover,.sf-menu li li li.current a{ color:#44d0f9;}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:-8px;top:47px;}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:142px;top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {	left:10em;	top:00px;}
.sb{ display:block; background:url(../images/submenu-arrow1.png) 0 0 no-repeat; width:13px; height:12px; position:absolute; top:-34px; left:45%;}
.sb2{ display:block; background:url(../images/submenu-arrow2.png) 0 0 no-repeat; width:11px; height:13px; position:absolute; top:-13px; left:-11px;}
/* slider */
#slider{ width:100%; height:523px; position:relative; overflow:hidden; background:#000;}
.slider{ width:1750px; height:523px; overflow:hidden; position:absolute; top:0; left:50%; margin-left:-875px;} 
.tems {	display:none;}
/* pagination */
#slider .pagination { position:absolute; bottom:38px; right:396px; z-index:9999;}
	#slider .pagination li{ float:left;}
	#slider .pagination li a{ display:block; background:url(../images/pagination.png) -30px 0 no-repeat; width:21px; height:21px; margin-right:8px;}
	#slider .pagination li a:hover,#slider .pagination li.current a{ background-position:0 0;}
.caption{ position:absolute;top:419px; height:104px; width:100%; left:0; background:url(../images/slider-caption.png) 0 0 repeat; color:#fff; font:14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.caption .main{ padding:16px 0 0 0;}
.caption .main strong{ letter-spacing:0.5px;}
/********************** Content ************************/
section{ position:relative; z-index:1; width:100%; background:#f8f8f8 url(../images/section.jpg) 50% 0 no-repeat; overflow: hidden;}
section.bgno{  background:#f8f8f8;}
.padcontent{ padding:0px 0 73px 0;}
.padcontent2{ padding:42px 0 53px 0;}
.padcontent3{ padding:42px 0 0 0;}
.padcontent4{ padding:42px 0 34px 0;}
.dropcap{ width:38px; height:34px; background:#12212f; color:#fff; text-align:center; font:bold 24px/28px "Trebuchet MS", Arial, Helvetica, sans-serif; float:left; margin:5px 15px 0 0; border-radius:25px; padding:4px 0 0 0;}
.bg2{ background:#90979d; padding:35px 0 37px; width:100%;}
.bg2.bg2-2{padding:27px 0 37px;}
.bg2.bg2-3{padding:27px 0 30px;}
	.bg2.bg2-2 h2{ padding-bottom:21px;}
.img1{ background:#fff; padding:6px; display:inline-block;}
/* Carousel */
.car-wrapper{ position:relative;}
.carousel {overflow:hidden;width:940px !important; height:134px;}
	.carousel  li{ margin-right:20px; display:block; float:left; width:220px; height:134px; position:relative; overflow:hidden;}
	.carousel  li .img1{width:208px;height:123px}
.car-wrapper .btn-next,
.car-wrapper .btn-prev{ position:absolute; top:57px; width:11px; height:18px; display:block;}
.car-wrapper .btn-next{ right:-36px; background:url(../images/btn-next.png) 0 0 no-repeat;}
.car-wrapper .btn-prev{ left:-35px; background:url(../images/btn-prev.png) -11px 0 no-repeat;}
.car-wrapper .btn-next:hover{ background-position:-11px 0;}
.car-wrapper .btn-prev:hover{ background-position:0 0;}
.bgscroll{ position:relative; padding:15px 0 0 0;}
.scroll {width:460px;height:290px;}
.scroll img{ margin:5px 19px 0 1px;}
.scroll p{ padding:5px 10px 0 0; display: none;}
.scroll .wrapper{ padding-bottom:30px;}
aside{ width:100%; background:#ec1d25; padding:50px 0 74px; font:14px/22px Arial, Helvetica, sans-serif; color:#a6a6a6;}
.social{ position:relative; overflow:hidden;}
.social li{ float:left; font:13px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; min-width:107px; padding-bottom:13px;}
.social li a{ color:#fff;}
.social li img{ margin:0 12px 0 0;}
.social li a span{ display:inline-block; padding-top:2px;}
.social li a:hover{ color:#22649c;}
.list1{ padding-top:13px;}
.list1 li{ background:url(../images/marker.png) 1px 7px no-repeat; padding:2px 0 12px 24px; font-size:14px; line-height:20px;}
	.list1 li a{ display:inline-block; color:#62676d;}
.quote{ padding:14px 0 32px 0;}
.quote blockquote{ background:none; font:14px/23px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#62676d; padding:0;}
.box2{ padding:16px 0 2px 0; line-height:24px;}
	.box2 img{ margin:3px 10px 0 0;}
	.box2 h4 span{ margin-top:4px;}
	.box2 .color3:hover{color:#22649c; text-decoration:none; font-weight:bold;}
.box3{ padding:5px 0 20px 0;}
.box3.last{ padding:5px 0 16px 0;}
	.box3 h4{ padding-top:12px;}
	.box3.last h4{ padding-top:0;}
.box5{ padding:20px 0 0 0;}
	.box5 h4{ margin-top:15px;}
	.box5 p{ padding:7px 0 4px 0;}
	.box5 a{color:#62676d;}
.map{ padding:20px 0 0 0;}
.map iframe{ width:424px; height:291px;}
.contacts{ font-style:normal; padding:13px 0 2px 0;}
	.contacts span{ display:inline-block; width:143px;}
/* form */
#form1{ padding:5px 0 0 0;}
	#form1 fieldset{ position:relative; overflow:hidden;}
	#form1 .fleft:first-child{ width:205px;}
	/*#form1 label{ height:53px; position:relative; display:block;}*/
	/*#form1 label.message{ height:90px;}*/
	#form1 input:not(input[type="radio"]),
	#form1  textarea{font-family:Arial, Helvetica, sans-serif;color:#000; box-sizing: border-box; font-size:14px;vertical-align:middle;font-weight:normal;padding:10px 15px 11px;margin:0 0 15px; border: 1px solid #191919; outline:none;overflow:hidden; width: 100%; display: block; box-sizing: border-box}
	#form1  textarea{ resize:none; overflow:auto; height:69px;box-sizing: border-box;}
#form1 .buttons{ position:relative; padding:0; text-align:right;}
	#form1 .buttons span{ display:inline-block;}
/*#form1 .success,*/
/*#form1 .error,*/
/*#form1 .empty{display:none; text-align:left;}*/
#form1 .error,
#form1 .empty{position:absolute; color:red; font-size:11px; left:0; bottom:-17px;}
#form1 .success,
/*#form1 .success strong{ color:#fff; background:none; box-shadow:none;}*/
#form1 .success{ padding-bottom:5px;-pie-background:none;}
#form1 .form-btn{ display:inline-block; color:#fff; text-transform: uppercase; font:14px/19px 'Coda', cursive; padding:9px 15px 8px; letter-spacing:1px; width:auto;
background: #fff; cursor: pointer;/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
 
-pie-background: linear-gradient(top, #585858 0%,#3f3f3f 100%);}

#form1 ::-webkit-input-placeholder { color: #000;}
#form1 :-ms-input-placeholder {  color: #000;}
#form1 ::-moz-placeholder { color: #000; opacity: 1}
#form1 :-moz-placeholder { color: #000; opacity: 1;}

#form1 .form-btn:hover{ text-decoration:none; background:#fff; color:#000;
-pie-background: linear-gradient(top, #fff 0%,#fff 100%);}
#form1 .row-form {position: relative;}
.text .success {color: green;}
#contact-form{ padding:20px 0 0 0;}
	#contact-form fieldset{ position:relative; overflow:hidden;}
	#contact-form label{ height:60px; position:relative; display:block;}
	#contact-form label.message{ height:230px;}
	#contact-form input, #contact-form  textarea{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#484c51;font-size:14px;vertical-align:middle;font-weight:normal;padding:14px 15px 16px;margin:0;background:#fff;border:1px solid #b1b1b1;outline:none;overflow:hidden; width:264px;}
	#contact-form  textarea{ resize:none; overflow:auto; height:200px;width:427px;}
#contact-form .buttons{ position:relative; padding:37px 0  0 0; text-align:right;}
	#contact-form .buttons span{ display:inline-block; margin-left:20px;}
#contact-form .success,
#contact-form .error,
#contact-form .empty{display:none; text-align:left;}
#contact-form .error,
#contact-form .empty{position:relative; color:red; font-size:9px; top:0px; left:10px; top:-7px;}
#contact-form .success,
#contact-form .success strong{ color:#22649c; background:none; box-shadow:none;}
#contact-form .success{ padding-bottom:5px;-pie-background:none;}
/******************** Footer ******************/
footer{ width:100%; padding:28px 0 32px; color:#fff;}
footer a{ color:#fff;}
/* buttons */
.button{ display:inline-block; font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background:#12212f; padding:8px 13px 9px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button:hover{ background:#22649c; text-decoration:none;}
/* padding */
.padtop{ padding-top:16px;}
.padbot{ padding-bottom:34px;}
.padbot5{ padding-bottom:13px;}
.padbot3{ padding-bottom:30px;}
.padbot4{ padding-bottom:32px;}
.padbot2{ padding-bottom:67px;}
.pad1{ padding:51px 0 0 0;}
.pad2{ padding:14px 0 13px 0;}
.pad2 img{ margin:6px 26px 0 0;}
.pad4{ padding:15px 0 13px 0;}
.pad4 img{ margin:6px 25px 0 0;}
.imgindent{ float:left; margin:7px 25px 0 0;}
.pad3{ padding:13px 0 1px 0;}
.indent{ display:block; margin-top:-8px;}
.indent2{ margin-right:-20px;}
/* LightBox */
.lightbox-image {position:relative;overflow:hidden;display:inline-block;z-index:99;}
.lightbox-image img {position:relative;z-index:2;background:#f1f1f1;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/magnifying-glass.png) no-repeat 50% 50%;z-index:1;}
.grid_3{color: #fff;}
#form1 fieldset label input, #form1 fieldset label textarea, #form1 fieldset label span{color:#fff !important;}
.form-btn{background: #191919;}
.grid_3 a, footer a{color:#fff !important; text-decoration: underline;}
.numStatus {display: none;}
.contact-promo {margin-top: 24px; color: #fff; font-size: 25px;}
.testimonials .more {
	display: none;
}
.testimonials .more.show {
	display: block;
}
.testimonials .pre-block.hide {
	display: none;
}
.grid_3.first {display: none;}

.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 51em;}

.ui-tabs .ui-tabs-nav li a {
	font: 14px/23px 'Trebuchet MS', Arial, Helvetica;
	color: #62676d;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
	text-decoration: underline;
}
.ui-widget-content h4,
.ui-widget-content img {
	margin-bottom: 15px;
}
.product-list {
	float: left;
	width: 100%;
}
.product-list .left {
	float: left;
	width: 265px;
}
.product-list .right {
	width: 430px;
	margin-left: 15px;
	float: right;
}
.boxes {display: flex;margin: 0;box-sizing: border-box;flex-wrap: nowrap;}
.boxes .box {margin: 0 20px 18px 0px;background-color: #fff;border: solid 1px #E1E1E1;box-sizing: border-box;width: 50%;}
.boxes .box .txt {padding: 30px;}
.boxes .box ul {list-style: none;padding: 0;}

.boxes .box ul li {padding-left: 25px;margin-bottom: 5px;background: url("../images/icon-check.svg");background-repeat: no-repeat;}
.boxes .box h4 {background-color: #F5F5F5;padding: 20px;text-align: center;font-size: 17px;
}
::-webkit-input-placeholder { /* Chrome */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #fff;
  opacity: 1;
}


.padcontent4 label {
    display: block;
}

section.padcontent4 form input, section.padcontent4 form textarea {
    width: 300px;
    border: 1px solid #d8d8d8;
    padding: 10px 5px;
}

section.padcontent4 form input[type="submit"] {
    width: auto;
    padding: 15px 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    background: #ec1d25;
    color: #ffffff;
	cursor: pointer;
}
section.padcontent4 form input[type="checkbox"] {
    width: auto;
}

.success{
	color: rgb(16, 158, 16);
}

.error{
	color: rgb(245, 30, 30);
}
/*-----------------------
	----Mobile----
------------------------*/
@media only screen and (max-width: 1019px){
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin: 0; padding: 10px; box-sizing: border-box;}
.container_12 { width: 100%;}
.container_12 .grid_12 { width: 100%;}
.container_12 .grid_11 { width: 91.66666667%;}
.container_12 .grid_10 { width: 83.33333333%;}
.container_12 .grid_9 { width: 75%;}
.container_12 .grid_8 { width: 66.66666667%;}
.container_12 .grid_7 { width: 58.33333333%;}
.container_12 .grid_6 { width: 50%;}
.container_12 .grid_5 { width: 41.66666667%;}
.container_12 .grid_4 { width: 33.33333333%;}
.container_12 .grid_3 { width: 25%;}
.container_12 .grid_2 { width: 16.66666667%;}
.container_12 .grid_1 { width: 8.33333333%;}
	
}
@media only screen and (max-width: 1019px){
	body { min-width: 320px; max-width: 100%;}
	header { padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
	
	.slider img { max-width: none;}
	.main,
	.main2 { width: 100%;}
	.slider { width: 100%; left: 0; margin-left: 0;}
	#slider .pagination { right: 10px; bottom: 64px; left: 10px; text-align: center;}
	#slider .pagination li { float: none; display: inline-block; margin: 0 4px;}
	#slider .pagination li a { margin: 0;}
	.caption { padding-left: 10px; padding-right: 10px;}
	.contact-promo { text-align: center; margin-top: 39px;}
	
	.pad2 img { max-width: 50%;}
	.scroll { width: 100% !important;}
	footer { padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
	
	#form1 input, 
	#form1 textarea {width: 100%;}
	#form1 .fleft{ width: 100%; float: none;}
	#form1 .fleft:first-child {width: 100%;}
	
	
	/* inner page  */
	.padcontent4 img { max-width: 100%; margin: 10px auto; display: block;}
	.product-list {}
	.product-list div {box-sizing: border-box;}
	.product-list .left { width: 40%;}
	.product-list .right { width: 60%; margin: 0;}
	
}
@media only screen and (min-width: 768px){
	header .main-menu {display: block !important;}
}
@media only screen and (max-width: 768px){
	.boxes .box {margin: 0 10px 18px ;}
	.padbot4{ padding-left: 10px;}
}
@media only screen and (max-width: 767px){
	header h1 { float: none; max-width: 80%;}
	header h1 a { max-width: 100%; background-size: 100%;}
	header .main-menu  { float: none; width: 100%; display: none;}
	header .main-menu  li { float: none; width: 100%; padding-left: 0; background: none; box-sizing: border-box; border-top: 1px solid #fff;}
	header .main-menu  li a { text-decoration: none !important;}
	header .main-menu  li:first-child { border: none;}
	.main-menu + .clear { position: absolute; right: 0; top: 10px;   height: 32px; width: 40px; visibility: visible; background: url(../images/menu.png) 0 0 no-repeat;}
 	.contact-promo { margin-top: 0;}
	#slider .pagination { bottom: 104px; left: 0; right: 0; padding: 10px; background: url("../images/slider-caption.png") repeat scroll 0 0;}
	.padcontent { padding-bottom: 20px;}
	.wrapper.pad1 .grid_6 { width: 100%; padding-bottom: 20px; padding-top: 20px; border-top: 1px solid #ccc;}
	.wrapper.pad1 .grid_6:first-child { border: none;}
	aside .container_12 .wrapper > div  { width: 100%; }
	.boxes {flex-wrap: wrap;}
	.boxes .box {width: 100%; }
	
}
@media only screen and (max-width: 640px){
	.caption {box-sizing: border-box;}
	.caption .main {padding-top: 5px;}
	.contact-promo {font-size: 20px; }	
	.pad2 img { max-width: 100%; float: none; margin-bottom: 15px; width: 100%}
	.jspVerticalBar,
	.jspDrag { width: 20px;}
	.jspDragTop,
	.jspDragBottom { left: 50%; margin-left: -4px;}
	.container_12 .grid_6 { width: 100%;}
}
@media only screen and (max-width: 480px){
	.product-list .left { width: 100%; padding-top: 20px; border-top: 1px solid #ccc;}
	.product-list .right { width: 100%; padding-bottom: 20px; }
	
}
.row { box-sizing: border-box; overflow:hidden;}
.col-md-6 { padding:0 15px; width:50%; box-sizing: border-box; float:left;}
.right-column ul ,
.left-column ul { list-style-type: disc; padding-left:15px;}
.tbl { display:table;}
.tbl-row { display: table-row;}
.tbl-data { display:table-cell; vertical-align:middle; padding:3px;}
#paymentTypeDiv .tbl-data {  width:25%; }
.right-column * {color:#62676d;}
.left-column h3 {color:#000; margin-top:1em; margin-bottom:0.2em;  padding:0;}
.right-column h3 {color:#000; margin-top:1em; margin-bottom:0.2em;  padding:0;}
.right-column h3:first-child { margin-top:0;}
.right-column > div { margin: 1em 0;}
.right-column  .form-group{  margin-bottom:10px;}
.right-column  .form-group label{ display:block; }
.right-column  .form-group .form-control{ display:block; padding:10px; width:100%; box-sizing: border-box; }
.btn-default{
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font: 14px/19px 'Coda', cursive;
    padding: 9px 15px 8px;
    letter-spacing: 1px;
    width: auto;
    background: #585858;
    cursor: pointer;
    background: #000; border:none;
}

.call-to-action { padding:10px; background:#ec1d25; color:#fff; text-align:center;}
.call-to-action  h3 { color: inherit;}
.call-to-action  a { color: inherit; font-size:1.5em;}

.left-column h4 { margin-bottom:1em;}
.left-column h4 a { color:#ec1d25;}
.left-column  .page-banner-text { font-size:1em; margin:0 ; padding:10px;}
.left-column  .page-banner-text div { display:inline-block;}

.text-center { text-align:center; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #333;
	opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #333;
	opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #333;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color:    #333;
}

::placeholder { /* Most modern browsers support this now. */
	color:    #333;
}
.foriconf span
{   font-size: 17px;
    display: block;
    margin-bottom: 0;
    border-bottom: 1px solid #cfcfcf;
    padding:10px 0;
    max-width: 450px;
}
.foriconf img
{	width: 32px;
    margin-right: 8px;
    vertical-align: middle;
	display:inline-block !important;
}
.padbot5 input[type=radio]
{	width:auto !important;
}

.top-appointment {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
a.schedule-appointment {
    height: 100%;
}
h5.header-call-text,h5.header-call-text a  {
    color: white;
}
@media(max-width:767px){
    .top-appointment {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        grid-gap: 10px;
        flex-direction: column;
    }
}
@media only screen and (max-width: 767px){
header .header-call-text{font-size:16px;}
}

.floting-btn-div{
    position:fixed; 
    right:20px; 
    bottom:20px; 
    z-index:9999;   
}

.floting-btn, .header-btn {
	background: #ffffff;
    color: #101010;
	border: 1px solid #000000;
    /* background:#0073e6;  */
    padding:12px 20px; 
    /* border:none;  */
    border-radius:6px; 
    cursor:pointer;
	font-family: 'Coda', cursive;   
}

.floting-btn:hover,
.header-btn:hover {
	background:#333333;
	color: #ffffff;
	/* background:#288aec; */
}

@media (max-width: 767px) {
  .floting-btn-div {
    right: 0;
    bottom: 20px;
    /* transform: translateY(-50%); */
  }

  .floting-btn {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 12px;
    border-radius: 0 6px 6px 0;
  }
}

.tech-videos {
  display: grid;
  grid-template-columns: 1fr; /* Mobile = 1 column */
  gap: 20px;
}

@media (min-width: 768px) {
  .tech-videos {
    grid-template-columns: repeat(2, 1fr); /* Desktop = 2 columns */
  }
}

.video-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.video-col iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
}