@font-face {

	font-family: 'Century Gothic';

	src: url('../fonts/CenturyGothic.woff2') format('woff2'),  

		url('../fonts/CenturyGothic.woff') format('woff');

	src: url('../fonts/CenturyGothic-Bold.woff2') format('woff2'),

        url('../fonts/CenturyGothic-Bold.woff') format('woff');

	font-weight: normal;

	font-style: normal;

}

body {

	margin: 0;

	padding: 0;

	font-size: 14px;

	font-family: 'Century Gothic';

}

a, a:link, a:visited, a:active, a:hover, button, input, select, textarea, i {

	text-decoration: none;

	outline: none;

	-moz-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

input, select, textarea {

	width: 100%;

	outline: none;

	-moz-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

input:focus, select:focus, textarea:focus {

	outline: none;

	box-shadow: none;

}

img {

	max-width: 100%;

	-moz-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

/*------------------------------------------    Header Css Start Here    ------------------------------------------*/

header {

	padding: 25px 0;

	background: #484a90;

}

.fix_div {

    position: fixed;

    width: 100%;

    top: 0;

    background:#565899;

    z-index: 5;

    padding-top: 25px;

    padding-bottom: 10px;

}

.logo {

	margin: 10px 0;

}

.navbar-collapse {

	padding: 0;

}

.navbar {

	min-height: auto;

	margin-bottom: 0;

}

.navbar-default {

    background:none;

    border:none;

	margin-top:25px;

}

.navbar-default .navbar-nav > li{

	position: relative;

}

.navbar-default .navbar-nav > li.active > a:before{

	content: "";

    width: 12px;

    height: 2px;

    background: #fff600;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    left:8px;

}

.navbar-default .navbar-nav > li > a{

    color: #ffffff;

    font-size: 16px;

	padding: 0 20px;

}



.navbar-default .navbar-nav > .active > a, 

.navbar-default .navbar-nav > .active > a:hover, 

.navbar-default .navbar-nav > .active > a:focus,

.navbar-default .navbar-nav > li > a:hover, 

.navbar-default .navbar-nav > li > a:focus{

    color: #fff600;

    background-color: transparent;

}

.navbar-default .navbar-nav > .open > a, 

.navbar-default .navbar-nav > .open > a:hover, 

.navbar-default .navbar-nav > .open > a:focus {

    background-color: transparent;

    color: #fff600;

}

.dropdown-menu{

	    background-color: #565899;

	padding: 0;

}

.dropdown-menu > li > a{

	color: #ffffff;

	    padding: 5px 15px;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    color:#484A90;

    background-color:#fff600;

}



/*------------------------------------------    Banner Css Start Here    ------------------------------------------*/



.banner{

	padding:130px 0 200px 0;

	position: relative;

}

.left .sr-only{

	position: absolute;

    overflow: visible;

    clip: inherit;

    font-size: 12px;

    color: #fff600;

    top: 6px;

    left:40px;

}

.right .sr-only {

    position: absolute;

    overflow: visible;

    clip: inherit;

    font-size: 12px;

    color: #fff600;

    top: 6px;

    right:70px;

}

.carousel-control.left,

.carousel-control.right{

    background: none;

    width:50px;

    height: 30px;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

}

.carousel-caption {

    position: initial;

	text-align: left;

	text-shadow:none;

	margin-top: 70px;

	padding-left: 10px;

}

.carousel-caption1 {

    position: initial;

	text-align: center;

	text-shadow:none;

	margin-top: 70px;

	padding-left: 10px;

}

.carousel-caption span{

	font-size: 36px;

	font-weight:bold;

	text-transform: uppercase;

	margin-bottom: 20px;

	display: block;

}

.carousel-caption p {

    font-size: 15px;

    line-height: 28px;

}

.carousel-caption a{

	background: #ea5267;

	color: #fff;

	width: 180px;

	line-height: 48px;

	display:inline-block;

	text-align: center;

	font-size:20px;

	text-transform: capitalize;

	border-radius: 50px;

	margin-top:20px;

	position: relative;

}
.carousel-caption1 a{

	background: #565899;

	color: #fff;

	width: 180px;

	line-height: 48px;

	display:inline-block;

	text-align: center;

	font-size:20px;

	text-transform: capitalize;

	border-radius: 50px;

	margin-top:5px;

	position: relative;

}
.carousel-caption a:before{

	content: "";

    width: 200px;

    height: 68px;

    background: rgba(234,82,103,0.3);

    position: absolute;

    left: -10px;

    top: -10px;

    border-radius: 50px;

	opacity: 0;

	-moz-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.carousel-caption a:hover:before{

	opacity: 1;

}



/*------------------------------------------    Intro Css Start Here    ------------------------------------------*/



.Intro{

    background: url(../images/pattern.png) no-repeat bottom #ea5267;

    padding: 30px;

    font-size: 14px;

    color: #fff;

    position: relative;

    top: -40px;

    margin-top: -90px;

}

.Intro span{

	font-size: 80px;

	color: #fff;

	font-weight: bold;

	text-transform: uppercase;

}

.Intro h1{

	font-size: 30px;

	color: #ffd200;

}

.social_link {

    margin-top: 30px;

}

.social_link a{

	color: #fff;

	font-size: 18px;

	margin: 0 18px 0 0;

}

.social_link a:hover{

	color: #ffd200;

}



/*------------------------------------------    Services Css Start Here    ------------------------------------------*/



.services{

	padding:10px 0 50px 0;

}

.Title:before{

	content: "";

    width:30px;

    height: 3px;

    background:#e4bc00;

    position: absolute;

	top: 0;

	bottom: 0;

	left:-23px;

	z-index: -1;

	margin: auto;

	-moz-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.Title{

	font-size: 36px;

    color: #070a59;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

    position: relative;

	z-index: 1;

    margin-bottom: 40px;

    display: table;

    margin: 0px auto 40px auto;

}

.service_box{

	background: #f7f7f7;

	padding:0 20px 25px 20px;

	text-align: center;

	-moz-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.icon{

	background: #f1d657;

    width: 90px;

    text-align: center;

    line-height: 110px;

    margin: 0 auto;

}

.service_box h3{

	font-size: 18px;

	color: #333333;

	text-transform: uppercase;

	font-weight: bold;

}

.service_box p{

	font-size: 14px;

	color: #555;

	line-height: 22px;

	min-height: 90px;

}

.service_box a{

	font-size: 16px;

	color: #070a59;

	text-transform: capitalize;

	font-weight: bold;

	margin-top: 15px;

	display: inline-block;

	position: relative;

}



.service_box a:before{

	content: "";

    width: 12px;

    height: 2px;

    background: #e8c005;

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto;

    left:-11px;

	opacity: 0;

	-moz-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.service_box:hover a:before{

	opacity: 1;

}

.service_box:hover a{

	color:  #e8c005;

}

.service_box:hover,

.lead_markets_box:hover{

	box-shadow: 0 0 30px rgba(0,0,0,0.15);

}



/*------------------------------------------    Marketing_solutions Css Start Here    ------------------------------------------*/



.Marketing_solutions{

	padding: 50px 0;

}



.trend_div .heading_div {

	margin-bottom: 40px;

}

.trend_div .owl-carousel .owl-dots.disabled, .trend_div .owl-carousel .owl-nav.disabled {

	display: block;

}

.trend_div .loop {

	padding: 10px;

	text-align: center;

}

.trend_div .owl-carousel .owl-item img {

	width: auto;

	margin: auto;

	padding: 5px;

	border-radius: 4px;

	border: 1px solid #ccc;

}

.trend_div .item {

	background-color: #f1f1f1;

	padding: 30px 10px;

	margin:40px 10px;

	border-radius: 15px;

}

.trend_div .item img {

	height: 80px;

	width: 80px;

}

.trend_div .item h2 {

	    margin-top: 20px;

    color: #333;

    font-size: 22px;

    font-weight: bold;

}

.trend_div .item span {

        float: left;

    color: #070a59;

    font-size: 14px;

    text-align: left;

    background: #e5e0e0;

    padding: 10px 25px 10px 15px;

    border-radius: 0 50px 50px 0;

    margin-left: -10px;

}

.trend_div .item span strong {

	display: block;

}

.trend_div .item p {

	line-height: 23px;

	font-weight: 500;

	margin: 20px 0;

	font-size: 12px;

	padding: 0 20px;

    min-height: 140px;

}

.trend_div .item a {

	    display: table;

    margin-right: -10px;

    padding: 11px 17px;

    font-size: 15px;

    background-color: #e5e0e0;

    color: #070a59;

    border-radius: 50px 0px 0px 50px;

    /* margin: auto; */

    float: right;

    text-transform: uppercase;

}

.trend_div .owl-item.center .item a:hover, .trend_div .owl-item.center .item a:focus {

	/*background-color: #294167;*/

}

.trend_div .owl-item.center .item {

	padding: 30px 10px;

	margin: 15px 10px;

	background-color: #fff;

	box-shadow: 0 0 10px rgba(0,0,0,.2);

}

.trend_div .owl-item.center .item img {

	height: 140px;

	width: 140px;

	padding: 5px;

	border-radius: 4px;

	border: 1px solid #ccc;

}

.trend_div .owl-item.center .item h2 {

	font-size: 26px;

}

.trend_div .owl-item.center .item strong {

	font-size: 18px;

}

.trend_div .owl-item.center .item p {

	font-size: 14px;

}

.trend_div .owl-item.center .item a {

    display: table;

    margin-right: -30px;

    padding: 14px 32px;

    font-size: 18px;

    background-color: #d5bf56;

    color: #070a59;

    border-radius: 50px 0px 0px 50px;

    /* margin: auto; */

}

.trend_div .owl-item.center span {

        float: left;

    color: #070a59;

    font-size: 14px;

    text-align: left;

    background: #d5bf56;

    padding: 10px 25px 10px 15px;

    border-radius: 0 50px 50px 0;

    margin-left: -10px;

}

.trend_div .owl-nav {

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	top: 0;

	bottom: 0;

	height: 50px;

}

.trend_div .owl-nav .owl-prev, .trend_div .owl-nav .owl-next {

	height: 45px;

	width: 45px;

	color: #bdb718;

	background-color:transparent;

	line-height: 41px;

	font-size: 56px;

	border-radius: 50%;

	-moz-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.trend_div .owl-nav .owl-prev:hover, 

.trend_div .owl-nav .owl-prev:focus {

	background: none;

}

.trend_div .owl-nav .owl-next:hover, .trend_div .owl-nav .owl-next :focus {

	background:none;

}

.trend_div .owl-nav .owl-next {

	float: right;

}

.trend_div .owl-nav .owl-prev {

	float: left;

}

.trend_div .owl-stage-outer {

	height:500px;

	padding: 35px 0px 0px 0px;

}



.trend_div .owl-item.active.center .item {

    background-color: #ffe776;

    padding: 40px 30px;

    margin: 0 0 0 5px;

    transform: scale(1.15);

}

.trend_div .owl-item.active.center {

    z-index: 1;

	    margin-top: 10px;

}

/*------------------------------------------    Lead_markets Css Start Here    ------------------------------------------*/



.lead_markets_box{

	background: #f0f0f0;

	padding: 30px;

	text-align: center;

	font-size: 18px;

	color: #333333;

	margin-bottom: 30px;

	-moz-transition: all 300ms ease-in-out;

	-webkit-transition: all 300ms ease-in-out;

	transition: all 300ms ease-in-out;

}

.lead_markets img{

	margin-bottom: 10px;

}

.lead_markets p{

	min-height: 50px;

	margin-bottom: 0;

}



/*------------------------------------------    Footer Css Start Here    ------------------------------------------*/



.shape img{

	width: 100%;	

}

footer{

	background:#595959;

	background-size: cover;

	padding:50px 0;

	position: relative;

}

footer h5:after{

	content: "";

    width: 80px;

    height: 4px;

    background: #ffd200;

    display: block;

    margin-top: 5px;

}

footer h5{

	font-size: 24px;

	color: #ffd200;

	position: relative;

	margin-bottom:20px;

}

footer p{

	color: #fff;

	font-size: 14px;

	margin-top:20px;

}

footer address{

	color: #fff;

	font-size: 14px;

	    line-height: 30px;

}

footer address strong{

	color: #fff;

	font-size: 18px;

	display: block;

}

footer a{

	color: #fff;

	font-size: 14px;

}

footer a:hover{

	color: #ffd200;

}

.bottom_footer{

	background: #282828;

	text-align: center;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

	padding: 20px 0 10px 0;

}



.top {

    background: #282828;

    color: #e0b906;

    font-size: 26px;

    width: 50px;

    display: block;

    line-height: 44px;

    text-align: center;

    border-radius: 50%;

    height: 50px;

    position: absolute;

    right: 50px;

    bottom: 30px;

    font-weight: bold;

}



/*------------------------------------------    who_we_are Css Start Here    ------------------------------------------*/





.who_we_are{

	background:url(../images/pattern-2.png) no-repeat center bottom #bdd8d4;

	padding: 50px 30px;

	    padding-bottom: 100px;

}

.who_we_are p{

	font-size: 15px;

	color: #333333;

	line-height: 26px;

	text-align: justify;

}

.who_are h2{

	margin-left: 25px;

}

.who_we_are a {

    background: #f45b81;

    color: #fff;

    font-size: 14px;

    width: 130px;

    line-height: 36px;

    border-radius: 25px;

    display: block;

    text-align: center;

    margin: 40px auto;

}

.who_we_are a:hover{

    background: #87b5ae;

}



.carousel-fade .carousel-inner .item {

  opacity: 0;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

  opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}

.carousel-fade .carousel-control {

  z-index: 2;

}



/*------------------------------------------    Inner Page Css Start Here    ------------------------------------------*/



.grey_bg{

	background: #F7F7F7;

}

.content{

	border-bottom:1px solid #eee;

}

.content p{

	font-size: 15px;

	line-height: 26px;

	text-align: justify;

	color: #333;

}

.content .row{

	margin-bottom:50px;

}

.content strong{

	font-size: 20px;

	display:block;

	margin-top:20px;

	color: #484A90;

}

.content .Title {

        margin-bottom: 20px;

    font-size: 22px;

    text-align: left;

    display: block;

    margin-left: 25px;

}

.inner_page header {

    padding: 150px 0 50px 0;

}

.inner_Title{

	text-align: center;

	color: #fff;

	font-size: 36px;

	text-transform: uppercase;

}

.content{	

	padding: 50px 0;

	margin:0 0 40px 0;

}

.tele_marketing {

	margin: 20px 0;

}

.tele_marketing li:before{

	content: "\f00c";

	font-family: fontawesome;

	position: absolute;

	top: 0;

	left: 0;

	color:#484A90;

}

.tele_marketing li{

	margin-bottom: 10px;

	padding-left: 25px;

	position: relative;

	color: #666;

}

.tele_marketing li a{

	color: #565899;

}





.service_ul{

	margin:20px 0;

	list-styled-color:#000;

	padding-left:20px;

}





.service_ul li{

	margin-bottom:10px;

	color:#565899;

	list-style-type: lower-alpha;

}


/*==================================================================================
 
						Css Add 22-10-21 

==================================================================================*/
ul{
	list-style: none;
	padding: 0;
}
.submenu {
    padding:10px 7px;
    list-style: none;
	display: none;
	position: absolute;
}
.submenu  a {
    color: #ffffff;
    font-size: 16px;
    padding: 5px 10px;
    display: block;
}
.submenu  a:hover,
.submenu  a:focus{
	color: #fff600;
}
.navbar-default .navbar-nav > li:hover > .submenu{
	display: block;
}