/*
Theme Name: Interrio
Theme URI: http://asianitbd.com/wp/interrio/
Author: Template_path
Author URI: http://themeforest.net/user/template_path
Description: This is Architecture, Construction, and Interior Design theme
Version: 1.0.0
License: copyright commercial
License URI: http://themeforest.net/user/template_path
Text Domain: wp-interrio
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
*/

/* Architecture, Construction, and Interior Design WordPress Template */

/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR INTERRIO          |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

01. Imported styles
02. Flaticon reset styles
03. Header styles
04. Mainmenu styles
05. Rev_slider_wrapper styles
66. Welcome area Style
07. Service area style
08. Latest project area style
09. Testimonial area style
10. Latest blog area style 
11. Brand area style
12. Footer area style
13. Single service style
14. Pricing table area style
15. Press release style 
16. Faq area style
17. 404 page style style
18. Blog page style
19. Blog single style
20. Blog with sidebar style
21. Shop page style style
22. Shop with sidebar Style
23. Shop single Style
24. Cart page style style
25. Contact page style

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/

@font-face {
  font-family: "OilBats";
  src: url(fonts/custom-font/OilBats.ttf);
}

/*==============================================
   Base Css
===============================================*/
html,
body { height: 100% }
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #000;
  line-height: 28px;
  font-weight: 300;
}
button:focus{
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  margin: 0;
}
h3 {
 
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
}
img {
	max-width: 100%;
    height: auto;
}
.stricky-fixed .logo img {
max-height: 75px;
    max-width: initial;
    height: auto;
    top: 0px;
    position: absolute;
}
button.Addcart {
  background: #dc6024;
    color: #fff;
    border: 0px;
    padding: 10px 20px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
        margin-top: 15px;
}
li.key {
    font-size: 14px;
    width: 126px;
    margin-right: 5px;
    float: left;
    height: 30px;
    font-weight: bold;
}

li.value {
    list-style: none;
    /* line-height: 24px; */
    /* margin-bottom: 7px; */
    font-size: 14px;
    display: inline;
    margin-left: 18px;
}

.subscribable {
  position: fixed;
  bottom: 210px;
  right: 0;
  width: 245px;
  z-index: 100;
  -webkit-transform: translate(200px, 0);
  transform: translate(200px, 0);
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}

.subscribable .subscribable__title {
  background: #216baa url(../images/bg-popup.jpg) top left repeat-x;
  padding: 13px 0 13px 16px;
  font-family: Helvetica Neue;
  font-weight: bold;
  color: #fff;
  border-radius: 4px 0 0 4px;
  font-size: 15px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}

.subscribable .subscribable__title .social_rss {
  margin-right: 14px;
}

.subscribable .subscribable__content {
  padding: 15px;
  border-left: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  background: #fff;
  position: absolute;
  width: 100%;
  left: 100px;
  top: -162px;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}

.subscribable .subscribable__content .form-group {
  position: relative;
  margin-bottom: 10px;
}

.subscribable .subscribable__content .form-group .subscribable-icon {
  position: absolute;
  top: 9px;
  right: 15px;
  font-size: 16px;
}

.subscribable .subscribable__content .btn {
  margin-top: 10px;
}

.subscribable.active {
  z-index: 101;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.subscribable.active .subscribable__title {
  border-radius: 0 0 0 4px;
}

.subscribable.active .subscribable__content {
  left: 0px;
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

.fb-close {
  display: none;
}

.fb-close:hover {
  cursor: pointer;
}

.fb-chat-live {
  position: fixed;
  z-index: 100;
  border: none;
  bottom: 150px;
  right: 0;
  width: 245px;
  cursor: pointer;
  -webkit-transform: translate(200px, 0);
  transform: translate(200px, 0);
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}

.fb-chat-live p {
  background: #216baa url(../images/bg-popup.jpg) top left repeat-x;
  padding: 13px 0 13px 20px;
  font-family: Helvetica Neue;
  font-weight: bold;
  color: #fff;
  border-radius: 4px 0 0 4px;
  font-size: 15px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  margin: 0;
}

.fb-chat-live p i {
  margin-right: 14px;
  font-size: 1.42857143em;
  float: left;
  line-height: 1;
  position: relative;
  top: 2px;
  left: -2px;
}

.fb-chat-live p a {
  color: #fff;
  margin: 0;
  display: inline-block;
}

.fb-chat-live p img {
  display: none;
}

.fb-chat-live.active {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.fb-chat-live.active p {
  border-radius: 0 0 0 4px;
}

.fb-wrap {
  position: fixed;
  width: 250px;
  height: 400px;
  z-index: 100;
  right: 0;
  bottom: 200px;
  display: block;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translate(200px, 0);
  transform: translate(200px, 0);
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}

.fb-wrap .fb-page {
  position: relative;
  z-index: 9999;
  right: 0px;
  bottom: 0px;
}

.fb-wrap .fb-page iframe {
  visibility: inherit !important;
}

.fb-wrap.active {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);
}

@media screen and (max-width: 767px) {
  .subscribable {
    bottom: 170px;
    -webkit-transform: translate(215px, 0);
    transform: translate(215px, 0);
    width: 250px;
  }
  .subscribable .subscribable__title {
    padding: 8px 0 8px 13px;
    font-size: 12px;
  }
  .subscribable.active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .fb-chat-live {
    bottom: 120px;
    width: 250px;
    -webkit-transform: translate(215px, 0);
    transform: translate(215px, 0);
  }
  .fb-chat-live p {
    padding: 8px 0 8px 13px;
    font-size: 12px;
  }
  .sppb-text-center {
    text-align: center !important;
    
  }
   .fb-chat-live.active {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .fb-wrap {
    bottom: 155px;
  }
}
.at-history-sub .at-history-item:hover i {
    color: #fff;
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
.at-history-sub .at-history-item h3 {
    text-transform: uppercase;
    color: #252525;
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
.at-history-sub .at-history-item:hover h3 {
    -webkit-transition: 0.7s ease-in-out;
    -moz-transition: 0.7s ease-in-out;
    -ms-transition: 0.7s ease-in-out;
    -o-transition: 0.7s ease-in-out;
    transition: 0.7s ease-in-out;
}
.at-history-sub .at-history-item p {
    color: #808080;
}
.at-history-sub .at-history-item h6 {
    color: #e5e5e5;
}

select.chosen-select {
    padding: 14px;
    border: 1px solid #d9d9d9;
}
.text-holder h3 {
    height: 80px;
    overflow: hidden;
}
.logo img {
    height: auto;
    max-height: 95px;
    max-width: initial;
    position: absolute;
    margin-top: -40px;
    left: 0px;
    margin: auto;
}

#btn-callnow {
    cursor: pointer;
}

.modal-body input {
    margin-bottom: 5px;
}

.breadcrumb-bottom a {
    color: #fff;
}

.breadcrumb-bottom a ,.breadcrumb-bottom {
    color: #fff;
}

i {
	font-style: normal;
}
.p0 {
	padding: 0 !important;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}


.thm-btn {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: 2px solid #dc6024;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  transition: all 500ms ease;
  line-height: 14px;
}
.bg-cl-1{
  background: #dc6024;  
}
.thm-btn:hover{
  background: #141414;  
  border: 2px solid #dc6024;
  color: #fff;
}



.sec-title {
  margin-top: -5px;
  padding-bottom: 20px;
  position: relative;
}
.sec-title h2 {
  color: #252525;
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin: 0;
}
.sec-title h2 span{
  color: #dc6024;
}
.sec-title span.decor {
  background: #dc6024 none repeat scroll 0 0;
  height: 2px;
  width: 78px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.sec-title span.decor:before{
  position: absolute;
  top: -3px;
  left: 0;

  background: #dc6024;
  border-radius: 50%;
  content: "";
}


.sec-title-two{
  margin-top: -7px;
  padding-bottom: 27px;
  position: relative;    
}
.sec-title-two h3{
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-transform: uppercase;    
}

/* jQuery ui dropdown  */
.ui-selectmenu-button span.ui-selectmenu-text {
  display: block;
  line-height: 25px;
  overflow: hidden;
  padding: 12px 15px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Poppins', sans-serif;
}
.ui-state-default {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 0;
    color: #9e9e9e;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    outline: medium none;
    width: 100% !important;
    margin-bottom: 17px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0
}

/* jQuery ui dropdown Icon style */
.ui-state-default .ui-icon {
    background: none
}
.ui-selectmenu-button span.ui-icon {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ui-selectmenu-button span.ui-icon {
  display: block;
  float: right;
  height: 48px;
  position: relative;
  text-indent: 0;
  top: 0;
  width: 48px;
}
.ui-selectmenu-button span.ui-icon::before {
  color: #9e9e9e;
    content: "\f0d7";
  font-family: FontAwesome;
  font-size: 18px;
  overflow: visible;
  position: absolute;
  right: 15px;
  top: 12px;
}

/* jQuery ui dropdown Sub item style */
.ui-widget-content {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #eaeaea !important;
  color: #9e9e9e;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
}
.ui-selectmenu-menu .ui-menu {
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 0;
}
.ui-menu .ui-menu-item {
  cursor: pointer;
  margin: 0;
  min-height: 0;
  padding: 8px 15px;
  position: relative;
}

/* jQuery ui dropdown Hover style */
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #dc6024 none repeat scroll 0 0;
  border: none;
  color: #252525;
  font-size: 14px;
}


/* Update header Style */
@keyframes menu_sticky {
  0%   {margin-top:-150px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.header-area.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  background: #FFFFFF;
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
  -webkit-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
  box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
}

.header-area.stricky-fixed .outer-box .logo {
    padding: 25px 0;
    position: absolute;
}
.header-area.stricky-fixed .main-menu .navigation li a {
    padding: 27px 5px 21px 0;
}
.header-area.stricky-fixed .main-menu .navigation > li.dropdown > a::after {
  top: 28px;
}
.header-area.stricky-fixed .main-menu .navigation > li > ul > li > a {
  padding: 6px 15px 6px 20px;
}
.header-area.stricky-fixed .main-menu .navigation > li > ul > li ul li a{
  padding: 15px 15px 15px 20px; 
}
.header-area.stricky-fixed .outer-box .cart-btn {
  top: 25px;
}
.header-area.stricky-fixed .outer-box .search-box-btn {
  top: 25px;
}




/* scroll to top styles */
.scroll-to-top {
  background: #dc6024;
  border: 2px solid #dc6024;
  border-radius: 5%;
  bottom: 25px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 30px;
  font-weight: normal;
  height: 45px;
  line-height: 36px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 45px;
  z-index: 99999;
  -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
  -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
  box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
  border: 2px solid #d6a041;
  color: #fff;
  background: #1b1b1b;
}



/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #fdc716;
  outline: none;
}
textarea{
	resize:none;
}
#contact-form input[type="text"].error{
  border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form select.error {
  border-color: red;
}
#contact-form textarea.error{
  border-color: red;    
}
#contact-form label.error {
  display: none !important;
}

/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
  background: #fff;
  border: 2px solid #f7f7f7;
  color: #292929;
  display: block;
  font-size: 18px;
  font-weight: 600;
  height: 55px;
  padding: 12px 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 55px;
  font-family: 'Montserrat', sans-serif;
}
.post-pagination li.active a, .post-pagination li:hover a {
  background: #fdc716;
  color: #fff;
  border: 2px solid #fdc716;
}



/* Overlay styles */
.overlay{
  background-color: rgba(0,0,0, .60);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;	
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5,0.5);
  transform: rotateY(180deg) scale(0.5,0.5);    
}
.overlay .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}



/*==============================================
    Top bar Area Css
===============================================*/
.top-bar-area{
  background: #1b1b1b;
  padding: 10px 0 11px;
}
.top-bar-area .contact-info-left {
  
}
.top-bar-area .contact-info-left ul li {
  display: inline-block;
  float: left;
  margin-right: 30px;
  font-size: 14px;
  color: #fff;
}

.top-bar-area .contact-info-left ul li:last-child{
  margin-right:0;
}
.top-bar-area .contact-info-left ul li span:before{
  color: #dc6024;
  padding-right: 6px;
}
.top-bar-area .contact-info-left ul li span.envelop:before {
  position: relative;
  top: 3px;
}

.top-bar-area .contact-info-right {
  position: relative;
  margin-left: 30px;
}
.top-bar-area .contact-info-right .phnumber {
  position: relative;
  display:inline-block
}
.top-bar-area .contact-info-right .phnumber p {
  color: #ffffff;
  font-size: 14px;
  margin: 0;
}
.top-bar-area .contact-info-right .phnumber span::before {
  color: #dc6024;
  display: inline-block;
  padding-right: 6px;
  position: relative;
  top: 3px;
  font-size: 18px;
}

.top-bar-area .contact-info-right .language-switcher {
  position: relative;
  display:inline-block
}


.top-social-links {
  position: relative;
  display:inline-block
}
.top-social-links ul li {
  display: inline-block;
  margin-left: 15px;
}
.top-social-links ul li a i {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  transition: all 500ms ease 0s;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  line-height: 20px;
}
.top-social-links ul li a:hover i{
  color: #dc6024;
}





/*==============================================
    Header Area Css
===============================================*/
.header-area {

}
.header-area .outer-box {
  padding-right: 120px;
  position: relative;
}
.header-area .outer-box .logo {

}

/* Search css*/
.header-area .outer-box .search-box-btn {
  position: absolute;
  right: 0;
  top: 34px;
}
.header-area .outer-box .search-box-btn .toggle-search button {
  background: none;
  border: none;
  padding: 0;
  color: #252525;
  font-size: 15px;
  width: 30px;
  height: 30px;
      margin-top: 0px;
}
.page_cart .Breadcrumb{
  display: none;
}

