/*
Theme Name: Local-Agency
Theme URI: http://www.dfythemes.com
Description: Wordpress theme, responsive and has custom style for mobile devices
Version: 1.0
Author: http://www.dfythemes.com
*/

/* FONTS */


/*
@font-face {
    font-family: 'museo_sans500';
    src: url('../fonts/museosans_500-webfont.eot');
    src: url('../fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_500-webfont.woff2') format('woff2'),
         url('../fonts/museosans_500-webfont.woff') format('woff'),
         url('../fonts/museosans_500-webfont.ttf') format('truetype'),
         url('../fonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('../fonts/playfairdisplay-regular-webfont.eot');
    src: url('../fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('../fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('../fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
.playfair{ font-family: 'playfair_displayregular';}

.italic{ font-style:italic;}

/* OVERALL ASPECT */

body {
  
   font-family: 'museo_sans500';
   
    font-size: 16px; letter-spacing:1px;
    color: #555555; margin:0; padding:0;

}

/* Titles */
h1, h2, h3, h4, h5, h6 {
   font-family: 'playfair_displayregular';

    color: #555555;
}


/* Paragraph & Typographic */
p {
    line-height: 20px; 
    margin-bottom: 10px;
	
}

.centered {
    text-align: center;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.navbar {
	font-weight: 500; 
	font-size: 14px; text-transform:uppercase;
	padding-top: 20px;
	padding-bottom: 0px; position:relative;
}

.navbar-inverse {
	border:none;
	/*background:none; 
	border-color: #2d2d2d;*/
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff; font-size:14px;  padding:4px 0px; margin:14px 17px 0px;
  border-bottom:transparent  1px solid;  border-top:transparent  1px solid; 

}

.navbar-inverse .navbar-nav > .active > a {
	background:none; color:#fff; border-bottom:#aaabab  1px solid; 
	border-top:#aaabab  1px solid; 
}



.navbar-inverse .navbar-brand {
	color: #999999;
	font-weight: bolder;
	font-size: 22px;
	letter-spacing: 1px;
}

.navbar-inverse .navbar-brand i {
	color: #ff7878;
	font-size: 22px;
	letter-spacing: 1px;
}



/* ==========================================================================
   Wrap Sections
   ========================================================================== */
.margn_b_30{ margin-bottom:30px;} .margn_b_40{ margin-bottom:40px;} .margn_b_50{ margin-bottom:50px;} .margn_b_60{ margin-bottom:60px;}
.pad_top170{ padding-top:170px;} .pad_top_50{ padding-top:50px;} 
.pad_botm_50{ padding-bottom:50px;}
.mrgn_t_0{ margin-top:0 !important;}

.white{ color:#fff;}
.grey1{ color:#555555;}
.grey2{ color:#18191b;}
.grey3{ color:#a4a6a7;}

.maxwdh img{ max-width:100%;}

.linght25{ line-height:25px;} .linght18{ line-height:18px;}

.font14{ font-size:14px;} 
.font20{ font-size:20px;} 
.font22{ font-size:22px;}
.font32{ font-size:32px;} 

.let_spc{ letter-spacing:1px;}
#header{ border-top:#464646 7px solid;}

.bg_1{background: url(assets/img/hm_lrg_img.html) no-repeat center top;}
.head_btm{  background-size:cover; width:100%; float:left; box-shadow: 1px 3px;}

#slider{ width:100%; float:left; padding-top:85px; position:relative;}
#slider .cent{ width:450px; margin:0 auto;}
#slider .ic_1{ width:88px; position:absolute; left:16%; top:48%;}
#slider .ic_1 .fa, #slider .ic_4 .fa{ font-size:50px; color:#fff;}
#slider .ic_2 .fa, #slider .ic_3 .fa{ font-size:70px; color:#fff;}
#slider .ic_2{ width:88px; position:absolute; left:27%; top:0;}
#slider .ic_3{ width:88px; position:absolute; right:27%; top:0;}
#slider .ic_4{ width:88px; position:absolute; right:16%; top:48%;}

.mid_t .t_wrap h2{ font-size:32px; }
.hz_t_line{ display:inline-block; width:170px; border-bottom:#fdc916 2px solid;}
.serv_top h3{ font-size:22px; color:#18191b; margin-top:15px; margin-bottom:15px;}
.serv_top .icn{ display:inline-block; width:70px; height:70px}
.pwr_flex{ background: url(assets/img/ic5.html) no-repeat center top;}
.serv_top:hover .pwr_flex, .serv_top .pwr_flex.current{ background: url(assets/img/ic5_hv.html) no-repeat center top;}

.fullresp{ background: url(assets/img/ic6.html) no-repeat center top;}
.serv_top:hover .fullresp, .serv_top .fullresp.current{ background: url(assets/img/ic6_hv.html) no-repeat center top;}

.easy_cust{ background: url(assets/img/ic7.html) no-repeat center top;}
.serv_top:hover .easy_cust, .serv_top .easy_cust.current{ background: url(assets/img/ic7_hv.html) no-repeat center top;}

.whatwedo{ background:url(assets/img/whatwe_bg.html) no-repeat center top; background-size:cover; min-height:565px; padding:40px 0px;} .whatwedo .t_wrap h2{ font-size:32px; margin-bottom:20px;}
.whatwedo .b_wrap .col{ margin-bottom:30px; min-height:150px;}
.whatwedo .b_wrap h3{ padding-left:60px; padding-top:10px; margin-top:0; color:#fdc916; font-size:22px;}
.whatwedo .b_wrap i{ float:left;} .whatwedo .b_wrap p{ margin-top:15px;}

.clients{ padding:50px 0px;}
.clients ul{ margin:0; padding:0; text-align:center;}
.clients ul li{ list-style:none; float:left; width:20%; padding:0 15px;}
.clients ul li img{ max-width:100%;}

.comment{ background:url() no-repeat center top; background-size:cover; min-height:649; padding:40px 0px;}
.comment .miancol{ margin:0 40px; background:rgba(40,45,48,.3); position:relative; padding:50px 100px;}
.comment .miancol .botm_wrap .thumbnl{ width:113px; float:left;}
.comment .miancol .botm_wrap h3, .comment .miancol .botm_wrap p{ padding-left:130px;}
.comment .miancol .botm_wrap h3{    font-family: 'museo_sans500'; position:relative; padding-bottom:8px;}
.comment .miancol .botm_wrap h3:before{ content:""; position:absolute; left:130px; bottom:0; width:82px; height:2px; background:#fff;}
.comment .miancol .prev{ width:32px; height:117px; position:absolute; left:-50px; top:30%;}
.comment .miancol .next{ width:32px; height:117px; position:absolute; right:-50px; top:30%;}
.Authr_img {
  width: 72px;
  height: 72px;
  float: left;
  border: 5px solid #e7e7e7;
}
.commentslist {
margin: 1em 0;
}
.commentslist li article {
background: none !important;
border-bottom: 1px  #d7d7d7 solid;
padding: 0px !important;
margin-bottom: 2em;
border-radius: 5px;
color: #5A5A5A;
font-size: 14px;
font-weight: normal;
}
.commentslist li article header {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 2em;
font-size: 12px;
position: relative;
}
.commentslist li article header h4 {
margin-bottom: .5em;
margin-top: 0;
}
.commentslist li article .comment-avatar img {
float: left !important;
margin-left: 2em;
margin-bottom: 1em;
border: 5px solid #e7e7e7;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
.upppercase{ text-transform:uppercase;}

.our_prev_proj{ padding:50px 0px;}
.our_prev_proj ul{ margin:0; padding:0;}
.our_prev_proj ul li{ list-style:none; width:32%; float:left; margin-right:2%;}
.our_prev_proj ul li:nth-child(3n+3){ margin-right:0;}
.our_prev_proj ul li .thumbnl img{ width:100%;}
.our_prev_proj ul li .edit_cont{ background:#fdc916; margin-top:4px; padding:20px 15px; text-align:center;}
.our_prev_proj ul li .edit_cont h3{ font-size:22px;}

.rest_fr_quote{ background:url(assets/img/rest_fr_quote.html) no-repeat center top; background-size:cover; padding:50px 0px; }
.rest_fr_quote .btn{ max-width:420px; width:100%; background:#fdc916; color:white; font-size:24px; text-align:center; text-decoration:none; padding:15px 10px; border-radius:0;}

.footer_top{ background:#282d30; padding:40px 0px;}

.social a{ color:#d3d4d4; margin-right:15px;} .social a:hover{ color:#fdca15;}

.footer_botm{ background:#25282a; padding:15px 0px 10px;}



.swing{
	-webkit-animation:swinging 10s ease-in-out 0s infinite;
	-moz-animation:swinging 10s ease-in-out 0s infinite;
	animation:swinging 10s ease-in-out 0s infinite;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
}

@-webkit-keyframes swinging{
	0% { -webkit-transform: rotate(0); }
	5% { -webkit-transform: rotate(10deg); }
	10% { -webkit-transform: rotate(-9deg); }
	15% { -webkit-transform: rotate(8deg); }
	20% { -webkit-transform: rotate(-7deg); }
	25% { -webkit-transform: rotate(6deg); }
	30% { -webkit-transform: rotate(-5deg); }
	35% { -webkit-transform: rotate(4deg); }
	40% { -webkit-transform: rotate(-3deg); }
	45% { -webkit-transform: rotate(2deg); }
	50% { -webkit-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { -webkit-transform: rotate(0); }
}

@-moz-keyframes swinging{
	0% { -moz-transform: rotate(0); }
	5% { -moz-transform: rotate(10deg); }
	10% { -moz-transform: rotate(-9deg); }
	15% { -moz-transform: rotate(8deg); }
	20% { -moz-transform: rotate(-7deg); }
	25% { -moz-transform: rotate(6deg); }
	30% { -moz-transform: rotate(-5deg); }
	35% { -moz-transform: rotate(4deg); }
	40% { -moz-transform: rotate(-3deg); }
	45% { -moz-transform: rotate(2deg); }
	50% { -moz-transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { -moz-transform: rotate(0); }
}

@keyframes swinging{
	0% { transform: rotate(0); }
	5% { transform: rotate(10deg); }
	10% { transform: rotate(-9deg); }
	15% { transform: rotate(8deg); }
	20% { transform: rotate(-7deg); }
	25% { transform: rotate(6deg); }
	30% { transform: rotate(-5deg); }
	35% { transform: rotate(4deg); }
	40% { transform: rotate(-3deg); }
	45% { transform: rotate(2deg); }
	50% { transform: rotate(0); } /* Come to rest at 50%. The rest is just stillness */
	100% { transform: rotate(0); }
}

/*=====================innerpages==================================*/
.margn_b_20{ margin-bottom:20px;}

.bg_inner{ background:#f2f2f2 !important;}

.bg_2{background: url(../images/service_hd_bg.html) no-repeat center top;}
.font48{ font-size:48px;}

.Bnr_cont{ width:100%; float:left; padding-top:60px; }
.Bnr_cont .cent{ width:650px; margin:0 auto;padding-bottom: 10%;}

.Creative_services{ padding:0 0 50px;}
.Creative_services .t_wrap{ margin-bottom:0px; padding:30px; position:relative; top:-60px; background:#282d30;}


.creat_ser_markt ul{ margin:0; padding:0;}
.creat_ser_markt ul li{ list-style:none; width:32%; float:left; margin-right:2%; margin-bottom:30px;}
.creat_ser_markt ul li:nth-child(3n+3){ margin-right:0;}
.creat_ser_markt ul li .thumbnl img{ width:100%;}
.creat_ser_markt ul li .edit_cont{ background:#282d30; margin-top:4px; padding:20px 12px; }
.creat_ser_markt ul li .edit_cont h3{ font-size:20px; color:#fdc916;}

.whatwedo.gray_bg1{ background:#555555; min-height:400px; padding-top:60px;}

.reqst_btn{ max-width:420px; text-decoration:none; width:100%; display:inline-block; background:#fdc916; color:#555555; font-size:24px; text-align:center; text-decoration:none; padding:15px 10px; border-radius:0;}
.reqst_btn:hover{ text-decoration:none; color:#000;}


.Inr_test_bg{ background:#cbcbcb !important; min-height:400px !important;}
.margn_t_20{ margin-top:20px;}

.Build_reput .cont_main{ background:#ffffff; padding:20px;}
.Build_reput{ padding:60px 0px;}





/*=====================Pop Up Css Pawan================================*/


.overlay {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#fdc916;
  visibility: hidden;
  opacity: 0;
  width:100%;
  height:100%;
  z-index:8888;
  float:left;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.overlay1{
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#fdc916;
  visibility: hidden;
  opacity: 0;
  width:100%;
  height:100%;
  z-index:8888;
  float:left;
}
.overlay1:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin:30px auto;
  padding: 20px;
  width:80%;
  position: relative;
  z-index:9999;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  text-decoration: none;
  opacity:9;
}
.popup .close:hover {
  opacity:.6;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}


.Pop_row1{float:left; width:100%; text-align:right; margin-bottom:80px;}
.Pop_row2{float:left; width:100%; margin-bottom:20px;}
.Pop_row2 h1{float:left; width:100%; font-family:"playfair_displayregular"; font-size:48px; text-align:center; color:#555555;}
.Pop_row2 h2{float:left; width:100%; font-family:"museo_sans500"; font-size:20px; text-align:center; color:#555555;}

.Pop_bx{float:left; width:100%; background:#282d30;}
.Pop_bx-in{float:left; width:90%; margin:5%; text-align:left;}
.Pop_bx-in h1{float:left; width:100%; padding:0px; margin:0px; font-family:"playfair_displayregular"; font-size:48px; text-align:center; color:#fff; font-style:italic;}
.Pop_bx_in_part{float:left; width:100%; padding-top:60px;}
.Pop_bx-lt{float:left; width:46%; height:auto; margin:0 2% 25px 2%; padding:0px;}
.Pop_bx-lt label{float:left; width:100%; font-family:"museo_sans500"; font-size:22px; color:#fdc916; margin-bottom:10px;}
.Pop_bx-lt input{float:left; width:100%; font-family:"museo_sans500"; font-size:15px; color:#fff; border:0px; border-bottom:4px #fff solid; background:none; padding:8px 0;}

.Pop_bx_bottom{float:left; width:100%; text-align:center;}
.Pop_bx_bottom_row1{float:left; width:100%; text-align:center; font-family:"museo_sans500"; font-size:22px; color:#fff; text-transform:uppercase;}
.Pop_bx_bottom_row2{float:left; width:100%; text-align:center; margin:20px 0 -110px 0;}










.Quote_bg {
  background:#fdc916;
  width:100%;
  height:100%;
  float:left;
  padding-bottom:150px;
  
}
.overlay{
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
	overflow:scroll;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.overlay1{
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
	overflow:scroll;
}
.overlay1:target {
  visibility: visible;
  opacity: 1;
}
.Quote {
  margin:30px auto;
  padding: 20px;
  width:90%;
  position: relative;
  z-index:9999;
}

.Quote h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.Quote .close {
  position: absolute;
  top: 20px;
  right: 30px;
  text-decoration: none;
  opacity:9;
}
.Quote .close:hover {
  opacity:.6;
}
.Quote .content {
  max-height: 30%;
  overflow: auto;
}


.Quote_row1{float:left; width:100%; text-align:right; /*margin-bottom:80px;*/}
.Quote_row2{float:left; width:100%; margin-bottom:20px;}
.Quote_row2 h1{float:left; width:100%; font-family:"playfair_displayregular"; font-size:48px; text-align:center; color:#555555;}
.Quote_row2 h2{float:left; width:100%; font-family:"museo_sans500"; font-size:20px; text-align:center; color:#555555;}

.Quote_bx{float:left; width:100%; background:#282d30;}
.Quote_bx-in{float:left; width:90%; margin:5%; text-align:left;}
.Quote_bx-in h1{float:left; width:100%; padding:0px; margin:0px; font-family:"playfair_displayregular"; font-size:48px; text-align:center; color:#fff; font-style:italic;}
.Quote_bx_in_part{float:left; width:100%; padding-top:60px;}
.Quote_bx-lt{float:left; width:46%; height:auto; margin:0 2% 25px 2%; padding:0px;}
.Quote_bx-lt label{float:left; width:100%; font-family:"museo_sans500"; font-size:20px; color:#fdc916; margin-bottom:10px;}
.Quote_bx-lt input{float:left; width:100%; font-family:"museo_sans500"; font-size:15px; color:#fff; border:0px; border-bottom:4px #fff solid; background:none; padding:8px 0;}
.Quote_bx-lt textarea{float:left; width:96%; height:240px; font-family:"museo_sans500"; font-size:15px; color:#fff; border:0px; background:#b3b3b4; padding:8px 2%;}

.Quote_bx_bottom{float:left; width:100%; text-align:center;}
.Quote_bx_bottom_row1{float:left; width:100%; text-align:center; font-family:"museo_sans500"; font-size:22px; color:#fff; text-transform:uppercase;}
.Quote_bx_bottom_row2{float:left; width:100%; text-align:center; margin:20px 0 -110px 0;}


.Quote01_bx01{float:left; width:46%; height:auto; margin:0 2% 0 2%; padding:0px;}
.Quote01_bx-lt{float:left; width:100%; height:auto; margin:0 0 15px 0; padding:0px;}
.Quote01_bx-lt label{float:left; width:100%; font-family:"museo_sans500"; font-size:20px; color:#fdc916;}
.Quote01_bx-lt input{float:left; width:100%; font-family:"museo_sans500"; font-size:15px; color:#fff; border:0px; border-bottom:4px #fff solid; background:none; padding:8px 0;}
.Quote01_bx-lt textarea{float:left; width:96%; height:270px; font-family:"museo_sans500"; font-size:15px; color:#fff; border:0px; background:#b3b3b4; padding:8px 2%; margin-top:15px;}
.Quote_bx_send{float:left; width:92%; text-align:right; margin:0 4%;}
.Quote_bx_send button{float:right; width:170px; padding:20px 30px; background:#fff; font-family:"museo_sans500"; font-size:25px; color:#555555; text-transform:uppercase;}



.Quote01_Back{float:left; width:100%; height:auto; margin:15px 0 15px 0; padding:0px; text-align:left;}
.Quote01_Back a{font-family:"museo_sans500"; font-size:21px; color:#282d30; text-decoration:none; text-transform:uppercase; }
.Quote01_Back a:hover{color:#000; text-decoration:none;}


.Quote_row1 a{float:right; width:180px; padding:20px 30px; /*background:#fff;*/ font-family:"museo_sans500"; font-size:25px; color:#555555; text-transform:uppercase;}


.portfolio_bg{background:url(../images/portfolio_bg.html) no-repeat center top;}
.blog_bg{background:url(../images/blog_bg.html) no-repeat center top;}
.contact_bg{background:url(../images/contact_bg.html) no-repeat center top;}
.about_bg{background:url(../images/about_bg.html) no-repeat center top;}
.case_study{background:url(../images/case_std_bg.html) no-repeat center top;}

.t_wrap ul li{font-size:22px; color:#fff; text-decoration:none; padding:8px 0; margin:0 3%; text-transform:uppercase;}
.t_wrap ul li a{font-size:22px; color:#fff; text-decoration:none;text-transform:uppercase;}
.t_wrap ul li:hover{text-decoration:none; border-bottom:1px solid #fff; border-top:1px solid #fff; }
.t_wrap .actv{text-decoration:none; border-bottom:1px solid #fff; border-top:1px solid #fff; }
.t_wrap .active{text-decoration:none; border-bottom:1px solid #fff; border-top:1px solid #fff; }
.latest_comp{font-size:22px; color:#fff; text-decoration:none; text-transform:uppercase; padding:30px 0; width:100%;}
.Blog_Mian{float:left; width:100%; height:auto;}
.Blog_Mian_row{float:left; width:100%; height:auto; margin:20px 0;}
.Blog_left{float:left; height:auto; width:25%;}
.Blog_left img{height:auto; width:100%;}
.Blog_right{float:right; height:auto; width:72%; background:#fff;  padding:2%;}
.gray01{color:#aaaaaa;}
.font_s22{font-size:22px;}
.mrgn_b20{margin-bottom:20px;}

.font_s22 a{color:#fdc916; text-decoration:none;}
.font_s22 a:hover{color:#000; text-decoration:none;}
.Paging_bot{height:auto; width:100%; text-align:center;}
.Paging_bot a{font-size:22px; color:#cbcbcb; text-decoration:none; padding:5px;}
.Paging_bot a:hover{color:#fdc916; text-decoration:none;}
.Paging_bot .act1{color:#fdc916; text-decoration:none;}

.Contact_Mian{float:left; width:100%; height:auto; padding-top:50px;}
.Contact_left{float:left; width:30%; height:auto;}
.Contact_one{float:left; width:100%; height:auto; background:#fff;}
.Contact_one_in{float:left; width:84%; height:auto; margin:8%; }
.Contact_one_in a{color:#555555; font-size:20px; text-decoration:none; line-height:25px;}
.Contact_one_in a:hover{color:#000; text-decoration:none;}
.Contact_one_in p i{color:#fdc916;}

.Contact_three{float:left; width:100%; height:auto; background:#555555; margin-top:75px; padding-bottom:20px;}
.Contact_three_in{float:left; width:84%; height:auto; margin:8%; }
.Contact_three_in input{float:left; width:78%; font-family:"museo_sans500"; font-size:20px; color:#aaaaaa; border:0px; padding:15px 0 15px 2%; background:#fff;}
.Contact_three_in a{float:left; width:20%; font-family:"museo_sans500"; font-size:20px; color:#555555; border:0px; padding:15px 0; background:#fdc916; text-align:center; text-decoration:none;}

.Contact_one_in span a{float:left; color:#777777; font-size:33px; text-decoration:none; margin:15px 25px 0 0px;}
.Contact_one_in span a:hover{color:#fdcc23; text-decoration:none;}

.Contact_two{float:left; width:100%; height:auto;}
.Contact_two img{width:100%; height:auto;}

.line-height25{line-height:25px;}


.Contact_right{float:right; width:67%; height:auto;}
.Contact_right_forum{float:left; width:100%; height:auto;}
.Contact_right_forum h1{float:left; width:100%; height:auto; font-family:"museo_sans500"; font-size:25px; color:#555555;}


.Contact_bx-in h1{float:left; width:96%; padding:0px; margin:0px 2%; font-family:"playfair_displayregular"; font-size:32px; color:#555555;}
.Contact_bx_in_part{float:left; width:100%; padding-top:30px;}
.Contact_bx-lt{float:left; width:46%; height:auto; margin:0 2% 25px 2%; padding:0px;  color:#a3a3a3;}
.Contact_bx-lt:hover{color:#000;}
.Contact_bx-lt01{float:left; width:96%; height:auto; margin:0 2% 25px 2%; padding:0px;  color:#a3a3a3;}
.Contact_bx-lt01:hover{color:#000;}
.Contact_bx-lt01 label{float:left; width:100%; font-family:"museo_sans500"; font-size:20px;}
.Contact_bx-lt01 input{float:left; width:100%; font-family:"museo_sans500"; font-size:15px; color:#373737; border:0px; border-bottom:4px #a3a3a3 solid; background:none;}

.Contact_bx-lt label{float:left; width:100%; font-family:"museo_sans500"; font-size:20px;}
.Contact_bx-lt input{float:left; width:100%; font-family:"museo_sans500"; font-size:15px; color:#373737; border:0px; border-bottom:4px #a3a3a3 solid; background:none;}
.Contact_bx-lt input:hover{border-bottom:4px #000 solid;}
.Contact_bx-lt textarea{float:left; width:96%; height:240px; font-family:"museo_sans500"; font-size:15px; color:#373737; border:0px; background:#cbcbcb; padding:8px 2%;}
.Contact_bx-lt01 textarea{float:left; width:100%; height:240px; font-family:"museo_sans500"; font-size:15px; color:#373737; border:0px; background:#cbcbcb; padding:8px 2%;}
.Contact_bx-lt01 a{background:#fdc916; padding:15px 5%; float:left; color:#555555; font-size:24px; text-transform:uppercase;}
.Contact_bx-lt01 a:hover{text-decoration:none;}

.Contact_bx-lt02{float:left; width:96%; height:auto; margin:0 2% 0 2%; padding:0px;  color:#a3a3a3;}
.Contact_bx-lt02 a{background:#fdc916; padding:15px 5% 15px 5% ; float:left; color:#555555; font-size:24px; text-transform:uppercase;}
.Contact_bx-lt02 a:hover{text-decoration:none;}

.contact_map{float:left; width:100%; height:auto;  margin-top:75px; }
.contact_map img{width:100%; height:100%!important;}


.About_Main{background:url(assets/img/abt_bg.jpg) repeat-x left top 625px; width:100%; height:auto; float:left; margin-top:-75px;}
.About_one{width:90%; height:auto; float:left;}
.About_text{width:55%; height:auto; float:left; background:#fff;}
.About_text_in{width:90%; height:auto; float:left; margin:5%;}
.About_text_in p{width:100%; height:auto; float:left; line-height:27px;}
.About_imgbox{width:45%; height:auto; float:left; margin-top:75px;}
.About_one img{width:45%; height:100%; margin-top:75px; float:left;}


.About_two{width:90%; height:auto; float:right;}
.About_text_two{width:55%; height:auto; float:right; background:#fff; margin-bottom:100px;}
.About_text_two_in{width:90%; height:auto; float:left; margin:5%;}
.About_text_two_in p{width:100%; height:auto; float:left; line-height:27px;}
.About_two img{width:45%; height:100%; float:left;}
.margn_b_18{margin-bottom:18px;}


.About_three{width:70%; height:auto; float:left; margin:0 15%;  background:#fff;}
.About_three_in{width:90%; height:auto; float:left; margin:5%;}
.About_three_in p{width:100%; height:auto; float:left; line-height:27px;}



.client_bot_box{width:70%; height:auto; float:left; margin:70px 15% ;}
.client_bot_box h1{float:left; width:96%; padding:0px; text-align:center; font-family:"playfair_displayregular"; font-size:23px; color:#555555;}
.client_bot_box ul{width:100%; height:auto; float:left; margin:40px 0 20px 0 ; }
.client_bot_box ul li{width:20%; height:auto; float:left; text-align:center; list-style:none;}
.bg-white{background:#fff;}
.tot h1{float:left; width:96%; padding:0px; margin:0 0 40px 0; text-align:center; font-family:"playfair_displayregular"; font-size:23px; color:#555555;}


.case_study_txt1{float:left; width:100%;}

@media only screen and (min-width: 768px) and (max-width: 989px) {

.navbar-inverse .navbar-nav > li > a{ font-size:12px; margin:14px 5px 0;}

.whatwedo .b_wrap .col{ min-height:174px;}
.whatwedo .b_wrap h3{ font-size:18px;}

/*=====================innerpages==================================*/
.Contact_left{width:100%; margin-bottom:20px;}
.Contact_right{width:100%;}
.Bnr_cont .cent {
    margin: 0 auto;
    width:100%;
}
.client_bot_box ul li img{width:70px; height:70px;}
.About_three {
    margin: 0;
    width: 100%;
}
}

@media (max-width: 767px) {

#slider .cent img{ max-width:100%;}
#slider .ic_1{ left:10%;}
#slider .ic_4{ right:10%;}
#slider .ic_2{ left:20%;}
#slider .ic_3{ right:20%;}

.whatwedo .b_wrap{ text-align:center;}
.whatwedo .b_wrap i{ float:none;}
.whatwedo .b_wrap h3{ padding-left:0;}
.comment .miancol{ padding:20px; margin:0 10px;}
.comment .miancol .botm_wrap .thumbnl{ width:100%; text-align:center; margin-bottom:15px;}
.comment .miancol .botm_wrap h3, .comment .miancol .botm_wrap p{ padding-left:0; text-align:center;}
.comment .miancol .botm_wrap h3::before{ width:100%; left:0;}
.our_prev_proj ul li{ width:100%; margin-right:0; margin-bottom:15px;}

.footer_top .col-lg-3{ margin-bottom:20px;}
.social{ text-align:center;}
.copyrgt.text-right{ text-align:center;}
.copyrgt{ margin-top:10px;}

.comment .miancol .prev{ left:-15px; width:15px; top:50%; margin-top:-10px; height:auto;}
.comment .miancol .prev img, .comment .miancol .next img{ max-width:100%;}
.comment .miancol .next{ right:-15px; width:15px; height:auto; top:50%; margin-top:-10px;}
.rest_fr_quote .btn{ font-size:20px;}
#slider{ padding-top:50px;}

.navbar-nav{ background:#000; margin-top:0; text-align:center;}

/*=====================Pop Up Css Pawan================================*/

.Quote_bx-lt{width:98%; margin:0 1% 25px 1%; }
.Quote_bx-lt label{font-size:15px;}
.Quote_bx-lt input{font-size:13px;}
.Quote_row2 h1 {
    font-size:24px;
}
.Quote_row2 h2 {
    font-size: 12px;
}
.Quote_bx-in h1 {font-size:25px;}
.Quote01_bx01 {
    margin: 0 0;
    width: 100%;
}
.Quote01_bx-lt textarea {
    height: 159px;
    padding: 8px 0;
    width: 100%;
}
.Quote_bx_send {
    margin: 0;
    width:100%;
}
.t_wrap a{font-size:13px}

.Contact_left{width:100%; margin-bottom:20px;}
.Contact_right{width:100%;}
.Bnr_cont .cent {
    margin: 0 auto;
    width:100%;
}
.Bnr_cont .cent h1 {
font-size:30px;
}
.About_one {
    width:100%;
	margin-bottom:50px;
}
.About_two {
    width:100%;
	margin-bottom:50px;
}
.About_three {
    width:100%;
	margin:0px;
}
.About_text {
    width:100%;
}
.About_text_two {
    width:100%;
	margin-bottom:10px;
}
.About_one img{width:100%; margin:0px;}
.About_two img{width:100%;}
.client_bot_box{width:100%; margin:50px 0;}
.client_bot_box ul li img{width:70px; height:70px;}
.About_three {
    margin: 0;
    width: 100%;
}
}

@media (max-width: 580px) {

#slider .cent{ width:auto; margin:0 40px;}

#slider .ic_1 .fa, #slider .ic_2 .fa, #slider .ic_3 .fa, #slider .ic_4 .fa{ font-size:40px;} 
#slider .ic_1{ width:auto; left:-10px;}
#slider .ic_2{ width:auto; left:10px;}
#slider .ic_3{ width:auto; right:10px;}
#slider .ic_4{ width:auto; right:-10px;}
.t_wrap ul li{font-size:13px; width:100%!important; float:left; border:0px!important; margin-bottom:10px;}
.t_wrap ul li a{font-size:13px; width:100%!important; float:left; border:0px!important; margin-bottom:10px;}
.t_wrap ul li:hover{font-size:13px; width:100%!important; float:left; margin-bottom:10px; border:0px!important; color:#fdc916; }
.t_wrap .actv{font-size:13px; width:100%!important; float:left; margin-bottom:10px; border:0px!important; color:#fdc916;}
.t_wrap .active{font-size:13px; width:100%!important; float:left; margin-bottom:10px; border:0px!important; color:#fdc916;}
.Creative_services .t_wrap{float:left; width:100%;}

.Blog_left{width:100%; margin-bottom:10px;}
.Blog_right{width:100%;}
.client_bot_box ul li img{width:80%;}



}


@media (max-width: 400px) {

.Quote_bx_bottom_row2 {
    margin: 5px 0 -55px;
}
.Quote_bx_bottom_row2 img{
width:81px;
height:81px;
}

.creat_ser_markt ul li{
	
	width:100%;
	margin:0 0 15px 0;

}
}
/**************inner blog css***************/
.Rgt_blg {
width: 100%;
float: right;
margin-left: 10%;
margin-left: 2%;
padding: 0% 2%;
background: #DBDBDB;;
border-radius: 0px;
}
ul
{
	list-style:none;
}
ul li, a {
margin: 0;
padding: 0;
}
.form-wrappernew {
width: 90%;
padding: 3% 0%;
margin: 10px 0px;
}
.form-wrappernew input {

padding: 2%;

}
.wrappernew input
{
font-family: Open Sans;
font-size: 15px;
font-weight: 100;

padding: 2%;

}
.error-actions {
width: 100%;
margin-right: auto;
margin-left: auto;
}


.commentslist li article header {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 2em;
font-size: 12px;
position: relative;
}
.commentslist li article header h4 {
margin-bottom: .5em;
margin-top: 0;
}
.commentslist li article .comment-avatar img {
float: right;
margin-left: 2em;
margin-bottom: 1em;
border: 5px solid #e7e7e7;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
/*==================================*/

.Blog_inner .Blog_Mian_row .Blog_left, .Blog_inner .Blog_Mian_row .Blog_right{ width:100%;}
.leavreply{ width:100%; float:left;}
.comment-respond h3 {font-family:"playfair_displayregular"; font-size:25px; padding-bottom:8px; border-bottom:#a3a3a3 1px solid; color:#000; margin:0 0 25px 0px; position:relative;}
.comment-respond h3:before{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:-2px;}
.field_rw{ width:100%; float:left; margin-bottom:15px;}
.field_rw label{ width:20%; float:left; font-weight:normal;}
.field_rw .rgt_cl{ width:80%; float:right;}
.t_bx_3{ width:50%; height:40px; background:#fff; border:#ccc 1px solid;    padding-left: 1%;}
.t_bx_4{ width:80%; height:180px; background:#fff; border:#ccc 1px solid;    padding-left: 1%;}
.submit_btn{ background:#fdc916; border:none; padding:10px 30px; cursor:pointer; font-size:20px; text-transform:uppercase; color:#333;}

.Comment_bx{ width:100%; float:left; margin-bottom:30px;}

.Comment_bx .comt_rw{ width:100%; float:left; border-bottom:#ccc  1px ; padding:20px 0px;}
.Comment_bx .comt_rw .thumbnl{ width:12%; float:left;}
.Comment_bx .comt_rw .thumbnl img{ width:100%; border-radius:3px;}
.Comment_bx .comt_rw .detail{ width:86%; float:right;}
.Comment_bx .comt_rw .grd{ width:100%; float:left; margin-bottom:6px;}
.fl{ float:left;}  .fr{ float:right;}
.black{ color:#000;}
.reply_btn{ display:inline-block; position:relative; top:-5px; background:#fdc916; color:#000; padding:4px 15px; font-size:14px; border-radius:3px;}
.Comment_bx .comt_rw_in1{ width:100%; float:left; padding-left:50px;}
.Comment_bx .comt_rw_in2{ width:100%; float:left; padding-left:100px;}
.Comment_bx .comt_rw_in3{ width:100%; float:left; padding-left:150px;}
/*============================29=07=2015======================================*/
.blog_wrap{ width:100%; float:left; margin:20px 0px;}
.lf_blog{ width:70%; float:left;} .rg_blog{ width:26%; float:right;}
.m_t_0{ margin-top:0 !important;}

.Search_bx { width:100%; float:left; margin-bottom:25px; position:relative;}
.Search_bx .t_bx_5{ width: 100%;
    height: 52px;
    background: #ebebeb;
    padding-left: 10px;
    border: #ccc 1px solid; }
.Search_bx .btn_s{ width:50px; height:52px; background:#333 url(assets/img/ic17.png) 14px 18px no-repeat; border:none; position:absolute; right:0; top:0;} .Search_bx .btn_s:hover{ background:#000 url(../images/ic17.html) 14px 18px no-repeat;}

.Blog_grid_2{ width:100%; float:left; margin-bottom:25px;}
.Blog_grid_2 h3{ padding:0 0px 10px; color:#252525;  font-weight: normal; font-size:22px; font-family: 'playfair_displayregular';
text-transform:uppercase; background:url(../images/bdr_botm.html) repeat-x left bottom; margin:0px 0px 20px;}
.Blog_grid_2 ul{ margin:0px; padding:0px 0px;} .Blog_grid_2 ul li{ list-style:none; margin-bottom:18px;}
.Blog_grid_2 ul li a{ display:block; padding-left:22px; background:url(../images/arw3.html) no-repeat 0 5px; text-decoration:none; color:#252525; font-size:16px; } .Blog_grid_2 ul li a:hover{ color:#e8412e;}
.Categories ul li a{background: url(../images/square.html) no-repeat 0 7px !important;}
article > header > p > a{
display:inline-block; position:relative; top:110px; background:#fdc916; color:#000; padding:4px 15px; font-size:14px; border-radius:3px;z-index: 9999;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.lf_blog > div > h1{font-family:"playfair_displayregular"; font-size:25px; padding-bottom:8px; border-bottom:#a3a3a3 1px solid; color:#000; margin:0 0 0px 0px; position:relative;padding-top: 10px;}
#submit{ background:#fdc916; border:none; padding:10px 30px; cursor:pointer; font-size:20px; text-transform:uppercase; color:#333;}
#comment-form > p{text-align:center;}
body > div.mid_wrapper > div > div > div.blog_wrap > div.rg_blog > div > div > h3{
    padding: 0 0px 10px;
    color: #252525;
    font-weight: normal;
    font-size: 22px;
    font-family: 'playfair_displayregular';
    text-transform: uppercase;
    background: url(assets/img/bdr_botm.jpg) repeat-x left bottom;
    margin: 0px 0px 20px;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.rg_blog > div > div > ul > li >a{
display: block;
    padding-left: 22px;
    background: url(assets/img/arw3.png) no-repeat 0 5px;
    text-decoration: none;
    color: #252525;
    font-size: 16px;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.rg_blog > div > div > ul > li{
list-style:none; margin-bottom:18px;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.lf_blog > div.Blog_Mian.Blog_inner > div > p{
font-size: 22px;
color: #555555;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.lf_blog >div.Comment_bx>ol.commentslist.comt_rw >li.comt_rw >ul.children >li{
border-top: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    padding-left: 50px;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.lf_blog > div.Comment_bx > ol.commentslist.comt_rw >li >ul.children >li{
	padding-left: 50px;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.lf_blog > div.Comment_bx > ol.commentslist.comt_rw >li >ul.children >li >ul.children >li{
	padding-left: 50px;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.lf_blog > div.Comment_bx > ol.commentslist.comt_rw >li >ul.children >li >ul.children >li >ul.children >li{
	padding-left: 50px;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.lf_blog > div.Comment_bx > ol.commentslist.comt_rw >li >ul.children >li > article > header > p > a{
top:80px;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.lf_blog > div.Comment_bx > ol.commentslist.comt_rw >li >ul.children >li >ul.children >li > article > header > p > a{
top:80px;
}
body > div.mid_wrapper > div > div > div.blog_wrap > div.lf_blog > div.Comment_bx > ol.commentslist.comt_rw >li >ul.children >li >ul.children >li >ul.children >li> article > header > p > a{
top:80px;
}
article{ padding-bottom: 15px;
    border-bottom: 1px solid;}
	
article > header > h4{float:left;padding-left:50px}
article > header > p{float:right;}
article > figure{margin-top:50px}
article > figure > img{margin-right:15px}
#comment-form > p.form-submit{    margin-bottom: 15px;
    width: 57%;
    float: right;}
	
	/**------------------23-10-2015----------------*/
.Ourpackg{ background:#eee; padding:40px 0px;}
.Buy_wrp{ padding:40px 0 10px; width:100%; float:left;} .pricetble1 ul{ margin:0; padding:0;} 
.pricetble1 ul li{ list-style:none; background:#fff; border:#ccc 1px solid; position:relative; border-radius:8px; width:30%; margin-right:2%; float:left;}
.pricetble1 ul li:last-child{ margin-right:0;} 
.pricetble1 ul li .t_wrap{background:#263238; font-family: 'proxima_nova_rgbold'; padding:30px 15px; font-size:30px; border-radius:8px 8px 0px 0px;} 
.pricetble1 ul li .price_col{ padding:15px; border-bottom:#eee 1px solid; font-family: 'proxima_novasemibold'; font-size:20px;} 
.pricetble1 ul li .ed_cont{ padding:0px; } 
.pricetble1 ul li .ed_cont p{ margin-bottom:0; border-bottom:#eee 1px solid; padding:15px;}
 .pricetble1 ul li .btm{ padding:15px;}

.linght70{ line-height:70px;} 
.pricetble1 ul li .ribn{ width:122px; height:121px; position:absolute; left:-11px; top:-13px;} 
.pricetble1 ul li:nth-child(2){ width:36%; top:-30px; box-shadow:0px 0px 10px rgba(0,0,0,.3);} 
.pricetble1 ul li:nth-child(2) .ed_cont{ padding:0px 0px;} 
.pricetble1 ul li:nth-child(2) .t_wrap{ background:#FDC916;} 

.signup_btn1{ display:inline-block; background:#263238; padding:7px 10px; border-radius:3px; color:#fff; font-family: 'proxima_nova_rgregular'; font-size:16px;  text-decoration:none; min-width:120px;} 

.signup_btn2{ display:inline-block; background:#FDC916; padding:7px 10px; border-radius:3px; color:#fff; font-family: 'proxima_nova_rgregular'; font-size:16px;  text-decoration:none; min-width:120px;}

@media(max-width:767px){
.pricetble1 ul li{ width:100%; margin-right:0; margin-bottom:20px;} 
.pricetble1 ul li:nth-child(2){ width:100%; top:0; box-shadow:none;} 
.Buy_wrp{ padding-top:0px;}
}
@media (min-width: 1280px) {
.signup_btn1{ display:inline-block; background:#263238; padding:10px 20px; border-radius:3px; color:#fff; font-family: 'proxima_nova_rgregular'; font-size:22px;  text-decoration:none; min-width:150px;} 

.signup_btn2{ display:inline-block; background:#FDC916; padding:10px 20px; border-radius:3px; color:#fff; font-family: 'proxima_nova_rgregular'; font-size:22px;  text-decoration:none; min-width:150px;}

.pricetble1 ul li .btm {
    padding: 20px;
}
.pricetble1 ul li .t_wrap {
    background: #263238;
    font-family: 'proxima_nova_rgbold';
    padding: 30px 15px;
    
    border-radius: 8px 8px 0px 0px;
}
body > div.mid_wrapper > div.Ourpackg.rw.bg_blue2.text-center > div > div > ul > li:nth-child(2) > div.t_wrap.white{font-size: 30px !important;}
body > div.mid_wrapper > div.Creative_services > div > div.t_wrap.text-center > div > div > ul{
margin: auto 3%;
}
}
body > div.mid_wrapper > div.Creative_services > div > div.t_wrap.text-center > div > div > ul > li{
float:left;
text-align:center;
}
body > div.mid_wrapper > #aboutus > div > div.row > div > div > i, .cont_main .serv_top i{
font-size:69px;
color:#C7C7C7;
}
body > div.mid_wrapper > #aboutus > div > div.row > div > div > i:hover,body > div.mid_wrapper > #aboutus > div > div.row > div > div > i.current{
color:#F7C126;
}
body > div.mid_wrapper > div.Build_reput > div > div > div.row > div > div > i{
font-size:69px;
color:#C7C7C7;
}
body > div.mid_wrapper > div.Build_reput > div > div > div.row > div > div > i:hover,body > div.mid_wrapper > div.Build_reput > div > div > div.row > div > div > i.current{
color:#F7C126;
}

@media (max-width: 800px){
body > div.mid_wrapper > div.Creative_services > div > div.t_wrap.text-center > div > div > ul {
    margin: auto 1% !important;
   
}
body > div.mid_wrapper > div.Creative_services > div > div.t_wrap.text-center > div > div > ul > li {
    margin: 0px 1%;
   
}
.t_wrap ul li a {
    font-size: 17px;
   
}
}
@media (max-width: 768px){
body > div.mid_wrapper > div.Creative_services > div > div.t_wrap.text-center > div > div > ul {
    margin: auto 1% !important;
   
}
body > div.mid_wrapper > div.Creative_services > div > div.t_wrap.text-center > div > div > ul > li {
    margin: 0px 1%;
   
}
}
@media(max-width:1280px){

.overlay{overflow:scroll;}
.overlay1{overflow:scroll;}
body > div.mid_wrapper > div.Creative_services > div > div.t_wrap.text-center > div > div > ul {
    margin: auto 3%;
   
}
}
@media(max-width: 980px){
body > div.mid_wrapper > div.Creative_services > div > div.t_wrap.text-center > div > div > ul {
    margin: auto 0%;
   
}
.t_wrap ul li {
    
    margin: 0px 2%;
    
}
.t_wrap ul li a {
    font-size: 20px;
   
}

}

/*--------------------portfolio popup css------------------------*/
.popup_area {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, .6);
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    text-align: center;
}

.popup_cont {
    display: inline-block;
    width: 60%;
    margin-top: 20px;
}
.tp_cont {
    float: left;
    width: 100%;
}
.popup_inner {
    float: left;
    width: 100%;
    margin-top: 20px;
}
.pull-left {
    float: left;
	padding-left: 10px;
}
.tp_cont h2 {
    color: #fff;
    font-size: 35px;
    text-align: left;
}
.close_ui_sect {
    float: right;
    padding: 10px;
}
a {
    text-decoration: none;
    outline: none;
    color: #a9a9a9;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
img {
    padding: 0;
    margin: 0;
    max-width: 100%;
    float: none;
    border: none;
}
.popup_inner img {
    width: 100%;
}

 body > div.mid_wrapper > div.Build_reput > div > div > div.row > div > div > i:hover, #aboutus > div > div.row > div > div > i { 
  cursor: pointer;
}

.wrapper7 { 
  overflow: hidden; 
} 
.sliding-background99 { 
  background: url("../../../images/bg77.jpg") repeat-x;
} 
.container99 {
  width: 100%;
}
.container88 {
  background-color: #000000;
  opacity: 0.6;
    padding: 20px 20px 20px 20px;
  margin: auto;
  text-align: left;
}