/*
Theme Name: WP ConcordSoft Basic Bootstrap Thema
Author: Mladen Prijić
Author URI: http://concordsoft.com/
Version: 1.0
Tags: responsive, white, bootstrap

*/

@font-face {
    font-family: GillSans;
    src: url(GillSans.ttc);
}
/*@font-face {
    font-family:Garamond;
    src: url(Garamond.ttc);
}*/
@font-face {
    font-family: GillSansStdLight;
    src: url(GillSansStd_Light.otf);
}
@font-face {
    font-family: EBGaramond-Regular;
    src: url(EBGaramond-Regular.ttf);
}

p{	
	font-family: 'EB Garamond', serif;	
	letter-spacing:1.8px;	
	color:#738575;
}
h1, h2, h3 {	
	font-family: 'EB Garamond', serif;
	letter-spacing:1.4px;	
	color:#738575;
}

/*Universal*/
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.padding-0 {
	padding: 0;
}
.padding-left-10 {
  padding-left: 10%;
}
.padding-top-70 {
	padding-top: 70px;
}
.margin-12 {
	margin-left: 12%;
}
.width-100 {
	width: 100%;
}

/* Header  */

.navbar{
    padding-top: 30px;
    margin-bottom:0!important;

}

.l img {
	width:260px;
  height:auto;
  /*-webkit-animation: fadein 2s;
       -moz-animation: fadein 2s;
        -ms-animation: fadein 2s;
         -o-animation: fadein 2s;
            animation: fadein 2s; */     
}
.nav li a {
 /*  -webkit-animation: fadein 2s;
       -moz-animation: fadein 2s;
        -ms-animation: fadein 2s;
         -o-animation: fadein 2s;
            animation: fadein 2s;*/       
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




.nav {
	float:right;
	background:transparent;
}
.nav li a{
	color:#6b7b6b;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	padding: 10px 15px;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.05em
}
.nav li.active a{  
	font-weight: 600;  
}
.nav li a:hover{
	background:transparent;
}
.thumb{
  background: #eef0ef;   
}
.header-page .navbar{
  background: #f8f9f9; 
  padding-bottom: 25px;  
}
.nav > li > a:focus {
  background-color: transparent;
  outline:none;
}
.home .header-page .navbar {
  /*background: rgba(0,0,0,0.1);*/
  background: linear-gradient(90deg, rgba(0,0,0,0.7) 5%, rgba(0,0,0,0.35) 25%, rgba(0,0,0,0.1) 35%, transparent 55%);
  padding-bottom: 25px;
  position: fixed;
  width: 100%;
  z-index: 1; 
  border: none;
}
.home .nav li a{
  color:#fff;
}



/* Home */

/*.home-page {
	min-height:700px;
}*/
.home-page {
  min-height: 100vh;
  position: fixed;
  width: 100%;
}

/* Portfolio */
.first-template {
	background: #f8f9f9;
	position: relative;
}
/*.portfolio-first-temp-left {
  position: absolute;
  padding: 0;
  top: 160px;
  left: 30%;
}*/
.portfolio-first-temp-left {
  margin-top: 180px;
}
.portfolio-first-temp-left h1 {
  margin-bottom: 90px;
}
.first-temp-left{
  padding: 150px 0 0 60px;
}
.portfolio-first-temp-left h1,
.first-temp-left h1, 
.second-template h1, 
.portfolio-third-temp-left h1,
.single-left h1.single-title{
  font-size:56px;
  color:#505050;
  padding-left:0;
}
.second-template h1,
.first-temp-left h1,
.portfolio-third-temp-left h1 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.second-template h1 {
  width: 500px;
}
.first-temp-left h1 {
  max-width: 290px;
}
.single-left h1.single-title{
	line-height: 46px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.single-left h1{
  font-size:36px;
  color:#505050;
  padding-left:0;
}
.who-folio {
  color: #a17652;
  font-size:12px;
  letter-spacing:3.5px;
  text-transform:uppercase;
  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}
.explore {    
  position: relative;
  left: 60%;
}
.explore span {    
  float:left;
  margin-right:5px;
   color: #a17652;
  font-size:10px;
  letter-spacing: 1.8px;
  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}
.explore hr {    
  float:left;    
  border-top:1px solid #a17652;
  width:130px;
  margin-top:6px;
}
/*Portfolio Second section*/
.second-template {
  background:#eef0ef;
  /*padding-top:50px;
  padding-bottom:50px;*/
  padding: 12% 0;
}
.section-2,
.section-3,
.section-9,
.section-10 {
  background: #f8f9f9;
}
.section-3 {
  padding: 6% 0 0 !important;
}
.section-3 .backgroud-second {
  position: relative;
  bottom: 250px;
}
.section-9 {
  padding: 0 0 6%;
}
.backgroud-first,
.backgroud-second,
.backgroud-third,
.backgroud-fourth {
  width: 100%;      
}
.portfolio-second-temp-right {
  position: absolute;
  padding: 0;
  top: 288px;
  left: 14.32%;
}

.section-3  .portfolio-second-temp-right {
  top: 0px !important;
}
.portfolio-third-temp-left {
	position: absolute;
  padding: 0;
  top: 100px;
  left: 40%;
}
.explore-third {    
  position: relative;
  left: 70%;
}
.exp-left {    
  left:-29%; 
  right: 0;   
}
.exp-left span{    
  margin-left:5px;
  color:#7c8b7d;
}
.exp-left hr{    
  border-top:1px solid #7c8b7d;
}
.who-folio-green {    
  color:#7c8b7d;
}
.third-left-up {     
  padding-right:0;  
}
.exp-left-four {
  left:-40%; 
  right:0;   
}
.exp-left-four span{
  margin-left:5px; 
}
/*.fourth-template {
  background:#eef0ef;
}*/
.section-10 .backgroud-fourth {
  position: relative;
  top: 70px;
}
.fourth-template .first-temp-left {
  padding-left:30px;    
}
.section-10 .first-temp-left {
  padding: 280px 0 0 60px;
}
.section-6{
	background:#eef0ef;
	/*padding-top:50px;
	padding-bottom:50px;*/
  padding: 12% 0 25%;
}
.section-11{
  background:#eef0ef;
  padding: 18% 0 0;
}
.fifth-template .first-temp-left {
  padding-left:20%; 
}
.fifth-back-up {
  float:right; 
}
.backgroud-fifth {
  width:100%;  
}
.fifth-exp span{
  color:#7c8b7d; 
}
.fifth-exp hr{
  border-top:1px solid #7c8b7d; 
}
.backgroud-first, .backgroud-second, .backgroud-third, .backgroud-fourth, .backgroud-fifth{
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease;  
}
/*.backgroud-second {
  position: relative;
  right: 3.3%;
}*/
   
.backgroud-first:hover, .backgroud-second:hover, .backgroud-third:hover, .backgroud-fourth:hover, .backgroud-fifth:hover{
  transform: matrix(0.995, 0, 0, 0.995, 0, 0);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;  
}
.first-template .scroll{
  display:none;
}
.first-template:first-of-type .scroll{
  display:inherit;
}
.scroll{
  -ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Safari 3-8 */
  transform: rotate(-90deg);
  color: #6b7b6c;
  font-size: 10px;
  letter-spacing: 1.8px;
  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
  width:90px;
  position: absolute;
  bottom: 50px;
  left: 0;
}
.scroll a{
  text-decoration: none;
  color: #6b7b6c;
}    
hr {
  margin-top: 7px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #6b7b6c;
  width: 20px;
  float: left;
  margin-right: 10px;
}

/* Single */
.single-port .about-content p {
  color:#505050;
}
.single-tumb {
  float:right; 
}
.single-port {
  position:relative;
  background:#f8f9f9;
}
.single-port .vertical-line{
  left:14%;
  bottom:-30px;
}
.single-img img{
	width:100%;   
}
.single-left {
  padding: 160px 0 0 15%;
}
.first-box-img:first-of-type .one-single-img{
  margin-left:12%;
  height:auto;
  width:33.33%;
  float:left;
  margin-top:180px;
  margin-bottom:180px;
}
.first-box-img:nth-of-type(2n) .one-single-img{
  float:right;
  height:auto;
  width:45%;
  margin-top:80px;
  position: relative;
  top: 180px;
}
.last-single-img {
  margin-left: 0%!important;
  height: 500px;
  width: 45%!important;    
}
.white-one {
  background:#f8f9f9;
  padding-top:80px;
  padding-bottom:80px;
}
.white-one-more-top {   
  padding-top:120px; 
  padding-bottom:80px;   
}
.white-one .about-content {
  margin:0 auto;
  float:none;
}
.white-one .about-content p{
  padding:0;
  line-height:2em;
  font-size:16px;
  color:#505050;
}
.second-box-img .one-single-img {
  width:100%;
  height:auto;
  margin-bottom: 80px;
}
.no-pad-grey {
  padding-top:0;
}
.last-single-text {
  padding-top:100px; 
  font-family:'EB Garamond', serif; 
  font-size: 17px; 
  line-height: 1.7em;  
}
.share {
 padding-left:5.5%;
}
.share-xs {
  display: none;
}
.share p,
.share-xs p {
  float:none;
  font-family: Helvetica; 
  letter-spacing: 3px; 
  margin-top:40px;
  color:#6b7b6c;
  font-size:13px;
  font-weight:600;
}
.share .fa,
.share-xs .fa {
	font-size:18px;
	margin-right:10px;
	color:#6b7b6c;
}
/*.next-back{
  height:400px;
}
.next-back a:hover, .next-back a:active, .next-back a:focus, .next-back a:visited {
  text-decoration: none;
}
.next-under{
  padding-left:5%;
  padding-top: 80px;
  height: 400px;
  background: rgba(0,0,0,0.4);
}*/
.next-back p{  
  text-transform: uppercase;
  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
  color:#6b7b6c;  
  letter-spacing: 3px;
}
.next-back p a {
  color:#6b7b6c;
  line-height: 40px;
}
.next-back p span{
    border-bottom: 1px solid #6b7b6c;
    padding-bottom: 6px;
}
.next-back a:hover{
  text-decoration: none;
}
/*.next-under h1{
  color:#fff;
  font-size:62px;  
}*/
.single-first-content {
  padding-bottom:0px; 
  padding-left: 25%;
  padding-top:30px; 
  font-family:'EB Garamond', serif; 
  font-size: 17px; 
  line-height: 1.7em; 
}


/* Contact */

.contact-up {
	background:#eef0ef;
}
.contact {
	padding:70px 0 70px 20px;
	position: relative;
}
.contact-width-down {
	padding:70px 7%;
}
.contact-img {
	height:500px;
	width: 80%;
  margin: 0 auto;
}
.contact-right {
	padding-top:70px;
	font-weight:600;
}
.contact-right p {
	font-size: 12px;
	letter-spacing: 3px;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}
.contact-right h1{
  font-size: 64px;
  margin-bottom: 30px;
  color:#505050;
}
.contact-right input {
	background-color:transparent!important;
	border:1px solid #738575!important;
	color:#738575; 
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:11px;
	padding:10px!important;
	letter-spacing:1.8px;
	width:100%;
	margin-bottom:10px;
}
.contact-right input[type="submit"] {   
	width:inherit;
	padding:7px 15px!important;
	margin-top:10px;
	background:#758477!important;
	color:#fff;
}
.contact-under h1{
  color:#505050;
}
.contact-under h1 i {
  font-size: 20px;
  background: #b9beb9;
  color:#fff;
  padding: 7px;
  border-radius: 50%;
}
.contact .svg-inline--fa {
  font-size: 36px;
  background: #b9beb9;
  color:#fff;
  padding: 7px;
  border-radius: 50%;
}
.contact .fa-instagram{    
    width:36px!important;   
}
.contact-under h1 span {    
    color:#b9beb9;   
}
.contact-under h1 a:hover {    
    text-decoration: none;   
}
/* About */
.about-up {    
  background:#f8f9f9;   
}
.client {    
  background:#eef0ef;   
}
.no-pad-top {    
  padding-top:0;   
}
.who-we {    
  text-transform: uppercase;
  color:#ad8768;  
  font-size: 11px; 
  font-family: 'Open Sans', sans-serif;
}
.about-top {
  padding: 80px 0 0 9.4%;
}
.about-top h1 {   
  line-height: 52px;
  color:#505050;
  font-size: 42px;   
}
.about-content p{
  font-size: 16px;
  letter-spacing: 1.5px;
  font-weight: 100;
  line-height: 1.7em;
  font-family: 'EB Garamond', serif;  
  margin:0;
}
div.vertical-line {
  width: 1px;
  height: 100%;
  float: left;
  background-color: #bab9b9!important;
  position: absolute!important;
  left: 20%;
}
.about-up .vertical-line{
	left: 14%;
	bottom: -90px;
	height: 180px;
}
.about-client {   
    padding-left:15%;   
  }
.about-client h1{   
color:#505050;  
font-size:60px; 
margin-bottom:20px;
}
.about-team {   
  padding-left:15%;   
}
.about-team h1{   
  color:#505050;  
  font-size:60px; 
  margin-bottom:20px;
}
.client-title{
	padding-bottom:60px;
}
.client img{
    max-width: 90%;
    padding-bottom: 60px;
}
.about-team .team-img {   
  width:350px;
  height:350px;  
  margin-top:50px; 
}
.team-one .position{   
  color: #6b7b6c;
  text-transform: uppercase;
  font-family: 'Open Sans',Helvetica, Arial sans-serif;
  font-size: 11px;
  margin-top: 10px;
  font-weight: 600;
}
.team-one h3{   
  color:#505050;
  margin-top:15px;
  font-size: 28px;
}

/* Services */
.service-content{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.first-template, .second-template, 
.third-template, .fourthfirst-template, 
.fifth-template, .about-top, .about-team, 
.contact-under{
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contact{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.hideme { 
  opacity:0;
}
.service-up {   
  margin-bottom:70px;
}
.services-back {   
  padding-right:0;   
}
.services-back .service-img{   
  height:570px; 
  width:100%;  
}
.service-top-main {   
  padding-left:22%;   
}
.service-gold-headline {   
  color:#ad8768;  
  font-size:12px;
  line-height:28px; 
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 1.4px;   
}
.service-top-main .about-content p {   
  padding-right:5%; 
  padding-left:3%;  
}
.service-top {   
  position:relative; 
}
.service-top .vertical-line{   
  bottom:-90px; 
  left:25%;
}
.service-second-section {
	padding-bottom: 70px;
}
.service-grey {    
  background:#eef0ef;
}
.service-grey .main-who {   
  color:#6b7b6c;    
  font-size: 12px;
  font-weight: 600;
}
.who-we {   
  color:#6b7b6c;    
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.3em;
}
span.week {   
  color:#6b7b6c;
  font-size:100px;
  font-family: EBGaramond-Regular;    
  line-height:70px;
  text-align: right;
}
.service-content {   
  padding-left:10%;
}
.text-serv {
    line-height:1.8em;
}
.text-serv p {
    font-size:16px;
    color: #505050;
}
.second-segment {
    width:100%;
}
.second-segment-up, .fifth-img-up{
    float: right;
}
.second-segment-up {
  padding-right: 0;
}
.second-serv span, .third-serv span, .fourth-serv span, .fifth-serv span {
  float:none;    
}
.second-serv .who-we, .third-serv .who-we, .fourth-serv .who-we, .fifth-serv .who-we{
  margin-top:15px;    
}
.fourth-serv {
  padding-left:0;    
}
.fourth-serv .fourth-segment{
  margin-top:-70px; 
  width:100%;   
}
.fourth-right span, .fourth-right .who-we, 
.fifth-left span, .fifth-left .who-we, 
.sixth-serv span, .sixth-serv .who-we {
    color:#a17652;    
}
.fifth-segment{
    width:100%;   
}
.fifth-left{    
    padding-top:8%;  
}
.fourt-segment-up{
    padding-left: 0;
}

/* Footer */
footer {
	background:#f9f9f9;
	padding-top:40px;
	padding-bottom:40px;
	border-top:2px solid #758375;
}

.footer-left {
	text-transform:uppercase;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-size:11px;	
	letter-spacing:1.8px;
	padding:0px 5px;
	color:#738575;
}
.footer-left a{  
  color:#738575;
}
.footer-left .left-top {
	font-weight:600;
	margin-bottom:10px;	
}
.footer-left .left-bottom {	
	margin-bottom:20px;	
}
.footer-left .fa, .svg-inline--fa {
	font-size:18px;
	margin-right:10px;
}
.footer-bottom {	
	text-transform:uppercase;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-size:9px;	
	letter-spacing:1.8px;	
	color:#738575;
	margin-top: 20px;
    padding-left: 0;
}
.footer-bottom a{	
	border-bottom: 1px solid #a2aaa2;	
	color:#738575;
}
.footer-bottom a:hover{	
	text-decoration: none;
}
.footer-right{  
  float:right;
}
.footer-right .rm-form-style0 .rm_form_el_set{
  width: 80%;
  padding: 0;
  float: left;
  border:1px solid #738575;
  background:transparent;
}
.footer-right .rm-form-style0 .rm_form_el_button{    
  width: 20%;
  border:1px solid #738575;
  background:transparent;
  color:#738575;
  border-left:none;
}
.footer-right p{    
  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
  font-weight:600;
  font-size:12px;
  color:#738575;
  letter-spacing:1.8px; 
}
.rm_form_container {
  width: 100%!important; 
  padding:5px 0!important;   
}
.rm_form_container input {
  background-color:transparent!important;
  border:none!important;
  color:#738575; 
  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
  font-weight:600;
  font-size:12px;
  padding:10px!important;
  letter-spacing:1.8px;
}
.rm_form_container input[type=submit]{
  width: 100%!important; 
  margin:0!important;
  padding:0!important;  
  color:#738575!important;
  font-family: 'Open Sans',Helvetica,Arial,sans-serif; 
  font-weight:600;
  font-size: 12px;
  padding: 10px!important;
  letter-spacing:1.8px;
}
.gold {
  color: #ad8768;
}
.exp-sec {    
  position: absolute;
  right: -30px;
  margin-top:40px;
  z-index:3;
}
.exp-sec span {    
  float:left;
  margin-right:5px;
  color: #a17652;
  font-size:10px;
  letter-spacing: 1.8px;
  font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}
.exp-sec hr {    
  float:left;    
  border-top:1px solid #a17652;
  width:80px;
  margin-top:6px;
}
.exp-sec {
  display:none;
}

@media only screen and (min-width: 1500px) { 
	.portfolio-third-temp-left h1,
  .portfolio-first-temp-left h1,
  .first-temp-left h1, 
  .second-template h1{
		font-size: 80px;
    line-height: 80px;  
	}
  .portfolio-second-temp-right {
    top: 294px;
  }
  .section-3 .portfolio-second-temp-right {
    top: 70px;
  }
  .portfolio-third-temp-left {
    top: 200px;
    left: 40%;
  }
  .portfolio-third-temp-left .explore {
    left: 70%;
  }
  .explore {    
    position: relative;
    left: 70%;
  }
  .explore span {     
    font-size:12px;   
  }
  .exp-left {
    left: -28%;
  }
	.first-temp-left{
    padding: 240px 0 0 60px;
	}
  .first-temp-left h1{
    max-width: 400px;
  }
  .exp-left-four {
    left: -20%;
  }
	.white-one .about-content p {
    font-size: 18px;    
	}
	.last-single-text p {
    font-size:16px;
	}
	.services-back .service-img {
    height: 650px;   
	}
	/*Services*/
	.single-first-content {
    width: 80%;
	}
	.first-week {
		width: 66.66666667%;
	}
	.fourt-segment-up {
    width: 41.66666667%;
	}
	.single-left h1.single-title {
    font-size: 80px;
    line-height: 80px;
    margin-top: 30px;
    margin-bottom: 40px;
	}
  .share {
    padding-left:0;
  }
  .section-3 .backgroud-second {
    bottom: 300px;
  }
  .show-for-large{
      display: block;
  }
  .show-for-medium,.show-for-small{
      display:none;
  }
}
@media only screen and (max-width: 1400px) {
  /*Portfolio*/
  .portfolio-first-temp-left {
    margin-top: 90px;
  }
  .portfolio-first-temp-left h1 {
    margin-bottom: 60px;
  }
  .portfolio-second-temp-right {
    top: 192px;
  }
  .section-3 .portfolio-second-temp-right {
    top: 0px;
  }
  .single-left {
    padding: 100px 0 0 15%;
  }
  .show-for-large{
    display: block;
    }
    .show-for-medium,.show-for-small{
        display:none;
    }
}
@media only screen and (max-width: 1190px) {
  .single-left {
    padding: 10px 0 0 10%;
  }
  .second-template h1 {
    width: 400px;
  }
  .exp-left {
    left: -35%;
    right: 0;
  }
  .first-temp-left {
    padding: 50px 0 0 60px;
  }
  .section-10 .first-temp-left {
    padding: 160px 0 0 60px;
  }
  .exp-left-four {
    left: -50%;
    right: 0;
  }
  .portfolio-second-temp-right {
    top: 120px;
  }
}

@media only screen and (max-width: 992px) { 
  .float-left-xs {
    float: left;
  }
  .padding-left-xs-0 {
    padding-left: 0;
  }
  .padding-top-xs-0 {
    padding-top: 0;
  }
  /*Portfolio*/
  .portfolio-first-temp-left {
    top: 100px;
    left: 25%;
  }
  .portfolio-second-temp-right {
    top: 100px;
    left: 15%;
  }
  .portfolio-third-temp-left {
    top: 100px;
    left: 40%;
  }
  .portfolio-first-temp-left h1, 
  .first-temp-left h1, 
  .second-template h1, 
  .portfolio-third-temp-left h1, 
  .single-left h1.single-title {
    font-size: 42px;
    line-height: 42px;
  }
  .second-template h1 {
    width: 250px;
  }
  .exp-left,
  .exp-left-four {
    left: -55%;
    right: 0;
  }


  .about-no-pad {
      padding-top: 0;
  }
  .l {
      padding-left: 4%;
  }
  .about-team .team-img {
      width: 350px;  
	  height: 350px;
  }
  .second-segment-up{
    float: none;
    padding-left: 10%;
    margin-bottom: 70px;
  }
  .fifth-left{
    padding: 0;
    position: relative;
    top: -70px;
  }
  .second-serv  {
    padding-left: 5%;
  }
  .who-folio {   
    font-size: 10px;    
  }
  .first-temp-left {
    padding: 50px 0 0 20px;
  }
  .section-3 .backgroud-second {
    position: relative;
    bottom: 100px;
  }
  .single-img {
    margin-bottom:50px; 
  }
  .single-port {   
    padding-bottom: 70px;
  }
  /*Service*/
  .single-left {
    padding: 0;
  }
  .single-title-content {
    float: right;
  }
  .single-first-content {
    padding-left: 10%;
  }
  .about-up .vertical-line,
  .single-port .vertical-line {
    left: 9.8%;
  }
  .about-team {
    padding-left: 11%;
  }
  .fourth-right {
    padding-left: 11%;
    padding-top: 0;
  }
  .fourth-serv .fourth-segment {
    margin-bottom: 70px;
  }
  .first-box-img:first-of-type .one-single-img {
    margin-left: 0;
    width: 66.66%;
    margin-bottom: 0px;
  }
  .first-box-img:nth-of-type(2n) .one-single-img {
    width: 66.66%;
    margin-top: 0px;
  }
  .margin-12 {
    margin-left: 0;
    float: none;
  }
  .last-single-text {
    padding-top: 30px;
    margin: 0 auto;
    float: none;
  }
  .share {
    display: none;
  }
  .share-xs {
    display: block;
    margin: 60px 0;
  }
  .share p, .share-xs p {
    text-align: center;
  }
  .ssba > div {
    text-align: center!important;
  }
  .second-white-one {
    padding-bottom:30px;
  }
  .section-10 .first-temp-left {
    padding: 160px 0 0 30px;
  }
  .section-10 .explore hr {
    width: 100px;
  }
  .third-template {
    padding: 80px 0 0;
  } 
  .first-box-img:nth-of-type(2n) .one-single-img {    
    top: 80px;
  }
  .show-for-medium{
    display: block;
    }
    .show-for-large,.show-for-small{
        display:none;
    }
}

@media only screen and (max-width: 768px) { 
  .navbar-toggle {    
    margin:0px;
    border-radius:0;
  }
  .navbar-toggle .icon-bar {    
    background: #505050;
    width:28px;
  }
  .home .navbar-toggle .icon-bar {    
    background: #fff;
  }
  /*Portfolio*/
  .portfolio-first-temp-left {
    /*top: 50px;
    left: 15%;*/
    
  }
  .second-template h1 {
    width: 220px;
  }
  .section-3 .portfolio-second-temp-right {
    top: -70px !important;
    left: 0;
    position: relative;
  }
  .section-9 .portfolio-second-temp-right {
    margin-top: 50px;
  }
  .mobile-margin-1 {
    margin-left: 8.66%;
    margin-top: 20px;
  }
  .fifth-template .first-temp-left {
    padding-left: 0;
  }
  .section-3 .float-xs-left {
    position: relative;
    top: 600px;
  }
  .about-top h1 {
    line-height: 1.4em;    
    font-size: 28px;
  }
  div.vertical-line {    
    left: 10%;
  }
  .team-one {    
    padding:0 3%;
  }
  .contact-under h1 {   
    font-size: 32px;
  }
  footer {   
    text-align:center;
    padding: 40px 30px;
  }
  .footer-right {    
    margin-bottom:50px;
  }
  .footer-right p {    
    text-align: left;
  }
  .footer-bottom {    
    margin-top: 30px;   
  }
  .services-back .service-img {   
    width: 92%;
    float: right;
  }
  .service-top {   
    padding-top: 0;
    padding-bottom:100px;
  }
  .service-p-pad{
    padding-left: 2%;    
    margin-top: 20px;
  }
  .service-top .vertical-line {
    bottom: -80px;
    height:115px;
    left:11%;
  }
  .service-content span {    
    font-size: 80px;   
  }
  .third-serv {
    margin: 0 auto;
    float: none;
    padding-left: 7%;
  }
  .third-serv span{
    width:25%;
    float: left;    
  }
  .fourth-serv span{
    float: left;   
  }
  span.week {
    font-size: 74px;
  }
  /*About*/
  .about-team h1 {
    font-size: 32px;
  }
  .fourth-serv .fourth-segment {    
    width: 95%;
  }
  .fourt-segment-up {    
    padding-left:0;
  }
  .fourth-right {
    width: 90%;
    padding-left: 10%;
  }
  .fourth-serv .who-we {
    margin-top: 0;
  }
  .fifth-serv {
    padding-left: 5%;
  }
  .backgroud-first, .backgroud-fourth {
    float: right;
  }
  .first-temp-left {
    padding: 20px 0 0 20px;
  }
  .first-template .first-exp hr, .third-template .first-exp hr {
    width: 1px;
    height: 100%;
    float: left;
    background-color: #a17652;
    position: absolute!important;
    bottom: -60px;
    height: 50px;
    right: 50%;
  }
  
  .first-template h1, .second-template h1, .third-template h1 {    
    padding-left:0;
  }
  .fourth-template .resp-right{    
    float: right;    
  }
  
  .fifth-template .explore {
    margin-top: 0;
    top: 20px;
    right: -50%;
    display:none;
  }
  .fifth-template .exp-sec hr{
    width: 1px;
    height: 100%;
    float: left;
    background-color: #7c8b7d;
    position: absolute!important;
    bottom: -65px;
    height: 50px;
    left: 40%;
  }
  .fifth-template .exp-sec {
    right: 30px;
    margin-top: 0;
    top: -50px;    
  }
  .fifth-template .exp-sec span{  
    color:#7c8b7d;
  }
  .backgroud-fifth, .backgroud-fourth, .backgroud-third, .backgroud-second, .backgroud-first {
    position:relative;    
  }
  .single-left .about-content p {
    padding: 0 3% 0 10%;
  }
  .second-white-one {    
    padding: 50px 0;
  }
  .share{
    text-align: center;
    margin-left:auto;
  }
  .share p{
    font-size:10px;
  }
  .share .fa {
    font-size: 30px;
    margin: 0 20px;    
  }
  .no-pad-top h1 {
    font-size: 32px;
    letter-spacing: 0;    
  }
  
  .next-single-up {
    padding:0 0 60px 0;  
  }
  .next-under {    
    padding-top: 50px;
    height: 250px;    
  }  
  .l {
    padding-left: 1%;
  }
  .portfolio-first-temp-left h1 {
    margin-bottom: 20px;
  }
  .scroll {
    width: 0;
    position: absolute;
    bottom: 50px;
    left: 8.33%;
  }
  .second-template h1, 
  .first-temp-left h1,
  .portfolio-third-temp-left h1 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .section-10 .first-temp-left {
    padding: 140px 0 40px 30px;
  }
  .portfolio-first-temp-left h1, 
  .first-temp-left h1, 
  .second-template h1, 
  .portfolio-third-temp-left h1, 
  .single-left h1.single-title {
    font-size: 38px;
    line-height: 32px;
}
.fifth-template, .second-template, .fourth-template {    
    display: flex;
    flex-direction: column;
  }
  .fifth-template .fifth-mobile, .second-template .padding-0, .fourth-template .resp-right{
    order: 1;    
  }
  .fifth-template .fifth-back-up, .second-template .mobile-margin-1, .fourth-template .padding-0{
    order: 2;    
  }
  .fourth-template .explore {
    top: 40px;
  }
  .show-for-small{
    display: block;
    }
    .show-for-medium,.show-for-large{
        display:none;
    }
}

@media only screen and (max-width: 767px) {
  /*.first-template,
  .second-template {
    background: #fff;
  }*/
  .first-template {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .portfolio-first-temp-left,
  .portfolio-second-temp-right,
  .portfolio-third-temp-left {
    position: initial;
  }
  .first-template .explore, 
  .third-template .explore {
    display:none;    
  }
  .exp-sec {
    display:inherit;    
  }
  .first-exp,
  .third-exp {
    right: 30px;
    top: -40px;
    margin-top: 0;
  }
  .second-template {
    background: #f8f9f9;
    padding: 8% 0;
	}
	.third-template {
    background: #f8f9f9;
    padding: 8% 0 0;
	}
  .sec-temp-right {    
    float: left;
    padding-top: 40px;
  }
  .second-exp {    
    right: -100px;
    top: 100px;
    margin-top: 0;
  }
  .second-template .explore {
    display:none;
  }
  .fourth-template .explore hr{
    width: 1px;
    height: 100%;
    float: left;
    background-color: #a17652;
    position: absolute!important;
    bottom: -95px;
    height: 90px;
    left: 12%;
  }
  .fourth-template .explore{    
    /*display: none; */
    /*bottom: 160px; */
    position: initial; 
  }
  .float-xs-left {
    float: left;
  }
  .padding-xs-45 {
    padding-left: 45px;
  }
  .float-xs-right {
    float: right;
  }
  .second-white-one {
    padding-bottom:0px;
  }
  .portfolio-first-temp-left {
    margin-top: 0;
  }
  .first-box-img:first-of-type .one-single-img {
    margin-top: 80px;
  }
  .fifth-template .fifth-back-up{
    margin-left: 16.77%;
  }
}

@media only screen and (max-width: 480px) { 
  .about-team .team-img {
    width: 350px;
    height: 350px;
    margin-top: 50px;
  }
  .contact-under h1 span {    
    font-size: 24px;
  }
  .footer-bottom {    
    margin-top: 30px;   
  }
  footer {    
      padding: 40px 00px;
  }
  .footer-bottom {   
      font-size: 8px;
      letter-spacing: 1.2px;  
  }
  .contact-img {
      height: 600px;
      width: 80%;
      margin: 0 auto 0 0;
  }
  .contact-right h1 {
      font-size: 48px;   
  }

  /*.first-temp-left h1, .second-template h1, .single-left h1 {
      font-size: 44px;
      font-family: 'EB Garamond', serif;  
  }*/
  .who-folio {
      font-size: 9px;
      letter-spacing:2.5px;
  }
  /*.backgroud-first, .backgroud-fourth, .backgroud-second, .backgroud-third {
      height: 340px;   
  }*/
  .backgroud-third {
     margin-top:20px;
  }
  /*.third-template{
     padding-bottom:20px;
  }*/
  .sec-temp-right {    
      padding-top: 0px;
  }
  .fourth-template .first-temp-left {
      padding-left: 0px;
  }
  .resp-right  {
      padding: 0px;
  }
  .single-img {    
      height: auto;
  }
  .first-box-img:first-of-type .one-single-img {   
      height: 370px;   
  }
  .first-box-img:nth-of-type(2n) .one-single-img {    
      height: 400px;   
  }
  .white-one {
      padding: 100px 8% 80px;
  }
  .second-white-one {
      padding: 50px 0;
  }
  .second-box-img .one-single-img {  
      height: 350px;
  }
  .last-single-text {
      padding-top: 60px;
  }
  .no-pad-top h1 {
      font-size: 28px;
      letter-spacing: 0;    
  }
  .sec-temp-right h1, .third-left-up h1, .fifth-mobile {
      width:100%;
  }
  .fourth-template .resp-right {
      width:70%;
  }
  .fourth-template .explore {     
      bottom: 100px;   
  }
  .third-serv, .fourth-right, .sixth-serv {    
      padding-right:0;    
  }
  .third-serv .third-right-text, .fourth-right .third-right-text{    
      padding-left:10px;    
  }
  .scroll {   
      left: -20px;
  }
  .first-template h1 {   
      width:70%;
  }
  .next-under h1 {    
      font-size: 48px;
  }
  .content-center {    
      margin:0;
  }
  .next-single-up {
    padding:0 0 60px 0;  
  }
  .next-back p {   
    line-height: 32px;
  }
  /*.home-page {
      min-height: 400px;
  }*/
  .section-9 {
    padding: 0;
  }
  .section-9 .portfolio-second-temp-right {
    margin-top: 20px;
  }
  /*.first-temp-left h1, .second-template h1, .single-left h1 {
    font-size: 32px;
    line-height: 32px;
  }*/
  .second-template h1, .first-temp-left h1 {
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .section-10 .first-temp-left {
    padding: 30px 0 20px 30px;
    width: 250px;
  }
  .section-3 .backgroud-second {
    bottom: 70px;
  }
  .section-3 .portfolio-second-temp-right {
    top: -30px !important;
  }
  .second-exp {
    right: -80px;
  }
  .first-temp-left h1 {
    max-width: 230px;
  }
}
@media only screen and (max-width: 420px) { 
  .third-serv span, .fourth-serv span{
    width:30%;    
  }
  .third-right-text{
    width:70%;  
  }
  .sixth-serv span {
    width: 28%;
    margin-right: 2%;
  }
  /*.first-temp-left h1, .second-template h1, .single-left h1 {
    font-size: 32px;
  }*/
}
@media only screen and (max-width: 380px) { 
  .contact-under h1 {   
    font-size: 28px;
  }
  .contact-under h1 span {
    font-size: 20px;
  }
}