.header-search {
  position: relative;
  padding: 10px 0px;
  background: #141414;
  z-index: 5;
  display: none;
}
.header-search .container {}
.header-search .search-form {
  position: relative;
  width: 270px;
}
.header-search .search {
  position: relative;
  margin: 0px;
}
.header-search input[type="search"] {
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  background: none;
  padding: 7px 40px 7px 15px;
  border: 1px solid #373737;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
.header-search button {
  background: #1b1b1b;
  border-radius: 0 4px 4px 0;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 38px;
  border: 1px solid #dc6024;
}
.header-search button span::before {
    color: #fff;
    font-size: 15px;
}
.header-search .search input:focus {
    border: 1px solid #dc6024
}
.header-search .search input:focus + button, .header-search .search input button:hover {
  background: #dc6024 none repeat scroll 0 0;
  color: #1b1b1b;
  border: 1px solid #dc6024;
}

/* Cart Btn css*/
.header-area .outer-box .cart-btn {
  height: 30px;
  position: absolute;
  right: 70px;
  top: 34px;
  width: 30px;
}
.header-area .outer-box .cart-btn a {
  height: 35px;
  position: relative;
  width: 35px;
  display: block;
  text-align: center;
}
.header-area .outer-box .cart-btn a .carticon {
  color: #252525;
  font-size: 20px;
}
.header-area .outer-box .cart-btn a .item-count {
  background: #dc6024 none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  top: -3px;
  width: 16px;
}

/* Mainmenu css*/
.main-menu {
  float: right;
  position: relative;
}
.main-menu .navbar-collapse {
  padding: 0px
}
.main-menu .navigation {
  float: right;
  margin: 0;
  position: relative;
}
.main-menu .navigation li {
  float: left;
  margin-left: 10px;
  padding: 0;
  position: relative;
}

.main-menu .navigation li a {
color: #252525;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    opacity: 1;
    padding: 39px 10px 29px 0;
    position: relative;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
}

img.attachment-arctica_370x250.size-arctica_370x250.wp-post-image.product {
    max-width: initial;
    width: initial;
    height: 100%;
}
.main-menu .navigation > li.dropdown > a {
  padding-right: 18px
}
.text-holder.pproduct {
    padding: 10px !important;
}

h3.blog-title.tproduct {
    padding-top: 0px !important;
    margin-top: 0px;
    height: 70px !important;
}

h3.blog-title.tproduct a {
    font-size: 16px !important;
}
.meta-info li.adproduct, .meta-info li.adproduct i {
    color: #dc6024 !important;
    font-size: 14px !important;
}

a.read {
    background: #ededed;
    text-align: center;
    padding: 8px !important;
    position: relative;
}


.icon {
    margin-right: 15px;
}
.icon .fa{
    margin-right: 5px;
    font-size: 20px;
    padding: 10px;
}

.sc_property_info_list {
    background: #fff;
}

.main-menu .navigation > li.dropdown > a:after {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  top: 39px;
  right: 7px;
  font-size: 14px;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a, .main-menu .navigation > li.ccurrent-menu-ancestor > a {
  color: #dc6024;
  opacity: 1;
}
.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 140%;
  width: 250px;
  padding: 0px;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  border-bottom: 3px solid #dc6024;
  transition: all 500ms ease;
}
.main-menu .navigation > li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li > ul > li {
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.main-menu .navigation > li > ul > li:first-child{
  border: none;
}
.main-menu .navigation > li > ul > li > a {
  background: #f7f7f7;
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 6px 15px 6px 20px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: #dc6024;
  background-color: #eeeeee;
}
.header-area .container {
    width: 95% !important;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'FontAwesome';
  content: "\f105";
  position:absolute;
  right:20px;
  top:15px;
  display:block;
  color:#252525;
  font-size:14px;
  text-align:center;
  z-index:5;
  font-weight: 400;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#dc6024;	
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:110%;
  top:0px;
  width:220px;
  padding:0px;
  z-index:100;
  border-bottom: 3px solid #dc6024;
  border-left: 1px solid #fdfcfc;
  visibility:hidden;
  opacity:0;
  transition:all 500ms ease;
}
.main-menu .navigation > li > ul li:hover ul {
  left: 100%;
  opacity: 1;
  visibility: visible;
}

.main-menu .navigation > li > ul > li ul li {
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.main-menu .navigation > li > ul > li ul li:first-child{
  border-top: none;
}
.main-menu .navigation > li > ul > li ul li a{
  background: #f7f7f7;
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 15px 15px 15px 20px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;    
}
.main-menu .navigation > li > ul > li  > ul > li:hover > a{
  background-color: #252525;	
  color: #dc6024;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  background: url(images/icon/submenu-icon.png) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}



/*** 
=============================================
    Rev Slider Wrapper style
=============================================
***/
.rev_slider_wrapper .slide-content-box h1 {
  color: #ffffff;
  font-size: 80px;
  font-weight: 900;
  line-height: 90px;
  margin: 0px 0 14px;
  text-transform: uppercase;
}
.rev_slider_wrapper .slide-content-box h1 span{
  font-family: "OilBats";  
  color: #dc6024;
}


.rev_slider_wrapper .slide-content-box h3 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 22px;
}
.rev_slider_wrapper .slide-content-box h3 span{
  color: #dc6024;
}

.rev_slider_wrapper .slide-content-box .button a{
  padding: 17px 40px 15px;
  border-radius: 0;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}
.rev_slider_wrapper .slide-content-box .button a.bdr{
  border: 2px solid #949494;
}



/*** 
=============================================
    Welcome Area style
=============================================
***/
.welcome-area {
    padding-bottom: 40px;
    padding-top: 25px;
    }
.welcome-area .text-holder { }
.welcome-area .text-holder h3{
    color: #dc6024;
    font-size: 25px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 0 0px;
    height: 50px;
    text-transform: uppercase;
}
.welcome-area .text-holder .bottom {
  margin-top: 30px;
  padding-left: 215px;
  position: relative;
}
.welcome-area .text-holder .bottom .button {
  position: absolute;
  top: 0;
  left: 0;
}
.welcome-area .text-holder .bottom .button a{
  padding: 17px 30px 15px;
}
.welcome-area .text-holder .bottom .title h3 {
  color: #252525;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  position: relative;
  top: 10px;
}
.welcome-area .text-holder .bottom .title h3 span{
  color: #dc6024;
  font-family: "OilBats";
  line-height: 30px;
  margin-top: 5px;
}


.welcome-area .gallery {
  position: relative;
  margin-top: 5px;
}
.welcome-area .gallery .video-gallery {
  width: 310px;
  height: 280px;
  text-align: center;
  border: 6px solid #f7f7f7;
  position: relative;
  transition: border-color 0.4s ease 0s;
  overflow: hidden;
}
.welcome-area .gallery .video-gallery img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.welcome-area .gallery .video-gallery .overlay-gallery {
  background-color: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  transition: background-color 0.4s ease 0s;
}
.welcome-area .gallery .video-gallery .overlay-gallery .icon-holder{
  display: table;
  height: 100%;
  width: 100%;    
}
.welcome-area .gallery .video-gallery .overlay-gallery .icon-holder .icon{
  display: table-cell;
  vertical-align: middle;    
}
.welcome-area .gallery .video-gallery .overlay-gallery .icon-holder .icon a img{
  width: auto;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.welcome-area .gallery .gallery-bg-img {
  position: absolute;
  right: 15px;
  top: 50px;
  z-index: -1;
  margin-left: -25px;
}

.welcome-area .gallery .video-gallery:hover .overlay-gallery {
  background-color: rgba(213, 172, 99, 0.70);
}
.welcome-area .gallery .video-gallery:hover img {
  transform: scale(1.1);
}
.welcome-area .gallery .video-gallery .overlay-gallery .icon-holder .icon a:hover img{
  transform: scale(1.1);
}


/*** 
=============================================
    Service Area style
=============================================
***/
.service-area {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 50px;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.service-area::before {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.service-area .sec-title {
  padding-bottom: 44px;
}
.service-area .sec-title h2 {
  color: #ffffff;
}

.single-service-item{
  margin-bottom: 41px;    
}
.single-service-item .img-holder{
height: 240px;
    display: block;
    overflow: hidden;
    position: relative;
}
.single-service-item .img-holder img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
height: 100%;
    width: initial;
    display: block;
    margin: auto; 
}
.single-service-item .img-holder .overlay .box .content a i{
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  height: 45px;
  line-height: 48px;
  transition: all 500ms ease 0s;
  width: 45px; 
}
.single-service-item:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.single-service-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-service-item .img-holder .overlay .box .content a:hover i{
  background: #dc6024;
}

.single-service-item .text-holder {
      text-align: center;
}
.single-service-item .text-holder h3 a {
  color: #dc6024;
  display:block;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin: 20px 0 6px;
  text-transform: capitalize;
}
.single-service-item .text-holder h3 a span{
  color: #fff;
}
.single-service-item .text-holder p{
  color: #c1c1c1;
}



/*** 
=============================================
    Latest Project Area style
=============================================
***/
.latest-project-area{
  padding-top: 100px;
  padding-bottom: 30px;
  overflow: hidden;
}
.latest-project-area .sec-title {
  padding-bottom: 10px;
}
.latest-project-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.latest-project-area .project-filter {
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.latest-project-area .project-filter li {
  display: inline-block;
  float: left;
  margin: 0;
}

.latest-project-area .project-filter li span {
  color: #9a9a9a;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
  font-family: 'Roboto', sans-serif;
}
.latest-project-area .project-filter li:last-child span:after{
  content: "";
}
.latest-project-area .project-filter li span::after {
  color: #eaeaea;
  content: "/";
  display: inline-block;
  margin: 0 20px 0 20px;
}
.latest-project-area .project-filter li.active span, 
.latest-project-area .project-filter li:hover span {
  color: #dc6024;
}

.single-project-item {
  padding-bottom: 30px;
}
.single-project-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;     
}
.single-project-item .img-holder img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: 100%;
    min-height: 200px; 
}


.single-project-item .img-holder .overlay .box {
  
}
.single-project-item .img-holder .overlay .box .content {
  
}
.single-project-item .img-holder .overlay .box .content h3 a {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 3px;
  transition: all 500ms ease;
}
.single-project-item .img-holder .overlay .box .content p {
  font-weight: 400;
  color: #dc6024;
  margin: 0;
  padding:0 15px;
}
.single-project-item:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);      
}
.single-project-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-project-item .img-holder .overlay .box .content h3 a:hover{
  color: #dc6024;
}

.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 500ms ease 0s;
  width: 40px;
}
.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder a i {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  transition: all 500ms ease;
}
.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #dc6024;    
} 



/*** 
=============================================
    Slogan Area style
=============================================
***/
.slogan-area {
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
  z-index: 1;  
}
.slogan-area::before {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.slogan-area .slogan {
  padding: 0 140px;
}
.slogan-area .slogan h2{
  color: #dc6024;
  font-size: 28px;
  font-weight: 400;
  line-height: 44px;
  text-align: center;
  transform: scale(1);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;   
}
.slogan-area .slogan:hover h2{
  color: #fff;
  transform: scale(1.1);    
}


/*** 
=============================================
    Working Area style
=============================================
***/
.working-area{
  padding-top: 100px;
  padding-bottom: 50px;
}
.working-area .sec-title {
     padding: 0 15px 30px;
}
.working-area .sec-title p {
  font-size: 18px;
  line-height: 32px;
  margin: 16px 0 0px;
}
.working-area .single-working-item {
  padding-bottom: 40px;
}
.working-area .single-working-item .icon-box {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f7f7f7;
  border-radius: 50%;
  display: block;
  height: 180px;
  padding: 9px;
  position: relative;
  width: 180px;
  margin: 0 auto;
  transition: all 500ms ease;
}

.working-area .single-working-item .icon-box .icon {
  background: #f7f7f7 none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  height: 160px;
  width: 160px;
  text-align: center;
  line-height: 160px;
  color: #dc6024;
  font-size: 50px;
  transition: all 500ms ease;
}
.working-area .single-working-item .icon-box .icon span:before{
  font-size: 50px;
}
.working-area .single-working-item .icon-box .count {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #f7f7f7;
  border-radius: 50%;
  display: block;
  height: 45px;
  left: 5px;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 45px;
  transition: all 500ms ease;
}
.working-area .single-working-item .icon-box .count h3 {
  color: #252525;
  font-size: 18px;
  line-height: 45px;
  font-weight: 700;
  transition: all 500ms ease;
}
.working-area .single-working-item .text-box { }
.working-area .single-working-item .text-box h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 21px 0 9px;
}
.working-area .single-working-item .text-box p {
  margin: 0;  
}
.working-area .single-working-item:hover .icon-box{
  background: #dc6024;
} 
.working-area .single-working-item:hover .icon-box .count{
  background: #dc6024;
}
.working-area .single-working-item:hover .icon-box .count h3{
  color: #fff;
}


