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

@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

body{
	font-size:14px;
	line-height:18px;
	font-family: 'Roboto', sans-serif;
}

*{
	padding:0;
	margin:0;
}

img{
	border:none;
	outline:none;
}

a{
	text-decoration:none;
}
.top_bar{ float:left; width:100%; background:#122d42; padding:5px 0; min-height:30px;}
.top_Social_icons{ float:left; width:100%;}
.top_Social_icons ul{margin:0; padding:0;}
.top_Social_icons ul li{ display:inline; float:left;}
#container{
	width:100%;
	float:left;
}
.main_container{
	width:1170px;
	margin:0px auto;
}
.wrapper{
	width:100%;
}

/** Header css starts  **/
.header_container{
	float:left;
	width:100%;
	background:#f4f6f9;
}
.header{
	float:left;
	width:100%;
}
.logo{
	float:left;
	padding:5px 0 0px;
	margin-top:5px;
	margin-bottom:5px;
}
.logo img{ max-width:180px; width:100%;}
nav {
  float: left;
  width: 100%;
}
.nav{ float:right; margin-top:0px;}
.slicknav_menu{ display:none;}

.menu{
	float:left;
	margin:0px 0;
}

.menu {
 width:auto;
 }
 
 .menu li{
  list-style:none;
  float:left;
  padding:0;
  border:0;
  background:none;
 }
 
.menu li a {
  color: #303030;
  font-size: 18px;
  padding: 32px 20px;
  font-weight:normal;
  height:auto;
  line-height:25px;
  font-family: 'Roboto', sans-serif;
  float:left;
}
 
.menu li a:hover, .menu li a.current{
   color:#fff;
   text-decoration:none;
   background:#1fa3db;
 }

/*carousel css start here*/

.main_container_slider {
    /*width: 1170px;*/
    margin: 0px auto;
}

.slider_section.home_page {
    width: 100%;
    float: left;
    /*min-height: 500px;*/
    text-align: center;
}

.slider_section.home_page, .main_container_slider, #myCarousel {
    width: 100%;
}

.carousel-inner, .carousel-inner .item, .carousel-inner img {
    width: 100%;
    height: auto;
}

    .carousel-inner img {
        width: 100%;
        height: auto;
    }

.carousel-indicators {
    bottom: 10px;
}

    .carousel-indicators li {
        background-color: #333;
    }

    .carousel-indicators .active {
        background-color: #fff;
    }

.carousel-control {
    width: 5%;
}

    .carousel-control.left, .carousel-control.right {
        background-image: none;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
        font-size: 30px;
        color: #333;
    }


/* Custom CSS for the fade effect */

.carousel.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

.carousel.carousel-fade .carousel-inner .active {
    opacity: 1;
    transition: opacity 2s ease-in-out;
}

    .carousel.carousel-fade .carousel-inner .active.left,
    .carousel.carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
        transition: opacity 2s ease-in-out;
    }

.carousel.carousel-fade .carousel-inner .next.left,
.carousel.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    z-index: 2;
    transition: opacity 2s ease-in-out;
}

.carousel.carousel-fade .carousel-control.left,
.carousel.carousel-fade .carousel-control.right {
    background-image: none;
}

.carousel.carousel-fade .carousel-control .glyphicon-chevron-left,
.carousel.carousel-fade .carousel-control .glyphicon-chevron-right {
    font-size: 30px;
    color: #333;
}

.carousel.carousel-fade .carousel-indicators {
    bottom: 10px;
}

    .carousel.carousel-fade .carousel-indicators li {
        background-color: #333;
    }

    .carousel.carousel-fade .carousel-indicators .active {
        background-color: #fff;
    }

/*.carousel.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

.carousel.carousel-fade .carousel-inner .active {
    opacity: 1;
    transition: opacity 2s ease-in-out;
}

    .carousel.carousel-fade .carousel-inner .active.left,
    .carousel.carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
        transition: opacity 2s ease-in-out;
    }

.carousel.carousel-fade .carousel-inner .next.left,
.carousel.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    z-index: 2;
    transition: opacity 2s ease-in-out;
}

.carousel.carousel-fade .carousel-control.left,
.carousel.carousel-fade .carousel-control.right {
    background-image: none;
}

.carousel.carousel-fade .carousel-control .glyphicon-chevron-left,
.carousel.carousel-fade .carousel-control .glyphicon-chevron-right {
    font-size: 30px;
    color: #333;
}

.carousel.carousel-fade .carousel-indicators {
    bottom: 10px;
}

    .carousel.carousel-fade .carousel-indicators li {
        background-color: #333;
    }

    .carousel.carousel-fade .carousel-indicators .active {
        background-color: #fff;
    }*/


