.perfect-solution .ui-tabs .ui-tabs-nav { background:#fcfcfc url(http://clientdemozone.com/octus/wp-content/uploads/2017/12/bg_borderr.png) center no-repeat !important;}
.perfect-solution .ui-tabs li { border:0px !important;}
.perfect-solution .ui-tabs { border:0px !important;}
.perfect-solution .ui-tabs .ui-tabs-panel { padding: 40px 0px 10px 0px; ; background: #fcfcfc ;}
.perfect-solution .ui-tabs .ui-tabs-nav { border:0px; text-align: center;}


.perfect-solution .ui-tabs .ui-tabs-nav li a { color:#909090 !important;}

.perfect-solution #ui-id-1 { text-align: center; width:150px; background:url(http://clientdemozone.com/octus/wp-content/uploads/2018/01/languages-1.png) no-repeat center; margin:0px 30px; border-radius:50%; padding-top: 194px !important; font-size: 21px;}

.perfect-solution #ui-id-3 { text-align: center; width:150px; background:url(http://clientdemozone.com/octus/wp-content/uploads/2018/01/packages.png) no-repeat center; margin:0px 30px; border-radius:50%; padding-top: 194px !important; font-size: 21px;}

.perfect-solution #ui-id-2 { text-align: center; width:150px; background:url(http://clientdemozone.com/octus/wp-content/uploads/2018/01/training.png) no-repeat center; margin:0px 30px; border-radius:50%; padding-top: 194px !important; font-size: 21px;}

.perfect-solution #ui-id-4 { text-align: center; width:150px; background:url(http://clientdemozone.com/octus/wp-content/uploads/2018/01/oct_courses.png) no-repeat center right; margin:0px 30px; border-radius:50%; padding-top: 194px !important; font-size: 21px;}

h3 { font-weight:700 !important;}

#Header { min-height:80px !important;}
#Action_bar { border-bottom:1px #e0e0e0 solid;}
#menu { text-transform: uppercase;}
#Top_bar a#search_button { border: 1px #CCC solid; padding: 4px 0px; top: 15px;}
.firstsection_icons { }

.title_section h1, .title_section h3, .title_section { color:#FFF;}

.first_section .section_wrapper .blue_section { border-radius: 100px 0px 0px 100px; -webkit-box-shadow: 1px 8px 20px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 8px 20px -4px rgba(0,0,0,0.75);
box-shadow: 1px 8px 20px -4px rgba(0,0,0,0.75); }

.first_section .section_wrapper .firstsection_icons { border-radius: 0px 100px 100px 0px; -webkit-box-shadow: 1px 8px 20px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 8px 20px -4px rgba(0,0,0,0.75);
box-shadow: 1px 8px 20px -4px rgba(0,0,0,0.75); height:130px; }

.firstsection_icons .icon_box .image_wrapper { margin-bottom:0px;}
.blue_section { height:130px; border-radius: 100px 0px 0px 100px;}
.blue_section img { margin-top:5px;}
.firstsection_icons img{ width:64px;}
.search_home .widget_search input { height: 50px; border-radius: 29px; padding-left: 35px; margin-top: 10px;}
.main_ico { border-right:1px #f1f1f1 dotted; height:120px; padding-top:10px;}

.divider_style .hr_narrow { background:url(http://clientdemozone.com/octus/wp-content/uploads/2017/12/didivder_line.png) no-repeat center!important; bordrer:5px #FF0; width:30%; height:16px;}

.offer_icons .icon_box .image_wrapper { width:120px; height:120px; border-radius: 50%; margin:0 auto; background:#FFF; margin-bottom:20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.offer_icons .icon_box h4 { color:#909090;}
.offer_icons .icon_box .image_wrapper img { width:80px; margin-top:20px;}
.third_section_wrap { background :url(http://clientdemozone.com/octus/wp-content/uploads/2017/12/bg_borderr.png) no-repeat center top;}
.package_image img{ bordrer-radius:20px !important; }
.oct-facts .image_wrapper .scale-with-grid { height:120px; width:120px;}
.oct-facts h5 { line-height:0px; margin:10px 0px;}
.oct-facts .fact-heading h3 { color:#FFF;}
.oct-facts .fact-heading h5 { color:#FFF; font-size:18px; font-weight:300; line-height:24px;}
.popular-icons .icon_box .image_wrapper { width:160px; margin:0 auto; border-bottom: 3px #cccccc solid; padding-bottom: 10px; margin-bottom: 10px;}
#Footer .icon_bar { float:left;}

.fooetr_subscribe br { display:none;}
.most-popular-icons-head h5 { display:block;}
.most-popular-icons-head h5 span { margin-top:5px; border-top:2px #CCC solid; padding:0px 100px; width:100% !important;}



/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2498f2;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover h4{
  color: white;
}
.hvr-bounce-to-right:hover h6{
  color: white;
}

.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */

.hvr-bounce-to-left:hover h4{
  color: white;
}

.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2498f2;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */

.hvr-bounce-to-bottom:hover h4{
  color: white;
}

.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2498f2;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */

.hvr-bounce-to-top:hover h4{
  color: white;
}

.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2498f2;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.hvr-bounce-to-top:hover h5{
  color: white;
}

.panel {
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
}

.card {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}

.front {
    z-index: 2;
    
}

.back {
    z-index: 1;
    -webkit-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);  
    transform: rotateX(-180deg);  
    
}

.panel:hover .front {
    z-index: 1;
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.panel:hover .back {
    z-index: 2;   
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}




/* Bounce To Bottom */

.training-programsh img { width:40% !important;}

.training-programsh:hover h4{
  color: #0095eb;
}

.training-programsh {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  
}
.training-programsh:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #eeeeee;
  border-radius:5px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.htraining-programsh:hover, .training-programsh:focus, .training-programsh:active {
  color: #333;
}
.training-programsh:hover:before, .training-programsh:focus:before, .training-programsh:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

#Subheader {
    padding: 52px 0 52px !important;
    background-image: linear-gradient(180deg,#057fe1 , #0e3696) !important;
}

#Subheader .title {
    font-size: 34px !important;
    line-height: 0px !important;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: uppercase;
}
.whatsappcontact{font-weight: 700;font-size: x-large;background-color: #0b54ae;padding: 18px 7px 4px 0px;color: #fff !important;border-radius:5px;}