body{font-family: 'Calibri'; font-size:18px;}

*{margin:0; padding:0;}

a{}

h1{ font-size:48px; color:#fff;}


header{ background: url(../img/header-bg.png) no-repeat; background-size:100% 100%; width:100%; height:800px; position:relative; overflow:hidden;}

.rotate-logo{ position:absolute; right:-250px; top:-250px;}
.rotate-logo img{  -webkit-animation:spin-logo 60s linear infinite;
    -moz-animation:spin-logo 60s linear infinite;
    animation:spin-logo 60s linear infinite;
	}

@-moz-keyframes spin-logo { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin-logo { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin-logo { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.banner-icon-1, .banner-icon-2, .banner-icon-3, .banner-icon-4, .banner-icon-5 { position:absolute;}
.banner-icon-1{  left:200px; top:150px; 
	animation:spin-banner-icon-1 5s linear infinite; 
	-moz-animation:spin-banner-icon-1 5s linear infinite;
	-webkit-animation:spin-banner-icon-1 5s linear infinite;
}
@-moz-keyframes spin-banner-icon-1 {  0%{ top: 150px;} 50%{ top: 200px;} 100%{ top: 150px;}  }
@-webkit-keyframes spin-banner-icon-1 {  0%{ top: 150px;} 50%{ top: 200px;} 100%{ top: 150px;} }
@keyframes spin-banner-icon-1 {   0%{ top: 150px;} 50%{ top: 200px;} 100%{ top: 150px;}  }


.banner-icon-2{  left:200px; bottom:150px;
	animation:spin-banner-icon-2 10s linear infinite; 
	-moz-animation:spin-banner-icon-2 10s linear infinite;
	-webkit-animation:spin-banner-icon-2 10s linear infinite;
}
@-moz-keyframes spin-banner-icon-2 { 100% { -moz-transform: rotate(360deg); }  }
@-webkit-keyframes spin-banner-icon-2 { 100% { -webkit-transform: rotate(360deg); }  }
@keyframes spin-banner-icon-2 {  100% { transform: rotate(360deg); }   }


.banner-icon-3{  right:200px; bottom:150px;
	animation:spin-banner-icon-3 5s linear infinite; 
	-moz-animation:spin-banner-icon-3 5s linear infinite;
	-webkit-animation:spin-banner-icon-3 5s linear infinite;
}
@-moz-keyframes spin-banner-icon-3 {  0%{  bottom: 150px;} 50%{   bottom: 200px;} 100%{  bottom: 150px;}  }
@-webkit-keyframes spin-banner-icon-3 { 0%{   bottom: 150px;} 50%{   bottom: 200px;} 100%{   bottom: 150px;}   }
@keyframes spin-banner-icon-3 {   0%{   bottom: 150px;} 50%{   bottom: 200px;} 100%{  bottom: 150px;}   }


.banner-icon-4{  right:200px; top:150px;
	animation:spin-banner-icon-4 5s linear infinite; 
	-moz-animation:spin-banner-icon-4 5s linear infinite;
	-webkit-animation:spin-banner-icon-4 5s linear infinite;
}
@-moz-keyframes spin-banner-icon-4 { 0%{right: 200px;  } 50%{right: 250px; } 100%{right: 200px; }  }
@-webkit-keyframes spin-banner-icon-4 { 0%{right: 200px;  } 50%{right: 250px; } 100%{right: 200px; }  }
@keyframes spin-banner-icon-4 {  0%{right: 200px;  } 50%{right: 250px; } 100%{right: 200px; }   }


.banner-icon-5{  left:310px; top:360px;
	animation:spin-banner-icon-5 5s linear infinite; 
	-moz-animation:spin-banner-icon-5 5s linear infinite;
	-webkit-animation:spin-banner-icon-5 5s linear infinite;
}
@-moz-keyframes spin-banner-icon-5 { 0%{ transform:scale(1)} 50%{ transform:scale(1.4)} 100%{ transform:scale(1)}   }
@-webkit-keyframes spin-banner-icon-5 {  0%{ transform:scale(1)} 50%{ transform:scale(1.4)} 100%{ transform:scale(1)} }
@keyframes spin-banner-icon-5 {  0%{ transform:scale(1)} 50%{ transform:scale(1.4)} 100%{ transform:scale(1)}   }

.navbar-bg{ padding:5px 0; background:rgba(0, 0, 0, 0.5);}
.navbar-bg .navbar-nav .nav-item .nav-link{ color:#fff; font-size:18px; margin-left: 15px; }
.navbar-bg .navbar-nav .nav-item .nav-link:hover{ background:#fff; color:#414042; text-decoration:none; border-radius:4px;  }


.banner-wrap{ margin-top:120px;}
.banner-subheading { font-size:20px; color:#fff; margin-top:20px;}

.banner-btns{ margin-top:50px;}
.banner-btns a{ font-size:18px; padding:15px 30px; background:#fff; margin:10px; border-radius:100px;}
.banner-btns a:nth-child(1){ background:#f68b1f; color:#fff;}
.banner-btns a:nth-child(2){ background:#fff; color:#008e41;}

.banner-btns a:hover{ opacity:0.7;}


.slider-book{position:relative; margin-top:-350px;}
.slider-book .mac-pic{ width:100%;}

.screen-slider{ position:absolute; top:40px; left:188px; width:66%; height:78%; background:#fff;}
.screen-slider .carousel-item img{ width:100%; border:1px solid #d1d2d3; }

.screen-slider .carousel-indicators{ bottom:-30px;}
.screen-slider .carousel-indicators li{ background-color:#636366;}
.screen-slider .carousel-indicators li.active{ background-color:#008e41;}


.highlight-1, .highlight-2, .highlight-3{ min-height:120px; padding:15px; color:#fff; border-radius:4px; margin-bottom:30px; }

.highlight-1{ background:#008e41; }
.highlight-2{ background:#c2bfde; }
.highlight-3{ background:#0690c8; }


.features{background:#f8f6e3; padding:50px 0; margin-top:50px;}
h2{ font-size:48px; color:#002361; text-align:center;}
h4{color:#002361;}

.feature-box-wrap, #feature-box-wrap2{display:flex; justify-content:space-between; flex-wrap:wrap;}

.feature-box{ min-width:45%; max-width:48.5%; background:#fff; padding:15px; border-radius:4px; display:flex; box-shadow:0 0 20px #ddd; margin-top:30px;}
.feature-thumb{ margin-right:15px;}
.feature-box-content{}



.view-more-btn{ text-align:center; margin:40px 0;}
.view-more{ padding:10px 30px; background:#fff; border:1px solid #d1d2d3; border-radius:50px; color:#414042;}
.view-more:hover{ text-decoration:none; border:1px solid #0690c8;}


.pricing-wrap{ padding:50px 0; }

.custm-nav-user { justify-content:center; margin-top:45px;}

.custm-nav-user li  { border:1px solid #0068a5; border-radius:50px; padding:2px; font-size:24px;}
.custm-nav-user li:first-child { border-right:none; border-top-right-radius:0px; border-bottom-right-radius:0px;}
.custm-nav-user li:last-child { border-left:none; border-top-left-radius:0px; border-bottom-left-radius:0px;}

.custm-nav-user li .nav-link{ border-radius:50px;} 

.custm-nav-user .nav-link{  color:#0068a5;}
.custm-nav-user .nav-link.active{background:#0068a5; color:#fff;}


.radio-btn-selected{ font-size:20px; margin-top:30px; text-align:center; line-height:20px;}
.radio-btn-selected .custom-radio{ margin-bottom:15px;}
.custom-radio .custom-control-input:checked~.custom-control-label::before{ background-color:#008e41;}


.price-box{  border:1px solid #d1d2d3; margin-top:80px; border-radius:4px; }
.price-box-heading{position:relative; width:80%; padding:10px 5px; font-size:24px; text-align:center; background:#0690c8; color:#fff; border-radius:50px; margin:-30px auto auto auto; 
box-shadow: 0 0 16px #ccc; }
.price-box-heading span { font-size:16px; display:inline-block; padding:5px 10px; background:#fff; color:#0690c8; border-radius:50px;}

.price-box-price{ font-size:60px; color:#414042; padding:15px;}
.price-box-price p{ font-size:20px; color:#636366;}
.price-box-free{ text-align:center; padding-bottom:15px; border-bottom:1px solid #d1d2d3;}
.price-box-free a{ padding:10px 30px; border:1px solid #008e41; color:#008e41; border-radius:50px; display:inline-block; }
.price-box-free a:hover{ text-decoration:none; background:#008e41; color:#fff; }

.price-box-fetaures{ padding:15px;}
.price-box-fetaures ul li{ background:url(../img/tick-icon.png) no-repeat; padding-left:25px; background-position: 0px 5px; margin-bottom:10px;}


.price-box-buy{ text-align:center; padding-bottom:30px; padding-top:15px;}
.price-box-buy a { padding:10px 30px; background:#f68b1f; border:1px solid #f68b1f; color:#fff; border-radius:50px; display:inline-block; }
.price-box-buy a:hover{ text-decoration:none; background:#fff; color:#f68b1f; }


.testimonial-wrap{ padding:50px 0 80px 0; background:#fdf6ec url(../img/testmonial-bg.png) no-repeat; background-position:114% -159px;}
h3{ font-size:24px; color:#002361;}
.testi-wrap{ padding:20px; border-radius:4px; margin-bottom:40px; background:#fff url(../img/quote-icon.png) no-repeat; background-position:97% 85%; }
.user-content{ text-align:justify;}
.user-detail-wrap{ border-top:1px solid #d1d2d3; padding-top:20px; margin-top:30px; display:flex;}
.user-pic{ margin-right:15px;}
.user-detail{}

.testi-left-arrow.carousel-control-prev-icon, .testi-right-arrow.carousel-control-next-icon{ width:45px; height:25px; background-image:none; opacity:1; z-index:99999; }
.carousel-control-prev{left:-150px;}
.carousel-control-next{right:-150px;}
.testi-indicators{ bottom:-60px;}
.carousel-indicators.testi-indicators li{ background:#414042;}
.carousel-indicators.testi-indicators .active{ background:#008e41;}


.form-wrap{ padding:50px 0; }
.send-btn{ background:#f68b1f; font-size:24px; padding:15px 100px; color:#fff; margin-top:30px; border-radius:100px;}

footer{ background:#414042;}
.footer-links{ padding:20px 0; }
.footer-links a{ margin-right:20px; color:#fff; }
.footer-social{padding:20px 0; text-align:right;}
.footer-social a{ margin-left:10px;}
.footer-social a:hover{ opacity:0.5}

.footer-bottom{ background:#636366; padding:15px 0;}
.footer-bottom p{ margin:0; color:#fff;}








@media screen and (max-width: 1500px) {
	.banner-icon-1, .banner-icon-2, .banner-icon-3, .banner-icon-4, .banner-icon-5 { width:50px; height:auto;}	
	.banner-icon-1{  left:100px; top:280px; }
	@-moz-keyframes spin-banner-icon-1 {  0%{  top: 280px;} 50%{ top: 320px;} 100%{ top: 280px;}  }
	@-webkit-keyframes spin-banner-icon-1 {  0%{top: 280px;} 50%{ top: 320px;} 100%{ top: 280px;} }
	@keyframes spin-banner-icon-1 {   0%{ top: 280px;} 50%{ top: 320px;} 100%{ top: 280px;}  }


	.banner-icon-2{  left:120px; bottom:150px; }
	.banner-icon-3{  right:120px; bottom:150px; }
	@-moz-keyframes spin-banner-icon-3 {  0%{ bottom: 150px;} 50%{  bottom: 200px;} 100%{ bottom: 150px;}  }
	@-webkit-keyframes spin-banner-icon-3 { 0%{ bottom: 150px;} 50%{  bottom: 200px;} 100%{  bottom: 150px;}   }
	@keyframes spin-banner-icon-3 {   0%{ bottom: 150px;} 50%{  bottom: 200px;} 100%{  bottom: 150px;}   }


	.banner-icon-4{  right:200px; top:320px; }

	.banner-icon-5{  left:290px; top:340px; }
}


@media screen and (max-width: 1200px) {
	.banner-wrap{margin-top: 100px;}
	.banner-icon-1{  left:100px; top:320px; }
	@-moz-keyframes spin-banner-icon-1 {  0%{ top: 320px;} 50%{ top: 360px;} 100%{ top: 320px;}  }
	@-webkit-keyframes spin-banner-icon-1 {  0%{ top: 320px;} 50%{ top: 360px;} 100%{ top: 320px;} }
	@keyframes spin-banner-icon-1 {   0%{ top: 320px;} 50%{ top: 360px;} 100%{ top: 320px;}  }
	
	
	.banner-icon-2{  left:100px; bottom:110px; }
	.banner-icon-3{  right:70px; bottom:150px; }
	@-moz-keyframes spin-banner-icon-3 {  0%{  bottom: 150px;} 50%{ bottom: 200px;} 100%{ bottom: 150px;}  }
	@-webkit-keyframes spin-banner-icon-3 { 0%{  bottom: 150px;} 50%{ bottom: 200px;} 100%{ bottom: 150px;}   }
	@keyframes spin-banner-icon-3 {   0%{  bottom: 150px;} 50%{ bottom: 200px;} 100%{ bottom: 150px;}   }
	
	.banner-icon-4{  right:160px; top:340px; }
	@-moz-keyframes spin-banner-icon-4 { 0%{right: 160px;  } 50%{right: 120px; } 100%{right: 160px; }  }
	@-webkit-keyframes spin-banner-icon-4 { 0%{right: 160px;  } 50%{right: 120px; } 100%{right: 160px; }  }
	@keyframes spin-banner-icon-4 {  0%{right: 160px;  } 50%{right: 120px; } 100%{right: 160px; }   }
	
	.banner-icon-5{  left:100px; top:440px; }
	
	.screen-slider{ top:34px; left:160px; width:65.6%; height:78%; }
	
	.carousel-control-prev{left:-60px;}
	.carousel-control-next{right:-60px;}
	.carousel-control-next, .carousel-control-prev{width:auto;}
}


@media screen and (max-width: 992px) {
	.navbar-light .navbar-toggler { background-color:#fff; border-color: #fff; }
	.feature-box-wrap, #feature-box-wrap2{ display:block;}
	.feature-box{min-width: 100%; max-width: 100%;}
	.radio-btn-selected{ text-align:left;}
	.slider-book{margin-bottom: 440px;}
	.slider-book .mac-pic{ display:none; }
	.screen-slider{ top:20px; left:0px; width:100%; height:70%; }
	
	.carousel-control-prev{left:10px;}
	.carousel-control-next{right:10px;}
}
@media screen and (max-width: 768px) {
	header{height:600px;}
	.rotate-logo { right: -330px; top: -380px; }
	h1{font-size:32px;}
	.banner-subheading{font-size:16px;}
	.banner-btns {  margin-top: 30px; }
	.slider-book{margin-top: -180px;}
	
	.banner-icon-1 { left: 80px;  top: 126px; }
	@-moz-keyframes spin-banner-icon-1 {  0%{left: 80px; top: 126px;} 50%{left: 80px; top: 160px;} 100%{left: 80px; top: 126px;}  }
	@-webkit-keyframes spin-banner-icon-1 {  0%{left: 80px; top: 126px;} 50%{left: 80px; top: 160px;} 100%{left: 80px; top: 126px;} }
	@keyframes spin-banner-icon-1 {   0%{left: 80px; top: 126px;} 50%{left: 80px; top: 160px;} 100%{left: 80px; top: 126px;}  }
	
	.banner-icon-5{  left:75px; top:280px; }
	.banner-icon-4{  right:80px; top:120px; }
	@-moz-keyframes spin-banner-icon-4 { 0%{right: 80px;  } 50%{right: 120px; } 100%{right: 80px; }  }
	@-webkit-keyframes spin-banner-icon-4 { 0%{right: 80px;  } 50%{right: 120px; } 100%{right: 80px; }  }
	@keyframes spin-banner-icon-4 {  0%{right: 80px;  } 50%{right: 120px; } 100%{right: 80px; }   }
	
	.banner-icon-2{  left:70px; bottom:110px; }
	.slider-book { margin-bottom: 360px; }
	
	.carousel-control-next, .carousel-control-prev{ position:static; display:inline-block; margin-left: 28%;}
	.footer-links, .footer-social{text-align:center;}
	.footer-links a { margin-right: 10px; }
	
}


@media screen and (max-width: 650px) {
	.navbar-bg { padding: 5px 5px;}
	.banner-icon-1, .banner-icon-2, .banner-icon-3, .banner-icon-4, .banner-icon-5 { display:none;}	
	.banner-subheading{font-size:18px;}
	h2{ font-size:32px;}
	h3{ font-size:20px;}
}

@media screen and (max-width: 460px) {
	.feature-box{display:block; text-align:center;}
	.rotate-logo { right: -500px; top: -380px; }
	.slider-book { margin-top: -180px;     margin-bottom: 300px;}
}


@media screen and (max-width: 410px) {
	header{height:700px;}
	.rotate-logo { right: -600px; top: -260px; }
	.slider-book {
    margin-top: -140px;
    margin-bottom: 230px;
}
	.carousel-control-next, .carousel-control-prev{ margin-left: 22%;}
	
	 
}