/*

* ----------------------------------------------------------------------------------------

* 01.GLOBAL STYLE

* ----------------------------------------------------------------------------------------

*/



body {

    font-size: 14px;

    font-weight: 300;

    height: 100%;

    font-family: 'Open Sans', sans-serif;

}



html,

body {

    height: 100%

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Poppins', sans-serif;

}



.cor_links a,

.cor_links a:link,

.cor_links a:active,

.cor_links a:visited,

.cor_links a:focus{

	color:#222;

	text-decoration:none;

	cursor:pointer;

	transition:0.3s;

	font-weight:800;

}



.cor_links a:hover{

	color:#008fe0

}



a {

    text-decoration: none;

    -webkit-transition: all 0.4s;

    -webkit-transition: all 0.2s;

    transition: all 0.2s;

}



img {

    width: 100%;

}



a:hover {

    text-decoration: none;

}



a:focus {

    outline: none;

    text-decoration: none;

}



p {

    line-height: 28px;

}



ul,

li {

    margin: 0;

    padding: 0;

}



fieldset {

    border: 0 none;

    margin: 0 auto;

    padding: 0;

}



.no-padding {

    padding: 0

}



.text-blue{

	color: #008fe0;	

}



.section-padding {

    padding: 100px 0px;

}



.section-title {

    margin-bottom: 60px;

    text-align: center;

}



.section-title h2 {

    font-size: 40px;

    text-transform: capitalize;

    margin-bottom: 0px;

    font-weight: 800;

    margin-top: 0;

}





a.read-more {

    display: inline-block;

    color: #fff;

    padding: 12px 25px;

    text-transform: uppercase;

    font-size: 14px;

    border: 1px solid #008fe0;

    background-color: #008fe0;

    font-weight: 800;

    letter-spacing: 0.3px;

    box-shadow: 0px 0px 70px rgba(29, 24, 24, 0.09);

    border-radius: 5px;

}



a.read-more:hover {

    background: transparent;

    color: #000;

    border: 1px solid #008fe0;

    -webkit-transition: .3s;

    transition: .3s;

}



.scrollup {

    border-radius: 50%;

    height: 40px;

    width: 40px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    position: fixed;

    bottom: 30px;

    right: 30px;

    line-height: 40px;

    cursor: pointer;

    display: none;

    z-index: 2;

    background: #008fe0;

}



.scrollup:hover {

    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);

    -webkit-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out;

}





/*

* ----------------------------------------------------------------------------------------

* 02.PRELOADER & BOUNCE CCS STYLE

* ----------------------------------------------------------------------------------------

*/



.preloader-area {

    position: fixed;

    background: #fff;

    z-index: 11000;

    height: 100%;

    width: 100%;

    overflow: hidden;

}



.spinner {

    margin: auto;

    width: 40px;

    height: 40px;

    position: relative;

    text-align: center;

    position: absolute;

    left: 50%;

    right: 50%;

    margin-left: -20px;

    top: 50%;

    -webkit-animation: sk-rotate 2.0s infinite linear;

    animation: sk-rotate 2.0s infinite linear;

}



.dot1,

.dot2 {

    width: 60%;

    height: 60%;

    display: inline-block;

    position: absolute;

    top: 0;

    background-color: #008fe0;

    border-radius: 100%;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;

    animation: sk-bounce 2.0s infinite ease-in-out;

}



.dot1 {

    background-color: #008fe0;

}



.dot2 {

    top: auto;

    background-color: #000;

    bottom: 0;

    -webkit-animation-delay: -1.0s;

    animation-delay: -1.0s;

}



@-webkit-keyframes sk-rotate {

    100% {

        -webkit-transform: rotate(360deg)

    }

}



@keyframes sk-rotate {

    100% {

        transform: rotate(360deg);

        -webkit-transform: rotate(360deg)

    }

}



@-webkit-keyframes sk-bounce {

    0%,

    100% {

        -webkit-transform: scale(0.0)

    }

    50% {

        -webkit-transform: scale(1.0)

    }

}



