@charset "utf-8";
.no-right-padding {
    padding-right: 0;
}

.no-left-padding {
    padding-left: 0;
}
.page-banner {
    background-image: url(../img/page-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
	height: 300px;
}
.page-banner h3 {
    background-color: #2fc2d4;
    color: #fff;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.5px;
    line-height: 31px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 11px 24px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    max-width: 100%;
	border-radius: 15px;
}
.page-title {
    margin-top: 105px;
}


/* CSS Document */

.page-hdr{    
	margin: auto;
    width: 25%;
    font-size: 50px;
    text-align: center;
    background: red;
    border-radius: 40px;
}
.page-hdr:before {border-left:2px solid #fff;}
.c1{border: 4px double #1cebf6;
    padding: 10px;
    background: #0a696e;
	}
.c1 img {margin-bottom:15px}
.c2{border: 3px solid #fefafa;
    padding-top: 15px;
    background: transparent;
    border-radius: 0px;
    margin-top: 15px;
	}
.c2 img{border: 4px double #1cebf6;margin-bottom:15px}
.c3{margin-top:15px}
.c3 img{border: 4px double #1cebf6;margin-bottom:15px}
.c4{}
.c4 img{border: 4px double #1cebf6;margin-bottom:15px}
body{ margin:0; padding:0;}
c1 img{border: 5px solid red;}
p{text-align:justify;}

/*------start top header---------*/
.top-txt1{width:100%;color: #0a696e;background: #1cebf6;text-align: center;letter-spacing: 30px;text-transform: uppercase;padding: 4px;font-weight: bold;margin-bottom: 50px;}
.top-txt2{width:100%;color: #fff;background: #522f03;text-align: center;letter-spacing: 30px;text-transform: uppercase;padding: 4px;font-weight: bold;margin-bottom: 50px;}
.top-header{ background:#00ccff; width:100%; height:auto; padding-bottom:5px;}
.top-header h4 a{font-size:14px; color:#000;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; float:left; margin-left:50px; letter-spacing:1px;}
.top-header span{color:#000; padding-right:10px;}
.top-header i {color:#FFFFFF; margin-top:7px;  cursor:pointer; float:right; background:#000; padding:6px; margin-right:10px;}

@media (max-width:768px){
.top-header i { display:none;}	
.top-header h4 a{ line-height:30px; letter-spacing:0.8px;}	

}

/*-----start navbar---------*/
.cr-bold{font-weight:bold;color:#fff;}
.cr-bold a{font-weight:bold;color:#fff;}
.cr-bold a:hover{font-weight:bold;color:#f58c27;text-decoration:none}
.social-icons{margin: 0;padding: 0;width: auto;text-align:center;}
.social-icons li {display: inline-block;margin: -1px 1px 5px 0;padding: 0;border-radius: 100%;overflow: visible;}


.sub-menu ul{list-style:none;padding-left: 0;margin-top:30px;}
.sub-menu ul li{border-left: 1px solid #505050;float:left;color:#fff;font-size:13px;font-weight:500;margin-right:10px;}
.sub-menu li:first-child {border: medium none;padding-left: 0;}
.sub-menu ul li a{color:#fff;text-decoration:none;margin-left:15px;}
.sub-menu ul li a:hover{color:#000;transition:0.5s;} 

.navbar{ background-color:transparent !important;}


.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{color:#fff !important; border:#f46b42 !important;  background:none !important;}
#logo{ margin-top:-15px;}
.icon-bar{background-color:#f4a941 !important;}

/*=====start main content==========*/
.section-1{ background: #000; margin-top: -20px;
}
.section-1 img{ margin-top:40px;}
.section-1 h1{font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"; color:#fff; font-weight:800; letter-spacing:2px; margin-top:40px; font-size:22px;}
.section-1 p {font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#777777; font-weight:400; letter-spacing:1px;  font-size:16px; text-align:justify; line-height: 25px;}
.section-2{background:#000;}
.section-2 img{width: 100%; height: auto; margin:20px 0px;}
.section-2 p {font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#777777; font-weight:400; letter-spacing:1px;  font-size:16px; text-align:justify; line-height: 25px;}

.footer{background:#0a696e; width:100%; height:auto; padding-bottom:10px;border-top:2px solid #10e1ec;}
.footer h3{color:#fff; font-size:22px; font-weight:400; letter-spacing:1.5px;font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; border-bottom:1px dotted #fff; line-height:70px;}
.footer p{ font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#fff; text-align:center; line-height:25px; letter-spacing:0.7px; font-size:14px; margin-top:25px;}
.footer h4 a{font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#fff; font-size:16px; font-weight:400; letter-spacing:1.5px; line-height:35px;}
.footer span{color:#fff; padding-right:15px;}
.footer i{color:#fff; padding:15px; margin-top:20px; font-size:16px; }
.footer i:hover{ border-radius:100%; transition: all ease-in-out 0.8s;}
.menu ul{ list-style:none; margin:0;}
.menu ul li{font-family: 'Arsenal'; color:#fff; font-size:16px; font-weight:400; letter-spacing:1px; margin-bottom:20px;border-bottom:1px dotted #fff;}
.menu ul li a{ color:#fff; text-decoration:none;}
.menu ul li a:hover{color:#ff0066; transition:0.5s;}

/*scroll top button*/
.scrollToTop{position:fixed; right:10px; bottom:10px; width:50px; height:50px; font-size:20px; line-height:50px; text-align:center;
 color:#fff !important;  z-index:999; display:none; transition:all 0.3s ease; background:#fff; border-radius:30px; 
 text-decoration:none !important;}
.scrollToTop span{display:block; margin-top:14px; transition:all 0.2s ease-in-out; color:#0a696e; font-size:25px;}
.scrollToTop:hover span{margin-top:10px;}

/*start about*/

@media (max-width:1268px){
	.section-about{background:#cccccc; width:100%; height:auto;}
	.section-about h2{ border:1px solid red; width:80px; margin-left:20px;}
    .section-about h1{font-family: 'Comfortaa'; color:#000; font-size:24px; padding-top:20px; font-weight:600; text-indent:20px;}
	}
.section-about ul li{ list-style:none; float:left; margin-left:5px; padding-top:10px; font-weight:600; font-size:14px; letter-spacing:0.8px;font-family: 'Comfortaa'; font-style:italic; color: #fff;} 
.section-about ul li a{ text-decoration:none; color:#fff; transition:all 0.2s ease-in-out;}
.section-about ul li:hover a{color:#F4383B;}
.section-about ul li a.a_active{color:#ff0066;}
.section-about span{padding:0px 5px; color:#009846; font-size:18px;}

.section-about02{background:#000;}
.section-about02 p {font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color:#777777; font-weight:400; letter-spacing:1px;  font-size:16px; text-align:justify; line-height: 25px;}


/*------Start price-----------*/

* {
    box-sizing: border-box;
}

.columns {
    float: left;
    width:100%;
    padding: 12px;
	margin:20px 0px;
}

/*START RATE TABLE*/

.pricing_table {
    line-height: 150%; 
    font-size: 16px; 
    margin: 0 auto; 
 
    max-width: 800px; 
    padding-top: 10px;
    margin-top: 21px;
}
 
.price_block {
    width: 100%; 
    color: #fff; 
    float: left; 
    list-style-type: none; 
    transition: all 0.25s; 
    position: relative; 
    box-sizing: border-box;
     
    margin-bottom: 10px; 
    border-bottom: 1px solid transparent; 
}

.pricing_table h3 {
    text-transform: uppercase;
    padding: 5px 0;
    background: #1992b2;
    margin: -10px 0 1px 0;
    text-align: center;
    font-size: 20px;
}
.price {
    display: table; 
    background:#1b4c5e;
    width: 100%; 
    height: 70px; 
}
.price_figure {
    font-size: 24px; 
    text-transform: uppercase; 
    vertical-align: middle; 
    display: table-cell;
}
.price_number {
    font-weight: bold; 
    display: block;
	text-align: center;
}

.features {
    background: #1dc7f4;
    color: #000;
}
.features li {
    padding-bottom: 10px;
    border-bottom: 1px solid #223d88;
    font-size: 16px; 
    list-style-type: none;
}

 
.action_button {
    text-decoration: none; 
    color: #fff; 
    font-weight: bold; 
    border-radius: 5px; 
    background: #10b7e4;
    padding: 15px 20px; 
    font-size: 16px; 
    text-transform: uppercase;
}

.price_block:hover {
    box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); 
    transform: scale(1.04) translateY(-5px); 
    z-index: 1; 
    border-bottom: 0 none;
}
.price_block:hover .price {
    background:linear-gradient(#222222, #1992b2); 
    box-shadow: inset 0 0 45px 1px #222222;
}
.price_block:hover h3 {
    background: #222;
}
.price_block:hover .action_button {
    background: linear-gradient(#8ab7f9, #8ab7f9);
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
    .price_block {width: 50%;}
    .price_block:nth-child(odd) {border-right: 1px solid transparent;}
    .price_block:nth-child(3) {clear: both;}
     
    .price_block:nth-child(odd):hover {border: 0 none;}
}
.book {
    padding: 15px;
    background: #1992b2;
    color: #fff;
    text-align: center;
}

/*END PRICE TABLE*/

.button {
    background-color:#ff0066;
    border: none;
    color: #fff;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}
@media handheld, only screen and (max-width: 480px) {
    .top-txt1{width:100%;font-size:12px;color: #0a696e;background: #1cebf6;text-align: center;letter-spacing: 18px;text-transform: uppercase;padding: 4px;font-weight: bold;margin-bottom: 50px;}
}
@media handheld, only screen and (max-width: 320px) {
    .top-txt1{width:100%;font-size:10px;color: #0a696e;background: #1cebf6;text-align: center;letter-spacing: 15px;text-transform: uppercase;padding: 4px;font-weight: bold;margin-bottom: 50px;}
}