/*** 
=============================================
    Testimonial Area style
=============================================
***/
.testimonial-area {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 30px;
  padding-top: 50px;
  position: relative;
  z-index: 1;
}
.testimonial-area::before {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.testimonial-area .sec-title h2 {
  color: #ffffff;
  margin: 0 0 7px;
}
.testimonial-area .sec-title .border {
  background: #dc6024;
  height: 2px;
  width: 70px;
  display: inline-block;
}
.testimonial-area .sec-title .border {
  background: #dc6024;
  height: 2px;
  width: 70px;
  display: inline-block;
}
.testimonials-carousel .single-slide-item .img-box {
    width: 400px;
    border: 3px solid rgba(255,255,255,0.20);
    position: relative;
}
.testimonials-carousel .single-slide-item .img-box .client-photo {
  background: #dc6024 none repeat scroll 0 0;
  height: 90px;
  padding: 2px;
  position: absolute;
  right: -45px;
  top: 23%;
  width: 90px;
}
.testimonials-carousel .single-slide-item .review-box {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  bottom: 0;
  height: 50px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 10px 0;
}
.testimonials-carousel .single-slide-item .review-box span{
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
.testimonials-carousel .single-slide-item .review-box ul {
  display: inline-block;
  padding-left: 5px;
}
.testimonials-carousel .single-slide-item .review-box ul li {
  display: inline-block;
  margin-right: 3px;
}
.testimonials-carousel .single-slide-item .review-box ul li i{
  color: #dc6024;
  font-size: 14px;
}

.testimonials-carousel .single-slide-item .img-box,
.testimonials-carousel .single-slide-item .text-box{
  display: table-cell;
  vertical-align: top;
}
.testimonials-carousel .single-slide-item .text-box {
  padding-left: 100px;
}
.testimonials-carousel .single-slide-item .text-box span::before {
  color: #dc6024;
  font-size: 30px;
}
.testimonials-carousel .single-slide-item .text-box .text {
  margin-top: 15px;
}
.testimonials-carousel .single-slide-item .text-box .text p {
  color: #c1c1c1;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 27px;
}
.testimonials-carousel .single-slide-item .text-box .text h3{
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.testimonials-carousel .single-slide-item .text-box .text h4{
  color: #dc6024;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}


.testimonials-carousel.owl-carousel .owl-nav {
  display: none;
}
.testimonials-carousel .owl-dots {
  margin-left: -114px;
  margin-top: -20px;
  position: relative;
}
.testimonials-carousel .owl-dots .owl-dot{
  background-image:none !important;
  width:10px !important;
  height:10px !important;
  margin:0px 5px !important;
  padding:0px;
  border:1px solid #b8b8b8;
  background:none;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  -moz-border-radius:50%;
  transition: all 500ms ease;
}

.testimonials-carousel .owl-dots .owl-dot span{
  display:none;	
}
.testimonials-carousel .owl-dots .owl-dot.active{
  border-color:#dc6024;
  background:#dc6024;
}


/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
padding-top: 10px;
    padding-bottom: 15px;
}
.latest-blog-area .sec-title {
  padding-bottom: 10px;
      padding-top: 20px;
}
.latest-blog-area .more-blog-button {
  
}
.copyright-text {
    color: #fff;
}
.latest-blog-area .more-blog-button a {
  padding: 17px 43px 15px;
}
.latest-blog-area .single-blog-item {
  margin-bottom: 50px;
  transition: all 500ms ease;
}
.single-blog-item{
    
}
.single-blog-item .img-holder{
    display: block;
    overflow: hidden;
    position: relative;
    max-height: 335px; 
    min-height: 335px;
    background: #d9d9d9;
}

.single-blog-item .img-holder2{
    display: block;
    overflow: hidden;
    position: relative;
    height: 200px;	
    background: #d9d9d9;
}



@media screen and (max-width: 1300px){

.main-menu .navigation li a {
    padding: 39px 0px 29px 0;
}
}

@media screen and (max-width: 768px){

.single-blog-item .img-holder2 {
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
    background: #d9d9d9;
}
img.attachment-arctica_370x250.size-arctica_370x250.wp-post-image.product {
    max-width: 100%;
    width: 100%;
    height: 100%;
}
}
.box-about-us ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #e32934;
    padding-right: 8px;
}
.box-about-us ul li {
    margin-bottom: 6px;
    padding-left: 15px;
    text-align: left;
}
.single-blog-item .img-holder img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;    
}
.single-blog-item .img-holder .overlay .box .content a i {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 45px;
  line-height: 46px;
  transition: all 500ms ease 0s;
  width: 45px;   
}
.single-blog-item:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.single-blog-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-blog-item .img-holder .overlay .box .content a:hover i{
  background: #dc6024;
}

.single-blog-item .text-holder {
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
 transition: all 500ms ease;
}
.single-blog-item .text-holder .blog-title {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding: 23px 0 5px;
  display: block;
 transition: all 500ms ease;
     height: 90px;
    overflow: hidden;
}
.scroll-to-top.scroll-to-target {
    bottom: 80px;
}
.single-blog-item .text-holder .blog-title a {
    color: #252525;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 20px;
    display: block;
    transition: all 500ms ease;
}
.blog-with-sidebar-area .single-blog-item .text-holder .blog-title a {
  color: #252525;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  display: block;
 transition: all 500ms ease;
}
.single-blog-item .text-holder .blog-title a:hover,
.blog-with-sidebar-area .single-blog-item .text-holder .blog-title a:hover {
  color: #dc6024;
}
.single-blog-item .text-holder .meta-info {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 14px;
}
.single-blog-item .text-holder .meta-info li {
  display: inline-block;
  margin: 0 8px;
  color: #c1c1c1;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.single-blog-item .text-holder .meta-info li i{
  color: #c1c1c1;
  font-size: 16px;
  display: inline-block;
  padding-right: 8px;
}
.single-blog-item .text-holder .meta-info li a{
  color: #c1c1c1;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif; 
  transition: all 500ms ease;
}

.single-blog-item .text-holder .text {
  
}
.single-blog-item .text-holder .text p {
  margin: 0;  
}
.single-blog-item .text-holder .text .readmore {
  color: #252525;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  padding: 13px 0 0;
  transition: all 500ms ease;
}
.single-blog-item .text-holder .text .readmore i{
  display: inline-block;
  padding-left: 5px;
}

.latest-blog-area .single-blog-item:hover{
  -moz-box-shadow: 0px 2px 4px #c1c1c1;
  -webkit-box-shadow: 0px 2px 4px #c1c1c1;
  box-shadow: 0px 2px 4px #c1c1c1; 
}
.single-blog-item .text-holder .blog-title:hover{
  color: #dc6024;
}
.single-blog-item .text-holder .meta-info li a:hover{
  color: #dc6024;
}
.single-blog-item .text-holder:hover .text .readmore {
  color: #dc6024;
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.brand-area {
  background: #dc6024;
  padding-bottom: 50px;
  padding-top: 50px;
}
.brand-area .brand .owl-stage-outer{
  z-index:10;		
}
.brand-area .brand .single-item {
  border: 2px solid #c9a565;
  height: 90px;
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  text-align: center;
}
.brand-area .brand .single-item img {
  display: inline-block;
  max-width: 100% !important;
  opacity: 1;
  padding: 0px 0;
  position: relative;
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  width: auto !important;
}
.brand-area .brand .single-item:hover{
  border: 2px solid #c5a264;
  background: #cfa65e;
}
.brand-area .brand .single-item:hover img{
  opacity: .9;
}
.brand-area .owl-controls {
  display: none;
}



/*** 
=============================================
    Footer area style
=============================================
***/
.footer-area {
  background: #1b1b1b none repeat scroll 0 0;
  padding-bottom: 75px;
  padding-top: 80px;
}
.single-footer-widget .footer-logo {
  padding: 0 0 27px;
}
.single-footer-widget .interrio-info {
  overflow: hidden;
  margin: 0 0 30px;
}
.single-footer-widget .interrio-info p {
  margin: 0;
}
.single-footer-widget .interrio-info p span{
  color: #dc6024;
  font-weight: 700;
}
.single-footer-widget .footer-contact-info {
  overflow: hidden;
}
.single-footer-widget .footer-contact-info li {
  border-bottom: 1px solid #242424;
  margin-bottom: 7px;
  padding-bottom: 9px;
  padding-left: 30px;
  position: relative;
}
.single-footer-widget .footer-contact-info li:last-child{
  border-bottom: 0px solid #242424;  
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.single-footer-widget .footer-contact-info li .icon-holder {
  position: absolute;
  top: 0;
  left: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder span:before{
  color: #dc6024;
  font-size: 20px;
}
.single-footer-widget .footer-contact-info li .icon-holder.time span::before {
  top: 3px;
  position: relative;
}
.single-footer-widget .footer-contact-info li .text-holder {}
.single-footer-widget .footer-contact-info li .text-holder p {
  margin: 0;
  color: #c1c1c1;
}

.single-footer-widget .title {
  padding-bottom: 40px;
  padding-top: 6px;
}
.single-footer-widget .title h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
}
.single-footer-widget .popular-news { }
.single-footer-widget .popular-news .single-popular-news-item {
  padding-left: 105px;
  position: relative;
  margin-bottom: 40px;
}
.single-footer-widget .popular-news .single-popular-news-item:last-child{
  margin-bottom: 0;    
}
.single-footer-widget .popular-news .single-popular-news-item .img-holder {
  width: 80px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.single-footer-widget .popular-news .single-popular-news-item .img-holder img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;       
}
.single-footer-widget .popular-news .single-popular-news-item .img-holder .overlay .box .content a i {
  font-size: 16px;
  transition: all 500ms ease 0s; 
  color: #fff;
}
.single-footer-widget .popular-news .single-popular-news-item:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.single-footer-widget .popular-news .single-popular-news-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-footer-widget .popular-news .single-popular-news-item .img-holder .overlay .box .content a:hover i{
  color: #dc6024;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder {
  position: relative;
  top: -8px;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder p {
  color: #c1c1c1;
  margin: 0 0 10px;
 transition: all 500ms ease;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder .info {
  overflow: hidden;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder .info li {
  border-right: 1px solid #dc6024;
  display: inline-block;
  float: left;
  line-height: 15px;
  margin-right: 10px;
  padding-right: 10px;
  color: #dc6024;
  transition: all 500ms ease;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder .info li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder a:hover p{
  color: #dc6024;
}


.single-footer-widget .subscribe-form {
  overflow: hidden;
  position: relative;
  top: -10px;
}
.single-footer-widget .subscribe-form p {
  color: #c1c1c1;
  margin: 0 0 11px;
}
.single-footer-widget .subscribe-form form {
  position: relative;  
}
.single-footer-widget .subscribe-form form input[type=text] {
    background: #1e1e1e;
    border: 1px solid #242424;
    color: #c1c1c1;
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    height: 50px;
    padding-left: 15px;
    padding-right: 55px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;  
}
.single-footer-widget .subscribe-form form button {
    background: #1e1e1e none repeat scroll 0 0;
    border-left: 2px solid #242424;
    color: #dc6024;
    display: block;
    height: 50px;
    padding: 10.5px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 50px;
    border-top: 1px solid #242424;
    border-right: 1px solid #242424;
    border-bottom: 1px solid #242424;
}
.single-footer-widget .subscribe-form form input[type=text]:focus {
    border: 1px solid #dc6024;
    background: #c1c1c1;
    color: #1b1b1b;
}
.single-footer-widget .subscribe-form form input[type=text]:focus + button, 
.single-footer-widget .subscribe-form form button:hover {
    background: #dc6024 none repeat scroll 0 0;
    color: #1b1b1b;
    border-color: #dc6024;
}



.single-footer-widget .subscribe-form h4 {
  color: #c1c1c1;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 28px;
  margin: 12px 0 10px;
}

.single-footer-widget .latest-project {}
.single-footer-widget .latest-project .latest-project-items {
  overflow: hidden;
  margin-top: -5px;
}
.single-footer-widget .latest-project ul li {
  display: inline-block;
  float: left;
  position: relative;
}
.single-footer-widget .latest-project ul li .img-holder {
  overflow: hidden;
  position: relative;
}
.single-footer-widget .latest-project ul li .img-holder img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;     
}
.single-footer-widget .latest-project ul li .img-holder .overlay .box .content a i {
  font-size: 16px;
  transition: all 500ms ease 0s; 
  color: #fff;  
}
.single-footer-widget .latest-project ul li:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);      
}
.single-footer-widget .latest-project ul li:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);  
}
.single-footer-widget .latest-project ul li .img-holder .overlay .box .content a:hover i {
  color: #dc6024;    
}

/*** 
=============================================
    Footer bottom area style
=============================================
***/
.footer-bottom-area {
    background: #141414 none repeat scroll 0 0;
    padding-bottom: 23px;
    padding-top: 18px;
}
.footer-bottom-area .copyright-text p {
    color: #c1c1c1;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    font-family: 'Lato', sans-serif;
}
.footer-bottom-area .copyright-text p a {
    color: #dc6024;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.footer-bottom-area .copyright-text p a:hover{
  color: #fff;
}

.footer-bottom-area .footer-menu {
  float: right;
  position: relative;
  top: 3px;
}
.footer-bottom-area .footer-menu ul li {
  display: inline-block;
  margin: 0 0 0 20px;
}
.footer-bottom-area .footer-menu ul li a i{
  color: #ffffff;
  font-size: 16px;
  transition: all 500ms ease;
}
.footer-bottom-area .footer-menu ul li a:hover i{
  color: #dc6024;
}



/*** 
=============================================
    Breadcrumb area style
=============================================
***/
.breadcrumb-area {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.breadcrumb-area h1 {
  color: #f9f9f9;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  padding-bottom: 159px;
  padding-top: 106px;
  text-transform: uppercase;
}

.breadcrumb-area .breadcrumb-bottom {
  background-color: rgba(0, 0, 0, 0.33);
  bottom: 0;
  height: 55px;
  left: 0;
  padding: 14px 0 15px;
  position: absolute;
  width: 100%;
}
.breadcrumb-area .breadcrumb-bottom .left ul {
  margin-left: -3px;
  margin-right: -3px;
}
.breadcrumb-area .breadcrumb-bottom .left ul li{
  color: #f9f9f9;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  text-transform: uppercase;
}
.breadcrumb-area .breadcrumb-bottom .left ul li a{
  color: #f9f9f9;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-bottom .left ul li a:after {
  content: "\f105";
  font-family: 'FontAwesome';
  margin: 0 10px;
}
.breadcrumb-area .breadcrumb-bottom .left ul li a:hover{
  color: #dc6024;
}
.breadcrumb-area .breadcrumb-bottom .right a{
  color: #dc6024;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-bottom .right a:hover{
  color: #fff;    
}
.breadcrumb-area .breadcrumb-bottom .right a i{
  display: inline-block;
  padding-right: 10px;
  font-size: 14px;
}



/*** 
=============================================
    About Interrio area style
=============================================
***/
.about-interrio-area {
  padding-bottom: 81px;
  padding-top: 100px;
}
.about-interrio-area .text-holder {
  
}
.about-interrio-area .text-holder h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  margin: -5px 0 24px;
  line-height: 32px;
}
.about-interrio-area .text-holder h3 span {
  color: #dc6024;
}
.about-interrio-area .text-holder .signature-and-name {
  margin: 30px 0 0;
}
.about-interrio-area .text-holder .signature-and-name .signature {
  width: 180px;
}
.about-interrio-area .text-holder .signature-and-name .signature,
.about-interrio-area .text-holder .signature-and-name .name{
  display: table-cell;
  vertical-align: middle;
}
.about-interrio-area .text-holder .signature-and-name .name {
  padding-left: 30px;  
}
.about-interrio-area .text-holder .signature-and-name .name h4{
  color: #252525;
  font-weight: 500;
  font-size: 18px;
  margin: 0 0 3px;
}
.about-interrio-area .text-holder .signature-and-name .name p{
  color: #dc6024;
  font-weight: 400;
  font-style: italic;
  margin: 0;
}

.about-interrio-area .single-item {
  
}
.about-interrio-area .single-item .img-holder {
  position: relative;
  overflow: hidden;
}
.about-interrio-area .single-item .img-holder img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;  
}
.about-interrio-area .single-item .img-holder .overlay .box .content a i {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 45px;
  line-height: 46px;
  transition: all 500ms ease 0s;
  width: 45px;  
}
.about-interrio-area .single-item:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);       
}
.about-interrio-area .single-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);    
}
.about-interrio-area .single-item .img-holder .overlay .box .content a:hover i{
  background: #dc6024;
}

.about-interrio-area .single-item .text-box {
  margin: 28px 0 0;
}
.about-interrio-area .single-item .text-box h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 14px;
}



/*** 
=============================================
    Choose area style
=============================================
***/
.choose-area {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 42px;
  padding-top: 100px;
  position: relative;
  z-index: 1;  
}
.choose-area::before {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.choose-area .sec-title {
  padding-bottom: 42px;
}
.choose-area .sec-title h2 {
  color: #ffffff;
}
.choose-area .sec-title .border {
  background: #dc6024 none repeat scroll 0 0;
  display: inline-block;
  height: 2px;
  margin: 24px 0 0;
  width: 70px;
}
.choose-area .single-item {
  margin-bottom: 50px;
  padding-left: 100px;
  position: relative;
}
.choose-area .single-item .icon-holder {
  background: #dc6024 none repeat scroll 0 0;
  height: 70px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 70px;
  transition: all 500ms ease;
}
.choose-area .single-item .icon-holder span::before {
  color: #ffffff;
  display: block;
  font-size: 40px;
  padding: 21px 0;
}
.choose-area .single-item .text-holder {}
.choose-area .single-item .text-holder h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 10px;
  position: relative;
  text-transform: capitalize;
  top: -2px;
}
.choose-area .single-item:hover .icon-holder {
  background: #1b1b1b;
}


/*** 
=============================================
    Team area style
=============================================
***/
.team-area {
  padding-bottom: 90px;
  padding-top: 100px;
}
.team-area .sec-title {
  padding-bottom: 45px;
}
.single-team-member {
  border: 1px solid #f7f7f7;
  padding: 9px;
}
.single-team-member .img-holder {
  display: block;
  overflow: hidden;
  position: relative;  
}
.single-team-member .img-holder img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%; 
}
.single-team-member .img-holder .overlay{
  background-color: rgba(0, 0, 0, 0.8);  
}
.single-team-member .img-holder .overlay .box .content ul li {
  display: inline-block;
  margin: 0 8px;
}
.single-team-member .img-holder .overlay .box .content ul li a i {
  color: #f7f7f7;
  font-size: 16px;
}

.single-team-member:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);         
}
.single-team-member:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);  
}
.single-team-member .img-holder .overlay .box .content ul li a:hover i {
  color: #dc6024;
}

.single-team-member .text-holder {
  padding-top: 18px;  
}
.single-team-member .text-holder h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 3px;
}
.single-team-member .text-holder p {
  color: #dc6024;
  font-size: 16px;
  margin: 0 0 3px;
}
.team-area .owl-controls {
  position: absolute;
  right: 0;
  top: -105px;
}
.team-area .owl-theme .owl-nav [class*="owl-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #f7f7f7;
  border-radius: 50%;
  color: #cccbcb;
  font-size: 20px;
  height: 45px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: all 700ms ease 0s;
  transition: all 700ms ease 0s;
  width: 45px;
  font-weight: 900;
}
.team-area .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 20px;
  font-weight: 900;
}
.team-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px
}
.team-area .owl-theme .owl-nav [class*="owl-"]:hover {
  color: #dc6024;
  border: 2px solid #dc6024;
}

.team-area .bottom-text {
  padding: 41px 175px 0;
}
.team-area .bottom-text h3{
  color: #252525;
  font-size: 22px;
  font-weight: 300;
  line-height: 36px;
}
.team-area .bottom-text h3 a{
  color: #dc6024;
}



