html{
	position:relative; min-height:100%;
}

body{
	padding:0; margin:0; height:100%;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000;
}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	font-family: 'century-gothic-bold', arial, sans-serif; font-weight:normal; color:#000; 
}
p{
	margin-top:0; padding-top:0; padding-bottom:10px; line-height:20px
}
a{
	text-decoration:none; color:#d74318;font-family: 'century-gothic-bold', arial, sans-serif;
}
a:hover, a:focus{
	text-decoration:underline; color:#a20408;
	outline:none;
}


.main-page-wrapper{
	position:relative; width:100%; height:100%; min-height:100%;
}
.content-wrapper{
	max-width:1200px; margin:0 auto;
}

.f-left{ float:left}
.f-right{ float:right}
.t-center{ text-align:center;}
.t-right{ text-align:right}
.c-orange{ color:#e66a0e;font-weight:bold; font-size:24px}
.c-green{ color:#008000; font-weight:bold; font-size:24px}

.btn-orange{
	background:#df7503;
	border:#e66a0e solid 2px;
	padding:7px 15px 7px 15px;
	color:#fff;
	text-decoration:none !important;
	text-align:center;
}
.btn-orange:hover, .btn-orange:focus{
	background:#e66a0e ;
	color:#fff;
	text-decoration:none;
	outline:none;
}
.top-header{ margin-top:15px;}
.main-logo img{ height:55px}

.green-ribbon{
	background:#022461;
	 border-top:#669966 solid 1px;
	text-align:center; color:#FFF; font-family: 'century-gothic-bold';     font-size: 1.17em;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #083381 /*{a-bup-background-start}*/), to( #022461 /*{a-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important; /* FF3.6 */
	background-image:     -ms-linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important; /* IE10 */
	background-image:      -o-linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important; /* Opera 11.10+ */
	background-image:         linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important;

	}
.product-list-container{float:left; margin-bottom:50px; width:45%; padding-right:5%}

.product-list-icon-container{float:left; width:40%;}
.product-list-content-container{float:left; width:55%; padding-left:5%;}
.product-details-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.product-details-list li {
    background: url(../images/bullet_ro.jpg) no-repeat 0 5px;
    padding: 0 0 5px 15px;
    text-decoration: none;
    color: #555555;
}
.product-list-icon-container img{ width:100%}
ul.product-detail-list { padding-left:15px;}
ul.product-detail-list li{ margin:0; padding-bottom:7px}
.carousel-pager{display:block; padding:15px 0 15px 0; text-align:center;}
.carousel-pager a{*display:inline; display:inline-block; background:url(../images/bullet-nav.png) no-repeat top; margin:0 3px 0 3px; width:8px; height:8px; text-indent:-50px; overflow:hidden;}
.carousel-pager a:hover, .carousel-pager a.selected{*display:inline; display:inline-block; background:url(../images/bullet-nav.png) no-repeat 0px -8px;}

.main-footer-area-wrapper{
	position:absolute; width:100%; bottom:0; text-align:center;
}
.main-footer-container{border-top:1px solid #c4c4c4; padding-top:15px; padding-bottom:15px;color:#403f3f; font-size:12px; }
.main-footer-container-responsive{ display:none;border-top:1px solid #c4c4c4; line-height:18px;color:#403f3f; font-size:11px; padding-top:7px; padding-bottom:7px}








.left-form-container{width:60%; }
.right-form-container {width:35%;}
.title-textfield{width:20%; line-height:32px}
.dot-textfield{ width:2%; line-height:32px}
.textfield-container{width:78%}
.textfield-date-container{width:42.5%}
.textfield-date{ width:80%; margin-right:10px}
.date-icon{ width:32px; height:32px; margin-left:10px}

.title-right-form{
	background:#ffa366; text-transform:uppercase; line-height:32px; text-align:center; padding:10px}
.textfield-wrapper{
	width:100%;}
.textfiled-100{
	background:#FFF;
	width:100%;
	height:20px;
	line-height:20px;
	padding:5px;
	font-size:13px;
	border:#b8b8b8 solid 1px;
}
.textfiled-50{
	background:#FFF;
	width:50%;
	height:20px;
	line-height:20px;
	padding:5px;
	font-size:13px;
	border:#b8b8b8 solid 1px;
}
.form-container select{
	background:#FFF;
	width:51.9%;
	height:32px;
	padding:5px;
	font-size:13px;
	border:#b8b8b8 solid 1px;
}

.form-row{
	padding-bottom:8px;
}


.product-details-price-wrapper{ margin:10px 0px;}
.product-details-price-now-wrapper{ }
.product-details-price-header{float:left; width:40%}
.product-details-price-content{float:left; margin-left:10px;}





 /********************************************* //main top area *************************************************/
/********************************************* helper *************************************************/

.block-inline {
    display: inline-block;
}
.t-center {
    text-align: center;
}
.t-right {
    text-align: right;
}
.t-left {
    text-align: left;
}
.c-red {
    color: #e92030;
}
/********************************************* //helper *************************************************/
/********************************************* bootstrap override *************************************************/

.btn,
.form-control {
    border-radius: 0;
}

/********************************************* //bootstrap override *************************************************/


.topnav-wrapper{ background:#022461;
	 border-top:#669966 solid 1px;
	text-align:center; color:#FFF; font-family: 'century-gothic-bold';     font-size: 1.17em;

	background-image: -webkit-gradient(linear, left top, left bottom, from( #083381 /*{a-bup-background-start}*/), to( #022461 /*{a-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important; /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important; /* FF3.6 */
	background-image:     -ms-linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important; /* IE10 */
	background-image:      -o-linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important; /* Opera 11.10+ */
	background-image:         linear-gradient( #083381 /*{a-bup-background-start}*/, #022461 /*{a-bup-background-end}*/) !important;
 }
.topnav-cs-wrapper{padding:10px 0px; text-align:center}
.topnav {
  overflow: hidden;
  background-color: #022461;
}
.topnav-menu-wrapper{	width: 560px;
	margin: auto;}
.topnav-menu-wrapper a{ text-align:center}

.topnav a {
  float: left;
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.topnav a:hover {
  background-color: #083381;
}

.active {
  background-color: #083381;
}

.topnav .icon {
  display: none;
}




        .pagination {
            display: inline-block;
        }

        .pagination a {
            float: left;
            padding: 8px 16px;
            text-decoration: none;
            border: 1px solid #ddd;
        }

        .pagination a.active {
            background-color: #e66a0e;
            color: white;
            border: 1px solid #e66a0e;
        }

        .pagination a:hover:not(.active) {background-color: #ddd;}

        .pagination a:first-child {
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .pagination a:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }


.error-message{
	width: 60%;
	border: solid 2px #cc0000;
	background: #ff8080;
	background: -webkit-linear-gradient(#ffcccc, ff8080, #ffcccc);
	background: -o-linear-gradient(#ffcccc, #ff8080, #ffcccc);
	background: -moz-linear-gradient(#ffcccc, #ff8080, #ffcccc);
	background: linear-gradient(#ffcccc, #ff8080, #ffcccc);
	padding: 10px;
	-moz-border-radius:	10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0;
	text-align: justify;
	line-height: 23px;
	color: #cc0000;
	font-size: 14px;
}

.clear{ clear:both !important}

/********************************************* responsive breakpoints *************************************************/
@media screen and (max-width:1367px) {
}


@media screen and (max-width:1311px) {
}


@media screen and (max-width:1231px) {
}


@media screen and (max-width:1153px) {

	.left-form-container{ width:100%; padding:0; }
	.right-form-container{ width:100%; padding:0}

	.textfield-container{width:65%;}
	.title-textfield { width:30%}
	.textfiled-50{ width:100%}

	.textfield-date-container{width:68%}
	.textfield-date{ width:90.5%;}


	.form-container select{ width:102%}

	.schedule-container{     width: 23%;
    padding-right: 2%;
    float: left;
}

	.error-message{width: 96%;}
}


@media screen and (max-width: 1024px) {
}

@media screen and (max-width:931px) {
	.left-form-container{ width:100%; padding:0; }
	.right-form-container{ width:100%; padding:0}

	.textfield-container{width:65%;}
	.title-textfield { width:30%}
	.textfiled-50{ width:100%}
	.form-container select{ width:102%}
}
@media screen and (max-width: 900px) {
}
@media screen and (max-width:865px) {
	.product-list-container{ width:100%}
	.product-list-icon-container{float:left; width:40%;}
	.product-list-content-container{float:left; width:55%; padding-left:5% !important;}
	.product-details-price-header {width: 25% !important;}

	/*.product-list-icon-container { width: 100%;}
	.product-list-content-container { width: 100%;padding-left:0px !important;}
	.product-details-price-header {width: 25%;}.schedule-container{ width:40%;}*/


	.textfield-date{ width:88%;}




}


@media screen and (max-width:772px) {

	.textfield-date{ width:85%;}
}

@media screen and (max-width: 760px) {

	}
@media screen and (max-width:755px) {

}
@media screen and (max-width: 700px) {
		.product-details-price-header {width: 30%;}

}
@media screen and (max-width:669px) {

	.schedule-container{ width:40%; padding-right:50px; }

}
@media screen and (max-width: 640px) {
}
@media screen and (max-width:601px) {
	.topnav-menu-wrapper{	width:auto !important;
	margin:0 !important;}

 	.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

	.product-details-price-header {width:35% !important;}

	.textfield-date{ width:84%;}

}


@media screen and (max-width:551px) {
	.product-details-price-header {width:40% !important;}

	.top-header img { height:55px;}
	.green-ribbon h3{ font-size:13px}

	.schedule-container{  padding-right:40px; }

	.textfield-date{ width:81%;}

}
@media screen and (max-width: 480px) {

}
@media screen and (max-width:471px) {
	.green-ribbon h3{ font-size:12px}
	.main-footer-container{ display:none}
	.main-footer-container-responsive{ display:block}


	.textfield-date{ width:78%;}

	.schedule-container{ width:100% }

	.error-message{width: 94%;}
}

@media screen and (max-width:401px) {

	.product-list-icon-container { width: 100% !important;}
	.product-list-content-container { width: 100%;padding-left:0px !important;}
	.product-details-price-header {width: 25% !important;}

	.green-ribbon h3{ font-size:11px}

	.left-form-container{ width:100%; padding:0; }
	.right-form-container{ width:100%; padding:0}
	.textfield-container{width:95%;}
	.title-textfield { width:100%}
	.dot-textfield { display:none}

	.textfield-date-container{width:100%}
	.textfield-date{ width:85%;}

	.textfiled-50{ width:100%}
	.form-container select{ width:105%}

	.error-message{width: 92%;}

}
@media screen and (max-width:361px) {
	.green-ribbon h3{ font-size:10px}


}


@media screen and (max-width:331px) {
	.top-header img { height:45px;}


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

/********************************************* //responsive breakpoints *************************************************/
