@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { }
.padding0 { padding: 0 !important }
.paddingL0 { padding-left: 0 !important }
.paddingR0 { padding-right: 0 !important }
.paddingT20 { padding-top: 20px !important }
.marginT10 { margin-top: 10px; }
.spacer5 { height: 5px; clear: both; display: block; }
.spacer10 { height: 10px; clear: both; display: block; }
.spacer20 { height: 20px; clear: both; display: block; }
.ol, ul, li { list-style: none; }
ul { padding: 0; margin: 0 !important; }
a, a:hover { text-decoration: none !important; }
.clear { clear: both }
@font-face { src: url(../font/AAARGH.TTF); font-family: aaargh; }
/***** Header ****/
header { position: absolute; top: 0; z-index: 9; width: 100%; }
header .active a { color: #fff !important; }
header .top_part { background: #3ab54a; padding: 10px 0; }
header .top_part .ct_dt { float: left; }
header .top_part .ct_dt li { float: left; padding: 0 30px 0 0; }
header .top_part .ct_dt li a { color: #000; font-size: 14px; }
header .top_part .ct_dt li a i { font-size: 16px; color: #000; float:left; padding:2px 5px; }
header .top_part .sc_list { float: right; }
header .top_part .sc_list li { float: left; padding: 0 10px 0; border-right: 1px solid #a1a1a1; }
header .top_part .sc_list li:last-child{ border-right:none;}
header .top_part .sc_list li a { color: #fff; font-size: 15px; }
.logo { left: 41%; position: absolute; top: 0; z-index: 99; }
header .navbar.navbar-inverse { background: rgba(255, 255, 255, 0.6); border: none; border-radius: 0; min-height: auto; margin: 0; padding: 30px 0; }
header .navbar.navbar-inverse .navbar-inverse { background: none; }
header .nav_one { float: left; }
header .nav_one li { float: left; padding: 0 50px 0 0; }
header .nav_one li a { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #2e3192; }
header .nav_one li a:hover, header .nav_two li a:hover { color: #fff; }
header .nav_two { float: right; }
header .nav_two li { float: left; padding: 0 0 0 50px; }
header .nav_two li a { font-size: 18px; text-transform: uppercase; font-weight: bold; color: #2e3192; }
.mobile_nav { display: none; }
/*********************************/
.mobile_nav { background: rgba(0, 0, 0, 0.8); padding: 15px 0; }
.mobile_nav h3 { color: #fff; float: left; margin: 0; }
/******* Mobile_nav ********/
ul, li { list-style: none; margin: 0; }
.wrap { width: 20%; float: right; }
#flip { line-height: 20px; font-size: 25px; cursor: pointer; width: 100%; text-align: right; margin: 0; color: #fff; }
#demo { margin: 45px 0 0 !important; width: 100%; display: none; padding: 10px; }
#demo li { padding: 5px 0; line-height: 30px; }
#demo li a { color: #fff; font-size: 18px; text-transform: uppercase; }
.mobile_nav { display: none; }
/********** Banner ************/

.banner { position: relative; top: 40px; }
.banner img { width: 100%; }
.heading_title { text-align: center; margin: 0 0 30px; }
.heading_title h2 { text-transform: uppercase; }
.heading_title img { margin: 0 auto; }
.banner .carousel-control.left, .banner .carousel-control.right { background: none; }
.banner .carasoul_caption { position: absolute; right: 10%; top: 35%; width: 40%; }
.banner .carasoul_caption p { font-size: 40px; color: #fff; font-family: aaargh; }
/****** About_us ******/
.about_us { padding: 80px 0 0; }
.about_text { background: #3ab54a; padding: 60px 50px; height: 450px; }
.about_text p { line-height: 28px; font-size: 18px; color: #fff; }
.about_text button { background: #2e3192; border: none; padding: 10px 30px; margin: 10px 0; border-radius: 10px; color: #fff; font-size: 24px; text-transform: uppercase; }
.about_text button:hover { background: #fff; color: #2e3192; }
.about_image { height: 450px }
.about_image img { height: 100%; width: 100%; }
/**** Services ******/
.services { padding: 80px 0 0; }
.service_one { height: 330px; text-align: center; border: 1px solid #3ab54a; padding: 20px; margin: 0 0 30px; }
.service_one:hover { border-color: #2e3192; }
.ad_service { background: #3ab54a; width: 100px; height: 100px; margin: 0 auto; padding: 10px; }
.ad_service:hover { background: #2e3192; }
.ad_service img { margin: 0 auto; }
.service_one h3 a { color: #000; font-size: 20px; text-decoration: underline !important; text-transform: uppercase; }
.service_one h3 a:hover { color: #2e3192; }
.service_one p a { font-size: 16px; color: #2a2a2a; }
.service_one.explore_button { padding: 50% 0; }
.service_one.explore_button a { background: #2e3192; padding: 10px; border-radius: 5px; color: #fff; font-size: 16px; text-transform: uppercase; }
.service_one.explore_button a:hover { background: #3ab54a; }
/***** Industry *********/
.indusrty { padding: 80px 0 0; }
.links { background: url(../images/industry_back.jpg) no-repeat; background-attachment: fixed; height: 650px; background-size: cover; padding: 80px 0; }
.link_one { height: 250px; background: url("../images/back_logo.png") no-repeat scroll center center #2e3192; text-align: center; padding: 40px 20px; }
.link_one p { color: #3bb94b; font-size: 18px; }
.link_one h3 { color: #3bb94b; font-weight: bold; line-height: 30px; font-size: 22px; }
.link_two { background: url("../images/back_logo.png") no-repeat scroll center center #3bb94b; }
.link_two p { color: #2e3192; }
.link_two h3 { color: #2e3192; }
/** Clients **/
.clients { padding: 80px 0; }
/******* footer *****/
footer { background: url(../images/footer.jpg) no-repeat; background-attachment: fixed; background-size: cover; height: 382px; padding: 50px 0; border-top: 5px solid #606060; }
.foot_one.right{ padding:0 85px 0 0;}
.foot_one h3 { margin: 0; text-transform: uppercase; font-weight: bold; color: #606060; }
.foot_one p{ margin:10px 0 0 0; font-size:18px; color:#606060;}
.foot_one ul li { border-bottom: 1px solid #606060; line-height:42px; }
.foot_one ul li:last-child { border: none; }
.foot_one ul li a { color: #606060; font-size: 16px; }
.foot_one ul li:first-child{ color: #606060; font-size: 16px;}
.foot_one ul li a:hover { color: #fff; }
.foot_one ul li:hover{ color:#fff;}
.foot_two ul li .fa,.foot_two ul li a .fa{ padding:0 6px 0 0;}
.foot_two ul li { line-height: 60px; }
.foot_one.foot_three{ float:right;}
.foot_one.foot_three li, .foot_one.foot_three li:last-child { border: 2px solid #606060; border-radius: 30px; float: left; height: 50px; text-align: center; width: 50px; margin: 0 20px 0 0; cursor: pointer;line-height:47px; }
.foot_one.foot_three ul li:hover { border-color: #fff; }
.foot_one.foot_three ul li:hover a i { color: #fff; }
.foot_one.foot_three ul { padding: 20px 0 30px 0; overflow: hidden; }
.foot_one.foot_three li a { font-size: 24px; }
.copyrights { text-align: center; background: #606060; padding: 15px 0; }
.copyrights p { margin: 0; color: #fff; }
/*** About_us Page *****/
.about_banner { background: url(../images/about_banner.jpg) no-repeat; height: 600px; background-size: cover; background-attachment: fixed; background-position: center center; text-align: center; }
.banner_caption { position: absolute; left: 25%; top: 45%; }
.banner_caption p { color: #fff; font-family: aaargh; font-size: 40px; text-transform: uppercase; font-weight: bold; }
.why_differ { padding: 80px 0; }
.differ_text p { line-height: 30px; font-size: 18px; }
.reason_one { position: relative; }
.reason_one p { color: #fff; font-size: 15px; font-weight: bold; line-height: 20px; position: absolute; right: 10%; top: 35%; width: 60%; }
.six_reason { padding: 80px 0 120px; background: #eee; }
.our_team { background: url(../images/team_back.jpg) no-repeat; height: 500px; background-attachment: fixed; background-size: cover; background-position: center center; padding: 100px 0; }
.our_team h2 { color: #fff; }
.our_team p { text-align: center; color: #fff; font-size: 20px; line-height: 36px; }

/*** Services page ****/

.service_banner { background: url(../images/service_banner.jpg) no-repeat; height: 600px; background-size: cover; background-attachment: fixed; background-position: center center; text-align: center; position:relative; }
.service_banner .carousel-control.left, .banner .carousel-control.right { background: none; }
.service_banner .banner_caption{position:absolute;left:17%;top:45%;right:17%;}
.service_banner .banner_caption p { font-size:40px; color: #fff; font-family: aaargh; font-weight:bold; }
.strgy{ padding:0 0 80px 0;}
.strgy .strgy_big{padding:35px 0 0 0;}
.strgy .strgy_big .strgy_app h2{ font-size:24px; color:#2e3192; margin:0 0 5px 0;}
.strgy .strgy_big .strgy_app p{ font-size:18px; color:#000; }
.strgy .strgy_big .strgy_app ul{}
.strgy .strgy_big .strgy_app ul li{line-height:25px; display:block;}
.strgy .strgy_big .strgy_app ul li span{ font-size:16px; color:#585858;  }
.strgy .strgy_big .strgy_app ul li .fa{ padding:0 6px 0 0;}
.strgy .ad_group{ padding:30px 0 0 0;}
.strgy .ad_group h2{ padding:0 0 0 15px ; font-size:24px; color:#2e3192;}
.strgy .ad_group ul{}
.strgy .ad_group  ul li{line-height:25px;display:block;}
.strgy .ad_group ul li span{ font-size:20px; color:#585858;  }
.strgy .ad_group  ul li .fa{ padding:0 12px 0 0;font-size:18px;}
/**********************/
.avrtsng{ background:#eae9e9; padding:105px 0;}
.avrtsng .avrtsng_txt {}
.avrtsng .avrtsng_txt h2{font-size:24px; color:#2e3192;}
.avrtsng .avrtsng_txt p{ font-size:18px;color:#000;}
.avrtsng .avrtsng_group{}
.avrtsng .avrtsng_group h2{font-size:24px; color:#2e3192;}
.avrtsng .avrtsng_group ul{}
.avrtsng .avrtsng_group ul li{ line-height:30px; display:block;}
.avrtsng .avrtsng_group ul li span{ font-size:20px; color:#585858;}
.avrtsng .avrtsng_group ul li .fa{ padding:0 12px 0 0;font-size:18px;}
.avrtsng .avrtsng_group .col-sm-5{ padding:0;}
/************************/
.mdia{  padding:80px 0 70px 0;}
.mdia .avrtsng_txt {}
.mdia .avrtsng_txt h2{font-size:24px; color:#2e3192;}
.mdia .avrtsng_txt p{ font-size:18px;color:#000;}
.mdia .avrtsng_group{}
.mdia .avrtsng_group h2{font-size:24px; color:#2e3192;}
.mdia .avrtsng_group ul{}
.mdia .avrtsng_group ul li{ display:block; line-height:30px;}
.mdia .avrtsng_group ul li span{ font-size:20px; color:#585858; }
.mdia .avrtsng_group ul li .fa{ padding:0 12px 0 0;font-size:18px;}
.mdia .avrtsng_group .col-sm-5{ padding:0;}


/*** clients page ****/
.clients_banner { background:url(../images/client-bnnr.jpg) no-repeat; height: 600px; background-size: cover; background-attachment: fixed; background-position: center center; text-align: center; position:relative; }
.clnt{ background:#eae9e9; padding:80px 0;}
.clnt .clnt_bx{ padding:25px 0 0 0;}
.clnt .clnt_bx a img{ margin:0 0 30px 0;}


/*** industry page ****/
.indstry_banner { background:url(../images/industry-bnnr.jpg) no-repeat; height: 600px; background-size: cover; background-attachment: fixed; background-position: center center; text-align: center; position:relative; }
.indstry_banner .banner_caption {position: absolute;left:12%;top: 45%;right:12%;}
.indstry_banner .banner_caption p{ font-size:40px ;color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.indstry{ padding:80px 0;}
.indstry .indstry_bx{ padding:25px 0 0 0;}
.indstry .indstry_bx .vdeo_sec h2{ margin:0 0 30px 0;font-size:26px; color:#2e3192;}
.indstry .indstry_bx .vdeo_sec img{ width:100%; height:330px;}
.indstry .indstry_bx .app1{margin:0 0 30px 0;  padding:15px;height:193px; background:#2e3192;}
.indstry .indstry_bx .app1 h2{padding:0 0 8px 0;font-size:20px; color:#c9c9c9;border-bottom:1px solid #fff;margin:0;}
.indstry .indstry_bx .app1 p{ font-size:18px; color:#fff;padding:8px 0 0 0;}


/***contact page****/
.cntct_banner { background:url(../images/contact-bnnr.jpg) no-repeat; height: 600px; background-size: cover; background-attachment: fixed; background-position: center center; text-align: center; position:relative; }
.cntct{ padding:70px 0;}
.cntct .cntct_bx{background:#eee; overflow:hidden; padding:40px 30px; }
.cntct .cntct_bx .cntct_input{}
.cntct .cntct_bx .cntct_input input{ font-size:16px; color:#606060;height: 52px;background: #fff;border: 0;width: 100%;padding: 0 15px;margin: 0 0 20px 0;border-radius: 4px;}
.cntct .cntct_bx .cntct_input textarea{height:200px;resize:none;background: #fff;border: 0;width: 100%;padding:15px;margin: 0 0 20px 0;border-radius: 4px;}
.cntct .cntct_bx .cntct_input a{ background:#3ab54a; color:#fff; text-transform:uppercase; font-size:20px; display:inline-block; padding:13px 36px;border-radius:4px;}
.cntct .cntct_bx .cntct_hlf{}
.cntct .cntct_bx .cntct_hlf .adrs ul li { line-height: 30px;padding: 10px 0;font-size:16px; color:#606060;}
.cntct .cntct_bx .cntct_hlf .adrs ul li a{font-size:15px; color:#606060;}
.cntct .cntct_bx .cntct_hlf .icon li,.icon li:last-child { border: 2px solid #606060; border-radius: 30px; float: left; height: 50px; text-align: center; width: 50px; margin: 0 3px 0 0; cursor: pointer; padding:7px  0 0 0; }
.cntct .cntct_bx .cntct_hlf .adrs ul li a i{ color:#606060;padding:0 3px 0 0;}
.cntct .cntct_bx .cntct_hlf .icon ul li a i { color: #606060; }
.cntct .cntct_bx .cntct_hlf .icon ul { padding: 20px 0 30px 0; overflow: hidden; }
.cntct .cntct_bx .cntct_hlf .icon li a { font-size: 24px; }

/************* ***************/
 @media screen and (max-width: 1024px) {
.mobile_nav { display:block; }
header .navbar { display:none; }
.banner .carasoul_caption { top: 30%; }
.banner .carasoul_caption h3 { font-size: 24px; }
.about_text { height: 400px; padding: 20px; }
.about_image { height: 400px; }
.reason_one p { font-weight: normal; top: 30%; right: 6%; width: 68%; }
.banner_caption { top: 40%; left: 18%; }
.our_team { height: auto; }
.strgy .ad_group ul li span{  font-size:17px;}
.avrtsng .avrtsng_group ul li span{ font-size:14px;}
.indstry .indstry_bx .app1 p{ font-size:16px;}
.indstry_banner .banner_caption p{ font-size:38px;}
.cntct .cntct_bx{ padding:40px 15px;}
.cntct .cntct_bx .cntct_hlf .foot_one.icon li, .foot_one.icon li:last-child{ margin:0 10px 0 0;}
.service_banner .banner_caption{left:12%;right:12%;}
.indstry_banner .banner_caption{ left:7%; right:7%;}

}
 @media screen and (max-width: 981px) {
header .top_part .ct_dt li { float: none; }
.banner .carasoul_caption { width: 60%; top: 50%; }
.banner .carasoul_caption p { font-size: 20px; }
.logo { left: 35%; }
.about_text { margin: 0 0 30px; }
.about_text, .about_image { height: auto; }
.links { height: auto; }
.link_one { margin: 5px; }
.clients .carousel .item div { margin: 0 0 20px; }
footer { height: auto; }
.foot_one { margin: 0 0 30px; }
.service_one.explore_button { padding: 47% 0; }
.strgy .strgy_image { padding: 40px 0;}
.strgy .ad_group ul li span {font-size: 14px;}
.indstry .indstry_bx .vdeo_sec img{ height:auto;}
.indstry .indstry_bx .vdeo_sec{margin: 0 0 40px 0;}
.indstry_banner .banner_caption p{ font-size:37px;}
.foot_one.foot_three{ float:left;}
footer .foot_one.right{ padding:0;}
.indstry_banner .banner_caption{ left:5%; right:5%;}
}
 @media screen and (max-width: 768px) {
.banner_caption { left: 5%; top: 50%; }
.reason_one .img-responsive { width: 100%; }
.reason_one p { font-weight: bold; top: 40%; right: 10%; width: 60%; }
.service_banner .banner_caption{left:0; right:0;}
.indstry_banner .banner_caption p{ font-size:29px;}
.service_banner .banner_caption p{ font-size:33px;}
}
 @media screen and (max-width: 767px) {
.service_one { height: auto; }
.service_one.explore_button { height: auto; padding: 5% 0; border: none; }
.link_one { height: auto; }
.strgy .ad_group ul li span{  font-size:20px;}
.avrtsng .avrtsng_group ul li span{ font-size:20px;}
.strgy .ad_group ul{ padding:0 0 25px 0;}
.avrtsng .avrtsng_group ul{ padding:0 0 25px 0;}
.mdia .avrtsng_group ul{ padding:0 0 25px 0;}
.indstry .indstry_bx .app1{ height:130px;}
.indstry .indstry_bx .app1 p{ font-size:18px;}
.avrtsng .avrtsng_group .col-sm-4,.avrtsng .avrtsng_group .col-sm-3{ padding:0;}
.mdia .avrtsng_group .col-sm-7{ padding:0;} 
.cntct .cntct_bx .cntct_hlf{ margin:35px 0 0 0;}
.cntct .cntct_hlf .col-sm-6{ padding:0;}
.cntct .cntct_bx .cntct_hlf .adrs ul li a{ font-size:18px;}
.cntct .cntct_bx .cntct_hlf .adrs ul li{font-size:18px;}
.service_banner .banner_caption p{ font-size:28px;}
.service_banner .banner_caption{left:6%; right:6%;}
}
 @media screen and (max-width: 667px) {
header { position: static; }
.banner { top: 0; }
.logo img { width: 150px; }
.logo { left: 40%; }
.banner .carasoul_caption { top: 30%; }
.mobile_nav { background: #3ab54a; }
.banner_caption { display: none; }
.avrtsng .avrtsng_txt p{ font-size:17px;}
.mdia .avrtsng_txt p{ font-size:17px;}
}
@media screen and (max-width: 567px) {
.logo { left: 40%; top: 0; }
#demo { margin: 5% 0 0 !important; }
.banner_caption { top: 45%; }
.indstry .indstry_bx .app1{ height:auto;}
.indstry{ padding:40px 0;}
}
@media screen and (max-width: 480px) {
.logo { top: 12%; left: 35%; }
.banner .carasoul_caption, .banner .carousel-control { display: none; }
#demo { margin: 23% 0 0 !important; }
.about_us { padding: 50px 0 0; }
.reason_one p { font-weight: normal; width: 68%; right: 6%; top: 30%; line-height:20px; }
.banner_caption { top: 80%; }
header .top_part .ct_dt li a { font-size: 16px; }
.clnt .clnt_bx .col-xs-3{width:50%;}
.clnt{ padding:40px 0;}
.cntct .cntct_bx .cntct_hlf .adrs ul li{ padding:5px 0;}
}
@media screen and (max-width: 414px) {
.logo { left: 35%; top: 15%; }
header .top_part .ct_dt { width: 100%; }
header .top_part .sc_list { float: left; padding: 10px 0 0; }
header .top_part .ct_dt li { float: left; }
.reason_one img { display: none; }
.reason_one { margin: 0 0 20px; }
.reason_one.one { background: #273f7e; border-radius: 5px; padding: 20px; }
.reason_one.one p, .reason_one.two p, .reason_one.three p, .reason_one.four p, .reason_one.five p, .reason_one.six p, .reason_one.seven p { position: static; width: 100%; top: 0; font-size: 16px; }
.reason_one.two { background: #3ab54a; border-radius: 5px; padding: 20px; }
.reason_one.three { background: #1e91cc; border-radius: 5px; padding: 20px; }
.reason_one.four { background: #c89322; border-radius: 5px; padding: 20px; }
.reason_one.five { background: #2992a5; border-radius: 5px; padding: 20px; }
.reason_one.six { background: #e93939; border-radius: 5px; padding: 20px; }
.strgy .strgy_big .strgy_app p{ font-size:17px;}
.strgy .strgy_big .strgy_app h2{ font-size:20px;}
.strgy .ad_group h2{ font-size:23px;}
.avrtsng .avrtsng_txt h2{ font-size:23px;}
.avrtsng .avrtsng_group h2{ font-size:23px;}
.mdia .avrtsng_txt h2{ font-size:23px;}
.mdia .avrtsng_group h2{ font-size:23px;}
.indstry .indstry_bx .vdeo_sec h2{ font-size:24px;}
}
@media screen and (max-width: 384px) {
.strgy .strgy_big .strgy_app h2 {font-size: 18px;}
.strgy .ad_group h2 {font-size: 21px;}
.avrtsng .avrtsng_txt h2 {font-size: 21px;}
.avrtsng .avrtsng_group h2 {font-size: 21px;}
.mdia .avrtsng_txt h2 {font-size: 21px;}
.mdia .avrtsng_group h2{ font-size:21px;}.indstry .indstry_bx .vdeo_sec h2{ font-size:23px;}
}
 @media screen and (max-width: 375px) {
.logo { left: 30%; top: 20%; }
.foot_one.foot_three li, .foot_one.foot_three li:last-child { margin: 0 10px 0 0; }
.strgy .ad_group h2 {font-size: 20px;}
.avrtsng .avrtsng_txt h2 {font-size: 20px;}
.avrtsng .avrtsng_group h2 {font-size: 20px;}
.mdia .avrtsng_txt h2 {font-size: 20px;}
.mdia .avrtsng_group h2{ font-size:20px;}
.indstry .indstry_bx .vdeo_sec h2 {font-size: 22px;}

} @media screen and (max-width: 320px) {
.cntct .cntct_bx .cntct_hlf .foot_one.icon li, .foot_one.icon li:last-child{margin:0 7px 0 0 ;}
.cntct .cntct_bx .cntct_hlf .adrs ul li a{ font-size:16px;}
.cntct .cntct_bx .cntct_hlf .adrs ul li{font-size:16px;}
}