/*==================================
      * Author        : "HelloXpert"
      * Template Name : picasso | HTML Template
      * Version       : 1.0
  ==================================== */

/*=========== TABLE OF CONTENTS ===========

    01. GENERAL CSS 
    02. COMMON CSS ALL PAGE 
    03. FOOTER AREA
    04. HOME DEFAULT 
    05. HOME GRAPHICS 
    06. HOME MASONERY 
    07. HOME SHOWCASE 
    08. HOME AGENCY 
    09. HOME GRID MASONERY 
    10. HOME BOXED 
    11. HOME FULL GRID 
    12. HOME BLOG 
    15. PORTFOLIO PAGE 
          i    PORTFOLIO SINGLE-1 
          ii.  PORTFOLIO SINGLE-2 
          iii. PORTFOLIO SINGLE-3 
          iv.  PORTFOLIO SINGLE-4  
    16. SHOP PAGE 
          i.   SHOP SIDEBAR LEFT 
          ii.  SHOP SIDEBAR RIGHT 
          iii. SHOP CART PAGE 
          iv.  SHOP CHECK OUT 
          v.   SHOP SINGLE PAGE 
    17. BLOG PAGE 
          i.   STANDERD BLOG PAGE 
          ii.  BLOG SINGLE PAGE 
          iii. SIDEBAR GRID BLOG PAGE 
          iv.  MASONRY BLOG PAGE 
          v.   SIDEBAR MASONERY BLOG PAGE 
    18. ABOUT US PAGE
    19. ABOUT ME PAGE
    20. SERVICE PAGE 
    21. CONTACT PAGE 
    22. ONE PAGE 
          i.   PHOTOGRAPHER ONEPAGE
          ii.  CORPORATE ONEPAGE
          iii. PORTFOLIO ONEPAGE 
          iv.  FREELANCER ONEPAGE 
    23. SCROLL TO TOP
    24. PRELOADER

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

/*=================================*/
/*  01. GENERAL CSS 
/*=================================*/
*{
    padding: 0;
    margin: 0;
}
*{box-sizing:border-box;}
body{
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 24px;
    max-width:1920px;
    margin:0 auto;
}
a,a:hover,a:active,a:focus{text-decoration:none;color: #000;}
h1,h2,h3,h4,h5,h6{margin: 0;font-weight : normal}
p{margin: 0;line-height: 24px;}
ul{
    padding: 0;
    margin: 0;
    list-style: none
}
.nopadding{margin: 0 !important;padding: 0 !important}
select,input,textarea{outline:0;}
.floatleft{float: left;}
.floatright{float: right;}
.fix{overflow: hidden;}
html,body{
    height: 100%;
}
@font-face{
	font-family : CabinSketch-Bold;
	src: url(../fonts/CabinSketch-Bold.ttf);
}
@font-face{
  font-family : AMBIENT;
  src: url(../fonts/AMBIENT.OTF);
}
/*=================================*/
/*  02. COMMON CSS ALL PAGE  
/*=================================*/
/*****************
    Menu One
 *****************/
 .btn-secondary {
	 padding:15px;
	 width:220px;
	 font-size:14px;
	 font-weight:bold;
	 border:2px solid #000;
	 border-radius:125px;
	 background:#fff;
	 color:#000;
	 transition:all .2s ease-in-out;
 }
 .btn-secondary:hover {
	background:#000;
	color:#fff;
 }
.header-area {
    background-color: transparent;
    position:absolute;
    z-index:1;
    left: 0;
    right: 0;
    top: 0;
}
.header-area.stick {
    animation: 800ms ease-in-out 0s normal fadeInDown;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    position: fixed;
    z-index: 1000;
}
.header-bottom.stick {
    animation: 800ms ease-in-out 0s normal fadeInDown;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
}
.boxed-layout .header-area,
.box-layout .header-area,
.boxed-layout .header-bottom,
.box-layout .header-bottom {
    left: auto;
    max-width: 1240px;
    right: auto;
    width: 100%;
    z-index: 9999999;
}
.header-area-1 {
    padding-left: 50px;
    padding-right: 50px;
}
.header-left-1 {
    left: 50px;
    position: absolute;
    top: 0;
}
/* ========Logo ==========*/
.logo1 {
    display: inline-block;
    margin: 21px 0;
    vertical-align: top;
}
.stick .logo1 {margin: 25px 0 24px;}
.logo-2 {
  display: inline-block;
  margin: 25px 0 24px;
  vertical-align: top;
}
.menu-wrapper-1 {
    display: block;
    float: left;
    width: 100%;
}
.menu {
    display: inline-block;
    float: right;
    vertical-align: top;
}
.menu ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 47px 0 47px 32px;
}
.menu ul li {
    position: relative;
    display: inline-block;
}
/*-----------Navigation css here--------*/
.menu ul li {
    display: inline-block;
    margin-left: 25px;
    position: relative;
}
.menu ul li a {

    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 33px 0;

   font-family: Raleway;
}
  .dropdown-menu li a{
   padding-top:5px;
 }
 .dropdown-menu li:hover{
     color:#fff;
 }
.menu ul li .dropdown_menu {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translateY(15px);
    transition: all 0.5s ease 0s;
    visibility: hidden;
    width: 220px;
    z-index: 99;
    padding: 15px 0;
}
.menu ul li:hover .dropdown_menu,.menu ul li .dropdown_menu li:hover ul.dropdown-submenu {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}
.menu ul li .dropdown_menu li a {
    color: #272727;
    font-family: "Dosis",sans-serif;
    font-size: 11px;
    padding: 0 28px;
    letter-spacing: 2px;
    font-family: 'Open Sans', sans-serif;
}
.menu ul li .dropdown_menu li {
    border-bottom: 1px solid transparent;
    display: block;
    margin: 0;
    padding: 5px 0;
    text-align: left;
    position: relative;
}
.menu ul li .dropdown_menu li:last-child {border: medium none;}
.menu ul li:hover a,
.menu ul li:hover ul li a:hover,
.menu ul li .dropdown_menu li:hover a,
.menu ul li .dropdown_menu li:hover li a:hover,
.header-style6 .menu ul li:hover a,
.header-style6 .menu ul li:hover ul li a:hover,
.header.header-style3 .menu ul li:hover a,
.header.header-style3 .menu ul li:hover li a:hover {color: inherit;}
.menu ul li:hover ul li a,.menu ul li .dropdown_menu li:hover li a,.header-style6 .menu ul li:hover ul li a,.header.header-style3 .menu ul li:hover li a {color: #555;}
.menu ul li .dropdown_menu li ul.dropdown-submenu {
    background-color: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    transform: translateY(10px);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    opacity: 0;
    padding: 15px 0;
}
.menu ul li .dropdown_menu li.dropdown_submenu_inner::before {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 25px;
    color: #252525;
}
/* ---------Mobile Menu Style 1---------- */
.mobile-menu-wrapper-1 {
    display: block;
    float: left;
    width: 100%;
    background: #fff;
}
.mobile-menu-wrapper .meanmenu-reveal {
    color: #333333;
    font-size: 30px;
    height: 28px;
    padding: 0;
    top: -55px;
    transition: all 0.3s ease 0s;
    width: 28px;
}
.stick .mobile-menu-wrapper .meanmenu-reveal {top: -60px;}
.mobile-menu-wrapper.meanmenu-reveal:hover {color: #f58533;;}
.mobile-menu-wrapper .meanmenu-reveal i {
    display: block;
    line-height: 28px;
}
.mean-bar {
    background-color: transparent;
    float: left;
    min-height: auto;
    padding: 0;
    top: 100%;
    z-index: 9999;
}
.mean-nav {
    background: transparent none repeat scroll 0 0;
    float: left;
    margin: 0;
    position: relative;
    width: 100%;
}
.mean-nav ul li.mean-last {margin-bottom: 15px;}
.mean-nav ul li a,
.mean-nav ul li li a,
.mean-nav ul li li li a {
    border-color: transparent;
    opacity: 1;
    padding: 10px 0;
    transition: all 0.3s ease 0s;
}
.mean-nav ul li li a {
    padding-left: 20px;
    font-size: 11px;
}
.mean-nav ul li li li a {
    padding-left: 40px;
    font-size: 11px;
}
.mean-nav ul li a:hover {
    background-color: transparent;
    color: #f58533;
}
.mean-nav .mean-expand {
    background-color: transparent;
    border: medium none !important;
    font-size: 20px !important;
    height: 44px;
    line-height: 44px;
    padding: 0 !important;
    position: absolute;
    right: 0;
    text-align: center;
    top: 1px;
    width: 40px;
}
.mean-nav .mean-expand.mean-clicked {font-size: 20px !important;}
.mean-nav .mean-expand:hover {color: #f58533;;}
.menu {
    display: inline-block;
    float: right;
    vertical-align: top;
    text-align: right;
    margin-right: 15px;
}
/*****************
    Menu Three
 *****************/
#main-menu-three .home2>.navigation{margin-top:0px;}
#main-menu-three nav.navbar.navbar-default.navbar-fixed-top.home3 {
    background: #f3f3f3;
    padding: 30px 0;
}
#main-menu-three nav.navbar.navbar-default.navbar-fixed-top.home2 {
    background: transparent;
    padding: 30px 0;
}
#main-menu-three .h33{ padding: 0px !important;margin-top:0!important;}
#main-menu-three .navigation {
    padding: 0 100px;
    overflow: hidden;
    position: relative;
}
#main-menu-three .sidebar-top {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
#main-menu-three .pull-right {margin-top: 4px;}
#main-menu-three .menu-icon img {
    margin-left: 2px;
    margin-top: -5px;
}
#main-menu-three .btn-default {
  	color: #333;
  	background-color: transparent;
  	border-color: #333;
}
#main-menu-three .btn {
    display: inline-block;
    padding: 2px 8px;
    font-size: 18px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    color: #d9d9d9;
    margin-bottom: 50px
}
#sidebar-wrapper.active {
    background-color: #3f3f3f;
    right: 350px;
    width: 320px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
#main-menu-three .sidebar-nav li a:hover, a:active{
    color:#d9d9d9;
    background:transparent;
}
#main-menu-three .sidebar-nav li a:focus{
    color:#d9d9d9;
    background:transparent;
}
#main-menu-three .sidebar-nav li a{
    color: #d9d9d9;
    transition: .5s;
    letter-spacing: 2px;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
    line-height: 28px;
}
#main-menu-three .sidebar-nav li {
    list-style: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 38px;
}
#main-menu-three .sidebar-nav {position: relative;text-align: center;}
#sidebar-wrapper {
    padding: 30px;
  	margin-right: -350px;
  	top:0;
  	right: 0;
  	width: 350px;
  	position: fixed;
  	height: 100%;
  	overflow-y: auto;
  	z-index: 1000;
  	transition: all 0.5s ease-in 0s;
  	-webkit-transition: all 0.5s ease-in 0s;
  	-moz-transition: all 0.5s ease-in 0s;
  	-ms-transition: all 0.5s ease-in 0s;
  	-o-transition: all 0.5s ease-in 0s;
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;outline:0;}
#main-menu-three .list-group {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#main-menu-three .logo {float: left;}
#main-menu-three .navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin: 0;
}
#menu-toggle {
    float: right;
    display: inline-block;
    padding-top: 8px;
}
.list-group-item {
    position: relative;
    display: block;
	  font-size:13px;
    padding: 0;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid transparent;
}
/*=================================*/
/*  03. FOOTER AREA 
/*=================================*/
.footer {
    background-color: #efefef;
    padding: 54px 0 60px;
    text-align: center;
}
.footer_menu li {display: inline-block;}
.footer_menu li a {
    color: #1c1c1c;
    font-size: 12px;
    margin: 0px 16px;
    letter-spacing: 1px;
    display: block;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
}
.footer hr {
    border-top: 1px solid #bdbdc0;
    max-width: 200px;
    margin: 28px auto 35px;
}
p.address-footerH2,
p.address-footerH2 .email_h2,
p.address-footerH2 .phoneNo_h2 {
    color: #e8e8e8;
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 15px;
    margin-top: 36px;
}
.footer2 hr {
    border-top: 1px solid #666565;
    margin: 33px auto 34px;
}
.email_h2{color: #b4b3b3;}
.phoneNo_h2{color: #b4b3b3;}
.footer h3 {
    color: #1c1c1c;
    font-size: 12px;
    letter-spacing: 2px;
    margin: 0px 15px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
}
.footer2 h3 {
    color: #959595;
    font-size: 14px;
    font-family: 'Josefin Sans', sans-serif;
}
.footer6{background-color: #232323}
.footer6 hr{border-top: 1px solid #8b8b8b;}
.footer_menu6 li a {
    color: #dbdbdb !important;
    letter-spacing: 2px;
}
.footer6 h3{
  color: #999999 !important;
  font-family: 'Dosis', sans-serif;
}
.footer2 {
    background-color: #4f4f4f;
    padding: 95px 0px 100px;
}
.footer_footer2 li a {
    color: #d0d0d0 !important;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 2px;
    margin: 0px 28px;
    font-weight: 400;
    font-size: 13px;
}
/*=================================*/
/*  04. HOME DEFAULT 
/*=================================*/
/*=======Slider Area Section======*/
#P_MS58f6e1d26a722 {
    position: relative;
    visibility: visible;
}
#P_MS58f6e1d26a722 .msp-cn-122-8 {
    background-color: #000;
    padding:18px 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 50px;
    line-height: 50px;
    white-space: nowrap;
    color: #fff;
    letter-spacing: 4px;
}
#P_MS58f6e1d26a722 .msp-cn-122-7 {
    background-color: #000;
    padding:18px 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 50px;
    line-height: 50px;
    white-space: nowrap;
    color: #fff;
    letter-spacing: 4px;
}
#P_MS58f6e1d26a722 .msp-cn-122-13 {
    background-color: #000;
    padding:18px 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 50px;
    text-align: right;
    line-height: 50px;
    white-space: nowrap;
    color: #f9f9f9;
    letter-spacing: 4px;
}     
#P_MS58f6e1d26a722 .msp-cn-122-12 {
    background-color: #000;
    padding:18px 20px;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 50px;
    text-align: right;
    line-height: 50px;
    white-space: nowrap;
    color: #f9f9f9;
    letter-spacing: 4px;
    width:437px;  
}
/*====masoner home-1===*/
.demo{ 
    background: url(../images/testimonial_h1_bg.jpg) no-repeat scroll center center / cover;
    padding: 75px 0px 75px;
    position: relative;
}
.h1_testimonial_overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0, .9);
    background-color: rgba(69,69,69, .95);
} 
.testimonial_h1 .pic_h1 {
    width: 22%;
    padding: 24px 0;
    margin: 0 2% 0 4%;
    float: left;
    position: relative;
    z-index: 1;
}
.testimonial_h1 .pic_h1:before,
.testimonial_h1 .pic_h1:after{
    content: "";
    width: 116px;
    height: 140px;
    background: #fafafa;
    position: absolute;
    z-index: -1;
}
.testimonial_h1 .pic_h1:before{
    top: 0;
    right: -20px;
}
.testimonial_h1 .pic_h1:after{
    bottom: 0;
    left: -20px;
}
.testimonial_h1 .pic_h1 img{
    width: 100%;
    height: auto;
    border: 4px solid #fafafa;
}
.testimonial_h1 .testimonial-content {
    width: 70%;
    float: right;
}
.testimonial_h1 .title {
    display: block;
    font-size: 16px;
    color: #fafafa;
    margin: 0;
    padding-top: 50px;
    padding-left: 15px;
    letter-spacing: 3px;
}
.testimonial_h1 .post {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
    color: #d2d2d2;
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 30px;
    padding-left: 15px;
    letter-spacing: 1px;
}
.testimonial_h1 .description_h1 {
    font-size: 13px;
    line-height: 26px;
    color: #dbdbdb;
    padding: 0 15px;
    margin: 0;
    position: relative;
    max-width: 760px;
    letter-spacing: 1px;
}
.testimonial_h1 .description_h1:before,
.testimonial_h1 .description_h1:after{
    font-family: 'FontAwesome';
    font-size: 18px;
    color: #dbdbdb;
    position: relative;
}
.testimonial_h1 .description_h1:before{
    content: "\f10d";
    margin-right: 5px;
    top: 0;
    left: 0;
}
.testimonial_h1 .description_h1:after{
    content: "\f10e";
    margin-left: 5px;
    position: relative;
    bottom: 0;
    right: 0;
}
/*========Controls-2==========*/
.demo .owl-nav div {
    height: 35px;
    width: 35px;
    text-align: center;
    position: absolute;
    bottom: 15px;
    line-height: 35px;
    left: 33%;
    font-size: 22px;
    color: #6a6a6a;
    border-radius: 50%;
    color: #dbdbdb
}
.demo .owl-nav div.owl-next {
    right: 0;
    left: 38%;
}
.demo .owl-nav div.owl-next:after {
    content: "";
    font-size: 40px;
    color: #bfbfbf;
    position: absolute;
    top: 5px;
    left: -12px;
    width: 3px;
    height: 25px;
    background-color: #bfbfbf;
}
@media only screen and (max-width: 990px){
    .testimonial_h1{ text-align: center; }
    .testimonial_h1 .pic_h1{
        width: 200px;
        margin: 0 auto;
        float: none;
    }
    .testimonial_h1 .pic_h1:before,
    .testimonial_h1 .pic_h1:after{
        width: 80px;
        height: 100px;
    }
    .testimonial_h1 .testimonial-content{
        width: 100%;
        float: none;
        margin-top: 15px;
    }
    .testimonial_h1 .title{
        padding: 15px 0 0 0;
    }
    .testimonial_h1 .post{
        padding: 0;
        margin-bottom: 10px;
    }  
}
/*about section home-1*/
.About_H_1 {
    padding: 119px 0px 122px;
    background-color: #f9f9f9;
    overflow: hidden;
}
.about_left_h1 h2 {
    color: #484848;
    max-width: 460px;
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    margin-bottom: 45px;
    line-height: 60px;
}
.about_left_h1 p {
    color: #646464;
    font-size: 13px;
    line-height: 28px;
    margin-bottom: 23px;
}
.row_h1_about {margin-top: 73px;}
.h1_about_column_4_single h5 {
    color: #656565;
    font-size: 12px;
    margin-top: 23px;
    letter-spacing: 1px;
}
.about_right_h1 {
    position: relative;
    margin-left: 65px;
    height: 600px;
}
.about_right_div1 {
    position: absolute;
    left: 0;
    top: 0;
}
.about_right_div2 {
    position: absolute;
    top: 60px;
    left: 230px;
}
.about_right_div3 {
    position: absolute;
    top: 300px;
    left: -40px;
}
.about_right_div1,
.about_right_div2,
.about_right_div3 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.container_nij{
  max-width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}

/*======massonery=====*/
.h1_section_title_area h2{
    color: #1d1d1d;
    font-size: 40px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 4px;
}
.portfolio-h1_Area {margin-top: 17px;}
#Portfolio_h1_area {
    overflow: hidden;
    padding: 113px 0px 112px;
}
.Default-container{
  position: relative;
   min-height: 700px;
 }
.portfolio-preview-1 img{width:100%;}
.Default-item--width2 {width:  66.6666666666666666%;}
.Default-item--width4 {width: 33.33333333333333333%; }
.Default-item--height2 {width:  25%;}
.Default-item {
    padding: 15px;
    display: inline-block;
    float: left;
    position: relative;
    overflow: hidden;
}
.Default-sizer{width: 33.33333333333333333%;}
.Default-menu {
    letter-spacing: 2px;
    margin-top: 68px;
    text-align: center;
    margin-bottom: 17px;
}
.Default-menu .title{
    font-size: 18px;
    line-height: 40px;
    font-weight: 900;
    color: #000;
    text-align: center;
    border-bottom: 1px #000 solid;
    cursor: pointer;
    padding: 0 30px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}
.Default-menu .title:after{
    width: 10px;
    height: 10px;
    border-right: 1px #000 solid;
    border-bottom: 1px #000 solid;
    content: "";
    position: absolute;
    right: 24px;
    top: 14px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.Default-menu .title.active:after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
 }
.Default-menu a {
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    margin: 0 13px;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-family: 'Roboto', sans-serif;
}
.Default-menu a.active{color: #000;}
.Default-menu a span.text{
    display: inline-block;
    position: relative;
 }
.Default-menu a span.text:after {
    left: 100px;
    right: 100px;
    top: 50%;
    height: 1px;
    background: #000;
    position: absolute;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}
.Default-menu a.active span.text:after{
    left: -5px;
    right: -5px;
}
.Default-menu a span.number{
    display: inline-block;
    position: relative;
    top: -7px;
}
.load_more_h1project {
    color: #5e5e5e;
    font-size: 13px;
    letter-spacing: 1.7px;
    margin-right: 15px;
    margin-top: 35px;
    display: inline-block;
}
.load_more_h1project:focus {color: #5e5e5e;}
.load_more_h1project i {
    color: #414141;
    margin-left: 4px;
}
/*-----Portfolio hover efect ---------*/
.portfolio_preview_hh_1{
    position: relative;
    overflow: hidden;
}
.portfolio_preview_hh_1 a{cursor: url(../images/icon-move_plus_agency_cursor_p1.png), move;}
.portfolio_preview_hh_1 .overlay {
    position: absolute;
    text-align: center;
    left: 30px;
    bottom: 30px;
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
}
.portfolio_preview_hh_1 .hover-txt {
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
.portfolio_preview_hh_1 .hover-txt {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.portfolio_preview_hh_1 .table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.portfolio_preview_hh_1 h5 {
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    font-family: 'Roboto', sans-serif;
}
.portfolio_preview_hh_1 h3 {
    color: #232323;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
}
.portfolio_preview_hh_1 img{
    transition: all 0.7s;
    width:100%;
}
.portfolio_preview_hh_1:hover img{
    filter: opacity(0.2);
    -webkit-filter: opacity(0.2);
}
.portfolio_preview_hh_1 .h-border {
    border-top: 1px solid #363636;
    width: 60px;
    margin: 7px auto 9px;
}
.portfolio_preview_hh_1:hover .overlay,
.portfolio_preview_hh_1:hover .hover-txt{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity:1;
}
/*======end portfolio hover efect===== */
/*====for toggle nav====*/
@media (max-width: 767px) {
  .Default-menu a{
    display: block;
    margin: 0;
    text-align: center; 
    padding: 10px 0;
  }
  .Default-menu .title{display: block;}
  .Default-menu .toggle{
    padding-top: 10px; 
    display: none;
  }
  .portfolio-preview-2 .top-icon{display: none;}
}
@media (max-width: 640px) {
    .Default-item.Default-item--width2,
    .Default-item.Default-item--height2,
    .Default-item.Default-item--width4{width: 100%;}
}
/*=================================*/
/*  05. HOME GRAPHICS 
/*=================================*/
.rev_slider_wrapper{overflow: hidden}
/*===2. Latest work / content-block====*/
#Portfolio_H_2 {
    overflow: hidden;
    background-color: #fcfbfc;
    padding: 113px 0 105px;
}
.Graphics-menu {
    font-size: 0;
    margin-top: 40px;
    margin-bottom: 9px;
}
.Graphics-menu .title{
    font-size: 18px;
    line-height: 40px;
    font-weight: 900;
    color: #747474;
    text-align: center;
    border-bottom: 1px #747474 solid;
    cursor: pointer;
    padding: 0 30px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Graphics-menu .title.active:after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.Graphics-menu a {
    font-size: 16px;
    color: #747474;
    line-height: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    list-style: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    margin-left: 35px;
}
.Graphics-menu.toggle a:hover{color: #747474;}
.Graphics-menu.toggle a:active{color: #747474;}
.Graphics-menu a span.text {
    display: inline-block;
    position: relative;
    color: #000;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
.Graphics-menu a span.text:after {
    left: 100px;
    right: 100px;
    top: 50%;
    margin-top: 1px;
    height: 1px;
    background: #747474;
    position: absolute;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}
.Graphics-menu a.active span.text:after{
    left: -5px;
    right: -5px;
}
.Graphics-menu a span.number{
    display: inline-block;
    position: relative;
    top: -7px;
}
.Graphics-container{
  position: relative; 
  min-height: 700px;
}
.portfolio-preview-1 img{width:100%;}
.Graphics-item--width2 { width:  50%; }
.Graphics-item--width4 { width:  33.333333333333336%; }
.Graphics-item--height2 { height: 398px;}
.Graphics-item {
  padding: 15px;
  float: left;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.Graphics-sizer{width:  33.333333333333336%;}
@media (max-width: 767px) {
    .Graphics-menu{margin: 0;}
    .Graphics-menu a{
        display: block;
        margin: 0;
        text-align: center;
        padding: 10px 0;
    }
    .Graphics-menu .title{display: block;}
    .Graphics-menu .toggle{padding-top: 10px; display: none;}
}
@media (max-width: 640px) {
    .Graphics-item.Graphics-item--width2,
    .Graphics-item.Graphics-item--width4{width: 100%;}
}
#Portfolio_H_2 .section-title h2 {
    font-family: CabinSketch-Bold;
    color: #ff9f16;
    font-size: 35px;
    letter-spacing: 3.3px;
}
#Portfolio_H_2 .portfolio-preview-1 .overlay {
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(250, 250, 250, 0.9);
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
}
#Portfolio_H_2 .portfolio-preview-1 .hover-txt {
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
#Portfolio_H_2 .portfolio-preview-1 .hover-txt {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#Portfolio_H_2 .portfolio1-content {
    background-color: #f4f4f4;
    padding: 15px 20px;
}
#Portfolio_H_2 .portfolio-preview-1 {
    position: relative;
    overflow: hidden;
}
#Portfolio_H_2 .hover-txt {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}
#Portfolio_H_2 .portfolio-preview-1 .table-cell {
    display: table-cell;
    vertical-align: middle;
}
#Portfolio_H_2 .hover-txt h4 a {
    color: #757575;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    text-decoration: none;
    font-style: italic;
    font-family: 'Josefin Sans', sans-serif;
}
#Portfolio_H_2 .portfolio-preview-1:hover img{
	filter: opacity(0.3);
	-webkit-filter: opacity(0.3);
}
#Portfolio_H_2 .portfolio-preview-1:hover .overlay,
#Portfolio_H_2 .portfolio-preview-1:hover .hover-txt{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:1;
}
#Portfolio_H_2 .portfolio-preview-1 img{
	transition: all 0.7s;
	width:100%;
}
#Portfolio_H_2 .portfolio-left {
    display: inline-block;
    color: #5e5e5e;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
}
#Portfolio_H_2 .portfolio-left h5 {
    color: #9c9c9c;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    margin-top: 6px;
}
#Portfolio_H_2 .portfolio1-right {float: right;}
#Portfolio_H_2 .reviews-star{
  margin: 0;
  padding: 0;
}
#Portfolio_H_2 .reviews-star li {
    list-style: none;
    display: inline-block;
    padding-right: 2px;
    color: #747474;
    font-size: 14px;
}
#Portfolio_H_2 .toggle {
    text-align: center;
    padding: 0;
    margin: 0;
}
/*=================================*/
/*  06. HOME MASONERY 
/*=================================*/
/*=====Portfolio=====*/
.full_width_masonery-container{position: relative;}
.full_width_masonery-item img{width:100%;}
.full_width_masonery-item--width2 { width:  50%; }
.full_width_masonery-item--width4 { width:  25%; }
.full_width_masonery-item--height2 { }
.full_width_masonery-item {
    display: inline-block;
    float: left;
    position: relative;
    overflow: hidden;
}
.full_width_masonery-sizer{width: 25%;}
@media (max-width: 768px) {
  	.full_width_masonery-item.full_width_masonery-item--width2,
  	.full_width_masonery-item.full_width_masonery-item--width4{width: 50%;}
}
@media (max-width: 480px) {
  	.full_width_masonery-item.full_width_masonery-item--width2,
  	.full_width_masonery-item.full_width_masonery-item--width4{width: 100%;}
}
/*=================================*/
/*  07. HOME SHOWCASE 
/*=================================*/
#main-menu-three .navbar-collapse{padding:0;float:right;}
#main-menu-three .navigation {
    padding: 15px 0px;
    overflow: hidden;
    position: relative;
}
#main-menu-three .sidebar-top {
    position: relative;
    overflow: hidden;
    margin-bottom: 124px;
}
#main-menu-three .pull-right {margin-top: 4px;}
#main-menu-three .btn-default {
    color: #333;
    background-color: transparent;
    border-color: #333;
}
#main-menu-three .btn {
    display: inline-block;
    padding: 2px 8px;
    font-size: 18px;
    border: 1px solid #d9d9d9;
    border-radius: 0;
    color: #d9d9d9;
}
#sidebar-wrapper.active {
    background-color: #3f3f3f;
    right: 350px;
    width: 320px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
