html {font-family: Arial, Helvetica, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased; color:#4E5052;}
  body {margin: 0;}
  article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;}
  audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}
  audio:not([controls]) {display: none;height: 0;}
  [hidden],template {display: none;}
  a {background-color: transparent;}
  a:active,a:hover {outline: 0;}
  b,strong {font-weight: bold;}
  dfn {font-style: italic;}
  h1 {font-size: 2em;margin: 0.67em 0;}
  mark {background: #ff0;color: #000;}
  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;}
  img {border: 0;}
  svg:not(:root) {overflow: hidden;}
  figure {margin: 1em 40px;}
  hr {box-sizing: content-box;height: 0;}
  button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
  button {overflow: visible;}
  button{text-transform: none;}
  button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
  button[disabled],html input[disabled] {cursor: default;}
  button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
  ul,ol {margin-top: 0;margin-bottom: 10px;}
  ul ul,ol ul,ul ol,ol ol {margin-bottom: 0;}

/************************************************
*        colorcode classes gose here          *
************************************************/
  .NonTech-C1 .fillBG{background-color: #00758F;}
  .NonTech-C1 .fillTXT{color: #00758F !important;}
  .NonTech-C1 .fillTXT a, .NonTech-C1 .fillTXT span{color: #00758F !important;}
  .NonTech-C2 .fillBG{background-color: #F29111;}
  .NonTech-C2 .fillTXT{color: #F29111 !important;}
  .NonTech-C2 .fillTXT a, .NonTech-C2 .fillTXT span{color: #F29111 !important;}
  .NonTech-C3 .fillBG{background-color: #324B5C;}
  .NonTech-C3 .fillTXT{color: #324B5C !important;}
  .NonTech-C3 .fillTXT a, .NonTech-C3 .fillTXT span{color: #324B5C !important;}
  .NonTech-C4 .fillBG{background-color: #942645;}
  .NonTech-C4 .fillTXT{color: #942645 !important;}
  .NonTech-C4 .fillTXT a, .NonTech-C4 .fillTXT span{color: #942645 !important;}
  .NonTech-C5 .fillBG{background-color: #3A913F;}
  .NonTech-C5 .fillTXT{color: #3A913F !important;}
  .NonTech-C5 .fillTXT a, .NonTech-C5 .fillTXT span{color: #3A913F !important;}
  .NonTech-C6 .fillBG{background-color: #8AADBF;}
  .NonTech-C6 .fillTXT{color: #8AADBF !important;}
  .NonTech-C6 .fillTXT a, .NonTech-C6 .fillTXT span{color: #8AADBF !important;}

/************************************************
*        swapping classes gose here          *
************************************************/
.swap-right .tbg:first-child{ float: right !important; padding-right:0px !important;}
.swap-right .tbg:last-child{ float: right !important;}
.swap-right img{ margin-left: 1px;}


/************************************************
*        flaticon classes gose here          *
************************************************/
.radius{ border-radius: 50%;}
.flatIcon{width:111px !important; height:111px; margin:auto}
.flatIcon img {width:100%;float: left; height:auto;} 

@media (min-width: 768px) {
  .flatIcon{width:111px !important; height:111px; margin:auto}
  .flatIcon img {width:100%;float: left; height:auto;}
}
@media (min-width: 1200px) {
  .flatIcon{width:144px !important; height:144px; margin:auto}
  .flatIcon img {width:100%;float: left; height:auto;}
}
  
/************************************************
*        text align classes gose here          *
************************************************/

@media (max-width: 700px) {
  .txt-xs-center {text-align: center;}
}
  .txt-left {text-align: left;}
  .txt-right {text-align: right;}
  .txt-center {text-align: center;}
  .txt-justify {text-align: justify;}
  .txt-nowrap {white-space: nowrap;}
  .txt-lowercase {text-transform: lowercase;}
  .txt-uppercase {text-transform: uppercase;}
  .txt-capitalize {text-transform: capitalize;}

/************************************************
*           heading classes gose here           *
*************************************************/
.hh1,hh2,.hp,.h1,.h2,.h3,.h4,.h5,.h6,.p {font-family: inherit;color: inherit; margin:0px; float:left; width:100%;}
.hh1{font-size: 28px; line-height: normal;font-weight: bold;}
.hh2{font-size: 18px;font-weight: bold;line-height: normal;}
.hp{font-size: 16px; font-weight: normal; line-height: normal; color: #FEFEFF;  float: left; width:100%;}

.h1 {font-size: 20px; line-height: normal;font-weight: bold;}
.h2 {font-size: 22px;font-weight: bold;line-height: normal;}
.p { font-size: 14px; line-height: normal; color: #4E5052;}

@media (min-width: 768px) {
  .hh1{font-size: 28px; line-height: normal;font-weight: bold;}
  .hh2{font-size: 16px;font-weight: bold;line-height: normal;}
  .hp{font-size: 13px; float: left; width:100%;}

  .h1 {font-size: 20px; line-height: normal;font-weight: bold;}
  .p { font-size: 14px; line-height: auto;}
}
@media (min-width:992px) {
  .hh1{font-size: 38px; line-height: normal;font-weight: bold;}
  .hh2{font-size: 22px;font-weight: bold;line-height: auto;}
  .hp{font-size: 18px; float: left; width:100%;}

  .h1 {font-size: 25px; line-height: normal;font-weight: bold;}
  .h2 {font-size: 22px;font-weight: bold;line-height: normal;}
  .p { font-size: 19px; line-height: normal;}
}

@media (min-width: 1200px) {
  .hh1{font-size: 38px; line-height: normal;font-weight: bold;}
  .hh2{font-size: 22px;font-weight: bold;line-height: normal;}
  .hp{font-size: 18px; float: left; width:100%;}

  .h1 {font-size: 25px; line-height: normal;font-weight: bold;}
  .h2 {font-size: 22px;font-weight: bold;line-height: normal;}
  .p { font-size: 19px; line-height: normal;}
}
/************************************************
*           margin classes gose here           *
*************************************************/

.hh1-mb{margin-bottom: 10px; margin-top: 0;}
.hh2-mb{margin-bottom: 10px; margin-top: 0;}
.hp-mb{margin-bottom: 20px; margin-top: 0;}
.tbg-xsmb12{margin-bottom: 12px; margin-top: 0;}
.tbg-xsmb20{margin-bottom: 20px; margin-top: 0;}
.tbg-mb20{margin-bottom: 20px; margin-top: 0;}
.tbg-mb2010{margin-bottom: 13px; margin-top: 0;}
.tbg-mb2015{margin-bottom: 15px; margin-top: 0;}
.tbg-mb2000{margin-bottom: 0px; margin-top: 0;}
.h1-mt30{margin-top:10px;}
.h1-mt15{margin-top:10px;}
.p{ margin-top:10px; margin-bottom: 15px;}
.tbg-mb30{margin-bottom: 30px; margin-top: 0;}

@media (min-width: 768px) {
  .hh1-mb{margin-bottom: 12px; margin-top: 0;}
  .hh2-mb{margin-bottom: 12px; margin-top: 0;}
  .hp-mb{margin-bottom: 20px; margin-top: 0;}
  .tbg-xsmb12{margin-bottom: 0px; margin-top: 0;}
  .tbg-xsmb20{margin-bottom: 0px; margin-top: 0;}
  .tbg-mb2010{margin-bottom: 20px; margin-top: 0;}
  .tbg-mb2015{margin-bottom: 20px; margin-top: 0;}
  .tbg-mb2000{margin-bottom: 20px; margin-top: 0;}
  .h1-mt30{margin-top:20px;}
  .h1-mt15{margin-top:10px;}
  .p{ margin-top:10px; margin-bottom: 15px;}
  .tbg-mb30{margin-bottom: 20px; margin-top: 0;}
}
@media (min-width: 992px) {
  .hh1-mb{margin-bottom: 15px; margin-top: 0;}
  .hh2-mb{margin-bottom: 15px; margin-top: 0;}
  .hp-mb{margin-bottom: 30px; margin-top: 0;}
  .tbg-mb2010{margin-bottom: 20px; margin-top: 0;}
  .tbg-mb2015{margin-bottom: 20px; margin-top: 0;}
  .tbg-mb2000{margin-bottom: 20px; margin-top: 0;}
  .h1-mt30{margin-top:30px;}
  .h1-mt15{margin-top:15px;}
  .p{ margin-top:15px; margin-bottom: 20px;}
  .tbg-mb30{margin-bottom: 30px; margin-top: 0;}
}

@media (min-width: 1200px) {
  .hh1-mb{margin-bottom: 15px; margin-top: 0;}
  .hh2-mb{margin-bottom: 15px; margin-top: 0;}
  .hp-mb{margin-bottom: 30px; margin-top: 0;}
  .tbg-mb2010{margin-bottom: 20px; margin-top: 0;}
  .tbg-mb2015{margin-bottom: 20px; margin-top: 0;}
  .tbg-mb2000{margin-bottom: 20px; margin-top: 0;}
  .h1-mt30{margin-top:30px;}
  .h1-mt15{margin-top:15px;}
  .p{ margin-top:15px; margin-bottom: 20px;}
  .tbg-mb30{margin-bottom: 30px; margin-top: 0;}
}

/************************************************
*           wrapper classes gose here           *
*************************************************/
div#defaultTemp{ padding-top:0px !important;}
div#innerdesk { padding-top:0px !important;}
#mainTable{ width: 100%;margin:auto;}
.fillBG{ float: left; width: 100%; height: auto;}
.wrapper {margin-right: auto;margin-left: auto; padding-left:0px; padding-right:0px;}
.Herowrapper {float:left; width:auto;padding-left:15px; padding-right:15px; color:#FFFFFF;}
/* .Herowrapper {margin-right: auto;margin-left: auto; padding-left:15px; padding-right:15px; color:#FFFFFF;} */
.nonTech-wrapper{float:left; padding:0 12px; border-bottom:10px solid #e6e6e6;}

@media (min-width: 768px) {
  #mainTable{ width: 100%;margin:auto;}
    .wrapper {width: 730px; padding-left:0; padding-right: 0; margin:0 auto;}
    .Herowrapper {margin-right: auto;margin-left: auto; padding-left:25px; padding-right:25px; color:#FFFFFF;}
    .Herowrapper {width:100%; float:left; padding-left:25px; padding-right:25px; color:#FFFFFF;}
    /* .Herowrapper {margin-right: auto;margin-left: auto; padding-left:25px; padding-right:25px; color:#FFFFFF;} */
	.nonTech-wrapper{float:left;width:100%;border-bottom:10px solid #e6e6e6; padding:0px;}
    
}
@media (min-width: 992px) {
  #mainTable{ width: 976px;margin:auto;}
    .wrapper {width: 975px; padding-left:0.5px; padding-right: 0.5px;}
    .Herowrapper {width:100%; float:left; padding-left:30px; padding-right:30px; color:#FFFFFF;}
    /* .Herowrapper {margin-right: auto;margin-left: auto; padding-left:30px; padding-right:30px; color:#FFFFFF;} */
	.nonTech-wrapper{float:left;width:100%;border-bottom:20px solid #e6e6e6;}
}
@media (min-width: 1200px) {
  #mainTable{ width: 976px;margin:auto;}
    .wrapper {width: 975px; padding-left:0.5px; padding-right: 0.5px;}
    .Herowrapper {width:100%; float:left; padding-left:30px; padding-right:30px; color:#FFFFFF;}
    /* .Herowrapper {margin-right: auto;margin-left: auto; padding-left:30px; padding-right:30px; color:#FFFFFF;} */
	.nonTech-wrapper{float:left;width:100%;border-bottom:20px solid #e6e6e6;}
}


/************************************************
*        hero box classes gose here             *
************************************************/
.box-hero{height:auto;}  
@media (min-width: 768px) {
  .box-hero{height:333px; overflow: hidden;}  
}
@media (min-width: 992px) {
  .box-hero{height:446px; margin-left: -1px;}
}
@media (min-width: 1200px) {
  .box-hero{height:446px; margin-left: -1px;}
}

/************************************************
*        image align classes gose here          *
************************************************/
.hva-img{
  position: inherit;
  float: none;
  margin-top:10px;
}
@media (min-width: 768px) {
  .hva-img{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    display: inherit;
    margin-top:0px;
  }
}
@media (min-width: 992px) {
  .hva-img{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    display: inherit;
    margin-top:0px;
  }
}
@media (min-width: 1200px) {
  .hva-img{
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    display: inherit;
    margin-top:0px;
  }
}

.NonTechimg2{ float: left; width:100%; height: auto; overflow: hidden;}
@media (min-width: 768px) {
  .NonTechimg2{ float: left; width:170px; height: 135px; overflow: hidden;}
}
@media (min-width: 992px) {
  .NonTechimg2{ float: left; width:228px; height: 157px; overflow: hidden;}
}
@media (min-width: 1200px) {
  .NonTechimg2{ float: left; width:228px; height: 157px; overflow: hidden;}
}


/************************************************
*             grid classes gose here            *
*************************************************/
.tbg-group{width:100%;float: left;}
.tbg-group .tbg:last-child {padding-right: 0 !important;}



.tbg-group .tbg:last-child.tbg-xs-6 {margin-left: -2.5px;}
.tbg-xs-6{
  padding-right: 2.5px ;
}
.tbg-xs-1, .tbg-sm-1, .tbg-md-1, .tbg-lg-1, .tbg-xs-2, .tbg-sm-2, .tbg-md-2, .tbg-lg-2, .tbg-xs-3, .tbg-sm-3, .tbg-md-3, .tbg-lg-3, .tbg-xs-4, .tbg-sm-4, .tbg-md-4, .tbg-lg-4, .tbg-xs-5, .tbg-sm-5, .tbg-md-5, .tbg-lg-5, .tbg-xs-6, .tbg-sm-6, .tbg-md-6, .tbg-lg-6, .tbg-xs-7, .tbg-sm-7, .tbg-md-7, .tbg-lg-7, .tbg-xs-8, .tbg-sm-8, .tbg-md-8, .tbg-lg-8, .tbg-xs-9, .tbg-sm-9, .tbg-md-9, .tbg-lg-9, .tbg-xs-10, .tbg-sm-10, .tbg-md-10, .tbg-lg-10, .tbg-xs-11, .tbg-sm-11, .tbg-md-11, .tbg-lg-11, .tbg-xs-12, .tbg-sm-12, .tbg-md-12, .tbg-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 11px;
  }
  .tbg-xs-1, .tbg-xs-2, .tbg-xs-3, .tbg-xs-4, .tbg-xs-5, .tbg-xs-6, .tbg-xs-7, .tbg-xs-8, .tbg-xs-9, .tbg-xs-10, .tbg-xs-11, .tbg-xs-12 {
    float: left;
  }
  .tbg-xs-12 {width: 100%;}
  .tbg-xs-11 {width: 91.532932%;}
  .tbg-xs-10 {width: 83%;}
  .tbg-xs-9 {width: 74.582981%;}
  .tbg-xs-8 {width: 66.110637%;}
  .tbg-xs-7 {width: 57.633020%;}
  .tbg-xs-6 {width: 50%;}
  .tbg-xs-5 {width: 40.688341%;}
  .tbg-xs-4 {width: 32.210725%;}
  .tbg-xs-3 {width: 23.738385%;}
  .tbg-xs-2 {width: 15.260767%;}
  .tbg-xs-1 {width: 6.788429%;}
  @media (min-width: 318px) {
    .tbg-xs-1, .tbg-xs-2, .tbg-xs-3, .tbg-xs-4, .tbg-xs-5, .tbg-xs-6, .tbg-xs-7, .tbg-xs-8, .tbg-xs-9, .tbg-xs-10, .tbg-xs-11, .tbg-xs-12 {
      float: left;
      padding-right: 5px;
    }
    .tbg-xs-6{
      padding-right: 2.5px ;
    }
  }
  @media (min-width: 768px) {
    .tbg-sm-1, .tbg-sm-2, .tbg-sm-3, .tbg-sm-4, .tbg-sm-5, .tbg-sm-6, .tbg-sm-7, .tbg-sm-8, .tbg-sm-9, .tbg-sm-10, .tbg-sm-11, .tbg-sm-12 {
      float: left;
      padding-right: 11px;
    }
    .tbg-group .tbg:last-child.tbg-sm-6 {margin-left: -5.5px;}
    .tbg-sm-6{padding-right: 5.5px;}
    .tbg .tbg-sm-6:nth-child(2){padding-left:-5px;}
    .tbg-sm-12 {width: 100%;}
    .tbg-sm-11 {width: 91.543231%;}
    .tbg-sm-10 {width: 83.084331%;}
    .tbg-sm-9 {width: 74.625423%;}
    .tbg-sm-8 {width: 66.166522%;}
    .tbg-sm-7 {width: 57.707616%;}
    .tbg-sm-6 {width: 50%;}
    .tbg-sm-5 {width: 40.789812%;}
    .tbg-sm-4 {width: 32.330907%;}
    .tbg-sm-3 {width: 23.872002%;}
    .tbg-sm-2 {width: 15.413098%;}
    .tbg-sm-1 {width: 6.9541111%;}
    .pull-sm-3{right:25%}
    .push-sm-3{left:25%} 
  }
  @media (min-width: 992px) {
    .tbg-md-1, .tbg-md-2, .tbg-md-3, .tbg-md-4, .tbg-md-5, .tbg-md-6, .tbg-md-7, .tbg-md-8, .tbg-md-9, .tbg-md-10, .tbg-md-11, .tbg-md-12 {
      float: left;
      padding-right: 21px;
    }
    .tbg-group .tbg:last-child.tbg-md-6 {margin-left: -10.5px;}
    .tbg-md-6{padding-right: 10.5px;}
    .tbg .tbg-md-6:nth-child(2){padding-left:-10.5px;}
    .tbg-md-12 {width: 100%;}
    .tbg-md-11 {width: 91.490383%;}
    .tbg-md-10 {width: 82.979160%;}
    .tbg-md-9 {width: 74.467945%;}
    .tbg-md-8 {width: 65.956729%;}
    .tbg-md-7 {width: 57.445508%;}
    .tbg-md-6 {width: 50%;}
    .tbg-md-5 {width: 40.41025%;}
    .tbg-md-4 {width: 31.89743%;}
    .tbg-md-3 {width: 23.38461%;}
    .tbg-md-2 {width: 14.87179%;}
    .tbg-md-1 {width:  6.358%;}
  }
  @media (min-width: 1200px) {
    .tbg-lg-1, .tbg-lg-2, .tbg-lg-3, .tbg-lg-4, .tbg-lg-5, .tbg-lg-6, .tbg-lg-7, .tbg-lg-8, .tbg-lg-9, .tbg-lg-10, .tbg-lg-11, .tbg-lg-12 {
      float: left;
    }
    .tbg-group .tbg:last-child.tbg-lg-6 {margin-left: -10.5px !important;}
    .tbg-lg-6{padding-right: 10.5px !important;}
    .tbg .tbg-lg-6:nth-child(2){padding-left:-10.5px;}
    .tbg-lg-12 {width: 100%;}
    .tbg-lg-11 {width: 91.488780%;}
    .tbg-lg-10 {width: 82.975955%;}
    .tbg-lg-9 {width: 74.463138%;}
    .tbg-lg-8 {width: 65.950321%;}
    .tbg-lg-7 {width: 57.437498%;}
    .tbg-lg-6 {width: 50%;}
    .tbg-lg-5 {width: 40.411855%;}
    .tbg-lg-4 {width: 31.899037%;}
    .tbg-lg-3 {width: 23.385415%;}
    .tbg-lg-2 {width: 14.873397%;}
    .tbg-lg-1 {width: 6.360576%;}  
    .pull-lg-3{right:25.537855%}
    .push-lg-3{left:25.537855%}  
  }

/************************************************
*             Hero classes gose here            *
*************************************************/
.align-middle{ 
  float:none;
  width:100%;
}
@media (min-width: 768px) {
  .align-middle{  min-height: 333px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;
    -webkit-box-pack : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    -webkit-justify-content : center;
    justify-content : center;
  }
}

@media (min-width: 992px) {
  .align-middle{  min-height: 446px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;
    -webkit-box-pack : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    -webkit-justify-content : center;
    justify-content : center;
  }
}
@media (min-width: 1200px) {
  .align-middle{  min-height: 446px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-align : center;
    -webkit-align-items : center;
    -moz-box-align : center;
    -ms-flex-align : center;
    align-items : center;
    -webkit-box-pack : center;
    -moz-box-pack : center;
    -ms-flex-pack : center;
    -webkit-justify-content : center;
    justify-content : center;
  }
}

/************************************************
*       primary1,2 btn classes gose here        *
*************************************************/
.btn{float:left;width:auto;height: auto;}
.btn-primary a{
  float: left;
  background-color: #FFFFFF;
  margin-right: auto;margin-left: auto; padding-left:16px; padding-right:16px;padding-top: 8px;padding-bottom: 9px;
}
.btn-primary .txt{
  margin-right:8px;
  font-size: 14px;
  color:#00758F;
  font-weight: bold;
  float: left;
}
.btn-primary .arrow{
  float: left;
  height: 18px;
  width:23px;
  background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.btn-primary:hover a{
  background-color: inherit;
  border: 2px solid #FFFFFF;
  padding-top: 6px;padding-bottom: 7px;padding-left:14px; padding-right:14px;
}

.btn-primary:hover .txt{
  color: #FFFFFF;
}

.btn-primary:hover .arrow{
  float: left;
  height: 18px;
  width:23px;
  background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
  background-repeat: no-repeat;
  background-size: 100%;
}




.btn-primary2 a{
  float: left;
  background-color: #00758F;
  margin-right: auto;margin-left: auto; padding-left:16px; padding-right:16px;padding-top: 8px;padding-bottom: 9px;
}
.btn-primary2 .txt{
  margin-right:8px;
  font-size: 14px;
  color:#FFFFFF;
  font-weight: bold;
  float: left;
}
.btn-primary2 .arrow{
  float: left;
  height: 18px;
  width:23px;
  background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.btn-primary2:hover a{
  background-color: #FFFFFF;
  border: 2px solid #00758F;
  padding-top: 6px;padding-bottom: 7px;padding-left:14px; padding-right:14px;
}

.btn-primary2:hover .arrow{
  float: left;
  height: 18px;
  width:23px;
  background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.btn-primary2:hover .txt{
  color: #00758F;
}


.btn-txt-primary a,.btn-txt-primary1 a{
  float: left;
  background-color: inherit;
  margin-right: auto;margin-left: auto; padding:0px;;
}
.btn-txt-primary .txt{
  margin-right:8px;
  font-size: 14px;
  color:#FFFFFF;
  font-weight: bold;
  float: left;
}
.btn-txt-primary1 .txt{
  margin-right:8px;
  font-size: 14px;
  color:#00758F;
  font-weight: bold;
  float: left;
}
.btn-txt-primary .arrow{
  float: left;
  height: 18px;
  width:23px;
  background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
.btn-txt-primary1 .arrow{
  float: left;
  height: 18px;
  width:23px;
  background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
/* .btn-txt-primary:hover a{
  
}

.btn-txt-primary:hover .arrow{
  float: left;
  height: 18px;
  width:23px;
  background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
} */

.btn-txt-primary:hover .txt,.btn-txt-primary1:hover .txt{
  text-decoration: underline;
}
@media (min-width: 768px) {
  .btn-primary a{
    float: left;
    background-color: #FFFFFF;
    margin-right: auto;margin-left: auto; padding-left:18px; padding-right:18px;padding-top: 11px;padding-bottom: 11px;
  }
  .btn-primary .txt{
    margin-right:12px;
    font-size: 14px;
    color:#00758F;
    font-weight: bold;
    float: left;
  }
  .btn-primary .arrow{
    float: left;
    height: 18px;
    width:23px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .btn-primary:hover a{
    background-color: inherit;
    border: 2px solid #FFFFFF;
    padding-top: 9px;padding-bottom: 9px;padding-left:16px; padding-right:16px;
  }
  
  .btn-primary:hover .txt{
    color: #FFFFFF;
  }
  .btn-primary:hover .arrow{
    float: left;
    height: 18px;
    width:23px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }



  .btn-primary2 a{
    float: left;
    background-color: #00758F;
    margin-right: auto;margin-left: auto; padding-left:18px; padding-right:18px;padding-top: 11px;padding-bottom: 11px;
  }
  .btn-primary2 .txt{
    margin-right:12px;
    font-size: 14px;
    color:#FFFFFF;
    font-weight: bold;
    float: left;
  }
  .btn-primary2 .arrow{
    float: left;
    height: 18px;
    width:23px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .btn-primary2:hover a{
    background-color: #FFFFFF;
    border: 2px solid #00758F;
    padding-top: 9px;padding-bottom: 9px;padding-left:16px; padding-right:16px;
  }
  
  .btn-primary2:hover .txt{
    color: #00758F;
  }

  .btn-primary2:hover .arrow{
    float: left;
    height: 18px;
    width:23px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  .btn-txt-primary a,.btn-txt-primary1 a{
    float: left;
    background-color: inherit;
    margin-right: auto;margin-left: auto; padding:0px;
  }
  .btn-txt-primary .txt{
    margin-right:12px;
    font-size: 14px;
    color:#FFFFFF;
    font-weight: bold;
    float: left;
  }
  .btn-txt-primary1 .txt{
    margin-right:12px;
    font-size: 14px;
    color:#00758F;
    font-weight: bold;
    float: left;
  }
  .btn-txt-primary .arrow{
    float: left;
    height: 18px;
    width:23px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .btn-txt-primary1 .arrow{
    float: left;
    height: 18px;
    width:23px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .btn-txt-primary:hover a{
    
  }
  
  .btn-txt-primary:hover .txt,.btn-txt-primary1:hover .txt{
    text-decoration: underline;
  }
}


@media (min-width: 992px) {
  .btn-primary a{
    float: left;
    background-color: #FFFFFF;
    margin-right: auto;margin-left: auto; padding-left:24px; padding-right:24px;    padding-top: 14px;
    padding-bottom: 14px;
  }
  .btn-primary .txt{
    width:auto;
    margin-right:16px;
    float: left;
    color:#00758F;
    font-size: 18px;
    font-weight: bold;
  }
  .btn-primary .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .btn-primary:hover a{
    background-color: inherit;
    border: 2px solid #FFFFFF;
    padding-top: 12px;padding-bottom: 12px;padding-left:22px; padding-right:22px;
  }
  
  .btn-primary:hover .txt{
    color: #FFFFFF;
  }

  .btn-primary:hover .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  .btn-primary2 a{
    float: left;
    background-color: #00758F;
    margin-right: auto;margin-left: auto; padding-left:24px; padding-right:24px;    padding-top: 14px;
    padding-bottom: 14px;
  }
  .btn-primary2 .txt{
    width:auto;
    margin-right:16px;
    float: left;
    color:#FFFFFF;
    font-size: 18px;
    font-weight: bold;
  }
  .btn-primary2 .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .btn-primary2:hover a{
    background-color: #FFFFFF;
    border: 2px solid #00758F;
    padding-top: 12px;padding-bottom: 12px;padding-left:22px; padding-right:22px;
  }
  
  .btn-primary2:hover .txt{
    color: #00758F;
  }

  .btn-primary2:hover .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }



  .btn-txt-primary a,.btn-txt-primary1 a{
    float: left;
    background-color: inherit;
    margin-right: auto;margin-left: auto; padding:0px;
    padding-bottom: 14px;
  }
  .btn-txt-primary .txt{
    width:auto;
    margin-right:16px;
    float: left;
    color:#FFFFFF;
    font-size: 18px;
    font-weight: bold;
  }
   .btn-txt-primary1 .txt{
    width:auto;
    margin-right:16px;
    float: left;
    color:#00758F;
    font-size: 18px;
    font-weight: bold;
  }
  .btn-txt-primary .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .btn-txt-primary1 .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .btn-txt-primary:hover a{
   
  }
  
  .btn-txt-primary:hover .txt,.btn-txt-primary1:hover .txt{
    text-decoration: underline;
  }
}
@media (min-width: 1200px) {
  .btn-primary a{
    float: left;
    background-color: #FFFFFF;
    margin-right: auto;margin-left: auto; padding-left:25px; padding-right:25px;    padding-top: 14px;
    padding-bottom: 14px;
  }
  .btn-primary .txt{
    width:auto;
    margin-right:16px;
    float: left;
    color:#00758F;
    font-size: 18px;
    font-weight: bold;
  }
  .btn-primary .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .btn-primary:hover a{
    background-color: inherit;
    border: 2px solid #FFFFFF;
    padding-top: 12px;padding-bottom: 12px;padding-left:22px; padding-right:22px;
  }
  
  .btn-primary:hover .txt{
    color: #FFFFFF;
  }

  .btn-primary:hover .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  .btn-primary2 a{
    float: left;
    background-color: #00758F;
    margin-right: auto;margin-left: auto; padding-left:25px; padding-right:25px;    padding-top: 14px;
    padding-bottom: 14px;
  }
  .btn-primary2 .txt{
    width:auto;
    margin-right:16px;
    float: left;
    color:#FFFFFF;
    font-size: 18px;
    font-weight: bold;
  }
  .btn-primary2 .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .btn-primary2:hover a{
    background-color: #FFFFFF;
    border: 2px solid #00758F;
    padding-top: 12px;padding-bottom: 12px;padding-left:22px; padding-right:22px;
  }
  
  .btn-primary2:hover .txt{
    color: #00758F;
  }

  .btn-primary2:hover .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }


  .btn-txt-primary a,.btn-txt-primary1 a{
    float: left;
    background-color: inherit;
    margin-right: auto;margin-left: auto; padding:0px;
    padding-bottom: 14px;
  }
  .btn-txt-primary .txt{
    width:auto;
    margin-right:16px;
    float: left;
    color:#FFFFFF;
    font-size: 18px;
    font-weight: bold;
  }
   .btn-txt-primary1 .txt{
    width:auto;
    margin-right:16px;
    float: left;
    color:#00758F;
    font-size: 18px;
    font-weight: bold;
  }
  .btn-txt-primary .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-white-arw.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .btn-txt-primary1 .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  }

  .btn-txt-primary:hover a{
    
  }
  
  .btn-txt-primary:hover .txt,.btn-txt-primary1:hover .txt{
    text-decoration: underline;
  }

  /* .btn-txt-primary:hover .arrow{
    float: left;
    height: 22px;
    width:28px;
    background-image: url(https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png);
    background-repeat: no-repeat;
    background-size: 100%;
  } */
}




/************************************************
*        textlink1,2 classes gose here          *
*************************************************/
.btn-txt{
  text-decoration: none;
  display:inline-block;
}
.btn-txt .txt::after{
  content: "";
  display: block;
  background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
  width: 28px;
  height: 22px;
  background-size: 100%;
  top: 7px;
  left: 8px;
  position: relative;
  display: inline-block;
}
.btn-txt1 .txt{
  width:auto;
  color:#00758F;
  font-size: 14px;
  font-weight: normal;
}
.btn-txt:hover .txt{
  text-decoration: none;
}
.btn-txt:hover .txt span{
  text-decoration: underline;
}

.btn-txt .txt span,.btn-txt1 .txt span{display:inline-block;}


.btn-txt1{
  text-decoration: none;
  display:inline-block;
}
.btn-txt1 .txt::after{
  content: "";
  display: block;
  background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
  width: 28px;
  height: 22px;
  background-size: 100%;
  top: 7px;
  left: 8px;
  position: relative;
  display: inline-block;
}
.btn-txt1 .txt{
  width:auto;
  color:#00758F;
  font-size: 14px;
  font-weight: normal;
}
.btn-txt1:hover .txt{
  text-decoration: none;
}
.btn-txt1:hover .txt span{
  text-decoration: underline;
}
@media (min-width: 768px) {
  .btn-txt{
    text-decoration: none;
	display:inline-block;
  }
  .btn-txt .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  .btn-txt1 .txt{
    width:auto;
    color:#00758F;
    font-size: 14px;
    font-weight: normal;
  }
  .btn-txt:hover .txt{
    text-decoration: none;
  }
  .btn-txt:hover .txt span{
    text-decoration: underline;
  }

  .btn-txt1{
    text-decoration: none;
	display:inline-block;
  }
  .btn-txt1 .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  .btn-txt1 .txt{
    width:auto;
    color:#00758F;
    font-size: 14px;
    font-weight: normal;
  }
  .btn-txt1:hover .txt{
    text-decoration: none;
  }
   .btn-txt1:hover .txt span{
    text-decoration: underline;
  }
}
@media (min-width: 992px) {
  .btn-txt{
    text-decoration: none;
	display:inline-block;
  }
  .btn-txt .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  .btn-txt1 .txt{
    width:auto;
    color:#00758F;
    font-size: 14px;
    font-weight: normal;
  }
  .btn-txt:hover .txt{
    text-decoration: none;
  }
   .btn-txt:hover .txt span{
    text-decoration: underline;
  }


  .btn-txt1{
    text-decoration: none;
	display:inline-block;
  }
  .btn-txt1 .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  .btn-txt1 .txt{
    width:auto;
    color:#00758F;
    font-size: 14px;
    font-weight: normal;
  }
  .btn-txt1:hover .txt{
    text-decoration: none;
  }
  .btn-txt1:hover .txt span{
    text-decoration: underline;
  }
}

@media (min-width: 1200px) {
  .btn-txt{
    text-decoration: none;
	display:inline-block;
  }
  .btn-txt .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/white-arw.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  .btn-txt1 .txt{
    width:auto;
    color:#00758F;
    font-size: 14px;
    font-weight: normal;
  }
  .btn-txt:hover .txt{
    text-decoration: none;
  }
   .btn-txt:hover .txt span{
    text-decoration: underline;
  }


  .btn-txt1{
    text-decoration: none;
	display:inline-block;
  }
  .btn-txt1 .txt::after{
    content: "";
    display: block;
    background: url("https://www.oracleimg.com/webfolder/s/dm/image9/tech-btn-arrow.png") no-repeat;
    width: 28px;
    height: 22px;
    background-size: 100%;
    top: 7px;
    left: 12px;
    position: relative;
    display: inline-block;
  }
  .btn-txt1 .txt{
    width:auto;
    color:#00758F;
    font-size: 14px;
    font-weight: normal;
  }
  .btn-txt1:hover .txt{
    text-decoration: none;
  }
   .btn-txt1:hover .txt span{
    text-decoration: underline;
  }
}


/************************************************
*     logo component classes gose here          *
*************************************************/
.logowraper{ padding:0px !important; width:100%; float: left;}
.logocomp{float: left; padding:0px 12px; width:auto !important;}
.logo{float: left; width:120px; margin-left:0px; height: auto;}
.logo img{float: left;width:auto;}
.logoText{float: left; width: 100%; font-size: 16px; padding:20px 0 !important;}
.logoText h1{ font-size: 16px; float: left; margin:0px;}


@media (min-width: 768px) {
  .logocomp{float: left;width: 100%; margin-bottom: 20px; padding: 0px;}
  .logo{float: left; width:175px;margin-right:20px; margin-bottom: 0px; margin-left:0px; height: auto;}
  .logoText{float: left; width: 535px; font-size: 16px; padding:20px 0 0 20px !important;}
  .logoText h1{ font-size: 16px; float: left; max-height: 42px; overflow: visible; margin:0px;}
  .logocomp-half{ width:100% !important;}
  .logocomp-half .logoText{  float:right !important; width:50% !important;}
}
@media (min-width: 992px) {
  .logo{float: left; width:175px;margin-right:20px; margin-bottom: 0px; margin-left:0px; height: auto;}
  .logoText{float: left; width: 761px; font-size: 18px; padding:20px 0 0 20px !important;}
  .logoText h1{ font-size: 18px; float: left; max-height: 42px; overflow: visible; margin:0px;}
  .logocomp-half{ width:100% !important;}
  .logocomp-half .logoText{  float:right !important; width:50% !important;}
}
@media (min-width: 1200px) {
  .logo{float: left; width:175px;margin-right:20px; margin-bottom: 0px; margin-left:0px; height: auto;}
  .logoText{float: left; width: 761px; font-size: 18px;  padding:20px 0 0 20px !important;}
  .logoText h1{ font-size: 18px; float: left; max-height: 42px; overflow: visible; margin:0px;}
  .logocomp-half{ width:100% !important;}
  .logocomp-half .logoText{ float:right !important; width:50% !important;}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: portrait) {
.logocomp-half .logo{width:57%!important;height:45px;}
.logocomp-half .logo img{width:57%!important;height:45px;}
}

@media all and (max-width: 640px) {
	.logocomp-half .logo{width:100%!important;height:45px;}
	.logocomp-half .logo img{width:100%!important;}

}


/************************************************
*     Image resize classes gose here          *
*************************************************/
@media (max-width: 640px) {
  .Tab-HW-full-image{float: none !important; margin-top: 0px; margin-left:0px !important; width:100% !important;}
  .Tab-HH-full-image{float: none !important; margin-top: 0px; margin-left:0px !important; height: 100% !important;}
  .Tab-HTW-full-image{float: none !important; margin-top: 0px; margin-left:0px !important; width:125px !important; height:auto !important;}
  .Tab-HTH-full-image{float: none !important; margin-top: 0px; margin-left:0px !important; height: 92px !important; width:auto !important;}
  .Give-margin-top{margin-top:10px !important;}
  .Mob-full-image {width: 100% !important;height: auto !important;width: auto\9;}
}

@media (max-width: 768px) {
  .Tab-HW-full-image{float: left;height: auto;padding-bottom: 2px;width: 100%;margin-top: 0px;margin-left:-2px;}
  .Tab-HH-full-image{float: left;height: 100%;padding-bottom: 2px;width: auto;margin-top: 0px;margin-left:-2px;}
  .Tab-HTW-full-image{float: none !important; margin-top: 0px; margin-left:0px !important; width: 170px; height:auto;}
  .Tab-HTH-full-image{float: none !important; margin-top: 0px; margin-left:0px !important; height: 135px; width:auto;}
}

/************************************************
*     IE10 and IE11 fix for primary component    *
*************************************************/
@media all and (-ms-high-contrast:none)
     {
     .align-middle { margin-top:20%; min-height: 200px; } /* IE10 */
     *::-ms-backdrop, .align-middle { margin-top:20%; min-height: 200px;  } /* IE11 */
     }