/*carousel css end here*/

 .contact{float:right; color:#fff; padding:6px 10px 0 0px;}
.search_box{ float:right; }
.search_box input[type=text]{ border:0; padding:5px 10px; background:#fff url(../images/search_icon.png) 96% 8px no-repeat; color:#000; min-width:150px;}
.top_social-icons{ float:left; width:100%;}
.top_social-icons ul{ list-style-type:none; float:left; margin:0; padding:0; width:100%;}
.top_social-icons ul li{ list-style-type:none; display:inline; margin:0 6px; float:left; background:#393939; padding:4px 5px;}
.banner_section{ float:left; width:100%; position:relative;}
.banner_section.home_page{ float:left; width:100%; background:url(../images/banner.png); min-height:500px;}
.banner_section img{ width:100%; height:auto;}
.mid_section{ float:left; width:100%; margin:10px 0 0px; padding:10px 0 0px;}
.introduction_section{ float:left; width:100%; text-align:center;}
.introduction_section h1{ color:#303030; font-size:46px; font-weight:bold; text-transform:uppercase; position:relative; padding-bottom:25px;}
.introduction_section h1:after{ position:absolute; content:''; background:url(../images/heading_bg.png) no-repeat; left:43%; bottom:0; min-width:140px; height:20px;}
.introduction_section p{ color:#303030; font-size:14px; margin:15px 0 10px; padding:10px;}
.introduction_section p a{ color:#fbb13b;}
.page_not_found > p {    font-size: 16px;}
.page_not_found a {
    color: rgba(69, 102, 180, 0.9) !important;
    font-size: 20px;
}
.features_Section{ float:left; width:100%; margin:0px; background:#f5f5f5; padding:20px 0 30px;}
.features_Section h1{ color:#303030; font-size:46px; font-weight:bold; text-transform:uppercase; position:relative; padding-bottom:25px; text-align:center;}
.features_Section h1:after{ position:absolute; content:''; background:url(../images/heading_bg.png) no-repeat; left:43%; bottom:0; min-width:140px; height:20px;}
.features_listing{ float:left; width:100%; margin:15px 0;}
.features_listing ul{ margin:0; padding:0;}
.features_listing ul li{ float:left; width:19%; margin:5px 0.5%; list-style-type:none; position:relative;}
.features_listing ul li img{ max-width:100%;}
.large_icon{ float:none; margin:0px auto; width:150px; height:150px; border-radius:50%; background:#f5f5f5; border:solid 1px #7b7f82; padding:58px 52px;}
.features_name{font-size:16px; color:#797979; float:left; width:100%; margin:10px 0; text-align:center;}

.view_all-box{ float:left; width:100%; margin:30px 0; text-align:center;}
.view_all_btn{ background:#303030; color:#fff; border-radius:5px; padding:7px 50px; font-size:18px;}

.business_Section{ float:left; width:100%; background:url(../images/business_bg.png); background-size:cover; padding:20px 0 10px;}
.business_Section h1{ color:#303030; font-size:46px; font-weight:bold; text-transform:uppercase; position:relative; padding-bottom:25px; text-align:center;}
.business_Section p{ text-align:center; margin:10px 0; padding:10px;}
.business_Section p a{ color:#fbb13b;}
.business_Section h1:after{ position:absolute; content:''; background:url(../images/heading_bg.png) no-repeat; left:43%; bottom:0; min-width:140px; height:20px;}
.business_category{ float:left; width:100%; margin:20px 0 10px;}
.business_category ul{ margin:0px 0 10px; padding:0; float:left; width:100%;}
.business_category ul li{ list-style-type:none; float:left; width:23%; margin:5px 1%;}
.category1{ 
   float:left; 
  background-color: rgb(255, 255, 255);
  box-shadow: 2.5px 4.33px 8px 0px rgba(156, 150, 150, 0.5);
  border-top:solid 2px #004550;
  width:100%; padding:32px 0px 0px;
  text-align:center;
 }
p.comedyclubtextcontact {color: red;}
.category1.blue{ border-color:#4566b4;}
.category1.green{ border-color:#e96969;}
.category1.black{ border-color:#303030;}
.business_icon{ width:65px; height:65px; border-radius:50%; background:#f5f5f5; padding:13px 10px; float:left; margin-left:35%; border:solid 1px #7b7f82;}
.business_icon:hover{ background:#f7e1e1;}
.category1 p{ font-size:18px; color:#797979; float:left; width:100%; margin:25px 0 20px;}
.category_readmore{ float:left; width:100%; margin:10px 0 0 0px; padding:20px 0px; border-top:solid 1px #7b7f82;}


.demo_section{ float:left; width:100%; margin:0px 0 0px; background:url(../images/newsletter.png); padding:15px 0;}
.live_demo{ float:left; width:100%; text-align:center;}
.live_demo h1{ font-size:52px; color:#fff; text-transform:uppercase; font-weight:bold;}
.live_demo h1 a.request_demo{ background:#1fa3db; color:#fff; font-weight:bold; padding:10px 20px; font-size:18px; position:relative; top:-12px; text-transform:initial;}

.footer_container{ float:left; width:100%; padding:20px 0 35px; background:#393939;}
.footer_inner{ float:left; width:100%; padding:10px 0;}
.footer_column{ float:left; width:100%;}
.footer_column h1{ color:#fff; font-size:20px; border-bottom:solid 1px #fff; padding-bottom:12px; width:70%; font-weight: 600; margin-bottom:15px;}
p.desc_para{ color:#fff; margin:10px 0; padding-right:20px; font-size:12px;}
.newsletter_area{ float:left; width:100%;}
.newsletter_area h2{ font-size:20px; color:#fff; margin:10px 0; font-weight:600;}
.relative_space{float:left; width:100%; position:relative;}
.newsletter_area input[type=text]{ border:0; padding:7px 10px; background:#fff; color:#000; min-width:75%;}
.newsletter_area input[type=button]{ border:0; padding:7px 10px; background:#fff url(../images/newsletter-submit.png) 96% 8px no-repeat; position:absolute; left:66%; font-size:0; min-width:30px; height:30px; top:2px;}
.footer_links{ margin:0; padding:0;}
.footer_links li{ list-style-type:none; float:left; width:50%;}
.footer_links li a{ color:#fff; font-size:12px;}
.footer_column address{ color:#fff;}
.bottom_social-icons{ float:right;}
.bottom_social-icons ul{margin:0; padding:0;}
.bottom_social-icons ul li{ display:inline; float:left; margin:0 3px;}

.copyright{margin-bottom:0; background:#1b1b1b; float:left; width:100%; padding:15px 0;}
.copyright p{ color:#fff; margin:0; text-align:center; font-size:12px;}


.services_Section{ float:left; width:100%; margin:25px 0 40px;}
.services_Section ul{ margin:0; padding:0;}
.services_Section ul li{ list-style-type:none; float:left; width:33.3%; text-align:left; padding:25px 15px; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; min-height:230px;}
.services_Section ul li:nth-child(3n+3){ border-right:0;}
.service_icon{width:100%; margin:10px 0;}
.introduction_section.service_page p{ margin:0px 0 5px; padding-top:0;}
.services_Section ul li.no_border_down{ border-bottom:0;}
.services_Section ul li h4{ color:#e96969; margin:10px 0; text-transform:uppercase;}

.contact_area{ float:left; width:100%; margin:20px 0; padding-bottom:10px;}
.contact_row{ float:left; width:100%; margin:5px 0;}
.contact_row label{ float:left; width:100%; text-align:left; padding:2px 0;}
.contact_row input[type=text]{ float:left; width:95%; padding:5px; border:solid 1px #ccc;}
.contact_row textarea{ float:left; width:95%; padding:5px; border:solid 1px #ccc; min-height:100px;}
.contact_row input[type=submit]{ background:#303030; color:#fff; border-radius:5px; padding:7px 20px; font-size:18px; border:0; float:left;}
.map_usa{ float:left; width:100%;}
.map_usa img{ width:100%; height:auto;}
.contact_area address{ margin:15px 0 0px; font-size:16px; float:left; text-align:left; width:100%;}
.contact_row.captcha input[type="text"]{ width:50%;}

.tier_sections{ float:left; width:100%; margin:10px 0;}
.tier_sections ul{ margin:0 0px 20px; padding:0;}
.tier_sections ul li{ float:left; width:100%; list-style-type:none; padding:10px 0; text-align:left; border-bottom:solid 1px #ddd;}
.tier_sections ul li:last-child{ border-bottom:0;}
.tier_sections ul li p{ padding-left:0; margin-left:0;}

/*  Popup css   */
.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  z-index:111;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  text-align:center;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}


.banner_left{ float:left; width:33%; padding:40px 0;}
.box11{ float:left; width:100%; border-radius:10px; background:rgba(0,0,0,0.55); padding:10px; margin:10px 0;}
.box11 p, .box22 p, .box33 p, .box44 p{ color:#fff; margin:0; text-transform:uppercase; font-size:16px;}
.box22{ float:left; width:100%; border-radius:10px; background:rgba(69,102,180,0.9); padding:10px; margin:10px 0;}
.box33{ float:left; width:100%; border-radius:10px; background:rgba(0,0,0,0.55); padding:10px; margin:10px 0;}
.box44{ float:left; width:100%; border-radius:10px; background:rgba(69,102,180,0.9); padding:10px; margin:10px 0;}

.banner_right{ float:left; width:67%;}
.white_heading{ float:left; width:95%; background:rgba(255,255,255,0.7); padding:12px 10px; margin-top:340px; margin-left:5%;}
.white_heading h1{ font-size:28px; text-transform:uppercase; font-family: 'Raleway', sans-serif; font-weight:600; margin:0;}
.banner-title{position:absolute; max-width:1170px; top:40%; left:8%; width:100%;}
.banner-title h1{ text-align:center; color:#fff; margin:0; font-size:45px; font-weight:bold;}


@media (min-width: 801px) and (max-width: 1170px) {
.main_container{ width:98%;}
.introduction_section h1, .news_Section h1, .business_Section h1{ font-size:40px;}
.category1 p{ font-size:16px;}
.live_demo h1{ font-size:46px;}
.popup{ width:60%; left:19%; padding:1%;}
.banner-title{ top:40%; max-width:100%; left:0;}
.banner-title h1{ font-size:40px;}

}

@media (min-width: 768px) and (max-width: 800px) {
.main_container{ width:98%;}
.menu li a{ font-size:14px;}
.introduction_section h1, .news_Section h1, .business_Section h1{ font-size:35px;}
.category1 p{ font-size:15px;}
.footer_column address{ word-wrap:break-word;}
.features_listing ul li{ width:32%;}
.live_demo h1{ font-size:40px;}
.tier_sections h3{ font-size:22px;}
.popup{ width:80%; left:9%; padding:1%;}
.box11 p, .box22 p, .box33 p, .box44 p{ font-size:15px;}
.white_heading h1{ font-size:24px;}
.box11, .box22, .box33, .box44{ margin:5px 0;}
.banner-title{ top:35%; max-width:100%; left:0;}
.banner-title h1{ font-size:38px;}

}

@media (min-width: 381px) and (max-width: 767px) {
 .main_container{ width:98%;}
 .slicknav_menu{ display:block;}
.nav{ display:none;}
.logo{ text-align:center; width:100%;}
.logo img{ width:auto;}
.introduction_section h1, .news_Section h1, .business_Section h1, .features_Section h1{ font-size:30px;}
.news_listing ul li{ width:98%; margin-bottom:2%;}
.business_category ul li{ width:98%; margin-bottom:3%;}
.top_social-icons{ text-align:center; margin-bottom:10px;}
.top_social-icons ul li{ float:none;}

.footer_container{ padding-left:10px; padding-right:10px;}
.copyright{ padding-left:10px; padding-right:10px;}
.bottom_social-icons{ width:100%; text-align:center;}
.bottom_social-icons ul li{ float:none;}
.copyright p{ text-align:center; margin-bottom:10px;}
.news_Section h1::after, .business_Section h1::after, .introduction_section h1::after, .features_Section h1::after{ left:40%;}
.news_listing ul li img{ width:100%;}
.business_icon{ margin-left:45%;}
.responsive_mb{ width:50% !important; float:left;}
.features_listing ul li{ width:49%;}
.services_Section ul li{ width:50%;}
.map_usa{ margin-top:15px;}
.tier_sections{ width:98%; margin-left:1%;}
.tier_sections ul li{ text-align:center;}
.tier_sections h3{ font-size:20px;}
.popup{ width:80%; left:9%; padding:1%;}
.popup h2{ font-size:20px;}
.popup .content{ max-height:300px;}

.banner_left{ width:100%; padding:10px 0;}
.banner_right{ width:100%;}
.white_heading{ width:100%; margin:0;}
.banner_section.home_page{ padding-bottom:20px; min-height:inherit;}
.box11 p, .box22 p, .box33 p, .box44 p{ font-size:15px;}
.white_heading h1{ font-size:22px;}
.box11, .box22, .box33, .box44{ margin:5px 0;}
.banner-title{ top:30%; max-width:100%; left:0;}
.banner-title h1{ font-size:36px;}

}
 @media (min-width: 381px) and (max-width: 480px) {
.responsive_mb{ width:100% !important; float:left;}
.features_listing ul li{ width:49%;}
.live_demo h1{ font-size:35px;}
.live_demo h1 a.request_demo{ top:2px; float:left; width:100%;}
.news_Section h1::after, .business_Section h1::after, .introduction_section h1::after, .features_Section h1::after{ left:37%;}
.introduction_section h1, .news_Section h1, .business_Section h1, .features_Section h1{ font-size:30px;}
.services_Section ul li{ width:100%;}
.map_usa{ margin-top:15px;}
.tier_sections{ width:98%; margin-left:1%;}
.tier_sections ul li{ text-align:center;}
.tier_sections h3{ font-size:18px;}
.popup{ width:90%; left:4%; padding:1%;}
.popup h2{ font-size:20px;}
.popup .content{ max-height:300px;}
.banner_left{ width:100%; padding:10px 0;}
.banner_right{ width:100%;}
.white_heading{ width:100%; margin:0;}
.banner_section.home_page{ padding-bottom:20px; min-height:inherit;}
.box11 p, .box22 p, .box33 p, .box44 p{ font-size:14px;}
.white_heading h1{ font-size:20px;}
.box11, .box22, .box33, .box44{ margin:5px 0;}
.banner-title{ top:25%; max-width:100%; left:0;}
.banner-title h1{ font-size:35px;}
}
 @media (min-width: 240px) and (max-width: 380px) {
.main_container{ width:98%;}
.slicknav_menu{ display:block;}
.nav{ display:none;}
.logo{ text-align:center; width:100%;}
.logo img{ width:auto;}
.introduction_section h1, .news_Section h1, .business_Section h1{ font-size:30px;}
.news_listing ul li{ width:98%; margin-bottom:2%;}
.business_category ul li{ width:98%; margin-bottom:3%;}
.top_social-icons{ text-align:center; margin-bottom:10px;}
.top_social-icons ul li{ float:none;}

.footer_container{ padding-left:10px; padding-right:10px;}
.copyright{ padding-left:10px; padding-right:10px;}
.bottom_social-icons{ width:100%; text-align:center;}
.bottom_social-icons ul li{ float:none;}
.copyright p{ text-align:center; margin-bottom:10px;}
.news_Section h1::after, .business_Section h1::after, .introduction_section h1::after{ left:30%;}
.news_listing ul li img{ width:100%;}
.features_listing ul li{ width:99%;}
.live_demo h1{ font-size:30px;}
.live_demo h1 a.request_demo{ float:left; width:100%; top:5px;}
.features_Section h1{ font-size:30px;}
.features_Section h1::after{ left: 30%;}
.services_Section ul li{ width:100%;}
.map_usa{ margin-top:15px;}
.tier_sections{ width:98%; margin-left:1%;}
.tier_sections ul li{ text-align:center;}
.tier_sections h3{ font-size:18px;}
.popup{ width:90%; left:4%; padding:1%;}
.popup h2{ font-size:20px;}
.popup .content{ max-height:300px;}

.banner_left{ width:100%; padding:10px 0;}
.banner_right{ width:100%;}
.white_heading{ width:100%; margin:0;}
.banner_section.home_page{ padding-bottom:20px; min-height:inherit;}
.box11 p, .box22 p, .box33 p, .box44 p{ font-size:14px;}
.white_heading h1{ font-size:20px;}
.box11, .box22, .box33, .box44{ margin:5px 0;}
.banner-title{ top:20%; max-width:100%; left:0;}
.banner-title h1{ font-size:35px;}
}