/*

Author: W3layout

Author URL: http://w3layouts.com

License: Creative Commons Attribution 3.0 Unported

License URL: http://creativecommons.org/licenses/by/3.0/

*/


h4, h5, h6,

h1, h2, h3 {margin: 0;font-family: raleway;

    font-weight: bold;}

ul, ol, li{margin: 0; padding: 0;
    font-family: raleway;
    line-height: 30px;
    font-size: 17px;
    color: #000;
    list-style: inside;
}

p {margin: 0;padding: 0;}

body{

	margin:0;

	padding:0;

    overflow-x: hidden;

	background: #e3d6c4;

}



@font-face{

    font-family: 'Raleway';

	src:url(../fonts/Raleway/Raleway-Regular.ttf) format('truetype');

}

/*--body-starts--*/

div#page {

    padding-top: 120px;

}

.nav-dflt-setin {

    margin: 0;

    border: none;

    padding: 20px 0;

    border-radius: 0;

    background-color: #e3d6c4;

	-webkit-transform: translateY(0%);

	-moz-transform: translateY(0%);

	transform: translateY(0%);

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.5s;

}
.btn-contact {
    padding: 10px;
    border-radius: 5px;
    text-decoration: none!important;
}
.fixed-top

{

	position: fixed;

    z-index: 10000;

    width: 100%;

	right:0;

	left:0;

}
.responsive-tabs .responsive-tabs__panel {
    background: none!important;
    border: none!important;
    border-top: none!important;
}
.grid-gallery pre {

    background-color: transparent!important;
    border: none!important;
}
.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
    background: url(/wp-content/themes/devos/images/acc-bg.png) repeat 0 0!important;
    border-color: #ddd;
    color: #000!important;
}
.acc-inner li {
    color: #754e25;
    line-height: 40px;
    background: url(/wp-content/themes/devos/images/tick.png) no-repeat 0px 15px;
    list-style: none;
    padding-left: 35px;
}
div.border{border-bottom: 1px solid #cb9449;

    position: relative;

    width: 25%;

    display: inline-block;}

div.border:before{position:absolute; display:block; content:''; border-bottom:1px solid #ccc; height:105%;width:25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

div.border:after{position:absolute; display:block; content:''; border-bottom:1px solid #ccc; width:25%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;right:0px}

.titlemain {

    text-align: center;

	margin-bottom: 35px;

}

.titlemain  h1{

    margin: 60px 0px 15px;

    color: #333;

    font-weight: bold;

    font-family: raleway;

}

#right-img img{


}

.left-cont {

    width: 48%;

    text-align: justify;

}

.left-cont p {

    color: #fff;

    font-size: 17px;

}

p

{   padding-bottom:20px;

    font-family: raleway;

    line-height: 25px;

    font-size: 17px;

    color: #000;

}

#right-img

{

    position: absolute;

    right: 0px;

    display: inline-block;

    width: 50%;

    height: 575px;

   /* transform: skew(-40deg,0deg);

    -ms-transform: skew(-40deg,0deg);

    -webkit-transform: skew(-40deg,0deg);
*/
    z-index: 2;

    overflow: hidden;

    top: 170px;

}

.left-cont h1 {

    color: #fff;

    margin-bottom: 20px;

}

span.bord {

    background: #bd8745;

    height: 3px;

    display: block;

    width: 25%;

    margin-top: 10px;

    margin-bottom: 20px;

}

.row [class*="col-"] {

    float: none;

    display: table-cell;

    vertical-align: top;

}

.accordions-head {

    color: #754d25!important;

    font-size: 14px;

    background: none!important;

    border: none!important;

}

.accordions {

    background: none!important;

    padding: 0;

}

.accordions-head-title {

    font-family: raleway;

    font-size: 17px;

}

.accordion-content {

    background: none!important;

    color: #754d25;

    font-size: 17px;

	border: none!important;

}

#gallery{

    background: url(../images/sec-bgd.png) repeat 0 0;

    padding-top: 50px;

}

div#content {

    padding: 60px 0px;

}

p.subtit {

    color: #fff;

    text-transform: none;

    font-size: 21px;

    text-align: left;

}

.acc-inner

{

padding:0 5% 5% 20%;

}

#third-sec

{

background:url(../images/try-bg.jpg) no-repeat center top;

width:100%;

position:relative;

padding-top:170px;

    height: 630px;

	margin-top: 50px;

}

#diamond

{

background:url(../images/sec-bgd.png) repeat 0 0;

padding-top: 100px;

}

.accord

{

    background: url(../images/acc-bg.png) repeat 0 0;

    position: relative;

    z-index: 9999;

    padding-top: 148px;

}

.inner-over

{

padding:0px 5% 5% 25%;

}

.overview

{

 padding-top: 148px;

}

#cont-area

{

background-color:#e3d6c4;

margin-top:-3.5%;

}