/*** 
=============================================
    Slogan-area.bg-clr-1 style
=============================================
***/
.slogan-area.bg-clr-1 {}
.slogan-area.bg-clr-1::before {
  background: rgba(213, 172, 99, 0.93) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.slogan-area.bg-clr-1 .slogan {
  padding: 0 70px;
}
.slogan-area.bg-clr-1 .slogan h2{
  color: #ffffff;
}



/*** 
=============================================
    Fact counter area style
=============================================
***/
.fact-counter-area {
  padding-bottom: 100px;
  padding-top: 100px;
}
.fact-counter-area .sec-title {
  padding-bottom: 37px;
}
.fact-counter-area .fact-counter-carousel .single-item{
    
}
.fact-counter-area .owl-controls {
  bottom: -57px;
  left: 0;
  position: absolute;
}
.fact-counter-area .owl-theme .owl-nav [class*="owl-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #f7f7f7;
  border-radius: 50%;
  color: #cccbcb;
  font-size: 20px;
  height: 45px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: all 700ms ease 0s;
  transition: all 700ms ease 0s;
  width: 45px;
  font-weight: 900;
}
.fact-counter-area .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 20px;
  font-weight: 900;
}
.fact-counter-area .owl-theme .owl-nav .owl-next {
  margin-left: 10px
}
.fact-counter-area .owl-theme .owl-nav [class*="owl-"]:hover {
  color: #dc6024;
  border: 2px solid #dc6024;
}

.fact-counter-area .single-fact-counter {}
.fact-counter-area .single-fact-counter .box {
  background: #f7f7f7 none repeat scroll 0 0;
  height: 130px;
  position: relative;
}
.fact-counter-area .single-fact-counter .box h2 {
  display: block;
  padding: 60px 0 35px;
}
.fact-counter-area .single-fact-counter .box h2 span{
  color: #dc6024;
  font-size: 30px;
  font-weight: 500;
}
.fact-counter-area .single-fact-counter .box h2 i {
  color: #dc6024;
  font-size: 20px;
  font-weight: 900;
  left: 2px;
  position: relative;
  top: -3px;
}
.fact-counter-area .single-fact-counter .box .icon-holder {
  background: #ffffff none repeat scroll 0 0;
  height: 38px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 48px;
}
.fact-counter-area .single-fact-counter .box .icon-holder span {
	display:block;
}
.fact-counter-area .single-fact-counter .box .icon-holder span::before {
  color: #dc6024;
  display: block;
  font-size: 25px;
  font-weight: 600;
  padding: 4px 0;
  transition: all 500ms ease 0s;
}
.fact-counter-area .single-fact-counter .title {
  padding-top: 18px;
}
.fact-counter-area .single-fact-counter .title h3 {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
.fact-counter-area .single-fact-counter:hover .box .icon-holder span::before {
  background: #1b1b1b;  
  color: #fff;
}



/*** 
=============================================
    Not found area style
=============================================
***/
.not-found-area{
  background: #f7f7f7;
  padding-top: 122px;
  padding-bottom: 150px;
}
.not-found-content h1 {
  color: #252525;
  font-size: 150px;
  font-weight: 700;
  margin: 0 0 7px;
}
.not-found-content h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.not-found-content p {
  font-size: 18px;
  margin: 0 0 42px;
}

.not-found-content .search-form {
  width: 432px;
  position: relative;
  margin: 0 auto;
}
.not-found-content .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f1f1f1;
  color: #9a9a9a;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  height: 55px;
  letter-spacing: 1px;
  padding-left: 20px;
  padding-right: 60px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 432px;
}
.not-found-content .search-form button {
  background: #dc6024 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  height: 55px;
  padding: 11px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 55px;
}
.not-found-content .search-form button i {
    font-size: 14px
}
.not-found-content .search-form input[type="text"]:focus {
  border: 1px solid #1B1B1B;
  background: #dc6024;
  color: #fff;
}
.not-found-content .search-form input[type="text"]:focus + button, 
.not-found-content .search-form button:hover {
  background: #1B1B1B none repeat scroll 0 0;
  color: #fff;
}



/*** 
=============================================
    Faq content area style
=============================================
***/
.faq-content-area {
  overflow: hidden;
}
.accordion-box {
  padding: 80px 0 80px 100px;
}
.accordion-box .accordion {
  margin-bottom: 20px;
  position: relative;
  background: #fff;
}
.accordion-box .accordion .accord-btn {
  background: #f7f7f7 none repeat scroll 0 0;
  cursor: pointer;
  height: 55px;
  line-height: 18px;
  padding: 11px 20px 12px;
  position: relative;
  transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: all 500ms ease;
  text-transform: none;
}
.accordion-box .accordion .accord-btn::after {
  background: #252525 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  content:'\f067';
  font-family: "FontAwesome";
  font-size: 12px;
  font-weight: 100;
  height: 20px;
  line-height: 22px;
  margin-top: -15px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 32.5px;
  width: 20px;
  transition: all 500ms ease;
}

.accordion-box .accordion .accord-btn.active {
  background: #252525 none repeat scroll 0 0;
}
.accordion-box .accordion .accord-btn.active:after{
  content:'\f068';
  color: #252525;
  background: #dc6024;
}
.accordion-box .accordion .accord-btn.active h4{
  color: #dc6024;
}
.accordion-box .accordion .accord-content {
  border-top: medium none;
  display: none;
  padding: 22px 20px 1px;
  position: relative;
}
.accordion-box .accordion .accord-content.collapsed{
	display:block;	
}

.accordion-box .accordion .accord-content p {
  color: #9a9a9a;
  line-height: 28px;
  margin: 0;
}

.faq-content-area .question-form {
  background: #f7f7f7 none repeat scroll 0 0;
  padding: 76px 100px 100px 30px;
}
.faq-content-area .question-form h1 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.faq-content-area .question-form form input[type="text"],
.faq-content-area .question-form form input[type="email"],
.faq-content-area .question-form form textarea{
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  display: block;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
  border: 1px solid transparent;
}
.faq-content-area .question-form form input[type="text"]:focus{
  border: 1px solid #dad7d7;    
}
.faq-content-area .question-form form textarea:focus{
  border: 1px solid #dad7d7;    
}
.faq-content-area .question-form form textarea{
  height: 155px;
  padding: 15px 20px;
}
.faq-content-area .question-form form input[type="submit"] {
  background: #252525 none repeat scroll 0 0;
  border-color: #252525;
  color: #dc6024;
  margin: 10px 0 0;
  padding: 15px 30px 13px;
  transition: all 500ms ease;
}
.faq-content-area .question-form form input[type="submit"]:hover{
  background: #dc6024;
  color: #fff;
}



/*** 
=============================================
    Press Release Content Area style
=============================================
***/
.press-release-content-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.press-release-content-area .img-holder {
  display: block;
  overflow: hidden;
}
.press-release-content-area .img-holder img{
  width: 100%;
}

.press-release-content-area .press-release-caption {
  overflow: hidden;
  position: relative;
  padding-left: 30px;
}
.press-release-content-area .press-release-caption:before{
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #dc6024;
  font-size: 20px;
  position: absolute;
  top: 0px;
  left: 0;    
}
.press-release-content-area .press-release-caption:after{
  content: "\f10e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #dc6024;
  font-size: 20px;
  position: absolute;
  top: 40px;
  right: 53%;     
}
.press-release-content-area .press-release-caption h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
  margin: 6px 0 16px;
}

.press-release-content-area .text {
  margin: 0 0 20px;
  overflow: hidden;
  padding-left: 30px;
}
.press-release-content-area .client-info {
  overflow: hidden;
  padding-left: 30px;
}
.press-release-content-area .client-info .signature {
  width: 185px;
}
.press-release-content-area .client-info .signature,
.press-release-content-area .client-info .client-name{
  display: table-cell;
  vertical-align: middle;
}

.press-release-content-area .client-info .client-name {
padding-left: 20px;  
}
.press-release-content-area .client-info .client-name h3{
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 5px;
}
.press-release-content-area .client-info .client-name p{
  color: #dc6024;
  margin: 0;
  font-style: italic;
}



/*** 
=============================================
    Press Release Item Area style
=============================================
***/
.press-release-item-area {
  overflow: hidden;
  padding-bottom: 40px;
}
.press-release-item-area .single-item {
  display: block;
  margin-bottom: 60px;
  overflow: hidden;
}
.press-release-item-area .single-item .img-holder {
  position: relative;
  overflow: hidden;
}
.press-release-item-area .single-item .img-holder img{
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.press-release-item-area .single-item .img-holder .overlay .box .content a i {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  height: 45px;
  line-height: 48px;
  transition: all 500ms ease 0s;
  width: 45px;  
}

.press-release-item-area .single-item .text-holder {
  padding-top: 18px;  
}
.press-release-item-area .single-item .text-holder p {
  margin: 0;  
}
.press-release-item-area .single-item .text-holder a{
  display: inline-block;
  background: #f7f7f7;
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  padding: 2px 10px 0px;
  margin: 6px 0 0;
  transition: all 500ms ease;
}

.press-release-item-area .single-item:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);      
}
.press-release-item-area .single-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);  
}
.press-release-item-area .single-item .img-holder .overlay .box .content a:hover i {
  background: #dc6024 none repeat scroll 0 0; 
}
.press-release-item-area .single-item:hover .text-holder a{
  background: #dc6024;
  color: #fff;
}



/*** 
=============================================
    Testimonial v2 Area style
=============================================
***/
.testimonial-v2-area {
  padding-bottom: 50px;
  padding-top: 100px;
}
.testimonial-v2-area .single-item {
  margin-bottom: 50px;
  overflow: hidden;
  transition: all 500ms ease;
}
.testimonial-v2-area .single-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;
}
.testimonial-v2-area .single-item .img-holder img {
  transition: all 0.5s ease 0s;
  width: 100%;
}
.testimonial-v2-area .single-item .img-holder .quote-box {
  background: #252525 none repeat scroll 0 0;
  border-radius: 50%;
  color: #dc6024;
  display: block;
  font-size: 20px;
  height: 45px;
  left: 20px;
  line-height: 48px;
  position: relative;
  text-align: center;
  top: -22.5px;
  width: 45px;
  transition: all 500ms ease;
}
.testimonial-v2-area .single-item .text-holder {
  border: 1px solid #f7f7f7;
  border-top: 0px solid #f7f7f7;
  margin-top: -45px;
  padding-top: 35px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 25px;
}
.testimonial-v2-area .single-item .text-holder p {
  margin: 0 0 15px;
}
.testimonial-v2-area .single-item .text-holder h3{
  color: #252525;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}
.testimonial-v2-area .single-item .text-holder h3 span{
  color: #dc6024;
  font-size: 16px;
  font-style: italic;
}

.testimonial-v2-area .single-item:hover .img-holder .quote-box{
  margin-left: 30%;
}
.testimonial-v2-area .single-item:hover .img-holder img {
  opacity: .8;
}
.testimonial-v2-area .single-item:hover{
  -webkit-box-shadow: 1px 3px 11px 1px rgba(158,158,158,0.27);
  -moz-box-shadow: 1px 3px 11px 1px rgba(158,158,158,0.27);
  box-shadow: 1px 3px 11px 1px rgba(158,158,158,0.27);
}



/*** 
=============================================
    Blog Area style
=============================================
***/
#blog-area {
  padding-bottom: 100px;
  padding-top: 80px;
}
#at4-share {
  display:none;
}

 {
  border-right: 1px solid #f7f7f7;
  margin-bottom: -100px;
  margin-right: -25px;
  margin-top: -80px;
  padding-bottom: 100px;
  padding-right: 25px;
  padding-top: 80px;
}
 .single-blog-item {
  margin-bottom: 60px;
}
 .single-blog-item .img-holder .overlay .box .content a i {
  border-radius: 5%;
  font-size: 20px;
  height: 50px;
  line-height: 52px;
  width: 50px;
}
 .single-blog-item .text-holder {
    padding-bottom: 30px;
    padding-left: 5px;
    padding-right: 5px;
}
 .single-blog-item .text-holder .blog-title {
  font-size: 24px;
  padding: 33px 0 5px;
}
 .single-blog-item .text-holder .text .bottom {
  margin-top: 30px;  
}
 .single-blog-item .text-holder .text .bottom .readmore {
  padding: 0;
}
 .single-blog-item .text-holder .text .bottom .readmore a {
  border: 2px solid #f7f7f7;
  color: #252525;
  display: block;
  height: 45px;
  line-height: 44px;
  text-align: center;
  transition: all 500ms ease;
}
 .single-blog-item .text-holder .text .bottom .share {}
 .single-blog-item .text-holder .text .bottom .share h5 {
  color: #252525;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-right: 15px;
  position: relative;
  text-transform: uppercase;
  top: -18px;
}
 .single-blog-item .text-holder .text .bottom .share h5 i {
  display: inline-block;
  padding-left: 10px;
}
 .single-blog-item .text-holder .text .bottom .share .social-share {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  overflow: hidden;
  display: inline-block;
}
 .single-blog-item .text-holder .text .bottom .share .social-share li {
  display: inline-block;
  float: left;
  margin: 0 5px;
}
 .single-blog-item .text-holder .text .bottom .share .social-share li a i {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 2px solid #f7f7f7;
  color: #c1c1c1;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  transition: all 500ms ease;
}

 .single-blog-item:hover .text-holder .text .bottom .readmore a{
  background: #dc6024;
}
 .single-blog-item .text-holder .text .bottom .share .social-share li a:hover i{
  background: #dc6024;
  color: #fff;
  border-color: #dc6024;
}
.blog-with-sidebar-area .post-pagination {
  margin-top: -10px;
}


.post-pagination li {
  display: inline-block;
  margin: 0 3px;
}
.post-pagination li a,
.post-pagination li span {
  background: #fff;
  border: 1px solid #f7f7f7;
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 600;
  height: 55px;
  padding: 13px 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 55px;
}
.post-pagination li.active a, .post-pagination li:hover a,
.post-pagination li span.current, .post-pagination li span:hover {
  background: #252525;
  color: #dc6024;
  border: 1px solid #252525;
}


