/**************************************************************************************************************
||||||||||||||||||||||||||       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                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/



/* Imported styles */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');



@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');

/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);


@import url(../fonts/flaticon/flaticon.css);
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);

/*** Revolution slider ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);





@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: #000000;
  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;
}
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 #1a467d;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  transition: all 500ms ease;
  line-height: 14px;
}
.bg-cl-1{
  background: #1a467d;  
}
.thm-btn:hover{
  background: #141414;  
  border: 2px solid #1a467d;
  color: #fff;
}



.sec-title {
  margin-top: -5px;
  padding-bottom: 40px;
  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: #1a467d;
}
.sec-title span.decor {
  background: #b3791e 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;
  width: 8px;
  height: 8px;
  background: #b3791e;
  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: #b3791e 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: 1040;
  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: 0px 0;
}
.header-area.stricky-fixed .main-menu .navigation li a {
  /*padding: 30px 15px 29px 10px;*/
}
.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: 10px 10px 10px 15px;
}
.header-area.stricky-fixed .main-menu .navigation > li > ul > li ul li a{
  padding: 10px 10px 10px 15px;
}
.header-area.stricky-fixed .outer-box .cart-btn {
  top: 31px;
}
.header-area.stricky-fixed .outer-box .search-box-btn {
  top: 30px;
}




/* scroll to top styles */
.scroll-to-top {
  background: #b3791e;
  border: 2px solid #b3791e;
  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;
}

#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: #b3791e;
  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;
  padding-left: 290px;
  margin-left: 30px;
}
.top-bar-area .contact-info-right .phnumber {
  position: absolute;
  top: 0;
  left: 0;
}
.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: #b3791e;
  display: inline-block;
  padding-right: 6px;
  position: relative;
  top: 3px;
  font-size: 18px;
}

.top-bar-area .contact-info-right .language-switcher {
  left: 175px;
  position: absolute;
  top: 0;
}


.top-social-links {
  position: absolute;
  right: 0;
  top: 2px;
}
.top-social-links ul li {
  display: inline-block;
  margin-left: 4px;
}
.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: #b3791e;
}





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

}
.header-area .outer-box {
  padding-right: 10px;
  position: relative;
}
.header-area .outer-box .logo {
  float: left;
  text-align: left !important;
  /*position: relative;
  transition: all 500ms ease 0s;*/
  padding: 0 !important;
}

/* Search css*/
.header-area .outer-box .search-box-btn {
  position: absolute;
  right: 0;
  top: 44px;
}
.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;
}

.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 #b3791e;
}
.header-search button span::before {
    color: #fff;
    font-size: 15px;
}
.header-search .search input:focus {
    border: 1px solid #b3791e
}
.header-search .search input:focus + button, .header-search .search input button:hover {
  background: #b3791e none repeat scroll 0 0;
  color: #1b1b1b;
  border: 1px solid #b3791e;
}

/* Cart Btn css*/
.header-area .outer-box .cart-btn {
  height: 30px;
  position: absolute;
  right: 70px;
  top: 46px;
  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: #b3791e 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 !important;
  position: relative;
  width: 100% !important;
}
.main-menu .navbar-collapse {
  padding: 0px
}
.main-menu .navigation {
  float: right;
  margin: 0;
  position: relative;
}
.main-menu .navigation li {
  float: left;
  margin-left: 20px;
  padding: 0;
  position: relative;
}

.main-menu .navigation li a {
  color: #252525;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  opacity: 1;
  padding: 30px 15px 29px 0 !important;
  position: relative;
  
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li.dropdown > a {
  padding-right: 35px
}
.main-menu .navigation > li.dropdown > a:after {
  font-family: 'FontAwesome';
  content: "\f107";
  position: absolute;
  top: 30px;
  right: 0px;
  font-size: 14px;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.active > a {
  color: #595dd7;
  opacity: 1;
  text-decoration-line: none;
}
.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 #b3791e;*/
  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: 10px 10px 10px 15px;
  position: relative;
/*  text-transform: uppercase;
*/  transition: all 500ms ease 0s;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: #fff;
  background-color: #1a467d;
}


.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:#b3791e;	
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:110%;
  top:0px;
  width:220px;
  padding:0px;
  z-index:100;
  border-bottom: 3px solid #b3791e;
  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: #b3791e;
}

