/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.1.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/


.btn-blue { margin-bottom: 10px; display: block; border-color: #3697d9; color: #3697d9;  }
.btn-blue:hover,
.btn-blue:focus { background-color: #338dca; color: #fff; border-color: #338dca; }
.btn-brown { margin-bottom: 10px; display: block; border-color: #91633c; color: #91633c;  }
.btn-brown:hover,
.btn-brown:focus { background-color: #795332; color: #fff; border-color: #795332; }
.btn-cool-green { margin-bottom: 10px; display: block; border-color: #21bb9d; color: #21bb9d;  }
.btn-cool-green:hover,
.btn-cool-green:focus { background-color: #1ea88d; color: #fff; border-color: #1ea88d; }
.btn-dark-cyan { margin-bottom: 10px; display: block; border-color: #2aa4a5; color: #2aa4a5;  }
.btn-dark-cyan:hover,
.btn-dark-cyan:focus { background-color: #248d8e; color: #fff; border-color: #248d8e; }
.btn-dark-red { margin-bottom: 10px; display: block; border-color: #992020; color: #992020;  }
.btn-dark-red:hover,
.btn-dark-red:focus { background-color: #681313; color: #fff; border-color: #681313; }
.btn-gold { margin-bottom: 10px; display: block; border-color: #c7ac56; color: #c7ac56;  }
.btn-gold:hover,
.btn-gold:focus { background-color: #b0984d; color: #fff; border-color: #b0984d; }
.btn-gray { margin-bottom: 10px; display: block; border-color: #809398; color: #809398;  background-color: transparent; }
.btn-gray:hover,
.btn-gray:focus { background-color: #6e7e82; color: #fff; border-color: #6e7e82; }
.btn-green { margin-bottom: 10px; display: block; border-color: #24a828; color: #24a828;  }
.btn-green:hover,
.btn-green:focus { background-color: #1f9123; color: #fff; border-color: #1f9123; }
.btn-light-blue { margin-bottom: 10px; display: block; border-color: #09afdf; color: #09afdf;  }
.btn-light-blue:hover,
.btn-light-blue:focus { background-color: #0c9ec7; color: #fff; border-color: #0c9ec7; }
.btn-orange { margin-bottom: 10px; display: block; border-color: #e07e27; color: #e07e27;  }
.btn-orange:hover,
.btn-orange:focus { background-color: #cc7324; color: #fff; border-color: #cc7324; }
.btn-pink { margin-bottom: 10px; display: block; border-color: #dd7b9b; color: #dd7b9b;  }
.btn-pink:hover,
.btn-pink:focus { background-color: #c9718e; color: #fff; border-color: #c9718e; }
.btn-purple { margin-bottom: 10px; display: block; border-color: #ab6cc6; color: #ab6cc6;  }
.btn-purple:hover,
.btn-purple:focus { background-color: #9760af; color: #fff; border-color: #9760af; }
.btn-red { margin-bottom: 10px; display: block; border-color: #dc5b5b; color: #dc5b5b;  }
.btn-red:hover,
.btn-red:focus { background-color: #c15050; color: #fff; border-color: #c15050; }
.btn-vivid-red { margin-bottom: 10px; display: block; border-color: #c82727; color: #c82727;  }
.btn-vivid-red:hover,
.btn-vivid-red:focus { background-color: #b42424; color: #fff; border-color: #b42424; }


.txt-clr-black { color: #111111;  }

.btn-clr-blue {border-color: #3697d9; color: #3697d9;  }
.btn-clr-blue:hover,
.btn-clr-blue:focus { background-color: #338dca; color: #fff; border-color: #338dca; }
.btn-clr-brown {border-color: #91633c; color: #91633c;  }
.btn-clr-brown:hover,
.btn-clr-brown:focus { background-color: #795332; color: #fff; border-color: #795332; }
.btn-clr-cool-green {border-color: #21bb9d; color: #21bb9d;  }
.btn-clr-cool-green:hover,
.btn-clr-cool-green:focus { background-color: #1ea88d; color: #fff; border-color: #1ea88d; }
.btn-clr-dark-cyan {border-color: #2aa4a5; color: #2aa4a5;  }
.btn-clr-dark-cyan:hover,
.btn-clr-dark-cyan:focus { background-color: #248d8e; color: #fff; border-color: #248d8e; }
.btn-clr-dark-red {border-color: #992020; color: #992020;  }
.btn-clr-dark-red:hover,
.btn-clr-dark-red:focus { background-color: #681313; color: #fff; border-color: #681313; }
.btn-clr-gold {border-color: #c7ac56; color: #c7ac56;  }
.btn-clr-gold:hover,
.btn-clr-gold:focus { background-color: #b0984d; color: #fff; border-color: #b0984d; }
.btn-clr-gray {border-color: #809398; color: #809398;  background-color: transparent; }
.btn-clr-gray:hover,
.btn-clr-gray:focus { background-color: #6e7e82; color: #fff; border-color: #6e7e82;  }
.btn-clr-green {border-color: #24a828; color: #24a828;  }
.btn-clr-green:hover,
.btn-clr-green:focus { background-color: #1f9123; color: #fff; border-color: #1f9123; }
.btn-clr-light-blue {border-color: #09afdf; color: #09afdf;  }
.btn-clr-light-blue:hover,
.btn-clr-light-blue:focus { background-color: #0c9ec7; color: #fff; border-color: #0c9ec7; }
.btn-clr-orange {border-color: #e07e27; color: #e07e27;  }
.btn-clr-orange:hover,
.btn-clr-orange:focus { background-color: #cc7324; color: #fff; border-color: #cc7324; }
.btn-clr-pink {border-color: #dd7b9b; color: #dd7b9b;  }
.btn-clr-pink:hover,
.btn-clr-pink:focus { background-color: #c9718e; color: #fff; border-color: #c9718e; }
.btn-clr-purple {border-color: #ab6cc6; color: #ab6cc6;  }
.btn-clr-purple:hover,
.btn-clr-purple:focus { background-color: #9760af; color: #fff; border-color: #9760af; }
.btn-clr-red {border-color: #dc5b5b; color: #dc5b5b;  }
.btn-clr-red:hover,
.btn-clr-red:focus { background-color: #c15050; color: #fff; border-color: #c15050; }
.btn-clr-vivid-red {border-color: #c82727; color: #c82727;  }
.btn-clr-vivid-red:hover,
.btn-clr-vivid-red:focus { background-color: #b42424; color: #fff; border-color: #b42424; }

.txt_float_left {float:left;}
.txt_float_right {float:right;}
.img_top {vertical-align: text-top;}
.img_center {vertical-align:middle;}

.img_inline {display: inline; }
.img_inline_grid {display: inline-grid}

.p-10 {
    padding: 10px;
}

.p-5 {
    padding: 5px;
}

.banner_300_100
{ width: 300px; height: 100px;}

.banner_250_250
{ width: 250px; height: 250px;}