.sidebar-wrapper {
  padding-left: 20px;
}
.sidebar-wrapper .single-sidebar {
  overflow: hidden;
  margin-bottom: 60px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .sidebar-title {
  overflow: hidden;
  padding-bottom: 26px;
  margin-top: -4px;
}
.sidebar-wrapper .single-sidebar .sidebar-title h1 {
  color: #252525;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}

.sidebar-wrapper .single-sidebar form.search-form {
  position: relative
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f7f7f7;
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  letter-spacing: 1px;
  padding-left: 15px;
  padding-right: 55px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
  background: #dc6024 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: block;
  height: 50px;
  padding: 11px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
  font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
  border: 1px solid #1B1B1B;
  background: #f7f7f7;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #1B1B1B none repeat scroll 0 0;
    color: #fff;
}


.single-sidebar .categories {
  margin-top: -6px;
}
.single-sidebar .categories li {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 12px;
  padding-bottom: 11px;
}
.single-sidebar .categories li:last-child {
  margin-bottom: 0;
}
.single-sidebar .categories li a {
  color: #9a9a9a;
  transition: all 500ms ease;
  font-size: 16px;
  font-weight: 300;
}
.single-sidebar .categories li a i {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
.single-sidebar .categories li a span {
  display: inline-block;
  padding-left: 10px;
}
.single-sidebar .categories li a:hover{
  color: #dc6024;    
}


.single-sidebar .recent-post {}
.single-sidebar .recent-post li {
  margin-bottom: 25px;
  padding-left: 70px;
  position: relative;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 21px;
}
.single-sidebar .recent-post li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.single-sidebar .recent-post li .img-holder {
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 70px;
}
.single-sidebar .recent-post li .img-holder img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.single-sidebar .recent-post li .img-holder .overlay .box .content a i{
  color: #fff;
  font-size: 16px;
  transition: all 500ms ease;
}
.single-sidebar .recent-post li:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.single-sidebar .recent-post li:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-sidebar .recent-post li .img-holder .overlay .box .content a:hover i{
  color: #dc6024;
}
.single-sidebar .recent-post li .title {
  padding-left: 20px;
}
.single-sidebar .recent-post li .title h3 {
  font-size: 16px;
  line-height: 28px;
  position: relative;
  text-transform: none;
  top: -7px;
}
.single-sidebar .recent-post li .title h3 a {
  color: #9a9a9a;
  display: block;
  transition: all 500ms ease;
  font-weight: 300;
}
.single-sidebar .recent-post li .title p {
  color: #dc6024;
  margin: 0;
  position: relative;
  top: -3px;
}
.single-sidebar .recent-post li .title h3:hover a{
  color: #dc6024;
}

.single-sidebar.about-us{
  margin-top: -4px;
}
.single-sidebar.about-us .text-box {
  margin: -7px 0 0;
}

.single-sidebar.follow-us {
  margin-top: -20px;
}

.single-sidebar.widget_tag_cloud {
  margin-left: -3px;
  margin-right: -3px;
  margin-top: -5px;
}
.single-sidebar.widget_tag_cloud .tagcloud a {
  display: inline-block;
  margin: 0 3px 10px;
}
.single-sidebar.widget_tag_cloud .tagcloud a {
  border: 1px solid #f7f7f7;
  color: #9a9a9a;
  display: inline-block;
  font-size: 16px !important;
  font-weight: 300;
  padding: 1px 12px 2px;
  transition: all 500ms ease 0s;
}
.single-sidebar.widget_tag_cloud .tagcloud a:hover{
  background: #252525;
  border-collapse: #252525;
  color: #dc6024;
}



/*** 
=============================================
    Blog Standard Area style
=============================================
***/
.blog-standard-area .single-blog-item {
  margin-bottom: 50px;
}
.blog-standard-area .loadmore-button a {
  padding: 14px 35px;
}

/*** 
=============================================
    Blog Standard Area style
=============================================
***/
.blog-single-area { }
.blog-single-area .blog-post { }
.blog-single-area .single-blog-item {}
.blog-single-area .single-blog-item .img-holder img {
  transform: none;
}
.blog-single-area .single-blog-item .text-holder {
  border-bottom: medium none;
  border-left: medium none;
  border-right: medium none;
  padding: 0;
}
.blog-single-area .single-blog-item .text-holder .blog-title {
  font-size: 24px;
  padding: 35px 0 6px;
}
.blog-single-area .single-blog-item .text-holder .blog-title:hover{
  color: #252525;
}
.blog-single-area .single-blog-item .text-holder p.mar-bottom {
  margin-bottom: 13px;
}

.blog-single-area .middle-content-box {
  margin: 30px 0 33px;
  overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
  width: 340px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-holder{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px; 
  position: relative;
}
.blog-single-area .middle-content-box .text-holder:before{
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #f1f1f1;
  font-size: 24px;
  padding-right: ;
  position: absolute;
  top: -3px;
  left: 30px;    
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px;
  padding-top: 32px;
  position: relative;
}
.blog-single-area .middle-content-box .text-holder h3 {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 7px;
}
.blog-single-area .middle-content-box .text-holder h5 {
  color: #dc6024;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
}

.blog-single-area .bottom-content-box {
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 21px;
}

.blog-single-area .tag-social-share-box {
  overflow: hidden;
  padding-bottom: 24px;
  padding-top: 25px;
}
.blog-single-area .tag-social-share-box .tag {
  color: #252525;
  font-weight: 400;
  text-transform: uppercase;
}
.blog-single-area .tag-social-share-box .tag a {
  color: #dc6024;
  margin: 0;
  text-transform:none;
}

.blog-single-area .tag-social-share-box .social-share {
  
}
.blog-single-area .tag-social-share-box .social-share h5 {
  color: #252525;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  top: 7px;
}
.blog-single-area .tag-social-share-box .social-share i {
  padding-left: 10px;
  display: inline-block;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links {
  display: inline-block;
  float: left;
  margin-left: -3px;
  margin-right: -3px;
  padding-left: 20px;
  position: relative;
  top: -6px;
}


.blog-single-area .tag-social-share-box .social-share .social-share-links li {
  display: inline-block;
  margin: 0 3px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a i {
  border: 2px solid #f7f7f7;
  border-radius: 50%;
  color: #c1c1c1;
  font-size: 14px;
  height: 40px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 40px;
  transition: all 500ms ease;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a:hover i{
  background: #dc6024;
  border-color: #dc6024;
  color: #fff;
}

.blog-single-area .author-box {
  background: #f7f7f7 none repeat scroll 0 0;
  display: block;
  padding: 30px 30px 22px;
  position: relative;
}
.blog-single-area .author-box .img-holder{
  width: 85px;
}
.blog-single-area .author-box .img-holder,
.blog-single-area .author-box .text-holder{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .author-box .text-holder {
  padding-left: 30px;
}
.blog-single-area .author-box .text-holder h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  margin: -2px 0 14px;
  text-transform: capitalize;
}
.blog-single-area .author-box .text-holder p{
 
}

.blog-single-area .author-box .text-holder .social-link {
  margin-left: -6px;
  margin-right: -6px;
  overflow: hidden;
}
.blog-single-area .author-box .text-holder .social-link li{
  display: inline-block;
  margin: 0 6px;
}
.blog-single-area .author-box .text-holder .social-link li a i{
  color: #9a9a9a;
  font-size: 14px;
  transition: all 500ms ease;
}
.blog-single-area .author-box .text-holder .social-link li a:hover i{
  color: #dc6024;
}


.blog-single-area .comment-box {
  overflow: hidden;
  padding-bottom: 50px;
  padding-top: 75px;
}
.blog-single-area .comment-box .title{
  padding-bottom: 36px;
}
.blog-single-area .comment-box .title h3 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog-single-area .comment-box .single-comment-box {
  padding-left: 80px;
  position: relative;
  margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}

.blog-single-area .comment-box .single-comment-box .text-holder {
  border: 1px solid #f7f7f7;
  margin-left: 20px;
  padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
  overflow: hidden;
  padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 300;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
  position: relative;
  top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
  margin-left: -0.5px;
  margin-right: -0.5px;
  overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
  color: #dc6024;
  font-size: 14px;
}
.reply-option a {
	color:#dc6024;
}

.blog-single-area .add-comment-box {
  overflow: hidden;
}
.blog-single-area .add-comment-box .title {
  padding-bottom: 30px;
}
.blog-single-area .add-comment-box .title h3 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;  
}
.blog-single-area .add-comment-box .add-rating-box {
  padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 3px;
}
.blog-single-area .add-comment-box .add-rating-box ul {
  
}
.blog-single-area .add-comment-box .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 6px;
  padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
  color: #d6d6d6;
  font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
  color: #dc6024;
  transition: all 500ms ease;
}

.blog-single-area .add-comment-box .add-comment-form {}
.blog-single-area .add-comment-box .add-comment-form .field-label {
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 0 0 2px;
}
.blog-single-area .add-comment-box .add-comment-form input[type="text"],
.blog-single-area .add-comment-box .add-comment-form input[type="email"],
.blog-single-area .add-comment-box .add-comment-form textarea{
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid transparent;
  display: block;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  padding: 0 15px;
  width: 100%;  
  margin-bottom: 12px;
  transition: all 500ms ease;
}
.blog-single-area .add-comment-box .add-comment-form textarea {
  height: 100px;
  padding: 10px 15px;
  margin-bottom: 30px;
}
.blog-single-area .add-comment-box .add-comment-form button {
  background: #252525 none repeat scroll 0 0;
  border-color: #252525;
  color: #dc6024;
  padding: 14px 30px;
}
.blog-single-area .add-comment-box .add-comment-form input[type="text"]:focus{
  border-color: #dc6024;    
}
.blog-single-area .add-comment-box .add-comment-form textarea:focus{
  border-color: #dc6024;       
}
.blog-single-area .add-comment-box .add-comment-form button:hover{
  background: #dc6024;
  color: #fff;
}



/*** 
=============================================
    Contact v1 Area style
=============================================
***/
.contact-v1-area {
  padding-bottom: 70px;
  padding-top: 80px;
}
.contact-v1-area .sec-title {
  padding: 0 150px 40px;
}    
.contact-v1-area .sec-title h2 {
  margin: 0 0 16px;
}
.contact-v1-area .sec-title p{
  margin: 0;
  font-size: 18px;
  line-height: 32px;
}

.contact-v1-area .img-holder {
  
}
.contact-v1-area .img-holder img {
  width: 100%;
}
.contact-v1-area .contact-info {
  padding-top: 40px;
}
.contact-v1-area .contact-info .single-item {
  margin-bottom: 33px;
  padding-left: 30px;
  position: relative;
}
.contact-v1-area .contact-info .single-item .icon-holder {
  left: 0;
  position: absolute;
  top: -5px;
}
.contact-v1-area .contact-info .single-item .icon-holder span::before {
  color: #dc6024;
  font-size: 20px;
}
.contact-v1-area .contact-info .single-item .text-holder {
  
}
.contact-v1-area .contact-info .single-item .text-holder h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
}
.contact-v1-area .contact-info .single-item .text-holder p {
  line-height: 22px;
  margin: 0;
}

.contact-v1-area .contact-form-v1 form input[type="text"],
.contact-v1-area .contact-form-v1 form input[type="email"],
.contact-v1-area .contact-form-v1 form textarea{
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid transparent;
  display: block;
  height: 50px;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
}
.contact-v1-area .contact-form-v1 form textarea {
  height: 130px;
  padding: 11px 20px;
  margin-bottom: 30px;
}
.contact-v1-area .contact-form-v1 form input[type="submit"]{
  padding: 17px 32px 15px;  
  transition: all 500ms ease;
}

.contact-v1-area .contact-form-v1 form input[type="text"]:focus{
  border-color: #dc6024;
}
.contact-v1-area .contact-form-v1 form input[type="email"]:focus{
  border-color: #dc6024;    
}
.contact-v1-area .contact-form-v1 form textarea:focus{
  border-color: #dc6024;    
}

/*** 
=============================================
    Google map Area style
=============================================
***/
.google-map-area {
  position: relative;
}
#contact-google-map {
  height: 480px;
  width: 100%;
}



/*** 
=============================================
    Contact v2 Area style
=============================================
***/
.contact-v2-area {
  padding-bottom: 100px;
  padding-top: 80px;
}
.contact-v2-area .contact-info {
  
}
.contact-v2-area .contact-info .title{
  margin-top: -2px;
  padding-bottom: 30px;
}
.contact-v2-area .contact-info .title h3 {
  color: #252525;
  font-size: 22px;
  font-weight: 500;
  text-transform: capitalize;
}
.contact-v2-area .contact-info .contact-address {
  overflow: hidden;
}
.contact-v2-area .contact-info .contact-address li{
  padding-left: 35px;
  position: relative;
  padding-bottom: 25px;
}
.contact-v2-area .contact-info .contact-address li .icon-holder{
  position: absolute;
  top: -2px;
  left: 0;
}
.contact-v2-area .contact-info .contact-address li .icon-holder span:before{
  color: #dc6024;
  font-size: 20px;
  font-weight: 600;
}
.contact-v2-area .contact-info .contact-address li .text-holder {
  
}
.contact-v2-area .contact-info .contact-address li .text-holder p {
  line-height: 22px;
  margin: 0;
}
.contact-v2-area .contact-info .view-on-map a {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  transition: all 500ms ease;
}
.contact-v2-area .contact-info .view-on-map a i {
  display: inline-block;
  padding-left: 7px;
}
.contact-v2-area .contact-info .view-on-map a:hover {
  color: #dc6024;
}
#contact-v2-google-map{
  height: 300px;
  width: 100%;    
}



/*** 
=============================================
    Contact v2 Form Area style
=============================================
***/
.contact-v2-form-area {
  background: #f7f7f7 none repeat scroll 0 0;
  padding-bottom: 70px;
  padding-top: 100px;
}
.contact-v2-form-area .sec-title {
  padding: 0 160px 40px;
}
.contact-v2-form-area .sec-title h2 {
  margin: 0 0 30px;
}
.contact-v2-form-area .sec-title p{
  color: #9a9a9a;
  font-size: 18px;
  margin: 0;
  line-height: 32px;
}
.contact-v2-form-area .contact-v2-form form {}
.contact-v2-form-area .contact-v2-form form input[type="text"],
.contact-v2-form-area .contact-v2-form form input[type="email"],
.contact-v2-form-area .contact-v2-form form textarea{
  width: 100%;
  height: 55px;
  border: 1px solid #eaeaea;
  display: block;
  padding: 0 15px;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.contact-v2-form-area .contact-v2-form form textarea {
  height: 140px;
  padding: 12px 15px;
}
.contact-v2-form-area .contact-v2-form form input[type="submit"] {
  display: block;
  padding: 19px 0 18px;
  width: 100%;
}

.contact-v2-form-area .contact-v2-form form input[type="text"]:focus{
  border-color: #dc6024;      
}
.contact-v2-form-area .contact-v2-form form input[type="email"]:focus{
  border-color: #dc6024;     
}
.contact-v2-form-area .contact-v2-form form textarea:focus{
  border-color: #dc6024;     
}



/*** 
=============================================
    Project Area style
=============================================
***/
#project-area {
  padding-bottom: 100px;
  padding-top: 80px;
}
#project-area .project-filter {
  margin-bottom: 60px
}
#project-area .project-filter li {
  display: inline-block;
  margin: 0 3px;
}
#project-area .project-filter li span {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 29px;
  text-transform: capitalize;
  border-radius: 0px;
  cursor: pointer;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
#project-area .project-filter li.active span, 
#project-area .project-filter li:hover span {
  background: #252525;
  color: #dc6024;
  border: 1px solid #252525;
}
#project-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  position: absolute;
  right: 15px;
  top: 15px;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: all 500ms ease 0s;
}
#project-area .single-project-item .img-holder .overlay .box .content .icon-holder a i {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
}
#project-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #dc6024;
}
#project-area .loadmore-btn a {
  padding: 16px 45px;
  margin-top: 20px;
}



/*** 
=============================================
    Pro Manasory V2 Area style
=============================================
***/
.pro-manasory-v2-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}



/*** 
=============================================
    Pro Classic V1 Area style
=============================================
***/
.single-project-item .img-holder .overlay-style-2 {
  background: rgba(0, 0, 0, 0.80) none repeat scroll 0 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 100%;
  transition: all 450ms ease-out 0s;
  width: 100%;
}
.single-project-item .img-holder .overlay-style-2 .box{}
.single-project-item .img-holder .overlay-style-2 .box .content{}
.single-project-item .img-holder .overlay-style-2 .box .content .text-holder {
  top: auto;
  left: 0;
  bottom: 0;
  height: 70px;
  position: absolute;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
  width: 100%;
  background: #fff;
  color: #252525;
  padding-top: 22px;
}
.single-project-item .img-holder .overlay-style-2 .box .content .text-holder h3 a{
  color: #252525;
  display:block;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  margin: 0 0 3px;
}
.single-project-item .img-holder .overlay-style-2 .box .content .text-holder p{
  color: #dc6024;
  margin: 0;
  text-align: center;
}
.single-project-item .img-holder .overlay-style-2 .box .content .icon-holder {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 500ms ease 0s;
  width: 40px;
  text-align: center;
}
.single-project-item .img-holder .overlay-style-2 .box .content .icon-holder a i{
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;   
}

