/***************************************************************************************************************

||||||||||||||||||||||||||       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: #9a9a9a;*/

  color: #444444;

  text-align: justify;

  line-height: 28px;

  font-weight: 400;

}

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 #f31a22;

  text-transform: uppercase;

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

  transition: all 500ms ease;

  line-height: 14px;

}

.bg-cl-1{

  background: #f31a22;  

}

.thm-btn:hover{

  background: #141414;  

  border: 2px solid #f31a22;

  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: #f31a22;

}

.sec-title span.decor {

  background: #f31a22 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: #f31a22;

  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: #f31a22 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: 9999;

  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: 20px 0;

}

.header-area.stricky-fixed .main-menu .navigation li a {

  padding: 44px 20px 44px 0;

}

.header-area.stricky-fixed .main-menu .navigation > li.dropdown > a::after {

  top: 43px;

}

.header-area.stricky-fixed .main-menu .navigation > li > ul > li > a {

  padding: 15px 15px 15px 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: 31px;

}

.header-area.stricky-fixed .outer-box .search-box-btn {

  top: 30px;

}









/* scroll to top styles */

.scroll-to-top {

  background: #f31a22;

  border: 2px solid #f31a22;

  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: #f31a22;

  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: #f31a22;

  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: 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: #f31a22;

}











/*==============================================

    Header Area Css

===============================================*/

.header-area {



}

.header-area .outer-box {

  /*padding-right: 120px;*/

  position: relative;

}

.header-area .outer-box .logo {

  float: left;

  position: relative;

  transition: all 500ms ease 0s;

  padding: 20px 0;

}



/* 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 #f31a22;

}

.header-search button span::before {

    color: #fff;

    font-size: 15px;

}

.header-search .search input:focus {

    border: 1px solid #f31a22

}

.header-search .search input:focus + button, .header-search .search input button:hover {

  background: #f31a22 none repeat scroll 0 0;

  color: #1b1b1b;

  border: 1px solid #f31a22;

}



/* 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: #f31a22 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: 44px 20px 44px 0;

  position: relative;

  text-transform: uppercase;

  transition: all 500ms ease 0s;

}

.main-menu .navigation > li.dropdown > a {

  padding-right: 40px !important;

}

.main-menu .navigation > li.dropdown > a:after {

  font-family: 'FontAwesome';

  content: "\f107";

  position: absolute;

  top: 43px;

  right: 23px;

  font-size: 14px;

  transition: all 500ms ease 0s;

}

.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a {

  color: #f31a22;

  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 #f31a22;

  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: 15px 15px 15px 20px;

  position: relative;

  text-transform: uppercase;

  transition: all 500ms ease 0s;

}

.main-menu .navigation > li > ul > li:hover > a {

  color: #f31a22;

  background-color: #252525;

}





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

}



.main-menu .navigation > li > ul > li > ul{

  position:absolute;

  left:110%;

  top:0px;

  width:220px;

  padding:0px;

  z-index:100;

  border-bottom: 3px solid #f31a22;

  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: #f31a22;

}



.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: 30px;

  font-weight: 900;

  line-height: 90px;

  margin: 0px 0 14px;

  text-transform: uppercase;

      background: rgb(0 0 0 / 70%);

    padding: 0px 20px;

}

.rev_slider_wrapper .slide-content-box h1 span{

  font-family: "OilBats";  

  color: #f31a22;

}





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

}



.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: 140px;

  padding-top: 100px;

}

.welcome-area .text-holder { }

.welcome-area .text-holder h3{

  color: #252525;

  font-size: 22px;

  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: 0px;

  position: relative;

  top: 10px;

}

.welcome-area .text-holder .bottom .title h3 span{

  color: #f31a22;

  font-family: "OilBats";

  line-height: 60px;

  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: #1b1b1b 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; 

  border: solid 1px #f31a22;

    border-radius: 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%; 

  height: 300px;   

}

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

}



.single-service-item .text-holder {

  

}

.single-service-item .text-holder h3 {

  color: #f31a22;

  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: #fff;

}







/*** 

=============================================

    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: #f31a22;

}



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

  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: #f31a22;

}



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

} 







/*** 

=============================================

    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: #f31a22;

  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: 100px;

}

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

      border: solid 5px #fff;

  display: block;

  height: 160px;

  width: 160px;

  text-align: center;

  line-height: 160px;

  color: #f31a22;

  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 .icon-box {

    background: #1b1b1b;

}

.working-area .single-working-item:hover .icon-box{

  background: #f31a22;

} 

.working-area .single-working-item:hover .icon-box .icon{

  color: #fff;

} 

.working-area .single-working-item:hover .icon-box .count{

  background: #f31a22;

}

.working-area .single-working-item .icon-box .count{

  background: #f31a22;

}

.working-area .single-working-item .icon-box .count h3{

  color: #fff;

}

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

  height: 2px;

  width: 70px;

  display: inline-block;

}

.testimonial-area .sec-title .border {

  background: #f31a22;

  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: #f31a22 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: #f31a22;

  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: #f31a22;

  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: #f31a22;

  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:#f31a22;

  background:#f31a22;

}





/*** 

=============================================

    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: #f31a22;

}



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

}

.single-blog-item .text-holder .meta-info li a:hover{

  color: #f31a22;

}

.single-blog-item .text-holder:hover .text .readmore {

  color: #f31a22;

}







/*** 

=============================================

    Brand Area style

=============================================

***/

