/********************
COLOR SCHEME
Light Black : #353535;
Parrot Green : #b9c127;
Pink : #c02f89;
white : #ffffff;
Light Gray : #f4f4f4;
*********************
FONT USED
font-family: 'Alegreya Sans SC';
font-family: 'Tiempo';
*********************/
/*GLOBAL STYLE*/
body{background:#ffffff;overflow-y:scroll; } 
a img {border: none;}
li {list-style: none;}
.clearfix{clear:both; overflow:hidden;}
a{text-decoration: none !important;outline: none;}
h1,h2,h3,h4{color:#353535; font-family:'Alegreya Sans SC';}
h5,h6,p,a,a:hover{color:#353535; font-family:'open sans';outline:none !important;}
.black_bg{background:#000;}
.green_bg{background:#b9c127;}
.anti_rotate{transform: rotate(180deg);}
/*.rotate{transform: rotate(-180deg);}*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number]{-moz-appearance:textfield;}
#header_top .nav_mob{display: none;}
/*END OF GLOBAL STYLE*/
/*#web-wrapper{left:0; width:100%; position:absolute;}
#page-wrapper{position:fixed;min-height:700px;background:#262626;right:-96%;width:96%;padding:1% 21% 2% 2%;}
#page-wrapper .pclose{position: absolute; top: 20px;right: 20px;cursor:pointer;}
#page-wrapper h1,#page-wrapper h2,#page-wrapper h3,#page-wrapper h4,#page-wrapper h5,#page-wrapper h6,#page-wrapper p,#page-wrapper a{color:#8D8D8D; font-family:'arial';}
#page-wrapper ul{padding-left:0;}
#career-wrapper ul li a{font-size:16px;}
#career-wrapper ul li a:hover{color:#b9c127;}
#page-wrapper input,#page-wrapper textarea,#page-wrapper select{background:#363636;border: none;outline: none;font-family:'arial';}
#page-wrapper input[type="text"],#page-wrapper input[type="email"],#page-wrapper input[type="number"],#page-wrapper input[type="date"],#page-wrapper input[type="url"]{padding: 8px 10px;border-radius: 5px;margin-right: 10px;}
#page-wrapper textarea{padding: 8px 10px; border-radius: 5px;min-height:120px;}
#page-wrapper select{padding: 8px 10px; border-radius:5px; margin-right:10px;}
#page-wrapper span{margin-right:5%;}
#page-wrapper input[type="radio"]{font-family:'arial';}
#page-wrapper input[type="checkbox"]{font-family:'arial';}
#page-wrapper input[type="submit"]{background:#1b1b1b;color:#b9c127;padding:7px 15px;border-radius:5px;border:1px solid #333;}
#page-wrapper .half{max-width:400px; width:100%;}
#page-wrapper .full{max-width:813px; width:100%;}*/


#web-wrapper{left:0; width:100%; position:absolute;}
#page-wrapper{/*position:fixed;min-height:700px;*/background:#262626;/*right:-96%;width:96%;*/padding:6% 3% 4% 3%;}
#page-wrapper .pclose{position: absolute; top: 20px;right: 20px;cursor:pointer;}
#page-wrapper h1,#page-wrapper h2,#page-wrapper h3,#page-wrapper h4,#page-wrapper h5,#page-wrapper h6,#page-wrapper p,#page-wrapper a{color:#8D8D8D; font-family:'arial';}
#page-wrapper ul{padding-left:0;}
#career-wrapper ul li a{font-size:16px;}
#career-wrapper ul li a:hover{color:#b9c127;}
#page-wrapper input,#page-wrapper textarea,#page-wrapper select{background:#363636;border: none;outline: none;font-family:'arial';}
#page-wrapper input[type="text"],#page-wrapper input[type="email"],#page-wrapper input[type="number"],#page-wrapper input[type="date"],#page-wrapper input[type="url"]{padding: 8px 10px;border-radius: 5px;margin-right: 10px;width:100%;}
#page-wrapper textarea{padding: 8px 10px; border-radius: 5px;min-height:120px;width:100%;}
#page-wrapper select{padding: 8px 10px; border-radius:5px; margin-right:10px;}
#page-wrapper span{margin-right:5%;}
#page-wrapper input[type="radio"]{font-family:'arial';}
#page-wrapper input[type="checkbox"]{font-family:'arial';}
#page-wrapper input[type="submit"]{background:#1b1b1b;color:#b9c127;padding:7px 15px;border-radius:5px;border:1px solid #333;}
#page-wrapper .half{max-width:400px; width:100%;}
#page-wrapper .full{max-width:813px; width:100%;}



#menu-wrapper{position:fixed;height:1700px;background:#262626;right:-20%;width:20%;color:#8d8d8d;background-image: url("../images/menu_logo.png");background-repeat: no-repeat;background-size: 27% 39%;background-position:100% 0;border-left:1px dotted #8D8D8D;}
#menu-wrapper a:hover,#menu-wrapper a:focus{color:#c7c936;}
#menu-wrapper li, #menu-wrapper a{color:#8d8d8d;font-family:'arial';}
#menu-wrapper .close{text-align: right;padding:0px 20px;margin-top:20px;}
#menu-wrapper .close img{cursor:pointer; transition: all 0.5s ease 0s;}
#menu-wrapper #menu-top{margin-top:25px;}
#menu-wrapper #menu-top li{padding: 5px 0;}
#menu-wrapper #menu-top li a{font-weight: bold;}
#menu-wrapper #menu-center{margin:25% 0;}
#menu-wrapper #menu-center .dash{border-top:2px solid #8d8d8d;width:30px;}
#menu-wrapper #menu-center li{padding: 5px 0;}
#menu-wrapper #menu-center li a{}
#menu-wrapper #menu-bottom{}
#menu-wrapper #menu-bottom li{padding: 15px 0px;}
#nav_trig{display: block;cursor:pointer;height:28px;margin-top:10px;}
#nav_trig span{border: 2px solid #ec297d;position: relative;right: 0px;margin-top: 4px;display: block;float: right;}
#nav_trig .bar-1{width: 60%;}
#nav_trig .bar-2{width: 60%;}
#nav_trig .bar-3{width: 60%;}
#header_top{border-bottom:1px solid #f4f4f4;overflow:hidden; display:block;position: fixed;width: 100%;z-index: 2900;box-shadow: 0px 0px 5px 1px #fff;}
#header_top .interior_go h4:after{content: url('../images/go.png');position:relative;top:4px;margin-left:8px;}
.header_top_digital{border-bottom:1px solid #f4f4f4;padding: 10px 0;}
#header_top .sm-1{width:71px;}
.logo img{max-width:160px;}
#menu_trigger{padding:8px; background:#b9c127; width:56px; cursor:pointer;}
#menu_trigger img{width:40px;}
.menu_item{background:#b9c127;padding:0;display:none;overflow:hidden;}
.menu_item .btn{border:1px solid #333333; border-radius: 0px;}
#banner{background:#f4f4f4;padding: 40px;font-family:'GT Haptik Trial';line-height:1em;}
.banner-img{background: transparent url("../images/CI_08.png") repeat scroll 100% 100% / 100% 150% !important;}
#banner a{font-family:'GT Haptik Trial';}
#digital_caption a{color:#b9c127;text-decoration:none;font-weight:bold; position: relative;}
#contact-wrapper{/*display:none;*/}
#career-wrapper{display:none;}
#rp-wrapper{display:none;}
#footer{background:#262626;border-top:1px solid #8b8b8b;padding:40px 0;overflow: hidden;}
#footer .social{text-align:right;padding-right: 7%;}
#footer .social img, #menu-wrapper .social img{max-width:34px;margin-left: 5px;}
#footer .social a, #menu-wrapper .social a{outline: none;}
#footer .social a:hover, #menu-wrapper .social a:hover{opacity: 0.5;}
.vid{top: 0;left: 0;width: 100%;height: 100%;}	
#footer .flogo{}
#footer .flogo p{color:#fff; margin-top:15px;}
#footer .fcompany h3,#footer .fservices h3, #footer .ftouch h3{color:#ec297d;margin-bottom: 45px;}
#footer .fcompany,#footer .fservices, #footer .ftouch{padding-left:8%;}
#footer .fcompany a,#footer .fservices a, #footer .ftouch a{color:#fff;}
#footer .social p{margin-top:20px;font-size:12px;color:#fff;}
.contact-details{padding:0;}
.contact-details .label{padding:0;}
.contact-details span{font-size:14px;margin-right:1% !important;display:block;text-align:left;margin-top:5px;}
.contact-details h3{margin-bottom:30px;}
.menu ul li{display: inline-block;padding: 7px 10px;}
.menu ul li a{color:#fff;font-family: 'Alegreya Sans SC';padding: 20px 10px;font-weight: 600;letter-spacing: 2px;transition: all 0.3s ease-out 0s;font-size:16px;}
.menu{text-align: center;}
.menu ul li a:hover:after{content: '';
position: relative;
bottom: 0;
left: 0;
width: 100%;
border-bottom: 2px solid #a78520;
transition: 0.4s;
top: 20px;}
.menu ul li a:hover{color:#e6246d;}
.it-btn{
	display: inline-block;
    height: 44px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 25px;
    color: #00aeef;
    font-size: 15px;
    border: 2px solid #00aeef;
    text-align: center;
    font-weight: 400;font-family: 'Alegreya Sans SC';
}
.it-btn:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    border-radius: 50%;
    display: block;
    width: 300px;
    height: 300px;
    line-height: 20em;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    -webkit-transition: box-shadow 0.5s ease-out;
    transition: box-shadow 0.5s ease-out;
    z-index: -1;font-family: 'Alegreya Sans SC';
}
.it-btn:hover::before {
    box-shadow: inset 0 0 0 10em #00aeef;
    color:#fff !important;font-family: 'Alegreya Sans SC';
}


canvas {display: block;vertical-align: bottom;}
#particles-js{position: absolute;width: 100%;height: 100%;z-index: 999;height:100vh;}
.text {position: absolute;top: 50%;right: 50%;transform: translate(50%,-50%);color: $text;max-width: 90%;padding: 2em 3em;background: rgba(0, 0, 0, 0.4);text-shadow: 0px 0px 2px #131415;font-family: 'Open Sans', sans-serif;}

.single-card {
  box-shadow: 0 1px 12px 2px rgba(0, 0, 0, 0.1);
  padding: 3rem;
}
.text-center {
  text-align: center !important;
}
.offset-4 {
  margin-left: 33.33333333%;
}






/*RESPONSIVE*/
@media(min-width: 992px){
	#banner{font-size: 5.5em;}
}
@media(min-width: 768px){
	.menu_item .sm-4{border-right:1px solid #4a4c4f;min-height: 140px; padding: 15px;}
	.menu_item .sm-4:last-child{border-right:none;}
	.logo{margin-left:20px;}
	#digital_caption a::after{background-color:#b9c127;}
	#interior_caption a::after{background-color:#c02f89;}
	#digital_caption a::after, #interior_caption a::after{content: ''; display:inline-block; position:absolute; bottom:8px; left:0; width:0; height:8px; -webkit-transition: width 0.25s;transition: width 0.25s;}
	#digital_caption a:hover::after, #interior_caption a:hover::after{width:100%;}		
}
@media(max-width: 1199px){
	.menu_item{width:75%;}
	.inner-box-green{min-height:auto;font-size: 20px;}
	.inner-box-gray{min-height:auto;font-size: 20px;}
	.innerbox-1, .innerbox-2{margin: 30px 0px;}
}
@media(min-width: 768px) and (max-width: 992px){
	.menu_item .sm-4{min-height: 160px;}
	#banner{font-size: 3.5em;}
	.inner-box-green p, .inner-box-gray p{font-size:13px;}
	.inner-box-green h3, .inner-box-gray h3{font-size:14px;margin-top:0;}
	.innerbox-1,.innerbox-2{font-size:14px;margin:40px 0; padding:15px;}
}

@media(max-width: 992px){
	.interior_go{/*width:38%;*/float:left;}
	#menu-wrapper{width: 80%;right:-80%;}
	#menu-wrapper{background:#262626 url("../images/menu_logo.png") no-repeat scroll 100% 0% / 14% 35%;}
	#menu-wrapper #menu-center{margin: 10% 0px;}
	#page-wrapper{width:100%;right:-100%;background: #262626;}
	.interior_go{padding:0px;}
	#page-wrapper input[type="text"],#page-wrapper input[type="email"],#page-wrapper input[type="number"],#page-wrapper input[type="date"],#page-wrapper input[type="url"]{margin-top: 10px;}
}

@media(max-width: 768px){
	#banner{font-size:2.3em; padding:15px;}
	.box-1,.box-3,.box-5,.box-2,.box-4,.box-6{padding:7.5px 0;}
	.inner-box-1,.inner-box-2,.inner-box-3{padding:7.5px 0;}
	.innerbox-1, .innerbox-2{margin: 15px 0px; font-size:12px;}
	.logo{float:left;}
	.hire_button{display:none;}
	.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{margin-left:29%;}
	#header_top .menu{display: none;}
	#header_top .call{display: none;}
	#header_top .nav_mob{display: block;}
	#footer .flogo{display: none;}
	#particles-js{height:60vh;}
	#contentWrapper{min-height: auto !important;}
	.testemonials p{font-size: 13px;}
}

@media(max-width: 480px){
	.interior_go{display:none;}
	.nbs-flexisel-item img{max-width:250px;}
}