.single-project-item:hover .img-holder .overlay-style-2 {
  opacity: 1;
  top: 0;
}
.single-project-item:hover .img-holder .overlay-style-2 .box .content .text-holder {
  opacity: 1;
  transform: translateY(0px);
  transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
}
.single-project-item:hover .img-holder img{
  transform: scale(1.1);
}
.single-project-item .img-holder .overlay-style-2 .box .content .icon-holder:hover {
  background: #dc6024 none repeat scroll 0 0;
}
.pro-classic-v1-area .post-pagination {
  padding-top: 30px;
}


/*** 
=============================================
    Pro Classic V2 Area style
=============================================
***/
.pro-classic-v2-area .post-pagination {
  padding-top: 30px;
}



/*** 
=============================================
    Pro Classic V3 Area style
=============================================
***/
.pro-classic-v3-area .single-project-item .img-holder .overlay-style-2 .box .content .text-holder {
  height: 60px;
  padding-top: 18px;
}
.pro-classic-v3-area .single-project-item .img-holder .overlay-style-2 .box .content .text-holder a h3 {
  font-size: 18px;
  margin: 0 0 3px;
}
.pro-classic-v3-area .post-pagination {
  padding-top: 30px;
}



/*** 
=============================================
    Pro Fullwidth Area style
=============================================
***/
.pro-fullwidth-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}



/*** 
=============================================
    Pro Grid v1 Area style
=============================================
***/
#project-grid-area{
  padding-top: 73px;
  padding-bottom: 70px;
}
#project-grid-area .project-filter {
  margin-bottom: 50px;
}
#project-grid-area .project-filter li {
  display: inline-block;
  margin: 0;
}
#project-grid-area .project-filter li span {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  display: block;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}
#project-grid-area .project-filter li span::after {
  color: #eaeaea;
  content: "/";
  display: inline-block;
  margin: 0 20px;
}
#project-grid-area .project-filter li.active span, 
#project-grid-area .project-filter li:hover span {
  color: #dc6024;
}
#project-grid-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 500ms ease 0s;
  width: 40px;
}
#project-grid-area .single-project-item .img-holder .overlay .box .content .icon-holder a i {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  transition: all 500ms ease;
}
#project-grid-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #dc6024;    
} 



/*** 
=============================================
    Pro Withtext Area style
=============================================
***/
#project-area.pro-withtext-area .single-project-item{
  padding-bottom: 27px;
}
#project-area.pro-withtext-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: transparent;
  border-radius: 50%;
  height: 40px;
  transition: all 500ms ease 0s;
  width: 40px;
  position: static;
  text-align: center;
  margin: 0 auto;
}
#project-area.pro-withtext-area .single-project-item .img-holder .overlay .box .content .icon-holder a span::before {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
#project-area.pro-withtext-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #dc6024;
}

#project-area.pro-withtext-area .single-project-item .text-holder {
  padding-top: 22px;
}
#project-area.pro-withtext-area .single-project-item .text-holder h3 a {
  color: #252525;
  display:block;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 4px;
  text-transform: capitalize;
}
#project-area.pro-withtext-area .single-project-item .text-holder p{
  color: #dc6024;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
}
#project-area.pro-withtext-area .post-pagination {
  padding-top: 40px;  
}



/*** 
=============================================
    Project Single v1 Area style
=============================================
***/
.project-single-v1-area {
  padding-bottom: 70px;
  padding-top: 80px;
}
.project-single-v1-area .carousel-indicators {
  bottom: 0;
}
.project-single-v1-area .carousel-indicators li {
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 5px;
  width: 10px;
}
.project-single-v1-area .carousel-indicators .active li{
  background-color: #fff;
  height: 10px;
  margin: 5px;
  width: 10px;
  transition: all 500ms ease;
}
.project-single-v1-area #project-single-carousel{ }
.project-single-v1-area #project-single-carousel .single-item .img-holder img {
  width: 100%;
}


#project-single-area .project-info {}
#project-single-area .project-info h3 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  margin: -4px 0 27px;
  text-transform: uppercase;
}
#project-single-area .project-info .project-info-list {
  overflow: hidden;
  margin-top: 30px;
  margin-left: -30px;
  margin-right: -30px;
}
#project-single-area .project-info .project-info-list li {
  border-bottom: 1px solid #f7f7f7;
  float: left;
  margin: 0 30px 20px;
  overflow: hidden;
  padding-bottom: 11px;
  padding-left: 20px;
  position: relative;
  width: 155px;
}
#project-single-area .project-info .project-info-list li .icon-holder {
  left: 0;
  position: absolute;
  top: -5px;
}
#project-single-area .project-info .project-info-list li .icon-holder i {
  font-size: 14px;
  color: #dc6024;
}
#project-single-area .project-info .project-info-list li .text-holder {}
#project-single-area .project-info .project-info-list li .text-holder h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 3px;
}
#project-single-area .project-info .project-info-list li .text-holder p {
  margin: 0;  
}


.project-single-v1-area .project-description-content {
  padding-top: 50px;
}
.project-single-v1-area .project-description-content h3 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 27px;
  text-transform: uppercase;
}
.project-single-v1-area .project-description-content .project-manager-box {
  background: #f7f7f7 none repeat scroll 0 0;
  border-left: 1px solid #dc6024;
  margin: 32px 0 0;
  overflow: hidden;
  padding: 15px 30px 21px 75px;
  position: relative;
}
.project-single-v1-area .project-description-content .project-manager-box::before {
  background: #dc6024 none repeat scroll 0 0;
  content: "";
  height: 90%;
  left: 2px;
  position: absolute;
  top: 0;
  width: 1px;
}
.project-single-v1-area .project-description-content .project-manager-box::after {
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #e6e6e6;
  font-size: 30px;
  position: absolute;
  top: 23px;
  left: 23px;
}
.project-single-v1-area .project-description-content .project-manager-box h4 {
  color: #9a9a9a;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 12px;
}
.project-single-v1-area .project-description-content .project-manager-box h5 {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
}
.project-single-v1-area .project-description-content .project-manager-box h5 span {
  color: #dc6024;
  font-size: 16px;
  font-weight: 400;
}


.project-single-v1-area .related-project-items {
  overflow: hidden;
  padding-top: 100px;
}
.project-single-v1-area .related-project-items .sec-title {
  padding-bottom: 44px;
}
.project-single-v1-area .related-project-items .single-project-item {}
.related-project-items .img-holder .overlay .box .content .icon-holder {
  background: transparent none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  margin: 0 auto;
  position: static;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 40px;
}
.related-project-items .img-holder .overlay .box .content .icon-holder a span::before {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
.related-project-items .img-holder .overlay .box .content .icon-holder:hover {
    background: #dc6024 none repeat scroll 0 0;
}
.related-project-items .single-project-item .text-holder {
  padding-top: 22px;
}
.related-project-items .single-project-item .text-holder h3 a {
  color: #252525;
  display:inline-block;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.related-project-items .single-project-item .text-holder p {
  color: #dc6024;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
}



/*** 
=============================================
    Project Single v2 Area style
=============================================
***/
.project-single-v2-area {
  padding-bottom: 70px;
  padding-top: 80px;
}
.project-single-v2-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: transparent none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  margin: 0 auto;
  position: static;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 40px;  
}
.project-single-v2-area .single-project-item .img-holder .overlay .box .content .icon-holder a span::before {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;  
}
#project-single-area .project-info .share-project {
  padding-left: 150px;
  position: relative;
}
#project-single-area .project-info .share-project .title {
  left: 0;
  position: absolute;
  top: 6px;
}
#project-single-area .project-info .share-project .title h5 {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
#project-single-area .project-info .share-project .social-share {
  padding-left: 40px;
}
#project-single-area .project-info .share-project .social-share ul li {
  display: inline-block;
  margin-right: 15px;
}
#project-single-area .project-info .share-project .social-share ul li a i {
  color: #9a9a9a;
  font-size: 14px;
}


#project-single-area .bottom {
  border-bottom: 1px solid #f7f7f7;
  border-top: 1px solid #f7f7f7;
  margin: 48px 0 0;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
}
#project-single-area .bottom .button a {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 500ms ease;
}
#project-single-area .bottom .button a:hover{
  color: #fdc716;
}
#project-single-area .bottom .button a i {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
#project-single-area .bottom .button.next a i{
  padding-right: 0px;
  padding-left: 10px;
}


#project-single-area .bottom .icon-holder a i {
  color: #252525;
  font-size: 24px;
  position: relative;
  top: 4px;
  transition: all 500ms ease 0s;
}
#project-single-area .bottom .icon-holder a:hover i{
  color: #dc6024;
}



/*** 
=============================================
    Service Page Area Style
=============================================
***/
.service-page-area {
  padding-bottom: 40px;
  padding-top: 100px;
}
.service-page-area .single-service-item {
  margin-bottom: 60px;
}
.service-page-area .single-service-item .text-holder {
  
}
.service-page-area .single-service-item .text-holder h3,
.service-page-area .single-service-item .text-holder h3 a {
  color: #252525;
}
.service-page-area .single-service-item .text-holder p {
  color: #9a9a9a;
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 21px;
}
.service-page-area .single-service-item .text-holder .readmore{
  color: #252525;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #f7f7f7;
  height: 45px;
  width: 130px;
  line-height: 42px;
  display: block;
  text-align: center;
  transition: all 500ms ease;
      display: block;
    margin: auto;
}
.clear, .woocommerce .woocommerce-breadcrumb::after, .woocommerce .woocommerce-error::after, .woocommerce .woocommerce-info::after, .woocommerce .woocommerce-message::after {
    clear: both;
    margin-top: initial !important;
}
.service-page-area .single-service-item:hover .text-holder .readmore{
  background: #252525;
  border-color: #252525;
  color: #dc6024;
}

 .single-blog-item .text-holder .text .bottom .share .social-share li {
    display: inline-block;
    float: left;
    margin: 0 5px;
}
/*** 
=============================================
    Slogan V2 Area Style
=============================================
***/
.slogan-v2-area {
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 47px;
  padding-top: 43px;
  position: relative;
  z-index: 1;
}
.slogan-v2-area::before {
  background: rgba(213, 172, 99, 0.93) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.slogan-v2-area .slogan-v2 .text{
  width: 70%; 
  float: left;
}
.slogan-v2-area .slogan-v2 .text h2 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
}
.slogan-v2-area .slogan-v2 .button a {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #ffffff;
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin: 15px 0;
  text-align: center;
  text-transform: uppercase;
  width: 185px;
  transition: all 500ms ease;
}
.slogan-v2-area .slogan-v2 .button a:hover{
  background: transparent;
}

/*** 
=============================================
    Checkout Area style
=============================================
***/
.checkout-area {
  padding-bottom: 100px;
  padding-top: 80px;
}
.checkout-area .exisitng-customer {
  border: 1px solid #f7f7f7;
  display: block;
  padding: 20px 28px 21px;
  position: relative;
  margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #252525;
  content: "";
}
.checkout-area .exisitng-customer h5{
  color: #252525;
  font-size: 16px;
  font-weight: 300;
}
.checkout-area .exisitng-customer h5 a{
  color: #dc6024;
  display: inline-block;
  padding-left: 15px;
}

.checkout-area .coupon {
  border: 1px solid #f7f7f7;
  display: block;
  padding: 20px 28px 21px;
  position: relative; 
  margin-bottom: 60px;
}
.checkout-area .coupon:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #252525;
  content: "";  
}
.checkout-area .coupon h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 300;  
}
.checkout-area .coupon h5 a {
  color: #dc6024;
  display: inline-block;
  padding-left: 15px;  
}