@keyframes sk-bounce {

    0%,

    100% {

        transform: scale(0.0);

        -webkit-transform: scale(0.0);

    }

    50% {

        transform: scale(1.0);

        -webkit-transform: scale(1.0);

    }

}





/*

* ----------------------------------------------------------------------------------------

* 03.HOMEPAGE CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.welcome-area {

    height: 100%;

}



.welcome-image-area {

    position: relative;

    height: 100%;

    background: url(../img/bg/mainbg.jpg);

    background-size: cover;

    z-index: 1;

}



.welcome-image-area:after {

    position: absolute;

    background: rgba(0, 0, 0, .85);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}



.display-table {

    display: table;

    width: 100%;

    height: 100%;

}



.display-table-cell {

    display: table-cell;

    vertical-align: middle;

}



.header-text {

    margin-top: 60px;

}



.header-text h2 {

    color: #fff;

    font-size: 80px;

    margin-top: 10px;

    font-weight: 900;

    margin-bottom: 0;

}



.header-text p {

    color: #fff;

    font-size: 20px;

    margin: 0;

	font-weight:500;

    margin-bottom: 40px;

    padding: 0px 300px;

}



.header-top-area {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 999;

    -webkit-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out;

}



.logo {

    padding: 20px 0px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

	max-width:132px;

}



.logo a p {

    text-transform: capitalize;

    font-size: 24px;

    font-weight: 700;

    color: #fff;

}



.mainmenu{

	margin-top:20px

}



.mainmenu .navbar-nav li {

    margin-right: 28px;

}



.mainmenu .navbar-nav li a {

    color: #fff;

    text-transform: uppercase;

    font-size: 15px;

    padding-top: 30px;

    padding-bottom: 30px;

    padding-right: 0;

    padding-left: 0;

    -webkit-transition: .3s;

    transition: .3s;

    font-weight: 800;

}



.mainmenu .navbar-nav li:nth-last-child(1) a,
.mainmenu .navbar-nav li:nth-last-child(2) a,
.mainmenu .navbar-nav li:nth-last-child(3) a ,
.mainmenu .navbar-nav li:nth-last-child(4) a {

    color: #008fe0;

}



.mainmenu .navbar-nav li:nth-last-child(1) a:hover,
.mainmenu .navbar-nav li:nth-last-child(2) a:hover,
.mainmenu .navbar-nav li:nth-last-child(3) a:hover,
.mainmenu .navbar-nav li:nth-last-child(4) a:hover{

    color: #fff;

}



.mainmenu .navbar-nav li a:hover {

    background: none;

    color: #008fe0;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.nav li a:focus,

.nav li a:hover {

    background: none;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.navbar {

    margin: 0;

}



.menu-bg {

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    background: #111111;

    box-shadow: 0 2px 10px -1px rgba(87, 97, 100, 0.35);

    background: #111111;

    border: none;

}



.menu-bg .logo {

    padding-top: 10px 0px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

	max-width:85px;

}



.menu-bg .logo a p {

    color: #000;

}



.menu-bg .mainmenu{

	margin-top:20px

}



.menu-bg .mainmenu .navbar-nav li a {

    color: #fff;

    padding-top: 22px;

    -webkit-transition: .3s;

    transition: .3s;

    padding-bottom: 22px;

}



.menu-bg .mainmenu .navbar-nav li a:hover {

    color: #008fe0;

}



.menu-bg .mainmenu .navbar-nav li:nth-last-child(1) a,

.menu-bg .mainmenu .navbar-nav li:nth-last-child(2) a,
.menu-bg .mainmenu .navbar-nav li:nth-last-child(3) a,
.menu-bg .mainmenu .navbar-nav li:nth-last-child(4) a{

    color: #008fe0;

}



.menu-bg .mainmenu .navbar-nav li:nth-last-child(1) a:hover,

.menu-bg .mainmenu .navbar-nav li:nth-last-child(2) a:hover,
.menu-bg .mainmenu .navbar-nav li:nth-last-child(3) a:hover ,
.menu-bg .mainmenu .navbar-nav li:nth-last-child(4) a:hover {

    color: #fff;

}



a.slide-btn {

    margin: 0px 5px;

    display: inline-block;

    color: #fff;

    padding: 12px 25px;

    text-transform: uppercase;

    font-size: 15px;

    border: 1px solid #008fe0;

    background-color: #008fe0;

    font-weight: 800;

    letter-spacing: 0.3px;

    box-shadow: 0px 0px 70px rgba(29, 24, 24, 0.09);

    border-radius: 5px;

}



a.slide-btn:hover {

    background: transparent;

    color: #008fe0;

    border: 1px solid #008fe0;

    -webkit-transition: .3s;

    transition: .3s;

}



a.slide-btn.other-btn {

    background: transparent;

}



a.slide-btn.other-btn:hover {

    background: #008fe0;

}



.version:after {

    position: absolute;

    content: '';

    background-size: contain !important;

    background-repeat: no-repeat;

    background-position: bottom center;

    height: 100%;

    width: 100%;

    left: -1px;

    right: -1px;

    bottom: 0;

    z-index: -1;

}



.version:after {

    background-image: url(../img/layout/banner-waves-2.png);

}





#particles-js {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

}



.particle-bg {

    background: url(../img/layout/particlebg.jpg);

}



/*

* ----------------------------------------------------------------------------------------

* VIDEO BACKGROUND CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.welcome-video-area {

    position: relative;

    height: 100%;

    background-size: cover;

    z-index: 1;

    background-position: center center;

}



.welcome-video-area:after {

    position: absolute;

    background: rgba(0, 0, 0, .5);

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}



.display-table {

    display: table;

    width: 100%;

    height: 100%;

}



.display-table-cell {

    display: table-cell;

    vertical-align: middle;

}





/*

* ----------------------------------------------------------------------------------------

* 04.ABOUT CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.about-text {

    margin-top: 20px;

}



.about-text h2 {

    margin-bottom: 18px;

    font-size: 26px;

	text-transform:uppercase;

    font-weight: 800;

    margin-top: 0;

	color:#008fe0

}



.about-text h2 span {

    color: #fff;

}



.about-text p {

    margin-bottom: 8px;

	color:#222222;

	font-size:17px;

	font-weight:500;

	line-height:23px

}



.about-image img {

    border-radius: 0px 100px 0px 100px;

}



.margin-top-c {

    margin-top: 50px;

}





/*

* ----------------------------------------------------------------------------------------

* 05.SERVICE CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.service-area {

    background: #eaeaea;

}



.single-service {

    padding: 30px;

    text-align: center;

    -webkit-transition: .3s;

    transition: .3s;

    background: #fff;

    margin-bottom: 30px;

    border-radius: 0px 50px 0px 50px;

}



.single-service:hover {

    box-shadow: 0px 0px 70px rgba(29, 24, 24, 0.09);

    -webkit-transition: .3s;

    transition: .3s;

}



.single-service h4 {

    font-size: 17px;

    margin-top: 20px;

    margin-bottom: 10px;

    text-transform: uppercase;

    font-weight: 600;

    -webkit-transition: .3s;

    transition: .3s;

    color: #008fe0;

}



.service-icon{

    width:100%;

	margin:auto;

	text-align:center

}



.service-icon i {

    font-size: 30px;

    color: #fff;

    background: #008fe0;

    height: 70px;

    width: 70px;

    line-height: 70px;

    text-align: center;

    border-radius: 50%;

}



.service-icon img {

    width:120px;

	height:120px;

}



.single-service p {

    margin-bottom: 18px;

    color: #222222;

	font-size:17px;

	font-weight:500;

	line-height:23px

}





/*

* ----------------------------------------------------------------------------------------

* 06.CALL TO ACTION CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.call-to-action-small-area {

    background: #008fe0;

}



.section-padding-call{

	padding:70px 0px 60px 0px

}



.call-to-action-small-area h2 {

    color: #fff;

    margin: 0;

	font-weight:800;

	font-size:40px;

}

.call-to-action-small-area p {

	 color: #fff;

	 font-size:18px;

	 font-weight:500;

}



.call-to-action-small-button {

    text-align: right;

}



a.call-to-more {

    margin: 10px 5px;

    display: inline-block;

    color: #fff;

    padding: 12px 25px;

    text-transform: uppercase;

    font-size: 15px;

    border: 1px solid #222;

    background-color: #222;

    font-weight: 800;

    letter-spacing: 0.3px;

    box-shadow: 0px 0px 70px rgba(29, 24, 24, 0.09);

    border-radius: 5px;

}



a.call-to-more:hover{

    color: #fff;

    border: 1px solid #fff;

    background-color: transparent;

}





/*

* ----------------------------------------------------------------------------------------

* 07.KEY SKILL AREA CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.our-key-skill-area {

    background: #eaeaea;

}



.our-skill,

.skill-text {

    margin-top: 30px;

}



.progress-bar-text span {

    float: right

}



.progress-bar-text {

    font-size: 16px;

    text-transform: capitalize;

    font-weight: 400;

    -webkit-transition: .3s;

    transition: .3s;

    color: #000;

    font-family: 'Poppins', sans-serif;

}



.progress-bar {

    background: #ccc none repeat scroll 0 0;

    box-shadow: 0 0 0;

    height: 12px;

    margin: 0 0 20px;

    position: relative;

    width: 100%;

}



.progress-bar > span {

    background: #008fe0 none repeat scroll 0 0;

    display: block;

    height: 100%;

    width: 0;

}



.skill-text h2 {

    font-size: 30px;

    text-transform: capitalize;

    margin-bottom: 30px;

    font-weight: 400;

    margin-top: 0;

}





/*

* ----------------------------------------------------------------------------------------

* 08. PORTFOLIO CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.gallery {

    background: #fff;

}





.gallery .item {

    padding: 0;

    margin: 0;

}



.gallery figure.effect-julia img {

    height: auto;

    width: 100%;

}



.gallery .grid figure {

    position: relative;

    float: left;

    overflow: hidden;

    margin: 0;

    width: 100%;

    height: auto;

    background: #008FE0;

    text-align: center;

    cursor: pointer;

}



.gallery figure.effect-julia h2 {

    position: relative;

    padding: 0.5em 0;

    text-align: center;

    margin-top: 90px;

    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: .3s;

    transition: .3s;

    font-size: 20px;

    text-transform: capitalize;

    font-weight: 600;

}



.gallery .item:hover figure.effect-julia h2 {

    opacity: 1;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transition: .3s;

    transition: .3s;

}



/*

* ----------------------------------------------------------------------------------------

* 09.TESTIMONIAL CSS STYLE

* ----------------------------------------------------------------------------------------

*/





