/*-------------------------------------------------------
[Table of contents]

1. Header
	+ logo
	+ top navigation
	+ search
	
2. Content
	+ sections
	+ page title
	+ parallax backgrounds
	
3. Sidebar
	+ site search
	+ tabs
	+ portfolio widgets
	+ advertisements

3. Typography
	+ lists
	+ buttons
	+ styled boxes
	+ dropcaps
	+ highlight colors
	+ tables
	+ pricing tables
	+ framed boxes
	+ pagination
	
4. Footer
	+ copyrights
	+ google map
	
--------------------------------------------------------*/

/*----------------------------------------------------
	SITE MAIN STRUCTURE
------------------------------------------------------*/

.site_wrapper {
  width: 100%;
  margin: 0 auto 0 auto;
}
.container_full {
  width: 100%;
  float: left;
  margin: auto auto auto auto;
}
.container_full.slidertop {
  margin-top: -80px;
}
.container {
  width: 1170px;
  margin: auto auto auto auto;
}
.content_fullwidth {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
}
.content_left {
  float: left;
  width: 71%;
  padding: 18px 0px 0px 0px;
}
.right_sidebar {
  float: right;
  width: 25%;
  padding: 18px 0px 0px 0px;
}
.left_sidebar {
  float: left;
  width: 25%;
  padding: 18px 0px 0px 0px;
}
.content_right {
  float: right;
  width: 71%;
  padding: 18px 0px 0px 0px;
}
/* columns */
.one_half,
.one_third,
.one_third_picture,
.one_fourth,
.one_fourth_picture .two_third,
.three_fourth,
.one_fifth {
  position: relative;
  margin-right: 4%;
  float: left;
}
.one_full {
  width: 100%;
}
.one_half {
  width: 48%;
}
.one_third {
  width: 30.65%;
}
.one_fourth {
  width: 12% !important;
}
.one_third_picture {
  width: 29% !important;
  display: inline-table;
}
.one_fourth_picture {
  width: 24% !important;
  display: inline-table;
}
.one_fifth {
  width: 16.8%;
}
.two_third {
  width: 65.35%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.three_fourth {
  width: 74%;
}
.last {
  margin-right: 0 !important;
  clear: right;
}

/*---------------------------------------------------
	PAGE LOADER
------------------------------------------------------*/

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fefefe;
  z-index: 99999;
  height: 100%;
  width: 100%;
  overflow: hidden !important;
}

.status {
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  margin: -20px 0 0 -20px;
}

/*---------------------------------------------------
	HEADER
------------------------------------------------------*/

.logo_holder {
  float: left;
  width: 100%;
  height: 64px;
}
/* Logo */
#logo {
  float: left;
  display: block;
  width: 20%;
  min-height: 82px;
  margin-top: 3px;
  position: relative;
  text-indent: -999em;
  background: url(../images/logo.png) no-repeat left bottom;
}
/* Logo White */
#logo-white {
  float: left;
  display: block;
  width: 100%;
  min-height: 45px;
  margin-top: 13px;
  position: relative;
  text-indent: -999em;
  background: url(../images/logo-white.png) no-repeat left bottom;
}
/* header area adinationals */
/* .logo {
	float: left;
	width: 18%;
	padding:0px 0 0 0;
} */
.logo.one {
  padding: 15px 0 0 0;
}
.logo.two {
  margin: 0 0 22px 0;
}
.logo.three {
  padding: 14px 0 0 0;
}
.logo.four {
  padding: 14px 0 28px 0;
}
.phonenos {
  float: right;
  text-align: right;
  font-size: 25px;
  color: #5a5a5a;
  width: 25%;
  margin-top: 13px;
}
.phonenos span {
  font-size: 13px;
  color: #119ee7;
}
.menu_main {
  float: right;
  width: 75%;
  z-index: 999;
  position: relative;
}
.menu_main2 {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: right;
  position: relative;
  width: 70%;
  z-index: 9999;
}
.menu_main3 {
  width: 100%;
}
.menu_main3 .navbar-nav {
  float: left;
}
.menu_bgmain {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  margin: 0;
  opacity: 0.9;
  padding: 0 0 20px;
  position: fixed;
  transition: all 0.3s ease-out 0s;
  width: 100%;
  z-index: 999;
}
.menu_bgmain .logo {
  float: left;
  text-indent: -999em;
  width: 25%;
}
.menu_bgmain #logo {
  background: url("../images/logo-white.png") no-repeat scroll left bottom
    rgba(0, 0, 0, 0);
  float: left;
  margin: 20px 0 10px 0;
  min-height: 45px;
  text-indent: -999em;
  width: 100%;
}
.menu_bgmain.one #logo {
  background: url("../images/logo.png") no-repeat scroll left bottom
    rgba(0, 0, 0, 0);
  float: left;
  margin: 25px 0 25px 0;
  min-height: 45px;
  text-indent: -999em;
  width: 100%;
}
.menu_bgmain.one #logo-white {
  background: url("../images/logo-white.png") no-repeat scroll left bottom
    rgba(0, 0, 0, 0);
  float: left;
  margin: 25px 0 25px 0;
  min-height: 45px;
  text-indent: -999em;
  width: 100%;
}
/*sticky menu*/
.shadow {
  background: url(../images/shadow.png) no-repeat center bottom;
  height: 32px;
  width: 100%;
  height: 82px;
  float: left;
  position: relative;
  z-index: 99;
}
.scrollto_sticky {
  width: 100%;
  height: 80px;
  float: left;
  z-index: 9999;
  background-color: #fff;
  border-bottom: solid 1px #f3f3f3;
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
}
.scrollto_sticky.two {
  width: 100%;
  height: 90px;
  float: left;
  z-index: 9999;
  background-color: #fff;
  border-bottom: solid 1px #f3f3f3;
}
.scrollto_sticky.three {
  background: #222222;
  height: 50px;
  border-bottom: solid 0px #f3f3f3;
}
.scrollto_sticky.four {
  background: #e6e6e6;
  height: 50px;
  border-bottom: solid 0px #f3f3f3;
}
.scrollto_sticky.five {
  background: #119ee7;
  height: 50px;
  border-bottom: solid 0px #f3f3f3;
}
.scrollto_sticky.six {
  width: 100%;
  height: 90px;
  float: left;
  z-index: 9999;
  background-color: #fff;
  border-bottom: solid 1px #d5d5d5;
}
.scrollto_sticky.seven {
  width: 100%;
  height: 141px;
  float: left;
  z-index: 9999;
  background-color: #fff;
  border-bottom: solid 1px #d5d5d5;
}
.scrollto_sticky.eight {
  width: 100%;
  height: 90px;
  float: left;
  z-index: 9999;
  background-color: transparent;
  border-bottom: solid 0px #d5d5d5;
}
.service_hover_effect:hover {
  width: 300px !important;
  background-color: red !important;
  transition: width 2s, height 4s;
}
/* top navigation */
.top_nav {
  float: left;
  width: 100%;
  text-align: left;
  padding: 0;
  background: #000000;
}
.top_nav ul {
  float: right;
  padding: 0px;
  margin: 0px;
}
.top_nav ul.one {
  margin-top: 16px;
}
.top_nav li {
  float: left;
  color: #8d8c8c;
  text-align: right;
  font-size: 14px;
  margin: 0px;
  padding: 0 20px 0 10px;
}
.top_nav li i {
  color: #5b5b5b;
}
.top_nav li i:hover {
  color: #119ee7;
}
.top_nav li a {
  color: #8d8c8c;
}
.top_nav li a:hover {
  color: #119ee7;
}
.top_nav ul.left {
  float: left;
  padding: 0px;
  margin: 0px;
}
.top_nav ul.left li,
.top_nav ul.right-nav li {
  float: left;
  color: #868585;
  font-size: 13px;
  margin: 0px;
  padding: 6px 13px;
  border-left: solid 1px #2c2c2c;
}
.top_nav ul.left li img {
  margin: 0 3px 0 0;
}
.top_nav ul.left li.last,
.top_nav ul.right-nav li.last {
  border-right: solid 1px #2c2c2c;
}
.top_nav ul.right-nav li.phoneno {
  font-family: Open Sans, sans-serif;
}
.top_nav ul.right-nav li i {
  padding-right: 5px;
}
.top_nav ul.right-nav li:hover a,
.top_nav ul.right-nav li:hover i {
  color: #119ee7;
}

/* top navigation 1 */
.top_nav1 {
  background: #f5f5f5;
}
.top_nav1 ul.left li,
.top_nav1 ul.right-nav li,
.top_nav1 ul.left li.last,
.top_nav1 ul.right-nav li.last {
  border: 0;
}
.top_nav1 ul.left li,
.top_nav1 ul.right-nav li {
  padding: 11px 13px;
}

/* top navigation 2 */
.top_nav2 {
  background: #fff;
}
.top_nav2 ul.left li,
.top_nav2 ul.right-nav li,
.top_nav2 ul.left li.last,
.top_nav2 ul.right-nav li.last {
  border: 0;
}
.top_nav2 ul.left li,
.top_nav2 ul.right-nav li {
  padding: 11px 13px;
}

/* top navigation 3 */
.top_nav2.top_nav3 {
  border-top: solid 4px #119ee7;
  background: #fff;
}

/* top navigation 4 */
.top_nav4 {
  background: #119ee7;
}
.top_nav4 ul.left li,
.top_nav4 ul.right-nav li,
.top_nav4 ul.left li.last,
.top_nav4 ul.right-nav li.last {
  border: 0;
}
.top_nav4 ul.left li,
.top_nav4 ul.right-nav li {
  padding: 13px 13px;
  color: #fff;
}
.top_nav4 ul.right-nav li a,
.top_nav4 ul.right-nav li i {
  color: #fff;
}
.top_nav4 ul.right-nav li:hover a,
.top_nav4 ul.right-nav li:hover i {
  color: #222222;
}

/* top navigation 5 */
.menu-container {
  width: 100%;
  border-top: 1px solid #dedede;
}
.top_nav5 {
  background: #f5f5f5;
  border-bottom: 1px solid #dedede;
}
.top_nav5 ul.left li,
.top_nav5 ul.left li,
.top_nav5 ul.right-nav li {
  border-left: 1px solid #dedede;
}
.top_nav5 ul.right-nav li.last,
.top_nav5 ul.left li.last {
  border-right: 1px solid #dedede;
}
.top_nav5 ul.left li,
.top_nav5 ul.right-nav li {
  padding: 11px 15px;
}

/*read more buttons*/

.readmore_bu1 {
  padding: 8px 15px;
  margin: 0px;
  float: left;
  color: #272727;
  border: 1px solid #e4e4e4;
}
.readmore_bu1:hover {
  color: #119ee7;
  border: 1px solid #119ee7;
}
.readmore_bu2 {
  padding: 8px 20px;
  margin: 0px;
  color: #fff;
  background-color: #272727;
}
.readmore_bu2:hover {
  color: #727272;
  background-color: #fff;
}
.readmore_bu3 {
  padding: 8px 20px;
  margin: 0px;
  color: #fff;
  background-color: #119ee7;
}
.readmore_bu3:hover {
  color: #727272;
  background-color: #fff;
}
.readmore_bu3.two:hover {
  color: #727272;
  background-color: #272727;
}
.readmore_bu4 {
  padding: 8px 20px;
  margin: 0px;
  color: #fff;
  background-color: #119ee7;
}
.readmore_bu4:hover {
  color: #727272;
  background-color: #272727;
}
.readmore_bu5 {
  background-color: #119ee7;
  border-radius: 2px;
  color: #fff;
  float: left;
  font-size: 14px;
  font-weight: normal;
  margin: 0 0 0;
  padding: 5px 15px;
}
.readmore_bu5:hover {
  color: #727272;
  background-color: #272727;
}
.readmore_small {
  float: left;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 4px 7px;
  background-color: #119ee7;
  border-radius: 2px;
  text-transform: none;
}
.readmore_small:hover,
.readmore_small.red:hover,
.readmore_small.green:hover,
.readmore_small.yellow:hover,
.readmore_small.violet:hover {
  color: #161616;
  background-color: #fff;
}
.readmore_small.red {
  background-color: #e71a1a;
}
.readmore_small.green {
  background-color: #94c014;
}
.readmore_small.yellow {
  background-color: #119ee7;
}
.readmore_small.violet {
  background-color: #b67cec;
}

/*social links*/
ul.social_icons {
  padding: 0;
  margin: 0;
}
ul.social_icons li {
  float: left;
  padding: 0;
  margin: 0 10px 0 0;
}
ul.social_icons li i {
  color: #919191;
}
ul.social_icons li a {
  width: 30px;
  height: 30px;
  float: left;
  padding: 0;
  margin: 0 0px 0 0;
  line-height: 30px;
  text-align: center;
  color: #919191;
  font-size: 14px;
  border-radius: 100%;
  background-color: #444444;
}
ul.social_icons li a:hover {
  color: #fff;
  background-color: #119ee7;
}
ul.social_icons li a:hover i {
  color: #fff;
}

/*social links one */
ul.social_icons.one {
  padding: 0;
  margin: 10px 0 0 0;
  float: right;
}
ul.social_icons.one li {
  padding: 0;
  margin: 0 10px 0 0;
}
ul.social_icons.one li i {
  color: #919191;
}
ul.social_icons li a {
  background-color: transparent;
  transition: all 0.3s ease-out 0s;
}
ul.social_icons.one li a:hover {
  color: #fff;
  background: none;
}
ul.social_icons.one li a:hover i {
  color: #fff;
}
ul.social_icons.one li a:hover i {
  color: #fff;
}
ul.social_icons.two {
  padding: 0;
  margin: 10px 0 0 0;
  float: right;
}
ul.social_icons.two li a:hover {
  color: #fff;
}
ul.social_icons.three li i {
  color: #20221f;
  transition: all 0.3s ease-out 0s;
}

/*social links three */
ul.social_icons.four {
  padding: 0;
  margin: 0;
}
ul.social_icons.four li {
  float: left;
  padding: 0;
  margin: 0 10px 0 0;
}
ul.social_icons.four li i {
  color: #ffffff;
}
ul.social_icons.four li a {
  color: #ffffff;
  background-color: #b2b2b2;
}
ul.social_icons.four li a:hover {
  color: #fff;
  background-color: #119ee7;
}

/*titles*/
.title,
.title1,
.title2 {
  margin-bottom: 50px;
  margin-top: 30px;
}

.title h2 {
  color: #222222;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
  line-height: 28px;
}
.title h2 .text {
  color: #6a6a6a;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}
.title h2 em {
  color: #989898;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
  margin: 50px auto 0;
  text-transform: none;
  width: 80%;
}
.title .line {
  background: none repeat scroll 0 0 #e1e1e1;
  display: block;
  height: 3px;
  margin: 0 auto;
  position: relative;
  top: 80px;
  width: 40px;
}
.title .line.blueline {
  background: none repeat scroll 0 0 #119ee7;
}
.title1 h2 {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
  line-height: 28px;
}
.title1 h2 .text {
  color: #222222;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}
.title1 h2 .text.one {
  color: #868686;
}
.title1 h2 em {
  color: #fff;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
  margin: 50px auto 0;
  text-transform: none;
  width: 70%;
}
.title1 .line {
  background: none repeat scroll 0 0 #fff;
  display: block;
  height: 3px;
  margin: 0 auto;
  position: relative;
  top: 80px;
  width: 40px;
}
.title2 h2 {
  color: #fff;
  font-size: 35px;
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
}
.title2 h2 em {
  color: #fff;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
  margin: 60px auto 0;
  text-transform: none;
  width: 80%;
}
.title2 .line {
  background: none repeat scroll 0 0 #fff;
  display: block;
  height: 3px;
  margin: 0 auto;
  position: relative;
  top: 96px;
  width: 100px;
}
.title3 h2 {
  color: #222222;
  font-size: 35px;
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
}
.title3 h2 em {
  color: #989898;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
  margin: 50px auto 0;
  text-transform: none;
  width: 80%;
}
.title3 .line {
  background: none repeat scroll 0 0 #d3d3d3;
  display: block;
  height: 3px;
  margin: 0 auto;
  position: relative;
  top: 55px;
  width: 100px;
}
.title4 h2 {
  color: #222222;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: none;
}
.title4 h2 em {
  color: #989898;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
  margin: 60px auto 0;
  text-transform: none;
  width: 80%;
}
.title4 .line {
  background: url(../images/title-line-blue.png) no-repeat center bottom;
  display: block;
  height: 13px;
  margin: 0 auto;
  position: relative;
  top: 60px;
  width: 260px;
}

.title4 .line-for-career-page {
  background: url(../images/title-line-blue.png) no-repeat center bottom;
  display: block;
  height: 13px;
  margin: 0 auto;
  position: relative;
  top: 60px;
  width: 260px;
}

.title4 .line4 {
  background: url(../images/title-line-blue.png) no-repeat center bottom;
  display: block;
  height: 13px;
  margin: 0 auto;
  position: relative;
  top: 60px;
  width: 260px;
}

.title4 .line-product {
  background: url(../images/title-line-blue.png) no-repeat center bottom;
  display: block;
  height: 13px;
  margin: 0 auto;
  position: relative;
  top: 60px;
  width: 260px;
}

.title4 .line-product2 {
  background: url(../images/title-line-blue.png) no-repeat center bottom;
  display: block;
  height: 13px;
  margin: 0 auto;
  position: relative;
  top: 60px;
  width: 260px;
}

.title4.white h2 {
  color: #fff;
}

.title5 h2 {
  color: #222222;
  font-size: 30px;
  font-weight: normal;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
}
.title5 h2 em {
  color: #989898;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
  margin: 30px auto 0;
  text-transform: none;
  width: 80%;
}
.title5 .line {
  background: #119ee7;
  display: block;
  height: 4px;
  margin: 0 auto;
  position: relative;
  top: -15px;
  width: 40px;
}
.title5 .line.one {
  top: 20px;
}
.title5.white h2 {
  color: #fff;
}

.title6 h2 {
  color: #222222;
  font-size: 25px;
  font-weight: normal;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
}
.title6 h2 em {
  color: #989898;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
  margin: 30px auto 0;
  text-transform: none;
  width: 80%;
}
.title6 .line {
  background: #119ee7;
  display: block;
  height: 4px;
  margin: 0 auto;
  position: relative;
  top: 62px;
  width: 40px;
}
.title6 .line.one {
  top: 20px;
}
.title6.white h2 {
  color: #fff;
}

.title7 h2 {
  color: #fff;
  font-size: 40px;
  font-weight: 300;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
}

.title8 h2 {
  color: #222222;
  font-size: 35px;
  font-weight: normal;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: none;
}
.title8.white h2 {
  color: #fff;
}
.title8.left-align h2 {
  text-align: left;
}
.title8 .line {
  background: #e1e1e1;
  display: block;
  height: 3px;
  margin: 0 auto;
  position: relative;
  top: 62px;
  width: 100px;
}

.title9 h2 {
  color: #222222;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: 1;
  text-transform: uppercase;
  line-height: 28px;
}
.title9 h2 em {
  color: #989898;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  line-height: 20px;
  margin: 30px auto 0;
  text-transform: none;
  width: 80%;
}

.crossed_shape {
  background: rgba(0, 0, 0, 0) url("../images/top_shape.png") no-repeat scroll
    center -1px;
  float: left;
  height: 140px;
  margin: 0px 0 40px 0;
  padding: 0;
  width: 100%;
}
.crossed_shape.one {
  margin: 0px 0 0px 0;
}
.crossed_shape.two {
  background: rgba(0, 0, 0, 0) url("../images/bottom_shape.png") no-repeat
    scroll center 1px;
  margin: 60px 0 0px 0;
}
.crossed_shape.two.one {
  margin: 20px 0 0px 0;
}

/*---------------------------------------------------
	sections
------------------------------------------------------*/

/* common features section */
.common_section {
  float: left;
  width: 100%;
  padding: 0px 0px;
  position: relative;
  /* margin-top: 80px; */
}
.common_section.two {
  margin-top: 50px;
}

/* features section 1 */
.section1 {
  float: left;
  width: 100%;
  padding: 85px 0px 110px 0px;
  position: relative;
  margin-top: 0px;
  background: #119ee7 url(../images/parallax_lines.png) repeat center top;
}
.domain_search_home {
  width: 100%;
}
.domain_search_home #domain-searchform #dsearch {
  background-color: #fff;
  border: 0;
  color: #989898;
  float: left;
  font-size: 13px;
  height: 60px;
  padding: 7px 10px;
  width: 420px;
  font-family: Open Sans, sans-serif;
}
.domain_search_home #domain-searchform .input-box,
.domain_search_home #nesletter .input-box {
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  color: #989898;
  float: left;
  font-size: 13px;
  height: 55px;
  padding: 7px 10px;
  width: 285px;
  margin-right: 10px;
  font-family: Open Sans, sans-serif;
}
.domain_search_home .drlist {
  background-color: #fff;
  border: 0;
  color: #989898;
  float: left;
  font-size: 13px;
  height: 60px;
  margin: 0 10px;
  padding: 10px;
  width: 125px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
}
.domain_search_home #searchsubmit {
  background-color: #1b1b1b;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  margin-left: 0;
  overflow: hidden;
  padding: 5px 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  transition: all 0.3s ease-out 0s;
}
.domain_search_home #searchsubmit:hover {
  background-color: #272727;
  color: #fff;
}
.domain_search_home #searchsubmitblue {
  background-color: #119ee7;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  margin-left: 0;
  overflow: hidden;
  padding: 5px 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  transition: all 0.3s ease-out 0s;
}
.domain_search_home #searchsubmitblue:hover {
  background-color: #272727;
  color: #fff;
}
.domain_search_home #search-submit {
  background-color: #119ee7;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  margin-left: 0;
  overflow: hidden;
  padding: 5px 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  transition: all 0.3s ease-out 0s;
}
.domain_search_home ul.tld_list {
  float: left;
  margin: 0;
  padding: 10px 0 0;
  width: 100%;
}
.domain_search_home ul.tld_list li {
  color: #fff;
  float: left;
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin: 0;
  padding: 0 28px 0 0;
  text-align: center;
  font-style: italic;
}
.domain_search_home ul.tld_list li span {
  color: #000000;
  font-size: 20px;
  margin: 0;
  padding: 0;
  font-style: normal;
}