.checkout-area .form form .field-label {
  color: #252525;
  font-size: 16px;
  font-weight: 300;
  margin: -3px 0 3px;
  text-transform: capitalize;
}
.checkout-area .form form .field-input input[type="text"] {
  border: 2px solid #f7f7f7;
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  height: 48px;
  margin-bottom: 25px;
  padding: 0 15px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus{
  border: 2px solid #dc6024;
}
.checkout-area .create-acc .checkbox {
  margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
  color: #dc6024;
  font-weight: 300;
  font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
  margin-top: 7px;
}


.checkout-area .shipping-info input[type="checkbox"] {
  cursor: pointer;
  display: inline-block;
  margin: 0 0 0 40px;
  position: relative;
  top: -2px;
  vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
  border: 2px solid #f7f7f7;
  color: #9e9e9e;
  display: block;
  font-size: 16px;
  height: 124px;
  margin-bottom: 28px;
  padding: 10px 15px;
  width: 100%;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus{
  border-color: #dc6024;
}

.checkout-area .bottom {
  padding-top: 70px
}
.checkout-area .table .sec-title-two {
  padding-bottom: 32px;
}
.checkout-area .table {
  overflow-x: auto;
  position: relative;
  width: 100%;
  margin-bottom: 0;
}
.checkout-area .table .cart-table {
  min-width: auto;
  width: 100%;
}
.checkout-area .table .cart-table .cart-header {
  background: #f7f7f7;
  color: #252525;
  font-size: 14px;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  font-weight: 400;
}
.checkout-area .table .cart-table thead tr th {
  font-weight: 400;
  line-height: 24px;
  min-width: 110px;
  padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
  padding-left: 30px;
  text-align: left;
}

.checkout-area .table .cart-table tbody tr {
  border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
    vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
  min-width: 110px;
  padding: 25px 30px;
}

.checkout-area .table .cart-table tbody tr .product-column .column-box {
  min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
  width: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
  display: block;
  max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, 
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
  display: table-cell;
  vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title{
  padding-left: 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.checkout-area .table .cart-table tbody tr .qty {
  padding-right: 30px;
  width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
  float: right;
  width: 70px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0 !important;
  box-shadow: none;
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 400;
  height: 34px;
  padding: 6px 0;
  text-align: center;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
  background-color: #dc6024;
  border-color: #cc993e;
  color: #fff;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-radius: 0;
  margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
  color: #dc6024;
  font-size: 16px;
  font-weight: 300;
}


.cart-total .sec-title-two {
  padding-bottom: 32px;
}
.cart-total-table {
  border: 2px solid #ebebeb
}
.cart-total-table li {
  border-bottom: 1px solid #ebebeb
}
.cart-total-table li:last-child {
  border-bottom: none
}
.cart-total-table li span.col.col-title {
  border-right: 1px solid #ebebeb;
  color: #272727;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  padding: 10px 18px;
  position: relative;
  width: 50%;
}
.cart-total-table li span.col {
  color: #9a9a9a;
  display: block;
  float: left;
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  padding: 10px 18px;
  position: relative;
  width: 50%;
}
.cart-total-table li span.col b {
  color: #dc6024;
  font-weight: 300;
  text-decoration: underline;
}


.cart-total .payment-options {
  background: #f7f7f7 none repeat scroll 0 0;
  margin-top: 30px;
  overflow: hidden;
  padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
  margin-bottom: 14px
}

.cart-total .payment-options .option-block .checkbox {
  margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
  font-weight: 300;
  min-height: 20px;
  padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
  position: relative;
  top: 1px;
}
.cart-total .payment-options .option-block .checkbox label span {
  color: #252525;
  padding-left: 10px;
}
.cart-total .payment-options .option-block .checkbox label span b {
  color: #dc6024;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  padding-left: 25px;
  text-decoration: underline;
}
.cart-total .payment-options .option-block .text{
  padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
  margin: 0;
  line-height: 28px;
}
.placeorder-button button {
  background: #dc6024 none repeat scroll 0 0;
  border: 2px solid #dc6024;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin: 34px 0 0;
  padding: 9px 28px 7px;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.placeorder-button button:hover{
  background: #1b1b1b;
}



/*** 
=============================================
   Account area  style
=============================================
***/
.account-area {
    padding-bottom: 100px;
    padding-top: 80px;
}
.account-area .form .sec-title-two {}
.account-area .form form {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f3f3f3;
    padding: 28px 34px 34px;
}
.account-area .form form .field-label {
  color: #252525;
  font-size: 16px;
  font-weight: 300;
  margin: -3px 0 2px;
  text-transform: capitalize;
}
.account-area .form form .field-input {
    position: relative
}
.account-area .form form .field-input input[type="text"] {
  background: #ffffff;
  border: 1px solid #f7f7f7;
  color: #9e9e9e;
  display: block;
  font-size: 14px;
  height: 45px;
  margin-bottom: 25px;
  padding-left: 15px;
  padding-right: 35px;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 100%;
}
.account-area .form form .field-input .icon-holder {
  position: absolute;
  right: 15px;
  top: 10px;
}
.account-area .form form .field-input .icon-holder span::before {
  color: #9e9e9e;
  font-size: 14px;
}
.account-area .form form button {
  margin: 30px 0 0;
  padding: 17px 0 15px;
  width: 100%;
}
.account-area .form form .checkbox {
    margin: 0
}
.account-area .form form .checkbox label {
  color: #292929;
  font-size: 14px;
  line-height: 22px;
  padding-left: 20px;
  font-weight: 500;
}
.account-area .form form .forgot-password a {
  color: #dc6024;
  font-size: 16px;
  font-weight: 300;
}
.account-area .form form .field-input input[type="text"]:focus {
  border: 1px solid #dc6024
}



/*** 
=============================================
   Shop area  style
=============================================
***/
.shop-area {
  padding-bottom: 100px;
  padding-top: 80px;
}
.showing-result-shorting .showing p {
  line-height: 50px;
  margin: 0;
}
.showing-result-shorting .shorting {
  float: right;
  margin: 0 0 25px;
  width: 270px !important;
}
.single-shop-item {
  margin-bottom: 25px;
  transition:all 700ms ease;
}
.single-shop-item:hover {

}
.single-shop-item .img-holder{
  position: relative;
  overflow: hidden;
  display: block;
}
.single-shop-item .img-holder img{
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.single-shop-item .img-holder .overlay .box .content a {
  background: #2f2f2f;
  color: #dc6024;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  height: 40px;
  line-height: 36px;
  border: 2px solid #2f2f2f;
  transition: all 500ms ease 0s;
  width: 135px;  
  text-transform: uppercase;
}

.single-shop-item:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.single-shop-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-shop-item .img-holder .overlay .box .content a:hover{
  background: #dc6024;
  color: #fff;
}
.single-shop-item .img-holder .new-item {
  border: 2px solid #252525;
  display: inline-block;
  left: 20px;
  padding: 3px 12px 3px;
  position: absolute;
  top: 20px;
  z-index: 1;
}
.single-shop-item .img-holder .new-item p {
  margin: 0;
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 14px;
}

.single-shop-item .title-holder {
  padding-bottom: 20px;
}
.single-shop-item .title-holder .top {
  padding-bottom: 3px;
  padding-top: 15px;
}
.single-shop-item .title-holder .top .product-title h5 a {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
}

.review-box ul{
  margin-left: -0.5px;
  margin-right: -0.5px;
}
.review-box ul li{
  display: inline-block;
  margin: 0 0.5px;
}
.review-box ul li i{
  color: #dc6024;
  font-size: 12px;
  font-weight: 400;
}

.single-shop-item .title-holder h4 {
  color: #dc6024;
  font-size: 16px;
  font-weight: 300;
}
.single-shop-item .title-holder h4 .before-rate {
  color: #9a9a9a;
  display: inline-block;
  font-size: 14px;
  padding-left: 10px;
}
.shop-area .post-pagination {
  margin-top: 10px;
}



/*** 
=============================================
   Shop Withsidebar area  style
=============================================
***/
.shop-withsidebar-area {
  padding-bottom: 100px;
  padding-top: 80px;
  position:relative;
}
.shop-withsidebar-area .shop-items {
  border-right: 1px solid #f7f7f7;
  padding-bottom: 100px;
  margin-right: -15px;
  padding-right: 25px;
  margin-top: -80px;
  padding-top: 80px;
}


/* Start price filter*/
.single-sidebar.price-filter .noUi-background {
  background: url(images/shop/price-filter-bg.png);
  background-repeat: repeat;
}
.single-sidebar.price-filter .range-slider-price {
  margin-bottom: 25px;
  margin-top: 5px;
}
.single-sidebar.price-filter .noUi-connect {
  background: #252525;
  border: none;
  box-shadow: none;
}
.single-sidebar.price-filter .noUi-target {
  border: none;
  border-radius: 5px;
  box-shadow: none;
  height: 7px;
}
.single-sidebar.price-filter .noUi-base {
  width: 97%
}
.single-sidebar.price-filter .noUi-handle {
  background: #dc6024 none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 50% !important;
  box-shadow: none;
  cursor: pointer;
}
.single-sidebar.price-filter .noUi-horizontal .noUi-handle {
  height: 13px;
  left: -2px;
  top: -3px;
  width: 13px;
}
.single-sidebar.price-filter .form-group {
    margin-bottom: 0
}
.single-sidebar.price-filter button {
  background: #dc6024 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 700;
  height: 35px;
  outline: medium none;
  text-transform: uppercase;
  width: 80px;
}
.single-sidebar.price-filter p {
  color: #252525;
  display: inline-block;
  float: right;
  font-size: 14px;
  font-weight: 300;
  line-height: 32px;
  margin: 0;
  text-transform: capitalize;
}
.single-sidebar.price-filter input {
  border: medium none;
  color: #252525;
  font-size: 14px;
  font-weight: 300;
  outline: medium none;
  width: 50px;
}


.single-sidebar .recent-products {}
.single-sidebar .recent-products li {
  margin-bottom: 25px;
  padding-left: 70px;
  position: relative;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 23px;
}
.single-sidebar .recent-products li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.single-sidebar .recent-products li .img-holder {
  display: block;
  left: 0;
  min-height: 70px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 70px;
}
.single-sidebar .recent-products li .img-holder img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.single-sidebar .recent-products li .img-holder .overlay .box .content a i{
  color: #fff;
  font-size: 16px;
  transition: all 500ms ease;
}
.single-sidebar .recent-products li:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.single-sidebar .recent-products li:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-sidebar .recent-products li .img-holder .overlay .box .content a:hover i{
  color: #dc6024;
}
.single-sidebar .recent-products li .title {
  padding-left: 20px;
}
.single-sidebar .recent-products li .title h5 {
  line-height: 20px;
  position: relative;
  text-transform: none;
  top: -5px;
}
.single-sidebar .recent-products li .title h5 a {
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.single-sidebar .recent-products li .title p {
  color: #dc6024;
  line-height: 24px;
  margin: 0;
  position: relative;
}
.single-sidebar .recent-products li .title h5:hover a{
  color: #dc6024;
}
.single-sidebar .recent-products li .title .review i {
  color: #dc6024;
  font-size: 12px;
}
.shop-withsidebar-area .post-pagination {
  margin-top: 10px;
}



/*** 
=============================================
    Shopping Cart area  style
=============================================
***/
#shopping-cart-area .table .cart-table {
  min-width: 750px;
  width: 100%;
}
.shopping-cart-table .table .cart-table tbody tr td.single-price h5{
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
}
.shopping-cart-table .table .cart-table tbody tr .remove {}
.shopping-cart-table .table .cart-table tbody tr .remove span::before {
  color: #ececec;
  cursor: pointer;
  display: block;
  font-size: 35px;
  height: 35px;
  line-height: 35px;
  margin: 0 auto;
  width: 35px;
  transition: all 500ms ease;
}
.shopping-cart-table .table .cart-table tbody tr .remove span:hover::before{
  color: #dc6024;
}
#shopping-cart-area .sidebar-wrapper {
  border-left: 1px solid #f7f7f7;
  margin-bottom: -100px;
  margin-left: -5px;
  margin-top: -80px;
  padding-bottom: 100px;
  padding-left: 25px;
  padding-top: 80px;
}

#shopping-cart-area .cart-middle {
  border-bottom: 1px solid #f7f7f7;
  overflow: hidden;
  padding: 20px 30px;
}
#shopping-cart-area .cart-middle .apply-coupon {
  padding-left: 245px;
  position: relative;
}
#shopping-cart-area .cart-middle .apply-coupon input {
  border: 2px solid #f7f7f7;
  display: block;
  height: 50px;
  left: 0;
  position: absolute;
  top: 0;
  width: 225px;
  padding: 0 10px;
}
#shopping-cart-area .cart-middle .apply-coupon input:focus{
  border-color: #dc6024;
}
#shopping-cart-area .cart-middle .apply-coupon .apply-coupon-button button {
  background: #dc6024 none repeat scroll 0 0;
  height: 50px;
  line-height: 48px;
  padding: 0;
  width: 170px;
}
#shopping-cart-area .cart-middle .apply-coupon .apply-coupon-button button:hover{
  background: #1b1b1b;
}

#shopping-cart-area .cart-middle .update-cart button{
  background: #ffffff none repeat scroll 0 0;
  height: 50px;
  line-height: 48px;
  padding: 0;
  border: 2px solid #f7f7f7;
  width: 170px; 
  color: #252525;
}
#shopping-cart-area .cart-middle .update-cart button:hover{
  background: #dc6024 none repeat scroll 0 0; 
  border-color: #dc6024;
}
#shopping-cart-area .bottom {
  padding-top: 80px;
}



/*** 
=============================================
   Shop Single area  style
=============================================
***/
.shop-single-area {
  padding-top: 80px;
  padding-bottom: 100px;
}
.shop-single-area .single-products-details{
  border-right: 1px solid #f7f7f7;
  margin-bottom: -100px;
  margin-right: -25px;
  margin-top: -80px;
  padding-bottom: 100px;
  padding-right: 25px;
  padding-top: 80px;    
}

.product-content-box {
  margin-bottom: 70px;
}
.product-content-box .img-box {}
.product-content-box .flexslider {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  margin: 0 50px 10px 0;
  position: relative;
  text-align: center;
}
.product-content-box .flex-viewport {
  border: none;
  max-height: 435px;
  transition: all 1s ease 0s;
}
.product-content-box .flex-control-thumbs {
  margin: 10px 0 0;
  overflow: hidden;
  position: static;
}
.product-content-box .flex-control-thumbs li {
  float: left;
  margin: 0 3% 0 0;
  width: 25%;
}
.product-content-box .flex-control-thumbs img {
  border: medium none;
  cursor: pointer;
  display: block;
  height: auto;
  opacity: 0.6;
  transition: all 1s ease 0s;
  width: 100%;
  border: 1px solid #f7f7f7;
}

.product-content-box .flex-control-thumbs .flex-active {
  cursor: default;
  opacity: 1;
  border: 1px solid #dc6024;
}
.product-content-box .flex-control-thumbs .flex-active:focus{
  outline: none;
}


.product-content-box .content-box {
  margin-left: -50px;
}
.product-content-box .content-box h2 {
  color: #252525;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 8px;
  text-transform: uppercase;
}
.product-content-box .content-box .review-box {
  margin: 0 0 10px;  
}
.product-content-box .content-box .review-box ul {

}
.product-content-box .content-box .review-box ul li {
  display: inline-block;
  margin-right: 1px;
}

.product-content-box .content-box .review-box ul li i {
  color: #dc6024;
  font-size: 14px;
}

.product-content-box .content-box span.price {
  color: #dc6024;
  font-size: 22px;
  font-weight: 300;
}
.product-content-box .content-box span.price .before-rate {
  color: #9a9a9a;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  padding-left: 10px;
  position: relative;
  top: -1px;
}

.product-content-box .content-box .text {
  overflow: hidden;
  padding: 25px 0 9px;
}

.product-content-box .content-box .location-box {
  margin: 4px 0 20px;
}
.product-content-box .content-box .location-box p {
  color: #1f1f1f;
  margin: 0 0 12px;
}
.product-content-box .content-box .location-box form input {
  border: 2px solid #f7f7f7;
  height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  width: 170px;
  transition: all 500ms ease;
  margin: 0 0 10px;
}
.product-content-box .content-box .location-box form input:focus{
  border-color: #dc6024;
}
.product-content-box .content-box .location-box form button {
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  color: #252525;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  margin-left: 6px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
  width: 95px;
}
.product-content-box .content-box .location-box form button:hover{
  background: #dc6024;
}
.product-content-box .content-box .location-box form span {
  color: #dc6024;
}


.product-content-box .content-box .addto-cart-box {}
.product-content-box .content-box .addto-cart-box .input-group.bootstrap-touchspin {
  float: left;
  width: 70px;
}
.product-content-box .content-box .addto-cart-box .form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #eaeaea;
  border-radius: 0 !important;
  box-shadow: none;
  color: #272727;
  display: block;
  font-family: "Montserrat",sans-serif;
  font-size: 18px;
  font-weight: 500;
  height: 50px;
  padding: 6px 0 8px;
  text-align: center;
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
    border-radius: 0
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
    border-radius: 0;
    margin-top: -2px;
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  margin-left: -1px;
  max-width: 100%;
  padding: 12px 12px;
  position: relative;
  width: 100%;
}
.product-content-box .content-box .addto-cart-box .btn-default {
    background-color: #efefef;
    border-color: #efefef;
    color: #9e9e9e;
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
  color: #9e9e9e;
  font-weight: normal;
  left: 8px;
  position: absolute;
  top: 7px;
}

.product-content-box .content-box .addto-cart-box button.addtocart {
  height: 50px;
  width: 170px;
  line-height: 30px;
  margin-left: 25px;
}




.product-tab-box {
  border: 1px solid #f7f7f7;
  border-top: none;
  border-right: none;
  border-left: none;
  overflow: hidden;    
}
.product-tab-box .tab-menu {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 30px;
}
.product-tab-box .tab-menu li {
  display: inline-block;
  float: left;
  margin-bottom: -1px;
}

