/*

    [Table of contents]

    Override Color Theme

    1. Header / Footer / Commun Colors

    2. Main Slide

    3. Our Works

    4. Our Story

    5. Our Services

    6. Our Team

    7. Our Client

    8. Our Price

    9. Contact US

*/

/****[1. Header / Footer / Commun Colors]****/

#site-header .nav-list li,

#site-footer .copyright,

#site-footer .social-link li a,

.home-navigation li a,

#site-header .nav-list li a {

    color: #fff;

}



.home-navigation li a {

    border-color: #fff;

}



#site-header .main-menu span,

#site-header .main-menu span:before,

#site-header .main-menu span:after,

#site-header .nav-list li:last-child:after,

#site-footer .social-link li:after {

    background: #fff;

}



#site-header .nav-list li a:hover,

#site-footer .copyright span,

#site-footer .social-link li a:hover,

.home-navigation li a.current {

    color: #ff704d !important;

}



.home-navigation li a.current {

    border-color: #ff704d !important;

}



#site-header .main-menu:before,

#site-header .main-menu:after,

#site-header .main-menu span:nth-child(4):before,

#site-header .main-menu span:nth-child(4):after,

#site-header .main-menu:hover span,

#site-header .main-menu:hover span:before,

#site-header .main-menu:hover span:after {

    background-color: #ff704d !important;

}



/****[2. Main Slide]****/

#main-slider .slogan .btn-start:hover {

    color: #ff704d;

}



#main-slider .slogan .btn-start:hover:before,

#main-slider .slogan .btn-start:hover:after,

#main-slider .slogan .btn-start:hover span:before,

#main-slider .slogan .btn-start:hover span:after {

    background: #ff704d;

}



/****[3. Our Works]****/

#our-works .section-title {

    color: #e4c883;

}



#our-works .pager-works .item-work {

    border: 1px solid #22548c;

}



#our-works .pager-works .item-work>div:after {

    background-color: #e4c883;

}



#our-works .pager-works .item-work>div a:hover i:after,

#our-works .pager-works .item-work>div a:hover i:before {

    color: #22548c;

}



#our-works .pager-works .item-work>div a:hover:before,

#our-works .pager-works .item-work>div a:hover:after,

#our-works .pager-works .item-work>div a:hover span:before,

#our-works .pager-works .item-work>div a:hover span:after {

    background-color: #22548c;

}



#our-works .pager-works .item-work>div div h3,

#our-works .pager-works .item-work>div div a i {

    color: #fff;

}



#our-works .btn-type-1:hover {

    color: #e4c883 !important;

}



#our-works .btn-type-1:hover:before,

#our-works .btn-type-1:hover:after,

#our-works .btn-type-1:hover span:before,

#our-works .btn-type-1:hover span:after {

    background: #e4c883;

}



/****[4. Our Story]****/

#our-story .section-title {

    color: #5091ad;

}



#our-story .wysiwyg h3 {

    color: #222222;

}



#our-story .wysiwyg h3:before {

    background: #222;

}



#our-story .wysiwyg p,

#our-story .wysiwyg li {

    color: #222222;

}



#our-story .wysiwyg a,

#our-story .wysiwyg span,

#our-story .wysiwyg strong,

#our-story .wysiwyg b {

    color: #5091ad;

}



#our-story .wysiwyg li:before {

    background: #5091ad;

}



#our-story .wysiwyg li:after {

    border-color: #5091ad;

}



/****[5. Our Services]****/

#our-services .section-title {

    color: #fde16f;

}



#our-services .item-service p,

#our-services .item-service a,

#our-services .item-service h3 {

    color: #fff;

}



#our-services .item-service h3 {

    border-color: #fff;

}



#our-services .item-service a:hover {

    color: #fde16f;

}



#our-services .link .arrow-container>span::before {

    background-color: #fff;

}



#our-services .link .arrow-container>span::after {

    border-bottom: 1px solid #fff;

    border-right: 1px solid #fff;

    color: #fff;

}



#our-services .link:hover .arrow-container>span::before {

    background-color: #fde16f;

}



#our-services .link:hover .arrow-container>span::after {

    border-bottom: 1px solid #fde16f;

    border-right: 1px solid #fde16f;

    color: #fde16f;

}



/****[6. Our Team]****/

#our-team .section-title {

    color: #ff704d;

}



.item-team h3,

.item-team p,

.item-team .social li a i {

    color: #111;

}



.item-team:hover h3 {

    color: #ff704d;

}