.domain_search_home ul.tld_list.listone li {
  color: #119ee7;
  float: left;
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  font-size: 18px;
  margin: 0;
  padding: 0 28px 0 0;
  text-align: center;
  font-style: italic;
}
.domain_search_home ul.tld_list.listone li span {
  color: #fff;
  font-size: 20px;
  margin: 0;
  padding: 0;
  font-style: normal;
}
.domain_search_home button.searchsubmit {
  background-color: #119ee7;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: normal;
  height: 55px;
  margin-left: 0;
  overflow: hidden;
  padding: 5px 25px;
  text-align: center;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  border-radius: 3px;
  transition: all 0.3s ease-out 0s;
}
.domain_search_home button.searchsubmit:hover {
  background-color: #0789cd;
  color: #fff;
}
.domain_search_home button.searchsubmit span {
  font-size: 28px;
  padding-right: 15px;
  float: left;
}
.domain_search_home .one ul.tld_list {
  padding-top: 0;
}
.domain_search_home .one ul.tld_list li {
  margin-right: 8px;
  padding: 4px 10px;
  border: solid 1px #fff;
  font-size: 15px;
  color: #1b1b1b;
  font-style: normal;
  font-weight: normal;
}
.domain_search_home .one ul.tld_list li span {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
#domain-searchform .search-submit {
  background-color: #119ee7;
  border: medium none;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 16px;
  font-weight: bold;
  height: 60px;
  margin-left: 0;
  overflow: hidden;
  padding: 5px 40px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  transition: all 0.3s ease-out 0s;
}
#domain-searchform .search-submit:hover {
  background-color: #fff;
  color: #119ee7;
}

.dlist {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 40px;
  font-size: 18px;
  color: #fff;
}
.dlist span {
  color: #119ee7;
  font-size: 16px;
  font-style: italic;
  margin-right: 40px;
}
.dlist span.last {
  margin-right: 0px;
}
/* section 1 one */
.section1.one {
  float: left;
  width: 100%;
  padding: 80px 0px;
  position: relative;
  margin-top: 0px;
  background: #119ee7 url(../images/parallax_lines.png) repeat center top;
}
.domain_search_home ul.tld_list.one {
  padding: 0px 0 0;
}
.domain_search_home ul.tld_list.one li {
  color: #119ee7;
  float: left;
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  font-size: 20px;
  margin: 0 10px 0 0;
  padding: 7px 11px;
  text-align: center;
  font-style: italic;
  background-color: #fff;
}

/* section 1 two */
.section1.one.two {
  padding: 60px 0px;
}
.section1.one.two h3 {
  font-size: 25px;
  text-transform: none;
  color: #ffffff;
  margin-bottom: 0px;
  font-weight: normal;
}
.section1.one.two h4 {
  font-size: 16px;
  text-transform: none;
  color: #171717;
  font-weight: normal;
  margin-bottom: 0px;
}
.section1.one.two .domain_search_home #domain-searchform #dsearch {
  height: 55px;
  border-radius: 4px 0 0 4px;
  width: 495px;
  border-right: solid 1px #cecece;
}
.section1.one.two .domain_search_home .drlist {
  height: 55px;
  margin: 0;
}
.section1.one.two .domain_search_home #searchsubmit {
  height: 55px;
  border-radius: 0 4px 4px 0;
  transition: all 0.3s ease-out 0s;
}
/* section 1 one */
.section1.three {
  float: left;
  width: 100%;
  padding: 60px 0px;
  position: relative;
  margin-top: 0px;
  background: #119ee7;
}

/* section 1 four */
.section1.four {
  float: left;
  width: 100%;
  padding: 85px 0px 110px 0px;
  position: relative;
  margin-top: 0px;
  background: #119ee7 url(../images/parallax_bg_10.png) repeat center top;
}

/* section 1 five */
.section1.five {
  float: left;
  width: 100%;
  padding: 95px 0px 80px 0px;
  position: relative;
  margin-top: 0px;
  background: #119ee7 url(../images/texture_bg_7.png) repeat center top;
}
.section1.five .domain_search_home #domain-searchform #dsearch {
  width: 520px;
  border: solid 1px #dedede;
}
.section1.five .domain_search_home .drlist {
  border: solid 1px #dedede;
}
.section1.five .two_third {
  width: 69.35%;
  float: none;
  margin: auto;
}
/* section 1 six */
.section1.six {
  padding: 63px 0px 0px 0px;
}

/* features section 2 */
.section2 {
  float: left;
  width: 100%;
  padding: 0px 0px;
  position: relative;
  margin-top: 60px;
}
.fe-col {
  float: left;
  position: relative;
  width: 31.32%;
  margin-right: 2%;
  z-index: 1;
}
.fe-col-wrp.type1 {
  margin: 0;
  padding: 50px 15px;
  position: relative;
  text-align: center;
  width: 100%;
  color: #dadada;
  transition: all 0.3s ease-out 0s;
  background: #eeeeee;
}
.fe-col-wrp.type1:hover h1,
.fe-col-wrp.type1.active h1 {
  color: #fff;
}
.fe-col-wrp.type1 h1 {
  text-align: center;
}
.fe-col-wrp.type1 .icon {
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
}
.fe-col-wrp.type1 .icon span {
  border: 5px solid;
  display: inline-block;
  font-size: 35px;
  height: 120px;
  line-height: 120px;
  transition: all 300ms linear 0s;
  width: 120px;
}
.fe-col-wrp.type1 h2 {
  font-size: 25px;
  font-weight: normal;
  margin-bottom: 25px;
  text-transform: none;
}
.fe-col-wrp.type1 h2 a {
  color: #fff;
}
.fe-col .fe-col-wrp.type1::after {
  border-bottom: 14px solid;
  bottom: -7px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(2deg);
  width: 100%;
  z-index: -1;
}
.fe-col-wrp.type1:hover,
.fe-col-wrp.type1.active {
  background: none repeat scroll 0 0 #119ee7;
  color: #036da1;
}
.fe-col-wrp.type1 .icon span {
  border: 1px solid #fff;
  background: #fff;
  border-radius: 100%;
  color: #868686;
  font-size: 35px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  width: 100px;
}
.fe-col-wrp.type1:hover .icon span,
.fe-col-wrp.type1.active .icon span {
  border: 1px solid #fff;
  background: #fff;
  color: #119ee7;
}
.fe-col-wrp.type1 p {
  color: #989898;
  background: none;
  text-align: center;
}
.fe-col-wrp.type1:hover h2,
.fe-col-wrp.type1:hover p,
.fe-col-wrp.type1.active h2,
.fe-col-wrp.type1.active p {
  color: #fff;
}

/* features section 2 one */
.section2.one {
  margin-top: 0px;
}

/* features section 3 */
.section3 {
  float: left;
  width: 100%;
  padding: 60px 0px 80px 0px;
  position: relative;
  margin-top: 80px;
  background: url(../images/parallax_bg_1.png) no-repeat center top fixed;
}
.section3 .one_half .title1 h2,
.section3 .one_half .title4 h2 {
  text-align: left;
}
.section3 .one_half .title1 .line,
.section3
  .one_half
  .title4
  .line
  .title4
  .line4
  .title4
  .line-product
  .line-product2 {
  margin: 0;
}
.section3 .one_half h3 {
  color: #fff;
  text-align: right;
  font-size: 30px;
  font-weight: bold;
  line-height: 45px;
}
.section3 .one_half h3 span {
  color: #119ee7;
}
.section3 .one_half .offerbadge {
  background: rgba(0, 0, 0, 0) url("../images/badge-white1.png") no-repeat
    scroll 0 0;
  color: #119ee7;
  float: left;
  height: 128px;
  margin: 0;
  padding: 43px 0 0;
  position: absolute;
  text-align: center;
  width: 128px;
  z-index: 2;
  font-weight: bold;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  margin-top: -40px;
}
.section3 .one_half.freesite {
  color: #fff;
}
.section3 .one_half.freesite ul {
  margin-top: 40px;
}
.section3 .one_half.freesite ul li {
  margin-bottom: 15px;
}
.section3 .one_half.freesite ul li.price {
  color: #fff;
  font-size: 18px;
  margin-top: 45px;
}
.section3 .one_half .title1 h2,
.section3 .one_half .title4 h2 {
  text-align: left;
}
.section3 .one_half .title1 .line,
.section3 .one_half .title4 .line {
  margin: 0;
}
.section3 .one_half h3 {
  color: #fff;
  text-align: right;
  font-size: 30px;
  font-weight: bold;
  line-height: 45px;
}
.section3 .one_half h3 span {
  color: #119ee7;
}
.section3 .one_half .offerbadge {
  background: rgba(0, 0, 0, 0) url("../images/badge-white1.png") no-repeat
    scroll 0 0;
  color: #119ee7;
  float: left;
  height: 128px;
  margin: 0;
  padding: 43px 0 0;
  position: absolute;
  text-align: center;
  width: 128px;
  z-index: 2;
  font-weight: bold;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  margin-top: -40px;
}
.section3 .one_half.freesite {
  color: #fff;
}
.section3 .one_half.freesite ul {
  margin-top: 40px;
}
.section3 .one_half.freesite ul li {
  margin-bottom: 15px;
}
.section3 .one_half.freesite ul li.price {
  color: #fff;
  font-size: 18px;
  margin-top: 45px;
}
.section3 .one_half.freesite ul li.price span {
  color: #119ee7;
  font-size: 25px;
  font-weight: bold;
}
.section3 .one_half img.align_right {
  float: right;
  margin-left: 20px;
  margin-top: 0;
  width: auto;
}

/* features section 3 one */
.section3.one {
  float: left;
  width: 100%;
  padding: 95px 0px 80px 0px;
  position: relative;
  margin-top: 80px;
  /*  background: url(../images/parallax_bg_11.png) no-repeat center top fixed; */
}
.section3.one .ca-col {
  width: 100%;
  text-align: center;
  background-image: none;
  background: #fff;
  border-radius: 100% 100% 100% 100%;
  height: 220px;
  width: 220px;
  transition: all 0.3s ease-out 0s;
}
.section3.one .ca-col .icon span {
  color: #868686;
  font-size: 30px;
  margin-top: 50px;
}
.section3.one .ca-col h3 {
  color: #222222;
  padding-top: 10px;
  font-weight: 600;
  font-family: Open Sans, sans-serif;
}
.section3.one .ca-col em {
  color: #868686;
}
.section3.one .one_fourth:hover .ca-col,
.section3.one .one_fourth .ca-col.active {
  background: #fff;
  border: solid 5px #119ee7;
}
.section3.one .one_fourth:hover .ca-col .icon span,
.section3.one .one_fourth:hover .ca-col h3,
.section3.one .one_fourth:hover .ca-col em,
.section3.one .one_fourth .ca-col.active .icon span,
.section3.one .one_fourth .ca-col.active h3,
.section3.one .one_fourth .ca-col.active em {
  color: #000;
}
/* features section 3 two */
.section3.two {
  margin-top: 35px;
}

/* features section 3 three */
.section3.three {
  padding: 0px;
  margin-top: 80px;
}
/* features section 3 four */
.section3.four {
  margin-top: 10px;
  padding-top: 80px;
}

/* features section 4 */
.section4 {
  float: left;
  width: 100%;
  padding: 60px 0px 80px 0px;
  position: relative;
  margin-top: 0;
  background: url(../images/parallax_bg_2.png) repeat center bottom fixed;
}
.price-col {
  background-color: #1a1a1a;
  border-radius: 3px;
  text-align: center;
  padding: 20px 0;
  transition: all 0.3s ease-out 0s;
}
.price-col.dark-bg {
  background-color: #000000;
}
.price-col:hover,
.price-col.active {
  background-color: #119ee7;
}
.price-col .price {
  background: url(../images/circle-shape-small.png) no-repeat center top;
  width: 100%;
  padding: 30px 0 5px 0;
}
.price-col .price h4 {
  font-size: 26px;
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  color: #fff;
}
.price-col .price h4 span {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
}
.price-col .plan-title h2 {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 10px;
}
.price-col ul.plan-list {
  width: 100%;
}
.price-col ul.plan-list li {
  height: 50px;
  line-height: 50px;
  vertical-align: middle;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
}
.price-col ul.plan-list li.light {
  background-color: #ffffff;
}
.price-col ul.plan-list li.dark {
  background-color: #f5f5f5;
}

/* features section 4 one */
.section4.one {
  float: left;
  width: 100%;
  padding: 40px 0px 80px 0px;
  margin-top: 60px;
  position: relative;
  background: url(../images/parallax_bg_1.png) no-repeat center top fixed;
}
.price-col.one .price {
  border: solid 3px #fff;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  line-height: 100px;
  padding: 30px 0 5px 0;
  background: #222222;
  margin: -70px auto 0 auto;
}
.price-col.one .price h4 {
  font-size: 26px;
  font-family: Open Sans, sans-serif;
  font-weight: bold;
  color: #fff;
}
.price-col.one .price h4 span {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
}
.price-col.one .plan-title {
  margin-top: 20px;
}
.price-col.one .plan-title h2 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}
.price-col.one .plan-title h2 span {
  font-size: 14px;
  color: #989898;
  font-weight: normal;
  text-transform: none;
}
.price-col.one:hover .plan-title h2 span,
.price-col.active .plan-title h2 span {
  color: #fff;
}
.price-col.one:hover .price,
.price-col.one.active .price {
  background: #119ee7;
}
.prices.one {
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  margin-top: 35px;
}
.prices.one span {
  font-size: 13px;
  font-weight: normal;
}
.price-col.one .plan-title.one {
  margin-top: 3px;
  margin-bottom: 40px;
}
.price-col.one .plan-title.one h2 {
  font-size: 20px;
  color: #fff;
  font-weight: normal;
}

/* features section 4 two */
.section4.two {
  float: left;
  width: 100%;
  padding: 60px 0px 100px 0px;
  margin-top: 80px;
  position: relative;
  background: url(../images/parallax_bg_2.png) repeat left top;
  border-top: solid 1px #e7e7e7;
}
.section4.two .shape-box {
  width: 155px;
  margin: auto;
}
.section4.two .diamond-shape {
  background-color: #119ee7;
  border: 1px solid #119ee7;
  height: 90px;
  top: -32px;
  line-height: 78px;
  margin: 0;
  padding: 0;
  text-align: center;
  position: absolute;
  transform: rotate(-45deg);
  transform-origin: 50% 0 0;
  transition-duration: 0.3s;
  transition-property: background-color, color;
  transition-timing-function: ease-out;
  width: 90px;
}
.section4.two .price-col:hover .diamond-shape,
.section4.two .price-col.active .diamond-shape {
  background-color: #1a1a1a;
  border: 1px solid #1a1a1a;
}
.section4.two .diamond-shape .prices {
  color: #fff;
  font-size: 25px;
  text-align: center;
  transform: rotate(45deg);
  font-weight: bold;
  line-height: 20px;
  padding: 20px 0 0 14px;
}
.section4.two .diamond-shape .prices span {
  color: #fff;
  font-size: 13px;
  font-weight: normal;
}
.section4.two .plan-title h2 {
  color: #fff;
  font-size: 25px;
  font-weight: bold;
  text-transform: none;
  margin: 60px 0 30px 0;
}
/* features section 3 */
.section4.two.three {
  float: left;
  width: 100%;
  padding: 60px 0px 80px 0px;
  position: relative;
  margin-top: 0;
  background: #fff !important;
  /*background:url(../images/parallax_bg_9.png) repeat center top fixed;*/
}
/* features section 3 */
.section4.two.four {
  float: left;
  width: 100%;
  padding: 60px 0px 80px 0px;
  position: relative;
  margin-top: 80px;
  background: #fff !important;
  /*background:url(../images/parallax_bg_9.png) repeat center top fixed;*/
}

/* features section 4 */
.section4.four {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 95px;
  background: #fff;
}
/* features section 4 */
.section4.five {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative;
  margin-top: 0;
  background: url(../images/texture_bg_2.png) repeat center top fixed;
}
.price-col.two .plan-title h2 {
  margin-bottom: 20px;
}
.prices.two {
  font-size: 50px;
  color: #fff;
  font-weight: bold;
  padding: 40px 0;
  background: #119ee7;
}
.price-col:hover .prices.two,
.price-col.active .prices.two {
  background: #1a1a1a;
}
.prices.two span {
  font-size: 13px;
  font-weight: normal;
}
.price-col.two .plan-title.two {
  margin-top: 3px;
}
.price-col.two .plan-title.two h2 {
  font-size: 20px;
  color: #fff;
  font-weight: normal;
}

/* features section 4 six */
.section4.six {
  float: left;
  width: 100%;
  padding: 60px 0px 80px 0px;
  position: relative;
  /* margin-top:100px; */
  background: url(../images/parallax_bg_2.png) repeat center bottom fixed;
}

/* features section 4 seven */
.section4.seven {
  float: left;
  width: 100%;
  padding: 10px 0px 100px 0px;
  position: relative;
  margin-top: 0;
  background: #fff;
}
/* features section 5 */
.section5 {
  float: left;
  width: 100%;
  padding: 70px 0px 80px 0px;
  position: relative;
  margin-top: 0;
  background: url(../images/parallax_bg_3.png) repeat center bottom fixed;
}

.real-time-can-bus {
  background: url(../images/analyzer/real_time_can_bus_analysis.svg) 0 0
    no-repeat;
  background-size: 22px;
  content: "";
  padding: 0 0 0 28px;
  position: relative;
  top: 3px;
}

.title-image-align {
  display: flex;
  align-items: center;
}

.key-features-subtitle {
  padding-top: 10px;
}

.application-image-and-title {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  width: 200px;
}

.application-title {
  display: block;
  text-align: center;
}

.news-col {
  margin: auto;
  width: 70%;
  text-align: center;
}
.news-col p {
  font-size: 13px;
  text-align: center;
  padding-top: 15px;
  color: #646464;
  font-family: Open Sans, sans-serif;
  width: 100%;
  float: left;
}
/* features section 5 one */
.section5.one {
  float: left;
  width: 100%;
  padding: 40px 0px 70px 0px;
  position: relative;
  margin-top: 20px;
  background: #119ee7 url(../images/parallax_lines.png) repeat center top;
}
.section5.one .news-col p {
  color: #fff;
}
.section5.one .domain_search_home button.searchsubmit {
  background-color: #1a1a1a;
  transition: all 0.3s ease-out 0s;
}
.section5.one .domain_search_home button.searchsubmit:hover {
  background-color: #000;
  color: #fff;
}

/* features section 5 two */
.section5.two {
  float: left;
  width: 100%;
  padding: 60px 0px;
  position: relative;
  margin-top: 80px;
  background: url(../images/parallax_bg_3.png) repeat center bottom fixed;
}

/* features section 6 */
.section6 {
  float: left;
  width: 100%;
  padding: 63px 0 0px 0;
  position: relative;
  margin: 0;
}
.fea-col {
  margin-bottom: 40px;
  float: left;
}
.fea-col .icon {
  width: 66px;
  height: 71px;
  line-height: 65px;
  float: left;
  color: #868686;
  font-size: 22px;
  margin-bottom: 25px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  vertical-align: middle;
  background: url(../images/circle-shape-1.png) no-repeat center top;
}
.fea-col:hover .icon,
.fea-col.active .icon {
  background: url(../images/circle-shape-2.png) no-repeat center top;
  color: #119ee7;
}
.fea-col .icon.one {
  width: 66px;
  height: 66px;
  line-height: 66px;
  float: left;
  color: #222222;
  font-size: 22px;
  margin-bottom: 25px;
  text-align: center;
  transition: all 0.3s ease-out 0s;
  vertical-align: middle;
  background: none;
  border: solid 1px #c7c7c7;
  border-radius: 100%;
}
.fea-col:hover .icon.one,
.fea-col.active .icon.one {
  background: #119ee7;
  border: solid 1px #119ee7;
  color: #fff;
}
.fea-col .bref-info {
  float: left;
  margin-left: 6%;
  width: 75%;
}
.fea-col .bref-info h5 {
  text-transform: none;
  font-weight: normal;
  transition: all 0.3s ease-out 0s;
}
.fea-col:hover .bref-info h5,
.fea-col.active .bref-info h5 {
  color: #119ee7;
}

/* features section 6 one */
.section6.one {
  float: left;
  width: 100%;
  padding: 60px 0px 30px 0px;
  position: relative;
  /* margin-top:20px; */
  /* background:url(../images/parallax_bg_8.png) repeat fixed; */
  background: black;
}
.section6.one .fea-col .bref-info {
  color: #cfcfcf;
}
.section6.one .fea-col .icon {
  color: #fff;
}
.section6.one .fea-col:hover .icon,
.section6.one .fea-col.active .icon {
  background: url(../images/circle-shape-2.png) no-repeat center top;
  color: #119ee7;
}
.section6.one .bref-info h5 {
  color: #fff;
}
.section6.one .bref-info:hover h5,
.section6.one .fea-col.active .bref-info h5 {
  color: #119ee7;
}

/* features section 7 */
.section7 {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 0px;
  background: url(../images/parallax_bg_4.png) repeat center bottom fixed;
}
.section7 .title1 .line {
  top: 215px;
}
.section7 .thumb {
  margin-top: 20px;
  margin-bottom: 30px;
}

