/*-----------------------------------------------------------------------------------

	Theme Name: Notify 
	Theme URI: http://
	Description: The Multi-Purpose popup notification template
	Author: captivlab
	Author URI: http://themeforest.net/user/captivlab
	Version: 1.0
	
	main Fonts    : Monsteratt, Nunito, Poppins

-----------------------------------------------------------------------------------*/


body{
	background: #D1D1D1;
	overflow-x: hidden;
	font-family: 'Nunito', sans-serif;
}

h2{
	font-size: 24px;
}
#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

.list-group-item{
	background-color: #1273eb;
	color:#ffffff;
}

.list-group-item-action:focus, .list-group-item-action:hover{
	background-color: #9cc3f2 !important;
	border: 1px solid rgba(42, 57, 68, 0.125) !important;
}
.bg-light{
	background: #ffffff !important;
	color:#000000;
}

.menu-bar{
	background:#1273eb !important;
}

textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
button,
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus {
  box-shadow: inset 0 -1px 0 #ddd;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}


/*-----------------------------------------------------------------------------------

Template 1

-----------------------------------------------------------------------------------*/

#demo1{
	font-family: 'Montserrat', sans-serif;
}

#demo1 h2{
	color:#F09595;
	font-weight: bold;
}

#demo1 .close{
	position: absolute;
    right: 10px;
    top: 5px;
    box-shadow: none;
}

#demo1 .modal-body{
	padding:40px;
}

#demo1 .btn{
	background: #36B5B0;
	color:#ffffff;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

/*-----------------------------------------------------------------------------------

End Template 1

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------

Template 2

-----------------------------------------------------------------------------------*/

#demo2{
	font-family: 'Montserrat', sans-serif;
}

#demo2 a{
	text-decoration: none;
}

#demo2 h2{
	color:#00918E;
	font-weight: bold;
}

#demo2 .close-bg{
	position: absolute;
    right: 0px;
    top: 0;
    background: #00918E;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
}

#demo2 .close{
	color:#ffffff;
	text-shadow:none;
	box-shadow: none;
}

#demo2 .logo{
	position: absolute;
    bottom: 70%;
    right: 34%;
}

#demo2 .modal-body{
	padding:40px;
}

#demo2 .inactive{
	color:#A7A7A7;
}

#demo2 .active{
	color:#00918E;
	font-weight: bold;
}


@media (min-width: 768px) {
		#demo2 .logo{
		position: absolute;
	    bottom: 55%;
	    right: 40%;
	}
		#demo2 .close-bg{
		position: absolute;
	    right: -45px;
	    top: 0;
	    background: #00918E;
	    padding: 5px 15px 5px 15px;
	    color: #ffffff;
	}
}


/*-----------------------------------------------------------------------------------

End Template 2

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------

Template 3

-----------------------------------------------------------------------------------*/

#demo3{
	font-family: 'Montserrat', sans-serif;
}

#demo3 a{
	text-decoration: none;
}

#demo3 h2{
	color:#8E44AD;
	font-weight: bold;
}

#demo3 .header{
	padding: 40px 40px 30px 40px;
	background: #FBF2FF;
}
#demo3 .close-bg{
	position: absolute;
    right: 0px;
    top: 0;
    background: #4E4ABD;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
}

#demo3 .close{
	color:#ffffff;
	text-shadow:none;
	box-shadow: none;
}

#demo3 .logo{
	position: absolute;
    bottom: 70%;
    right: 34%;
}

#demo3 .modal-body{
	padding:20px 40px 40px 40px;
	font-size: 14px;
}

#demo3 input{
	font-size: 14px;
	border:none;
	color: #000000;
}

#demo3 select{
	border:none;
	font-size: 14px;
	color: #000000;
}

#demo3 label{
	font-weight: bold;
	line-height: 0;
	color: #8E44AD;
}

#demo3 .inactive{
	color:#A7A7A7;
}

#demo3 .active{
	color:#4E4ABD;
	font-weight: bold;
}


@media (min-width: 768px) {
		#demo3 .logo{
		position: absolute;
	    bottom: 55%;
	    right: 40%;
	}
		#demo3.close-bg{
		position: absolute;
	    right: -45px;
	    top: 0;
	    background: #00918E;
	    padding: 5px 15px 5px 15px;
	    color: #ffffff;
	}
}


/*-----------------------------------------------------------------------------------

End Template 3

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------

Template 4

-----------------------------------------------------------------------------------*/

#demo4{
	font-family: 'Montserrat', sans-serif;
}

#demo4 a{
	text-decoration: none;
}