.col-ar

{

width:100%;

float:left;

min-height: 350px;

text-align: center;

padding: 30px 15px 0px;

overflow:hidden;

max-width:225px;

}

.icon-c {

    margin: 60px 0px 20px 0px;

	    height: 60px;

}

.sp-tit a {

    color: #fff;

    text-transform: uppercase;

    font-size: 18px;

}

p.sp-cont {

    color: #fff;

    font-size: 14px;

	line-height: 20px;

}

.sp-tit  {

    margin-bottom:20px;

}

.sp1

{

background:url(../images/sp1-bg.jpg) no-repeat 0 0;

}

.sp2

{

background:url(../images/sp2-bg.jpg) no-repeat 0 0;

}

.sp3

{

background:url(../images/sp3-bg.jpg) no-repeat 0 0;

}

.sp4

{

background:url(../images/sp4-bg.jpg) no-repeat 0 0;

}

.sp5

{

background:url(../images/sp5-bg.jpg) no-repeat 0 0;

}

.nav-min-wid{

    width: 20%;

}

.header-layer {

    z-index: 999;

    position: absolute;

    width: 100%;

}

.header-layer img {

    max-width: 100%;

    display: block;

    height: auto;

    width: 100%;

}

.nav-max-wid{



}

.navbar-nav {

    float: right!important;

}

.navbar-brand {

    color: #754e25 !important;

    font-size: 38px;

    font-weight: 600;

     font-family: 'Raleway';

    padding: 0px 20px;

}

ul.nav-max-wid>li>a{

     font-family: 'Raleway';

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    color: #754e25 !important;

}

ul.nav-max-wid>li>a:hover {

color:#cc974d!important;

}





.navbar-brand {

    height: 80px!important;

	}

/*--menu-effect--*/

ul#cl-effect-5 {

    margin-top: 30px;

}

ul.cl-effect-5>li>a {

	overflow: hidden;

	padding: 0px 15px;

}

ul.cl-effect-5 a span {

	position: relative;

	display: inline-block;

	-webkit-transition: -webkit-transform 0.3s;

	-moz-transition: -moz-transform 0.3s;

	transition: transform 0.3s;

}



ul.cl-effect-5>li>a span::before {

	position: absolute;

	top: 100%;

	content: attr(data-hover);

	font-weight: 800 !important;

	-webkit-transform: translate3d(0,0,0);

	-moz-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}

span.active{

    color: #754e25;

}

ul.cl-effect-5 a:hover span,

ul.cl-effect-5 a:focus span {

	-webkit-transform: translateY(-100%);

	-moz-transform: translateY(-100%);

	transform: translateY(-100%);

    color: #754e25;

}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

    display: block;

}

.carousel-caption {

    background: none;

    right:40%;

    left: 10%;

    padding: 60px;

    z-index: 1000;

    top: 10%;

    text-transform: uppercase;

}

.header-bottom

{

position:relative;

}

.slide-button {

    background: url(../images/slide-button.png) no-repeat 0 0;

    display: block;

    padding: 20px 0px 20px 10px;

    text-align: left;

    margin-top: 17px;

    color: #fff;

    font-size: 19px;

    width: 100%;

    max-width: 368px;

    background-size: auto;

}

.slide-button:hover,  .slide-button:focus {

    color: #fff!important;

}

.carousel-caption h3 {

    font-family: 'Raleway';

        font-size: 34px;

    font-weight: 900;

    color: #fff;

    line-height: 2.2em;

    text-align: left;

    text-transform: uppercase;

}

.carousel-caption h2 {

    font-family: 'Raleway';

    font-size: 58px;

    font-weight: 900;

    color: #fff;

    line-height:65px;

    text-align: left;

    text-transform: uppercase;

}

/*--menu-effect-ends--*/

ul.social{

    margin-top: 13px;

    padding: 0px 50px;

}

ul.social li{

    display: inline;

}

ul.social li a{

    background:url(../images/social.png);

    width: 26px;

    height: 26px;

    display: inline-block;

}

ul.social li a.fb{

    background-position: 0px 0px;

}

ul.social li a.fb:hover{

    background-position: 0px -26px;

}

ul.social li a.twit{

    background-position: -26px 0px;

}

ul.social li a.twit:hover{

    background-position: -26px -26px;

}

ul.social li a.gplus{

    background-position: -52px 0px;

}

ul.social li a.gplus:hover{

    background-position: -52px -26px;

}

ul.social li a.inst{

    background-position: -78px 0px;

}

ul.social li a.inst:hover{

    background-position: -78px -26px;

}

img.banner-wid{

    width: 100%;

}

section.best-quality {

    background-color: #754e25;

    text-align: center;

    padding: 1.8em 0em;

}

section.best-quality p {

    font-size: 17px;

    color: #fff;

    font-family: 'Raleway';

    font-weight: 300;

}

