/* BEGIN CSS RESET */
@import url(reset.css);

/* FONTS */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic&subset=latin,cyrillic);



/* COMMON STYLE */
body {
	background: #f8f8f8;  
	color: #333;
	font-family: "Roboto",sans-serif;
	font-size: 15px;
	font-weight: 300;
	line-height: 1.43;
	overflow-x: hidden;
}

a {
  color: #f77a52;
}

a:hover, 
a:active, 
a:focus {
  color: #f77a52 !important;
  outline: none; 
  text-decoration: none;
}

sup, small {
  font-size: 75%;
}

a, 
img, 
input, 
textarea, 
button {
  transition: all 0.4s ease 0s;
}


input, 
textarea, 
select, 
button {
  outline: none;
}


/* H1 - H6 */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-size: 12px;
}

fieldset {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 30px 0;
    padding: 30px;
}

code {
    background-color: #f9f2f4;
    border-radius: 4px;
    color: #c7254e;
    font-family: "Roboto",sans-serif;
    font-size: 90%;
    padding: 2px 4px;
}


/* FORMS */
label {
    display: inline-block;
    margin-bottom: 5px;
}


input[type="text"], 
input[type="email"], 
input[type="password"], 
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #aaa;
	display: inline-block;
	font-size: 15px !important;
	font-weight: 300;
	margin: 8px 0 16px;
	outline: medium none;
	padding: 8px 16px;
	text-shadow: none;
	width: 100%;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus, 
textarea:focus {
    border-color: #bbb;
}

textarea {
  resize: vertical;
}

/* SELECT */
select {
  background-image: url('/img/select-arrow.png');
  background-position: 95% 50%;
  background-repeat: no-repeat;
  border: 1px solid #ddd;
  border-radius: 2px;
  color: #aaa;
  cursor: pointer;
  margin: 8px 0 16px;
  max-width: 150px;
  padding: 8px 45px 8px 16px;
  /*for WebKit*/
  -webkit-appearance: none;
  /* for FF */
  -moz-appearance: none;
  text-indent: 0.01px; 
  text-overflow: '...';
  /* for IE */
  -ms-appearance: none;
  appearance: none !important;
}
     
select::-ms-expand {
  display: none;
}


/* BUTTONS */
input[type="button"], 
input[type="submit"], 
input[type="reset"], 
button {
	background-color: #f77a52;
	border: none;
	border-radius: 2px;
	color: #fff !important;
	display: inline-block;
	font-size: inherit;
	font-weight: 300;
	margin: 6px 0;
	padding: 8px 16px;
}

input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover, 
button:hover {
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.15) inset;
}

.btn {
	border: 2px solid #f77a52 !important;
	border-radius: 2px;
	box-shadow: none !important;
	color: #fff !important;
	display: inline-block;
	font-size: 15px;
	font-weight: 300;
	margin: 5px 0;
	padding: 8px 16px;
}

.btn:hover,
.btn:active,
.btn:focus {
	color: #fff !important;
}




/* button colors */
.btn-default {
	background-color: #f77a52 !important;
	border-width: 0 !important;
}

.btn-default:hover {
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.15) inset !important;
}

.btn-default.btn-bordered {
	color: #f77a52 !important;
}

.btn-default.btn-bordered:hover {
	background-color: #f77a52 !important;
	box-shadow: 0 0 100px rgba(0, 0, 0, 0.15) inset !important;
}

.btn-icon.btn-default,
.btn-bordered.btn-default {
	border-width: 2px !important;
}

.btn-icon.btn-default:hover {
	border-color: rgba(0, 0, 0, 0.1) !important;
}



.btn-white {
	background-color: #fff !important;
	border-color: #fff !important;
}

.btn-white:hover {
	background-color: #fff !important;
	border-color: #fff !important;
}

.btn-white.btn-bordered {
	color: #fff !important;
}

.btn-white.btn-bordered:hover {
	color: #333 !important;
}



.btn-red {
	background-color: #d73d32 !important;
	border-color: #d73d32 !important;
}

