/*
Theme Name: Silver Voit
Theme URI: https://www.mytheme.com/themes/sv/
Author: the Creative team
Author URI: https://www.mytheme.com/
Description: The sv theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: sv
*/

/*----------intial declartaion of css----------*/
*{margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
html {-webkit-text-size-adjust: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none; height:0;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:''; content:none}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em;}
sub{bottom:-0.25em}
nav ul,nav ol{list-style:none; list-style-image:none;}
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline;}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none; cursor:pointer; }
button:focus{outline:none !important}
/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a{text-decoration:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table { border:0 none; border-collapse:collapse; border-spacing:0;}
td { vertical-align:top; }
img { border:0 none; max-width:100%; }
a{ outline:none; cursor:pointer;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;text-decoration: none;color:#000;}
a:hover{text-decoration: none;color:#315569;}
a:focus{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important}
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
.clear{ clear:both;}  
img{ max-width:100%;}
ol, ul{margin-left: 15px;margin-bottom:20px;}
ol li, ul li{color:#616161;font-family: "Montserrat", sans-serif;font-weight:500;font-size:16px}

/* For modern browsers */ 
.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both;}
.cf{*zoom:1;clear: both}
/* For IE 6/7 (trigger hasLayout) */

strong{font-weight: 700;}
p{font-size:16px;padding-bottom:25px;font-family: "Montserrat", sans-serif;font-weight: 500;color:#263745;line-height: 25px}
h1{font-size:70px;font-family: "Noto Serif TC", serif;font-weight:400;margin-bottom:30px;line-height:1.08;letter-spacing:0.5px;}
h2{font-size:40px;font-family: "Montserrat", sans-serif;font-weight:400;margin-bottom: 25px;line-height:47px;letter-spacing:0.1px;}
h3{font-size:32px;margin-bottom:20px;font-family: "Montserrat", sans-serif;font-weight: 400;line-height:1.22}
h4{font-size:28px;margin-bottom:20px;font-family: "Montserrat", sans-serif;font-weight: 400;line-height:32px;}
h5{font-size:24px;margin-bottom:20px;font-family: "Montserrat", sans-serif;font-weight: 400;line-height:32px;}
h6{font-size:20px;margin-bottom:20px;font-family: "Montserrat", sans-serif;font-weight: 400;line-height:32px;}
body {margin: 0; padding: 0;font-family: "Montserrat", sans-serif;font-weight: 500;font-size:16px;color:#263745}
.btn{color:#52390F;background:#E3D4BB;font-size:21px;font-family: "Montserrat", sans-serif;font-weight: 500;border: none; -webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;line-height: 1.2;transition: 0.5s all ease-in-out}
.btn-primary{color:#fff;background:#001C71;padding:13px 25px;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important;border-radius: 50px}
.btn-primary:hover,
.btn-primary:focus{background:#3BA9F8;color:#fff}




.wrapper{position: relative;overflow: hidden;padding-top: 99px}
.container{max-width:1200px;width:100%;padding:0 15px;margin: 0 auto}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

/* Header section style start here*/
.header-main{position: fixed;top:0;z-index: 99;width:100%;background: #fff;padding:18px 0;}

.header-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:0;position: relative;flex-wrap: wrap;}
.header-main.fixed{-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);}
.header-main.fixed .header-wrap{border-bottom: none}
.header-wrap .logo{width:40%}
.header-wrap .logo a{display: block;vertical-align: middle;font-size:0}
.header-wrap .reach-us { width: 60%; text-align: right;padding-right: 25px}
ul.reach-us-listing { display: flex; align-items: center; justify-content: flex-end;margin: 0;}
ul.reach-us-listing li {list-style: none;margin-right: 20px;font-size: 20px;font-family: 'Montserrat', sans-serif;font-weight: 700}
ul.reach-us-listing li:last-child{margin-right: 0}
ul.reach-us-listing li a { font-size: 20px; color: #001C71; font-weight: 700; font-family: 'Montserrat', sans-serif;letter-spacing: 0.6px}
ul.reach-us-listing li a:hover{color:#3BA9F8}
ul.reach-us-listing li a svg,
ul.reach-us-listing li a img{margin-right: 8px; position: relative; top: 1px;transition: 0.5s all ease-in-out}
ul.reach-us-listing li a svg path{transition: 0.5s all ease-in-out}
ul.reach-us-listing li a:hover svg path { fill: #3BA9F8; }
/* Header section style ends here*/

.hero-banner{padding:125px 0 98px;background-position: center center;background-repeat: no-repeat;background-size: cover;position: relative;}
.hero-banner:after{position: absolute; content: ""; background: rgb(0, 28, 112); background: linear-gradient(90deg, rgba(0, 28, 112, 1) 0%, rgba(59, 169, 248, 1) 100%); width: 100%; height: 9px; bottom: 0;}
.banner-content{max-width: 820px;width: 100%;margin: 0 auto;}
.banner-content .banner-top-content{text-align: center;}
.banner-content h1{color: #fff;letter-spacing: 1.8px;margin-bottom: 35px;position: relative;padding-bottom: 25px}
.banner-content h1:after{position: absolute;content:"";background: #3BA9F8;bottom: 0;width: 70%;height: 3px;left: 0;right: 0;margin: 0 auto;}
.banner-content p{color: #fff;font-size: 20px;line-height: 1.6}
.banner-listing { padding-top: 85px; }
.banner-listing-wrap { display: flex; flex-wrap: wrap; } 
ul.listing-column{margin: 0 -10px;display: flex;flex-wrap: wrap;}
ul.listing-column li{background: #fff; margin:0 10px 25px; border-radius: 3px; padding: 10px 20px;list-style: none;width:calc(50% - 20px)}
ul.listing-column li .listing-data { display: flex; flex-wrap: wrap; align-items: center;justify-content: space-between;}
ul.listing-column li .listing-data .title{padding-right:10px}
ul.listing-column li .listing-data .title h6{margin-bottom: 0;font-size: 16px;color:#001C71;font-weight: 700}
ul.listing-column li .listing-data .link-listing { display: flex; align-items: center; }
ul.listing-column li .listing-data .link-listing .link { padding: 7px 15px; font-size: 12px; background: #3BA9F8; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 400; text-transform: uppercase; margin-right: 12px; border-radius: 5px; display: flex; max-width: 78px; justify-content: center; align-items: center; }
ul.listing-column li .listing-data .link-listing .link:last-child { margin-right: 0; }
ul.listing-column li .listing-data .link-listing .link img { display: inline-block; vertical-align: middle;margin-right: 5px}
ul.listing-column li .listing-data .link-listing .link:hover{background:#001C71}


.location-block{padding: 42px 0 0;}
.location-block .location-wrap{text-align: center;}
.location-block .location-wrap figure{margin-bottom: 20px}
.location-details h6{font-weight: 700;color:#666766;font-size: 15px;line-height: 1.6;margin-bottom: 0}
.location-details p{font-size: 15px;color:#666766;}
.location-details p a{color: #666766}
.location-details p a:hover{color: #001C71}
.location-details { padding: 20px 0; }

.footer-main{padding:50px 0 20px;background: #F7F7F7}
.footer-main .container{max-width: 1010px}
.footer-main p{font-size: 14px;color:#666766;}
.footer-main .copyright-cont{text-align: center;display: flex;align-items: center;justify-content: center;}
.footer-main .copyright-txt p{padding-bottom: 0}
.copyright-links{padding-left: 10px}
.copyright-links a { color: #666766; font-size: 14px;color:#666766;position: relative;padding: 0 10px}
.copyright-links a:before { position: absolute; content: ""; background:#666766; width: 1px; height: 13px; top: 50%; transform: translateY(-50%); left: 0; }
.footer-main .copyright-cont p a{color:#666766;position: relative;padding: 0 10px}
.footer-main .copyright-cont p a:first-child{margin-left: 5px}
.footer-main .copyright-cont p a:last-child{margin-right: 0}
.footer-main .copyright-cont p a:before { position: absolute; content: ""; background:#666766; width: 1px; height: 13px; top: 50%; transform: translateY(-50%); left: 0; }
.footer-main .bottom-content{text-align: center;padding: 10px 0 0}
.footer-main .copyright-cont p a:hover{color:#001C71}
.error-main { text-align: center; width: 100%; padding: 144px 0; }
.error-main h1 { color: #001C71; line-height: 1;font-weight: 700}
.error-main h2 { color: #001C71;}
.error-main .title-heading-wrap { max-width: 588px; width: 100%; margin: 0 auto; }
.error-main .title-heading-wrap p{padding-bottom: 50px}

.page-content-default{padding-bottom: 50px}
.page-content-default p{color:#666766}
.page-content-default p a{text-decoration: underline;color:#666766}
.page-content-default p a:hover{color:#001C71}
@media(max-width:1920px){
   
}
@media(max-width:1600px){

}
@media(max-width:1400px){ 
 
}
@media(max-width:1199px){ 
    h1{font-size: 60px}
    h2{font-size: 34px}
    .banner-content p{font-size: 18px}
    .error-main{padding: 50px 0 70px}

}
@media(max-width:1024px){
    h1{font-size: 48px}
    h2{font-size: 30px}
    .hero-banner{padding: 80px 0}

}
@media(max-width:991px){
    h1{font-size: 45px;line-height: 1.2}

    .banner-listing{padding-top: 60px}
    ul.listing-column li{padding: 10px 15px}
    ul.listing-column li .listing-data .title h6{font-size: 14px}
    .copyright-links{padding: 20px 0 30px}
    .copyright-links a:first-child{padding-left: 0}
    .copyright-links a:first-child:before{display: none}
    .footer-main .copyright-cont{flex-wrap: wrap;justify-content: center;}
    .copyright-txt{width:100%}
    .copyright-links{width:100%}

}
@media (max-width: 767px){
    .btn{font-size: 16px}
    .wrapper{padding-top: 135px}
    .header-main .container{padding: 0}
    .header-wrap .logo{width:100%;order:2;text-align: center;padding: 15px 20px}
    .header-wrap .logo a{max-width: 270px;width: 100%;margin: 0 auto;}
    .header-wrap .reach-us{width:100%;order:1;padding: 12px 20px;background: #F7F7F7}
    ul.reach-us-listing{justify-content: center;}
    .header-main{padding: 0}
    .hero-banner{padding: 65px 0 48px}
    .banner-content h1{padding-bottom: 12px;margin-bottom: 15px}
    .banner-listing{padding-top: 40px}
    ul.listing-column{margin: 0}
    ul.listing-column li{width:100%;margin: 0 0 20px}
    ul.listing-column li .listing-data .link-listing .link{font-size: 0;min-width: 47px;padding: 10px 12px}
    ul.listing-column li .listing-data .link-listing .link img{margin-right: 0}
    ul.listing-column li{margin:0 10px 15px;padding: 10px 12px 8px 20px}
}
@media(max-width:641px){ 

}
@media(max-width:481px){
  

}
@media(max-width:400px){
    .banner-content h1:after{width:100%}
}
@media (max-width:380px){
    h1{font-size: 36px}
    .wrapper { padding-top: 119px; }
    .banner-content p{font-size: 16px}
    ul.listing-column li{padding: 8px 10px}
    ul.listing-column li .listing-data .title h6{font-size: 14px;line-height: 1.3}
    ul.listing-column li .listing-data .link-listing .link { font-size: 0; min-width: 40px; padding: 10px 10px; margin-right: 5px; }
    ul.listing-column li .listing-data .title{width:65%}
    ul.listing-column li .listing-data .link-listing{width:35%;justify-content: flex-end;}
    .header-wrap .logo a{max-width: 100%;width:200px} 
    ul.reach-us-listing li a{font-size: 18px}
}