.testimonial-area {

    background: #222;

}





.single-testimonial {

    background: #fff;

    border-radius: 0px 30px 0px 30px;

    padding: 5px;

    text-align: center;

	margin:10px

}





.single-testi-des {

    margin-bottom: 30px;

    color: #222222;

    font-size: 30px;

}



.single-testi-des p {

    color: #222222;

    font-size: 18px;

}



.single-testimonial img {

    width: 100%;

	height:auto;

	border-radius: 0px 30px 0px 30px;

    text-align: center;

    margin: 0 auto;

}



.testi-name {

    text-align: center;

}



.testi-name h2 {

    font-size: 18px;

    margin-top: 20px;

    text-transform: capitalize;

    font-weight: 600;

    -webkit-transition: .3s;

    transition: .3s;

    color: #000;

}



.testi-name h3 {

    font-size: 16px;

    font-weight: 300;

    text-transform: capitalize;

    margin-top: 0;

    color: #222222;

    margin-bottom: 0;

}



.owl-theme .owl-controls {

    margin-top: 10px;

}



.owl-theme .owl-controls .owl-page span {

    display: block;

    width: 10px;

    height: 10px;

    margin: 5px 7px;

    filter: Alpha(Opacity=50);

    opacity: .5;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

    border: 1px solid #fff;

    background: #fff;

}





