/*
 @Author: mine tech
 @URL: http://www.rndspot.com
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.
 
 This files contents are outlined below.
 02.	Global Styling
 03.	Header
 04.	banner
 05.	main-containt
 06.	renovaion-area
 07.	constrution-about
 08.	our project
 09.	project isotop gallry 
 10.	whay-cose-vedio
 11.	dream-engineers
 12.	our-blog
 13.	sponser-logo
 14.	tempor singup
 15.	About Us
 16.	About Us Inner Bainner
 17.	About Vedio
 18.	Index 2
 19.	Index 2 top-header
 20.	Index 2 bainner
 21.	Index 2 constrution-second
 22.	Feature
 23.	our Services
 24.	Blog Detail
 25.	blog-detail-left
 26.	blog-autoher
 27.	blog-coments-contact
 28.	blog-contact-massege
 29.	Blog Detail Right
 30.	Contact Us
 31.	Our Team
 32.	Project No Space
 33.	Projuct
 34.	Projuct Right
 35.	filter-slide
 36.	Projuct Detail
 37.	Product Detail Right
 38.	Cart Page
 39.	checkout Page
 40.	Project Detail Page
 41.	pri loding css
 42.	Zoom In Image
 43.	footer
*/

/* =============================================
                   Global Styling
============================================= */
*{
    padding: 0;
    margin: 0;
}
body{background-color: #fff;
}
p{
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin: 0;
}
h1, h2{
    font-size: 28px;
}
h3{
    font-size: 16px;
}
h4{

}
h5{

}
h6{

}
p a:hover {text-decoration:underline;}
p {
    letter-spacing: normal;
    line-height: 20px;
    margin: 0 0 0px;
    font-size: 14px;
}
.col-md-4 .text-box p {
}

a {text-decoration: none; text-transform: uppercase; transition: all 0.5s ease-in-out;}
a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}
img {
    max-width: 100%;
}
ul, ol{
    margin: 0;
    padding: 0;
}
ul li{
    list-style: none;
}
::-webkit-input-placeholder { /* Chrome */
    color: #333;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #333;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #333;
}
:-moz-placeholder { /* Firefox 4 - 18 */
    color: #333;
}
.layout{
    width: 100%;
    float: left;
}
.iconmon{
    color: #b72039;
    font-size: 34px;
}
video{
    width: 100%;
    height: 100%;
}
/************************************
        Header containt start
*************************************/
.main-header{
    border-bottom: 1px solid #e7e7e7;
    padding: 46px 0 0 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.navigation .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navigation .navbar {
    border: none;
    margin-bottom: 0px;
    min-height: inherit;
}
.navigation .navbar-nav {
    float: none;
    padding-top: 2px;
}
.navigation .navbar-nav > li {
    margin-right: 43px;
    position: relative;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
}
.navigation .nav > li > a {
    padding: 10px 15px;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 0 0 46px 0;
    transition: all 0.5s ease-in-out;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: transparent;
}

.navigation .navbar-nav > li:last-child{
    margin-right: 0px;
}
.navigation .navbar-collapse {
    padding: 0px;
}
.navigation .navbar-nav li .sub-menu{
    background-color: #ffffff;
    position: absolute;
    width: 250px;
    padding: 15px;
    visibility: hidden;
    opacity: 0;
    top: 67px;
    z-index: 100000;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    border-bottom: 1px solid #fff;
} 
.navigation .navbar-nav li .sub-menu ul{
    border: 1px solid #4c4c4c;
    padding: 14px 0;
}
.navigation .navbar-nav li .sub-menu li {
}
.navigation .navbar-nav li .sub-menu li a{
    color: #111;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    padding: 10px 20px;
    display: block;
}
.navigation .navbar-nav li .sub-menu li a .fa-circle{
    color: #7f7f7f;
    font-size: 7px;
    padding-right: 5px;
    vertical-align: middle;
}
.navigation .nav li:hover .sub-menu{
    visibility: visible;
    top: 67px;
    opacity: 1;
}
.inner-sub-menu{
    background-color: #111111 !important;
}
.navigation .navbar-nav li .inner-sub-menu li a{
    color: #fff !important;
}
/************************************
        bainner containt start
*************************************/
#banner .slide-image{
    position: relative;
}
#banner .slid-text{
	position: absolute;
	bottom: 350px;
	width: 100%;
	top: auto;
}
.slid-text .slide-text-inne{
	width: 300px;
	border-radius: 28px;
	background-color: rgba(255,255,255,0.60);
	max-width: 30%;
	margin: 0 auto;
	float: right;
}
.slid-text .slide-text-inne h1{
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    color: #3cb065;
    padding-bottom: 22px;
    padding-left:20%;
    padding-right:20%;
}
.slid-text .slide-text-inne h2{
    font-family: "Montserrat",sans-serif;
    padding-bottom: 18px;
}
.container .slide-text-inne h2 {
}

