body { font-size:13px; font-family: 'Roboto', sans-serif;  margin: 0; padding:0; color: #000000;background:#efece8; }

ul, ol, dl ,dd,dt {padding: 0;margin: 0; /*list-style:none;*/} h1, h2, h3, h4, h5, h6, p {padding:0px;margin:0px; font-weight: 300;}
ul, ol {margin-left:12px; }
a img {	border:none;}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {display:block; margin:0px; padding:0px;}
:focus {outline: 0;}fieldset, img {border:0;}q:before, q:after { content:'';} img{max-width: 100%;vertical-align: middle;border:0;-ms-interpolation-mode: bicubic;}

a img {	border:none;}
a{ color:#4ea500; text-decoration:none;-webkit-transition: All 0.8s ease;
  -moz-transition: All 0.8s ease;
  -o-transition: All 0.8s ease;
  -ms-transition: All 0.8s ease;
  transition: All 0.8s ease;}a:hover { text-decoration: none; color:#000;}

/* Float css */
.pull-left {float:left!important;} .pull-right{ float:right!important;} .pull-none{ float:none!important;}

.clearfix {  *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }

/* Margin CSS */
.margin_none{ margin:0px!important;}
.marginbot_5{ margin-bottom:5px!important;}
.margintop_5{ margin-top:5px!important;}
.marginbot_10{ margin-bottom:10px!important;}
.margintop_10{ margin-top:10px!important;}
.marginbot_15{ margin-bottom:15px!important;}
.margintop_15{ margin-top:15px!important;}
.marginbot_20{ margin-bottom:20px!important;}
.margintop_20{ margin-top:20px!important;}
.marginbot_25{ margin-bottom:25px!important;}
.margintop_25{ margin-top:25px!important;}

/* Text Style CSS*/
.textnormal{ font-weight:normal!important;}.textbold{ font-weight:bold!important;}.textitalic{ font-style:italic!important;}

/* Text Transform CSS*/
.textupper{ text-transform:uppercase!important;} .textlower{ text-transform:lowercase!important;} .textcapatalize{ text-transform:capitalize!important;}
/* Button CSS - write site matching button here */

/* Text Alignment CSS */   
.textcenter{ text-align:center!important;} .textleft{ text-align:left!important;} .textright{ text-align:right!important;}
.text-underline{ text-decoration:underline;}  .border-none{ border:0px !important;}

/* FontSize */
.font11{ font-size:11px!important;}.font14{ font-size:14px!important;}.font16{ font-size:16px!important;}.font18{ font-size:18px!important;}.font20{ font-size:20px!important;}.font22{ font-size:22px!important;}.font24{ font-size:24px!important;}
.font26{ font-size:26px!important;}.font28{ font-size:26px!important;}

/*Back to top button */
#back-top{position: fixed; bottom:320px; right:20px;}
#back-top a{width:31px; display: block;/* background color transition */-webkit-transition: 1s;-moz-transition: 1s;transition: 1s; text-indent:-9999px;}
#back-top a:hover{color: #000;}
#back-top span { width:31px; height:39px; display: block; background:url(../img/topimg.png) no-repeat right top; -webkit-transition: 1s;	-moz-transition: 1s; transition: 1s;}
#back-top span:hover{ background:url(../img/topimg-hov.png) no-repeat right top;}

/*Breadcrumb*/
.breadcrumb {list-style:none outside none; margin: 15px 0 15px;   /*border-bottom:1px solid #E8E8E8;*/}
.breadcrumb > li {padding: 0;display:inline-block; color:#7e7e7e; background:url(../images/breadcrumbs-sep.png)no-repeat right center; padding-right:5px; margin-right:5px}
.breadcrumb > li > .divider {}
.breadcrumb > li  a{color:#4ea500; padding-right:6px;font: italic 13px 'Roboto Light',sans-serif;}
.breadcrumb > li  a:hover{color:#000;}
.breadcrumb > .active {color:#000; background:none;font: italic 13px 'Roboto Light',sans-serif;}


/*Pagination*/
.pagination {  }
.pagination ul { display: inline-block; margin-bottom: 0; margin-left: 0;}
.pagination ul > li {display: inline;}
.pagination ul > li > a, .pagination ul > li > span {   
 float: left; line-height: 20px; padding: 2px 7px; text-decoration: none;  margin-left:2px; color:#353535;}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {  color:#808080;  }
.pagination ul > .active > a, .pagination ul > .active > span { color: #808080; cursor: default;}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {background-color: transparent; color: #999; cursor: default;}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {}
.pagination-centered {text-align: center;}
.pagination-right {float: right; padding-top: 5px; text-align: right;}
.pagination-right a{ float: left; line-height: 20px; padding: 2px 9px; font: 14px 'Roboto Light',sans-serif;text-decoration: none; margin-left:2px; color:#353535;}
.pagination-right a:hover{ color:#808080;  }
.pagination-right b{ color:#fff; float:left ;line-height: 20px; padding: 2px 9px; }










input[placeholder], [placeholder], *[placeholder] {color: #7C7C7C;}
::-webkit-input-placeholder {color: #7C7C7C;}
:-moz-placeholder { /* Firefox 18- */color: #7C7C7C;}
::-moz-placeholder {  /* Firefox 19+ */ color: #7C7C7C;}
:-ms-input-placeholder {color: #7C7C7C;}



/*=================== MESSAHE=====================================*/
.alert {background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius:4px; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.alert, .alert h4 {color: #C09853;}
.alert-success {background-color: #DFF0D8; border-color: #D6E9C6; color: #468847;}
.alert-info {background-color: #D9EDF7; border-color: #BCE8F1; color: #3A87AD;}
.alert-danger, .alert-error {background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48;}







/* Fonts */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(../fonts/roboto-condensed.woff) format('woff');
}

@font-face {
  font-family: 'Roboto Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Regular'), local('Roboto-Regular'), url(../fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Medium';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/Roboto-Medium.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/roboto-bold.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Italic';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto-italic.woff) format('woff');
}

@font-face {
  font-family: 'Roboto Light';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Light'), local('Roboto Light'), url(../fonts/Roboto-Light.woff) format('woff');
}

@font-face {
  font-family: 'RobotoSlab Regular';
  font-style: normal;
  font-weight: 400;
  src: local('RobotoSlab Regular'), local('RobotoSlab Regular'), url(../fonts/RobotoSlab-Regular.woff) format('woff');
}

@font-face {
  font-family: 'Roboto Condensed Light';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto Condensed Light'), local('Roboto Condensed Light'), url(../fonts/robotocondensed-light-webfont.woff) format('woff');
}


@font-face {
  font-family: 'Roboto Condensed Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Roboto Condensed Regular'), local('Roboto Condensed Regular'), url(../fonts/robotocondensed-regular-webfont.woff) format('woff');
}

/* Normal */
@font-face {
font-family: "Roboto Condensed Regular";
font-style: normal;
font-weight: 400;
src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(../fonts/RobotoCondensed-Regular.ttf) format('truetype');
}
@font-face {
font-family: "Roboto Condensed";
font-style: italic;
font-weight: 400;
src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(../fonts/RobotoCondensed-Italic.ttf) format('truetype');
}





/* Webkit Only */
input[type="file"] {background: none repeat scroll 0 0 #fff; border: 1px solid #dfdfdf;   box-sizing: border-box;   padding: 9px;    position: relative;    width: 71%;}
input[type=file]::-webkit-file-upload-button {width: 0; padding: 0; margin: 0;-webkit-appearance: none; border: none;}
input[type="file"]:active:after {box-shadow:none;}


.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Browse';
  display: inline-block;
  background:#bababa;
  padding: 10px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
    font-weight: 700;
  font-size: 12px;
  color:#000;	
float:right;  
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

















/* BUTTON CSS  Only */



.input-box {width:290px; background-color:#ECECE3; padding:8px 10px; color: #454545; border:1px solid #E1E1D9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
.textarea-box {width:290px; height:100px; font-family:arial; font-size:13px; resize:none; background-color:#ECECE3; padding:8px 10px; color: #454545; border:1px solid #E1E1D9; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}

.btn {
  display: inline-block;
  *display: inline;
  padding: 7px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  text-transform:capitalize!important;
  font-size:15px;
  font-family: 'Antic Regular',sans-serif; !important;
  /*line-height: 20px;*/
  color: #000;
  text-align: center;  
  vertical-align: middle;
  cursor: pointer;
  background-color: #9d9d9d;
  border:none; font: 14px 'Roboto Light',sans-serif;
 
  
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #b9b9b9;
  *background-color: #b9b9b9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  /*background-position: 0 -15px;*/
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  /*outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;*/
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px!important;
  font-size: 17.5px;}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
{
  color: rgba(255, 255, 255, 0.75);
}

.rightmargin{margin-right:5px;}
.margin-right{margin-right:10px;}

.btn-search {
  color: #ffffff;
  background-color: #154b86;
  *background-color: #154b86;
  border:0;padding:8px 12px;
  
 
}


.btn-search:hover,
.btn-search:focus,
.btn-search:active,
.btn-search.active,
.btn-search.disabled,
.btn-search[disabled] {
  color: #ffffff;
  background-color: #0066ae;
  *background-color: #0066ae;padding: 8px 12px;
}



.btn-primary {
  color: #000;
  background-color: #fad60e;
  *background-color: #fad60e;
  border:0;padding: 6px 12px;
 font: 18px 'Roboto Light',sans-serif;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #000;
  background-color: #c8ab09;
  *background-color: #c8ab09;padding: 6px 12px;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #c8ab09 \9;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    border-left-color: #2f96b4;
    border-right-color: #2f96b4;
    border-top-color: #2f96b4;
    border-bottom-color: #1f6377;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #444444, #222222);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}