/*
Theme Name: Advance Startup Pro
Theme URI:  https://www.themeshopy.com/themes/startup-wordpress-theme/
Author: Themeshopy
Author URI: https://www.themeshopy.com/
Description: This creative, well-structured, dynamic and stylish startup WordPress theme is highly recommended to those who are striving to bring their innovative business idea in the market through their website. It is a great multipurpose solution to be used for diverse niches of businesses and other vocations without fearing the immense website handling responsibilities because it is so advanced that you can implement its features and functionality in just a couple of clicks without writing a single line of code. The colour scheme of this startup WordPress theme is well thought of and its font is judiciously chosen to perfectly depict the sincerity and professionalism you carry while doing business to instil customers’ trust on your services. It has many alternatives for website layout, many choices of header and footer styles, unlimited colours and various typography options to completely change the way website look and appear.
Version: 1.1
License: GNU General Public License
License URI:license.txt
Text Domain: advance-startup-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Advance Startup Pro WordPress Theme has been created by  Themeshopy(themeshopy.com), 2019.
Advance Startup Pro WordPress Theme is released under the terms of GNU GPL
*/
/* Basic Style */
*{
  margin:0; 
  padding:0; 
  outline:none;
}
html body{
  margin:0; 
  padding:0; 
  -ms-word-wrap:break-word; 
  word-wrap:break-word; 
  background-color:#fff; 
  position:relative; 
  font-size: 14px;
  color:#5b5b5b; 
  font-family: 'Poppins';
}
label {
  margin-bottom: 0 !important;
}
img{
  margin:0; 
  padding:0; 
  border:none; 
  max-width:100%; 
  height:auto;
}
section img{
  max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
  margin:0;
  padding:10px 0;
  line-height: 1.4;
  letter-spacing: 1px;
  color:#5b5b5b;
  font-family: 'Poppins';
}
p{
  margin:0 0 15px; 
  padding:0;
  font-size:14px;
  font-weight:normal;
}
p, ul li a{
  letter-spacing: 0px;
  font-family: 'Poppins';
}
body a{
  text-decoration:none; 
  color:#e9413a;
}
a:hover{
  text-decoration:none; 
  color:#fcc012;
}
a:focus,a:hover{
  text-decoration:none !important;
}
ul,ol{ 
  margin:0 0 0 15px; 
  padding:0;
}
ul li, ol li{font-size: 16px;}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
blockquote {
  font-size: 18px;
  font-style: italic;
  width: 450px;
  margin: 0.25em 0;
  padding: 0.25em 40px;
  line-height: 1.45;
  position: relative;
  color: #383838;
  background:#ececec;
}
 
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 0px;
  top: -10px;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
  
blockquote cite:before {
  content: "\2014 \2009";
}
small{
  font-size:14px !important;
  color: #8c8d92;
  font-weight: 600;
  text-align: center;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
  border:1px solid #424648;
  font-size:16px;
  padding:10px 10px; 
  margin:0 0 0px 0;
  height:auto;
  width: 100%;
  background: transparent;
}
section{
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0;
  background-attachment: fixed;
}
select{
  width: 100%;
  padding: 6px;
}
input[type="submit"] {
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  background-color: #e9413a;
}
.widget_search input[type="submit"] {
    padding: 10px 7px;
    font-weight: bold;
    color: #ffffff;
    border: none;
    background-color: #e9413a;
}
.widget_search label {
    margin-bottom: 10px !important;
}
input[type="submit"]:hover{
  cursor: pointer;
}
.bounce, .flash, .pulse, .shake, .swing, .tada, .wobble, .bounceIn, .bounceInDown, .bounceInLeft, .bounceInRight, .bounceInUp, .bounceOut, .bounceOutDown, .bounceOutLeft, .bounceOutRight, .bounceOutUp, .fadeIn, .fadeInDown, .fadeInDownBig, .fadeInLeft, .fadeInLeftBig, .fadeInRight, .fadeInRightBig, .fadeInUp, .fadeInUpBig, .fadeOut, .fadeOutDown, .fadeOutDownBig, .fadeOutLeft, .fadeOutLeftBig, .fadeOutRight, .fadeOutRightBig, .fadeOutUp, .fadeOutUpBig, .flip, .flipInX, .flipInY, .flipOutX, .flipOutY, .lightSpeedIn, .lightSpeedOut, .rotateIn, .rotateInDownLeft, .rotateInDownRight, .rotateInUpLeft, .rotateInUpRight, .rotateOut, .rotateOutDownLeft, .rotateOutDownRight, .rotateOutUpLeft, .rotateOutUpRight, .slideInDown, .slideInLeft, .slideInRight, .slideOutLeft, .slideOutRight, .slideOutUp, .rollIn, .rollOut, .zoomIn, .zoomInDown, .zoomInLeft, .zoomInRight, .zoomInUp, .slideInUp{
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: visible!important;
}
.wp-caption{
  margin:0;
  padding:0;
  font-size:13px;
  max-width:100%;
}
.wp-caption-text{
  margin:0;
  padding:0;
}
.bypostauthor{
  margin:0;
  padding:0;
}
.hovereffect a {
  border: 1px solid #333;
  padding: 10px;
  color: #333333;
  font-weight: bold;
}
.carousel-inner{
  margin: 0;
}
.screen-reader-text {
  position: absolute;
  top:-9999em;
  left:-9999em;
}
.sticky{ 
  margin:0; 
  padding:0; 
  background-color:#d7d7d7;
}
.alignleft,
img.alignleft{
  display: inline; 
  float: left; 
  margin-right:20px; 
  margin-top:4px; 
  margin-bottom:10px; 
  padding:0;
  padding:5px;
}
.alignright, img.alignright { 
  display: inline; 
  float: right; 
  padding:5px; 
  margin-bottom:10px;
  margin-left:25px;
  padding:5px;
}
.aligncenter, img.aligncenter { 
  clear: both; 
  display: block; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top:0;
  padding:5px; 
}
.comment-list .comment-content ul { 
  list-style:none; 
  margin-left:15px;
}
.comment-list .comment-content ul li{
  margin:5px;
}
.toggleMenu{
  display:none;
}
a.small-button{
  background:#3890cb;
  padding:5px 30px; 
  border-radius:3px;
  color:#fff;
  display:table;
  margin:0 auto;
}
a.small-button:hover{
  color:#fff;
  background:#0c5f96;
}
table, td, th {
  border: 1px solid black;
}
/*-------------------------- Calendar widget --------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  color: #000;
  padding-left: 15px;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0em;
}
/*-------------------- Sweep To Right -----------------------*/
.hvr-sweep-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.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* ---------Buttons--------- */
a.button{ 
  border: 2px solid #3890cb ; 
  background:#3890cb;
  color: #fff;
  font-size: 16px;
  margin: 20px 0 0;
  padding: 7px 30px;
  text-transform: uppercase; 
  font-weight:bold;
}
a.theme_white_button{
  padding: 14px 20px;
  border: unset;
  background-color: #fcc012;
  border-radius: 40px;
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
a.theme_white_button:hover {
  background: #e9413a;
}
.theme_button i{
  padding-left: 5px;
}
/* --------------------------Top Bar---------------------------- */
.top_bar {
    background: #262626;
    width: 100%;
    padding: 4px;
}
.contact_details{
  margin-bottom: 20px;
}
.contact_details .left-side-content{
  padding-top: 15px;
}
.top_social {
    margin-top: 15px;
}
.contact_details ul li span {
  padding-right: 10px;
  font-size: 12px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 500;
}
.contact_details ul li span i {
  padding-right: 6px;
  color: #fcc012;
  font-size: 14px;
}
.contact_details p {
  color: #ffffff;
  font-size: 15px;
  padding-bottom: 15px;
}
.header-content .right-side-content {
  padding-top: 15px;
}
.socialbox a:hover i{
  color: #fcc012;
}
.socialbox a i{
  color: #ffffff;
  font-size: 12px;
  cursor: pointer;
  padding: 8px;
}
.contact_details ul li {
  list-style: none;
  display: inline;
  color: #ffffff;
}
.header-content {
  width: 100%;
  padding: 4px;
  background: #262626;
  position: unset;
  z-index: 999;
}
.contact_details ul li.search-box span {
  border: none;
  padding: 15px 18px;
  margin-right: 0;
}
.serach_outer i{
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
}
p.hi_bold {
  color: #1e1d1c;
}
p.hi_normal {
  color: #757575;
}
.right-side-content {
    text-align: right;
}
/* --------------------------Header---------------------------- */
.logo {
    text-align: left;
}
.logo h1{
  padding-top: 0px;
  line-height: 1;
}
.logo h1 a{
  color: #e9413a;
  text-transform: uppercase;
  font-size: 25px;
}
.header-button {
    text-align: right;
    margin-top: 25px;
}
.header-btn {
    padding: 12px 20px;
    border: 2px solid #fff;
    border-radius: 40px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
}
a.header-btn:hover {
    color: #f7c012;
    border: 2px solid #f7c012;
}
.header-button i{
  margin-left: 5px;
}
#header .header-content_btn {
    margin-top: 5px;
}
#header .logo img{
  max-height: 123px;
  width: auto;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.neseted-inner {
  top: 0;
  position: absolute;
}
.continnerbox {
  background-size: 100% 100%;
  color: #fff;
  border-top: 40px solid #435061;
  border-left: 60px solid transparent;
}
#header .logo, #footer .logo{
  margin-top: -4px; 
  padding: 10px 0; 
}
#header .logo h1, #footer .logo h1{ 
  font-weight:700; 
  padding:0; 
  margin-bottom:8px; 
  font-size:26px; 
  font-weight:bold; 
  margin-top: 0; 
}
.logo a.custom-logo-link{ 
  color:#000000;
}