.slid-text .slide-text-inne p{
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    color: #000;
    padding-bottom: 22px;
    padding-left:20%;
    padding-right:20%;
}
.slid-text .slide-text-inne p{
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    line-height: 27px;
    color: orangered;
    padding-bottom: 33px;
}
.slid-text .slide-text-inne a{
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    padding: 11px 37px;
    display: inline-block;
    transition: all 0.5s ease-in-out;
}
.slid-text .slide-text-inne a:hover{
    border: 1px solid;
}
.slid-text .right-arow{
    font-size: 16px;
    color: #fff;
    padding-left: 5px;
}
#banner .owl-controls {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
}
#banner .slide-angle{
    font-size: 30px;
    color: #ffffff;
}
#banner .owl-theme .owl-controls .owl-buttons div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 0;
    height: 50px;
    margin:0px;
    opacity: 1;
    padding: 9px 0 0;
    text-align: center;
    width: 50px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;

}
#banner .owl-buttons{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
    visibility: hidden;
    height: 0px;
}
.owl-prev{
    position: absolute;
    left: 56px;
    bottom: 428px;
}
.owl-next{
    position: absolute;
    right: 56px;
    bottom: 430px;

}
#banner:hover .owl-buttons{
    visibility: visible;
    height: 50px;
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
#banner .owl-theme .owl-controls .owl-buttons div:hover{
    border: 1px solid;
}
/************************************
        main containt start
*************************************/
/************************************
     renovaion-area containt start
*************************************/
.renovaion-area{
    margin-top: -84px;
}
.renovaion-colum{
    background-color: #f5f4f4;
    text-align: center;
    padding: 39px 20px;
    cursor: pointer;
    transition: all 0.5s ease-in-out; 
    margin-bottom: 23px;
}
.renovaion-colum .text-box{
    padding-top: 14px;
}
.renovaion-colum .text-box h3{
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    color: #111111;
    font-weight: 600;
    padding-bottom: 6px;
}
.renovaion-colum .text-box p{
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    color: #111111;
}
.renovaion-icon{
    font-size: 44px;
}
.renovaion-colum:hover .text-box h3{
    color: #fff;
}
.renovaion-colum:hover .text-box p{
    color: #fff;
}
.renovaion-colum:hover .renovaion-icon{
    color: #fff;
}
/************************************
   constrution-about containt start
*************************************/
.constrution-about{
    padding-top: 77px;
    position: relative;
}
.constrution-area .image-holder:after{
    border: 10px solid;
    content: "";
    position: absolute;
    top: 65px;
    left: -205px;
    width: 450px;
    height: 410px;
    z-index: -999999;
}
.constrution-area .constrution-textbox{
    padding-top: 0;
}
.constrution-textbox.about-text {
    padding-top: 22px;
}
.constrution-textbox h2{
    font-family: "Montserrat",sans-serif;
    font-size: 36px;
    line-height: 25px;
    color: #111111;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.constrution-textbox p{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #666;
    padding-bottom: 20px;
}

.constrution-textbox.about-text p .fa.fa-check.good-sign {
}

.constrution-textbox ul{
    padding-top: 30px;
}
.constrution-textbox ul li{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #666;
    width: 49%;
    display: inline-block;
    margin-bottom: 21px;
}
.constrution-textbox ul li .good-sign{
    font-size: 14px;
    font-weight:  normal;
    padding-right: 10px;
}
.constrution-textbox a{
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 27px;
    display: inline-block;
    margin-top: 4px;
}
/************************************
   our project containt start
*************************************/
.sction-pading{
    padding-top: 100px;
    padding-bottom: 100px;
}
.our-project{
    background-color: #f5f4f4;
    padding-bottom: 0;
}
.constrution-hedding{
    text-align: center;
}
.constrution-hedding h2{
    font-family: "Montserrat",sans-serif;
    font-size: 36px;
    color: #111111;
    text-transform: uppercase;
    padding-bottom: 25px;
    line-height: 25px;
}
.constrution-hedding p{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #666;
    margin: 0 auto;
    padding-bottom: 21px;
    width: 78%;
}
.project-one .project-iso{
    margin-top: 0px;
}
.project-one .project-iso .button-group.filters-button-group{
    margin-top: 0px;
}
.project-one {
    padding-top: 95px;
}
/************************************
   project isotop gallry start
*************************************/
.project-iso{
    text-align: center;
    margin-top: 30px;
}
/* ---- button ---- */

.project-iso .button {
    display: inline-block;
    margin-right: 30px !important;
    margin-left: 30px !important;
    background-color: transparent;
    text-align: center;
    margin-bottom: 18px;
    border: none;
    border-radius: 0px;
    color: #666666;
    font-family: "Open Sans",sans-serif;
    cursor: pointer;
    text-transform: uppercase;
    padding-bottom: 5px;
}
.project-iso .button:hover {
    border-bottom: 1px solid;
    color: #111111;
}
.project-iso .button.is-checked {
    color: #111111;
    text-shadow: inherit;
    border-bottom: 1px solid;
}
/* ---- button-group ---- */

.project-iso .button-group:after {
    content: '';
    display: block;
    clear: both;
}

.project-iso .button-group .button {
    float: none;
    border-radius: 0;
    margin-left: 0;
    margin-right: 0px;
}
.project-iso .button-group.filters-button-group {
    display: inline-block;
}

/* clear fix */
.project-iso .grid:after {
    content: '';
    display: block;
    clear: both;
}

/* ---- .element-item ---- */

.project-iso .element-item {
    position: relative;
    display: inline-block;
    width: 25%;
    margin: 0px;
    overflow: hidden;
    padding: 0;
    color: #262524;
}

.project-iso .element-item > * {
    margin: 0;
    padding: 0;
}

.project-iso .element-item .name {
    position: absolute;

    left: 10px;
    top: 60px;
    text-transform: none;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: normal;
}

.project-iso .element-item .symbol {
    position: absolute;
    left: 10px;
    top: 0px;
    font-size: 42px;
    font-weight: bold;
    color: white;
}

.project-iso .element-item .number {
    position: absolute;
    right: 8px;
    top: 5px;
}