.btn-quality {

    margin-left: 5em;

    background-color: #51311A;

    color: #fff;

    text-transform: uppercase;

    border: none;

     font-family: 'Raleway';

    transition: 0.5s all;

}

.btn-quality:hover,.btn-quality:focus {

    background-color: #181502;

    color: #fff;

    transition: 0.5s all;

}

.work-grids{

    padding: 0;

}

.work-grid-text {

    text-align: left;

    padding: 30px;

}

.work-grid-text ul{

    list-style-type: none;

}

.work-grid-text ul li {

    width: 33.333333%;

    float: left;

    text-align: left;

     font-family: 'Raleway';

    color: #1a1a1a;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 16px;

}

img.work-img-wid {

    width: 100%;

}

img.work-img-wid {

    max-width: 100%;

    transition: all 500ms!important;

    -webkit-transition: all 500ms!important;

    -moz-transition: all 500ms!important;

}

img.work-img-wid:hover{

    -webkit-transform: scale(1.15);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 750ms;

    -moz-transform: scale(1.15);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 750ms;

    overflow: hidden;   

}

.work-img{

    overflow: hidden;

}

.work-grid-icn {

    font-size: 25px;

    color: #D7C194;

    vertical-align: text-bottom;

    margin-right: 10px;

}

.work-section {

    padding: 6em 0;

}

.work-grid-text p {

    margin: 40px 0px;

    line-height: 2.2em;

    text-align: left;

    font-family: 'Raleway';

    color: #7B7B78;

    text-transform: capitalize;

    font-size: 17px;

    font-weight: 300;

}

a.work-btn{

    background-color: #51311A;

    color: #fff;

    text-transform: uppercase;

    border: none;

     font-family: 'Raleway';

    transition: 0.5s all;

    display: inline-block;

}

a.work-btn:hover,a.work-btn:focus{

    background-color: #181502;

    color: #fff;

    transition: 0.5s all;

}

.our-latest{

    padding-bottom: 6em;

    text-align: center;

}

.our-latest h2 {

     font-family: 'Raleway';

    font-weight: 400;

    text-transform: uppercase;

    color: #754e25;

    margin-bottom: 1em;

    font-size: 30px;

}

.latest-grid {

    padding: 10px;

}

img.latest-img {

    width: 100%;

}

.latest-bg-pos{

    position: relative;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transition: 0.5s all;

}

.latest-text {

    position: absolute;

    top: 0%;

    width: 100%;

    background-color: rgba(255, 255, 255, 0.81);

    height: 100%;

    padding: 22px;

    display: none;

}

.border-line {

    border: 3px solid #915D24;

    width: 100%;

    height: 100%;

    padding-top: 60px;

}

.border-line h3 {

    color: #C78529;

    text-transform: capitalize;

    font-weight: 400;

    font-size: 23px;

     font-family: 'Raleway';

    margin-bottom: 15px;

}

.border-line p {

    color: #676565;

    font-family: 'Raleway';

    font-size: 17px;

    font-weight: 300;

}

.latest-bg-pos:hover .latest-text{

    display: block;

    cursor: pointer;

    transition: 0.5s all;

    -webkit-transition: 0.5s all;

    -o-transition: 0.5s all;

    -moz-transition: 0.5s all;

}

/*--- slider-css --*/

.slider {

	position: relative;

}

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }

.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }

.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }

.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }

.caption{

    width: 100%;

    text-align: left;

    height: 130px;

}

.caption h3{

	 font-family: 'Raleway';

    font-weight: 400;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 0.4em;

    font-size: 30px;

}

.caption p{

    color: #E4D5C0;

    font-family: 'Raleway';

    font-size: 15.5px;

    font-weight: 300;

    line-height: 1.9em;

}

a.morebtn{

	background:#3D3D3D;

	padding:0.8em 0;

	display:block;

	font-size:0.875em;

	text-transform:uppercase;

	color:#FFF;

	width:20%;

	margin:0 auto;

	transition:0.5s all ease;

	-webkit-transition:0.5s all ease;

	-moz-transition:0.5s all ease;

	-o-transition:0.5s all ease;

	-ms-transition:0.5s all ease;

}

a.morebtn:hover{

	background:#585686;

}

.callbacks_tabs a:after {

	content: "\f111";

	font-size: 0;

	font-family: FontAwesome;

	visibility: visible;

	display: block;

	height: 12px;

	width: 12px;

	display: inline-block;

	border: 2px solid #747474;

}

.callbacks_here a:after{

	border: 2px solid #FFF;

}

.callbacks_tabs a{

	visibility:hidden;

}

.callbacks_tabs li{

	display:inline-block;

}

ul.callbacks_tabs.callbacks1_tabs {

    position: absolute;

    bottom: -28%;

    z-index: 999;

    left: 47%;

    right: 47%;

}

