@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; border:0; text-decoration:none !important; outline:none !important; list-style:none; color:#000; }
a:hover{ text-decoration:none;} 
p{ margin-bottom:0; line-height:22px;}
ul{ margin:0; padding:0}
.clr{ clear:both;}
h1, h2, h3, h4, h5, h6{ margin:0; padding:0}
body{font-family: 'Ubuntu', sans-serif;}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
 
.container{ max-width:93% !important}
#portfolio .container{ max-width:82% !important; padding: 0 0 10px 0;}
#header{padding:15px 0; z-index:99999; width:100%;}


 .navbar{
	padding: .5rem 0rem;
}
.navbar-dark .navbar-nav .nav-link{
	color:#282828 !important;
	text-transform:uppercase;
	font-size:14px;
 	border-top:transparent solid 2px;
	font-weight:bold
}
.navbar-dark .navbar-nav .nav-link:hover{
	color:#350f42 !important;
	border-bottom:#350f42 solid 2px;
 }
.navbar-dark .navbar-nav .active{
	color:#350f42 !important;
	border-bottom:#350f42 solid 2px;
}
 
.navbar-expand-lg .navbar-nav .nav-link {
    margin-right:1.7rem;
    margin-left:1.7rem;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left:0rem;
}
.navbar-dark li:last-child .nav-link:hover{ border-top: none}

.icon-ctn {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: #350f42;
    border-radius: 50%;
}
.icon-ctn i{
    position: absolute;
    top: 18px;
    left: 18px;
    width: 16px;
    height: 13px;
    color: #fff;
}
.txt {
	opacity: .8;
    position: absolute;
    top: 92px;
    right: -6px;
    white-space: nowrap;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(-90deg) translateY(-2.33vw);
    transform: rotate(-90deg) translateY(-2.33vw);
	color:#282828
}
.txt::after {
    content: '';
    position: absolute;
    top: calc(50% - 3px);
    right: -40px;
    width: 31px;
    height: 5px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAKCAQAAABGIyV0AAAAaUlEQVR4AWOgJ+h17OVlGCjQ+6l3Wq9YL/PAWP4fCI/0FvTyDIjlUDil16KXFSTQAOTQHz7r7evlgllOfzinV4ChV6HXgV4QbvGFXv9e3l4m+sf5p966XtmBSXCbek16WQYmq6X1ciPzAY/5EJmMV5lUAAAAAElFTkSuQmCC);
    background-size: 31px 5px;}
	
.txt::after {
    content: '';
	color:#282828;
    position: absolute;
    top: calc(50% - 1px);
    right: -40px;
    width: 31px;
    height: 5px;
     background-size: 31px 5px;
}
.about-left{
	background: url(../images/about-bg.png) repeat-y left top;
 }
.about h2{
	color:#282828;
	font-size:35px;
	left:-127px;
	position:absolute;
	top:100px;
 }
.about span{
	color:#350f42;
  	display:block
 }
 .about__text {
    position: relative;
	margin-top:0px;
}
.container.about img.img-responsive {
    width: 100%;
}
/* .about__text::before {
    content: '';
    position: absolute;
    top: 1rem;
    left: -83.1%;
    width: 44vw;    
	height: 1px;
    background: rgba(0,0,0,.1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: -webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1),-webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
}
 .about__text::after {
    content: '';
    position: absolute;
    top: calc(1rem - 4px);
    left: calc(2.3% - 5px);    
	width: 9px;
    height: 9px;
    background: #fff;
    border: 2px solid #fa6a00;
    border-radius: 5px;
    transition: -webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
}
*/
.about__text::after,.about__text::before{
    display: none;
}
.about__text p {
    color: #999;
    font-size: 13px;
    line-height: 21px;
}
.about__text h1 {
    margin: 10px 0;
    font-size: 17px;
    text-transform: uppercase;
    color: #350f42;
    line-height: 13px;
}
.container.about .col-sm-7 {
    margin: 0 0px 0 15px;
    width: 52%;
    max-width: 52%;
}
.about_inner{
    padding: 0;
}
.container.about .mb-5 {
    margin-bottom: 10px !important;
}
 /*services*/


 
#services-left .c-txt{
	position:absolute;
	right:0;
	top:35%;
}
.services h2{
	color:#282828;
	font-size:35px;
	left:-127px;
	position:absolute;
	top:50px;
	font-weight:300
 }
.services span{
	color:#350f42;
  	display:block;
	font-weight:bold
 }
  .services__text {
    position: relative;
	margin-top:0px;
}
 .services__text::before, .services__text::after{
    display: none;
 }
 /*.services__text::before {
    content: '';
    position: absolute;
    top: 1rem;
    left:-91.1%;
    width: 44vw;    
	height: 1px;
    background: rgba(0,0,0,.1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: -webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1),-webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
}
 .services__text::after {
    content: '';
    position: absolute;
    top: calc(1rem - 4px);
    left: calc(-6% - 5px);    
	width: 9px;
    height: 9px;
    background: #fff;
    border: 2px solid #fa6a00;
    border-radius: 5px;
    transition: -webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
}
*/
   .services__text p{
  	color:#999;
	font-size:16px;
	line-height:28px;
 } 
 .services__text h3{
  	color:#282828;
	font-size:20px;
	font-weight:500;
	margin-bottom:25px;
  } 
 .services__text img{
 	margin-left:25px;
    } 