/*

* ----------------------------------------------------------------------------------------

* 10.FAQ CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.any-questions-area {

	background: #eaeaea;	

}



#faq .panel-group .panel {

    margin-bottom: 8px;

}



#faq .panel-default {

    border: none;

}



#faq .panel-default > .panel-heading {

    background: #f0f0f0;

    color: #000;

}



#faq .panel-heading {

    border: none;

    padding-top: 8px;

    padding-bottom: 6px;

}



#faq .panel-default > .panel-heading + .panel-collapse > .panel-body {

    border-top: none;

    padding-top: 22px;

    padding-left: 32px;

    padding-bottom: 22px;

}



#faq .panel-heading .panel-title a[data-toggle="collapse"] {

    font-size: 18px;

    font-weight: 300;

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    padding: 10px 15px;

}



#faq .panel-heading .panel-title a[data-toggle="collapse"]:hover {

    color: #000;

}



#faq .panel-heading .panel-title a[data-toggle="collapse"]:after {

    content: "-";

    display: block;

    position: absolute;

    line-height: 1;

    right: 1em;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    font-size: 20px;

}



#faq .panel-heading .panel-title a[data-toggle="collapse"].collapsed:after {

    content: "+";

    font-size: 20px;

}







/*

* ----------------------------------------------------------------------------------------

* 11.CONTACT CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.contact-area {

    background: #eaeaea;

}



.contact-details-list h2 {

    font-size: 40px;

    text-transform: capitalize;

    margin-bottom: 30px;

    font-weight: 800;

    margin-top: 0;

}



.contact-details-list p {

    margin-bottom: 30px;

	color: #222222;

    font-size: 17px;

    font-weight: 500;

    line-height: 23px;

}



.single-contact {

    margin-bottom: 15px;

}



.single-contact h3 {

    font-size: 18px;

    margin-top: 15px;

    font-weight: 400;

    -webkit-transition: .3s;

    transition: .3s;

}



.single-contact h3 i {

    margin-right: 20px;

    background: #008fe0;

    height: 40px;

    width: 40px;

    text-align: center;

    line-height: 40px;

    border-radius: 50px;

    color: #fff;

}



.form-control {

    display: block;

    border: 0px;

    width: 100%;

    height: 50px;

    font-size: 16px;

    line-height: 1.42857143;

    color: #000;

    background-color: transparent;

    background-image: none;

    border-radius: 0px;

    box-shadow: none;

    margin-bottom: 10px;

    padding: 17px 7px 14px 15px;

    border: 1px solid #f2f2f2;

    background: #fff;

    -webkit-transition: .3s;

    transition: .3s

}



.form-control:focus {

    border-color: #008fe0;

    outline: 0;

    box-shadow: none;

}



.contact-form input[type='submit'] {

    display: inline-block;

    color: #fff;

    padding: 15px 35px;

    text-transform: uppercase;

    font-size: 14px;

    border: 1px solid #008fe0;

    background-color: #008fe0;

    font-weight: 800;

    border-radius: 0;

}



.contact-form input[type='submit']:hover {

    background: transparent;

    color: #000;

    border: 1px solid #008fe0;

    -webkit-transition: .3s;

    transition: .3s;

}



.contact-form button {

    display: inline-block;

    color: #fff;

    padding: 15px 35px;

    text-transform: uppercase;

    font-size: 14px;

    border: 1px solid #008fe0;

    background-color: #008fe0;

    font-weight: 800;

    border-radius: 0;

}



.contact-form button:hover {

    background: transparent;

    color: #000;

    border: 1px solid #008fe0;

    -webkit-transition: .3s;

    transition: .3s;

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn.focus:active,

.btn:active:focus,

.btn:focus {

    outline: none;

}



.success {

    background: #50B948 none repeat scroll 0 0;

    color: #fff;

    font-weight: 700;

    padding: 20px;

    text-align: center;

}





/*

* ----------------------------------------------------------------------------------------

* 12.FOOTER CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.single-footer-top {

    padding-right: 30px;

}



.single-footer-top h2 {

    margin-top: 0;

    font-size: 22px;

    margin-bottom: 20px;

    text-transform: capitalize;

    font-weight: 500;

    -webkit-transition: .3s;

    transition: .3s;

    color: #000;

}



.contact-social {}



.contact-social ul,

.footer-menu ul {

    padding: 0;

    margin: 0;

    list-style: none;

}



.contact-social ul li {

    display: inline-block;

    margin-right: 10px;

}



.contact-social ul li a {

    font-size: 20px;

    color: #008fe0;

}



.footer-menu ul li {

    margin-bottom: 6px;

}



.footer-menu ul li a {

    color: #000;

    font-size: 14px;

}



/*

* ----------------------------------------------------------------------------------------

* 17.FOOTER CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.footer-area {

    background: #000;

    padding: 30px 0px;

}



.footer-text h6 {

    text-transform: capitalize;

    color: #fff;

    line-height: 22px;

    font-weight: 300;

    font-size: 14px;

}





/*

* ----------------------------------------------------------------------------------------

* PREVIEW CSS STYLE

* ----------------------------------------------------------------------------------------

*/