.twitter-feeds {

    padding: 6em 0em;

    background-color: #754e25;

}

.ft-top{

    padding: 4em 0;

    background: #3a2a1e;

}

.leftsidebar li {

    list-style: none;

}

.sticky {

    position: fixed;

    width: 100%;

    left: 0;

    top: 0;

    z-index: 100000;

    border-top: 0;

	padding: 10px 0px 20px;

}

h2.widgetTitle {

    color: #fff;

    font-size: 21px;

    text-align: left;

    margin-bottom: 30px;

    font-family: raleway;

    font-weight: 300;

}

.sticky .navbar-brand>img {

    display: block;

    width: 85%;

}

.sticky .navbar-brand {

    height: 50px!important;

}

.sticky ul#cl-effect-5 {

    margin-top: 15px;

}

.leftsidebar li ul li a {

    color: #978f89;

    font-size: 14px;

    font-family: raleway;

    text-transform: capitalize;

    line-height: 30px;

}

span.glyphicon.glyphicon-map-marker {

    color: #fff!important;

    float: left;

    font-size: 20px;

    margin-right: 10px;

    top: 6px;

	left: -5px;

}

.adress {

    color: #978f89;

    font-size: 14px;

    font-family: raleway;

    line-height: 30px;

    float: left;

}

.ph-wrapper

{

clear: both;

float: left;

margin-top: 20px;

padding-left: 30px;

}

span.glyphicon.glyphicon-mobile {

    color: #fff!important;

    float: left;

    font-size: 20px;

    margin-right: 10px;

    top: 6px;

}

.glyphicon-mobile:before {

    content: url(../images/mob.png);

}

span.glyphicon.glyphicon-iphone

{

    color: #fff!important;

    float: left;

    font-size: 20px;

    margin-right: 10px;

    top: 6px;

}

span.glyphicon.glyphicon-envelope

{

    color: #fff!important;

    float: left;

    font-size: 16px;

    margin-right: 10px;

    top: 9px;

}

.phone{

    color: #fff!important;

    font-size: 14px;

    line-height: 30px;

    float: left;

	    margin-left: 5px;

	    text-transform: none;

}

.social-media {

    text-align: center;

}

.social-media h3{

    font-family: 'Raleway';

    font-size: 20px;

    color: #aaa;

    text-transform: capitalize;

}

.social-media span{

    display: inline-block;

    background: #754e25;

    height: 2px;

    width: 60px;

}

.social-media ul {

    list-style-type: none;

}

.social-media ul li{

    display: inline-block;

}

.social-media ul li a{

    background: url(../images/social.png);

    width: 42px;

    height: 42px;

    display: inline-block;

}

.social-media ul li a.ftfb{

    background-position: -104px 0px;

}

.social-media ul li a.ftfb:hover{

    background-position: -104px -42px;

}

.social-media ul li a.fttwt{

    background-position: -146px 0px;

}

.social-media ul li a.fttwt:hover{

    background-position: -146px -42px;

}

.social-media ul li a.ftinst{

    background-position: -188px 0px;

}

.social-media ul li a.ftinst:hover{

    background-position: -188px -42px;

}

.social-media ul li a.ftdrib{

    background-position: -230px 0px;

}

.social-media ul li a.ftdrib:hover{

    background-position: -230px -42px;

}

.ft-bottom {

        background-color: #3a2a1e;

    padding: 20px 0;

    text-align: center;

    border-top: 2px solid #514338;

}

.ft-bottom p {

    font-family: 'Raleway';

    font-size: 13px;

    color: #514338;

}

.ft-bottom a{

    color: #827A7A;

}

.dicont {

    margin: 20px 0px;

}

.dicont p {

    font-size: 17px;

    font-family: raleway;

    color: #333;

    line-height: 25px;

}

#toTop {

    display: none;

    text-decoration: none;

    position: fixed;

    bottom: 35px;

    right: 10px;

    overflow: hidden;

    width: 64px;

    height: 48px;

    border: none;

	z-index: 10000;

    text-indent: 100%;

    background: url(../images/top-arrow.png) no-repeat;

}

/*--about--*/

.about-top {

    padding: 4em 0;

    text-align: center;

}

.about-top h2 {

     font-family: 'Raleway';

    font-weight: 400;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 1.5em;

    font-size: 35px;

    background-color: #754e25;

    padding: 10px 0px;

    border-radius: 3px;

}

.about-grid h3 {

    line-height: 2.5em;

     font-family: 'Raleway';

    color: #1a1a1a;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 20px;

}

.about-grid p{

    line-height: 2em;

    text-align: left;

    font-family: 'Raleway';

    color: #7B7B78;

    text-transform: capitalize;

    font-size: 17px;

    font-weight: 300;

}