/* features section 7 one */
.section7.one {
  float: left;
  width: 100%;
  padding: 40px 0px 80px 0px;
  position: relative;
  margin-top: 0px;
  background: url(../images/parallax_bg_6.png) repeat center bottom fixed;
}
.section7.one .owl-carousel .item {
  width: 100%;
  margin-top: 50px;
}
.section7.one .owl-carousel .owl-wrapper-outer {
  margin-bottom: 70px;
}
.section7.one .test-col .client-img {
  width: 140px;
  height: 140px;
}
.section7.one .test-col .review {
  background: none repeat scroll 0 0 #fff;
  float: right;
  margin-top: -70px;
  width: 87.8%;
  padding: 40px 35px 40px 80px;
}
.section7.one .test-col .review h5 {
  color: #119ee7;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}
.section7.one .test-col .review h5 span {
  color: #a1a1a1;
  font-size: 13px;
  font-style: italic;
  text-transform: none;
  font-weight: normal;
}
.section7.one .test-col .review p {
  color: #989898;
  font-size: 14px;
  line-height: 22px;
  text-align: left;
  font-style: normal;
  font-weight: normal;
  margin-bottom: 0;
}

/* features section 7 two */
.section7.two {
  background: url(../images/parallax_bg_12.png) repeat center bottom fixed;
  padding: 80px 0;
}
.section7.two .quote {
  color: #fff;
  font-size: 70px;
  margin: 15px 0 50px 0;
  text-align: center;
}

/* features section 8 */
.section8 {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 10px;
}
.section8 .post-col {
  float: left;
  margin: 0;
  padding: 0;
}
.section8 .post-img {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.section8 .post-col a h2:hover {
  color: #119ee7;
}
.section8 .post-col .date-col {
  float: right;
  margin-right: 8%;
  width: 90px;
}
.section8 .post-col .date {
  background-color: #119ee7;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  height: 75px;
  margin: 0 0 0 0px;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 90px;
  z-index: 100;
  text-transform: uppercase;
  border: solid 5px #fff;
  border-top: 0;
}
.section8 .post-col .date span {
  color: #fff;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 0px;
  text-align: center;
}
.section8 .post-col .date.comments {
  background-color: #161616;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  height: 75px;
  margin: 70px 0 0 0px;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 90px;
  z-index: 100;
  text-transform: uppercase;
}
.section8 .post-col .date.comments span {
  color: #fff;
}
.section8 .divider-line {
  background-color: #e7e7e7;
  border: medium none;
  float: right;
  height: 1px;
  margin: 40px 0;
  padding: 0;
  width: 95%;
}
.section8 .post-img .hover-box {
  background: url("../images/site-img5.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.section8 .post-img .hover-box .box-inner {
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
.section8 .post-img .hover-box .box-inner .icon {
  background-color: #fff;
  color: #161616;
  float: right;
  font-size: 24px;
  height: 80px;
  line-height: 80px;
  margin: 145px 8% 0 0px;
  padding: 0;
  text-align: center;
  width: 90px;
}
.section8 .post_img .hover-box .box-inner .icon.last {
  margin: 200px 10px 0 0;
}
.section8 .post-img .hover-box .box-inner .icon:hover a {
  color: #119ee7;
}
.section8 .post-img:hover .hover-box {
  opacity: 1;
  transition: all 0.3s ease-out 0s;
}
.section8 .post-col .text-col {
  float: left;
  margin: 0;
  padding: 40px 30px 40px 40px;
  width: 100%;
  border-bottom: solid 5px #e6e6e6;
  transition: all 0.3s ease-out 0s;
}
.section8 .post-col:hover .text-col {
  background-color: #f7f7f7;
  border-bottom: solid 5px #119ee7;
}
.section8 .post-col .text-col h4 {
  color: #222222;
  text-transform: none;
  font-size: 25px;
  font-weight: normal;
}
.section8 .post-col:hover .text-col h4 {
  color: #119ee7;
}

/* features section 8 one */

.section8.one .post-col .text-col {
  float: left;
  margin: 0;
  padding: 50px 0px 30px 0px;
  width: 100%;
  border-bottom: solid 3px #e6e6e6;
  transition: all 0.3s ease-out 0s;
  background: url(../images/shape-arrow.png) no-repeat center top;
}
.section8.one .post-col:hover .text-col {
  border-bottom: solid 3px #119ee7;
}
.section8.one .post-col .date-col {
  float: left;
  margin-right: 25px;
  width: 50px;
}
.section8.one .post-col .date {
  border: none;
  background-color: transparent;
  height: 35px;
  border-bottom: solid 1px #dbdcdd;
  width: 50px;
  font-size: 25px;
  color: #222222;
  font-weight: bold;
  font-family: Open Sans, sans-serif;
  position: relative;
}
.section8.one .post-col .month {
  border: none;
  background-color: transparent;
  height: 35px;
  width: 50px;
  font-size: 13px;
  color: #119ee7;
  font-weight: normal;
  text-align: center;
}
.section8.one .post-col .postinfo {
  float: left;
  width: 78%;
}
.section8.one .post-col .postinfo h4 {
  margin-bottom: 10px;
}
.section8.one .post-col .postinfo ul.date-user li {
  float: left;
  width: auto;
  margin: 0 15px 22px 0;
  font-size: 13px;
}
.section8.one .post-col .postinfo ul.date-user li span {
  color: #119ee7;
  padding-right: 5px;
}
.section8.one .post-col .postinfo p {
  float: left;
}
.section8.one .one_third .post-img .hover-box .box-inner .icon {
  background-color: #fff;
  border-radius: 100%;
  color: #161616;
  float: left;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  margin: 83px 0px 0 125px;
  padding: 0;
  text-align: center;
  width: 50px;
}
.section8.one .one_third .post-img .hover-box .box-inner .icon.last {
  margin: 83px 0px 0 10px;
}

/* features section 8 two */
.section8.two {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 95px;
}
.section8.two .post-col .text-col {
  float: left;
  margin: 0;
  padding: 60px 30px 40px 30px;
  width: 100%;
  border-bottom: solid 5px #e6e6e6;
  transition: all 0.3s ease-out 0s;
  background: url(../images/shape-arrow.png) no-repeat center top;
}
.section8.two .post-col:hover .text-col {
  border-bottom: solid 5px #119ee7;
}
.section8.two .post-col .date-col {
  float: right;
  margin: 0 4% 0 0;
  width: 90px;
}
.section8.two .post-col .date {
  background-color: #119ee7;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  height: 72px;
  margin: 8% 0 0 0px;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 72px;
  z-index: 100;
  text-transform: uppercase;
  border: solid 0px #fff;
  border-top: 0;
}
.section8.two .post-col .date span {
  color: #fff;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 0px;
  text-align: center;
}
.section8.two .post-col .date.comments {
  background-color: #161616;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  height: 72px;
  margin: 101px 0 0 0px;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 72px;
  z-index: 100;
  text-transform: uppercase;
}
.section8.two .post-col .date.comments span {
  color: #fff;
}
.section8.two .post-img .hover-box .box-inner .icon {
  background-color: #fff;
  color: #161616;
  float: left;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  margin: 150px 0 0 115px;
  padding: 0;
  text-align: center;
  width: 60px;
  border-radius: 100%;
}
.section8.two .post-img .hover-box .box-inner .icon.last {
  margin: 150px 0 0 10px;
}

/* features section 8 three */
.section8.one.three {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 60px;
}
/* features section 8 four */
.section8.four {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 75px;
}

/* features section 9 */
.section9 {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 70px;
}
.section9 .tp-banner3 .hover-box {
  background: url("../images/site-img2.html") repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 30px;
  position: absolute;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
/* features section 9 one */
.section9.one {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 0;
}

/* features section 10 */
.section10 {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 65px;
}
.section10 .one_fifth {
  margin-right: 0;
  width: 19.94%;
}
.section10 .one_fifth .clien-logo {
  text-align: center;
  border-right: solid 1px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
  padding: 40px 0px;
}
.section10 .one_fifth.last .clien-logo {
  border-right: solid 0px #e9e9e9;
  border-bottom: solid 1px #e9e9e9;
}
.section10 .one_fifth .clien-logo.no-bot-border {
  border-bottom: solid 0px #e9e9e9;
}

/* features section 10 one */
.section10.one {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 75px;
}

/* features section 10 two */
.section10.two {
  float: left;
  width: 100%;
  padding: 78px 0;
  position: relative;
  margin-top: 0px;
  background: url("../images/texture_bg_13.png") repeat left top;
}

/* features section 10 three */
.section10.three {
  margin-top: 15px;
}

/* features section 11 */
.section11 {
  float: left;
  width: 100%;
  padding: 35px 0;
  position: relative;
  margin-top: 80px;
  background-color: #119ee7;
}
.section11 .text {
  float: left;
  margin: 0;
  padding: 10px 0 0 0;
  width: 75%;
}
.section11 .readmore {
  float: right;
  margin: 4px 0 0 0;
  padding: 0;
  width: 12.5%;
}
.section11 .text .white-text {
  font-size: 32px;
  text-transform: none;
  font-weight: 300;
  color: #fff;
}
/* features section 11 one */
.section11.one {
  margin-top: 80px;
}

/* features section 11 two */
.section11.two {
  margin-top: 80px;
  background: #232a34;
}

/* features section 11 three */
.section11.three {
  float: left;
  width: 100%;
  padding: 35px 0;
  position: relative;
  margin-top: 0px;
  background-color: #119ee7;
}

/* features section 12 */
.section12 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 120px;
}
.section12 .one_half img {
  width: 100%;
  margin-top: 6%;
}
.section12 .one_half .fea-cols h2 {
  font-weight: bold;
}
.fea-cols ul li {
  margin-bottom: 15px;
}
.fea-cols ul li span {
  color: #119ee7;
  padding-right: 5px;
}

/* features section13 */
.section13 {
  float: left;
  width: 100%;
  padding: 72px 0px;
  position: relative;
  margin-top: 0;
  background: url(../images/texture_bg_1.png) repeat left top;
}
.section13 .one_third .fe-cols {
  text-align: center;
}
.section13 .one_third .fe-cols .icon {
  border: 1px solid #ebebeb;
  border-radius: 100%;
  background: #fff;
  color: #868686;
  font-size: 30px;
  height: 100px;
  line-height: 104px;
  text-align: center;
  width: 100px;
  margin: auto;
  transition: all 0.3s ease-out 0s;
}
.section13 .one_third:hover .fe-cols .icon,
.section13 .one_third.active .fe-cols .icon {
  border: 1px solid #119ee7;
}
.section13 .one_third .fe-cols .icon span {
  border: 0px;
  border-radius: 100%;
  color: #868686;
  font-size: 35px;
  height: 88px;
  line-height: 90px;
  text-align: center;
  width: 88px;
  transition: all 0.3s ease-out 0s;
}
.section13 .one_third:hover .fe-cols .icon span,
.section13 .one_third.active .fe-cols .icon span {
  background: #119ee7;
  color: #fff;
}
.section13 .one_third .fe-cols h2 {
  font-size: 18px;
  text-transform: none;
  color: #222222;
  margin: 35px 0 20px 0;
  font-weight: normal;
}
.section13 .one_third:hover .fe-cols h2,
.section13 .one_third.active .fe-cols h2 {
  color: #119ee7;
}
.section13 .one_third .fe-cols p {
  text-align: center;
  margin-bottom: 20px;
}
.section13 .one_third .fe-cols a {
  font-size: 13px;
  font-style: italic;
}
.section13 .one_third:hover .fe-cols a,
.section13 .one_third.active .fe-cols a {
  color: #119ee7;
}
.section13 .one_third .fe-cols a span {
  padding-left: 10px;
}
.section13 .one_half .sercols .title3 h2 {
  text-align: left;
}
.section13 .one_half .sercols .title3 .line {
  margin: 0;
}
.section13 .one_half .content-col {
  margin-top: 50px;
}
.section13 .one_half .content-col img {
  width: 100%;
}
.section13 .one_half .content-col .one_full {
  margin-top: 40px;
}

/* features section14 */
.section14 {
  float: left;
  width: 100%;
  padding: 40px 0px 10px 0px;
  position: relative;
  margin-top: 0px;
  background: url(../images/parallax_bg_5.png) no-repeat center top fixed;
}
.section14 .one_half {
  text-align: left;
}
.section14 .one_half .offer-col {
  background: #fff;
  border-bottom: solid 5px #119ee7;
  overflow: hidden;
  padding: 40px 10px 0 40px;
  /* height: 320px; */
  border-radius: 0px 50px 0px 50px;
}
.section14 .one_half .offer-col h2 {
  text-transform: none;
  font-size: 25px;
  color: #222222;
  margin-bottom: 10px;
  font-weight: normal;
}
.section14 .one_half .offer-col ul {
  margin-top: 10px;
}
.section14 .one_half .offer-col ul li {
  margin-bottom: 5px;
}
.section14 .one_half .offer-col ul li span {
  padding-right: 5px;
}
.section14 .one_half .offer-col .one_half h3 {
  font-size: 30px;
  font-weight: bold;
  color: #010101;
  text-transform: none;
  font-family: Open Sans, sans-serif;
  text-align: center;
}
.section14 .one_half .offer-col .one_half h3 span.bluetext {
  font-size: 18px;
  font-weight: normal;
  color: #119ee7;
}
.section14 .one_half .offer-col .one_half h3 span {
  font-size: 15px;
  font-weight: normal;
  color: #119ee7;
}
.section14 .one_half .offer-col .one_half img {
  width: 100%;
}
.section14 .one_half .offer-col .one_half h2 img {
  width: auto;
  float: left;
}
/* features section14 one */
.section14.one {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 60px;
  background: #fff;
  padding: 60px 0px 80px 0px;
}
.section14.one .offer-col {
  border-left: solid 1px #d8d8d8;
  border-right: solid 1px #d8d8d8;
  border-top: solid 1px #d8d8d8;
}

/* features section14 two */
.section14.two {
  float: left;
  width: 100%;
  padding: 60px 0px 80px 0px;
  position: relative;
  margin-top: 40px;
  background: url(../images/parallax_bg_5.png) no-repeat center top fixed;
}

/* features section15 */
.section15 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 80px;
}
.tabs-content7 h2 {
  font-size: 25px;
  color: #222222;
  text-transform: none;
  font-weight: normal;
}
.tabs-content7 ul {
  margin-top: 25px;
}
.tabs-content7 ul li {
  margin-bottom: 10px;
}
.tabs-content7 ul li span {
  color: #119ee7;
  font-size: 16px;
  margin-right: 10px;
}

/* features section 16 */
.section16 {
  float: left;
  width: 100%;
  padding: 0px;
  position: relative;
  margin-top: 75px;
}
.section16 .one_half {
  width: 50%;
  margin: 0;
}
.section16 .post_holder {
  float: right;
  margin: 0;
  padding: 0;
  width: 100%;
}
.section16 .post_img {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 205px;
  height: 231px;
}
.section16 .post_holder .text_holder {
  float: right;
  margin: 0;
  padding: 20px 35px 26px 35px;
  background: #eeecec;
  text-align: right;
  width: 380px;
  transition: all 0.3s ease-out 0s;
}
.section16 .post_holder:hover .text_holder {
  background: #119ee7;
  color: #fff;
}
.section16 .post_holder.active .text_holder {
  background: #119ee7;
  color: #fff;
}
.section16 .post_holder .text_holder p {
  text-align: right;
}
.section16 .post_img .hover_box {
  background: url("../images/site-img5.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 99.5%;
  margin: 0;
  opacity: 0;
  padding: 30px;
  position: absolute;
  transition: opacity 0.3s ease-in-out 0s;
  width: 100%;
}
.section16 .post_img .hover_box .box_inner .icon {
  background-color: #fff;
  border-radius: 2px;
  color: #161616;
  float: left;
  font-size: 20px;
  height: 40px;
  line-height: 35px;
  margin: 64px 0px 0 48px;
  padding: 0;
  text-align: center;
  width: 40px;
}
.section16 .post_img .hover_box .box_inner .icon:hover {
  background-color: #119ee7;
  color: #fff;
}
.section16 .post_img .hover_box .box_inner .icon:hover a {
  color: #fff;
}
.section16 .post_img .hover_box .box_inner {
  border: 1px solid #119ee7;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
.section16 .post_img:hover .hover_box {
  opacity: 1;
  transition: opacity 0.3s ease-in-out 0s;
}
.section16 .post_holder .text_holder ul.date-user li {
  float: right;
  text-align: right;
  font-size: 13px;
  margin-left: 20px;
}
.section16 .post_holder .text_holder ul.date-user li span {
  color: #119ee7;
  padding-left: 5px;
}
.section16 .post_holder .text_holder h4 {
  font-size: 20px;
  color: #222222;
  text-transform: none;
  margin: 20px 0 14px 0;
  float: right;
  width: 100%;
}
.section16 .post_holder:hover .text_holder ul.date-user li span,
.section16 .post_holder.active .text_holder ul.date-user li span,
.section16 .post_holder:hover .text_holder h4 a,
.section16 .post_holder.active .text_holder h4 a {
  color: #fff;
}

/* features section 16 one */
.section16.one {
  margin-top: 60px;
}

/* features section17 */
.section17 {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative;
  margin-top: 80px;
  background: url(../images/texture_bg_2.png) repeat center top;
}
/* features section17 */
.section17.one {
  margin-top: 50px;
}

/* features section17 two */
.section17.two {
  margin-top: 10px;
}

/* features section 18 */
.section18 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 60px;
}
.section18 .shape-box {
  width: 170px;
  margin: auto;
}
.section18 .diamond-shape {
  background-color: #fff;
  border: 1px solid #cfcfcf;
  height: 100px;
  line-height: 93px;
  padding: 0;
  text-align: center;
  transform: rotate(-45deg);
  transform-origin: 50% 0 0;
  transition-duration: 0.3s;
  transition-property: background-color, color;
  transition-timing-function: ease-out;
  width: 100px;
}
.section18 .diamond-shape .icon {
  color: #868686;
  font-size: 35px;
  text-align: center;
  transform: rotate(45deg);
}
.section18 .ser-col,
.section18 .ser-col p {
  text-align: center;
}
.section18 .ser-col p {
  padding-bottom: 25px;
}
.section18 .ser-col h2 {
  color: #222222;
  font-size: 25px;
  text-transform: none;
  font-weight: normal;
}
.section18 .ser-col:hover .diamond-shape,
.section18 .ser-col.active .diamond-shape {
  background-color: #149fe7;
  border: 1px solid #149fe7;
}
.section18 .ser-col:hover .diamond-shape .icon,
.section18 .ser-col.active .diamond-shape .icon {
  color: #fff;
}
.section18 .ser-col:hover h2,
.section18 .ser-col.active h2 {
  color: #149fe7;
}

/* features section19 */
.section19 {
  float: left;
  width: 100%;
  padding: 60px 0 80px 0;
  position: relative;
  margin-top: 0px;
  background: url(../images/parallax_bg_7.png) repeat center top fixed;
}
.section19 .info-col {
  width: 80%;
  margin: auto;
  float: none;
  text-align: center;
}
.section19 .info-col p {
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}
.section19 .info-col h2 {
  font-size: 55px;
  color: #fff;
  font-weight: bold;
  line-height: 65px;
}
.section19 .info-col h2 span {
  font-size: 40px;
  color: #fff;
  text-transform: none;
  font-weight: normal;
}

/* features section19 one */
.section19.one {
  float: left;
  width: 100%;
  padding: 60px 0 80px 0;
  position: relative;
  margin-top: 0px;
  background: #119ee7;
}

/* features section19 two */
.section19.two {
  float: left;
  width: 100%;
  padding: 60px 0 80px 0;
  position: relative;
  margin-top: 0px;
  background: url(../images/parallax_bg_15.png) repeat center top fixed;
}
.section19.two .info-col p {
  text-align: center;
  color: #9e9e9e;
  margin-bottom: 50px;
}
.section19.two .info-col h2 {
  font-size: 55px;
  color: #222222;
  font-weight: bold;
  line-height: 65px;
}
.section19.two .info-col h2 span {
  font-size: 40px;
  color: #222222;
  text-transform: none;
  font-weight: normal;
}

/* features section19 three */
.section19.three {
  float: left;
  width: 100%;
  padding: 60px 0 80px 0;
  position: relative;
  margin-top: 0px;
  background: #090909 url(../images/parallax_bg_18.png) no-repeat center top;
}

/* features section19 four */
.section19.four {
  float: left;
  width: 100%;
  padding: 60px 0 80px 0;
  position: relative;
  margin-top: 80px;
  background: url(../images/parallax_bg_7.png) repeat center top fixed;
}

/* features section19 five */
.section19.five {
  float: left;
  width: 100%;
  padding: 60px 0 80px 0;
  position: relative;
  margin-top: 60px;
  background: #090909 url(../images/parallax_bg_18.png) no-repeat center top;
}

/* features section19 six */
.section19.five.six {
  margin-top: 20px;
}

/* features section20 */
.section20 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin: 60px 0 90px 0;
}
.section20 .one_third .fe-col-wrp.type1 {
  margin: 0;
  padding: 25px 20px 15px 30px;
  position: relative;
  text-align: center;
  width: 100%;
  color: #dadada;
  transition: all 0.3s ease-out 0s;
  background: none repeat scroll 0 0 #eeeeee;
}
.section20 .one_third .fe-col,
.section20 .one_third .fe-col p {
  width: 100%;
  text-align: left;
}
.section20 .one_third .fe-col .fe-col-wrp.type1::after {
  border-bottom: 14px solid;
  bottom: -6px;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(2deg);
  width: 100%;
  z-index: -1;
}
.section20 .one_third .fe-col-wrp.type1:hover,
.section20 .one_third .fe-col-wrp.type1.active {
  background: none repeat scroll 0 0 #119ee7;
  color: #036da1;
}
.section20 .one_third .fe-col-wrp h3 {
  font-size: 18px;
  color: #222222;
  text-transform: none;
  font-weight: normal;
  text-align: left;
}
.section20 .one_third .fe-col-wrp h3 span.fa {
  font-size: 23px;
  color: #868686;
  padding-right: 15px;
}
.section20 .one_third:hover .fe-col-wrp h3,
.section20 .one_third .fe-col-wrp.type1.active h3,
.section20 .one_third:hover .fe-col-wrp h3 span.fa,
.section20 .one_third .fe-col-wrp.type1.active h3 span.fa {
  color: #fff;
}

/* features section20 one */
.section20.one {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin: 75px 0 100px 0;
}
/* features section20 two */
.section20.two {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin: 60px 0 30px 0;
}

/* features section 22 */
.section22 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 60px;
}
.section22 .one_third {
  width: 33.32%;
  margin-right: 0;
}

.section22 .ser-col {
  background: #5dc7fe url(../images/box-shape-white.png) no-repeat center top;
  text-align: center;
  padding: 0px 30px 35px 30px;
  transition: all 0.3s ease-out 0s;
}
.section22 .one_third:hover .ser-col,
.section22 .one_third .ser-col.active {
  background: #119ee7 url(../images/box-shape-white.png) no-repeat center top;
}
.section22 .ser-col h2 {
  font-size: 50px;
  color: #fff;
  line-height: 60px;
  text-transform: none;
  font-weight: bold;
  font-family: Open Sans, sans-serif;
}
.section22 .ser-col h2 em {
  font-size: 13px;
  text-transform: uppercase;
}
.section22 .ser-col h3 {
  font-size: 25px;
  color: #fff;
  font-weight: normal;
}
.section22 .ser-col p {
  text-align: justify;
  color: #fff;
}

/* features section 23 */
.section23 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 100px;
  background: #232a34;
}
.section23 .one_half img {
  width: 100%;
}
.section23 .one_half .span12 {
  margin: 10% 0 0 0;
}
.section23 .one_half .item p {
  color: #b3bac4;
  font-size: 14px;
  font-style: normal;
  line-height: 30px;
  font-family: Open Sans, sans-serif;
  font-weight: normal;
}

/* features section 24 */
.section24 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 100px;
}
.section24 .one_half {
  margin-right: 0;
}
.section24 .one_half img {
  width: 100%;
}
.section24 .post-col {
  float: left;
  margin: 0;
  padding: 0;
}
.section24 .post-img {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.section24 .post-col a h2:hover {
  color: #119ee7;
}
.section24 .post-img .hover-box {
  background: url("../images/site-img5.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.section24 .post-img .hover-box .box-inner {
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}
.section24 .post-img .hover-box .box-inner .icon {
  background-color: #fff;
  color: #161616;
  float: left;
  font-size: 18px;
  height: 60px;
  line-height: 55px;
  margin: 34% 0 0 37%;
  padding: 0;
  text-align: center;
  width: 60px;
  border-radius: 100%;
}
.section24 .post_img .hover-box .box-inner .icon.last {
  margin: 200px 10px 0 0;
}
.section24 .post-img .hover-box .box-inner .icon:hover a {
  color: #119ee7;
}
.section24 .post-img:hover .hover-box {
  opacity: 1;
  transition: all 0.3s ease-out 0s;
}
.section24 .post-info {
  background: #ccc;
}

/* features section 25 */
.section25 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 80px;
}
.section25 .fea-col .icon {
  background: none;
  font-size: 22px;
  color: #868686;
  width: 80px;
  height: 76px;
  line-height: 70px;
  text-align: center;
  border-bottom: solid 4px #d5d5d5;
}
.section25 .fea-col:hover .icon,
.section25 .fea-col.active .icon {
  background: #119ee7;
  color: #fff;
  border-bottom: solid 4px #036d9f;
}
.section25 .fea-col .bref-info {
  width: 100%;
  margin-left: 0;
}
.section25 .one_half img {
  width: 100%;
}
.section25 .fea-col .bref-info.one {
  width: 90%;
}
.background-image-holder {
  background-position: 50% 50% !important;
  background-size: cover !important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 95px;
  width: 100%;
  z-index: 0;
  background: url(../images/site-img24.jpg) repeat scroll 50% 0 rgba(0, 0, 0, 0);
}

/* features section 25 one */
.section25.one {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 0px;
}
.section25.one .background-image-holder {
  top: 0;
}
.section25.one .image-container.col-mdl-1 {
  margin-left: 50%;
}
.section25.one .col-mdl-2 {
  margin-left: 0;
  padding: 135px 0 120px 0;
  text-align: center;
}
.section25.one .col-mdl-2 p {
  text-align: center;
  line-height: 30px;
  color: #b3bac4;
  padding: 0 28px 40px 28px;
}
.section25.one {
  background: #232a34;
}
.col-mdl-1 {
  width: 50%;
}
.col-mdl-2 {
  margin-left: 55%;
}
.side-image .image-container {
  height: 100%;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
}
.background-image-holder.one {
  background-position: 50% 50% !important;
  background-size: cover !important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 95px;
  width: 100%;
  z-index: 0;
  background: url(../images/site-img25.jpg) repeat scroll 50% 0 rgba(0, 0, 0, 0);
}

/* features section 25  two*/
.section25.two {
  background: #232a34;
  margin-top: 80px;
}
.background-image-holder.two {
  background-position: 50% 50% !important;
  background-size: cover !important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  background: url(../images/site-img26.jpg) repeat scroll 50% 0 rgba(0, 0, 0, 0);
}

/* features section 25 three*/
.section25.three {
  background: #232a34;
  margin-top: 30px;
}

/* features section 25 four */
.section25.four {
  margin-top: 80px;
}
.background-image-holder.four {
  background-position: 50% 50% !important;
  background-size: cover !important;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 0;
  background: url(../images/site-img27.jpg) repeat scroll 50% 0 rgba(0, 0, 0, 0);
}

/* features section 25 five */
.section25.five {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 80px;
}

/* features section 26 */
.section26 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 80px;
}

