@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
body{font-family:'Roboto',Arial,sans-serif;font-weight: 400;margin:0; padding: 0; color:#000000;font-size: 18px;}

h1,.h1 {font-family:'Roboto',Arial,sans-serif;font-weight: 700;font-size: 48px;}/*font-size: 36px;*/
h2,.h2 {font-family:'Roboto',Arial,sans-serif;font-size: 34px;}/*font-size: 30px;*/
h3,.h3 {font-family:'Roboto',Arial,sans-serif;font-size: 24px;}/*font-size: 24px;*/
h4,.h4 {font-family:'Roboto',Arial,sans-serif;font-size: 30px;}/*font-size: 20px;*/
h5,.h5 {font-family:'Roboto',Arial,sans-serif;font-weight: 400;}/*font-size: 18px;*/
h6,.h6 {font-family:'Roboto',Arial,sans-serif;font-weight: 400;}/*font-size: 12px;*/
p{word-break: break-word;font-size: 18px;}/*font-size: 1rem;*/



/*.text-white-50{color: rgba(255, 255, 255, .5);}
.text-blue-50{color: rgba(0, 0, 0, .5);}*/

/*---colours links---*/
a{color: #000000;}
a:hover{color: #666666;}

.link-light a,a.link-light{color: #ffffff;}
.link-light a:hover,a.link-light:hover{color: #f1f1f1;}

.link-primary a,a.link-primary{color: #07BAF4;}
.link-primary a:hover,a.link-primary:hover{color: #07BAF4;}

.bg-top-contain-url{background-size: contain; background-repeat: no-repeat;background-position: center top;}
.bg-center-contain-url{background-size: contain; background-repeat: no-repeat;background-position: center;}
.bg-top-url{background-size: cover; background-repeat: no-repeat;background-position: center top;}


.bg-center-url{background-size: cover; background-repeat: no-repeat;background-position: center center;}
.bg-bottom-url{background-size: cover; background-repeat: no-repeat;background-position: center bottom;}
.bg-center-left-url{background-size: cover; background-repeat: no-repeat;background-position: left center;}
.bg-bottom-right-url{background-size: cover; background-repeat: no-repeat;background-position: right bottom;}


.bg-dark{background-color: #000000 !important;}
.bg-light {background-color:#F1F1F1 !important;}
.bg-overlay-dark,.bg-overlay-dark>div{position: relative;}
.bg-overlay-dark:before{width:100%; height:100%; position:absolute; background-color: rgba(0, 0, 0, 0.60); content: '';}


.text-dark{color: #000000 !important;}
.text-underline{text-decoration: underline;}
.text-primary{color:#07BAF4 !important;}

.btn{font-family:'Roboto',Arial,sans-serif;font-weight: 700; letter-spacing: 3px;border-radius: 40px;}
/*.btn-dark{background-color: #381C1C;border-color: #381C1C;}
.btn-dark:hover{background-color: #000000;border-color: #000000;}
*/

.btn-warning{background-color: #FFBB5F;border-color: #FFBB5F;}
.btn-warning:hover{background-color:#DB983E;border-color: #DB983E;}
.btn-warning.focus, .btn-warning:focus{background-color: #DB983E;border-color: #DB983E;color: #ffffff;}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle {
    color: #ffffff;
    background-color: #FFBB5F;
    border-color: #DB983E;
}


/*.btn{font-weight: 600; font-size: 14px;}*/
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .show > .btn.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.btn.focus, .btn:focus{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}


.rounded{border-radius: 30px !important;}

/*header narber*/
.navbar-brand{max-width: 140px;}
.navbar-dark.navbar{margin-bottom: 0px;font-size: 1rem;}
.navbar-dark .navbar-nav>li{margin-left:5px;margin-right:5px;}

.navbar-dark .navbar-nav .nav-link{color: #ffffff !important;font-weight: 400;position: relative;}
.navbar-dark .navbar-nav>li>.nav-link:focus, 
.navbar-dark .navbar-nav>li>.nav-link:hover{color:#ffffff;position:relative;}
.navbar-dark .navbar-nav>.active>.nav-link,
.navbar-dark .navbar-nav>.active>.nav-link:focus,
.navbar-dark .navbar-nav>.active>.nav-link:hover{color:#ffffff;}

.navbar-dark .navbar-nav>li>.nav-link:after{content:'';position:absolute;display:block;width:0px;height:2px;top:auto;left:0;bottom:0;background-color:#ffffff;transition: 286ms all ease-out;opacity: 0;}
.navbar-dark .navbar-nav>li>.nav-link:hover:after{width:100%;opacity: 1;}
.navbar-dark .navbar-nav>.active>.nav-link:after{content:'';position:absolute;display:block;width:100%;height:2px;top:auto;left:0;bottom:0;background-color:#ffffff;}
/*navbar-toggler collapsed*/
.navbar-toggler{position: relative;}
.navbar-toggler span{background-color: #ffffff;display: block;height: 2px;left:0;position: absolute;transform-origin: center;transition: 86ms all ease-out;width: 30px;}
.navbar-toggler.collapsed span:nth-child(1){transform: translateY(-1px) rotate(0deg);}
.navbar-toggler.collapsed span:nth-child(2){opacity: 1;}
.navbar-toggler.collapsed span:nth-child(3){transform: translateY(1px) rotate(0deg);}

.navbar-toggler span:nth-child(1){transform: translateY(5px) rotate(45deg);top: calc(50% - 5px);}
.navbar-toggler span:nth-child(2){opacity: 0;top: calc(50% - 0px);}
.navbar-toggler span:nth-child(3) {transform: translateY(-5px) rotate(-45deg);top: calc(50% + 5px);}


.bs-nav-profile{width:35px; height:35px; text-align:center;line-height:35px;}
.bs-nav-profile-large{width:60px; height:60px; text-align:center;line-height:60px;}

.bg-dark-opc-6{background-color: rgba(0, 0, 0, 0.65);}
.bg-dark-opc-4{background-color: rgba(0, 0, 0, 0.4);}

.bg-warning{background-color: #FFBB5F !important;}
.bg-primary{background-color: #00A7FF !important;}

.bg-curl-t-b{position: relative;}
.bg-curl-t-b:before{position:absolute;content:'';top:0;left:0;width:100%;height:198px;display:block;transform: translateY(-98%); background-position:top center;background-repeat:no-repeat;background-size:cover;background-image: url(../images/bg-curl-top.png);}
.bg-curl-t-b:after{position:absolute;content:'';bottom: 0;left:0;width:100%;height:198px;display:block;transform: translateY(98%); background-position:bottom center;background-repeat:no-repeat;background-size:cover;background-image: url(../images/bg-curl-bottom.png);}

.py-nocurl-t-b{position: relative;padding-top:200px;padding-bottom:200px;}
.py-nocurl-t{position: relative;padding-top:200px;}
.py-nocurl-b{position: relative;padding-bottom:200px;}
.pb-nocurl-logo-t{position: relative;padding-top:350px;}
.pb-nocurl-logo-b{position: relative;padding-bottom:350px;}

.bg-curl2-b:after{position:absolute;content:'';bottom: 0;left:0;width:100%;height:250px;display:block;transform: translateY(98%); background-position:bottom center;background-repeat:no-repeat;background-size:cover;background-image: url(../images/bg-curl-b1.png);}

.bg-curl-t{position: relative;margin-top:200px;}
.bg-curl-t:before{position:absolute;content:'';top:0;left:0;width:100%;height:198px;display:block;transform: translateY(-98%); background-position:top center;background-repeat:no-repeat;background-size:cover;background-image: url(../images/bg-curl-top.png);}

.bg-curl-t2{position: relative;}
.bg-curl-t2:before{position:absolute;content:'';top:0;left:0;width:100%;height:198px;display:block;transform: translateY(-98%); background-position:top center;background-repeat:no-repeat;background-size:cover;background-image: url(../images/bg-curl-top.png);}

.bg-curl-logo-b{position:relative;}
.bg-curl-logo-b:after{position:absolute;content:'';bottom: 0;left:0;width:100%;height:376px;display:block;transform: translateY(98%); background-position:bottom center;background-repeat:no-repeat;background-size:cover;background-image: url(../images/bg-curl-logo-b.png);}

.bg-curl-line-t:before{position:absolute;content:'';top:0;left:0;width:100%;height:250px;display:block; background-position:top center;background-repeat:no-repeat;background-size:cover;background-image: url(../images/bg-curl-line-b.png);}

/*.form-control{font-size: 16px;}*/
/*.form-control{border-radius: 0px;}*/
/*.form-control:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);border-color: #ced4da;}*/
/*
.custom-select{background-size: 10px;background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-angle-down fa-w-10'%3E%3Cpath fill='%2307BAF4' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'%3E%3C/path%3E%3C/svg%3E");}
/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: #2C3E50;color: #ffffff;}
*/


textarea{resize: none;}




@media screen and (max-width: 1199px){

}
@media screen and (max-width: 991px){
	body{font-size: 16px;}
	h1,.h1 {font-size: 40px;}/*font-size: 36px;*/
	h2,.h2 {font-size: 30px;}/*font-size: 30px;*/
	h3,.h3 {font-size: 20px;}/*font-size: 24px;*/
	h4,.h4 {font-size: 18px;}/*font-size: 20px;*/
	h5,.h5 {font-weight: 400;}/*font-size: 18px;*/
	h6,.h6 {font-weight: 400;}/*font-size: 12px;*/
	p{font-size: 16px;}/*font-size: 1rem;*/
}
@media screen and (max-width: 767px){
	
}
@media screen and (max-width: 575px) {
	.navbar-brand{max-width: 180px;}
}
@media screen and (max-width: 499px){

}
@media screen and (max-width: 331px){
	
}
@media screen and (min-width: 576px) {
    
}
@media screen and (min-width: 768px){
    
}
@media screen and (min-width: 992px){
    .container{max-width: 1088px;width:100%;}
}
@media screen and (min-width:1200px) {
    .container{max-width: 1088px;width:100%;}
}