/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #350f42;
}

.btn-1c:hover,
.btn-1c:active {
	color: #fff;
}
.btn-1c:hover i,
.btn-1c:active i{
	color: #fff;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding:15px 30px;
	display: inline-block;
	margin: 15px 0px;
 	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius:0
}
.btn i{ color:#350f42; font-size:12px; margin-left:10px;}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-1 {
	border: 2px solid #350f42;
	color: #350f42;
}

/*portfolio*/
 .portfolio__text {
    position: relative;
	margin-top:150px;
}
 .portfolio__text::before , .portfolio__text::after{
    display: none;
 }
 /*.portfolio__text::before {
    content: '';
    position: absolute;
    top: -5rem;
    left:-111.1%;
    width: 44vw;    
	height: 1px;
    background: rgba(0,0,0,.1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: -webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1),-webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
}
 .portfolio__text::after {
    content: '';
    position: absolute;
    top: calc(-5rem - 4px);
    left: calc(-26% - 5px);    
	width: 9px;
    height: 9px;
    background: #fff;
    border: 2px solid #fa6a00;
    border-radius: 5px;
    transition: -webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
}*/
.portfolio h2{
	color:#282828;
	font-size:35px;
	left:-127px;
	position:absolute;
	top:50px;
	font-weight:300
 }
.portfolio span{
	color:#350f42;
  	display:block;
	font-weight:bold
 }
#portfolio .col-sm-6{    
	padding-right:0px;
	padding-left:0px;
}

/*contact*/
.contact-left{
	background: url(../images/contact-bg.jpg) no-repeat left top;
 }
.contact h2{
	color:#282828;
	font-size:35px;
	left:-127px;
	position:absolute;
	top:89px;
	font-weight: 300;
 }
.contact span{
	color:#350f42;
 	font-weight:bold;
 }
 .contact__text {
    position: relative;
	margin-top:65px;
}
 .contact__text::before, .contact__text::after {
    display: none;
 }
 /*.contact__text::before {
    content: '';
    position: absolute;
    top: 1rem;
    left:-96.1%;
    width: 44vw;    
	height: 1px;
    background: rgba(0,0,0,.1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: -webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1),-webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
}
 .contact__text::after {
    content: '';
    position: absolute;
    top: calc(1rem - 4px);
    left: calc(2.3% - 5px);    
	width: 9px;
    height: 9px;
    background: #fff;
    border: 2px solid #fa6a00;
    border-radius: 5px;
    transition: -webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
}*/
.contact p{
  	color:#999;
	font-size:17px;
	line-height:32px;
	font-weight:500
 }
.contact h4 a{
	color:#999;
 	font-weight:500;
	font-size:17px;
    padding: 0 0 0 10px;
 }
 .contact h4 {
    margin: 0 0 0 37px;
}
 .contact h4 a:hover{
	color:#000;
  }
.contact h5{
	color:#999;
 	font-weight:500;
	font-size:17px;
	margin-top:15px;
    text-align: left;
    margin-left: 97px;
    line-height: 27px;
 }
 .contact .mt-5 {
    margin: 0 !important;
}
.contact .mb-5 {
    margin: 10px 0 31px 10px !important;
    text-align: center;
}
.contact .bg-white{     padding: 100px 35px;background: transparent !important;}
.contact .bg-light{ padding:0px 50px 20px;}

.circle{ 
	background:#350f42; 
	border-radius:50px; 
	width:73px; 
	height:73px; 
 	text-align:center;
	padding:15px;
	margin:0 auto;
	display:block;
	margin-left:139px;
 }
