/* Blue-flat */

body {background-color:#69a2d9;color:#006;font-size:10px;
    background: -webkit-radial-gradient(#6496c8,#476b8f); 
    background: -o-radial-gradient(#6496c8,#476b8f); 
    background: -moz-radial-gradient(#6496c8,#476b8f); 
    background: radial-gradient(#6496c8,#476b8f);
    }
    
@media screen {.w3-wrapper { margin:0px auto; max-width:1200px; box-shadow:8px 8px 40px #000; position:relative; background:#ebf8ff; z-index: 2;}}

/* Link formatting first general format */
a:link, a:visited {background:transparent; color:#000;font-weight:bold}
a:hover { background-color:#3483d1; color:#cddc39!important;}

/* Link formatting top menu format */ 
div#w3-top-menu-div ul li a:hover{  color:#ff0 !important; background:transparent !important;}
div#w3-top-menu-div ul li{  border-right: 1px solid #cddc39; display: inline;  text-align: center;  margin:  auto; }
.w3-menu-bar a:link ,   .w3-menu-bar a:visited { color:#cddc39 !important;font-weight:bold}
.w3-menu-bar a:hover,   .w3-menu-bar a:active  { background:#225487 !important;color:#ff0 !important;}

/* Link formatting country selection menu format */
.w3-menu a:link,        .w3-menu a:visited {color:#004 !important;font-weight:bold}
.w3-menu a:hover,       .w3-menu a:active { background:#3483d1!important;color:#cddc39 !important}

/* Link formatting footer link format */
.w3-footer a:link,         .footer a:visited {color:#cddc39 !important;font-weight:bold}

/* theme color setting */
 .w3-related, .w3-green,.w3-footer { border:2px solid #444; background:#225487 !important}
.w3-hover-green:hover {background:#225487!important;color:#cddc39 !important}

h1,h2 {color:#009;text-shadow:2px 2px 5px #888;font-style:italic;}
h3,h5 {color:#009;font-weight:bold}
    
.w3-border-double {border:double 3px black}
.w3-border-black,.w3-hover-border-black:hover{border-color:#aaa!important}
ul li:befor {color:#008}
ul li {color:#006} 
#w3-mobile-bar, #w3-menuwrapper { background-image: linear-gradient(to bottom ,#225487,#2c6eb0, #3688da )!important;color:#ff0 !important;opacity:.7}
 .related { background:#225487 !important;color:#ff0 !important;padding: 5px 10px}
 .w3-green, .w3-footer { background:#225487 !important;color:#ff0 !important;}
 
.w3-3d-effect-white {
    text-shadow: 0 1px 0 #444, 0 2px 0 #c9c9c9, 0 3px 0 #bbbbbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaaaaa, 0 0 2px #000, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); -webkit-transition: 1s all linear;-o-transition: 1s all linear;-ms-transition: 1s all linear; transition: 1s all linear;}

.w3-3d-effect-yellow {
    text-shadow: 1px 1px 0 #444, 2px 2px 0 #adb82f, 3px 3px 0 #9ba52a, 4px 4px 0 #8b9426, 5px 5px 0 #aaaa00, 
    0 0 2px #000, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); -webkit-transition: 1s all linear;-o-transition: 1s all linear;-ms-transition: 1s all linear; transition: 1s all linear;}

.skew { -moz-transform :skew(3deg, -3deg); -ms-transform :skew(3deg, -3deg); -webkit-transform :skew(3deg, -3deg); transform :skew( 3deg,-3deg ); width:80%; margin:0 auto;}
        
 .skewer {  position:absolute;top:50%;left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%)}

/* border fade blue*/
.w3-border-vert-fade  { border-left:2px solid;  border-right:2px solid ; border-image: linear-gradient(to bottom ,  rgba(238, 248, 255, 0) 1% ,rgba(34, 84, 135, 1) 50%, rgba(238, 248, 255, 0) 100%)  ;  border-image-slice: 1; } 

.w3-border-hor-fade { border-bottom:1px solid;  border-top:1px solid ;  border-image: linear-gradient(to right ,  rgba(238, 248, 255, 0) 1% ,rgba(34, 84, 135, 1) 50%, rgba(238, 248, 255, 0) 100%)  ;  border-image-slice: 1; } 

.w3-border-left-fade  { border-left:2px solid;  border-image: linear-gradient(to bottom ,  rgba(238, 248, 255, 0) 1% ,rgba(34, 84, 135, 1) 50%, rgba(238, 248, 255, 0) 100%)  ;  border-image-slice: 1; } 
    
.w3-border-right-fade  { border-right:2px solid ; border-image: linear-gradient(to bottom ,  rgba(238, 248, 255, 0) 1% ,rgba(34, 84, 135, 1) 50%, rgba(238, 248, 255, 0) 100%)  ; border-image-slice: 1; } 
    
.w3-border-top-fade {  border-top:1px solid ; border-image: linear-gradient(to right ,  rgba(238, 248, 255, 0) 1% ,rgba(34, 84, 135, 1) 50%, rgba(238, 248, 255, 0) 100%)  ;   border-image-slice: 1; } 

.w3-border-bottom-fade {  border-bottom:1px solid;  border-image: linear-gradient(to right ,  rgba(238, 248, 255, 0) 1% ,rgba(34, 84, 135, 1) 50%, rgba(238, 248, 255, 0) 100%)  ;  border-image-slice: 1; } 

/* border rainbow */ 
.w3-border-left-rainbow {  border-left:2px solid; border-image: linear-gradient( to bottom ,  rgba(255,41,44,1) 1%,  rgba(255,44,206,1) 11%, rgba(162,49,255,1) 22%,   rgba(49,48,255,1) 33%,  rgba(56,169,255,1) 44%,  rgba(60,255,207,1) 55%,  rgba(96,255,61,1) 66%,  rgba(229,255,60,1)77%,   rgba(255,156,57,1)88%,  rgba(255,76,60,1) 100% );  border-image-slice: 1; } 
   
.w3-border-right-rainbow { border-right:2px solid ; border-image: linear-gradient( to bottom ,  rgba(255,41,44,1) 1%,  rgba(255,44,206,1) 11%, rgba(162,49,255,1) 22%,   rgba(49,48,255,1) 33%,  rgba(56,169,255,1) 44%,  rgba(60,255,207,1) 55%,  rgba(96,255,61,1) 66%,  rgba(229,255,60,1)77%,   rgba(255,156,57,1)88%,  rgba(255,76,60,1) 100% ); border-image-slice: 1; } 
   
.w3-border-vert-rainbow { border-left:2px solid; border-right:2px solid ; border-image: linear-gradient( to bottom ,  rgba(255,41,44,1) 1%,  rgba(255,44,206,1) 11%, rgba(162,49,255,1) 22%,   rgba(49,48,255,1) 33%,  rgba(56,169,255,1) 44%,  rgba(60,255,207,1) 55%,  rgba(96,255,61,1) 66%,  rgba(229,255,60,1)77%,   rgba(255,156,57,1)88%,  rgba(255,76,60,1) 100%  ); border-image-slice: 1; } 

select { background-color: whitesmoke;   border: thin solid #ccc;   border-radius: 4px;  display: inline-block; font: inherit;  line-height: 1.5em; padding: 0.5em 3.5em 0.5em 1em;
margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }

select.classic { background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%),  linear-gradient(to left, #225487, white); background-position: calc(100% - 20px) calc(1em + 2px),  calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px,  5px 5px,  2.5em 2.5em;   background-repeat: no-repeat; }

select.classic:focus { background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to left, #bbb, white);  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0; background-size: 5px 5px, 5px 5px,  2.5em 2.5em;  background-repeat: no-repeat;  border-color: #ccc; outline: 0;}

.w3-bgimg-props, .w3-head-props {background-color:#225487 !important;}

/* The progress bar (scroll indicator) */
.ReadingProgressBar {height: 4px; background: #225487 !important ;width: 0%;}

@media only screen and (min-width:1200px)  {.tempsite {position:absolute;top:25px;left:-35px;-moz-transform :skew(45deg, -45deg); -ms-transform :skew(45deg, -45deg); -webkit-transform :skew(45deg, -45deg); transform :skew( 45deg,-45deg );background-color:lime;z-index:4 }}
input:focus, textarea:focus {border:1px solid #225487}
#myProgress {width:1%;height:3px;background-color:#225487 !important;perspective: 4px;}