.brand-area {

  background: #f31a22;

  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;

  color: #c1c1c1;

}

.single-footer-widget .interrio-info p span{

  color: #f31a22;

  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: #f31a22;

  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 .footer-contact-info li .text-holder a {

  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: #f31a22;

}

.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 #f31a22;

  display: inline-block;

  float: left;

  line-height: 15px;

  margin-right: 10px;

  padding-right: 10px;

  color: #f31a22;

  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: #f31a22;

}





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

    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 #f31a22;

    background: #c1c1c1;

    color: #1b1b1b;

}

.single-footer-widget .subscribe-form form input[type=text]:focus + button, 

.single-footer-widget .subscribe-form form button:hover {

    background: #f31a22 none repeat scroll 0 0;

    color: #1b1b1b;

    border-color: #f31a22;

}







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

}



/*** 

=============================================

    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: #f31a22;

    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: #f31a22;

}







/*** 

=============================================

    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;

  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: #f31a22;

}

.breadcrumb-area .breadcrumb-bottom .right a{

  color: #f31a22;

  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: #f31a22;

}

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

  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: #f31a22;

}



.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: 100px;

  padding-top: 100px;

  position: relative;

  z-index: 1;  

}

.choose-area::before {

  background: #1b1b1b 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: #f31a22 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: #fff 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;
  border: solid 1px #f31a22;

}





/*** 

=============================================

    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: #f31a22;

}



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

  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: #f31a22;

  border: 2px solid #f31a22;

}



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

}







/*** 

=============================================

    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: #f31a22;

  border: 2px solid #f31a22;

}



.fact-counter-area .single-fact-counter {}

.fact-counter-area .single-fact-counter .box {

  background: #f7f7f7 none repeat scroll 0 0;

  height: 130px;

  position: relative;

      box-shadow: 5px 5px #1b1b1b;
    border: dotted 1px #1b1b1b;
    background: rgb(243 26 34 / 1%) none repeat scroll 0 0;

}

.fact-counter-area .single-fact-counter .box h2 {

  display: block;

  padding: 60px 0 35px;

}

.fact-counter-area .single-fact-counter .box h2 span{

  color: #f31a22;

  font-size: 50px;

  font-weight: 500;

}

.fact-counter-area .single-fact-counter .box h2 i {

  color: #f31a22;

  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: #f31a22;

  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: #f31a22 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: #f31a22;

  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: #f31a22;

}

.accordion-box .accordion .accord-btn.active h4{

  color: #f31a22;

}

.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 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 button {

  background: #252525 none repeat scroll 0 0;

  border-color: #252525;

  color: #f31a22;

  margin: 10px 0 0;

  padding: 15px 30px 13px;

  transition: all 500ms ease;

}

.faq-content-area .question-form form button:hover{

  background: #f31a22;

  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: #f31a22;

  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: #f31a22;

  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: #f31a22;

  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: #f31a22 none repeat scroll 0 0; 

}

.press-release-item-area .single-item:hover .text-holder a{

  background: #f31a22;

  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: #f31a22;

  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: #f31a22;

  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;

}

.blog-with-sidebar-area .blog-post {

  border-right: 1px solid #f7f7f7;

  margin-bottom: -100px;

  margin-right: -25px;

  margin-top: -80px;

  padding-bottom: 100px;

  padding-right: 25px;

  padding-top: 80px;

}

.blog-with-sidebar-area .blog-post .single-blog-item {

  margin-bottom: 60px;

}

.blog-with-sidebar-area .blog-post .single-blog-item .img-holder .overlay .box .content a i {

  border-radius: 5%;

  font-size: 20px;

  height: 50px;

  line-height: 52px;

  width: 50px;

}

.blog-with-sidebar-area .blog-post .single-blog-item .text-holder {

  padding-bottom: 30px;

  padding-left: 40px;

  padding-right: 40px;

}

.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .blog-title {

  font-size: 24px;

  padding: 33px 0 5px;

}

.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom {

  margin-top: 30px;  

}

.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .readmore {

  padding: 0;

}

.blog-with-sidebar-area .blog-post .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;

  width: 150px;

  transition: all 500ms ease;

}

.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share {}

.blog-with-sidebar-area .blog-post .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;

}

.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share h5 i {

  display: inline-block;

  padding-left: 10px;

}

.blog-with-sidebar-area .blog-post .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;

}

.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share .social-share li {

  display: inline-block;

  float: left;

  margin: 0 5px;

}

.blog-with-sidebar-area .blog-post .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;

}



.blog-with-sidebar-area .blog-post .single-blog-item:hover .text-holder .text .bottom .readmore a{

  background: #f31a22;

}

.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share .social-share li a:hover i{

  background: #f31a22;

  color: #fff;

  border-color: #f31a22;

}

.blog-with-sidebar-area .post-pagination {

  margin-top: -10px;

}





.post-pagination li {

  display: inline-block;

  margin: 0 3px;

}

.post-pagination li a {

  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 {

  background: #252525;

  color: #f31a22;

  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: #f31a22 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: #f31a22;    

}





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

}

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

  margin: 0;

  position: relative;

  top: -3px;

}

.single-sidebar .recent-post li .title h3:hover a{

  color: #f31a22;

}



.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 .product-tag {

  margin-left: -3px;

  margin-right: -3px;

  margin-top: -5px;

}

.single-sidebar .product-tag li {

  display: inline-block;

  margin: 0 3px 10px;

}

.single-sidebar .product-tag li a {

  border: 1px solid #f7f7f7;

  color: #9a9a9a;

  display: block;

  font-size: 16px;

  font-weight: 300;

  padding: 1px 12px 2px;

  transition: all 500ms ease 0s;

}

.single-sidebar .product-tag li a:hover{

  background: #252525;

  border-collapse: #252525;

  color: #f31a22;

}







/*** 

=============================================

    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: #f31a22;

  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 p {

  color: #f31a22;

  margin: 0;

}

.blog-single-area .tag-social-share-box .tag p span {

  color: #252525;

  font-weight: 400;

  text-transform: uppercase;

}



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

  border-color: #f31a22;

  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: #f31a22;

}





.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: 60px;

  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: #f31a22;

  font-size: 14px;

}





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

  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 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: #f31a22;

  padding: 14px 30px;

}

.blog-single-area .add-comment-box .add-comment-form input[type="text"]:focus{

  border-color: #f31a22;    

}

.blog-single-area .add-comment-box .add-comment-form textarea:focus{

  border-color: #f31a22;       

}

.blog-single-area .add-comment-box .add-comment-form button:hover{

  background: #f31a22;

  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: #f31a22;

  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: #f31a22;

}

.contact-v1-area .contact-form-v1 form input[type="email"]:focus{

  border-color: #f31a22;    

}

.contact-v1-area .contact-form-v1 form textarea:focus{

  border-color: #f31a22;    

}



/*** 

=============================================

    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: #f31a22;

  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: #f31a22;

}

#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 button {

  display: block;

  padding: 19px 0 18px;

  width: 100%;

}



.contact-v2-form-area .contact-v2-form form input[type="text"]:focus{

  border-color: #f31a22;      

}

.contact-v2-form-area .contact-v2-form form input[type="email"]:focus{

  border-color: #f31a22;     

}

.contact-v2-form-area .contact-v2-form form textarea:focus{

  border-color: #f31a22;     

}







/*** 

=============================================

    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: #f31a22;

  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: #f31a22;

}

#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 a h3{

  color: #252525;

  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: #f31a22;

  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: #f31a22 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: #f31a22;

}

#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: #f31a22;    

} 







/*** 

=============================================

    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: #f31a22;

}



#project-area.pro-withtext-area .single-project-item .text-holder {

  padding-top: 22px;

}

#project-area.pro-withtext-area .single-project-item .text-holder a h3{

  color: #252525;

  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: #f31a22;

  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: 10px;

  margin-left: -30px;

  margin-right: -30px;

}

#project-single-area .project-info .project-info-list li {

  border-bottom: 1px solid #f7f7f7;

  float: left;

  margin: 0 40px 10px;

  overflow: hidden;

  padding-bottom: 5px;

  padding-left: 20px;

  position: relative;

  width: 100%;

}

#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: #f31a22;

}

#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 h5 a{

  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 #f31a22;

  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: #f31a22 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: #f31a22;

  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: #f31a22 none repeat scroll 0 0;

}

.related-project-items .single-project-item .text-holder {

  padding-top: 22px;

}

.related-project-items .single-project-item .text-holder a h3 {

  color: #252525;

  font-size: 20px;

  font-weight: 500;

  margin: 0 0 10px;

  text-transform: capitalize;

}

.related-project-items .single-project-item .text-holder p {

  color: #f31a22;

  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: #f31a22;

}







/*** 

=============================================

    Service Page Area Style

=============================================

***/