.circle i{ 
 	font-size:27px;
	color:#fff;
}
i.fa.fa-envelope {
    font-size: 20px;
    margin: 3px 0 0 1px;
}
i.fa.fa-phone {
    font-size: 27px;
    margin: 0px 0 0 0;
}
.contact .contact__text a {
    margin: 10px 0 0 0;
    display: inline-block;
    color: #999999;
    font-weight: bold;
    font-size: 18px;
}
.contact .contact__text .row {
    margin-bottom: 20px;
}
.contact .btn {
    background:#350f42;
    color: #fff;
    border-radius:0px;
    padding: 15px 35px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    display: block;
    width: auto;
	margin:0 auto;
}
.contact .form-control{
	    border-radius:0;
		background-color:transparent;
		font-size:13px;
}
.footer{
	background:#350f42;
	padding:7px 0;
}
.footer p{ color:#fff; font-size:13px; padding-top:10px;}
.footer a{ color:#fff; }
.copy{ float:right; display:block}
.social-media{ 
	float:left; 
	display:block;
 }
.social-media i{
	color:#282828; 
	font-size:19px; 
	margin-right:5px; 
 	width:35px; 
	text-align:center; 
	height:35px; 
	padding:8px 5px;
	background:#fff;
	border-radius:50px;
 }
.social-media i:hover{
	color:#fff;
	background:#282828;
 }
 
 @media screen and (max-width:1366px) { 
.contact h2 {
     font-size: 31px;
    left: 100px;
     top: 0px;
 }
.contact__text::before {
     left: -83.1%;}

.contact__text::after {
     left: calc(17% - 5px);}

} 
  
 @media screen and (max-width:1280px) { 
.services h2 {
     font-size: 33px;}
.contact h2 {
    font-size: 27px;
    left: 157px;
    top: 0px;
}
.contact__text::before {
     left: -81.1%;}

.contact__text::after {
     left: calc(20% - 5px);}
} 
 @media screen and (max-width:1024px) {
 .about__text::before {
     left: -84.1%;} 
.portfolio__text::before {
     left: -124.1%;}
.portfolio__text::after {
     left: calc(-36% - 5px);}	 
	 
.services h2 {
     font-size: 27px;}
.contact h2 {
    font-size: 27px;
    left: 57px;
    top: 11px;
}
.contact__text::before {
     left: -81.1%;}

.contact__text::after {
     left: calc(20% - 5px);}
.services__text::before {
     left: -93.1%;}
	 
} 
 
 @media screen and (max-width:980px) {
.navbar-dark .navbar-toggler {
	color: rgba(255,255,255,.5);
	border-color: rgba(0,0,0,.1);background-color:#350f42;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color:#350f42 !important;
	border-bottom:#350f42 solid 0px;
} 
.about h2 {
	left: 0;
	top: 0px;
}
 .about__text::before{ display:none}
 .about__text::after{ display:none}
 
 .about__text {
    position: relative;
    margin-top: 0px;
}
.about__text p {
    color: #999;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
}
.about__text h1{
    line-height: 22px;
}
.about-left{ background:transparent} 
 /**/
 .portfolio h2 {
     left: 0;
     top: 50px;
 }
 #portfolio{ margin-top:60px;}
/**/

#services-left{ background:transparent} 
#services-left .c-txt {
 	display:none
}
.services h2 {    left: 0;}

.services__text {
    position: relative;
    margin-top: 0px;
}
.contact h2 {
    color: #fff;
    font-size: 35px;
    left: 137px;
    text-transform: uppercase;
 }
.contact h5 {
    color: #fff;}
 
  .contact__text::before{ display:none}
 .contact__text::after{ display:none}
.mt-5 {
    margin-top:0rem!important;
}
.contact .mb-5{
    margin-top: 15px;
}
.contact .bg-white {
    padding: 60px 35px;
}
 .contact p {
 	margin-top:25px
 }
 .contact h4 a {
     font-size: 15px;
}
.copy {
    float:left;
    display: block;
}
.social-media {	margin-top:15px;
  }
.portfolio__text::after {
     left: calc(-21% - 5px);  
 }
.services__text::before {
     left: -95.1%;} 
 .contact p {
     font-size: 15px;
 }
 .social-media i {
     margin-right: -2px;}

}
 
 

@media screen and (max-width:767px) {
.navbar-dark .navbar-toggler {
	color: rgba(255,255,255,.5);
	border-color: rgba(0,0,0,.1);background-color:#350f42;
}
.navbar-dark .navbar-nav .nav-link:hover{
	color:#350f42 !important;
	border-bottom:#350f42 solid 0px;
} 
.about h2 {
	left: 0;
	top: 0px;
}
 .about__text::before{ display:none}
 .about__text::after{ display:none}
 
 .about__text {
    position: relative;
    margin-top: 0px;
}
.container.about .col-sm-7 {
    padding: 0 15px 0 15px;
    width: 88%;
    max-width: 88%;
    flex: 0 0 88%;
    text-align: justify;
}
.about__text p {
    color: #999;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 0;
}
.about__text h1{
    line-height: 21px;
}
.about-left{ background:transparent} 
 /**/
 .portfolio h2 {
     left: 0;
     top: 50px;
 }
 #portfolio{ margin-top:60px;}
/**/

#services-left{ background:transparent} 
#services-left .c-txt {
 	display:none
}
.services h2 {    left: 0;}

.services__text {
    position: relative;
    margin-top: 0px;
}
.contact h2 {
    color: #fff;
    font-size: 35px;
    left: 84px;
 }
.contact h5 {
    color: #fff;}
 
  .contact__text::before{ display:none}
 .contact__text::after{ display:none}
.mt-5 {
    margin-top:0rem!important;
}
.contact .bg-white {
    padding: 60px 35px;
}
 .contact p {
 	margin-top:25px
 }
 .contact h4 a {
     font-size: 15px;
}
.copy {
    float:left;
    display: block;
}
.social-media {	margin-top:15px;
  }
   }