#main-menu-three .sidebar-nav li a {
    color: #d9d9d9;
    transition: .5s;
    letter-spacing: 2px;
    font-weight: 600;
}
#main-menu-three .sidebar-nav li {
    list-style: none;
    font-size: 18px;
    line-height: 38px;
}
#main-menu-three .sidebar-nav {
    position: relative;
    text-align: center;
    letter-spacing: 1px;
}
#sidebar-wrapper {
    background: #fff;
    padding: 30px;
    margin-right: -350px;
    top:0;
    right: 0;
    width: 350px;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}
#main-menu-three .list-group {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#main-menu-three .logo {float: left;}
#main-menu-three .navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin: 0;
}
#menu-toggle {
    float: right;
    display: inline-block;
    padding-top: 15px;
    color: #161616;
    letter-spacing: 1px;
}
#menu-toggle img {
    margin-left: 2px;
    margin-top: -5px;
}
.ps-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-transform: uppercase;
    color: #555;
    background: #fff;
}
.ps-container > div {
    position: absolute;
    width: 50%;
}

.ps-container > div > div,
.ps-slidewrapper > nav,
.ps-slides > div {
    position: absolute;
}
.ps-header {
  top: 0px;
  left: 0px;
  height: 150px;
  z-index: 1001;
  background: #fff;
}
.ps-header h1 {
  color: #ccc;
  line-height: 150px;
  margin: 0;
  padding: 0 50px;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 10px;
}
.ps-contentwrapper {
    top: 30px;
    bottom: 0px;
    overflow: hidden;
    z-index: 1000;
}
.ps-content {
    background: #fff;
    width: 100%;
    margin-top: 50px;
    height: 100%;
    padding: 50px;
    padding-left: 150px;
}
.title_Section{overflow: hidden}
.ps-content h2 {
    padding: 15px 30px 15px 37px;
    letter-spacing: 1px;
    margin: 10px 0 67px;
    text-align: right;
    font-weight: 700;
    color: #393939;
    letter-spacing: 4px;
    background-color: #ffe1e1;
    position: relative;
    display: inline-block;
    float: right;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Dosis', sans-serif;
}
.ps-content h2:before {
    position: absolute;
    content: "";
    top: 0;
    border-top: 54px solid transparent;
    border-right: 47px solid #ffe1e1;
    bottom: 0;
    left: -47px;
}
.personal-info {
    margin-top: 11px !important;
    list-style: none;
    padding: 0;
    margin: 0;
}
.personal-info li {
    border-bottom: 1px dotted #e2e2e2;
    padding: 12px 0;
}
.personal-info li p {
    margin: 0;
    letter-spacing: 2px;
    font-size: 12px;
    color: #3e3e3e;
    font-weight: 700;
    font-family: 'Dosis', sans-serif;
}
.personal-info li p a{
    margin: 0;
    letter-spacing: 1px;
    font-size: 14px;
    color: #3e3e3e;
    font-size: 12px;
}
.personal-info li span {
    width: 25%;
    float: left;
    font-weight: 700;
    font-size: 12px;
    color: #3e3e3e;
}
.ps-content p {
    line-height: 26px;
    font-size: 12px;
    letter-spacing: 2.5px;
    word-spacing: 5px;
    font-weight: 400;
    color: #8a8787;
    text-align: justify;
    font-family: 'Dosis', sans-serif;
}
.ps-slidewrapper {
  right: 0px;
  top: 0px;
  height: 100%;
  overflow: hidden;
}
.ps-slides {
  top: 0px;
  bottom: 200px;
  width: 100%;
}
.ps-slides > div {
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 9999px rgba(179,157,250,0.1);
}
.ps-slidewrapper > nav {
  width: 100%;
  height: 200px;
  bottom: 0px;
  right: 0px;
  z-index: 1000;
}
.ps-slidewrapper > nav > a {
  width: 50%;
  height: 100%;
  position: relative;
  float: left;
  box-shadow: inset 0 0 0 9999px rgba(207,227,206,0.8);
  outline: none;
}
.ps-slidewrapper > nav > a:first-child {
  box-shadow: inset 0 0 0 9999px rgba(233,217,141,0.8);
}

.no-touch .ps-slidewrapper > nav > a {
  -webkit-transition: box-shadow 0.4s ease-in-out;
  -moz-transition: box-shadow 0.4s ease-in-out;
  -ms-transition: box-shadow 0.4s ease-in-out;
  -o-transition: box-shadow 0.4s ease-in-out;
  transition: box-shadow 0.4s ease-in-out;
}
.no-touch .ps-slidewrapper > nav > a:hover {
  box-shadow: inset 0 0 0 9999px rgba(246,224,121,0.1);
}
.no-touch .ps-slidewrapper > nav > a:first-child:hover {
  box-shadow: inset 0 0 0 9999px rgba(249,15,15,0.1);
}
.ps-slidewrapper > nav > a:after {
    content: '';
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -50px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}
.ps-slidewrapper > nav > a:first-child:after {
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin: -80px 0 0 -50px;
}
.ps-slidewrapper > nav > a {
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: 100%;
}
.ps-slides > div{
    background-color: #fff;
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
}

.ps-move {
    -webkit-transition: top 400ms ease-out;
    -moz-transition: top 400ms ease-out;
    -o-transition: top 400ms ease-out;
    -ms-transition: top 400ms ease-out;
    transition: top 400ms ease-out;
}

@media screen and (max-width: 860px) {
  .js .ps-container > div {
    width: 100%;}
  .js .ps-header {height: 50px;}
  .js .ps-header h1 {
    line-height: 50px;
    padding: 0px 20px;
    letter-spacing: 4px;
  }
  .js .ps-slides {
    bottom: 320px;
    top: 50px;
  }
  .js .ps-slidewrapper > nav {
    height: 100px;
  }
  .js .ps-contentwrapper {
    top: auto;
    height: 220px;
    bottom: 100px;
  }
  .js .ps-content {
    padding: 10px;
  }
  .js .ps-content h2 {
    border-right: none;
    font-size: 18px;
    margin: 10px 0;
    padding-top: 0;
  }
  .js .ps-content span.ps-price {
    font-size: 18px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    margin-bottom: 0;
  }
  .js .ps-content p {
    line-height: 20px;
    border: none;
    padding: 5px 10px;
    height: 80px;
    overflow-y: scroll;
  }
  .js .ps-content a:last-child {
    font-size: 13px;
    margin: 10px 20px 0 0;
  }
}
/*=================================*/
/*  08. HOME AGENCY 
/*=================================*/
/*====Agency_About=====***/
.Agency_about_h5 {
    padding: 115px 0px 120px;
    overflow: hidden;
    background: url(../images/Untitled-1.jpg) no-repeat fixed;
}
.a_about_h5_section{}
.a_about_h5_section {
    margin-top: 79px;
    overflow: hidden;
}
.ag_about_details_h5 {
    margin-top: 76px;
}
.a_about_h5_section .col-md-6 {
    padding: 0;
    margin: 0;
}
.ag_about_pic {
    position: relative;
    padding-bottom: 8px;
}
.ag_about_pic img {width: 85%;}
.asdas {
    position: absolute;
    right: 76px;
    bottom: 0px;
    height: 5px;
    width: 78.5%;
    background-color: #ffb063;
}
.asdas2 {
    position: absolute;
    right: 75px;
    top: 28px;
    height: 97%;
    width: 5px;
    background-color: #ffb063;
}
.a_details_about_h5 {
    color: #1b1b1b;
    font-weight: 600;
    font-size: 24px;
    letter-spacing: 2px;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 25px;
}
.ag_about_details_h5 p{
    color: #717171;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 22px;
    letter-spacing: .5px;
    font-family: 'Roboto', sans-serif;
}
/*=====Agency_Service=====***/
.Agency_service_list {margin-top: 75px;}
.Agency_Service_h5 {
    padding: 115px 0px 115px;
    overflow: hidden;
    background: url(../images/Untitled-4.jpg) no-repeat fixed;
}
.agencyh5_single_service h1{font-size: 100px;
    font-weight: 700;
    color: #e9e9e9;
    z-index: 99999;
    margin-bottom: -48px;
    letter-spacing: 10px;
    margin-left: -30px;
    font-family: 'Oswald', sans-serif;}
.a_service_title_h5 h3 {
    color: #525252;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    font-weight: 600;
}
.a_service_title_h5 h4 {
    color: #5f5e5e;
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    font-weight: 300;
    margin-top: 12px;
}
.agencyh5_single_service hr {
    margin-top: 30px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #cfcfcf;
    max-width: 100px;
}
.agencyh5_single_service_details {
    line-height: 26px;
    font-size: 14px;
    color: #8c8c8c;
    letter-spacing: .8px;
    color: #828282;
}
.A_service_5_details p {
    font-size: 18px;
    color: #737373;
    max-width: 790px;
    margin: 0 auto;
    text-align: center;
    font-weight: 300;
    margin-top: 43px;
    line-height: 35px;
    padding: 0px 15px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
}
/***====Agency_Work=====***/
.Aency-container{position: relative;}
.portfolio-preview-1 img{width:100%;}
.Aency-item--width2 { width:  50%; }
.Aency-item--width4 { width:  25%; }
.Aency-item--height2 { height: 398px;}
.Aency-item {
    padding: 10px;
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.Aency-sizer{width:  25%;}
.Aency_Work_h5 {
    padding: 115px 0px 110px;
    overflow: hidden;
    background: url(../images/Untitled-3_1.jpg) no-repeat fixed;
}
.A_Portfolio_h5_title {margin-top: 50px !important;}
.Aency-menu {
    font-size: 0;
    margin: 54px 0px 16px;
    text-align: center
}
.Aency-menu .title {
    font-size: 18px;
    line-height: 40px;
    font-weight: 300;
    color: #525252;
    text-align: center;
    cursor: pointer;
    padding: 0 30px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Aency-menu a {
    font-size: 14px;
    line-height: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    list-style: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    margin-left: 28px;
}
.Aency-menu a span.text {
    display: inline-block;
    position: relative;
    color: #8c8c8c;
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
}
.Aency-menu a span.text:after{
    left: 100px;
    right: 100px;
    top: 50%;
    margin-top: 1px;
    height: 1px;
    background: #8c8c8c;
    position: absolute;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}
.Aency-menu a.active span.text:after{
    left: -5px;
    right: -5px;
}
.Aency-menu a span.number{
    display: inline-block;
    position: relative;
    top: -7px;
}
@media (max-width: 767px) {
    .Aency-menu {margin: 30px 0px 0px 0px;}
    .Aency-menu a{display: block;margin: 0;text-align: center;padding: 10px 0;}
    .Aency-menu .title{display: block;}
    .Aency-menu .toggle{padding-top: 10px; display: none;}
    .portfolio-preview-2 .top-icon{display: none;}
}
@media (max-width: 768px) {
    .Aency-item.Aency-item--width4{width: 50%;}
  }
@media (max-width: 480px) {
    .Aency-item.Aency-item--width2,
    .Aency-item.Aency-item--width4{width: 100%;}
}
/*-----Portfolio hover efect ---------*/
.portfolio-preview-h5{
    position: relative;
    overflow: hidden;
}
.portfolio-preview-h5 a{
    cursor: url(../images/icon-move_plus_agency_cursor.png),
    move;
  }
.portfolio-preview-h5 .overlay {
    position: absolute;
    text-align: center;
    right: 30px;
    bottom: 30px;
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
}
.portfolio-preview-h5 .hover-txt {
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
.portfolio-preview-h5 .hover-txt {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.portfolio-preview-h5 .table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.portfolio-preview-h5 h3 {
    color: #636363;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: 'Oswald', sans-serif;
}
.portfolio-preview-h5 h5 {
    color: #8c8c8c;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 12px;
    font-family: 'Oswald', sans-serif;
    font-style: italic;
    font-weight: 300;
    margin-top: 5px;
}
.portfolio-preview-h5 img{
    transition: all 0.7s;
    width:100%;
}
.portfolio-preview-h5:hover img{
    filter: opacity(0.2);
    -webkit-filter: opacity(0.2);
}
.portfolio-preview-h5 .h-border {
    border-top: 1px solid #363636;
    width: 60px;
    margin: 7px auto 9px;
}
.portfolio-preview-h5:hover .overlay,
.portfolio-preview-h5:hover .hover-txt{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity:1;
}
/*end portfolio hover efect ---------*/
/*====== #Agency_skill_section_area======***/
.Agency_skill_section_area {
    background-color: #fcfcfc;
    padding: 116px 0px 145px;
    overflow: hidden;
    background: url(../images/skill_bg_agency.jpg) no-repeat fixed;
}
.vertical-skills {
    margin-top: 52px;
    text-align: center;
}
.vertical-skills li {
    display: inline-block;
    position: relative;
    width: 185px;
    height: 700px;
    border-left: 1px solid;
    background: transparent;
    border-left: 2px solid #d7d7d7;
}  
@media (max-width: 400px) {
  .vertical-skills li {
    width: 25px; 
  } 
}
.vertical-skills li span.skill:after {
  content:'';
  border-top: 97px solid #fcfcfc;
  border-right: 160px solid #e3eada;
  z-index: 9;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
}
.vertical-skills li span.skill {
    position: absolute;
    animation-duration: .5s;
    animation-name: height;
    overflow: hidden;
    left: 15px;
    right: 10px;
    bottom: 0;
}
.vertical-skills li span.title {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: -37px;
  font-size: 20px;
  color: #696969;
  font-family: 'Oswald', sans-serif;
  letter-spacing: 2px;
  font-weight: 600;
}
span.percent {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    color: #696969;
}
/* ANIMATIONS */
@keyframes height {
    0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    height: 0;
  }
  100% {
    max-height: 100%;
  }
}
/*==========.agency_team_Section_AreA=========***/
.agency_team_Section_AreA {
    background-color: #cacaca;
    padding: 115px 0px 121px;
    overflow: hidden;
    background: url(../images/team_bg_agency.jpg) no-repeat fixed;
}
.agency_team_List {margin-top: 52px;}
.AgenCy_team_single img{width: 100%;margin-left: 2px;}
.AgenCy_team_single {
    border: 1px solid #959595;
    padding: 25px 0px 38px 35px;
    transition: 0.5s;
}
.A_gency_content_team h2 {
    color: #696969;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
        margin-top: 23px;
    margin-bottom: 23px;
    position: relative;
}
.A_gency_content_team h2:before, .A_gency_content_team h3:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 6.5px;
    height: 2px;
    background-color: #959595;
    width: 25px;
}
.A_gency_content_team h3 {
    color: #adadad;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
    text-align: right;
    position: relative;
    display: inline-block;
    float: right;
    font-family: 'Oswald', sans-serif;
}
.A_gency_content_team {
    margin-right: 15px;
}
.AgenCy_team_single_one{margin-top: 50px;}

/***========#Testimonial========***/
.Menu_Active_bg{
  transition: .4s;
  background-color: #fafafa !important;
}
.Agency_TEstimonial_section_area {
    padding: 113px 0 111px;
    overflow: hidden;
    background-color: #fcfdff;
    background: url(../images/Client_say_testimonial.jpg) no-repeat fixed;
}
h3.testimonial-title_A {
    font-size: 20px;
    color: #696969;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
}
h4.testimonial-post_Ag {
    color: #979696;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1.5px;
    margin-top: 7px;
    margin-left: 45px;
}
.testimonial_slider_agency {
    margin-top: 78px;
}
.testimonial-pic_agency:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    width: 605px;
    content: "";
    background-color: #959595;
}
.testimonial-pic_agency {
       height: 180px;
    width: 185px;
    border-left: 1px solid #959595;
    border-right: 1px solid #959595;
    border-bottom: 1px solid #959595;
    padding: 5px;
    position: relative;
    margin-top: -34px;
    float: left;
}
p.description_agency_h5 {
    max-width: 521px;
    margin-left: 232px;
    position: relative;
    color: #8a8a8a;
    font-size: 14px;
    word-spacing: 1px;
    line-height: 26px;
    margin-top: 45px;
    letter-spacing: .9px;
}
.testimonial-pic_agency img {
    width: 173px !important;
    margin-top: -5px;
}

.testimonial_admin_profA {
    margin-left: 628px;
}
.testimonial_slider_agency .owl-stage-outer {
    max-width: 800px;
    margin: 0 auto;
}
.description_agency_h5:before {
    position: absolute;
    content: "\f10d";
    font-family: "fontawesome";
    font-size: 15px;
    left: -20px;
    top: -11px;
    color: #898989;
    z-index: 99;
    border: none;
}
.description_agency_h5:after {
    position: absolute;
    font-family: "fontawesome";
    font-size: 15px;
    bottom: -10px;
    color: #898989;
    z-index: 99;
    border: none;
    content: "\f10e";
    margin-left: 12px;
}
/*Controls======*/
.testimonial_slider_agency .owl-dots {
    text-align: center;
    margin-top: 78px;
}
.testimonial_slider_agency .owl-dots div {
    display: inline-block;
    height: 5px;
    margin-right:8px;
    width: 15px;
    border: 1px solid #959595;
}
.testimonial_slider_agency .owl-dots div.active {
    border: 1px solid #959595;
    background-color: #959595;
}
/*=====Agency_Clients======***/
.Agency_Clients {
    padding: 115px 0px 120px;
    background: url(../images/Untitled-2.jpg) no-repeat fixed;
    background-position: center right;
    overflow: hidden;
}
.Agency-Client_img_List {margin-top: 72px;}
.Client_a_Single1 {
    border: 1px solid #959595;
    text-align: center;
    padding: 15px 25px;
}
/*===Agency-Contact=====***/
#Agency-Contact {
    overflow: hidden;
    padding: 114px 0px 120px;
    background-color: #fbfbfb;
}
.A_Contact_A3 {
    text-align: right;
    margin-top: 23px;
}
.A_Contact-AddresS {
    color: #3a3a3a;
    font-size: 16px;
}
.social-Agency-links li {
    display: inline-block;
    list-style: none;
    height: 30px;
    width: 30px;
    border: 1px solid #b1b1b1;
    background-color: #fbfbfb;
    line-height: 30px;
    text-align: center;
    transform: rotate(-45deg);
    margin: 0px 9px;
    font-size: 14px;
    font-family: 'Dosis', sans-serif;
}
.social-Agency-links li a {
    display: block;
    transform: rotate(45deg);
    color: #727272;
}

.A_ConTact_Section {
    margin-top: 124px;
}
.A_Contact-AddresS li {
    margin-bottom: 20px;
}
#Agency-Contact [placeholder]:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.3s ease; 
  -moz-transition: opacity 0.3s 0.3s ease; 
  -ms-transition: opacity 0.3s 0.3s ease; 
  -o-transition: opacity 0.3s 0.3s ease; 
  transition: opacity 0.3s 0.3s ease; 
  opacity: 0;
}
#Agency-Contact [placeholder]::-webkit-input-placeholder {color: #b8b8b7}
#Agency-Contact .form-control {
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
    outline: 0;
    border: 1px solid #959595;
    background-color: transparent;
}
#Agency-Contact .form-control:focus {
    border-color: #959595;
    outline: 0;
    box-shadow: none;
}
.nameAgency {
    border: none !important;
    border-bottom: 1px solid #acacac !important;
}
.textareaAgency {
    margin-top: 10px;
    resize: none;
    height: 200px !important;
}
.Agency_send_Btn {
    border: 1px solid #959595;
    padding: 8px 32px;
    font-weight: 500;
    color: #3a3a3a;
    font-size: 14px;
    background-color: transparent;
    margin-top: 5px;
}
/*=========Agency-footer==========***/
.container-agency {
    max-width: 1700px;
    padding: 0px 15px;
    margin: 0 auto;
}
#Agency-footer{
    position:relative;
    background:#2d2d2d;
}
#Agency-footer .widgets-section {
    position: relative;
    padding: 95px 0px 110px;
    color: #bdbdbd;
}
#Agency-footer .footer-widget h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 25px;
    padding-bottom: 13px;
    color: #f2f0f0;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
}
/*====About========*/
#Agency-footer .about-widget .logo{
    position:relative;
    margin-bottom:18px;
    margin-top:-25px; 
}
#Agency-footer .about-widget .text p{
    position: relative;
    margin-bottom: 43px;
    line-height: 26px;
    font-size: 14px;
    margin-top: 30px;
}
#Agency-footer .about-widget .social-links li {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    transform: rotate(45deg);
}

#Agency-footer .about-widget .social-links li a {
    display: block;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #8c8c8c;
    background: transparent;
    color: #8c8c8c;
}
#Agency-footer .about-widget .social-links li a span{
    transform: rotate(-45deg);}
/*Recent-Blogs==========*/
#Agency-footer .Recent-Blogs {
    text-align: left;
    margin-left: 28%;
}
#Agency-footer .Recent-Blogs li {
    position: relative;
    display: block;
    margin-bottom: 10px;
}
#Agency-footer .Recent-Blogs li a{color: #bdbdbd  }
#Agency-footer .footer_tags li {
    border: 1px solid #bdbdbd;
    display: inline-block;
    padding: 6px 33px;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 12px;
}
/*Twitter feeds========*/
#Agency-footer .twitter_item p{
    color: #bdbdbd;
    font-size: 14px;
    line-height: 26px
}
#Agency-footer .twitter_item a{color: #bdbdbd;}
#Agency-footer .twitter_item {margin-top: -7px;}
#Agency-footer .aj_tw_content {margin-top: 30px;}
#Agency-footer .twitter_icon {
    float: left;
    font-size: 40px;
    margin-right: 23px;
}
#Agency-footer .twitter_feed_details h4 {
    font-size: 15px;
    color: #f2f0f0
}
#Agency-footer .twitter_feed_details span {
    font-size: 14px;
    color: #bdbdbd;
    letter-spacing: 1px
}
#Agency-footer .twitter_feed_details p {margin-top: 5px;}
/*tags==========*/
#Agency-footer .footer_tags li a {
    color: #bdbdbd;
    font-size: 14px;
}
#Agency-footer .gallery-widget .outer{
  position:relative;
  margin:0px -5px;  
}
#Agency-footer .gallery-widget .outer .image {
    position: relative;
    float: left;
    width: 29%;
    margin-bottom: 15px;
}
#Agency-footer .gallery-widget .outer .image img {
    display: block;
    width: 83%;
}
#Agency-footer .footer-bottom{
  padding:38px 0px;
  background:#0f0f0f;
}
#Agency-footer .copyright-text p{
    color:#b5b5b5;
    line-height:24px;
    text-align:center;
    letter-spacing: 2px;
    font-family: 'Oswald', sans-serif;
}
#Agency-footer .copyright-text p a{color:#b5b5b5;}
/*Controls======*/
#Agency-footer .owl-dots {
    text-align: center;
    margin-top: 11px;
}
#Agency-footer .owl-dots div {
    background-color: #969292;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    margin-right: 6px;
    width: 8px;
}