#header .top-contact{
  padding:12px 0; 
  font-size:15px;
}
.menubar .social-media{
  padding:12px 0; 
  text-align:center;
}
.page-template-home-page div#header {
    border-bottom: none;
}
div#header {
  border-bottom: 1px solid;
  z-index: 999999;
  position: relative;
}
/*----------------Menu bar-----------*/
.header_menu {
    background-color: #fff;
}
.home.page-template .menubar {
    margin-top: -7em;
    margin-bottom: 4em;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
  
}
.main-navigation li{
  position: relative;
  line-height: 65px;
  padding: 0px 15px;
  display: inline-block;
}
.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  color: #262626;
  padding: 0;
  position: relative;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
}
.main-navigation a:hover{
  color: #fcc012;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  left: 0;
  top: 100% ;
  background: #F6F6F6;
  min-width: 215px;
  z-index: 9999;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}
.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}

.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #e9413a;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #e9413a;
}

.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}

.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}
.main-navigation ul ul li:hover > a{
  color: #e9413a;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous{
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.search-box{
  margin-top: 24px;
  text-align: right;
  margin-right: -15px;
}
.search-icon{
  cursor: pointer;
  background-color: #fcc012;
  padding: 27px 23px 19px 23px;
}
.search-icon i{
  color: #ffffff;
  font-size: 20px;
}

/*----------------------Mobile Menu Icon------------------------------*/

/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul{
  padding-right: 15px;
}

.sf-arrows .sf-with-ul:after{
  content: '';
  position: absolute;
  right: 0;
  margin-top: 30px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #000;
}

.sf-arrows ul .sf-with-ul:after{
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #000;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
  border-left-color: #000;
}
.toggle-nav, a.closebtn{
  display: none;
}

/*-----------------Search pop up----------------*/
.serach_outer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
  transition: 0.5s;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.8);
  display: none;
}
.serach_inner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding:5px;
}
.closepop {
  position: absolute;
  top: 20%;
  transform: translateY(-50%);
  width: 100%;
  right: 0;
  text-align: right;
  margin-right: 28px;
  z-index: 999999;
}
.serach_outer i {
  font-size: 24px;
  padding: 4px 0 0 0;
  color: #bbb;
  cursor: pointer;
}
.serach_inner form.search-form {
   display: table;
   padding: 0;
   border-radius: 0;
   background: #ffffff;
   margin: 0 auto;
   max-width: 700px;
   width: 100%;
}
.serach_inner form.search-form {
  display: table;
  border: 1px solid #bababf;
  padding: 14px 20px;
  border-radius: 0;
  background: #ffffff;
  margin: 0 auto;
  max-width: 700px;
  width: 100%;
}
.serach-page input.search-field {
    border: 1px solid #ccc;
    padding: 9px;
}
.search_popup input.search-submit {
  border: 0;
}
.search_popup label {
  background: transparent;
  width: 84%;
}
.search_popup input.search-field {
  padding: 1.5% 0;
  background: transparent;
  width: 100%;
  text-indent: 8px;
}
.social-media .dashicons{
  margin: 0 6px;
  padding: 0;
}
.menubar .social-media a:hover{
  color:#3890cb;
}
i.fas.fa-headphones {
  color: #ffffff;
  font-size: 25px;
  cursor: pointer;
  border-right: 2px solid #ffffff;
  padding: 5px 8px;
  padding: 3px 8px 11px 6px;
}
.consultation a {
  border: 2px solid #fff;
  padding: 8px 7px;
  padding-left: 0;
}
.consultation {
    background-size: cover;
    background-repeat: no-repeat;
}
.consultation span {
  padding: 0 3px;
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}
ul.search-consult {
  padding: 0;
}
/*----------------------  index ---------------------------*/
.post-section {
    padding: 20px 0;
}
.postwrapper-box{
  border: 2px solid #eeeeee;
}
.cat-box {
  background: url(images/cat-icon.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 15px 0 30px 0;
}
.date-box {
  background: url(images/date.png) no-repeat 1px 3px;
  padding: 0 0 0 25px;
  font-style: italic;
  font-weight: bold;
  margin: 0 0 15px 0;
}
/*------------------------- Headings --------------------------*/
section h2{
  font-weight:bold;
  padding:0;
  margin-bottom: 20px;
  color: #22272b;
  padding: 0 0 10px;
  margin: 0;
  font-weight: 900;
  letter-spacing: 3px;
}
section h3 {
  padding: 0;
  font-size: 36px;
  color: #262626;
  font-weight: 600;
  text-align: center;
}
section h4{
  color:#000; 
  font-size:20px;
}
section h5{
  color:#333; 
  font-weight:bold;
  margin:0 0 10px 0; 
  padding:0;
}
.owl-dots {
    display: block;
}
#about {
  -vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}