.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: #b3791e;
}


.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: #b3791e;
}

.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: 100px;
  padding-top: 50px;
}
.welcome-area .text-holder { }
.welcome-area .text-holder p { 
  font-size: 16px;
  margin-top: 10px;
}
.welcome-area .text-holder h3{
  color: #252525;
  font-size: 25px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 0px;
}
.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: #1a467d;
  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;
}

@media only screen and (min-width: 767px){
    .latest-logo {
        margin-left: 190px;
        margin-top: -78px;
        margin-bottom: -50px;
    }
}

.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(221 217 217) 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{
  display: block;
  overflow: hidden;
  position: relative; 
  text-align: center;
  background-color: white;
  padding: 10px;
}
.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;
  /*width: 100%;    */
  max-height: 240px;
  height: 240px;
}
.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: #b3791e;
}

.single-service-item .text-holder {
  
}
.single-service-item .text-holder h3 {
  color: #1a467d;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin: 20px 0 6px;
  text-transform: capitalize;
}
.single-service-item .text-holder h3 span{
  color: #fff;
}
.single-service-item .text-holder p{
  color: #919191;
}



/*** 
=============================================
    Latest Project Area style
=============================================
***/
.latest-project-area{
  padding-top: 100px;
  padding-bottom: 70px;
  overflow: hidden;
}
.latest-project-area .sec-title {
  padding-bottom: 44px;
}
.latest-project-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.latest-project-area .project-filter {
  margin-bottom: 73px;
  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: #b3791e;
}

.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%;      
}


.single-project-item .img-holder .overlay .box {
  
}
.single-project-item .img-holder .overlay .box .content {
  
}
.single-project-item .img-holder .overlay .box .content a h3 {
  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: #b3791e;
  margin: 0;
}
.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 a h3:hover{
  color: #b3791e;
}

.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: #b3791e;    
} 



/*** 
=============================================
    Slogan Area style
=============================================
***/
.slogan-area {
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 68px;
  padding-top: 66px;
  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: #b3791e;
  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 165px 40px;
}
.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: #b3791e;
  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: #b3791e;
} 
.working-area .single-working-item:hover .icon-box .count{
  background: #b3791e;
}
.working-area .single-working-item:hover .icon-box .count h3{
  color: #fff;
}


/*** 
=============================================
    Testimonial Area style
=============================================
***/
.testimonial-area {
  background: rgba(0, 0, 0, 0) url("../images/customers/bg.jpg") no-repeat fixed center top / cover ;
  padding-bottom: 92px;
  padding-top: 100px;
  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: #b3791e;
  height: 2px;
  width: 70px;
  display: inline-block;
}
.testimonial-area .sec-title .border {
  background: #b3791e;
  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: #b3791e none repeat scroll 0 0;
  border-radius: 50%;
  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: #b3791e;
  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: #b3791e;
  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: #b3791e;
  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:#b3791e;
  background:#b3791e;
}


/*** 
=============================================
    Latest blog Area style
=============================================
***/
.latest-blog-area {
  padding-top: 100px;
  padding-bottom: 50px;
}
.latest-blog-area .sec-title {
  padding-bottom: 44px;
}
.latest-blog-area .more-blog-button {
  
}
.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;     
}
.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: #b3791e;
}

.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;
}
.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: #b3791e;
}
.single-blog-item .text-holder .meta-info li a:hover{
  color: #b3791e;
}
.single-blog-item .text-holder:hover .text .readmore {
  color: #b3791e;
}



/*** 
=============================================
    Brand Area style
=============================================
***/
.brand-area {
  background: #daa95b;
  padding-bottom: 20px;
  padding-top: 20px;
}
.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: #1a467d none repeat scroll 0 0;
  padding-bottom: 15px;
  padding-top: 20px;
}
.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: #b3791e;
  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: 10px;
  position: relative;
}
.single-footer-widget .contacts-icons-info li {
  padding-left: 30px !important;
}
.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: #b3791e;
  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: #fff;
  margin-bottom: 5px;
}

