/* Resets */
body,html,ul,ol,li,h1,h2,h3,h4,table,form,p{margin:0;padding:0;}img{border:0;}
textarea {font-family: inherit;font-size: inherit;}
*:focus {outline: 0;}
/*------------------------------------------------------------------*/
/* Default Styles													*/
/*------------------------------------------------------------------*/

@font-face {font-family: Roboto-Regular;src: url('Roboto-Regular.ttf');}
@font-face {font-family: Roboto-Bold;src: url('Roboto-Bold.ttf');}
@font-face {font-family: Roboto-Black;src: url('Roboto-Black.ttf');}
@font-face {font-family: Roboto-Italic;src: url('Roboto-Italic.ttf');}
@font-face {font-family: Roboto-LightItalic;src: url('Roboto-LightItalic.ttf');}

body {font-family: "Roboto-Regular", Arial, Verdana, sans serif;font-size: 18px;color: #111;margin: 0px;padding: 0px;}
.inv {display: none;}
.clr {clear: both;}

hr {width:100px;color: #fff; background-color: #fff; border: 4px solid #fdcb0a;border-style: none none solid;padding: 0px;margin: 26px auto;}

.dateb {color:#999;margin-bottom:12px}

address {font-style:normal;background:#eee;box-sizing:border-box;width:100%;padding:30px;border-radius:4px;}

#mobilemenugrip, #mobilemenu {display:none;}

.vc_btn3 {}
.vc_btn3:hover {background-color:#fdcb0a!important}

.home .vc_btn3-container {margin-top:-160px;}


/*------------------------------------------------------------------*/
/* Layout Styles													*/
/*------------------------------------------------------------------*/

.wrap {width: 1440px;margin: auto;position:relative;box-sizing:border-box;}

#header {height:70px;color:#333;background-color:#fff;border-bottom:3px solid #fdcb0a;}
#header h1 {width: 130px;height: 130px;position:absolute;top:10px;z-index:113;}
#header h1 a {background: url(../images/logo_cbs.png) no-repeat;text-indent: -1000em;display: block;width: 100%;height: 100%;background-size:130px 130px;}

#header #topmenu {position:absolute;right:0;top:30px;box-sizing:border-box;font-size:18px;text-decoration:none;color:#fff;}
#header #topmenu ul {text-transform:uppercase;}
#header #topmenu ul li {display:inline-block;margin:0 6px 0 6px;list-style:none;position:relative;height:42px;}
#header #topmenu ul li a {text-decoration:none;color:#0e4096;}
#header #topmenu ul li a:hover {color:#fdcb0a;}

/*-------dropdown--------*/
#header #topmenu ul ul {width:auto;box-sizing:border-box;padding: 58px 30px 20px 30px;margin: 0 0 0 0;list-style: none;position: absolute;z-index:847;border-bottom:10px solid #fdcb0a;border-top:3px solid #fdcb0a;

    left: -9999px;
    top: -9999px;

    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.2s ease-in-out;
    -ms-transition: -ms-transform 0.2s ease-in-out;
    -o-transition: -o-transform 0.2s ease-in-out;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}

#header #topmenu ul li:hover ul {border-radius:0 0 5px 5px;display:block;background:rgba(14, 64, 150, 0.8);;margin-top:16px;left: -40px;top: 24px;width:300px;-moz-transform: scaleY(1);-ms-transform: scaleY(1);-o-transform: scaleY(1);-webkit-transform: scaleY(1);transform: scaleY(1);}
#header #topmenu ul li li {margin-bottom:11px;height:auto;padding-left:5px;}
#header #topmenu ul li li a {color:#fff;}


#front-banner {}
#front-banner .wrap {z-index:55;position:absolute;top:300px;margin: auto;left:0;right:0;width: 1440px;box-sizing:border-box;}

#front-banner #hbox {width:520px;height:470px;background: rgba(14, 64, 150, 0.4);color:#fff;border-radius:30px;box-sizing:border-box;padding:70px 40px 10px 40px;}

#front-banner #hbox table {width:100%;margin:0 0 20px 0;}
#front-banner #hbox table td {padding:6px;width:33%;}
#front-banner #hbox .hitem {padding:20px 6px 20px 6px;box-sizing:border-box;border-radius:16px;background: rgba(14, 64, 150, 0.8);width:100%;height:auto;display:block;text-align:center;}
#front-banner #hbox .hitem:hover {background: rgba(14, 64, 150, 1)}
#front-banner #hbox .hitem img {width:67px;height:67px;}
#front-banner #hbox .hitem h4  {text-transform:uppercase;font-weight:normal;font-size:14px;}
#front-banner #hbox .hitem h4 a {color:#fff;text-decoration:none;}

#front-banner #hbox .button01 {border-radius:16px;background:#fdcb0a;color:#fff;text-decoration:none;text-transform:uppercase;text-align:center;display:block;width:100%;box-sizing:border-box;padding:14px 8px;}
#front-banner #hbox .button01:hover {opacity:0.8;}

#front-banner #slogan {position:absolute;top:130px;right:0;color:#fff;text-align:right;}
#front-banner #slogan h2 {font-weight:normal;font-size:52px;}
#front-banner #slogan h3 {font-weight:normal;font-size:28px;}

#sub-banner {background: url(../images/bg-sub.jpg) no-repeat #0e4096 center top;height:150px;width:100%;background-attachment: fixed;}

#content {padding:80px 0 50px 0;}
#content .wrap {line-height:26px;}
#content h2 {color:#0e4096;font-family: "Roboto-Regular", Arial, Verdana, sans serif;font-size:44px;margin-top:12px;margin-bottom:42px;}
#content h3 {line-height:42px;font-weight:normal;color:#0e4096;font-family: "Roboto-Regular", Arial, Verdana, sans serif;font-size:38px;margin-top:22px;margin-bottom:12px;}
#content h4 {color:#fdcb0a;font-family: "Roboto-Regular", Arial, Verdana, sans serif;font-size:28px;margin-top:12px;margin-bottom:8px;}
#content h5 {color:#fdcb0a;font-family: "Roboto-Regular", Arial, Verdana, sans serif;font-size:24px;margin-top:3px;margin-bottom:10px;}

#content p {margin:0 0 12px 0;}
#content a {color:#0e4096;text-decoration:none;}
#content a:hover {color:#fdcb0a;}

#content ul li {list-style-type: square;}

/*------------------------------------------------------------------*/
/* youtube responsive												*/
/*------------------------------------------------------------------*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom:30px;}
.video-container iframe,  .video-container object,  .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.entry-content img, .entry-content iframe, .entry-content object, .entry-content embed {max-width: 100%;}

.wpls-logo-showcase img {width:45%;height:auto;}


#footer {background:#0d4da2;color:#fff;padding:80px 0 0 0;}

#footer .col {float:left;width:25%;box-sizing:border-box;padding:0 20px 90px 0;}
#footer .col h3 {color:#fff;margin-bottom:40px;font-size:22px;font-weight:normal;}
#footer .col h3 a {color:#fff;text-decoration:none;transition: 0.3s;}
#footer .col h3 a:hover {opacity:0.7;}
#footer .col ul {list-style:none;}
#footer .col ul li {margin:0 0 14px 0;}
#footer .col ul li a {color:#fff;text-decoration:none;transition: 0.3s;}
#footer .col ul li a:hover {opacity:0.7;}

#footer p {margin:16px 0 16px 0;}
#footer p a{color:#fff;text-decoration:none;transition: 0.3s;}
#footer p a:hover {opacity:0.7;}

#footer .col:nth-child(1) {margin-left:0;line-height:24px;font-size:14px;}
#footer .col:nth-child(1) h3 {line-height:28px;}

#footer .col:nth-child(2) {padding-left:50px}
#footer .col:nth-child(2) img {opacity:0.41;margin-bottom:5px;width:100%;height:auto;transition: 0.3s;}
#footer .col:nth-child(2) img:hover {opacity:9;}
#footer .col:nth-child(2) a.loc {display:block;opacity:0.6;padding:15px 0 15px 0;text-transform:none;text-align:center;background-image: url(../images/icon_location.svg);background-repeat:no-repeat;background-size:30px 30px;background-position:12px 8px}
#footer .col:nth-child(2) a:hover {opacity:0.7;}
#footer .col:nth-child(3) {padding-left:30px}

#footer .col #phone {font-size:16px;color:#fff;text-decoration:none;padding:0 0 5px 0;display:inline-block;}
#footer .col #phone:hover {opacity:0.8;}
#footer .col #mobile {font-size:16px;color:#fff;text-decoration:none;padding:0 0 5px 0;display:inline-block;}
#footer .col #mobile:hover {opacity:0.8;}
#footer .col #email {font-size:16px;color:#fff;text-decoration:none;padding:0 0 5px 0;display:inline-block;}
#footer .col #email:hover {opacity:0.8;}

#footer #social {box-sizing:border-box;padding:20px 0 0 0;}
#footer #social img {opacity:0.6;transition: 0.3s;}
#footer #social img:hover {opacity:1;}

#bottom {border-top:1px solid #4179b7;box-sizing:border-box;padding:20px 0 40px 0;}
#bottom h2 {width: 64px;height: 64px;position:relative;float:left;}
#bottom h2 a {background: url(../images/logo_cbs.png) no-repeat;text-indent: -1000em;display: block;width: 100%;height: 100%;background-size:64px 64px;}
#bottom p {float:right;font-size:14px;padding-top:10px;line-height:22px;}
#bottom a {color:#b6babf;text-decoration:none;}
#bottom a:hover {color:#fff;}


/*------------------------------------------------------------------*/
/* Contact form															*/
/*------------------------------------------------------------------*/

.wpcf7-form input, .wpcf7-form textarea {font-size:18px;border:1px solid #999;background:#fcfcfc;padding:20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;width:100%;box-sizing: border-box;}
.wpcf7-submit {-webkit-appearance: none;margin:12px 0 12px 0;color:#fff;background:#0e4096!important;cursor:pointer;border:1px solid #0e4096!important;font-size:24px;text-transform:uppercase;padding:20px;box-sizing: border-box;font-weight:normal;}
.wpcf7-submit:hover {background:#fdcb0a!important;color:#fff;border:1px solid #fdcb0a!important;}





/*------------------------------------------------------------------*/
/* media mid size screen ex iPads									*/
/*------------------------------------------------------------------*/

@media only screen and (min-width: 1240px) and (max-width: 1530px) { 

#header #topmenu {right:40px;}
.wrap {width:100%;box-sizing:border-box;padding:30px;}
#front-banner .wrap {top:220px;width: 100%;}

#front-banner #slogan {right:40px;}
#front-banner #slogan h2 {font-size:40px;}
#front-banner #slogan h3 {font-size:22px;}

#content {padding:40px 40px 20px 40px;box-sizing:border-box;}

}


/*------------------------------------------------------------------*/
/* media mid size screen ex iPads									*/
/*------------------------------------------------------------------*/

@media only screen and (min-width: 1099px) and (max-width: 1239px) { 

#header #topmenu {right:40px;}
.wrap {width:100%;box-sizing:border-box;padding:30px;}
#front-banner .wrap {top:144px;width: 100%;}

#front-banner #slogan {right:40px;}
#front-banner #slogan h2 {font-size:32px;}
#front-banner #slogan h3 {font-size:20px;}

#content {padding:30px 36px 10px 36px;box-sizing:border-box;}

}


/*------------------------------------------------------------------*/
/* media mid size screen 2		 									*/
/*------------------------------------------------------------------*/

@media only screen and (min-width: 921px) and (max-width: 1098px) { 

#header #topmenu {right:40px;}
.wrap {width:100%;box-sizing:border-box;padding:30px;}
#front-banner {height:700px;background:#0e4096 url(../images/main-banner01.jpg) no-repeat;}
#front-banner .wrap {top:237px;width: 100%;}

#mslider {display:none;}

#front-banner #slogan {text-align:left;top:40px;left:40px;margin-top:-120px;}
#front-banner #slogan h2 {font-size:28px;}
#front-banner #slogan h3 {font-size:18px;}

#content {padding:30px 36px 10px 36px;box-sizing:border-box;}

#footer {padding-top:50px;}
#footer .col {float:none;width:100%;padding:30px;margin:0;box-sizing:border-box;}
#footer .col:nth-child(1) {width:100%;margin-left:0;}
#footer .col:nth-child(2) {width:100%;padding-left:30px}

#bottom {padding:0px 30px 30px 30px;box-sizing:border-box;}
#bottom h2 {width: 40px;height: 40px;position:relative;float:none;margin-top:20px;margin-bottom:10px;}
#bottom h2 a {background-size:40px 40px;}
#bottom p {float:none;padding-top:0px;}

}


/*------------------------------------------------------------------*/
/* media mobile														*/
/*------------------------------------------------------------------*/

@media only screen and (min-width: 580px) and (max-width: 920px) { 

#topmenu {display:none;}

#mobilemenugrip {display:block;position:absolute;right:30px;top:28px;width:34px;height:21px;text-indent:-1000em;background:url(../images/icon_grip.svg) no-repeat;background-size: 34px 21px;opacity:1;}

#mobilemenu {display:block;width:100%;z-index:82;position:absolute;left:-850px;background: rgba(15, 64, 150, 1);color:#fff;top:73px;padding:30px 0 20px 0;border-bottom:12px solid #fdcb0a;}
#mobilemenu a {color:#fff;text-decoration:none;}
#mobilemenu ul {margin:0 33px 0 0;font-size:26px;text-align:right;}
#mobilemenu ul li {list-style:none;font-weight:normal;padding:5px 0;}
#mobilemenu ul ul {margin:5px 0 0 0;padding:10px 0 10px 0;font-size:20px}
#mobilemenu ul li li{list-style:none;border-top:none;font-weight:normal;margin:0 0 0 18px;padding:0;}

.wrap {width:100%;box-sizing:border-box;padding:30px;}

#header {}

#header h1 {width: 100px;height: 100px;top:16px;left:20px;}
#header h1 a {background-size:100px 100px;}

#front-banner {height:700px;background:#0e4096 url(../images/main-banner01.jpg) no-repeat;}
#front-banner .wrap {top:237px;width: 100%;}

#front-banner #slogan {text-align:left;top:40px;left:40px;margin-top:-120px;}
#front-banner #slogan h2 {font-size:28px;}
#front-banner #slogan h3 {font-size:18px;}

#mslider {display:none;}

#content {padding:10px 30px 10px 30px;box-sizing:border-box;}
#content h2 {margin-top:0!important;margin-bottom:18px!important;font-size:34px;font-weight:normal;font-family: "Roboto-Regular", Arial, Verdana, sans serif;}

#footer {padding-top:50px;}
#footer .col {float:none;width:100%;padding:30px;margin:0;box-sizing:border-box;}
#footer .col:nth-child(1) {width:100%;margin-left:0;}
#footer .col:nth-child(2) {width:100%;padding-left:30px}

#bottom {padding:0px 30px 30px 30px;box-sizing:border-box;}
#bottom h2 {width: 40px;height: 40px;position:relative;float:none;margin-top:20px;margin-bottom:10px;}
#bottom h2 a {background-size:40px 40px;}
#bottom p {float:none;padding-top:0px;}

}


@media only screen and (min-width: 220px) and (max-width: 579px) { 

#topmenu {display:none;}

#mobilemenugrip {display:block;position:absolute;right:30px;top:28px;width:34px;height:21px;text-indent:-1000em;background:url(../images/icon_grip.svg) no-repeat;background-size: 34px 21px;opacity:1;}

#mobilemenu {display:block;width:100%;z-index:82;position:absolute;left:-850px;background: rgba(15, 64, 150, 1);color:#fff;top:73px;padding:30px 0 20px 0;border-bottom:12px solid #fdcb0a;}
#mobilemenu a {color:#fff;text-decoration:none;}
#mobilemenu ul {margin:0 33px 0 0;font-size:26px;text-align:right;}
#mobilemenu ul li {list-style:none;font-weight:normal;padding:5px 0;}
#mobilemenu ul ul {margin:5px 0 0 0;padding:10px 0 10px 0;font-size:20px}
#mobilemenu ul li li{list-style:none;border-top:none;font-weight:normal;margin:0 0 0 18px;padding:0;}

.wrap {width:100%;box-sizing:border-box;padding:30px;}

#header {}

#header h1 {width: 100px;height: 100px;top:16px;left:20px;}
#header h1 a {background-size:100px 100px;}

#front-banner {height:700px;background:#0e4096 url(../images/main-banner01.jpg) no-repeat;}
#front-banner .wrap {top:237px;width: 100%;}

#front-banner #slogan {text-align:left;top:40px;left:40px;margin-top:-120px;}
#front-banner #slogan h2 {font-size:24px;}
#front-banner #slogan h3 {font-size:18px;}

#front-banner #hbox {width:100%;height:390px;padding:40px 20px 6px 20px;}
#front-banner #hbox .hitem {padding:12px 2px 12px 2px;}
#front-banner #hbox .hitem img {width:53px;height:53px;}
#front-banner #hbox .button01 {padding:12px 6px;}
#front-banner #hbox .hitem h4  {font-size:11px;}

#mslider {display:none;}

#content {padding:10px 30px 10px 30px;box-sizing:border-box;}

#content h2 {margin-top:0!important;margin-bottom:18px!important;font-size:34px;font-weight:normal;font-family: "Roboto-Regular", Arial, Verdana, sans serif;}

#footer {padding-top:50px;}
#footer .col {float:none;width:100%;padding:30px;margin:0;box-sizing:border-box;}
#footer .col:nth-child(1) {width:100%;margin-left:0;}
#footer .col:nth-child(2) {width:100%;padding-left:30px}

#bottom {padding:0px 30px 30px 30px;box-sizing:border-box;}
#bottom h2 {width: 40px;height: 40px;position:relative;float:none;margin-top:20px;margin-bottom:10px;}
#bottom h2 a {background-size:40px 40px;}
#bottom p {float:none;padding-top:0px;}


}