/*------------------------- Our Features-----------------------------*/
.title_icon{
  text-align: center;
}
.title_icon::before {
    top: -10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
    border-radius: 50px;
}
.title_icon::after {
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
}
.about-inner {
    margin-bottom: 20px;
}
.features-data-contents {
    margin-bottom: 30px;
}
.features-data-contents:hover{
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08);
}
.features-value-icon {
    color: #fcc012;
    font-size: 40px;
}
.features-heading {
  font-size: 18px;
  line-height: 30px;
  color: #262626;
  font-weight: 600;
}
.features-text {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #6b6666;
    font-weight: 400;
}
.features-value-icon i{
    background: linear-gradient(to right, #e94a44 0%, #f7c012 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
.features-value-icon img{
    max-width: 250%;
}
/*------------------------- About-----------------------------*/

.about-heading h3{
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #262626;
  font-weight: 600;
  text-align: left;
}
.about-content p{
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #6b6666;
    font-weight: 400;
}

/* width */
.about-data::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.about-data::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.about-data::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.about-data::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.speciality{
  padding-top: 27px;
  padding-bottom: 20px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  background-color: #f0f0f0;
}
.speciality:hover {
    background-color: #e9413a;
}
.speciality:hover .about-heading h3,
.speciality:hover .about-content p{
  color: #ffffff;
}
.about-icon{
  font-size: 40px;
}
.speciality:hover i{
    color: #ffffff;
    -webkit-text-fill-color: unset;
}
.about-icon i{
  background: linear-gradient(to right, #e94a44 0%, #f7c012 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

/*------------------------- Services Section -----------------------------*/
.inner_sec {
    padding-bottom: 45px;
}
#services {
  text-align: center;
}
.services-content {
  padding: 20px 12px;
  background-color: #ffffff;
  box-shadow: 1px 2px 3px 0px #d9d9d9;
  margin-bottom: 15px;
}
.services-title {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #262626;
  font-weight: 600;
  text-align: center;
}
.services-text{
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 30px;
  color: #6b6666;
  font-weight: 400;
  text-align: center;
  margin-bottom: 20px;
}
.service-button {
  font-size: 14px;
  letter-spacing: 1px;
  color: #6b6666;
  font-weight: 700;
  text-align: center;
  border: 2px solid;
  border-radius: 40px;
  padding: 10px 20px;
}
.services-content:hover .service-button, .service-button:hover{
    background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
    color: #ffffff;
    border: none;
}
#services .owl-dots {
  text-align: center;
}
#services .owl-dot {
  padding: 4px;
  border: 2px solid #262626;
  margin-right: 9px;
  border-radius: 50%;
  background-color: unset;
}
#services .owl-dot.active {
  background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
  border: unset;
  padding: 6px;
}

/*------------------------Projects -----------------------------*/
#projects .title_icon::before{
    background: #ffffff;
}
#projects small{
  color: #ffffff;
}
#projects h3{
  color: #ffffff;
}
.project-image {
    margin-bottom: 32px;
}
.project-image{
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    position: relative;
}
.project-image img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.project-image:hover img{ transform: scale(1.1); }
.project-image .projectbox-content{
    width: 100%;
    height: 100%;
    background: rgba(236, 238, 239, 0.9);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(180deg) scale(0.5);
    transition: all 0.45s ease-out 0s;
}
.project-image:hover .projectbox-content{
    opacity: 1;
    transform: rotateY(0deg) scale(1);
}
.project-image .projectbox-content:before{
    content: "";
    width: 90%;
    height: 90%;
    border: 1px solid #fff;
    position: absolute;
    top: 5%;
    left: 5%;
}
.project-image .project_content{
    position: absolute;
    top: 10%;
    padding: 20px;
    text-align: center;
}
.project-image .project_content{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 5px;
}
.project-image .project-text{
  display: block;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #262626;
  font-weight: 400;
}
.project_title a {
  font-size: 24px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #262626;
  font-weight: 600;
}
/*-------------------------Team -----------------------------*/
#team {
    text-align: center;
}
.team-image img {
    border-radius: 50%;
}
.team-box img{
    width: 100%;
    height: auto;
}
.team-data{
  position: relative;
}
.team-title{
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 30px;
  color: #262626;
  font-weight: 600;
  text-align: center;
}
.team-socialbox a{
  color: #ffffff;
}
.team-socialbox {
  position: absolute;
  top: 25px;
  bottom: 0;
  text-align: center;
  right: 0;
  left: 0;
  border-radius: 50%;
  width: 100%;
}
.team-content{
  padding-top: 18px;
  margin-bottom: 15px;
}
.team-box:hover .team-image:before {
    background: linear-gradient(270deg, rgb(233, 65, 58, 0.8) 30%, rgb(247, 192, 18, 0.8) 100%);
    content: "";
    height: 100%;
    left: 28px;
    top: 0;
    width: 79%;
    position: absolute;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    border-radius: 50%;
}
.team-socialbox i{
    opacity: 0;
    font-size: 12px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #ffffff;
    padding: 10px 10px;
}
.team-socialshrt a{
  margin-left: 5px;
}
.team-socialshrt i {
    font-size: 12px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 1px solid #000;
    padding: 10px 10px;
}
.team-box:hover .team-socialbox i{
  opacity: 1;
  transition: all 0.2s ease 0.3s;
  margin-top: 6em;
  z-index: 1;
}
.team-image {
  position: relative;
}
.meta-image {
    position: absolute;
    top: 1em;
    border-radius: 40px;
    left: 20px;
    background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
    padding: 15px;
    opacity: 1;
}
.team-box:hover .meta-image {
  opacity: 0;
}
.meta-image img {
    border-radius: 40px;
}
#team .owl-dots {
  text-align: center;
}
#team .owl-dot {
  padding: 4px;
  border: 2px solid #262626;
  margin-right: 9px;
  border-radius: 50%;
  background-color: unset;
}
#team .owl-dot.active {
  background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
  border: unset;
  padding: 6px;
}

/*----------team single page----------*/

.about-socialbox i {
    border: 2px solid;
    text-align: center;
    border-radius: 50px;
    width: 40px;
    height: 40px;
    padding: 11px 10px;
}
.about-socialbox a:hover {
    color: #fcc012;
}