span.glyphicon.glyphicon-menu-right {

    vertical-align: text-bottom;

}

.abt-img {

    width: 50%;

}

.about-bottom {

    padding-bottom: 6em;

}

.callbacks_nav {

    position: absolute;

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    top: 44%;

    left: 3.2%;

    opacity: 0.7;

    z-index: 3;

    text-indent: -9999px;

    overflow: hidden;

    text-decoration: none;

    height: 70px;

    width: 40px;

    background: transparent url("../images/arrows.png") no-repeat left top;

    margin-top: -3%;

}

.callbacks_nav.next {

    left: auto;

    background-position: right top;

    left: 88.5%;

}

.about-bottom h4{

     font-family: 'Raleway';

    font-weight: 400;

    text-transform: uppercase;

    color: #754e25;

    margin-bottom: 1em;

    font-size: 22px;

}

.about-btm-text {

    padding: 0;

}

.about-btm-text p{

    line-height: 2em;

    text-align: left;

    font-family: 'Raleway';

    color: #7B7B78;

    text-transform: capitalize;

    font-size: 15px;

    font-weight: 300;

}

.about-btm-text p:nth-child(2) {

    margin-top: 15px;

}

.test-bkp {

    padding: 0;

    margin: 5px;

    width: 32.333333%;

}

.about-testimonials {

    padding: 4em 0;

    background-color: #FFDFC9;

}

.test-mon{

    text-align: center;

    border: 2px dotted #E6BA9C;

    padding: 35px 20px;

    text-align: center;

}

.test-mon h3{

     font-family: 'Raleway';

    font-weight: 400;

    text-transform: uppercase;

    color: #675959;

    margin-bottom: 1em;

    font-size: 18px;

}

.test-mon p{

    line-height: 2.2em;

    text-align: center;

    font-family: 'Raleway';

    color: #7B7B78;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 300;

}

h3.test {

    font-size: 25px;

     font-family: 'Raleway';

    font-weight: 400;

    margin-bottom: 20px;

}

.service-info{

    text-align: center;

}

.service-info {

    text-align: center;

    padding: 4em 0 0;

}

.service-info h2{

     font-family: 'Raleway';

    font-weight: 400;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 0.5em;

    font-size: 35px;

    background-color: #754e25;

    padding: 10px 0px;

    border-radius: 3px;

}

.service-info p{

    line-height: 2em;

    text-align: center;

    font-family: 'Raleway';

    color: #7B7B78;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 300;

}

/*--icon-effect--*/

.hi-icon {

	display: inline-block;

	font-size: 0px;

	cursor: pointer;

	margin: 15px 30px;

	width: 90px;

	height: 90px;

	border-radius: 50%;

	text-align: center;

	position: relative;

	z-index: 1;

	color: #fff;

}



.hi-icon:after {

	pointer-events: none;

	position: absolute;

	width: 100%;

	height: 100%;

	border-radius: 50%;

	content: '';

	-webkit-box-sizing: content-box; 

	-moz-box-sizing: content-box; 

	box-sizing: content-box;

}



.hi-icon:before {

	font-family: 'ecoicon';

	speak: none;

	font-size: 48px;

	line-height: 90px;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	display: block;

	-webkit-font-smoothing: antialiased;

}

/* Effect 3 */

.hi-icon-effect-3 .hi-icon {

	box-shadow: 0 0 0 4px #E0E0E0;

	-webkit-transition: color 0.3s;

	-moz-transition: color 0.3s;

	transition: color 0.3s;

}



.hi-icon-effect-3 .hi-icon:after {

	top: -2px;

	left: -2px;

	padding: 2px;

	z-index: -1;

	background: #754e25;

	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;

	-moz-transition: -moz-transform 0.2s, opacity 0.3s;

	transition: transform 0.2s, opacity 0.3s;

}

/* Effect 3b */

.hi-icon-effect-3b .hi-icon:after {

	-webkit-transform: scale(1.3);

	-moz-transform: scale(1.3);

	-ms-transform: scale(1.3);

	transform: scale(1.3);

	opacity: 0;

}



.hi-icon-effect-3b .hi-icon:hover:after {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);

	opacity: 1;

}

.service-icn {

    font-size: 45px;

    line-height: 2em;

    color: #B5B5B5;

}

.hi-icon:hover .service-icn {

    color: #fff;

}

.service-box {

    text-align: center;

}

/*--effect--*/

.icon-grids-top{

    padding: 4em 0em 6em;

}

.service-box h5{

    line-height: 2.5em;

     font-family: 'Raleway';

    color: #1a1a1a;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 20px;

}

.service-box p{

    line-height: 2em;

    font-family: 'Raleway';

    color: #7B7B78;

    text-transform: capitalize;

    font-size: 17px;

    font-weight: 300;

}