#demo4 .modal-content{
	background: #FCFAFA;
	border:none;
}
#demo4 h2{
	color:#000000;
	font-weight: bold;
}

#demo4 .header{
	padding: 40px 40px 20px 40px;
	border-top: 3px solid #64C4ED;
}

#demo4 .modal-body p{
	font-size: 14px;
}
#demo4 .text-header{
	font-size: 16px;
	color: #4F81C7;
	margin-bottom: 0px;
}
#demo4 .close-bg{
	position: absolute;
    right: -45px;
    top: 0;
    background: #4F81C7;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
}

#demo4 .close{
	color:#ffffff;
	text-shadow:none;
	box-shadow: none;
}

#demo4 .logo{
	position: absolute;
    bottom: 70%;
    right: 34%;
}

#demo4 .modal-body{
	padding:0px 40px 15px 40px;
	font-size: 14px;
}

#demo4 input{
	font-size: 14px;
	border:none;
	color: #000000;
	background: transparent;
}

#demo4 label{
	font-weight: bold;
	line-height: 0;
	color: #8E44AD;
}

#demo4 .inactive{
	color:#A7A7A7;
}

#demo4 .active{
	color:#4F81C7;
	font-weight: bold;
}


@media (min-width: 768px) {
		#demo4 .logo{
		position: absolute;
	    bottom: 55%;
	    right: 40%;
	}
		#demo4.close-bg{
		position: absolute;
	    right: -45px;
	    top: 0;
	    background: #00918E;
	    padding: 5px 15px 5px 15px;
	    color: #ffffff;
	}
}


/*-----------------------------------------------------------------------------------

End Template 4

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------

Template 5

-----------------------------------------------------------------------------------*/

#demo5{
	font-family: 'Montserrat', sans-serif;
}

#demo5 a{
	text-decoration: underline;
	color: #9B9B9B;
}


#demo5 .modal-content{
	background: #FCFAFA;
	border:none;
}
#demo5 h2{
	color:#000000;
	font-weight: bold;
}

#demo5 .header{
	padding: 40px 40px 10px 40px;
	border-top: 3px solid #64C4ED;
}

#demo5 .modal-body p{
	font-size: 14px;
}
#demo5 .text-header{
	font-size: 16px;
	color: #4F81C7;
	margin-bottom: 0px;
}
#demo5 .close-bg{
	position: absolute;
    right: 0px;
    top: 5px;
    padding: 5px 15px 5px 15px;
    color: #9B9B9B;
}

#demo5 .close{
	color: #9B9B9B;
	text-shadow:none;
	box-shadow: none;
}

#demo5 .logo{
	position: absolute;
    bottom: 70%;
    right: 34%;
}

#demo5 .modal-body{
	padding:0px 40px 15px 40px;
	font-size: 14px;
}

#demo5 input{
	font-size: 14px;
	border:1px solid #EBEBEB;
	color: #000000;
	background: transparent;
}

#demo5 .subscribe{
	background: #8FAEDA;
	color:#ffffff;
	font-weight: bold;
}
#demo5 label{
	font-weight: bold;
	line-height: 0;
	color: #8E44AD;
}

#demo5 .inactive{
	color:#A7A7A7;
}

#demo5 .active{
	color:#4F81C7;
	font-weight: bold;
}


@media (min-width: 768px) {
		#demo5 .logo{
		position: absolute;
	    bottom: 55%;
	    right: 40%;
	}
		
}


/*-----------------------------------------------------------------------------------

End Template 5

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------

Template 6

-----------------------------------------------------------------------------------*/

#demo6{
	font-family: 'Montserrat', sans-serif;
}

#demo6 a{
	text-decoration: underline;
	color: #9B9B9B;
}


#demo5 .modal-content{
	background: #FCFAFA;
	border:none;
}
#demo6 h2{
	color:#FFC740;
	font-weight: bold;
}

#demo6 .header{
	padding: 40px 40px 10px 40px;
}

#demo6 .modal-body p{
	font-size: 14px;
}

#demo6 .modal-content{
	background: #6400E4;
	color: #ffffff;
	border:none;
}

#demo6 .text-header{
	font-size: 16px;
	color: #4F81C7;
	margin-bottom: 0px;
}
#demo6 .close-bg{
	position: absolute;
    right: 0px;
    top: 5px;
    padding: 5px 15px 5px 15px;
    color: #9B9B9B;
}

#demo6 .close{
	color: #ffffff;
	text-shadow:none;
	box-shadow: none;
}

#demo6 .logo{
	position: absolute;
    bottom: 70%;
    right: 34%;
}