.project-iso .element-item .weight {
    position: absolute;
    left: 10px;
    top: 76px;
    font-size: 12px;
}
.project-iso-inner{
    overflow: hidden;
}
.project-iso-inner .image-holder{
    position: relative;
}
.project-iso-inner .text-box{
    background-color: #fff;
    width: 100%;
    position: absolute;
    bottom: -98px;
    padding: 20px;
    text-align: left !important;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.project-iso-inner .text-box h3{
    color: #111;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.project-iso-inner .text-box p{
    color: #666666;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
}
.project-iso-inner:hover .text-box{
    bottom: 0px;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
/************************************
   project isotop gallry end
*************************************/
/************************************
   whay-cose-vedio containt start
*************************************/
.whay-cose-vedio .image-holder.xp-right {
    position: relative;
    top: 27px;
}
.whay-cose-vedio .image-holder::after {
    border: 10px solid;
    content: "";
    height: 125%;
    left: 37%;
    position: absolute;
    right: 0;
    top: -14%;
    width: 100%;
    z-index: -999999;
}
/************************************
  dream-engineers containt start
*************************************/
.dream-engineers{
    background: url(../images/fp-dream.jpg) no-repeat no-repeat;
}
.dream-text{
    text-align: center;
}
.dream-text h2{
    font-family: "Open Sans",sans-serif;
    font-size: 32px;
    color: #fff;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: normal;
    padding-bottom: 24px;
}
.dream-text p{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #fff;
    margin-bottom: 37px;
}
.dream-text a{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff !important;
    background-color: transparent !important;
    padding: 6px 16px;
    display: inline-block;
    margin-right: 17px;
    transition: all 0.5s ease-in-out;
}
.dream-text a.call-now{
    margin: 0;
}
.dream-text a:hover{
    border: 1px solid #f46523 !important;
    background-color: #f46523 !important;
}
/************************************
       our-blog containt start
*************************************/
.bloghover.column{
    margin-bottom: 15px;
}
.our-blog{
    margin-top: 5px;
}
.our-blog .text-box{
    margin-top: 27px;
}
.our-blog .text-box h2{
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: #111111;
    text-transform: uppercase;
    font-weight: 600;
}
.our-blog .text-box p{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    padding-bottom: 26px;
    padding-top: 23px;
}
.our-blog .text-box a{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #fff;
    padding: 12px 22px;
    display: inline-block;
    transition: all 0.5s ease-in-out;
}
.our-blog .text-box a:hover, 
.constrution-textbox a:hover,
.detail-clint .text-box a:hover, 
.feature-more a:hover{
    background-color: #111111;
}
.our-blog .text-box span{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #666666;
}
/************************************
       sponser-logo containt start
*************************************/
.sponser-logo{
    background-color: #f5f4f4;
    padding: 50px 0;
}
.sponser-image{
    text-align: center;
    border: 1px solid #fff;
    padding: 25px;
}
/************************************
        tempor singup start
*************************************/
.tempor-content{
    text-align: center;
    padding: 22px 0 26px;
}
.tempor-content .tempor-detail p{
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 15px;
    font-weight: bold;
}
.tempor-content .tempor-detail p span{
    color: #111111;
}
.tempor-content .tempor-detail a{
    display: inline-block;
    background-color: transparent;
    border: 1px solid #fff;
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #fff;
    border-radius: 0px;
    padding: 10px 15px;
}
.tempor-content .tempor-detail a:hover{
    border: 1px solid #111;
    background-color: #111;
}
/************************************
         tempor singup end
*************************************/
/************************************
        footer containt start
*************************************/
#footer{
    background-color: #111111;
    padding: 93px 0;
}
.footer-inner{
    text-align: center;
}
.footer-inner h2{
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
.footer-inner ul{
    padding-top: 55px;
}
.footer-inner ul li {
    display: inline-block;
    margin-right: 15px;
}
.footer-inner ul li:last-child{
    margin-right: 0;
}
.footer-inner ul li a{
    background-color: #ffffff;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    padding-top: 6px;
    text-align: center;
    width: 30px;
    transition: all 0.5s ease-in-out;
}
.footer-inner p{
    color: #ffffff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    padding-top: 20px;
    text-transform: uppercase;
}
.footer-inner .foter-socail{
    font-size: 18px;
    color: #111111;
}
/************************************
        footer containt end
*************************************/
/************************************
        About Us Page Start
*************************************/
.inner-header{
    position: inherit;
}
.inner-header .navigation .nav > li > a {
    color: #111111;
}

/************************************
     About Us Inner Bainner Start
*************************************/
.inner-bainner{
    background-color: #f5f4f4;
    border-bottom: 1px solid #e7e7e7;
    padding: 42px 0 44px;
}
.inner-bainner h1{
    text-transform: uppercase;
    display: inline-block;
    padding-top: 5px;
}
.inner-bainner a{
    color: #111;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #dedddd;
    padding: 8px 25px;
    display: inline-block;
    float: right;
    transition: all 0.5s ease-in-out;
}
.inner-bainner a:hover{
    border: 1px solid;
    color: #fff;
}
/************************************
     About Vedio Ciontaint Start
*************************************/
.inro-vedios{
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.about-intro-vedio .text-box{
    margin-top: 26px;
}
.about-intro-vedio .text-box h3{
    color: #111;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 22px;
    text-transform: uppercase;
}
.about-intro-vedio .text-box p{
    color: #666;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
}
/************************************
        Index 2 Page Start
*************************************/

/************************************
     Index 2 top-header  Start
*************************************/
.top-header{
    background-color: #3cb065;
    padding: 10px 0px;
}
.top-header .top-header-left ul li{
    display: inline-block;
    margin-right: 75px;
}
.top-header .top-header-left ul li a{
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    text-transform: inherit;
    transition: all 0.5s ease-in-out; 
}
.top-header .top-header-left ul li:last-child{
    margin-right: 0;
}
.top-header .phone-awosom{
    padding-right: 6px;
}
.top-header-right{
    text-align: right;
}
.top-header-right li{
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;   
}
.socail-squre {
    color: #ffffff;
    transition: all 0.5s ease-in-out; 
}
/************************************
     Index 2 top-header  End
*************************************/

/************************************
        Index 2 bainner Start
*************************************/
.home-slider-2 .owl-buttons{
    display: none !important;
}
.home-slider-2 .slid-text {
	top: 10px !important;
}
.home-slider-2 .slide-text-inne{
	width: 100%;
	margin: Set Shorthand;
	text-align: center;
}
.home-slider-2 .owl-controls .owl-page span{
    border: 1px solid #fff;
    background-color: transparent;
}
.home-slider-2 .owl-controls .owl-page.active span{
    border: 1px solid ;
}
.home-slider-2 .owl-controls {
    bottom: 24px !important;
    margin-top: 0;
}
/************************************
        Index 2 bainner End
*************************************/

/************************************
   Index 2 constrution-second start
*************************************/
.constrution-second .constrution-textbox{
    padding-top: 0px;
}
/************************************
   Index 2 constrution-second End
*************************************/
/************************************
        Index 2 Page End
*************************************/

/************************************
        Feature Page Start
*************************************/
.feature-containt .renovaion-area{
    margin-top: 0px;
}
.feature-more{
    text-align: center;
    margin-top: 36px;
}
.feature-more a{
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    display: inline-block;
    padding: 8px 25px;
}
/************************************
        Feature Page End
*************************************/
/************************************
       our Services Page Start
*************************************/
.main-services {
    padding-bottom: 70px;
}
.our-services{
    margin-top: 0;
}
.our-services .text-box {
    margin-bottom: 29px;
}
/************************************
       our Services Page End
*************************************/

/************************************
       Blog Detail Page Start
*************************************/
.blog-detail{
    overflow: hidden;
    padding-bottom: 100px;
}

/************************************
      blog-detail-left Start
*************************************/
.blog-detail-left{
    padding-top: 100px;
}
.detail-clint .image-holder{
    margin-bottom: 28px;
}
.detail-clint .text-box{

}
.detail-clint .text-box ul{
    padding-bottom: 3px;
}
.detail-clint .text-box ul li{
    display: inline-block;
    color: #666;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin-right: 20px;
}
.detail-fa{
    color: #666;
    padding-right: 5px;
}
.detail-clint .text-box h2{
    color: #111;
    font-family: "Open Sans",sans-serif;
    font-size: 22px;
    font-weight: 600;
    padding-top: 19px;
}
.detail-clint .text-box p{
    color: #666;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    padding-top: 21px;
}
.detail-clint .text-box a{
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    padding: 12px 22px;
    margin-top: 25px;
}
/************************************
      blog-autoher start
*************************************/
.blog-autoher{
    border: 1px solid #e7e7e7;
    margin-bottom: 60px;
    margin-top: 100px;
}
.blog-autoher .image-holder img{
    width: 100%;
}
.blog-autoher .text-box{
    padding-right: 10px;
    padding-top: 23px;
}
.blog-autoher .text-box h3{
    color: #111;
    text-transform: uppercase;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 4px;
}
.blog-autoher .text-box span{
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;

}
.blog-autoher .text-box p{
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    padding-top: 12px;
}
/************************************
      blog-autoher end
*************************************/
/************************************
     blog-coments-contact start
*************************************/
.blog-coments-contact{
    border: 1px solid #e7e7e7;
    padding: 57px 21px 61px;
}
.blog-comments{
}
.blog-comments h2{
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;

}
.custometr-coment{
    margin-bottom: 58px;
    margin-top: 27px;
}
.custometr-coment .image-holder img{
    width: 100%;
}
.custometr-coment .text-box .coment-titel{
    display: inline-block;
}
.custometr-coment .text-box .coment-titel h3{
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    text-transform: uppercase;
    padding-bottom: 1px;
}
.custometr-coment .text-box .coment-titel span{
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    display: block;
    padding-bottom: 3px;
}
.custometr-coment .text-box .coment-reply{
    display: inline-block;
    float: right;
}
.custometr-coment .text-box .coment-reply a{
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-transform: uppercase;
    background-color: #333333;
    display: block;
    padding: 5px 18px;
}
.custometr-coment .text-box .coment-reply a:hover{
    transition: all 0.5s ease-in-out;
}
.custometr-coment .text-box p{
    color: #666;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    padding-top: 17px;
}
.thrd-customer{
    margin-left:60px;
}
/************************************
      blog-coments-contact end
*************************************/
/************************************
      blog-contact-massege start
*************************************/
.contact-massege{
}
.contact-massege h2{
    background: rgba(0, 0, 0, 0) url("../images/bottom-line.png") no-repeat scroll 0 100%;
    color: #333333;
    font-family: "Montserrat",sans-serif;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 26px;
    text-transform: uppercase;
}
.contact-massege .form-group{
    margin-bottom: 20px;
}
.contact-massege .form-group .form-control{
    border: 1px solid #e7e7e7;
    border-radius: 0;
    box-shadow: none;
    color: #666;
    height: 48px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    width: 100%;
}
.contact-massege textarea{
    border: 1px solid #e9e8e8;
    border-radius: 0;
    box-shadow: none;
    color: #666666;
    height: 150px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    width: 100%;
    padding: 20px;
}
.contact-massege .btn{
    background-color: #111;;
    color: #fff;
    border-radius: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 8px 18px;
    margin-top: 28px;
}
.contact-massege .btn:hover{
    transition: all 0.5s ease-in-out;
}
/************************************
      blog-contact-massege end
*************************************/
/************************************
      Blog Detail Left End
*************************************/

/************************************
      Blog Detail Right Start
*************************************/
.blog-detail-right{
    background-color: #f5f4f4;
    padding: 97px 30px;
    position: relative;
}
.blog-detail-right:after{
    background-color: #f5f4f4;
    content: "";
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.servise-detail:after{
    background-color: transparent;
}
.detail-recent-post{
    margin-bottom: 52px;
}
.detail-recent-post h2{
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    color: #111;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 22px;
}
.recent-inner{
    padding: 10px;
    cursor: pointer;
    margin-bottom: 10px;
}
.recent-inner .image-holder{
    float: left;
}
.recent-inner .text-box{
    float: left;
    margin-left: 10px;
}
.recent-inner .text-box p{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color: #666;
}
.recent-inner .text-box span{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color: #111;
}
.recent-inner:hover{
    background-color: #fff;
}
.detail-categories ul li{
    padding-bottom: 21px;
}
.detail-categories ul li:last-child{
    padding-bottom: 0;
}
.detail-categories ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color: #666;
    display: block;
    text-transform: inherit;
}
.detail-categories ul li a:hover{
    transition: all 0.5s ease-in-out;
}
.detail-tages{
    margin-top: 6px;
}
.detail-tages ul li{
    padding-bottom: 5px;
    display: inline-block;
}
.detail-tages ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    background-color: #111;
    padding: 2px 13px; 
}
.detail-tages ul li a:hover{
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.detail-search{
    margin-top: 5px;
}
.detail-search .form-control{
    border: 1px solid #dedddd;
    background-color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color: #666;
    height: 48px;
    border-radius: 0px;
    box-shadow: none;

} 
/************************************
      Blog Detail Right End
*************************************/
/************************************
      Blog Detail Page End
*************************************/

/************************************
      Contact Us Page Strat
*************************************/
.contact-map{
    height: 400px;
    width: 100%;
}
.contact-us{
    padding-top: 35px;
}
.contact-information h3{
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    color: #111;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 21px;
}
.contact-information p{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color: #666;
}
.contact-information ul{
    margin-top: 21px;
}
.contact-information ul li{
    margin-bottom: 5px;
}
.contact-information ul li a{
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color: #666;
	margin-bottom: 5px;
}
.contact-information ul li p {
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    color: #666;
}
.contact-fa{
    font-size:12px;
    padding-right: 6px;
}
/************************************
      Contact Us Page End
*************************************/
/************************************
      Our Team Page Start
*************************************/
.main-team{
    padding-bottom: 41px;
}
.our-team{
    margin-top: 0;
}
.our-team .text-box{
    margin-bottom: 30px;
}
/************************************
      Our Team Page End
*************************************/

/************************************
      Project No Space Page Start
*************************************/
.project-tow{
    padding-top: 94px;
}
.project-three {
    padding-bottom: 70px;
}
.project-tow .project-iso .element-item{
    width: 33%;
}
.project-tow .project-iso-inner .text-box {
    background-color: rgba(37,37,37, 0.8);
    padding-top: 170px;
    height: 100%;
    bottom: -297px;
}
.project-tow .project-iso-inner .text-box h3{
    color: #fff;
}
.project-tow .project-iso-inner .text-box p{
    color: #fff;
}
.project-tow .project-iso-inner .text-box a{
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin-top: 10px;
    padding: 7px 23px;
    text-transform: uppercase;
}
.project-tow .project-iso .button-group.filters-button-group {
    display: block;
    margin-top: 0px;
}
.project-tow .project-iso {
    margin-top: 0px;
}
.project-three .project-iso .element-item{
    margin-right: 30px;
    margin-bottom: 30px;
    width: 31%;
}
.project-three .project-iso .element-item:nth-child(3n+3){
    margin-right: 0px;
}
.project-tow .project-iso-inner:hover .text-box{
    bottom: 0;
}
/************************************
     Projuct Page Start
*************************************/
.main-product{
    padding-bottom: 70px;
}
.product-left{
    padding-top: 97px;
}
.product-left h1{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.shorting{
    background-color: #f5f4f4;
    margin-top: 17px;
    padding: 10px;
}
.shorting .left-shorting{
    float: left;
}
.left-shorting p{
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 4px;
}
.shorting .right-shorting{
    float: right;
}
.shorting .right-shorting select{
    border: none;
    display: inline-block;
    background-color: transparent;
    font-family: "Open Sans",sans-serif;
    border: 1px solid #e7e7e7;
    font-size: 12px;
    color: #111;
    height: 30px;
    width: 200px;
    background: url(../images/arrow-image.png) 92% center no-repeat;
    -webkit-appearance: none;
    padding-left: 12px;
    -moz-appearance: none;
}
.product-selling{
    margin-top: 60px;
}
.product-selling-innr{
    padding-bottom: 25px;
}
.selling-hovr {
    position: relative;
    overflow: hidden;
    transition: all 500ms ease-in-out 0s;
}
.product-selling-innr .image-holder{
    border: 1px solid #e7e7e7;
    height: 390px;
    padding: 80px 0;
    text-align: center;
    position: relative;
}
.add-cart{
    bottom: -40px;
    position: absolute;
    text-align: center;
    width: 100%;
    visibility: hidden;
    transition: all 500ms ease-in-out 0s;
}
.add-cart a{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
    transition: all 500ms ease-in-out 0s;
    display: block;
}
.add-cart a:hover{
    background-color: #111;
}
.product-selling-innr .selling-hovr:hover .add-cart{
    visibility: visible;
    bottom: 0px;
}
.product-selling-innr .text-box{
    margin-top: 25px;
}
.product-selling-innr .text-box p{
    color: #111;
}
.product-selling-innr .text-box span{
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: #111;
    font-weight: 600;
}
.product-selling-innr .text-box strong{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin-left: 5px;
    color: #111;
    text-decoration: line-through;
}
.bach-image{
    position: absolute;
    top: 0;
    right: 15px;
}
/*  Demo 4 */
.wpf-demo-4 {
    background-color: #FFF;
    display: block;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.wpf-demo-4 img {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.wpf-demo-4:hover img {
    transform: translateY(0%) rotate(-25deg) scale(0.8);
}
.wpf-demo-4:hover .view-caption {
    text-align: right;
    transform: translateY(-69%);
    transition: all 0.5s ease 0s;
}
/*  Demo 4 */
/************************************
     Projuct Right start
*************************************/
.categories{
    margin-bottom: 58px;
}
.categories h2{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 8px;
    text-transform: uppercase;
}
.categories ul{
    margin-bottom: 35px;
}
.categories ul li{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    border-bottom: 1px dashed #e7e7e7;
    transition: all 0.5s ease-in-out;
    padding-top: 15px;
    padding-bottom: 15px;
}
.categories ul li span{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    float: right;
    transition: all 0.5s ease-in-out;
}
.categories ul li:last-child{
    border-bottom: none;
}
.categories form {
    position: relative;
}
.categories input[type="search"]{
    background-color: #fff;
    border: 1px solid #e7e7e7;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #d7d7d7;
    height: 45px;
    position: relative;
    padding: 10px;
    box-shadow: none;
    width: 100%;
    padding-left: 20px;
    margin-top: 5px;
}

.categories input[type="submit"]{
    background-color: transparent;
    position: absolute;
    right: 15px;
    top: 24px;
    padding: 0;
    border-color: transparent;
    border: none;
    font-size: 18px;
    color: #d7d7d7;
    box-shadow: none;
}
/************************************
          filter-slide css
*************************************/
.price-slider{
    width: 100%;
    margin-top: 32px;
}
#slider{
    height: 0px;
    width: 100%;
    position: relative;
    margin-left: 0px;
}
.ui-widget-content {
    border: 1px solid #e7e7e7;
    background: #fff;
    color: #222222;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 28px;
    border-radius: 50% !important;
    height: 28px;
    cursor: default;
    text-align: center;	
    line-height: 30px;
    color: #FFFFFF;
    font-size: 15px;
    border-radius: 5px;
}

.ui-slider .ui-slider-handle .glyphicon {
    color: #FFFFFF;
    margin: 0 3px; 
    font-size: 11px;
    opacity: 0.5;
    display: none;
}

.ui-corner-all {
    border-radius: 20px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -15px;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    border: none;
}
.ui-widget-content label {
    display: inline-block;
    font-weight: 700;
    left: 6px;
    margin-bottom: 0;
    max-width: 100%;
    position: absolute;
    top:  0px;
}
.ui-slider .ui-slider-handle {
    cursor: pointer;
}
.ui-slider a,
.ui-slider a:focus {
    cursor: pointer;
    outline: none;
}

.price-slider span {
    font-weight: 200;
    display: inline-block;
    color: #7f8c8d;
    font-size: 13px;
}
.ui-slider.ui-slider-disabled{    
    border: none;
    background: #ced2d6; 
    color:#77899d
}
.price-slider a{
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    padding: 10px 22px;
    transition: all 0.5s ease-in-out 0s;
    margin-top: 42px;
    transition:  all 0.5s ease-in-out;
}
.price-slider a:hover{
    background-color: #111;
}

/************************************
         filter-slide css end
*************************************/
.product-cart{
    margin-top: 3px;
}
.product-cart .table-holder table{
    width: 100%;
}
.product-cart .table-holder table tr{
    border-bottom: 1px dashed #e7e7e7;
}
.product-cart .table-holder table tr td{
    padding: 15px 15px 15px 0;
    text-align: center;
}
.product-cart .table-holder table tr td a{
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    color: #111;
    width: 30px;
    height: 30px;
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    display: inline-block;
    padding-top: 5px;
}
.product-cart .table-holder table tr td h3{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #111;
    font-weight: normal;
    text-align:left;
    padding-bottom: 5px;
}
.product-cart .table-holder table tr td p{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #111;
    text-align:left;
    margin: 0px;
}
.product-cart .table-holder table tr:last-child{
    border-bottom: none;
}
.product-cart .table-holder p{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #111;
    margin-top: 10px;
}
.view-cart{
    margin-top: 26px;
}
.view-cart a{
    border: 1px solid #e7e7e7;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #111;
    font-weight: 600;
    padding: 10px 22px;
    transition: all 0.5s ease-in-out 0s;
    display: inline-block;
    margin-right: 15px;
}
.view-cart a:hover{
    color: #fff;
    border: 1px solid;
}
/************************************
     Projuct Page End
*************************************/
/************************************
     Projuct Detail Page Start
*************************************/
.main-product-detail{
    padding-bottom: 90px;
}
.product-detail{
    padding-top: 100px;
}
.small-product .nav-tabs {
    border-bottom: none;
}
.small-product .nav-tabs > li {
    margin-bottom: 0px;
}
.small-product .nav-tabs > li > a {
    border-radius: 0;
    margin-right: 0;
    padding: 30px 10px;
}
.small-product .nav-tabs > li > a:hover {
    border-color: transparent;
}
.small-product .nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}
.small-product .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    background-color: transparent;
    border: 1px solid #e7e7e7 !important;
}
.bib-product {
    margin-top: 30px;
}
.bib-product .image-holder{
    text-align: center;
}
/************************************
     Product Detail Right
*************************************/
.product-detail-right{
    padding-top: 100px;
}
.pricing-detail{
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 25px;
}
.product-code{
    margin-bottom: 15px;
}
.product-code p span{
    background-color: #f5f4f4;
    display: inline-block;
    padding: 3px;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
}
.stock-detail p{
    display: inline-block;
    font-size: 14px;
}
.stock-detail p strong{
    font-weight: normal;
}
.stock-detail span{
    float: right;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
}
.convertion-detail{
    padding-top: 20px;
}
.convertion-detail h2{
    font-family: "Open Sans",sans-serif;
}
.convertion-detail .star-raing{
    margin-top: 20px;
    margin-bottom: 15px;
}
.convertion-detail .star-raing ul{
    display: inline-block;
    border-right: 1px solid #e7e7e7;
    padding-right: 15px;
}
.convertion-detail .star-raing ul li{
    display: inline-block;

}
.convertion-detail .star-raing ul li a{
    padding: 0px;
}
.convertion-detail .star-raing ul li a .fa-star, .fa-star-o{
    font-size: 14px;
    color: #111;
}
.convertion-detail .star-raing p{
    display: inline-block;
    border-right: 1px solid #e7e7e7;
    padding-left: 15px;
    padding-right: 15px;
}
.convertion-detail .star-raing a{
    display: inline-block;
    padding-left: 15px;
    text-transform: none;  
}
.convertion-detail span{
    font-family: "Open Sans",sans-serif;
    font-size: 26px;
    font-weight: 600;
}
.requid-detail{
    padding-top: 25px;
}
.requid-detail .requid-color ul{
    margin-top: 15px;
}
.requid-detail .requid-color ul li{
    display: inline-block;
    margin-right: 12px;
}
.requid-size{
    margin-top: 25px;
}
.requid-size ul{
    margin-top: 15px;
}
.requid-size ul li{
    display: inline-block;
    margin-right: 12px;
}
.requid-size ul li a{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #111;
    background-color: #f5f4f4;
    display: inline-block;
    padding: 5px 10px;
}
.requid-size label{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #111;
    font-weight: 100;
    display: block;
    padding-bottom: 10px;
}
.requid-size select{
    border: 1px solid #e7e7e7;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    width: 70%;
    background: #f5f4f4 url(../images/arrow-image.png) 92% center no-repeat;
    -webkit-appearance: none;
    padding-left: 12px;
    -moz-appearance: none;
    height: 40px;
}
.quantity{
    margin-top: 30px;
    margin-bottom: 30px;
}
.quantity .form-group{
    display: inline-block;
}
.quantity label{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #111;
    font-weight: 100;
    display: inline-block;
    padding-bottom: 10px;
}
.quantity .form-group .form-control{
    border: 1px solid #e7e7e7;
    box-shadow: none;
    border-radius: 0;
    width: 40px;
    height: 40px;
    display: inline-block;
    margin-left: 5px;
}
.quantity a{
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    padding: 10px 22px;
    transition: all 0.5s ease-in-out;
    margin-left: 10px;
}
.quantity a:hover{
    background-color: #111;
}
.detail-description{
    border-top: 1px solid #e7e7e7;
    margin-top: 3px;
}
.description-left{
    width: 20%;
    float: left;
}
.description-left .nav-tabs > li {
    float: none;

    margin-bottom: 0px;
}
.description-left .nav-tabs {
    border-bottom: none;
}
.description-left .nav > li > a {
    padding: 15px 15px;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    border: 1px solid #e7e7e7;
    background-color: #f5f4f4;
    border-radius: 0px;
}
.description-left .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border: 1px solid transparent;
    border-left: 1px solid #e7e7e7;
    background-color: transparent;
}
.description-left .nav > li > a:hover, .nav > li > a:focus {
    background-color: transparent;
}
.description-right {
    width: 80%;
    float: left;
    padding: 45px 30px;
}
.description-right p{
    margin-bottom: 20px
}
/************************************
     Projuct Detail Page End
*************************************/
/************************************
         Cart Page Start
*************************************/
.cart-main{
    padding-top: 97px;
}
.cart-hedding{
    margin-bottom: 46px;
}
.cart-hedding h2{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.cart-inner .table-holder table{
    width: 100%;
}
.cart-inner .table-holder table thead tr th{
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    border: 1px solid #e7e7e7;
    padding: 25px 30px;
}
.cart-inner .table-holder table tbody tr td{
    border: 1px solid #e7e7e7;
    padding: 17px 30px 19px;
}
.cart-inner .table-holder table tbody tr td a{
    border: 1px solid #e7e7e7;
    border-radius: 50%;
    color: #111111;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    height: 30px;
    padding-top: 5px;
    width: 30px;
    text-align: center;
}
.cart-inner .table-holder table tbody tr td h3{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 5px;
    text-align: left;
}
.cart-inner .table-holder table tbody tr td p{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.cart-inner .table-holder table tbody tr td .form-control{
    border: 1px solid #e7e7e7;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    height: 40px;
    margin-left: 5px;
    width: 40px;
}
.total{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 18px;
    font-weight: 600;
}
.applay-coupon{
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 30px;
}
.applay-coupon .form-control{
    border: 1px solid #e7e7e7;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    height: 40px;
    width: 300px;
}
.applay-coupon .btn{
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin-left: 10px;
    padding: 10px 22px;
    transition: all 0.5s ease-in-out 0s;
    border-radius: 0;
}
.applay-coupon .btn:hover{
    background-color: #111;
}
.applay-coupon a{
    background-color: #111;
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin-left: 10px;
    padding: 10px 22px;
    transition: all 0.5s ease-in-out 0s;
    float: right;
}
.cart-total{
    margin-top: 25px;
}
.cart-total h2{
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #111;
    margin-bottom: 27px;
}
.cart-total table{
    width: 100%;
}
.cart-total table tbody tr td{
    color: #111;
    border: 1px solid #e7e7e7;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    margin-left: -4px;
    width: 50%;
    padding: 17px 15px;
}
.cart-total table tbody tr td span{
    font-weight: bold;
}
.cart-total a{
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    padding: 10px 22px;
    transition: all 0.5s ease-in-out 0s;
    margin-top: 30px;
}
.cart-total a:hover{
    background-color: #111;
}
/************************************
       Cart Page End
*************************************/
/************************************
       checkout Page Start
*************************************/
.checkout-main .cart-hedding{

}
.checkout-main .cart-hedding h2{
    border-bottom: 2px solid;
    padding-bottom: 17px;
}
.checkout-main .cart-hedding p{
    padding-top: 10px;
}
.billing-checkout h2{
    padding-bottom: 15px;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: #111;
    padding-bottom: 21px;
    text-transform: uppercase;
}
.billing-checkout .divide{
    width: 49%;
    display: inline-block;
}
.billing-checkout .divide2{
    margin-left: 12px;
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
.billing-checkout .form-group{
    margin-bottom: 14px;
}
.billing-checkout .form-group label{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #111;
    font-weight: normal;
    display: block;
    margin-bottom: 16px;
}
.billing-checkout .form-group .form-control {
    border: 1px solid #e7e7e7;
    border-radius: 0;
    box-shadow: none;
    color: #666666;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    height: 40px;
    width: 100%;
}
.billing-checkout .form-group select{
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/arrow-image.png") no-repeat scroll 97% center;
}
.additional-checkout h2{
    padding-bottom: 21px;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: #111;
    text-transform: uppercase;
}
.additional-checkout .form-group label{
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    color: #111;
    font-weight: normal;
    display: block;
    margin-bottom: 16px;
}
.additional-checkout .form-group .form-control {
    border: 1px solid #e7e7e7;
    border-radius: 0;
    box-shadow: none;
    color: #666666;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    height: 39px;
    width: 100%;
}
.additional-checkout .form-group select{
    -moz-appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/arrow-image.png") no-repeat scroll 97% center;
}
.checkout-order{
    margin-top: 43px;
}
.checkout-order h2 {
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    padding-bottom: 27px;
    text-transform: uppercase;
}
.checkout-order .table-holder table{
    width: 100%;
}
.checkout-order .table-holder table thead tr th{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    border: 1px solid #e7e7e7;
    padding: 15px 10px;
}
.checkout-order .table-holder table tbody tr td{
    color: #111111;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    padding: 15px 10px;
    border: 1px solid #e7e7e7;
}
.checkout-order .table-holder table tbody tr td span{
    font-size: 18px;
    font-weight: bold;
}
.checkout-order p{
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #e7e7e7; 
}
.please-order button{
    color: #ffffff;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 30px;
    padding: 10px 22px;
    transition: all 0.5s ease-in-out 0s;
    float: right;
    border: none;
}
.please-order button:hover{
    background-color: #111;
}
/************************************
       checkout Page End
*************************************/
/************************************
       Project Detail Page Start
*************************************/
.project-detail .image-holder{
    margin-bottom: 26px;
}
.project-detail .image-holder img{
    width: 100%;
}
.project-detail-left{
    margin-bottom: 46px;
}
.project-detail-left h2{
    color: #111111;
    font-family: "Montserrat",sans-serif;
    font-size: 24px;
    padding-bottom: 14px;
    text-transform: uppercase;
}
.project-detail-left p{
    line-height: 30px;
    margin-bottom: 10px;
}
.project-detail-left ul li{
    color: #666666;
    display: inline-block;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin-bottom: 21px;
    width: 100%;
}
.project-detail-left ul li .good-sign {
    font-size: 14px;
    font-weight: normal;
    padding-right: 10px;
}
.project-detail-right{
}
.project-detail-right .date-prect{
    border-bottom: 1px dashed #e7e7e7; 
    margin-bottom: 26px;
    padding-bottom: 26px;
}
.project-detail-right .date-prect h3{
    color: #111111;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    padding-bottom: 21px;
}
.project-detail-right .contact-map {
    height: 300px;
    width: 100%;
    position: relative !important;
}
.map-text{
    background-color: rgba(244, 101, 35, 0.8);
    padding: 10px;
    position: absolute;
    top: 0;
    width: 92%;
}
.map-text ul li{
    color: #111;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}
.map-icon{
    padding-right: 10px;
}
/************************************
       Project Detail Page End
*************************************/
/************************************
      pri loding css Start
*************************************/
.loading-wrapper {
    background-color: #ffffff;
    display: block;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
}

.loading {
    position: absolute;
    min-height: 100px;
    top: 50%;
    left: 50%;
    right: 0;
    bottom: 0;
}
.loading:after {
    content: '';
    width: 50px;
    height: 50px;
    -moz-animation: preloader 500ms linear infinite;
    -webkit-animation: preloader 500ms linear infinite;
    animation: preloader 500ms linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 3px;
}
.loading:before {
    content: '';
    width: 50px;
    height: 5px;
    background: #000;
    -moz-animation: preloader-shadow 500ms linear infinite;
    -webkit-animation: preloader-shadow 500ms linear infinite;
    animation: preloader-shadow 500ms linear infinite;
    opacity: 0.1;
    position: absolute;
    top: 59px;
    left: 0;
    border-radius: 50%;
}

@-moz-keyframes preloader {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -moz-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -moz-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        -moz-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -moz-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}
@-webkit-keyframes preloader {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -webkit-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        -webkit-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}
@keyframes preloader {
    17% {
        border-bottom-right-radius: 3px;
    }
    25% {
        -moz-transform: translateY(9px) rotate(22.5deg);
        -ms-transform: translateY(9px) rotate(22.5deg);
        -webkit-transform: translateY(9px) rotate(22.5deg);
        transform: translateY(9px) rotate(22.5deg);
    }
    50% {
        -moz-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        -ms-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        -webkit-transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        transform: scale(1, 0.9) translateY(18px) rotate(45deg);
        border-bottom-right-radius: 40px;
    }
    75% {
        -moz-transform: translateY(9px) rotate(67.5deg);
        -ms-transform: translateY(9px) rotate(67.5deg);
        -webkit-transform: translateY(9px) rotate(67.5deg);
        transform: translateY(9px) rotate(67.5deg);
    }
    100% {
        -moz-transform: translateY(0) rotate(90deg);
        -ms-transform: translateY(0) rotate(90deg);
        -webkit-transform: translateY(0) rotate(90deg);
        transform: translateY(0) rotate(90deg);
    }
}
@-moz-keyframes preloader-shadow {
    50% {
        -moz-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}
@-webkit-keyframes preloader-shadow {
    50% {
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}
@keyframes preloader-shadow {
    50% {
        -moz-transform: scale(1.2, 1);
        -ms-transform: scale(1.2, 1);
        -webkit-transform: scale(1.2, 1);
        transform: scale(1.2, 1);
    }
}
/************************************
      pri loding css End
*************************************/
/************************************
     Zoom In Image Start
*************************************/
figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.bloghover  figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    width: 100%;
}
.bloghover figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
/*=======================================================*/
/*Additions by Kevin Williamson - Byte Shed Internet*/
/*=======================================================*/
.our-blog .text-box p{
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.our-blog .text-box a{
    margin-top:10px;
}