/* ==================================
   MAA SARADA PUBLIC SCHOOL MASTER STYLESHEET
   ================================== */

   @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
   @import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900);
   @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
   @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
   @import url(https://fonts.googleapis.com/css?family=Alegreya:400,400i,700,700i,900,900i);
   @import url(https://fonts.googleapis.com/css?family=Poppins);
   @import url('strock-icon.css');
   @import url('bootstrap-theme.min.css');
   @import url('font-awesome.min.css');
   
   
   /* ==============================
      2 Global styles
      ============================== */
   
   .clearfix {
       clear: both;
   }
   .m0 {
       margin: 0 !important;
   }
   .mt30 {
       margin-top: 30px;
   }
   .p0 {
       padding: 0 !important;
   }
   ul,
   li {
       margin: 0;
       padding: 0;
       list-style: none;
   }
   .btn {
       background: #4dcef6;
       color: #fff;
       font-size: 16px;
       font-weight: bold;
       padding: 0 40px;
       line-height: 48px;
       text-transform: uppercase;
   }
   .btn0 {
       background: #ffba00;
       color: #fff;
       font-size: 16px;
       font-weight: bold;
       padding: 0 30px;
       line-height: 48px;
       text-transform: uppercase;
       margin: 0 0px 0 100px;
   }
   .btn2 {
       color: #000;
       background: #f8d24b;
   }
   a,
   .btn,
   button {
       text-decoration: none;
       outline: none;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
   }
   a:hover,
   a:focus,
   .btn:hover,
   .btn:focus,
   button:hover,
   button:focus {
       text-decoration: none;
       outline: none;
   }
   section.row,
   header.row,
   footer.row {
       position: relative;
   }
   body {
       font-family: "Open Sans", sans-serif;
       font-weight: 100%;
       height: 100%;
       overflow-x: hidden;
       letter-spacing: 0.2px;
   }
   .thm-container {
       max-width: 1170px;
       width: 100%;
       margin-left: auto;
       margin-right: auto;
   }
   .four_arrow_hover_box {
       display: block;
       position: absolute;
       top: 5px;
       left: 5px;
       right: 5px;
       bottom: 5px;
       opacity: 0;
       border: 7px solid rgba(3, 137, 158, 0.6);
       -webkit-transform: scaleX(0);
       -ms-transform: scaleX(0);
       transform: scaleX(0);
       -webkit-transform-origin: left;
       -ms-transform-origin: left;
       transform-origin: left;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
   }
   .four_arrow_hover_box .arrows {
       border: 1px solid #fff;
       display: block;
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
   }
   .four_arrow_hover_box .arrows span {
       display: block;
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       background: rgba(3, 137, 158, 0.6);
   }
   .four_arrow_hover_box .arrows:before,
   .four_arrow_hover_box .arrows:after {
       content: '';
       display: block;
       position: absolute;
   }
   .four_arrow_hover_box .arrows:before {
       border-top: 1px solid rgba(3, 137, 158, 0.6);
       border-bottom: 1px solid rgba(3, 137, 158, 0.6);
       top: -1px;
       bottom: -1px;
       left: 16px;
       right: 16px;
   }
   .four_arrow_hover_box .arrows:after {
       border-left: 1px solid rgba(3, 137, 158, 0.6);
       border-right: 1px solid rgba(3, 137, 158, 0.6);
       left: -1px;
       right: -1px;
       top: 16px;
       bottom: 16px;
   }
   .accrodion {
       border: 1px solid #D7D7D7;
       background: #fff;
       margin-bottom: 10px;
   }
   .accrodion:last-child {
       margin-bottom: 0;
   }
   .accrodion.active .accrodion-title {
       background: #019BB3;
   }
   .accrodion.active .accrodion-title h4 {
       color: #fff;
   }
   .accrodion.active .accrodion-title:after {
       content: '-';
       font-size: 40px;
       line-height: 38px;
       color: #fff;
   }
   .accrodion .accrodion-title {
       cursor: pointer;
       position: relative;
       padding-left: 30px;
       padding-right: 30px;
   }
   .accrodion .accrodion-title:after {
       content: '+';
       font-family: 'Open Sans', sans-serif;
       font-weight: normal;
       color: #898989;
       font-size: 23px;
       position: absolute;
       top: 0;
       right: 20px;
       line-height: 46px;
   }
   .accrodion .accrodion-title h4 {
       color: #242424;
       font-family: 'Open Sans', sans-serif;
       text-transform: uppercase;
       font-weight: 600;
       font-size: 14px;
       line-height: 46px;
       letter-spacing: .04em;
       margin: 0;
   }
   .accrodion .accrodion-content {
       padding-left: 30px;
       padding-top: 19px;
       padding-bottom: 30px;
   }
   .accrodion .accrodion-content h3,
   .accrodion .accrodion-content h4 {
       margin: 0;
       color: #242424;
       margin-bottom: 15px;
   }
   .accrodion .accrodion-content p {
       font-size: 14px;
       color: #898989;
       line-height: 24px;
       margin: 0;
       margin-bottom: 20px;
   }
   .accrodion .accrodion-content ul {
       margin-top: 19px;
   }
   .accrodion .accrodion-content ul li {
       font-size: 14px;
       line-height: 15px;
       color: #898989;
       margin-bottom: 8px;
   }
   .accrodion .accrodion-content ul li:last-child {
       margin-bottom: 0;
   }
   .accrodion .accrodion-content ul li:before {
       content: '\f105';
       font-family: 'FontAwesome';
       color: #898989;
       margin-right: 15px;
   }
   .accrodion .accrodion-content .img-caption .img-box,
   .accrodion .accrodion-content .img-caption .content-box {
       display: table-cell;
       vertical-align: top;
   }
   .accrodion .accrodion-content .img-caption .img-box {
       width: 143px;
   }
   .accrodion .accrodion-content .img-caption .content-box {
       padding-left: 25px;
   }
   .accrodion .accrodion-content .img-caption .content-box p {
       margin-bottom: 0;
   }
   .image_hover:after {
       position: absolute;
       content: '';
       opacity: 0;
       background: #000;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       transition: all .3s ease-out;
   }
   .image_hover:focus:after,
   .image_hover:hover:after {
       opacity: 1;
   }
   .image_hover:hover:after {
       opacity: .5;
   }
   .zoom_img_effect {
       position: relative;
       transition: all .3s ease-out;
   }
   .image_hover:hover .zoom_img_effect {
       -webkit-transform: scale(1.05) translateZ(0);
       transform: scale(1.05) translateZ(0);
   }
   /* ==============================
     3. header top styles
   ============================== */
   
   .wel-band {
       background: #093660;
       font: 300 1em/1em "Open Sans", sans-serif;
       color: #CCC;
   }
   .wel-band-bg {
       overflow: hidden;
       padding: 0.3em 0;
   
   }
   .wel-band-bg p {
       font: 400 1.1em/1em "Open Sans", sans-serif;
       margin: 0;
       padding: 0;
       color: #fff;
   }
   .top-w-text p {
       font: 400 1.1em/1em "Open Sans", sans-serif;
       margin: 0;
       padding: 0;
       color: #fff;
   }
   
   .top-w-text a {
       font: 400 1.1em/1em "Open Sans", sans-serif;
       margin: 0;
       padding: 0;
       color: #fff;
   }
   
   
   .wel-band .right {
       text-align: right;
   
   }
   .logo {
       text-align: left;
   }
   .logo-sec {
       padding-top: 25px;
       padding-bottom: 25px;
   }
   .t-logo {
       text-align: left;
       padding-bottom: 0em;
   }
   .logo-sec img {
       display: inline-block;
   }
   .touch_top {
       float: left;
       padding: 8px 0;
       width: 100%;
   }
   .touch_top ul .item {
       padding: 0;
       float: right;
   }
   .touch_top ul .item:last-child {
       border-right: 1px solid #d8d8d8;
   }
   .touch_top ul .item-ad {
       width: 45%;
       padding: 0 0 0 0;
   }
   .touch_top ul .item-phone {
       width: 35%;
       padding: 0 0 0 4%;
   }
   .touch_top ul .item .media .media-left a i {
       font-size: 2em;
       color: #1fa6c8;
   }
   .media-body {
       text-align: left;
   
   }
   .media-body p {
       text-align: left;
       color: #333;
       padding: 0;
       margin: 0;
       font: 400 1.072em/0.8em "Open Sans", sans-serif;
   }
   .media-body p span {
       color: #333;
       font-size: 1em;
       line-height: 1.7em;
   }
   .media-body p span a {
       color: #333;
   }
   .media-body p span a:hover {
       color: #333;
   }
   .touch_top .nav {
       margin: 0;
   }
   .widget-search {
       float: right;
       padding: 8px 0;
   }
   .widget .search-form .form-control {
       height: 37px;
       border-radius: 0;
       border: none;
       font: 1em/1em "Open Sans", sans-serif;
       padding: 0 15px;
       -webkit-box-shadow: none;
       box-shadow: none;
       color: #c0c0c0;
       z-index: 0;
   }
   .widget-inner {
       border: 1px solid #ddd;
   }
   .widget .search-form .form-control + .input-group-addon {
       padding: 0;
       border: 0;
       border-radius: 0;
       background-color: transparent;
   }
   .widget .search-form .form-control + .input-group-addon button {
       border: 0;
       background: #fff;
       color: #ddd;
       font-size: 1.2em;
       line-height: 2.1em;
       padding-right: 15px;
   }
   #header {
       position: relative;
   }
   .header-3 .wel-t-band {
       background: #083661;
   }
   .header-3 .wel-band-bg {
       background: url("../imgs/head-top.jpg") no-repeat center center;
       background-size: cover;
   }
   .header-3 .wel-t-band p,
   .header-3 .wel-t-band p span {
       color: #fff;
   }
   .header-3 .widget-t-search {
       padding: 0;
   }
   .header-3 .widget-t-search .widget-t-inner {
       margin-top: 0;
       border: none;
   }
   .header-3 .widget-t .search-form .form-control {
       height: 63px;
   }
   .header-3 .nav-t-holder .nav-t-footer ul.nav > li:hover a,
   .header-3 .nav-t-holder .nav-t-footer ul.nav > li.active a {
       color: #4dcef6;
   }
   .header-3 .nav-t-holder .nav-t-footer ul.nav > li ul.submenu li a {
       color: #242424;
   }
   .header-5
   {
     background: #fff;
   }
   .header-5 .navi
   {
     border-top: 1px solid #1b364c;
   }
   .header-5 .media-body p
   {
     color: #333;
   }
   .header-5 .touch_top ul .item:last-child
   {
     border-right: 1px solid #485662;
   }
   /* ==============================
     4. Header Menu styles
   ============================== */
   
   .main-menu-wrapper {
       margin-bottom: -65px;
       position: relative;
       z-index: 9;
       -webkit-transition: all .5s ease;
       transition: all .5s ease;
   }
   .main-menu-wrapper .nav-bg {
       background: #0f253a;
   }
   .main-menu-wrapper:before {
       content: '';
       background: #0f253a;
       width: 1190px;
       height: 100%;
       position: absolute;
       top: 0;
       z-index: -1;
   }
   .main-menu-wrapper.stricky-fixed {
       position: fixed;
       top: 0px;
       /*top: 10px;*/
       
       left: 0;
       width: 100%;
       z-index: 9999;
       /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
       
       background: #009bb3;
   }
   .main-menu-wrapper.stricky-fixed .free-qoute-button {
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .main-menu-wrapper.stricky-fixed .free-qoute-button:before {
       content: '';
       background: #FBB12F;
       right: 100%;
       width: 2500px;
       top: 0;
       height: 100%;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .main-menu-wrapper.stricky-fixed .free-qoute-button:hover {
       background: #1FB5C7;
   }
   .main-menu-wrapper.stricky-fixed .free-qoute-button:hover:before {
       background: #1FB5C7;
   }
   .main-menu-wrapper.stricky-fixed .free-qoute-button:hover a {
       color: #fff;
   }
   .ind-container {
       max-width: 1170px;
       width: 100%;
       margin-right: auto;
       margin-left: auto;
       padding-left: 15px;
       padding-right: 15px;
   }
   .main-menu-wrapper .ind-container {
       position: relative;
   }
   .main-menu-wrapper .ind-container:before .main-menu-wrapper .free-qoute-button {
       background: #FBB12F;
       position: relative;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .main-menu-wrapper .free-qoute-button:hover {
       background: #1FB5C7;
   }
   .main-menu-wrapper .free-qoute-button:hover:before {
       background: #1FB5C7;
   }
   .main-menu-wrapper .free-qoute-button:hover a {
       color: #fff;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .main-menu-wrapper .free-qoute-button:before {
       content: '';
       position: absolute;
       left: -32px;
       top: 0;
       width: 80px;
       background: #FBB12F;
       height: 100%;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .main-menu-wrapper .free-qoute-button a {
       font: 700 1.8em/1.2em 'Open Sans Condensed', sans-serif;
       color: #010101;
       text-transform: uppercase;
       padding: 18px 30px 18px 28px;
       display: block;
       position: relative;
   }
   .main-menu-wrapper .free-qoute-button a:before .nav-holder {
       position: relative;
   }
   .nav-holder .nav-header {
       display: none;
       padding: 12px 20px;
   }
   .nav-holder .nav-header button {
       width: 40px;
       height: 40px;
       background: #19242a;
       border: none;
       outline: none;
       color: #fff;
       font-size: 25px;
       border-radius: 5px;
   }
   .nav-holder .nav-footer {
       display: block;
   }
   .nav-holder .nav-footer ul.nav > li {
       display: inline-block;
       padding: 23.5px 0;
       position: relative;
   }
   .nav-holder .nav-footer ul.nav > li:hover a,
   .nav-holder .nav-footer ul.nav > li.active a {
       color: #fab90a;
       background-color: transparent;
   }
   .nav-holder .nav-footer ul.nav > li:last-child > a {
       border: none;
       padding-right: 0;
   }
   .nav-holder .nav-footer ul.nav > li > a {
       padding: 0 1.2em;
       display: block;
       color: #fff;
       text-transform: uppercase;
       border-right: 1px dashed #3f5262;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
       font: 600 1.36em/1em 'Open Sans Condensed', sans-serif;
       letter-spacing: 0.4px;
   }
   .nav-holder .nav-footer ul.nav > li > ul.submenu {
       top: 100%;
       left: 0;
   }
   .nav-holder .nav-footer ul.nav > li > ul.submenu.align-right {
       right: 0;
       left: auto;
   }
   .nav-holder .nav-footer ul.nav > li:hover > ul.submenu {
       visibility: visible;
       opacity: 1;
   }
   .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu {
       top: 0;
       left: 100%;
   }
   .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right {
       right: 100%;
       left: auto;
   }
   .nav-holder .nav-footer ul.nav > li > ul.submenu > li:hover > ul.submenu {
       visibility: visible;
       opacity: 1;
   }
   .nav-holder .nav-footer ul.nav > li ul.submenu {
       position: absolute;
       width: 275px;
       opacity: 0;
       visibility: hidden;
       z-index: 99999;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .nav-holder .nav-footer ul.nav > li ul.submenu li {
       display: block;
       padding: 0;
       background: #fff;
   }
   .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a {
       border-bottom: 0;
   }
   .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a:after {
       display: none;
   }
   .nav-holder .nav-footer ul.nav > li ul.submenu li:hover > a {
       color: #fff;
       background: #51c5e9;
   }
   .nav-holder .nav-footer ul.nav > li ul.submenu li a {
       color: #242424;
       font: 600 1.0712em/1em 'Open Sans', sans-serif;
       padding: 13px 25px 14px;
       border-bottom: 1px solid #e9e9e9;
       position: relative;
       display: block;
       font-weight: 600;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
       text-transform: uppercase;
   }
   .nav-footer ul.nav li.has-submenu > a > button {
       display: none;
   }
   .menu-gradient .main-menu-wrapper.full-width {
       background: #FBB12F;
       margin-top: 0;
       margin-bottom: 0;
   }
   .main-menu-wrapper.full-width.stricky-fixed {
       top: 0;
   }
   .main-menu-wrapper.full-width .free-qoute-button a:after {
       content: '';
       position: absolute;
       right: 0;
       top: 0;
       width: 2000px;
       height: 100%;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
       z-index: -1;
       /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+19,e2e2e2+69,d7d7d7+100 */
       
       background: #ffffff;
       /* Old browsers */
       /* FF3.6-15 */
       
       background: -webkit-linear-gradient(top, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
       /* Chrome10-25,Safari5.1-6 */
       
       background: linear-gradient(to bottom, #ffffff 0%, #fafafa 19%, #e2e2e2 69%, #d7d7d7 100%);
       /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
       
       filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d7d7d7', GradientType=0)
       /* IE6-9 */
   }
   /* ==============================
     5. Banner styles
   ============================== */
   .slider {
       background: #78799d;
       margin-left:0px ;
   }
   
   .slider .container-fluid {
       padding: 0px ;
   }
   
   .sldr-right {
      background: #fff;
      width: 100%;
      float: right;
   }
   
   .txt-wht { color: #fff; }
   
   .thm-btn {
       border: none;
       outline: none;
       background: transparent;
       font-size: 14px;
       line-height: 28px;
       color: #fff;
       text-transform: uppercase;
       font-family: "Open Sans", sans-serif;
       font-weight: 500;
       padding: 10px 0px;
       padding-left: 27px;
       padding-right: 27px;
       display: inline-block;
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease;
       border: 2px solid #fff;
   }
   .thm-btn:hover {
       background: #1FB5C7;
       color: #fff;
   }
   .thm-btn:hover i {
       color: #fff;
       border-color: transparent;
   }
   .thm-btn:hover i:after {
       background: #fff;
   }
   .thm-btn i {
       font-size: 16px;
       color: #000000;
       line-height: 28px;
       border-left: 1px solid #FFCD47;
       margin-left: 20px;
       padding-left: 15px;
       position: relative;
   }
   .thm-btn i:after {
       content: '';
       position: absolute;
       top: 0;
       left: -2px;
       width: 1px;
       height: 100%;
       background: #D7A41B;
   }
   .thm-btn.transparent {
       background-color: transparent;
       border: 1px solid #85A4BE;
       color: #fff;
   }
   .thm-btn.transparent i {
       color: inherit;
   }
   .thm-btn.transparent:hover {
       background: #1FB5C7;
       border-color: #1FB5C7;
       color: #fff;
   }
   .thm-btn.transparent:hover i {
       color: inherit;
   }
   .animate-3 {
       -webkit-transition: all 0.3s ease;
       transition: all 0.3s ease;
   }
   .animate-5 {
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease;
   }
   .animate-7 {
       -webkit-transition: all 0.7s ease;
       transition: all 0.7s ease;
   }
   .animate-3-all * {
       -webkit-transition: all 0.3s ease;
       transition: all 0.3s ease;
   }
   .animate-5-all * {
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease;
   }
   .animate-7-all * {
       -webkit-transition: all 0.7s ease;
       transition: all 0.7s ease;
   }
   .thm-banner-wrapper .caption-h1 {
       font-size: 50px;
       line-height: 50px;
       font-weight: 700;
       text-transform: uppercase;
       color: #fff;
   }
   .thm-banner-wrapper .caption-p {
       font-size: 20px;
       font-style: italic;
       color: #fff;
       line-height: 28px;
   }
   .thm-banner-wrapper .caption-divider span.divider {
       width: 1px;
       height: 90px;
       background: #fff;
       display: block;
   }
   .thm-banner-wrapper .thm-btn {
       padding-top: 7px;
       padding-bottom: 7px;
       -webkit-transition: all .3s ease !important;
       transition: all .3s ease !important;
       font-weight: bold !important;
   }
   .thm-banner-wrapper .thm-btn i {
       margin: 0;
       border-color: transparent;
   }
   .thm-banner-wrapper .thm-btn i:after {
       display: none;
   }
   .thm-banner-wrapper .thm-btn.inverse {
       background: #F7BE3D;
       color: #000;
       border: 2px solid #F7BE3D;
   }
   .thm-banner-wrapper .thm-btn.inverse:hover {
       color: #202020;
       background: #1FB5C7;
   }
   .thm-banner-wrapper .thm-btn.inverse i {
       color: #fff;
   }
   .thm-banner-wrapper .brder {
       display: block;
       width: 100px;
       height: 4px;
       background: #E6AB0C;
       margin-left: auto;
       margin-right: auto;
       margin-top: 22px;
   }
   /* ==============================
     6. Welcome to industrial styles
   ============================== */
   
   .wel-ind-pad {
       padding: 5.7em 0 1em;
   }
   .wel-info {
       position: relative;
       overflow: hidden;
   }
   .wel-info h1 .wel-info h1 {
       font: 600 2.4em/1em "Alegreya", serif;
       color: #282c3d;
       margin: 0 0 0.8em;
       text-transform: uppercase;
   }
   .wel-info p {
       margin: 0 0 1.2em;
       padding: 0;
       font: 400 1em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #777777;
   }
   .wel-bot {
       padding: 1.2em 0 0;
   }
   .wel-bot img {
       float: left;
       border: 1px solid #cecece;
       padding: 0.4em;
       margin: 0 1.8em 0 0;
       height: 92px;
       width: 104px;
   }
   .wel-bot h2 {
       font: 400 1.5em/1.2em "Open Sans", sans-serif;
       color: #009bb3;
       margin: 0;
       padding: 0;
   }
   .wel-bot p {
       color: #777;
       font-style: italic;
       padding: 0.8em 0 0;
       opacity: 0.5;
   }
   .wel-ind-image {
       position: relative;
   }
   .wel-ind-image:after {
       content: '';
       position: absolute;
       border: 2px solid #fff;
       z-index: 4;
       display: block;
       top: 10px;
       left: 10px;
       bottom: 10px;
       right: 10px;
   }
   .wel-ind-image img {
       max-width: 100%;
       width: 470px;
       height: 260px;
   }
   .wel-ind-r-sec {
       position: relative;
   }
   .wel-ind-r-txt {
       float: left;
       margin: 2em;
   }
   .wel-ind-r-txt p {
       font: 400 1.5em/1.2em "Open Sans", sans-serif;
       font-style: italic;
   }
   .wel-ind-r-img {
       float: right;
       position: relative;
       bottom: 4em;
       z-index: 4;
   }
   .wel-ind-r-img img {
       border-top: 7px solid #fff;
       border-left: 7px solid #fff;
       width: 256px;
       height: 158px;
   }
   /* ==============================
     7. Our Services styles
   ============================== */
   
   .our-services {
       background: #f6f6f6;
   }
   .sectpad {
       padding: 5.7em 0;
   }
   .sectpad-ser {
       padding: 5.7em 0 3em;
   }
   .section_header {
       position: relative;
       padding: 0 0 3em;
   }
   .section_header h2 {
       font: bold 28px "Alegreya", serif;
       color: #000;
       text-transform: uppercase;
       position: relative;
       padding-bottom: 20px;
       letter-spacing: 0.3px;
       margin: 0;
   }
   .section_header h2:before {
       content: "";
       width: 55px;
       height: 3px;
       display: inline-block;
       background: #fab90a;
       position: absolute;
       bottom: 0;
   }
   .color h2 {
       color: #242424 !important;
   }
   .service-info {
       position: relative;
       overflow: hidden;
   }
   .service-info a {
       display: inline-block;
       width: 100%;
   }
   .service-info a h4 {
       border-bottom: 2px solid #19a3b8;
       color: #242424;
       font: 600 1.3em/1.5em "Open Sans", sans-serif;
       text-transform: uppercase;
       padding: 0 0 0.5em;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
   }
   .service-info a h4:hover {
       color: #fbb12f;
       border-bottom: 2px solid #8192a4;
   }
   .service-info p {
       color: #898989;
       font: 400 1.1em/1.6em "Open Sans", sans-serif;
       margin: 0;
       padding: 1em 0 0.5em;
   }
   .service-info h6 a,
   .service-info p a {
       color: #0fa2d9;
       text-transform: uppercase;
       font: 13px "Open Sans", sans-serif;
       font-weight: bold;
   }
   .service-info h6 a:hover,
   .service-info p a:hover {
       color: #8192a4;
   }
   .service-info h6 {
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       padding: 0 0 3em;
   }
   .service-info .post-image {
       position: relative;
       overflow: hidden;
   }
   .service-info .post-image img {
       max-width: 100%;
       width: 370px;
       height: 202px;
   }
   .service-info .item {
       position: relative;
   }
   .service-info .item .four_arrow_hover_box {
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
   }
   .service-info .item:hover .four_arrow_hover_box,
   .service-info .item:focus .four_arrow_hover_box {
       opacity: 0.9;
       -webkit-transform: scaleX(1);
       -ms-transform: scaleX(1);
       transform: scaleX(1);
   }
   /* ==============================
     8. Our Services natural resource styles
   ============================== */
   
   .fluid-service-area {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       overflow: hidden;
       background: #123450;
   }
   @media (max-width: 991px) {
       .fluid-service-area {
           display: block;
       }
   }
   .fluid-service-area .work-image-ser {
       width: -webkit-calc(50% - 115px);
       width: calc(50% - 115px);
       float: left;
       text-align: right;
       display: block;
       position: relative;
   }
   @media (max-width: 991px) {
       .fluid-service-area .work-image-ser {
           width: 100%;
           text-align: center;
       }
   }
   @media (max-width: 991px) {
       .fluid-service-area .work-image-ser img {
           width: 100%;
       }
   }
   .fluid-service-area .service-promo {
       width: -webkit-calc(50% + 115px);
       width: calc(50% + 115px);
       float: left;
       position: relative;
       padding-left: 30px;
       background: #123450;
   }
   @media (max-width: 991px) {
       .fluid-service-area .service-promo {
           width: 100%;
           padding-bottom: 30px;
       }
   }
   @media (max-width: 991px) {
       .fluid-service-area .service-promo {
           padding: 15px;
       }
   }
   .fluid-service-area .service-promo ul .item {
       text-align: left;
       padding: 0 0 4.1em;
   }
   .service-content {
       position: relative;
       z-index: 2;
       padding: 4em 4em 0em 4em;
   }
   .service-content .media-left {
       vertical-align: middle;
       padding-right: 4em;
   }
   .service-content ul .item .media .media-body {
       text-align: left;
       font: 1em/1em "Open Sans", sans-serif;
       color: #898989;
       letter-spacing: 0.3px;
       padding: 0 17em 0 0;
   }
   .service-content ul .item .media .media-body h4 {
       font: 600 1.3em/1em "Open Sans", sans-serif;
       color: #fff;
       text-transform: uppercase;
   }
   .service-content ul .item .media .media-body p {
       font: 1em/1.5em "Open Sans", sans-serif;
       color: #fff;
   }
   .nau-head {
       position: absolute;
       background: #ffa10d;
       width: 18em;
       bottom: 1em;
       text-align: left;
       font-family: "Raleway", sans-serif;
       padding: 1em 0 0 2em;
       right: 0;
   }
   .nau-head p {
       font: 600 1.3em/1em "Raleway", sans-serif;
       color: #000;
       text-transform: uppercase;
   }
   .nau-head p span {
       display: block;
       color: #000;
       font-size: 0.7em;
       font-weight: 400;
   }
   /*  Our Projects  */
   
   .our-project {
       background: #ecebef;
       overflow: hidden;
   }
   .project_txt_btn {
       width: 100%;
       float: left;
       position: absolute;
       left: 0;
       overflow: hidden;
       top: 0px;
       text-align: center;
       height: 100%;
   }
   a.view-all.slide_learn_btn.view_project_btn {
       width: 100px;
       font-size: 14px;
       display: inline-block;
       top: -140px;
       position: relative;
       z-index: 999;
       -webkit-transition: -webkit-transform 0.55s;
       line-height: 43px;
       font-family: 'Open Sans', sans-serif;
       background: #151c49;
       text-transform: uppercase;
       border: 1px solid #CCC;
       border-radius: 3px;
       font-weight: bold;
       color: #fff;
       transition: all 0.3s ease;
   }
   .project_txt_btn h6 {
       width: 100%;
       float: left;
       font-size: 16px;
       text-align: center;
       background: #151c49;
       color: #fff;
       line-height: 50px;
       bottom: -60px;
       text-transform: uppercase;
       font-weight: bold;
       margin: 0;
   }
   .desi-bounce-to-right {
       display: inline-block;
       vertical-align: middle;
       -webkit-transform: translateZ(0);
       transform: translateZ(0);
       box-shadow: 0 0 1px rgba(0, 0, 0, 0);
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       -moz-osx-font-smoothing: grayscale;
       position: relative;
       -webkit-transition-property: color;
       transition-property: color;
       -webkit-transition-duration: 0.5s;
       transition-duration: 0.5s;
   }
   img {
       -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
       transition: opacity 0.35s, transform 0.35s;
   }
   .project_img
   {
       background: #000;
   }
   .project_img:hover img {
       opacity: 0.5;
       -webkit-transform: scale3d(1.15, 1.15, 1);
       transform: scale3d(1.15, 1.15, 1);
   }
   .project_img img,
   .project_img h6 {
       -webkit-transition: -webkit-transform 0.35s;
       transition: transform 0.35s;
   }
   .project_img img {
       -webkit-backface-visibility: hidden;
       backface-visibility: hidden;
       border: 0;
   }
   .project_img:hover img {
       -webkit-transform: translate3d(0, -30px, 0);
       transform: translate3d(0, -30px, 0);
       border: 0;
   }
   .project_img h6,
   .project_img .view_project_btn {
       position: absolute;
       z-index: 99;
   }
   .project_img:hover h6 {
       bottom: 0;
       left: 0;
   }
   .project_img:hover .view_project_btn {
       opacity: 1
   }
   .project_img:hover a.view-all.slide_learn_btn.view_project_btn {
       top: 40%;
   }
   /* ==============================
     9. Our Project Slider styles
   ============================== */
   
   .our-pro-slider .pro-sliders {
       padding-top: 8px;
   }
   .our-pro-slider .pro-sliders .post-image {
       position: relative;
       overflow: hidden;
   }
   .our-pro-slider .pro-sliders .post-image img {
       max-width: 100%;
   }
   .our-pro-slider .pro-sliders .item {
       position: relative;
   }
   .our-pro-slider .pro-sliders .item .four_arrow_hover_box {
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
   }
   .our-pro-slider .pro-sliders .item:hover .four_arrow_hover_box,
   .our-pro-slider .pro-sliders .item:focus .four_arrow_hover_box {
       opacity: 0.9;
       -webkit-transform: scaleX(1);
       -ms-transform: scaleX(1);
       transform: scaleX(1);
   }
   .our-pro-slider .pro-sliders .pro-web {
       position: absolute;
       bottom: 1.5em;
       z-index: 6;
       width: 100%;
       text-align: center;
   }
   .our-pro-slider .pro-sliders .pro-web h4 {
       color: #fff;
       text-transform: uppercase;
       font: 600 1.3em/1em "Open Sans", sans-serif;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       margin: 0;
   }
   @media (max-width: 599px) {
       .our-pro-slider .pro-sliders .item {
           max-width: 320px;
           margin: 0 auto;
       }
   }
   .our-pro-slider .owl-nav {
       position: absolute;
       right: 0;
       top: -85px;
   }
   .pro-sliders.owl-theme .owl-controls .owl-nav [class*="owl-"] {
       background: transparent;
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
       border-radius: 0;
       margin: 0;
       padding: 0;
   }
   .pro-sliders.owl-carousel .owl-controls .owl-nav .owl-prev,
   .pro-sliders.owl-carousel .owl-controls .owl-nav .owl-next .fullwidth-silder2 .owl-controls .owl-nav .owl-prev,
   .fullwidth-silder2 .owl-controls .owl-nav .owl-next,
   .fullwidth-silder3 .owl-controls .owl-nav .owl-prev,
   .fullwidth-silder3 .owl-controls .owl-nav .owl-next {
       width: 40px;
       text-align: center;
       font-size: 22px;
       line-height: 36px;
       color: #8d8d8d;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       height: 40px;
       padding: 0;
       border: 1px solid #8d8d8d;
       border-radius: 0;
       background: transparent;
   }
   .pro-sliders.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
       background: #329cad;
       color: #fff;
       text-decoration: none;
   }
   .pro-sliders.owl-carousel .owl-controls .owl-nav .owl-prev {
       margin-right: 5px;
   }
   /* ==============================
     10. Testimonial home styles
   ============================== */
   
   .testimonial-wrapper {
       background: url(../images/testimonial/testimonial-bg.jpg) center bottom no-repeat fixed;
       background-size: cover;
       position: relative;
   }
   .testimonial-sec {
       padding: 2em 10em;
       text-align: center;
   }
   .testimonial-sec .testimonial-slider {
       text-align: center;
   }
   .testimonial-sec .testimonial-slider img {
       width: 100px;
       /*border: 2px solid #FFFFFF;*/
       /*box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.3); opacity: 1 !important;*/
       
       border-radius: 50%;
       display: inline-block;
   }
   .testimonial-sec .testimonial-slider p {
       font: 1.15em/2em "Open Sans", sans-serif;
       color: #fff;
       padding: 0;
       margin: 2em;
   }
   .testimonial-sec .testimonial-slider p span {
       float: left;
   }
   .testimonial-sec .testimonial-slider p span img {
       width: auto;
       border-radius: inherit;
       margin-top: -10px;
   }
   .testimonial-sec .testimonial-slider .owl-dots .owl-dot {
       display: inline-block;
       zoom: 1;
   }
   .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span,
   .owl-theme .owl-dots .owl-dot:hover span {
       border: 2px solid #FBB12F;
       background-color: transparent;
       /* background: #FBB12F; */
   }
   .testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
       width: 15px;
       height: 15px;
       margin: 5px 7px;
       background: #d6d6d6;
       display: block;
       -webkit-backface-visibility: visible;
       -webkit-transition: opacity 200ms ease;
       -moz-transition: opacity 200ms ease;
       -ms-transition: opacity 200ms ease;
       -o-transition: opacity 200ms ease;
       transition: opacity 200ms ease;
       -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
       border-radius: 30px;
   }
   .testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
       border: 2px solid #1FB5C7;
       background: transparent;
       width: 15px;
       height: 15px;
   }
   /* ==============================
     11. Latest News styles
   ============================== */
   
   .latest-news {
       background: url("../images/latest-news/news-bg.jpg") no-repeat scroll center 0;
       -webkit-background-size: cover;
       background-size: cover;
   }
   .latest-outer {
       position: relative;
   }
   .lat-news-outer {
       position: relative;
       background: #fff;
   }
   .lat-news-outer .lat-img-box {
       display: table-cell;
       vertical-align: middle;
       position: relative;
   }
   .lat-news-outer .lat-img-box img {
       max-width: 100%;
   }
   .lat-news-outer .lat-img-box {
       width: 200px;
   }
   .lat-news-outer .lat-img-box .latest-info-date {
       position: absolute;
       width: 62px;
       height: 76px;
       text-align: center;
       background: #06aac3;
       left: 0;
       bottom: 0;
   }
   .lat-news-outer .lat-img-box .latest-info-date h3 {
       font: 600 25px/21px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #fff;
   }
   .lat-news-outer .lat-img-box .latest-info-date h3 small {
       font: 500 14px/21px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #fff;
       text-transform: uppercase;
       display: block;
   }
   .lat-news-outer .lat-new-cont {
       display: table-cell;
       vertical-align: middle;
       padding: 0 2em;
   }
   .lat-news-outer .lat-new-cont h3 {
       font: 600 16px/26px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #000;
       margin-top: 0;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       text-transform: uppercase;
   }
   .lat-news-outer .lat-new-cont p {
       border-bottom: 1px solid #e7e7e7;
       font: 400 1em/1.4em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #898989;
       padding-bottom: 15px;
       margin-bottom: 13px;
   }
   .latest-meta a {
       font: normal 1em/1em "Open Sans", sans-serif;
       color: #c1c1c1;
       padding-right: 13px;
   }
   .latest-meta a + a:before {
       content: '';
       background: #c2c2c2;
       margin-right: 15px;
       width: 1px;
       height: 14px;
       bottom: -3px;
       position: relative;
       display: inline-block;
   }
   .latest-meta .read_more {
       color: #3dabf1;
   }
   .lat-pad {
       margin: 0 0 2em;
   }
   .latest .latest-image {
       position: relative;
   }
   .latest .latest-image img {
       max-width: 100%;
   }
   .latest .latest-image .latest-info-date {
       position: absolute;
       width: 62px;
       height: 76px;
       text-align: center;
       background: #06aac3;
       left: 0;
       bottom: 0;
   }
   .latest .latest-image .latest-info-date h3 {
       font: 600 1.5em/1em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #fff;
   }
   .latest .latest-image .latest-info-date h3 small {
       font: 500 1em/1em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #fff;
       text-transform: uppercase;
       display: block;
   }
   .latest .latest-news-text {
       padding: 21px 30px 20px 30px;
       background: #fff;
   }
   .latest .latest-news-text h4 {
       font: 600 16px/26px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #000;
       margin-top: 0;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       text-transform: uppercase;
   }
   .latest .latest-news-text p {
       border-bottom: 1px solid #e7e7e7;
       font: 400 14px/26px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #898989;
       padding-bottom: 15px;
       margin-bottom: 13px;
   }
   .latest .latest-image .latest-info-date h3 small {
       font: 500 14px/21px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #fff;
       text-transform: uppercase;
       display: block;
   }
   /* ==============================
     12. Our Client styles
   ============================== */
   
   .our-client {
       background: #fff;
       position: relative;
   }
   .client-carousel .item img:hover {
       opacity: 1 !important;
   }
   .client-carousel .item img {
       opacity: 0.5 !important;
       border: 1px solid #F0F0F0;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   /* ==============================
     13. Indurial Solution styles
   ============================== */
   
   .indurial-solution {
       position: relative;
       background: #009bb3;
   }
   .indpad {
       padding: 1.5em 0;
   }
   .indurial-solution-text h2 {
       font: 600 1em/1em "Open Sans", sans-serif;
       letter-spacing: 0.4px;
       color: #fff;
       font-style: italic;
       margin: 0;
       padding: 0.4em 0 0;
       text-align: center;
       display: inline-block;
   }
   .anim-5,
   .anim-5-all * {
       transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
   }
   .contactus-button a {
       background: #19242a;
       color: #fff;
       display: inline-block;
       font: 500 1em/1em "Open Sans", sans-serif;
       margin-top: 1px;
       padding: 0px 17px 0px 23px;
       text-transform: uppercase;
       float: right;
       border-radius: 5px;
       line-height: 42px;
       letter-spacing: 2px;
   }
   .contactus-button a:hover {
       background: #3d515c;
       color: #fff;
   }
   .contactus-button {
       margin: 0.5em 0 0;
   }
   /* ==============================
     14. Footer styles
   ============================== */
   
   #footer {
       background: #19242a;
   }
   .sec-padding {
       padding-top: 6em;
       padding-bottom: 4.3em;
   }
   .widget.about-us-widget a {
       color: #1FB5C7;
       margin-top: 1.4em;
   }
   .widget.about-us-widget p {
       color: #c1cbde;
       margin-top: 2em;
       font-size: 1.1em;
   }
   .widget.about-us-widget ul {
       margin: 0;
       padding: 0;
   }
   .widget.about-us-widget ul li {
       display: inline-block;
       list-style: none;
       padding: 10px 9px;
   }
   .widget.about-us-widget ul li:first-child {
       padding-left: 0px;
   }
   .widget.about-us-widget ul li a {
       padding: 0;
       color: #7c7c7c;
   }
   .widget.about-us-widget ul li a:hover {
       background: none;
       color: #11adc6;
   }
   .widget.about-us-widget ul li a i {
       font-size: 3em;
   }
   .widget.about-us-widget img {
       max-width: 100%;
   }
   .widget-contact h4,
   .get-in-touch h4,
   .widget-links h4 {
       font: 600 20px "Open Sans", sans-serif;
       color: #fff;
       margin-top: 0px;
       text-transform: uppercase;
       margin-bottom: 24px;
       font-style: italic;
   }
   .widget-contact h4:after,
   .get-in-touch h4:after,
   .widget-links h4:after {
       content: '';
       width: 40px;
       height: 2px;
       background: #0094b3;
       display: block;
       margin-top: 13px;
   }
   .widget-contact-list ul {
       margin: 0;
       padding: 0;
       list-style: none;
   }
   .widget-contact-list ul li a {
       color: #c1cbde;
       line-height: 39px;
   }
   .widget-contact-list ul li a:hover {
       color: #009bb3;
   }
   .widget-contact-list ul li i {
       float: left;
       font-size: 25px;
       color: #009bb3;
       width: 34px;
       padding-top: 13px;
       line-height: 18px;
   }
   .widget.widget-contact ul li .fleft {
       float: left;
       color: #c1cbde;
       width: -webkit-calc(100% - 34px);
       width: calc(100% - 34px);
       font: 400 1em/1.4em "Open Sans", sans-serif;
       padding: 1.1em 0 0;
   }
   .widget.widget-contact ul li .fleft span {
       color: #1FB5C7;
   }
   .widget.widget-contact ul li i.fa-map-marker {
       padding-top: 22px;
   }
   .widget.widget-contact ul li i.fa-phone {
       font-size: 21px;
       line-height: 41px;
   }
   .widget.widget-contact ul li i.fa-envelope-o {
       font-size: 18px;
       line-height: 41px;
   }
   .widget.widget-contact ul li i.icon-Timer {
       font-size: 20px;
       line-height: 35px;
   }
   .footer-bottom {
       background: #141d22;
       color: #555759;
       padding: 2em 0;
   }
   .footer-bottom .fo-txt p {
       color: #555759;
       font: 400 1em/1em "Open Sans", sans-serif;
   }
   .footer-bottom .fo-txt p a {
       color: #1d8898;
   }
   .footer-bottom .fo-txt p a:hover {
       color: #f6ba18;
   }
   .get-in-touch {
       position: relative;
   }
   .get-in-touch ul {
       margin: 0;
       padding: 0;
   }
   .get-in-touch ul li {
       margin: 0;
       padding: 0;
       list-style: none;
       display: inline-block;
       float: left;
   }
   .get-in-touch ul li img {
       margin: 0 3px 3px 0;
       width: 84px;
       height: 68px;
   }
   /* ==============================
     15. Inner Banner styles
   ============================== */
   
   .inner-banner {
       padding-top: 126px;
       padding-bottom: 83px;
       background: #13314c url(../images/about/banner.jpg) center center no-repeat;
       background-size: cover;
   }
   .inner-banner h2 {
       font: 600 2.4em/1em "Alegreya", serif;
       text-transform: uppercase;
       color: #fff;
   }
   .inner-banner h2:after {
       content: '';
       background: #e6ab0c;
       width: 50px;
       height: 4px;
       margin-left: 10px;
       display: inline-block;
   }
   .inner-banner ul.breadcumb li {
       display: inline-block;
       margin-right: 6px;
   }
   .inner-banner ul.breadcumb li:last-child a:after,
   .inner-banner ul.breadcumb li:last-child span:after {
       display: none;
   }
   .inner-banner ul.breadcumb li a {
       display: inline-block;
       color: #20bcd4;
       font-weight: 600;
       font-size: 13px;
       text-transform: uppercase;
       display: block;
   }
   .inner-banner ul.breadcumb li span {
       display: inline-block;
       color: #fff;
       font-weight: 600;
       font-size: 13px;
       text-transform: uppercase;
       display: block;
   }
   .inner-banner ul.breadcumb li a i,
   .inner-banner ul.breadcumb li span i {
       font-size: 14px;
       font-weight: normal;
       margin-right: 5px;
   }
   .inner-banner ul.breadcumb li a:after,
   .inner-banner ul.breadcumb li span:after {
       content: '\f105';
       display: inline-block;
       font-family: 'FontAwesome';
       color: #fff;
       font-size: 13px;
       margin-left: 7px;
   }
   .inner-banner2 {
       padding-top: 75px;
       padding-bottom: 80px;
       background: #13314c url(../imgs/banner-bg.jpg) center center no-repeat;
       background-size: cover;
   }
   .inner-banner2 h2 {
       font: 600 4.3em/1em "Alegreya", serif;
       color: #fff;
       margin: 0;
       padding: 0;
   }
   .breadcumb-wrapper {
       background: #f2f4f6;
       border-bottom: 1px solid #e6e8e9;
       padding-top: 1.2em;
       padding-bottom: 1.2em;
   }
   .breadcumb-wrapper ul.breadcumb li {
       display: inline-block;
       margin-right: 6px;
   }
   .breadcumb-wrapper ul.breadcumb li:last-child a:after,
   .breadcumb-wrapper ul.breadcumb li:last-child span:after {
       display: none;
   }
   .breadcumb-wrapper ul.breadcumb li a {
       display: inline-block;
       color: #1b06db;
       font-weight: 600;
       font-size: 13px;
       text-transform: uppercase;
       display: block;
   }
   .breadcumb-wrapper ul.breadcumb li span {
       display: inline-block;
       color: #5c5c5c;
       font-weight: 600;
       font-size: 14px;
       display: block;
   }
   .breadcumb-wrapper ul.breadcumb li a i,
   .breadcumb-wrapper ul.breadcumb li span i {
       font-size: 14px;
       font-weight: normal;
       margin-right: 5px;
   }
   .breadcumb-wrapper ul.breadcumb li a:after,
   .breadcumb-wrapper ul.breadcumb li span:after {
       content: '\f105';
       display: inline-block;
       font-family: 'FontAwesome';
       color: #909aa2;
       font-size: 13px;
       margin-left: 13px;
   }
   /* ==============================
      16. About Tab Box styles
      ============================== */
   
   .about-tab-box .tab-title-box {
       margin-bottom: 50px;
   }
   .about-tab-box .tab-title-box ul .about-tab-box .tab-title-box ul li {
       background: #fff;
       transition: all .3s ease;
       position: relative;
       margin: 0 0 1.5em;
       border: 2px solid #e0e0e0;
   }
   .about-tab-box .tab-title-box ul li.active,
   .about-tab-box .tab-title-box ul li:hover {
       background: #009bb3;
       border: 2px solid transparent;
   }
   .about-tab-box .tab-title-box ul li:before {
       position: absolute;
       top: -2px;
       left: -2px;
       width: 6px;
       height: 106%;
       background: transparent;
       content: '';
       transition: all .3s ease;
   }
   .about-tab-box .tab-title-box ul li.active:before,
   .about-tab-box .tab-title-box ul li:hover:before {
       background: #e6ab0c;
   }
   .about-tab-box .tab-title-box ul li.active:after {
       opacity: 1;
   }
   .about-tab-box .tab-title-box ul li.active a,
   .about-tab-box .tab-title-box ul li:hover a {
       color: #FFFFFF;
   }
   .about-tab-box .tab-title-box ul li a {
       text-align: left;
       font: 500 1.54em/1em "Open Sans", sans-serif;
       display: block;
       font-weight: bold;
       color: #242424;
       padding: 1em;
       transition: all 0.3s ease;
       text-transform: uppercase;
   }
   .about-tab-box .single-tab-content .content-box {
       margin-left: 20px;
   }
   .about-tab-box .single-tab-content h2 {
       font: bold 2.2em/1.2em "Alegreya", serif;
       color: #000;
       text-transform: uppercase;
       position: relative;
       padding-bottom: 20px;
       letter-spacing: 0.3px;
       margin: 0 0 1em;
   }
   .about-tab-box .single-tab-content h2:before {
       content: "";
       width: 55px;
       height: 3px;
       display: inline-block;
       background: #fab90a;
       position: absolute;
       bottom: 0;
   }
   .about-tab-box .single-tab-content h3 {
       font-size: 20px;
       font-family: 'Open Sans';
       color: #242424;
       line-height: 26px;
       font-weight: normal;
       margin-bottom: 10px;
   }
   .about-tab-box .single-tab-content p {
       color: #8E8D8D;
       margin: 0 0 1em;
       font: 400 1em/1.8em "Open Sans", sans-serif;
   }
   .about-tab-box .single-tab-content ul li {
       color: #333E56;
       font-size: 15px;
       text-transform: uppercase;
       line-height: 40px;
       font-weight: 600;
   }
   .about-tab-box .single-tab-content ul li .fa {
       font-size: 18px;
       color: #FF7043;
       margin-right: 5px;
   }
   .about-tab-box .single-tab-content .abot-img {
       display: inline-block;
       margin-top: 2em;
   }
   .about-tab-box .single-tab-content .abot-img img {
       max-width: 100%;
       float: left;
   }
   .about-tab-box .single-tab-content .abot-img img:first-child {
       margin: 0 2.4em 0 0;
   }
   .about-tab {
       padding: 0 0 0 5em;
   }
   .features-section {
       overflow: hidden;
   }
   .features-section .features-image {
       width: -webkit-calc(50% - 210px);
       width: calc(50% - 210px);
       float: left;
       display: block;
       text-align: right;
   }
   @media (max-width: 1199px) {
       .features-section .features-image {
           width: 100%;
       }
   }
   @media (max-width: 1199px) {
       .features-section .features-image img {
           width: 100%;
       }
   }
   .features-section .features-area {
       width: -webkit-calc(50% + 210px);
       width: calc(50% + 210px);
       float: left;
       position: relative;
   }
   @media (max-width: 1199px) {
       .features-section .features-area {
           width: 100%;
       }
   }
   .features-section .features-area:after {
       content: "";
       width: 100%;
       height: 100%;
       position: absolute;
       background: #143b53;
       top: 0;
       left: 0;
       display: block;
       z-index: 1;
   }
   .features-section .features-area .features {
       max-width: 850px;
       position: relative;
       z-index: 2;
   }
   @media (max-width: 1199px) {
       .features-section .features-area .features {
           margin: 0 auto;
       }
   }
   .features-section .features-area .features h4 {
       font: 700 16px/26px "Raleway", sans-serif;
       letter-spacing: 0.3px;
       color: #fff;
       text-transform: uppercase;
       margin-bottom: 8px;
   }
   .features-section .features-area .features p {
       font: 500 14px/26px "Raleway", sans-serif;
       letter-spacing: 0.3px;
       color: #fff;
       margin-bottom: 40px;
       opacity: 0.5;
   }
   .features-section .features-area .features .features-content {
       width: 50%;
       float: left;
       padding: 80px 30px 27px 35px;
   }
   @media (max-width: 639px) {
       .features-section .features-area .features .features-content {
           width: 100%;
       }
   }
   .features-section .features-area .features .features-content:first-child {
       background: #143b53;
   }
   /* ==============================
     17. Team styles
   ============================== */
   
   .team-pad {
       padding: 0 0 6em;
   }
   .team-area .our-team {
       margin-top: 0.6em;
   }
   .team-area .our-team-page {
       margin-top: 0;
       margin-bottom: 30px;
   }
   .team {
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       cursor: pointer;
       position: relative;
       overflow: hidden;
   }
   @media (max-width: 991px) {
       .team {
           padding: 15px;
       }
   }
   @media (max-width: 767px) {
       .team {
           padding: 15px;
           width: 400px;
           max-width: 100%;
           margin: 0 auto;
       }
   }
   .team .team-images {
       background: url("../images/team/img-bg.jpg") repeat center center;
       text-align: center;
       position: relative;
       z-index: 0;
       overflow: hidden;
       height: 297px;
   }
   .team .team-images:after {
       content: '';
       background: transparent;
       position: absolute;
       border: 1px solid #fff;
       /*z-index: -1;*/
       
       display: block;
       top: 10px;
       left: 10px;
       bottom: 10px;
       right: 10px;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
   }
   .team .team-images:before {
       position: absolute;
       background-color: rgba(3, 137, 158, 0.6);
       content: "";
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       display: block;
       -webkit-transform: scale(0.2);
       -ms-transform: scale(0.2);
       transform: scale(0.2);
       -webkit-transition: all 300ms;
       transition: all 300ms;
       opacity: 0;
   }
   .team .team-images img {
       max-width: 100%;
       position: absolute;
       bottom: 0;
       left: 50%;
       -webkit-transform: translateX(-50%);
       -ms-transform: translateX(-50%);
       transform: translateX(-50%);
   }
   .team .team-content {
       padding: 1em 0px 0.8em;
       text-align: center;
       cursor: pointer;
       position: relative;
       border: 2px solid #e4e4e4;
       margin: 5px 0 0;
   }
   .team .team-content h4 {
       font: 400 1.15em/1em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #242424;
       margin: 0;
   }
   .team .team-content p {
       font: 400 14px/22px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #898989;
       margin: 0;
   }
   .team .social-icons {
       display: table;
       position: absolute;
       bottom: 15px;
       width: -webkit-calc(100% - 30px);
       width: calc(100% - 30px);
       text-align: center;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
   }
   .team .social-icons li {
       display: inline-block;
   }
   .team .social-icons li + li {
       margin-left: 25px;
   }
   @media (max-width: 1199px) {
       .team .social-icons li + li {
           margin-left: 15px;
       }
   }
   .team .social-icons li a {
       font-size: 22px;
       color: #fff;
       padding: 0;
   }
   .team .social-icons li a:hover,
   .team .social-icons li a:focus {
       background: none;
       color: #c89551;
   }
   .team:hover .social-icons {
       bottom: 125px;
   }
   .team:hover .team-images:after {
       border: 1px solid #fff;
       top: 10px;
       left: 10px;
       bottom: 10px;
       right: 10px;
       z-index: 1;
       background: transparent;
   }
   .team:hover .team-images:before {
       -webkit-transform: scale(1);
       -ms-transform: scale(1);
       transform: scale(1);
       opacity: 1;
       z-index: 1;
   }
   .team:hover .team-content {
       background: #e6ab0c;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       border: 2px solid #d59d08;
   }
   .team:hover .team-content h4,
   .team:hover .team-content p {
       color: #fff;
   }
   .dedicated-team {
       padding-top: 22px;
   }
   .dedicated-team .our-teams {
       margin-bottom: 30px;
   }
   .team-wrapper {
       padding: 100px 0;
       min-height: 669px;
   }
   .team .box-img {
       position: relative;
   }
   .team .box-img img {
       width: 100%;
   }
   .team .box-img .caption {
       position: absolute;
       bottom: -146px;
       background: rgba(10, 45, 78, 0.8);
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
       padding: 20px 30px;
   }
   .team .box-img:hover .caption {
       width: 100%;
       height: 100%;
       bottom: 0;
       padding: 40px 30px;
   }
   .team .box-img .caption h2 {
       font-weight: bold;
       font-size: 18px;
       color: #fff;
       text-transform: uppercase;
       margin: 0 0 20px 0;
   }
   .team .box-img .caption p {
       color: #fff;
       font-size: 15px;
       margin: 0 0 20px 0;
   }
   .team .box-img .caption a {
       font-size: 13px;
       color: #fab90a;
       text-transform: uppercase;
       font-weight: bold;
   }
   .team-wrapper4 {
       background: url("../imgs/bg-team4.jpg") repeat;
       padding: 101px 0 71px;
       min-height: 813px;
       width: 100%;
   }
   .team-wrapper4 .team {
       margin: 0 0 30px 0;
   }
   
   
   .team-wrapper4 .view-all-services {
       text-align: center;
       margin: 40px auto 0;
       font-size: 24px;
       color: #000;
       font-weight: 500;
       font-family: "Open Sans", sans-serif;
       letter-spacing: -1px;
       border: 1px solid #333;
       padding: 10px ;
       width: 35%;
   }
   
   .team-wrapper4 .view-all-services p {
       font-size: 24px;
   }
   
   .team-wrapper4 .view-all-services a {
       color: #ff5e14;
   }
   
   .team-wrapper4 .view-all-services i {
       color: #ff5e14;
       font-size: 24px;
   }
   
   
   
   /* ==============================
     18. Testimonial Area styles
   ============================== */
   
   .testimonial-area {
       background: #f5f4f4;
   }
   .testimonial-sliders .owl-nav {
       position: absolute;
       right: 0;
       top: -80px;
   }
   @media (max-width: 479px) {
       .testimonial-sliders .owl-nav {
           top: 0;
       }
   }
   .testimonial-sliders.owl-theme .owl-controls .owl-nav [class*="owl-"] {
       background: transparent;
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
       border-radius: 0;
       margin: 0;
       padding: 0;
   }
   .testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-prev,
   .testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-next {
       background: #61bac8;
       width: 33px;
       text-align: center;
       font-size: 20px;
       line-height: 33px;
       color: #fff;
       float: left;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
   }
   .testimonial-sliders.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
       background: #329cad;
       color: #fff;
       text-decoration: none;
   }
   .testimonial-sliders.owl-carousel .owl-controls .owl-nav .owl-prev {
       margin-right: 5px;
   }
   .testimonial {
       position: relative;
   }
   @media (max-width: 479px) {
       .testimonial {
           display: block;
           background: none;
       }
   }
   .testimonial + .testimonial {
       margin-top: 30px;
   }
   .testimonial .media-left {
       position: relative;
       padding-right: 0;
   }
   @media (max-width: 479px) {
       .testimonial .media-left {
           display: block;
           text-align: center;
       }
   }
   .testimonial .media-left a {
       display: block;
       width: 170px;
       height: 185px;
       line-height: 185px;
   }
   @media (max-width: 479px) {
       .testimonial .media-left a {
           margin: 0 auto;
       }
   }
   .testimonial .media-left img {
       width: 140px;
       height: 140px;
       border-radius: 50%;
   }
   .testimonial .media-left:before {
       content: '';
       position: absolute;
       right: -2px;
       top: 19.2%;
       z-index: 12;
       background: url("../images/testimonial/arrow.png") no-repeat 0 0;
       width: 15px;
       height: 27px;
   }
   @media (max-width: 479px) {
       .testimonial .media-left:before {
           display: none;
       }
   }
   .testimonial .media-body {
       vertical-align: middle;
       padding: 0 30px;
       border: 2px solid #e4e4e4;
       background: #fff;
   }
   @media (max-width: 479px) {
       .testimonial .media-body {
           background: #fff;
           text-align: left;
           padding: 30px;
       }
   }
   .testimonial .media-body p {
       font: 400 14px/26px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #898989;
       margin-bottom: 5px;
   }
   @media (max-width: 767px) {
       .testimonial .media-body p {
           line-height: 22px;
           font-weight: 300;
           margin-bottom: 0;
       }
   }
   .testimonial .media-body p span {
       display: inline-block;
       background: url(../images/testimonial/quote.html) no-repeat scroll center center;
       width: 21px;
       height: 19px;
       margin-right: 16px;
   }
   .testimonial .media-body a {
       font: 300 14px/26px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #c89551;
       font-style: italic;
       text-align: right;
       display: block;
   }
   .testimonial-col {
       padding: 25px 15px;
   }
   .testimonial-bg {
       padding: 55px 0;
   }
   .testimonial-sliders {
       padding-top: 0;
   }
   /* ==============================
     19. Services Page styles 
   ============================== */
   
   .service-tab-box h1 {
       font: bold 2.2em/1.2em "Alegreya", serif;
       color: #000;
       text-transform: uppercase;
       position: relative;
       padding-bottom: 20px;
       letter-spacing: 0.3px;
       margin: 0 0 1em;
   }
   .service-tab-box h1:before {
       content: "";
       width: 55px;
       height: 3px;
       display: inline-block;
       background: #fab90a;
       position: absolute;
       bottom: 0;
   }
   .service-tab-box p {
       margin: 0 0 1.2em;
       padding: 0;
       font: 400 1em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #777777;
   }
   .service-tab-box h6 {
       color: #242424;
       margin: 0 0 0.5em;
       padding: 0;
       font: 400 1.4em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
   }
   .service-tab-box ul.c-brochure {
       display: inline-block;
       color: #fff;
   }
   .service-tab-box ul.c-brochure li {
       background: #fab90a;
       color: #fff;
   }
   .service-tab-box ul.c-brochure li a {
       color: #fff;
       font: 400 1.2em/1.2em "Open Sans", sans-serif;
   }
   .service-tab-box ul.c-brochure li a span {
       display: inline-block;
       padding: 0.7em 1.5em;
       text-transform: uppercase;
       letter-spacing: 2px;
   }
   .service-tab-box ul.c-brochure li a i {
       background: #e7ab08;
       padding: 1em;
   }
   .service-tab-box .img-s-box {
       display: inline-block;
       overflow: visible;
       position: relative;
       font-size: 0;
       float: right;
   }
   .service-tab-box .img-s-box .img-so-box {
       display: inline-block;
       position: relative;
   }
   .service-tab-box .img-s-box .img-so-box:after {
       content: '';
       position: absolute;
       top: 10px;
       left: 10px;
       right: 10px;
       bottom: 10px;
       border: 2px solid rgba(255, 255, 255, 1);
       border-bottom: 0;
       border-left: 0;
   }
   .service-tab-box .img-s-box .img-st-box {
       display: inline-block;
   }
   .service-tab-box .img-s-box .img-so-box img,
   .service-tab-box .img-s-box .img-st-box img {
       max-width: 100%;
       display: block;
   }
   /* ==============================
     20. Side Bar Widget styles
   ============================== */
   
   .pull-left.news .single-sidebar-widget {
       padding-right: 39px;
   }
   .pull-right .single-sidebar-widget {
       padding-left: 50px;
   }
   .single-side-left {
       width: 320px;
       margin: 0 50px 0 0;
       float: left;
   }
   .content-right {
       width: 800px;
   }
   .single-sidebar-widget {
       margin-bottom: 50px;
   }
   .single-sidebar-widget:last-child {
       margin-bottom: 0;
   }
   .single-sidebar-widget .sec-title {
       margin-bottom: 30px;
   }
   .single-sidebar-widget .sec-title h2 span {
       font-size: 20px;
       text-transform: uppercase;
       font: 600 0.8em/1em "Alegreya", serif;
   }
   .single-sidebar-widget .sec-title h2:after {
       width: 35px;
   }
   .single-sidebar-widget .sec-title h2:after {
       content: '';
       width: 50px;
       height: 3px;
       background: #fab90a;
       display: block;
       margin-top: 13px;
   }
   .single-sidebar-widget .contact-form input,
   .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button {
       height: 40px;
   }
   .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button {
       margin-bottom: 2px;
   }
   .single-sidebar-widget .contact-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
       line-height: 40px;
   }
   .single-sidebar-widget .dwnld-broucher a {
       text-transform: uppercase;
       color: #08ADD0;
       font-weight: 600;
       margin-top: 30px;
       font-size: 12px;
       display: inline-block;
   }
   .single-sidebar-widget .special-links li:last-child {
       margin-bottom: 0;
   }
   .single-sidebar-widget .special-links li a {
       background: #f5f2f2;
       border-left: 5px solid #f5f2f2;
       color: #242424;
       font-weight: bold;
       text-transform: uppercase;
       display: block;
       margin-bottom: 10px;
       line-height: 50px;
       position: relative;
       padding: 0 20px;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
       position: relative;
   }
   .single-sidebar-widget .special-links li:hover a,
   .single-sidebar-widget .special-links li.active a {
       background: #3dc1ea;
       color: #fff;
       border-left: 5px solid #0f263a;
   }
   .single-sidebar-widget .special-links li:hover a:after,
   .single-sidebar-widget .special-links li.active a:after {
       color: #fff;
   }
   .single-sidebar-widget .special-links li a:after {
       content: '\f101';
       font-family: 'FontAwesome';
       position: absolute;
       top: 0;
       right: 20px;
       line-height: 50px;
       color: #6A6969;
       font-weight: normal;
   }
   .search-box placeholder {
       color: #000;
   }
   .single-sidebar-widget .search-box form {
       background: #e5e5e5;
       width: 100%;
       height: 48px;
       border: 1px solid #e9e9e9;
   }
   .single-sidebar-widget .search-box form input {
       padding-left: 30px;
       border: none;
       outline: none;
       height: 100%;
       color: rgba(255, 255, 255, 0.5);
       width: calc(100% - 55px);
       background-color: transparent;
   }
   .single-sidebar-widget .search-box form input::-webkit-input-placeholder {
       /* WebKit, Blink, Edge */
       
       color: rgba(255, 255, 255, 0.5);
       opacity: 1;
   }
   .single-sidebar-widget .search-box form input:-moz-placeholder {
       /* Mozilla Firefox 4 to 18 */
       
       color: rgba(255, 255, 255, 0.5);
       opacity: 1;
   }
   .single-sidebar-widget .search-box form input::-moz-placeholder {
       /* Mozilla Firefox 19+ */
       
       color: rgba(255, 255, 255, 0.5);
       opacity: 1;
   }
   .single-sidebar-widget .search-box form input:-ms-input-placeholder {
       /* Internet Explorer 10-11 */
       
       color: rgba(255, 255, 255, 0.5);
   }
   .single-sidebar-widget .search-box form input:placeholder-shown {
       /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
       
       color: rgba(186, 185, 185, 1);
   }
   .single-sidebar-widget .search-box form button {
       position: relative;
       left: 2px;
       width: 50px;
       background: #009bb3;
       color: #000000;
       font-size: 16px;
       padding: 11px 0px;
       border: none;
       outline: none;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .single-sidebar-widget .search-box form button:hover {
       background: #1FB5C7;
   }
   .single-sidebar-widget .search-box form button:hover i {
       color: #fff;
   }
   .single-sidebar-widget .search-box form button:hover:after {
       background: #1FB5C7;
   }
   .single-sidebar-widget .search-box form button i {
       position: relative;
       z-index: 2;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .single-sidebar-widget .categories ul li:last-child a {
       border: none;
   }
   .single-sidebar-widget .categories ul li a {
       color: #898989;
       text-transform: capitalize;
       line-height: 42px;
       display: block;
       border-bottom: 1px solid #E6E6E6;
       position: relative;
   }
   .single-sidebar-widget .categories ul li a:after {
       content: '\f105';
       font-family: 'FontAwesome';
       color: #C8C8C8;
       position: absolute;
       top: 0;
       right: 0;
   }
   .single-sidebar-widget .popular-post .img-cap-effect .img-box .img-caption:before {
       border-width: 2px;
   }
   .single-sidebar-widget .popular-post li {
       margin-bottom: 30px;
   }
   .single-sidebar-widget .popular-post li:last-child {
       margin-bottom: 0;
   }
   .single-sidebar-widget .popular-post .img-box,
   .single-sidebar-widget .popular-post .content {
       display: table-cell;
       vertical-align: middle;
   }
   .single-sidebar-widget .popular-post .img-box {
       width: 110px;
   }
   .single-sidebar-widget .popular-post .content {
       padding-left: 30px;
   }
   .single-sidebar-widget .popular-post .content a h4 {
       font-family: 'Open Sans', sans-serif;
       color: #242424;
       text-transform: uppercase;
       font-size: 13px;
       font-weight: 500;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .single-sidebar-widget .popular-post .content a h4:hover {
       color: #1FB5C7;
   }
   .single-sidebar-widget .popular-post .content p {
       color: #8E8D8D;
       font-size: 13px;
       line-height: 20px;
       margin: 0;
   }
   .single-sidebar-widget .popular-post .content span {
       color: #1CBAC8;
       font-size: 13px;
       display: block;
       margin-top: 4px;
       font-weight: 500;
   }
   .single-sidebar-widget .text-box p {
       color: #8E8D8D;
   }
   .single-sidebar-widget .insta-feed ul {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       -webkit-flex-flow: row wrap;
       -ms-flex-flow: row wrap;
       flex-flow: row wrap;
       -webkit-box-pack: justify;
       -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
       justify-content: space-between;
   }
   .single-sidebar-widget .insta-feed ul .img-cap-effect .img-box .img-caption:before {
       border-width: 2px;
   }
   .single-sidebar-widget .insta-feed {
       font-size: 0;
       display: inline-block;
   }
   .single-sidebar-widget .insta-feed img {
       max-width: 100%;
       display: inline-block;
       font-size: 0;
       margin-bottom: 1px;
       margin-right: 1px;
   }
   .single-sidebar-widget .tag-cloud {
       font-size: 0;
       margin-left: -5px;
       margin-right: -5px;
   }
   .single-sidebar-widget .tag-cloud li {
       display: inline-block;
   }
   .single-sidebar-widget .tag-cloud li a {
       display: block;
       color: #787878;
       text-transform: uppercase;
       border: 1px solid #EAEAEA;
       border-radius: 20px;
       padding: 7px 22px;
       font-size: 12px;
       margin: 0 5px;
       margin-bottom: 10px;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .single-sidebar-widget .tag-cloud li a:hover {
       background: #E5E5E5;
       color: #787878;
       border-color: #E5E5E5;
   }
   .single-service-contact {
       border: 2px solid #e9e9e9;
       padding: 25px;
       background: url("../images/services/bg-envelope.jpg") right bottom no-repeat;
   }
   .single-service-contact h3 {
       font-family: "Alegreya", sans-serif;
       font-size: 25px;
       color: #3e3e3e;
       margin: 0;
       font-weight: 600;
       margin: 0 0 20px 0;
   }
   .single-service-contact p {
       font-size: 15px;
       color: #5b5b5b;
       margin: 0 0 25px 0;
   }
   .single-service-contact a {
       font-family: "Raleway", sans-serif;
       font-size: 14px;
       font-weight: bold;
       color: #3dc1ea;
       text-transform: uppercase;
   }
   .single-service-contact a i {
       margin: 0 0 0 10px;
   }
   .single-service-pdf {
       background: url("../images/icon-pdf.jpg") left center #fab90a no-repeat;
       text-align: center;
       height: 62px;
   }
   .single-service-pdf h3 a {
       font-size: 16px;
       font-weight: 600;
       color: #fff;
       line-height: 62px;
       text-transform: uppercase;
   }
   .single-client-box {
       margin-bottom: 50px;
   }
   .single-client-box:last-child {
       margin-bottom: 0;
   }
   .single-client-box .icon-box,
   .single-client-box .content {
       display: table-cell;
       vertical-align: middle;
   }
   .single-client-box .icon-box {
       width: 170px;
       text-align: center;
       border-top: 4px solid #1FB5C7;
       border-left: 1px solid #E9E9E9;
       border-bottom: 1px solid #E9E9E9;
   }
   .single-client-box .content {
       padding-top: 30px;
       padding-bottom: 30px;
       padding-right: 30px;
       padding-left: 30px;
       border-right: 1px solid #E9E9E9;
       border-bottom: 1px solid #E9E9E9;
       border-top: 1px solid #E9E9E9;
   }
   .single-client-box .content h3 {
       font-size: 18px;
       font-weight: bold;
       font-family: 'Alegreya', sans-serif;
       color: #242424;
       text-transform: uppercase;
       margin-bottom: 10px;
   }
   .single-client-box .content p {
       color: #898989;
       margin: 0;
   }
   .single-sidebar-widget ul.brochure-btns li a {
       font-family: 'Open Sans', sans-serif;
       color: #404040;
       text-transform: uppercase;
       font-weight: 600;
       font-size: 15px;
       display: block;
       background: #FBFBFB;
       border-bottom: 2px solid #EDEDED;
       padding: 12px 20px;
   }
   .single-sidebar-widget ul.brochure-btns li {
       display: block;
       margin-bottom: 21px;
   }
   .single-sidebar-widget ul.brochure-btns li a i {
       color: #e94429;
       margin: 0 1em 0;
       font-size: 1.2em;
   }
   .sec-title h2 span {
       display: block;
       font-size: 32px;
       font-weight: bold;
       color: #323232;
       text-transform: uppercase;
       font-family: 'Alegreya', sans-serif;
       text-transform: capitalize;
   }
   .sec-title h2:after {
       content: '';
       width: 55px;
       height: 3px;
       background: #F7BE3D;
       display: block;
       margin-top: 13px;
   }
   .sec-title p {
       color: #898989;
       margin: 0 0 1.2em;
       padding: 0;
       font: 400 1em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
   }
   .single-service-page .image-caption-box .text-box h2,
   .single-post-page .image-caption-box .text-box h2 {
       color: #242424;
       font-size: 25px;
       font-weight: bold;
       text-transform: capitalize;
       margin-bottom: 5px;
       font-family: "Alegreya", sans-serif;
   }
   /* ==============================
     21. Single service page styles
   ============================== */
   
   .single-service-page .image-box,
   .single-post-page .image-box {
       margin-bottom: 50px;
   }
   .single-service-page .image-caption-box,
   .single-post-page .image-caption-box {
       margin-bottom: 20px;
   }
   .single-service-page .image-caption-box .text-box,
   .single-post-page .image-caption-box .text-box,
   .single-service-page .image-caption-box .caption-box-img,
   .single-post-page .image-caption-box .caption-box-img {
       display: table-cell;
       vertical-align: middle;
   }
   .single-service-page .image-caption-box .text-box p,
   .single-post-page .image-caption-box .text-box p {
       color: #898989;
       margin: 0 0 1.2em;
       padding: 0;
       font: 400 1em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
   }
   .single-service-page .image-caption-box .caption-box-img,
   .single-post-page .image-caption-box .caption-box-img {
       width: 248px;
   }
   .pad46 {
       padding-right: 46px;
   }
   /* ==============================
     22. Core Projects page styles
   ============================== */
   
   .core-projects {
       position: relative;
       margin: 0;
   }
   .core-projects h1 {
       font: bold 1.9em/1.2em "Alegreya", serif;
       color: #000;
       text-transform: uppercase;
       position: relative;
       padding-bottom: 20px;
       letter-spacing: 0.3px;
       margin: 0 0 1em;
   }
   .core-projects h1:before {
       content: "";
       width: 55px;
       height: 3px;
       display: inline-block;
       background: #fab90a;
       position: absolute;
       bottom: 0;
   }
   .core-projects h4 {
       font: 600 1.2em/1em "Open Sans", sans-serif;
       color: #242424;
   }
   .core-projects p {
       margin: 0 0 1.2em;
       padding: 0;
       font: 400 1em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #777777;
   }
   .project-post-area {
       background: #f1f1f1;
       position: relative;
   }
   .project-post-area .project-post {
       padding-bottom: 30px;
   }
   .project-post-area .project-fullscreen
   {
       width: 20%;
       float: left;
       position: relative;
   }
   @media (max-width: 767px) {
       .project-post-area .project-post {
           padding-bottom: 0px;
       }
   }
   .project-post-info {
       overflow: hidden;
   }
   @media(max-width: 1199px)
   {
      .project-post-area .project-fullscreen
       {
           width: 50%;
       } 
   }
   @media (max-width: 767px) {
       .project-post-info {
           padding-bottom: 30px;
           width: 500px;
           max-width: 100%;
           margin: 0 auto;
       }
       .project-post-area .project-fullscreen
       {
           width: 100%;
       }
   }
   @media (max-width: 767px) {
       .project-post-info a {
           max-width: 570px;
           margin: 0 auto;
           display: block;
       }
   }
   .project-post-image
   {
       overflow: hidden;
       position: relative;
   }
   .project-post-info a img {
       max-width: 100%;
       width: 370px;
       height: 281px;
   }
   .project-post-info .info-text {
       text-align: center;
       position: absolute;
       width: 100%;
       box-sizing: border-box;
       left: 0;
       right: 0;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       bottom: -100px;
       z-index: 1000;
   }
   .project-post-info:hover .info-text
   {
       bottom: 37%;
   }
   .project-post-info .info-text h4 {
       font: 700 16px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #fff;
       margin: 0;
       text-transform: uppercase;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       margin: 0 0 20px 0;
   }
   .project-post-info .info-text a {
       font: 700 14px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #fff;
       margin: 0;
       background: #fac012;
       border-radius: 3px;
       line-height: 38px;
       padding: 0 20px;
       height: 38px;
       display: inline-block;
       text-transform: uppercase;
   }
   .loadmore
   {
       margin: 50px 0;
       background: #fab90a;
       border-radius: 5px;
       padding: 0 25px;
       display: inline-block;
       line-height: 38px;
       height: 38px;
       font-size: 14px;
       font-weight: bold;
       text-transform: uppercase;
       color: #fff;
   }
   /* ==============================
     23. News page styles
   ============================== */
   
   .widget-search-blog {
       width: 80%;
       position: relative;
       display: inline-block;
       margin: 0 0 0 1em;
       margin-bottom: 40px;
   }
   .widget-search-blog .search-form .form-control + .input-group-addon {
       padding: 0 1px 0 8px;
       border: 0;
       border-radius: 0;
       background-color: #009bb3;
   }
   .widget-search-blog .search-form .form-control + .input-group-addon button {
       border: 0;
       background: #009bb3;
       color: #fff;
       font-size: 1.2em;
       line-height: 2.1em;
       padding-right: 15px;
   }
   .widget-search-blog .search-form .form-control {
       height: 45px;
       border-radius: 0;
       border: none;
       font: 1em/1em "Open Sans", sans-serif;
       padding: 0 30px;
       -webkit-box-shadow: none;
       box-shadow: none;
       color: #c0c0c0;
       z-index: 0;
   }
   .single-blog-post .meta-info {
       padding: 1.3em 0;
       border-bottom: 1px solid #e6e6e6;
   }
   .single-blog-post .meta-info .content-box .post-links li {
       display: table-cell;
       vertical-align: middle;
   }
   .single-blog-post .date-box {
       position: absolute;
       width: 70px;
       height: 75px;
       top: 2em;
       border: 1px solid #696969;
       left: 1.5em;
       background: #fff;
       text-align: center;
   }
   .single-blog-post .inner-box b {
       font-size: 2em;
       display: block;
       font-style: italic;
       font-weight: 300;
       border-bottom: 1px solid #696969;
       padding: 0 0 0.2em;
   }
   .single-blog-post .inner-box span {
       font-size: 1em;
       display: block;
       background: #fbb12f;
       color: #fff;
       padding: 0.2em 0 0.3em;
   }
   .single-blog-post .meta-info .content-box .post-links li a:hover i {
       color: #1FB5C7;
   }
   .single-blog-post .meta-info .content-box .post-links li a i {
       color: #FBB12F;
       font-size: 16px;
       margin-right: 10px;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .single-blog-post .meta-info .content-box .post-links li a {
       color: #A1A1A1;
       padding-right: 30px;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .single-blog-post .meta-info .content-box .post-links li a:hover {
       color: #FBB12F;
   }
   .single-blog-post a.read-more {
      background: #ffba00;
       color: #fff;
       border-radius: 4px;
       font: 600 1.08em/1em 'Roboto', sans-serif;
       padding: 0.8em 1.6em;
       display: inline-block;
       border: 1px solid #ffba00;
   }
   .single-blog-post a.read-more:hover {
       background: #009bb3;
       border: 1px solid #009bb3;
   }
   .single-post-wrapper {
       position: relative;
   }
   .single-blog-post h3 {
       color: #010101;
       font-weight: 600;
       text-transform: none;
       font-size: 20px;
       margin: 0.6em 0 0;
       padding: 0 0 0.8em;
   }
   .single-blog-post h6 {
       color: #1cbac8;
       font: 400 1em/1em "Open Sans", sans-serif;
       margin: 2em 0 0;
       padding: 0;
   }
   .single-blog-post {
       margin-bottom: 50px;
   }
   .single-blog-post .img-box {
       position: relative;
       overflow: hidden;
   }
   /* ==============================
     24. Page Navigation styles
   ============================== */
   
   .page-navigation {
       margin-top: 50px;
   }
   .page-navigation li {
       display: inline;
   }
   .page-navigation li a,
   .page-navigation li span {
       width: 46px;
       height: 46px;
       line-height: 44px;
       background: #fff;
       color: #8E8D8D;
       font-size: 20px;
       display: inline-block;
       border: 1px solid #E2E2E2;
       margin-right: 5px;
       text-align: center;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
   }
   .page-navigation li span,
   .page-navigation li a:hover {
       background: #E7E7E7;
       color: #242424;
   }
   /* ==============================
     25. News Details styles
   ============================== */
   
   .news p {
       font: 400 14px/26px "Open Sans", sans-serif;
       color: #898989;
   }
   .post-list {
       margin: 0;
       width: 100%;
   }
   .post-list li {
       float: left;
       width: 270px;
       font: 400 14px/30px "Open Sans", sans-serif;
       color: #ff8c04;
       letter-spacing: 0.3px;
   }
   .post-list li:before {
       content: "\f105";
       font: normal normal normal 14px/1 FontAwesome;
       font-size: 12px;
       text-rendering: auto;
       padding-right: 10px;
   }
   blockquote {
       padding: 30px;
       border: none;
       background: #f5f4f4;
       margin-top: 27px;
   }
   @media (max-width: 479px) {
       blockquote {
           padding: 5px;
       }
   }
   blockquote:before {
       float: left;
       content: "\f10d";
       display: inline-block;
       font: normal normal normal 55px/1 FontAwesome;
       text-rendering: auto;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       width: 70px;
       color: #d0d0d0;
   }
   @media (max-width: 1199px) {
       blockquote:before {
           font-size: 30px;
           width: 40px;
       }
   }
   blockquote p {
       float: left;
       font: 400 16px/26px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #898989;
       width: -webkit-calc(100% - 70px);
       width: calc(100% - 70px);
       margin: 5px 0 0;
       padding-left: 14px;
   }
   @media (max-width: 1199px) {
       blockquote p {
           margin: 0;
       }
   }
   blockquote footer {
       text-align: right;
       color: #e8a20c;
       font: 300 14px/26px "Raleway", sans-serif;
       font-style: italic;
   }
   blockquote footer a {
       color: #e8a20c;
   }
   /* ==============================
     26. News Details Comments
   ============================== */
   
   .news-comments .comments_count,
   .leave-comments .leave-comment-title {
       margin: 30px 0px 30px 0;
       font: 600 1.5em/1em "Alegreya", sans-serif;
       color: #242424;
       text-transform: uppercase;
   }
   @media (max-width: 400px) {
       .comments_count,
       .leave-comment-title {
           margin-left: 20px;
       }
   }
   .comments {
       margin: 0px 0px 30px 0px;
       border: 1px solid #eee;
   }
   .comments .comment {
       padding: 20px 20px 25px;
       margin: 0px 0;
   }
   .comments .comment-bg {
       background: #fcfcfc;
   }
   @media (max-width: 400px) {
       .comments .comment {
           margin: 0 5px 0 15px;
           text-align: center;
       }
   }
   .comments .comment + .comment {
       margin-top: 0;
       border-top: 1px solid #eee;
   }
   .comments .comment .media-left {
       padding: 8px 30px 0px 5px;
   }
   @media (max-width: 479px) {
       .comments .comment .media-left {
           padding-right: 0;
           padding-bottom: 20px;
           display: block;
       }
   }
   .comments .comment .media-left a {
       display: block;
       width: 70px;
       height: 70px;
   }
   .comments .comment .media-left a img {
       max-width: 100%;
   }
   @media (max-width: 991px) {
       .comments .comment .media-body {
           overflow: visible;
       }
   }
   .comments .comment .media-body h5 {
       font: 500 1em/2em "Open Sans", sans-serif;
       margin: 0;
       color: #242424;
   }
   .comments .comment .media-body p {
       font: 400 14px/30px "Open Sans", sans-serif;
       color: #898989;
   }
   .comments .comment .media-body .date-reply {
       margin: 9px 0 9px;
   }
   .comments .comment .media-body .date-reply li {
       float: left;
   }
   @media (max-width: 400px) {
       .comments .comment .media-body .date-reply li {
           display: inline-block;
           text-align: center;
           float: none;
       }
   }
   .comments .comment .media-body .date-reply li a {
       padding: 0;
       font: 13px/1 "Open Sans", sans-serif;
       text-transform: capitalize;
       color: #47bcca;
   }
   .comments .comment .media-body .date-reply li a:hover,
   .comments .comment .media-body .date-reply li a:focus {
       background: none;
   }
   .comments .comment .media-body .date-reply li + li {
       color: #bc945e;
   }
   .comments .comment .media-body .date-reply li + li:before {
       content: '';
       width: 1px;
       height: 13px;
       float: left;
       background: #47bcca;
       margin: 0 10px;
   }
   .comments .comment .media-body .date-reply li + li a {
       float: left;
       color: #f6ba18;
   }
   .comments .comment.reply {
       padding-left: 0;
       margin: 0px;
   }
   @media (max-width: 991px) {
       .comments .comment.reply {
           margin-left: -70px;
       }
   }
   @media (max-width: 479px) {
       .comments .comment.reply {
           margin-left: 30px;
       }
   }
   @media (max-width: 400px) {
       .comments .comment.reply {
           margin-left: 0px;
       }
   }
   .comments .comment.reply:last-child {
       padding-bottom: 0;
   }
   .comment_form {
       padding: 30px;
       border: 1px solid #eee;
       margin: 0px;
       background: #fff;
   }
   @media (max-width: 479px) {
       .comment_form {
           padding: 20px 15px;
       }
   }
   .comment_form .leave-comment-title {
       margin: 0px 0px 26px 0px;
       font: bold 20px/28px "Alegreya", serif;
       color: #353535;
   }
   .comment_form .form-control {
       border-radius: 0;
       padding: 9px 20px;
       font: 14px/25px "Open Sans", sans-serif;
       color: #000;
       margin-bottom: 20px;
       background: #f9f9f9;
       border: 1px solid #ebebeb;
       -webkit-box-shadow: none;
       box-shadow: none;
   }
   .comment_form .form-control::-moz-placeholder {
       color: #c4c4c4;
       opacity: 1;
   }
   .comment_form .form-control:-ms-input-placeholder {
       color: #c4c4c4;
   }
   .comment_form .form-control::-webkit-input-placeholder {
       color: #c4c4c4;
   }
   .comment_form input {
       width: 48%;
       float: left;
       height: 42px;
   }
   @media (max-width: 1199px) {
       .comment_form input {
           width: 47%;
       }
   }
   @media (max-width: 991px) {
       .comment_form input {
           width: 46%;
       }
   }
   @media (max-width: 767px) {
       .comment_form input {
           width: 100%;
       }
   }
   @media (max-width: 479px) {
       .comment_form input {
           width: 100%;
       }
   }
   .comment_form input + input {
       margin-left: 26px;
   }
   @media (max-width: 1199px) {
       .comment_form input + input {
           margin-left: 31px;
       }
   }
   @media (max-width: 767px) {
       .comment_form input + input {
           margin-left: 0;
       }
   }
   @media (max-width: 479px) {
       .comment_form input + input {
           margin-left: 0;
       }
   }
   .comment_form textarea {
       height: 188px;
       resize: none;
       margin-bottom: 32px;
   }
   .comment_form .btn-primary {
       background: #f6ba18;
       border: 1px solid #f6ba18;
       text-transform: uppercase;
       letter-spacing: 1px;
       font: 600 1.2em/2.1em "Open Sans", sans-serif;
       padding: 7px 22px 7px 22px;
       color: #19242a;
       margin-top: 10px;
       border-radius: 5px;
       letter-spacing: 3px;
   }
   .comment_form .btn-primary:hover,
   .comment_form .btn-primary:focus {
       color: #000;
       border-radius: 5px;
       border-color: #bb793c;
   }
   /* ==============================
     27. Contact us styles
   ============================== */
   
   .touch .touch_bg .section_header p {
       max-width: 840px;
   }
   .touch .touch_bg .touch_top-con ul .item {
       padding: 15px 28px 30px 0px;
       text-align: center;
   }
   .touch .touch_bg .touch_top-con ul .item .media .media-left {
       padding-right: 30px;
       vertical-align: middle;
   }
   .touch .touch_bg .touch_top-con ul .item .media .media-left a {
       color: #009bb3;
       border: 1px solid #009bb3;
       border-radius: 100%;
       display: block;
       width: 50px;
       height: 50px;
   }
   .touch .touch_bg .touch_top-con ul .item .media .media-left a i {
       border-radius: 50%;
       font-size: 30px;
       line-height: 32px;
       padding-top: 8px;
   }
   .touch .touch_bg .touch_top-con ul .item .media .media-body {
       text-align: left;
       font: 14px/26px "Open Sans", sans-serif;
       color: #898989;
       letter-spacing: 0.3px;
   }
   .touch .touch_bg .touch_top-con ul .item .media .media-body a {
       color: #898989;
   }
   .touch .touch_bg .touch_top-con ul .item .media .media-body a:hover {
       color: #009bb3;
   }
   .touch .touch_bg .touch_top-con ul .item:first-child {
       padding-top: 0;
   }
   .touch .touch_bg .touch_middle {
       padding: 80px 0;
   }
   .touch .touch_bg .touch_middle .input_form {
       position: relative;
   }
   .touch .touch_bg .touch_middle .input_form form .form-control {
       margin-bottom: 20px;
       border-radius: 0;
       font: 15px/31px "Open Sans", sans-serif;
       color: #959595;
       padding: 11px 20px;
       border: 1px solid #e1e1e1;
       height: auto;
       -webkit-box-shadow: none;
       box-shadow: none;
   }
   .touch .touch_bg .touch_middle .input_form form .form-control:hover,
   .touch .touch_bg .touch_middle .input_form form .form-control:focus {
       border: 1px solid #d6d6d6;
       border-color: #d6d6d6;
   }
   .touch .touch_bg .touch_middle .input_form form .form-control:focus {
       -webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
       box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
   }
   .touch .touch_bg .touch_middle .input_form form .form-control.error {
       margin-bottom: 0;
   }
   .touch .touch_bg .touch_middle .input_form form .form-control.error + .error {
       font: 13px/24px "Open Sans", sans-serif;
       margin-bottom: 20px;
       margin-top: 5px;
       color: red;
       font-weight: normal;
   }
   .touch .touch_bg .touch_middle .input_form form textarea.form-control {
       margin-bottom: 32px;
       resize: none;
       padding: 15px 20px;
       height: 203px;
   }
   .touch .touch_bg .touch_middle .input_form form button {
       background: #f6ba18;
       border: 1px solid #f6ba18;
       text-transform: uppercase;
       letter-spacing: 1px;
       font: 600 1.2em/2.1em 'Roboto', sans-serif;
       padding: 7px 22px 7px 22px;
       color: #19242a;
       margin-top: 10px;
       border-radius: 5px;
       letter-spacing: 3px;
   }
   .touch .touch_bg .touch_middle .input_form form button:hover {
       color: #000;
       border-color: #bb793c;
   }
   .touch .touch_bg .touch_middle .input_form #success,
   .touch .touch_bg .touch_middle .input_form #error .touch .touch_bg .touch_middle .input_form #success p,
   .touch .touch_bg .touch_middle .input_form #error p .touch .touch_bg .touch_middle .input_form #success {
       color: lawngreen;
   }
   .touch .touch_bg .touch_middle .input_form #success p {
       color: lawngreen;
   }
   .touch .touch_bg .touch_middle .input_form #error {
       color: orangered;
   }
   .touch .touch_bg .touch_middle .input_form #error p {
       color: orangered;
   }
   #mapBox {
       height: 425px;
   }
   #map-area {
       position: relative;
   }
   #map-area::before {
       background: #000000 none repeat scroll 0 0;
       content: "";
       height: 100%;
       left: 0;
       opacity: 0.4;
       position: absolute;
       top: 0;
       width: 100%;
   }
   .touch p {
       margin: 0 0 1.2em;
       padding: 0;
       font: 400 1em/1.8em "Open Sans", sans-serif;
       color: #8E8D8D;
   }
   .touch h6 {
       color: #1088cc;
       font: 400 1.2em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       font-style: italic;
   }
   .touch h6 span {
       color: #de5842;
       font: 400 1.2em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       font-style: italic;
   }
   /* ==============================
     28. Testimonials page styles
   ============================== */
   
   .sectpad-t {
       padding: 6em 0 0;
   }
   .testimonial-parea {
       padding: 0 0 6em;
   }
   .testimonials p {
       font: 400 14px/26px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #898989;
       padding-top: 25px;
       margin: 0;
   }
   .testimonial-col-p {
       padding: 5em 1em 1em;
       border-bottom: 1px solid #e4e4e4;
   }
   .testimonial-p .media-body h3 {
       font: 400 1.2em/1em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #242424;
       margin: 0 0 0.8em;
       padding: 0;
   }
   .testimonial-p .media-body p {
       font: 400 1em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #898989;
       margin-bottom: 1em;
   }
   .testimonial-p .media-body a {
       font: 600 14px/26px "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #1fb5c7;
       font-style: italic;
       text-align: left;
       display: block;
   }
   .testimonial-p .media-body h6 {
       text-align: right;
       display: block;
   }
   .testimonial-p .media-left {
       padding-right: 60px;
   }
   .testimonial-p .media-left a img {
       width: 140px;
       height: 153px;
   }
   @media (max-width: 479px) {
       .testimonial-p .media-left {
           display: block;
           text-align: center;
           padding-right: 0;
       }
       .testimonial-p .media-body h3 {
           padding: 1em 0 0;
       }
   }
   .section_header-t {
       position: relative;
       padding: 0;
   }
   .section_header-t h2 {
       font: bold 2.2em/1.2em "Alegreya", serif;
       color: #000;
       text-transform: uppercase;
       position: relative;
       padding-bottom: 20px;
       letter-spacing: 0.3px;
       margin: 0;
   }
   .section_header-t h2:before {
       content: "";
       width: 55px;
       height: 3px;
       display: inline-block;
       background: #fab90a;
       position: absolute;
       bottom: 0;
   }
   /* ==============================
     29. Request a quote Page styles
   ============================== */
   
   .section_header-r {
       position: relative;
       padding: 0;
       margin: 0 0 1em;
   }
   .section_header-r h2 {
       font: bold 2.2em/1.2em "Alegreya", serif;
       color: #000;
       text-transform: uppercase;
       position: relative;
       padding-bottom: 20px;
       letter-spacing: 0.3px;
       margin: 0 0 1em;
   }
   .section_header-r h2:before {
       content: "";
       width: 55px;
       height: 3px;
       display: inline-block;
       background: #fab90a;
       position: absolute;
       bottom: 0;
   }
   .req-page-area {
       background: #f7f7f7;
       border: 1px solid #eeeeee;
       overflow: hidden;
       padding: 3em 1em 0;
       position: relative;
   }
   .req-page span {
       display: block;
       color: #404040;
       font: 600 1em/1.2em "Open Sans", sans-serif;
       margin: 0 0 0.6em;
   }
   .req-page-area .img-responsive {
       display: inline-block;
   }
   .req-page-area form .form-control {
       margin-bottom: 20px;
       border-radius: 0;
       font: 15px/31px "Open Sans", sans-serif;
       color: #959595;
       padding: 11px 20px;
       border: 1px solid #e1e1e1;
       height: auto;
       -webkit-box-shadow: none;
       box-shadow: none;
   }
   .pad-left {
       margin: 0 0 5em 10px;
   }
   .req-img {
       position: absolute;
       bottom: 0;
       right: 0;
   }
   .req-page-area form button {
       background: #f6ba18;
       border: 1px solid #f6ba18;
       text-transform: uppercase;
       letter-spacing: 1px;
       font: 600 1.2em/2.1em "Open Sans", sans-serif;
       padding: 7px 22px 7px 22px;
       color: #19242a;
       margin-top: 10px;
       border-radius: 5px;
       letter-spacing: 3px;
   }
   .req-page-area form button:hover {
       color: #000;
       border-color: #bb793c;
       background: #f6ba18;
   }
   .req-page-area form .form-control:hover,
   .req-page-area form .form-control:focus {
       border: 1px solid #d6d6d6;
       border-color: #d6d6d6;
   }
   .req-page-area form .form-control:focus {
       -webkit-box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
       box-shadow: 0 0 6px 0 rgba(215, 149, 62, 0.57);
   }
   .req-page-area .form-control.error {
       margin-bottom: 0;
   }
   .req-page-area form .form-control.error + .error {
       font: 13px/24px "Open Sans", sans-serif;
       margin-bottom: 20px;
       margin-top: 5px;
       color: red;
       font-weight: normal;
   }
   .req-page-area form textarea.form-control {
       margin-bottom: 32px;
       resize: none;
       padding: 15px 20px;
       height: 203px;
   }
   .req-page-area span {
       color: #404040;
       font: 1.1em/1.1em "Open Sans", sans-serif;
       display: block;
       padding: 0 0 0.5em;
   }
   .req-page-area .input_form #success {
       color: lawngreen;
   }
   .req-page-area .input_form #error {
       color: orangered;
   }
   .req-page-area .input_form #success,
   .req-page-area .input_form #error {
       position: absolute;
       top: -15px;
       display: block;
       right: 0;
       left: 0;
       bottom: -15px;
       background: rgba(0, 0, 0, 0.5);
       display: none;
   }
   /* ==============================
     30. Project details page styles
   ============================== */
   
   .pro-det-img img {
       max-width: 100%;
   }
   .pro-content {
       padding: 4em 0 0;
   }
   .projects_hours {
       border-top: 1px solid #e3e3e3;
       border-bottom: 1px solid #e3e3e3;
       padding: 2em 0;
       margin: 1.5em 0 0;
   }
   .projects_hours p {
       color: #242424;
       font: 600 1.3em/2em "Open Sans", sans-serif;
       margin: 0;
       padding: 0;
   }
   .projects_hours p span {
       display: block;
       color: #777;
       font: 400 1em/1.8em "Open Sans", sans-serif;
   }
   .project-con {
       background: #f5f5f5;
       padding: 34px 40px;
       margin: 3em 0;
   }
   .project-con h2 {
       color: #242424;
       font: 600 1.3em/2em "Open Sans", sans-serif;
       margin: 0;
       padding: 0 0 1em;
   }
   .project-con p {
       color: #898989;
       margin: 0 0 1.2em;
       padding: 0;
       font: 400 1em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
   }
   .project-scop .project-scop .pro-img img {
       max-width: 100%;
   }
   .project-scop h3 {
       color: #242424;
       font: 600 1.3em/1em "Open Sans", sans-serif;
       margin: 0;
       padding: 0 0 1em;
   }
   .project-scop p {
       margin: 0 0 1.2em;
       padding: 0;
       font: 400 1em/1.8em "Open Sans", sans-serif;
       letter-spacing: 0.3px;
       color: #777777;
   }
   .project-scop .scope-item {
       margin: 0;
       padding: 0;
       display: inline-block;
       padding: 7px 0px;
   }
   .project-scop .scope-item li {
       list-style: none;
       font: 400 1.1em/1.5em "Open Sans", sans-serif;
       color: #009bb3;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       display: block;
       padding-left: 30px;
       padding-bottom: 10px;
   }
   .project-scop .scope-item li:before {
       content: "\f0a4";
       width: 30px;
       height: auto;
       font: normal normal normal 14px/24px FontAwesome;
       font-size: 16px;
       text-rendering: auto;
       color: #009bb3;
       cursor: pointer;
       float: left;
       margin-left: -30px;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
   }
   /*====================================================*/
   
   .submit {
       color: #fff;
       text-transform: uppercase;
       margin-top: 8px;
       text-shadow: none;
       -webkit-text-shadow: none;
       position: relative;
       letter-spacing: 0.4px;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       z-index: 1;
   }
   .submit:before {
       content: "";
       position: absolute;
       width: 100%;
       height: 100%;
       background: #009bb3;
       top: 0;
       left: 0;
       right: 0;
       -webkit-transform: scaleX(0);
       -ms-transform: scaleX(0);
       transform: scaleX(0);
       -webkit-transform-origin: 0 50%;
       -ms-transform-origin: 0 50%;
       transform-origin: 0 50%;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       z-index: -1;
   }
   .submit:hover,
   .submit:focus {
       color: #fff;
       border-color: #bb793c;
   }
   .submit:hover:before,
   .submit:focus:before {
       -webkit-transform: scaleX(1);
       -ms-transform: scaleX(1);
       transform: scaleX(1);
   }
   /* shop page styles */
   
   .shop-item-wrapper {
       margin-left: -10px;
       margin-right: -10px;
   }
   .single-shop-item {
       margin: 0 -5px;
       margin-bottom: 50px;
       position: relative;
       overflow: hidden;
   }
   .single-shop-item .img-box {
       overflow: hidden;
   }
   .single-shop-item .img-box img {
       -webkit-transition: all .3s ease-out;
       -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
       -ms-transition: all .3s ease-out;
       transition: all .3s ease-out;
   }
   .single-shop-item .img-box img:hover {
       -webkit-transform: scale(1.2) translateZ(0);
       transform: scale(1.2) translateZ(0);
   }
   .single-shop-item .content {
       text-align: center;
       margin-top: 25px;
   }
   .single-shop-item .content h3 {
       font-size: 15px;
       font-weight: bold;
       color: #242424;
       margin: 0;
       text-transform: uppercase;
       margin-bottom: 10px;
   }
   .single-shop-item .content .review-box i {
       font-size: 13px;
       color: #FAB90A;
   }
   .single-shop-item .content .price {
       font-family: 'Alegreya';
       font-size: 25px;
       color: #2D2D2D;
       font-style: italic;
       display: block;
   }
   .single-shop-item .content a.thm-btn {
       background: #FAB90A;
       border-radius: 5px;
       color: #000000;
       text-transform: uppercase;
       line-height: 32px;
       display: inline-block;
       letter-spacing: .05em;
       font-family: 'Open Sans';
       font-weight: 600;
       padding: 0 18px;
       margin-top: 10px;
   }
   .single-shop-item .content a.thm-btn:hover {
       background: #019BB2;
       color: #fff;
   }
   .shop-page .page-navigation {
       margin-top: 0;
       text-align: center;
   }
   /*popular product widget */
   
   .single-sidebar-widget .best-seller.popular-post .content a h4 {
       font-size: 13px;
       text-transform: uppercase;
       font-family: 'Open Sans';
       color: #242424;
       margin: 0;
   }
   .single-sidebar-widget .best-seller.popular-post .content p {
       font-size: 25px;
       color: #2D2D2D;
       font-family: 'Alegreya';
       font-style: italic;
       margin: 10px 0 15px;
   }
   .single-sidebar-widget .best-seller.popular-post .content a.read-more {
       font-size: 13px;
       text-transform: uppercase;
       color: #1CBAC8;
       font-weight: bold;
       font-family: 'Raleway';
       letter-spacing: .03em;
   }
   /* product details page styles */
   
   .product-details-content {
       margin-bottom: 80px;
   }
   .product-details-content .img-box,
   .product-details-content .content-box {
       display: table-cell;
       vertical-align: top;
   }
   .product-details-content .img-box {
       width: 306px;
       border: 1px solid #E2E2E2;
   }
   .product-details-content .content-box {
       padding-left: 65px;
   }
   .product-details-content .content-box .title h3 {
       font-size: 20px;
       color: #242424;
       text-transform: uppercase;
       font-weight: 800;
       font-family: 'Raleway';
       margin: 0;
   }
   .product-details-content .content-box p {
       font-size: 14px;
       color: #959595;
       line-height: 26px;
   }
   .product-details-content .content-box .content-text {
       border-top: 1px solid #EAEAEA;
       border-bottom: 1px solid #EAEAEA;
       margin-top: 20px;
       padding-top: 19px;
       padding-bottom: 15px;
       margin-bottom: 30px;
   }
   .product-details-content .content-box .cart-btn {
       font-size: 15px;
       line-height: 54px;
       background: #1FB5C7;
       padding: 0 33px;
       letter-spacing: .1em;
       text-transform: uppercase;
       font-weight: 600;
       color: #fff;
       display: inline-block;
       margin-top: 28px;
       background: #FAB90A;
       font-size: 20px;
       font-weight: bold;
       font-family: 'Raleway';
       color: #000000;
       border-radius: 5px;
       padding: 0 49px;
   }
   .product-details-content .content-box .cart-btn i {
       font-size: 25px;
       margin-right: 20px;
   }
   .product-details-content .content-box .price,
   .product-details-content .content-box .quantity {
       font-size: 16px;
       color: #1F1F1F;
   }
   .product-details-content .content-box .price span {
       font-size: 35px;
       color: #292929;
       margin-left: 20px;
       font-style: italic;
       font-family: 'Alegreya';
   }
   .product-details-content .content-box .quantity {
       margin-top: 20px;
   }
   .product-details-content .content-box .quantity input {
       width: 40px;
       height: 35px;
       border: 1px solid #D9D9D9;
       text-align: center;
       line-height: 33px;
       padding-left: 10px;
       margin-left: 20px;
   }
   .product-tab-box {
       margin-bottom: 80px;
   }
   .product-tab-box .tab-title-box ul {
       margin: 0;
       padding: 0;
   }
   .product-tab-box .tab-title-box ul li {
       list-style: none;
       display: inline-block;
       margin-right: 6px;
   }
   .product-tab-box .tab-title-box ul li.active a {
       background: #FFFFFF;
       border-bottom-color: #fff;
       border-top: 3px solid #FAB90A;
       line-height: 44px;
   }
   .product-tab-box .tab-title-box ul li a {
       display: block;
       font-size: 13px;
       line-height: 44px;
       border: 1px solid #E2E2E2;
       text-transform: uppercase;
       background: #F7F7F7;
       color: #242424;
       padding: 0 29px;
   }
   .product-tab-box .tab-content {
       margin-top: -1px;
       border: 1px solid #E2E2E2;
       padding-top: 50px;
       padding-left: 40px;
       padding-right: 40px;
       padding-bottom: 65px;
   }
   .product-tab-box .tab-content h3 {
       margin: 0;
       font-size: 18px;
       margin-bottom: 12px;
   }
   .product-tab-box .tab-content p {
       color: #898989;
       font-size: 14px;
       margin-top: 15px;
   }
   .product-tab-box .tab-content p:first-child {
       margin-top: 0;
   }
   /* cart page styles */
   
   .cart-page {
       padding: 80px 0px;
   }
   .cart-page .table {
       margin: 0;
   }
   .cart-page table > tbody > tr > td,
   .cart-page .table > thead > tr > th {
       border: none;
   }
   .cart-page .table thead {
       background: #F9F9F9;
   }
   .cart-page .table > thead > tr > th {
       font-weight: normal;
       color: #fff;
       font-size: 13px;
       padding: 5px 20px;
       font-weight: 600;
       border: 1px solid #EBEBEB;
       border-bottom: 0;
       text-transform: uppercase;
       text-align: center;
       background-color: #004fb0;
   }
   .cart-page .table > thead > tr > th.close {
       color: transparent;
   }
   .cart-page .table > tbody > tr > td.preview {
       padding: 5px 0px;
   }

   .cart-page .table > tbody > tr > td.slno {
    padding: 0px;
}

   .cart-page .table > tbody > tr > td {
       border: 1px solid #ebebeb;
       color: #898989;
       font-size: 14px;
       font-weight: 500;
       padding: 5px 10px;
       text-align: center;
   }
   .cart-page .table > tbody > tr > td.price {
       font-size: 16px;
   }
   .cart-page .table > tbody > tr > td.del-item {
       text-align: center;
   }
   .cart-page .table > tbody > tr > td.total {
       font-size: 16px;
   }
   .cart-page .table > tbody > tr > td .select-box select:focus {
       outline: none;
   }
   .cart-page .table > tbody > tr > td.del-item {
       color: #c56e21;
       font-size: 18px;
       font-weight: normal;
   }
   .cart-page .bottom-box {
       background: #f9f9f9 none repeat scroll 0 0;
       margin: 0 0 50px;
       padding: 30px 25px;
       border-left: 1px solid #ebebeb;
       border-bottom: 1px solid #ebebeb;
       border-right: 1px solid #ebebeb;
   }
   .cart-page .bottom-box .cupon-box input {
       border: 1px solid #eeeeee;
       color: #8e8d8d;
       line-height: 36px;
       margin-right: 10px;
       outline: medium none;
       padding: 0 20px;
       width: 130px;
   }
   .cart-page .bottom-box .cupon-box button {
       padding: 0 20px;
       color: #fff;
       background: #E3E3E3;
       text-transform: capitalize;
       border: none;
       outline: none;
       font-weight: normal;
       line-height: 36px;
       color: #000000;
   }
   .cart-page .add-to-cart-wrap {
       text-align: right;
   }
   .cart-page .add-to-cart-wrap a .cart-button {
       background: #252525 none repeat scroll 0 0;
       border-radius: 5px;
       display: inline-block;
   }
   .cart-page .add-to-cart-wrap a .cart-button p {
       color: #ffffff;
       display: inline-block;
       float: left;
       font-size: 12px;
       line-height: 35px;
       margin: 0;
       padding-left: 21px;
       padding-right: 17px;
       text-transform: uppercase;
       border-right: 1px solid #000000;
   }
   .cart-page .add-to-cart-wrap a .cart-button i {
       border-left: 1px solid #404040;
       color: #98bc24;
       display: inline-block;
       float: left;
       font-size: 17px;
       line-height: 35px;
       padding-left: 14px;
       padding-right: 15px;
   }
   .cart-page .add-to-cart-wrap a:before {
       background: #98BC24;
   }
   .cart-page .cart-total-box li {
       border-bottom: 1px solid #ebebeb;
       border-left: 1px solid #ebebeb;
       border-right: 1px solid #ebebeb;
       font-weight: 500;
       line-height: 58px;
       padding: 0 25px;
       color: #000000;
       font-size: 13px;
       text-transform: uppercase;
   }
   .cart-page .cart-total-box li:first-child {
       border-top: 1px solid #EBEBEB;
   }
   .cart-page .cart-total-box li span {
       color: #898989;
       margin-left: 50px;
       font-size: 16px;
   }
   .cart-page .cart-total-box .cart-total {
       background: #F9F9F9;
   }
   .cart-page .cart-total-box .proceed-to-checkout {
       text-align: right;
       border: none;
   }
   .cart-page .cart-total-box .proceed-to-checkout a {
       line-height: 30px;
       font-size: 14px;
   }
   .cart-page .cart-total-box .proceed-to-checkout a .cart-button {
       background: #252525 none repeat scroll 0 0;
       border-radius: 5px;
       display: inline-block;
       margin-top: 24px;
   }
   .cart-page .cart-total-box .proceed-to-checkout a .cart-button p {
       border-right: 1px solid #000000;
       color: #ffffff;
       display: inline-block;
       float: left;
       font-size: 12px;
       line-height: 40px;
       margin: 0;
       padding-left: 21px;
       padding-right: 17px;
       text-transform: uppercase;
   }
   .cart-page .cart-total-box .proceed-to-checkout {
       padding-right: 0;
       padding-top: 10px;
       border: 1px solid #ebebeb;
       border-top: 0;
       padding-bottom: 10px;
       padding-right: 20px;
   }
   .cart-page .cart-total-box .proceed-to-checkout .cart-btn {
       background: #FAB90A;
       border-radius: 5px;
       color: #000000;
       text-transform: uppercase;
       line-height: 32px;
       display: inline-block;
       letter-spacing: .05em;
       font-family: 'Open Sans';
       font-weight: 600;
       padding: 0 18px;
       margin-top: 10px;
   }
   .cart-page .cart-total-box .proceed-to-checkout .cart-btn i {
       font-size: 17px;
       margin-right: 7px;
   }
   .cart-page .cart-total-box .proceed-to-checkout .cart-btn:hover {
       background: #1FB5C7;
       color: #fff;
       border-color: #1FB5C7;
   }
   .cart-page .cart-total-box .proceed-to-checkout a .cart-button i {
       border-left: 1px solid #404040;
       color: #98bc24;
       display: inline-block;
       float: left;
       font-size: 17px;
       line-height: 40px;
       padding-left: 14px;
       padding-right: 15px;
   }
   .cart-page .cart-total-box .proceed-to-checkout a:before {
       background: #98BC24;
   }
   .cart-page .select-box {
       width: 100px;
   }
   .cart-page .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
       border-right: 1px solid #E5E5E5;
   }
   .cart-page .select-menu + .ui-selectmenu-button {
       width: 100% !important;
       border-radius: 0;
       padding: 0px 40px 0 20px;
       border: 1px solid #E5E5E5;
       height: 42px;
       background: #fff;
       outline: none;
       color: #898989;
   }
   .cart-page .thm-btn {
       font-size: 14px;
       padding: 7px 23px;
   }
   .cart-page .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
       padding: 0;
       font-weight: normal;
       font-family: 'Open Sans', sans-serif;
       line-height: 42px;
   }
   .cart-page .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
       background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
       width: 16px;
       height: 6px;
       margin-top: -3px;
       margin-right: 4px;
   }
   .cart-page .bottom-box .cart-btn {
       background: #FAB90A;
       border-radius: 5px;
       color: #000000;
       text-transform: uppercase;
       line-height: 32px;
       display: inline-block;
       letter-spacing: .05em;
       font-family: 'Open Sans';
       font-weight: 600;
       padding: 0 18px;
       margin-top: 10px;
   }
   .cart-page .bottom-box .cart-btn i {
       font-size: 17px;
       margin-right: 7px;
   }
   .cart-page .bottom-box .cart-btn:hover {
       background: #D6B161;
       color: #fff;
       border-color: #D6B161;
   }
   .ui-selectmenu-menu .ui-menu {
       background: #fff;
   }
   .ui-selectmenu-menu .ui-menu-item {
       font-size: 16px;
       font-family: 'PT Serif', sans-serif;
       font-style: italic;
       padding: 5px 20px;
       border-bottom: 1px solid #E1E1E1;
       text-transform: capitalize;
   }
   .ui-selectmenu-menu .ui-menu-item.ui-state-focus {
       background: #00ACD9;
       border-color: #00ACD9;
       color: #fff;
       font-weight: normal;
   }
   /* checkout page styles */
   
   #checkout-content .return-customer {
       background: #004fb0 none repeat scroll 0 0;
       border: 1px solid #ebebeb;
       margin-bottom: 45px;
       padding: 21px 30px;
   }
   #checkout-content .return-customer p {
       color: #fff;
       font-size: 24px;
       font-weight: 600;
       line-height: 26px;
       margin-bottom: 0;
   }
   #checkout-content .return-customer a {
       color: #11A9E0;
   }
   #checkout-content label,
   #checkout-content input[type="text"] {
       display: block;
   }
   #checkout-content label {
       color: #000;
       font-size: 14px;
       font-weight: 600;
       line-height: 26px;
       margin-bottom: 4px;
   }
   #checkout-content input[type="text"] {
       border: 1px solid #00a1dd;
       color: #000;
       font-size: 14px;
       font-weight: 400;
       height: 40px;
       line-height: 40px;
       margin-bottom: 10px;
       outline: medium none;
       padding: 0 10px;
       width: 100%;
   }
   .left-checkout .section-title2.ship-to-different {
       margin-bottom: 39px;
       margin-top: 68px;
   }
   #checkout-content input[type="text"]:last-child {
       margin-bottom: 0;
   }
   #checkout-content .left-checkout > .row {
       margin-bottom: 23px;
   }
   #checkout-content .row span b {
       color: #8e8d8d;
       font-size: 14px;
       font-weight: 500;
   }
   #checkout-content input[type="checkbox"] {
       display: inline-block;
       margin: 0 15px 0 0;
       vertical-align: middle;
       float: left;
       margin-top: 4px;
   }
   #checkout-content textarea {
       width: 100%;
       height: 100px;
       border: 1px solid #E2E2E2;
       padding: 10px 20px;
       outline: none;
   }
   #checkout-content .ship-different {
       margin-top: 80px;
   }
   #checkout-content .order-box {
       border: 1px solid #D9D9D9;
       padding: 30px;
   }
   #checkout-content .order-box ul li {
       color: #8e8d8d;
       display: block;
       font-size: 14px;
       font-weight: 400;
       line-height: 45px;
   }
   #checkout-content .order-box ul li.total {
       border-bottom: 1px solid #e2e2e2;
       border-top: 1px solid #e2e2e2;
       color: #242424;
   }
   #checkout-content .order-box ul li span {
       color: #898989;
       display: inline-block;
       float: right;
       font-size: 14px;
       font-family: "Open Sans", sans-serif;
   }
   #checkout-content .order-box ul li span.bold {
       color: #242424;
       font-size: 18px;
       font-weight: 500;
       font-family: "Open Sans", sans-serif;
   }
   #checkout-content .order-box ul li a span {
       color: #11A9E0;
       font-size: 13px;
       font-weight: 500;
       font-family: "Raleway", sans-serif;
   }
   #checkout-content .order-box ul li.place-order-button {
       padding-top: 20px;
       line-height: 30px;
   }
   #checkout-content .order-box ul li input[type="radio"] {
       margin-right: 10px;
   }
   #checkout-content .order-box ul li .note {
       background: #ECECEC;
       padding: 25px;
       color: #8E8D8D;
       line-height: 24px;
       font-size: 14px;
       font-weight: normal;
       position: relative;
   }
   #checkout-content .order-box ul li .note .fa {
       font-size: 35px;
       position: absolute;
       top: -22px;
       left: 25px;
       color: #ECECEC;
   }
   #checkout-content .order-box ul li a.place-order {
       background: #FD9C1E;
       text-transform: uppercase;
       display: inline-block;
       line-height: 36px;
       font-weight: 700;
       color: #fff;
       padding: 0 40px;
       margin-top: 30px;
   }
   #checkout-content .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
       padding: 0;
       font-weight: normal;
       font-family: 'Open Sans', sans-serif;
       line-height: 42px;
       color: #000;
       text-transform: capitalize;
   }
   #checkout-content .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
       background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
       width: 14px;
       height: 6px;
       margin-top: -3px;
       margin-right: 8px;
   }
   #checkout-content .select-menu + .ui-selectmenu-button {
       width: 100% !important;
       border-radius: 0;
       padding: 0px 20px;
       border: 1px solid #00a1dd;
       height: 42px;
       background: #fff;
       outline: none;
       color: #898989;
   }
   #checkout-content .thm-btn {
       background-color: #002d80;
       border-radius: 5px;
       color: #fff;
       text-transform: uppercase;
       line-height: 42px;
       display: inline-block;
       letter-spacing: .05em;
       font-family: 'Open Sans';
       font-weight: 600;
       font-size: 24px;
       padding: 10px 30px;
       justify-content: center;

   }
   #checkout-content .thm-btn i {
       font-size: 17px;
       margin-left: 7px;
   }
   #checkout-content .thm-btn:hover {
       background: #1FB5C7;
       color: #fff;
       border-color: #1FB5C7;
   }
   /* faq page styles */
   
   .faq-page .sec-title h2 {
       margin: 0;
   }
   .faq-page .sec-title p {
       margin-top: 20px;
   }
   .faq-form {
       background: #F9F9F9;
       padding: 20px 30px;
       border: 1px solid #EAEAEA;
       margin-bottom: 50px;
       margin-top: 30px;
   }
   .faq-form input {
       height: 44px;
       border: 1px solid #E9E9E9;
       outline: none;
       padding-left: 25px;
       width: 79%;
       position: relative;
       top: 1px;
   }
   .faq-form .thm-btn {
       padding: 0px 41px;
       line-height: 44px;
       border-radius: 0;
       margin-left: -4px;
       border: none;
       position: relative;
       top: 1px;
       background: #1FB5C7;
   }
   .faq-page .accrodion .accrodion-title h4 {
       text-transform: none;
       font-weight: normal;
       color: #8E8D8D;
   }
   .faq-page .accrodion.active .accrodion-title {
       background: #1FB5C7;
   }
   .faq-page .accrodion.active .accrodion-title h4 {
       color: #fff;
   }
   .faq-page .accrodion.active .accrodion-title h4 {
       color: #fff;
   }
   .faq-page .accrodion.active .accrodion-title:after {
       border-color: #fff;
       color: #fff;
   }
   .faq-question-one .single-faq {
       margin-bottom: 28px;
   }
   .faq-question-one .single-faq:last-child {
       margin-bottom: 0;
   }
   .faq-question-one .single-faq h3 {
       font-size: 16px;
       line-height: 33px;
       font-weight: bold;
       color: #242424;
       font-family: 'Open Sans', sans-serif;
   }
   .faq-question-one .single-faq p {
       color: #898989;
       margin-top: 4px;
   }
   /* ==============================
     31. Home Page 2 styles
   ============================== */
   
   .wel-t-band {
       position: relative;
       background: #171725;
       font: 400 1em/1em "Open Sans", sans-serif;
       color: #6e6e6e;
   }
   .wel-t-band p span {
       color: #3a3a3a;
   }
   .req-button {
       position: relative;
       float: right;
       margin-left: 1em;
       margin-top: 1.7rem;
   }
   .req-button a {
       background: #002d80;
       color: #fff;
       font: 600 1.08em/1em 'Roboto', sans-serif;
       display: inline-block;
       padding: 1em 1.52em;
       border-radius: 4px;
       border: 1px solid #002d80;
       margin: 0;
   }
   .req-button a:hover {
       border-radius: 0px;
       color: #fff;
       border: 1px solid #CCC;
       background: #002d80;
   }
   
   .login-button {
       position: relative;
       float: right;
       margin-left: 1em;
       margin-top: 1.3em;
   }
   
   .login-button a {
       background: transparent;
       color: #333;
       border: 1px solid #1426b0;
       font: 500 1.08em/1em 'Roboto', sans-serif;
       display: inline-block;
       padding: 14px 12px;
       border-radius: 4px;
       margin: 0;
   }
   
   .login-button a:hover {
       border-radius: 4px;
       color: #333;
       background: #d7dcff;
   }
   
   .login-button i {
       color: #333;
       font-size: 18px;
       display: inline-block;
       padding: 0px 5px 0 0;
   }
   
   
   .req-button .submit:before {
       background: #002d80;
   }
   .req-button .submit:hover {
       color: #fff;
   }
   .req-button .submit:focus {
       color: #fff;
       border-color: #53cff5;
   }
   .top-two-right {
       position: relative;
       overflow: hidden;
       padding: 3.5px 0;
   }
   .top-two-right .top-panel {
       float: right;
       width: 65%;
   }
   .nav-home-three {
       background: #000468;
       position: relative;
   }
   .nav-home-three .col-md-3, .nav-home-two .col-md-3
   {
       display: none;
   }
   .nav-home-two {
       background: transparent;
   }
   .pad-logo {
       padding-top: 5px;
       padding-bottom:5px;
   }
   .touch_top_pad {
       padding-top: 2em;
       padding-bottom: 0;
   }
   /*         Home  Navigation    */
   
   .nav-t-holder {
       position: relative;
   }
   .nav-t-holder .nav-header {
       display: none;
       padding: 12px 20px;
   }
   .nav-t-holder .nav-t-header button {
       background: transparent;
       border: none;
       outline: none;
       color: #fff;
       font-size: 25px;
       border-radius: 5px;
   }
   .nav-t-holder .nav-t-footer {
       display: block;
   }
   .nav-t-holder .nav-t-footer ul.nav > li {
       display: inline-block;
       padding: 1em 0;
       position: relative;
   }
   .nav-t-holder .nav-t-footer ul.nav > li:hover a,
   .nav-t-holder .nav-t-footer ul.nav > li.active a {
       color: #fab90a;
       background-color: transparent;
   }
   .nav-t-holder .nav-t-footer ul.nav > li:last-child > a {
       border: none;
       padding-right: 0;
   }
   .nav-t-holder .nav-t-footer ul.nav > li:first-child > a
   {
       padding: 0 1.3em 0 0;
   }
   .nav-t-holder .nav-t-footer ul.nav > li > a {
       padding: 0 1em;
       display: block;
       color: #fff;
       text-transform: none;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
       font: 500 16px 'Open Sans', sans-serif;
       border-right: 1px dashed #6063b2;
   }
   .nav-t-holder .nav-t-footer ul.nav > li > ul.submenu {
       top: 100%;
       left: 0;
   }
   .nav-t-holder .nav-t-footer ul.nav > li > ul.submenu.align-right {
       right: 0;
       left: auto;
   }
   .nav-t-holder .nav-t-footer ul.nav > li:hover > ul.submenu {
       visibility: visible;
       opacity: 1;
   }
   .nav-t-holder .nav-t-footer ul.nav > li > ul.submenu > li > ul.submenu {
       top: 0;
       left: 100%;
   }
   .nav-t-holder .nav-t-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right {
       right: 100%;
       left: auto;
   }
   .nav-t-holder .nav-t-footer ul.nav > li > ul.submenu > li:hover > ul.submenu {
       visibility: visible;
       opacity: 1;
   }
   .nav-t-holder .nav-t-footer ul.nav > li ul.submenu {
       position: absolute;
       width: 250px;
       opacity: 0;
       visibility: hidden;
       z-index: 99999;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
       box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
       -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
       -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
   }
   .nav-t-holder .nav-t-footer ul.nav > li ul.submenu li {
       display: block;
       padding: 0;
       background: #fff;
   }
   .nav-t-holder .nav-t-footer ul.nav > li ul.submenu li:last-child a {
       border-bottom: 0;
   }
   .nav-t-holder .nav-t-footer ul.nav > li ul.submenu li:last-child a:after {
       display: none;
   }
   .nav-t-holder .nav-t-footer ul.nav > li ul.submenu li:hover > a {
       color: #fff;
       background: #002d80;
   }
   .nav-t-holder .nav-t-footer ul.nav > li ul.submenu li a {
       color: #000;
       font: 500 14px 'Open Sans', sans-serif;
       padding: 10px 25px 10px;
       border-bottom: 1px solid #e9e9e9;
       position: relative;
       display: block;
       font-weight: 500;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
       text-transform: capitalize;
   }
   .nav-t-holder ul.nav li.has-t-submenu > a > button {
       display: none;
   }
   .nav-t-holder .nav-t-header {
       display: none;
       padding: 12px 0px;
       float: right;
   }
   .touch_top ul .item .media .blue-color a i {
       color: #1fa6c8;
   }
   /*         Home  Navigation    */
   
   .top-navigation,
   .top-navigation-4 {
       position: relative;
   }
   .top-navigation .main_menu {
       position: absolute;
       left: 0;
       right: 0;
       border-bottom: 1px solid #5f6f7e;
   }
   .top-navigation-4 .main_menu {
       position: absolute;
       left: 0;
       right: 0;
       top: 70px;
   }
   .top-navigation-4 .main_menu.fixed
   {
       position: fixed;
       top: 0;
       background: #0f263a;
   }
   .top-navigation-4 .main_menu.fixed .logo
   {
       width: 220px;
       padding: 9px 0;
   }
   .top-navigation-4 .main_menu.fixed .logo img
   {
       width: 100%;
   }
   .top-navigation-4 .wel-band-bg {
       background: transparent;
   }
   .top-navigation-4 .wel-t-band {
       background: rgba(0, 0, 0, 0.5);
       position: absolute;
       left: 0;
       right: 0;
       z-index: 100;
   }
   .top-navigation-4 .nav-t-holder .nav-t-footer ul.nav > li > a {
       padding: 0 1em;
       border-right: none;
   }
   .top-navigation-4 .nav-t-holder .nav-t-footer ul.nav > li:last-child a {
       border-left: 1px solid #fff;
   }
   .top-navigation-4 .nav-menu
   {
       width: 100%;
   }
   .top-navigation-4 .wel-band-bg p {
       color: #838484;
   }
   .top-navigation-4 .wel-band-bg p a {
       margin: 0 0 0 50px;
       color: #40add5;
       text-transform: uppercase;
       font-weight: bold;
   }
   .top-navigation .main_menu.fixed {
       position: fixed;
       background: #0f263a;
       border-bottom: none;
   }
   .top-navigation .main_menu.fixed .widget-t .search-form .form-control,
   .top-navigation .main_menu.fixed .widget-t .search-form .form-control + .input-group-addon button {
       background: #081e2f;
   }
   .top-navigation .main_menu.fixed .widget-t-inner {
       border: 1px solid #1a2e40;
   }
   .top-navigation .nav-t-holder .nav-t-footer ul.nav > li > a {
       border-right: 1px dashed #5f6f7e;
   }
   .top-navigation .nav-t-holder .nav-t-footer ul.nav > li:last-child > a {
       border-right: none;
   }
   .top-navigation .widget-t .search-form .form-control,
   .top-navigation .widget-t .search-form .form-control + .input-group-addon button {
       background: transparent;
   }
   .top-navigation .widget-t .search-form .form-control + .input-group-addon {
       background: transparent;
   }
   .top-navigation .widget-t-inner {
       border: 1px solid #516170;
   }
   .main_menu {
       position: relative;
       z-index: 9999;
   }
   @keyframes menu_sticky {
       0% {
           margin-top: -100px;
       }
       50% {
           margin-top: -90px;
       }
       100% {
           margin-top: 0;
       }
   }
   .fixed {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 9999;
       animation-name: menu_sticky;
       animation-duration: 0.60s;
       animation-timing-function: ease-out;
       -webkit-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
       box-shadow: 0px 13px 30px -12px rgba(0, 0, 0, 0.75);
   }
   .widget-t-search {
       float: right;
       padding: 10px 0;
   }
   .widget-t .search-form .form-control {
       height: 40px;
       border-radius: 0;
       border: none;
       font: 1em/1em "Open Sans", sans-serif;
       padding: 0 18px;
       -webkit-box-shadow: none;
       box-shadow: none;
       color: #c0c0c0;
       z-index: 0;
       background: #081e2f;
   }
   .widget-t-inner {
       border: 1px solid #1a2e40;
       width: 245px;
   }
   .widget-t .search-form .form-control + .input-group-addon {
       padding: 0;
       border: 0;
       border-radius: 0;
       background-color: #081e2f;
   }
   .widget-t .search-form .form-control + .input-group-addon button {
       border: 0;
       background: #081e2f;
       color: #bcbcbd;
       font-size: 1.2em;
       line-height: 2.1em;
       padding-right: 15px;
   }
   /* ==============================
     32. Home Slider
   ============================== */
   
   .thm-banner-t-wrapper .caption-h1 {
       font-size: 40px;
       line-height: 50px;
       font-weight: 700;
       text-transform: uppercase;
       color: #fff;
       position: relative;
   }
   .thm-banner-t-wrapper .caption-p {
       font-size: 20px;
       font-style: italic;
       color: #fff;
       line-height: 28px;
   }
   .thm-banner-t-wrapper .caption-divider span.divider {
       width: 1px;
       height: 90px;
       background: #fff;
       display: block;
   }
   .thm-banner-t-wrapper .inverse {
       background: #F7BE3D;
       color: #fff;
       border: 2px solid #F7BE3D;
       font: 300 1.2em/1em "Open Sans", sans-serif;
   }
   .thm-banner-t-wrapper .inverse:hover {
       color: #fff;
       background: #1FB5C7;
       border: 2px solid #1FB5C7;
   }
   .thm-banner-t-wrapper .thm-btn {
       padding-top: 7px;
       padding-bottom: 7px;
       -webkit-transition: all .3s ease !important;
       transition: all .3s ease !important;
       font-weight: bold !important;
       padding: 1.1em 2.5em;
       border-radius: 4px;
       font: 400 1.2em/1em "Open Sans", sans-serif;
   }
   .thm-banner-t-wrapper .thm-btn i {
       margin: 0;
       border-color: transparent;
   }
   .thm-banner-t-wrapper .inversen {
       background: #53cff5;
       color: #fff;
       border: 2px solid #53cff5;
       font: 300 1.2em/1em "Open Sans", sans-serif;
   }
   .thm-banner-t-wrapper .inversen:hover {
       color: #fff;
       background: #F7BE3D;
       border: 2px solid #F7BE3D;
   }
   .thm-banner-t-wrapper .thm-btn i:after {
       display: none;
   }
   .thm-banner-wrapper .thm-btn.inverse i {
       color: #fff;
   }
   .thm-banner-wrapper .brder {
       display: block;
       width: 100px;
       height: 4px;
       background: #E6AB0C;
       margin-left: auto;
       margin-right: auto;
       margin-top: 22px;
   }
   .thm-banner-wrapper .brder-left {
       display: block;
       width: 100px;
       height: 4px;
       background: #E6AB0C;
       margin-top: 22px;
       text-align: left;
       margin-left: 0;
   }
   /* ==============================
     33. Different Services
   ============================== */
   
   .diff-offer-wrapper {
       background: #f5f4f4;
       position: relative;
       padding-bottom: 2.5em;
   }
   .diff-offer {
       position: relative;
       padding-top: 4em;
       padding-bottom: 4em;
       overflow: hidden;
   }
   .diff-offer ul {
       margin: 0;
       padding: 0;
   }
   .diff-offer ul li {
       margin: 0;
       padding: 0;
       float: left;
   }
   .we-offer-cont {
       width: 32%;
   }
   .we-offer-cont h2 {
       margin-top: 10px;
       padding: 0 0.8em 0 0;
       text-align: right;
       font: 800 2.4em/1em "Open Sans", sans-serif;
       color: #323232;
       text-transform: uppercase;
   }
   .we-offer-cont h2 span {
       display: block;
   }
   .we-offer-cont2 {
       width: 68%;
       border-left: 3px solid #25639a;
   }
   .we-offer-cont2 p {
       font: 400 1.2em/1.4em "Open Sans", sans-serif;
       margin: 0;
       padding: 0 0 0 2em;
       font-style: italic;
       color: #333;
   }
   .view .mask {
       width: 100%;
       height: 100%;
       position: absolute;
       overflow: hidden;
       top: 0;
       left: 0;
   }
   .service-info .view {
       width: 100%;
       height: 100%;
       float: left;
       overflow: hidden;
       position: relative;
       cursor: pointer;
       text-align: left;
   }
   .service-info .view img {
       display: block;
       position: relative;
   }
   .service-info .view a.info {
       background: url(../images/services/icon.png) left bottom no-repeat;
       display: inline-block;
       text-decoration: none;
       text-indent: -9999px;
       width: 58px;
       height: 64px;
       left: -80px;
       bottom: -20px;
   }
   .service-info .second-effect .mask {
       opacity: 0;
       overflow: visible;
       border: 0px solid rgba(0, 0, 0, 0.8);
       -moz-box-sizing: border-box;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
       -webkit-transition: all 0.4s ease-in-out;
       -moz-transition: all 0.4s ease-in-out;
       -o-transition: all 0.4s ease-in-out;
       -ms-transition: all 0.4s ease-in-out;
       transition: all 0.4s ease-in-out;
   }
   .service-info .second-effect a.info {
       position: relative;
       opacity: 0;
       -moz-transform: scale(0, 0);
       -webkit-transform: scale(0, 0);
       -o-transform: scale(0, 0);
       -ms-transform: scale(0, 0);
       transform: scale(0, 0);
       -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
       -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
       -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
       -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
       transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
   }
   .service-info .second-effect:hover .mask {
       opacity: 1;
       border: 105px solid rgba(15, 38, 58, 0.6);
   }
   .service-info .second-effect:hover a.info {
       opacity: 1;
       -moz-transform: scale(1, 1);
       -webkit-transform: scale(1, 1);
       -o-transform: scale(1, 1);
       -ms-transform: scale(1, 1);
       transform: scale(1, 1);
       -moz-transition-delay: 0.3s;
       -webkit-transition-delay: 0.3s;
       -o-transition-delay: 0.3s;
       -ms-transition-delay: 0.3s;
       transition-delay: 0.3s;
   }
   /* ==============================
     33. Control in compliance
   ============================== */
   
   .ind-common-pad2 {
       padding-top: 5em;
       padding-bottom: 6.5em;
   }
   .quality-wrapper {
       position: relative;
   }
   .quality-wrapper h2 {
       font: 300 2.8em/1.3em "Open Sans", sans-serif;
       margin: 0 0 1.2em;
       padding: 0;
       color: #242424;
   }
   .quality-wrapper p {
       color: #6c6c6c;
       margin: 0 0 4em;
       padding: 0;
       font: 400 1.2em/1.8em "Open Sans", sans-serif;
   }
   .vision-wrapper {
       position: relative;
   }
   .vision-wrapper ul {
       margin: 0;
       padding: 0;
   }
   .vision-wrapper ul li {
       margin: 0;
       padding: 0 4em;
       display: inline-block;
       text-align: center;
       border-right: 1px solid #cfcfcf;
   }
   .vision-wrapper ul li p {
       color: #6c6c6c;
       font: 700 1.6em/1.8em "Open Sans", sans-serif;
       padding: 0;
       margin: 0;
       text-transform: uppercase;
   }
   .vision-wrapper ul li:last-child {
       border-right: 1px solid transparent;
   }
   .vision-wrapper ul li a {
       color: #6c6c6c;
   }
   .vision-wrapper ul li a:hover {
       color: #009bb3;
   }
   /* ==============================
     34. Control in compliance
   ============================== */
   
   .fluid-service-area-home {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       overflow: hidden;
   }
   .fluid-service-area-home .work-image-ser {
       width: -webkit-calc(50% - 115px);
       width: calc(50% - 115px);
       float: left;
       text-align: right;
       display: block;
       position: relative;
   }
   @media (max-width: 991px) {
       .fluid-service-area-home .work-image-ser {
           width: 100%;
           text-align: center;
       }
   }
   @media (max-width: 991px) {
       .fluid-service-area-home .work-image-ser img {
           width: 100%;
       }
   }
   .fluid-service-area-home .service-promo {
       width: -webkit-calc(50% + 115px);
       width: calc(50% + 115px);
       float: left;
       position: relative;
       padding-left: 0;
       background: url("../images/services/ser-bg1.jpg") repeat;
       padding-left: 30px;
   }
   @media (max-width: 991px) {
       .fluid-service-area-home .service-promo {
           width: 100%;
           padding-bottom: 30px;
       }
   }
   @media (max-width: 991px) {
       .fluid-service-area-home .service-promo {
           padding: 15px;
       }
   }
   .test-quote-sec {
       position: relative;
       margin-left: -8em;
   }
   .testimonial-t-sec {
       position: relative;
   }
   .testimonial-t-sec .testimonialn-slider img {
       width: 130px;
       /* border: 2px solid #FFFFFF; */
       
       border-radius: 50%;
       display: inline-block;
   }
   .testimonial-t-sec .testimonialn-slider .content p {
       color: #bbc1c7;
       margin: 1em 0 0;
       padding: 0;
       font: 400 1.1em/1.6em "Open Sans", sans-serif;
   }
   .testimonial-t-sec .testimonialn-slider .sign img {
       width: 160px;
       display: inline-block;
       border-radius: 0;
   }
   .testimonial-t-sec .testimonialn-slider .name-content {
       display: block;
       position: relative;
       width: 100%;
   }
   .testimonial-t-sec .testimonialn-slider .name-content .tst-img {
       float: left;
       margin: 0 1.5em 0 0;
   }
   .testimonial-t-sec .testimonialn-slider .name-content .client-name {
       float: left;
       margin: 1em 0 0;
   }
   .testimonial-t-sec .testimonialn-slider .name-content .client-name p {
       font: 600 1.3em/2em "Open Sans", sans-serif;
       margin: 0;
       padding: 0;
       color: #fff;
   }
   .testimonial-t-sec .testimonialn-slider .name-content .client-name p span {
       display: block;
       color: #fff;
       font: 400 0.79em/1.8em "Open Sans", sans-serif;
   }
   .testimonial-t-sec .testimonialn-slider .name-content .client-name ul li {
       display: inline-block;
       margin: 8px -1px 0 1px;
   }
   .testimonial-t-sec .testimonialn-slider .name-content .client-name ul li a {
       color: #ffba00;
       font-size: 1em;
       margin: 0 0.4em 0 0;
   }
   .service-t-content {
       /*position: relative;
       padding: 3em 20em 4em 7em;*/
       
       max-width: 670px;
       margin: 0;
       z-index: 2;
       position: relative;
       padding: 36px 10px 0px 130px;
   }
   .testimonial-t-sec .testimonialn-slider .owl-dots .owl-dot span {
       border: 2px solid #637c93;
       background: transparent;
       width: 12px;
       height: 12px;
   }
   .testimonial-t-sec .testimonialn-slider .owl-dots .owl-dot.active span,
   .owl-theme .owl-dots .owl-dot:hover span {
       border: 2px solid #ffba00;
       background-color: #ffba00;
   }
   .testimonialn-slider.owl-theme .owl-controls {
       text-align: left;
       margin-top: 0;
   }
   .featured-services {
       overflow: hidden;
       background: #0b3357;
   }
   .featured-services .left-full-img img {
       max-width: none;
   }
   /* ==============================
     35. LOOKING AN ADEQUATE
   ============================== */
   
   .looking-wrapper {
       position: relative;
       background: #151c49;
       padding-top: 3em;
       padding-bottom: 3em;
   }
   .section_header2 {
       position: relative;
       padding: 0 0 2em;
   }
   .section_header2 h2 {
       font: bold 2em/1em "Alegreya", serif;
       color: #000;
       text-transform: uppercase;
       position: relative;
       padding-bottom: 20px;
       letter-spacing: 0.3px;
       margin: 0;
   }
   .section_header2 h2.white,
   .section_header h2.white {
       color: #fff;
   }
   .section_header2 h2:before {
       content: "";
       width: 55px;
       height: 3px;
       display: inline-block;
       background: #fab90a;
       position: absolute;
       bottom: 0;
   }
   .indurial-solution-text2 h2 {
       font: 600 1.7em/1.5em 'Open Sans Condensed', sans-serif;
       color: #CCC;
       margin: 0;
       padding: 0;
      
   }
   .looking-wrapper .req-button a {
       background: #000;
       color: #fff;
       border-radius: 4px;
       font: 600 1.03em/1.3em 'Raleway', sans-serif;
       padding: 0.8em 2.5em;
   }
   .looking-wrapper .req-button a i {
       margin-left: 6px;
   }
   .looking-wrapper3 {
       min-height: 113px;
       padding: 34px 0;
   }
   .looking-wrapper3 .indurial-solution-text2 h2 {
       font: 300 24px 'Open Sans', sans-serif;
       color: #000;
       margin: 5px 0;
   }
   .looking-wrapper3 .req-button a {
       background: #0f263a;
       padding: 1em 1.52em;
   }
   /* ==============================
     36. About us and Frequently Ask questions
   ============================== */
   
   .about-sec-content {
       position: relative;
   }
   .about-sec-content h4 {
       color: #333;
       font: 500 1em/1.6em "Open Sans", sans-serif;
       margin: 0.8em 0 1em;
       padding: 0;
   }
   .about-sec-content p {
       color: #333;
       font: 500 1em/1.6em "Open Sans", sans-serif;
       margin: 0 0 1em;
       padding: 0;
   }
   .about-sec-content ul .about-sec-content ul li {
       color: #6c6c6c;
       font: 400 1.1em/2em "Open Sans", sans-serif;
   }
   .about-sec-content ul li .fa {
       color: #233859;
       margin-right: 5px;
       font-size: 1em;
   }
   .accordian-area-pad {
       margin-top: 1.42em;
   }
   .accordian-area {
       position: relative;
   }
   .accordian-area .panel .panel-heading .panel-title a i {
       font-size: 0.8em;
       line-height: 50px;
       position: absolute;
       top: 0;
       left: 0;
   }
   .accordian-area .panel .panel-heading .panel-title a .fa-plus {
       display: none;
   }
   .accordian-area .panel .panel-heading .panel-title a.collapsed .fa-plus {
       display: block;
       width: 25px;
       height: 25px;
       text-align: center;
       font-size: 10px;
       border-radius: 50%;
       border: 1px solid #c8c8c8;
       color: #0e1322;
   }
   .accordian-area .panel .panel-heading .panel-title a i
   {
       margin: 12.5px;
       line-height: 25px;
   }
   .accordian-area .panel .panel-heading .panel-title a .fa-minus {
       display: block;
       width: 25px;
       text-align: center;
       color: #000;
       height: 25px;
       font-size: 10px;
       border-radius: 50%;
       border: 1px solid #184064;
       background: #fff;
   }
   .accordian-area .panel .panel-heading .panel-title a.collapsed .fa-minus {
       display: none;
   }
   .accordian-area .panel-group .panel {
       border-radius: 0;
       background: transparent;
       margin: 10px 0 0 0;
   }
   .accordian-area .panel {
       border-radius: 0;
   }
   .accordian-area .panel-default>.panel-heading {
       position: relative;
       padding: 0;
       margin: 0;
   }
   .accordian-area .panel-title {
       font: 400 18px "Open Sans", sans-serif;
       background: #fff;
   }
   .accordian-area .panel-title.on
   {
     background: #184064;
   }
   .accordian-area .panel .panel-heading .panel-title a.collapsed {
       background: #fff;
       color: #242424;
   }
   .accordian-area .panel .panel-heading .panel-title a {
       background: #184064;
       display: block;
       color: #fff;
       padding: 12px 0;
       margin: 0 0 0 50px;
       height: 50px;
   }
   .accordian-area .panel-body {
       background: #fff;
       color: #898989;
       font: 400 1.1em/1.8em "Open Sans", sans-serif;
   }
   .panel-title.actives
   {
       height: 50px;
   }
   .section_header3 h2 {
       color: #fff;
   }
   .latest-news1 {
       background: url("../images/latest-news/news-bg.jpg") no-repeat scroll center 0;
       -webkit-background-size: cover;
       background-size: cover;
   }
   
   .about-but {
       position: relative;
       display: inline-block;
       float: left;
       margin-left: 0;
       padding-top: 4em;
   }
   .about-but a {
       background: #000;
       border: 1px solid #000;
   }
   .about-but a i {
       margin-left: 10px;
   }
   .about-us4 {
       background: url("../images/about/bg-about-us4.jpg") right center no-repeat;
       padding: 89px 0;
       min-height: 694px;
       background-size: cover;
   }
   .about-us5 {
       background: url("../images/about/bg-about-us5.jpg") left center no-repeat;
       padding: 78px 0 58px;
       background-size: cover;
       min-height: 603px;
   }
   .about-us4 .section-faq, .about-us5 .section-faq  {
       padding: 0 0 0 65px;
   }
   /* ==============================
     37. Our Projects
   ============================== */
   
   .our-galler-htwo {
       background: url(../images/our-projects/bg.jpg) no-repeat center top;
       position: relative;
   }
   .our-galler-three {
       background: #ebebeb no-repeat center top;
       position: relative;
       padding: 100px 0 0 0;
   }
   .our-galler-four {
       background: url("../images/projects/bg-our-project4.jpg") no-repeat center top;
       position: relative;
       padding: 96px 0 0 0;
   }
   .our-galler-five {
       background: #1e2228 no-repeat center top;
       position: relative;
       padding: 50px 0 0 0;
   }
   .fullwidth-slider {
       padding: 0 1.5em;
   }
   .fullwidth-slider.owl-theme .owl-controls .owl-nav [class*="owl-"] {
       background: transparent;
       -webkit-border-radius: 0;
       -moz-border-radius: 0;
       border-radius: 0;
       margin: 0;
       padding: 0;
   }
   .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev,
   .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-next {
       background: #ffba00;
       width: 33px;
       text-align: center;
       font-size: 20px;
       line-height: 30px;
       color: #000;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       height: 33px;
   }
   .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
       margin-right: 20px;
   }
   .fullwidth-slider.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
       background: #eaac05;
       color: #000;
       text-decoration: none;
   }
   .fullwidth-slider.owl-theme .owl-controls {
       margin-top: 4em;
   }
   .fullwidth-silder {
       padding-top: 2em;
   }
   .fullwidth-silder2 .owl-theme .owl-controls,
   .fullwidth-silder3 .owl-theme .owl-controls {
       margin-top: 0;
   }
   .fullwidth-slider2 .owl-nav,
   .fullwidth-slider3 .owl-nav {
       position: absolute;
       top: -92px;
       width: 1170px;
       text-align: right;
       margin: 0 auto;
       left: 0;
       right: 0;
   }
   /* ==============================
     38. Lattest news
   ============================== */
   
   .event-pad {
       padding-top: 1.3em;
   }
   .news-wrapper {
       position: relative;
       background: #f4f4f4;
   }
   .news-evn-img {
       position: relative;
       overflow: hidden;
   }
   .news-evn-img:before {
       content: '';
       position: absolute;
       bottom: -3px;
       width: 10px;
       height: 3px;
       display: inline-block;
       background: #fff;
       margin: 0;
   }
   .news-evn-img .event-date {
       position: absolute;
       width: 62px;
       height: 68px;
       text-align: center;
       background: #ffba00;
       left: 10px;
       bottom: 0;
   }
   .news-evn-img .event-date h3 {
       font: 600 1.6em/1.2em "Open Sans", sans-serif;
       color: #fff;
       margin: 0;
       padding: 0.4em 0 0;
   }
   .news-evn-img .event-date h3 small {
       color: #fff;
       font: 400 0.59em/1em "Open Sans", sans-serif;
       display: block;
   }
   .news-evn-cont {
       position: relative;
   }
   .news-evn-cont h3 {
       font: 600 1.07em/1.5em "Raleway", sans-serif;
       letter-spacing: 0.5px;
       color: #000;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       margin: 0;
       padding: 0 0 0.5em;
   }
   .news-evn-cont p {
       font: 400 1em/1.5em "Open Sans", sans-serif;
       color: #8e8d8d;
       margin: 0;
       padding: 0;
   }
   .news-meta {
       padding: 1.8em 0 1em;
   }
   .news-meta a {
       font: 400 1.07em/1em "PT Serif", sans-serif;
       color: #a6a6a6;
       padding-right: 13px;
       font-style: italic;
   }
   .news-meta a + a:before {
       content: '';
       background: #a6a6a6;
       margin-right: 15px;
       width: 1px;
       height: 14px;
       bottom: -3px;
       position: relative;
       display: inline-block;
   }
   .sectpad-sec {
       padding-top: 5.7em;
       padding-bottom: 5.7em;
   }
   /* ==============================
     39. product solutions  
   ============================== */
   
   .our-sol-wrapper {
       background: url(../images/event/pro-sol-bg.jpg) no-repeat center top;
       position: relative;
       overflow: hidden;
       padding: 3em 0;
       background-size: cover;
   }
   .our-sol-wrapper p {
       font: 300 32px "Open Sans", sans-serif;
       margin: 0;
       padding: 0;
       color: #fff;
       text-align: center;
   }
   .our-sol-wrapper p span {
       color: #ffba00;
   }
   .ind-common-pad {
       padding-top: 5.5em;
       padding-bottom: 5.5em;
   }
   /* ==============================
     40. our clients & Get in touch  
   ============================== */
   
   .our-t-client {
       position: relative;
   }
   .our-t-client p {
       color: #898989;
       font: 400 1em/1.8em "Open Sans", sans-serif;
       margin: 1em 0 2em;
       padding: 0;
   }
   .our-t-client ul {
       margin: 0;
       padding: 0;
       overflow: hidden;
   }
   .our-t-client ul li {
       margin: 0 1em 1.2em 0;
       padding: 0;
       /*display: inline-block;*/
       
       float: left;
   }
   .our-t-client ul li:last-child {
       margin: 0 0 0 0;
   }
   .our-t-client ul li img {
       border: 1px solid #ebebeb;
       -webkit-transition: all 1s ease;
       -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
       -ms-transition: all 1s ease;
       transition: all 1s ease;
   }
   .our-t-client ul li img:hover {
       border: 1px solid #103d68;
       border-radius: 100%;
   }
   .get-t-touch {
       position: relative;
       border: 1px solid #ebebeb;
       overflow: hidden;
       margin-top: 1.6em;
   }
   .get-t-touch-inner {
       position: relative;
       border: 9px solid #f7f7f9;
       padding: 2em 1.5em;
       overflow: hidden;
   }
   .get-t-touch .input_form form .form-control {
       margin-bottom: 20px;
       border-radius: 0;
       font: 1em/1em "Open Sans", sans-serif;
       color: #b7b6b6;
       padding: 11px 20px;
       border: 1px solid #eaeaea;
       height: auto;
       box-shadow: none;
   }
   .get-t-touch .select-menu + .ui-selectmenu-button {
       width: 100% !important;
       border-radius: 0;
       padding: 0px 40px 0 20px;
       border: 1px solid #eaeaea;
       height: 42px;
       background: #fff;
       outline: none;
       color: #b7b6b6;
       margin-bottom: 20px;
   }
   .get-t-touch .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
       padding: 0;
       font: 0.9em/1em "Open Sans", sans-serif;
       line-height: 42px;
   }
   .get-t-touch .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
       background: url(../images/select-menu-arrow1.png) 0 0 no-repeat;
       width: 16px;
       height: 8px;
       margin-top: -4px;
       margin-right: 4px;
   }
   .get-t-touch .select-menu + .ui-selectmenu-menu .ui-menu-item {
       background: #2d6293;
       border-color: #00ACD9;
       font-style: normal;
   }
   .get-t-touch .submit-n-now {
       position: relative;
   }
   .get-t-touch .submit-n-now button {
       background: #ffba00;
       color: #fff;
       font: 600 1.08em/1em 'Roboto', sans-serif;
       display: inline-block;
       padding: 1em 1.52em;
       border-radius: 4px;
       border: 1px solid #ffba00;
       margin: 0;
   }
   .get-t-touch .submit-n-now button:hover {
       border-radius: 4px;
       color: #fff;
       border: 1px solid #53cff5;
       background: #53cff5;
   }
   .get-t-touch .submit-n-now button i {
       margin-left: 14px;
   }
   .indurial-t-solution {
       background: #103d68;
   }
   .contactus-button2 {
       position: relative;
       display: inline-block;
       margin-left: 4em;
   }
   .contactus-button2 a {
       background: #ffba00;
       color: #fff;
       border-radius: 4px;
       font: 600 1.08em/1em 'Roboto', sans-serif;
       padding: 0.8em 1.6em;
       display: inline-block;
       border: 1px solid #ffba00;
   }
   .contactus-button2 a:hover {
       border-radius: 4px;
       border: 1px solid #009bb3;
       color: #fff;
   }
   .contactus-button2 a i {
       margin-left: 10px;
   }
   .contactus-button2 submit:hover {
       border-color: #53cff5;
       color: #fff;
   }
   .contactus-button2 submit:focus {
       color: #fff;
   }
   .footer-bg {
       background: #091723;
   }
   .footer-t-bottom {
       background: #000b20;
   }
   .logo-wrapper {
       text-align: left;
       min-height: 80px;
   }
   .logo-wrapper img {
       display: inline-block;
   }
   .sec-title h2 {
       margin-bottom: 1em;
   }
   /* ==============================
     40. about-us-section 
   ============================== */
   
   .about-us-section {
       padding: 100px 0;
       min-height: 738px;
       background: url("../images/about/bg.jpg") right bottom no-repeat #fff;
   }
   .about-us-section .sec-title h2 {
       font-size: 28px;
       font-family: "Alegreya", sans-serif;
       text-transform: uppercase;
       font-weight: bold;
       margin: 0 0 40px 0;
   }
   .about-us-section .about-us {
       padding: 0 100px 0 0;
   }
   .about-us-section .about-us img {
       width: 100%;
   }
   .about-us-section .about-us ul li:before {
       content: '\f0a9';
       margin-right: 11px;
       font-family: 'FontAwesome';
       color: #233859;
   }
   .about-us-section .about-us p {
       margin: 32px 0;
   }
   .about-us-section .about-us ul li {
       font-size: 14px;
       line-height: 32px;
       color: #6c6c6c;
   }
   .about-us-section .about-us ul,
   .about-us-section .about-us ul li {
       margin: 0;
       padding: 0;
       list-style: none;
   }
   .about-us-section .faq-left-box .single-faq-left:last-child {
       margin-bottom: 0;
   }
   .about-us-section .about-us .thm-button {
       margin: 40px 0 0 0;
   }
   .faq-left-box .single-faq-left {
       margin-bottom: 42px;
   }
   .faq-left-box .single-faq-left .icon-box,
   .faq-left-box .single-faq-left .text-box {
       display: table-cell;
       vertical-align: top;
       padding: 0px 0 0 0;
   }
   .faq-left-box .single-faq-left .icon-box {
       font-size: 44px;
       width: 45px;
       color: #2e78cc;
   }
   .faq-left-box .single-faq-left .text-box {
       padding: 0 0 0 20px;
   }
   .faq-left-box .single-faq-left .text-box h3,
   .faq-left-box .single-faq-left .text-box p {
       margin: 0;
   }
   .faq-left-box .single-faq-left .text-box h3 {
       text-transform: uppercase;
       font-size: 18px;
       font-family: "Open Sans", sans-serif;
       font-weight: bold;
       color: #333340;
       line-height: 30px;
   }
   .faq-left-box .single-faq-left .text-box p {
       color: #333;
       font-size: 15px;
       line-height: 22px;
       margin-top: 9px;
       font-family: "Open Sans", sans-serif;
   }
   .faq-sec .right-box {
       padding: 40px 0 0 0;
   }
   /* ==============================
     41. Footer Page3
   ============================== */
   
   .footer-bg3 {
       padding: 59px 0;
       min-height: 408px;
       background-size: cover;
   }
   .footer-bg3 h4.widget_title {
       text-transform: capitalize;
       font-style: normal;
       color: #c0c0c0;
   }
   .footer-bg3 .widget-links {
       padding: 0 50px;
   }
   .footer-bottom3 {
       padding: 33px 0;
   }
   .footer-bottom3 .fo-txt p {
       margin: 0;
   }
   .footer-bottom3 .fo-txt p a {
       color: #454d54;
   }
   /* ==============================
     42. Testimonial Page
   ============================== */
   
   .testimonial-wrapper3 {
       background: url(../images/testimonial/testimonial-bg2.jpg) center bottom no-repeat fixed;
       background-size: cover;
   }
   .testimonial-wrapper3 .testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
       border: 2px solid #fff;
   }
   .testimonial-wrapper3 .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span,
   .testimonial-wrapper3 .testimonial-sec .owl-theme .owl-dots .owl-dot:hover span {
       border: 2px solid #ffa10d;
   }
   .testimonial-wrapper2 {
       background: url(../images/testimonial/testimonial-bg3.jpg) center bottom no-repeat fixed;
       background-size: cover;
   }
   .testimonial-wrapper2 .testimonial-sec .testimonial-slider .owl-dots .owl-dot span {
       border: 2px solid #fff;
   }
   .testimonial-wrapper2 .testimonial-sec .testimonial-slider .owl-dots .owl-dot.active span,
   .testimonial-wrapper3 .testimonial-sec .owl-theme .owl-dots .owl-dot:hover span {
       border: 2px solid #ffa10d;
   }
   /* ==============================
     43. Solution Page
   ============================== */
   
   .indurial-t-solution3 {
       background: url(../images/solution/solution-bg.jpg) center center no-repeat fixed;
       background-size: cover;
       padding: 29px 0;
       min-height: 100px;
       clear: both;
   }
   .indurial-t-solution3 h2 {
       font-family: "Open Sans", sans-serif;
       font-style: normal;
       font-weight: 300;
       padding: 6px 0 0 50px;
       float: left;
   }
   .indurial-t-solution3 .contactus-button2 a {
       margin: 0;
   }
   .indurial-t-solution3 .contactus-button2 {
       margin-left: 0;
   }
   /* ==============================
     44. Solution Page
   ============================== */
   
   #contact-google-map {
       width: 100%;
       height: 500px;
   }
   .map-section {
       position: relative;
       clear: both;
   }
   .map-outer {
       position: relative;
   }
   .map-section .outer-container {
       position: absolute;
       max-width: 1170px;
       padding: 0px 15px;
       margin: 0 auto;
       z-index: 20;
   }
   .map-section .outer-container .info-container {
       position: relative;
       max-width: 1000px;
       margin: 0 auto;
       bottom: 375px;
       padding: 30px 50px 20px 50px;
       background: #1a3b66;
       border: 10px solid #FFF;
       z-index: 4;
       float: left;
       -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
       -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
       -o-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
       -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
       box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.20);
   }
   .map-section .outer-container .info-container address h4 {
       font-size: 30px;
       color: #FFF;
       font-weight: bold;
       padding-bottom: 20px;
   }
   .map-section .outer-container .info-container address .info {
       float: left;
       margin-bottom: 20px;
   }
   .map-section .outer-container .info-container address .fa {
       float: left;
       color: orange;
       font-size: 16px;
       margin-right: 10px;
   }
   .map-section .outer-container .info-container address p {
       font-size: 14px;
       color: #FFF;
       float: left;
   }
   .diff-offer-wrapper3 {
       padding: 0 0 38px 0;
       min-height: 661px;
   }
   .diff-offer-wrapper3 .diff-offer {
       padding: 74px 0;
   }
   .diff-offer-wrapper3 .diff-offer h2 {
       margin: 0;
       font-weight: 300;
       line-height: 40px;
   }
   .diff-offer-wrapper3 .diff-offer h2 a {
       color: #3cbfe7;
       text-decoration: underline;
       font-weight: 500;
   }
   .diff-offer-wrapper3 .service-info .post-image {
       margin: 0 0 30px 0;
   }
   .diff-offer-wrapper3 .service-info h4 {
       margin: 0;
   }
   .diff-offer-wrapper3 .service-info h4 a {
       color: #242424;
       font: 600 18px "Open Sans", sans-serif;
       text-transform: uppercase;
       -webkit-transition: all 300ms linear 0s;
       transition: all 300ms linear 0s;
       margin: 0 0 15px 0;
   }
   .diff-offer-wrapper3 .service-info p {
       padding: 0;
       margin: 0 0 18px 0;
   }
   .diff-offer-wrapper3 .service-info-right .post-image {
       width: 100px;
   }
   .diff-offer-wrapper3 .service-info-right .post-content {
       float: left;
       width: 260px;
       padding: 0 0 0 15px;
       box-sizing: border-box;
   }
   .diff-offer-wrapper3 .service-info-right .post-image img {
       width: 100px;
       height: 100px;
   }
   .diff-offer-wrapper3 .service-info-right h4 a {
       margin: 0;
   }
   .diff-offer-wrapper3 .service-info h6 {
       margin: 0;
   }
   .diff-offer-wrapper3 .service-info .item {
       float: left;
   }
   .read-more {
       margin: 35px 0 0 0;
   }
   /* ==============================
     45. We Customer Support
   ============================== */
   
   .we-customer-support {
       display: -webkit-box;
       display: -webkit-flex;
       display: -ms-flexbox;
       display: flex;
       overflow: hidden;
   }
   .we-customer-support .work-image-ser {
       width: -webkit-calc(50% - 115px);
       width: calc(50% - 115px);
       float: left;
       text-align: right;
       display: block;
       position: relative;
   }
   .we-customer-support .service-promo {
       width: -webkit-calc(50% + 115px);
       width: calc(50% + 115px);
       float: left;
       position: relative;
       padding-left: 0;
       background: url("../images/support/ser-bg1.jpg") repeat;
   }
   .we-customer-support .service-t-content {
       max-width: 650px;
       margin: 0;
       z-index: 2;
       position: relative;
       padding: 78px 0 78px 110px;
   }
   .we-customer-support .service-t-content form input[type="text"] {
       background: #0d2840;
       color: #3a78b6;
       font-size: 15px;
       height: 50px;
       width: 100%;
       padding: 0 20px;
       margin: 0 0 15px 0;
       border: 1px solid #254766;
       border-radius: 5px;
   }
   .we-customer-support .service-t-content p {
       font: 300 20px "Open Sans", sans-serif;
       color: #fff;
       margin: 0 0 25px 0;
   }
   @media (max-width: 991px) {
       .we-customer-support .work-image-ser {
           width: 100%;
           text-align: center;
       }
       .we-customer-support .service-promo {
           padding: 15px;
           width: 100%;
       }
   }
   /*=======home banner_variation1 style start=======*/
   
   #minimal-bootstrap-carousel .carousel-caption {
       position: absolute;
       top: 0;
       right: 0;
       left: 0;
       bottom: 0;
       padding: 0;
       text-align: right;
       text-shadow: none;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container {
       display: table;
       width: 100%;
       height: 100%;
       max-width: 1170px;
       margin-left: auto;
       margin-right: auto;
       text-align: center;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container.thm-3slide {
       text-align: left;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container .box {
       display: table-cell;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top {
       vertical-align: top;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top .content {
       padding-top: 150px;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom .content {
       padding-bottom: 132px;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom {
       vertical-align: bottom;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle {
       vertical-align: middle;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
       display: inline-block;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.slide3 {
       float: left;
       width: 50%;
   }
   #minimal-bootstrap-carousel .carousel-inner .item {
       min-height: 550px;
       height: 100%;
       width: 100%;
       background-size: cover;
       background-position: center center;
       background-color: #1E1E1E;
   }
   #minimal-bootstrap-carousel .carousel-control {
       background: none;
       width: 60px;
       height: 60px;
       font-size: 60px;
       font-weight: lighter;
       line-height: 40px;
       color: #fff;
       background: rgba(0, 0, 0, 0.5);
       visibility: visible !important;
       opacity: .65;
       margin-top: -20px;
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease;
       top: 50%;
       border-radius: 0;
       z-index: 88;
   }
   #minimal-bootstrap-carousel .carousel-control.left {
       left: 1%;
   }
   #minimal-bootstrap-carousel .carousel-control.right {
       right: 1%;
   }
   #minimal-bootstrap-carousel .carousel-control:hover {
       opacity: 1;
       background: #000;
   }
   /*=======home banner_variation2 style start=======*/
   
   h1.bnrfnt50 {
       font-size: 50px;
       font-family: 'Raleway', sans-serif;
       color: #fff;
       font-weight: 800;
       text-transform: uppercase;
       letter-spacing: 1.3px!important;
       margin-bottom: 20px;
   }
   h1.bnrfnt40 {
       font-size: 30px;
       font-family: 'Raleway', sans-serif;
       color: #fff;
       font-weight: 800;
       text-transform: uppercase;
       letter-spacing: 1.3px!important;
       margin-bottom: 20px;
       margin-left: 100px;
   }
   h1.bnrfnt50 span.color1 {
       color: #f8c12c;
       font-weight: normal;
   }
   h1.bnrfnt50 span.color2 {
       color: #44bfff;
   }
   h1.bnrfnt50 span.color3 {
       color: #f8c12c;
       font-weight: bold;
   }
   #minimal-bootstrap-carousel  span.line
   {
     height: 4px;
     width: 100px;
     background: #e6ab0c;
     display: block;
     margin: 0 0 20px 0;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container.txt-left {
       text-align: left;
   }
   #minimal-bootstrap-carousel .carousel-caption .thm-container .box .content.cnt_wdt1 {
       width: 60%;
   }
   #minimal-bootstrap-carousel .carousel-caption p.pln_he {
       line-height: 30px;
       margin-bottom: 40px;
       margin-left: 100px;
       font-size: 18px;
       font-style: italic;
       color: #fff;
   }
   #minimal-bootstrap-carousel.ver_new_3_slider .carousel-inner .item {
       min-height: 600px;
   }
   #minimal-bootstrap-carousel.ver_new_2_slider .carousel-inner .item {
       min-height: 665px;
   }
   #minimal-bootstrap-carousel.ver_new_1_slider .item, #minimal-bootstrap-carousel .carousel-inner.ver_new_5_slider .item {
       min-height: 642px;
   }
   #minimal-bootstrap-carousel.ver_new_4_slider .carousel-inner .item {
       min-height: 858px;
   }
   
   #minimal-bootstrap-carousel.ver_new_2_slider .carousel-inner .carousel-caption .thm-container .box.valign-top .content{
       padding-top: 165px;
   }
   #minimal-bootstrap-carousel.ver_new_1_slider .carousel-caption .thm-container .box.valign-top .content 
   {
       padding-top: 165px;
   }
   ul.banner_btm_list {
       width: 100%;
       float: left;
       margin: 0px;
       padding: 0px;
   }
   ul.banner_btm_list li {
       list-style: none;
       float: left;
       width: 33.3%;
       padding: 50px 30px;
       top: 0;
       position: relative;
       -webkit-transition: all .3s ease;
       transition: all .3s ease;
       bottom: -20px;
       min-height: 272px;
       cursor: pointer;
       text-align: center;
   }
   ul.banner_btm_list li img {
       margin: 0 0 20px 0;
   }
   ul.banner_btm_list li h4 {
       font-size: 16px;
       text-transform: uppercase;
       font-weight: bold;
       color: #fff;
       margin: 0 0 15px 0;
   }
   ul.banner_btm_list li p {
       line-height: 22px;
       font-size: 14px;
       color: #fff;
   }
   ul.banner_btm_list li.yellow_prd_bg {
       background: url(../images/home_page_variation4/yellow_lst_bg.jpg) no-repeat center top;
       background-size: cover;
   }
   ul.banner_btm_list li.yellow_prd_bg h4 a {
       color: #000;
   }
   ul.banner_btm_list li.yellow_prd_bg p {
       color: #000;
   }
   ul.banner_btm_list li.blue_prd_bg {
       background: url(../images/home_page_variation4/blue_lst_bg.jpg) no-repeat center top;
       background-size: cover;
   }
   ul.banner_btm_list li:hover {
      
       z-index: 100;
       margin: -25px 0 0 0;
       min-height: 297px;
   }
   ul.banner_btm_list li.blue_prd_bg h4 a {
       color: #fff;
   }
   ul.banner_btm_list li.lytblue_prd_bg {
       background: url(../images/home_page_variation4/lgtblue_lst_bg.jpg) no-repeat center top;
       background-size: cover;
   }
   ul.banner_btm_list li.lytblue_prd_bg h4 a {
       color: #fff;
   }
   ul.banner_btm_list li.lytblue_prd_bg p {
       color: #fff;
   }
   /*=======home banner_variation2 style end=======*/
   /*************** Search variation 4 style ****************/
   
   .search_overlay {
       width: 100%;
       height: 100%;
       opacity: 0;
       visibility: hidden;
       background: #eef0f3;
       position: fixed;
       top: 0;
       left: 0;
   }
   .search_overlay.show {
       opacity: 1;
       visibility: visible;
       z-index: 9999999;
   }
   .search_overlay .close_search {
       background: url(../images/home_page_variation4/close_popup.png) no-repeat;
       width: 23px;
       height: 20px;
       position: absolute;
       right: 15px;
       top: 10px;
   }
   .search_main_container {
       max-width: 600px;
       margin: -100px auto 0;
       position: absolute;
       top: 50%;
       left: 50%;
       margin-left: -300px;
       width: 100%;
   }
   .search_main_container h4 {
       font-size: 25px;
       color: #242424;
       margin-bottom: 30px;
   }
   .search_main_container form {
       position: relative;
       width: 100%;
       float: left
   }
   .search_main_container .search_lightbox_input {
       width: 100%;
       float: left;
       border-bottom: 1px solid #242424 !important;
       border: 0px;
       font-size: 18px;
       color: #242424;
       background: transparent;
       padding: 5px 0;
   }
   .search_lightbox_input::-webkit-input-placeholder {
       color: #242424;
   }
   .search_lightbox_input:-moz-placeholder {
       /* Firefox 18- */
       
       color: #242424;
   }
   .search_lightbox_input::-moz-placeholder {
       /* Firefox 19+ */
       
       color: #242424;
   }
   .search_lightbox_input:-ms-input-placeholder {
       color: #242424;
   }
   .search_overlay button[type='submit'] {
       position: absolute;
       top: 0;
       right: 0;
       line-height: 35px;
       border: none;
       background: none;
   }
   /*************** End Search variation 4 style ****************/
   section.newsletter
   {
       margin: 0 0 100px 0;
   }
   section.newsletter .inn
   {
       background: url("../images/home_page_variation5/bg-newsletter.jpg") top center no-repeat #f0f0ef;
       min-height: 142px;
       padding: 23px 40px;
   }
   section.newsletter .inn h2
   {
       font: bold 2em/1em "Alegreya", serif;
       color: #000;
       text-transform: uppercase;
       position: relative;
       padding-bottom: 20px;
       letter-spacing: 0.3px;
       margin: 0;
   }
   section.newsletter .inn input[type="text"]
   {
       width: 100%;
       height: 45px;
   }
   section.newsletter .inn p
   {
       color: #8e8d8d;
       font-size: 15px;
       margin: 0;
   }
   section.newsletter .req-button a
   {
       line-height: 44px;
       background: #4dcef6;
       padding: 0 20px;
       border: 1px solid #4dcef6;
   }
   section.newsletter .req-button
   {
       margin: 0;
   }
   section.newsletter .req-button a i
   {
       padding: 0 0 0 10px;
   }
   /*-------------------------------------------------------------------------------------------------------------------------------*/
   /* 32. TT-GALLERY-1 */
   /*-------------------------------------------------------------------------------------------------------------------------------*/
   .tt-gallery-1 {
       display: block;
       position: relative;
       overflow: hidden;
   }
   .tt-gallery-1-caption {
       display: block;
       position: absolute;
       top: 10px;
       left: 10px;
       right: 10px;
       bottom: 10px;
       text-align: center;
       opacity: 0;
       -webkit-transition: all 0.35s ease-in-out;
       -moz-transition: all 0.35s ease-in-out;
       transition: all 0.35s ease-in-out;
       z-index: 1000;
   }
   .tt-gallery-1-caption-table {
       display: table;
       position: relative;
       width: 100%;
       height: 100%;
   }
   .tt-gallery-1-caption-inner {
       display: table-cell;
       vertical-align: middle;
       -webkit-transform: translateY(-15%);
       -moz-transform: translateY(-15%);
       -ms-transform: translateY(-15%);
       transform: translateY(-15%);
       -webkit-transition: all 0.35s ease-in-out;
       -moz-transition: all 0.35s ease-in-out;
       transition: all 0.35s ease-in-out;
   }
   .tt-gallery-1-name {
       display: block;
       font-size: 16px;
       line-height: 22px;
       font-weight: 700;
       color: #000;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       margin-bottom: 3px;
   }
   .tt-gallery-1-cat {
       display: block;
       font-size: 14px;
       line-height: 18px;
       font-weight: 400;
       color: #898989;
       letter-spacing: 0.2px;
   }
   .tt-gallery-1-search {
       display: inline-block;
       width: 66px;
       height: 66px;
       font-size: 22px;
       line-height: 66px;
       color: #000;
       text-align: center;
       background: #fac012;
       border-radius: 50%;
   }
   .tt-gallery-1:hover .tt-gallery-1-caption {
       opacity: 1;
   }
   .tt-gallery-1:hover .tt-gallery-1-caption-inner {
       -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
       -ms-transform: translateY(0%);
       transform: translateY(0%);
   }
   .tt-gallery-1-overlay {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: #000;
       opacity: 0.1;
   }
   /*-------------------------------------------------------------------------------------------------------------------------------*/
   /* 33. LIGHTBOX */
   /*-------------------------------------------------------------------------------------------------------------------------------*/
   #imagelightbox {
       position: fixed;
       z-index: 9999;
       -ms-touch-action: none;
       touch-action: none;
   }
   #imagelightbox-close {
       width: 2.5em;
       height: 2.5em;
       text-align: left;
       background-color: #05305a;
       position: fixed;
       z-index: 10002;
       top: 5em;
       right: 2.5em;
       -webkit-transition: color .3s ease;
       -moz-transition: color .3s ease;
       transition: color .3s ease;
       border: none;
   }
   #imagelightbox-close:before, #imagelightbox-close:after {
       width: 2px;
       background-color: #fff;
       content: '';
       position: absolute;
       top: 20%;
       bottom: 20%;
       left: 50%;
       margin-left: -1px;
   }
   #imagelightbox-close:before {
       -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       transform: rotate(45deg);
   }
   #imagelightbox-close:after {
       -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
       transform: rotate(-45deg);
   }
   #imagelightbox-close:hover {
       background-color: #fff;
       outline: none;
   }
   #imagelightbox-close:hover:before, #imagelightbox-close:hover:after {
       background: #05305a;
   }
   #imagelightbox-loading, #imagelightbox-loading div {
       -moz-border-radius: 50%;
       border-radius: 50%;
   }
   #imagelightbox-loading {
       width: 2.5em;
       height: 2.5em;
       background-color: #444;
       background-color: rgba(0, 0, 0, 0.5);
       position: fixed;
       z-index: 10003;
       top: 50%;
       left: 50%;
       padding: 0.625em;
       margin: -1.25em 0 0 -1.25em;
       -moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
       -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
       box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75);
   }
   #imagelightbox-loading div {
       width: 1.25em;
       height: 1.25em;
       background-color: #fff;
       -webkit-animation: imagelightbox-loading .5s ease infinite;
       -moz-animation: imagelightbox-loading .5s ease infinite;
       animation: imagelightbox-loading .5s ease infinite;
   }
   #imagelightbox-overlay {
       background-color: rgba(0, 0, 0, 0.7);
       position: fixed;
       z-index: 9998;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
   }
   #imagelightbox-caption {
       font-size: 15px;
       font-weight: 500;
       letter-spacing: 1px;
       text-align: center;
       color: #fff;
       background-color: #05305a;
       position: fixed;
       z-index: 10001;
       left: 0;
       right: 0;
       bottom: 0;
       padding: 14px 0px;
   }
   .imagelightbox-arrow {
       font-size: 40px;
       line-height: 56px;
       font-weight: 400;
       color: rgba(255, 255, 255, 0.32);
       width: 3.75em;
       height: 7.5em;
       background-color: transparent;
       vertical-align: middle;
       display: none;
       position: fixed;
       z-index: 10001;
       top: 50%;
       margin-top: -3.75em;
       border: none;
   }
   .imagelightbox-arrow-left {
       left: 2.5em;
       -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
       transition: all 300ms ease-in-out;
   }
   .imagelightbox-arrow-right {
       right: 2.5em;
       -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
       transition: all 300ms ease-in-out;
   }
   .imagelightbox-arrow-left:focus, .imagelightbox-arrow-right:focus {
       outline: none;
   }
   .imagelightbox-arrow-left:hover, .imagelightbox-arrow-right:hover {
       color: #fff;
   }
   #imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow {
       -webkit-animation: fade-in .25s linear;
       -moz-animation: fade-in .25s linear;
       animation: fade-in .25s linear;
   }
   @media only screen and (max-width:660px) {
       #container {
           width: 100%;
       }
       #imagelightbox-close {
           top: 1.25em;
           right: 1.25em;
       }
       #imagelightbox-nav {
           bottom: 1.25em;
       }
       .imagelightbox-arrow {
           width: 2.5em;
       }
       .imagelightbox-arrow-left {
           left: 1.25em;
       }
       .imagelightbox-arrow-right {
           right: 1.25em;
       }
   }
   @media only screen and (max-width:320px) {
       .imagelightbox-arrow-left {
           left: 0;
       }
       .imagelightbox-arrow-right {
           right: 0;
       }
   }
   @media (max-width:767px) {
       .block.type-7 .filter-nav li {
           margin-bottom: 10px;
       }
       .block.type-7 .filter-content a {
           display: block;
       }
       .block.type-7 .filter-content a img {
           margin: 0 auto;
       }
       .block.type-7 .icon-wrapper .icon-entry {
           margin-bottom: 30px;
       }
   }
   @-webkit-keyframes fade-in {
       from {
           opacity: 0;
       }
       to {
           opacity: 1;
       }
   }
   @-moz-keyframes fade-in {
       from {
           opacity: 0;
       }
       to {
           opacity: 1;
       }
   }
   @keyframes fade-in {
       from {
           opacity: 0;
       }
       to {
           opacity: 1;
       }
   }
   @-webkit-keyframes imagelightbox-loading {
       from {
           opacity: .5;
           -webkit-transform: scale(0.75);
           transform: scale(0.75);
       }
       50% {
           opacity: 1;
           -webkit-transform: scale(1);
           transform: scale(1);
       }
       to {
           opacity: .5;
           -webkit-transform: scale(0.75);
           transform: scale(0.75);
       }
   }
   @-moz-keyframes imagelightbox-loading {
       from {
           opacity: .5;
           -moz-transform: scale(0.75);
           transform: scale(0.75);
       }
       50% {
           opacity: 1;
           -moz-transform: scale(1);
           transform: scale(1);
       }
       to {
           opacity: .5;
           -moz-transform: scale(0.75);
           transform: scale(0.75);
       }
   }
   @keyframes imagelightbox-loading {
       from {
           opacity: .5;
           -webkit-transform: scale(0.75);
           -moz-transform: scale(0.75);
           transform: scale(0.75);
       }
       50% {
           opacity: 1;
           -webkit-transform: scale(1);
           -moz-transform: scale(1);
           transform: scale(1);
       }
       to {
           opacity: .5;
           -webkit-transform: scale(0.75);
           -moz-transform: scale(0.75);
           transform: scale(0.75);
       }
   }
   .mobile-link
   {
       display: none;
   }
   .mobile-link a.submit
   {
       background: #f8c12c;
       margin: 30px 15px 15px;
       display: block;
       border-radius: 3px;
       padding: 13.5px;
       font-size: 16px;
       text-align: center;
       font-weight: bold;
   }
   .mobile-link .widget-t-search {
       float: none;
       padding: 15px 0 30px 0;
       margin: 0 15px;
   }
   .mobile-link .widget-t-inner
   {
       width: 100%;
   }