.service-img-wid{

    width: 100%;

    height: 190px;

    max-width: 100%;

    transition: all 500ms!important;

    -webkit-transition: all 500ms!important;

    -moz-transition: all 500ms!important;

}

.service-img-wid:hover{

    -webkit-transform: scale(1.15);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration: 750ms;

    -moz-transform: scale(1.15);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration: 750ms;

    overflow: hidden;

}



.service-img{

    overflow: hidden;

}

.servic-bkp{

    padding: 0;

}

.servic-bkp {

    padding: 3px;

}

.srvice-text h3 {

    line-height: 2.5em;

     font-family: 'Raleway';

    color: #1a1a1a;

    text-transform: uppercase;

    font-weight: 600;

    font-size: 18px;

}

.srvice-text p{

    line-height: 2em;

    font-family: 'Raleway';

    color: #7B7B78;

    text-transform: capitalize;

    font-size: 17px;

    font-weight: 300;

    font-weight: 300;

    font-weight: 300;

}

.service-pop {

    padding-bottom: 6em;

}

.rt-arrow {

    vertical-align: text-bottom;

    margin-left: 8px;

}

/*--gallery-starts--*/

.gallery-text {

    text-align: center;

     padding: 4em 0;

}

.gallery-text h2{

     font-family: 'Raleway';

    font-weight: 400;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 0.5em;

    font-size: 35px;

    background-color: #754e25;

    padding: 10px 0px;

    border-radius: 3px;

}

.gallery-text p{

    line-height: 2em;

    text-align: center;

    font-family: 'Raleway';

    color: #7B7B78;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 300;

}

img.example-image {

    width: 100%;

}

.gallery-grid{

    padding: 3px;

}

.grid-gallery{

    padding: 0em 0em 6em;

}

/*--gallery-ends--*/

.contact{

    padding: 4em 0;

}

.contact-left,.contact-right {

    padding: 0px 12px;

}

.map iframe {

    width: 100%;

    height: 408px;

}

.adress ul{

list-style-type: none;

}

.adress ul li{

    width: 33.33333%;

    float: left;

    text-align: center;

     font-family: 'Raleway';

    color: #754e25;

    font-size: 18px;

    font-weight: 400;

}

h4, h5, h6, h1, h2, h3 {

    margin-bottom: 10px;

}

.form-details {

    text-align: center;

    margin-top: 20px;

}

input {

    width: 100%;

    padding: 7px;

    outline: none;

    display: block;

    border: 2px solid #754e25;

    background-color: transparent;

    color: #1a1a1a;

    font-family: 'Raleway';

}

textarea{

    width: 100%;

    padding: 7px;

    outline: none;

    display: block;

    border: 2px solid #754e25;

    background-color: transparent;

    color: #1a1a1a;

    font-family: 'Raleway'; 

    resize: none;

    height: 200px;

}

iframe

{

width:100%;

}

.cont-right

{

}

.entry {

    font-family: raleway;

    line-height: 25px;

    font-size: 17px;

}

.btn-contact{

    background-color: #51311A;

    color: #fff;

    text-transform: uppercase;

    border: none;

     font-family: 'Raleway';

    transition: 0.5s all;

	width: 25%;

}

div.wpcf7-validation-errors {

    border: 2px solid red!important;

    font-family: raleway;

}

.btn-contact:hover,.btn-contact:focus{

    background-color: #181502;

    color: #fff;

    transition: 0.5s all; 

}

.typography {

    padding: 4em 0;

}

h2.hd{

     font-family: 'Raleway';

    font-weight: 400;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 1.5em;

    font-size: 35px;

    background-color: #754e25;

    padding: 10px 0px;

    border-radius: 3px;

    text-align: center;

}

.strap-list ul{

    list-style-type: none;

}

.grid_1>h4,.grid_2>h4,.grid_3>h4,.grid_4>h4,.grid_5>h4,.grid_6>h4,.page-header>h4{

    font-size: 30px;

     font-family: 'Raleway';

    font-weight: 400;

    color: #754e25;

    margin-bottom: 1em;

}

.grid_1.grid_2.grid_3.grid_4.grid_5.grid_6.page-header{

    margin-top: 20px;

    margin-bottom: 20px;

}

.typ1{

    margin: 20px 0px;

}

.contact h2{

     font-family: 'Raleway';

    font-weight: 400;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 1.5em;

    font-size: 35px;

    background-color: #754e25;

    padding: 10px 0px;

    border-radius: 3px;

    text-align: center;

}