/*------------------------- How We Works -----------------------------*/
#how-we-works h3{
  font-size: 36px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}
#how-we-works small{
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
}
#how-we-works .title_icon::before {
    top: -10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    background: #ffffff;
    border-radius: 50px;
}
#how-we-works .title_icon::after {
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
}
.how-we-works-data-contents{
      margin-bottom: 30px;
}
.how-we-works-value-icon {
    color: #ffffff;
    font-size: 45px;
    margin-top: -10px;
}
.how-we-works-heading {
    font-size: 24px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 600;
}
.how-we-works-text {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    margin-top: 20px;
}
.how-we-works-button {
    font-size: 14px;
    letter-spacing: 3px;
    color: #e9413a;
    font-weight: 800;
}
.how-icon-img img {
    max-width: 220%;
}
.how-icon-img {
    color: #fcc012;
    font-size: 40px;
    margin-right: 15px;
}
.how-icon-img i {
    background: linear-gradient(to right, #e94a44 0%, #f7c012 100%);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
.we-work-heading {
    font-size: 24px;
    letter-spacing: 1px;
    color: #fcc012;
    font-weight: 600;
}
.how-we-works-contents:hover {
  box-shadow: 0 4px 8px 0 rgba(255,255,255,0.12), 0 2px 4px 0 rgba(255,255,255,0.08);
}
/*------------------------Testimonials -----------------------------*/
.testimonial-title {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #262626;
    font-weight: 600;
    text-align: center;
}
.testimonial-designation {
  font-size: 14px;
  letter-spacing: 0px;
  color: #6b6666;
  font-weight: 400;
  text-align: center;
  padding-bottom: 12px;
}
.testimonial-text {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #6b6666;
    font-weight: 400;
    text-align: center;
}
.testimonial-quote i {
    font-size: 55px;
    color: #e9413a;
    opacity: 0.1;
}
.testimonial-quote {
    position: absolute;
    bottom: 4em;
    left: 0;
    right: 0;
    text-align: center;
}
.testimonial-box, .testimonial-shbox {
    padding: 25px 15px;
    background-color: #fff;
}
.testimonial-image {
  top: 30px;
  position: absolute;
  left: 0;
  right: 0;
}
.testimonial-box:hover .testimonial-image {
  top: 0;
  transition-duration: 1s;
}
.testimonial-image img {
  border-radius: 50px;
}
#testimonials .owl-dots {
  display: block;
  text-align: center;
}
#testimonials .owl-dot {
  padding: 4px;
  border: 2px solid #262626;
  margin-right: 9px;
  border-radius: 50%;
  background-color: unset;
}
#testimonials .owl-dot.active {
  background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
  border: unset;
  padding: 6px;
}
.testimonial-content {
    margin-bottom: 15px;
    padding-top: 75px;
}
.testimonial-box:hover {
    margin-top: -2em;
}
.testimonial-shbox{
  border:1px solid #eee;
}
/*------------------------- Why Choose Us-----------------------------*/
.why-choose-head{
  text-align: left;
}
#why_choose_us .title_icon{
  text-align: left;
}
#whychoose_record small h4{
    font-size: 14px;
    color: #ffffff;
    font-weight: 600;
    text-align: left !important;
}
#why_choose_us h3 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 600;
  text-align: left;
}
.why-choose-text{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 36px;
  color: #ffffff;
  font-weight: 400;
  text-align: left;
  padding: 15px;
}
.why-choose-button{
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 700;
  background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
  color: #ffffff;
  border: none;
  border-radius: 40px;
  padding: 10px;
  margin-left: 12px;
  margin-bottom: 12px;
}
.why-choose-button:hover{
  background: #ffffff;
  color: #e9413a;
}
/*------------------------- Our Records -----------------------------*/

#our_records b, #our_records span{
  font-size: 36px;
  color: #ffffff;
  font-weight: 600;
}
#our_records p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 700;
}
.radius_para {
  background: #fcc012;
  margin-bottom: 30px;
  padding: 25px 12px;
}
.radius_para1 {
  background: #e9413a;
  margin-bottom: 30px;
  padding: 25px 12px;
}

/*------------------Latest Post -----------------*/
#latest_post{
  text-align: center;
}
.home .entry-date {
    position: absolute;
    right: 14px;
    top: 30px;
    background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
    padding: 5px 10px;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 700;
}
.latest_post_text {
  padding: 10px 5px;
  margin: 0 auto;
}
h4.latest_post_name a {
  font-size: 18px;
  letter-spacing: 1px;
  color: #262626;
  font-weight: 600;
  text-align: center;
}
.blog_shorttext {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 30px;
    color: #6b6666;
    font-weight: 400;
    text-align: center;
    padding: 0 10px 25px 10px;
}
.blog-button {
  font-size: 14px;
  letter-spacing: 1px;
  color: #6b6666;
  font-weight: 700;
  text-align: center;
  border: 2px solid;
  border-radius: 40px;
  padding: 10px 20px;
}
.blog-button:hover{
  background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
  color: #ffffff;
  border: none;
  transition: all 0.5s;
}
.post_box:hover .blog-button{
  background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
  color: #ffffff;
  border: none;
  transition: all 0.5s;
}
.latest_post_box{
  padding: 12px 12px;
  background-color: #ffffff;
  box-shadow: 1px 2px 3px 0px #d9d9d9;
  margin-bottom: 10px;
}
#latest_post .owl-dots {
    display: block;
    text-align: center;
}
#latest_post .owl-dot {
    padding: 4px;
    border: 2px solid #262626;
    margin-right: 9px;
    border-radius: 50%;
    background-color: unset;
}
#latest_post .owl-dot.active {
    background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
    border: unset;
    padding: 6px;
}
.post_box:hover .post_thumb {
  position: relative;
}
.post_box:hover .post_thumb::before {
  position: absolute;
  top: 0;
  left: -45%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.post_box:hover .post_thumb::before {
  -webkit-animation: shine .75s;
  animation: shine .75s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/*------------------------- Our Clients -----------------------------*/
#clients{
  text-align: center;
}

/*-----------------------Footer Contact-----------------*/
#footercontact{
  text-align: center;
}
div#footer_box {
  padding-bottom: 3%;
}