.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;
  margin-left: 10px;
}
.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: #b3791e;
}
.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 #b3791e;
  display: inline-block;
  float: left;
  line-height: 15px;
  margin-right: 10px;
  padding-right: 10px;
  color: #b3791e;
  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: #b3791e;
}


.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: #b3791e;
    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 #b3791e;
    background: #c1c1c1;
    color: #1b1b1b;
}
.single-footer-widget .subscribe-form form input[type=text]:focus + button, 
.single-footer-widget .subscribe-form form button:hover {
    background: #b3791e none repeat scroll 0 0;
    color: #1b1b1b;
    border-color: #b3791e;
}



.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: #b3791e;    
}

/*** 
=============================================
    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: #b3791e;
    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: #b3791e;
}



/*** 
=============================================
    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: 80px;
  padding-top: 56px;
  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;
  margin: 0 3px;
  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:hover{
  color: #b3791e;
}
.breadcrumb-area .breadcrumb-bottom .right a{
  color: #b3791e;
  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: 40px;
}
.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: #b3791e;
}
.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: #b3791e;
  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: #b3791e;
}

.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 .border {
  background: #b3791e 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: #1a467d 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: 9px 0;
}
.choose-area .single-item .text-holder {}
.choose-area .single-item .text-holder h3 {
  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: 10px;
  padding-top: 40px;
}
.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: #b3791e;
}

.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: #b3791e;
  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: #b3791e;
  border: 2px solid #b3791e;
}

.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: #b3791e;
}



/*** 
=============================================
    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: #b3791e;
  border: 2px solid #b3791e;
}

.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: #b3791e;
  font-size: 30px;
  font-weight: 500;
}
.fact-counter-area .single-fact-counter .box h2 i {
  color: #b3791e;
  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::before {
  color: #b3791e;
  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: #b3791e 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: #b3791e;
  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;
}


/*** 
=============================================
    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: #b3791e;
  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 button{
  padding: 17px 32px 15px;  
  transition: all 500ms ease;
}

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

/*** 
=============================================
    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: 0px;
  left: 0;
}
.contact-v2-area .contact-info .contact-address li .icon-holder span:before{
  color: #b3791e;
  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: #b3791e;
}
#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: 40px;
  padding-top: 40px;
}
.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 button {
  display: block;
  padding: 19px 0 18px;
  width: 100%;
}

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





.product-image {
  height: 180px !important;
  max-width: 250px;
}

.image-border {
  border: 1px solid #cdcdcd;
  height: 200px;
  padding: 10px;
  /*margin-top: 15px;*/
  text-align: center;
}

.header-area.stricky {
  box-shadow: 0px 5px 20px -17px rgba(0,0,0,0.75);
}

.products-title {
    padding-top: 50px;
}

.carousel-inner {
  height: 350px !important;
}

.modal.and.carousel {
  position: fixed; // Needed because the carousel overrides the position property
}

.contact-icons {
  font-size: 30px;
  color: #4979b4;
}

.contact-icons-mail {
  font-size: 25px;
  color: #4979b4;
}

.contact-icons-footer {
  font-size: 25px;
  color: #fff; 
}

.contact-icons-mail-footer {
  font-size: 20px;
  color: #fff;
}


.mapouter {
  position:relative;
  text-align:right;
  width:600px;
  height:400px;
}
.gmap_canvas {
  overflow:hidden;
  background:none!important;
  width:600px;
  height:400px;
}
.gmap_iframe {
  width:600px!important;
  height:400px!important;
}

@media only screen and (min-width: 320px) {
  .gmap_canvas {
    overflow: hidden;
    background: none!important;
    width: 290px;
    height: 235px;
  }
  .gmap_iframe {
    width: 290px !important;
    height: 235px !important;
  }
  .mapouter {
    position: relative;
    text-align: right;
    width: 290px;
    height: 235px;
  }
}