/*--responsive-starts-here--*/

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

    .carousel-caption h3 {

        font-size: 18px;

    }

    ul.cl-effect-5>li>a {

        padding: 0px 16px;

    }

    ul.social {

        padding: 0px 30px;

    }

    .work-grid-text {

        padding: 15px;

    }

    .work-grid-text p {

        margin: 12px 0px;

        font-size: 14px;

    }

    .work-grid-icn {

        font-size: 21px;

        vertical-align: top;

    }

    ul.callbacks_tabs.callbacks1_tabs {

        left: 46%;

        right: 46%;

    }

    .about-grid p,.about-btm-text p,.service-box p,.srvice-text p {

        font-size: 14px;

    }

    span.glyphicon.glyphicon-menu-right {

        vertical-align: middle;

        font-size: 13px;

    }

    .callbacks_nav {

        left: 4.2%;

    }

    .callbacks_nav.next {

        left: 85.9%;

    }

    .test-bkp {

        margin: 4px;

    }

}

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

    .navbar-brand {

        font-size: 30px;

    }

    ul.cl-effect-5>li>a {

        padding: 0px 9px;

    }

    ul.nav-max-wid>li>a {

        font-size: 13px;

    }

    ul.social {

        padding: 0px 8px;

    }

    .carousel-caption h3 {

        font-size: 15px;

    }

    .carousel-caption {

        padding: 35px;

    }

    .adress ul li {

        font-size: 16px;

    }

    section.best-quality p {

        font-size: 17px;

    }

    .work-grids {

        margin-bottom: 20px;

    }

    .latest-grid {

        padding: 4px;

        width: 50%;

        float: left;

    }

    .border-line {

        padding-top: 35px;

    }

    .border-line h3 {

        font-size: 20px;

    }

    .border-line h3 {

        margin-bottom: 8px;

    }

    .work-section {

        padding: 3em 0;

    }

    .our-latest {

        padding-bottom: 4em;

    }

    ul.callbacks_tabs.callbacks1_tabs {

        left: 45%;

        right: 45%;

    }

    .twitter-feeds {

        padding: 5em 0em;

    }

    .caption h3 {

        font-size: 27px;

    }

    .caption p {

        font-size: 14px;

    }

    .work-grid-text p {

        margin: 12px 0px;

        font-size: 13px;

    }

    .about-grid p, .about-btm-text p, .service-box p, .srvice-text p {

        font-size: 13px;

    }

    span.glyphicon.glyphicon-menu-right {

        vertical-align: inherit;

        font-size: 11px;

    }

    .callbacks_nav {

        left: 5.2%;

    }

    .callbacks_nav.next {

        left: 81.99%;

    }

    .test-bkp {

        margin: 3px;

    }

    .about-top,.gallery-text,.typography,.contact {

        padding: 3em 0;

    }

    .service-info p {

        font-size: 13px;

    }

    .service-info h2 {

        font-size: 32px;

    }

    .test-mon p {

        font-size: 13px;

    }

    .service-info {

        padding: 3em 0 0;

    }

    .service-box {

        width: 33.3333%;

        float: left;

    }

    .service-box h5 {

        font-size: 16px;

    }

    .service-img-wid {

        height: 270px;

    }

    .servic-bkp {

        margin-bottom: 20px;

    }

    .service-pop {

        padding-bottom: 3em;

    }

    .grid-gallery {

        padding: 0em 0em 3em;

    }

}

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

    .nav-min-wid {

        width: 100% !important;

    }

    .nav-max-wid {

        width: 100% !important;

    }

    .navbar-nav {

        margin: 7.5px 0px;

    }

    div#bs-example-navbar-collapse-1 {

        text-align: center;

    }

    .navbar-nav>li>a {

        line-height: 28px;

    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

        background-color: transparent;

    }

    .navbar-default .navbar-toggle {

        border-color: transparent;

    }

    .navbar-default .navbar-toggle .icon-bar {

        background-color: #754e25;

    }

    .carousel-caption {

        padding: 20px;

        bottom: 20%;

    }

    .btn-quality {

        margin-left: 0em;

        margin-top: 0.8em;

    }

    .border-line {

        padding-top: 21px;

    }

    ul.callbacks_tabs.callbacks1_tabs {

        left: 44%;

        right: 44%;

    }

    .navbar-toggle {

        padding: 9px 0px;

        margin-right: 15px;

        margin-top: 30px;

    }

    .ft-top {

        padding: 3em 0;

    }

    img.img-circle.abt-img.t {

        width: 27%;

        margin-top: 20px;

    }

    .abt-brp {

        padding: 6px;

    }

    .slide-about {

        padding: 0;

        margin-top: 20px;

    }

    .callbacks_nav {

        left: 0.2%;

        top: 38%;

    }

    .callbacks_nav.next {

        left: 93.3%;

    }

    .test-mon {

        padding: 15px 15px;

    }

    .test-bkp {

        margin: 2px;

    }

    .contact-right {

        margin-top: 20px;

    }

    .navbar-brand {

        padding: 12px 0px 0px 0px;

    }

}

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

    .navbar-brand {

        padding: 12px 0px 0px 25px;

    }

}

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

    .navbar-brand {

        padding: 12px 0px 0px 25px;

    }

}

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

    .carousel-caption h3 {

        font-size: 13.5px;

        line-height: 1.8em;

    }

    .carousel-caption {

        background: rgba(106, 67, 28, 0.66);

        right: 13%;

        left: 13%;

    }

    .btn-quality {

        margin-left: 1em;

        margin-top: 0;

    }

    .btn {

        padding: 6px 9px;

        font-size: 12px;

    }

    .work-grid-text ul li {

        width: 100%;

        margin: 10px 0px;

    }

    .border-line h3 {

        margin-bottom: 2px;

        font-size: 13.5px;

    }

    .border-line {

        padding-top: 10px;

    }

    .border-line p {

        font-size: 13px;

    }ul.callbacks_tabs.callbacks1_tabs {

        left: 42%;

        right: 42%;

        bottom: -19%; 

    }

    .caption {

        height: 120px;

        overflow: hidden;

    }

    .twitter-feeds {

        padding: 4em 0em;

    }

    .callbacks_nav.next {

        left: 90.3%;

    }

    .abt-brp {

        padding: 20px;

    }

}

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

    .nav-min-wid{

        margin: 0 !important;

    }

    .navbar-toggle {

        margin-right: 0;

    }

    .carousel-caption {

        padding: 12px;

        bottom: 20%;

        right: 7%;

        left: 7%;

    }

    .about-top, .gallery-text, .typography, .contact {

        padding: 1em 0;

    }

    .service-info {

        padding: 1em 0 0;

    }

    .map iframe {

        width: 100%;

        height: 300px;

    }

    .carousel-caption h3 {

        font-size: 12.5px;

    }

    section.best-quality p {

        font-size: 13.5px;

    }

    .btn-quality {

        margin-left: 2em;

        margin-top: 0.5em;

    }

    .btn {

        font-size: 12px;

    }

    .work-grid-text ul li {

        width: 100%;

        margin: 10px 0px;

    }

    .latest-grid {

        padding: 4px;

        width: 100%;

    }

    ul.callbacks_tabs.callbacks1_tabs {

        left: 38%;

        right: 38%;

        bottom: -14%;

    }

    .twitter-feeds {

        padding: 3em 0em;

    }

    .caption {

        height: 125px;

        overflow: hidden;

    }

    .ft-bottom p {

        font-size: 13px;

    }

    .about-top h2,.service-info h2,.gallery-text h2,h2.hd,.contact h2 {

        font-size: 21px;

        padding: 7px 0px;

    }

    .abt-brp {

        padding: 13px;

        width: 100%;

    }

    img.img-circle.abt-img.t {

        width: 50%;

        margin: 0;

    }

    .callbacks_nav.next {

        left: 88.2%;

    }

    .about-bottom {

        padding-bottom: 3em;

    }

    .icon-grids-top {

        padding: 2em 0em 2em;

    }

    .test-bkp {

        margin: 5px 0px;

        width: 100%;

    }

    .about-testimonials {

        padding: 3em 0;

    }

    .icon-grids-top {

        padding: 4em 0em 4em;

    }

    .service-box {

        width: 100%;

    }

    .service-box:nth-child(2){

        margin: 15px 0px;

    }

    .service-img-wid {

        height: 200px;

    }

    .gallery-grid {

        padding: 3px;

        width: 100%;

    }

    .adress ul li {

        width: 100%;

        line-height: 1.5em;

    }

    .navbar-brand {

        padding: 12px 0px 0px 0px;

    }

}

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

    .carousel-caption {

        padding: 7px;

        bottom: 28%;

        right: 2%;

        left: 2%;

    }

    .carousel-caption h3 {

        font-size: 12px;

        line-height: 1.7em;

    }

    section.best-quality p {

        font-size: 13px;

    }

    .work-section {

        padding: 2em 0;

    }

    .work-grid-text {

        padding: 0;

    }

    .work-grid-text ul li {

        font-size: 14px;

        margin: 8px 0px;

    }

    .our-latest h2 {

        font-size: 23px;

    }

    .latest-grid {

        padding: 2px 0px;

        width: 100%;

    }

    .border-line {

        padding-top: 18px;

    }

    .border-line h3 {

        font-size: 18px;

    }

    .border-line p {

        font-size: 15px;

    }

    .about-top, .gallery-text, .typography, .contact {

        padding: 0.5em 0 2em;

    }

    .map iframe {

        height: 250px;

    }

    textarea.contact-area {

        height: 135px;

    }

    .callbacks_nav.next {

        left: 85.2%;

    }

    .gallery-text p,.service-info p {

        font-size: 12.5px;

    }

    .service-info {

        padding: 0.5em 0 0;

    }

    .service-pop {

        padding-bottom: 2em;

    }

    .ft-top {

        padding: 2em 0;

    }

}  
  
/*--responsive-ends-here--*/