@charset "utf-8";
/* CSS Document */

body{font-family: 'Roboto','FontAwesome' sans-serif;margin:0px;padding:0px;overflow-x:hidden;}
a
{
-moz-transition:all 0.5s linear;  
-webkit-transition:all 0.5s linear;  
-ms-transition:all 0.5s linear;  
-o-transition:all 0.5s linear;  
}
a,a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6,p{margin:0px;padding:0px;color:#161616}
p{line-height:1;font-weight:300;}

/*font face*/
@font-face{font-family:'FontAwesome' ;src:url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.4.0');src:url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}

/*main classes*/
.b{border:1px solid #000}.r{border:1px solid red;}.w{border:1px solid #fff;}
.p-les{padding:0px;}
.main-container{width:100%;max-width:100%}

.btn{color:#fff;background:#aa914f;border-radius:0px;text-transform:uppercase;font-size:20px;padding:15px 40px;line-height:20px;}
.btn:hover{background:#967110;color:#fff}
.padder{padding:140px 0px;}
.padder_less{padding:70px 0px;}
.padder-port{padding:140px 0px 0px;}
.white-bg{background:#fff}
.white_bg{background:#f7f6f6;}
.dark_bg{background:#0a0a0a;}
.quote-bg{background:#fff url("../images/quote-bg.jpg") no-repeat;background-size:cover;background-attachment:fixed}
.faq-bg{background:#fff url("../images/faq_bg.jpg") no-repeat;background-size:cover;background-attachment:fixed;background-position:top center}
.contact-bg{background:#fff url("../images/contact_bg.jpg") no-repeat;background-size:cover;background-attachment:fixed;background-position:top center}
.green-bg{background:#aa914f;}

.title-wrap{text-align:center}
.title-heading{font-size:44px;color:#161616;line-height:36px;margin:auto auto 40px;}
.title-content{margin-bottom:40px;}
.title-content p{line-height:24px;color:#6e6e6e;font-size:17px;font-weight:300;;margin:auto auto;width:32%}
.subs-heading{position: relative;padding-bottom:33px;margin:0px auto 124px;font-weight:400}
.less-margin{margin-bottom:87px;}
.subs-heading:before,.subs-heading:after{position: absolute;content:"";height:1px;background:#aa914f;bottom:0px;left:50%;transform:translateX(-50%)}
.subs-heading:before{width:34px;margin-bottom:0px}
.subs-heading:after{width:54px;margin-bottom:-4px}
.content-wrap{margin:0px auto 60px;}
.content-wrap p{text-align:center;line-height:30px;font-size:16px;font-weight:300}
.white-heading{color:#fff;}
.padd_bottomless{padding-bottom:0px;}
.contact_padder{padding-top:130px;padding-bottom:130px;}


/*-----popup----*/

.modal h3 {
  margin-bottom: 20px;
}
.modal-content .product_price {
  font-size: 30px;
  font-weight: 300;
  background:none;
}
.product_des {
  border-top: 1px solid hsl(0, 0%, 91%);
  margin-top: 25px;
  padding-top: 20px;
}
.modal-content {
  border-radius: 0;
}
.modal-header {
	border:0;
}
.modal-header .close {
  margin-top: -2px;
  position: absolute;
  right: 30px;
  font-weight:30px;
}
.modal-body {
  padding: 15px 25px 40px;
  position: relative;
}
.cart_elements {
	padding:5px 0;
}
.product_qut, .product_color {
  display: inline-block;
  margin-right: 30px;
  position:relative;
}
.product_qut input {
  border: 1px solid hsl(0, 0%, 80%);
  height: 32px;
  padding: 0 10px;
  text-align: center;
  width: 50px;
}
.product_color select {
  -moz-appearance: none;
  border: 1px solid hsl(0, 0%, 80%);
  height: 32px;
  padding: 0 23px 0 12px;
  width: 130px;
  position:relative;
}
.product_color option {
  padding: 4px 9px;
}

.product_color::after {
  color: hsl(0, 0%, 0%);
  content: "\f107";
  font-family: fontawesome;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.modal .btn {
  margin-top: 12px;
}
.product_des p {
  font-size: 17px;
  line-height: 30px;
}
.cart_elements label {
  font-weight: 400;
  margin-right: 5px;
}


/*=========
	menu
==========*/

.dropdown-menu {
  background-color: #aa914f;text-align:center;;
  margin-left:-90px !important;
  margin-top:36px !important;
  padding:10px 0px;
  
}
.dropdown-menu>li>a
{
  margin:0px;padding:15px 0px !important;
  -moz-transition:all 0.1s linear !important;
   -webkit-transition:all 0.1s linear !important;
   -ms-transition:all 0.1s linear !important;
   -o-transition:all 0.1s linear !important;
}
.dropdown-menu>li>a:hover{color:#000 !important;box-shadow:none}
.dropdown-menu>li{padding:0px;margin:0px !important;;position:relative}
.dropdown-menu>li:first-child::after{position:absolute;content:"";top:0px;margin-top:-21px;right:40px;
  border-style:solid;border-color:#aa914f transparent transparent;
  border-width:11px 8px 0px;
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
}

.dropdown .dropdown-toggle::after{
 
  content: "";
  font-family: fontawesome;
  font-size: 10px;
  font-weight: 400;
  margin: 0 3px;
  position: absolute;
  color:#fff;
}
.dropdown .dropdown-toggle {
  position: relative;
}


header.navbar.navfixedshow {
  background: rgba(0,0,0,1) none repeat scroll 0 0;
  padding: 20px 0;
  position: fixed;
  z-index:222;
  top:0px;
}
header.navbar.navfixedshow .header_top {
	padding:0px;
}

.dropdown .dropdown-toggle {
  position: relative;
}

.navbar.navbar-default, #navbar.collapse.navbar-collapse {
	background-color:transparent;
}


.navbar {
  border: 0 solid hsla(0, 0%, 0%, 0);
  margin-bottom: 0;
  position: relative;
}
header.navbar {
  border: 0 none;
  border-bottom:1px solid rgba(170,145,79,0.3);
  border-radius: 0;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease-in-out 0s;
  width: 100%;
  z-index: 10;
  background:transparent;
  padding:35px 0px ;
}
.none-fixed{position: relative !important;background:#000;top:0px !important;padding:28px 0px;}
.other_pg_header{background:#000;top:0px !important;padding:28px 0px;}
.collapse.navbar-collapse {
  margin: 0 auto;
  text-align: right;
}
.navbar ul.nav.navbar-nav {
	float:none;
	text-align:center;
}
.navbar ul.nav.navbar-nav {
	display:inline-block;
	float:none;
	vertical-align:middle;
}

.navbar ul.nav.navbar-nav li {
  margin-right: 36px;
  padding: 0px;
}

.navbar ul.nav.navbar-nav li:first-child {
	border-left:0px;
}

.navbar ul.nav.navbar-nav li:last-child {
	border-right:0px;	
  margin-right: 20px;
}

.navbar ul.nav.navbar-nav li a {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  padding: 0px 0px 10px;
  margin:auto;
  line-height:12px;
  position:relative;
}
.navbar ul.nav.navbar-nav li.active a:after,.navbar ul.nav.navbar-nav li.active a:before
{
  content:"";position:absolute;z-index:inherit;
  height:1px;background:#aa914f;left:50%;
  transform:translateX(-50%);bottom:0px;opacity:1;
  
}
.navbar ul.nav.navbar-nav li.active a:hover::before{width:17px;margin-bottom:0px;}
.navbar ul.nav.navbar-nav li.active a:hover::after{width:29px;margin-bottom:-2px;}
.navbar ul.nav.navbar-nav li.active a:before{width:17px;margin-bottom:0px;}
.navbar ul.nav.navbar-nav li.active a:after{width:29px;margin-bottom:-2px;}

.navbar ul.nav.navbar-nav li a:after,.navbar ul.nav.navbar-nav li a:before
{
  content:"";position:absolute;z-index:inherit;
  height:1px;background:#aa914f;left:50%;
  transform:translateX(-50%);bottom:0px;opacity:1;
  -moz-transition:all 0.5s linear;
}
.navbar ul.nav.navbar-nav li a:before{width:17px;margin-bottom:5px;opacity:0}
.navbar ul.nav.navbar-nav li a:after{width:29px;margin-bottom:-7px;opacity:0}
.navbar ul.nav.navbar-nav li a:hover::before{width:17px ;margin-bottom:0px ;opacity:1 }
.navbar ul.nav.navbar-nav li a:hover::after{width:29px ;margin-bottom:-2px ;opacity:1 }


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:none}
.navbar ul.nav.navbar-nav li a:hover {
   color: #4d9de0;
}
	

.navbar-collapse {
  overflow-x: hidden;
  padding-left: 0;
  padding-right: 0;
}


.navbar ul.nav.navbar-nav li a:hover, .navbar ul.nav.navbar-nav li.active a, .navbar ul.nav.navbar-nav li a:focus {
  background-color: hsla(0, 0%, 0%, 0);
  color: #aa914f;
  outline:none;
}

/*banner slider*/
#banner {
  background: #fff none repeat scroll 0 0;
  padding: 0;
}

.banner-slide::after {
  background: hsla(0, 0%, 0%, 0.2) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.banner_slider {
  position: relative;
  margin: 0 auto;
  text-align: center;
  z-index:1;
}

.banner_text {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: block;
  z-index:2;
  padding:0px 15px;
}

.banner_text h3 {
  font-weight: 300;
  margin: 20px 0 0;
  color: #fff;
 font-size:75px;
}

.banner_text h1 {
  color: #fff;font-size:94px;
  font-weight: 600;
  line-height: 80px;
}
.banner-slide img {
	width:100%;
}

.banner_text h4 {
  color: #fff;
  font-weight: 400;
  font-size:44px;
  margin:auto auto 30px;
  line-height: 38px;
}
.banner-section{position: relative}
.arrow-circle{height:85px;width:85px;margin:auto;border:1px solid #fff;border-radius:50%;position:absolute;bottom:125px;left:50%;transform:translateX(-50%)}
.arrow-circle:after{position:absolute;height:25px;width:1px;background:#fff;content:"";bottom:-25px;z-index:inherit;left:50%;  transform:translateX(-50%);}
.arrow-circle .arrow-icon{position:relative;top:30%;left:50%;text-align:center;transform:translate(-50%);}
.arrow-circle i{
font-size:40px;
  color:#fff;
}
.banner_text .learn-btn{padding:13px 25px; font-size:26px;border-radius:0px;border:none;background:#4d9de0}
.banner_text .learn-btn:hover{background:#0363b4}
#banner .owl-pagination{position:absolute;top:50%;right:8%;height:auto;width:auto}
#banner .owl-pagination .owl-page{display:block !important;float:none !important;height:5px ;width:40px;background:#fff;border-radius:0px;margin-bottom:9px}
#banner .owl-pagination .owl-page.active{height:15px ;width:50px;background:#4d9de0 !important;border-radius:0px;margin:10px auto}
.owl-controls,.owl-buttons{display:none ;}


/*About Us Section*/
.points-list{padding:0px;}
.points-list li{margin-bottom:30px;position: relative;padding:0px;}
.points-list li:first-child{margin-top:65px;}
.points-list li:after{content:"";overflow:hidden;position:absolute;left:0x;height:27px;top:2px;width:27px;border-radius:50%;background:#aa914f;font-family:"FontAwesome";
  color:#fff;font-size:11px;padding:0px 8px}
.points-list li:last-child{margin-bottom:0px;}
.points-list li>p{font-size:16px;line-height:28px;margin-left:40px;}



/*Skill Section*/
.skill-sec .skill-icon{font-size:35px;color:#fff;padding:0px;line-height:1}
.skill-sec .skill-content h4{font-size:20px;color:#fff;margin:32px auto 22px;line-height:1}
.skill-sec .skill-content p{font-size:15px;color:#b9b9b9;line-height:25px;width:97.5%;font-weight:400;}

/*Service Section*/
.service-tab{margin-bottom:220px;position:relative}
.service-tab:last-child{margin-bottom:0px}
.service-tab:last-child::after{display:none;}
.service-tab:last-child::before{display:none;}
.service-tab:nth-child(even) .service-sec .img-box{float:right}
.service-sec{position:relative}
.service-tab:after{
  position:absolute;content:"";height:332px;;
  width:100%;border:1px solid #aa914f;
  bottom:-245px !important;
  left: 0px;
  display:none;
}
.service-tab:nth-child(even)::before{position:absolute;content:"";height:1px;
  width:97%;background:#aa914f;
  bottom:-100px !important;margin-left:0px;
  -moz-transform:rotate(17deg);
}
.service-tab:before{position:absolute;content:"";height:1px;
  width:97%;background:#aa914f;
  bottom:-90px !important;margin-left:0px;
  -moz-transform:rotate(-16deg);
}
.service-sec .img-box{float:left;}
.service-sec .service-content{float:right;margin-top:80px}
.service-sec .service-txt{width:520px;}
.service-sec .srvc-header{margin-bottom:25px;}
.service-sec .srvc-header:after{display:table;content:"";clear:both;}
.service-sec .srvc-header .srvc-icon{float:left;}
.service-sec .srvc-header .srvc-icon i{font-size:32px;color:#88898c;font-weight:500}
.service-sec .srvc-header .srvc-head h2{font-size:30px;color:#151515;font-weight:400;float:left;margin:auto auto auto 30px}
.service-sec .srvc-content{padding-left:62px;}
.service-sec .srvc-content p{font-size:16px;line-height:28px;width:97%}

/*Quote Section*/
.quote-sec h1{font-size:48px;text-align:center;line-height:63px;color:#fff;margin:auto;width:80%;font-weight:400;word-spacing:5px}

/*Portfolio Section*/

/*===========
	recent work
==================*/

.category ul {
  margin: 0;
  padding: 0;
}
.category li {
  display: inline-block;
  list-style: outside none none;
  position:relative;
  margin-right:40px;
}

.category {
  margin: 0px 0 64px;
padding:0px 0px;text-align:center;
  text-align: center;
}
.category button {
  background:none;box-shadow:none;font-size:20px;color:#000;padding:0px;line-height:1;border:none !important;
  font-weight:400 !important;text-transform:capitalize;margin-right:0;position:relative
}
.category li+li:before{content:"/";position:absolute;color:#000;left:-25px;font-size:18px;background:#fff;height:0px;top:-3px}
.category button:hover, .category button.is-checked,.category button:hover, .category button.is-checked1 {
  color: #00a2ff;
}
.category button.is-checked span,.category button.is-checked1 span{position:relative;}
.category .active {
  color:  #00a2ff;
}
.is-checked span,.is-checked1 span{color:#aa914f;}
@media screen and (max-width:640px) and (min-width:320px){
  .category li{margin:0px 15px 10px}
  .category button.is-checked span,.category button.is-checked1 span{position:relative;padding-bottom:6px}
  .category button{font-size:16px;font-weight:400;}
  .category button.is-checked span:after{width:20px;}
}

.portfolio_hover h3 {
  color: hsl(0, 0%, 100%);
  font-weight: 700;
  margin: 40px 0 40px;
}

.portfolio_hover p {
  margin: 0 auto 30px;
  color: hsl(0, 0%, 100%);
  font-weight:400;
}

.portfolio_hover {
  background: rgba(170,145,79,0.6) none repeat scroll 0 0;
  left: 0;
  opacity: 1;
  padding: 0px;
  position: absolute;
  text-align: center;
  top: 0;
  bottom:0;
  transition-duration: 0.5s;
  width: 100%;
  opacity:0;
}
.p_hovertab{position:relative;padding:0px 0px;height:100%}
.p_hovertab .hover_txt{position:absolute;top:35%;transform:translateY(-50%);right:0px;left:0px}

.portfolio_hover .icon-bx{position:absolute;bottom:0px;right:0px;;background:#000;padding:24px 26px;}
.portfolio_hover  i{color:#fff;font-size:26px;line-height:1}
.portfolio_hover  h3{text-transform:capitalize;font-size:26px;font-weight:normal;margin:0px auto 20%;color:#fff;font-weight:500}
.portfolio_hover  p{line-height:25px;font-size:15px;width:99%;margin:auto;}
.element-item {
  padding: 0;
  position: relative;
  padding:0px;
  margin-bottom: 0px;
}
.middel_height .portfolio_hover  h3{margin-bottom:3%}
.middel_height .p_hovertab .hover_txt{position:absolute;top:30%;transform:translateY(-40%);right:0px;left:0px}
.portfolio_wrap:hover .portfolio_hover {
	opacity:1;
	height:auto;
	left:0;
	top:0;
}
.middel_height{height:auto;overflow:hidden;position:absolute;transform:translateY(0%)}
.long_height{height:auto;overflow:hidden;position:absolute;}

.portfolio_wrap {
	overflow:hidden;
	position:relative;
	margin-bottom: 0px;
}
.portfolio_wrap:hover .port-hover{opacity:0.6}
.portfolio_img {
  background: hsl(0, 0%, 0%) none repeat scroll 0 0;
  position:relative;
}
.portfolio_img .port-hover
{
	position:absolute;height:100%;width:100%;
	background:transparent;top:0px;opacity:0;
	-moz-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
}

.portfolio_wrap:hover .portfolio_txt h3,.portfolio_wrap:hover .portfolio_txt p{color:#fff}
.portfolio_img img {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  width:100%;
}
.portfolio_wrap:hover .portfolio_img img {
	opacity:1;
}

#portfolio {
  overflow: hidden;
}


.port-two{position: relative}

.port-two .element-item
{
  width:33.33%;position:relative !important;
  margin:0px auto 35px; !important;top:0px !important;
  left:0px !important;padding:0px 15px;
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}
.port-two .element-item:hover
{
  -moz-transform:scale(1.09);
  -webkit-transform:scale(1.09);
  -ms-transform:scale(1.09);
  -o-transform:scale(1.09);
}
.portfolio_hover_new{
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  
}
.portfolio_hover_new .p_hovertab
{
  padding:25px 0;text-align:center;
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}
.port-two .element-item:hover .p_hovertab{background:#fff}
.port-two .element-item:hover  .portfolio_hover_new h3{color:#00a2ff;}
.port-two .element-item:hover  .portfolio_hover_new p{color:rgba(0,0,0,0.5)}
.port-two .portfolio_img {position: relative}
.port-two .portfolio_img .port-hover{position: absolute;top:0px;height:100%;width:100%;background:rgba(255,255,255,0.5);opacity:0}

.portfolio_hover_new{
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  
}
.portfolio_hover_new .p_hovertab
{
  padding:25px 0;text-align:center;
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}
.port-two .element-item:hover .p_hovertab{background:#fff}
.port-two .element-item:hover  .portfolio_hover_new h3{color:#00a2ff;}
.port-two .element-item:hover  .portfolio_hover_new p{color:rgba(0,0,0,0.5)}
.port-two .portfolio_img {position: relative}
.port-two .portfolio_img .port-hover{position: absolute;top:0px;height:100%;width:100%;background:rgba(255,255,255,0.5);opacity:0}
.port-two .element-item:hover .portfolio_img .port-hover{opacity:1}
.portfolio_hover_new h3
{
  font-size:20px;text-align:center;
  color:#e9edf2;text-transform: capitalize;margin:auto auto 20px !important;
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}
.portfolio_hover_new p
{
  font-size:14px;line-height:17px;
  color:rgba(255,255,255,0.6);
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}


.category .activeFilter a {
  color: #aa914f;
  text-decoration:none;
}

.button.port-btn {
  font-size: 18px;
  color: #000;
}
#portfolio-filter a:focus, #portfolio-filter a:hover {
  color: #aa914f !important;
}
.category li a {
  color: #000;
  font-size:20px;
  font-weight:400;
}

/*Team Scetion*/
.team-sec{position:relative}

.team-img-box
{
  width:100% !important;
  position: relative;z-index: 5;
    -moz-transition:all 0.5s linear;
  -webkit-transition:all 0.5s linear;
  -ms-transition:all 0.5s linear;
  -o-transition:all 0.5s linear;
}
.team-img-box:hover
{
  -moz-transform:scale(1.05);
  z-index:10;
}
.team-hover
{
  position: absolute;top:0px;left:0px;width:100%;height:100%;
  background:rgba(0,0,0,0.75);opacity:0;
  -moz-transition:all 0.5s linear;
  -webkit-transition:all 0.5s linear;
  -ms-transition:all 0.5s linear;
  -o-transition:all 0.5s linear;
}
.team-img-box:hover .team-hover{opacity:1}
.team-tb{position: absolute;bottom:0px;width:100%;padding:0px 0px 44px 44px;}
.team-txt h4{color:#aa914f;font-weight:900;text-transform: uppercase;font-size:24px;font-style: italic;margin-bottom:20px}
.team-txt p{margin-bottom:20px;font-size:20px;color:#fff}
.team-social a{margin-right:15px;}
.team-social a:hover i{color:#aa914f}
.team-txt i{font-size:20px;color:#fff;}
.team-heading .heading-sec{position: relative;background:transparent;padding:40.7% 0px;}
.team-heading .subs-heading{margin:auto;width:100%;}


/*product section*/
.prod-img{position: relative}
.prd-img-box{position:relative;}
.prd-img-box img{width:100%}
.prod-img .prd-imghover
{
  position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.7);height:100%;width:100%; opacity:0;
  -moz-transition:all 0.5s linear;
  -webkit-transition:all 0.5s linear;
  -ms-transition:all 0.5s linear;
  -o-transition:all 0.5s linear;
}
.prd-imghover .btn
{
  opacity:0;z-index:4;
    -moz-transition:all 0.2s linear;
  -webkit-transition:all 0.2s linear;
  -ms-transition:all 0.2s linear;
  -o-transition:all 0.2s linear;
}
.pro-tab:hover .prod-img .prd-imghover,.pro-tab:hover .prd-imghover .btn{opacity:1}
.pro-sec{position:relative}
.long-prd .prd-imghover .btn{position:absolute;bottom:20px;right:0px;margin-right:-97px;z-index:1}
.small-prd .prd-imghover .btn{position:absolute;bottom:20px;left:0px;margin-left:-97px;z-index:1}
.prd-title{text-align:center;}
.prd-title h3{color:#aa914f;font-weight:900;font-size:28px;text-transform: capitalize;line-height:1;margin:20px auto;}
.prd-title h4{color:#151515;font-weight:400;font-size:24px;text-transform: capitalize;line-height:1;}
.small-prd .pro-sec{margin-top:105px;}
.small-prd .prd-img-box{height:290px;overflow:hidden}
.left-btn-prd .prd-imghover .btn{position:absolute;bottom:20px;right:0px ;left:auto;margin-right:-97px;z-index:1}
.right-btn-prd .prd-imghover .btn{position:absolute;bottom:20px;left:0px ;right:auto;margin-left:-97px;z-index:1}



/*Testimonial Section*/
.test-section{position:relative}
.test-section .test-bg-section{position:absolute;bottom:0px;left:0px;}
.testimonial-box{padding:40px 0px;}
.owl-carousel{background:transparent;}
.our_client_detail .quote{text-align:center;width:100%;margin:0px auto 50px;line-height:1;}
.our_client_detail .quote i{font-size:90px;color:rgba(255,255,255,0.4)}
.our_client_detail .client-img{display:block;margin:auto auto 40px;height:130px;width:130px;border-radius:50%;overflow:hidden;border:none;}
.our_client_detail .client-img img{width:100%;}
.our_client_detail .client-says{margin:auto auto 45px;}
.our_client_detail .client-says p{font-size:20px;color:#fff;text-align:center;width:89%;display:block;margin:auto;line-height:32px;font-weight:400;}

.owl-pagination{display:block}
.owl-buttons{display:none}
.owl-prev {
  float: left;
  font-size:0;
} 

.owl-pagination{width:234px;display:block;margin:auto;}
.owl-pagination:after{content:"";clear:both;display:block}
.owl-pagination .owl-page{height:3px;width:68px;background:#fff;float:left;margin:auto 5px;}
.owl-pagination .owl-page.active{height:7px;width:68px;background:#fff;margin-top:-2px;}


/*faq section*/
.faq-sec .nav-tabs{padding:0px !important;margin:0px;margin-bottom:60px}
.faq-sec .nav-tabs>li{text-align:center}
.faq-sec .nav-tabs>li:first-child{padding-left:0px;}
.faq-sec .nav-tabs>li:last-child{padding-right:0px;}
.faq-sec .nav-tabs>li>a{background:#000;border-radius:6px;color:#fff;font-size:24px !important;}
.faq-sec .nav-tabs>li.active>a{position:relative;background:#aa914f;color:#fff;}
.faq-sec .nav-tabs>li.active>a:after{position:absolute;content:"";width:4px;height:59px;background:#aa914f;bottom:0px;margin-bottom:-59px;left:50%;transform:translateX(-50%)}
.faq-sec .nav-tabs>li>a:hover{background:#aa914f;color:#fff;}


.faq-wrap{background:#000 !important;border:4px solid #aa914f;border-radius:4px;}
.faq-wrap .faq-content{width:90%;margin:auto;padding:70px 0px;margin-left:5%}
.faq-wrap .faq-content h3{font-size:24px;font-weight:bold;color:#fff;line-height:1}
.faq-wrap .faq-content h3{font-size:24px;font-weight:bold;color:#fff;line-height:1;margin:0px auto 30px}
.faq-wrap .faq-content p{font-size:18px;font-weight:400;color:rgba(255,255,255,0.6);line-height:28px;margin:0px auto 30px}
.faq-wrap .faq-content .faq-txt-tab:last-child p{margin-bottom:0px}









/*----------------------------Other Coder--------------------------------*/

/*=============
	404-Error
=======================*/
.banner-inner-section {
  background:url(../images/inner-banner-bg.jpg) no-repeat scroll 0 0 / auto;
  padding: 230px 0 160px;
  margin:0 auto;
  text-align:center;
  position:relative;
}

.banner-inner-section::after {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content:"";
}

.error-heading {
  color: hsl(0, 0%, 100%);
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 44px;
  text-align: center;
}

.errorbox {
  overflow: hidden;
  text-align: center;
  position: relative;
}

.error-ttile {
  color: hsl(44, 37%, 49%);
  font-family: broadway;
  font-size: 290px;
  line-height: 230px;
  margin: 0 auto 50px;
  padding: 0;
  text-align: center;
}

.error-head h3 {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  color: hsl(0, 0%, 0%);
  display: inline-block;
  font-size: 30px;
  font-weight: 400;
  left: 0;
  line-height: 45px;
  padding: 5px 20px;
  position: absolute;
  right: 0;
  top: 20%;
}

.errorbox .error-text p {
  color: hsl(0, 0%, 0%);
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
  margin: 0 auto;
  padding: 0;
}

.back-btn {
  margin-top: 60px;
}

.errorbox .back-btn a
{
	background:#aa914f;color:#fff;font-size:20px;
	text-align:center;border-radius:0px;border:none;
	padding:10px 25px;font-weight: 400;
	-moz-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	
}
.errorbox .back-btn a>i{margin-right:0px}
.errorbox .back-btn a:hover{background:#6b4e01}




/*============
	Coming Soon
====================*/

.coming-timer {
  border: 10px solid hsl(0, 0%, 100%);
  margin: 0 auto;
  width: 65%;
}


.coming-wrap {
  background: hsl(0, 0%, 100%) url("../images/coming_bg.jpg") no-repeat fixed center center / cover ;
  display: block;
  overflow: hidden;
  padding: 250px 0 150px;
}

.coming-nav li>a i.home-txt{font-size:42px;margin:auto;padding:0px}
.coming-nav li{padding:0px !important}

.comingbox{width:100%;display:block;margin:auto;background:transparent;border-radius:10px;overflow:hidden;}
.comign-head h2 {
  color: hsl(0, 0%, 100%);
  font-size: 198px;
  line-height: 160px;
  margin: 0 auto -10px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight:700;
}

.time-title h3 {
  color: hsl(0, 0%, 100%);
  font-size: 198px;
  font-weight: 700;
  line-height: 165px;
  margin: -18px auto 0;
  text-align: center;
  text-transform: uppercase;
}

	


/*================
	coming-soon
========================*/

#defaultCountdown {
  margin: 0 auto;
  padding: 0;
  width:560px;
}
#defaultCountdown .countdown-section {
   color: #fff;
  display: inline-block;
  height: 235px;
  list-style: outside none none;
  margin: 0 20px 0 auto;
  padding: 55px 0 ;
  text-align: center;
  width: 120px;
  position:relative
}
#defaultCountdown .countdown-section .countdown-period {
  display: block;
  font-size: 24px;
  line-height: 100px;
  text-align: center;
  font-weight:400;
}

#defaultCountdown .countdown-section .countdown-amount {
  display: block;
  font-size: 48px;
  font-weight: 700;
  line-height: 42px;
  position:relative;
}



/*===============
		Pricing-Option
==========================*/
.price-main {
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  transition: all 0.5s linear 0s;
}
.price-main.popular {
  border: 3px solid hsl(44, 37%, 49%);
  overflow: hidden;
  text-align: center;
  background:#fff;
  		-webkit-transition:all 0.5s ease-out;
      -moz-transition:all 0.5s ease-out;
      -ms-transition:all 0.5s ease-out;
      -o-transition:all 0.5s ease-out;
      transition:all 0.5s ease-out;
}
.price-main.popular:hover {
	position:relative;
	z-index:1;
	  box-shadow: 0 0 15px hsla(0, 0%, 0%, 0.5);
	  	  -webkit-transform:scale(1.2);
      -moz-transform:scale(1.2);
      -ms-transform:scale(1.2);
      -o-transform:scale(1.2);
      transform:scale(1.2);
	   
}
.price-main:hover {
	  box-shadow: 0 0 15px hsla(0, 0%, 0%, 0.5);
}

.price-title {
  background:#aa914f;
  padding: 15px;
}
.price-title h2 {
  color: hsl(0, 0%, 100%);
  font-size: 38px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform:uppercase;
}
.price-main ul {
  margin: 40px auto 0;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.price-main li {
  list-style: outside none none;
  color: #858585;
  font-size: 16px;
  font-weight: 400;
  padding:  0 0 35px;
  line-height: 20px;
}
.tablerate {
  overflow: hidden;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.tablerate p {
  font-size: 16px;
  color: #aa914f;
  font-weight: 400;
  line-height: 28px;
}
.tablerate h3 {
  font-size: 48px;
  font-weight: 700;
  color: #aa914f;
}

.price-main .btn.btn-info {
  background: #aa914f;
  border-radius: 0;
  padding: 10px 50px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 400;
  border:none;
  margin:40px 0;
    transition: all 0.5s linear 0s;
	
}

.price-main .btn.btn-info:hover{background:#6b4e01}

/*------price option 2 -------*/

.price-main.price-main-2 .price-title {
  background: url(../images/pricing-title-bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.price-main.popular.price-main-2 .price-title{
	background: hsl(44, 37%, 49%) none repeat scroll 0 0;
    padding: 15px;
}
.price-main.price-main-2 .price-title.price-title-2 {
  background:url(../images/pricing-title-bg2.png);
  background-size: cover;
  background-repeat:no-repeat;
  background-position:right;
}
.price-main.price-main-2 .price-title.price-title-2 h2 {
  color: hsl(0, 0%, 0%);
  font-size: 38px;
  font-weight: 500;
  line-height: 40px;
  padding: 15px 0;
  text-align: left;
  text-transform: uppercase;
}

.price-main.price-main-2 .price-title h2 {
  color: #000;
  font-size: 38px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: right;
  padding: 15px 0px;
  line-height: 40px;
}
.price-main.popular.price-main-2 .price-title h2 {
  color: hsl(0, 0%, 100%);
  font-size: 38px;
  font-weight: 500;
  line-height: 40px;
  padding: 15px 0;
  text-align: center;
  text-transform: uppercase;
}

.price-body {
  background: hsla(0, 0%, 0%, 0) url("../images/pricing-bg.jpg") no-repeat scroll 0 0 / cover ;
  padding: 30px 0 0;
}
.price-main.price-main-2 .tablerate {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  border-radius: 50%;
  box-shadow: 0 0 15px hsla(0, 0%, 0%, 0.2);
  height: 135px;
  margin: 0 auto;
  padding: 5px;
  width: 135px;
}

.price-main.price-main-2 .price-body ul {
  border:none;
}
.price-main.popular.price-main-2 {
   border: 1px solid #000;
  float: left;
  overflow: hidden;
  text-align: center;
  transition: all 0.5s linear 0s;
  width: 33.33%;
  position: relative;
}

.price-main.price-main-2{
   border: 1px solid #000;
  float: left;
  overflow: hidden;
  text-align: center;
  transition: all 0.5s linear 0s;
  width: 33.33%;
  position: relative;
}

.price-main.popular.price-main-2 {
  border: 1px solid #000;
}
.price-main.price-main-2:nth-child(1) {
  border-right: none;
}
.price-main.price-main-2:nth-child(3) {
  border-left: none;
}


/*===============
		Portfolio Section
==============================*/


.category ul {
  margin: 0;
  padding: 0;
}
.category li {
  display: inline-block;
  list-style: outside none none;
  position:relative;
  margin-right:40px;
}

.category {
  margin: 0px 0 64px;
padding:0px 0px;text-align:center;
  text-align: center;
}
.category button {
  background:none;box-shadow:none;font-size:20px;color:#000;padding:0px;line-height:1;border:none !important;
  font-weight:400 !important;text-transform:capitalize;margin-right:0;position:relative
}
.category li+li:before{content:"/";position:absolute;color:#000;left:-25px;font-size:18px;background:#fff;height:0px;top:-3px}
.category button:hover, .category button.is-checked,.category button:hover, .category button.is-checked1 {
  color: #00a2ff;
}
.category button.is-checked span,.category button.is-checked1 span{position:relative;}
.category .active {
  color:  #00a2ff;
}
.is-checked span,.is-checked1 span{color:#aa914f;}
@media screen and (max-width:640px) and (min-width:320px){
  .category li{margin:0px 15px 10px}
  .category button.is-checked span,.category button.is-checked1 span{position:relative;padding-bottom:6px}
  .category button{font-size:16px;font-weight:400;}
  .category button.is-checked span:after{width:20px;}
}

.portfolio_hover h3 {
  color: hsl(0, 0%, 100%);
  font-weight: 700;
  margin: 40px 0 40px;
}

.portfolio_hover p {
  margin: 0 auto 30px;
  color: hsl(0, 0%, 100%);
  font-weight:400;
}

.portfolio_hover {
  background: rgba(170,145,79,0.6) none repeat scroll 0 0;
  left: 0;
  opacity: 1;
  padding: 0px;
  position: absolute;
  text-align: center;
  top: 0;
  bottom:0;
  transition-duration: 0.5s;
  width: 100%;
  opacity:0;
}
.p_hovertab{position:relative;padding:0px 0px;height:100%}
.p_hovertab .hover_txt{position:absolute;top:35%;transform:translateY(-50%);right:0px;left:0px}

.portfolio_hover .icon-bx{position:absolute;bottom:0px;right:0px;;background:#000;padding:24px 26px;}
.portfolio_hover  i{color:#fff;font-size:26px;line-height:1}
.portfolio_hover  h3{text-transform:capitalize;font-size:26px;font-weight:normal;margin:0px auto 20%;color:#fff;font-weight:500}
.portfolio_hover  p{line-height:25px;font-size:15px;width:90%;margin:auto;}
.element-item {
  padding: 0;
  position: relative;
  padding:0px;
  margin-bottom: 0px;
}
.middel_height .portfolio_hover  h3{margin-bottom:3%}
.middel_height .p_hovertab .hover_txt{position:absolute;top:30%;transform:translateY(-40%);right:0px;left:0px}
.portfolio_wrap:hover .portfolio_hover {
	opacity:1;
	height:auto;
	left:0;
	top:0;
}
.middel_height{height:auto;overflow:hidden;position:absolute;transform:translateY(0%)}
.long_height{height:auto;overflow:hidden;position:absolute;}

.portfolio_wrap {
	overflow:hidden;
	position:relative;
	margin-bottom: 0px;
		 -moz-transition:all 0.6s;
		  -webkit-transition:all 0.6s;
		  -ms-transition:all 0.6s;
		  -o-transition:all 0.6s;
}
.portfolio_wrap:hover .port-hover{opacity:0.6}
.portfolio_img {
  background: hsl(0, 0%, 0%) none repeat scroll 0 0;
  position:relative;
}
.portfolio_img .port-hover
{
	position:absolute;height:100%;width:100%;
	background:transparent;top:0px;opacity:0;
	-moz-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
}

.portfolio_wrap:hover .portfolio_txt h3,.portfolio_wrap:hover .portfolio_txt p{color:#fff}
.portfolio_img img {
  transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  width:100%;
}
.portfolio_wrap:hover .portfolio_img img {
	opacity:1;
}

#portfolio {
  overflow: hidden;
}


.port-two{position: relative}

.port-two .element-item
{
  width:33.33%;position:relative !important;
  margin:0px auto 35px; !important;top:0px !important;
  left:0px !important;padding:0px 15px;
  -moz-transition:all 0.6s ease-in-out;

  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;

}
.port-two .element-item:hover
{
  -moz-transform:scale(1.09);
  -webkit-transform:scale(1.09);
  -ms-transform:scale(1.09);
  -o-transform:scale(1.09);
}
.portfolio_hover_new{
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  
}
.portfolio_hover_new .p_hovertab
{
  padding:25px 0;text-align:center;
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}
.port-two .element-item:hover .p_hovertab{background:#fff}
.port-two .element-item:hover  .portfolio_hover_new h3{color:#00a2ff;}
.port-two .element-item:hover  .portfolio_hover_new p{color:rgba(0,0,0,0.5)}
.port-two .portfolio_img {position: relative}
.port-two .portfolio_img .port-hover{position: absolute;top:0px;height:100%;width:100%;background:rgba(255,255,255,0.5);opacity:0}

.portfolio_hover_new{
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
  
}
.portfolio_hover_new .p_hovertab
{
  padding:25px 0;text-align:center;
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}
.port-two .element-item:hover .p_hovertab{background:#fff}
.port-two .element-item:hover  .portfolio_hover_new h3{color:#00a2ff;}
.port-two .element-item:hover  .portfolio_hover_new p{color:rgba(0,0,0,0.5)}
.port-two .portfolio_img {position: relative}
.port-two .portfolio_img .port-hover{position: absolute;top:0px;height:100%;width:100%;background:rgba(255,255,255,0.5);opacity:0}
.port-two .element-item:hover .portfolio_img .port-hover{opacity:1}
.portfolio_hover_new h3
{
  font-size:20px;text-align:center;
  color:#e9edf2;text-transform: capitalize;margin:auto auto 20px !important;
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}
.portfolio_hover_new p
{
  font-size:14px;line-height:17px;
  color:rgba(255,255,255,0.6);
  -moz-transition:all 0.6s ease-in-out;
  -webkit-transition:all 0.6s ease-in-out;
  -ms-transition:all 0.6s ease-in-out;
  -o-transition:all 0.6s ease-in-out;
}

.element-item.recent_work_detail{
	width:33.33%;	
}

/*-----potfoio - 2 -----*/
.element-item.recent_work_detail.port-st-2 {
  width: 31% !important;
  margin:20px 10px;
  text-align: center;
}

.port_wrap {
  position: relative;
   transition: all linear 0.5s;
   overflow:hidden;
}
.port_info {
  background: hsla(0, 0%, 0%, 0.7) none repeat scroll 0 0;
  bottom: -120px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
 transition: all linear 0.5s;
  width:100%;
  height:auto;
}

.port_info h3 {
  color: hsl(0, 0%, 100%);
  font-size: 28px;
  font-weight: 400;
  padding: 20px;
  text-transform: uppercase;
}
.port_wrap:hover .port_info {
	bottom:100%; top:0px; transition: all linear 0.5s; height:100%;padding:20% 0;
}

.port_text p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 26px;
}
.port_text {
  padding-top: 70px;
}

.padding-bottom{
	padding-bottom:140px;
}

.padding-top{
	padding-top:140px;
}

.category.category-mn ul {
  background: #aa914f none repeat scroll 0 0;
  margin: 0;
  padding: 0px;
   transition: all linear 0.5s;

}
.category.category-mn li + li::before {
  display: none;
}
.category.category-mn li {
  display: inline-block;
  list-style: outside none none;
  margin-bottom: 0;
  margin-right: 40px;
  padding: 0 10px;
  position: relative;
  transition: all 0.5s linear 0s;
}

.category.category-mn button:hover, .category.category-mn button.is-checked, .category.category-mn button:hover, .category.category-mn button.is-checked1 {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  color: hsl(202, 100%, 50%);
  padding: 20px;
   transition: all linear 0.3s;

}

.category.category-mn button:hover {
  color: hsl(0, 0%, 0%);
  padding: 20px;
  transition: all 0.3s linear 0s;
  
}

/*Blog section*/
.blog-tab{background:#fff ;}
.blog-sec{position:relative}
.blog-sec .blog-content{position:absolute;top:0px;bottom:0px;padding:0px 15px;width:1170px;background:transform;transform:translateX(-50%);left:50%;height:100%;}
.blog-tab:nth-child(even) .blog-sec .blog-content{position:absolute;top:0px;left:50%;right:auto;bottom:0px;width:1170px;}
.blog-sec .blog-img{float:right}
.blog-txt{margin:autof;width:460px;padding:50px 0px 0px ;}
.blog-txt h3{font-size:26px;line-height:1}
.blog-txt h3 a, .blog-txt h4 a{color:#000}
.blog-txt h3 a:hover,.blog-txt h4 a:hover{color:#aa914f}
.blog-txt h4{font-size:13px;color:#0a0a0a;font-style:italic;line-height:1;margin:30px auto}
.blog-txt h4 i{font-size:13px;color:#838282;}
.blog-txt p{font-size:16px;color:#838282;line-height:30px;font-weight:400;}
.blog-txt .blog-btn{margin-top:30px;}
.blog-txt .blog-btn>a{padding:10px 18px  ;border-radius:50%;border:1px solid #aa914f;font-size:22px;color:#aa914f;line-height:1;}
.blog-txt .blog-btn>a:hover{border:1px solid #aa914f;background:#aa914f;color:#fff}
.blog-imgbox img{width:100%;}

.blog-tab:nth-child(even) .blog-img{float:left}
.blog-tab:nth-child(even) .blog-sec .blog-content{right:50%;left:auto;transform:translateX(50%);padding:0px 15px}
.blog-sec .blog-content:after{display:table;content:"";cearl:both;}
.blog-sec .blog-content .blog-txt{float:left;}
.blog-tab:nth-child(even) .blog-sec .blog-content .blog-txt{float:right;margin-right:80px;}


@media screen and (max-width:1200px) and (min-width:992px){
  .blog-sec .blog-content,.blog-tab:nth-child(even) .blog-sec .blog-content{width:970px;margin:auto !important;}
  .blog-sec .blog-content .blog-txt{margin-left:auto;width:450px}
  .blog-tab:nth-child(even) .blog-sec .blog-content .blog-txt{margin-right:0px !important;}
}

@media screen and (max-width:992px) and (min-width:768px){
  .blog-sec .blog-content,.blog-tab:nth-child(even) .blog-sec .blog-content{width:100%}
  .blog-sec .blog-content .blog-txt{margin-left:auto;width:360px;}
  .blog-tab:nth-child(even) .blog-sec .blog-content .blog-txt{margin-right:0px}
  .contact-form-sec form{width:100% !important;}
}


@media screen and (max-width:767px){
  .blog-sec .blog-content{position:relative !important;left:0px !important;width:100% !important;}
  .blog-sec .blog-content .blog-txt{float:none !important;left:0px !important;}
  .contact-form-sec form{width:100% !important;}
}


/*Contact Section*/
.contact-form-tab{background:#0a0a0a;}
.contact-title h3{font-size:44px;color:#fff;line-height:1;margin:0px auto 50px;}
.contact-form-sec form{width:458px;}
.contact-form-sec .form-group{margin:0px;}
.contact-form-sec input[type="text"],.contact-form-sec input[type="email"],.contact-form-sec textarea{;padding:0px 0px;height:55px;overflow:hidden;background:none;border-radius:0px;border:none;border-bottom:1px solid rgba(255,2552,255,0.4);font-size:14px;color:#fff;}
.contact-form-sec input::-moz-placeholder{color:rgba(255,255,255,0.4);}
.contact-form-sec input::-webkit-input-placeholder{color:rgba(255,255,255,0.4);}
.contact-form-sec input::-ms-input-placeholder{color:rgba(255,255,255,0.4);}
.contact-form-sec input::-o-placeholder{color:rgba(255,255,255,0.4);}
.contact-form-sec textarea::-moz-placeholder{color:rgba(255,255,255,0.4);}
.contact-form-sec textarea::-webkit-input-placeholder{color:rgba(255,255,255,0.4);}
.contact-form-sec textarea::-ms-input-placeholder{color:rgba(255,255,255,0.4);}
.contact-form-sec textarea::-o-placeholder{color:rgba(255,255,255,0.4);}
.contact-form-sec textarea{height:130px;padding-top:20px;}
.contact-form-sec .form-group:last-child{margin-top:40px}
.contact-form-sec input[type="submit"]{font-size:20px;text-transform: capitalize;font-weight:300;}

.contact-add{text-align:center;}
.add-box{margin-bottom:90px;}
.add-box .icon-box{margin-bottom:30px;}
.add-box .icon-box i{color:#fff;font-size:60px;}
.add-box:last-child{margin-bottom:0px;}
.add-box h4,.add-box a{color:#fff;font-size:26px;line-height:40px;font-weight:400;}
.add-box a:hover{color:#aa914f;}


/*Footer Section*/
.subs-sec form .form-group{margin:auto;}
.subs-sec form .form-group .input-field{position: relative;}
.subs-sec form{margin:auto;width:538px;}
.subs-sec form .form-group input{margin:auto;background:transparent;box-shadow:none;border-radius:0px;border-color:#b3b2b2;height:50px;padding:0px 200px 0px 20px;color:#161616;font-size:15px;font-weight:300;}
.subs-sec form .form-group input::-moz-placeholder{color:#161616;font-size:15px;font-weight:300;}
.subs-sec form .form-group input::-webkit-input-placeholder{color:#161616;font-size:15px;font-weight:300;}
.subs-sec form .form-group input::-ms-input-placeholder{color:#161616;font-size:15px;font-weight:300;}
.subs-sec form .form-group input::-o-placeholder{color:#161616;font-size:15px;font-weight:300;}

.subs-sec form .form-group .subs-btn{padding:0px 50px;font-size:20px;color:#fff;background:#aa914f;border:none;position:absolute;top:0px;right:0px;}

.flist-nav{float:right;margin:auto;padding:0px;}
.flist-nav:after{content:"";display:table;clear:both;}
.flist-nav li{float:left;margin-left:40px;line-height: 1;}
.flist-nav li:first-child{margin-left:0px;}
.flist-nav li>a{font-size:17px;color:#b9b9b9;line-height: 1;font-weight:300;}
.flist-nav li>a:hover{color:#aa914f;}

.copyright-tab{margin-top:25px;}
.copyright-tab .copy-txt{float:left;}
.copyright-tab .copy-txt h5{font-size:13px;color:#b9b9b9;font-weight:300;}
.copyright-tab .copy-share{float:right;}
.copyright-tab .copy-share a{color:#b9b9b9;font-size:14px;margin-left:14px;}
.copyright-tab .copy-share a:hover{color:#aa914f;}
.copyright-tab .copy-share a:first-child{margin-left:0px;}


/*========
 	back to top
===================*/

.back-top {
  bottom: 15px;
  position: fixed;
  right: 30px;
  z-index: 1;
}
	
.back-top a {
  display: inline-block;
  line-height: 0px;
  text-align: center;
  font-size:50px;
  padding:10px;

}

.back-top a i {
  color:#aa914f;padding:2px 5px;

}

/*========
 	Blog Page
===================*/
.blog-padder{padding:75px 0 138px}
.blog-cat-sec{overflow:hidden;width:100%}
.cat-list-blog{float:left;width:16.6%}
.cat-list-blog img{width:100%}
.cat-title-m h3{color:#fff;font-size:20px;font-weight:700;line-height:50px;text-align:center;text-transform:uppercase}
.cat-title-m.c-bg-red{background:#f84f67 none repeat scroll 0 0}
.cat-title-m.c-bg-org{background:#f0680e none repeat scroll 0 0}
.cat-title-m.c-bg-pur{background:#4c1f9d none repeat scroll 0 0}
.cat-title-m.c-bg-grn{background:#70a206 none repeat scroll 0 0}
.cat-title-m.c-bg-pink{background:#d532ed none repeat scroll 0 0}
.cat-title-m.c-bg-blu{background:#1889c3 none repeat scroll 0 0}
article.blog-post{margin-bottom:60px;overflow:hidden}
.article-title{margin-bottom:10px}
.article-title a{color:#000;font-size:24px;font-weight:700;line-height:20px;text-transform:uppercase}
.article-title a:hover,.read_more:hover{color:#b5a066}
.blog-widget ul{padding:0}
.blog-widget li{display:inline-block;list-style:outside none none;margin-right:25px}
.blog-widget a{color:#7f7f7f;font-size:14px}
.blog-widget a .fa{margin-right:5px}
.blog-post-img-m{margin-bottom:35px;margin-top:35px;overflow:hidden;position:relative}
.post-date{background:#aa914f none repeat scroll 0 0;left:0;position:absolute;top:0}
.post-date:hover {background: #6b4e01 none repeat scroll 0 0;}
.post-date > a {display: block;padding: 8px 15px;}
.post-date h3{color:#fff;font-size:34px}
.post-date p{color:#fff;text-align:center;text-transform:uppercase}
.post-content{overflow:hidden}
.post-content p{color:#707070;font-size:16px;line-height:28px;margin-bottom:25px}
blockquote{background:#f4f4f4 none repeat scroll 0 0;border-left:5px solid #aa914f;color:#707070;font-size:16px;line-height:28px;margin-bottom:25px;position:relative}
li{color:#707070;font-size:16px;line-height:28px;margin-bottom:10px}
.read_more{color:#000;font-size:16px;line-height:28px}
ul.page-numbers{margin:0 auto;padding:0}
.page-numbers li{color:#000;display:inline-block;font-size:18px;font-weight:700;line-height:42px;list-style:outside none none;padding:0 4px}
.page-numbers li a,.page-numbers li span{background:#e8e8e8 none repeat scroll 0 0;display:inline-block;padding:1px 12px;text-decoration:none;color:#000}
.next_page{overflow:hidden}
.page-numbers > li a:hover,.page-numbers.current{background:#aa914f none repeat scroll 0 0;color:#fff}
.side_bar_heading{border-bottom:5px solid #aa914f;margin-bottom:50px}
.side_bar_heading h4{background:#fff none repeat scroll 0 0;color:#aa914f;display:inline-block;font-size:24px;line-height:28px;margin-bottom:-16px;margin-left:20px;overflow:hidden;padding:0 10px;text-transform:uppercase}
.search_bar .search_form input{background:#fff none repeat scroll 0 0;border-radius:0;box-shadow:none;height:42px;position:relative;width:100%;border:0;border-bottom:1px solid #000;padding:0}
.search_form{margin-bottom:50px}
.search_bar i{color:#fff;font-size:22px;padding:10px}
.input-form-group{position:relative}
.input-form-group a {display: block;}
.input-form-group a:hover {background: #6b4e01 none repeat scroll 0 0;}
.form-control.aside_search:focus {border: 1px solid #aa914f ;padding-left: 10px;}
.search_bar .search_form span{background:#aa914f none repeat scroll 0 0; margin-top:-1px;height:100%;position:absolute;width:46px;z-index:3;right:0}
.category-detail > ul{padding:0}
.category-detail li{font-size:13px;line-height:34px;list-style:outside none none;padding-left:28px;position:relative;text-transform:capitalize}
.category-detail li::after{background:#fff none repeat scroll 0 0;content:"";font-family:"FontAwesome";left:0;position:absolute;width:28px;color:#aa914f}
.category-detail a{background:#fff none repeat scroll 0 0;color:#000;overflow:hidden;padding-right:10px;position:relative;text-decoration:none;width:100%}
.category-detail a:hover{color:#aa914f}
.category-detail a:hover span{background:#aa914f;color:#fff}
.category-detail li::before{border-bottom:1px dashed #000;content:"";left:0;position:absolute;right:0;top:50%;width:100%}
.category-detail span{background:#fff none repeat scroll 0 0;border-radius:23px;height:30px;padding:0;text-align:center;width:30px;float:right}
.pouplar-box-img{float:left;width:150px}
.pouplar-box-img img{height:145px;width:145px}
.pouplar-box{margin-bottom:20px;overflow:hidden}
.effectbox{float:left;padding-left:18px;padding-top:25px;width:210px}
.effectbox h3{font-size:18px;line-height:26px;margin-bottom:20px}
.effectbox a{color:#000}
.effectbox a:hover{color:#aa914f}
.re-post-date{color:#c2c2c2;font-size:15px;line-height:26px}
.sidebar_wrap{margin-bottom:50px;overflow:hidden}
.social-sharing{margin:0 auto;overflow:hidden;width:240px}
.social-sharing ul{padding:0}
.social-sharing li{display:inline-block;list-style:outside none none;margin:0 15px 15px}
/*-----comment-list-----*/
.all_comments{margin:0 0 50px}
.all_comments ul{margin:0;padding:0}
.all_comments ul li{border-bottom:1px solid #ddd;list-style:outside none none;margin:0 0 30px;overflow:hidden;padding:10px 0 30px}
.comment_author_avatar{float:left;margin:0 3% 0 0;width:12%}
h6.comment_author a{color:#ccc;font-size:17px}
.comment_author_avatar img{width:100%;border-radius:50%}
.comment_content{float:left;width:80%}
.comment_info{padding-bottom:15px}
.comment_info .comment_author,.comment_date,.comment_time{display:inline-block;vertical-align:middle;margin:0 20px 0 0}
.comment_date,.comment_time{font-size:12px;color:#ccc}
.child_list{clear:both;overflow:hidden;padding:40px 0 0 120px !important}
.all_comments h3{font-weight:700;margin-bottom:20px;margin-top:0}
.comment_reply{float:right}
.comment_reply .btn{background:#aa914f none repeat scroll 0 0;border:medium none;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-style:normal;line-height:0;margin-top:-5px;padding:9px}
.comment_text p{font-size:16px;line-height:26px}
/*-----comment-form------*/
.psot_comment {margin:0 0 0px;	}
.commentform form {margin:40px 0 0;}
.commentform form input {border: 1px solid #eeeeee;border-radius: 0;box-shadow: none;font-size: 15px;height: 46px;outline: medium none;padding: 15px;width: 100%;}
.commentform form input:focus,.commentform form textarea:focus{box-shadow:none}
.commentform form textarea {border: 1px solid #eeeeee;border-radius: 0;box-shadow: none;font-size: 15px;height: auto;outline: medium none;padding: 15px;width: 100%;}
.commentform form .form-group {margin:0 0 25px;}
.commentform .form-control:focus {border-color: #aa914f;}
.commentform form .form-group:last-child{margin-bottom:00px}
.btn.comment-btn {color: #ffffff;letter-spacing: 0;line-height: 0px;margin-top: 20px;padding: 15px 35px;text-transform:uppercase;background:#aa914f;font-size:20px;border-radius:0px;
font-style:normal;border:none;}
.btn.comment-btn:hover{background:#6b4e01}
.comment_reply a:hover {background: #6b4e01 !important;}
.para-sec-1{padding:40px 0px 0px}

.blog-post-img-m img {
 -webkit-transition:all 0.3s ease-out;
      -moz-transition:all 0.3s ease-out;
      -ms-transition:all 0.3s ease-out;
      -o-transition:all 0.3s ease-out;
      transition:all 0.3s ease-out;
}

.blog-post-img-m img:hover {
   -webkit-transform:rotate(15deg) scale(1.3);
      -moz-transform:rotate(15deg) scale(1.3);
      -ms-transform:rotate(15deg) scale(1.3);
      -o-transform:rotate(15deg) scale(1.3);
      transform:rotate(15deg) scale(1.3);
}

.cat-list-blog{
	-webkit-transition:all .3s ease-out;
      -moz-transition:all .3s ease-out;
      -ms-transition:all .3s ease-out;
      -o-transition:all .3s ease-out;
      transition:all .3s ease-out;
}

.cat-list-blog:hover{
-webkit-transform:translate(0px,-20px);
      -moz-transform:translate(0px,-20px);
      -ms-transform:translate(0px,-20px);
      -o-transform:translate(0px,-20px);
      transform:translate(0px,-20px);
}


.recent-image{
	display: inline-block;
      -webkit-transform: translateZ(0);
      -ms-transform: translateZ(0);
      transform: translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.recent-image:hover{
 -webkit-animation-name: pulse;
      animation-name: pulse;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;	
	
}

@media screen and (max-width:1200px){
  .navbar ul.nav.navbar-nav li{margin-right:20px}
  .flist-nav li{margin-left:20px}
  .quote-sec h1{font-size:40px;line-height:1;width:98%}
  
  .team-img-box img{width:100%}
  .team-heading .heading-sec{padding:38.7% 0px;}
  .small-prd .prd-img-box{height:240px}
  .test-section .test-bg-section img{width:80%}

}
@media (min-width:992px) and (max-width:1200px){
/*========
 	Blog Page
===================*/
.blog-padder {padding: 40px 0 80px;}
.pouplar-box-img {width: 120px;}
.pouplar-box-img img {height: 120px;width: 120px;}
.effectbox {padding-left: 10px;width: 173px;}
.effectbox h3 {font-size: 16px;line-height: 23px;margin-bottom: 10px;}
.cat-title-m h3 {font-size: 17px;}
/*========
 	End Blog Page
===================*/
.service-sec .img-box {
  float: left;
  width: 47%;
}
.center-block {
  max-width: 100%;
}
.service-sec .service-content {
  float: left;
  margin-top: 80px;
  width: 53%;
}
.service-tab::before {
  bottom: -90px !important;
  transform: rotate(-10deg);
}
.service-tab {
  margin: 0 auto 150px;
  position: relative;
  width: 100%;
}
.service-tab:nth-child(2n)::before {
  transform: rotate(10deg);
}

}

@media screen and (max-width:1200px) and (min-width:768px){
  .navbar ul.nav.navbar-nav li{margin-right:20px}
  .flist-nav li{margin-left:20px}
  .quote-sec h1{font-size:40px;line-height:1;width:98%}
  
  .team-img-box img{width:100%}
  .team-heading .heading-sec{padding:38.7% 0px;}
  .small-prd .prd-img-box{height:240px}
  .test-section .test-bg-section img{width:80%}
  .faq-sec .nav-tabs>li>a{font-size:18px !important;}

}

@media screen and (max-width:992px){
  .skill-tab{margin-bottom:50px}
  .skill-tab:last-child{margin-bottom:0px}
  .skill-tab:last-child .skill-sec{text-align: center}
  .portfolio_hover .icon-bx{position:absolute;bottom:0px;right:0px;;background:#000;padding:10px 14px;}
  .portfolio_hover  i{color:#fff;font-size:15px;line-height:1}
  .portfolio_hover  p{width:96%}
  .prd-title h3{font-weight:400;font-size:20px;margin:10px auto;}
  .prd-title h4{font-weight:400;font-size:20px}
   .test-section .test-bg-section{display:none}
}

@media screen and (max-width:992px) and (min-width:768px){
	.service-sec .srvc-header .srvc-icon i{font-size:28px;color:#88898c;font-weight:500}
  .service-sec .srvc-header .srvc-head h2{font-size:22px;}
  .service-tab:nth-child(2n) .service-sec .img-box {
  float: none;
  margin: 0 auto;
}
.service-sec .img-box {
  float: none;
  margin: 0 auto;
}
  
  .navbar ul.nav.navbar-nav li{margin-right:10px;}
  .navbar ul.nav.navbar-nav li>a{font-size:14px}
  .dropdown-menu>li>a{padding:10px 0px !important;}
  .flist-nav li{margin-left:10px}
  .flist-nav li>a{font-size:13px;}
  .service-tab{margin-bottom:70px}
  .service-tab:nth-child(even)::before{position:absolute;content:"";height:1px;
  width:97%;background:#aa914f;
  bottom:-30px !important;margin-left:0px;
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  }
  .small-prd .prd-img-box{height:180px}
  .team-tab{width:33.33%}
  .team-heading .heading-sec{padding:34.7% 0px;}
 .service-tab:before{position:absolute;content:"";height:1px;
  width:97%;background:#aa914f;
  bottom:-30px !important;margin-left:0px;
  -moz-transform:rotate(0deg);
  }
   .blog-txt {
  margin: 0 10px;
  padding: 20px 0 0;
  width: 90%;
}
.blog-txt p {
  font-size: 14px;
  line-height: 20px;
}
.blog-txt h4 {
  font-size: 12px;
  margin: 15px auto;
}
.blog-txt h3 {
  font-size: 20px;
}
.blog-txt .blog-btn > a {
  padding: 5px 14px;
}
.blog-txt .blog-btn {
  margin-top: 20px;
}
  
 /*========
 	Blog Page
===================*/
.commentform {margin-bottom: 60px;}
.aside-box {display: block;margin: 0 auto;max-width: 510px;}
.effectbox {width: 330px;}
.cat-title-m h3 {font-size: 16px;}
.blog-padder {padding: 35px 0 40px;}
.sidebar_wrap:nth-last-child(1) {margin-bottom: 0;}
.blog-post-img-m {margin-bottom: 20px;margin-top: 20px;}
.next_page {margin-bottom: 50px;}
.pull-right.blog-sec {
  float: none !important;
}
/*========
 	End Blog Page
===================*/

.element-item.recent_work_detail.port-st-2 {
  width:48%  !important;
  margin:0 0px 30px 10px;
  text-align: center;
  float:left;
}

  
}

@media screen and (max-width:768px){
/*------ 404-error-------*/
.banner-inner-section {
  padding: 200px 0 70px;
}
.error-ttile {
  font-size: 140px;
  line-height: 110px;
}
.error-head h3 {
  line-height: 28px;
  padding: 0;
  position: relative;
  margin-bottom:50px;
  font-size:24px;
}
.errorbox .error-text p {
  font-size: 15px;
  font-weight: 300;
  line-height: 21px;
  margin: 0 auto 10px;
}
/*-------coming-soon------*/

.comign-head h2 {
  font-size: 75px;
  line-height: 60px;
  margin: 0 auto;
}
.coming-timer {
  width: 100%;
}
.time-title h3 {
  font-size: 75px;
  line-height: 65px;
  margin: -12px auto 0;
}
#defaultCountdown { width:100%; margin:0 auto; text-align:center;}
#defaultCountdown .countdown-section { margin:0 auto; width: 22%;height: 100%;}
#defaultCountdown .countdown-section:after{top:0px;}
#defaultCountdown .countdown-section .countdown-period {display: block;font-size: 13px; line-height:24px;}
#defaultCountdown .countdown-section .countdown-amount { font-size: 25px;}

/*------pricing--------*/
.price-main {
  margin-bottom: 50px;
}
.price-title h2 {
  font-size: 30px;
}
.price-main.price-main-2 {
  float: none;
  width: 100%;
}
.price-main.popular.price-main-2 {
  float: none;
  width: 100%;
}
.price-main.price-main-2:nth-child(1) {
  border-right: 1px solid #000;
}
.price-main.price-main-2:nth-child(3) {
  border-left: 1px solid #000;
}
	
/*-------portfolio-option ------*/
.element-item.recent_work_detail.portfolio-item {
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 0px auto 20px ;
}

.category.category-mn li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 auto;
  padding: 10px 0;
  position: relative;
  text-align: center;
  transition: all 0.5s linear 0s;
  width: 100%;
}
.element-item.recent_work_detail.port-st-2 {
  width:100%  !important;
  margin:0 auto 20px;
  text-align: center;
}
.port_img img {
  width: 290px;
}
.port_info {
  width: 290px;
  margin: 0 auto;
}
.port_wrap:hover .port_info {
  padding: 7% 0;
}

.service-sec .service-content {
  float: none;
  margin: 0 auto;
}
.service-sec .service-txt {
  width: 100%;
  margin: 0 auto;
}


/*========
 	Blog Page
===================*/
.cat-list-img {display: none;}
.cat-list-blog {width: 50%;}
.cat-title-m h3 {font-size: 16px;}
.blog-padder {padding: 40px 0 50px;}
.blog-post-img-m {margin-bottom: 15px;margin-top: 10px;}
.post-date h3 {font-size: 24px;}
.post-content p {font-size: 15px;line-height: 25px;margin-bottom: 15px;}
li {font-size: 15px;line-height: 25px;}
.comment_text p {font-size: 14px;line-height: 25px;}
.comment_info .comment_author, .comment_date, .comment_time {margin: 0 9px 0 0;}
h6.comment_author a {font-size: 14px;}
.comment_time {display: none;}
.child_list {padding: 40px 0 0 70px !important;}
.commentform {margin-bottom: 70px;}
.effectbox {width: 58%; max-width:365px;}
.aside-box {margin: 0 auto;max-width: 450px;}
.sidebar_wrap {margin-bottom: 30px;}
.sidebar_wrap:nth-last-child(1) {margin-bottom: 0;}
.next_page {margin-bottom: 50px;}
article.blog-post {margin-bottom: 30px;}
.page-numbers li {font-size: 15px;line-height: 32px; padding:0 2px; margin:0 auto;}
.page-numbers li a, .page-numbers li span {padding: 1px 9px;}
.pull-right.blog-sec {
  float: none !important;
}
/*========
 	End Blog Page
===================*/

@media (min-width:600px) and (max-width:768px){
.element-item.recent_work_detail.port-st-2 {
  width:48%  !important;
  margin:0 0px 30px 10px;
  text-align: center;
  float:left;
}
	
}


}
@media screen and (max-width:767px) and (min-width:320px){
	.navbar ul.nav.navbar-nav li a {  font-size: 15px;  font-weight: 400;  padding: 10px 0;}
   .logo_img{position:relative;z-index:100;width:125px}
  .flist-nav{float:left;margin-top:20px;}
  .flist-nav li{margin-bottom:10px;float:none;display:inline-block;margin-left:0px}
  .flist-nav li>a{font-size:13px;padding:6px;}
  .skill-tab .skill-sec{text-align: center}
  header.navbar{position:relative;background:#0a0a0a;}
  .navbar-header{margin-top:-20px;border:none}
  .navbar-toggle{margin:3px auto 0px;border:none;padding:0px;}
  .navbar-toggle:focus,.navbar-toggle:hover{background:none !important;}
  .navbar-collapse{margin-top:20px !important;border-top:1px dashed #fff;box-shadow:none;height:410px}
  .navbar-default{position:a;bottom:0px;height:100% !important;min-height:auto !important;}
  .navbar ul.nav.navbar-nav{width:100%;margin:0px;}
  .navbar ul.nav.navbar-nav li a:after,.navbar ul.nav.navbar-nav li a:before{display:none;}
  .dropdown-menu>li:first-child::after{display:none;}
  .dropdown-menu{margin:0px auto !important;border-top:1px dotted #fff !important}
  .dropdown-menu>li{padding:0px}
  .dropdown-menu>li>a{padding:15px 0px !important;text-align:left;color:#fff !important;font-weight:300 !important;}
  .dropdown-menu>li>a:hover{color:#aa914f !important;}
  .arrow-circle
  {
    background:#000;height:65px;width:65px;
    margin:auto;border:1px solid #000;box-shadow:0px 6px 2px #ccc;opacity:0.7;
    border-radius:50%;position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);
    -moz-transition:all 0.5s linear;
     -webkit-transition:all 0.5s linear;
     -ms-transition:all 0.5s linear;
     -o-transition:all 0.5s linear;
  }
  .arrow-circle:after{display:none !important;}
  .arrow-circle .arrow-icon{position:relative;top:20%;left:50%;text-align:center;transform:translate(-50%);}
  .arrow-circle:hover{background:#aa914f;border-color:#aa914f;opacity:1}
  .service-sec .srvc-header .srvc-icon i{font-size:28px;color:#88898c;font-weight:500}
.service-sec .srvc-header .srvc-head h2 {
  font-size: 22px;
  margin: 10px auto;
  float: none;
  text-align: center;
}
.service-sec .srvc-header .srvc-icon {
  float: none;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}
.service-sec .srvc-content {
  padding-left: 0;
  text-align: center;
}
.portfolio_hover  h3{margin-bottom:3%}
.p_hovertab .hover_txt{position:absolute;top:30%;transform:translateY(-40%);right:0px;left:0px}
  .padder-port{padding:70px 0px ;}
  .team-heading .heading-sec{padding:20px 0px;}
  .team-tab:first-child{margin-top:120px}
  .team-title-sec{position:absolute;top:0px;width:100%;left:0px;}
  .small-prd .prd-img-box{height:auto}
  .small-prd .pro-sec{margin-top:0px;}
  .prd-title{padding:10px 0px 20px;}
  .prd-imghover .btn{top:0px;right:0px !important;;left:auto !important;height:auto;bottom:auto !important;margin:auto !important;}
  .faq-sec .nav-tabs>li>a{font-size:18px !important;}
  .faq-sec .nav-tabs>li{padding:0px;margin-bottom:10px}
  .faq-sec .nav-tabs>li.active>a:after{display:none;}
  .faq-content h3{font-size:17px !important;}
  .faq-content p{font-size:15px !important;line-height:20px !important;}
  .blog-sec .blog-content{position:relative !important;padding:50px 0px !important;width:100% !important;transform:translate(0) !important;;}
  .blog-txt h3{font-size:40px}
  .blog-txt h4{margin:20px auto}
  .blog-txt p{font-size:18px;font-weight:300 !important;}
  /*------ 404-error-------*/
.banner-inner-section {
  padding: 90px 0 80px;
}
.title-content p {
  width: 50%;
}

/*------coming-soon-----*/
.comign-head h2 {
  font-size: 150px;
  line-height: 109px;
  margin: 0 auto;
}
.time-title h3 {
  font-size: 150px;
  line-height: 121px;
  margin: -20px auto 0;
}
 .blog-txt {
  margin: 0 10px;
  padding: 0px 0 0;
  width: 90%;
}
 .service-tab:nth-child(2n) .service-sec .img-box {
  float: none;
  margin: 0 auto;
}
.service-sec .img-box {
  float: none;
  margin: 0 auto;
}
.center-block {
  max-width: 100%;
}

}

@media screen and (max-width:640px) and (min-width:320px){
 .subs-sec form{width:80%}
  .subs-sec form .form-group .subs-btn{padding:0px 20px;position:relative;display:block;margin:10px auto 0px;}
  .subs-sec form .form-group input{padding:0 20px}
  .padder{padding:70px 0px;}
  .subs-heading{font-size:25px;line-height:1}
  .title-heading{font-size:25px;line-height:1}
  .quote-sec h1{font-size:28px;line-height:1.5s;width:100%}
  .title-content p{width:100%}
    .arrow-circle
  {
    background:#000;height:40px;width:40px;
    margin:auto;border:1px solid #000;box-shadow:0px 6px 2px #ccc;opacity:1;
    border-radius:50%;position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);
    -moz-transition:all 0.5s linear;
     -webkit-transition:all 0.5s linear;
     -ms-transition:all 0.5s linear;
     -o-transition:all 0.5s linear;
  }
  .arrow-circle:after{display:none !important;}
  .arrow-circle .arrow-icon{position:relative;top:20%;left:50%;text-align:center;transform:translate(-50%);}
  .arrow-circle .arrow-icon i{font-size:20px}
  .banner_text h1{font-weight:400;font-size:45px}
  .banner_text h4{font-weight:300 !important;}
  .service-sec .srvc-header{margin-bottom:0px}
  .service-sec .srvc-content{padding-left:0px;}
  .service-sec .srvc-content p{width:100%}
  .service-tab:before{display:none;}
  .service-tab{margin:0px auto 60px}
  .subs-heading{margin-bottom:40px}
  .our_client_detail .client-says p{width:100%;text-align:justify}
   .small-prd .prd-img-box{height:auto !important;}
  .small-prd .pro-sec{margin-top:0px;}
  .prd-title{padding:10px 0px 20px;}
  .prd-imghover .btn{top:0px;right:0px !important;;left:auto !important;height:auto;bottom:auto !important;margin:auto !important;}
  .blog-content{padding:0px 0px 30px !important;width:100%}
  .blog-txt h3{font-size:30px}
  .blog-txt h4{margin:20px auto}
  .blog-txt p{font-size:14px;font-weight:300 !important;}
  .contact-title h3{font-size:30px}
 
}

@media screen and (max-width:480px) and (min-width:320px){
  .subs-sec form{width:90%}
   .small-prd .prd-img-box{height:auto !important}
  .small-prd .pro-sec{margin-top:0px;}
  .prd-title{padding:10px 0px 20px;}
  .prd-imghover .btn{top:0px;right:0px !important;;left:auto !important;height:auto;bottom:auto !important;margin:auto !important;}
 .blog-txt h3{font-size:20px}
}


@media (min-width:320px) and (max-width:389px){
/*========
 	Blog Page
===================*/
.pouplar-box-img {width: 100px;}
.pouplar-box-img img {height: 100px;width: 100px;}
.effectbox {padding-left: 10px;padding-top: 9px;width: 190px !important;}
.effectbox h3 {font-size: 17px;line-height: 23px;margin-bottom: 15px;}
.pouplar-box {display: block;margin-left: auto;margin-right: auto;overflow: hidden;width: 290px;}
}
/*========
 	End Blog Page
===================*/