.service-page-area {

  padding-bottom: 40px;

  padding-top: 100px;

}

.service-page-area .single-service-item {

  margin-bottom: 60px;

  /*border-bottom: solid 1px #f31a22;

    box-shadow: 0px 10px 10px rgb(0 0 0 / 20%);*/

}

.service-page-area .single-service-item .text-holder {

      padding: 0px 10px;

  

}

.service-page-area .single-service-item .text-holder h3 {

  color: #f31a22;

}

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

}

.service-page-area .single-service-item:hover .text-holder .readmore{

  background: #252525;

  border-color: #252525;

  color: #f31a22;

}







/*** 

=============================================

    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: #f31a22;

  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: #f31a22;

  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 #f31a22;

}

.checkout-area .create-acc .checkbox {

  margin: 7px 0 0;

}

.checkout-area .create-acc .checkbox label {

  color: #f31a22;

  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: #f31a22;

}



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

  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: #f31a22;

  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: #f31a22;

  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: #f31a22;

  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: #f31a22 none repeat scroll 0 0;

  border: 2px solid #f31a22;

  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: #f31a22;

  font-size: 16px;

  font-weight: 300;

}

.account-area .form form .field-input input[type="text"]:focus {

  border: 1px solid #f31a22

}







/*** 

=============================================

   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: #f31a22;

  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: #f31a22;

  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 {

  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: #f31a22;

  font-size: 12px;

  font-weight: 400;

}



.single-shop-item .title-holder h4 {

  color: #f31a22;

  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;

}

.shop-withsidebar-area .shop-items {

  border-right: 1px solid #f7f7f7;

  margin-bottom: -100px;

  padding-bottom: 100px;

  margin-right: -25px;

  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: #f31a22 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: #f31a22 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: #f31a22;

}

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

  line-height: 24px;

  margin: 0;

  position: relative;

}

.single-sidebar .recent-products li .title h5:hover a{

  color: #f31a22;

}

.single-sidebar .recent-products li .title .review i {

  color: #f31a22;

  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: #f31a22;

}

#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: #f31a22;

}

#shopping-cart-area .cart-middle .apply-coupon .apply-coupon-button button {

  background: #f31a22 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: #f31a22 none repeat scroll 0 0; 

  border-color: #f31a22;

}

#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 #f31a22;

}

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

  font-size: 14px;

}



.product-content-box .content-box span.price {

  color: #f31a22;

  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: #f31a22;

}

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

}

.product-content-box .content-box .location-box form span {

  color: #f31a22;

}





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

  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: #f31a22;

  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: #f31a22;

}

.product-tab-box .tab-content .review-form form input[type="text"]:focus{

  border-color: #f31a22;

}

.product-tab-box .tab-content .review-form form textarea:focus{

  border-color: #f31a22;  

}



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

}

#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: #f31a22 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 #f31a22;

  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: #f31a22;

  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 .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"] {

  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: #f31a22;

  font-size: 14px;

}

.appoinment-area form button {

  background: #f31a22 none repeat scroll 0 0;

  border: 2px solid #f31a22;

  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: #f31a22;

}

.appoinment-area form button:hover{

  background: transparent;

}

.appoinment-area p.customercare {

  color: #c1c1c1;

  margin: 10px 0;

}

.appoinment-area p.customercare span {

  color: #f31a22;

}



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

  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: #f31a22 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: #f31a22;

  color: #fff;

  border-color: #f31a22;

}









/*** 

=============================================

   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: #f31a22;

} 

.pricing-table-area .single-price-box:hover .price {

  border-left: 1px solid #f31a22;

  border-right: 1px solid #f31a22;

}

.pricing-table-area .single-price-box:hover .price-list{

  border-left: 1px solid #f31a22;

  border-right: 1px solid #f31a22;

}

.pricing-table-area .single-price-box:hover .table-footer{

  border-left: 1px solid #f31a22;

  border-right: 1px solid #f31a22;

  border-bottom: 1px solid #f31a22;    

}

.pricing-table-area .single-price-box .table-footer a:hover{

  background: #f31a22;

  border-color: #f31a22;

  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: #f31a22;

  height: 2px;

  width: 70px;

  display: inline-block;

}

.feedback-area .sec-title .border {

  background: #f31a22;

  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: #f31a22;

  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:#f31a22;

  background:#f31a22;

}



















.choose-area .single-item .icon-holder i{

    color: #f31a22;

    display: block;

    font-size: 40px;

    padding: 15px 0;

}



.bottom.button a {

    padding: 17px 30px 15px;

}







.single-service-item .text-holder .read_more{

  color: #f31a22;

  font-size: 16px;

    font-weight: 500;

}





.fact-counter-area .single-fact-counter .box .icon-holder span{

    color: #f31a22;

    display: block;

    font-size: 25px;

    font-weight: 600;

    padding: 4px 0;

    transition: all 500ms ease 0s;

}









.advantages_page .choose-area::before {

    background: transparent;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}

.advantages_page .choose-area .single-item .text-holder h3 {

    color: #000;

    font-size: 20px;

    font-weight: 500;

    margin: 0 0 10px;

    position: relative;

    text-transform: capitalize;

    top: -2px;

}

.advantages_page .choose-area .sec-title h2 {

    color: #000;

}









.advantages_page .choose-area .single-item {

    margin-bottom: 50px;

    padding-left: 70px;

    position: relative;

}



.advantages_page .choose-area .single-item .icon-holder {

    background: #1b1b1b none repeat scroll 0 0;

    height: 50px;

    left: 0;

    position: absolute;

    text-align: center;

    top: 0;

    width: 50px;

    transition: all 500ms ease;

}

.advantages_page .choose-area .single-item .icon-holder i {

    color: #f31a22;

    display: block;

    font-size: 30px;

    padding: 10px 0;

}





.row.gallery .thumb {

  margin-bottom: 30px;

}













.box_main{

  padding-bottom: 100px;

}

.box_main h3{

      color: #252525;

      margin-bottom: 20px;

}

.box_main h4{

      color: #252525;

}

.box_main .box{

  margin-bottom: 20px;

}







.main_color{

    color: #f31a22 !important;

}





















#callme {

    position: fixed;

    right: 20px;

    bottom: 90px;

    width: 50px;

    height: 50px;

    cursor: pointer;

  

    z-index: 99990;

}

#callme #callmeMain {

    -moz-border-radius: 50% !important;

    -webkit-border-radius: 50% !important;

    border-radius: 50% !important;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    background-color: rgb(40 167 69);

    width: 60px;

    height: 60px;

    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;

    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;

    animation: zcwmini2 1.5s 0s ease-out infinite;

}

#callme #callmeMain:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 4px;

    left: 4px;

    background-image: url(../images/mini.png);

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-animation: zcwphone2 1.5s linear infinite;

    -moz-animation: zcwphone2 1.5s linear infinite;

    animation: zcwphone2 1.5s linear infinite;

}

@-webkit-keyframes zcwphone {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-moz-keyframes zcwphone {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@keyframes zcwphone {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-webkit-keyframes zcwphone2 {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-moz-keyframes zcwphone2 {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@keyframes zcwphone2 {

    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}

    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}

    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}

}

@-webkit-keyframes zcwmini {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@-moz-keyframes zcwmini {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@keyframes zcwmini {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@-webkit-keyframes zcwmini2 {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@-moz-keyframes zcwmini2 {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

@keyframes zcwmini2 {

    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}

    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}

    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}

}

















.top-social-links ul li .fa-facebook{

    background: #3e5895;

    display: block;

    color: #fff;

    text-align: center;

    height: 25px;

    padding: 3px 0px;

    width: 25px;

}

.top-social-links ul li .fa-linkedin{

      background: #357ab1;

    display: block;

    color: #fff;

    text-align: center;

    height: 25px;

    padding: 3px 0px;

    width: 25px;

}

.top-social-links ul li .fa-instagram{

    display: block;

    color: #fff;

    text-align: center;

    height: 25px;

    padding: 3px 0px;

    width: 25px;

    background: linear-gradient( 

45deg

 , #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);

}



















#mybutton {

    position: fixed;

    bottom: 250px;

    right: 0px;

    z-index: 99999;

    cursor: pointer;

}

.feedback {

    color: #fff !important;

    border-radius: 4px;

    border-color: #46b8da;

}















.img-thumbnail {

    display: inline-block;

    max-width: 100%;

    height: auto;

     padding: 0px; 

    line-height: 1.42857143;

    background-color: #fff;

    border: 1px solid #f31a22;

    border-radius: 4px;

    -webkit-transition: all .2s ease-in-out;

    -o-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;

}
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 26%;
    right: 13px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
.my-float {
    margin-top: 16px;
}