/* features section 27 */
.section27 {
  float: left;
  width: 100%;
  padding: 95px 0 70px 0;
  position: relative;
  margin-top: 28px;
  margin-bottom: 85px;
  background: url("../images/texture_bg_5.png") repeat left top;
  border-bottom: solid 1px #e2e2e2;
  border-top: solid 1px #e2e2e2;
}
.section27 .row {
  margin-top: 50px;
}
.section27 .owl-carousel .item {
  width: 100%;
}
.section27 .test-col-one .client-img {
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 5%;
}
.section27 .test-col-one .client-img img {
  border: solid 1px #c6c6c6;
  border-radius: 100%;
  background: #fff;
  padding: 4px;
}
.section27 .test-col-one .review {
  float: left;
  width: 390px;
  padding-left: 45px;
  text-align: left;
  background: url("../images/site-img20.png") no-repeat left top;
}
.section27 .test-col-one .review p {
  color: #989898;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 22px;
  margin-bottom: 15px;
}
.section27 .test-col-one .review h5 {
  font-size: 13px;
  color: #119ee7;
  font-weight: normal;
  text-transform: none;
}
.section27 .test-col-one .review h5 span {
  font-size: 13px;
  color: #9e9d9d;
  font-weight: normal;
  text-transform: none;
}

/* features section 27 one */
.section27.one {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 78px;
  background: none;
  border: 0;
}

/* features section 27 two */
.section27.two {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative;
  margin-top: 0px;
  background: url("../images/texture_bg_12.png") repeat left top;
  border: 0;
  margin-bottom: 0;
}
.section27.two .title9 h2 {
  color: #fff;
}

/* features section 27 */
.section27.three {
  float: left;
  width: 100%;
  padding: 60px 0 70px 0;
  position: relative;
  margin-top: 80px;
  margin-bottom: 0;
  background: url("../images/texture_bg_5.png") repeat left top;
  border-bottom: solid 1px #e2e2e2;
  border-top: solid 1px #e2e2e2;
}

/* features section 28 */
.section28 {
  float: left;
  width: 100%;
  padding: 60px 0 0 0;
  position: relative;
  margin-top: 0;
  background: url("../images/texture_bg_2.png") repeat left top;
}
.section28 .fea-col h5 {
  margin-bottom: 40px;
}
.section28 .fea-col h5 span.line {
  background: #d5d5d5;
  width: 30px;
  height: 3px;
  margin: 15px 0 20px 0;
  position: absolute;
}
.section28 .fea-col:hover h5 span.line,
.section28 .fea-col.active h5 span.line {
  background: #119ee7;
}
.section28 .fea-col .icon {
  background: none;
  font-size: 30px;
  color: #868686;
  width: 80px;
  height: 70px;
  margin-bottom: 0;
  line-height: 70px;
  text-align: left;
}
.section28 .fea-col:hover .icon,
.section28 .fea-col.active .icon {
  color: #119ee7;
}
.section28 .fea-col .bref-info {
  width: 100%;
  margin-left: 0;
}
.section28 .one_full img {
  margin: 10px 0 0 0;
  padding: 0;
  vertical-align: bottom;
}

/* features section 29 */
.section29 {
  float: left;
  width: 100%;
  padding: 68px 0;
  position: relative;
  margin-top: 0;
  background: url("../images/parallax_bg_7.png") no-repeat center top;
}
.section29 p {
  color: #dbdbdb;
  margin-bottom: 45px;
}
.section29 ul li {
  color: #dbdbdb;
  margin-bottom: 15px;
}
.section29 ul li span {
  color: #119ee6;
  font-size: 22px;
  margin-right: 10px;
  float: left;
}
.section29 .one_half .title6,
.section29 .one_half .title6 h2 {
  text-align: left;
}

.section29 .one_half .title6 h2 span {
  margin: 0;
}
.section29 .one_half .title6 h2 span.line {
  top: 55px;
}

/* features section 29 one */
.section29.one {
  margin-top: 60px;
}

/* features section 30 */
.section30 {
  float: left;
  width: 100%;
  padding: 80px 0 0px 0;
  position: relative;
  margin-top: 0px;
  border-bottom: solid 1px #e0dfdf;
  border-top: solid 1px #e0dfdf;
}

/* features section 31 */
.section31 {
  float: left;
  width: 100%;
  padding: 300px 0 0px 0;
  position: relative;
  margin-top: -90px;
  height: 700px;
  background: url("../images/sliders/slide_bg13.jpg") no-repeat center top;
}
.section31.five .one_full {
  width: 72.5%;
  float: none;
  margin: auto;
}
.section31 .domain_search_home #domain-searchform #dsearch {
  background-color: #fff;
  border: 0;
  color: #989898;
  float: left;
  font-size: 13px;
  height: 60px;
  padding: 7px 10px;
  width: 560px;
  font-family: Open Sans, sans-serif;
}
/* features section 31 one */
.section31.one {
  margin-top: 0px;
  padding: 205px 0 0px 0;
  height: 600px;
}

/* features section 32 */
.section32 {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative;
  background: url("../images/texture_bg_9.png") repeat center top;
}
.statement {
  font-size: 25px;
  line-height: 35px;
  color: black;
  font-style: italic;
  font-weight: 300;
  text-align: center;
  width: 88%;
  margin: auto;
}
.divline {
  width: 100px;
  height: 3px;
  background-color: #119ee7;
  margin: 40px auto auto auto;
}

/* features section 33 */
.section33 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 78px;
}
.section33 .one_third {
  margin-right: 1px;
  width: 39.6%;
}
.section33 .one_fourth {
  margin-right: 1px;
  width: 20%;
}
.section33 .one_third .price-col {
  text-align: left;
}
.section33 .one_third .price-col ul li {
  padding-left: 35px;
}
.section33 .one_third .price-col ul li.pakprice {
  font-size: 20px;
  color: #222222;
}
.section33 .price-col {
  padding: 0;
  border-radius: 0;
}
.section33 .plan-title {
  padding: 10px 0;
}
.section33 .plan-title h2 {
  font-size: 20px;
  margin: 0;
}
.section33 .plan-title h2.price-info {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
  font-family: Open Sans, sans-serif;
}
.section33 .plan-title h2.price-info span {
  font-size: 15px;
  margin: 0;
  font-weight: normal;
  font-family: Open Sans, sans-serif;
  text-transform: none;
}
.section33 .plan-space {
  background: #f5f5f5;
  height: 55px;
}

/* features section 34 */
.section34 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 78px;
}
.abt-col h2 {
  font-size: 20px;
  text-transform: none;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 41px;
}
.abt-col .site-img {
  margin-bottom: 15px;
}
.abt-col .site-img img,
.tabs-content7.tab3 .tabs-panel7 img {
  width: 100%;
}

/* features section 34 one */
.section34.one {
  float: left;
  width: 100%;
  padding: 80px 0 70px 0;
  position: relative;
  margin-top: 0;
  background: url("../images/texture_bg_11.png") repeat left top;
  color: #989898;
}
.section34.one .abt-col h2,
.section34.one .title9 h2 {
  color: #fff;
}

/* features section 35 */
.section35 {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative;
  margin-top: 60px;
  background: url(../images/parallax_bg_13.png) no-repeat center top;
}
.section35 .one_full {
  float: left;
  text-align: center;
}
.section35 .one_full #domain-searchform #dsearch {
  width: 882px;
}
.info-links {
  color: #119ee7;
  margin-top: 50px;
}
.info-links span {
  padding: 0 15px;
}
.info-links a {
  color: #119ee7;
}
.info-links a:hover {
  color: #222222;
}

/* features section 35 one */
.section35.one {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative;
  margin-top: 0;
  background: #0c0c0c url("../images/parallax_bg_16.png") no-repeat center top;
  color: #989898;
}
.section35.one .title9 h2 {
  color: #fff;
}

/* features section 36 */
.section36 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 78px;
}
.price-col.three .plan-title h2 {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-transform: none;
}
.price-col.three .prices {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  margin-bottom: 30px;
}
.price-col.three .prices span {
  font-size: 16px;
  color: #119ee7;
  font-weight: bold;
}
.price-col.three:hover .prices span,
.price-col.three.active .prices span {
  color: #fff;
}
.price-col.three ul.plan-list li {
  text-align: left;
  padding: 0 40px;
}
.price-col.three ul.plan-list li i {
  float: right;
  margin-top: 20px;
}

/* features section 36 one */
.section36.one {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative;
  margin-top: 0;
  background: url("../images/texture_bg_3.png") repeat left top;
  color: #989898;
}
.section36.one .title9 h2 {
  color: #fff;
}

/* features section 37 */
.section37 {
  float: left;
  width: 100%;
  padding: 80px 0 20px 0;
  position: relative;
  margin-top: 80px;
  background: url(../images/parallax_bg_14.png) no-repeat center bottom fixed;
  border-bottom: solid 1px #ececec;
  border-top: solid 1px #ececec;
  color: #a7a7a7;
}
.section37.one .title9 h2,
.section37.one .fea-col .bref-info h5 {
  color: #fff;
}
.section37.one .fea-col:hover .bref-info h5,
.section37.one .fea-col.active .bref-info h5 {
  color: #119ee7;
}
.section37.one .fea-col .icon.one {
  color: #fff;
}

/* features section 37 one */
.section37.one {
  float: left;
  width: 100%;
  padding: 80px 0 20px 0;
  position: relative;
  margin-top: 0px;
  background: url(../images/parallax_bg_17.png) no-repeat center bottom fixed;
  border-bottom: solid 0px #ececec;
  border-top: solid 0px #ececec;
}

/* features section 38 */
.section38 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 76px;
}
.date-col.one .date {
  text-align: right;
  border-bottom: solid 1px #dddddd;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.date-col.one .date span {
  font-size: 60px;
  color: #222222;
  font-weight: bold;
}
.date-col.one .comments {
  text-align: right;
  font-size: 13px;
  margin-bottom: 5px;
}
.date-col.one .comments i {
  color: #119ee7;
}
.text-col.one {
  margin-top: -10px;
}
.text-col.one h4 {
  font-size: 25px;
  text-transform: none;
  font-weight: normal;
}
.text-col.one p {
  margin: 30px 0;
  float: left;
}
.pressroom .press-img {
  float: left;
}
.image {
  cursor: pointer;
  float: left;
  height: 249px;
  overflow: hidden;
  width: 100%;
}
.press-img img {
  height: 249px;
  max-width: none;
  transition: all 0.5s ease 0s;
  width: 100%;
}
.press-img img:hover {
  height: 300px;
  margin: -20px -50px -20px -50px;
  max-width: none;
  width: 500px;
}
/* features section 38 one */
.section38.one {
  float: left;
  width: 100%;
  padding: 80px 0;
  position: relative;
  margin-top: 0px;
  background: #191919;
  color: #a8a8a8;
}
.section38.one .title9 h2,
.section38.one .one_fourth .date-col.one .date span,
.section38.one .text-col h4 {
  color: #fff;
}
.section38.one .one_fourth .date-col.one .date {
  border-bottom: solid 1px #292c2d;
}

/* features section 39 */
.section39 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 75px;
}

/* features section 39 one */
.section39.one {
  float: left;
  width: 100%;
  padding: 76px 0;
  position: relative;
  margin-top: 0px;
  background: #161616 url(../images/parallax_bg_19.png) no-repeat center top;
  color: #a0a0a0;
}
.section39.one .title9 h2,
.section39.one .text-info h2 {
  color: #fff;
}

/* features section 40 */
.section40 {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 60px;
}
.section40 .img_holder {
  position: relative;
  float: left;
  padding: 0;
  text-align: center;
  margin: 0px;
  border-radius: 0;
  background-color: transparent;
  transition-property: background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  width: 100%;
  overflow: hidden;
}
.section40 .img_holder .img {
  width: 100%;
  height: 290px;
  float: left;
  padding: 0px;
  text-align: center;
  margin: 0px;
  border-radius: 100%;
  background: url(../images/site-img36.html) center top no-repeat;
}
.section40 .img_holder .img img {
  width: 100%;
  height: 100%;
}
.section40 .img_holder .img.two {
  background: url(../images/site-img37.html) center top no-repeat;
}
.section40 .img_holder .img.three {
  background: url(../images/site-img38.html) center top no-repeat;
}
.section40 .img_holder .img.four {
  background: url(../images/site-img39.html) center top no-repeat;
}
.section40 .img_holder .img.five {
  background: url(../images/site-img40.html) center top no-repeat;
}
.section40 .img_holder .img.six {
  background: url(../images/site-img41.html) center top no-repeat;
}
.section40 .img_holder .img.seven {
  background: url(../images/site-img42.jpg) center top no-repeat;
}
.section40 .img_holder .img.eight {
  background: url(../images/site-img43.jpg) center top no-repeat;
}
.section40 .img_holder .img.nine {
  background: url(../images/site-img44.jpg) center top no-repeat;
}
.section40 .member_info {
  width: 100%;
  text-align: center;
  padding: 15px 0 15px 0;
  margin: 0px auto 0 auto;
  border: 1px solid #cccccc;
  transition: all 0.3s ease-out 0s;
}
.section40 .one_third_picture:hover .member_info {
  border: 1px solid #119ee7;
  background: #119ee7;
  color: #fff;
}

.section40 .one_third_picture:hover .member_info h5 {
  color: #fff;
}
.section40 .one_fourth_picture:hover .member_info {
  border: 1px solid #119ee7;
  background: #119ee7;
  color: #fff;
}

.section40 .one_fourth_picture:hover .member_info h5 {
  color: #fff;
}
.section40 .one_fourth:hover .member_info {
  border: 1px solid #119ee7;
  background: #119ee7;
  color: #fff;
}
.section40 .one_fourth:hover .member_info h5 {
  color: #fff;
}
.section40 .img_holder .hover_circle {
  position: absolute;
  width: 100%;
  height: 100%;
  float: left;
  opacity: 0;
  padding: 0px;
  margin: 0px;
  background: url(../images/site-img5.png) 0px 0px repeat;
  transition: opacity 0.3s ease-in-out 0s;
}
.section40 .img_holder ul.social_icon {
  position: absolute;
  width: 100%;
  float: left;
  padding: 0px;
  margin: 0px 0px 0px 41px;
  z-index: 10;
}
.section40 .img_holder ul.social_icon li {
  float: left;
  padding: 0px;
  margin: 0x;
  transition: opacity 0.1s ease-in-out 0s;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -ms-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  transition: top 0.1s ease-in-out 0s;
}
.section40 .img_holder ul.social_icon li.one {
  position: absolute;
  top: 200px;
  opacity: 0;
}
.section40 .img_holder ul.social_icon li.two {
  position: absolute;
  top: 20px;
  opacity: 0;
  left: 45px;
}
.section40 .img_holder ul.social_icon li.three {
  position: absolute;
  top: 200px;
  opacity: 0;
  left: 90px;
}
.section40 .img_holder ul.social_icon li.four {
  position: absolute;
  top: 20px;
  opacity: 0;
  left: 135px;
}
.section40 .img_holder .social_icon li a {
  width: 40px;
  height: 40px;
  float: left;
  font-size: 18px;
  padding: 0px;
  line-height: 40px;
  color: #161616;
  margin: 0 5px 0 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #fff;
  z-index: 10;
}
/*hover styles*/

