@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);

@font-face {
font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;

}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/roboto-me.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  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';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(../fonts/roboto-italic.woff) format('woff');
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
outline-width:0px;
} 

.marginleft-5{margin-left: 5px !important;}
/* 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;}
.marginbot-12{ margin-bottom:12px!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;}
.margintop-23{ margin-top:23px!important;}
.paddingbot-0{ padding-bottom:0px!important;}
.paddingtop-20{ padding-top:20px!important;}
.paddingbot-20{ padding-bottom:20px!important;}
.paddingtop-5{padding-top: 5px !important;}
.marginbot-25{ margin-bottom:25px!important;}
.margintop-25{ margin-top:25px!important;}
.margintop-30{margin-top: 30px !important;}
.margintop-35{margin-top: 35px !important;}
.margintop-40{margin-top: 40px !important;}
.marginbot-30{margin-bottom: 30px !important;}
.margintop-70{margin-top: 70px !important;}
.margintop-110{margin-top: 110px !important;}
.margintop-112{margin-top: 112px !important;}
.paddingbot-30{padding-bottom: 30px !important;}
.paddingbot-60{padding-bottom: 60px !important;}
.marginbot-38{margin-bottom:38px!important;}
.margin-ver {margin: 10px 0px !important;}
.margin-hor {margin: 0px 10px !important;}
.margin-right-5{margin-right: 5px !important;}
.margin-right-8{margin-right: 8px !important;}

.marginleft-10{margin-left: 10px !important;}
.margin-left10{margin-left: 10px !important;}


/* Text Alignment CSS */   
.text-center{ text-align:center!important;} .text-left{ text-align:left!important;} .text-right{ text-align:right!important;}
.text-underline{ text-decoration:underline;}  .border-none{ border:0px !important;}
ul.unstyled,ol.unstyled {margin-left: 0;list-style: none;}