.btn-red:hover {
	background-color: #c13636 !important;
	border-color: #c13636 !important;
}

.btn-red.btn-bordered {
	color: #d73d32 !important;
}



.btn-orange {
	background-color: #ffa500 !important;
	border-color: #ffa500 !important;
}

.btn-orange:hover {
	background-color: #e99702 !important;
  	border-color: #e99702 !important;
}

.btn-orange.btn-bordered {
	color: #ffa500 !important;
}



.btn-green {
	background-color: #5cb85c !important;
	border-color: #5cb85c !important;
}

.btn-green:hover {
	background-color: #449d44 !important;
	border-color: #449d44 !important;
}

.btn-green.btn-bordered {
	color: #5cb85c !important;
}



.btn-verditer {
	background-color: #6ac59c !important;
	border-color: #6ac59c !important;
}

.btn-verditer:hover {
	background-color: #5cb08a !important;
	border-color: #5cb08a !important;
}

.btn-verditer.btn-bordered {
	color: #6ac59c !important;
}



.btn-blue {
	background-color: #2980B9 !important;
	border-color: #2980B9 !important;
}

.btn-blue:hover {
	background-color: #236D9E !important;
	border-color: #236D9E !important;
}

.btn-blue.btn-bordered {
	color: #2980B9 !important;
}



.btn-purple {
	background-color: #8f64a2 !important;
	border-color: #8f64a2 !important;
}

.btn-purple:hover {
	background-color: #7c528f !important;
	border-color: #7c528f !important;
}

.btn-purple.btn-bordered {
	color: #8f64a2 !important;
}



.btn-pink {
	background-color: #fe8faf !important;
	border-color: #fe8faf !important;
}

.btn-pink:hover {
	background-color: #fe7aa0 !important;
	border-color: #fe7aa0 !important;
}

.btn-pink.btn-bordered {
	color: #fe8faf !important;
}



/* button variations */
.btn-lg {
    font-size: 18px !important;
    padding: 18px 20px !important;
}

.btn-sm {
    font-size: 13px !important;
    padding: 4px 10px !important;
}

.btn-block {
    /*
    display: block !important;
    */
    text-align: center;
    width: 100%;
}

.btn-bordered {
	background-color: transparent !important;
}

.btn-bordered:hover {
	color: #fff !important;
}



.btn-icon {
    height: 41px;
    padding-right: 55px !important;
    position: relative;
}

.btn-icon.btn-lg {
    height: 66px;
    padding-right: 85px !important;
}

.btn-icon.btn-sm {
    height: 31px;
    padding-right: 40px !important;
}

.btn-icon .fa {
    background-color: rgba(0, 0, 0, 0.075);
    border-radius: 0 2px 2px 0;
    height: 41px;
    line-height: 41px;
    position: absolute;
    right: -2px;
    text-align: center;
    top: -2px;
    width: 41px;

    transition: all 0.4s ease 0s;
}

.btn-icon.btn-lg .fa {
    height: 66px;
    line-height: 66px;
    width: 66px;
}

.btn-icon.btn-sm .fa {
    height: 31px;
    line-height: 31px;
    width: 31px;
}

.btn-icon.btn-bordered .fa {
	background-color: transparent;
	border: 2px solid;
	line-height: 37px;
}

.btn-icon.btn-bordered:hover .fa {
	background-color: rgba(0, 0, 0, 0.075);
	border-color: transparent;
}

.btn-icon.btn-bordered.btn-lg .fa {
	line-height: 62px;
} 

.btn-icon.btn-bordered.btn-sm .fa {
	line-height: 27px;
} 


/* ALERTS */
.alert {
  border: 1px solid transparent;
  border-radius: 2px;
  margin: 15px 0;
  padding: 15px;
}

.alert-title {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 7.5px;
}

.alert .alert-link {
    font-weight: normal;
}

.alert-green {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-green .alert-link {
    color: #2b542c;
}

.alert-blue {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-blue .alert-link {
    color: #245269;
}

.alert-yellow {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-yellow .alert-link {
    color: #66512c;
}

.alert-red {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-red .alert-link {
    color: #843534;
}