@media only screen and (min-width: 425px) {
  .gmap_canvas {
    overflow: hidden;
    background: none!important;
    width: 345px;
    height: 235px;
  }
  .gmap_iframe {
    width: 345px !important;
    height: 235px !important;
  }
  .mapouter {
    position: relative;
    text-align: right;
    width: 345px;
    height: 235px;
  }
}
@media only screen and (min-width: 768px) {
  .gmap_canvas {
    overflow: hidden;
    background: none!important;
    width: 500px;
    height: 300px;
  }
  .gmap_iframe {
    width: 500px !important;
    height: 300px !important;
  }
  .mapouter {
    position: relative;
    text-align: right;
    width: 500px;
    height: 300px;
  }
}

.icon-holder {
  font-size: 27px;
}

.top-holder {
  margin-top: -7px;
}

.mail-holder {
  font-size: 22px;
}

.modal {
  z-index: 10000px !important;
}

#myGallery {
  max-height: 550px;
}

.modal-dialog {
  width: 1000px !important;
}

.view-image {
  max-height: 550px;
}

.view-image-center {
  text-align: -webkit-center;
}

.whatsapp-icon {
  background-color: green;
}

.footer-contact-info img {
    margin-right: 8px;
}

.alert-danger {
    margin-top: 25px;
}

@media only screen and (min-width: 320px) {
  .carousel-inner .slider-image {
    height: 200px !important;
    width: 100% !important;
  }
  .carousel-inner {
    height: 200px !important;
    width: 100% !important;
  }
  .modal-body {
    height: 200px !important;
  }

  .modal-content {
    width: 300px !important;
  }

  .view-image {
    height: 200px !important;
  }
}

@media only screen and (min-width: 425px) {
  .carousel-inner .slider-image {
    height: 350px !important;
    width: 100% !important;
  }
  .carousel-inner {
    height: 350px !important;
    width: 100% !important;
  }
  .modal-body {
    height: 350px !important;
  }

  .modal-content {
    width: 400px !important;
  }

  .view-image {
    height: 350px !important;
  }
}
@media only screen and (min-width: 768px) {
  .carousel-inner .slider-image {
    height: 450px !important;
    width: 100% !important;
  }
  .carousel-inner {
    height: 450px !important;
    width: 100% !important;
  }
  .modal-body {
    height: 450px !important;
  }

  .modal-content {
    width: 768px !important;
  }

  .view-image {
    height: 450px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .carousel-inner .slider-image {
    height: 500px !important;
    width: 100% !important;
  }

  .carousel-inner {
    height: 500px !important;
    width: 100% !important;
  }
  .modal-body {
    height: 530px !important;
  }

  .modal-content {
    width: 1024px !important;
  }

  .view-image {
    height: 500px !important;
  }
}

@media only screen and (min-width: 320px) {
  .top-left {
    position: absolute;
    top: 30px;
    left: 15px;
    color: white;
    font-size: 30px;
    font-family: serif;
  }
}

@media only screen and (min-width: 425px) {
  .top-left {
      position: absolute;
      top: 150px;
      left: 15px;
      color: white;
      font-size: 45px;
      font-family: serif;
  }
}
@media only screen and (min-width: 768px) {
  .top-left {
      position: absolute;
      top: 140px;
      left: 25px;
      color: white;
      font-size: 65px;
      font-family: serif;
  }
}

@media only screen and (min-width: 1024px) {
  .top-left {
    position: absolute;
    top: 150px;
    left: 36px;
    color: white;
    font-size: 80px;
    font-family: serif;

  }
}

@media only screen and (max-width: 767px){
  .main-menu .navbar-header {
    margin-top: 10px;
  }
}

.footer-area div a {
  text-decoration: none;
}

.img-thumbnail {
  border: none !important;
}

.main-menu .navigation .sub-menu-li .sub-menu {
  padding: 15px 0px 15px 20px !important;
}

.main-menu .navigation > li > ul > li > a:focus,
.main-menu .navigation > li > ul > li > a:hover {
  text-decoration: none !important;
}

.view-more-products {
  display: -webkit-inline-box;
}

.view-more-products .view-btn {
  margin-top: 20px;
  margin-left: 10px;
}

.single-service-item img {
  object-fit: cover;
}

.single-service-item .img-holder .img-width {
  width: 100%;
}