@font-face {
	font-family: 'gothic';
	src: url('../fonts/gothic.eot');
	src: local('gothic'), url('../fonts/gothic.woff') format('woff'), url('../fonts/gothic.ttf') format('truetype');
}
a, a:hover{text-decoration:none;}
.primary-color{color: #98009a;}
.secondary-color{color: #51ebaf;}
.logo{background: url(../img/inceptbuzz-logo.png) no-repeat; width: 216px; height: 65px;}
.carousel{margin-top: 85px;}
.carousel-caption{top: 25%; }
.carousel-caption h1{color:#51ebaf; font-size:114px; font-weight:800;  display:inline-block; text-transform: uppercase; position: relative; word-break: break-all; box-sizing: border-box; padding-left:30px;}
.carousel-caption h1:before{position: absolute; left: 0; top: 20px; height: 100px; width: 5px; background: #51ebaf; content: ""; display: block;}
.carousel-caption h1 span{font-size:50px; color: #51ebaf; font-weight: 300; text-transform:none; }
.carousel-caption p{font-size:50px; color: #dbc9e6; font-weight: 300; margin: 0;}

.header-bg{ display: block; position: relative;}

.social-header{ position: absolute; left: -50px; top:70px; z-index: 1;}
.social-header span{font-size: 11px; letter-spacing: 1px; text-transform: uppercase;margin-bottom: 40px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg); color: #000; display: block;}
.social-header i{font-size: 16px; color: #000; display: block;text-align: center;  margin: 10px 0;}
.social-header a i:hover { text-decoration: none;color: #98009a;}

.video-about{background: #fff; box-shadow: 0 2px 40px rgba(0,0,0,.10); position: relative;}
.video-about h2{font-size: 40px; color: #98009a; font-weight: 800; padding: 25px 0; margin: 0 0 30px; position: relative;}
.video-about h2:after{position: absolute; content: ''; height: 1px; background: rgba(0,0,0,0.2); width: 200px; bottom: -0px; left: 0;}
.video-content{padding: 40px 55px 40px 55px;}
.video-content iframe{border:0;}
.video-content p{color: #646464; margin: 0 0 20px; line-height: 22px;}
.smart{padding:30px 25px;}
.smart h3 {font-size: 26px; color: #fff; font-weight: 600; padding: 0px 0 20px; margin: 0 0 20px; position: relative;}
.smart h3:after{position: absolute; content: ''; height: 1px; background: rgba(255,255,255,0.2); width: 200px; bottom: -0px; left: 0;}
.smart marquee{max-height: 620px;}
.smart .smart-item{margin-bottom: 30px;}
.smart .smart-item h4{font-size: 26px; font-weight: 600; color: #51ebaf; margin: 0;}
.smart .smart-item h4 span{font-size: 80px;}
.smart .smart-item p{font-size: 18px; color: #fff; margin: 0; }
.heading-cntr{text-align: center; margin-bottom: 30px;}
.heading-cntr h2{font-size: 40px; color: #98009a; font-weight: 800; padding: 20px 0; margin: 0 0 20px; position: relative;}
.heading-cntr h2:after{position: absolute; content: ''; height: 1px; background: rgba(0,0,0,0.2); width: 200px; bottom: 0px; left: 50%; margin-left: -100px;}
.heading-cntr p{font-size: 20px; color: #646464;}
.work-gal{padding: 60px 0 0;}
.work-gal .thumb{box-shadow: 0 1px 1px rgba(0,0,0,0.1); margin: 5px; box-sizing: border-box; background: #fff; display: block; position: relative;} 
.work-gal .thumb:before{position: absolute; background: url(../img/play.png) no-repeat; height: 44px; width:44px; bottom:15px; right: 15px;  content: ''; z-index: 1;}
.work-gal .thumb img{width: 100%;}
.work-gal .thumb h5{font-size: 16px; font-weight: bold; color: #535353; margin: 15px 0 0 15px;}
.work-gal .thumb:hover h5{color: #98009a;}
.work-gal .thumb p{color: #a3a3a3; margin: 0 0 0 15px; padding-bottom:15px;}
.work-gal .thumb .c-logo{position: absolute; bottom: 15px; left: 15px; z-index: 1; width: auto;}

.tint {position: relative;overflow: hidden; display: block;}
.tint img{filter: grayscale(50%);}
.tint img:hover{filter: grayscale(0) ;transition: 0.2s;}
.tint:after {content: "";display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background:rgba(9, 117, 108, 0.4);
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;filter: contrast(300%)
}
.tint:hover:after {background: none; transform: translate(-100%, 0%); }

.t2:after {background:rgba(112, 20, 128, 0.4);}
.t3:after {background:rgba(38, 10, 105, 0.4);}
.t4:after {background:rgba(22, 140, 123, 0.4);}
.t5:after {background:rgba(38, 36, 39, 0.4);}
.t6:after {background:rgba(110, 21, 111, 0.4);}
.t7:after {background:rgba(23, 31, 130, 0.4);}
.t8:after {background:rgba(44, 74, 64, 0.4);}

.services{color: #fff; padding-top: 60px;}
.services h3{font-size: 32px; text-transform: uppercase; font-weight: bold; margin: 0 0 25px; width: 100%; display: block;}
.services ul{margin: 0 ; padding: 0; list-style-type: none;}
.services ul li{position: relative;letter-spacing: .5px; padding: 0 0 0 20px; font-size: 18px; margin-bottom:15px;}
.services ul li:before{position: absolute; content: "\f105"; font-family:'FontAwesome'; color: #fff; left: 0;}
.services .blocks{padding: 25px; height:360px; box-sizing: border-box;  margin-top: 20px; position: relative;}
.content{background: #51ebaf;}
.content:after{background: url(../img/content.png) no-repeat; position: absolute; right: 0; bottom: 0; content: ''; height: 138px; width: 138px; }
.media{background: #98009a;}
.media:after{background: url(../img/media.png) no-repeat; position: absolute; right: 0; bottom: 0; content: ''; height: 155px; width: 156px; }
.marketing{background: #00005c;}
.marketing:after{background: url(../img/marketing.png) no-repeat; position: absolute; right: 0; bottom: 0; content: '';   height: 116px; width:116px; }
.advertising{background: #556369;}
.advertising:after{background: url(../img/advertising.png) no-repeat; position: absolute; right: 0; bottom: 0; content: ''; height:  127px; width: 179px;}

.team{text-align: center; padding: 60px 0;}
.team img{margin-top: 30px;}

.subscribe{background: #f4f4f4; padding: 30px 0 40px;}
.subscribe h3{font-size: 40px; color: #c5bccb; margin: 0 0 20px; font-weight: bold; display: inline-block}
.subscribe span{font-size: 12px;}
.subscribe input, .subscribe textarea{border-color:white; font-size: 18px; color: #696969; margin-bottom: 20px; padding:10px 15px;}
.subscribe textarea{margin-bottom: 0;}
.subscribe input:focus, .subscribe textarea:focus{box-shadow: none;}
.subscribe input[type="button"]{ height: 100%; font-size: 24px;border-color:#98009a; color: #fff;}
#returnmessage{color: #98009a}

.footer{background: url(../img/footer-map.png) no-repeat center 30px #0c0d22; padding: 90px 0 300px 0;}
.footer img{float: left;}
.footer p{display: inline-block; padding-left: 10px; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: .5px; float: left; width: 79%; margin-top: 5px;}
.footer .f-social{margin-top: 20px;}
.footer .f-social a{margin-left: 5px; display: inline-block;}
.footer .f-social i{color: #fff; font-size: 16px; border-radius: 100%; height: 29px; width: 29px; text-align: center; display: inline-block; line-height: 29px;}
.footer .f-social .fa-facebook-f{background: #4268c7;}
.footer .f-social .fa-twitter{background: #1197ff;}
.footer .f-social .fa-google-plus{background: #fc5640;}
.footer .f-social .fa-youtube-play{background: #ff2d4b;}
.footer .f-social .fa-linkedin{background: #4f7dc1;}
.footer .f-social .fa-pinterest-p{background: #c61515;}
.footer .f-social .fa-vimeo{background: #08d0d7;}
.copyright{text-align: center; color: #536698; margin: 80px 0 0;}

.modal .close{position: absolute; right: 10px; top: 5px; color: white; text-shadow: none; z-index: 1;}
.modal-body{padding: 50px 50px 30px; text-align: center; color: white; background: url(../img/know-pattern.png) repeat center;}
.modal-body h3{font-size: 26px; color: #fff;font-weight: 600; padding: 0px 0 20px;margin: 0 0 30px;position: relative;}
.modal-body h3:after{position: absolute; content: ''; height: 1px; background: rgba(0,0,0,0.2); width: 200px; bottom: 0px;   left: 50%; margin-left: -100px;}
.modal-body img{margin-bottom: 20px;}
.modal-body h5{color: #51ebaf; font-weight: bold;}







@media (max-width:768px) {
	.video-content{padding: 20px ;}
	.video-content iframe{width: 100%; height: auto;}
	.services .blocks{height: auto;}
	.logo{ width: 190px;  background-size: 90%;  margin-top: 6px; height: 58px;}
	.social-header{display: none;}
	.carousel-caption{top:0; text-align: center;}
	.carousel-caption h1 {font-size: 40px; height: auto; margin:0px 0 0 0px; text-align: center; padding: 0; }
	.carousel-caption h1 span{font-size:20px; display: block;}
	.carousel-caption p{font-size:18px; margin-bottom:0;}
	.carousel-caption h1:before{display: none;}
	.footer{text-align: center; padding-bottom: 100px}
	.footer img{float: none;}
	.footer p{display:block; float: none; width:100%; margin: 10px 0 35px;}

    
}