/*------------------ Contact Page -----------------*/
.c_icon {
  display: table;
  margin: 0 auto;
  padding: 25px 8px;
  border-radius: 50%;
}
.contac_form h3 {
    color: #e9413a;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #18304c;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  background-color: #f2f2f2;
  border: 2px solid #f2f2f2;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;

}
section#contact-box{
  padding:0;
  margin:0;
}
.contac_form.col-md-12 {
  background:rgb(247, 247, 247);
  margin: 20px;
  box-shadow: 0px 0px 20px #ccc;
  /*margin-top: -72px;*/
}
.contact-info {
  font-size: 14px;
  line-height: 26px;
  padding: 0;
  width: 100%;
}
.inner-cont {
  padding: 10px 5px;
  background: #ffffff;
  background-color: rgb(246, 247, 240);
  border-style: solid;
  border-width: 1px;
  border-radius: 0px;
  border-color: transparent;
  margin: 0px;
  transition: all 700ms ease 0s;
  box-shadow: none;
}
.inner-cont:hover {
    background-color: rgb(255, 255, 255);

    margin: 0px;
    transition: all 700ms ease 0s;
    box-shadow: 0px 0px 20px #ccc;
}
.contac_form h3 {
  text-align: center;
  margin: 20px auto;
  display: table;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 38px;
  color: #e9413a;
  margin: 0 auto;
  text-align: center;
  width: 87px;
  display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form form {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 20px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}

/*---------------- Banner ----------------------*/
.inner_banner img, .title-box img {
    width: 100%;
}

/*---------------- Footer Section ----------------------*/
#footer{
  background-size: cover;
}
#footer{ 
  text-align:center;
  color:#fff;
  padding:3em 0 0 0px;
  text-align:left;
}
#footer h3 {
    font-size: 14px;
    letter-spacing: 1px;
    color: #e9413a;
    font-weight: 700;
}
#footer .textwidget p{
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 400;
    margin-top: 12px;
}
#footer table, td, th{
  border: none;
}
#footer table{
  margin-bottom: 0px;
}
#footer li{
  list-style: none;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 42px;
  color: #ffffff;
}
#footer li a{
  color: #ffffff;
}
#footer td p{
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 500;
}
/*----------------- Copyright -------------------------*/
#copyrights {
    background: linear-gradient(270deg, #e9413a 30%, #f7c012 100%);
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
}
.copyright-text {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 500;
    text-align: center;
}
.copyright-text .credit_link a {
    color: #ffffff !important;
}
/* --------- Social Icon Widget ------- */
.social_widget a {
  color: #ffffff;
  padding: 7px 7px;
  margin-right: 7px;
  display: inline-block;
  margin-bottom: 5px;
  border-radius: 50%;
}
.social_widget a i {
  font-size: 13px;
  letter-spacing: 3px;
  width: 20px;
  text-align: center;
}
.social_widget a:hover{
  color: #fcc012;
}
/* --------- search Page ------- */
.postbox h6 {
    font-weight: bold;
}
/* --------- Blog Page ------- */
#full-width-blog .postbox {
   width: 100%;
   border: none;
}
#full-width-blog .postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 20px;
}
.postbox h3{
  font-weight:normal;
  font-size:35px;
  text-align: center;
  margin:15px 0 0 0;
}
.blogimg-full img{
  width: 100%;
}
.read-more-icon{
  text-align: center;
  margin: -55px 0 0 0;
  z-index: 999;
}
.read-more-icon a:hover{
  opacity: 0.9;
}
.continue-read a {
  color: rgba(19, 10, 138, 0.6);
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  border: solid 1px #bbb;
  padding: 10px 20px 10px 20px;
  border-radius: 6px; 
  display: block; 
  background: #fff;
}
.continue-read a:hover{
  background: #18304c;
  color:#fff;
}
.continue-read {
  margin: -22px auto 0 auto;
  display: table;
}
.metabox img {
  border-radius: 50%;
  margin-left: 30%;
}
.postbox {
   margin-bottom: 39px;
   border: none;
   border-radius: 6px;
}
.postbox h2{
  margin:0 0 5px; 
  font-weight:bold;
}
a.post-readmore {
   font-size: 18px;
   border-bottom: 1px solid;
}
a.post-readmore i {
   margin-left: 8px !important;
   font-size: 18px;
   border-bottom: 1px solid #ffffff;
   padding-bottom: 2px;
}
.widget_recent_entries li {
  margin: 10px;
}
.postbox  a.blogbutton {
  background:none;
  color:#fff;
  font-size:12px; 
  font-weight:bold; 
  color:#fff; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:18px;
  text-transform:uppercase;
  margin:25px 0 0 0;
  display:table;
}
.blogbutton-small{
  background:none;
  font-size:12px; 
  font-weight:bold; 
  padding:6px 25px;
  border:1px solid #000; 
  color:#000; 
  font-size:14px;
  text-transform:uppercase;
  margin:14px 0 0 0;
  display:table;
}
.metabox {
    color: #000;
    padding: 5px 0;
    clear: both;
    margin: 10px 0;
    border-top: 1px solid #e9413a;
    border-bottom: 1px solid #e9413a;
}
.metabox .entry-date{
  background:url('assets/images/date.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 13px 0 0;
}
.metabox .entry-author{
  background:url('assets/images/author.png') no-repeat;
  padding: 0 0 0 20px;
  margin:0 20px 0 0;
}
.metabox .entry-comments{
  background:url('assets/images/comments.png') no-repeat;
  padding: 0 0 0 20px;
}
#comment-nav-above .nav-links {
  width: 100%;
  float: left;
  margin-bottom: 17px;
}
#sidebar span.comment-author-link {
    margin-left: 14px;
}
.post-featured img {
  width: 100%;
}
.search-results .post-featured img{
  width: auto;
}
/* --------- Inner Pages --------- */
.more_info a {
  background: #333;
  color: #ffffff;
  padding: 10px;
  border-radius: 20px;
}
.more_info {
  margin: 20px 0;
}
.more_info a:hover {
  background: #ffffff;
  color: #333333;
}
ol.carousel-indicators {
  position: static !important;
  display: none;
}
ol.carousel-indicators li {
  max-width: 10px;
  padding: 5px;
  color: #333333;
  border-radius: 50%;
  margin-top: 12px;
}
ol.carousel-indicators li{
  border: 2px solid #ffffff;
  background: transparent;
}
.carousel-indicators .active{
  background-color: #fcc012;
  border: 2px solid #fcc012;
}
/* ----------------------- POST---------------------- */
a.page-numbers, span.page-numbers.current {
  padding: 10px !important;
  background: #e9413a;
  color: #ffffff !important;
  border: 1px solid #e9413a;
}
.navigation span.page-numbers.current{
  background: #ffffff;
  border: 1px solid #e9413a;
  color: #000000 !important;
}
#blog{
  padding-top:0;
  margin-top:0;
}
.blog-post h5{
  text-transform:uppercase;
  color: #000;
}
.blog-icon i {
  font-size: 20px;
  background: #bbb;
  border-radius: 50%;
  padding: 10px 14px 12px 15px;
  color: #fff;
  margin-right: 1%;
}
.blog-icon i:hover {
    background: #d3da36;
    color: #fff;
}
.blog-icon i.fa-google-plus {
    padding: 12px 10px 12px 11px
}
aside#search-3 {
  padding: 0 !important;
}
.feature-image-box img{
  width:100%;
}
.feature-image-box img a:hover{
  opacity:0.8;
}
.post-singlepage {
  border: solid 1px #bbb;
  box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
  padding:30px 0;
}
.bradcrumbs a{
  background:#f1f1f1; 
  color:#000;
  padding:5px 15px;
  margin-right:5px;
}
.bradcrumbs a:hover{
  background-color:#e9413a;
}
.bradcrumbs span{
  background:#dddddd; 
  color:#000;
  padding:5px 15px;
}
/*------------------ Comments BOX ------------------*/
#comments{
  float: left;
  width: 100%;
  margin-top: 10px;
}
#comments h2.comments-title{
  font-size:20px; 
  font-weight:bold;
}
#comments h3.comment-reply-title{
  font-size:20px; 
  font-weight:bold;
  clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
  padding:12px 10px; 
  font-size:18px;
}
#comments input[type="submit"].submit {
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 20px;
  color: #ffffff;
  border-left: 1px solid #e9413a;
  border-right: 1px solid #e9413a;
  border-bottom: 3px solid #e9413a;
  text-transform: uppercase;
  border-top: none;
}
#comments a time{
  color:#000;
  font-weight:bold;
  font-size:12px;
}
#comments .reply{
  text-align:right;
}
#comments .comment-metadata{
  width:90%;
  float:left;
  padding:1% 0 0 0;
}
#comments .comment-content{
  width:90%;
  text-align:left;
  margin-left:7%;
}
#comments .comment-author{  
  margin-bottom: 1em;
}
#comments h2#reply-title {
  display: inline-table;
}
#comments .comment-author.vcard img {
  padding: 2px;
}
/* --------- SLIDER--------- */
.carousel-control {
    display: block;
}
#slider{ 
  max-width:100%; 
  margin:auto; 
  padding:0; 
  position:relative;
}
#slider img {
    width: 100%;
}
#slider h2 {
  font-size: 48px;
  color: #ffffff;
  font-family: "Poppins";
  font-weight: 700;
  text-align: center;
}
#slider p{ 
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 36px;
  color: #ffffff;
  font-family: "Poppins";
  font-weight: 400;
  text-align: center;
}
#slider p.price {
  font-size: 22px !important;
}
#slider .carousel-caption.d-none.d-md-block {
    margin: 0 auto;
}
#slider .carousel-caption {
  top: 50%;
  transform: translateY(-50%); 
  bottom: inherit;
  text-align: left;
  left: 10%;
  right: 10%;
}
.inner_carousel{
  padding: 20px 20px;
  text-align: center;
  max-width: 95%;
  margin: 0 auto;
}
a.blog-more{ 
  display:inline-block; 
  font:400 16px 'Roboto Condensed', sans-serif; 
  padding:10px 30px; 
  margin-top:21px; 
  border-radius:4px; 
  -moz-border-radius:4px; 
  -webkit-border-radius:4px; 
  -o-border-radius:4px; 
  -ms-border-radius:4px; 
  margin-right:15px;
}
.carousel-control-prev{
  left: 0;
}
#slider .carousel-control-next, #slider .carousel-control-prev {
  width: auto;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
    display: block !important;
}
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon{
  background-image:#ffffff; 
}
#slider .carousel-control-next,
#slider .carousel-control-prev{
  opacity: 1;
}
.carousel-control-next-icon,
.carousel-control-prev-icon{
  width: auto;
  height: auto;
}
.carousel-control-prev i,
.carousel-control-next i
 {
  padding: 15px 18px;
  background-color: #ffffff;
  font-size: 12px;
  color: #fcc012;
}
.carousel-control-prev i:focus,
.carousel-control-prev i:active,
.carousel-control-prev i:hover,
.carousel-control-next i:focus,
.carousel-control-next i:active,
.carousel-control-next i:hover{
  background: #fcc012;
  border: none;
  transition: all 0.5s ease-out;
  color: #fff;
}
.carousel-control-next-icon{
  background: none;
}
.inner_carousel h2 small {
  color: #ffffff;
  display:block;
  margin-bottom: 20px;
}
/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
/*--------------- Sidebar -----------------*/
#sidebar .textwidget input[type="submit"]{
  width: 100%;
}
#sidebar .textwidget label {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
#sidebar .textwidget input[type="submit"] {
    background: #333;
    border: none;
    color: #ffffff;
    padding: 14px 0;
    font-size: 15px;
    margin: 0;
}
#sidebar form{
  text-align: center;
}
#sidebar h3 {
   margin: 0 0 10px;
   font-size: 20px;
   color: #e9413a;
}
#sidebar h3:after{
  content: "";
  display: block;
  width: 32px;
  height: 3px;
  background: #fcc012;
  margin-top: 7px;
}
.widget_categories select {
  width: 100%;
  padding: 6px;
}
#sidebar input[type="search"] {
  padding: 10px 10px;
  font-size: 15px;
  margin-bottom: 10px;
  color: #6c6c6c;
  border: solid 1px #e1e1e1;
  width: 100%;
}
#sidebar label{
  width:100%;
  float:left;
  margin-bottom:0;
}
#sidebar input[type="submit"]{
  background-color: #d12324;
  color: #fff;
  padding: 10px 0;
  font-size: 12px;
  width: 100%;
  letter-spacing: 2px;
  font-weight: bold;
}
#sidebar aside{
  margin-bottom:30px;
  border:1px solid #bbb;
  padding: 10px;
}
#sidebar ul {
  list-style:none;
  margin:0; 
  padding:0; 
  font-size:17px;
}
#sidebar ul li{ 
  line-height: 32px;
  background: url('./images/arrow-right.png') no-repeat 0px 10px;
}
#sidebar ul li a{ 
  color:rgba(0, 0, 0, 0.78);
}
#sidebar .tagcloud a{
  background:#eeeeee; 
  color:#000; 
  font-size:15px !important;
  padding:5px 18px;
  margin:0 0 5px; 
  display:inline-block;
}
#sidebar .tagcloud a:hover{
  background:#3890cb;
}
#sidebar .widget_recent_entries ul li{ 
  background: none;
}
#sidebar .post-content {
    line-height: 20px;
    margin-bottom: 15px;
}
/*------------- Page -----------------*/
.title-box{
  color:#fff;
  text-transform:uppercase;  
  font-weight:bold;
  text-align:center;
  margin-bottom:25px;
}
.title-box img{
  width:100%;
}
.title-box h1 {
  font-weight: bold;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
  font-size: 34px;
  color: #000;
}
.above_title {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 10%;
}
.read-moresec{
  margin:2% 0;
}
.middle-content {
  padding-bottom: 20px;
}
/*---------------- Pagination ----------------*/
.navigation {
  font-size:14px; 
  font-weight:bold;
  margin: 10px 0;
}
 