.preview-body {

    background: #fafafa;

}



.preview-single-image img {

    width: 100%;

}



.preview-single-image {

    -webkit-transition: 1s;

    transition: 1s;

    box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.05);

    margin-bottom: 30px;

}



.preview-single-image:hover {

    -webkit-transition: 1s;

    transition: 1s;

    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.15);

}



.preview-single-image h2 {

    font-size: 20px;

    text-align: center;

    color: #000;

    background: #fff;

    margin: 0;

    padding: 30px 20px;

}



.preview-header-top-area {

    padding: 50px 0px;

}



.preview-header-top-area h2 {

    font-size: 80px;

    color: #008fe0;

    text-transform: capitalize;

    font-weight: 900;

}



.preview-header-top-area p {

    color: #222222;

    font-size: 30px;

    font-weight: 300;

}



.main h2 {

    color: #000;

}



.main {

    margin-bottom: 180px;

}



.preview-single-image img {

    width: 100%;

}





.right-xs {-webkit-box-pack: right;-ms-flex-pack: right;justify-content:right;text-align:right;}

.middle-xs {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}

.center-xs {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;}

.row-centered {text-align:center;}

.col-centered {display:inline-block !important;float:none; margin-right:-4px;vertical-align:top !important;}



.panel{

	margin-bottom:20px !important	

}