.item-team .social li a:hover i {

    color: #ff704d;

}



/****[7. Our Client]****/

#our-clients .section-title {

    color: #fde16f;

}



#our-clients .item-testi p {

    color: #fff;

}



#our-clients .item-testi p samp {

    color: #fde16f;

}



#our-clients .item-testi {

    background: #3d9d6f;

}



/****[8. Our Price]****/

#our-price .section-title,

#our-price .panel-heading h3,

#our-price ul i {

    color: #3d9d6f;

}



#our-price .plan p {

    color: #222222;

}



#our-price .plan p span {

    color: #222222;

}



#our-price .plan li span,

#our-price .plan .link-plan {

    color: #222222;

}



#our-price .plan .link-plan:hover {

    background-color: #3d9d6f;

    border-color: #3d9d6f;

    color: #fff !important;

}



#our-price .plan.recommanded {

    background-color: #3d9d6f;

    border-color: #3d9d6f;

}



#our-price .plan.recommanded * {

    color: #fff !important;

}



#our-price .plan.recommanded .link-plan {

    background: #fff;

    color: #222222 !important;

    border: 0;

}



/****[9. Contact US]****/

#contact-us .section-title,

#contact-us .mail-message p {

    color: #de9092;

}



#contact-us h3:after {

    background: #fff;

}



#contact-us h3 {

    color: #fff;

    border-color: #fff;

}



#contact-us .btn-type-1:hover {

    color: #de9092;

}



#contact-us .btn-type-1:hover:before,

#contact-us .btn-type-1:hover:after,

#contact-us .btn-type-1:hover span:before,

#contact-us .btn-type-1:hover span:after {

    background: #de9092;

}



#contact-us p {

    color: #fff;

}



#contact-us .ctc-item {

    background-color: #000000;

}



/****[10. History]****/

#history {

    background: #22548c;

}



#history .section-title {

    color: #fde16f;

}



#history .item-history h3 {

    border-left: 4px solid #fff;

    color: #fff;

}



#history .item-history p {

    color: #fff;

}



/****[11. Gallery]****/

#gallery {

    background: #fff;

}



#gallery .section-title {

    color: #5091ad;

}



/****[12. Skills]****/

#skills {

    background: #666666 none repeat scroll 0 0;

}



#skills .section-title {

    color: #fde16f;

}



#skills .skills-pro .progress-bar .count {

    color: #fff;

}



#skills .btn-type-1:hover {

    color: #fde16f;

}



#skills .btn-type-1:hover:before,

#skills .btn-type-1:hover:after,

#skills .btn-type-1:hover span:before,

#skills .btn-type-1:hover span:after {

    background: #fde16f;

}



/****[13. Features]****/

#features {

    background: #3d9d6f none repeat scroll 0 0;

}



#features .section-title {

    color: #fde16f;

}



#features .item-features h3 {

    border-left: 4px solid #fff;

    color: #fff;

}



#features .item-features p {

    color: #fff;

}



.service-request {

    background: #3a9067 none repeat scroll 0 0;

}



.btn-request .link-request {

    background: #fde16f none repeat scroll 0 0;

    color: #222222;

}



/****[14. Contact Decline]****/

#contacts-form {

    background: #dc6f45 none repeat scroll 0 0;

    color: #FFFFFF !important;

}



#contacts-form h2 {

    margin: 25px 0 5px 0;

    color: #FFFFFF !important;

}



#contacts-form p {

    margin: 0 0 5px 25px;

    color: #FFFFFF !important;

}



#contacts-form .btn-type-1:hover,

#contacts-form .section-title {

    color: #fde16f !important;

}



#contacts-form .btn-type-1:hover:before,

#contacts-form .btn-type-1:hover:after,

#contacts-form .btn-type-1:hover span:before,

#contacts-form .btn-type-1:hover span:after {

    background: #fde16f;

}



.v-black#site-header .main-menu span,

.v-black#site-header .main-menu span::before,

.v-black#site-header .main-menu span::after,

.v-black#site-header .nav-list li:last-child::after,

.v-black#site-header .social-link li::after {

    background: #000;

}



.v-black#site-header .nav-list li,

.v-black#site-header .copyright,

.v-black#site-header .social-link li a,

.v-black#site-header .nav-list li a {

    color: #000;

}



.v-black#site-header .main-menu {

    border-color: #000;

}



.v-black .l-white {

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

    opacity: 0;

}



.v-black .l-black {

    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);

    opacity: 1;

}