.navigation a {
  padding: 0;
}
.navigation span, .navigation a {
  display: block;
  float: left;
  padding: 10px 15px 0 15;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #5b5b5b;
  -webkit-transition: background .15s ease-in-out;
  -moz-transition: background .15s ease-in-out;
  -ms-transition: background .15s ease-in-out;
  -o-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
  font-weight: normal;
}
.navigation span.meta-nav {
  font-weight: bold;
}
.navigation .current{
  background: #333333; 
  color:#ffffff;
  font-weight:normal;
}

/* ------------- Category --------------------*/
.category-page h4{
  text-align: left !important;
}
ul.post-categories {
  list-style: none;
  margin: 0;
}
ul.post-categories a {
  color: #333333;
}
.content_boxes {
    padding: 0;
    border: none;
}
.post_ctg span {
  float: left;
  margin-right: 7px;
}
/*-------------- Main Title ---------------*/
.main_title h1{
  color: #fcc012;
}
.main_title h1:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color: #e9413a;
  margin-top: 7px;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  color: #ffffff;
  background-color: #333333;
  border-radius: 50%;
  width: 36px;
  margin: 0 4px;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f{
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
  background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
  background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
  background-color: #55acee;
}
.view-more {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.menubar.scrolled li.search-box {
    display: block !important;
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
}
button.owl-prev, button.owl-next {
  background: #ffffff;
  border: 1px solid #000;
  padding: 6px 9px;
}
.owl-nav {
  margin: 12px auto;
  display: none;
}
button.owl-next.disabled, button.owl-prev.disabled {
    background: #bbb;
}
/*-------------- Woocommerce ---------------*/
.woocommerce .summary h1 {
    font-size: 28px;
}
.woocommerce div.product form.cart div.quantity {
  margin-right: 20px;
}
.woocommerce .quantity input{
  padding: 5px 0px;
}
.woocommerce button.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #e9413a;
  border-radius: 0;
  padding: 10px 14px;
  color: #ffffff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price{
  color: #e9413a;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover{
  background: #ffffff;
  color: #333333;
  border: 1px solid #e9413a;
}
#contentwoocom {
  padding: 20px 15px;
}
h2.woocommerce-loop-product__title {
  text-align: center;
}
.woocommerce ul.products li.product .price{
  text-align: center;
}
.woocommerce a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
  text-align: center;
  margin: 0 auto;
  display: table;
  margin-bottom: 20px;
}
li.product {
  border: 1px solid #ddd;
  padding-bottom: 17px;
}
.woocommerce span.onsale{
  background-color: #e9413a;
}
.woocommerce #customer_login .col-1, .woocommerce #customer_login .col-2{
    max-width: 100%;
}
input#password, input#reg_password {
    padding: 10px;
}
.woocommerce div.product form.cart .variations select{
  background-color: #ffffff; 
}
.u-column1.col-1.woocommerce-Address, .u-column2.col-2.woocommerce-Address {
    width: 100%;
    max-width: 100%;
}
.woocommerce a.added_to_cart {
    padding: 0 .5em .5em;
    display: inline-block;
}
.features-data-contents:hover .features-value-icon i,
.features-data-contents:hover .features-value-icon img{
  transition: 1s;
 -webkit-transition: 0.70s;
 -moz-transition: 0.70s;
 -ms-transition: 0.70s;
 -o-transition: 0.70s;
 -webkit-transform: rotateY(360deg);
 -moz-transform: rotateY(360deg);
 -o-transform: rotateY(360deg);
 -ms-transform: rotateY(360deg);
 transform: rotateY(360deg);
}
.woocommerce .col2-set .col-1 {
   max-width: 100%;
}
.woocommerce .col2-set .col-2 {
   max-width: 100%;
}
/*-------------- media section ---------------*/
@media screen and (min-width: 1025px){
  .home .header-content {
      width: 100%;
      padding: 4px;
      background-color: transparent;
      position: absolute;
      z-index: 999;
  }
  .blog .header-content {
      width: 100%;
      padding: 4px;
      background-color: #222d34;
      position: unset;
      z-index: 999;
  }
}
@media screen and (max-width:767px) {
  .inner_carousel {
    max-width: 100%;
  }
  .contact_details .left-side-content{
    text-align: center;
  }
  .header-content .right-side-content {
    padding-top: 0px; 
  }
  .contact_details p {
    padding-bottom: 0px;
  }
  .play-button {
    padding: 100px;
  }
  .video_img {
    margin: 25% 40%;
  }
  .contact_details ul li{
    text-align: center;
    display: block;
    padding-bottom: 10px;
  }
  .header-content_btn {
    text-align: center;
    margin-bottom: 20px;
  }
  #slider .carousel-caption.d-none.d-md-block {
      display: block !important;
  }
  
  #slider p.font-weight-bold {
      display: none;
  }
  .gallery-image img{
    height: 140px !important;
  }
  div#TB_window {
    width: 90% !important;
  }
  #our_records h4, .counter_inner {
    text-align: center;
  }
  #header .logo a.custom-logo-link{
    position: static;
  }
  .mid-content {
    position: static;
    top: 0;
    transform: unset;
  }
  .fadeInRight{
    animation-name: unset !important;
  }
  .socialbox {
    text-align: center;
  }
  .site-title{
    font-size: 34px;
  }
  .site-description{
    font-size: 14px;
  }
  .main-header{
    margin-bottom: 25px;
  }
  .header-title{
    padding: 30px 0;
  }
  .main-title{
    font-size: 30px;
  }
  #masthead{
    min-height: 60px;
  }
  #masthead #site-branding img,
  #masthead.scrolled #site-branding img{
    max-height: 40px;
    width: auto;
  }
  .main-navigation li,
  #masthead.scrolled .main-navigation li{
    display: block;
  }
  .sf-arrows .sf-with-ul{
    padding-right: 0;
  }
  .menu > ul > li > a{
    padding: 10px 0;
  }
  .main-navigation ul ul{
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .slide-cta{
    float: none;
    width: 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #home-slider-section .bx-wrapper .bx-controls-direction a{
    display: none;
  }
  .slide-button-left,
  .slide-button-right{
    padding: 7px 25px 7px 25px;
    min-width: 160px;
    font-size: 16px;
  }
  #slider p {
    display: none;
  }
  .about-sec{
    margin-bottom: 40px;
  }
  #cta-section .cta-left{
    width: 100%;
    float: none;
    text-align: center;
  }
  .site-info{
    float: none;
    width: 100%;
    text-align: center;
  }
  .woocommerce div.product div.images .flex-control-thumbs{
    margin: 10px 0 0 0;
  }
  .innermenubox {
    position: static;
  }
  .contact-box .wpcf7 input[type="text"],
  .contact-box .wpcf7 input[type="email"],
  .contact-box .wpcf7 textarea{
    width: 100% !important;
  }
  .project-image {
    text-align: center;
  }
  .project_content{
    padding-top: 12px;
  }
  .meta-image{
    top: 1em;
  }
  section h3 {
    font-size: 25px;
  }
  .features-heading {
    font-size: 17px;
    line-height: 28px;
  }
  .home .entry-date {
    position: relative;
    right: 0px;
    top: 0px;
  }
}
@media screen and (max-width:576px) {
  .features-data-contents {
    text-align: center;
  }
  .logo {
    text-align: center;
  }
  .header-button {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 25px;
  }
  #newsletter .newsletter-head input[type="email"] {
    max-width: 100%;
  }
  #newsletter .newsletter-head input[type="submit"] {
    position: absolute;
    right: 16px;
    padding: 7px 9px;
  }
  #latest_post .owl-nav {
    display: none;
  }
  #slider h2 {
    font-size: 14px;
  }
  a.theme_white_button {
    margin-top: 12px;
    padding: 8px 14px;
    font-size: 12px;
  }
  blockquote{
    width: 100%;
  }
  .media-small {
    padding-left: 10px !important;
  }
  .small_media {
    padding: 10px 0;
  }
  #slider p{
    margin: 0 0 9px 0;
  }
  #slider h5{
    font-size: 16px;
  }
  section h2{
    font-size: 22px;
  }
  .top-icon{
      top: -1%;
  }
  .above_title {
    margin-top: 2%;
  }
  .menubar {
    padding: 0 15px;
  }
  .serach_inner input.search-field {
    width: 85%;
  }
  .projectbox-content {
    width: 96%;
    left: 6px;
  }
  .top_social {
    margin-top:0;
  }
  .search_popup input.search-submit{
    padding:6px 6px;
  }
}
@media screen and (min-width: 992px) and (max-width:1199px){
  .features-heading {
    font-size: 15px;
  }
}  
@media screen and (min-width: 576px) and (max-width:767px){
  .project-image .project-text {
    font-size: 12px;
  }
}  
@media screen and (min-width: 577px) and (max-width:767px){
  #newsletter .newsletter-head input[type="email"] {
    max-width: 85%;
  }
  #newsletter .newsletter-head input[type="submit"] {
    right: 13%;
  }
  #slider h2{
    font-size: 32px;
  }
  a.theme_white_button {
    padding: 12px 18px;
    font-size: 12px;
  }
}
@media screen and (min-width: 767px) and (max-width:1024px){
  .meta-image {
    top: 0; 
  }
  .contact_details ul li span{
    letter-spacing: 0;
  }
}
@media screen and (max-width:719px) {
  .menubar.scrolled.hmenu {
    background-color: #222222;
    height: auto; 
  }
  .contact-info {
    margin: 0 !important;
  }
  .search-box{
    float: none;
  }
  .menubar .nav ul li ul{
    display:none; 
    z-index:2;
    font-weight:normal;
  }  
  span{
    text-align: right;
  }
}