body {font:12px/18px 'HelveticaNeueRegular',Arial, Helvetica, sans-serif; background-color:#f6f2ef; color: #454545; margin:0; padding: 0; }

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;	margin: 0;}
dl { display:block; width:100%;}
h1, h2, h3, h4, h5, h6, p {margin: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding: 0px;padding: 0px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}
/* PARAGRAPH STYLES */
H1, H2, H3, H4, H5 {font-size:100%;	font-weight:normal;}
H1 {}
H2 {}
H3 {}
H4 {}
.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;}
.pagination {
    float: right;
    text-align: right;
    width: 450px;
}
.pagination b {
  background-color: #018cd5; color:#fff; border:1px solid #0177b4;
    font-weight: bold;
    line-height: 15px;
    padding: 3px 6px;
    width: 15px;
}
.pagination a {
  background:#f8f9fa; border:1px solid #e0dfdf; margin-left:2px; color:#bdbfc0;
    font-weight: bold;
    line-height: 15px;
  padding: 3px 6px;
    width: 15px;
}
a img {	border:none;}a{ color:#000000; text-decoration:none; }a:hover { text-decoration: none; color:#454545;}

fieldset, img {border:0;max-width: 100%;}
q:before, q:after {	content:'';}
header, section, footer, aside, nav, article, figure {display:block; margin:0px; padding:0px;}
input, textarea, select { margin-bottom: 3px; resize: none; padding:7px 10px; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;  background:#EFEFEF;border:0px solid #ddd; color:#000; font-family:inherit; font-size:inherit; font-weight:inherit;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
input, textarea, select {
 outline-width: 0px; 
}
}
input:-webkit-autofill { background-color: #000000; background-image:none !important; }


.clear {clear: both;}
/* Clear Floated Elements */
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;}
.clearfix:after { clear: both; }
.clearfix{ zoom: 1; }
.clearfix{clear:both;}
.lF {float:left;}
.rF {float:right;}
.border_none{border:0 solid #fff!important}
.margbot10{margin-bottom:10px!important;}
.margbot20{margin-bottom:20px!important;}
.error{font:normal 12px Arial, Helvetica, sans-serif; color:#f00;} 
.textright{text-align:right!important;}
/*.admin_btn{ background:url(../images/green_slice.png) repeat-x scroll 0 0 #FD9601;; border:none; text-transform:uppercase;
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; color:#FFFFFF;
font:normal 14px "Roboto", sans-serif, Arial; padding:5px 15px; cursor:pointer;}*/
.admin_btn{  display: inline-block;  *display: inline;  /*padding: 7px 12px; */ margin: 0;  *margin-left: .3em;   font-size:14px;  color: #fff;  
text-align: center;    vertical-align: middle;  cursor: pointer;   background:#e7084a url(../images/btn-pink-img.jpg) repeat-x left top;  *background-color: #e7084a;  border: 1px solid #e7084a;
/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/}
.admin_btn:hover{    color: #fff !important; background:#e0245c url(../images/btn-pink-hover.jpg) repeat-x left top; border: 1px solid #d80441; /*url(../images/btn-bg.png) repeat-x left top;  *background-color: #25a988;  border: 1px solid #1ba17f;*/}

.go_btn{  display: inline-block;  *display: inline;  padding: 4px 10px; padding: 5px 10px 6px\9; margin: 0;  *margin-left: .3em;   font-size:16px;  color: #fff;  
text-align: center;    vertical-align: middle;  cursor: pointer;   background:#e7084a url(../images/btn-pink-img.jpg) repeat-x left top;  *background-color: #e7084a;  border: 1px solid #e7084a;
/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/}
.go_btn:hover{    color: #fff !important; background:#e0245c url(../images/btn-pink-hover.jpg) repeat-x left top; border: 1px solid #d80441; /*url(../images/btn-bg.png) repeat-x left top;  *background-color: #25a988;  border: 1px solid #1ba17f;*/}
@media screen and (-webkit-min-device-pixel-ratio:0) {.go_btn{padding:5px 10px;}}

.bt_gray{background:url(../images/btn_blk_bg.jpg); border:1px solid #CFCFCF; text-transform:uppercase; color:#663900; font:normal 15px "Roboto", sans-serif, Arial; padding:4px 15px; cursor:pointer;}
.bt_gray:hover{background:url(../images/btn_blk_hover_bg.jpg) repeat left top;}
table{width: 100%; margin:0 auto; border-collapse: collapse; text-align:left; vertical-align:top; font:normal 12px Arial, Helvetica, sans-serif;
border:1px solid #E6E8EA;}
table th{ line-height: 30px; text-align: left; padding: 5px; border:1px solid #F31254;
background: #D60C47; vertical-align: top; color:#fff;font: 14px/25px "Roboto",sans-serif,Arial;}
table th a{color:#DEEBF4;}
table th a:hover{color:#fff;}
table td{line-height: 20px; padding: 5px; border: 1px solid #e6e8ea; vertical-align: top; background:#FFF}

/*-- Back to top button --*/
#back-top {position: fixed; bottom: 30px; right:12px;}
#back-top a {width: 51px; text-indent:-99999px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; ransition: 1s;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {width: 51px; height: 51px; display: block; margin-bottom: 7px; background: #b7b7b7 url(../images/up-arrow.png) no-repeat center center;/* rounded corners */ /* background color transition */ -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#back-top a:hover span {background-color: #777;}

.success_msg{background:#e3fbe7 url(../images/success_icon.png) no-repeat 10px 5px; border:1px solid #bafcc5; padding:5px 10px 5px 35px; color:#048d1b; font-size:13px; width:auto; margin:10px auto;}
.error_msg{background:#fed1d1 url(../images/alert_icon.png) no-repeat 10px 5px; border:1px solid #ffbcbc; padding:5px 10px 5px 35px; color:#cf0a0a; font-size:13px; width:auto; margin:10px auto;}

/*-- Footer --*/
.ft_outer_wrapp{background: #262627;} /* .ft_outer_wrapp{ border-top: 1px solid #C3CCCC; background: #262627;} */
.ft_outer_wrapp .copyright_box{line-height:50px; text-align:center; color:white; font-size:14px; font-family:'Roboto',sans-serif;}
.ft_outer_wrapp .pow_box{float:right; margin-right:50px;line-height:48px;}
.ft_outer_wrapp .pow_box img{margin-top:14px;}

/*.btn +.btn{margin: 0 5px 0 0px;}*/
.btn {
  display: inline-block;
  *display: inline;
  padding: 9px 12px;
  margin-bottom: 0;
  *margin-left: .3em; 
  font-size:14px; 
  line-height: 16px; 
  color: #fff;
  text-align: center;  
  vertical-align: middle;
  cursor: pointer;
 background:#e7084a url(../images/btn-pink-img.jpg) repeat-x left top;  *background-color: #e7084a; /* border: 1px solid #1ba17f;*/
 /* -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-border-radius:5px;-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;*/

behavior: url(PIE.htc)
}



@media screen and (-webkit-min-device-pixel-ratio:0){
.btn {padding: 9px 12px !important; background: #25a988 url(../images/btn-bg.png) repeat-x left top;}
}
.ie8 .btn{ padding: 6px 12px;}
.ie9 .btn{ padding: 4px 12px;}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {color: #fff;
  background:#e0245c url(../images/btn-pink-hover.jpg) repeat-x left top;
  *background: #e0245c;
  /*border: 1px solid #1ba17f;
  *border:  1px solid #1ba17f;*/
}

.input-border { border: 1px solid #D7D7D7;}

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

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

.btn:hover,
.btn:focus { 
  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 {}
.btn.active,
.btn:active {
  /*background-image: none;*/
  
  outline: 0;
}

.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: 7px 10px !important;
  font-size: 13px;
}
.ie9 .btn-small{padding: 5px 10px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn-small {
  padding: 5px 10px !important;
  font-size: 13px;
}
} 

.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);
}


.btn-primary {
 color: #fff !important;
 background:#25a988 url(../images/btn-bg.png) repeat-x left top;  *background-color: #25a988; /* border: 1px solid #19bfbb;*/
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff !important;
background:#18c5c1 url(../images/btn-green-hover.jpg) repeat-x left top;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #73b4df \9;
}
.btn-success{ color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;}
  
  
.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-white{ color: #80c2ed;
  background-color: #fff;
  *background-color: #fff;}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.btn-white.disabled,
.btn-white[disabled] {
   background:#80c2ed; border:1px solid #6db3e0; color:#fff;
}

.btn-white:active,
.btn-white.active {
   background:#80c2ed; border:1px solid #6db3e0; color:#fff;
}

.btn-info {
  color: #ffffff; 
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.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;
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #e1e1e1;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.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;
}
/*.ie8 button.btn,input[type="submit"].btn {padding: 3px 12px;}
.ie9 button.btn,input[type="submit"].btn { padding: 6px 12px;}*/
/* button.btn,input[type="submit"].btn { padding: 8px 12px;}*/
.ie8 input[type="submit"].btn { padding: 8px 12px;}
.ie9 input[type="submit"].btn { padding: 8px 12px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { input[type="submit"].btn {padding:6px 12px 6px 12px; margin: 0px; outline-width: 0px; }
} 

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 {
 
}
/*.ie9 button.btn.btn-large,input[type="submit"].btn.btn-large { padding-top: 4px;
  padding-bottom: 5px;}*/

button.btn.btn-small,
input[type="submit"].btn.btn-small {}

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;
}

hr{border:0; border-bottom:1px solid #E0DFDF; margin:10px 0;}

/*=================== MESSAHE=====================================*/
.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 2px;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    
}
.alert, .alert h4 {
    color: #C09853;
}
.alert h4 {
    margin: 0;
}
.alert .close {
    line-height: 20px;
    position: relative;
    right: -21px;
    top: -2px;
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-success h4 {
    color: #468847;
}
.alert-danger, .alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}
.alert-danger h4, .alert-error h4 {
    color: #B94A48;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
.alert-info h4 {
    color: #3A87AD;
}
.alert-block {
    padding-bottom: 14px;
    padding-top: 14px;
}
.alert-block > p, .alert-block > ul {
    margin-bottom: 0;
}
.alert-block p + p {
    margin-top: 5px;
}
.lF{float:left;}
.rF{float:right;}