/*-----------------------------------------------------------------------------------*/
/*	Buttons Styles
/*-----------------------------------------------------------------------------------*/

.button { text-transform: uppercase; padding: 10px 40px; color: #000000; background: none; font: 15px 'oswald', sans-serif; border: 3px solid #000000; display: inline-block;-webkit-transition:all 0.6s ease-in-out 0s;  -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s;}
.button:hover { color: #ff6347 !important; border-color: #ff6347 !important; }

.button.orange { color: #ff6347; border-color:#ff6347;}
.button.green {color: #80c16c; border-color:#80c16c;}
.button.yellow {color: #f7cb64; border-color:#f7cb64;}
.button.blue {color: #50d1f1; border-color:#50d1f1;}
.button.orange_lite {color: #f9a672; border-color:#f9a672;}
.button.green_two {color: #00ba84; border-color:#00ba84;}
.button.blue_dark {color: #468de4; border-color:#468de4;}
.button.navy {color: #9596b6; border-color:#9596b6;}
.button.blue_lite {color: #74c7fa; border-color: #74c7fa;}
.button.pink {color: #ff9994; border-color:#ff9994;}
.button.red {color: #f86268; border-color:#f86268;}
.button.purple {color: #a398ed; border-color:#a398ed;}
.button.gray {color: #8c919b; border-color:#8c919b;}

.full_btn {padding: 13.25px 43px !important; color: #ffffff !important; border: none !important; background: none; font: 15px 'oswald', sans-serif; background: #000000; display: inline-block; -webkit-transition:all 0.6s ease-in-out 0s; -moz-transition:all 0.6s ease-in-out 0s; -o-transition:all 0.6s ease-in-out 0s;}
.full_btn.button:hover { color: #ffffff !important; }

.full_btn.orange { background: #ff6347;}
.full_btn.green {background: #80c16c;}
.full_btn.yellow {background: #f7cb64;}
.full_btn.blue {background: #50d1f1;}
.full_btn.orange_lite {background: #f9a672;}
.full_btn.green_two {background: #00ba84;}
.full_btn.blue_dark {background: #468de4;}
.full_btn.navy {background: #9596b6;}
.full_btn.blue_lite {background: #74c7fa;}
.full_btn.pink {background: #ff9994;  }
.full_btn.red {background: #f86268;}
.full_btn.purple {background: #a398ed;}
.full_btn.gray {background: #8c919b;}


/*-----------------------------------------------------------------------------------*/
/*	Alerts Styles
/*-----------------------------------------------------------------------------------*/

.bar { position: relative; height: 45px; margin-bottom: 20px; padding: 0px 15px; }
.bar p  { padding-left: 32px; margin-bottom: 10px; font:400 15px 'lato', sans-serif; line-height: 45px; color: #ffffff;}
.bar p span {font-family: 'oswald', sans-serif; text-transform: uppercase;}
.bar a {font: 15px 'oswald', sans-serif; color: #ffffff; position: absolute; top: 50%; margin-top: -12px; right: 20px; }

.red {background: #ff6347;}
.blue {background: #74c7fa;}
.green {background: #80c16c;}
.yellow {background: #f7cb64;}

.red p {background: url("images/error.png") no-repeat left center;}
.blue p {background:url("images/info.png") no-repeat left center;}
.green p {background: url("images/succes.png") no-repeat left center;}
.yellow p {background: url("images/warning.png") no-repeat left center;}


/*-----------------------------------------------------------------------------------*/
/*	Tabs Styles
/*-----------------------------------------------------------------------------------*/

.tabs { margin-bottom: 45px; }
.tabs .ui-tabs-active { color: #1d9bcd; background: #FFF; border-bottom: 0px; }
.tabs > ul { margin-bottom: -2px; }
.tabs > ul > li { background: #f7f7f7;  border: 1px solid #e1e1e1; margin-right: -1px;-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition:  0.5s;  }
.tabs > ul > li a { padding: 11px 26px 11px 30px; display: block; text-decoration: none; color: #000; outline: 0px; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; -ms-transition: color 0.5s; transition: color 0.5s;  }



.tabs > ul .ui-state-active {border:none;}
.tabs > ul .ui-state-active a { color: #bf2c23;  border: 2px solid #bf2c23;}

.tab {  border: 1px solid #dddddd; padding: 15px; }
.tab p { margin-bottom: 10px; font:400 15px 'lato', sans-serif; line-height: 22px; color: #797b7f;}


/*-----------------------------------------------------------------------------------*/
/*	Toggles Styles
/*-----------------------------------------------------------------------------------*/

.toggle h5{ margin-bottom: 28px;border: 1px solid #eeecec; height: auto !important;}
.toggle h5 a{ padding-left: 38px !important; font:15px 'oswald', sans-serif; color: #000000;  background: #f7f7f7 url("images/plus.png") no-repeat 1% center; padding: 10px ;outline: none; display: block; }

.toggle div p  { margin-bottom: 10px; font:400 15px 'lato', sans-serif; line-height: 22px; color: #797b7f;}
.toggle div{ border: 1px solid #eeecec;height: auto !important;; border-top: 0px !important;; margin-top: -28px; padding: 28px 20px 20px; margin-bottom: 28px; }
.toggle h5 a:focus { outline: none; }

.toggle h5.ui-accordion-header-active {border-top:3px solid #ff6347;}
.toggle h5.ui-accordion-header-active a {   background: #f7f7f7 url("images/mins.png") no-repeat 1% center;}


/*-----------------------------------------------------------------------------------*/
/*	Skills Styles
/*-----------------------------------------------------------------------------------*/

.progress-title {font: 15px 'oswald', sans-serif; color: #000000; margin-bottom: 10px;}
.progress-title span { float: right; color: #797c80; }
.progress-bar { position: relative; margin-bottom: 18px; width: 100%; height: 10px; background: #f8f3f0;}
.progress-bar div {display: inline-block;  height: 10px; background: #ff6347;  color: #ffffff;position: absolute;}
.progress-bar .bar { padding: 0px; }


/*-----------------------------------------------------------------------------------*/
/*	Text Boxes Styles
/*-----------------------------------------------------------------------------------*/

.wild_banner { overflow: hidden; margin-bottom: 29px; }
.wild_banner div { padding: 20px; margin: 15px 15px; text-align: center; }
.wild_banner div h4 { margin-bottom: 15px; padding-bottom: 10px; display: inline-block; }
.wild_banner div p { font:400 15px 'lato', sans-serif; line-height: 24px; }
.wild_banner div p:last-child { margin-bottom: 0; }

.first_banner.wild_banner { background: #eeeff0; }
.first_banner.wild_banner div { border: 1px solid #000000; }
.first_banner.wild_banner div h4 { background: url("images/heading-bg2.png") bottom center no-repeat; color: #000000; }
.first_banner.wild_banner div p { color: #797b7f; }

.secnd_banner.wild_banner { background: #1f1f1f; }
.secnd_banner.wild_banner div { border: 1px solid #797c80;  }
.secnd_banner.wild_banner div h4 { background: url("images/heading-bg2-white.png") bottom center no-repeat; color: #ffffff; }
.secnd_banner.wild_banner div p {color: #797b7f; }

.thrd_banner.wild_banner { background: #ff6347; }
.thrd_banner.wild_banner div { border: 1px solid #ffffff;  }
.thrd_banner.wild_banner div h4 { background: url("images/heading-bg2-white.png") bottom center no-repeat; color: #ffffff; }
.thrd_banner.wild_banner div p {color: #ffffff; }


/*-----------------------------------------------------------------------------------*/
/*	Price Tables Styles
/*-----------------------------------------------------------------------------------*/

.price {text-align: center; border: 2px solid #000000; margin-bottom: 80px; margin-left: 16px !important;}
.price div{ border: 1px solid #000000; margin: 2px; padding: 30px 0px;}
.price h4 { margin-bottom: 10px; text-transform: uppercase; }
.price p{ padding: 0px 15px; margin-bottom: 20px; font:400 15px 'lato', sans-serif; line-height: 22px; color: #797b7f;}
.price strong { font: 26px 'oswald', sans-serif;  color: #ffffff; display: inline-block; margin-bottom: 20px; text-transform: uppercase; background: #797c80; padding: 30px;}
/*.price strong small { display: block; font-size: 15px;}*/
.price ul {border-bottom: 1px solid #000000; padding-bottom: 10px; margin:0 15px 30px;}
.price ul li { font: 15px 'oswald' sans-serif;  border-top: 1px solid #000000; color: #000000; padding-top: 10px; margin-top: 10px; }

.price.premium strong {background: #ff6347;}


/*-----------------------------------------------------------------------------------*/
/*	Text Banner Styles
/*-----------------------------------------------------------------------------------*/

.text_banner {border: 1px solid #babec5; border-left: 4px solid #ff6347; padding: 30px 0px; margin-bottom: 40px;}
.text_banner div { float: left; margin-left: 30px; width: 72% }
.text_banner a { float: right; margin-right: 30px;margin-top: 19px; }
.text_banner p  { margin-bottom: 10px; font:400 15px 'lato', sans-serif; line-height: 22px; color: #797b7f;}