#demo6 .modal-body{
	padding:0px 40px 30px 40px;
	font-size: 14px;
}

#demo6 input{
	font-size: 16px;
	border:none;
	color: #ffffff;
	background: #5304B8;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

#demo6 .subscribe{
	background: #5304B8;
	color:#FFC740;
	font-weight: bold;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}
#demo6 label{
	font-weight: bold;
	line-height: 0;
	color: #8E44AD;
}

#demo6 .inactive{
	color:#A7A7A7;
}

#demo6 .active{
	color:#4F81C7;
	font-weight: bold;
}




/*-----------------------------------------------------------------------------------

End Template 6

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------

Template 7

-----------------------------------------------------------------------------------*/

#demo7{
	font-family: 'Nunito', sans-serif;
}

#demo7 a{
	text-decoration: underline;
	color: #9B9B9B;
}


#demo7 .modal-content{
	background: #FCFAFA;
	border:none;
}
#demo7 h2{
	color:#000000;
	font-weight: bold;
	font-size: 18px;
}

#demo7 .header{
	padding: 30px 30px 15px 0px;
}

#demo7 .modal-body p{
	font-size: 14px;
}

#demo7 .modal-content{
	background: #F7F8FC;
	color: #ffffff;
	border:none;
}

#demo7 .text-header{
	font-size: 16px;
	color: #4F81C7;
	margin-bottom: 0px;
}
#demo7 .close-bg{
	position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 15px 5px 15px;
    color: #9B9B9B;
}

#demo7 .close{
	color: #808080;
	text-shadow:none;
	box-shadow: none;
}

#demo7 .description{
	font-size: 14px;
	color: #8A8A8A;
}
#demo7 .logo{
	position: absolute;
    bottom: 70%;
    right: 34%;
}

#demo7 .modal-body{
	padding:0px 15px 0px 30px;
	font-size: 14px;
}

#demo7 input{
	font-size: 14px;
	border:none;
	color: #000000;
	background: #ffffff;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

#demo7 .subscribe{
	background: #83BCFF;
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
}
#demo7 label{
	font-weight: bold;
	line-height: 0;
	color: #8E44AD;
}

#demo7 .inactive{
	color:#A7A7A7;
}

#demo7 .active{
	color:#4F81C7;
	font-weight: bold;
}

#demo7 small{
	color:#8D8D8D;
}




/*-----------------------------------------------------------------------------------

End Template 7

-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------

Template 8

-----------------------------------------------------------------------------------*/

#demo8{
	font-family: 'Nunito', sans-serif;
}

#demo8 a{
	text-decoration: none;
}

#demo8 h2{
	color:#000000;
	font-weight: bold;
}

#demo8 .close-bg{
	position: absolute;
    right: 0px;
    top: 0;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
}

#demo8 .close{
	color:#000000;
	text-shadow:none;
	box-shadow: none;
}

#demo8 .price{
	font-size: 28px;
    font-weight: bold;
}

#demo8 .modal-body{
	padding:40px;
}

#demo8 .inactive{
	color:#A7A7A7;
}

#demo8 .subscribe{
	background: #000000;
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	border:0;
	padding-top: 10px;
    padding-bottom: 10px;
}




/*-----------------------------------------------------------------------------------

End Template 8

-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------

Template 9

-----------------------------------------------------------------------------------*/

#demo9{
	font-family: 'Nunito', sans-serif;
}

#demo9 a{
	text-decoration: underline;
	color: #9B9B9B;
}


#demo9 .modal-content{
	background: #FCFAFA;
	border:none;
}
#demo9 h2{
	color:#000000;
	font-weight: bold;
	font-size: 22px;
}

#demo9 .header{
	padding: 30px 30px 15px 0px;
}



#demo9 .modal-content{
	background: #F7F8FC;
	color: #ffffff;
	border:none;
}

#demo9 .text-header{
	font-size: 16px;
	color: #4F81C7;
	margin-bottom: 0px;
}
#demo9 .close-bg{
	position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 15px 5px 15px;
    color: #9B9B9B;
}

#demo9 .close{
	color: #808080;
	text-shadow:none;
	box-shadow: none;
}

#demo9 .description{
	font-size: 14px;
	color: #8A8A8A;
}
#demo9 .logo{
	position: absolute;
    bottom: 70%;
    right: 34%;
}

#demo9 .price{
	font-size: 22px;
    font-weight: bold;
    color: #000000;
}

#demo9 .modal-body{
	padding: 0px 15px 0px 15px;
	font-size: 14px;
}