.yellow-section:before {

    background: #fde16f;

}



.yellow-section .section-title {

    color: #FFF;

}



.yellow-section .scoll-down:before {

    background-color: #000;

}



.yellow-section .scoll-down:after {

    border-color: #000;

}



.orange-section:before {

    background: #dc6f45;

}



.orange-section .section-title {

    color: #FFF;

}



.orange-section .scoll-down:before {

    background-color: #000;

}



.orange-section .scoll-down:after {

    border-color: #000;

}



.blue-section:before {

    background: #22548c;

}



.blue-section .section-title {

    color: #FFF;

}



.blue-section .scoll-down:before {

    background-color: #fff;

}



.blue-section .scoll-down:after {

    border-color: #fff;

}



.green-section:before {

    background: #3d9d6f;

}



.green-section .section-title {

    color: #FFF;

}



.green-section .scoll-down:before {

    background-color: #000;

}



.green-section .scoll-down:after {

    border-color: #000;

}



.grey-section:before {

    background: #666666;

}



.grey-section .section-title {

    color: #FFF;

}



.grey-section .scoll-down:before {

    background-color: #FFF;

}



.grey-section .scoll-down:after {

    border-color: #FFF;

}



/****--------------------****/

.form-control {

    box-shadow: none;

    border-radius: 0px;

    border: 1px solid #222222;
	
    background-color: transparent;

    color: #333;

}



.form-control:hover,

.form-control:active,

.form-control:focus {

    box-shadow: 0 0 10px #999;

    border-radius: 0px;

    border: 1px solid #222222;

    background-color: transparent;

    color: #333;

}



.form-control::-moz-placeholder {

    color: #A0A0A0;

}



.form-control::-webkit-input-placeholder {

    color: #A0A0A0;

}



.form-control:-ms-input-placeholder {

    color: #A0A0A0;

}



.form-control:-moz-placeholder {

    color: #A0A0A0;

}



/****--------------------****/

.modal .form-control {

    box-shadow: none;

    border-radius: 0px;

    border: 1px solid #e5e5e5;

    ;

    border-color: #e5e5e5;

    ;

    background-color: transparent;

    color: #000;

}



.modal .form-control:hover,

.modal .form-control:active,

.modal .form-control:focus {

    box-shadow: none;

    border-radius: 0px;

    border-color: #6ed06e;

    box-shadow: 0 0 5px #87d087;

    background-color: transparent;

    color: #000;

}



.modal .form-control::-moz-placeholder {

    color: #333;

}



.modal .form-control::-webkit-input-placeholder {

    color: #333;

}



.modal .form-control:-ms-input-placeholder {

    color: #333;

}



.modal .form-control:-moz-placeholder {

    color: #333;

}



/****--------------------****/

.input-group {

    box-shadow: none;

}



.input-group-addon {

    color: #F86363;

    background-color: transparent;

    border: 1px solid #F86363;

    border-radius: 0px;

}



/****--------------------****/

.bootstrap-filestyle .btn {

    border-radius: 0;

    border: 1px solid #F86363;

    background-color: #F86363;

}



.bootstrap-filestyle .form-control {

    background-color: transparent;

    border: 1px solid #F86363;

}



/****--------------------****/

.bootstrap-select .btn,

.bootstrap-select .btn:focus,

.bootstrap-select .btn:active,

.bootstrap-select .btn:hover {

    border: 1px solid #F86363;

    box-shadow: none;

    background-color: transparent;

    outline: none !important;

    border-radius: 0;

}



.open>.dropdown-toggle.btn-default,

.open>.dropdown-toggle.btn-default:hover,

.open>.dropdown-toggle.btn-default:active,

.open>.dropdown-toggle.btn-default:focus {

    background-color: transparent;

    border-color: #F86363;

    outline: none;

    box-shadow: none;

}



/****--------------------****/

hr {

    border-color: #F86363;

    border-style: dashed;

}



textarea {

    resize: none;

}



/****--------------------****/

.skills_footer {

    background: url(../img/footer1.png);

    background-repeat: no-repeat;

    background-position: center bottom;

}



.contact_footer {

    background: url(../img/footer.png);

    background-repeat: no-repeat;

    background-position: center bottom;

}



/****--------------------****/

.footer-bg-grey {

    background-color: #666666;

}



.footer-bg-lite-grey {

    background-color: #F2F2F2;

}



.footer-bg-lite-red {

    background-color: #DC6F45;

}



/****--------------------****/

.text-wrong {
	color: #F00;
}