@media screen and (max-width:768px) {
  #slider .inner_carousel {
    padding: unset;
  }
  .top_social {
    padding: 10px 0;
    margin-left: 0;
  }
  .menubar {
    position: relative;
    right: 0;
  }
}

@media screen and (max-width:991px) {
  .records {
    top: 0em;
  }
  .search-box{
    float: none;
  }
  .search-box form.search-form{
    margin: 0 auto;
  }
  .social-box .social-media {
    padding-top: 21px;
  }
  .socialbox a i{
    font-size: 12px;
    width: auto;
  }
  #clients .owl-dots {
    display: none;
  }
}
@media screen and (max-width: 1024px){
  .main-navigation li{
    line-height: 45px;
  }
  .main-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .top_bar {
    border-bottom: 1px solid #fff;
  }
  .home.page-template .menubar {
    margin-top: 0em;
    margin-bottom: 0em;
  }
  .search-icon {
    padding: 18px 20px 9px 20px;
  }
  #header {
    background: rgba(212, 213, 214, 0.7);
    width: 100%;
    padding: 8px 0px;
  }
  .inner_carousel {
    max-width: 100%;
  }
  .logo h1 a, .logo h1 a {
    font-size: 20px;
  }
  .main-navigation ul ul{
    background-color: transparent;
  }
  .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
    border-bottom: none;
  }
  .search-box{
    margin-top: 15px;
  }
  .toggle-nav {
    display: none;
    position: relative;
    float: left;
    height: 30px;
    width: 30px;
    cursor: pointer;
    margin: 0px auto 15px;
    left: 0;
  }
  .toggle-nav i {
    font-size: 29px;
    color: #000000;
  }
  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
  }
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    color: #818181;
    display: block;
    transition: 0.3s;
  }
  .sidenav a:hover {
    color: #e9413a;
  }
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
  }
  .sidenav #site-navigation {
    width: 100%;
  }
  .toggle-nav span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
	iframe {
    width: 100%;
    height: auto;
	}
  .toggle-nav{
    display: block;
  }
  .innermenubox {
    position: static;
  }
  .main-navigation .menu{
    float: none;
    text-align: center;
  }
  .main-navigation ul ul li,
  #masthead.scrolled .main-navigation ul ul li{
    display: block;
  }
  .main-navigation .menu > ul > li.highlight{
    background: transparent !important;
  }
  .menu > ul > li:hover:before, 
  .menu > ul > li.current_page_item:before, 
  .menu > ul > li.current-menu-item:before{
    display: none;
  }
  .sf-arrows .sf-with-ul:after{
    border-top-color: #333;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .menubar .nav ul{ 
    width:100%;
    margin-top:0; 
  }
  .menubar .nav ul li,
  .menubar.scrolled .main-navigation li{
    border-top:1px #303030 solid; 
    display:block;
    text-align:left;
    float:none;
    width: 100%;
  }
  .nav ul li a{
    padding:5px 10px; 
    display:block; 
    color:#ffffff;
  }
  .nav ul li a:hover{
    color:#e9413a;
  }
  .nav ul li ul,
  .nav ul li ul ul{ 
    display:block !important;
  }
  .nav ul li ul li a:before{
    content:"\00BB \00a0";
  }
  .nav ul li ul li a{
  padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .speciality {
    padding-top: 12px;
    padding-bottom: 5px;
  }
  .contact-box {
    overflow-x: hidden;
  }
}
@media screen and (min-width: 1025px) and (max-width:1199px){
  .search-icon {
    padding: 18px 20px 9px 20px;
  }
}
@media screen and (max-width: 1200px){
  .team-box:hover .team-image:before{
  background: unset !important;
  position: unset !important;
  transition:unset !important;
  }
  .team-box:hover .team-socialbox i{
    transition: unset !important;
    margin-top: 1em;
    color: #000;
    opacity: unset;
    z-index: unset;
    border: 1px solid #ccc;
  }
  .team-socialbox{
    position: unset;
  }
  .team-box:hover .meta-image {
  opacity: unset;
  }
}  
/* Icon Grow */
#header .hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#header .hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#header .hvr-icon-grow:hover .hvr-icon, 
#header .hvr-icon-grow:focus .hvr-icon,
#header .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  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;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

#header .hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#header .hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#header .hvr-icon-wobble-horizontal:hover .hvr-icon, 
#header .hvr-icon-wobble-horizontal:focus .hvr-icon, 
#header .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

#about img {
    width: 100%;
}