#demo9 .subscribe{
	background: #83BCFF;
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	
}
#demo9 label{
	font-weight: bold;
	line-height: 0;
	color: #8E44AD;
}



#demo9 .active{
	color:#4F81C7;
	font-weight: bold;
}




/*-----------------------------------------------------------------------------------

End Template 9

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------

Template 10

-----------------------------------------------------------------------------------*/

#demo10{
	font-family: 'Nunito', sans-serif;
}

#demo10 a{
	text-decoration: none;
}

#demo10 p{
	color: #C7C7C7;
}
#demo10 h2{
	color:#000000;
	font-weight: bold;
}

#demo10 .close-bg{
	position: absolute;
    right: 0px;
    top: 0;
    padding: 5px 15px 5px 15px;
    color: #ffffff;
}

#demo10 .close{
	color:#ffffff;
	text-shadow:none;
	box-shadow: none;
}

#demo10 .price{
	font-size: 28px;
    font-weight: bold;
}

#demo10 .modal-body{
	padding:40px;
}

#demo10 input{
	font-size: 16px;
	border:none;
	color: #000000;
	background: #E8E9EB;
	padding-top: 10px;
    padding-bottom: 10px;
    height: 45px;
	
}

#demo10 .subscribe{
	background: #98AACF;
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	border:0;
	padding-top: 10px;
    padding-bottom: 10px;
}




/*-----------------------------------------------------------------------------------

End Template 10

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------

Template 11

-----------------------------------------------------------------------------------*/

#demo11{
	font-family: 'Nunito', sans-serif;
}

#demo11 a{
	text-decoration: underline;
	color: #9B9B9B;
}


#demo11 ::-webkit-input-placeholder {
  color: #BAE1DA;
}

#demo11 :-ms-input-placeholder { 
  color: #BAE1DA;
}

#demo11 ::placeholder {
  color: #BAE1DA;
}

#demo11 .modal-content{
	background: #FCFAFA;
	border:none;
}
#demo11 h2{
	color:#247BA0;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}

#demo11 .header{
	padding: 30px 30px 15px 0px;
}

#demo11 .description{
	font-size: 14px;
	text-align: center;
	color: #75A3B7;
}

#demo11 .modal-content{
	background: #B2DBBF;
	color: #000000;
	border:none;
}

#demo11 .text-header{
	font-size: 16px;
	color: #4F81C7;
	margin-bottom: 0px;
}
#demo11 .close-bg{
	position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 15px 5px 15px;
    color: #9B9B9B;
}

#demo11 .close{
	color: #808080;
	text-shadow:none;
	box-shadow: none;
}

#demo11 .price{
	font-size: 22px;
    font-weight: bold;
    color: #000000;
}

#demo11 .modal-body{
	padding: 0px 15px 0px 15px;
	font-size: 14px;
}

#demo11 input{
	font-size: 14px;
	border:none;
	color: #BAE1DA;
	background: #70C1B3;
	padding-top: 10px;
    padding-bottom: 10px;
    height: 45px;	
}

#demo11 .subscribe{
	background: #247BA0;
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	
}
#demo11 label{
	font-weight: bold;
	line-height: 0;
	color: #8E44AD;
}

#demo11 small{
	color:#70C1B3;
}


/*-----------------------------------------------------------------------------------

End Template 11

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------

Template 12

-----------------------------------------------------------------------------------*/

#demo12{
	font-family: 'Nunito', sans-serif;
}

#demo12 a{
	text-decoration: underline;
	color: #9B9B9B;
}


#demo12 ::-webkit-input-placeholder {
  color: #9D8189;
}

#demo12 :-ms-input-placeholder { 
  color: #9D8189;
}

#demo12 ::placeholder {
  color: #9D8189;
}

#demo12 .modal-content{
	background: #FFCAD4;
	border:none;
}
#demo12 h2{
	color:#75656A;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
}

#demo12 .header{
	padding: 30px 30px 15px 0px;
}

#demo12 .description{
	font-size: 14px;
	text-align: center;
	color: #BCA2A9;
}

#demo12 .modal-content{
	background: #FFCAD4;
	color: #000000;
	border:none;
}

#demo12 .text-header{
	font-size: 16px;
	color: #4F81C7;
	margin-bottom: 0px;
}
#demo12 .close-bg{
	position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 15px 5px 15px;
    color: #9B9B9B;
}

#demo12 .close{
	color: #808080;
	text-shadow:none;
	box-shadow: none;
}

#demo12 .price{
	font-size: 22px;
    font-weight: bold;
    color: #000000;
}