.product-tab-box .tab-menu li a {
  background: #f7f7f7;
  border: 1px solid transparent;
  border-radius: 0;
  display: block;
  margin-right: 1px;
  padding: 15px 30px 13px;
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  background: #f7f7f7;
  transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, .product-tab-box .tab-menu li:hover a{
  background: #252525;
  color: #dc6024;
  border-color: #252525;
}

.product-tab-box .tab-content {
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  margin-top: -30px;
  padding: 30px 30px 40px;
}
.product-tab-box .tab-content .review-box {
  
}
.product-tab-box .tab-content .review-box .sec-title-two {
  margin-top: 3px;
  padding-bottom: 22px;
}
.product-tab-box .tab-content .review-box .single-review-box {
  margin-bottom: 30px;
  padding-left: 60px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}


.product-tab-box .tab-content .review-box .single-review-box .text-holder {
  border: 1px solid #f7f7f7;
  margin-left: 20px;
  padding: 17px 20px 12px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
  margin: 0 0 10px;
  overflow: hidden;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .name h4 {
  color: #252525;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  text-transform: capitalize;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
  margin-top: -2px;
  padding-left: 0px;
  position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin-right: 1px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
  color: #dc6024;
  font-size: 14px;
}

.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
  margin: 0;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text a.reply {
  color: #fdc716;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
}

.product-tab-box .tab-content .product-details-content {
  margin-top: -5px;
}
.product-tab-box .tab-content .product-details-content .highlight {
  margin: 42px 0 0;
}
.product-tab-box .tab-content .product-details-content .highlight .highlight-title {
  color: #292929;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  margin: 0 0 28px;
}
.product-tab-box .tab-content .product-details-content .highlight li{
  position: relative;
  padding-bottom: 12px;
  padding-left: 25px;
}
.product-tab-box .tab-content .product-details-content .highlight li:before {
  content: "\f00c";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #fdc716;
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: 0;
}

.product-tab-box .tab-content .review-form {
  padding-top: 30px;
}
.product-tab-box .tab-content .review-form .sec-title-two {
  padding-bottom: 34px;
}
.product-tab-box .tab-content .review-form .add-rating-box {
  margin: 0 0 23px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 10px;
  text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 10px;
  padding-right: 10px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child{
  margin-right: 0px;
  padding-right: 0px;
  border-right: 0px solid #ebebeb;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
  color: #d6d6d6;
  font-size: 12px;
  line-height: 20px;
  margin-right: 1px;
  opacity: 0.9;
  transition: all 500ms ease 0s;
}
.product-tab-box .tab-content .review-form form .field-label p {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 3px;
}
.product-tab-box .tab-content .review-form form input[type="text"], .product-tab-box .tab-content .review-form form textarea {
  background: #f7f7f7;
  height: 50px;
  width: 100%;
  border: 1px solid #f7f7f7;
  color: #252525;
  font-size: 14px;
  padding: 0 15px;
  margin-bottom: 20px;
  transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
  height: 110px;
  padding: 10px 15px;
  margin-bottom: 25px;
}
.product-tab-box .tab-content .review-form form button {
  padding: 15px 30px 13px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i{
  opacity: 1;
  color: #dc6024;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus{
  border-color: #dc6024;
}
.product-tab-box .tab-content .review-form form textarea:focus{
  border-color: #dc6024;  
}

.product-tab-box .tab-content .product-info-content {
  
}
.product-tab-box .tab-content .product-info-content ul {
  
}
.product-tab-box .tab-content .product-info-content ul li {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 42px;
}
.product-tab-box .tab-content .product-info-content ul li span{
  color: #252525;
  font-weight: 500;
}
.related-product {
  padding-top: 80px;
}
.related-product .single-product-item {
  margin-bottom: 0;
}



/*** 
=============================================
   Shop Single area  style
=============================================
***/
.design-desc-area {
  padding-bottom: 130px;
  padding-top: 80px;
}
.design-desc-area .tab-manu{
  padding-bottom: 60px;
}
.design-desc-area .tab-manu .tab-manu-items .single-item {
  display: inline-block;
  margin: 0 2px;
}
.design-desc-area .tab-manu .tab-manu-items .single-item a {
  border: 1px solid #f7f7f7;
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 16px 35px 14px;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.design-desc-area .tab-manu .tab-manu-items .single-item.active a,
.design-desc-area .tab-manu .tab-manu-items .single-item:hover a{
  background: #252525;
  border-color: #252525;
  color: #dc6024;
}
#design-single-carousel .single-item .img-holder img {
  width: 100%;
}

#design-single-carousel .carousel-indicators {
  bottom: 0;
}
#design-single-carousel .carousel-indicators li {
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 5px;
  width: 10px;
}
#design-single-carousel .carousel-indicators .active li{
  background-color: #fff;
  height: 10px;
  margin: 5px;
  width: 10px;
  transition: all 500ms ease;
}


.design-desc-area .tab-content .inner-content .text-holder {
  
}
.design-desc-area .tab-content .inner-content .text-holder .sec-title-two {
  margin-top: -7px;
  padding-bottom: 25px;
}
.design-desc-area .tab-content .inner-content .text-holder .text {
  
}

.design-desc-area .tab-content .inner-content .text-holder .caption-box {
  margin: 12px 0 7px;
  padding-left: 50px;
  position: relative;
}
.design-desc-area .tab-content .inner-content .text-holder .caption-box::before {
  color: #eaeaea;
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 25px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  position: absolute;
  top: 7px;
}
.design-desc-area .tab-content .inner-content .text-holder .caption-box h3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}



/*** 
=============================================
   Shop Single area  style
=============================================
***/
.service-v2-area {
  padding-bottom: 60px;
}
.service-v2-area .single-item {
  padding-bottom: 30px;  
}
.service-v2-area .single-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;
}
.service-v2-area .single-item .img-holder img{
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;    
}
.service-v2-area .single-item .img-holder .overlay .box {
  
}
.service-v2-area .single-item .img-holder .overlay .box .content {
  text-align: left;
  vertical-align: bottom;
}
.service-v2-area .single-item .img-holder .overlay .box .content a {
  background: #dc6024 none repeat scroll 0 0;
  bottom: 10px;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  left: 10px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 120px;
  border: 2px solid #dc6024;
  transition: all 500ms ease;
}

.service-v2-area .single-item:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);        
}
.service-v2-area .single-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.service-v2-area .single-item .img-holder .overlay .box .content a:hover{
  background: transparent;
}


.service-v2-area .single-item .text-holder {}
.service-v2-area .single-item .text-holder .top {
  padding-left: 50px;
  padding-top: 33px;
  position: relative;
}
.service-v2-area .single-item .text-holder .top .icon-holder {
  left: 0;
  position: absolute;
  top: 30px;
}
.service-v2-area .single-item .text-holder .top .icon-holder span:before{
  color: #252525;
  font-size: 30px;
}
.service-v2-area .single-item .text-holder .top .title-holder {}
.service-v2-area .single-item .text-holder .top .title-holder h3 {
  color: #252525;
  font-weight: 500;
  margin: 0 0 28px;
  text-transform: capitalize;
}
.service-v2-area .single-item .text-holder .text {}
.service-v2-area .single-item .text-holder .text p {
  margin: 0 0 15px;
}
.service-v2-area .single-item .text-holder .text h3 {
  color: #dc6024;
  font-size: 18px;
  font-weight: 300;
  margin: 0 0 10px;
}
.service-v2-area .single-item .text-holder .text span {
  font-weight: 400;
}




/*** 
=============================================
   Commercial Design area  style
=============================================
***/
#commercial-design-area{
  background: #f7f7f7;
  padding-top: 100px;
  padding-bottom: 90px;
}
#commercial-design-area .project-content {
  margin-left: -5px;
  margin-right: -5px;
}
#commercial-design-area .project-content .single-project {
  padding-left: 5px;
  padding-right: 5px;
}
#commercial-design-area .project-content .single-project .single-project-item {
  padding-bottom: 10px;
}



/*** 
=============================================
   Appoinment area  style
=============================================
***/
.appoinment-area {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.appoinment-area::before {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.appoinment-area .sec-title {
  padding-bottom: 36px;
}
.appoinment-area .sec-title h2 {
  color: #f7f7f7;
}

.appoinment-area form .single-field-item {
  margin-bottom: 22px;
  overflow: hidden;
}
.appoinment-area form .single-field-item > p {
  margin-bottom: 0;
}
.appoinment-area form .single-field-item .field-label p {
  color: #c1c1c1;
  margin: 0 0 3px;
  text-transform: capitalize;
}
.appoinment-area form .single-field-item .input-box {
  display: block;
  position: relative;
}
.appoinment-area form .single-field-item input[type="text"],
.appoinment-area form .single-field-item input[type="email"] {
  width: 100%;
  height: 50px;
  background: #030303;
  border: 1px solid #181818;
  display: block;
  padding: 0 15px;
  color: #c1c1c1;
  font-size: 15px;
  font-weight: 400;
  transition: all 500ms ease;
}
.appoinment-area form .ui-state-default {
  background: #030303 none repeat scroll 0 0;
  border: 1px solid #181818;
  border-radius: 0;
  color: #c1c1c1;
  font-size: 15px;
  font-weight: normal;
  height: 50px;
  margin-bottom: 10px;
  outline: medium none;
  width: 100% !important;
}
.appoinment-area form .single-field-item .input-box .iocn-holder {
  position: absolute;
  right: 15px;
  top: 11px;
}
.appoinment-area form .single-field-item .input-box .iocn-holder i {
  color: #dc6024;
  font-size: 14px;
}
.appoinment-area form input[type="submit"] {
  background: #dc6024 none repeat scroll 0 0;
  border: 2px solid #dc6024;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 46px;
  text-transform: uppercase;
  width: 100%;
  transition: all 500ms ease;
}

.appoinment-area form .single-field-item input[type="text"]:focus{
  border-color: #dc6024;
}
.appoinment-area form button:hover{
  background: transparent;
}
.appoinment-area p.customercare {
  color: #c1c1c1;
  margin: 10px 0;
}
.appoinment-area p.customercare span {
  color: #dc6024;
}

.appoinment-area .business-hours {
  border: 2px solid #181818;
  display: block;
  margin-top: 31px;
  padding: 21px 15px 14px;
}
.appoinment-area .business-hours h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px;
}
.appoinment-area .business-hours h3 i{
  color: #dc6024;
  font-size: 16px;
  display: inline-block;
  padding-right: 10px;
}
.appoinment-area .business-hours ul li {
  color: #c1c1c1;
  font-size: 16px;
  font-weight: 300;
  line-height: 35px;
  position: relative;
}
.appoinment-area .business-hours ul li.mon-fri::before {
  background: #181818 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 123px;
  position: absolute;
  top: 18px;
  width: 23px;
}
.appoinment-area .business-hours ul li.Satu::before {
  background: #181818 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 69px;
  position: absolute;
  top: 18px;
  width: 73px;
}
.appoinment-area .business-hours ul li.sund::before {
  background: #181818 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 60px;
  position: absolute;
  top: 18px;
  width: 82px;
}
.appoinment-area .business-hours ul li span {
  display: inline-block;
  width: 145px;
}
.appoinment-area .business-hours p {
  color: #ffffff;
  line-height: 24px;
  margin: 7px 0 0;
}

#ui-datepicker-div.ui-widget-content {
  border: 1px solid #c5c5c5;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #777;
  color: #252525;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
  border-radius: 0px;
  width: 270px;
  padding: 5px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  background: #dc6024 none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  padding: 5px 0;
  position: relative;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
  border-radius: 30%;
  height: 20px;
  position: absolute;
  top: 7px;
  width: 20px;
  transition: all 500ms ease;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
}
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover {
  top: 7px;
  background: #fff;
  border: none;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 0.4em;
  width: 100%;
}
.ui-datepicker th {
  border: medium none;
  font-weight: 600;
  padding: 2px 3px;
  text-align: center;
}

.ui-datepicker-calendar .ui-state-default{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #252525;
  display: block;
  font-size: 12px;
  font-weight: 400;
  height: 35px;
  line-height: 25px;
  margin-bottom: 5px;
  padding: 4px 2px;
  text-align: center;
  width: 35px !important;
  transition: all 500ms ease;
}
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active{
  background: #dc6024;
  color: #fff;
  border-color: #dc6024;
}




/*** 
=============================================
   Pricing Table area  style
=============================================
***/
.pricing-table-area {
  padding-bottom: 100px;
  padding-top: 100px;
}
.pricing-table-area .sec-title {
  padding-bottom: 45px;
}
.pricing-table-area .single-price-box {
  background: #f7f7f7 none repeat scroll 0 0;
    
}
.pricing-table-area .single-price-box .table-header {
  background: #252525 none repeat scroll 0 0;
  display: block;
  overflow: hidden;
  padding: 21px 0;
  transition: all 500ms ease;
}
.pricing-table-area .single-price-box .table-header h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.pricing-table-area .single-price-box .price {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  padding: 14px 0;
  transition: all 500ms ease;
}
.pricing-table-area .single-price-box .price h1 {
  color: #252525;
  font-size: 56px;
  font-weight: 500;
}
.pricing-table-area .single-price-box .price h1 span {
  font-size: 20px;
  font-weight: 700;
}
.pricing-table-area .single-price-box .price h1 b {
  font-size: 20px;
  font-weight: 700;
}
.pricing-table-area .single-price-box .price-list{
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  transition: all 500ms ease;
}
.pricing-table-area .single-price-box .price-list ul {
  border-top: 1px solid #eaeaea;
  margin: 0 30px;
  padding: 15px 0 26px;
}
.pricing-table-area .single-price-box .price-list ul li {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
}

.pricing-table-area .single-price-box .table-footer {
  padding-bottom: 40px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  transition: all 500ms ease;
}
.pricing-table-area .single-price-box .table-footer a {
  border: 2px solid #eaeaea;
  color: #252525;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 28px;
  text-transform: uppercase;
  transition: all 500ms ease;
}

.pricing-table-area .single-price-box:hover .table-header{
  background: #dc6024;
} 
.pricing-table-area .single-price-box:hover .price {
  border-left: 1px solid #dc6024;
  border-right: 1px solid #dc6024;
}
.pricing-table-area .single-price-box:hover .price-list{
  border-left: 1px solid #dc6024;
  border-right: 1px solid #dc6024;
}
.pricing-table-area .single-price-box:hover .table-footer{
  border-left: 1px solid #dc6024;
  border-right: 1px solid #dc6024;
  border-bottom: 1px solid #dc6024;    
}
.pricing-table-area .single-price-box .table-footer a:hover{
  background: #dc6024;
  border-color: #dc6024;
  color: #fff;
}



/*** 
=============================================
   Pricing Table area  style
=============================================
***/
.feedback-area {
  background: rgba(0, 0, 0, 0) url("images/customers/feedback-bg.jpg") no-repeat fixed center top / cover ;
  padding-bottom: 92px;
  padding-top: 100px;
  position: relative;
  z-index: 1;  
}
.feedback-area::before {
  background: rgba(0, 0, 0, 0.50) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.feedback-area .sec-title h2 {
  color: #ffffff;
  margin: 0 0 7px;
}
.feedback-area .sec-title .border {
  background: #dc6024;
  height: 2px;
  width: 70px;
  display: inline-block;
}
.feedback-area .sec-title .border {
  background: #dc6024;
  height: 2px;
  width: 70px;
  display: inline-block;
}
.feedback-area .single-feedback-item {
  
}
.feedback-area .single-feedback-item .img-holder {
  width: 95px;
}
.feedback-area .single-feedback-item .img-holder, 
.feedback-area .single-feedback-item .text-holder{
  display: table-cell;
  vertical-align: top;
}
.feedback-area .single-feedback-item .text-holder {
  padding-left: 70px;
  position: relative;
}
.feedback-area .single-feedback-item .text-holder::before {
  color: #232323;
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  left: 20px;
  position: absolute;
  text-decoration: inherit;
  top: 3px;
}
.feedback-area .single-feedback-item .text-holder h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 17px;
  text-transform: capitalize;
}
.feedback-area .single-feedback-item .text-holder h3 span {
  color: #dc6024;
  font-size: 16px;
}
.feedback-area .single-feedback-item .text-holder p {
  color: #c1c1c1;
  margin: 0;
}

.feedback-area .owl-carousel .owl-nav {
  display: none;
}
.feedback-area .owl-dots {
  margin-top: 40px;
  position: relative;
}
.feedback-area .owl-dots .owl-dot{
  background-image:none !important;
  width:10px !important;
  height:10px !important;
  margin:0px 5px !important;
  padding:0px;
  border:1px solid #e0e0e0;
  background:none;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  -moz-border-radius:50%;
  transition: all 500ms ease;
}

.feedback-area .owl-dots .owl-dot span{
  display:none;	
}
.feedback-area .owl-dots .owl-dot.active{
  border-color:#dc6024;
  background:#dc6024;
}