/***** FOR FONTS REFERENCE, THIS IS SET BY TYPOGRAPHY.COM TO USE THE FONTS *****/

/****

Gotham bold:
font-family:  "Gotham A", "Gotham B", sans-serif;font-weight: 700;

Gotham Book: 
font-family:  "Gotham A", "Gotham B", sans-serif;font-weight: 400;

Gotham Light:
font-family:  "Gotham A", "Gotham B", sans-serif;font-weight: 300;

*****/

body {font-family:  "Gotham A", "Gotham B", sans-serif;font-weight: 400; font-size:12px ;  }
.carousel-indicators { bottom: 130px; }
.slid1 { position:relative; }
.slid1_img_box { width:860px; float:left; }
.slide1_text_container { position: relative; max-width: 1280px; margin: 0 auto; }
.slid_bg1 {
  	background:url("slid_img1.png") no-repeat scroll center top ;
  	min-height:567px;
  	padding:100px 0 0 0;
}
.slide1_text { float:right; width: 360px; text-align: justify; position:absolute; top: 70px; right: 100px; font-size: 16px; z-index:999; }
.slide1_text_cont {padding: 0;}
.slide1_text span { width:100%; text-align:center; float:left; padding:10px 0;  }
.slide1_text a { float:right;  margin-right: 11px; margin-top: 0; }
.slid_bg2 {
  	background:url("slid2_bg.png")  no-repeat scroll center top / 100% 100%;
  	min-height: 650px;
  	margin-top: -160px;
  	position:relative;
  	/*z-index:99;*/
  	padding: 50px 0 0 0;
}
.slid_bg3 {
  	background:url("slid3_img.png") no-repeat scroll center top;
 	min-height:843px;
  	margin-top:-30px;
}
.slide2_text {float:left; margin:120px 0 0 70px; width:230px; }
.slide2_text span { width:100%; float:left; padding:10px 0;  }
.slide2_text p { color:#FFF; font-size:16px; margin:20px 0; }
.slide2_text a { float:left; height:62px; overflow:hidden; width:288px; }
.slide2_text a:hover img { margin-top:-62px;  }
.slide2_img2 { margin-top: 37px; width: 571px; float: right; }
.slide2_img2 img { width:100%; height:auto; }
.slide2_img3 { margin-top:40px; }
.main_container2 { width:100%; }
.main_container2 .slid1 { width:100%; }
.main_container2 .slid1  .slid1_img_box { width:100%; }
.main_container2 .slid1  .slid1_img_box img { width:100%; }
.slide3_img { width:490px;  float:left; margin:40px 95px 0 0; text-align: center; }
.slide3_img a { float:right; margin-top:-140px; position:relative; /*z-index:99;*/ }
.slide3_text { width:380px; float:left; }
.slide3_text span { display:inline-block; margin-top: -50px; }
.slide_tag3 .getmoreimg { width: 100%; }
.slide3_text p { font-size:18px; padding:0 40px 0 60px; margin-top:-45px; color:#231f20;}
.slide3_text p b { color:#923d97; text-transform:uppercase;  font-family:  "Gotham A", "Gotham B", sans-serif;font-weight: 700;}
.slide4_text { width: 360px; text-align: justify; float:left;  margin:25px 20px; } 
.slide4_text p { font-size: 16px; }
.purpal_box span { font-size:19px; float:left; padding:5px 40px 50px; }
.purpal_box a {
  	font-size:20px;
  	text-transform:uppercase;
  	color:#FFF;
  	font-family:  "Gotham A", "Gotham B", sans-serif;font-weight: 700;
  	background:#9bc646;
  	padding:15px 25px; 
  	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
  	border-radius: 50px;
}
.purpal_box a:hover { background:#f08a1f; }
.slid_bg4 { position: relative; }
.purpal_box {
  	width:428px; height:439px;
  	background:url("slid_5.png") no-repeat;
  	margin:-230px 40px 20px 35px;
  	float:left;
  	text-align:center;
}
.purpal_container {
	padding: 65px;
  	color:#FFF;	
}
.main_container { width:1000px; margin:0 auto; }
.custom-main-container1 { position: relative; }
.float-learnmore { margin-top: -30px; position: absolute; right: 0; width: auto; }
.carousel-control .left { background:none; opacity: 1 ; left: 7% ; width: auto ; }
.carousel-control .right { background:none; opacity: 1 ; right: 7% ; width: auto ; }
.glyphicon-chevron-right::before { background:#FFFFFF ; border-radius: 20px; color: #923d97; opacity: 1; padding: 2px 10px; }
.glyphicon-chevron-left::before { background:#FFFFFF ; border-radius: 20px; color: #923d97; opacity: 1; padding: 2px 10px; }
.carousel-indicators li { background-color: #923d97; border: 1px solid #923d97; }
.carousel-indicators .active { background-color: #9bc646; border: 1px solid #9bc646; }
.carousel { top: -25px; }
.slider_img2 { background:url("slid_img21.png") no-repeat; }
.slide_tag2 {
  	width:464px;
  	height:476px;
  	background:url("slide_bg.png") no-repeat;
  	float:right;
  	position:absolute;
  	right:0;
  	text-align:center;
  	color:#FFF;
  	font-size:16px;
  	margin:60px 30px 0 0;
}
.slide_tag2_container {	padding:100px 60px;	}
.slide_tag2  p { padding:10px 30px; }
.slide_tag2 a { font-size:14px; background:#FFF; color:#f38b00; padding:10px 20px; border-radius:50px; font-family:  "Gotham A", "Gotham B", sans-serif;font-weight: 700; }
.slide_tag2 a:hover { background:#f38b00; color:#FFF; }
.slide_tag3 {
  	width: 400px;
  	float:left;
  	position:absolute;
  	left: 215px;
  	text-align:center;
  	color:#231f20;
  	padding: 0;
  	top: 240px;
  	font-size: 16px;
  	margin: 0;
  	z-index: 9999;
}
.slide_tag3  p { padding: 10px; }
.slide_tag3 a { font-size:14px; background: #9bc646; color:#FFF; padding:10px 20px; border-radius:50px; font-family:  "Gotham A", "Gotham B", sans-serif;font-weight: 700; position:relative;  z-index:999; }
.slide_tag3 a:hover { background:#4ec0ea; }
.s_img3 { position:relative; z-index:99; }
.slide4_text1 { left: 20%; position: absolute; right: 0; top: 20%; width: 332px; z-index: 9999; }
.slide4_text1_container {padding:0;}

@media (min-width: 1500px) {
	.slide1_text { top: 410px; right: 60px; }
	.carousel { top: -50px; }
	.www-carousel { top: -90px ; }
	.slide_tag3 { left: 70px; top: 430px; width: 500px; }
  	.slide_tag3 p { padding: 10px 80px; }
  	.slide2_img2 { margin-top: 40px; }
}

@media only screen and (min-width: 1340px) and (max-width: 1500px)  {
	.slide1_text { top: 290px; right: 110px; }
	.carousel { top: -25px; }
	.www-carousel { top: -95px ; }
	.slide_tag3 { left: 200px; top: 200px; }
}

@media (min-width: 1300px) {
	.container { width: 1276px; }
}

@media only screen and (min-width: 1200px) and (max-width: 1340px)  {
	.slide1_text { top: 200px; right: 130px; }
}

@media only screen and (min-width: 980px) and (max-width: 1200px)  {
	.carousel-inner { top: 0; }
	.carousel { top: -25px; }
	.www-carousel { top: -25px ; }
	.get_free_btn  a { padding-left: 20px ; padding-right: 50px ; }
	.slide_tag3 { left: 185px; top: 150px; }
}


@media only screen and (min-width:768px) and (max-width:980px)  {
	.background-border-bottom { display: none; }
	.container  { width:760px; }
	.main_container    { width:720px; }
	.slid1_img_box { width:100%; }
	.slid1_img_box img { width:100%; height:auto; }
	a:active { color: #fff; }
	.carousel { top: -35px; }
	.slide1_text { font-size: 9px; right: 85px; top: 30px; width: 270px; }
	.slide1_text a { margin-top:-8px; }
	.slide_tag2 { width:304px; height:406px; background-size:100% auto ; margin-top:20px;   }
	.slide_tag2_container {	padding:40px 60px;	}
	.slide_tag2 img { width:80%; height:auto; }
	.slide_tag2 img.icon { width:auto; }
	.slide_tag2 p { padding:10px; font-size:12px; }
	.slide_tag2 a { font-size:12px; }
	.slide_tag3 { left: 190px; top: 145px; width: 220px; }
	.slid_bg2  { min-height:430px; }
	.slide_tag3 img { width:80%; height:auto; }
	.slide_tag3 img.icon { width:auto; }
	.slide_tag3 p { padding:10px 20px; font-size:11px; }
	.slide2_text { margin-left:30px; margin-top:85px;}
	.slide3_img { width:350px; margin:40px 25px 0 0;}
	.slide3_img img { width:100%; height:auto; }
	.slide3_text { width:340px;  }
	.slide3_text img { width:100%; }
	.slide3_text p { font-size:12px; }
	.slid_bg4 { background-position:left top; }
	.purpal_box { width:328px; height:339px;  background-size:100% auto ;  }
	.purpal_container {padding:50px;}
	.slide4_text1 { left: 10%; top: 15%; }
	.slide4_text { width:270px; }
	.purpal_box span { padding:5px 10px 20px; }
	.purpal_box a { font-size:15px; }
	.slide2_img2 { width:460px; }
}
	
@media(max-width:767px) { 
	.background-border-bottom { display: none; }
	.container { width:auto;  } 
	 a:hover {color:#57c1e8; }
    .active > a:hover {color:#57c1e8; }
  	.carousel-indicators { bottom: 10px; }
	.container  { padding:0; }
	.navbar-default .navbar-toggle { position:relative; z-index:999; border:0;  }
	.navbar-default .navbar-toggle .icon-bar { background:#FFF; }
	.navbar-toggle .icon-bar { height:5px; width:30px; }
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background:none; }
	.DistInfo .navbar-brand { margin-top:0; }
	.navbar-nav > li > a { padding:18px 30px; }
	.top_sm_nav  a { padding-left: 30px ; padding-right: 30px ; }
	.carousel-inner { top: -10px; }
	.footer_bg  { background: #a30fb8 none repeat scroll 0 0; text-align:center; }
	.slid1_img_box  { width:100%; }
	.slid1_img_box img { width:100%; height:auto; }
	.slide3_img { width:100%; }
	.main_container { width:100%; }
	.chat_box  { top: -110px; }
	.slide1_text { top: 100px; right:0; width: 260px;  font-size:8px; }
	.slide1_text_cont {padding:20px;}
	.slide1_text a { font-size:10px; padding:5px 10px; }
	.slide1_text a { width: 50px; height: 50px; margin-top: -20px; margin-right: 0; } 
	.slide1_text a img { width:100%; height:auto; }
	.slide1_text img { width:15%; }
	.slide2_text { margin: 0; padding: 10px 20px; }  
	.slide3_img img { max-width: 100%; width: auto; }
	.slide3_text { width:100%;  }
	.slide_tag2 {  width:180px; height:180px; background-size:cover;  margin:10px; }
	.slide_tag2_container {	padding:30px 5px;	}
	.slide_tag2 span img { width:50%; height:auto; }
	.slide_tag2 span img.icon { width:15%; height:auto;  }
	.navbar-default .navbar-brand img { width:100%; height:auto; position: relative; z-index: 1; } 
	.navbar-default .navbar-brand { width:120px; }
	.slide_tag2 p { padding:5px; font-size:8px; margin-bottom:2px; }
	.slide_tag2 a { font-size:10px; padding:5px 10px; }
	.slide3_text span { display: inline-block; margin: -30px auto 0; text-align: center; width: 100%; }
	.slide3_text p { padding:0 84px 0 40px; margin-top: 0; text-align: center; }
	.slide_tag3 span img { width: 90%; height:auto; }
	.slide_tag3 span img.icon { width:15%; height:auto;  }
	.slide_tag3 p { padding:5px; font-size:8px; margin-bottom:2px; }
	.slide_tag3 a { font-size:10px; padding:5px 10px; }
	.slide3_text img { height: auto; margin: 0 auto; text-align: center; width: 50%; }
	.purpal_box a { font-size:15px; }
	.purpal_box span { padding-bottom:20px; }
	.footer_bg .footer_menu { text-align:center; }
	.slide4_text { width:auto; padding:10px; }
	.footer_bg .social { margin-top:20px; }
	.footer_bg .social li { margin-left:10px;  }
	.footer_bg .col-sm-3 { padding-top:50px;  }
	.login_bar { background:none; }
	.user_avatar { width:50px; height:50px; }
	.login_bar { position:absolute; top:0; z-index:9999;  }
	.login_logo {  margin-top:0; }
	.user_thank_message { display:none; }
	.user_name { color:#FFF; width: auto; padding: 15px 10px 8px; }
	.navbar-default { background-size:cover; height:40px; }
	.user_main_box { width: auto; }
	.login_bar { right: 60px; top: 0; width: auto; }
	.navbar-toggle { margin: 0; padding: 13px 10px; } 
	.user_avatar { border-color:#fb9c1e; float: left; position: relative; }
	.carousel { top: -10px; }
	.slid1 { min-height: 250px;} 
	.slide2_img2 { float: none; margin: 0 auto; text-align: center; width: auto; }
  	.slide2_img2 img { height: auto; width: auto; max-width: 100%; }
	.slid_bg2 { float:left; padding-bottom: 0; background: #a30fb8 none repeat scroll 0 0; margin-top: -20px; width: 100%; } 
	.slid_bg4  {  background-size:cover; background-position:center top; }
	.slide4_text1 { width: 300px; text-align: center; left: 5%; top: 13%; }
	.slide4_text1_container {padding:20px;}
	.slide4_text1 img { max-width:100%; }
	.float-learnmore { margin-top: -50px; }
	.login_bar .top-header { background-color: transparent; }
	.user_main_box { background-color: transparent; }
	.purpal_box { height: 439px; margin: 0 auto;  width: 428px; }
	.purpal_container {padding: 100px 60px; }
  	.best-things { position: relative; margin-top: -30px; background: rgb(255, 255, 255) none repeat scroll 0 0; /*z-index: 9999;*/ }
  	.slide3_img {  margin: 0 auto; }
}

@media only screen and (min-width: 600px) and (max-width: 767px)  {
	.slide_tag3 { width:180px; top: 185px; left: 90px;  }
}

@media only screen and (min-width: 480px) and (max-width:600px)  {
	.slide_tag3 { width: 160px; top: 75px; left: 110px;  }
}


@media (max-width: 480px) { 
	.slid1 { min-height:250px; } 
	.slid1_img_box img { min-height: 250px; }
	.slide_tag3 { width: 140px; left: 95px; top: 40px; }
	.slide1_text a { margin-top: -10px; } 
	.slide1_text { font-size: 8px;  right: 20px; top: 40px; width: 200px; }
	.slide1_text_cont {padding: 5px;}
}

@media (max-width: 380px) { 
	.slide_tag3 { width: 120px; left: 60px; top: 40px; }
	.slide1_text { width: 160px; }
	.slide1_text_cont {padding: 0;}
}

/*
@font-face {
    font-family: 'Gotham_Medium';
    src: url('fonts/GothamMedium.eot');
    src: url('fonts/GothamMedium.eot?#iefix') format('embedded-opentype'),
        url('fonts/GothamMedium.woff2') format('woff2'),
        url('fonts/GothamMedium.woff') format('woff'),
        url('fonts/GothamMedium.ttf') format('truetype'),
        url('fonts/GothamMedium.svg#GothamMedium') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham_Bold';
    src: url('fonts/GothamBold.eot');
    src: url('fonts/GothamBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/GothamBold.woff2') format('woff2'),
        url('fonts/GothamBold.woff') format('woff'),
        url('fonts/GothamBold.ttf') format('truetype'),
        url('fonts/GothamBold.svg#GothamBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('fonts/GothamBook.eot');
    src: url('fonts/GothamBook.eot?#iefix') format('embedded-opentype'),
        url('fonts/GothamBook.woff2') format('woff2'),
        url('fonts/GothamBook.woff') format('woff'),
        url('fonts/GothamBook.ttf') format('truetype'),
        url('fonts/GothamBook.svg#GothamBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
        