#Agency-footer .owl-dots div.active {
    border: 1px solid #fff;
    background-color: #fff;
}
/*==========agency-section-title===========***/
.agency-section-title {
    position: relative;
    margin-left: 7.5%;
}
.agency-section-title h2 {
    font-size: 30px;
    color: #aca9a9;
    font-family: 'Oswald', sans-serif;
    content: "";
    font-weight: 700;
}
.agency-section-title h2 span {
    display: block;
    font-size: 80px;
    color: #3a3a3a;
    font-weight: 500;
    letter-spacing: 4px;
}
.agency-section-title:before {
    position: absolute;
    left: -98px;
    top: 15px;
    height: 2px;
    width: 80px;
    content: "";
    background-color: #3a3a3a;
}
/*=================================*/
/*  09. HOME GRID MASONERY 
/*=================================*/
/*=====1. Portfolio / content-block=======*/
#Portfolio_H_6 {
    overflow: hidden;
    background-color: #fff;
    padding: 127px 0 110px;
}
.Portfolio_h6_title h2 {
    color: #525252;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 3px;
    font-family: 'Oswald', sans-serif;
}
.Portfolio_h6_title hr {
    max-width: 100px;
    border: 0;
    border-top: 1px solid #9d9d9d;
    margin: 22px auto 0px;
}
.Home-Grid-container{position: relative;}
.portfolio-preview-1 img{width:100%;}
.Home-Grid-item--width2 { width:  50%; }
.Home-Grid-item--width4 { width:  25%; }
.Home-Grid-item--height2 { height: 398px;}
.Home-Grid-item {
    padding: 10px;
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.Home-Grid-sizer{width:  25%;}
.Home-Grid-menu {
    font-size: 0;
    margin: 54px 0px 16px;
    text-align: center
}
.Home-Grid-menu .title {
    font-size: 18px;
    line-height: 40px;
    font-weight: 300;
    color: #525252;
    text-align: center;
    cursor: pointer;
    padding: 0 30px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Home-Grid-menu a {
    font-size: 14px;
    line-height: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    list-style: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    margin-left: 28px;
}
.Home-Grid-menu a span.text {
    display: inline-block;
    position: relative;
    color: #8c8c8c;
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
}
.Home-Grid-menu a span.text:after{
    left: 100px;
    right: 100px;
    top: 50%;
    margin-top: 1px;
    height: 1px;
    background: #8c8c8c;
    position: absolute;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}
.Home-Grid-menu a.active span.text:after{
    left: -5px;
    right: -5px;
}
.Home-Grid-menu a span.number{
    display: inline-block;
    position: relative;
    top: -7px;
}
@media (max-width: 767px) {
    .Home-Grid-menu {margin: 30px 0px 0px 0px;}
    .Home-Grid-menu a{
      display: block;
      margin: 0;
      text-align: center;
      padding: 10px 0;
    }
    .Home-Grid-menu .title{display: block;}
    .Home-Grid-menu .toggle{
      padding-top: 10px; 
      display: none;
    }
    .portfolio-preview-2 .top-icon{display: none;}
}
@media (max-width: 768px) {
    .Home-Grid-item.Home-Grid-item--width4{width: 50%;}
}
@media (max-width: 480px) {
    .Home-Grid-item.Home-Grid-item--width2,
    .Home-Grid-item.Home-Grid-item--width4{width: 100%;}
    .Portfolio_h6_title h2 {font-size: 20px;}
}
/*=======hover effect=============*/
.portfolio-left_H6 {
    background-color: #e0e0e0;
    padding: 8px 0px 18px 16px;
}
.portfolio-left_H6 h2 {
    color: #575757;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 3px;
    font-family: 'Oswald', sans-serif;
}
.portfolio-left_H6 h3 {
    color: #939393;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 6px;
    font-family: 'Oswald', sans-serif;
}
.Home-Grid .toggle {
    text-align: center;
    padding: 0;
    margin: 0;
}
/*=================================*/
/*  10. HOME BOXED 
/*=================================*/
.Main_Menu_h7 {
    padding: 21px 0;
    background-color: #f9f9f9;
}
.Main_Menu_h7  .container-fluid {
    padding-right: 150px;
    padding-left: 150px;
    margin-right: auto;
    margin-left: auto;
}
.Main_Menu_h3 {
    padding: 21px 0;
    background-color: transparent;
}
.Main_Menu_h7 .logo {float: left;}
.top-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mid-animate {opacity: 0; }
.bottom-animate {
    background: #fff !important;
    top: 13px !important;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
}
.top-menu {
    top: 5px;
    width: 30px;
    height: 1px;
    border-radius: 10px;
    background-color: #F9A530;
}
.mid-menu {
    top: 13px;
    width: 30px;
    height: 1px;
    right: -17px;
    border-radius: 10px;
    background-color: #F9A530;
}
.bottom-menu {
    top: 21px;
    width: 30px;
    height: 1px;
    border-radius: 10px;
    background-color: #F9A530;
}
.menui {
    background: #000;
    transition: 0.6s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    margin-top: 10px;
    position: absolute;
}
.icon {
    z-index: 999;
    position: relative;
    display: block;
    padding: 9px;
    height: 32px;
    width: 32px;
    margin: 0px;
    top: 0;
    right: 15px;
    float: right;
}
.mobilenav {
    font-family: inherit;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #272727;
    opacity: 0.95;
}
.Menu_logoh2{position: relative}
.Menu_NAme {
    position: absolute;
    right: 58px;
    margin-top: 16px;
    font-size: 14px;
    color: #353535;
    font-weight: 600
}
.mobilenav li:first-child {margin-top: 150px;}
.mobilenav li .list-group{margin-top: 0px;}
.mobilenav li {
    list-style-type: none;
    max-width: 200px;
    margin: auto;
    line-height: 40px;
}
.mobilenav li a {
    font-size: 16px;
    color: #f8f8f8;
    text-decoration: none;
    font-weight: 600;
    width: 100%;
    letter-spacing: 2px;
    font-family: 'Open Sans', sans-serif;
}
.Main_Menu_h7 .list-group {margin-bottom: 0px;}
.Main_Menu_h7 .mobilenav li ul li a {
    font-size: 10px;
    background-color: transparent;
    color: #fff;
    letter-spacing: 2px;
    margin-left: 5px;
}
.list-group {padding-left: 25px;}
.Main_Menu_h7 .mobilenav li ul li{line-height: 25px}
/*=====Work Section =====*/
#Portfolio_H_7 {
    overflow: hidden;
    background-color: #fff;
    padding: 114px 0 115px;
}
.Portfolio_h7_title h2 {
    color: #272727;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 4px;
    font-family: 'Dosis', sans-serif;
}
.Box_sliderr .container {
    width: 1170px;
    overflow: hidden;
}
.Portfolio_h7_title hr {
    max-width: 30px;
    border: 0;
    border-top: 2px solid #a0a0a0;
    margin: 29px auto 0px;
}
.boXed-menu {
    font-size: 0;
    margin: 46px 0px 21px;
    text-align: center
}
.boXed-menu .title {
    font-size: 18px;
    line-height: 40px;
    font-weight: 300;
    color: #525252;
    text-align: center;
    cursor: pointer;
    padding: 0 30px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.boXed-menu a {
    font-size: 14px;
    line-height: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    list-style: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    margin-left: 42px;
}
.boXed-menu a span.text {
    display: inline-block;
    position: relative;
    color: #585858;
    letter-spacing: 1.7px;
    font-weight: 500;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.boXed-menu a span.text:after{
    left: 100px;
    right: 100px;
    top: 50%;
    margin-top: 1px;
    height: 1px;
    background: #8c8c8c;
    position: absolute;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}
.boXed-menu a.active span.text:after{left: -5px; right: -5px;}
.boXed-menu a span.number{
    display: inline-block;
    position: relative;
    top: -7px;
}
.boXed-container{position: relative;}
.portfolio-preview-1 img{width:100%;}
.boXed-item--width2 { width:  50%; }
.boXed-item--width4 { width:  25%; }
.boXed-item--height2 { height: 398px;}
.boXed-item {
    padding: 5px;
    display: inline-block;
    float: left;
    position: relative;
    overflow: hidden;
}
.boXed-sizer{width:  25%;}
/*=======hover effect=============*/
.portfolio-preview-h7{
    position: relative;
    overflow: hidden;
}
.portfolio-preview-h7 .overlay {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(245, 245, 245, .85);
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
}
.portfolio-preview-h7 .hover-txt {
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
.portfolio-preview-h7 .hover-txt {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.portfolio-preview-h7 .table-cell {
    display: table-cell;
    vertical-align: middle;
}
.portfolio-preview-h7 h3 {
    color: #414141;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: 'Dosis', sans-serif;
}
.portfolio-preview-h7 h5 {
    color: #9b9b9b;
    letter-spacing: 2px;
    font-size: 14px;
    font-family: 'Dosis', sans-serif;
    margin-top: 3px;
}
.portfolio-preview-h7 img{
    transition: all 0.7s;
    width:100%;
}
.portfolio-preview-h7:hover img{
    filter: opacity(0.3);
    -webkit-filter: opacity(0.3);
}
.portfolio-preview-h7:hover .overlay,
.portfolio-preview-h7:hover .hover-txt{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity:1;
}
/*end portfolio hover efect ---------*/
@media (max-width: 767px) {
    .boXed-menu {margin: 30px 0px 0px 0px;}
    .boXed-menu a{display: block;margin: 0;text-align: center;}
    .boXed-menu .title{display: block;}
    .boXed-menu .toggle{padding-top: 10px; display: none;}
}
@media (max-width: 768px) {
    .boXed-item.boXed-item--width4{width: 50%;}}
@media (max-width: 480px) {
    .boXed-item.boXed-item--width2,
    .boXed-item.boXed-item--width4{width: 100%;}
    .Portfolio_title h2 {font-size: 20px;}
}
/*=================================*/
/*  11. HOME FULL GRID 
/*=================================*/
.portfolio-area_h8 {
    overflow: hidden;
    padding: 113px 0 112px;
}
.wrapper {overflow: hidden;}
.home_8_title_img {
    background: url(../images/home_8_title_imaeg.jpg) no-repeat scroll center center /cover;
    height: 800px;
    display: table;
    width: 100%;
    padding: 0px 30px;
    position: relative;
}
.home_8_title_cell {
    margin-top: -160px;
    margin-left: 50px;
}
.home_8_title_cell h2, .home_8_title_cell h1 {
    font-size: 50px;
    color: #5c5c5c;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 5px;
    line-height: 50px;
}
.home_8_title_cell h1 {
    margin-top: 30px;
}
.home_8_title_cell .color-main b{
  color: #ffcc00;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 50px;
}
/*--section Title ---*/
@keyframes titleanimi {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
  }
}
.section-title_h_8 h2 {
    display: inline-block;
    position: relative;
    padding-bottom: 31px;
    font-size: 40px;
    color: #1d1d1d;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 4px;
}
.section-title_h_8 h2:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    left: 40%;
    bottom: 0;
    background: #888888;
}
.section-title_h_8 h2:after {
    content: '';
    width: 5px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    left: 40%;
    background: #fff;
    -webkit-animation: titleanimi 1.5s linear infinite alternate;
    animation: titleanimi 1.5s linear infinite alternate;
}
.portfolio-area_h8 .col-md-4{padding: 0;}
.work_h8 {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-top: 45px;
}
.work_h8 li {
    display: inline-block;
    font-size: 13px;
    padding: 8px 14px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: 1px;
    color: #888888;

}
.work-inner .mix {display: none;}
#MixItUp0F6D9D {
    margin-top: 24px;
    overflow: hidden;
}
/*=======hover effect=============*/
.portfolio-preview-h8{
    position: relative;
    overflow: hidden;
}
.portfolio-preview-h8 .overlay8 {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(21, 21, 21, .85);
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
}
.portfolio-preview-h8 .hover-txt {
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
.portfolio-preview-h8 .hover-txt {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.portfolio-preview-h8 .table-cell {
    display: table-cell;
    vertical-align: middle;
}
.portfolio-preview-h8 h3 {
    color: #f2f2f2;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
.portfolio-preview-h8 h5 {
    color: #bcbcbc;
    font-size: 16px;
    margin-top: 8px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
.portfolio-preview-h8 img{
    transition: all 0.7s;
    width:100%;
}
.portfolio-preview-h8:hover img{
    filter: opacity(0.3);
    -webkit-filter: opacity(0.3);
}
.portfolio-preview-h8:hover .overlay8,
.portfolio-preview-h8:hover .hover-txt{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity:1;
}
.load_more_h8 {
    display: inline-block;
    margin-top: 53px;
    font-size: 13px;
    color: #5e5e5e !important;
    letter-spacing: 1.3px;
}
.load_more_h8:hover {color: #5e5e5e}
.load_more_h8 i{
    color: #414141;
    font-size: 14px;
    font-weight: 700;
    margin-left: 6px;
}
.h8_purchase_area{
    padding: 72px 0;
    overflow: hidden;
    background-color: #373737;
    color: #fff;
}
.PURCHASE_description {
    color: #efefef;
    font-size: 16px;
    font-style: italic;
    margin-top: 20px;
}
.PURCHASE_h8 {
    color: #5e5e5e;
    background-color: #fff;
    padding: 16px 58px;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1.7px;
}
.PURCHASE_h8:focus,
.PURCHASE_h8:hover{
    background-color: #fff;
    color: #5e5e5e;
}
/*=================================*/
/*  12. HOME BLOG 
/*=================================*/
.home_9_title_img{background: url(../images/home_9_title_imaeg.html) no-repeat scroll center center / cover;}
.home_9_title_cell h2,
.home_9_title_cell h3 {
    color: #3e3e3e;
    font-size: 50px;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 3.5px;
    font-weight: 600;
    line-height: 50px;
    margin-top: 22px;
}
.home_9_title_cell a {
    color: #5d5d5d;
    font-size: 14px;
    display: inline-block;
    letter-spacing: 1px;
    text-align: right;
    margin-top: 22px;
    margin-left: 315px;
}
.home_9_title_cell h5 {
    color: #575757;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
}
.home_9_title_cell h3 {margin-top: 9px;}
/*========body blog section=======*/
.portfolio10 {margin-top: 30px;}
.portfoliO_side {margin-top: 100px;}
.blog_home_body_sectionn {
    padding: 109px 0px 50px;
    overflow: hidden;
}
.blog_home_body_sectionn img{width: 100%;}
.blog_home_title_b9 {
    max-width: 450px;
}
.blog_home_title_b9 h3 {
    font-size: 22px;
    color: #5c5c5c;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
    line-height: 36px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.blog_home_title_b9 h3:after {
    position: absolute;
    left: 8%;
    height: 4px;
    width: 50px;
    background-color: #5c5c5c;
    content: "";
    bottom: 0;
    transform: translate(-50%)
}
.blog_home_col_9_b9 {margin-top: 109px;}
.b_rhome_s_Text {padding-top: 40px;}
.b_rhome_s_Text h3 a {
    color: #484848;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    letter-spacing: 1.5px;
    padding-bottom: 18px;
    display: inline-block;
}
.b_rhome_s_Text h3 a:after {
    background-color: #ccc;
    width: 80px;
    height: 3px;
    bottom: 0;
    left: 0;
    content: "";
    position: absolute;
}
.b_rhome_s1_title a {
    font-size: 12px;
    color: #8e8d8d;
    letter-spacing: 1.1px;
    margin-top: 15px;
    display: inline-block;
}
.b_rhome_s2_ {
    color: #a29b9b;
    font-style: italic;
    letter-spacing: 1.1px;
}
.b_rhome_s3_details {
    color: #8e8d8d;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .8px;
    margin-top: 17px;
}
.b_rhome_s3_details a {color: #8e8d8d;}
.cmnts9_sociaL_ICons_left li {
    display: inline-block;
    margin-left: 8px;
    height: 25px;
    width: 25px;
    background-color: #e8e7e7;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
    border-radius: 100%;
}
.cmnts9_sociaL_ICons_left li:first-child {margin-left: 0;}
.cmnts9_sociaL_ICons_left li a {color: #130f10;}
.blog_home_s_single_item {text-align: left;}
.cmnts9_sociaL_ICons_right li {
    display: inline-block;
    margin-left: 20px;
}
.cmnts9_sociaL_ICons_right li a {
    color: #6a6969;
    font-size: 13px;
}
.blog9_cmnts_social_ICon {
    margin-top: 28px;
    padding-top: 24px;
    padding-bottom: 50px;
    border-top: 1px solid #e1dddd;
}
.bg_blog_H p {
    font-size: 15px;
    line-height: 26px;
    font-style: italic;
    text-align: left;
}
.bg_blog_H i {
    color: #222222;
    font-size: 25px;
}
.bg_blog_H h5 {
    color: #222222;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
}
.bg_blog_H {
    background-color: #feea0e;
    font-family: 'PT Serif', serif;
    padding: 30px 35px;
    text-align: center !important;
}
.bg_blog_H hr {
    border: 1px solid #222;
    max-width: 80px;
    margin: 11px auto 10px;
}
.content_block_home_blog {
    overflow: hidden;
    margin-top: 100px;
}

.blog_home_s_single_item iframe {
    width: 100%;
    height: 250px;
    border: none;
}
.Blog_b2_single_video iframe {
    width: 100%;
    height: 424px;
    border: none;
}

.Blog_ARCHIVE_left li,
.Blog_ARCHIVE_right li {
    border-bottom: none !important;
    line-height: 28px !important;
}

.homEBlog-container{position: relative;}
.homEBlog-item img{width:100%;}
.homEBlog-item--width2 { width:  50%; }
.homEBlog-item--width4 { width: 33.333333333333336%; }
.homEBlog-item--height2 { }
.homEBlog-item {
    padding: 15px;
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.homEBlog-sizer{width: 33.333333333333336%;}
@media (max-width: 640px) {
    .homEBlog-item.homEBlog-item--width2,
    .homEBlog-item.homEBlog-item--width4{width: 100%;}
}
/*============================
      15. PORTFOLIO PAGE 
==============================*/
/*===============================
    i. PORTFOLIO SINGLE-1 
===============================*/
.POrtfolio_1_single_area {
    padding: 120px 0px 120px;
    overflow: hidden;
    background-color: #f7f7f7;
}
.POrtfolio_1_singlE {
    padding: 35px;
    position: relative;
}
.portfolio_1_single_Pre {
    float: left;
    color: #7f7f7f;
    font-size: 12px;
}
.portfolio_1_single_next {
    float: right;
    color: #7f7f7f;
    font-size: 12px;
}
.portfolio_1_single_next_Previous {
    overflow: hidden;
    margin: 24px 60px 0px 15px;
    letter-spacing: 1px;
}
.portfolio_1_single_Pre a {
    color: #7f7f7f;
    letter-spacing: 2px;
}
.portfolio_1_single_next a {
    color: #7f7f7f;
    letter-spacing: 2px;
}
.POrtfolio_1_singlE:before {
    position: absolute;
    left: 0px;
    top: -90px;
    height: 0;
    content: "";
    border-bottom: 90px solid #fafafa;
    border-right: 0 solid transparent;
    border-left: 360px solid transparent;
}
.POrtfolio_1_single_right {
    position: relative;
    z-index: 1;
    margin-top: 240px;
    background-color: #fafafa;
}
.POrtfolio_1_singlE h2 {
    position: relative;
    color: #4a4a4a;
    font-weight: 500;
    font-size: 24px;
    padding-bottom: 11px;
    letter-spacing: 2px;
}
.POrtfolio_1_singlE h2:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100px;
    content: "";
    background-color: #b7b7b7;
}
.POrtfolio_1_singlE_liSt li {
    color: #7f7f7f;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 2px;
}
.POrtfolio_1_singlE_liSt {margin-top: 15px;}
.POrtfolio_1_single_right_details {
    color: #4a4a4a;
    line-height: 26px;
    font-size: 14px;
    margin-top: 19px;
    text-align: justify;
}
.POrtfolio_1_single_area .col-md-4{margin-left: -78px;}
/*========Controls-1==========*/
.POrtfolio_1_single_area .owl-nav {
    right: -90px;
    position: absolute;
    top: 15%;
}
.POrtfolio_1_single_area .owl-nav div {
    height: 65px;
    width: 65px;
    background-color: #e8e8e8;
    text-align: center;
    position: absolute;
    top: 56.5%;
    line-height: 65px;
    transform: translateY(-50%);
    left: 0px;
    font-size: 14px;
    color: #aaaaaa;
    border-radius: 50%;
}
.POrtfolio_1_single_area .owl-nav div.owl-next {
    right: 0;
    left: 110px;
}
.portfolio_1_single{
    cursor: url(../images/icon-move_plus_agency_cursor_p1.png),
    move;
}
/*===============================
    ii. PORTFOLIO SINGLE-2 
===============================*/
.POrtfolio_2_single_area {
    padding: 120px 0px 118px;
    overflow: hidden;
    background-color: #f7f7f7;
}
.product-gallery_portfolio_2 img{width: 100%}
.content-Portfolio_2-detail.has-sidebar_portfolio_2 .product-gallery_portfolio_2 .bx-wrapper {
    float: none;
    margin: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
}
.product-gallery_portfolio_2 .bx-wrapper {
    float: left;
    margin: 0;
    padding-right: 10px;
    position: relative;
    width: 81.4%;
}
.product-gallery_portfolio_2 .bx-viewport {background: #f5f5f5 none repeat scroll 0 0;}
.product-gallery_portfolio_2 .bxslider img {
    height: auto;
    width: 100%;
}
.product-gallery_portfolio_2 .bx-prev {
    color: #a0a0a0;
    font-size: 30px;
    left: 0;
    margin-left: 25px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
.product-gallery_portfolio_2 .bx-next {
    color: #a0a0a0;
    font-size: 30px;
    margin-right: 15px;
    margin-top: -10px;
    position: absolute;
    right: 10px;
    top: 50%;
}
.content-Portfolio_2-detail.has-sidebar_portfolio_2 .product-gallery_portfolio_2 #bx-pager {
    float: none;
    width: auto;
}
.product-gallery_portfolio_2 #bx-pager {
    float: left;
    width: 18.6%;
}
.content-Portfolio_2-detail.has-sidebar_portfolio_2 .product-gallery_portfolio_2 #bx-pager a {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 27px;
    margin-top: 30px;
    max-width: 349px;
}
.content-Portfolio_2-detail.has-sidebar_portfolio_2 .product-gallery_portfolio_2 #bx-pager a:last-child {margin-right: 0;}
.product-gallery_portfolio_2 #bx-pager a {
    background: #f5f5f5 none repeat scroll 0 0;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
/* Content portfolio-2 */
.portfolio_single_2_ConTenT h5 {
    font-size: 16px;
    color: #4a4a4a;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    padding-bottom: 23px;
}
.portfolio_single_2_ConTenT h5:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    height: 2px;
    width: 30px;
    background-color: #d0d0d0;
    content: "";
}
.portfolio_single_2_ConTenT h2 {
    font-size: 34px;
    color: #404040;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inherit;
    margin-top: 34px;
}
.portfolio_single_2_product_description {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
    max-width: 900px;
    margin: 0 auto;
    margin-top: 46px;
    margin-bottom: 50px;
}
.portfolio_single_2_ConTenT {margin-top: 48px;}
/*===============================
    iii. PORTFOLIO SINGLE-3 
===============================*/
#Portfolio_single_3_area {
    padding: 110px 0px 117px;
    overflow: hidden;
    background-color: #f7f7f7;
}
.Portfolio_three-container{position: relative; min-height: 700px;}
.portfolio-preview-1 img{width:100%;}
.Portfolio_three-item--width2 {width: 66.6666666666666666%;}
.Portfolio_three-item--width4 {width: 33.3333333333333333%; }
.Portfolio_three-item {
    padding: 10px;
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.Portfolio_three-sizer{width: 33.3333333333333333%;}
.POrtfoliO_3_left_{margin-top: 9px; }
.portfolio_3_single_Content_left {margin-bottom: 38px;}
.portfolio_3_single_Content {margin-top: 10px;}
.p_3_single_details {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
    padding-left: 25px;
    position: relative;
    padding-top: 4px;
    padding-bottom: 18px;
}
.p_3_single_details:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 150px;
    width: 1px;
    background-color: #e8e3e0;
    content: "";
}
.POrtfoliO_4_left_ h2 {
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
}
.POrtfoliO_4_left_ {margin-left: 24px;}
.portfolio_3_single_Content_description {
    max-width: 433px;
    margin-left: 23px;
}
.portfolio_single_3_next_previous{margin: 0 !important}
.portfolio_3_single_nexttt {margin-right: 8px;}
.portfolio_3_single_Preee {margin-left: 9px;}
/*========Controls==========*/
.portfolio-preview-1 .owl-nav div {
    height: 35px;
    width: 35px;
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: 50%;
    line-height: 35px;
    transform: translateY(-50%);
    left: 25px;
    font-size: 20px;
    color: #8c8c8c;
    transition: .5s;
}
.portfolio-preview-1 .owl-nav div.owl-next {
    right: 25px;
    left: auto;
}
/*========end Controls==========*/
/*===============================
    iv. PORTFOLIO SINGLE-4 
===============================*/
.PORTFOLIO_4_menu_bg{background-color: #f9f9f9}
.POrtfolio_4_single_area {
    padding: 120px 0px 118px;
    overflow: hidden;
    background-color: #f7f7f7;
}
.POrtfolio_4_single_left {position: relative;}
.POrtfolio_4_single_left:before {
    position: absolute;
    left: -40px;
    top: 0;
    height: 2px;
    width: 200px;
    content: "";
    background-color: #e8e3e0;
}
.POrtfolio_4_single_left:after {
    position: absolute;
    left: 0;
    top: -40px;
    height: 200px;
    width: 2px;
    content: "";
    background-color: #e8e3e0;
}
.POrtfolio_4_single_left h2 {
    font-size: 16px;
    letter-spacing: 2px;
    color: #4a4a4a;
    font-weight: 500;
    border-bottom: 1px solid #e8e3e0;
    display: inline-block;
    padding-bottom: 9px;
    margin-top: 28px;
}
.POrtfoliO_4_left_ {margin-left: 24px;}
.p_4_list_single li {color: #7f7f7f;}
.p_4_list_single {margin-top: 8px;}
.p_4_single_details {
    color: #4a4a4a;
    font-size: 14px;
    line-height: 26px;
    text-align: justify;
    margin-top: 26px;
}
.portfolio_4_single_next_Previous h4 {
    text-align: center;
    color: #7f7f7f;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.portfolio_4_single_next_Previous h4 a{color: #7f7f7f;}
.portfolio_4_single_next_Previous span {padding: 0px 45px;}
.portfolio_4_single_next_Previous {margin-top: 60px;}
/*========Controls==========*/
.POrtfolio_4_single_area .owl-nav div {
    height: 35px;
    width: 35px;
    background-color: #f7f7f7;
    text-align: center;
    position: absolute;
    top: 56.5%;
    line-height: 35px;
    transform: translateY(-50%);
    left: -135px;
    font-size: 17px;
    color: #6a6a6a;
    border-radius: 50%;
}
.POrtfolio_4_single_area .owl-nav div.owl-next {right: 0;left: -65px;}
/*===============================
    16. SHOP PAGE
===============================*/
/*===============================
    i.   SHOP SIDEBAR LEFT 
        ==============
              +
        ==============
    ii.  SHOP SIDEBAR RIGHT 
===============================*/
.Shop_title_img {
    background: url(../images/Shop_title_image.jpg) no-repeat scroll center center /cover ;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
}
.Shop_title_left_img {
    background: url(../images/Shop_left_sidebar_title_img.jpg) no-repeat scroll center center /cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
}
.Picasso_shop_product {
    padding: 114px 0 90px;
    overflow: hidden;
}
.look_result_S {
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    letter-spacing: 3px;
    font-size: 32px;
    color: #3e3e3e;
    display: inline-block;
    position: relative;
    padding-bottom: 31px;
}
.shop_filter_mt_top { margin-top: 50px;}
.look_result_S:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    left: 40%;
    bottom: 0;
    background: #888888;
}
.look_result_S:after {
    content: '';
    width: 5px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    left: 40%;
    background: #fff;
    -webkit-animation: titleanimi 1.5s linear infinite alternate;
    animation: titleanimi 1.5s linear infinite alternate;
}
.shop_filter_text {
    color: #b0b0b0;
    font-size: 10px;
    letter-spacing: 2px;
    margin-top: 8px;
    float: left;
}
.shop_filter_btn button {
    color: #b0b0b0;
    background-color: transparent;
    border-color: transparent;
    font-size: 10px;
    letter-spacing: 2px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 11px;
}
.shop_filter_btn{text-align: right;}
.dropdown-menu {

    min-width: 260px;
    background-color: #e2e0e0;
    border-radius: 0;
    box-shadow: none;
    top: 90%;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #373737;
    margin-left: 5px ;
    outline: 0;
}
#menu1 i {padding-left: 42px;}
.dropdown-menu li a {
    color: #d7d7d7;
    font-size: 10px;
    letter-spacing: 0.5px;
    padding: 10px 3px;
    transition: .3s
}
/*=============== Featured Products ===================*/
.featured-products {margin-top: 40px;}
.picasso-product {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.picasso-product-img {
    position: relative;
    overflow: hidden;
}
.picasso-product-img:before{
    background:#000;
    content:"";
    height:100%;
    width:0;
    opacity:0;
    z-index:1;
    position:absolute;
    left:50%;
    top:0;
    -webkit-transition:all 800ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition:all 800ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition:all 800ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition:all 800ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition:all 800ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
    -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -moz-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.picasso-product-img:hover:before{
    opacity:0.63;
    left:0;
    width:100%;
}
.picasso-product-img > img{width:100%}
.picasso-product-img:hover > img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
}
.product-name {
    padding: 18px 0;
    background-color: #fbfbfb;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.product-name h4 a {
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
    color: #959595;
    display: inline-block;
}
.price {
    color: #141414;
    float: left;
    font-size: 17px;
    line-height: 13px;
    width: 100%;
    letter-spacing: 1px;
    margin-top: 9px;
}
.price ins {
    text-decoration: none;
    font-size: 14px;
    color: #242424;
    font-weight: 700;
}
.price del {
    color: #959595;
    font-size: 11px;
    margin-left: 9px;
}
/*=============== Toshia Product Style 2 ===================*/
.picasso-product.style2 .picasso-product-img:before{display:none}
.picasso-product.style2 .picasso-product-img img{
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    width: 100%;
}
.picasso-product.style2 .picasso-product-img:hover > aimg {
    -webkit-filter:grayscale(1);
    filter:grayscale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.picasso-product-buttons{
    bottom:0;
    left:0;
    position:absolute;
    width:100%;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.picasso-product-img:hover .picasso-product-buttons{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
}
.picasso-product-buttons > a{
    color:#fff;
    float:left;
    letter-spacing: 2px;
    font-size:13px;
    font-weight:400;
    padding:24px 20px 24px 20px;
    text-align:center;
    text-transform:uppercase;
    width:100%;
    -webkit-transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.picasso-product-img:hover .picasso-product-buttons > a{
    padding:24px 25% 24px 20px;
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -ms-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;    
}
.picasso-product-buttons > a:hover{color:#FFF}
.picasso-product-buttons > span{
    height:100%;
    position:absolute;
    right:0;
    top:0;
    width:25%;
}
.picasso-product-buttons > span a{
    background: #272727;
    border-bottom: 1px solid #4a4a4a;
    color: #e4e4e4;
    float:left;
    font-size:14px;
    height:50%;
    line-height:40px;
    text-align:center;
    width:100%;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition:all 500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -moz-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -o-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.picasso-product-buttons > span a:last-child{border:0 none}
.picasso-product-img:hover .picasso-product-buttons span a{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -ms-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
}
.picasso-product-img:hover .picasso-product-buttons span a:last-child{
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -ms-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
}
.picasso-product-buttons > a {
    background-color: #292827;
    opacity: 0.6;
}
/*Shop side bar widget===========*/
.shop_right_sidebar {margin-top: 58%;}
.shop_search_BAR [placeholder]::-webkit-input-placeholder {
    color: #b6b6b6 !important;
    letter-spacing: 2px;
    font-size: 12px;
}
/*filter=================*/
.shop_widgeT {
    padding: 20px 21px 33px 20px !important;
    border: 1px solid #e9e9e9 !important;
    margin-top: 67px !important;
}
.shop_widgeT h3 {
    color: #6a6a6a !important;;
    font-size: 13px !important;
    letter-spacing: 2px !important;;
    font-weight: 600 !important;;
}
.price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: #ebebeb none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    height: 2px;
    margin: 64px 0px 24px 9px;
}
.price_filter .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #636363 none repeat scroll 0 0;
    border: 0px solid #636363;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    outline: 0;
    cursor: pointer;
}
.price_filter .ui-slider-range {background: #636363 none repeat scroll 0 0;}
.price_slider_amount > input[type="text"] {
    font-weight: bold;
    height: 40px;
    letter-spacing: 3px;
    text-align: center;
    width: 70px;
    border: none !important;
    font-size: 10px;
    color: #8e8d8d;
}
.price_slider_amount label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 10px;
    color: #8e8d8d;
}
.price_slider_amount > input[type="text"]:focus {outline: 0}
.price_slider_amount > input[type="submit"] {outline: 0;}
.price_slider_amount {letter-spacing: 2px;}
.price_slider_amount > input[type="submit"] {
    background-color: #fff;
    border: 1px solid #bfbfbf;
    color: #8e8d8d;
    text-transform: uppercase;
    padding: 0px 17px;
    border-radius: 4px;
    font-size: 10px;
    margin-left: 23px;
    letter-spacing: 2px;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s
}
.price_slider_amount > input[type="submit"]:hover {
    background-color: #636363;
    border: 1px solid #636363;
    color: #fff;
}
/* catagory=== */
.shop_widgeT ul li a {
    letter-spacing: 2.5px !important;
    font-size: 10px !important;
    color: #8e8d8d !important;
}
.shop_widgeT li {
    line-height: 41px !important;
    border-bottom: 1px solid #ebebeb !important;
}
.b_item_marginTop_shop {
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 7px;
}
/* top product===== */
.rp-txt-2 {margin-top: -6px;}
.rp-txt-2 h4 a {
    font-size: 11px !important;
    color: #575757 !important;
    font-weight: 700;
    letter-spacing: 1.2px !important;
}
.rp-txt-2 h6 {
    font-size: 10px !important;
    color: #8e8d8d !important;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 2px;
    line-height: 10px;
}
.rp-txt-2 h6 {
    font-size: 10px !important;
    color: #8e8d8d !important;
    font-weight: 400;
    font-style: italic;
    letter-spacing: 2px;
    line-height: 10px;
    margin: 14px auto 19px;
}
.shop_widgeT2{
    padding: 20px 21px 33px 20px !important;
    border: 1px solid #e9e9e9 !important;
    margin-top: 67px !important;
}
.shop_widgeT2 h3 {
    color: #6a6a6a !important;
    font-size: 13px !important;
    letter-spacing: 2px !important;
    font-weight: 600 !important;
}
/*tag clouds=======*/
.tag_cloud li {
    display: inline-block;
    margin-right: 14px;
}
.tag_cloud li a {
    font-size: 10px;
    color: #8e8d8d;
    letter-spacing: 2.3px;
    transition: .3s;
}
.tag_cloud li a:hover{color: #000}
.tag_cloud li a i {
    transform: rotate(90deg);
    margin-right: 5px;
}
/*What they say===============*/
.Shop_Testimonial_newsletter {
    background: url(../images/Shop_they_say_bg.jpg) no-repeat scroll center center / cover;
    position: relative;
    padding: 116px 0px 120px;
}
.overlay_border_line {
    position: absolute;
    left: 50%;
    height: 200px;
    width: 1px;
    background-color: #f6f6f6;
}
.Shop_Testimonial_newsletter_overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba( 90, 90, 90, .95);
}
.Shop_Testimonial_Anirban{color: #fff}
.Client_img_shape img {padding: 5px;}
.Client_img_shape {
    height: 72px;
    width: 72px;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 100%;
    overflow: hidden;
    line-height: 100px;
    float: left;
}
.they_Say_Name {
    color: #ececec;
    font-size: 14px;
    letter-spacing: 1.5px;
    padding-left: 100px;
    margin-top: 18px;
}
.they_Say_Name span {
    font-size: 12px;
    display: block;
    color: #b2b2b2;
    font-weight: 500;
    margin-top: 12px;
}
.shop_they_Say h2 {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: #ececec;
    letter-spacing: 2px;
    font-weight: 400;
    padding-bottom: 12px;
}
.shop_testimonial_they_say_description {
    color: #d1cfcf;
    letter-spacing: 1.5px;
    font-size: 13px;
    padding: 10px 0px;
    max-width: 378px;
    margin-left: 23px;
    margin-top: 16px;
}
.shop_testimonial_they_say_description:before {
    position: absolute;
    content: "\f10d";
    font-family: "fontawesome";
    font-size: 15px;
    left: 2px;
    bottom: 68px;
    color: #d1cfcf;
    z-index: 99;
    border: none;
}
.shop_testimonial_they_say_description:after {
    position: absolute;
    font-family: "fontawesome";
    font-size: 15px;
    padding-left: 4px;
    bottom: 0px;
    color: #d1cfcf;
    z-index: 99;
    border: none;
    content: "\f10e";
}
.shop_NEWSleTTer h2 {
    position: relative;
    display: inline-block;
    font-size: 24px;
    color: #ececec;
    letter-spacing: 2px;
    font-weight: 400;
    padding-bottom: 12px;
}
.shop_NEWSleTTer h2:after {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: 30px;
    background-color: #ddd;
    content: "";
}
.shop_they_Say h2:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 30px;
    background-color: #ddd;
    content: "";
}
.shop_NEWSleTTer {
    text-align: right;
    float: right;
}
.shop_NEWSleTTer p {
    color: #d1cfcf;
    letter-spacing: 1px;
    line-height: 26px;
    font-size: 13px;
    margin-top: 33px;
    max-width: 400px;
}
.shop_maiL {margin-top: 35px;}
.Shop_Testimonial_active {
    margin-top: 41px;
    max-width: 400px;
}
.mail_shop_Ne {
    border: 1px solid #b7b7b7;
    background-color: transparent;
    height: 50px;
    width: 250px;
    padding: 0px 10px;
    position: relative;
}
.shop_maiL [placeholder]::-webkit-input-placeholder {
    color: #a5a3a3;
    font-size: 12px;
    letter-spacing: .5px;
}
.mail_shop_mail_icon {
    position: absolute;
    right: 29px;
    top: 172px;
    font-size: 20px;
    color: #d1cfcf;
}
.subscribe_shop_buttoN {display: block;}
/*button===*/
.subscribe_shop_buttoN {
    display: inline-block;
    padding: 5px 19px 5px 62px;
    background-color: #ececec;
    position: relative;
    color: #3b3b3b;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 25px;
}
.subscribe_shop_buttoN:focus {
    background-color: #ececec;
    color: #3b3b3b
}
.subscribe_shop_buttoN:before {
    position: absolute;
    left: -11px;
    top: 3px;
    height: 29px;
    width: 29px;
    background-color: #615c5c;
    content: "";
    transform: rotate(45deg);
}
/*======================
    iii.  SHOP CART PAGE 
========================*/
.Shop_Cart_title_img{
    background: url(../images/Shop_Cart_title_img.jpg) no-repeat scroll center center /cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
}
.Shop_cart_area {
    padding: 101px 0px 120px;
    overflow: hidden;
}
/*======== Cart  =======*/
.shop-cart table>thead>tr>th {
    border-bottom: 1px solid #f4f4f4;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 400;
    color: #727272;
    letter-spacing: 2px;
    font-size: 13px;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {border-top: 1px solid #f4f4f4;}
.shop-cart table>tbody {border-bottom: 1px solid #e9e9e9}
.shop-cart table>tbody>tr>td {
    padding: 30px 0px;
    vertical-align: middle
}
.table>thead>tr>th {padding: 17px 0px;}
.shop-cart table>tbody>tr .product-img {
    width: 100px;
    height: auto;
    padding: 20px 0px;
}
.shop-cart table>tbody>tr .product-price,
.shop-cart table>tbody>tr .product-qty,
.shop-cart table>tbody>tr .product-total,
.shop-cart table>tbody>tr .product-delete {text-align: center}
.shop-cart table>tbody>tr .product-price {
    font-weight: 400;
    font-size: 12px;
    color: #7d7d7d !important;
    letter-spacing: 1px;
}
.shop-cart table>tbody>tr .product-total {
    font-weight: 600;
    color: #494949;
    font-size: 14px;
    letter-spacing: 1px;
}
.shop-cart table>tbody>tr .product-name_cart a {
    display: block;
    color: #585858;
    font-size: 16px;
    letter-spacing: .8px;
}
.shop-cart table>tbody>tr .product-delete a{
    font-size: 14px;
    color: #999999;
    font-weight: 400;
    margin: 0px 7px;
}
/*cupon===========*/
.cupon_shop_cart {margin-top: 80px;}
.cupon_shop_cart .submit_cupon {
    border-radius: 0;
    height: 40px;
    color: #000;
    border: 1px solid #acacac;
    position: relative;
}
.cupon_shop_cart .submit_cupon, .submit_cupon_submit:focus {
    box-shadow: none;
    max-width: 289px;
}
.submit_cupon_submit {
    color: #f7f7f7;
    background-color: #464646;
    border: none;
    border-radius: 0;
    position: absolute;
    left: 303px;
    top: 0;
    height: 40px;
    width: 149px;
    letter-spacing: 2px;
    font-size: 13px;
    border: 1px solid transparent;;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s
}
.submit_cupon_submit:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #212121;;
}
.cupon_shop_cart [placeholder]::-webkit-input-placeholder {
    color: #bab9b9;
    font-size: 11px;
    letter-spacing: 2px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.Contuning_shop_Cart {
    color: #232323;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    border: 1px solid #555555;
    display: inline-block;
    padding: 8px 44px;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}
.pull-right_shop_Cart {text-align: right;}
.Contuning_shop_Cart:focus {color: #232323;}
.Contuning_shop_Cart i {margin-left: 7px;}
/*cart totals=============*/
.cart-totals .table>tbody>tr>td, .cart-totals .table>tbody>tr>th {
    border-top: 0px;
    font-weight: normal;
    font-size: 13px;
    border-bottom: 1px solid #ececec;
    letter-spacing: 1px;
    padding: 46px 50px 14px 50px;
    color: #a9a9a9;
}
.grand-total{border-bottom: 1px solid #ececec;}
.cart-totals tbody td {text-align: right}
.cart-totals .grand-total th,
.cart-totals .grand-total td {
    padding-top: 51px !important;
    font-weight: 700 !important;
    border-bottom: 0px !important;
    padding-bottom: 9px !important;
    color: #515151 !important;
}
.cart-totals .grand-total td {
    font-size: 20px;
    line-height: 0.8
}
.update_Cart_shop_area h3 {
    color: #232323;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
}
.update_Cart_shop_area h4 {
    color: #767676;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    margin-top: 52px;
    display: block;
}
.update_Cart_shop_area {margin-top: 116px;}
.cart-totals {
    border: 1px solid #d7d7d7;
    padding: 0px 35px 40px 35px;
    margin-top: 38px;
}
.Update_proceed_div {margin-top: 55px;}
.Update_proceed {
    text-transform: uppercase;
    color: #232323;
    font-size: 13px;
    letter-spacing: 1px;
    border: 1px solid #555555;
    display: inline-block;
    padding: 7px 54px;
    margin: 0px 7px;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s
}
.Update_proceed:focus {color: #232323;}
.grand-total th td{font-size: 14px !important;}
.grand-total th,td{color: #515151 !important}
/*======================
    iv.   SHOP CHECK OUT 
========================*/
.Shop_CheckOut_img {
    background: url(../images/Shop_checkOut_title_img.jpg) no-repeat scroll center center / cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
}
.Shop_CheckOut_area {
    padding: 118px 0px 106px;
    overflow: hidden;
}
.shop_checkout_title {
    font-size: 13px;
    color: #727272;
    font-weight: 400;
    letter-spacing: 3.3px;
    margin-bottom: 50px;
}
.Shop_CheckOut_area label {
    color: #848484;
    font-size: 12px;
    letter-spacing: 1.3px;
}
.Shop_CheckOut_area label span{color: #ff0000;}
.shop_checkout_T_order {
    font-size: 13px;
    color: #727272;
    font-weight: 400;
    letter-spacing: 1.6px;
    margin-top: 35px;
}
.placeOrder_shop_checkout {
    background-color: #555555;
    padding: 7px 0;
    border-radius: 4px;
    margin-top: 47px;
    cursor: pointer;
    transition: .5s;
    border: 1px solid transparent;
}
.placeOrder_shop_checkout:hover {
    background-color: #fff;
    border: 1px solid #555555; 
}
.placeOrder_shop_checkout:hover .placeOrder_shop_checkout_S{color: #555555}
.placeOrder_shop_checkout a {
    color: #ececec;
    font-size: 14px;
    letter-spacing: 1.5px;
    transition: .5s;
}
/* Shop_CheckOut_area========= */
.Shop_CheckOut_area [placeholder]::-webkit-input-placeholder {
    color: #ababab;
    font-size: 12px;
    letter-spacing: 1.5px;
}
.Shop_CheckOut_area .form-control {
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
    outline: 0;
    border: 1px solid #ebebeb;
    background-color: transparent;
    height: 40px;
    margin-bottom: 14px;
}
.Shop_CheckOut_area select {
    color: #a2a2a2;
    font-size: 12px;
    letter-spacing: 1.5px;
}
.country_checkout{
    color: #a2a2a2;
    font-size: 12px;
    letter-spacing: 1.5px;
}
.Shop_CheckOut_area .form-control:focus {
    border-color: #ebebeb;
    outline: 0;
    box-shadow: none;
}
.quantity-form .amount {
    width: 25px;
    height: 25px;
    border: 1px solid #959595;
    text-align: center;
    color: #8e8e8e;
    font-size: 12px;
    line-height: 25px;
}
.quantity-form .qtyminus,
.quantity-form .qtyplus {
    background-color: #fff;
    border: 1px solid #959595;
    width: 25px;
    height: 25px;
    color: #8e8e8e;
    margin: 0px 6px;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s
}
.quantity-form .qtyminus:hover,
.Contuning_shop_Cart:hover,
.Update_proceed:hover,
.quantity-form .qtyplus:hover {
    background-color: #232323;
    color: #ececec
}
.review-control {
    max-height: 600px;
    overflow-y: scroll
}
/*======================
    v. SHOP SINGLE PAGE 
========================*/
.Shop_single_areA {padding: 120px 0px 90px;}
.Shop_single_title_img {background: url(../images/Shop_single_title_img.jpg) no-repeat scroll center center / cover !important;}
.product-gallery_portfolio_3 img{width: 100%}
.content-Portfolio_3-detail.has-sidebar_portfolio_3 .product-gallery_portfolio_3 .bx-wrapper {
    float: none;
    margin: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
}
.product-gallery_portfolio_3 .bx-wrapper {
    float: left;
    margin: 0;
    padding-right: 10px;
    position: relative;
    width: 81.4%;
}
.product-gallery_portfolio_3 .bx-viewport {background: #f5f5f5 none repeat scroll 0 0;}
.product-gallery_portfolio_3 .bxslider img {
    height: auto;
    width: 100%;
}
.product-gallery_portfolio_3 .bx-prev {
    color: #a0a0a0;
    font-size: 30px;
    left: 0;
    margin-left: 25px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
.product-gallery_portfolio_3 .bx-next {
    color: #a0a0a0;
    font-size: 30px;
    margin-right: 15px;
    margin-top: -10px;
    position: absolute;
    right: 10px;
    top: 50%;
}
.content-Portfolio_3-detail.has-sidebar_portfolio_3 .product-gallery_portfolio_3 #bx-pager {
    float: none;
    width: auto;
}
.product-gallery_portfolio_3 #bx-pager {
    float: left;
    width: 18.6%;
}
.content-Portfolio_3-detail.has-sidebar_portfolio_3 .product-gallery_portfolio_3 #bx-pager a {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 16px;
    margin-top: 20px;
    max-width: 124px;
}
.content-Portfolio_3-detail.has-sidebar_portfolio_3 .product-gallery_portfolio_3 #bx-pager a:first-child {margin-left: 0px;}
.content-Portfolio_3-detail.has-sidebar_portfolio_3 .product-gallery_portfolio_3 #bx-pager a:last-child {margin-right: 0;}
.product-gallery_portfolio_3 #bx-pager a {
    background: #f5f5f5 none repeat scroll 0 0;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
/*shop single_product_info===================*/
.shop_single_product_info h2 {
    color: #232323;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 24px;
    font-size: 24px;
    margin-bottom: 59px;
}
.shop_single_product_info h4 {
    color: #242424;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 2px;
}
.shop_single_product_info h4 span {
    color: #959595;
    font-size: 14px;
    text-decoration: line-through;
    font-weight: 400;
    margin-left: 5px;
}
.product_details_info_S_single {
    color: #8e8d8d;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 1px;
    margin-top: 37px;
}
.s_single_plus_minus {margin-top: 10px;}
.product_id_c_ta_tags {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 22px 0;
    margin-top: 44px;
    margin-bottom: 23px;
}
.product_id_c_ta_tags li {padding: 7px 0;}
.product_id_c_ta_tags li p span {
    float: left;
    width: 17%;
    color: #727272;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    font-weight: 500;
}
.product_id_c_ta_tags li p,
.product_id_c_ta_tags li p a {
    color: #8e8d8d;
    font-size: 12px;
    letter-spacing: 1.2px;
}
/*=======quatinty=================*/
label.fl {
    color: #727272;
    font-size: 12px;
    letter-spacing: 2px;
}
/*cart===========*/
.add_t_cart {
    float: right;
    margin-top: -31px;
}
.add_t_cart_S {
    display: inline-block;
    background-color: #2d2d2d;
    color: #e4e4e4;
    padding: 8px 33px;
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: .5px;
    margin-top: -8px;
    border: 1px solid transparent;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s
}
.add_t_cart_S:hover,
.add_t_cart_S:focus {
    background-color: #2d2d2d;
    color: #e4e4e4;  
}
.add_t_cart_S:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #212121;;
}
.add_t_cart_S i {margin-right: 18px;}
/*Shop_single_Description_reviews=========*/
.review_desCRiption_Section_Area {margin-top: 75px;}
.tab_button_Shop li {
    display: inline-block;
    position: relative;
    padding: 10px 0px 12px 5px;
}
.tab_button_Shop {border-bottom: 1px solid #e3e3e3;}
.tab_button_Shop li.active:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 110px;
    background-color: #636363;
    content: "";
}
.tab-content {margin-top: 20px;}
.tab_button_Shop li a {
    color: #727272;
    font-size: 12px;
    letter-spacing: 1.5px;
    font-weight: 400;
    margin-right: 40px;
}
.for_description_s_single {
    padding: 28px 24px 20px 30px;
    background-color: #f7f7f7;
    text-align: justify;
}
.for_description_s_single p{
    line-height: 26px;
    font-size: 14px;
    color: #8e8d8d;
    margin-bottom: 25px; 
    letter-spacing: .5px;
}
/*reviews=============*/
.B_2_Admin_review_ {float: left;}
.B_2_Admin_review_ img{width: 80px;}
.Admin_review_details_s_single_shop {padding-left: 102px;}
.Admin_review_details_s_single_shop h5 a {
    color: #646464;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: Times New Roman;
}
.Admin_review_details_s_single_shop h5 span {
    color: #9a9a9a;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1.3px;
}
.Admin_review_details_s_single_shop p {
    color: #8e8d8d;
    margin-top: 22px;
    line-height: 26px;
    font-size: 13px;
    letter-spacing: 1.1px;
}
.shop_review_replay_author {text-align: right;}
.shop_review_replay_author a {
    color: #8e8d8d;
    display: inline-block;
    border: 1px solid #8e8d7d;
    padding: 2px 17px;
    font-size: 12px;
}
.Admin_review_details_s_single_shop h5{padding-top: 12px;}
.b_single_shop_review {margin-top: 30px;}
.pd_120 {padding-left: 120px;}
/*reletade product*/
.Releted_products_shop_single {margin-top: 99px;}
.Releted_products_TITle {
    text-transform: uppercase;
    font-size: 14px;
    color: #727272;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 38px;
}
/*======================
    17. BLOG PAGE
========================*/
/*======================
    i. STANDERD BLOG PAGE 
========================*/
.Blog_1_title {
    background: url(../images/Blog_1_Side_title_img.jpg) no-repeat scroll center center /cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
    position: relative;
}
.Blog_1_title_overlay {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.03;
}
.B_latest_news {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.Blog_1_title_text {
    background-color: #f7f7f7;
    max-width: 530px;
    margin: 0 auto;
    padding: 55px 0px;
    box-shadow: 0 0 0 10px #fafafb;
    border: 2px solid #acacac;
    opacity: 0.9;
}
.Blog_1_title_text h2 {
    color: #6a6a6a;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 4.5px;
    font-size: 32px;
}
.Blog_1_title_text h4 {
    color: #6a6a6a;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 4px;
    font-family: 'Dosis', sans-serif;
}
.Blog_1_title_text hr {
    border: 1px solid #acacac;
    max-width: 30px;
    margin: 25px auto 28px;
}
.Blog_1 img{width: 100%;}
.Blog_1 {
    padding: 120px 0 92px;
    overflow: hidden;
}
.blog_1_item {padding-right: 10px;}
.blog_1_img {position: relative;}
.blog_1_d_month {
    position: absolute;
    left: 8px;
    top: 10px;
    background-color: #2f281c;
    padding: 7px 10px;
}
.blog_1_d_month h3{
    color: #f5f5f5;
    text-align: center;
    font-size: 14px;
}
.blog_1_d_month hr {
    border: 1px solid #fcfbfb;
    max-width: 30px;
    margin: 2px auto;
}
.blog_1_img_details {padding: 28px 0px 48px;}
.blog_1_img_details h4 a{
    color: #878787;
    font-size: 14px;
    letter-spacing: 2px;
}
.blog_1_img_details h3 {margin-top: 2px;}
.blog_1_img_details h3 a {
    font-size: 20px;
    color: #515151;
    margin-top: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    display: inline-block;
}
.blog_1_d_admin {
    margin-top: 9px;
    position: relative;
    padding-bottom: 10px;
}
.blog_1_d_admin:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 50px;
    background-color: #c9c9c9;
    content: "";
}
.blog_sidebar_after:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 30px;
    background-color: #c9c9c9;
    content: "";
}
.blog_1_img_details, .blog_1_img_details a {
    color: #919191;
    font-size: 12px;
    letter-spacing: 1px
}
.blog_1-detailsss {
    color: #6c6c6c;
    font-size: 14px;
    line-height: 26px;
    margin-top: 15px;
    font-weight: 300;
}
.blog_1_readmore {
    text-align: right;
    color: #aeaeae;
    font-size: 12px;
    margin-top: 27px;
}
.Blog_pagination {
    text-align: center;
    margin-top: 2px;
}
.pagination>li>a,
.pagination>li>span {
    margin: 0px 5px;
    background-color: #f0f0f0 !important;
    border: 1px solid #f0f0f0;
    color: #5f5f5f;
    font-size: 14px;
    padding: 9px 14px;
}
.pagination>li>a:hover{border: 1px solid #f0f0f0}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    margin-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0
}
/*-----first -right-sidebar-------*/
.Blog_1-search1 {
    position: relative;
    border: 1px solid #e1e1e1;
}
.Blog_1-search1 input {
    width: 100%;
    padding: 12px 13px;
    outline: 0;
    color: #575757;
    border: 0px solid #e1e1e1;
    position: relative;
    background: transparent;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 12px;
}
.Blog_1-search {position: absolute;top: 0;right: -2px;}
.Blog_1-search input {
    color: #b4b4b4;
    padding: 12px 10px;
    width: 44px;
    font-family: 'FontAwesome';
    font-weight: 100;
}
.Blog_1-search1 [placeholder]::-webkit-input-placeholder {
    color: #e1e1e1;
    letter-spacing: 1px;
}
/*-------seceond -right-sidebar-------*/
.Right_Widget-B_1 {
    padding: 20px 40px;
    border: 1px solid #e1e1e1;
    margin-top: 65px;
}
.Right_Widget-B_1 h3 {
    font-size: 16px;
    display: table;
    color: #6a6a6a;
    font-weight: 400;
    letter-spacing: 2px;
    background-color: #fff;
    padding: 0px 10px;
    margin: -28px auto 6px auto;
}
.b_item_marginTop{
    padding: 20px 0px 30px 0px;
    overflow: hidden;
}
.Right_Widget-B_item li {
    border-bottom: 1px solid #e1e1e1;
    line-height: 43px;
}
.Right_Widget-B_item li a {
    color: #6f6f6f;
    font-size: 11px;
    letter-spacing: 1px;
}
.RP {
    overflow: hidden;
    padding: 15px 0px 11px;
}
.rp-txt {margin-left: 90px;}
.rp-txt h4 a {
    color: #6f6f6f;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    line-height: 18px;
}
.rp-txt p {
    color: #9f9f9f;
    font-size: 11px;
    letter-spacing: 1.5px;
    margin-top: 6px;
}
.rp-img {
    width: 75px;
    float: left;
}
/*------third -right-sidebar-------*/
.js-zoom-gallery {margin-top: 15px;}
.widget-gallery__item {
    float: left;
    width: 31.333%;
    overflow: hidden;
    margin: 2px;
}
/*-----fourth -right-sidebar-------*/
.fourth_sidebar p {
    color: #626262;
    font-size: 14px;
    line-height: 26px;
    margin-top: 10px;
    font-weight: 300;
    letter-spacing: .5px;
}
.fourth_sidebar hr {
    border: 1px solid #c8c8c8;
    max-width: 30px;
    margin: 7px 0;
}
.fourth_sidebar a {
    color: #a5a5a5;
    font-size: 12px;
    letter-spacing: 1px;
}
/*------fifth -right-sidebar-------*/
.Right_Widget-social-icon {
    margin-top: 25px;
    text-align: center;
}
.Right_Widget-social-icon ul li {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background-color: #939393;
    text-align: center;
    border-radius: 100%;
    font-size: 12px;
    margin: 0px 3px;
}
.Right_Widget-social-icon ul li a {color: #fff;}
/*=========================
    ii.  BLOG SINGLE PAGE 
===========================*/
.Blog_2_title {
    background: url(../images/Blog_2_Side_title_img.jpg) no-repeat scroll center center /cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
    position: relative;
}
.Blog_single_B_2 {padding-right: 10px;}
.blog-single-title {text-align: center;}
.blog-single-title h3 {
    text-transform: uppercase;
    color: #6a6a6a;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 2.5px;
}
.blog-single-title h2{
    color: #6a6a6a;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 4.5px;
    font-family: 'Dosis', sans-serif;
    margin-top: 17px;
    display: inline-block;
}
.blog_2_d_admin, .blog_2_d_admin a {
    color: #bebebe;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: 9px;
    letter-spacing: 1.2px;
}
.blog-single-title hr {
    border: 0.5px solid #acacac;
    max-width: 30px;
    margin: 20px auto 30px;
}
/*========Controls==========*/
.Blog_single_B_2 .owl-nav div {
    height: 35px;
    width: 35px;
    background-color: transparent;
    text-align: center;
    position: absolute;
    top: 50%;
    line-height: 35px;
    transform: translateY(-50%);
    left: 0px;
    font-size: 28px;
    color: #f1f1f1;
    opacity: 0;
    transition: .5s;
}
.Blog_single_B_2 .owl-nav div.owl-next {
    right: 0;
    left: auto;
}
.Blog_single_B_2:hover .owl-nav div{opacity: 1}
.Blog_2_Content {margin-top: 43px;}
.Blog_2_Content p {
    color: #626262;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: .3px;
    font-weight: 300;
    margin-bottom: 18px;
    text-align: justify;
}
.Blog_2_content_single_S{font-weight: 400 !important;}
.Blog_2_content_single{
    color: #3b3b3b;
    font-weight: 600;
}
.Blog_2_content_single {
    color: #3b3b3b !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: .3px !important;
}
.blog_blockquote {
    margin-bottom: 35px;
    margin-top: 48px;
}
.blog_blockquote h2 {
    color: #3b3b3b;
    font-size: 18px;
    text-align: center;
    max-width: 600px;
    letter-spacing: 1px;
    line-height: 26px;
    position: relative;
    padding: 0px 30px;
}
.blog_blockquote h2:before {
    content: "";
    height: 50px;
    width: 50px;
    background: url(../images/Blog_2_comment_left_icon.png) no-repeat scroll center center;
    position: absolute;
    left: -5px;
    top: 8px;
}
.blog_blockquote h2:after {
    content: "";
    height: 50px;
    width: 50px;
    background: url(../images/Blog_2_comment_right_icon.png) no-repeat scroll center center;
    position: absolute;
    right: -5px;
    top: 8px;
}
.title_details_content {
    color: #696969;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.7px;
    margin-bottom: 19px;
    margin-top: 24px;
    display: inline-block;
}
.blog2_tags {margin-top: 38px;}
.blog2_tags span {
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-right: 7px;
}
.blog2_tags_list li {display: inline-block;}
.blog2_tags_list {display: inline-block;}
.blog2_tags_list li {
    display: inline-block;
    margin: 0px 4px;
}
.blog2_tags_list li a {
    color: #a0a0a0;
    letter-spacing: 1.7px;
    font-size: 12px;
    font-weight: 400;
}
.blog2_tags_list li a i {
    padding-right: 1px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}
.cmnts_social_ICons_left li {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
}
.cmnts_social_ICons_left li a{color: #fff}
.cmnts_social_ICons_left li:nth-child(odd) {
    background-color: #939393;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}
.cmnts_social_ICons_left li:nth-child(odd):hover {
    background-color: #d0d0d0;
    color: #fff;
    cursor: pointer;
}
.cmnts_social_ICons_left li:nth-child(even) {color: #929292;}
.cmnts_social_ICons li:first-child {
    height: 30px;
    width: 30px;
    background-color: #939393;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    color: #fff;
    margin-right: 11px;
}
.cmnts_social_ICons li {display: inline-block;}
.cmnts_social_ICons li a {
    color: #929292;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.blog2_cmnts_social_ICon {margin: 42px 0px 50px;}
.B_2_Admin {
    height: 100px;
    width: 100px;
    border-radius: 100%;
    float: left;
}
.b_single_admin_Post {
    border: 1px solid #b7b7b7;
    padding: 38px 45px;
    overflow: hidden;
    margin-top: 38px;
}
.b2_cmts-txt {padding-left: 131px;}
.b2_blog_social li {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-color: #939393;
    line-height: 30px;
    text-align: center;
    border-radius: 100%;
    margin-right: 8px;
}
.b2_cmts-txt h5 a{
    color: #646464;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: 'Roboto', sans-serif;
}
.b2_cmts-txt h5 .admin {
    color: #9a9a9a;
    font-size: 10px;
    font-weight: normal;
}
.b2_cmts-txt p {
    color: #626262;
    font-size: 14px;
    line-height: 26px;
    margin-top: 7px;
    font-weight: 400;
}
.b2_blog_social li a {
    color: #fff;
    font-size: 14px;
}
.b2_blog_social {margin-top: 15px;}
.comnts_title_b2 h3 a{
    color: #696969;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.5px;
}
.comnts_title_b2 {
    margin-top: 30px;
    margin-bottom: -7px;
}
.b_single_admin_Post-2 {
    padding: 38px 0px 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.b_single_admin_Post-2 h4 {
    color: #9b9b9b;
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 15px;
}
.pd_90 {padding-left: 90px;}
.comment-respond_b_single [placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.3s 0.3s ease; 
    -moz-transition: opacity 0.3s 0.3s ease; 
    -ms-transition: opacity 0.3s 0.3s ease; 
    -o-transition: opacity 0.3s 0.3s ease; 
    transition: opacity 0.3s 0.3s ease; 
    opacity: 0;
}
.comment-respond_b_single [placeholder]::-webkit-input-placeholder {
    color: #ababab;
    font-size: 11px;
    letter-spacing: 2px;
}
.comment-respond_b_single .form-control {
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
    outline: 0;
    border: 1px solid #959595;
    background-color: transparent;
}
.comment-respond_b_single .form-control:focus {
    border-color: #f4f4f4;
    outline: 0;
    box-shadow: none;
}
.nameBlog_2 {
    border: none !important;
    background-color: #f4f4f4 !important;
    height: 40px;
}
.textareaBlog_2 {
    margin-top: 10px;
    resize: vertical;
    height: 200px !important;
    background-color: #f4f4f4 !important;
    border: 1px solid #f4f4f4 !important;
}
.Send_Blog_2_btn {
    border: 1px solid #939393;
    padding: 6px 23px;
    font-weight: 500;
    color: #fff;
    font-size: 11px;
    border-radius: 23px;
    background-color: #939393;
    letter-spacing: 1.5px;
    margin-top: 9px;
    text-align: center;
    outline: 0;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}
.Send_Blog_2_btn:hover {
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
}
.comment-respond_b_single h3 {
    color: #626262;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 38px;
    text-align: center;
}
.comment-respond_b_single {margin-top: 77px;}
.Blog_2 {padding: 119px 0px 105px;}
/*===============================
    iii. SIDEBAR GRID BLOG PAGE 
===============================*/
.Blog_3_title {
    background: url(../images/Blog_3_Side_title_img.jpg) no-repeat scroll center center /cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
    position: relative;
}
.Blog_3 {padding-right: 10px;}
.Blog-3_imgg{position: relative}
.blog_3_img_details {
    padding: 0;
    margin-top: 8px;
}
.blog-3_single_blog {margin-bottom: 80px;}
.Blog_pagination_blog3 {margin-top: 60px !important;}
/*===============================
    iv. MASONRY BLOG PAGE 
===============================*/
.Blog_4_title {
    background: url(../images/Blog_4_Side_title_img.jpg) no-repeat scroll center center /cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
    position: relative;
}
.Blog_4 {padding: 105px 0px 92px;}
.Blog_4 img{width: 100%;}
.Blog_page-container{
    position: relative;
    min-height: 700px;
}
.Blog_page-item--width2 { width:  50%; }
.Blog_page-item--width4 { width:  33.333333333333336%; }
.Blog_page-item--height2 {height: 398px;}
.Blog_page-item {
    padding: 15px;
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.Blog_page-sizer{width:  33.333333333333336%;}
@media (max-width: 767px) {
    .Blog_page-item.Blog_page-item--width4{width: 100%;}
    .single_Contet_b-4 h3, .blog_4_d_admin {text-align: center;}
}
.single_Contet_b-4 {
    padding-top: 18px;
    padding-bottom: 38px;
}
.blog_4_d_admin,
.blog_4_d_admin a {
    color: #828282;
    font-size: 11px;
    letter-spacing: 1.6px;
    font-weight: 300;
    margin: 0;
}
.single_Contet_b-4 h3 a {
    color: #2c2c2c;
    letter-spacing: 2.5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin-top: 10px;
    display: inline-block;
}
.blog_4-detailsss {
    color: #6a6a6a;
    font-size: 14px;
    line-height: 26px;
    margin-top: 19px;
    font-weight: 300;
    letter-spacing: .9px;
}
.blog_4-detailsss a{color: #6c6c6c;}
.blog_4_readmore {
    text-align: right;
    margin-top: 9px;
}
.blog_4_readmore a {
    color: #929292;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 1.2px;
}
.Blog_pagination_blog_4 {
    text-align: center;
    margin-top: 15px;
}
.B_2_Admin-2 {
    height: 70px;
    width: 70px;
    overflow: hidden;
}
.b2_cmts-txt-2 h5 {
    letter-spacing: 1.6px;
    font-family: Times New Roman;
}
.b2_cmts-txt-2 {padding-left: 91px !important;}
/*===============================
    v. SIDEBAR MASONERY BLOG PAGE 
===============================*/
.Blog_5_title {
    background: url(../images/Blog_5_Side_title_img.jpg) no-repeat scroll center center /cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
    position: relative;
}
.Blog_5 .col-md-6 {
    padding: 0;
    margin: 0;
}
.pd{padding-right: 15px;}
.blog_5_img_details {
    text-align: center;
    padding: 0px 40px;
    margin-top: 40px;
}
.blog_5_img_details h4 {
    color: #919191;
    font-size: 14px;
    letter-spacing: 1px;
}
.blog_5_img_details hr {
    border: 1px solid #c9c9c9;
    max-width: 30px;
    margin: 7px auto 19px;
}
.blog_5_img_details h3 a{
    color: #515151;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 14px;
    display: inline-block;;
}
.blog_5_d_admin, .blog_5_d_admin a {
    color: #919191;
    font-size: 12px;
    margin-top: 9px;
}
.blog_5-detailsss {
    color: #6c6c6c;
    line-height: 26px;
    font-size: 14px;
}
/*===============================
    18. ABOUT US PAGE 
===============================*/
.About_us__title_img {
    background: url(../images/about_us_title_img.jpg) no-repeat scroll center center /cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
}
.About_us_Text {
    margin-left: 110px;
    position: relative
}
.About_us_Text h2 {
    font-size: 32px;
    font-weight: 500;
    color: #3f3f3f;
    line-height: 50px;
}
.AboUt_title_text {padding: 33px 0px;}
.About_us_Text:before {
    position: absolute;
    left: -34px;
    top: -10px;
    height: 2px;
    width: 30px;
    content: "";
    background-color: #3f3f3f;
}
.ABout_CreativE img{width: 100%;}
.ABout_CreativE {
    padding: 120px 0px 120px;
    overflow: hidden;
}
.cReaTive_ConTent {margin-top: 27px;}
.Creative_TitlE {
    position: relative;
    color: #3e3e3e;
    font-size: 32px;
    text-align: left;
    font-weight: bold;
    line-height: 32px;
    padding-bottom: 10px;
}
.Creative_TitlE:after {
    position: absolute;
    left: 50%;
    bottom: 0px;
    height: 2px;
    width: 30px;
    content: "";
    background-color: #a4a4a4;
}
.Creative_conTENt p {
    color: #5a5a5a;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 18px;
}
.Creative_conTENt {margin-top: 53px;}
.cReaTive_ConTent hr {
    border: 1px solid #e1e1e1;
    max-width: 200px;
    margin: 52px auto 28px;
}
.cReaTive_ConTent h4 {
    color: #636363;
    font-size: 18px;
    letter-spacing: 2.6px;
    font-weight: 400;
    text-align: center;
    font-family: 'Dosis', sans-serif;
}
/*=========About_SErVice==========*/
.About_SErVice {
    background-color: #fafafa;
    padding: 120px 0px 90px;
}
.single_ServicE_AbouT {
    border: 1px solid #d7d7d7;
    padding: 50px 35px 50px 35px;
    margin-bottom: 30px;
}
.single_ServicE_AbouT i {
    font-size: 45px;
    color: #929292;
}
.single_ServicE_AbouT hr {
    border: 1px solid #414141;
    margin: 21px auto 17px;
    max-width: 30px;
}
.single_ServicE_AbouT h3 {
    color: #111111;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: 'Roboto', sans-serif;
    margin-top: 29px;
    font-weight: 500;
}
.single_ServicE_AbouT p {
    color: #696969;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: .5px;
}
/*Couter section==========*/
.Counter_section_aboUt_us{overflow: hidden}
.number-item {
    padding: 139px 0;
    background: #e1e1e1;
}
.number-item span {
    font-size: 32px;
    color: #595959;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 3px;
}
.number-item hr {
    border: 1px solid #595959;
    max-width: 30px;
    margin: 23px auto 36px;
}
.number-item h6 {
    font-size: 13px;
    color: #1c1c1c;
    letter-spacing: 3px;
}
.numbers .number-item:nth-child(2),
.numbers .number-item:nth-child(4){background: #ebebeb;}
/*testimonial about us*/
.about_us_testionial {    background: linear-gradient(45deg, #b4e391 0%,#61c419 50%,#b4e391 100%); background: url(images/ara-bg.jpg);    background-size: cover;}
.testimonial {
   float: left;
    background-color: #fafafa;
    padding: 86px 0;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    padding-left: 40px;
}
.testimonial:after {
  position: absolute;
  right: -19px;
  top: 0;
  height: 100%;
  width: 31px;
  content: "";
  background-color: #fafafa;
  transform: skew(-4deg);
}
.admin_about_us {
    float: right;
    position: relative;
    margin-left: 15px;
}
.description {
    max-width: 583px;
    float: left;
    color: #191919;
    position: relative;
    font-size: 14px;
    line-height: 26px;
}
.pic {float: right;position: relative;}
.pic:before {
    content: "";
    width: 284px;
    height: 100%;
    background: #fafafa;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    transform: matrix(1, 0, -0.1, 1, -20, 0);
}
.pic_2 {
    margin-top: 20px;
    margin-right: 40px;
}
.description:before {
    position: absolute;
    content: "\f10d";
    font-family: "fontawesome";
    font-size: 15px;
    left: -20px;
    top: -11px;
    color: #757575;
    z-index: 99;
    border: none;
}
.description:after {
    font-family: "fontawesome";
    font-size: 15px;
    bottom: -10px;
    color: #757575;
    z-index: 99;
    border: none;
    content: "\f10e";
}
.admin_about_us h3 {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 11px;
    display: inline-block;
}
.admin_about_us h4 {
    color: #7a7a7a;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 12px;
}
.admin_about_us h3:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 30px;
    background-color: #000;
    content: "";
    transform: translate(-50%);
}
.admin_about_us:before {
    position: absolute;
    left: -17px;
    top: -52px;
    height: 165px;
    width: 2px;
    background-color: #4d4d4d;
    content: "";
    transform: skew(-10deg);
}
/*Controls======*/
.about_us_testionial .owl-dots {
    text-align: center;
    margin-top: -121px;
    position: absolute;
    left: 27%;
    transform: translate(-50%);
}
.about_us_testionial .owl-dots div {
    
    display: inline-block;
    height: 6px;
    margin-right: 6px;
    width: 25px;
    border: 1px solid #464646;
}
.about_us_testionial .owl-dots div.active {
    border: 1px solid #464646;
    background-color: #505050;
}
/*===============================
    19. ABOUT ME PAGE 
===============================*/
.About_me_title_img{background: url(../images/about_me_title_img.jpg) no-repeat scroll center center /cover;}
.about_me_bg{background-color: #fff}
.ABout_me_CreativE{padding-top: 20px;}
.cReaTive_images img{width: 100%}
.Creative_conTENt_a_me p{margin-bottom: 12px;}
.cReaTive_ConTent_a_ME hr {
    border: 1px solid #e1e1e1;
    max-width: 200px;
    margin: 11px auto 17px;
}
.cReaTive_ConTent_a_ME h4 {
    color: #636363;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 500;
    text-align: center;
    font-family: 'Dosis', sans-serif;
}
.signature_about_me_page {margin-top: 32px;}
.About_me_counter_section_area {
    padding: 50px 0 50px;
    background-color: #191919;
    color: #fff;
}
/*counter 2 section*/
.Counter_section_aboUt_mee {
    background-color: #808679;;
    overflow: hidden;
}
.single_COUNtErr {
    float: left;
    padding: 72px 0;
}
.single_COUNtErr span{
    font-size: 32px;
    color: #f8f8f8;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 3px;
    font-weight: 500;
}
.single_COUNtErr hr{
    border: 1px solid #bbbbbb;
    max-width: 30px;
    margin: 23px auto 36px;
}
.single_COUNtErr h6{
    font-size: 13px;
    color: #bbbbbb;
    letter-spacing: 2px;
}
/*Creative team======*/
.Our_CREATIVE_team_a_us {
    padding: 117px 0px 120px;
    overflow: hidden;
}
.Our_CREATIVE_list_a_us {margin-top: 60px;}
.Our_CREATIVE_singlE{overflow: hidden;}
.Our_CREATIVE_singlE img {width: 100%;}
.Our_CREATIVE_overlay {
    position: relative;
    overflow: hidden;
}
.Our_CREATIVE_singlE_content {
    position: absolute;
    left: 0;
    bottom: -201px;
    height: auto;
    padding: 24px 60px;
    width: 100%;
    background-color: #606060;
    transition: .7s;
}
.Our_CREATIVE_singlE_content h2 {
    color: #fafafa;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}
.Our_CREATIVE_singlE_content p {
    color: #c8c8c8;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    text-align: center;
    line-height: 24px;
    margin-top: 17px;
}
.Our_CREATIVE_singlE_content hr {
    border: 1px solid #fafafa;
    max-width: 30px;
    margin: 46px auto 1px;
}
.content_creative_team {
    background-color: #606060;
    color: #fff;
    text-align: center;
    padding: 30px 0px;
}
.content_creative_team_social li {
    display: inline-block;
    margin: 0px 17px;
}
.content_creative_team_social li a {
    color: #e7e7e7;
    font-size: 12px;
}
.content_creative_team h3 {
    color: #f9f9f9;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
.content_creative_team h4 {
    color: #a3a3a3;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
    margin-top: 11px;
}
.content_creative_team_social {margin-top: 28px;}
.Our_CREATIVE_singlE:hover .Our_CREATIVE_singlE_content{bottom: 0;}
/* Testimonial=========== */
.slider-img_a_me {float: left;}
.slider_about_me {
    max-width: 950px;
    margin: 0 auto;
}
.content_about_MEE {
    margin-top: 10px;
    position: relative;
    margin-left: 18%;
    margin-right: 10px;
    background-color: #fafafa;
    padding: 57px 85px;
    box-shadow: 10px 10px 0px 0px #272727;
    margin-bottom: 10px;
}
.Testimonial_about_me {
    padding: 120px 0 112px;
    overflow: hidden;
}
.slider-content_hello {overflow: hidden;}
.author_review_about_me {
    text-align: left;
    color: #191919;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    cursor: text;
}
.content_about_MEE :before {
    position: absolute;
    left: -10px;
    top: -10px;
    z-index: -1111;
    border: 1px solid #272727;
    content: "";
    height: 100%;
    width: 100%;
}
.author_review_about_me:before {
    position: absolute;
    content: "\f10d";
    font-family: "fontawesome";
    font-size: 15px;
    left: -20px;
    top: -11px;
    color: #757575;
    z-index: 99;
    border: none;
}
.author_review_about_me:after {
    position: absolute;
    font-family: "fontawesome";
    font-size: 15px;
    bottom: -10px;
    color: #757575;
    z-index: 99;
    border: none;
    content: "\f10e";
}
.about_me_clienT h4 a{
    color: #1c1c1c;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}
.about_me_clienT h5 {
    color: #7a7a7a;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 12px;
}
.about_me_clienT {margin-top: 49px;}
.about_me_clienT h4 a:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 30px;
    background-color: #4d4d4d;
    content: "";
    transform: translate(-50%);
}
.slider-img_a_me {
    height: 140px;
    width: 140px;
    border-radius: 100%;
    margin-top: 110px;
}
/*Controls======*/
.Testimonial_about_me .owl-dots {
    text-align: center;
    margin-top: 29px;
}
.Testimonial_about_me .owl-dots div {
    display: inline-block;
    height: 6px;
    margin-right: 6px;
    width: 25px;
    border: 1px solid #464646;
}
.Testimonial_about_me .owl-dots div.active {
    border: 1px solid #464646;
    background-color: #505050;
}

/*===========My_SKIll_a_me============*/
.skillbar {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    background: #1f1f1f;
    height: 8px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.skillbar-bar {
    height: 4px;
    width: 0px;
    background: #fafafa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 1.5px;
    margin-left: 2px;
  
}
.skillbar-bar2 {
    position: relative;
    height: 3px;
    background-color: #1f1f1f;
    margin-top: 0;
    margin-left: 0;
}
.skillbar-bar2:after {
    content: "";
    position: absolute;
    right: 0;
    top: -20px;
    height: 0;
    width: 6px;
    border-top: 15px solid #fafafa;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}
.skillbar-bar2:before {
    content: "";
    position: absolute;
    right: -3px;
    top: -21px;
    border-top: 18px solid #363636;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}
.skillbar2 {
    height: 3px;
    background-color: #e8e8e8;
    border-radius: 0;
}
.skill-bar {margin-bottom: 54px;}
.skill-bar h4 {
    font-size: 13px;
    letter-spacing: 2.5px;
    color: #212121;
    margin-bottom: 17px;
}
/* award=============== */
.SKIll_AND_AWARDS {margin-top: 74px;}
.a_m_cell {
    border: 1px solid #bdbdbd;
    padding: 44px 0;
}
.My_SKIll_AND_AWARDS .col-md-6{
    margin: 0;
    padding: 0;
}
.about_awards_icon {
    width: 100px;
    margin: 0 auto;
    border-radius: 100%;
    height: 100px;
    line-height: 100px;
    border: 1px solid #bdbdbd;
}
.about_awards_icon i {
    font-size: 35px;
    color: #3f3f3f;
}
.about_awards_icon h4 {color: #3f3f3f;}
.a_m_cell h4 {
    color: #3f3f3f;
    font-size: 14px;
    margin-top: 23px;
    letter-spacing: 1px;
}
.My_SKIll_a_me {
    padding: 116px 0px 66px;
    overflow: hidden;
    background-color: #fafafa;
}
/* Our pertners section========== */
.single_a_me_list {overflow: hidden;}
.single_logo_about_ME img {
    width: 80% !important;
}
.Our_partners_about_me {
    padding: 100px 0px 100px;
    overflow: hidden;
}
/*===============================
    20. SERVICE PAGE
===============================*/
/* ======Our pertners section======= */
.Service_page_title_img {background: url(../images/Service_title_image.jpg) no-repeat scroll center center /cover;}
.Service_page_text {
    background-color: #fff;
    box-shadow: 0 0 0 10px #fff;
    padding: 33px 0;
}
/* ======What we doing===== */
.serviCe_titTlE h3 {
    color: #3e3e3e;
    font-size: 32px;
    font-family: 'Dosis', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
    padding-bottom: 31px;
}
.serviCe_titTlE h3:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 30px;
    background-color: #a4a4a4;
    content: "";
    transform: translate(-50%);
}
.What_we_Doing_list {margin-top: 40px;}
.What_we_Doing_s {
    padding: 114px 0px 120px;
    background-color: #fafafa;
    overflow: hidden;
}
.single_item_SERVICE {
    border: 1px solid #d7d7d7;
    text-align: center;
    margin-bottom: 30px;
    padding: 41px 20px;
    cursor: pointer;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}
.single_item_SERVICE i{
    font-size: 40px;
    color: #a0a0a0;
}

.single_item_SERVICE:hover {
    background-color: #e3e3e3;
    border: 1px solid #e3e3e3;
}
.single_item_SERVICE h2 {
    color: #111111;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 15px;
}
.single_item_SERVICE hr {
    border: 1px solid #414141;
    max-width: 30px;
    margin: 7px auto 19px;
}
.single_item_SERVICE p {
    color: #868585;
    font-size: 13px;
}
.single_promo img{width: 100%}
.single_promo {position: relative;}
.single_promo_overly {
  background-color: rgba(56,55,55, .85);
    color: white;
    height: calc(100% - 130px);
    width: calc(100% - 130px);
    left: 65px;
    position: absolute;
    top: 65px;
    padding: 25px;
    border: 5px solid #d1d1d2;
}
.single_promo_overly_cell img{width: 18%;}
.single_promo_overly_cell {
    text-align: center;
    display: table;
    height: 100%;
    width: 100%;
}
.asdsaas {
    display: table-cell;
    vertical-align: middle;
}
.asdsaas i {
    font-size: 40px;
    color: #e6e6e6;
}
.single_promo_overly_cell h3 {
    color: #ececec;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    position: relative;
    padding-bottom: 18px;
    margin-top: 25px;
    letter-spacing: 1px;
}
.single_promo_overly_cell h3:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 30px;
    content: "";
    background-color: #fafafa;
    transform: translate(-50%);
}
.single_promo_overly_cell p {
    color: #dedede;
    font-size: 13px;
    line-height: 26px;
    margin-top: 20px;
    letter-spacing: 1px;
}
.learn_more_w_we_doing {
    color: #fff;
    border: 1px solid #ebebeb;
    display: inline-block;
    padding: 2px 18px;
    border-radius: 4px;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 48px;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}
.learn_more_w_we_doing:focus {color: #fff;}
.learn_more_w_we_doing:hover {
    color: #fff;
    border: 1px solid #111;
    background: #111;
}
.want_to_work_mt_69{margin-top: 70px;}
.want_to_work_left {float: left;}
.want_to_work_left_2 {
    margin-left: 104px;
    margin-top: 10px;
}
.want_work_left {
    border: 1px solid #555;
    padding: 23px 21px;
    position: relative;
}
.want_work_left i {
    background-color: #fafafa;
    position: absolute;
    right: -10px;
    top: 50%;
    font-size: 17px;
    color: #000;
    z-index: 100000;
    transform: translateY(-50%);
}
.want_to_work_left_2 h2 {
    font-size: 15px;
    color: #686868;
    letter-spacing: 2px;
}
.want_to_work_left_2 p {
    color: #8e8d8d;
    font-size: 13px;
    margin-top: 15px;
    letter-spacing: .5px;
}
.contact_us_service_004 {
    color: #686868;
    font-size: 15px;
    letter-spacing: 1px;
    border: 1px solid #7b7b7b;
    display: inline-block;
    padding: 7px 21px;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    float: right;
    margin-top: 15px;
}
.contact_us_service_004:hover {
    color: #fff;
    border: 1px solid #111;
    background: #111;
}
/*service counter section===========*/
.service_counter_seCtion {
    padding: 125px 0 112px;
    background-color: #191919;
    color: #fff;
}
.service_counter_seCtion_list li {
    display: inline-block;
    margin-left: 123px;
    text-align: center;
}
.service_counter_seCtion_list li:first-child {margin-left: 0;}
.service_counter_seCtion_list li img {
    margin-bottom: 41px;
    width: 25px;
}
.service_counter_seCtion_list li i {
    font-size: 35px;
    color: #e0e0e0;
}
.service_counter_seCtion_list li p {
    font-size: 32px;
    color: #e0e0e0;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 3px;
    font-weight: 500;
    margin-top: 38px;
}
.service_counter_seCtion_list li hr {
    border: 1px solid #bbbbbb;
    max-width: 30px;
    margin: 30px auto 37px;
}
.service_counter_seCtion_list li h6 {
    font-size: 13px;
    color: #bebebe;
    letter-spacing: 2px;
}
/* ======service_p_about-Skill_area========== */
.service_p_about-Skill_area {
    padding: 117px 0px 66px;
    overflow: hidden;
}
.extra_CLASS {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.single_a_me_list_pd {padding: 55px 0;}
.Our_partners_about_me_service{padding-bottom: 120px;}
.service_top_about {overflow: hidden;}
.service_top_about_man {
    float: left;
    height: 90px;
    width: 90px;
    border-radius: 100%;
}
.service_top_about_Content {
    margin-left: 20px;
    float: left;
    margin-top: 26px;
}
.service_top_about_Content h2 {
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    padding-bottom: 12px;
}
.service_top_about_Content h2:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 2px;
    width: 30px;
    background-color: #4d4d4d;
    content: "";
    transform: translate(-50%);
}
.service_top_about_Content p {
    color: #8e8d8d;
    font-size: 12px;
    margin-top: 6px;
}
.content_left_service {
    color: #000;
    padding: 88px 65px;
    background-color: #fbfbfb;
    position: relative;
    margin-top: 56px;
    transform: skew(-1deg);
    box-shadow: 1px 4px 0px 0px #505050;
}
.content_left_service:before {
    content: "";
    position: absolute;
    left: 55px;
    top: -42px;
    height: 0;
    transform: skew(6deg);
    width: 6px;
    border-bottom: 42px solid #fbfbfb;
    border-left: 0px solid transparent;
    border-right: 30px solid transparent;
}
.content_description_left_service {
    color: #8e8d8d;
    font-size: 14px;
    line-height: 26px;
    position: relative;
}
.content_description_left_service:before {
    position: absolute;
    content: "\f10d";
    font-family: "fontawesome";
    font-size: 15px;
    left: -20px;
    top: -11px;
    color: #757575;
    z-index: 99;
    border: none;
}
.content_description_left_service:after {
    position: absolute;
    font-family: "fontawesome";
    font-size: 15px;
    bottom: -10px;
    color: #757575;
    z-index: 99;
    border: none;
    content: "\f10e";
    right: 70px;
}
.content_patern_service {
    position: relative;
    max-width: 475px;
}
.content_patern_service:before {
    position: absolute;
    left: 0px;
    bottom: -19px;
    height: 0;
    content: "";
    border-top: 15px solid #505050;
    border-right: 0 solid transparent;
    border-left: 491px solid transparent;
}
.content_patern_service:after {
    position: absolute;
    right: -17px;
    top: 0;
    height: 100%;
    content: "";
    border-bottom: 246px solid #505050;
    border-left: 6px solid transparent;
    border-right: 14px solid transparent;
}
.content_left_service:after {
    position: absolute;
    left: -14px;
    top: 0;
    height: 100%;
    border-right: 0px solid transparent;
    border-left: 15px solid transparent;
}
.service_about_skill_right {margin-top: 72px;}
/*===============================
    21. CONTACT PAGE
===============================*/
.Contact_Page_title_img {
    background: url(../images/Contact_page_title_img.jpg) no-repeat scroll center center /cover;
    height: 600px;
    display: table;
    width: 100%;
    padding: 0px 30px;
}
.Contact_title_ {
    background-color: #f7f7f7;
    max-width: 530px;
    margin: 0 auto;
    padding: 88px 0px;
    box-shadow: 0 0 0 10px #fafafb;
    border: 2px solid #acacac;
    opacity: 0.9;
    margin-top: 13px;
}
.Contact_title_ h2 {
    font-size: 32px;
    font-weight: 500;
    color: #3f3f3f;
    line-height: 50px;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 4.7px;
}
.Contact_title_text {
    background-color: #fff;
    opacity: 0.8;
    padding: 88px 0;
}
/*Contact us=========*/
.sibgle_CONTACT {
    border: 1px solid #d7d7d7;
    height: 300px;
    display: table;
    width: 100%;
}
.sibgle_CONTACT_cell {
    display: table-cell;
    vertical-align: middle;
}
.ContaCT_seCtion {
    padding: 116px 0px 121px;
    background-color: #fafafa;
}
.first_item_Co img {margin-top: 28px;}
.sibgle_CONTACT_cell i {
    font-size: 30px;
    margin-left: 0;
    color: #696969;
}
.C_title_Contact h2 {
    color: #3e3e3e;
    font-family: 'Dosis', sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 3.2px;
    line-height: 32px;
}
.C_title_Contact hr {
    border: 1px solid #a4a4a4;
    max-width: 30px;
    margin: 30px auto 54px;
}
.C_title_Contact p {
    color: #5a5a5a;
    font-size: 14px;
    max-width: 615px;
    margin: 0 auto;
    line-height: 26px;
    padding: 0px 15px;
    letter-spacing: 1px;
}
.Contact-lIst_C {margin-top: 31px;}
.sibgle_CONTACT h3 {
    color: #111111;
    font-size: 14px;
    letter-spacing: 1.5px;
    margin-top: 22px;
    font-weight: 500;
}
.sibgle_CONTACT hr {
    border: 1px solid #414141;
    max-width: 30px;
    margin: 21px auto 17px;
}
.sibgle_CONTACT p{
    color: #696969;
    font-size: 13px;
    letter-spacing: 1px;
}
.sibgle_CONTACT a {
    color: #696969;
    font-size: 13px;
    letter-spacing: 1px;
}
/*Cotact formsection===========*/
.Contact_Form_SectiON {
    padding: 116px 0px 105px;
    overflow: hidden;
}
[placeholder]:focus::-webkit-input-placeholder {
    -webkit-transition: opacity 0.3s 0.3s ease; 
    -moz-transition: opacity 0.3s 0.3s ease; 
    -ms-transition: opacity 0.3s 0.3s ease; 
    -o-transition: opacity 0.3s 0.3s ease; 
    transition: opacity 0.3s 0.3s ease; 
    opacity: 0;
}
.contact_SeCTION {margin-top: 57px;}
.Contact_Form_SectiON [placeholder]::-webkit-input-placeholder {color: #a7a7a7;font-size: 12px;letter-spacing: 1px}
.Contact_Form_SectiON .form-control {
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
    outline: 0;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    background-color: transparent;
    padding: 0 5px;
    margin-bottom: 27px;
}
.Contact_Form_SectiON .form-control:focus {
    border-color: #dcdcdc;
    outline: 0;
    box-shadow: none;
}
.message_TextArea {
    margin-top: 10px;
    width: 100%;
    height: 134px !important;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    background-color: transparent;
}
.submit_submiTT {
    color: #fbfbfb;
    background-color: #3b3b3b;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 7px 23px;
    border-radius: 4px;
    margin-top: 7px;
    display: inline-block;
    border: 1px solid transparent;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}
.submit_submiTT:focus{
    color: #fbfbfb;
    background-color: #3b3b3b;
}
.submit_submiTT:hover{
    color: #000;
    border: 1px solid #000;
    background-color: #fff;
}
/* Map section===== */
.map_section_area {
    position: relative;
    overflow: hidden;
}
#map {
    width: 100%;
    height: 702px;
}
/*===============================
    22. ONE PAGE
===============================*/
/*===============================
    i. PHOTOGRAPHER ONEPAGE
===============================*/
/*======main-menu-four=====*/
#main-menu-four .navbar-default {padding: 8px 0;}
#main-menu-four .navbar-collapse{padding:0;float:right;}
#main-menu-four .navigation {
    padding: 15px 100px;
    overflow: hidden;
    position: relative;
}
#main-menu-four .sidebar-top {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
#main-menu-four .pull-right {margin-top: 4px;}
#main-menu-four .btn-default {
    color: #333;
    background-color: transparent;
    border-color: #333;
}
#main-menu-four .btn {
    display: inline-block;
    padding: 0px 5px;
    font-size: 17px;
    border: 1px solid #fff;
    border-radius: 0;
    color: #f2f2f2;
}
#sidebar-wrapper.active {
    background-color: #3f3f3f;
    right: 350px;
    width: 300px;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
#main-menu-four .sidebar-nav li a:hover, 
#main-menu-four .sidebar-nav lia:active{color:#f2f2f2;;background:transparent;}
#main-menu-four .sidebar-nav li a {
    color: #f2f2f2;
    transition: .5s;
    letter-spacing: 2px;
}
#main-menu-four .sidebar-logo-footer {
    display: block;
    text-align: center;
    margin-top: 100%;
}
#main-menu-four .sidebar-nav li {
    list-style: none;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 35px;
}
#main-menu-four .sidebar-nav {
    position: relative;
    text-align: center;
    letter-spacing: 1px;
}
#sidebar-wrapper {
    background: #fff;
    padding: 30px;
    margin-right: -350px;
    top:0;
    right: 0;
    width: 350px;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}
#main-menu-four .sidebar-nav li a:active, .sidebar-nav li a:focus {text-decoration: none;outline:0;}
#main-menu-four .list-group {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#main-menu-four .logo {float: left;}
#main-menu-four .navbar-default {
    background-color: #fff;
    border-color: transparent;
    margin: 0;
}
#menu-toggle {
    float: right;
    display: inline-block;
    padding-top: 12px;
    color: #272727;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 2px;
}
#menu-toggle img {
    margin-left: 2px;
    margin-top: -5px;
}
/*========slider-area============*/
.Portfolio_aboout_SEction {
    background: url(../images/portfolio_One_page_about-bg.jpg) no-repeat scroll center center /cover;
    padding: 120px 0 127px;
    overflow: hidden;
}
.slider-text {
    margin: 0px 15px;
    max-width: 590px;
}
.antony-details {
    font-size: 12px;
    word-spacing: 8px;
    letter-spacing: 2px;
    line-height: 26px;
    margin-top: 25px;
    color: #8a8787;
    font-family: 'Dosis', sans-serif;
}
.about-Antony h3 {
    color: #626262;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 3px;
    font-family: 'Dosis', sans-serif;
}
.about-Antony {margin-top: 55px;}
.about_Ca_Social {margin-top: 40px;} 
.about_Ca_Social img {width: 215px !important;}
.camera {float: left;}
.Signature_S_Icon {float: right;}
.S_Icon li {margin-top: 40px;}
.S_Icon li:first-child{margin-left: 0px;}
.S_Icon li {display: inline-block;margin-left: 4px;}
.S_Icon li a {
    height: 35px;
    width: 35px;
    background: #8d8d8d;
    display: inline-block;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #f8f8f8;
    transform: rotate(45deg);
    margin: 0px 9px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.S_Icon li a:hover{
    background: #1f1f1f;
    color: #f8f8f8;
}
.S_Icon li a i{transform: rotate(-45deg);}
/*======Photographer_Portfolio_section_area=====*/
.Photographer_Portfolio_section_area {
    overflow: hidden;
    background-color: #fbfbfb;
    padding: 120px 0 120px;
}
.photographer-container{position: relative;}
.portfolio-preview-1 img{width:100%;}
.photographer-item--width2 { width:  50%; }
.photographer-item--width4 { width:  33.333333333333336%; }
.photographer-item--height2 { height: 398px;}
.photographer-item {
    padding: 15px;
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.photographer-sizer{width:  33.333333333333336%;}
/*===menu====*/
.photographer-menu {
    font-size: 0;
    margin: 45px 0px 20px;
}
.photographer-menu .title {
    font-size: 18px;
    line-height: 40px;
    font-weight: 900;
    color: #fd9ca1;
    text-align: center;
    border-bottom: 2px #fd9ca1 solid;
    cursor: pointer;
    padding: 0 30px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.photographer-menu a {
    font-size: 14px;
    line-height: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
    display: inline-block;
    list-style: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    margin-left: 28px;
}
.photographer-menu a span.text {
    display: inline-block;
    position: relative;
    color: #3b3a3a;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 14px;
    font-family: 'Dosis', sans-serif;
}
.photographer-menu a span.text:after{
    left: 100px;
    right: 100px;
    bottom: 3px;
    margin-top: 1px;
    height: 2px;
    background: #fd9ca1;
    position: absolute;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}
.photographer-menu a.active span.text:after{
    left: -5px;
    right: -5px;
}
.photographer-menu a span.number{
    display: inline-block;
    position: relative;
    top: -7px;
}
@media (max-width: 767px) {
    .photographer-menu {margin: 30px 0px 0px 0px;}
    .photographer-menu a{display: block;margin: 0;text-align: center;padding: 10px 0;}
    .photographer-menu .title{display: block;}
    .photographer-menu .toggle{padding-top: 10px; display: none;}
    .portfolio-preview-2 .top-icon{display: none;}
}
@media (max-width: 640px) {
    .photographer-item.prothoma-item--width2,
    .photographer-item.prothoma-item--width4{width: 100%;}
}
/*====hover effect=============*/
.portfolio-left_photo{
    background-color: #f0efef;
    padding: 8px 0px 16px;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.prothoma-item:hover .portfolio-left_photo {background-color: #fd9ca1}
.prothoma-item:hover .portfolio-left_photo h3{color: #f4f4f4 !important}
/*end hover effect=============*/
.portfolio-left_photo h2 {
    color: #5b5a5a;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 4px;
    font-family: 'Dosis', sans-serif;
}
.portfolio-left_photo h3 {
    color: #b6b6b6;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 6px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    font-family: 'Dosis', sans-serif;
}
.load_more_grapher {
    text-align: center;
    margin-top: 15px;
}
.load-more_photo {
    display: inline-block;
    color: #fff !important;
    background-color: #5b5b5b;
    padding: 0px 15px;
    border-radius: 4px;
    font-family: 'Dosis', sans-serif;
    border: 1px solid transparent;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}
.load-more_photo:focus {
    color: #fff !important;
    background-color: #5b5b5b;
}
.load-more_photo:hover {
    color: #000 !important;
    background-color: #fff;
    border: 1px solid #5b5b5b
}
.Photographer_Portfolio_section_area .toggle {
    text-align: center;
    padding: 0;
    margin: 0;
}
/*======pricing-table_photographer=====*/
#pricing-table_photographer {
    padding: 120px 0 120px;
    overflow: hidden;
    position: relative;
    background-color: #f9f9f9;
}
.content-position {position: relative;}
.pricing-list_photographer {margin-top: 42px;}
.photographeR_details {
    color: #414141;
    font-size: 15px;
    letter-spacing: 1px;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    word-spacing: 2px;
    margin-top: 53px;
    line-height: 26px;
    font-family: 'Dosis', sans-serif;
}
.single-pricing_photographer {
    max-width: 322px;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}
.single-1{background-color: #cfeab3}
.single-2{background-color: #b6e5ff}
.single-3{background-color: #ffee92}
.single-pricing_photographer h3 {
    font-size: 20px;
    letter-spacing: 3px;
    font-style: italic;
    font-weight: 700;
    color: #171717;
    font-family: 'Dosis', sans-serif;
}
.single-pricing_photographer h4 {
    color: #595959;
    font-size: 14px;
    font-weight: 600;
    margin-top: 68px;
    letter-spacing: 2px;
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
    font-family: 'Dosis', sans-serif;
}
.single-pricing_photographer h4:after {
    content: "";
    left: 0;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #b2b2b2;
    bottom: 0;
    margin: 0 auto;
}
.price-list_ph {margin-top: 18px;}
.price-list_ph li {
    color: #595959;
    font-size: 15px;
    line-height: 34px;
    letter-spacing: 2px;
    font-weight: 500;
    font-family: 'Dosis', sans-serif;
}
.single-pricing_photographer h2 {
    font-size: 50px;
    color: #f89ca1;
    margin-top: 20px;
    letter-spacing: 2px;
    font-weight: 500;
    font-family: 'Dosis', sans-serif;
}
.single-pricing_photographer span {font-size: 30px;}
.book_now_photographer {
    color: #171717;
    font-weight: 700;
    border: 1px solid #171717;
    padding: 0px 13px;
    display: inline-block;
    border-radius: 4px;
    margin-top: 70px;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 1px;
}
.patern-middle_ph {
    position: absolute;
    left: -58px;
    top: 97px;
    height: 350px;
    background-color: #fff;
    width: 135%;
    transform: rotate(-10deg);
}
/*======Testimonial-section_photographer=====*/
#Testimonial-section_photographer {
    padding: 120px 0 40px;
    overflow: hidden;
}
.list-testimonial_pho{margin-top: 52px;}
.testo_single_photographer {
    position: relative;
    padding: 22px 22px;
    margin: 44px 0px 80px 0px;
    border: 2px solid #636363;
    transition: .5s;
    text-align: center
}
.testo_single_photographer img {
    display: block;
    margin: -70px auto 24px auto;
    max-height: 100px;
    border-radius: 100%;
}
.testo_single_photographer h4 {
    position: relative;
    margin: 0;
    font-size: 16px;
    color: #3b3a3a;
    font-weight: 700;
    letter-spacing: 2px;
    padding-bottom: 7px;
    font-family: 'Dosis', sans-serif;
}
.testo_single_photographer h4:after {
    content: "";
    background: #d7d7d7;
    height: 1px;
    width: 50px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px;
    transition: .5s
}
.testo_single_photographer h5 {
    display: inline-block;
    font-size: 12px;
    color: #c1c0c0;
    font-weight: 400;
    letter-spacing: 1.5px;
    margin-top: 8px;
    font-family: 'Dosis', sans-serif;
}
.testo_single_photographer p {
    position: relative;
    font-size: .875em;
    font-size: 12px;
    color: #716f6f;
    line-height: 24px;
    letter-spacing: 1px;
    word-spacing: 4px;
    margin-top: 22px;
    text-align: left;
    font-family: 'Dosis', sans-serif;
}
.testo_single_photographer:hover {border: 2px solid #fd9ca1;}
.testo_single_photographer:hover h4:after {background: #fd9ca1;}
/*======Blog-One_photographer=====*/
#Blog-One_photographer {
    padding: 120px 0 112px;
    background-color: #fbfbfb;
    overflow: hidden;
}
.single-blog_photographer img {width: 100%;}
.blog_pho-list {margin-top: 60px;}
.blog-thumb_pho h3 a{
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 2px;
    color: #5b5a5a;
    transition: .7s;
    font-family: 'Dosis', sans-serif;
}
.blog-thumb_pho h3 a:hover{color: #fd9ca1}
.blog-thumb_pho h5, .blog-thumb_pho h5 a {
    color: #c7c5c5;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-top: 6px;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 1.5px;
}
.blog-thumb_pho {padding: 12px 13px 1px 13px;}
.blog-thumb_pho p,
.blog-thumb_pho p a{
    color: #747474;
    font-size: 12px;
    line-height: 26px;
    letter-spacing: 2px;
    word-spacing: 4px;
    margin-top: 16px;
    font-family: 'Dosis', sans-serif;
}
.blog-thumb_pho a.blog-read-more {
    color: #747474;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 4px 18px;
    margin-top: 15px;
    display: inline-block;
    transition: .7s;
    line-height: 12px;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 1px;
}
.blog-thumb_pho a.blog-read-more:hover {
    color: #f7f7f7;
    background-color: #5b5b5b;
    border-radius: 4px;
    border: 1px solid #5b5b5b;
}
#Blog-One_photographer .owl-dots {
    text-align: right;
    margin-top: 49px;
    margin-right: 10px;
}
#Blog-One_photographer .owl-dots div { 
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    height: 11px;
    width: 11px;
    border: 2px solid #707070;
}
#Blog-One_photographer .owl-dots div.active {background-color: #707070;}
/*======contact-section_photographer=====*/
#contact-section_photographer {
    padding: 120px 0px 128px;
    overflow: hidden;
    background: url(../images/price-bg-contact.jpg) no-repeat scroll center center /cover;
    position: relative;
}
#contact-section [placeholder]::-webkit-input-placeholder {color: #cacaca; font-family: 'Dosis', sans-serif;}
.contact-form_ph {margin-top: 60px;}
.contact-form_ph .form-control:focus{border-color:#fff;outline:0;box-shadow:none;}
.contact-form_ph .form-control {
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
    outline: 0;
    border: 1px solid #fff;
    height: 40px;
    color: #000;
    letter-spacing: 2px;
    margin-bottom: 22px;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
}
.contact-form_ph textarea.form-control {
    height: auto;
    height: 100px;
    resize: none;
}
.send_me_ph{text-align: center}
.submit-btn_ph {
    color: #fafafa;
    background: #1f1f1f;
    border: none;
    padding: 10px 52px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    border-radius: 4px;
    margin-top: -2px;
    letter-spacing: 2px;
    border: 1px solid transparent;
    font-family: 'Dosis', sans-serif;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}
.submit-btn_ph:focus {color: #fafafa;}
.submit-btn_ph:hover {
    color: #000;
    border: 1px solid #1f1f1f;
    background-color: #fff
}
.details-addressphotographer li h3 {
    font-size: 14px;
    color: #292828;
    font-weight: 600;
    margin-top: 10px;
    letter-spacing: 2px;
    font-family: 'Dosis', sans-serif;
}
.details-addressphotographer p {
    line-height: 26px;
    color: #3f3f3f;
    font-size: 13px;
    font-weight: 500;
    font-family: 'Dosis', sans-serif;
    letter-spacing: 2px;
}
.details-addressphotographer li {
    margin-top: -1px;
    display: block;
}
.details-addressphotographer li:first-child {margin-top: -13px;}
.contact-social {margin-top: 40px;}
.contact-social li {
    display: inline-block;
    list-style: none;
    height: 40px;
    width: 40px;
    background-color: #8d8d8d;
    line-height: 40px;
    text-align: center;
    transform: rotate(-45deg);
    margin: 0px 12px;
    font-size: 20px;
    font-family: 'Dosis', sans-serif;
}
.contact-social li a {
    display: block;
    transform: rotate(45deg);
    color: #f8f8f8;  
}
.details-addressphotographer li a {
    font-family: 'Dosis', sans-serif;
    letter-spacing: 2px;
}
.contact-bg-overlay_photographer{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(245,243,243, .85);
}
/*======footer-text_photographer=====*/
.footer-text_photographer {
    text-align: center;
    font-family: 'Dosis', sans-serif;
    color: #f7f7f7;
    background-color: #444444;
    padding: 43px 0;
    font-size: 12px;
    letter-spacing: 2px;
}
/*=====Photographer Section title==========*/
.section-title_Photographer {
    background-color: #fd9ca1;
    display: inline-block;
    padding: 10px 50px 10px 20px;
    position: relative;
}
.section-title_Photographer:before {
    position: absolute;
    content: '';
    right: -15px;
    top: 0;
    height: 42px;
    width: 42px;
    background-color: #fd9ca1;
    transform: skew(36deg);
}
.section-title_Photographer h2 {
    color: #f9f9f9;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 600;
    font-family: 'Dosis', sans-serif;
}
/*===============================
    ii. CORPORATE ONEPAGE
===============================*/
.C_menu ul li{margin-left: 45px;}
.header-area_corporate {background-color: #fff;}
.C_menu ul li a {
    color: #2b2b2b !important;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 30px 0;
}
.C_menu ul li a:after {
    color: #fff;
    content: '';
    display: block;
    margin: auto;
    height: 2px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    margin-top: 4px;
}
.C_menu ul li a:hover{color: #2b2b2b;}
.C_menu ul li a:hover::after {color: #2b2b2b;width: 100%;background: #2b2b2b;}
/*============4. about-section=========*/
#about-sec {
    overflow: hidden;
    margin: 118px 0 118px;
}
#about-sec .about-section-pd{padding: 119px 0;}
#about-sec .sec-left {
    width: 460px;
    height: 460px;
    margin: 0 auto;
    position: relative;
    background: gray;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden;
    margin-top: 60px;
    margin-right: 110px;
}
#about-sec .sec-left .bg-img-one img {width: 100%;}
#about-sec .sec-left .bg-img-two {
    position: absolute;
    right: 30px;
    bottom: 30px;
    top: 30px;
    left: 30px;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.7);
    background: #ededed;
}
#about-sec .sec-left .bg-img-two img {
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: calc(100% - 70px);
    left: 80px;
    top: 0px;
}
#about-sec .sec-left .overlay{
    position: absolute;
    background: rgba(0, 0, 0, 0.07);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#about-sec .clip {
    position: absolute;
    left: -100px;
    top: 215px;
    z-index: 99;
}
#about-sec .about-details {
    height: 575px;
    width: 575px;
    margin-left: -20px;
    background-color: #202020;
    border: 1px solid #202020;
    overflow: hidden;
    position: relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#about-sec .details {
    border: 1px solid #fff;
    color: #c4c4c4;
    position: absolute;
    left: 60px;
    top: 60px;
    right:60px;
    bottom:60px;
    overflow: hidden;
}
#about-sec .details-text {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    padding: 0px 20px;
    display: table;
    height: 100%;
    width: 100%;
}
#about-sec .details-text h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}
#about-sec .details-text h5 {
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 25px;
    color: #d8d3d3;
    letter-spacing: .5px;
    font-family: 'Open Sans', sans-serif;
}
#about-sec .div1 {
    display: table-cell;
    vertical-align: middle;
}
#about-sec .details-text p {
    font-size: 16px;
    margin: 0;
    margin-top: 14px;
    color: #c4c4c4;
    letter-spacing: 0.1px;
    text-align: left;
    font-weight: 300;
    margin-left: 30px;
    font-family: 'Open Sans', sans-serif;
}
#about-sec .signature {margin-top: 45px;}
#about-sec .about-icon {margin-top: 22px;}
#about-sec .about-icon li {
    display: inline-block;
    padding: 0px 10px;
}
#about-sec .about-icon li a{color: #fff}
/*=======education-section-area=========*/
.education-section-area {
    padding: 130px 0 67px;
    overflow: hidden;
    background-color: #f9f9f9;
}
.education-list{margin-top: 68px}
.single-education_jhon{margin-bottom: 50px}
.icon-container {float: left;}
.icon-container {color: #b8b7b7;margin-top: 5px;}
.single-details_jhon {margin-left: 56px}
.single-details_jhon h3 a {
    font-size: 16px;
    font-weight: 700;
    color: #202020;
    letter-spacing: .5px;
    font-family: 'Open Sans', sans-serif;
}
.single-details_jhon h5 {
    color: #818181;
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: .5px;
    font-family: 'Open Sans', sans-serif;
}
.single-details_jhon p {
    color: #6d6d6d;
    margin-top: 20px;
    line-height: 23px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.icon-container i {
    font-size: 40px;
    margin-left: 0;
    color: #5e5e5e;
}
/*======Testimonial-sections=====*/
.owl-testimonial_corporate{
    padding: 94px 0 80px;
    overflow: hidden;
    background-color: #1e2123
}

.testimonial-title h2{color: #fff}
.slider-content_corpo {
    margin: 0 auto;
    text-align: center;
    max-width: 700px;
    position: relative;
    overflow: hidden;
}
.slider-img_jhon {margin-left: 40px;}
.author-review_jhon {
    color: #b3b3b3;
    font-size: 14px;
    margin: 0;
    letter-spacing: .5px;
    position: relative;
    max-width: 700px;
    padding: 0px 22px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}
.author-review_jhon:before {
    position: absolute;
    content: "\f10d";
    font-family: "fontawesome";
    font-size: 15px;
    left: 10px;
    top: -12px;
    color: #d2d2d2;
}
.author-review_jhon:after {
    position: absolute;
    content: "\f10e";
    font-family: "fontawesome";
    font-size: 15px;
    bottom: -12px;
    padding-left: 5px;
    color: #d2d2d2;
} 
.testimonial-title h2 {
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    position: relative;
    padding-bottom: 19px;
    letter-spacing: 4px;
    font-family: 'Open Sans', sans-serif;
}
.testimonial-title h2:after {
    position: absolute;
    height: 2px;
    width: 50px;
    background-color: #fff;
    content: "";
    left: 50%;
    bottom: 0;
    margin-left: -25px;
}
.slider-content_corpo h5 {
    margin-top: 30px;
    color: #b3b3b3;
    font-weight: 600;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}
.slider-img_jhon img{width : 90px !important;}
/*=====Experience-Skills===========*/
.Experience-Skills_corporate {
    overflow: hidden;
    padding: 130px 0 40px;
    background-color: #fff;
}
.timeline_jhon {
    list-style: none;
    padding: 0 0 1px;
    position: relative;
    margin-top: 64px;
}
.timeline_jhon:before {
    top: -15px;
    position: absolute;
    content: " ";
    width: 2px;
    background-color: #555555;
    left: 140px;
    margin-right: -1.5px;
    bottom: 105px;
}
.timeline_jhon>li, .timeline_jhon>li>.timeline_jhon-panel {
    margin-bottom: 72px;
    position: relative;
}
.timeline_jhon>li:after,.timeline_jhon>li:before{content:" ";display:table}
.timeline_jhon>li:after{clear:both}
.timeline_jhon>li>.list-border-shape {
    font-weight: 700;
    font-size: 25px;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 16px;
    background-color: #fff;
    left: 110px;
    margin-right: -25px;
    z-index: 100;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    line-height: 55px;
    color: #555555;
    border: 3px solid #555555;
}
.work-in-company-text {text-align: center;}
.work-in-company-text h3 {
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
    color: #202020;
    font-family: 'Open Sans', sans-serif;
}
.work-in-company-text h4 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 6px;
    color: #6d6a6a;
    font-style: italic;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
}
.work-in-company i{font-size: 40px;}
.work-in-company {
    margin-left: 28px;
    margin-top: 22px;
}
.company-details_jhon {margin-left: -26px;}
.company-details_jhon h3 {
    color: #1c1b1b;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}
.company-details_jhon p {
    font-size: 14px;
    color: #717171;
    margin-top: 18px;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}
.page {margin-top: 28px;}
.dark-area {
    background-color: #666;
    padding: 40px;
    margin: 0 -40px 20px -40px;
    clear: both;
}
.progress-bar {
    float: none;
    width: 0;
    height: 100%;
    background-color:#333;
}
.progress {border-radius: 0px;}
.outer-border {
    border: 7px solid #e1e1e1;
    height: 160px;
    width: 160px;
    margin: 0 auto;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.progress-caption {
    margin: 0;
    color: #202020;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    margin-top: 68px;
    margin-bottom: 77px;
    font-family: 'Open Sans', sans-serif;
}
/*======portfolio-section=======*/
.content-block_corporate_jhon {
    overflow: hidden;
    padding: 130px 0 112px;
    border-top: 1px solid #ece9e9;
    background-color: #fff;
}
.corporate-container{position: relative;}
.portfolio-preview-1 img{width:100%;}
.corporate-item--width2 { width:  66.33333333333333333%; }
.corporate-item--width4 { width:  33.33333333333333333%;}
.corporate-item--height2 { width:  25%;}
.corporate-item {
    padding: 5px;
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.corporate-sizer{width: 33.33333333333333333%;}
.prothoma-row_jhon{margin-top: 64px;}
.project-more_jhon {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    font-weight: 600;
    margin: auto;
    color: #5d5d5d;
    font-family: 'Open Sans', sans-serif;
}
.project-more_jhon:focus {
    color: #5d5d5d;
}
.more-project_corporate {
    text-align: center;
    margin-top: 50px;
}
/* hover effect ----------------------*/
.single-portfolio_corporate {
  position: relative;
  overflow: hidden;
}
.single-portfolio_corporate img{width: 100%;}
.single-overlay_jhon{ 
    position: absolute;
    left: 0;top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    background-color: rgba(255,255,255,.95);
}
.single-portfolio-table_jhon{
  display: table;
  height: 100%;
  width:100%;
}
.single-portfolio-tablecell_jhon{
  text-align:center;
  display:table-cell;
  vertical-align: middle;
}
.single-overlay_jhon:after {
    border-right: 3px solid #202020;
    border-top: 3px solid #202020;
    right: 0;
    top: 0;
}
.single-overlay_jhon:before{
    border-left: 3px solid #202020;
    border-bottom: 3px solid #202020;
    left: 0;
    bottom: 0;
}
.single-overlay_jhon:after,
.single-overlay_jhon:before {
    content: "";
    height: 52px;
    width: 58px;
    position: absolute;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0.8;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.single-portfolio_corporate:hover .single-overlay_jhon:after,
.single-portfolio_corporate:hover .single-overlay_jhon:before{opacity: 1;transform: scale(1)}
.single-portfolio_corporate:hover .single-overlay_jhon{opacity: 1;}
.overlay-title {
    border: 1px solid #959595;
    padding: 9px;
    color: #5c5b5b;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
}
/* end hover effect------------------- */
@media (max-width: 640px) {
    .corporate-item.corporate-item--width2,
    .corporate-item.corporate-item--width4{width: 100%;}
}
/*=======blog-section-area==============*/
.blog-section-area_corporate {
    padding: 130px 0 121px;
    background-color: #f5f5f5;
    overflow: hidden;
}
.blog-list_jhon_{margin-top: 68px}
.blog-image_jhon img{width: 100%}
.single-content_corporate_jhon {
    background-color: #fff;
    padding: 15px 30px 40px 30px;
}
.single-content_corporate_jhon h3 a {
    color: #202020;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}
.single-content_corporate_jhon h5 {
    font-size: 14px;
    color: #817f7f;
    font-style: italic;
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
}
.single-content_corporate_jhon h5 a{
    color: #817f7f;
    font-family: 'Open Sans', sans-serif;
}
.single-content_corporate_jhon p {
    color: #747474;
    line-height: 22px;
    margin: 0;
    font-weight: 400;
    letter-spacing: .5px;
    margin-top: 18px;
    font-family: 'Open Sans', sans-serif;
}
.single-content_corporate_jhon p a{
    color : #747474;
    font-family: 'Open Sans', sans-serif;
}
/*=======contact-section==================*/
.contact-section_corporate_jhon {
    padding: 130px 0 100px;
    overflow: hidden;
}
.contact_corporate {margin-top: 78px;}
.contact_corporate .form-control {
    color: #000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-transform: capitalize;
    height: 34px;
    border: none;
    border-bottom: 1px solid #a0a0a0;
    padding: 16px 0px;
    font-family: 'Open Sans', sans-serif;
}
.contact_corporate .form-control:focus {
    border-color: #a0a0a0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.contact_corporate .form-group {margin-bottom: 20px;}
.contact_corporate textarea.message {
    height: 38px;
    padding: 6px 0;
    border: none;
    border-bottom: 1px solid #a0a0a0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    resize: none;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -ms-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -o-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    color: #000;
    font-size: 15px;
    margin-top: 63px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
}
.contact_corporate .message :focus{outline: 0}
.contact_corporate .submit {
    background-color: #252525;
    border-color: #252525;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    font-weight: 700;
    color: #fefefe;
    margin-top: 32px;
    font-size: 14px;
    border: 1px solid transparent;
    padding: 11px 30px;
    display: inline-block;
    text-align: center;
    letter-spacing: .5px;
    font-family: 'Open Sans', sans-serif;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s
}
.contact_corporate .submit:hover {
    background-color: #fff;
    border: 1px solid #252525;
    color: #252525;
}
.contact_corporate .submit:focus {
    color: #252525;
    background-color: #fff;
}
/*=======footer-area===========*/
.footer-area_jhon {
    background-color: #252525;
    padding: 108px 0 76px;
    overflow: hidden;
}
.footer-area_jhon, .phoneNo, .email{
    color: #f5f5f5;
    font-family: 'Open Sans', sans-serif;
}
.phoneNo:hover,.email:hover{color: #f5f5f5}
.social-nav_jhon li {
    display: inline-block;
    margin : 0px 20px;
    height: 35px;
    width: 35px;
    border: 1px solid #fcfcfc;
    line-height: 35px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fcfcfc;
}
.social-nav_jhon li i{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-weight: 700;
}
.social-nav_jhon li a {
  display: block;
  color: #111111;
  font-size: 16px;
}
.address-footer_jhon a,
.address-footer_jhon a:hover{color:#b2b1b1;}
.address-footer_jhon {
    margin: 0;
    margin-top: 43px;
    color: #b2b1b1;
    font-size: 15px;
    letter-spacing: .5px;
    font-family: 'Open Sans', sans-serif;
}
.copyright_corporate {
    margin: 0;
    color: #969696;
    font-size: 14px;
    letter-spacing: 1px;
}
.horizontal-line_jhon {
    border-top: 1px solid #7d7d7d;
    width: 400px;
    margin: 40px auto 35px;
}
/*=====All section title style====*/
.section_title_corporate h2 {
    color: #202020;
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-left: 12px;
    letter-spacing: 1.5px;
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
}
.section_title_corporate h2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-left: 3px solid #000;
    border-bottom: 3px solid #000;
    margin: -10px;
    height: 25px;
    width: 40px;
}
.section_title_corporate h2:after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    margin: -10px;
    height: 25px;
    width: 40px;
}
/*===============================
    iii.  PORTFOLIO ONEPAGE
===============================*/
/*==========Menu Sticky section==========================*/
/*! UIkit 2.26.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
[data-uk-sticky].uk-active{z-index:980;box-sizing:border-box}[data-uk-sticky][class*=uk-animation-]{-webkit-animation-duration:.2s;animation-duration:.2s}[data-uk-sticky].uk-animation-reverse{-webkit-animation-duration:.5s;animation-duration:.5s}
.Menu_Sticky_smith .navigation {
    background: #111111;
    z-index: 99999999;
    padding: 35px 0;
}
.Menu_Sticky_smith .navbar-brand {margin-top: -9px;}
.Menu_Sticky_smith .navbar-brand img {
    width: 100%;
    position: relative;
    bottom: 7px;
}
.Menu_Sticky_smith .nav{float:right}
.Menu_Sticky_smith .nav > li > a:focus,.nav > li > a:hover{
    text-decoration:none;
    background-color:transparent;
    color:#000;
}
.Menu_Sticky_smith .nav .open > a,
.Menu_Sticky_smith .nav .open > a:focus,
.Menu_Sticky_smith .nav .open > a:hover{
    background-color:transparent;
    border-color:transparent;
}
.Menu_Sticky_smith .navbar-toggle{
    border-radius:0;
    border:2px solid #777;
}
.Menu_Sticky_smith .icon-bar{background:#777;}
.Menu_Sticky_smith .nav li a {
    color: #e4e3e3;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 14px;
    margin-left: 11px;
    font-family: 'Open Sans', sans-serif;
}
.Menu_Sticky_smith .nav li a:focus {color: #e4e3e3;}
.Menu_Sticky_smith .nav li a:hover {color: #fdde4b;}
/*====== about-section==============*/
#about-section_smith {
    padding-top: 112px;
    overflow: hidden;
}
.about-details_smith {margin-top: 44px;}
.about-smith {
    line-height: 30px;
    color: #626262;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
.personal-info_smith {margin-top: 70px;}
.personal-info_smith li {
    border-bottom: 1px solid #e7e6e6;
    padding: 14px 0;
}
.personal-info_smith li p {
    margin: 0;
    letter-spacing: 1px;
    font-size: 14px;
    color: #7b7b7b;
    font-family: 'Open Sans', sans-serif;
}
.personal-info_smith li p a{
    margin: 0;
    letter-spacing: 1px;
    font-size: 14px;
    color: #7b7b7b;
    font-family: 'Open Sans', sans-serif;
}
.personal-info_smith li:last-child {border-bottom: none;}
.personal-info_smith li span {
    width: 22%;
    float: left;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}
.signature_smith {margin-top: 60px;}
.s_nav-cvd {margin-top: 47px;}
.personal-info_smith li:first-child {margin-left: 0px;}
.social-nav_smith  {float: left}
.social-nav_smith li {
    display: inline-block;
    margin-left: 20px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    line-height: 50px;
    background-color: #fdde4b;
    text-align: center;
    font-size: 22px;
}
.social-nav_smith li:first-child{margin-left: 0px}
.smith-image img {width: 100%;}
.smith-image { margin-top: 30px;}
.submit_smith {
    background-color: #fdde4b;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
    font-weight: 700;
    color: #1a1919;
    margin-left: 95px;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 33px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
}
.submit_smith:hover,.submit_smith:focus {
    color: #1a1919;
    background-color: #fdde4b;
    border-color: #252525;
}
/*=====education-section-area===========*/
#education-section_smith {
    background-color: #f9f8f8;
    padding: 112px 0 116px;
    overflow: hidden;
}
.education-list_smith {margin-top: 50px;}
.edu-title_smith {
    color: #272727;
    font-weight: 700;
    background-color: #fdde4b;
    padding: 12px 0px 12px 15px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}
.single-education_smith h5 {
    color: #5b5b5b;
    font-weight: 600;
    font-size: 15px;
    margin-top: 18px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 15px;
}
.single-education_smith p {
    line-height: 25px;
    color: #7f7c7c;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 15px;
}
/*=====skill-section-sections========*/
#skill-section_smith {
    padding: 102px 0 112px;
    background: url(../images/skill-bg.jpg) no-repeat scroll center / cover;
    position: relative;
    overflow: hidden;
}
.skill-overlay_smith{
     content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color : rgba(5,5,5,.9);
}
.section-title_smith2 h2 {color: #eeeeee !important;position: relative}
.skill-list_smith {
    margin-top: 60px;
    margin-left: 30px;
}
.about-skill_smith {
    color: #a09f9f;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 42px;
    font-family: 'Open Sans', sans-serif;
}
.block-skills {text-align: right;}
.skill-list_smith li {
    color: #fdde4b;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 29px;
    font-family: 'Open Sans', sans-serif;
}
.skill-list_smith li i{padding-right: 10px;}
/*Skills section*/
.vertical-skills_smith {margin-top: 60px;text-align: center;}
.vertical-skills_smith li {
    display: inline-block;
    position: relative;
    width: 45px;
    height: 340px;
    background: transparent;
    margin-left: 52px;
}
.vertical-skills_smith li:first-child {margin-left: 0px;}
.vertical-skills_smith li span.skill {
    border-radius: 4px;
    position: absolute;
    animation-duration: 3s;
    animation-name: height;
    left: 0;
    right: 0;
    bottom: 0;
    background : url(../images/patern.png)  #f95e5e no-repeat center center;
}
.vertical-skills_smith li span.seceond {background : url(../images/patern.png)  #fbe266 no-repeat center center;}
.vertical-skills_smith li span.third {background : url(../images/patern.png)  #f68736 no-repeat center center;}
.vertical-skills_smith li span.fourth {background : url(../images/patern.png)  #3cbb9e no-repeat center center;}
.vertical-skills_smith li span.fifth {background : url(../images/patern.png)  #53a1c3 no-repeat center center;}    
.vertical-skills_smith li span.title {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 25px;
    transform: rotate(-90deg);
    color: #0c0c0c;
    font-weight: 700;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
.percent_smith {
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    text-align: center;
    color: #eeeeee;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}
/* ANIMATIONS */
@keyframes height {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    height: 0;
  }
  100% {
    max-height: 100%;
  }
}
/*======Portfolio-section-sections=========*/
#content-block .content-block {
    overflow: hidden;
    padding: 102px 0 111px;
}
.smith-container {margin-top: 10px;}
.portfolio-preview-1 img{width:100%;}
.smith-item--width2 { width:  50%; }
.smith-item--width4 { width:  25%; }
.smith-item--width3 { width:  75%; }
.smith-item--height2 { width:  25%;}
.smith-item {
    padding: 9px;
    float: left;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.smith-sizer{width: 25%;}
.smith-menu {
    font-size: 0;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
.smith-menu .title{
    font-size: 18px;
    line-height: 40px;
    font-weight: 900;
    color: #fdde4b;
    text-align: center;
    border-bottom: 1px #fdde4b solid;
    cursor: pointer;
    padding: 0 30px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.smith-menu .title:after{
    width: 10px;
    height: 10px;
    border-right: 1px #fdde4b solid; 
    border-bottom: 1px #fdde4b solid;
    content: "";
    position: absolute;
    right: 24px;
    top: 14px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.smith-menu .title.active:after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.smith-menu a {
    font-size: 15px;
    color: #252525;
    line-height: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
    text-align: center;
    display: inline-block;
    list-style: none;
    cursor: pointer;
    margin: 0px 24px;
    letter-spacing: 3px;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    font-family: 'Open Sans', sans-serif;
}
.smith-menu .toggle  a:hover{color: #fdde4b;}
.smith-menu .toggle  a:active{color: #fdde4b;}
.smith-menu a span.text {
    display: inline-block;
    position: relative;
    color: #252525;
    font-size: 15px;
}
.smith-menu a span.text:after{
    left: 100px;
    right: 100px;
    top: 50%;
    margin-top: 1px;
    height: 1px;
    background: #252525;
    position: absolute;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}
.smith-menu a.active span.text:after{left: -5px; right: -5px;}
.smith-menu a span.number{
    display: inline-block;
    position: relative;
    top: -7px;
}
/*hover efect ---------*/
.portfolio-preview-smith{
    position: relative;
    overflow: hidden;
}
.portfolio-preview-smith .overlay_smith {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(253, 222, 75, 0.90);
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
}
.portfolio-preview-smith .hover-txt {
    opacity: 0;
    -webkit-transition: opacity 0.95s, -webkit-transform 0.95s;
    transition: opacity 0.95s, transform 0.95s;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
}
.portfolio-preview-smith .hover-txt {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.portfolio-preview-smith .table-cell {
    display: table-cell;
    vertical-align: middle;
}
.portfolio-preview-smith p {
    color: #3c3c3c;
    font-size: 15px;
}
.portfolio-preview-smith h5 {
    color: #272727;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 15px;
}
.portfolio-preview-smith img{
    transition: all 0.7s;
    width:100%;
}
.portfolio-preview-smith:hover img{
    filter: opacity(0.3);
    -webkit-filter: opacity(0.3);
}
.portfolio-preview-smith .h-border {
    border-top: 2px solid #3c3c3c;
    width: 30px;
    margin: 5px auto;
}
.portfolio-preview-smith:hover .overlay_smith,
.portfolio-preview-smith:hover .hover-txt{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity:1;
}
/*end hover efect ---------*/
@media (max-width: 767px) {
    .smith-menu {text-align: center;}
}
@media (max-width: 640px) {
  .smith-item--width3 { width:  50%; }
  .smith-item.smith-item--width2,
  .smith-item.smith-item--height2,
  .smith-item.smith-item--width4{width: 50%;}
}
@media (max-width: 480px) {
  .smith-item--width3 { width:  100%; }
  .smith-menu a {display: block;padding: 10px 0;}
  .smith-item.smith-item--width2,
  .smith-item.smith-item--width4{width: 100%;}
}
/*========Blog-section================*/
.Blog-section_smith {
    background-color: #f9f8f8;
    padding: 113px 0 88px;
    overflow: hidden;
}
.blog-list_smith_ {margin-top: 53px;}
.blog-image_s img{width: 100%}
.blog-thumb_smith h3 {
    color: #3c3c3c;
    font-weight: 600;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}
.blog-thumb_smith h5, .blog-thumb_smith h5 a {
    color: #787777;
    font-size: 14px;
    font-style: italic;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
}
.blog-thumb_smith hr {
    border-top: 2px solid #272727;
    width: 80px;
    margin: 17px auto 14px;
}
.blog-thumb1 {
    border: 2px solid #fdde4b;
    max-width: 90%;
    margin: 0 auto;
    margin-top: -80px;
    position: relative;
}
.blog-thumb2 {max-width: 95%;}
.blog-thumb_smith {
    background: #fdde4b;
    margin: 4px;
    padding: 33px 0;
}
.blog-details_smith {margin: 24px 15px;}
.blog-details_smith p {
    color: #7f7c7c;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}
.blog-read-more_smith {
    color: #bdbdbd;
    font-size: 14px;
    display: inline-block;
    margin-top: 8px;
    font-family: 'Open Sans', sans-serif;
    transition : .7s;
}
.blog-read-more_smith:focus {color: #000;}
.blog-read-more_smith:hover {color: #000;}
/*=======================================
    8.testimonial-section
=========================================*/
#testimonial-section_smith {
    padding: 92px 0 85px;;
    background: url(../images/testimonial_bg.jpg) no-repeat scroll center / cover;
    position: relative
}
#testimonial-section_smith:after{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color : rgba(5,5,5,.9);
}
#testimonial-section_smith .owl-carousel.owl-pos_max{max-width: 760px;margin: auto;}
#testimonial-section_smith .owl-carousel .owl-stage {padding: 15px 0 0;}
.slider-img_smithh {float: left;margin-right: 45px;}
.owl-pos_max {position: relative;z-index: 99;}
.slider-content_smith, .slider-content_smith h5{color: #bdbdbd}
.author-review_smith_ {
    line-height: 23px;
    position: relative;
    padding: 0 0 15px;
    max-width: 755px;
    font-family: 'Open Sans', sans-serif  
}
.slider-content_smith {padding: 0px 15px;}
.author_name_smith{position: relative;padding-left: 215px;}
.author_name_smith:before {
    position: absolute;
    content: '';
    top: 8px;
    width: 30px;
    height: 1px;
    background-color: #e7ad44;
    left: 174px;
}
.author-review_smith_:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 50px;
    font-style: normal;
    line-height: 1;
    position: absolute;
    top: -18px;
    left: 156px;
    opacity: 0.1;
    color: #fdde4b;
    z-index: -1;
}
/*======contact-section=========*/
#contact-section-smith {
    padding: 114px 0 100px;
    overflow: hidden;
}
.contact_smith__ {margin-top: 40px;}
.contact_smith__ .form-control {
    color: #000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-transform: capitalize;
    height: 34px;
    border: none;
    border-bottom: 1px solid #a0a0a0;
    padding: 16px 0px;
    background-color: transparent;
    font-family: 'Open Sans', sans-serif
}
.contact_smith__ .form-control:focus {
    border-color: #a0a0a0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.contact_smith__ .form-group {margin-bottom: 20px;}
.contact_smith__ textarea.message_smith {
    height: 38px;
    padding: 6px 0;
    border: none;
    border-bottom: 1px solid #a0a0a0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    resize: none;
    font-family: 'Open Sans', sans-serif;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -ms-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -o-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    color: #000;
    font-size: 15px;
    margin-top: 63px;;
    width: 100%;
}
.message_smith :focus{outline: 0}
.submit_smith_send {
    background-color: #fdde4b;
    text-transform: uppercase;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
    font-weight: 700;
    color: #1a1919;
    margin-top: 35px;
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 800;
    padding: 10px 30px;
    border:1px solid transparent;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}
.submit_smith_send:focus {
    color: #1a1919;
    background-color: #fff;
    border:1px solid #252525;
    
}
.submit_smith_send:hover{
    color: #1a1919;
    border:1px solid #252525;
    background-color: #fff;
}
/*======footer-area===========*/
#footer-section-smith_ {
    background-color: #252525;
    padding: 85px 0 81px;
    overflow: hidden;
    text-align: center;
}
.phoneNo_smith, .email{color: #f5f5f5}
.phoneNo_smith:hover,.email:hover{color: #f5f5f5}
.social-nav_smith_lst li {
    display: inline-block;
    margin-left: 18px;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    line-height: 50px;
    background-color: #fdde4b;
}
.social-nav_smith_lst li i{font-weight: 700;}
.social-nav_smith_lst li a {display: block;color: #111111;font-size: 16px;}
.address-footer_smith a,
.address-footer_smith a:hover{color : #b2b1b1;}
.address-footer_smith{
    margin: 0;
    margin-top: 43px;
    color: #b2b1b1;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px
}
.social-nav_smith_lst li a {
    display: block;
    color: #0e0e0e;
    font-size: 22px;
}
.horizontal-line_smith_s {
    border-top: 1px solid #7d7d7d;
    width: 400px;
    margin: 40px auto 35px;
}
.address-footer_smith span {margin: 0px 8px;}
.copyright__smith {color: #969696;font-family: 'Open Sans', sans-serif}
/*==========all section title==============*/
.section-title_smith h2 {
    color: #252525;
    font-family: AMBIENT;
    letter-spacing: 8px;
    font-weight: 400;
    font-size: 28px;
}
.section-title_smith h2 span {
    font-size: 40px;
    font-weight: 600;
}
/*=======================================
    iv. FREELANCER ONEPAGE 
=========================================*/
/*======Main Menu section=======*/
#main-menu-freelancer .navbar-default {padding: 18px 0;}
#main-menu-freelancer .navbar-collapse{padding:0;float:right;}
#main-menu-freelancer .navigation {
    padding: 15px 100px;
    overflow: hidden;
    position: relative;
}
#main-menu-freelancer .sidebar-top {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
#main-menu-freelancer .pull-right {margin-top: 4px;}
#main-menu-freelancer .btn-default {
    color: #333;
    background-color: transparent;
    border-color: #333;
}
#main-menu-freelancer .btn {
    display: inline-block;
    padding: 0px 5px;
    font-size: 17px;
    border: 1px solid #fff;
    border-radius: 0;
    color: #f2f2f2;
}
#main-menu-freelancer.active {
    background-color: #3f3f3f;
    right: 350px;
    width: 300px;
}
#main-menu-freelancer .sidebar-nav li a {
    color: #f2f2f2;
    transition: .5s;
    letter-spacing: 2px;
    line-height: 28px;
    font-family: 'Dosis', sans-serif;
}
#main-menu-freelancer .sidebar-logo-footer {
    display: block;
    text-align: center;
    margin-top: 100%;
}
#main-menu-freelancer .sidebar-nav li {
    list-style: none;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 35px;
}
#main-menu-freelancer .sidebar-nav {
    position: relative;
    text-align: center;
    letter-spacing: 1px;
}
#main-menu-freelancer {
    background: #fff;
    padding: 30px;
    margin-right: -350px;
    top:0;
    right: 0;
    width: 350px;
    position: fixed;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    transition: all 0.5s ease-in 0s;
    -webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -ms-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
}
#main-menu-freelancer .sidebar-nav li a:active,
.sidebar-nav li a:focus {text-decoration: none;outline:0;}
#main-menu-freelancer .list-group {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#main-menu-freelancer .logo {float: left;}
#main-menu-freelancer .navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin: 0;
}
#menu-toggle {
    float: right;
    display: inline-block;
    padding-top: 12px;
    color: #272727;
    font-weight: 600;
}
#menu-toggle img {
    margin-left: 2px;
    margin-top: -5px;
}
/*===============================
    profile_frelancer
===============================*/
.profile_frelancer {
    background-color: #fafafa;
    padding-top: 130px;
    overflow: hidden;
}
.profile_frelancer .tab_button li{
    list-style: none;
    height: 143px;
    width: 143px;
    text-align: center;
    display: table;
    position: relative;
}
.profile_frelancer .ta_button_Bg1{background-color: #fec8cb}
.profile_frelancer .ta_button_Bg2{background-color: #a9f3fe}
.profile_frelancer .ta_button_Bg3{background-color: #fede96}
.profile_frelancer .ta_button_Bg4{background-color: #90eacb}
.profile_frelancer .mt-60 {margin-top: 70px;}
.profile_frelancer .col-md-5{padding: 0}
.profile_frelancer .something img{width: 100%}
.profile_frelancer .tab-pane h3 {
    font-size: 24px;
    color: #3b3b3b;
    font-weight: 600;
    margin-bottom: 32px;
    font-family: 'Josefin Sans', sans-serif;
}
.profile_frelancer .tab-pane p {
    font-size: 16px;
    color: #797979;
    line-height: 26px;
    letter-spacing: 1px;
    font-style: italic;
    font-family: 'Josefin Sans', sans-serif;
}
.profile_frelancer .tab-pane p.paragraph-2 {margin-top: 13px;font-family: 'Josefin Sans', sans-serif;}
.profile_frelancer .tab_button li a {
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    color: #4a4952;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.profile_frelancer .tab_button li.active:after {
    content: '';
    position: absolute;
    left: 90%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 14px solid transparent;
    border-top: 14px solid transparent;
    border-right: 15px solid #fafafa;
}
.profile_frelancer .list_012 li {
    color: #797979;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ebebeb;
    line-height: 55px;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
.profile_frelancer .list_012 li:last-child {border-bottom: 0;}
.profile_frelancer .list_013s {margin-top: 22px;}
.profile_frelancer .list_013s li{display: inline-block;margin-right: 15px}
.profile_frelancer .list_013s li a {
    display: block;
    padding: 13px 37px;
    background-color: #e1e1e1;
    border-radius: 22px;
    color: #6c6c6c;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
/*===============================
    Block freelancer Portfolio
===============================*/
#content-block_freelancer {
    overflow: hidden;
    padding: 130px 0 112px;
}
.Freelancer-container{position: relative; min-height: 700px;}
.portfolio-preview-freelancer img{width:100%;}
.Freelancer-item--width2 { width:  50%; }
.Freelancer-item--width4 { width:  25%; }
.Freelancer-item--height2 { width:  25%;}
.Freelancer-item {
  padding: 5px;
  float: left;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.Freelancer-sizer{width: 25%;}
.Freelancer-menu {
    text-align: center;
    margin-top: 55px;
    margin-bottom: 23px;
}
.Freelancer-menu .title{
    font-size: 18px;
    line-height: 40px;
    font-weight: 900;
    color: #a3a3a3;
    text-align: center;
    border-bottom: 1px #a3a3a3 solid;
    cursor: pointer;
    padding: 0 30px;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Freelancer-menu .title.active:after{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.Freelancer-menu a {
    font-size: 16px;
    color: #6f6f6f;
    letter-spacing: 2px;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    line-height: 40px;
    transition: all .3s;
    -webkit-transition: all .3s;
    text-align: center;
    display: inline-block;
    list-style: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    padding: 0px 20px;
}
.Freelancer-menu  a span.text{
    display: inline-block;
    position: relative;
}
.Freelancer-menu a span.text:after {
    left: 100px;
    right: 100px;
    top: 50%;
    margin-top: 1px;
    height: 1px;
    background: #a9a9a9;
    position: absolute;
    content: "";
    transition: all .3s;
    -webkit-transition: all .3s;
}
.Freelancer-menu  a.active span.text:after{left: -5px; right: -5px;}
.Freelancer-menu  a span.number{display: inline-block; position: relative; top: -7px;}
/*---------hover effect---*/
.portfolio-preview-freelancer{position: relative;overflow: hidden}
.portfolio-preview-freelancer:hover .expand_table_freelaner {bottom: 0;}
.portfolio-preview-freelancer:hover .isotope-overlay{opacity: 1;}
.expand_table_freelaner {
    width: 100%;
    height: 95px;
    background-color: #f5f7f8;
    color: #000;
    text-align: center;
    position: absolute;
    bottom: -100%;
    transition: .8s;
    display: table;
}
.expand_cell_freelaner {
    display: table-cell;
    vertical-align: middle;
}
.expand_cell_freelaner h3 {
    font-weight: 600;
    color: #2d2d2d;
    font-size: 15px;
    font-family: 'Josefin Sans', sans-serif;
}
.expand_cell_freelaner h4 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #272727;
    font-family: 'Josefin Sans', sans-serif;
}
.expand_cell_freelaner hr{width: 50px;margin: 5px auto;border-bottom: 1px solid #c2c2c2}
.smith_masoner_loadmore {margin-top: 30px;}
.smith_masoner_loadmore_a {
    color: #575656;
    font-size: 16px;
    font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
    letter-spacing: 2px;
}
@media (max-width: 767px) {
    .Freelancer-menu {margin-top: 60px;margin-bottom: 15px;}
    .Freelancer-menu a{display: block; margin: 0; text-align: center; padding: 10px 0;}
    .Freelancer-menu .title{display: block;}
    .Freelancer-menu .toggle{padding-top: 10px; display: none;}
    /*.portfolio-preview-2 .top-icon{display: none;}*/
}
@media (max-width: 768px) {
    .Freelancer-item.Freelancer-item--width2,
    .Freelancer-item.Freelancer-item--height2,
    .Freelancer-item.Freelancer-item--width4{width: 50%;}
}
@media (max-width: 480px) {
    .Freelancer-item.Freelancer-item--width2,
    .Freelancer-item.Freelancer-item--width4{width: 100%;}
}
/*===============================
    4. skill-section
===============================*/
#skill-section_freelancer {
    background-color: #fafafa;
    padding: 130px 0 117px;
    overflow: hidden;
}
.skill-about_free {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    margin-top: 33px;
}
.skill-about_free p {
    color: #abaaaa;
    font-size: 16px;
    line-height: 26px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
}
/* -----circle-----*/
.circle-box_freelancer {margin-top: 45px;}
.circle-box_freelancer .circle-txt h3 {
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #757575;
    margin-top: 3px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
}
.single_circle_fr{margin:auto;}
.circle-box_freelancer .circle-content{margin-top:15px;}
/*---------circle text--------*/
.circle-box_freelancer .circliful {position: relative; }
.circle-box_freelancer .circle-text{
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    color: #757575;
    font-family: 'Josefin Sans', sans-serif;
}
/*===============================
    5. testimonial-section
===============================*/
/*====testimonial=====*/
.testimonial_freelancer_section {
    padding: 81px 0 72px;
    overflow: hidden;
    background-color: #f2f2f2;
}
.slider_frel_img img{width: 100%;border-radius: 100%;}
.slider_frel_img {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    border-radius: 100%;
    border: 6px solid #959595;
    overflow: hidden;
}
.content_single_f {margin: 0px 15px;}
.content_single_f h3 {
    color: #3b3b3b;
    font-weight: 700;
    font-size: 16px;
    margin-top: 30px;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
.author_name_frelancer {
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
.content_single_f hr {
    border-top: 1px solid #949392;
    width: 50px;
    margin: 15px auto;
}
.author-review_freelancer {
    max-width: 880px;
    margin: 0 auto;
    font-size: 16px;
    color: #535353;
    position: relative;
    padding: 20px 0;
    line-height: 26px;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
.author-review_freelancer:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-size: 122px;
    font-style: normal;
    line-height: 1;
    position: absolute;
    top: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0.15;
    color: #f2a8ac;
    z-index: -1;
}
/*===============================
    Blog-section freelancer
===============================*/
.blog_section_freelancer {
    padding: 130px 0 119px;
    overflow: hidden;
}
.single-blog_freellancer img{width: 100%}
.comments_icon_fr{color: #8f8f8f}
.share_icon21_social {
    margin-top: 100px;
    padding-bottom: 15px;
}
.share_icon21_social li {
    display: inline-block;
    margin-left: 15px;
}
.share_icon21_social li a {
    color: #8f8f8f;
    font-size: 15px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
}
.b_text_freelancer {border-bottom: 1px solid #b4b3b3;}
.b_text_title_f {border: 1px solid #959595;}
.single-blog_freellancer {margin-top: 70px;}
.mt_30_freelancer{margin-top: 30px;}
.b_text_title_f {padding: 35px 100px;}
.b_text_title_f h3 {
    font-size: 13px;
    font-weight: 600;
    color: #747474;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
.b_text_title_f h2 {
    font-size: 18px;
    color: #3b3b3b;
    font-weight: 700;
    line-height: 24px;
    margin-top: 18px;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
.b_text_title_f hr {
    width: 200px;
    margin: 15px auto;
    border-top: 1px solid #e0dbd8;
}
.b_text_title_f h4, #Blog-section .b_text_title h4 a {
    color: #919090;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
}
.b_text_title_f h4 span {
    font-style: italic;
    padding-right: 60px;
    font-family: 'Josefin Sans', sans-serif;
}
.blog_details_fr {
    margin-top: 35px;
    color: #626161;
    line-height: 26px;
    font-size: 16px;
    font-style: italic;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
.blog-details2_{text-align: right}
.blog_details_fr a {color: #626161;}
.Bipul_freelancer {font-weight: 600 !important;color: #9a9999;font-size: 15px}
/*===============================
    contact-section-area freelancer
===============================*/
.contact_section_freelancer {
    padding: 130px 0 101px;
    overflow: hidden;
    background-color: #fafafa;
}
[placeholder]::-webkit-input-placeholder {color: #9d9a9a;font-size: 16px;}
.contact_section_freelancer .contact {margin-top: 57px;}
.contact_section_freelancer .form-control {
    color: #000;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-transform: capitalize;
    height: 34px;
    border: none;
    border-bottom: 1px solid #a0a0a0;
    padding: 16px 0px;
    background-color: transparent;
    font-family: 'Josefin Sans', sans-serif;
}
.contact_section_freelancer .form-control:focus {
    border-color: #a0a0a0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.contact_section_freelancer .form-group {margin-bottom: 20px;}
.contact_section_freelancer textarea.message {
    height: 38px;
    padding: 6px 0;
    border: none;
    border-bottom: 1px solid #a0a0a0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    resize: none;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -ms-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    -o-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    color: #000;
    font-size: 15px;
    margin-top: 63px;
    width: 100%;
    font-family: 'Josefin Sans', sans-serif;
}
.contact_section_freelancer .message :focus{outline: 0}
.contact_section_freelancer .submit {
    background-color: #e1e1e1;
    text-transform: uppercase;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
    font-weight: 600;
    color: #252525;
    margin-top: 35px;
    font-size: 14px;
    font-weight: 800;
    padding: 10px 33px;
    display: inline-block;
    letter-spacing: 1px;
    font-family: 'Josefin Sans', sans-serif;
}
.contact_section_freelancer .submit:hover,.submit:focus {
    color: #252525;
    background-color: #e1e1e1;
    border-color: #252525;
}
/*===============================
    footer-section-area freelancer
===============================*/
.footer_area_freelancer .footer-area {
    background-color: #252525;
    padding: 89px 0 77px;
    overflow: hidden;
}
.footer_area_freelancer .social-nav li {
    display: inline-block;
    padding: 5px 26px;
}
.footer_area_freelancer .social-nav li i{font-weight: 700;}
.footer_area_freelancer .social-nav li a {display: block;color: #111111;font-size: 16px;}
.footer_area_freelancer .address-footer a,
.footer_area_freelancer .address-footer a:hover{color : #b4b3b3;}
.footer_area_freelancer .address-footer {
    color: #b4b3b3;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    margin: 0px 15px;
    margin-top: 63px;
}
.footer_area_freelancer .social-nav li a {
    display: block;
    color: #969494;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    letter-spacing: 4px;
}
.footer_area_freelancer .horizontal-line {
    border-top: 1px solid #666565;
    width: 150px;
    margin: 44px auto 42px;
}
.footer_area_freelancer .address-footer span {margin: 0px 8px;}
.footer_area_freelancer .copyright {
    color: #6e6e6e;
    font-weight: 600;
    font-size: 14px;
    font-family: 'Josefin Sans', sans-serif;
    letter-spacing: 1px;
}
/*===============================
    section title freelancer
===============================*/
.section_title_freelancer h2 {
    color: #202020;
    font-weight: 700;
    letter-spacing: 4px;
    position: relative;
    display: inline-block;
    margin-left: 12px;
    font-size: 40px;
    font-family: 'Josefin Sans', sans-serif;
}
.section_title_freelancer h2:before {
    content: '';
    position: absolute;
    top: 0px;
    left: -16px;
    border-top: 3px solid #202020;
    border-left: 3px solid #202020;
    margin: -10px;
    height: 26px;
    width: 65px;
}
.section_title_freelancer h2:after {
    content: '';
    position: absolute;
    bottom: 0px;
    right: -16px;
    border-right: 3px solid #202020;
    border-bottom: 3px solid #202020;
    margin: -10px;
    height: 26px;
    width: 65px;
}
/*===============================
    23. SCROLL TO TOP
===============================*/
.scroll-Top a i {
    font-size: 15px;
    transform: rotate(-30deg);
    color: #767676;
    position: fixed;
    right: 60px;
    bottom: 45px;
	display:none;
}
/*===============================
    24. PRELOADER
===============================*/
.loader-overlay {
    background-color: rgba(255,255,255,1);
    height: 100%;
    width: 100%;
    transition: opacity .5s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
}
.preloader {
    background: #30ddb6 none repeat scroll 0 0;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999999;
}
.preloader-inner-area {
    height: 100%;
    position: relative;
    text-align: center;
    width: 100%;
}
.l-preloader {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.c-preloader {
    width: 60px;
    height: 60px;
    position: relative;
}
.c-preloader::before {
    content: '';
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    background-color: #333;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    animation-name: preloading;
    animation-duration: 1.2s;
    animation-delay: 0s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.c-preloader::after {
    content: '';
    width: 60px;
    height: 60px;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    background-color: #333;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    animation-name: preloading;
    animation-duration: 1.2s;
    animation-delay: -0.6s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes preloading {
    0% {
        opacity: 1;
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(1);
    }
}
/*========================THANK YOUR=================*/


.full {
  background: url(images/kutu/k1.jpg) 0 0 no-repeat;
  min-height: 634px;
}
.half {
  min-height: 240px;
  margin-bottom: 30px;
}

.kutu1 {
      background: url(images/kutu/k1.jpg) 0 0 no-repeat;
}

.kutu2 {
      background: url(images/kutu/k2.jpg) 0 0 no-repeat;
}

.kutu3 {
      background: url(images/kutu/k3.jpg) 0 0 no-repeat;
}
.half2 {
  background: url(images/kutu/k3.jpg) 0 0 no-repeat;
  min-height: 240px;
}
.full, .half, .half2 {
  background-size: cover;
  position: relative;
}   

.full a,
.half a,
.half2 a {
        color: #fff;
    background: #000000bd;
    padding: 5px;
    font-size: 20px;
    padding-left: 20px;
}

.full h3,
.half h3,
.half2 h3 {
  padding: 40px 0;
}

@media screen and (max-width: 768px) {
  .full, .half, .half2 {margin-bottom: 10px;}
}
.master-slider img{
    filter: brightness(0.65);

}
.header-bg{
position:relative !important;
    background: url(images/header-bg.jpg) no-repeat;
    background-size: cover;
    padding: 10px 0px 150px 0;
    background-position: bottom;
}
@media only screen and (max-width: 768px){
.header-bg{
background:#000;
padding: 10px 0px 0px 0;
}
.mobilpadd {
padding: 0px 15px 0px 15px;
}
.about_right_div2, .about_right_div3 {
display:none;
}
}
.header-bg:before{
content:"";
position:absolute;
top:0;
left:0;
background:rgba(0,0,0,.5);
width:100%;
height:100%;
}