#demo12 .modal-body{
	padding: 0px 15px 0px 15px;
	font-size: 14px;
}

#demo12 input{
	font-size: 14px;
	border:none;
	color: #BCA2A9;
	background: #FFE5D9;
	padding-top: 10px;
    padding-bottom: 10px;
    height: 45px;	
}

#demo12 .subscribe{
	background: #9D8189;
	color:#FFE5D9;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	
}
#demo12 label{
	font-weight: bold;
	line-height: 0;
	color: #8E44AD;
}

#demo12 small{
	color:#70C1B3;
}


/*-----------------------------------------------------------------------------------

End Template 12

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------

Template 13

-----------------------------------------------------------------------------------*/

#demo13{
	font-family: 'Montserrat', sans-serif;
}

#demo13 h2{
	color:#000000;
	font-weight: bold;
}

#demo13 .close{
	position: absolute;
    right: 10px;
    top: 5px;
    box-shadow: none;
}

#demo13 .modal-body{
	padding:40px;
	background: #EBEFFF;
}

#demo13 .btn{
	background: #36B5B0;
	color:#ffffff;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

/*-----------------------------------------------------------------------------------

End Template 13

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------

Template 14

-----------------------------------------------------------------------------------*/

#demo14{
	font-family: 'Nunito', sans-serif;
}

#demo14 h2{
	color:#000000;
	font-weight: bold;
}

#demo14 .close{
	position: absolute;
    right: 10px;
    top: 5px;
    box-shadow: none;
}

#demo14 .modal-body{
	padding:40px;
	background: #ffffff;
	border-radius: 60px;
}

#demo14 .btn{
	background: #6886FF;
	color:#ffffff;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

#demo14 small{
	text-decoration: underline;
	color:#CCCCCC;
}

/*-----------------------------------------------------------------------------------

End Template 14

-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------

Template 15

-----------------------------------------------------------------------------------*/

#demo15{
	font-family: 'Nunito', sans-serif;
}

#demo15 h2{
	color:#000000;
	font-weight: bold;
}

#demo15 .close{
	position: absolute;
    right: 25px;
    top: 0px;
    box-shadow: none;
}

#demo15 .modal-body{
	padding:40px;
	border-radius: 60px;
}

#demo15 .btn{
	background: #6886FF;
	color:#ffffff;
	text-align: center;
	font-weight: bold;
	width: 100%;
	padding-bottom: 10px;
}


/*-----------------------------------------------------------------------------------

End Template 15

-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------

Template 16

-----------------------------------------------------------------------------------*/

#demo16{
	font-family: 'Nunito', sans-serif;
}

#demo16 h2{
	color:#ffffff;
	font-weight: bold;
}

#demo16 .close{
	position: absolute;
    right: 25px;
    top: 0px;
    box-shadow: none;
    z-index: 10;
}

#demo16 p{
	color: #ffffff;
}

#demo16 .modal-content{
	background: #4CB5AE;
}

#demo16 .modal-body{
	padding:40px;
	border-radius: 60px;
	background: #4CB5AE;
}

#demo16 .price{
	font-size: 38px;
	color:#000000;
	font-weight: bold;
}

#demo16 .discount{
	background: #D1E8E6;
    padding: 5px 10px 10px 10px;
    border-radius: 5px;
}
#demo16 .year{
	color:#ffffff;
}

#demo16 .peryear{
	font-size: 18px;
	color: #ffffff;
}

#demo16 .btn{
	background: #ffffff;
	color:#4CB5AE;
	text-align: center;
	font-weight: bold;

	padding-bottom: 10px;
}


/*-----------------------------------------------------------------------------------

End Template 16

-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------

Template 17

-----------------------------------------------------------------------------------*/

#demo17{
	font-family: 'Nunito', sans-serif;
}

#demo17 a{
	color: #D8D8D8;
}
#demo17 h2{
	color:#000000;
	font-weight: bold;
	font-size: 28px;
}

#demo17 .close{
	position: absolute;
    right: 10px;
    top: 5px;
    box-shadow: none;
}

#demo17 .modal-body{
	padding:40px;
	background: #ffffff;
	border-radius: 60px;
}

#demo17 .content-body{
	position: absolute;
    top: 300px;
    left: 0;
    padding: 15px;
}
#demo17 .btn{
	background: #6886FF;
	color:#ffffff;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

#demo17 small{
	text-decoration: underline;
	color:#CCCCCC;
}

/*-----------------------------------------------------------------------------------

End Template 17

-----------------------------------------------------------------------------------*/