@charset "utf-8";
/* CSS Document */

body{ margin:0px; padding:0px;font-family: 'Open Sans', sans-serif;}
.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
    border: none;
}

header{ padding:25px 0px 10px 0px;}

.full-box{
	width:100%;
	height: auto;
	background-image: url(../img/plus.png);
	background-repeat:no-repeat;
	background-position:center center;
	padding:10px 0px;
	font-size:22px;
	color:#FFF;
	text-align:center;
	font-weight:300;
}

.border-box-right-logo{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;
	border-right-width: 1px;
}

.btn-success {
    color: #fff;
    background-color: #882172;
    border-color: #882172;
	border-radius: 0px;
}

.new-btn{ color:#FFF; margin:20px auto auto auto; display:block; font-size:14px; font-weight:400;width: 156px;}
.new-btn:hover{ color:#FFF;}

.btn-text{ background-color:#882172;padding:5px 10px;}
.btn-text-arrow{ background-color:#5e174f;padding:5px 10px;}
.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
	text-transform:uppercase;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 14px 10px 13px;
	margin-top:22px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #fff;
}

.bannner{ padding:40px 0px; background-image:url(../img/banner.jpg); background-size:cover;}
.bannner-next{ padding:40px 0px; background-image:url(../img/next-banner-img.jpg); background-size:cover;}

/*.bannner-next h1 { font-size:36px; color:#FFF; text-align:center; padding:40px 0px;line-height:50px; font-weight:300;}*/
.bannner-next-title { font-size:36px; color:#FFF; text-align:center; padding:40px 0px;line-height:50px; font-weight:300;}
.title-black{ color:000 !important;}

.black-box{ background-image:url(../img/black-bg.png); padding:3% 4%; text-align:center; margin:4% 2%; width:46%;}
.black-box h1 { color:#FFF; font-size:36px; font-weight:900; text-transform:uppercase; margin:0px 0px 20px 0px;}
.black-box p { color:#FFF;}
.home-page-new-title{ color:#FFF; font-size:36px; font-weight:900; text-transform:uppercase; margin:0px 0px 20px 0px; display:block;}

.pink-box{ background-image:url(../img/pink-bg.png); padding:3% 4%; text-align:center;margin:4% 2%; width:46%;}
.pink-box h2 { color:#FFF; font-size:36px; font-weight:900; text-transform:uppercase; margin:0px 0px 20px 0px;}
.pink-box p { color:#FFF;}
.img-box{ padding:3%;}
.welcome-box{ padding:40px 0px;}
.who-we-are-box{ width:100%; height:auto;}
.info-graphics-box{ width:50%; height:auto;}

.welcome-box h1, h3{ font-size:30px; font-weight:300; text-transform:uppercase; margin:0px 0px 30px 0px;}
.welcome-box h1 strong, h3 strong { font-weight:900; color:#882172; text-transform:uppercase;}

.welcome-box h2{ font-size:30px; font-weight:300; text-transform:uppercase; margin:0px 0px 30px 0px; color:#000;}
.welcome-box h2 strong { font-weight:900; color:#882172; text-transform:uppercase;color:#000;}
.info-graphics-box img { width:100%; height:auto;}
.welcome-box p { font-size:16px; font-weight:300; line-height:30px; text-align:justify; margin:0px;}
.welcome-box a {color:#882172;}
.welcome-box ul { margin-top:20px;}
.welcome-box li { font-size:16px; font-weight:300; line-height:30px; text-align:justify; margin:0px;}

.findout-box{ background-image:url(../img/bg1.jpg); background-size:cover; background-repeat:no-repeat; margin:30px 0px 0px 0px;}
.transbg{ background-image:url(../img/trans-bg.png); background-repeat:repeat-y; background-position:right top;}
.box-2{ padding:40px 0px; text-align:center;}

.findout-box h4, h5 { color:#FFF; font-size:24px; font-weight:400;}

.box-4{ text-align:center;}

.statistic-box{ padding:40px 0px;}
.statistic-box h6 { font-size:50px; color:#82517b; font-weight:700;}
.statistic-box span { font-size:14px; color:#666; font-weight:600;}
.border-box-right{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;
}

.border-box-right-link{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;
}


.border-box-right1{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
}



.cofee-box{ padding:40px 0px; background-image:url(../img/cofee-cup-bg.jpg); background-repeat:no-repeat; background-size:cover; text-align:center;}
.cofee-box span { font-size:36px; font-weight:300; color:#FFF; margin:0px 0px 20px 0px; display:block;}
.cofee-box span strong { font-size:36px; font-weight:700;}
.cofee-box p { font-size:18px; color:#FFF;}

.our-clients{ padding:40px 0px; text-align:center;}

.our-clients span { font-size:36px; color:#000; font-weight:300; display:block;}
.our-clients span strong { font-size:36px; color:#5e174f; font-weight:800;}
.our-clients ul { margin:30px 0px; padding:0px; list-style-type:none;}
.our-clients li { padding:1.5%; display:inline-block;}

.testimonials-box{ padding:40px 0px; background-image:url(../img/testimonilas-bg.jpg); text-align:center;}
.testimonials-box span { font-size:36px; color:#fff; font-weight:300; display:block; margin-bottom:50px;}
.testimonials-box span strong { font-size:36px; color:#fff; font-weight:800;}
.testimonials-box  ul { margin:30px 0px 0px 0px; padding:0px; list-style-type:none;}
.testimonials-box  li { padding:1.5%; display:inline-block; font-size:20px; font-style:italic; color:#FFF; font-weight:300;}
.testimonials-box li strong { font-size:36px; color:#fff;  font-size:20px; font-style:bold !important;}

.testimonials-box a { display:block; font-size:16px; font-weight:600; padding:10px; color:#FFF; font-style:normal; background-color:#b0008c; width:200px; margin:30px auto auto auto; border:solid #fff 1px; text-decoration:none;}
.testimonials-box a:hover{ background-color:#000;}

.team-box{ padding:50px 0px; text-align:center;}
.team-box span { font-size:30px; color:#000; font-weight:300; display:block;}
.team-box span strong { font-size:30px; color:#000; font-weight:800;}
.team-box a { display:block; font-size:16px; font-weight:600; padding:10px; 
color:#FFF; font-style:normal; background-color:#812e70; width:180px; margin:20px auto auto auto; border:solid #fff 1px; text-decoration:none;}

.stay-connect-box{ padding:40px 0px; background-color:#000; text-align:center;}
.stay-connect-text-box{ width:30%; font-size:30px;color:#fff; margin-top:25px;}
.stay-connect-text-box strong { font-size:30px; color:#fff; font-weight:800;}
.sign-up-now-box{ width:70%; font-size:18px; color:#FFF; text-align:center;}
.sign-up-now-box span { display:inline-block; padding-right:30px;}
.sign-up-now-box span a { display:block; font-size:16px; font-weight:600; padding:10px; 
color:#FFF; font-style:normal; background-color:#000; width:180px; margin:20px auto auto auto; border:solid #fff 1px; text-decoration:none;}

.footer{ background-color:#e5dde3; padding:40px 0px;}
.footer-box-4{}
.footer-box-4 span { display:block; margin-bottom:10px;}
.footer-box-4 address { margin-top:10px; display:block;}
.footer-box-4 span i { padding-right:15px;}

.footer-title{ font-size:18px; text-transform:uppercase; color:#733867; padding-bottom:15px; padding-left:30px; padding-top:28px;}
.footer-title a { color:#733867;}

.footer-box-4 ul { margin:0px; padding:0px 0px 0px 30px; font-size:14px; color:#000; list-style-type:none;}
.footer-box-4 ul li{ padding-bottom:10px;}
.footer-box-4 ul li a { color:#000;}

.last-footer-box{ padding:40px 0px;}
.last-footer-box ul { margin:0px; padding:0px; font-size:14px; color:#000; list-style-type:none; }
.last-footer-box ul li{ padding-bottom:10px;display:inline-block; padding:0px 5px;}
.last-footer-box ul li a { color:#000; text-transform:uppercase;}
.footer-box-2{ text-align:left;}
.footer-box-2-2{ text-align:right;}
.last-footer-title{ font-size:16px; text-transform:uppercase; color:#000; padding-bottom:20px;}
.last-footer-title-2{ font-size:16px; color:#000; padding-bottom:20px;}

.history-box{ background-image:url(../img/history-bg.jpg); background-size:cover; background-position:center center; 
background-repeat:no-repeat; text-align:center; padding:40px 0px;}
.history-box h3 { font-size:36px; color:#FFF; text-transform:uppercase; margin-bottom:20px; font-weight:800;}
.history-box p { font-size:16px; line-height:28px; color:#FFF;}
.box-3{ text-align:center;}
.box-3 i { display:block;}
.box-3 span { font-size:22px; font-weight:bold;}


.box-full{ width:100% !important;}


blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
    margin-bottom: 0;
    color: #fff;
}
.box-home-2{}
.box-clear{ display:none; clear:both;}

.logo-box-3{ width:100%; height:auto; padding:40px 0px; text-align:center !important;}
.logo-box-3 span { display:block; padding:20px 0px 40px 0px; font-size:33px; font-weight:bold; text-align:center !important; display:block;}
.logo-box-3 span a { color:#000;}
.industry-title { font-size:18px !important; padding:20px 0px 20px 0px !important;}
.logo-box-3 p { margin:0px; text-align: justify !important;}
.box-4-1{ border:dotted #CCCCCC 1px; padding:3%; margin:1%; width:23%;}

/****************************************************************************************************************************************/

/***************Mobile portrait (320x480) **********Mobile landscape (480x320)*******Small tablet portrait (600x800)******************************/


@media only screen and (min-width: 320px) and (max-width: 768px){
	
	
.logo{ text-align:center; margin-bottom:20px;}	
/*.logo img { width:100%; height:auto;}*/
/*.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: -28px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}*/
.img-box{ padding:3%; float:none !important; display:block;}
.img-box img { width:100%; height:auto;}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

header {
    padding: 25px 0px 0px 0px;
}



.navbar {
    position: relative;
    margin-bottom:0px;
}

.menu-bar{ background-color:#000;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    background-color: #000;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: #fff;
}
	
.box-home-2{ float:none; padding:30px 0px;}	
.black-box {
    background-image: url(../img/black-bg.png);
    padding: 3% 4%;
    text-align: center;
    margin: 4% 2%;
    width: 96%;
}

.who-we-are-box {
    width:100%;
    height: auto;
	text-align:center;
	padding:3%;
}

.pink-box {
    background-image: url(../img/pink-bg.png);
    padding: 3% 4%;
    text-align: center;
    margin: 4% 2%;
    width: 96%;
}

.info-graphics-box {
    width: 100%;
    height: auto;
    margin-top: 30px;
	margin-bottom:30px;
}
	
.welcome-box h3 {
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 20px 0px 30px 0px;
}

.box-2 {
    padding: 40px 0px;
    text-align: center;
    width: 100%;
    border-bottom: dashed 1px #fff;
}

.border-none{ border:none !important;}

.statistic-box {
    padding: 0px 0px;
}

.box-4 {
    text-align: center;
    width: 100%;
    margin: 30px 0px 0px 0px;
    padding-bottom: 28px;
}

.border-box-right {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D6D6D6;
}

.stay-connect-text-box {
    font-size: 30px;
    color: #fff;
    margin-top:0px;
    width: 100%;
}

.sign-up-now-box {
    width: 100%;
    font-size: 18px;
    color: #FFF;
    text-align: center;
}


.footer-box-4 {
    width: 100%;
	text-align:center;
}	

.footer-box-2 {
    text-align: center;
    padding-bottom: 20px;
}

.footer-box-2-2 {
    text-align: center;
}

.box-3 {
    text-align: center;
    width: 100%;
    padding: 30px 0px;
}
	
.welcome-box {
    padding: 40px 30px;
}	
	.box-4-1{ float:none; width:98%;}
	}
	
	


@media only screen and (min-width: 768px) and (max-width: 959px) {/***Small tablet landscape (800x600)***************************/

.logo{ text-align:center;}
.box-home-2 {
    padding: 40px 0px;
}
.img-box{ padding:3%; float:none !important; display:block;}
.img-box img { width:100%; height:auto;}
.bannner {
    padding: 0px 0px;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 13px 10px 9px;
    margin-top: 22px;
}
.black-box {
    background-image: url(../img/black-bg.png);
    padding: 3% 4%;
    text-align: center;
    margin: 4% 2%;
    width: 46%;
	float:left;
}

.pink-box {
    background-image: url(../img/pink-bg.png);
    padding: 3% 4%;
    text-align: center;
    margin: 4% 2%;
    width: 46%;
    float: left;
}

.box-home-2 {
    padding: 40px 0px;
    width: 50%;
    float: left;
}
.box-4 {
    text-align: center;
    width: 50%;
    padding: 20px 0px;
}

.statistic-box {
    padding: 20px 0px;
}

.no-border{ border:none !important;}

.sign-up-now-box {
    width: 50%;
    font-size: 18px;
    color: #FFF;
    text-align: center;
}
.stay-connect-text-box {
    width: 50%;
    font-size: 30px;
    color: #fff;
    margin-top: 25px;
}

.sign-up-now-box {
    font-size: 14px;
    color: #FFF;
    text-align: center;
}

.footer-box-4 {
    width: 50%;
    float: left;
}
.box-clear{ display:block; clear:both;}

.footer-box-2 {
    text-align: left;
    width: 50%;
    float: left;
}

.footer-box-2-2 {
    text-align: right;
    width: 50%;
    float: left;
}
.border-box-right{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	border-right-width: 0px;
}

.border-box-right-logo{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D6D6D6;
}

.border-box-righ-tab {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D6D6;
	border-right-width: 0px;
}


.box-4-1{width:48%;}
}


@media (max-width: 799px) {	/***Tablet portrait (768x1024)*******************/

.logo{ text-align:center; width:100%;}
.box-home-2 {
    padding: 40px 0px;
}

.bannner {
    padding: 0px 0px;
    background-image: url(../img/banner.jpg);
    background-size: cover;
}

.menu-bar {
    width: 100%;
}
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

header {
    padding: 25px 0px 0px 0px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding:10px 16px 10px 16px;
    margin-top: 22px;
}

.navbar {
    position: relative;
    margin-bottom:0px;
}

.menu-bar{ background-color:#000;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
    background-color: #000;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: #fff;
}
	
.box-home-2{ float:none; padding:30px 0px; width:100%;}	
.black-box {
    background-image: url(../img/black-bg.png);
    padding: 3% 4%;
    text-align: center;
    margin: 4% 2%;
    width: 96%;
}

.who-we-are-box {
    width: 100%;
    height: auto;
	text-align:center;
	padding:3%;
}

.pink-box {
    background-image: url(../img/pink-bg.png);
    padding: 3% 4%;
    text-align: center;
    margin: 4% 2%;
    width: 96%;
}

.info-graphics-box {
    width: 100%;
    height: auto;
    margin-top: 30px;
	margin-bottom:30px;
}
	
.welcome-box h3 {
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 20px 0px 30px 0px;
}

.box-2 {
    padding: 40px 0px;
    text-align: center;
    width: 100%;
    border-bottom: dashed 1px #fff;
}

.border-none{ border:none !important;}

.statistic-box {
    padding: 0px 0px;
}

.box-4 {
    text-align: center;
    width: 100%;
    margin: 30px 0px 0px 0px;
    padding-bottom: 28px;
}

.border-box-right {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D6D6D6;
}

.stay-connect-text-box {
    font-size: 30px;
    color: #fff;
    margin-top:0px;
    width: 100%;
}

.sign-up-now-box {
    width: 100%;
    font-size: 18px;
    color: #FFF;
    text-align: center;
}


.footer-box-4 {
    width: 100%;
	text-align:center;
}	

.footer-box-2 {
    text-align: center;
    padding-bottom: 20px;
}

.footer-box-2-2 {
    text-align: center;
}

.box-3 {
    text-align: center;
    width: 100%;
    padding: 30px 0px;
}
	
.welcome-box {
    padding: 40px 0%;
	width:100%;
}
.last-footer-box ul li a {
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
}	

.last-footer-title-2 {
    font-size: 12px;
    color: #000;
    padding-bottom: 20px;
}



}


@media only screen and (min-width: 965px) and (max-width: 1200px) {	
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 10px;
    margin-top:8px;
	
}

.menu-bar {
    width: 80%;
}

.logo {
    width: 20%;
}

.logo img { width:90%; height:auto;}
}