.section40 .img_holder .social_icon li a:hover {
  background-color: #119ee7;
  color: #fff;
}
.section40 .one_third_picture:hover .hover_circle {
  opacity: 1;
  transition: opacity 0.1s ease-in-out 0s;
}
.section40 .one_third_picture:hover .social_icon li.one {
  top: 127px;
  opacity: 1;
  transition: top 0.3s ease-in-out;
}
.section40 .one_third_picture:hover .social_icon li.two {
  top: 127px;
  opacity: 1;
  transition: top 0.5s ease-in-out;
}
.section40 .one_third_picture:hover .social_icon li.three {
  top: 127px;
  opacity: 1;
  transition: top 0.3s ease-in-out;
}
.section40 .one_third_picture:hover .social_icon li.four {
  top: 127px;
  opacity: 1;
  transition: top 0.5s ease-in-out;
}
.section40 .one_third_picture:hover .img_holder {
  background-color: transparent;
  transition-property: background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
/*active styles*/
.section40 .one_third_picture.active .member_info {
  border: 1px solid #119ee7;
  background: #119ee7;
  color: #fff;
}
.section40 .one_third_picture.active .member_info h5 {
  color: #fff;
}
.section40 .one_fourth_picture:hover .hover_circle {
  opacity: 1;
  transition: opacity 0.1s ease-in-out 0s;
}
.section40 .one_fourth_picture:hover .social_icon li.one {
  top: 127px;
  opacity: 1;
  transition: top 0.3s ease-in-out;
}
.section40 .one_fourth_picture:hover .social_icon li.two {
  top: 127px;
  opacity: 1;
  transition: top 0.5s ease-in-out;
}
.section40 .one_fourth_picture:hover .social_icon li.three {
  top: 127px;
  opacity: 1;
  transition: top 0.3s ease-in-out;
}
.section40 .one_fourth_picture:hover .social_icon li.four {
  top: 127px;
  opacity: 1;
  transition: top 0.5s ease-in-out;
}
.section40 .one_fourth_picture:hover .img_holder {
  background-color: transparent;
  transition-property: background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
/*active styles*/
.section40 .one_fourth_picture.active .member_info {
  border: 1px solid #119ee7;
  background: #119ee7;
  color: #fff;
}
.section40 .one_fourth_picture.active .member_info h5 {
  color: #fff;
}
.section40 .one_fourth:hover .hover_circle {
  opacity: 1;
  transition: opacity 0.1s ease-in-out 0s;
}
.section40 .one_fourth:hover .social_icon li.one {
  top: 127px;
  opacity: 1;
  transition: top 0.3s ease-in-out;
}
.section40 .one_fourth:hover .social_icon li.two {
  top: 127px;
  opacity: 1;
  transition: top 0.5s ease-in-out;
}
.section40 .one_fourth:hover .social_icon li.three {
  top: 127px;
  opacity: 1;
  transition: top 0.3s ease-in-out;
}
.section40 .one_fourth:hover .social_icon li.four {
  top: 127px;
  opacity: 1;
  transition: top 0.5s ease-in-out;
}
.section40 .one_fourth:hover .img_holder {
  background-color: transparent;
  transition-property: background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
/*active styles*/
.section40 .one_fourth.active .member_info {
  border: 1px solid #119ee7;
  background: #119ee7;
  color: #fff;
}
.section40 .one_fourth.active .member_info h5 {
  color: #fff;
}
.section40 .img_holder .social_icon li a.active {
  background-color: #119ee7;
}
.section40 .one_third_picture.active .hover_circle {
  opacity: 1;
  transition: opacity 0.1s ease-in-out 0s;
}
.section40 .one_third_picture.active .social_icon li.one {
  top: 127px;
  opacity: 1;
  transition: top 0.3s ease-in-out;
}
.section40 .one_third_picture.active .social_icon li.two {
  top: 127px;
  opacity: 1;
  transition: top 0.5s ease-in-out;
}
.section40 .one_third_picture.active .social_icon li.three {
  top: 127px;
  opacity: 1;
  transition: top 0.7s ease-in-out;
}
.section40 .one_third_picture.active .social_icon li.four {
  top: 127px;
  opacity: 1;
  transition: top 0.9s ease-in-out;
}
.section40 .one_third_picture.active .img_holder {
  background-color: #119ee7;
}
.section40 .one_fourth_picture.active .hover_circle {
  opacity: 1;
  transition: opacity 0.1s ease-in-out 0s;
}
.section40 .one_fourth_picture.active .social_icon li.one {
  top: 127px;
  opacity: 1;
  transition: top 0.3s ease-in-out;
}
.section40 .one_fourth_picture.active .social_icon li.two {
  top: 127px;
  opacity: 1;
  transition: top 0.5s ease-in-out;
}
.section40 .one_fourth_picture.active .social_icon li.three {
  top: 127px;
  opacity: 1;
  transition: top 0.7s ease-in-out;
}
.section40 .one_fourth_picture.active .social_icon li.four {
  top: 127px;
  opacity: 1;
  transition: top 0.9s ease-in-out;
}
.section40 .one_fourth_picture.active .img_holder {
  background-color: #119ee7;
}
.section40 .one_fourth.active .hover_circle {
  opacity: 1;
  transition: opacity 0.1s ease-in-out 0s;
}
.section40 .one_fourth.active .social_icon li.one {
  top: 127px;
  opacity: 1;
  transition: top 0.3s ease-in-out;
}
.section40 .one_fourth.active .social_icon li.two {
  top: 127px;
  opacity: 1;
  transition: top 0.5s ease-in-out;
}
.section40 .one_fourth.active .social_icon li.three {
  top: 127px;
  opacity: 1;
  transition: top 0.7s ease-in-out;
}
.section40 .one_fourth.active .social_icon li.four {
  top: 127px;
  opacity: 1;
  transition: top 0.9s ease-in-out;
}
.section40 .one_fourth.active .img_holder {
  background-color: #119ee7;
}

/* features section 41 */
.section41 {
  float: left;
  margin: 100px 0 0 0;
  padding: 0;
  width: 100%;
}
.section41.two {
  margin: 0;
}
.section41 .post_img {
  float: left;
  margin: 0 0 40px;
  padding: 0;
  position: relative;
  width: 100%;
}
.section41 .readmore_bu4 {
  float: left;
}
.section41 .post_info {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
  float: left;
  margin: 0 0 20px 0;
  padding: 10px 0;
  width: 100%;
}
.section41 .one_full p {
  margin-bottom: 25px;
}
.section41 .post_info span {
  float: left;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding: 0 25px 0 0;
}
.section41 .post_img .date {
  background-color: #119ee7;
  color: #fff;
  font-size: 16px;
  height: 100px;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 20px;
  text-align: center;
  top: 20px;
  width: 100px;
  z-index: 2;
}
.section41 .post_img .date.comments {
  background-color: #fff;
  color: #272727;
  top: 120px;
}
.section41 .post_img .date.comments span {
  color: #272727;
  padding: 25px 0 10px;
}
.section41 .post_img .date span {
  color: #fff;
  display: block;
  font-size: 40px;
  font-weight: 600;
  padding: 25px 0 10px;
  text-align: center;
}
.section41 .post_img .overley {
  background: url("../images/site-img5.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 100%;
  margin: 0;
  opacity: 0;
  padding: 30px;
  position: absolute;
  transition: opacity 0.3s ease-in-out 0s;
  width: 100%;
  z-index: 5;
}
.section41 .post_img .overley .icon {
  background-color: #fff;
  color: #161616;
  float: left;
  font-size: 20px;
  height: 60px;
  line-height: 60px;
  margin: 150px 10px 0 490px;
  padding: 0;
  text-align: center;
  width: 60px;
}
.section41 .post_img .overley .icon.two {
  margin: 150px 10px 0 5px;
}
.section41 .post_img .overley .icon:hover {
  background-color: #119ee7;
  color: #fff;
}
.section41 .post_img:hover .overley {
  opacity: 1;
}
.section41 .comment_info {
  border: 1px solid #e7e7e7;
  float: left;
  margin: 0 0 20px;
  padding: 20px;
  width: 100%;
}
.section41 .comment_info.less {
  float: right;
  width: 80%;
}
.section41 .comment_info .img {
  float: left;
  margin: 0 30px 0 0;
  padding: 0;
}
.section41 .comment_info .text {
  display: block;
  margin: 0;
  padding: 0 0 0 160px;
}
.section41 .comment_info:hover {
  border: 1px solid #119ee7;
}
.section41 a.loadmore_but {
  background-color: #119ee7;
  border-radius: 2px;
  color: #fff;
  float: left;
  font-size: 16px;
  font-weight: 600;
  margin: 40px 0;
  padding: 20px 15px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.section41 a.loadmore_but:hover {
  background-color: #161616;
  color: #727272;
}
.readmore_but {
  background-color: #119ee7;
  color: #fff;
  margin: 0;
  padding: 12px 20px;
}
.readmore_but:hover {
  background-color: #272727;
  color: #727272;
}
.readmore_bu5 {
  background-color: #119ee7;
  border-radius: 2px;
  color: #fff;
  float: left;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  padding: 5px 15px;
}
.readmore_bu5:hover {
  background-color: #272727;
  color: #727272;
}
.bl_pagenation_holder {
  margin: 0 auto;
  padding: 0;
  width: 20.6%;
}
.bl_pagenation_holder.one {
  margin: 0;
  padding: 0;
  width: 100%;
}
.bl_pagenation_holder.two {
  width: 100%;
}
ul.bl_pagenation {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.bl_pagenation li {
  margin: 0;
  padding: 0;
}
.bl_pagenation li a {
  background-color: #e4e4e4;
  color: #161616;
  float: left;
  height: 40px;
  line-height: 40px;
  margin: 0 10px 0 0;
  padding: 0;
  text-align: center;
  width: 40px;
  border-radius: 4px;
}
.bl_pagenation li a:hover {
  background-color: #119ee7;
  color: #fff;
}
.divider_dashed2 {
  border-top: 1px dotted #d7d7d7;
  float: left;
  margin: 25px 0 60px 0;
  width: 100%;
}

/* page headers */
.header-section {
  float: left;
  width: 100%;
  padding: 0;
  position: relative;
  margin-top: 0px;
}
.page_header {
  background: url("../images/site-img32.png") no-repeat scroll center top
    rgba(0, 0, 0, 0);
  float: left;
  height: 300px;
  margin: 0;
  padding: 95px 0 0 0;
  text-align: center;
  width: 100%;
}
.page_header.two {
  background: url("../images/site-img33.png") no-repeat scroll center top
    rgba(0, 0, 0, 0);
}
.page_header.three {
  background: url("../images/site-img34.png") no-repeat scroll center top
    rgba(0, 0, 0, 0);
}
.page_header.four {
  background: url("../images/site-img35.png") no-repeat scroll center top
    rgba(0, 0, 0, 0);
}
.page_header.five {
  background: url("../images/site-img36.png") no-repeat scroll center top
    rgba(0, 0, 0, 0);
}
.page_header.six {
  background: url("../images/site-img37.png") no-repeat scroll center top
    rgba(0, 0, 0, 0);
}

/* page titles */
.page_titles {
  border-bottom: 1px solid #e9e9e9;
  float: left;
  margin: 0;
  padding: 25px 0 10px;
  width: 100%;
}
.pagetitle {
  color: #fff;
  font-size: 60px;
  font-weight: normal;
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
  line-height: normal;
}
.pagenation {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  margin: 5px 0 0;
  padding: 0;
  text-align: center !important;
  width: 100%;
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
}
.pagenation a {
  color: #119ee7;
}
.pagenation a:hover {
  color: #fff;
}
.pagenation i {
  color: #a2a2a2;
  padding: 0 5px;
}
/* page punchline */
.punchline_text_box {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #eee #eee #eee #119ee7;
  border-image: none;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  color: #999;
  float: left;
  margin: 15px 0 30px;
  padding: 25px 30px;
  width: 100%;
}
a.knowmore_but {
  background-color: #119ee7;
  border-radius: 3px;
  color: #fff;
  float: right;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 0 50px;
  padding: 13px 20px;
}
a.knowmore_but:hover {
  background-color: #161616;
  color: #fff;
}
.punchline_text_box .left {
  float: left;
  width: 70%;
}
.punchline_text_box .right {
  float: left;
  width: 30%;
}
/* sidebar*/
.sidebar_search {
  width: 100%;
  padding: 0 0 40px 0;
  float: left;
  margin: 0px;
}
.sidebar_search .search {
  background: none repeat scroll 0px 0px #fff;
  border: 0px none;
  float: left;
  width: 100%;
  padding: 0px;
  margin: 0;
}
.sidebar_search .search .serch_input {
  border: 0px none;
  color: #161616;
  float: left;
  font-size: 13px;
  font-weight: normal;
  height: 40px;
  line-height: 39px;
  padding: 0px 7px;
  width: 70%;
  border-left: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.sidebar_search .search .search_submit {
  padding: 5px 10px;
  margin: 0px;
  float: left;
  height: 40px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
}
/*sidebar categories*/
.categories_holder {
  width: 100%;
  padding: 0px 0 40px 0;
  float: left;
  margin: 0px;
}
.categories_holder ul.list {
  width: 100%;
  padding: 0;
  float: left;
  margin: 0px;
}
.categories_holder .list li {
  width: 100%;
  padding: 0;
  float: left;
  margin: 0px;
  border-bottom: 1px solid #e4e4e4;
}
.categories_holder .list li.last {
  border-bottom: none;
}
.categories_holder .list li a {
  color: #727272;
  padding: 12px 0;
  float: left;
  margin: 0px;
}
.categories_holder .list li.first a {
  padding: 0px 0 12px 0;
}
.categories_holder .list li a:hover {
  color: #119ee7;
}

/*sidebar latest posts*/
.sidebar_latest_posts {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
.sidebar_latest_posts .post_holder {
  float: left;
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
}
.sidebar_latest_posts .post_holder .img {
  float: left;
  margin: 0;
  padding: 0 20px 0 0;
}
.sidebar_latest_posts .post_holder .text {
  display: block;
  margin: 0;
  padding: 0 0 0 100px;
}
.sidebar_latest_posts .post_holder .text a h6:hover {
  color: #119ee7;
}
.sidebar_latest_posts .post_holder .text span {
  font-size: 13px;
  margin-right: 10px;
}

/* category tags */
.products_tags {
  width: 100%;
  padding: 0;
  float: left;
  margin: 0px;
}
.products_tags ul.tags {
  width: 100%;
  padding: 0;
  float: left;
  margin: 0px;
}
.products_tags .tags li {
  padding: 0;
  float: left;
  margin: 0px;
}
.products_tags .tags li a {
  float: left;
  padding: 5px 12px;
  margin: 0 6px 6px 0;
  color: #999999;
  background-color: #fff;
  border-radius: 2px;
  border: solid 1px #f5f5f5;
}
.products_tags .tags li a:hover {
  color: #fff;
  background-color: #119ee7;
  border: solid 1px #119ee7;
}

/*google map*/
.google-map {
  border: medium none;
  height: 350px;
  padding: 0;
  width: 100%;
  margin: 0 0 -7px 0;
}
.content-container {
  margin-top: 10px;
  width: 100%;
  height: 350px;
  background: rgba(255, 0, 0, 0.1);
  text-align: center;
}

/* tables */
.table-style {
  float: left;
  width: 100%;
}
.table-list3 {
  padding: 0;
  border-spacing: 0;
  float: left;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  width: 100%;
}
.table-list3 th {
  padding: 18px 10px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  background-color: #119ee7;
}
.table-list3 td {
  padding: 13px 10px;
  text-align: center;
  height: 80px;
  font-size: 15px;
  line-height: 60px;
  background-color: #f2f2f2;
}
.table-list3 td a {
  text-align: center;
  font-size: 15px;
  margin: 0px;
  color: #fff;
  background-color: #c9c9c9;
}
.table-list3 td a:hover {
  background-color: #b0b0b0;
}
.table-list3 td.hilit {
  padding: 13px 10px;
  text-align: center;
  background-color: #fff;
}

/*image hovers */
.img_ho_st_holder {
  position: relative;
  width: 100%;
  padding: 10px;
  margin: 0px;
  float: left;
  border: 1px solid #e1e1e1;
}
.img_ho_st1 {
  position: relative;
  width: 100%;
  height: 235px;
  padding: 0px;
  margin: 0px;
  float: left;
  overflow: hidden;
}
.img_ho_st1 .text {
  position: absolute;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 235px;
  left: 0px;
  top: 0px;
  z-index: 10;
  background-color: #119ee7;
  transition: left 0.3s ease-in-out;
}
.img_ho_st1 .text.red {
  background-color: #e71a1a;
}
.img_ho_st1 .text.green {
  background-color: #3fc35f;
}
.img_ho_st1 .text.violet {
  background-color: #8a5ed9;
}
.img_ho_st1 .imgbox {
  position: absolute;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 235px;
  left: 0px;
  top: 0px;
  z-index: 100;
  transition: top 0.3s ease-in-out;
}
.imgbox img {
  width: 100%;
}
.img_ho_st1 .text .title {
  color: #fff;
  margin: 15px 0 0 19px;
}
.img_ho_st1 .text p {
  color: #fff;
  font-weight: normal;
  margin: 5px 15px 0 19px;
}
.img_ho_st1 .text a {
  color: #fff;
  margin: 15px 15px 0 19px;
}
.img_ho_st1 .text a:hover {
  color: #161616;
}
.img_ho_st1:hover .imgbox {
  position: absolute;
  top: 250px;
  transition: top 0.3s ease-in-out;
}
/*style 2*/
.img_ho_st2 {
  opacity: 1;
  width: 100%;
  height: 235px;
  margin: 0px;
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0px;
  overflow: hidden;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.img_ho_st2 .imgbox {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 235px;
}
.img_ho_st2 .text {
  position: absolute;
  background: #000;
  width: 100%;
  height: 235px;
  text-align: center;
  color: #fff;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.img_ho_st2 .text:hover {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  background: url(../images/site-img5.png) left top repeat;
}
.img_ho_st2 .text a.hov_circle {
  position: absolute;
  width: 50px;
  height: 50px;
  left: 63px;
  top: 0px;
  padding: 0px;
  margin: 0px;
  background-color: #119ee7;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  transition-property: background-color, color;
  transition: top 0.3s ease-in-out;
  transition-timing-function: ease-out;
}
.img_ho_st2 .text a.hov_circle:hover,
.img_ho_st2 .text a.hov_circle.two:hover {
  background-color: #fff;
  transition-property: background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.img_ho_st2 .text a.hov_circle:hover i,
.img_ho_st2 .text a.hov_circle.two:hover i {
  color: #272727;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.img_ho_st2 .text a.hov_circle.two {
  left: 118px;
  top: 0px;
  transition: top 0.5s ease-in-out;
  background-color: #8dba13;
}
.img_ho_st2 .text a.hov_circle i {
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
}
.img_ho_st2 .text:hover .hov_circle {
  transition: top 0.3s ease-in-out;
  left: 65px;
  top: 100px;
}
.img_ho_st2 .text:hover .hov_circle.two {
  transition: top 0.5s ease-in-out;
  left: 122px;
  top: 100px;
}
/*style 3*/

.img_ho_st3 {
  opacity: 1;
  width: 100%;
  height: 235px;
  margin: 0px;
  position: relative;
  left: 0px;
  top: 0px;
  margin: 0px;
  overflow: hidden;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
.img_ho_st3 .imgbox {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 220px;
}
.img_ho_st3 .text {
  width: 100%;
  height: 235px;
  position: absolute;
  background: #000;
  color: #fff;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.img_ho_st3 .text:hover {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  background: url(../images/site-img5.png) left top repeat;
}
.img_ho_st3 .text h3 {
  position: absolute;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  left: 5px;
  top: 220px;
  margin: 15px 0 0 19px;
  transition: top 0.4s ease-in-out;
}
.img_ho_st3 .text p {
  position: absolute;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  left: 5px;
  line-height: 18px;
  top: 255px;
  text-align: left;
  margin: 15px 0 0 19px;
  transition: top 0.6s ease-in-out;
}
.img_ho_st3 .text a {
  position: absolute;
  font-weight: normal;
  left: 0px;
  top: 320px;
  text-align: left;
  margin: 0px 0 0 19px;
  transition: top 0.7s ease-in-out;
  overflow: hidden;
}
.img_ho_st3 .text:hover h3 {
  position: absolute;
  left: 5px;
  top: 20px;
  transition: top 0.4s ease-in-out;
}
.img_ho_st3 .text:hover p {
  position: absolute;
  left: 5px;
  top: 50px;
  transition: top 0.6s ease-in-out;
}
.img_ho_st3 .text:hover a {
  position: absolute;
  left: 0px;
  top: 136px;
  transition: top 0.7s ease-in-out;
}
/*style 4*/

.img_ho_st4 {
  position: relative;
  width: 100%;
  height: 235px;
  padding: 0px;
  margin: 0px;
  float: left;
  overflow: hidden;
}
.img_ho_st4 .imgbox {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 220px;
}
.img_ho_st4 .text {
  position: absolute;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 235px;
  left: 0px;
  top: 180px;
  z-index: 100;
  background: url(../images/site-img5.png) left top repeat;
  transition: top 0.3s ease-in-out;
}
.img_ho_st4 .text h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0 0 19px;
}
.img_ho_st4 .text h3 span {
  color: #fff;
  font-size: 13px;
  text-transform: none;
}
.img_ho_st4 .text p {
  color: #fff;
  font-weight: normal;
  margin: 5px 15px 0 19px;
}
.img_ho_st4 .text a {
  margin: 8px 15px 0 19px;
}
.img_ho_st4:hover .text {
  position: absolute;
  top: 20px;
  transition: top 0.3s ease-in-out;
}
.imghover_sec4 .container {
  border-top: 1px solid #e1e1e1;
  padding-top: 50px;
}
/*style 5*/
.img_ho_st5 {
  position: relative;
  width: 100%;
  height: 235px;
  padding: 0px;
  margin: 0px;
  float: left;
  overflow: hidden;
}
.img_ho_st5 .imgbox {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 220px;
}
.img_ho_st5 .text {
  position: absolute;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 235px;
  left: -270px;
  top: 0px;
  z-index: 100;
  transition: left 0.5s ease-in-out;
  background: url(../images/site-img5.png) left top repeat;
}
.img_ho_st5 .text h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0 0 19px;
}
.img_ho_st5 .text p {
  color: #fff;
  font-weight: normal;
  margin: 5px 15px 0 19px;
}
.img_ho_st5 .text a {
  margin: 8px 15px 0 19px;
}
.img_ho_st5:hover .text {
  position: absolute;
  left: 0px;
  transition: left 0.5s ease-in-out;
}
/*style 6*/

.img_ho_st6 {
  position: relative;
  width: 100%;
  height: 235px;
  padding: 0px;
  margin: 0px;
  float: left;
  overflow: hidden;
}
.img_ho_st6 .imgbox {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 235px;
}
.img_ho_st6 .text {
  position: absolute;
  padding: 0px;
  margin: 0px;
  float: left;
  width: 100%;
  height: 235px;
  left: 0px;
  top: 250px;
  z-index: 100;
  transition: top 0.3s ease-in-out;
  background: url(../images/site-img5.png) left top repeat;
}
.img_ho_st6 .text h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  margin: 15px 0 0 19px;
}
.img_ho_st6 .text p {
  color: #fff;
  font-weight: normal;
  margin: 5px 15px 0 19px;
}
.img_ho_st6 .text a.readmore_small {
  margin: 10px 0px 0 28px;
  padding: 4px 15px;
}
.img_ho_st6 .text a.readmore_small.green {
  margin: 10px 0px 0 5px;
}
.img_ho_st6:hover .text {
  position: absolute;
  top: 185px;
  transition: top 0.3s ease-in-out;
}

/*buttons*/
.btn {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px;
  padding: 15px 30px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:after {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 0;
  height: 100%;
  opacity: 0;
  content: "";
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn:hover:after {
  width: 101%;
  opacity: 1;
}
.btn:hover {
  background-color: transparent;
}
.btn:focus {
  outline: 0;
}

/* grey button BUTTON */
ul.layout-style .btn-grey {
  border: 1px solid #777777;
  background-color: #777777;
  color: #fff;
}
ul.layout-style .btn-grey:after {
  background-color: #1b1b1b;
}
ul.layout-style .btn-grey:hover {
  border-color: #1b1b1b;
  background-color: transparent;
  color: #fff;
}

/* white line */
.btns .whiteline {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  border-radius: 0;
  padding: 15px 25px;
}
.btns .whiteline:after {
  background-color: #fff;
}
.btns .whiteline:hover {
  border-color: #fff;
  background-color: transparent;
  color: #119ee7;
}

/* white box */
.btns .whitebox {
  background-color: #fff;
  color: #119ee7;
  border-radius: 0;
  padding: 15px 35px;
}
.btns .whitebox:after {
  background-color: #119ee7;
}
.btns .whitebox:hover {
  border-color: #119ee7;
  background-color: #119ee7;
  color: #fff;
}
.btns .whitebox i {
  font-size: 25px;
  padding-right: 10px;
  float: left;
}

/* white box one */
.btns .whitebox.one {
  background-color: #fff;
  color: #119ee7;
  border-radius: 0;
  padding: 15px 20px;
}
.btns .whitebox.one:after {
  background-color: #119ee7;
}
.btns .whitebox.one:hover {
  border-color: #119ee7;
  background-color: #119ee7;
  color: #fff;
}

/* dark box */
.get-btn {
  margin: 25px 0 5px 0;
}
.get-btn .darkbox {
  background-color: #262626;
  color: #8d8b8b;
  border-radius: 0;
  padding: 15px 35px;
  border-radius: 30px;
  border: solid 1px #000;
  font-size: 14px;
  font-family: Open Sans, sans-serif;
}
.get-btn .darkbox:after {
  background-color: #fff;
}
.get-btn .darkbox:hover {
  border-color: #000;
  background-color: #fff;
  color: #1a1a1a;
}
.get-btn a.active {
  border-color: #000;
  background-color: #fff;
  color: #1a1a1a;
}

/* line btn */
.readmore .linebtn {
  background-color: #fff;
  color: #222222;
  border-radius: 0;
  padding: 13px 20px;
  border: solid 1px #dedede;
  font-size: 14px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
}
.readmore .linebtn:after {
  background-color: #161616;
}
.readmore .linebtn:hover {
  border-color: #161616;
  background-color: #161616;
  color: #fff;
}

/* line one btn */
.readmore .linebtn.one {
  background-color: transparent;
  color: #fff;
  padding: 12px 25px;
  border: solid 1px #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  border-radius: 4px;
}
.readmore .linebtn.one:after {
  background-color: #fff;
}
.readmore .linebtn.one:hover {
  border-color: #fff;
  background-color: #fff;
  color: #119ee7;
}

/* line two btn */
.readmore .linebtn.two {
  background-color: #fff;
  color: #222222;
  border-radius: 0;
  padding: 13px 30px;
  border: solid 1px #cfcfcf;
  font-size: 14px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
}
.readmore .linebtn.two:after {
  background-color: #fff;
}
.readmore .linebtn.two:hover,
.section18 .ser-col:hover .readmore .linebtn.two,
.section18 .ser-col.active .readmore .linebtn.two {
  border-color: #119ee7;
  background-color: #fff;
  color: #119ee7;
}

/* line three btn */
.readmore .linebtn.three {
  background-color: transparent;
  color: #fff;
  padding: 16px 60px;
  border: solid 1px #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  border-radius: 30px;
}
.readmore .linebtn.three:after {
  background-color: #119ee7;
}
.readmore .linebtn.three:hover {
  border-color: #119ee7;
  background-color: #119ee7;
  color: #fff;
}
/* line four btn */
.readmore .linebtn.four {
  background-color: transparent;
  color: #fff;
  padding: 16px 60px;
  border: solid 1px #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  border-radius: 30px;
}
.readmore .linebtn.four:after {
  background-color: #fff;
}
.readmore .linebtn.four:hover {
  border-color: #fff;
  background-color: #fff;
  color: #119ee7;
}

/* line five btn */
.readmore .linebtn.five {
  background-color: transparent;
  color: #a5abb5;
  padding: 18px 52px;
  border: solid 1px #a5abb5;
  font-size: 14px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  border-radius: 30px;
}
.readmore .linebtn.five:after {
  background-color: #fff;
}
.readmore .linebtn.five:hover {
  border-color: #fff;
  background-color: #fff;
  color: #232a34;
}

/* line three btn */
.readmore .linebtn.six {
  background-color: transparent;
  color: #119ee7;
  padding: 16px 60px;
  border: solid 1px #119ee7;
  font-size: 14px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
  border-radius: 30px;
}
.readmore .linebtn.six:after {
  background-color: #119ee7;
}
.readmore .linebtn.six:hover {
  border-color: #119ee7;
  background-color: #119ee7;
  color: #fff;
}

/* blue btn */
.readmore .bluebtn {
  background-color: #119ee7;
  color: #fff;
  border-radius: 0;
  padding: 18px 40px;
  border: solid 0px #fff;
  font-size: 15px;
  text-transform: uppercase;
  font-family: Open Sans, sans-serif;
}
.readmore .bluebtn:after {
  background-color: #222222;
}
.readmore .bluebtn:hover {
  background-color: #222222;
  color: #fff;
}

/* blue line */
.btns .blueline {
  border: 1px solid #119ee7;
  background-color: transparent;
  color: #119ee7;
  border-radius: 0;
  padding: 15px 25px;
}
.btns .blueline:after {
  background-color: #119ee7;
}
.btns .blueline:hover {
  border-color: #119ee7;
  background-color: #119ee7;
  color: #fff;
}

/* large btns */
.large {
  margin-bottom: 5px;
}
.large a {
  font-size: 20px;
  border-radius: 3px;
  padding: 15px 38px;
  color: #fff;
  margin-bottom: 5px;
}
.large a:after {
  background-color: #222222;
}
.large a:hover {
  border-color: #222222;
  background-color: #222222;
  color: #fff;
}
.large .large-blue {
  border: 1px solid #119ee7;
  background-color: #119ee7;
}
.large .large-red {
  border: 1px solid #e71a1a;
  background-color: #e71a1a;
}
.large .large-orange {
  border: 1px solid #ff7713;
  background-color: #ff7713;
}
.large .large-olive {
  border: 1px solid #a1a61a;
  background-color: #a1a61a;
}
.large .large-green {
  border: 1px solid #3fc35f;
  background-color: #3fc35f;
}
.large .large-pink {
  border: 1px solid #ee1f6d;
  background-color: #ee1f6d;
}
.large .large-voilet {
  border: 1px solid #8a5ed9;
  background-color: #8a5ed9;
}
.large .large-sea {
  border: 1px solid #13bfb1;
  background-color: #13bfb1;
}
.large .large-lblue {
  border: 1px solid #37c6f5;
  background-color: #37c6f5;
}
.large .large-lgreen {
  border: 1px solid #97cc02;
  background-color: #97cc02;
}

/* large line btns */

.large-lines a {
  border-radius: 3px;
  padding: 15px 36px;
  font-size: 20px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.large-lines .blueline {
  border: 2px solid #119ee7;
  background-color: transparent;
  color: #119ee7;
}
.large-lines .blueline:after {
  background-color: #119ee7;
}
.large-lines .blueline:hover {
  border-color: #119ee7;
  background-color: #119ee7;
  color: #fff;
}
.large-lines .redline {
  border: 2px solid #e71a1a;
  background-color: transparent;
  color: #e71a1a;
}
.large-lines .redline:after {
  background-color: #e71a1a;
}
.large-lines .redline:hover {
  border-color: #e71a1a;
  background-color: #e71a1a;
  color: #fff;
}
.large-lines .orangeline {
  border: 2px solid #ff7713;
  background-color: transparent;
  color: #ff7713;
}
.large-lines .orangeline:after {
  background-color: #ff7713;
}
.large-lines .orangeline:hover {
  border-color: #ff7713;
  background-color: #ff7713;
  color: #fff;
}
.large-lines .oliveline {
  border: 2px solid #a1a61a;
  background-color: transparent;
  color: #a1a61a;
}
.large-lines .oliveline:after {
  background-color: #a1a61a;
}
.large-lines .oliveline:hover {
  border-color: #a1a61a;
  background-color: #a1a61a;
  color: #fff;
}
.large-lines .greenline {
  border: 2px solid #3fc35f;
  background-color: transparent;
  color: #3fc35f;
}
.large-lines .greenline:after {
  background-color: #3fc35f;
}
.large-lines .greenline:hover {
  border-color: #3fc35f;
  background-color: #3fc35f;
  color: #fff;
}
.large-lines .pinkline {
  border: 2px solid #ee1f6d;
  background-color: transparent;
  color: #ee1f6d;
}
.large-lines .pinkline:after {
  background-color: #ee1f6d;
}
.large-lines .pinkline:hover {
  border-color: #ee1f6d;
  background-color: #ee1f6d;
  color: #fff;
}
.large-lines .voiletline {
  border: 2px solid #8a5ed9;
  background-color: transparent;
  color: #8a5ed9;
}
.large-lines .voiletline:after {
  background-color: #8a5ed9;
}
.large-lines .voiletline:hover {
  border-color: #8a5ed9;
  background-color: #8a5ed9;
  color: #fff;
}
.large-lines .sealine {
  border: 2px solid #13bfb1;
  background-color: transparent;
  color: #13bfb1;
}
.large-lines .sealine:after {
  background-color: #13bfb1;
}
.large-lines .sealine:hover {
  border-color: #13bfb1;
  background-color: #13bfb1;
  color: #fff;
}
.large-lines .lblueline {
  border: 2px solid #37c6f5;
  background-color: transparent;
  color: #37c6f5;
}
.large-lines .lblueline:after {
  background-color: #37c6f5;
}
.large-lines .lblueline:hover {
  border-color: #37c6f5;
  background-color: #37c6f5;
  color: #fff;
}
.large-lines .lgreenline {
  border: 2px solid #97cc02;
  background-color: transparent;
  color: #97cc02;
}
.large-lines .lgreenline:after {
  background-color: #97cc02;
}
.large-lines .lgreenline:hover {
  border-color: #97cc02;
  background-color: #97cc02;
  color: #fff;
}

/* medium btns */
.medium a {
  font-size: 15px;
  border-radius: 3px;
  padding: 15px 35px;
  color: #fff;
  margin-bottom: 5px;
}
.medium a:after {
  background-color: #222222;
}
.medium a:hover {
  border-color: #222222;
  background-color: #222222;
  color: #fff;
}

/* medium line btns */
.medium-lines a {
  padding: 15px 35px;
  font-size: 15px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.medium-lines .blueline {
  border: 2px solid #119ee7;
  background-color: transparent;
  color: #119ee7;
}
.medium-lines .blueline:after {
  background-color: #119ee7;
}
.medium-lines .blueline:hover {
  border-color: #119ee7;
  background-color: #119ee7;
  color: #fff;
}
.medium-lines .redline {
  border: 2px solid #e71a1a;
  background-color: transparent;
  color: #e71a1a;
}
.medium-lines .redline:after {
  background-color: #e71a1a;
}
.medium-lines .redline:hover {
  border-color: #e71a1a;
  background-color: #e71a1a;
  color: #fff;
}
.medium-lines .orangeline {
  border: 2px solid #ff7713;
  background-color: transparent;
  color: #ff7713;
}
.medium-lines .orangeline:after {
  background-color: #ff7713;
}
.medium-lines .orangeline:hover {
  border-color: #ff7713;
  background-color: #ff7713;
  color: #fff;
}
.medium-lines .oliveline {
  border: 2px solid #a1a61a;
  background-color: transparent;
  color: #a1a61a;
}
.medium-lines .oliveline:after {
  background-color: #a1a61a;
}
.medium-lines .oliveline:hover {
  border-color: #a1a61a;
  background-color: #a1a61a;
  color: #fff;
}
.medium-lines .greenline {
  border: 2px solid #3fc35f;
  background-color: transparent;
  color: #3fc35f;
}
.medium-lines .greenline:after {
  background-color: #3fc35f;
}
.medium-lines .greenline:hover {
  border-color: #3fc35f;
  background-color: #3fc35f;
  color: #fff;
}
.medium-lines .pinkline {
  border: 2px solid #ee1f6d;
  background-color: transparent;
  color: #ee1f6d;
}
.medium-lines .pinkline:after {
  background-color: #ee1f6d;
}
.medium-lines .pinkline:hover {
  border-color: #ee1f6d;
  background-color: #ee1f6d;
  color: #fff;
}
.medium-lines .voiletline {
  border: 2px solid #8a5ed9;
  background-color: transparent;
  color: #8a5ed9;
}
.medium-lines .voiletline:after {
  background-color: #8a5ed9;
}
.medium-lines .voiletline:hover {
  border-color: #8a5ed9;
  background-color: #8a5ed9;
  color: #fff;
}
.medium-lines .sealine {
  border: 2px solid #13bfb1;
  background-color: transparent;
  color: #13bfb1;
}
.medium-lines .sealine:after {
  background-color: #13bfb1;
}
.medium-lines .sealine:hover {
  border-color: #13bfb1;
  background-color: #13bfb1;
  color: #fff;
}
.medium-lines .lblueline {
  border: 2px solid #37c6f5;
  background-color: transparent;
  color: #37c6f5;
}
.medium-lines .lblueline:after {
  background-color: #37c6f5;
}
.medium-lines .lblueline:hover {
  border-color: #37c6f5;
  background-color: #37c6f5;
  color: #fff;
}
.medium-lines .lgreenline {
  border: 2px solid #97cc02;
  background-color: transparent;
  color: #97cc02;
}
.medium-lines .lgreenline:after {
  background-color: #97cc02;
}
.medium-lines .lgreenline:hover {
  border-color: #97cc02;
  background-color: #97cc02;
  color: #fff;
}

/* medium btns */
.small {
  margin-bottom: 5px;
}
.small a {
  font-size: 13px;
  border-radius: 3px;
  padding: 12px 20px;
  color: #fff;
}
.small a:after {
  background-color: #222222;
}
.small a:hover {
  border-color: #222222;
  background-color: #222222;
  color: #fff;
}

/* small line btns */
.small-lines a {
  padding: 12px 20px;
  font-size: 13px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.small-lines .blueline {
  border: 2px solid #119ee7;
  background-color: transparent;
  color: #119ee7;
}
.small-lines .blueline:after {
  background-color: #119ee7;
}
.small-lines .blueline:hover {
  border-color: #119ee7;
  background-color: #119ee7;
  color: #fff;
}
.small-lines .redline {
  border: 2px solid #e71a1a;
  background-color: transparent;
  color: #e71a1a;
}
.small-lines .redline:after {
  background-color: #e71a1a;
}
.small-lines .redline:hover {
  border-color: #e71a1a;
  background-color: #e71a1a;
  color: #fff;
}
.small-lines .orangeline {
  border: 2px solid #ff7713;
  background-color: transparent;
  color: #ff7713;
}
.small-lines .orangeline:after {
  background-color: #ff7713;
}
.small-lines .orangeline:hover {
  border-color: #ff7713;
  background-color: #ff7713;
  color: #fff;
}
.small-lines .oliveline {
  border: 2px solid #a1a61a;
  background-color: transparent;
  color: #a1a61a;
}
.small-lines .oliveline:after {
  background-color: #a1a61a;
}
.small-lines .oliveline:hover {
  border-color: #a1a61a;
  background-color: #a1a61a;
  color: #fff;
}
.small-lines .greenline {
  border: 2px solid #3fc35f;
  background-color: transparent;
  color: #3fc35f;
}
.small-lines .greenline:after {
  background-color: #3fc35f;
}
.small-lines .greenline:hover {
  border-color: #3fc35f;
  background-color: #3fc35f;
  color: #fff;
}
.small-lines .pinkline {
  border: 2px solid #ee1f6d;
  background-color: transparent;
  color: #ee1f6d;
}
.small-lines .pinkline:after {
  background-color: #ee1f6d;
}
.small-lines .pinkline:hover {
  border-color: #ee1f6d;
  background-color: #ee1f6d;
  color: #fff;
}
.small-lines .voiletline {
  border: 2px solid #8a5ed9;
  background-color: transparent;
  color: #8a5ed9;
}
.small-lines .voiletline:after {
  background-color: #8a5ed9;
}
.small-lines .voiletline:hover {
  border-color: #8a5ed9;
  background-color: #8a5ed9;
  color: #fff;
}
.small-lines .sealine {
  border: 2px solid #13bfb1;
  background-color: transparent;
  color: #13bfb1;
}
.small-lines .sealine:after {
  background-color: #13bfb1;
}
.small-lines .sealine:hover {
  border-color: #13bfb1;
  background-color: #13bfb1;
  color: #fff;
}
.small-lines .lblueline {
  border: 2px solid #37c6f5;
  background-color: transparent;
  color: #37c6f5;
}
.small-lines .lblueline:after {
  background-color: #37c6f5;
}
.small-lines .lblueline:hover {
  border-color: #37c6f5;
  background-color: #37c6f5;
  color: #fff;
}
.small-lines .lgreenline {
  border: 2px solid #97cc02;
  background-color: transparent;
  color: #97cc02;
}
.small-lines .lgreenline:after {
  background-color: #97cc02;
}
.small-lines .lgreenline:hover {
  border-color: #97cc02;
  background-color: #97cc02;
  color: #fff;
}

/* medium btns */
.fullwid {
  margin-bottom: 5px;
}
.fullwid a {
  font-size: 16px;
  border-radius: 3px;
  color: #fff;
  width: 100%;
  padding: 18px 20px;
}
.fullwid a:after {
  background-color: #222222;
}
.fullwid a:hover {
  border-color: #222222;
  background-color: #222222;
  color: #fff;
}
/*------------------*/
/*list styles */
/*------------------------------------------------------*/

/*lists style 1*/

.list_st1 {
  width: 100%;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  float: left;
}
.list_st1 .icon {
  width: 32px;
  height: 32px;
  padding: 0px;
  margin: 0px 10px 0px 0px;
  float: left;
  text-align: center;
  line-height: 32px;
  color: #fff;
  border-radius: 100%;
  background-color: #119ee7;
  transition: all 0.3s ease-out 0s;
}
.list_st1:hover .icon {
  background-color: #222222;
}
.list_st1 .text {
  padding: 5px 0 0 42px;
  margin: 0px;
  display: block;
}

/*list style 2*/
.list_st1.two {
  width: 100%;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  float: left;
}
.list_st1.two .icon {
  width: 32px;
  height: 32px;
  padding: 0px;
  margin: 0px 10px 0px 0px;
  float: left;
  text-align: center;
  line-height: 30px;
  color: #119ee7;
  border-radius: 100%;
  border: 1px solid #119ee7;
  background-color: #fff;
}
.list_st1.two:hover .icon {
  border: 1px solid #222222;
  color: #222222;
}
.list_st1.two .text {
  padding: 0px 0 0 42px;
  margin: 0px;
  display: block;
}
/*list style3*/

.list_st3 {
  width: 100%;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  float: left;
}
.list_st3 .icon {
  width: 18px;
  height: 18px;
  padding: 0px;
  margin: 3px 0px 0px 0px;
  float: left;
  font-size: 12px;
  text-align: center;
  line-height: 15px;
  color: #119ee7;
  border-radius: 100%;
  border: 1px solid #119ee7;
}
.list_st3 .text {
  padding: 0px 0 0 28px;
  margin: 0px;
  display: block;
}
/*list style 4*/

ol.list_st4 {
  list-style-type: none;
  list-style-type: decimal;
  /*IE 7- hack*/
  margin: 0px;
  margin-left: 18px;
  padding: 0;
  /* counter-reset: .list */
}
ol.list_st4 li {
  position: relative;
  margin: 0px;
  padding-left: 20px;
  min-height: 3em;
  list-style-type: none;
}
ol.list_st4 li:before {
  position: absolute;
  top: 0;
  left: -15px;
  width: 28px;
  height: 28px;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #f5f5f5;
  border-radius: 50%;
  background-color: #464646;
  content: counter(li-counter);
  counter-increment: li-counter;
}
/*list style 5*/

.list_st5 {
  width: 100%;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  float: left;
}
.list_st5.two {
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #d1d1d1;
}
.list_st5.two.last {
  padding: 0px 0px 10px 0px;
  border-bottom: none;
}
.list_st5 .icon {
  width: 40px;
  height: 40px;
  padding: 0px;
  margin: 0px 10px 0px 0px;
  float: left;
  text-align: center;
  line-height: 39px;
  color: #fff;
  border-radius: 100%;
}
.list_st5 .text {
  padding: 5px 0 0 42px;
  margin: 0px;
  display: block;
}
.list_st5 .icon.red {
  background-color: #e71a1a;
}
.list_st5 .icon.blue {
  background-color: #119ee7;
}
.list_st5 .icon.green {
  background-color: #3fc35f;
}
.list_st5 .icon.violet {
  background-color: #8a5ed9;
}
.list_st5 .icon.orange {
  background-color: #ff7713;
}
/*------------------*/
/*message boxes */
/*------------------------------------------------------*/

/*message boxes*/
.messagebox_title {
  padding-bottom: 30px;
}
.info-box {
  background-color: #119ee7;
}
.info-box1 {
  background-color: #e71a1a;
}
.success-box {
  background-color: #97cc02;
}
.error-box {
  background-color: #ff7713;
}
.download-box {
  background-color: #e71a1a;
}
.warning-box {
  background-color: #8a5ed9;
}
.mboxes_close {
  width: 15px;
  height: 15px;
  padding: 0px;
  margin: 0px;
  float: right;
  text-align: right;
}
.mboxes_close i {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}
.success-box,
.error-box,
.warning-box,
.info-box span,
.info-box1 span {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.success-box,
.error-box,
.warning-box,
.info-box,
.info-box1 {
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 4px;
}
/*------------------*/
/*parallax background */
/*------------------------------------------------------*/

.parallax_holder {
  min-height: 400px;
  background: transparent;
}
.parallax_holder .text_holder {
  width: 85%;
  padding: 12% 0 0 0;
  text-align: center;
  margin: 0 auto;
}
/*parallax2*/

.parallax_holder2 {
  min-height: 600px;
  background: transparent;
}
.parallax_holder2 .text_holder {
  width: 85%;
  padding: 20% 0 0 0;
  text-align: center;
  margin: 0 auto;
}
/*Call to Action */
.call_to_action {
  width: 100%;
  float: left;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 25px 25px;
  margin: 0 0 15px 0;
}
.call_to_action .left {
  padding: 0px;
  margin: 0px;
  float: left;
  width: 85%;
}
.call_to_action .right {
  width: 14%;
  padding: 0px;
  margin: 0px;
  float: right;
  text-align: right;
}
.call_to_action a.but_st1.small,
.call_to_action a.but_st1.medium,
.call_to_action a.but_st1.large {
  float: right;
}
.call_to_action a.but_st1.small {
  margin-top: 10px;
}
.call_to_action a.but_st1.medium {
  margin-top: 10px;
}
.call_to_action p {
  width: 100%;
  text-align: left;
}
.call_to_action span.title_big {
  width: 100%;
  text-align: left;
  padding: 0px;
  margin: 0px;
  line-height: 45px;
  font-size: 24px;
  color: #222222;
}
.call_to_action span.title_big.two {
  font-size: 18px;
  line-height: 0px;
}
.call_to_action span.title_big.three {
  font-size: 18px;
  line-height: 0px;
  color: #272727;
}
.call_to_action span.title_big.four {
  font-size: 34px;
  line-height: 50px;
  color: #272727;
}
.call_to_action span.title_big.three strong {
  color: #8a5ed9;
}

.highlit {
  background-color: #119ee7;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 10px;
  padding: 0 5px;
}
.highlit2 {
  background-color: #e71a1a;
  color: #fff;
  padding: 0 5px;
}
.highlit3 {
  background-color: #8a5ed9;
  color: #fff;
  padding: 0 5px;
}
.contbox_st1 {
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  float: left;
  margin: 0;
  padding: 15px;
  width: 100%;
}
.contbox_st1 h4 {
  margin: 20px 0 20px 0;
  float: left;
  width: 100%;
}
.infoholder {
  margin-bottom: 15px;
}
.infoholder .info {
  margin-right: 15px;
}
h2.post-title {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 5px 0;
  float: left;
  width: 100%;
}

/*------------------*/
/*dividers styles */
/*------------------------------------------------------*/
/*divider lines*/
.divider_line_small {
  width: 12%;
  margin: 0 auto 65px auto;
  height: 25px;
  border-top: 1px solid #ff7713;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; */
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.divider_line_small.two {
  width: 12%;
  margin: 0 auto 0 0;
  height: 25px;
  float: left;
  border-top: 1px solid #000;
}
.divider_line_small.three {
  width: 49%;
  margin: 0 auto 0 0;
  height: 25px;
  float: left;
  border-top: 1px solid #000;
}
.divider_line_small.four {
  margin: 0 auto 25px auto;
}
.divider_line_small_white {
  width: 12%;
  margin: 0 auto 80px auto;
  height: 25px;
  border-top: 1px solid #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
.divider_line_small_white.two {
  position: absolute;
  width: 12%;
  margin: 0 auto 80px 482px;
  height: 25px;
  padding: 0px;
  border-top: 1px solid #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.8;
}
.divider_line_small_white.three {
  margin: 0 auto 50px 482px;
}
.divider_line1 {
  float: left;
  width: 100%;
  padding-top: 0px;
  margin-bottom: 0px;
  border-bottom: 1px solid #e5e5e5;
}
.divider_dashed2 {
  float: left;
  width: 100%;
  margin: 59px 0px;
  border-top: 1px dotted #d7d7d7;
}
.divider_dashed3 {
  float: left;
  width: 100%;
  height: 5px;
  margin: 10px 0px 59px 0px;
  border-top: 1px dashed #d7d7d7;
  border-bottom: 1px dashed #d7d7d7;
}
.divider_dashed4 {
  float: left;
  width: 100%;
  margin: 15px 0px 59px 0px;
  border-top: 1px dashed #d7d7d7;
}
.divider_dashed5 {
  float: left;
  width: 100%;
  height: 5px;
  margin: 20px 0px 59px 0px;
  border-top: 2px solid #d7d7d7;
}
.divider_dashed6 {
  float: left;
  width: 100%;
  height: 5px;
  margin: 20px 0px 59px 0px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}
.divider_dashed7 {
  float: left;
  width: 100%;
  margin: 50px 0px 0px 0px;
  border-top: 1px dotted #d7d7d7;
}
.divider_dashed8 {
  float: left;
  width: 100%;
  margin: 53px 0px 45px 0px;
  border-top: 1px dotted #d7d7d7;
}
.divider_dashed9 {
  float: left;
  width: 100%;
  margin: 40px 0px 48px 0px;
  border-top: 1px dotted #d7d7d7;
}

/*------------------*/
/*widget styles */
/*------------------------------------------------------*/

/*text widget	*/

.widget-box {
  width: 100%;
  padding: 20px;
  margin: 0 0 40px 0;
  float: left;
  border: 1px solid #d9d9d9;
}

/*posts widget	*/
.posts_widget .left {
  padding: 0 20px 0 0;
  margin: 0;
  float: left;
}
.posts_widget .right {
  display: block;
  padding: 0 0 0 100px;
  margin: 0;
}
.posts_widget .right .info {
  font-size: 13px;
  padding: 0px;
  margin: 0;
}
.posts_widget .right .small a {
  padding: 5px 10px;
}

/*twitter widget	*/

.twitter_widget .icon {
  width: 32px;
  height: 32px;
  padding: 0px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 33px;
  margin: 0 10px 0 0;
  float: left;
  border-radius: 100%;
  background-color: #119ee7;
}
.twitter_widget .title {
  width: 85%;
  padding: 5px 0 0 0;
  margin: 0;
  float: right;
}
.twitter_widget .hilite {
  color: #119ee7;
}

/*testimonials widget	*/
.testimonials_widget {
  width: 100%;
  padding: 0px;
  margin: 0 0 40px 0;
  float: left;
}
.testimonials_widget .box {
  width: 100%;
  padding: 30px;
  margin: 0 0 25px 0;
  float: left;
  border: 1px solid #d9d9d9;
}
.testimonials_widget .item .box p {
  color: #989898;
  text-align: left;
  font-size: 14px;
  font-style: normal;
  line-height: 22px;
  font-weight: normal;
}
.testimonials_widget .owl-theme .owl-controls .owl-page span {
  background: #cccccc;
}
.testimonials_widget .left {
  width: 30%;
  padding: 0px;
  margin: 0;
  float: left;
}
.testimonials_widget .right {
  width: 70%;
  padding: 0px;
  margin: 0;
  float: left;
}
.testimonials_widget .right .name {
  font-size: 16px;
  display: block;
  color: #161616;
  padding: 0px;
  margin: 0;
}
.testimonials_widget .right .comp {
  padding: 0px;
  margin: 0;
}
.testimonials_widget .right .comp span {
  color: #119ee7;
}
.testimonials_widget .arrow_down {
  position: absolute;
  margin: 0px 0px 0px 37px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #d9d9d9;
  font-size: 0px;
  line-height: 0;
}
/*flickr widget	*/
.flickr_widget {
  width: 100%;
  padding: 30px 30px 17px 30px;
  margin: 0 0 40px 0;
  float: left;
  border: 1px solid #d9d9d9;
}
.flickr_widget img {
  width: 65px;
  height: 65px;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 0px solid #999 !important;
  transition-property: background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}
.flickr_widget img:hover {
  border: 2px solid #119ee7 !important;
  transition-property: background-color, color;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

/*------------------*/
/*data tables */
/*------------------------------------------------------*/

/* tables */
.table-style {
  float: left;
  width: 100%;
}
.table-list {
  padding: 0;
  border-spacing: 0;
  float: left;
  background-color: #fff;
  border: 1px solid #dddddd;
  margin-bottom: 20px;
  width: 100%;
}
.table-list th {
  padding: 18px 10px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  background-color: #119ee7;
}
.table-list td {
  padding: 13px 10px;
  text-align: center;
  background-color: #f5f5f5;
}
/*
.table-list tr {
	border-bottom: 1px solid #e1e1e1;
}*/

.table-list td.hilit {
  padding: 13px 10px;
  text-align: center;
  background-color: #fff;
}
/*table style 2*/

.table-style {
  float: left;
  width: 100%;
}
.table-list2 {
  float: left;
  background-color: #fff;
  margin-bottom: 20px;
  width: 100%;
}
.table-list2 th {
  padding: 18px 10px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  background-color: #272727;
}
.table-list2 td {
  padding: 13px 10px;
  text-align: center;
  background-color: #f5f5f5;
  border: 1px solid #e1e1e1;
}
.table-list2 tr {
  border-bottom: 1px solid #e1e1e1;
}
.table-list2 td.hilit {
  padding: 13px 10px;
  text-align: center;
  background-color: #fff;
}
.table-list2 tr:hover td {
  background-color: #119ee7;
  color: #fff;
}
/* tables */
.table-style {
  float: left;
  width: 100%;
}
.table-list3 {
  padding: 0;
  border-spacing: 0;
  float: left;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  width: 100%;
}
.table-list3 th {
  padding: 18px 10px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  background-color: #119ee7;
}
.table-list3 td {
  padding: 13px 10px;
  text-align: center;
  height: 80px;
  font-size: 15px;
  line-height: 60px;
  background-color: #f2f2f2;
}
.table-list3 td a {
  padding: 8px 30px;
  text-align: center;
  font-size: 15px;
  margin: 0px;
  color: #fff;
  background-color: #c9c9c9;
}
.table-list3 td a:hover {
  background-color: #b0b0b0;
}
.table-list3 td.hilit {
  padding: 13px 10px;
  text-align: center;
  background-color: #fff;
}
/* tables style4 */
.table-style {
  float: left;
  width: 100%;
}
.table-list4 {
  padding: 0;
  border-spacing: 0;
  float: left;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  width: 100%;
}
.table-list4 th {
  padding: 25px 10px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  background-color: #161616;
}
.table-list4 td {
  padding: 13px 10px;
  text-align: center;
  height: 80px;
  font-size: 15px;
  line-height: 60px;
  background-color: #f2f2f2;
}
.table-list4 td a {
  padding: 8px 30px;
  text-align: center;
  font-size: 15px;
  margin: 0px;
  color: #fff;
  line-height: 20px;
  background-color: #119ee7;
}
.table-list4 td a:hover {
  background-color: #b0b0b0;
}
.table-list4 td.hilit {
  padding: 13px 10px;
  text-align: center;
  background-color: #fff;
}
.table-list4 td.hilit span {
  display: block;
  padding: 0px;
  margin: 0px;
  height: 32px;
}
.table-list4 td.hilit2 {
  padding: 13px 10px;
  text-align: center;
  background-color: #f2f2f2;
}
.table-list4 td.hilit2 span {
  display: block;
  padding: 0px;
  margin: 0px;
  height: 32px;
}

/*------------------*/
/*social icon styles */
/*------------------------------------------------------*/

ul.social_icon_st1 {
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
}
ul.social_icon_st1 li {
  padding: 0px;
  margin: 0px;
  float: left;
  text-align: center;
}
ul.social_icon_st1 li a {
  width: 40px;
  height: 40px;
  padding: 0px;
  margin: 0 5px 5px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 39px;
  float: left;
  background-color: #119ee7;
}
ul.social_icon_st1 li a:hover {
  color: #fff;
  background-color: #161616;
}
/*style 2*/

ul.social_icon_st2 {
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
}
ul.social_icon_st2 li {
  padding: 0px;
  margin: 0px;
  float: left;
  text-align: center;
}
ul.social_icon_st2 li a {
  width: 40px;
  height: 40px;
  padding: 0px;
  margin: 0 5px 5px 0;
  text-align: center;
  font-size: 16px;
  color: #161616;
  line-height: 39px;
  float: left;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}
ul.social_icon_st2 li a:hover {
  color: #fff;
  background-color: #161616;
}
/*style 3*/

ul.social_icon_st3 {
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
}
ul.social_icon_st3 li {
  padding: 0px;
  margin: 0px;
  float: left;
  text-align: center;
}
ul.social_icon_st3 li a {
  width: 40px;
  height: 40px;
  padding: 0px;
  margin: 0 5px 5px 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 39px;
  float: left;
  border-radius: 100%;
  background-color: #fc4242;
}
ul.social_icon_st3 li a:hover {
  color: #fff;
  background-color: #161616;
}
/*style 4*/

ul.social_icon_st4 {
  width: 100%;
  padding: 0px;
  margin: 0px;
  float: left;
}
ul.social_icon_st4 li {
  padding: 0px;
  margin: 0px;
  float: left;
  text-align: center;
}
ul.social_icon_st4 li a {
  width: 40px;
  height: 40px;
  padding: 0px;
  margin: 0 5px 5px 0;
  text-align: center;
  font-size: 16px;
  color: #161616;
  line-height: 39px;
  float: left;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #d9d9d9;
}
ul.social_icon_st4 li a:hover {
  color: #fff;
  border: 1px solid #161616;
  background-color: #161616;
}
/*style5*/

ul.social_icon_st5 {
  padding: 0px;
  margin: 0px;
  float: left;
}
.social_icon_st5 li {
  padding: 0px;
  margin-right: 5px;
  float: left;
  display: inline;
}
.social_icon_st5 li a {
  width: 45px;
  height: 45px;
  padding: 0px;
  float: left;
  color: #fff;
  margin: 0 0 5px 0;
  font-size: 18px;
  line-height: 43px;
  display: inline;
  text-align: center;
  background-color: #119ee7;
}
.social_icon_st5 li a i {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}
.social_icon_st5 li a.twitter {
  background-color: #46c0ff;
}
.social_icon_st5 li a.twitter:hover {
  background-color: #272727;
}
.social_icon_st5 li a.facebook {
  background-color: #2e68be;
}
.social_icon_st5 li a.facebook:hover {
  background-color: #272727;
}
.social_icon_st5 li a.googleplus {
  background-color: #e74a35;
}
.social_icon_st5 li a.googleplus:hover {
  background-color: #272727;
}
.social_icon_st5 li a.in {
  background-color: #097fc3;
}
.social_icon_st5 li a.in:hover {
  background-color: #272727;
}
.social_icon_st5 li a.dribble {
  background-color: #f44193;
}
.social_icon_st5 li a.dribble:hover {
  background-color: #272727;
}
/*style6*/

ul.social_icon_st6 {
  padding: 0px;
  margin: 0px;
  float: left;
}
.social_icon_st6 li {
  padding: 0px;
  margin-right: 5px;
  float: left;
  display: inline;
}
.social_icon_st6 li a {
  width: 45px;
  height: 45px;
  padding: 0px;
  margin: 0 0 5px 0;
  float: left;
  color: #fff;
  font-size: 18px;
  line-height: 43px;
  display: inline;
  text-align: center;
  border-radius: 100%;
  background-color: #119ee7;
}
.social_icon_st6 li a i {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}
.social_icon_st6 li a.twitter {
  background-color: #46c0ff;
}
.social_icon_st6 li a.twitter:hover {
  background-color: #272727;
}
.social_icon_st6 li a.facebook {
  background-color: #2e68be;
}
.social_icon_st6 li a.facebook:hover {
  background-color: #272727;
}
.social_icon_st6 li a.googleplus {
  background-color: #e74a35;
}
.social_icon_st6 li a.googleplus:hover {
  background-color: #272727;
}
.social_icon_st6 li a.in {
  background-color: #097fc3;
}
.social_icon_st6 li a.in:hover {
  background-color: #272727;
}
.social_icon_st6 li a.dribble {
  background-color: #f44193;
}
.social_icon_st6 li a.dribble:hover {
  background-color: #272727;
}

/*------------------*/
/*footer styles */
/*------------------------------------------------------*/
.footer {
  width: 100%;
  float: left;
  padding: 100px 0 85px 0;
  margin: 0;
  background-color: #222222;
  color: #727272;
}
.footer .one_fourth {
  margin-bottom: 0;
}
.footer .one_fourth h4.white {
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 10px;
  color: #9fc9ef;
}
.footer ul.faddress {
  font-size: 14px;
  padding: 0 0 15px 0;
  margin: 0px;
}
.footer ul.faddress li {
  margin-bottom: 15px;
}
.footer ul.faddress li a {
  color: #727272;
}
.footer ul.faddress li a:hover {
  color: #119ee7;
}
.footer .title_line {
  width: 36px;
  height: 3px;
  padding: 0;
  margin: 0 auto 30px 0;
  background-color: #727272;
}
.footer ul.listitem {
  font-size: 14px;
  color: #969595;
  float: left;
  margin: 0px;
}
.footer ul.listitem li {
  margin-bottom: 15px;
}
.footer ul.listitem li i {
  padding-right: 3px;
}

/* footer one */
.footer.one {
  background: url(../images/texture_bg_3.png) repeat left top;
  color: #9c9c9c;
}
.footer .title_line.blueline {
  background-color: #119ee7;
}

/* footer two */
.footer.two {
  background: url(../images/texture_bg_4.png) repeat left top;
  color: #9c9c9c;
}

/* footer three */
.footer.three {
  background: #161616;
  color: #727272;
}
.footer.three a {
  color: #727272;
}

/* footer four */
.footer.four {
  background: url(../images/texture_bg_5.png) repeat left top;
  color: #989898;
}
.footer.four .one_fourth h4.footerlogo {
  color: #222222;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
}
.footer.four .one_fourth h4 {
  color: #222222;
  text-transform: none;
  font-weight: normal;
  margin-bottom: 10px;
}
.footer.four .one_fourth p {
  margin-bottom: 25px;
}
/* footer five */
.footer.five {
  background: url(../images/texture_bg_8.png) repeat left top;
  color: #727272;
}

/* footer six */
.footer.six {
  background: url(../images/texture_bg_10.png) repeat left top;
  color: #727272;
  margin-top: 70px;
}
.footer.six a {
  color: #727272;
}
/* footer seven */
.footer.seven {
  width: 100%;
  float: left;
  padding: 0px 0 5px 0;
  margin: 10px 0 0 0;
  background-color: #222222;
  color: #727272;
}

/* copyrights */
.copyrights {
  width: 100%;
  font-size: 14px;
  color: #6f6e6e;
  margin: 0px;
  float: left;
  padding: 25px 0px;
  background-color: #2e2e2e;
}
.copyrights .one_half span {
  padding-top: 10px;
  float: left;
}
.copyrights .one_half .payments {
  text-align: left;
  padding-top: 7px;
}
.copyrights .one_half .payments span {
  padding-top: 5px;
  float: left;
  margin: 0 3% 0 22.6%;
  color: #dddddd;
}
.copyrights .socil-media {
  text-align: center;
  margin: 20px auto;
  border-bottom: solid 1px #3d3d3d;
  padding-bottom: 50px;
}
.copyrights .socil-media.lightline {
  border-bottom: solid 1px #e0e0e0;
}
.copyrights .socil-media h2 {
  font-size: 20px;
  color: #f6f7f9;
  font-weight: normal;
  text-transform: none;
}
.copyrights .socil-media h2.darktext {
  font-size: 20px;
  color: #222222;
  font-weight: normal;
  text-transform: none;
}
.copyrights .socil-media .social-list {
  width: 22.8%;
  margin: auto;
}
.copyrights .socil-media ul.social_icons li a {
  background-color: #4b4a4a;
  border-radius: 100%;
  color: #9f9d9d;
  float: left;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 36px;
}
.copyrights .socil-media ul.social_icons li a:hover {
  background-color: #119ee7;
}
.copyrights .socil-media ul.social_icons.four li a {
  background-color: #d8d8d8;
  border-radius: 100%;
  color: #9f9d9d;
  float: left;
  height: 36px;
  line-height: 36px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 36px;
}
.copyrights .socil-media ul.social_icons.four li a i {
  color: #9f9d9d;
}
.copyrights .socil-media ul.social_icons.four li a:hover i {
  color: #fff;
}
.copyrights .socil-media ul.social_icons.four li a:hover {
  background-color: #119ee7;
}
/* copyrights one */
.copyrights.one {
  background: url(../images/texture_bg_4.png) repeat left top;
}

/* copyrights two */
.copyrights.two {
  background: #0c0c0c;
}
/* copyrights three */
.copyrights.three {
  background: #f1f1f1;
  margin-top: 80px;
  color: #b0b0b0;
}
.copyrights.three .one_half .payments span {
  color: #b0b0b0;
}

/* footer post list */
ul.postlist li {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: solid 1px #e2e2e2;
  overflow: hidden;
}
ul.postlist li.darkline {
  border-bottom: solid 1px #3d3d3d;
  overflow: hidden;
}
ul.postlist li.last {
  border-bottom: solid 0px #e2e2e2;
}
ul.postlist li a {
  color: #222222;
}
ul.postlist li a:hover {
  color: #119ee7;
}

.address-info {
  width: 100%;
  margin-bottom: 40px;
  float: left;
}
.text-info {
  font-size: 15px;
  float: left;
  width: 250px;
}
.text-info h2 {
  color: #222222;
  font-size: 18px;
  margin-bottom: 5px;
  text-transform: none;
  font-weight: normal;
}
.address-info .icon {
  font-size: 48px;
  color: #119ee7;
  float: left;
  width: 80px;
  text-align: left;
}
form .input-box {
  border: none;
  border-bottom: solid 1px #dedede;
  float: left;
  margin: 0 35px 30px 0;
  width: 360px;
  height: 45px;
  font-size: 14px;
  color: #989898;
  padding: 5px;
}
form .input-box.last {
  margin-right: 0px;
}
form .input-box-subject {
  border: none;
  border-bottom: solid 1px #dedede;
  float: left;
  width: 750px;
  height: 45px;
  font-size: 14px;
  color: #989898;
  padding: 5px;
  margin: 0 0px 30px 0;
}
form textarea {
  border: none;
  border-bottom: solid 1px #dedede;
  float: left;
  width: 750px;
  height: 120px;
  font-size: 14px;
  color: #989898;
  padding: 5px;
  margin: 0 0px 30px 0;
}
form .input-box.trbg,
form textarea.trbg,
form .input-box-subject.trbg {
  border: none;
  border-bottom: solid 1px #3e3e3e;
  color: #989898;
  background-color: transparent;
}
form .submit-btn {
  font-size: 16px;
  font-weight: bold;
  border: 0;
  color: #fff;
  width: 200px;
  height: 55px;
  border-radius: 4px;
  background: #119ee7;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.3s ease-out 0s;
}
form .submit-btn:hover {
  background: #222222;
  transition: all 0.3s ease-out 0s;
}

/* scroll up */
.scrollup {
  width: 40px;
  height: 40px;
  opacity: 1;
  position: fixed;
  bottom: 22px;
  right: 20px;
  display: none;
  text-indent: -9999px;
  background: #119ee7 url(../images/scroll-top-arrow.png) no-repeat 15px 14px;
  z-index: 999;
}

/*404 error*/
.error_holder {
  width: 60%;
  padding: 0px;
  text-align: center;
  margin: 0 auto;
}
.error_holder h1 {
  text-align: center;
}
.error_holder .title {
  font-size: 110px;
  font-weight: 400;
  line-height: 65px;
  margin: 0;
  padding: 30px 0 30px;
}
.error_title_big {
  font-size: 200px;
  font-weight: bold;
  line-height: 65px;
  margin: 0;
  padding: 30px 0 30px;
}

/*newsletter*/
.newsletter {
  float: left;
  width: 100%;
}
.newsletter .email_input {
  background-color: #fff;
  border: solid 1px #dedede;
  color: #bbbaba;
  float: left;
  font-size: 13px;
  font-weight: 600;
  height: 40px;
  line-height: 39px;
  padding: 0 7px;
  width: 60%;
  border-radius: 3px 0 0px 3px;
}
.newsletter .email_submit {
  background-color: #119ee7;
  border: 1px solid #119ee7;
  color: #fff;
  float: left;
  height: 40px;
  margin: 0;
  padding: 0 10px;
  border-radius: 0px 3px 3px 0px;
  opacity: 0.8;
  transition: all 0.3s ease 0s;
}
.newsletter .email_input1 {
  background-color: #fff;
  border: solid 1px #dedede;
  color: #bbbaba;
  float: left;
  font-size: 13px;
  font-weight: 600;
  height: 50px;
  line-height: 39px;
  padding: 0 7px;
  width: 75%;
  border-radius: 3px 0 0px 3px;
}
.newsletter .email_submit1 {
  background-color: #119ee7;
  border: 1px solid #119ee7;
  color: #fff;
  float: left;
  height: 50px;
  margin: 0;
  padding: 0 25px;
  border-radius: 0px 3px 3px 0px;
  opacity: 0.8;
  transition: all 0.3s ease 0s;
}
.newsletter .email_submit:hover {
  opacity: 1;
}
.newsletter .email_input.one {
  background-color: #e2e2e2;
}
/* Custom Css */
.one_five {
  width: 16% !important;
}
.one_five h3 {
  font-size: 18px;
}
.footer .listitem a {
  font-size: 18px;
}
.section14.one.tm-agile-sec {
  float: left;
  width: 100%;
  padding: 60px 0px 80px 0px;
  position: relative;
  margin-top: 0px;
  background: #fff !important;
  /*background: url(../images/parallax_bg_9.png) repeat center top fixed;*/
}
.one_half.tm-col {
  background: #fff;
  margin: 14px;
  padding: 15px;
  border: 11px solid aliceblue;
  border-radius: 0px;
  min-height: 208px;
}
.tm-lang img {
  width: 103px;
  margin: 6px;
}
.tm-lang li {
  width: 106px;
  float: left;
  /* border: 2px solid; */
  /* padding: 20px; */
}
.tm-tech-sec.section4.five.six h2 {
  text-align: center;
}
.tp-banner-container.career-banner {
  position: inherit !important;
}
.career-banner.tp-leftarrow.tparrows.default.preview4.hidearrows {
  top: 625px !important;
}
.career-banner.forcefullwidth_wrapper_tp_banner {
  height: 920px !important;
}
.three_fourth.last.tm-col {
  background: #fff;
  /* margin: 14px; */
  padding: 15px;
  border: 11px solid aliceblue;
  border-radius: 0px;
  min-height: 208px;
}
.home .ser-col:hover {
  background: #119ee7 !important;
  margin: 10px 10px 10px 10px !important;
}
.home .ser-col h3 {
  font-size: 22px;
  color: #fff;
  font-weight: normal;
}
table,
th,
td {
  border: 1px solid black;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td,
th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #f7f2f2;
}
.img_right {
  margin: -27px 4px 3px 0px !important;
}

/* Button used to open the contact form - fixed at the bottom of the page */
.open-button {
  background-color: #555;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  opacity: 0.8;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 280px;
}

/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  /* bottom: 0;
  right: 15px; */
  top: 10%;
  left: 30%;
  border: 3px solid #f1f1f1;
  z-index: 9;
  flex-flow: row wrap;
  align-items: center;
}

/* Add styles to the form container */
.form-container {
  max-width: 600px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type="text"],
.form-container input[type="password"] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type="text"]:focus,
.form-container input[type="password"]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #04aa6d;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover,
.open-button:hover {
  opacity: 1;
}

/* Form style Start */
/* Full-width input fields */
input[type="text"],
input[type="password"] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

/* Set a style for all buttons */
button {
  background-color: #04aa6d;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
}

button:hover {
  opacity: 0.8;
}

/* Extra styles for the cancel button */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the image and position the close button */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
  position: relative;
}

img.avatar {
  width: 40%;
  border-radius: 50%;
}

/* .container {
  padding: 16px;
} */

span.psw {
  float: right;
  padding-top: 16px;
}

/* The Modal (background) */
.modal {
  display: none;
  justify-content: center;
  align-items: flex-start !important;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px 20px 20px;
}

.modal-content {
  background-color: #fff;
  padding: 40px 30px;
  border-radius: 12px;
  max-width: 420px;
  width: 100%;
  position: relative;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  text-align: center;
  margin: 0 auto;
}

.modal-content h2 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}

.close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: transparent;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #333;
  transition: color 0.3s;
}

.close:hover {
  color: #ff0000;
}

.modal-content form input {
  width: 100%;
  padding: 14px 18px;
  margin: 12px 0;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  font-size: 16px;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.modal-content form input:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
  outline: none;
}

.modal-content form button {
  width: 100%;
  padding: 14px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 16px;
  margin-top: 10px;
  transition: background-color 0.3s;
}

.modal-content form button:hover {
  background-color: #0056b3;
}

@media (max-width: 480px) {
  .modal-content {
    padding: 25px 20px;
  }
}

/* 
  .modal {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
  }

  .modal-content {
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    max-width: 400px;
    width: 100%;
    position: relative;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  }

  .close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
  }

  .modal-content form input {
    width: 100%;
    padding: 12px 15px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
  }

  .modal-content form button {
    width: 100%;
    padding: 12px;
    background-color: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
  }

  .modal-content form button:hover {
    background-color: #0056b3;
  }

  @media (max-width: 480px) {
    .modal-content {
        padding: 20px 15px;
    }
  }

.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
} */

/* Add Zoom Animation */
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
  span.psw {
    display: block;
    float: none;
  }
  .cancelbtn {
    width: 100%;
  }
}
/* Form style End */

@media (max-width: 1024px) {
  #logo {
    float: left;
    display: block;
    width: 100%;
    min-height: 67px;
    margin-top: 3px;
    position: relative;
    text-indent: -999em;
    background: url(../images/logo.png) no-repeat left bottom;
    background-size: 160px 75px;
  }

  .logo-mobile {
    margin-top: 13px !important;
    margin-left: -15px !important;
  }

  .section22 {
    margin-top: -25px;
  }

  .section15 {
    margin-top: 20px;
  }

  .section21 {
    padding: 30px 0px 80px 0px;
  }

  .section10 {
    margin-top: -45px;
  }

  .section3.one {
    padding: 50px 0px 50px 0px;
  }

  .one_five {
    width: 29% !important;
  }

  .section3.one .ca-col {
    margin: 15px;
  }

  .title,
  .title1,
  .title2 {
    margin-bottom: 50px;
    margin-top: 68px;
  }

  .section22 .ser-col {
    height: 387px;
  }

  .section32 {
    padding: 36px 0;
  }

  .section6.one {
    padding: 25px 0px 30px 0px;
  }

  .section14.one {
    padding: 10px 0px 80px 0px;
  }

  .section14 .one_half .offer-col {
    height: 480px;
  }

  .title4 h2 {
    margin-top: 35px;
  }

  .title4 .line-product {
    top: 84px;
  }

  .one_third_picture {
    width: 49% !important;
    display: inline-table;
  }

  .one_fourth_picture {
    width: 49% !important;
    display: inline-table;
  }

  .one_fourth {
    width: 22% !important;
  }

  .footer-certificates-width {
    margin-left: 2% !important;
  }
}

/* Mobile Version */
@media (max-width: 767px) {
  .logo {
    width: 80% !important;
  }
  #logo {
    float: left;
    display: block;
    width: 70%;
    min-height: 72px;
    margin-top: 3px;
    position: relative;
    text-indent: -999em;
    background: url(../images/logo.png) no-repeat left bottom;
    background-size: 140px 80px;
  }
  .menu_main {
    width: -1% !important;
  }
  .navbar-toggle {
    float: right !important;
  }
  .navbar-toggle > span {
    display: none !important;
  }
  .scrollto_sticky.scroll-to-fixed-fixed {
    height: 85px !important;
  }
  .section-3-mob .one_five {
    width: 100% !important;
  }
  .title h2 {
    font-size: 20px !important;
  }
  .section22 {
    margin-top: -25px !important;
  }
  .common_section {
    margin-top: 28px !important;
  }
  .footer-certificates {
    width: 15% !important;
  }
  .footer-certificates-width {
    margin-left: 5% !important;
  }
  .footer-social-media-text {
    display: none !important;
  }
  .footer-social-media-width {
    margin-left: 14% !important;
  }
  .copyrights .one_third {
    width: 100% !important;
  }
  .section32 {
    padding: 33px 0 !important;
  }
  .section32 .statement {
    font-size: 14px !important;
  }
  .one_half.tm-col {
    margin: 0px !important;
    margin-bottom: 10px !important;
  }
  .one_fifth {
    width: 148px !important;
  }
  .product-section-mob .title4 h2 {
    font-size: 21px !important;
    margin-top: 22px;
  }
  .product-section-mob
    .title4
    .line
    .title4
    .line4
    .title4
    .line-product
    .line-product2 {
    top: 90px !important;
  }
  .product-section-mob .one_third {
    margin-left: 0px !important;
  }
  .product-section-mob1
    .title4
    .line
    .title4
    .line4
    .title4
    .line-product
    .line-product2 {
    top: 90px !important;
  }
  .team-section .title4 .line .title4 .line4 .title4 .line-for-career-page {
    top: 95px !important;
  }
  .section-team
    .title4
    .line
    .title4
    .line4
    .title4
    .line-product
    .line-product2 {
    top: 91px !important;
  }
  .section-team .one_third {
    width: 100% !important;
  }
  #site_header-mobile {
    display: block !important;
  }
  #site_header {
    display: none !important;
  }
  .navbar {
    margin-bottom: 0px !important;
  }
  .logo-mobile {
    margin-top: 13px !important;
    margin-left: -24px !important;
  }
  /* #site_header-mobile .navbar-toggle {
		margin-top: 27px;
	} */
  .common_section.contact-location {
    margin-top: 125px !important;
  }
  .mobile-landscape-section .one_fifth {
    width: 50% !important;
  }
  .technology-stack .tm-lang li {
    width: 50% !important;
  }
  .mobile-cluster-basic .tabs-content7 {
    width: 100% !important;
    margin: 0px 0% !important;
  }
  .mobile-cluster-basic .col-sm-7 {
    padding: 0px !important;
  }

  .title4 .line {
    top: 60px;
  }

  .title4 .line-for-career-page {
    top: 93px;
  }

  .title4 .line-product {
    top: 95px;
  }

  .title4 .line-product2 {
    top: 60px;
  }

  .title4 .line4 {
    top: 49px;
  }

  .title4 h2 {
    font-size: 24px;
  }

  .home .ser-col h3 {
    font-size: 18px;
  }

  .section22 .ser-col p {
    font-size: 14px;
  }

  .section15 {
    margin-top: 35px;
  }

  .img_right {
    margin: 10px 0px 3px 0px !important;
  }

  .tabs-content7 h2 {
    font-size: 21px;
    text-align: center;
    margin-left: 10px;
  }
  .section21 .test-col-one.rightalign .client-img.clear-right {
    margin-right: 32%;
  }
  .tabs-content7 ul li {
    font-size: 14px;
    text-align: initial;
  }
  .section21 {
    padding: 30px 0px 80px 0px;
  }
  .section10 {
    margin-top: -25px;
  }

  .title5 h2 {
    font-size: 26px;
  }
  .section22 .ser-col {
    height: 250px;
  }
  .section6.one {
    padding: 15px 0px 30px 0px;
  }

  .section14.one {
    padding: 15px 0px 80px 0px;
  }

  .one_third_picture {
    width: 100% !important;
  }

  .one_fourth_picture {
    width: 100% !important;
  }

  .one_fourth {
    width: 80% !important;
  }

  .crossed_shape {
    margin: -30px 0 -30px 0;
  }

  .footer .one_fourth h4.white {
    font-size: 18px;
  }

  .footer .title_line {
    margin: 0 auto 20px 0;
  }

  .title4.white h2 {
    color: black;
    margin-top: -25px;
  }
}

@media (max-width: 375px) {
  #site_header-mobile .navbar-toggle {
    margin-top: 22px;
  }
  #logo {
    float: left;
    display: block;
    width: 70%;
    min-height: 82px;
    margin-top: 3px;
    position: relative;
    text-indent: -999em;
    background: url(../images/logo.png) no-repeat left bottom;
  }

  .logo-mobile {
    margin-top: 13px !important;
    margin-left: -15px !important;
  }
}
.acc_content .stack-image-container {
  width: 182px;
  margin-right: 0px;
}

.acc_content .stack-image-container .image-logo-container {
  height: 70px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* Mobile Version */
@media (max-width: 320px) {
  #site_header-mobile .navbar-toggle {
    margin-top: 18px;
  }
  .logo {
    width: 70% !important;
  }

  #logo {
    float: left;
    display: block;
    width: 100%;
    min-height: 65px;
    margin-top: 3px;
    position: relative;
    text-indent: -999em;
    background: url(../images/logo.png) no-repeat left bottom;
  }

  .logo-mobile {
    margin-top: 13px !important;
    margin-left: -44px !important;
  }

  .title4 .line {
    top: 47px;
  }

  .title4 .line-product {
    top: 90px;
  }

  .title4 .line-for-career-page {
    top: 90px;
  }

  .title4 .line-product2 {
    top: 84px;
  }

  /* .title4 .line-web-and-mobile{
		top: 54px;
	} */

  .title4 .line4 {
    top: 48px;
  }

  .title4 .line {
    top: 50px;
  }

  .title4 h2 {
    font-size: 22px;
  }

  .home .ser-col h3 {
    font-size: 16px;
  }

  .section22 .ser-col p {
    font-size: 12px;
  }
  .section15 {
    margin-top: 30px;
  }

  .tabs-content7 h2 {
    font-size: 18px;
    text-align: initial;
    margin-left: -58px;
    /* font-size: 18px;
		text-align: initial; */
  }

  .section22 .ser-col {
    padding: 0px 30px 5px 30px;
    height: 238px;
  }

  .tabs-content7 ul {
    margin-top: 10px;
    margin-left: -50px;
  }

  .tabs-content7 ul li {
    font-size: 12px;
    text-align: initial;
  }

  .section21 .test-col-one .review p {
    font-size: 12px;
  }

  .section21 .test-col-one.rightalign .client-img.clear-right {
    margin-right: 32%;
  }

  .section10 {
    margin-top: -30px;
  }

  .title h2 {
    font-size: 20px;
  }

  .title5 h2 {
    font-size: 22px;
  }

  .one_five h3 {
    font-size: 16px;
  }

  .img_right {
    margin: 10px 3px 0px 0px !important;
  }

  .section3.one {
    padding: 40px 0px 80px 0px;
  }

  .title {
    margin-top: 35px;
  }

  .section32 .statement {
    font-size: 14px !important;
  }

  .section6.one {
    padding: 15px 0px 30px 0px;
  }

  .section14.one {
    padding: 10px 0px 80px 0px;
  }

  .section14 .one_half .offer-col h2 {
    font-size: 22px;
  }
  .section4.six {
    padding: 0px 0px 80px 0px;
  }

  .product-section-mob .title4 h2 {
    font-size: 20px !important;
    margin-top: 36px;
  }

  .section22 .ser-col h3 {
    font-size: 22px;
  }

  .section40 {
    margin-top: 0px;
  }

  .one_third_picture {
    width: 100% !important;
  }

  .one_fourth_picture {
    width: 100% !important;
  }

  .one_fourth {
    width: 80% !important;
  }

  .crossed_shape {
    margin: -35px 0 -35px 0;
  }

  .footer .one_fourth h4.white {
    font-size: 16px;
  }

  .footer .title_line {
    margin: 0 auto 15px 0;
  }

  .title4.white h2 {
    color: black;
    margin-top: -25px;
  }
}

/* Container Styling */
.keyfeaturescontainer {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 20px;
  text-align: center;
}

.section-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
  position: relative;
}

.section-title::after {
  content: "";
  display: block;
  width: 60px;
  height: 4px;
  background-color: #00aaff;
  margin: 10px auto 0 auto;
  border-radius: 2px;
}

.features-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.feature-card {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 20px;
  flex: 1 1 calc(45% - 20px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  text-align: left;
  transition: transform 0.3s ease;
  position: relative;
  min-width: 280px;
}

.feature-card:hover {
  background-color: #caf0f8;
  transform: translateY(-5px);
}

.feature-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.feature-header img {
  width: 50px;
  height: 50px;
}

.feature-header h3 {
  font-size: 20px;
  margin: 0;
}

.feature-card p {
  font-size: 16px;
  color: #555;
}

@media (max-width: 768px) {
  .feature-card {
    flex: 1 1 100%;
  }
}

/* 
.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.application-image-and-title {
  flex: 1 1 18%;
  text-align: center;
  margin: 10px;
}


@media (max-width: 768px) {
  .application-image-and-title {
      flex: 1 1 45%; 
  }
  .container.choose-can-shark {
    margin-top: 50px;
  }
  .choose-can-shark .title4.white h2 {
    color: #FFFFFF; 
    margin-top: -50px;
    margin-bottom: 50px;
  }
}

@media (max-width: 480px) {
  .application-image-and-title {
    flex: 1 1 45%;
  }

  .choose-can-shark .title4.white h2 {
    color: #FFFFFF;
    margin-top: -50px;
    margin-bottom: 50px;
  }
} */

/* .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.application-image-and-title {
  flex: 0 0 20%;
  box-sizing: border-box;
  text-align: center;
  margin: 10px;
}

.container.choose-can-shark {
  margin-top: 50px;
}

.choose-can-shark .title4.white h2 {
  color: #FFFFFF;
  margin-top: -50px;
  margin-bottom: 50px;
}


@media (min-width: 600px) {
  .application-image-and-title {
    flex: 1 1 40%;
  }
}

@media (min-width: 1024px) {
  .application-image-and-title {
    flex: 1 1 18%;
  }
} */

.container.choose-can-shark {
  margin-top: 50px;
}

.choose-can-shark .title4.white h2 {
  color: #ffffff;
  margin-top: -50px;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  .container.choose-can-shark {
    margin-top: 50px;
  }
  .choose-can-shark .title4.white h2 {
    color: #ffffff;
    margin-top: -50px;
    margin-bottom: 50px;
  }
}

@media (max-width: 480px) {
  .choose-can-shark .title4.white h2 {
    color: #ffffff;
    margin-top: -50px;
    margin-bottom: 50px;
  }
}

/* Base styles (Mobile is default) */
.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px; /* Adds uniform spacing */
}

.application-image-and-title {
  flex: 0 0 45%; /* Always 2 items per row on mobile */
  box-sizing: border-box; /* Prevents overflow */
  text-align: center;
  margin: 10px 0; /* Vertical spacing */
}

.application-image-and-title img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin-left: 0; /* Remove fixed left margin for better centering */
}

/* Tablet: More space but still 2 items per row looks good */
@media (min-width: 768px) {
  .application-image-and-title {
    flex: 0 0 45%; /* Maintain 2 items per row */
  }
}

/* Desktop: Show more items per row */
@media (min-width: 1024px) {
  .application-image-and-title {
    flex: 0 0 18%; /* Show up to 5 items per row on large screens */
  }
}

/* Mobile Header Wrapper */
.mobile-header {
  display: flex;
  align-items: center;
  padding: 10px;
  /* justify-content: space-between; */
  justify-content: center; /* Center the logo */
  position: relative;
}

/* Logo Style */
.mobile-logo img {
  max-height: 50px;
  width: auto;
}

/* Hamburger Icon */
.mobile-menu-icon {
  font-size: 24px;
  cursor: pointer;
  padding: 8px 12px;
  background-color: #007bff; /* Optional: Add color to the menu button */
  color: #fff;
  border-radius: 5px;
}

/* Menu Items (Collapsed by Default) */
.mobile-menu {
  margin-top: 10px;
}

/* Basic Menu Styling */
.mobile-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-menu ul li {
  border-bottom: 1px solid #ddd;
  padding: 12px 16px;
  position: relative;
}

.mobile-menu ul li a {
  text-decoration: none;
  color: #333;
  display: block;
  font-size: 16px;
}

/* Submenu Styling */
.mobile-menu ul li ul {
  display: none; /* Hidden by default */
  padding-left: 20px; /* Indent sub-menu items */
  background: #f9f9f9;
}

.mobile-menu ul li ul li {
  padding: 10px 0;
  border-bottom: none;
  font-size: 14px;
}

/* Arrow Indicator for Submenus */
.mobile-menu ul li.has-submenu > a::after {
  content: "\25BC"; /* Down arrow */
  float: right;
  font-size: 12px;
  transition: transform 0.3s;
}

.mobile-menu ul li.active > a::after {
  transform: rotate(180deg);
}

/* Smooth Toggle (Optional Animation) */
.mobile-menu ul li ul {
  transition: max-height 0.3s ease;
}

/* Basic Reset */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* Side Drawer Styles */
.side-drawer {
  position: fixed;
  top: 0;
  left: -250px;
  width: 250px;
  height: 100%;
  background: #1e1e2f;
  color: #fff;
  padding-top: 60px;
  transition: left 0.3s ease;
  z-index: 1000;
  overflow-y: auto;
}

.side-drawer.active {
  left: 0;
}

.drawer-header {
  position: absolute;
  top: 10px;
  right: 20px;
}

.close-drawer {
  font-size: 28px;
  cursor: pointer;
}

.drawer-menu {
  list-style: none;
  padding: 0;
}

.drawer-menu > li {
  padding: 15px 20px;
  border-bottom: 1px solid #333;
}

.drawer-menu a {
  color: #fff;
  text-decoration: none;
  display: block;
}

.drawer-menu li.has-submenu > a::after {
  content: "\25BC";
  float: right;
  transition: transform 0.3s;
}

.drawer-menu li.active > a::after {
  transform: rotate(180deg);
}

.submenu {
  display: none;
  background: #2f2f4f;
}

.submenu li {
  padding: 12px 20px;
  border-bottom: 1px solid #444;
  font-size: 14px;
}

/* Overlay */
.drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 999;
}

.drawer-overlay.active {
  display: block;
}

/* Hamburger Icon */
.menu-toggle {
  /* font-size: 28px;
  padding: 15px;
  cursor: pointer;
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 1001; */

  position: absolute;
  left: 10px; /* Position hamburger to the left */
  font-size: 24px;
  cursor: pointer;
}

/* Index page - what-people-says.php */
/* Old Styles */
/* .section21 {
  padding: 15px 0px 80px 0px;
}

.section21 {
  float: left;
  width: 100%;
  padding: 10px 0px 10px 0px;
  position: relative;
  margin-top: 0px;
  margin-bottom: 50px;
  background: url(../images/parallax_bg_6.png) repeat center bottom fixed;
}
.section21 .item .one_half {
  margin-bottom: 30px;
}
.section21 .owl-carousel .item {
  width: 100%;
}
.section21 .quote {
  text-align: center;
  color: #119ee7;
  font-size: 50px;
  margin: 50px 0 40px 0;
}
.section21 .test-col-one .client-img {
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 7%;
}
.section21 .test-col-one.rightalign .client-img {
  float: right;
  width: 120px;
  height: 120px;
  margin-left: 7%;
}
.section21 .test-col-one.rightalign .client-img.clear-right {
  margin-right: 0%;
}
.section21 .test-col-one .client-img img {
  border: solid 5px #fff;
  border-radius: 0% 100% 100% 100%;
}
.section21 .test-col-one .review {
  float: left;
  width: 350px;
  text-align: left;
}
.section21 .test-col-one.rightalign .review {
  float: right;
  width: 350px;
  text-align: right;
}
.section21 .test-col-one .review h4 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  text-transform: none;
}
.section21 .test-col-one .review p {
  font-size: 14px;
  font-style: normal;
  color: #c9c8c8;
  text-align: left;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: 20px;
}
.section21 .test-col-one.rightalign .review p {
  text-align: right;
}
.section21 .test-col-one .review h5 {
  font-size: 13px;
  color: #119ee7;
  font-weight: normal;
  text-transform: none;
}
.section21 .test-col-one .review h5 span {
  font-size: 13px;
  color: #9e9d9d;
  font-weight: normal;
  text-transform: none;
} */

/* old section21 styles End

/* Index page - what-people-says.php */
/* Section Wrapper */
.section21 {
  padding: 50px 0;
  background: url(../images/parallax_bg_6.png) repeat center center fixed;
  background-size: cover;
}

/* Section Title */
.section21 .title4 {
  text-align: center; /* Center the entire block */
}

.section21 .title4 h2 {
  position: relative;
  color: #fff;
  font-size: 36px;
  margin-bottom: 20px;
  display: inline-block; /* Keeps the underline centered */
}

.section21 .title4 h2 .line {
  display: block;
  width: 60px;
  height: 3px;
  background: #119ee7;
  margin: 0 auto 10px auto; /* Center the line, space below it */
  border-radius: 2px;
}

/* Carousel Item */
.section21 .owl-carousel .item {
  padding: 20px;
}

/* Testimonial Block */
.section21 .testimonial {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

/* Client Image */
.section21 .client-img {
  flex: 0 0 120px;
  max-width: 120px;
}

.section21 .partner-box {
  width: 200px; /* logo box size */
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff; /* white background */
  border-radius: 12px;
  margin: auto;
  overflow: hidden; /* hides overflow if logo is too big */
}

.section21 .partner-box img {
  max-width: 200px !important;
  max-height: 200px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.section21 .client-img img {
  width: 100%;
  border: 5px solid #fff;
  border-radius: 0% 100% 100% 100%;
}

/* Review Text */
.section21 .review {
  flex: 1;
  color: #c9c8c8;
  font-size: 16px;
  line-height: 1.6;
}

.section21 .review h5 {
  font-size: 14px;
  color: #119ee7;
  margin-top: 10px;
}

.section21 .review h5 span {
  font-size: 14px;
  color: #9e9d9d;
}

.section21 .review.text-end {
  text-align: right;
}

/* Mobile Optimization */
@media (max-width: 768px) {
  .section21 {
    padding: 30px 0; /* Reduce top-bottom padding */
  }

  .section21 .testimonial {
    flex-direction: column !important;
    text-align: center;
    gap: 15px; /* Tighten spacing between image and text */
    padding-bottom: 10px !important; /* Remove unnecessary inner space */
    margin-bottom: 0 !important;
  }

  .section21 .review,
  .section21 .review.text-end {
    text-align: center !important;
  }

  .section21 .review p {
    margin-bottom: 10px !important; /* Tighten space below paragraph */
  }

  .section21 .owl-carousel .item {
    padding: 10px !important; /* Less padding on mobile */
  }

  .section21 .owl-carousel .owl-dots {
    margin-top: 10px !important; /* Bring navigation dots closer */
  }

  .section21 .client-img {
    margin-bottom: 10px; /* Add small space below image */
  }
}

@media (max-width: 768px) {
  .section21 .testimonial {
    flex-direction: column !important;
    text-align: center;
    gap: 10px !important; /* Further reduce gap */
    padding-bottom: 0 !important; /* Remove bottom padding */
    margin-bottom: 0 !important;
  }

  .section21 .review,
  .section21 .review.text-end {
    text-align: center !important;
    padding: 0 !important; /* Remove any possible padding */
  }

  .section21 .review p {
    margin-bottom: 5px !important; /* Tighten paragraph spacing */
  }

  .section21 .owl-carousel .item {
    padding: 5px !important; /* Minimal padding on mobile */
  }

  .section21 .client-img {
    margin-bottom: 5px !important;
    max-width: 80px !important; /* Make image smaller for mobile */
    flex: 0 0 auto !important;
  }

  .section21 .owl-carousel .owl-dots {
    margin-top: 5px !important; /* Bring navigation closer */
  }
}