@import url("../css/bootstrap.min.css");
@import url("../css/font-awesome.min.css");
@import url("../css/animate.css");
@import url("../css/layerslider.css");
@import url("../css/jquery.fancybox.css");
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700,800');

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../assets/fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
 font-family: Flaticon;
font-size: 80px;
font-style: normal;
color:#751e77;
}

.flaticon-juice:before { content: "\f100"; }
.flaticon-musical-note:before { content: "\f101"; }
.flaticon-internet:before { content: "\f102"; }
.flaticon-sofa:before { content: "\f103"; }

.fa-rotate {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	display:inline-block;
	margin:35px 0 0 0;
}

/* 01. General CSS Starts*/
html{
    overflow-x:hidden;
}
body {
    font-family: 'Montserrat', sans-serif;
	position: relative;
    background: #fff;
    overflow-x: hidden;
	margin:0;
	padding:0;
}
ul{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none;outline:none !important;}
a:hover , a:active , a:focus{text-decoration:none;}
.img-responsive{width:100%;}
.center{text-align:center;}
h1{color:#fff;font-size:42px;text-transform:uppercase;font-weight:700;position:relative;z-index:1;margin:0;}
h1:before{position:absolute;content:"";top:23px;border-top:5px solid #751e77;width:100%;z-index:-1;left: -10px;}
h2{color:#fff;font-size:32px;text-transform:uppercase;font-weight:600;}
h3{color:#fff;font-weight:600;}
h4{color:#fff;font-weight:600;}
em {color: white;}
p{font-weight:300;font-size:16px;color:#fff;margin:20px 0;line-height:28px;}
input:focus , textarea:focus{border-color:#751e77 !important;}
.btn{border-radius:0;color:#fff;border-color:#751e77;padding:8px 12px;}
.btn:hover{background:#751e77;color:#fff;}

p.diff{font-size:32px;margin:0;line-height: 20px;}
/*Transitions*/

a
{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

/*=======================================================
      PADDING AND MARGINS
========================================================*/
.mt-0 {
 margin-top: 0px;
}
.mt-10 {
 margin-top: 10px;
}
.mt-20 {
 margin-top: 20px;
}
.mt-30 {
 margin-top: 30px;
}
.mt-40 {
 margin-top: 40px;
}
.mt-50 {
 margin-top: 50px;
}
.mt-60 {
 margin-top: 60px;
}
.mt-70 {
 margin-top: 70px;
}
.mt-80 {
 margin-top: 80px;
}
.mt-90 {
 margin-top: 90px;
}
.mt-100 {
 margin-top: 100px;
}
.mt-110 {
 margin-top: 110px;
}
.mt-120 {
 margin-top: 120px;
}
.mt-130 {
 margin-top: 130px;
}
.mt-135 {
 margin-top: 135px;
}
.mt-140 {
 margin-top: 140px;
}
.mt-150 {
 margin-top: 150px;
}
.mt-160 {
 margin-top: 160px;
}
.mt-170 {
 margin-top: 170px;
}
.mt-180 {
 margin-top: 180px;
}
.mt-190 {
 margin-top: 190px;
}
.mt-200 {
 margin-top: 200px;
}
.mt-210 {
 margin-top: 210px;
}
.mt-220 {
 margin-top: 220px;
}
.mt-230 {
 margin-top: 230px;
}
.mt-240 {
 margin-top: 240px;
}
.mt-250 {
 margin-top: 250px;
}
.mt-260 {
 margin-top: 260px;
}
.mt-270 {
 margin-top: 270px;
}
.mt-280 {
 margin-top: 280px;
}
.mt-290 {
 margin-top: 290px;
}
.mt-300 {
 margin-top: 300px;
}
.mb-0 {
 margin-bottom: 0px;
}
.mb-10 {
 margin-bottom: 10px;
}
.mb-20 {
 margin-bottom: 20px;
}
.mb-30 {
 margin-bottom: 30px;
}
.mb-40 {
 margin-bottom: 40px;
}
.mb-50 {
 margin-bottom: 50px;
}
.mb-60 {
 margin-bottom: 60px;
}
.mb-70 {
 margin-bottom: 70px;
}
.mb-80 {
 margin-bottom: 80px;
}
.mb-90 {
 margin-bottom: 90px;
}
.mb-100 {
 margin-bottom: 100px;
}
.mb-110 {
 margin-bottom: 110px;
}
.mb-120 {
 margin-bottom: 120px;
}

.mr-0 {
	margin-right: 0px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-40 {
	margin-right: 40px;
}
.mr-50 {
	margin-right: 50px;
}

.ml-10 {
	margin-left: 10px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-40 {
	margin-left: 40px;
}
.ml-50 {
	margin-left: 50px;
}
.ml-60 {
	margin-left: 60px;
}
.ml-70 {
	margin-left: 70px;
}

.pt-0 {
 padding-top: 0!important;
}
.pt-10 {
 padding-top: 10px;
}
.pt-20 {
 padding-top: 20px;
}
.pt-30 {
 padding-top: 30px;
}
.pt-40 {
 padding-top: 40px;
}
.pt-50 {
 padding-top: 50px;
}
.pt-60 {
 padding-top: 60px;
}
.pt-70 {
 padding-top: 70px;
}
.pt-80 {
 padding-top: 80px;
}
.pt-90 {
 padding-top: 90px;
}
.pt-100 {
 padding-top: 100px;
}
.pt-110 {
 padding-top: 110px;
}
.pt-120 {
 padding-top: 120px;
}
.pb-0 {
 padding-bottom: 0;
}
.pb-10 {
 padding-bottom: 10px;
}
.pb-20 {
 padding-bottom: 20px;
}
.pb-30 {
 padding-bottom: 30px;
}
.pb-40 {
 padding-bottom: 40px;
}
.pb-50 {
 padding-bottom: 50px;
}
.pb-60 {
 padding-bottom: 60px;
}
.pb-70 {
 padding-bottom: 70px;
}
.pb-80 {
 padding-bottom: 80px!important;
}
.pb-90 {
 padding-bottom: 90px;
}
.pb-100 {
 padding-bottom: 100px;
}
.pb-110 {
 padding-bottom: 110px;
}
.pb-120 {
 padding-bottom: 120px;
}

.pl-10{padding-left:10px;}
.pl-20{padding-left:20px;}
.pl-30{padding-left:30px;}
.pl-40{padding-left:40px;}
.pl-50{padding-left:50px;}
.pl-60{padding-left:60px;}
.pl-70{padding-left:70px;}
.pl-80{padding-left:80px;}
.pl-90{padding-left:90px;}
.pl-100{padding-left:100px;}

.pr-10{padding-right:10px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}
.pr-40{padding-right:40px;}
.pr-50{padding-right:50px;}
.pr-60{padding-right:60px;}
.pr-70{padding-right:70px;}
.pr-80{padding-right:80px;}
.pr-90{padding-right:90px;}
.pr-100{padding-right:100px;}

.remove-padding {
 padding: 0!important;
}
.remove-margin {
 margin: 0!important;
}

.slider{width:100%;height:744px;}

header{background:rgba(0,0,0,0.7);position:absolute;width:100%;top:0;z-index:3;}
.navbar{padding:0 !important;background-color:transparent;border:0;}
.navbar ul li{padding:0 15px;position:relative;}
.navbar ul li:after{position:absolute;content:"";border-right:1px solid #fff;height:14px;top:3px;left:0;}
.navbar ul li:first-child:after{display:none;}
.navbar-default .navbar-nav > li > a{font-weight:300;text-transform:uppercase;color:#fff;font-size:14px;padding:0;}
.navbar-default .navbar-nav > li > a:hover{color:#751e77;}

.social-links li{display:inline-block;padding-right:5px;}
.social-links li a {
    height: 37px;
    width: 37px;
    display: block;
    border: 1px solid #751e77;
    border-radius: 50%;
    color: #751e77;
    font-size: 14px;
    text-align: center;
    padding-top: 7px;
}
.social-links li a:hover{color:#fff;background:#751e77;}

.logo {
    text-align: center;
}
.logo a {
    font-size: 27px;
    color: white;
    font-weight: 700;
    text-transform: uppercase;
}

.welcome{background:url(../images/welcome-bg.jpg) no-repeat;background-size:cover;min-height: 759px;}
.welcome h1:before{width:460px;}


.diamond {
    border: 1px solid #751e77;
    height: 190px;
    margin: 34px 40px 80px 0;
    text-align: center;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    width: 190px;
	position:absolute;
	transition:all 0.3s ease-in-out;
}
.diamond i{transition:all 0.3s ease-in-out;}

.dmnd:hover .diamond{background-color:#751e77;}
.dmnd:hover .diamond i:before , .dmnd:hover .diamond i:after{color:#fff;}
.diamond span{color:#fff;}
.diamond.one{left:0;right:0;margin:0 auto;top:60px;}
.diamond.two{left:56px;top:168px;}
.diamond.three{right:15px;top:168px;}
.diamond.four{left:0;right:0;margin:0 auto;top:344px;}

.dmnd:hover .diamond p {
    visibility: visible;
    top: 105px;
    left: 50px;
}
.dmnd:hover .diamond i{margin:13px 0 0 -48px;}

.diamond p {
    transform: rotate(-45deg);
    width: 100px;
    top: 125px;
    text-align: center;
    position: absolute;
    left: 85px;
    font-size: 16px;
    line-height: 18px;
    right: 0;
    margin: 0 auto;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}
.our-services{background:url(../images/service-bg.jpg) no-repeat;background-size:cover;}
.our-services h1::before {width: 250px;left:0;right:0;margin:0 auto;}
.services img{border:1px solid #751e77;}
.services h5{font-weight:700;font-size:24px;color:#fff;margin-top:50px;}
.services p{padding:0 0;margin-top:30px;}
.services a{display:table;margin:30px auto 0;}

.service-circle-border{width:30px;height:30px;border:1px solid #751e77;border-radius:50%;position:absolute;top:150px;z-index:1;}
.service-circle-bg{background:#210b28;height:22px;width:22px;margin:3px auto 0;border-radius:50%;}
.service-circle{background:#b036b2;width:12px;height:12px;margin:0 auto;border-radius:50%;position:relative;top:5px;}

.service-circle-border.up:before{position:absolute;content:"";border-bottom:1px solid #751e77;width:404px;left:29px;top:14px;}


.service-circle-border.down{top:460px;right:120px;}
.service-circle-border.down:before{position:absolute;content:"";border-right:1px solid #751e77;height:295px;left:13px;bottom:29px;}

.service-circle-border.up.sec{right:-80px}
.service-circle-border.up.sec:before{left: -405px;}
.service-circle-border.down.sec{right: 339px;}

.service-circle-border.down.third{top: 23px;right: 121px;}
.service-circle-border.down.third:before{height: 113px;bottom: -114px;}

.service-circle-border:after
{
-webkit-animation: sonarEffect 1s infinite;
animation: sonarEffect 1s infinite;
content: "";
border-radius: 50%;
position: absolute;
left: 13px;
top: 13px;
border: 1px solid #751e77;
}

@-webkit-keyframes sonarEffect {
0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #751e77, 0 0 0 10px rgba(255,255,255,0.5);}
100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #751e77, 0 0 0 10px rgba(255,255,255,0.5);
-webkit-transform: scale(1.3);}
}
@-moz-keyframes sonarEffect {0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #751e77, 0 0 0 10px rgba(255,255,255,0.5);}
100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #751e77, 0 0 0 10px rgba(255,255,255,0.5);
	-moz-transform: scale(1.3);}
}
@keyframes sonarEffect {0% {opacity: 0.3;}
40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #751e77, 0 0 0 10px rgba(255,255,255,0.5);}
100% {box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #751e77, 0 0 0 10px rgba(255,255,255,0.5);
transform: scale(1.3);}
}

.our-gallery{background:#000;}
.our-gallery h1:before{left:0;right:0;margin:0 auto;width:230px;}
.hovereffect-portfolio {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect-portfolio .overlayPort {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hovereffect-portfolio h2,
.hovereffect-portfolio img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.hovereffect-portfolio img {
    display: block;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.hovereffect-portfolio:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.hovereffect-portfolio h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
}
.hovereffect-portfolio ul.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    margin: 0 auto;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    height: 87%;
    width: 87%;
    position: absolute;
    padding: 25% 0 0 0;
    left: 0;
    right: 0;
    top: 6%;
}
.hovereffect-portfolio:hover ul.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background-color: transparent;
}
.hovereffect-portfolio ul {
    overflow:hidden;
}
.hovereffect-portfolio ul li a {
    color: #fff;
    font-size: 40px;
    display: block;
}
.hovereffect-portfolio:hover .overlayPort {
    background-color: rgba(117, 30, 119, 0.85);
}

.our-latest-events{background-color:#000;background-image:url(../images/event-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:0 330px;}
.our-latest-events h1:before{width:380px;left:0;right:0;margin:0 auto;}
.our-latest-events h5{font-size:24px;font-weight:500;color:#fff;text-transform:uppercase;}

footer{background:url(../images/footer-bg.jpg) no-repeat;background-size:cover;}
.fot-social-links ul{margin:0 0 0 60px;}
.fot-social-links ul li{display:inline-block;margin-right:5px;}
.fot-social-links ul li a{display:block;width:66px;height:66px;text-align:center;font-size:24px;border:1px solid #751e77;border-radius:50%;color:#751e77;padding-top:16px;}
.fot-social-links ul li a:hover{background:#751e77;color:#fff;}
.footer-links{border-top:1px solid #fff;border-bottom:1px solid #fff;}
.footer-links ul li{display:inline-block;margin: 0 30px;position:relative;}
.footer-links ul li:after{position:absolute;content:"";border-right:1px solid #fff;height:14px;top:3px;right: -30px;}
.footer-links ul li:last-child:after{display:none;}
.footer-links ul li a{color:#fff;font-weight:300;}
.footer-links ul li a:hover{color:#751e77;}

.copyrights p{color:#fff;}
.copyrights p span , .copyrights p a{color:#751e77;text-transform:uppercase;}

.inner-section{text-align:center;}
.inner-section h2{font-weight:900;font-size:80px;margin-top: 250px;margin-bottom:0;}
.inner-section p{font-size:32px;text-transform:uppercase;background:#7f3181;display:table;margin:0 auto;padding:0 10px;font-weight:300;}

.icon i:before{color:#fff;font-size: 150px;}
.about-content h6{font-size:32px;color:#751e77;margin-top: 30px;}
.about-content .relative{position:relative;}
.about-content .service-circle-border{position:static;margin:40px 0;}
.about-content .service-circle-border:after{display:none;}

.about-content .service-circle-border.right{float:right;}
.about-content .service-circle-border.right:before{position:absolute;content:"";border-bottom:1px solid #751e77;width: 818px;left: 0;bottom: -75px;}

.about-content .service-circle-border.left{float:left;}
.about-content .service-circle-border.left:before{position:absolute;content:"";border-bottom:1px solid #751e77;width: 818px;right: 0;bottom: -75px;}

.service-content{background:#000;}
.service-content .bg{background-size:cover;height:520px;background-repeat:no-repeat;}
.service-content h5{color:#fff;font-size:32px;font-weight:700;margin-top:100px;}

.events-content h5{font-size:24px;color:#fff;margin-top:0;}

.form-contact-us form input, .form-contact-us form textarea {
    width: 100%;
    border: 1px solid #751e77;
    color: #fff;
    padding: 10px;
	background:none;
}
.form-contact-us form textarea {
    height: 140px;
}
.contact-us h2 , .contact-us h4{color:#751e77;text-transform:uppercase;}
.follow-us-contact li {
    display: inline-block;
    padding: 10px 15px 0 0;
}
.follow-us-contact li a {
    font-size: 32px;
    color: #e1e1e1;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}
.follow-us-contact li a:hover{color:#751e77;}
.contact-us p a{color:#fff;}

#home .tab-home a, #about .tab-about a, #services .tab-services a, #events .tab-events a, #gallery .tab-gallery a, #contact .tab-contact a, #job .tab-job a {
    color: #751e77;
    font-weight: 700;
}

.footer-logo a {
    font-size: 30px;
    color: white;
    font-weight: 700;
    letter-spacing: 2px;
}
.lr-content img {
    width: 50%;
    float: left;
    margin-right: 50px;
}

.job-content ol li {
    margin-bottom: 12px;
}
.job-content ol {
    padding: 0;
    color: white;
    font-size: 15px;
    margin-bottom: 40px !important;
}

ul.nav.navbar-nav {
    float: right;
}
.fot-social-links.text-center {
    display: none;
}

.form-contact-us form textarea.feedback {
    height: 150px;
}