.panel-default>.panel-heading {

    color: #fff;

    background-color: #008fe0;

    border-color: #008fe0;

	padding:15px 26px;

	font-weight:800 !important;

	letter-spacing:0.2px;

	transition:0.5s

}

.panel-default>.panel-heading:hover {

    color: #fff;

    background-color: #222;

    border-color: #222;

}

.panel-body p{

	color: #222222;

    font-size: 17px;

    font-weight: 500;

    line-height: 23px;

	padding:15px 13px

}



::placeholder{

  color: #999 !important;

  font-weight:800;

  opacity: 1;

}



:-ms-input-placeholder{

  color: #999 !important;

  font-weight:800;

}



::-ms-input-placeholder{

  color: #999 !important;

  font-weight:800;

}

.has-error .checkbox, 

.has-error .checkbox-inline, 

.has-error .control-label, 

.has-error .help-block, 

.has-error .radio, 

.has-error .radio-inline, 

.has-error .checkbox label, 

.has-error .checkbox-inline label, 

.has-error .radio label, 

.has-error .radio-inline label{

    color: #008fe0;

}

.help-block {

    display: block;

    margin-top: 5px;

    margin-left: 16px;

    margin-bottom: 2px;

    font-size: 13px;

    font-weight: 800;

    color: #008fe0;

}



.btn.disabled, .btn[disabled], fieldset[disabled] .btn {

    opacity: 1;

}



.alert-bold{

	font-weight:800	

}



.modal-header {

    background:#222;

    border-bottom: 1px solid #e5e5e5;

	padding:15px 25px

}

.modal-header i{

	margin-top:20px	

}

.modal-body{

	padding:20px 50px;

	margin-bottom:25px

}

.modal-body h3{

	font-weight:800;

	text-transform:uppercase

}

.modal-body p{

	font-weight:800

}



.modal {

  text-align: center;

  padding: 0!important;

}



.modal:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -4px;

}



.modal-dialog {

  display: inline-block;

  text-align: left;

  vertical-align: middle;

}



.modal-backdrop

{

    opacity:0.8 !important;

}