/*
Theme Name: woodsidess
Theme URI: https://woodside-ss.com
Description: This is woodsidess WordPress Theme
Version: 1.0
*/

@font-face{font-family:"Verstyle";font-style:normal;font-weight:400;src:url("/wp-content/themes/woodsidess/fonts/Verstyle-Regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/woodsidess/fonts/Verstyle-Regular.woff") format("woff"), url("/wp-content/themes/woodsidess/fonts/Verstyle-Regular.ttf") format("truetype"), url("/wp-content/themes/woodsidess/fonts/Verstyle-Regular.svg#Verstyle-Regular") format("svg");}
@font-face{font-family:"Verstyle Medium";font-style:oblique;font-weight:500;src:url("/wp-content/themes/woodsidess/fonts/Verstyle-Medium.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/woodsidess/fonts/Verstyle-Medium.woff") format("woff"), url("/wp-content/themes/woodsidess/fonts/Verstyle-Medium.ttf") format("truetype"), url("/wp-content/themes/woodsidess/fonts/Verstyle-Medium.svg#Verstyle-Medium") format("svg");}
@font-face{font-family:"Verstyle SemiBold";font-style:normal;font-weight:600;src:url("/wp-content/themes/woodsidess/fonts/Verstyle-SemiBold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/woodsidess/fonts/Verstyle-SemiBold.woff") format("woff"), url("/wp-content/themes/woodsidess/fonts/Verstyle-SemiBold.ttf") format("truetype"), url("/wp-content/themes/woodsidess/fonts/Verstyle-SemiBold.svg#Verstyle-SemiBold") format("svg");}
@font-face{font-family:"Verstyle";font-style:normal;font-weight:700;src:url("/wp-content/themes/woodsidess/fonts/Verstyle-Bold.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/woodsidess/fonts/Verstyle-Bold.woff") format("woff"), url("/wp-content/themes/woodsidess/fonts/Verstyle-Bold.ttf") format("truetype"), url("/wp-content/themes/woodsidess/fonts/Verstyle-Bold.svg#Verstyle-Bold") format("svg");}
* {	margin:0;padding:0; }
body {  background: #F3EFE7; color: #101010;
   font-family: "Plus Jakarta Sans", sans-serif;
   font-size: 15px;  font-weight: 400; line-height: 150%;
    margin: 0; padding: 0;
}
img{border:0;margin:0;padding:0}
p{margin-bottom:20px;margin-top:0;}
a {color: #003399;cursor:pointer;text-decoration:none;margin:0;padding:0;}
a:hover{text-decoration:none;}
a img{border:none;margin:0;padding:0}
.img-responsive{max-width:100%; height: auto;}
.large{font-size:110% !important;line-height:140%;}
.clear{display:block;clear:both;}
.clearH{display:block;clear:both;height:20px;}
.clearHH{display:block;clear:both;height:50px;}
.orange{color:#F89247 !important;}
.red{color:#CC0000 !important;}
.lightblue{color:#3771A4 !important;}
.blue{color:#0D1D47 !important;}
.yellow{color:#FFD202 !important;}
.grey{color:#111 !important;}
.white{color:#FFFFFF !important;}
.lightgrey-bgs{position:relative;margin:0;background:#F3EFE7 !important;}
.white-bgs{position:relative;margin:0;background:#ffffff !important;}
.blue-bgs{position:relative;margin:0;background:#0D1D47 !important; color: #ffffff !important;}
.dark-bgs{position:relative;margin:0;background:#101010 !important; color: #ffffff !important; }
.floatright{float:right;}
.floatleft{float:left;}
.center{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.justify{text-align:justify;}
.inline{display:inline-block;}
.uppercase{text-transform:uppercase;}
.capitalize{text-transform:capitalize;}
.large{font-size:110% !important;line-height:140%}
.small{font-size:90% !important;line-height:140%}
img.alignright{float:right;margin-left:15px;max-width:100%;height:auto;}
img.alignleft{float:left;margin-right:15px;max-width:100%;height:auto;}
img.alignnone, img.aligncenter{float:none;max-width:100%;height:auto;}
.imgborder{border:1px solid #E0E0E0;padding:4px;}
.round-img{border-radius:20px; display:block; max-width: 100%; height: auto;}
fieldset ,form{border:0;margin:0;padding:0;}
ul.list,ul.bullet-icon{margin:0px 0px 20px 10px;padding:0;text-align:left;}
ul.list > li, ul.bullet-icon > li{margin:0;padding:0px 0px 8px 20px;line-height:130%;position:relative;list-style:none;}
ul.list > li::before{color:#003399;content:"\e931";font-family:fontello;font-size:14px;font-weight:400;left:0;line-height:20px;position:absolute;top:0px;}
ul.bullet-icon > li::before{color:#003399;content:"\e931";font-family:fontello;font-size:14px;font-weight:300;left:0;line-height:20px;position:absolute;top:0px;}
ul.list > li > a, ul.bullet-icon > li > a{color:#FFFFFF;transition:all 0.3s ease 0s;}
ul.list > li:hover > a, ul.bullet-icon > li:hover >a{color:#003399;}
ul.num, ol.num{margin:15px 0 15px 36px;padding:0}
ul.num li, ol.num li{list-style:decimal;margin:0;padding:0 0 15px 3px}
.num li h5{font-weight: 700; color: #003399; }
ul.list-style, ol.list-style{margin:0px 0 15px 30px;padding:0}
ul.list-style li, ol.list-style li{margin:0;padding:5px 0 5px 5px}
ul.list-style ul ul, ol.list-style ol{margin:0px 0px 0px 30px;padding:0}
ul.list-style li ul li, ol.list-style li ol li{margin:0;padding:2px 0 2px 5px}
ul.check-list { position: relative; margin:0px 0px 20px 5px;padding:0;text-align:left;}
ul.check-list > li{margin:0px 0px 10px 0px;padding:0px 0px 6px 35px;line-height:150%;position:relative;list-style:none;}
ul.check-list > li::before{ content:" ";  background-image: url(/wp-content/themes/woodsidess/images/check.svg); background-repeat: no-repeat;  left:0;line-height:24px;width: 24px; height:24px; text-align:center; position:absolute;top:1px; left:0; z-index: 1;}
h1, h2, h3, h4,h5{line-height:110%;font-family: "Nunito Sans", sans-serif; font-weight: 900;}
h1{font-size:40px;padding:0px;margin-bottom:15px;}
h2{font-size:36px;padding:0px;margin-bottom:15px;}
h3{font-size:25px;padding:0px;margin-bottom:15px;}
h4{font-size:20px;margin-bottom:10px;}
h5{font-size:15px;margin-bottom:10px;}
strong, .strong{font-weight:700 !important;}
.w200, .light{font-weight:300 !important;}
.no-margin{ margin: 0px !important;}
.column-2{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:36px;-moz-column-gap:36px;column-gap:36px}
.column-3{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:30px;-moz-column-gap:30px;column-gap:30px}
.column-4{-webkit-column-count:4;-moz-column-count:4;column-count:4;-webkit-column-gap:25px;-moz-column-gap:25px;column-gap:25px}
.section-title{position:relative; font-size:40px;line-height:110%; letter-spacing: normal; text-transform: capitalize; padding: 0px 0px;}
.extra-large{position:relative; font-size:300%;line-height:110%; letter-spacing: normal; padding: 0px 0px;}
h5.subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; font-family: "Playfair Display", serif;
    font-size: 20px; line-height: 150%; font-weight: 600;
    color: #88B5DE;  text-transform: capitalize;
     margin-bottom: 5px;
}
h5.subtitle::before {
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    background-image: url(/wp-content/themes/woodsidess/images/favicon.png); background-repeat: no-repeat; background-size: 30px; background-position: center;
    margin-right: 7px;
    opacity: .8;
}
.darkbgs h5.subtitle::before {
    background-image: url(/wp-content/themes/woodsidess/images/favicon-white.png); background-repeat: no-repeat;
}
.wrap-90{clear:both;margin:0 auto;padding:0px;width:90%;}
.wrap{clear:both;margin:0 auto;padding:0px;width:80%;max-width:960px;}
.wrapper{clear:both;margin:0 auto;padding:0px;width:90%;max-width:1280px;}
.box-10{float:left;width:10%;display:block;}
.box-15{float:left;width:15%;display:block;}
.box-20{float:left;width:20%;display:block;}
.box-25{float:left;width:25%;display:block;}
.box-30{float:left;width:30%;display:block;}
.box-33{float:left;width:33.3%;display:block;}
.box-35{float:left;width:35%;display:block;}
.box-40{float:left;width:40%;display:block;}
.box-45{float:left;width:45%;display:block;}
.box-50{float:left;width:50%;display:block;}
.box-55{float:left;width:55%;display:block;}
.box-60{float:left;width:60%;display:block;}
.box-65{float:left;width:65%;display:block;}
.box-70{float:left;width:70%;display:block;}
.box-75{float:left;width:75%;display:block;}
.box-80{float:left;width:80%;display:block;}
.box-100{clear:both;width:100%;display:block;}
.row{margin:0px -15px;}
.box-paddingS{padding:0 15px;}
.box-paddingL{padding-left:20px;}
.box-paddingR{padding-right:20px;}
.box-padding{padding:15px;}
.box-paddingTB{padding:15px 0px;}
.content-padding{padding:50px 0px;}
.inline-flex{ display: inline-flex; align-items: center; position: relative; }
.flex-item{ display: flex; align-items: center; position: relative;width:100%; }
.flex-content{ display: flex;position: relative; }
ul.icons{  position: relative; 	cursor: default;   display: inline-flex; align-items: center; margin:0; padding: 0;    		}
ul.icons li	{  position: relative; 	display: block;  list-style: none; margin:1px 2px; padding: 0; 			}
ul.icons a  { display: block; font-size: 18px;  width: 25px;  padding: 8px;  line-height: 25px; text-decoration: none; text-align: center;	 }
.icons a  {	color: #fff;     background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 10px;
                -moz-transition: color 0.35s ease-in-out;
                -webkit-transition: color 0.35s ease-in-out;
                -o-transition: color 0.35s ease-in-out;
                -ms-transition: color 0.35s ease-in-out;
                transition: color 0.35s ease-in-out;
                transition: all 0.3s ease;
            }
.icons a:hover  { 	color: #FFFFFF;  background: linear-gradient(135deg, #091E42, #003399);
            border-color: transparent;  transform: translateY(-5px) rotate(5deg);	}
#header{ position: fixed; clear:both;display:block;width:100%;margin:0;padding:0px; z-index: 999; transition: all 1.1s ease 0s;}
.user-tools{display: block; clear: both; padding: 0px 0px;font-size:85%; color: rgba(255, 255, 255, 0.8); }
.socials{display:block;text-align:center;vertical-align:middle;}
ul.toplinks{list-style:none;display:inline-flex;margin:0;padding:0px;overflow:hidden;}
ul.toplinks li{float:left;margin:0px;display:block;padding:0px;}
ul.toplinks li + li{border-left:1px solid rgba(255, 255, 255, 0.5);}
ul.toplinks li:hover i{color:#FFFFFF;transform:rotate(360deg);}
ul.toplinks li a{color:#fff;font-size:14px;line-height:100%;display:block;padding:10px 15px; margin-bottom: -1px;}
ul.toplinks i{transition:all 0.5s ease 0s;color:#00CCFF;}
ul.toplinks a i{transition:all 0.5s ease 0s;}
#header{clear:both;display:block;width:100%;margin:0;padding:0; text-align:center; transition: all 1.1s ease 0s;}
.header-caption{  position: absolute; width: 100%; height: 100%; top:0; z-index: 9; background: rgba(0, 0, 0, 0.6)}
.logo{float:left;display:block; clear:both; width:16%;margin:0px; padding: 0px 0px; position: relative; transition:all 0.3s ease 0s;      }
.logo img{ display: block; width:100%; max-width: 180px; margin:-5px;}
.head-col{float:right;width:84%;margin:0px;padding: 0px; position:relative; text-align: right;}
.header-wrap{ background: #FFFFFF; display: flex; align-items: center; position: relative; padding: 5px 20px; border-radius:10px; box-shadow:0 1px 1px rgba(0,0,0,.03),0 2px 2px rgba(0,0,0,.03),0 4px 4px rgba(0,0,0,.03),0 8px 8px rgba(0,0,0,.03),0 16px 16px rgba(0,0,0,.03); }
.nav{  transition:all 0.3s ease 0s;}
.sticky{left:0;position:fixed;top:0;width:100%;z-index:999999;}
.nav.sticky{top:0; }
#topmenu{margin:0px;padding:0 10px;clear:both;display:block;position:relative;}
#topmenu ul.menu{list-style:none;margin:0px;clear:both;padding:0px;float:right; display: inline-flex; align-items: center; justify-content: space-evenly;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
#topmenu ul.menu ul{display:none;}
#topmenu ul.menu li:hover > ul{display:block;}
#topmenu ul.menu{list-style:none;position:relative;}
#topmenu ul.menu:after{clear:both;content:"";display:block;}
#topmenu ul.menu li{list-style:none;display:table-cell;}
#topmenu ul.menu li + li{  }
#topmenu ul.menu li:hover{left:auto;}
#topmenu ul.menu li:hover a{}
#topmenu ul.menu li a{line-height:60px;padding:0px 10px;color:#000000;text-align:center;margin:0;font-weight:600;text-transform: capitalize;text-decoration:none;font-size:15px;display:block;vertical-align:middle;
transition:all 0.3s ease 0s;}
.nav.sticky #topmenu ul.menu li a{ }
#topmenu ul.menu li.parent>a:before,
#topmenu ul.menu li.menu-item-has-children>a:before{content:"\e828";float:right;font-family:"fontello";color:inherit;padding:0 2px;font-size:16px}
#topmenu ul.menu ul{width:220px;position:absolute;top:100%;z-index:9999999;border:none;padding:0px;background:#fff; box-shadow: 0 27px 35px -28px rgba(0, 0, 0, 0.9);  -webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-ms-transition:all .5s ease-out;-o-transition:all .5s ease-out;transition:all .5s ease-out;}
#topmenu ul.menu ul li{float:none;border:none;display:block;position:relative;}
#topmenu ul.menu ul li + li{border-top:1px solid rgba(0, 0, 0, 0.05);}
#topmenu ul.menu li a:hover,
#topmenu ul.menu li.current-menu-item a,
#topmenu ul.menu li.current-page-ancestor.current-menu-ancestor a{color:#003399;}
#topmenu ul.menu li.current-menu-item ul li a,
#topmenu ul.menu li.current-menu-parent ul li.current-menu-item a,
#topmenu ul.menu li.current-page-ancestor.current-menu-ancestor li a,
#topmenu ul.menu li.menu-item-has-children:hover ul li a{color:#000;}
#topmenu ul.menu ul li a:hover,
#topmenu ul.menu ul.sub-menu li.menu-item a:hover,
#topmenu ul.menu li.current-menu-item ul li a:hover{background:rgba(0, 0, 0, 0.03);color:#000;border-top:none;}
#topmenu ul.menu ul li a{background:transparent;height:auto;max-width:100%;border:none;color:#000;text-shadow:none;text-transform:capitalize;display:block;font-weight:normal;font-size:99%;text-align:left;letter-spacing:0;line-height:16px;position:relative;padding:12px 10px 12px 15px;}
#topmenu ul.menu ul ul{left:100%;width:200px;position:absolute;border-top:none;top:0;z-index:9999999999; border-radius: 0;}
#topmenu ul.menu ul li.parent>a:before,
#topmenu ul.menu ul li.menu-item-has-children>a:before{content:"\e836";float:right;font-family:"fontello";color:inherit;padding:0 3px;font-size:16px}
#topmenu ul.menu ul ul li{padding:0;}
#topmenu ul.menu ul ul li a{display:block;padding:8px 8px;max-width:100%;line-height:20px;}
#topmenu ul.menu li.emg-call a{
display:inline-block; background: transparent;border:2px solid #000000; margin:0px 0px 0px 10px; padding:10px 24px 8px 24px; color:#000000; font-weight:700; line-height:25px;
position:relative; border-radius: 5px; overflow:hidden;transition: all .55s ease 0s;-webkit-transition: all .55s ease 0s;
}
#topmenu ul.menu li.emg-call a:hover{ background-color: #000000;  background: linear-gradient(120deg,#202020,#000000) repeat;   color:#fff;}
#topmenu ul.menu li.apply-online a{
display:inline-block; background-color: #091E42; background: linear-gradient(120deg,#003399,#091E42) repeat; border:none;margin:0px 0px 0px 10px; padding:12px 24px 10px 24px; color:#ffffff; line-height:25px;
position:relative; border-radius: 5px; overflow:hidden;transition: all .55s ease 0s;-webkit-transition: all .55s ease 0s;
}
#topmenu ul.menu li.apply-online a:hover{border-color: #091E42; background: linear-gradient(120deg,#091E42,#003399) repeat;  color:#fff;}
#topmenu ul.menu li.apply-online a:after{background:#111;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 550ms cubic-bezier(0.19, 1, 0.22, 1);width:50px;}
#topmenu ul.menu li.apply-online a:hover:after{left:120%;-webkit-transition:all 650ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 650ms cubic-bezier(0.19, 1, 0.22, 1);}
.headerbar{background:#FFFFFF;clear:both}
.menuBar{position:fixed;left:-280px;width:280px;top:0;height:100%;background:#041324; z-index: 999999; transition:all .5s ease}
.menuBar .menuHeader{color:#fff;text-align:center;background:#FFFFFF; padding: 10px 0px; user-select:none}
.mobile-logo{ padding:0px 10px; margin: 0; }
.mobile-logo img{ max-width: 150px; margin: 0 auto; }
#check{display:none}
label #btn,label #cancel{position:fixed; border-radius:3px; z-index: 99999999; cursor:pointer}
label #btn{  right:25px;top:16px;font-size:1px;color:#fff;padding:10px 10px 10px 10px; background-color: #4F3A27;
    background: linear-gradient(120deg,#003399,#4f3a27) repeat; z-index: 999999; transition:all .5s}
label #cancel{z-index:99999999;left:-195px;top:15px;font-size:30px;border:none;background:#D6E2F1;padding:10px 10px;transition:all .5s ease}
#check:checked~.menuBar{left:0}
#check:checked~label #btn{left:290px;opacity:0;pointer-events:none}
#check:checked~label #cancel{left: auto;left:295px}
#check:checked~section{margin-left:290px}
label #btn img, label #cancel img{ display: block; margin: 0;}
#menunav {height:99.5%; max-height:600px;  overflow-y: scroll;}
section.fullheight{height:100vh;transition:all .5s;padding:2rem}
.menuBar ul{ display: block; margin: 0; padding: 0;}
.menuBar ul li{ display: block; margin: 0; padding: 0; list-style: none; position: relative;}
.menuBar ul li a{display:block;height:100%;width:100%;line-height:140%;font-size:100%; text-transform: capitalize; color:rgba(255, 255, 255, 0.9);padding:6px 10px 6px 25px;box-sizing:border-box;border-bottom:1px solid #000;border-top:1px solid rgba(255,255,255,.1);transition:.4s}
.menuBar ul li ul li a{line-height:140%;font-size:90%;color:rgba(255, 255, 255, 0.9);padding:6px 5px 6px 45px;box-sizing:border-box;border-bottom:1px solid #000;border-top:1px solid rgba(255,255,255,.1);}
.menuBar ul li ul > li::before{color:rgba(207, 210, 222, 0.3);content:"\f0da";font-family:fontello;font-size:12px;font-weight:400;left:30px;line-height:20px;position:absolute;top:6px;}
.menuBar ul a:hover{ background: rgba(0, 0, 0, 0.4); }
nav#topnav select,.goto,.headerbar, #hamburgMenu{display:none}
section{ position: relative;margin:0; }
#call-to-action{
    position: absolute; display: block;width:100%;  padding: 0px; margin: 0;  z-index: 2;
}
.counterbg{ position: relative; color:#000;
    background: linear-gradient(to bottom,#003399 0%,#003399 100%);  margin-top: -60px;
    padding:20px 40px 20px 40px; border-radius: 10px;
}
.relative{
    position: relative; z-index: 2;
}
#welcome{
    position: relative; display: block; padding: 50px 0px; background: #FFFFFF;
}
.welcomewrap{
    position: relative; display: block; background:  rgba(255, 255, 255, 0.9); padding: 50px;
}
.welcome-icon-box {
    background-color: #F5F3F4;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 24px;
    transition: all .4s
}
.welcome-icon-box .welcome-icon {
    margin-bottom: 20px;
    transition: all .4s
}
.welcome-icon-box .welcome-icon img {
    transition: all .4s
}
.welcome-icon-box:hover {
    background-color: #005288;
    transition: all .4s;
    transform: translateY(-10px)
}
.welcome-icon-box:hover .welcome-icon {
    transition: all .4s
}
.welcome-icon-box:hover .welcome-icon img {
    filter: brightness(40);
    transition: all .4s;
    transform: rotateY(180deg)
}
.welcome-icon-box h3,.welcome-icon-box p {
    margin:0; transition: all .4s
}
.welcome-icon-box:hover .welcomeicon-title h3,.welcome-icon-box:hover .welcomeicon-title p {
 color: #FFFFFF;  transition: all .4s
}
#services{  position: relative; background-color: #091E42; color:#fff;
overflow: hidden;  margin:0;  padding:0px;}
.service-overlay{ position: relative; display: block; padding: 50px 0px;  }
.servicebox {  position: relative;
    padding: 30px 20px;
    border-radius: 10px; overflow: hidden;
    border:none; z-index: 1;
    background: #0C2755;color:rgba(255, 255, 255, 0.8);
}
.servicebox .shape {
    position:absolute;
    right:0;
    bottom:0
}
.servicebox .shape:before {
    position:absolute;
    content:"";
    background:#88B5DE;
    width:62px;
    height:62px;
    right:-18px;
    bottom:-22px;
    border-radius:50%;
    opacity:.1;
    transition:all .5s ease;
    animation:zoom-fade 5s linear infinite
}
.servicebox:hover .shape:before {
    background:#88B5DE !important;
    opacity:.15
}
.servicebox .shape:after {
    position:absolute;
    content:"";
    border:solid;
    border-width:7px;
    border-color:#88B5DE;
    right:-37px;
    bottom:-41px;
    border-radius:50%;
    width:100px;
    height:100px;
    opacity:.1;
    transition:all .5s ease;
    animation:zoom-fade 8s linear infinite
}
.servicebox:hover .shape:after {
    border-color:#fff !important;
    opacity:.15

}
.servicebox-text {
   position: relative; z-index: 1;
}
#services .servicebox-text {
min-height: 200px;
}
.servicebox-text h4 {
    margin-bottom: 15px;font-size:18px; font-weight: 700;
}
.servicebox-description {
    font-weight: normal;
    color: #A5A5A5;
}
.servicebox-icon {
    float: none;
    position: relative;
    width: 70px;  display: inline-block;
    text-align: center; padding: 0px; margin-bottom:14px;
    transition: all 100ms ease-out;
}
.servicebox-icon img {
    position: relative;      filter:  brightness(0) invert(1);
    transition: all 0.3s ease 0s;
}
.servicebox::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    top: 0;
    left: 0;
    transform: rotateY(95deg);
    transition: all 0.6s linear;
    background-color: #88B5DE;
    z-index: -1;
    opacity: 0;
}
.servicebox::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    top: 0;
    left: 0;
    transition: all 0.6s linear;
    background-color: #0F316C;
    z-index: -3;
}
.servicebox:hover {
    transform: translateY(-10px);
    transition: all 0.4s;
}
.servicebox:hover::after {
    opacity: 1;
    transform: rotateY(0deg);
    transition: all 0.4s;
}
.servicebox:hover {  color:#000; }
.benifitbox {  position: relative;
    padding: 30px 20px;
    border-radius: 10px; overflow: hidden;
    border:none; z-index: 1;
    background: #E2EBF6;
}
.benifitbox .shape {
    position:absolute;
    right:0;
    bottom:0
}
.benifitbox .shape:before {
    position:absolute;
    content:"";
    background:#88B5DE;
    width:62px;
    height:62px;
    right:-18px;
    bottom:-22px;
    border-radius:50%;
    opacity:.1;
    transition:all .5s ease;
    animation:zoom-fade 5s linear infinite
}
.benifitbox:hover .shape:before {
    background:#88B5DE !important;
    opacity:.15
}
.benifitbox .shape:after {
    position:absolute;
    content:"";
    border:solid;
    border-width:7px;
    border-color:#88B5DE;
    right:-37px;
    bottom:-41px;
    border-radius:50%;
    width:100px;
    height:100px;
    opacity:.1;
    transition:all .5s ease;
    animation:zoom-fade 8s linear infinite
}
.benifitbox:hover .shape:after {
    border-color:#fff !important;
    opacity:.15
}
.benifitbox-text {
   position: relative; z-index: 1;
}
#benifit .benifitbox-text {
min-height: 200px;
}
.benifitbox-text h4 {
    margin-bottom: 15px;font-size:18px; font-weight: 700;
}
.benifitbox-description {
    font-weight: normal;
    color: #A5A5A5;
}
.benifitbox-icon {
    float: none;
    position: relative;
    width: 70px;  display: inline-block;
    text-align: center; padding: 0px; margin-bottom:14px;
    transition: all 100ms ease-out;
}
.benifitbox-icon img {
    position: relative;
    transition: all 0.3s ease 0s;
}
.benifitbox::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    top: 0;
    left: 0;
    transform: rotateY(95deg);
    transition: all 0.6s linear;
    background-color: #88B5DE;
    z-index: -1;
    opacity: 0;
}
.benifitbox::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    top: 0;
    left: 0;
    transition: all 0.6s linear;
    background-color: #E2EBF6;
    z-index: -3;
}
.benifitbox:hover {
    transform: translateY(-10px);
    transition: all 0.4s;
}
.benifitbox:hover::after {
    opacity: 1;
    transform: rotateY(0deg);
    transition: all 0.4s;
}
.benifitbox:hover {  color:#000; }
#category{
 position: relative; display: block; padding: 0px; margin: 0; background-color: #000; background-image: url(/wp-content/themes/woodsidess/images/category-bg.jpg);
background-repeat: no-repeat; background-size: cover; background-position:50% 50%;  color:#fff;
}
#category::after {
    content: "";
    position: absolute;
    height: 50%;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: all 0.6s linear;
    background-color: #FFFFFF;
}
.dark-overlay{
   position: relative;  background: rgba(0, 0, 0, 0.8); padding: 60px 0px;
}
.category-block .inner-box{
    position: relative;
    display: block; text-align: center;
    background: #fff; color:#101010;
    padding: 50px 30px 30px 30px;
    border-radius: 10px;
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.12);
    margin-bottom: 30px; z-index: 2;
}
.category-block .inner-box h2{
    display: block;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 14px;
}
.category-block .inner-box p{
    margin-bottom: 28px;
}
.category-block .inner-box .category-btn{
    position: relative;  margin: 0px auto;
    background: #0F316C ; display: inline-block; padding: 10px 20px; border-radius: 50px; overflow: hidden; color:#fff;
    margin-bottom: -30px;
    z-index: 3;
}
.category-block .inner-box .image-box{
    border-radius: 10px;
}
.category-block .inner-box .image-box img{
    width: 100%;
    border-radius: 10px;
    transition: all 500ms ease;
}
.category-block .inner-box:hover .image-hov-one img{
    transform: scaleY(1.03);
}
.category-block .inner-box:hover .image-hov-two img{
    transform: scaleX(1.03);
}
ul.service-icon{display: block;padding: 0;margin: 0; text-align: center; }
ul.service-icon li{display: inline-block;position: relative; list-style: none; width: 19%; padding: 0;margin: 1px; border:1px solid #E0E0E0; }
ul.service-icon li a{ display: block; position: relative; padding:20px 15px; }
ul.service-icon li h5{ display: block; clear: both; width: 100%;font-size: 18px;font-weight:700;color:#000; text-transform: uppercase; padding-top: 6px;}
ul.service-icon li:hover { background: #fff; box-shadow:0 5px 45px rgba(0,0,0,.1);  }
a.readmore{
    position: relative; display: inline-block;background-color: #003399; background: linear-gradient(150deg,#003399,#000029) repeat; color:#FFFFFF;font-weight:500;  text-align:center;  border: 1px solid #003399; margin:1px;  padding: 12px 30px; border-radius: 5px; overflow: hidden;
}
a.readmore:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "fontello";
    font-weight: 400;
    content: "\e93a";
    font-size: 10px;
    margin-left: 8px;
    margin-inline-start: 8px;
    margin-inline-end: 0;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.readmore::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000029;
    width: 0;
    height: 100%;
    transition: all 0.4s ease-in-out;
}
a.readmore:hover{ border-color:#000;}
a.readmore:hover:before{
    width: 100%;
}
a.readmore span{ display: inline-block; position: relative; z-index: 2; }
a.viewmore{
    position: relative; display: inline-block; background-color: #000029; background: linear-gradient(120deg,#000029,#000000) repeat; color:#FFFFFF;font-weight:500;  text-align:center;  border: 1px solid #003399; margin:1px;  padding: 12px 30px; border-radius: 5px; overflow: hidden;
}
a.viewmore:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "fontello";
    font-weight: 400;
    content: "\e93a";
    font-size: 10px;
    margin-left: 8px;
    margin-inline-start: 8px;
    margin-inline-end: 0;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.viewmore::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #091E42; background: linear-gradient(120deg,#091E42,#990000) repeat;
    width: 0;
    height: 100%;
    transition: all 0.4s ease-in-out;
}
a.viewmore:hover{ border-color:#003399;}
a.viewmore:hover:before{
    width: 100%;
}
a.viewmore span{ display: inline-block; position: relative; z-index: 2; }
a.learnmore{
    position: relative; display: inline-block; background: transparent;  color:#000;font-weight:500;  text-align:center;  border: 1px solid #000; margin:1px;  padding: 12px 30px; border-radius: 5px; overflow: hidden;
}
a.learnmore:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "fontello";
    font-weight: 400;
    content: "\e93a";
    font-size: 10px;
    margin-left: 8px;
    margin-inline-start: 8px;
    margin-inline-end: 0;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.learnmore::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    width: 0;
    height: 100%;
    transition: all 0.4s ease-in-out;
}
a.learnmore:hover{ border-color:#000;color:#fff;}
a.learnmore:hover:before{
    width: 100%;
}
a.learnmore span{ display: inline-block; position: relative; z-index: 2; }
a.learn-more{
    position: relative; display: inline-block; background: #FFFFFF;  color:#000;font-weight:500;  text-align:center;  border: 1px solid #FFFFFF; margin:1px;  padding: 12px 30px; border-radius: 5px; overflow: hidden;
}
a.learn-more:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "fontello";
    font-weight: 400;
    content: "\e93a";
    font-size: 10px;
    margin-left: 8px;
    margin-inline-start: 8px;
    margin-inline-end: 0;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.learn-more::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #003399;
    width: 0;
    height: 100%;
    transition: all 0.4s ease-in-out;
}
a.learn-more:hover{ border-color:#003399;color:#000000;}
a.learn-more:hover:before{
    width: 100%;
}
a.learn-more span{ display: inline-block; position: relative; z-index: 2; }
#counter{position: relative; background-color:#003399; background-image: url(/wp-content/themes/woodsidess/images/counterbg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%; background-size: cover; }
.counter-overlay { background:rgba(252, 200, 31, 0.7); padding: 50px 0px; color:#fff;}
.counterbox { position: relative; display: block; padding:0px 10px; text-transform:  uppercase; transition: .3s all ease; }
.counterbox h4 { position: relative; font-size: 40px; color:#FFFFFF; line-height: 45px; display: block; margin-bottom: 20px; padding:0px;  transition: all 0.3s ease 0s; font-weight: 700; }
.counterbox .percent:after { content: "%"; }
.counterbox .plus:after { content: "+";  }
.counterbox h4::before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background-color: #FFFFFF;
    -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#counter h2{margin:0;}
.icon-box-icon{ display: block; padding: 10px 0px; clear: both;}
.icon-box-icon i{ display: inline-block; width: 70px; height: 70px; font-size: 60px; line-height: 60px;  color: #fff; }
.bottom_info{margin:0;padding:0;list-style:none}
.bottom_info li{position:relative;padding:0;margin:0;padding-left:35%;margin-bottom:20px;line-height:170%}
.bottom_info h3{font-size:1.05em;position:absolute;left:0;text-transform:uppercase;top:0;color:#fff;font-weight:700;width:35%}
#clients{
    position: relative; display: block; background: #F0F0F0; padding: 50px 0px;
}
.brands{
    padding: 10px; text-align: center;
}
.companylogo{
    position: relative; display: block; background: #fff; border: 1px solid #E0E0E0; margin: 15px 0px; padding: 15px;text-align:center; overflow: hidden;
}
.companylogo img{ width: auto; height: auto; max-width: 100%; margin:0px auto;  height: 90px;transition-duration: 1500ms;}
.companylogo:hover img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.slick-dots{display: none !important;}
#testimonials {
 display: block;  position: relative; padding: 60px 0px; background-color: #000;color: rgba(255, 255, 255, 0.8); clear: both;  overflow: hidden; transition:all .55s ease 0s
}
.testimonial-overlay { padding: 0px 0px; }
#testimonials blockquote{ min-height: 120px; line-height: 150%; display: -webkit-box; -webkit-line-clamp: 5; overflow: hidden;    -webkit-box-orient: vertical; transition:all .55s ease 0s }
.review-box {
    position: relative;
    display: block; text-align: center;
    background: #EDF5F4;
    border: #DBEBE9;
    padding: 40px 30px 30px 30px;
    border-radius: 20px;
    transition: all 0.4s ease-in-out !important;
}
.single-item{ position: relative; padding: 30px 30px 20px 60px;  border-radius: 20px 20px 20px 0px; border:  1px solid rgba(48, 48, 48, 1); background-color:#101010 ; font-size: 110%; line-height: 150%; margin: 5px;  z-index: 2;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;  transition:all .55s ease 0s
}
.single-item:before {
    position: absolute;
    left: 30px;
    content: "";
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/themes/woodsidess/images/icon-quote.png);
    background-repeat: no-repeat; background-size: 90%; background-position: top;
}
.ratings{ display: block; padding: 5px 0px; margin-bottom: 15px; }
.ratings i{ color: #FFA101; }
.customer-details{
    display: block;padding: 0 0 25px 0px; margin: 0 auto; overflow: hidden;
}
.client-name {
    display: block;
    position: relative;
    margin: 22px 0 0;
    font-weight: 500;
}
#recent-projects{
    position: relative; padding: 50px 0px;
}
.single-project-item { position: relative; margin: 0 10px; padding: 0;}
.single-project-item:hover .project-img::before {
    opacity: .6;
    visibility: visible;
}
.single-project-item:hover .project-img .icon {
    opacity: 1;
    visibility: visible;
}
.single-project-item .project-img {
    height:400px;
    position: relative;
    display: block; border-radius: 10px;
    background-repeat: no-repeat;background-size: cover; background-position: center;
}
@media (max-width: 1200px) {
    .single-project-item .project-img {
        height: 400px;
    }
}
@media (max-width: 991px) {
    .single-project-item .project-img {
        height: 350px;
    }
}
@media (max-width: 767px) {
    .single-project-item .project-img {
        height: 300px;
    }
}
.single-project-item .project-img::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-color: #000000;
    width: 100%;
    height: 100%;
}
.single-project-item .project-img .icon {
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    -webkit-transform: translate(-50%);
                    transform: translate(-50%);
    opacity: 0;
    visibility: hidden;
    font-size: 30px;
    line-height: 1;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.single-project-item .content-text {
    margin-top: 20px;
}
.single-project-item .content-text span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}
.single-project-item .content-text h4 {
    margin-bottom: 6px;
    font-size: 18px;
}
@media (max-width: 767px) {
    .single-project-item .content-text h4 {
        font-size: 18px;
    }
}
.single-project-item .content-text p {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1;
}
#awards{ display: block; position: relative; background: #F8F3F0;background:linear-gradient(to bottom,#F8F3F0 0%,#FFFFFF 100%); clear: both; margin:0px; padding: 20px; text-align: center; }
ul.awards{ position: relative; display: inline-flex; align-items: center; margin: 0px auto; padding: 0px; text-align: center; }
ul.awards li{ display: block; list-style: none; position: relative;margin: 0px; padding: 0px; }
ul.awards li img{ max-width: 70%; max-height: 70px; margin: 10px auto;}
#mainContent { position: relative; clear: both; margin: 0px 0px;  padding:50px 0;  }
#innerContent{ position: relative; display: block; clear: both;  }
#leftContent{ position: relative; float:left; width: 69%; padding: 50px 0px; z-index: 2    }
#rightContent{ position: relative;   float:right; width: 31%; z-index: 2;   }
#innerContent::before{content:" ";position:absolute;margin:0px; width:30.5%;height:100%; right: 0; top: 0; bottom: 0; background-color: #F7F9FD; z-index: 1}
.sidebar-wrap{ padding: 50px 0px 50px 50px; position: relative; display: block; }
.sidebar-block{ position: relative; margin-bottom: 30px;}
#rightContent h3 { background: #003A58; color: #fff; padding: 10px 15px;font-size: 18px; font-weight: 700;}
#rightContent ul, ul.sidebarnav{ display: block; margin: 0; padding: 0;}
#rightContent ul li, ul.sidebarnav li{ display: block; margin: 0; padding: 0; list-style: none}
#rightContent ul li + li, ul.sidebarnav li + li{ border-top:1px solid rgba(0, 0, 0, 0.05);}
#rightContent ul li a, ul.sidebarnav li a{display:block;line-height:140%;font-size:14px;color:#222;padding:8px 11px 8px 24px;box-sizing:border-box;transition:.4s}
#rightContent ul li ul li a, ul.sidebarnav li ul li a{line-height:140%;font-size:13px;padding:7px 10px 7px 35px;box-sizing:border-box;}
#rightContent ul a:hover, ul.sidebarnav li a:hover{ background: rgba(0, 0, 0, 0.05); padding:8px 8px 8px 26px;}
.hr{ position: relative; display: block; background:#eee;border:none; height:1px;margin:20px auto;}
hr { border: 0; margin-bottom:20px; border-bottom: 1px solid #E0E0E0;}
.spacer{
    position: relative; display: block; padding: 50px 0px;
}
#footer{
  position: relative;
  clear: both; display: block;
  margin: 0px;  padding:0px;
 background: #000029; color: rgba(255, 255, 255, 0.8);
}
.footer-top{
position: absolute; width: 100%; display: block;  z-index:1;
}
.footer-highlight{
    position: relative; display: block; margin: 0; padding: 20px 25px;  background-color: #091E42; background-image: url(/wp-content/themes/woodsidess/images/highlight.png); background-repeat: no-repeat; background-size: 100%; border-radius: 20px;
}
.footer-overlay{
 position: relative; background: #101010;color: rgba(255, 255, 255, 0.8); padding: 25px 50px;
}
.footer-middle{
   position: relative; display: block; padding: 60px 0px 30px 0px;  font-size:90%;  z-index: 1;
}
.footer-bottom{
    position: relative; display: block; background: #00000A; padding: 10px 0px;  font-size:90%;
}
.footer-logo{ display:block; margin-bottom:30px; }
#footer ul.menu {margin:0 0 20px 5px;padding:0;text-align:left}
#footer ul.menu > li{margin:0;padding:5px 0 5px 20px;line-height:120%;position:relative;list-style:none;}
#footer ul.menu > li::before{color:#E0E0E0;content:"\e836";font-family:fontello;font-size:14px;font-weight:700;left:5px;line-height:20px;position:absolute;top:3px}
#footer ul.menu > li > a{color:rgba(255, 255, 255, 0.8);font-weight:500; transition:all .3s ease 0s}
#footer ul.menu > li > a:hover{color:#FFFFFF;}
ul.contact-line{  margin: 0 0 15px 0; padding: 0;  display: block;   }
ul.contact-line li {  list-style: none; margin: 0; padding: 0 0 10px 0; display: block;  }
ul.contact-line li i{  float:left; margin:5px 10px 0 0; width: 20px; color:#996699  }
ul.contact-line li p{  margin:0; overflow: hidden;   }
ul.contact-line li::before {
   position: absolute; margin-left: -30px;
  font-family: fontello;
  color: #97CB59; font-size: 18px;
  line-height: 20px;
  text-align: left;  z-index: 99;
}
ul.contact-line li a{  color: #FFFFFF;  }
.list-work-times{list-style:outside none none;margin:-13px 0 0;}
.list-work-times li + li{border-top:1px solid rgba(255, 255, 255, 0.2);}
.list-work-times p{font-weight:400;margin-bottom:0;overflow:hidden;}
.list-work-times p span{color:#c2cfde;float:left;line-height:3.2;}
.list-work-times p span + span{color:#ffffff;float:right;font-size:14px;line-height:3.43;margin-top:2px;}
#footer h4{position:relative;font-size:20px;margin:0 0 40px 0px; text-transform: capitalize;}
#footer h4::after{content:"";display:block;height:1px;width:26px;background-color:#553E69;position:absolute;bottom:-10px;left:0px;}
#bar{
   clear: both; display: block;font-size:13px;
   background:rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.8);
   padding: 10px 0px; margin: 30px 0px 0px 0px;
}

.inputbox,.wpcf7-text{background:#FFFFFF;border:1px solid #E0E0E0;box-sizing:border-box;color:#333;float:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:20px;margin:5px 0;padding:8px 0;text-indent:10px;width:100%;border-radius: 3px;}
.selectbox,.wpcf7-select{background:#FFFFFF;border:1px solid #E0E0E0;box-sizing:border-box;color:#333;float:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:20px;margin:5px 0;padding:8px 0;text-indent:5px;width:100%;border-radius: 3px;}
.textarea,.wpcf7-textarea{background:#FFFFFF;border:1px solid #E0E0E0;box-sizing:border-box;color:#333;float:none;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:20px;margin:5px 0;height:60px;padding:8px 0;text-indent:10px;width:100%;border-radius: 3px;}
.btn-submit{width:100%;display:block;margin:5px 0px;   background-color: #003399; background: linear-gradient(120deg,#003399,#003399) repeat;  border:none;border-radius:4px; cursor: pointer; color:#fff;padding:12px 0px; text-align:center;font-size:14px;font-weight:700; font-family: Arial, Helvetica, sans-serif; text-decoration:none;text-transform:uppercase;transition:all 1.1s ease 0s;}
.btn-submit:hover{background:linear-gradient(to bottom, #003399 0%, #003399 100%) repeat;border-color:#003399;color:#fff;}
.submit-btn,.wpcf7-submit{overflow:hidden;display:inline-block;width:99.5%;margin:5px 0px;  background-color: #003399; background: linear-gradient(120deg,#003399,#003399) repeat;  border:none;color:#fff;padding:10px 0px; text-align:center;font-size:14px;font-weight:700;font-family: Arial, Helvetica, sans-serif;text-decoration:none; cursor: pointer;border-radius:5px; text-transform:uppercase;transition:all 1.1s ease 0s;}
.submit-btn:hover,.wpcf7-submit:hover{background:linear-gradient(to bottom, #003399 0%, #003399 100%) repeat;border-color:#003399;color:#fff}
.inputfield{background: transparent;border:none;border-bottom:1px solid rgba(255, 255, 255, 0.3);box-sizing:border-box;color:#fff;float:none;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:20px;margin:5px 0;padding:10px 0;text-indent:5px;width:100%;border-radius: 3px;}
.contact-box {
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 24px 32px;
    display: flex;
    align-items: center;
    margin-top: 24px;
    transition: all 0.4s;
}
.contact-box .contact-icon {
    background-color: #BBD4EC;
    width: 70px; padding: 15px 0px; font-size:40px;
    line-height: 150%;
    text-align: center;
    border-radius: 50%;
}
.contact-box .contact-text {
    padding-left: 16px;
}
.contact-box .contact-text h6 {
    font-size: 16px;
    line-height: 140%;
    font-weight: 500;
    color: #23342e;
    padding-bottom: 12px;
}
.contact-box:hover {
    transition: all 0.4s;
    transform: translateY(-5px);
}
.contact-box .contact3-form {
    background-color: var(--vtc-text-heading-text-3);
    border-radius: 4px;
    padding: 32px;
    margin-left: 30px;
}
.contact-form-home{ position: relative; background: #060943; color: #fff; padding: 50px;  border-radius: 20px; overflow: hidden; }

#newsletter-box{
    position: relative; width: 100%;   display: flex; align-items: center; border-radius: 5px; overflow: hidden;
}
#newsletter-box span.wpcf7-form-control-wrap{display: block;width:65%; float:left; }
.input-text{width:100%; background-color:#FFFFFF;border:none;color:#000000;text-indent:18px;font:14px Helvetica,Arial,sans-serif;height:50px !important;margin:0px 0px;padding:10px 0px;border-radius:0px !important; text-transform: capitalize;}
.input-submit{  background-color: #091E42; background: linear-gradient(120deg,#091E42,#2A6398) repeat; border:0 none;color:#FFFFFF;float:left;width:35%;font-size:13px;font-weight:normal;margin:0px 0px;height:50px;padding:8px 0px;text-transform:uppercase;}
.input-submit:hover{background:linear-gradient(to bottom, #2A6398 0%, #091E42 100%) repeat;border-color:#003399;color:#fff;}
.wpcf7-spinner{ position: absolute;}

#mainslider{  position: relative; }
.carousel{position:relative}
.carousel-inner{position:relative;overflow:hidden;width:100%}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;z-index:99999;top:50%;left:0;bottom:0;width:20px;height:20px;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center; background: #CC0000}
.carousel-control.left{left:90%;right:auto;}
.carousel-control.right{left:auto;right:0;}
.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:0%;z-index:5;display:inline-block;background:#3B3B3B;}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}
.carousel-control .icon-prev:before{content:'>'}
.carousel-control .icon-next:before{content:'<'}
.carousel-indicators{position:absolute;top:85%;left:40%;z-index:15;width:20%;padding-left:0;list-style:none;text-align:center}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:0px;text-indent:-999px;border-radius:0px;cursor:pointer;background-color:rgba(255, 255, 255, 1);border-radius:1000px;}
.carousel-indicators .active{margin:0px;width:10px;height:10px;background-color:#59BEEB}
.carousel-caption{position:absolute;left:10%;right:10%;top:25%;z-index:10;padding-top:20px;color:#000000;}
.carousel-caption .btn{text-shadow:none}
.carousel-item {
        position: relative;
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.6s ease;
        transition: transform 0.6s ease, -webkit-transform 0.6s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
        display: block;
}
.carousel-item-next,
.carousel-item-prev {
        position: absolute;
        top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
        -webkit-transform: translateX(0);
        transform: translateX(0);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
        .carousel-item-next.carousel-item-left,
        .carousel-item-prev.carousel-item-right {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        }
}
.carousel-item-next,
.active.carousel-item-right {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
        .carousel-item-next,
        .active.carousel-item-right {
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0);
        }
}
.carousel-item-prev,
.active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
}
@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
        .carousel-item-prev,
        .active.carousel-item-left {
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        }
}
.carousel-control-prev,
.carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;  z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 5%;
        color: #fff;
        text-align: center;
        opacity: 0.8; text-shadow: 0 0 5 #000;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9;
}
.carousel-control-prev {
        left: 0;
}
.carousel-control-next {
        right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: transparent;
        background-size: 100% 100%;
}
.carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:40px;height:40px;margin-top:-15px;margin-left:-15px;font-size:20px; }
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
@media screen and (max-width:600px){.callbacks_nav{top:47%;} }
.sliderContainer{width:100%;margin:0}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:auto;float:left;width:100%;border:0}
.rslides_tabs{list-style:none;padding:0;background:rgba(0,0,0,.25);box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1.0);-moz-box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1.0);-webkit-box-shadow:0 0 1px rgba(255,255,255,.3),inset 0 0 5px rgba(0,0,0,1.0);font-size:18px;list-style:none;margin:0 auto 50px;max-width:540px;padding:10px 0;text-align:center;width:100%}
.rslides_tabs li{display:inline;float:none;margin-right:1px}
.rslides_tabs a{width:auto;line-height:20px;padding:9px 20px;height:auto;background:transparent;display:inline}
.rslides_tabs li:first-child{margin-left:0}
.rslides_tabs .rslides_here a{background:rgba(255,255,255,.1);color:#fff;font-weight:700}
.events{list-style:none}
.callbacks_container{position:relative;float:left;width:100%}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.callbacks li{position:absolute;width:100%;left:0;top:0}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#CC9;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;line-height:40px;text-transform:capitalize;max-width:none;font-family:'Oswald',sans-serif}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);bottom:10%;left:1%;opacity:.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:50px;width:50px;border-radius:1000px;background:rgba(255,255,255,0.2)url(/wp-content/themes/woodsidess/images/themes.png) no-repeat left top}
.callbacks_nav:active{opacity:1}
.callbacks_nav.next{left:auto;background-position:right top;right:1%}
#slider3-pager a{display:inline-block}
#slider3-pager img{float:left}
.callbacks img.img-slide{display:inline-block;position:relative;height:auto;width:430px;max-width:100%!important;border:0}
#slider3-pager .rslides_here a{background:transparent;box-shadow:0 0 0 2px #666}
#slider3-pager a{padding:0}
.slidebg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    transform: scale(1.15);
    transition: opacity .6s ease;
   z-index: 1;
}
.slidebg.active, .callbacks1_on .slidebg  {
    animation: grow 5s linear forwards;
    opacity: 1;
}
@keyframes grow {
    0%, 20% {
        transform: scale(1);
    }
    75%, 100% {
        transform: scale(1.15);
    }
}
@keyframes slideInFromLeft {
        0% {
            transform: translateY(-100%);
        }
        50% {
                transform: translateY(10%);
            }
        100% {
            transform: translateY(0);
        }
}
.slide-caption-inner{padding:0;display:block;position:relative}
a.slider-more{
    position: relative; display: inline-block;  background-color:#091E42;background: linear-gradient(120deg, #003399, #091E42) repeat; color:#FFFFFF;font-weight:500;  text-align:center;  border: 1px solid #003399; margin:1px;  padding: 12px 30px; border-radius: 5px; overflow: hidden;
}
a.slider-more:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "fontello";
    font-weight: 400;
    content: "\e93a";
    font-size: 10px;
    margin-left: 8px;
    margin-inline-start: 8px;
    margin-inline-end: 0;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.slider-more::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000;
    width: 0;
    height: 100%;
    transition: all 0.4s ease-in-out;
}
a.slider-more:hover{ border-color:#000;}
a.slider-more:hover:before{
    width: 100%;
}
a.slider-more span{ display: inline-block; position: relative; z-index: 2; }
a.slidermore{
    position: relative; display: inline-block; background: transparent; color:#FFFFFF;font-weight:500;  text-align:center;  border: 1px solid #FFFFFF; margin:1px;  padding: 12px 30px; border-radius: 5px; overflow: hidden;
}
a.slidermore:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "fontello";
    font-weight: 400;
    content: "\e93a";
    font-size: 10px;
    margin-left: 8px;
    margin-inline-start: 8px;
    margin-inline-end: 0;
    position: relative;
    top: -1px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
a.slidermore::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color:#091E42;background: linear-gradient(120deg, #003399, #091E42) repeat;
    width: 0;
    height: 100%;
    transition: all 0.4s ease-in-out;
}
a.slidermore:hover{ border-color:#003399;}
a.slidermore:hover:before{
    width: 100%;
}
a.slidermore span{ display: inline-block; position: relative; z-index: 2; }
.bancaption-overlay{ position: relative;color:#fff; background-color: #001432; background-image: url(/wp-content/themes/woodsidess/images/headerbg.jpg); background-size: cover;  padding: 0px;margin:0; }
.bancaption{ position:relative;  margin: 0; padding:0; display: flex; align-items: center; width: 100%;}
.bancaption-left{width:50%;  /*  animation: 3s slideInFromLeft;*/}
.bancaption-right{width:50%;}
.bancaption-inner{position: relative; display: block; padding: 150px 15% 50px 15%;}
.bancaption-slideimg{ position: relative; display: block; margin:0; padding: 0;}
.bancaption-slideimg img{margin:0; display: block;
    vertical-align: middle;
    max-width: 100%;
    height: 680px;
    object-fit: cover;
    object-position: center center; }
.bancaption h3{font-size:46px; font-weight: 900; line-height: 120%; text-transform: uppercase;  padding: 0px; color:#fff; }
.ban_caption h3 span{ background: #56B9B7; margin:2px 0px; padding: 10px;  display: inline-block;clear: both;}
.bancaption p{font-size:120%; line-height:140%;  font-weight: 400; padding: 0px; margin: 0 0 25px 0px;clear: both;}
#mainslider .images-all {
    position: relative;
    height: 740px;
    margin-bottom: -50px;
    text-align: end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#mainslider .images-all {
        height: 450px;
        margin-bottom: 0px;
    }
}
@media (max-width: 767px) {
#mainslider .images-all {
        height: 400px;
        margin-bottom: 0px;
    }
}
#mainslider .images-all .image1 {
    position: absolute;
    bottom: 0;
    right: 30%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
#mainslider .images-all .image1 {
        display: none;
    }
}
@media (max-width: 767px) {
#mainslider .images-all .image1 {
        display: none;
    }
}
#mainslider .images-all .image2 {
    position: absolute;
    bottom: 0;
    right: 10%;
}
#mainslider .shape {
    position: absolute;
    left: 0;
    bottom: 0;
}
.common-hero {
    background-color: var(--vtc-bg-common-bg2);
    height: 350px;
    display: flex;
    align-items: center;
}
.common-hero .main-heading {
    padding-top: 70px;
}
.common-hero .main-heading h1 {
    font-size: 50px;
    line-height: 60px;
    font-weight: var(--f-fw-bold);
    color: var(--vtc-text-heading-text-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .common-hero .main-heading h1 {
        font-size: var(--f-fs-font-fs40);
        line-height: 48px;
    }
}
@media (max-width: 767px) {
    .common-hero .main-heading h1 {
        font-size: 36px;
        line-height: 48px;
    }
}
.common-hero .main-heading .pages-intro {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 16px;
    flex-wrap: wrap;
}
@keyframes slideInFromLeft {
        0% {
            transform: translateY(-100%);
        }
        50% {
                transform: translateY(10%);
            }
        100% {
            transform: translateY(0);
        }
}
#video-parallex{ position: relative; overflow: hidden; margin: 0; padding: 0;text-align: center;}
.fullscreenbg { position: relative; overflow: hidden; display: block;min-height: 80vh; width: 100%; margin: 0; padding: 0;}
.background-video-hosted{
position: absolute;
top: 50%;left: 50%;
-o-object-fit: cover;
object-fit: cover
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.video-caption{
position: relative; display: flex; align-items: flex-end; min-height: 680px; font-size: 18px; line-height: 150%;
 background: rgba(0, 0, 0, 0.4); padding:0px 0px 0px 0px;   clear: both; margin: 0 auto;  z-index: 2; color: #FFFFFF !important;
}
.video-caption h2{ text-transform: uppercase; font-size:30px; }
#blog{ position: relative; margin: 0; padding: 60px 0px 100px 0px; }
.blog-post-info, .post-item{background:#fff; display:block;border:1px solid #E0E0E0;box-shadow: rgba(10, 10, 10, 0.08) 0px 0px 35px; border-radius: 4px;}
.blog-post-info:hover,.post-item:hover { box-shadow: 0 27px 35px -28px rgba(0, 0, 0, 0.66); }
.blog-post-img img, .post-item img{ display: block; width: 100%;height:auto; margin: 0;}
.label-wrap { padding:10px 25px;color:#999;  font-size:85%; border-bottom: 1px solid #DDDDDD; }
.blog-post-text,  .post-item-content{ padding:20px 25px 10px 25px; }
a.blog-more { font-size: 80%;}
h2.head{ display:none; }
.star-rating {
  display:inline-block;
}
.star-rating svg {
  width: 18px;
  height: 18px;
  color: #003399;
}
.star-rating svg:not(:last-child) {
  margin-right: 3px;
}
.page_header_wrap {
    position: relative; display: block; clear: both; padding:0px;  background-color: #06202B;
    background-image: url(/wp-content/themes/woodsidess/images/headerimage.jpg);
    background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;  color: #ffffff !important;
}
.headerimagebg{ position: relative; margin: 0; padding: 0;background-repeat: no-repeat; background-size: cover; background-position: center; }
.header-overlay{ background: rgba(0, 0, 0, 0.4); color:#fff; margin: 0; padding: 300px 0px 50px 0px; min-height: 150px; }
.contact-form-shadow{ position: relative; margin-bottom:50px; padding: 50px;background:#fff; box-shadow: 5px 7px 30px rgba(72,73,121,.15);-webkit-box-shadow: 5px 7px 30px rgba(72,73,121,.15);-moz-box-shadow: 5px 7px 30px rgba(72,73,121,.15);border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; }