/* Index of CSS
==================================================
1. Global styles

2. Header Section

3. About Section 

4. Service Section 

5. Get Strted Section 

6. Work Section 

7. Team Section

8. Video Section 

9. Blog Section

10. Choose Us Section 

11. Pricing Section 

12. Testimonial Section

13. Fun Facts Section 

14. Contact  Section 

15. Client Section

16. Footer Section 

[===== Single Page ===== ]

13. Pricing Section /.pricing-section

14. Team Section /.team-section

15. Contact  Section / .contact_page

16. Blog Page / .blog_container
	
17. Single Blog Page  / .single_blog_container

18. Gallery page / .work_section_page

19. About page / .about_page

20. Shop Page / .shop_page

21. Slingle Shop Page  

22. Checkout Page 
 
*/
 /*----------------------------------------------------
    1. Global styles
------------------------------------------------------*/
 
 @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto');
 @import url('../icon/elegant-icons/style.css');
 @import url('font-awesome.min.css');
 body {
     font-size: 15px;
     font-family: 'Roboto', sans-serif;
     background: transparent;
     line-height: 1.5;
     font-weight: 400;
     color: #676767;
 }
 img {
     max-width: 100%;
 }
 a {
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 /* ## Global Class ## */
 
 p {
     font-weight: 400;
     line-height: 24px;
     font-size: 15px;
	 text-align: justify;  
 }
 
 h1 {
     font-size: 30px;
     line-height: 40px;
 }
 h1,
 h2,
 h3,
 h4,
 h5 {
     font-weight: 500;
     color: #333;
 }
 h5,
 h6 {
     line-height: 24px;
 }
 h2 {
     font-size: 46px;
     line-height: 32px;
     font-family: 'Montserrat', sans-serif;
 }
 h3 {
     font-size: 40px;
     line-height: 28px;
     font-family: 'Montserrat', sans-serif;
 }
 h4 {
     font-size: 18px;
     line-height: 26px;
 }
 h5 {
     font-size: 14px;
 }
 h6 {
     font-size: 13px;
 }
 a,
 a:hover,
 a:focus,
 .btn:focus {
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     -webkit-text-decoration: none;
     -moz-text-decoration: none;
     -ms-text-decoration: none;
     -o-text-decoration: none;
     text-decoration: none;
     outline: none;
     color: #000;
 }
 a {
     color: #000;
 }
 .btn.btn-fill {
     background: #fff;
 }
 .btn.btn-fill {
     color: #000;
 }
 .btn {
     border-width: 1px;
     border-style: solid;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     cursor: pointer;
     padding: 10px 22px;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 2px;
     position: relative;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     color: #fff;
 }
 section {
     background: #FFF;
     padding-top: 60px;
     padding-bottom: 60px;
 }
 .base-header {
     padding-bottom: 40px;
     width: 50%;
     margin: auto;
     text-align: center;
 }
 .base-header h3 {
     letter-spacing: 2px;
     position: relative;
     color: #414141;
     line-height: 40px;
     font-size: 40px;
     text-transform: uppercase;
     font-weight: 900;
 }
 .base-header p {
     margin-top: -13px;
     color: #606060;
     position: relative;
     padding-bottom: 30px;
 }
 .base-header p::before,
 .base-header p::after {
     position: absolute;
     content: "";
 }
 .base-header p::before {
     height: 1px;
     bottom: 0;
     background-color: #e5e5e6;
     width: 420px;
     left: 50%;
     margin-left: -210px;
 }
 .base-header p::after {
     background: #ffcd23;
 }
 .base-header p::after {
     width: 140px;
     height: 1px;
     bottom: 0px;
     background: #038FD6;
     left: 50%;
     margin-left: -70px;
 }
 .ylow_clr {
     color: ;
 }
 #preloader {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 9999999;
     width: 100%;
     height: 100%;
     overflow: visible;
     background: #fff url("../images/pre_loader.gif") no-repeat center center;
     color: #000;
 }
 .more-link:hover,
 .more-link:focus,
 .more-link:active {
     background: #333;
     color: #fff;
 }
 .more-link {
     display: inline-block;
     font-size: 16px;
     padding: 16px 30px 16px 30px;
     color: #fff;
     font-family: "Montserrat", sans-serif;
     text-transform: uppercase;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     background: #038FD6;
     letter-spacing: 1px;
     border-radius: 50px;
 }
 .owl-nav div {
     border: 2px solid;
     color: #fff;
     font-size: 19px;
     height: 40px;
     left: 50px;
     line-height: 35px;
     margin-top: -20px;
     opacity: 0.8;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
     position: absolute;
     text-align: center;
     top: 50%;
     width: 40px;
 }
 .owl-nav div.owl-next {
     left: auto;
     right: 50px;
 }
 .owl-nav div:hover {
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     background: #038FD6;
     border: 2px solid #038FD6;
 }
 /*----------------------------------------------------
   2. Header Section
------------------------------------------------------*/
 /* Start: hEADER TO Location*/
 
 .header_top {
     
         padding-top: 25px;
    padding-bottom: 9px;
 }
.header_logo {
    float: left;
    margin-top: -12px;
    padding-left: 15px;
    margin-right: 50px;
}


 .header_top_location {
    padding-right: 15px;
}

 .top_location {
     margin-left: 40px;
     position: relative;
     display: inline-block;
     padding-right: 50px;
     padding-left: 50px;
	 float: right;
 }
 .top_location i::before {
     font-size: 25px;
     position: absolute;
     left: -22px;
     border: 1px solid #E1E1E1;
     width: 60px;
     height: 60px;
     line-height: 49px;
     border-radius: 50%;
     padding-left: 17px;
     margin-top: -11px;
     color: #038FD6;
 }
 .top_location:first-child i::before {
     line-height: 57px;
     padding-left: 18px;
 }
 .top_location p {
     font-size: 17px;
     font-weight: 500;
     color: #333;
     line-height: 15px;
     margin-bottom: 5px;
     margin-top: 0px;
     letter-spacing: 2px;
 }
 .top_location span {
     color: #939393;
     font-size: 14px;
 }
 .header_quate_right {
     float: right;
     border: 1px solid #038FD6;
     padding: 11px 26px;
     border-radius: 50px;
     margin-top: -4px;
     background: #038FD6;
     color: #fff;
 }
 .header_quate_right:hover {
     background: #fff;
     color: #038FD6;
 }
 /* End : hEADER TO Location*/
 /* Start: Header search  */
 
 .search-option {
     position: relative;
 }
 button.search {
     line-height: 0px;
     color: #333;
     background: transparent;
     top: 2px;
     position: relative;
 }
 .search-option form.dropdown-menu {
     position: absolute;
     height: 55px;
     width: 280px;
     padding: 5px;
     border-radius: 0;
     right: 0;
     left: auto;
     top: 305%;
     box-shadow: none;
     border: none;
     float: none;
     margin: 0;
     background: #fff;
     -webkit-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
     -moz-box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
     box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.23);
     z-index: 99999;
 }
 .search-option form input {
     width: 100%;
     height: 100%;
     background: transparent;
     border: 1px solid #ececec;
     padding: 0 49px 0 10px;
 }
 input,
 textarea {
     outline: none;
     box-shadow: none;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 input,
 button,
 select,
 textarea {
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
 }
 .search-option form button {
     display: block;
     width: 48px;
     color: #fff;
     border: 1px solid #fff;
     border-left-width: 1px;
     border-left-style: solid;
     border-left-color: rgb(255, 255, 255);
     border-left: none;
     line-height: 45px;
     text-align: center;
     position: absolute;
     top: 4px;
     right: 5px;
 }
 .p-color-bg,
 .contact-line a:hover,
 .news-details-page .main-post-wrapper .post h6::before {
     background: #2992fe;
 }
 button {
     border: none;
     outline: none;
     box-shadow: none;
     display: block;
     padding: 0;
 }
 /*Search Bar ENd */
 .header-right {
    padding-right: 15px;
}

 .header-right > ul > li > a {
     color: #333;
     display: block;
     padding: 10px 10px;
 }
 .header-right li {
     display: inline-block;
     position: relative;
     z-index: 99;
 }
 .header-right .language-cart {
     margin-left: -26px;
 } 
 .header-right > ul {
     display: inline-block;
 }
 .cart-inner {
     color: #fff;
     font-size: 12px;
     text-transform: uppercase;
     background: #038FD6;
     border-radius: 50%;
     position: relative;
     left: -15px;
     padding: 2px 6px 2px 5px;
     top: -8px;
 }
 .cart-inner b {
     margin-right: 10px;
 }
 .headr_btom_cart {
     background: #ffffff none repeat scroll 0 0;
     display: block;
     opacity: 0;
     padding: 20px;
     position: absolute;
     right: 0;
     top: 136%;
     transform: scaleY(0);
     transform-origin: 0 0 0;
     transition: all 0.3s ease 0s;
     visibility: hidden;
     width: 300px;
     z-index: 999;


 }

 .headr_btom_cart ul {
     padding-left: 0px;
     margin-top: 0px;
 }
 .header-cart:hover .headr_btom_cart {
     opacity: 1;
     transform: scale(1);
     visibility: visible;
 }
 .single-cart {
     padding-bottom: 15px;
 }
 .header-right div {
     float: left;
 }
 .cartt_img img {
     width: 100%;
 }
 .cart-button i {
     padding-left: 8px;
 }
 .cartt_img {
     display: block;
     float: left;
     width: 30%;
 }
 .cartt_img a {
     display: block;
     float: left;
     width: 100%;
 }
 .cart-content {
     float: left;
     width: 60%;
 }
 .cart-title {
     color: #333;
     display: block;
     margin-bottom: 0px;
     padding-left: 10px;
     text-transform: capitalize;
 }
 .cart-title:hover {
     color: #038FD6;
 }
 .qty {
     color: #333;
     margin-bottom: 0;
     padding-left: 10px;
     margin-top: 0px;
 }
 .qty span {
     color: #333;
 }
 .cart-remove {
     display: block;
     float: left;
     position: relative;
     right: -8px;
     width: 10%;
 }
 .header-cart i {
     font-size: 15px;
     padding-right: 10px;
     color: #333;
 }
 .header-cart .action i:hover {
     color: #038FD6;
 }
 .header-right ul li i:hover {
     color: #038FD6;
 }
 .cart-pricing {
     border-bottom: 1px solid #E4DEDE;
     border-top: 1px solid #E4DEDE;
     float: left;
     margin-bottom: 30px;
     width: 100%;
 }
 .shipping {
     color: #414141;
     font-size: 12px;
     padding-top: 3px;
     text-transform: uppercase;
     margin-bottom: -8px;
 }
 span.s-price {
     float: right;
     font-size: 14px;
 }
 .total {
     color: #414141;
     font-size: 12px;
     font-weight: 700;
     padding-bottom: 8px;
     text-transform: uppercase;
     margin-bottom: 7px;
 }
 .p-total {
     float: right;
     font-size: 14px;
 }
 .cart-button ul li a:hover {
     color: #333;
     background: transparent;
 }
 .shop_setting_inr {
     background: #ffffff ;
     opacity: 0;
     padding: 8px;
     position: absolute;
     right: 0;
     top: 136%;
     width: 170px;
     z-index: 99;
	transform: scaleY(0);
	transform-origin: 0 0 0;
	transition: all 0.3s ease 0s;
	visibility: hidden;
 }
.language-cart:hover .shop_setting_inr {
     opacity: 1;
	 visibility: visible;
	 transform: scale(1);
 }
 .shop_setting_inr ul {
     padding-left: 0px;
 }
 .shop_setting_inr ul li form ul {
     padding-left: 0px;
 }
 .shop_setting_inr ul li form {
     margin-top: -30px;
     margin-bottom: 20px;
 }
 .shop_setting_inr ul li form ul li:last-child {
     margin-bottom: -12px;
 }
 .current {
     color: #797979;
     display: block;
     font-size: 13px;
     font-weight: 700;
     line-height: 40px;
     padding: 0 15px;
     transition: all 0.3s ease 0s;
     width: 100%;
     margin-bottom: -6px;
 }
 .shop_setting_inr a {
     color: #333;
 }
 .shop_setting_inr a:hover {
     color: #038FD6;
 }
 .first-step > li {
     display: block;
     font-size: 12px;
     line-height: 35px;
     padding: 0 15px;
 }
 .header-right > ul > li:last-child > a {
     padding-right: 0;
 }
 .header-right {
     float: right !important;
 }
 .cart-button ul li {
     width: 48%;
 }
 .header-right .cart-button i {
     color: #fff;
 }
 .header-right .cart-button i:hover {
     color: #333;
 }
 .cart-button ul li a {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
     border: 1px solid #038FD6;
     color: #fff;
     display: block;
     font-size: 13px;
     font-weight: 500;
     height: 38px;
     line-height: 36px;
     text-align: center;
     width: 125px;
     text-transform: uppercase;
     padding-left: 8px;
     background: #038FD6;
 }
 .cart-button ul li:first-child {
     margin-right: 5px;
 }
 .header-right.header-two > ul > li > a {
     margin-bottom: 25px;
     padding: 0 10px;
 }
 /*-----Navigationn-----*/
 
 .navigation {
     background-color: #e37e18;;
     z-index: 9999;
     position: relative;
 }
 .is-sticky .navigation {
     box-shadow: 0 3px 6px rgba(54, 54, 54, 0.08);
 }
 #navigation,
 #navigation ul,
 #navigation ul li,
 #navigation ul li a,
 #navigation #menu-button {
     margin: 0;
     padding: 0;
     border: 0;
     list-style: none;
     line-height: 1;
     display: block;
     position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     float: left;
 }
 #navigation:after,
 #navigation > ul:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
 }
 #navigation #menu-button {
     display: none;
 }
 #navigation > ul > li {
     float: left;
 }
 #navigation.align-center > ul {
     font-size: 0;
     text-align: center;
 }
 #navigation.align-center > ul > li {
     display: inline-block;
     float: none;
 }
 #navigation.align-center ul ul {
     text-align: left;
 }
 #navigation.align-right > ul > li {
     float: right;
 }
 #navigation > ul > li > a {
     padding: 30px 20px;
     font-size: 13px;
     letter-spacing: 1px;
     text-decoration: none;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     margin-right: -1px;
 }
 #navigation > ul > li.has-sub > a {
     padding: 30px 35px 30px 20px;
 }
 #navigation > ul > li.has-sub > a::before {
     position: absolute;
     right: 18px;
     font-family: FontAwesome;
     content: "\f107";
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }
 #navigation > ul > li.has-sub > a::before {
     position: absolute;
     right: 14px;
     font-family: FontAwesome;
     content: "\f107";
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }
 #navigation ul ul li.has-sub > a::before {
     position: absolute;
     top: 19px;
     right: 14px;
     display: block;
     width: 2px;
     height: 8px;
     background: #dddddd;
     content: '';
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }
 #navigation ul ul li.has-sub > a::after {
     position: absolute;
     top: 22px;
     right: 11px;
     width: 8px;
     height: 2px;
     display: block;
     background: #dddddd;
     content: '';
 }
 #navigation ul ul > li.has-sub:hover > a::before {
     top: 17px;
     height: 0;
 }
 #navigation > ul > li > .active {
     color: #038FD6;
 }
 #navigation > ul > li:hover > a {
     color: #038FD6;
 }
 #navigation ul ul {
     position: absolute;
    left: -9998px;
    top: 68px;
    padding: 10px 38px;
    background: #333;
 }
 .submenu li a{
    padding: 30px 20px;
     font-size: 13px;
     letter-spacing: 1px;
     text-decoration: none;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     margin-right: -1px;
	 }
 
 
 #navigation.align-right ul ul {
     text-align: right;
 }
 #navigation ul ul li {
     height: 0;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }
 #navigation li:hover > ul {
     left: auto;
 }
 #navigation.align-right li:hover > ul {
     left: auto;
     right: 0;
 }
 #navigation li:hover > ul > li {
     height: 44px;
 }
 #navigation ul ul ul {
     margin-left: 100%;
     top: 0;
 }
 #navigation.align-right ul ul ul {
     margin-left: 0;
     margin-right: 100%;
 }
 #navigation ul ul li a {
     padding: 15px 16px;
    width: 265px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    background: #333131;
    text-transform: uppercase;
 }
 .submenu
 {
 
  padding: 15px 16px;
    width: 265px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    background: #333131;
    text-transform: uppercase;
 
 }
 
#navigation ul ul li:last-child > a,
 #navigation ul ul li.last-item > a {
     border-bottom: 0;
 }
 #navigation ul ul li:hover > a,
 #navigation ul ul li a:hover {
     color: #fff;
     background: #038FD6;
 }
 #navigation.small-screen {
     width: 100%;
 }
 #navigation.small-screen ul {
     width: 100%;
     display: none;
 }
 #navigation.small-screen.align-center > ul {
     text-align: left;
 }
 #navigation.small-screen ul li {
     width: 100%;
 }
 #navigation.small-screen ul ul li,
 #navigation.small-screen li:hover > ul > li {
     height: auto;
 }
 #navigation.small-screen ul li a,
 #navigation.small-screen ul ul li a {
     width: 100%;
     border-bottom: 0;
 }
 #navigation.small-screen > ul > li {
     float: none;
 }
 #navigation.small-screen ul ul li a {
     padding-left: 25px;
 }
 #navigation.small-screen ul ul ul li a {
     padding-left: 35px;
 }
 #navigation.small-screen ul ul li a {
     color: #acc4ca;
     background: none;
 }
 #navigation.small-screen ul ul li:hover > a,
 #navigation.small-screen ul ul li.active > a {
     color: #ffffff;
 }
 #navigation.small-screen ul ul,
 #navigation.small-screen ul ul ul,
 #navigation.small-screen.align-right ul ul {
     position: relative;
     left: 0;
     width: 100%;
     margin: 0;
     text-align: left;
 }
 #navigation.small-screen > ul > li.has-sub > a:after,
 #navigation.small-screen > ul > li.has-sub > a:before,
 #navigation.small-screen ul ul > li.has-sub > a:after,
 #navigation.small-screen ul ul > li.has-sub > a:before {
     display: none;
 }
 #navigation.small-screen #menu-button {
     display: block;
     padding: 17px;
     color: #acc4ca;
     cursor: pointer;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 700;
 }
 #navigation.small-screen #menu-button:after {
     position: absolute;
     top: 22px;
     right: 2px;
     display: block;
     height: 8px;
     width: 20px;
     border-top: 2px solid #333;
     border-bottom: 2px solid #333;
     content: '';
 }
 #navigation.small-screen #menu-button:before {
     position: absolute;
     top: 16px;
     right: 2px;
     display: block;
     height: 2px;
     width: 20px;
     background: #333;
     content: '';
 }
 #navigation.small-screen #menu-button.menu-opened:after {
     top: 23px;
     border: 0;
     height: 2px;
     width: 15px;
     background: #333;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 #navigation.small-screen #menu-button.menu-opened:before {
     top: 23px;
     background: #333;
     width: 15px;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
 }
 #navigation.small-screen .submenu-button {
     position: absolute;
     z-index: 99;
     right: 0;
     top: 0;
     display: block;
     height: 46px;
     width: 46px;
     cursor: pointer;
 }
 #navigation.small-screen .submenu-button.submenu-opened {
     background: #2c2d2d;
 }
#navigation.small-screen ul ul .submenu-button {
    height: 35px;
    width: 35px;
    top: 6px;
    background: #fff;
}

 #navigation.small-screen .submenu-button:after {
     position: absolute;
     top: 22px;
     right: 19px;
     width: 8px;
     height: 2px;
     display: block;
     background: #333;
     content: '';
 }
 #navigation.small-screen ul ul .submenu-button:after {
     top: 16px;
     right: 13px;
 }
 #navigation.small-screen .submenu-button.submenu-opened:after {
     background: #ffffff;
 }
 #navigation.small-screen .submenu-button:before {
     position: absolute;
     top: 19px;
     right: 22px;
     display: block;
     width: 2px;
     height: 8px;
     background: #333;
     content: '';
 }
 #navigation.small-screen ul ul .submenu-button:before {
top: 13px;
right: 16px;

 }
 #navigation.small-screen .submenu-button.submenu-opened:before {
     display: none;
 }
 #navigation.small-screen.select-list {
     padding: 5px;
 }
 /*-----Navigationn end-----*/
 /*
 Header Transparent CSS Start 
----------------------------------------*/
 
 .header-transparent {
     padding-bottom: 20px;
 }
 .top-bar-transparent {
     margin-bottom: 20px;
 }
 .header-transparent #navigation {
     margin-top: 5px;
     background-color: transparent;
 }
 .header-transparent #navigation > ul > li > a {
     padding: 10px 4px;
     border: transparent;
     color: #fff;
 }
 .header-top {
     border-bottom: 1px solid transparent;
     padding-top: 10px;
     padding-bottom: 10px;
     color: #fff;
     border-color: rgba(250, 250, 250, .2);
 }
 .header-transparent #navigation li a {
     color: #ffffff;
     background-color: transparent;
     border-left: transparent;
     border-right: transparent;
     padding: 14px 30px 14px 10px;
 }
 .header-transparent #navigation li ul li a {
     background-color: #446a73;
     padding: 18px 20px;
 }
 .header-transparent #navigation > ul > li.has-sub > a {
     padding-right: 30px;
 }
 .header-transparent #navigation li ul li a {
     border-bottom: 1px solid #375b63;
 }
 .header-top .top-nav ul li a {
     color: #fff;
 }
 .top-nav-collapse {
     background-color: rgba(18, 45, 52, .8);
 }
 #search-area-v2 {
     position: absolute;
     width: 100%;
     z-index: 1032;
     top: 48px;
 }
 #search-area-v2 .well-bg {
     background-color: #333;
 }
 .phone-img {
     margin-bottom: 60px;
 }
 /*Header Transparent CSS End
----------------------------------------*/
 /*  Slider Area Styling */
 
 .slide_bg_1 {
     background: #f0f0f0 url("../images/slider1.jpg") no-repeat;
 }
 .slide_bg_2 {
     background: #f0f0f0 url("../images/slider2.jpg") no-repeat;
 }
 .single_slider {
     background-color: #dddd;
     background-position: 50% 0px;
     background-size: cover;
     color: #fff;
     font-size: 24px;
     height: 600px;
 }
 .slide_bg_2 {
     text-align: center;
 }
 .slider_item_tb {
     display: table;
     height: 100%;
     width: 100%;
 }
 .slider_item_tbcell {
     display: table-cell;
     vertical-align: middle;
 }
 .slider_home h2 {
     font-size: 50px;
     margin-bottom: 25px;
     font-weight: 800;
     letter-spacing: 5px;
     text-transform: uppercase;
     line-height: 58px;
     color: #e37e18;
 }
 .slider_home span {
     color: #038FD6;
 }
 .slider_btn a {     
     display: inline-block;
     font-size: 14px;
     height: 50px;
     line-height: 49px;
     text-align: center;
     width: 160px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-top: 20px;
     font-weight: 700;
     border-radius: 50px;
 }
 .slider_btn_one {
     background: #038FD6;
     color: #fff;
     margin-right: -6px;
 }
 .slider_btn_two {
     margin-left: 15px;
     color: #333;
     background: #fff;
 }
 .slider_btn_one:hover {
     background: #fff;
     color: #333;
 }
 .slider_btn_two:hover {
     background: #038FD6;
     color: #fff;
 }
 .slides_wrapper {
     position: relative;
 }
 .slides__preload_wrapper {
     background: #fff;
     height: 100%;
     left: 0;
     position: absolute;
     width: 100%;
     z-index: 999;
 }
 .slides__preload_wrapper .spinner {
     left: 50%;
     margin: -20px 0 0 -20px;
     position: absolute;
     top: 50%;
 }
 /*----------------------------------------------------
  3. About Section
------------------------------------------------------*/
 
 .about-section {
     padding-bottom: 153px;
     padding-top: 60px;
 }
 .about-section .about_list_warp {
     margin-top: -20px;
 }
 .about-section .about_list {
     background: transparent;
     margin-bottom: 20px;
 }
 .about_list {
     padding: 40px 20px 23px 25px;
     position: relative;
     margin-top: -10px;
     background: #fff;
     margin-bottom: 40px;
     webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 .about_list .icon-fea {
     height: 46px;
     display: inline-block;
     float: left;
 }
 .about_list .icon-fea::before {
     font-size: 40px;
     color: #038FD6;
     webkit-transition: all 0.3s ease-in-out;
     -moz-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
 }
 .about-section .about_list h5 {
     color: #1c1f25;
 }
 .about_list h5 {
     display: block;
     font-size: 18px;
     letter-spacing: 2px;
     text-transform: capitalize;
     color: #1c1f25;
     font-weight: 700;
     margin: 0 auto;
     margin-left: auto;
     padding: 4px 0px;
     margin-left: 65px;
 }
 .about_para {
     margin-top: 20px;
     margin-bottom: 20px;
     text-align: justify;
 }
 /*  About Left 
------------------- */
 
 .about_bottom_list_warp {
     margin-left: 30px;
 }
 .about_bottom_list {
     font-size: 18px;
     margin-left: 20px;
 }
 .about_bottom_list {
     margin-top: 30px;
     display: inline-block;
     margin-bottom: 0px;
     padding-left: 75px;
     position: relative;
 }
 .about_bottom_list i {
     font-size: 30px;
     color: #038FD6;
     position: absolute;
     left: 0;
 }
 .about_bottom_num {
     font-size: 30px;
     color: rgba(208, 208, 208, 0.54);
     position: absolute;
     bottom: 8px;
     left: 0;
 }
 .about_bottom_list p span {
     font-weight: 700;
     color: #038FD6;
     font-size: 16px;
 }
 .about_bottom_list p {
     margin-top: -5px;
 }
 .about_bottom_list_warp h3 {
     letter-spacing: 2px;
     text-transform: uppercase;
     text-align: left;
     margin-bottom: 0px;
     line-height: 40px;
     font-size: 23px;
     margin-top: 0px;
 }
 .about_bottom_img {
     position: relative;
 }
 .about_bottom_img img:first-child {
     position: absolute;
     right: 10px;
     bottom: -54px;
 }
 .about_bottom_img img {
     border-radius: 10px;
     box-shadow: 0 10px 40px #ccc;
 }
 /*----------------------------------------------------
   4. Service Section 
------------------------------------------------------*/
 
 .service_section {
     padding-bottom: 80px;
     padding-top: 100px;
     background: #f6f8fa;
 }
 .marketing-page-about {
     padding-bottom: 250px;
 }
 .service_section .base-header {
     width: 100%;
     text-align: left;
     padding-bottom: 0px;
     margin-bottom: -15px;
 }
 .service_section .base-header p::before,
 .service_section .base-header p::after {
     display: none;
 }
 /* service_list
--------------*/
 
 .service_list .whoffer-img {
     width: 100%;
     position: relative;
 }
 .service_list .whoffer-img img {
     width: 100%;
     height: auto;
     position: relative;
 }
 .service_list .service_info {
     text-align: center;
     z-index: 1;
     overflow: hidden;
     text-align: left;
 }
 .service_list .service_info .social {
     position: absolute;
     width: 100%;
     top: auto;
     opacity: 0;
     transform: translateX(0px) translateY(30px) translateZ(0px) rotate(0deg) scale(1);
     margin-top: -28px;
 }
 .whoffer-img {
     position: relative;
 }
 .whoffer-mask {
     position: absolute;
     width: 100%;
     height: 64%;
     bottom: 145px;
     -webkit-opacity: 0;
     -moz-opacity: 0;
     -ms-opacity: 0;
     -o-opacity: 0;
     opacity: 0;
     display: inline-block;
     text-align: center;
     text-transform: uppercase;
     -webkit-transition: all 0.5s ease 0s;
     -moz-transition: all 0.5s ease 0s;
     -ms-transition: all 0.5s ease 0s;
     -o-transition: all 0.5s ease 0s;
     transition: all 0.5s ease 0s;
 }
 .service_list:hover .whoffer-mask {
     -webkit-opacity: 1;
     -moz-opacity: 1;
     -ms-opacity: 1;
     -o-opacity: 1;
     opacity: 1;
 }
 .service_list:hover .whoffer-mask a {
     right: 0%;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
 }
 .whoffer-mask a {
     color: #038FD6;
     letter-spacing: 2px;
     cursor: pointer;
     position: relative;
     top: 45%;
     right: 0px;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     background: #fff;
     padding: 15px 16px 15px;
 }
 .whoffer-mask i {
     font-size: 26px;
     font-weight: bold;
     position: relative;
     top: 7px;
 }
 .service_list .service_info h6 {
     border: none;
     letter-spacing: 2px;
     text-transform: uppercase;
     font-size: 17px;
     font-weight: 700;
     margin: 20px 0px 0px;
     position: relative;
     color: #333;
 }
 .service_list .service_info h6::before {
     position: absolute;
     content: '';
     width: 3px;
     height: 23px;
     left: 0px;
     top: 1px;
 }
 /* =================================
	5. Get Strted Section
================================= */
 
 .get_started {
     background: url(../images/get_started.jpg) fixed;
     background-position: 50% 214px;
     padding: 100px 0px;
 }
 .get_started .get_started-text h4 {
     color: #fff;
     text-transform: uppercase;
     font-size: 16px;
     margin-top: 0px;
     letter-spacing: 5px;
 }
 .get_started .get_started-text h2 {
     color: #fff;
     font-size: 40px; 
     text-transform: uppercase;
     margin-bottom: 35px;
     margin-top: 25px;
     letter-spacing: 2px;
 }
 /*----------------------------------------------------
	6. Work Section
------------------------------------------------------*/
 
 .work-section {
     padding-top: 56px;
     padding-bottom: 100px;
 }
 
 .work-section .more-link {
     margin-top: 35px;
 }
 /* Work items
------------------*/
 
 .row.projects-list .col-sm-4 {
     padding-left: 7.5px;
     padding-right: 7.5px;
 }
 .row.projects-lists {
     margin-left: -7.5px;
     margin-right: -7.5px;
 }
 .single-project-item {
     background-image: url(../images/work_1.jpg)
 }
 .project-bg-2 {
     background-image: url(../images/work_2.jpg)
 }
 .project-bg-3 {
     background-image: url(../images/work_3.jpg)
 }
 .project-bg-4 {
     background-image: url(../images/work_4.jpg)
 }
 .project-bg-5 {
     background-image: url(../images/work_5.jpg)
 }
 .project-bg-6 {
     background-image: url(../images/work_6.jpg)
 }
 .project-bg-7 {
     background-image: url(../images/work_7.jpg)
 }
 .project-bg-8 {
     background-image: url(../images/work_8.jpg)
 }
 .project-bg-9 {
     background-image: url(../images/work_9.jpg)
 }
 .single-project-item {
     background-color: #ddd;
     background-position: center center;
     background-size: cover;
     height: 300px;
     margin-bottom: 15px;
 }
 .row.projects-list .col-sm-4:nth-child(2) .single-project-item,
 .row.projects-list .col-sm-4:nth-child(4) .single-project-item,
 .row.projects-list .col-sm-4:nth-child(7) .single-project-item {
     height: 615px;
 }
 .projects-titles {
     list-style: outside none none;
     margin: 0 0 50px;
     padding: 0;
     text-align: center;
 }
 .projects-titles li {
     color: #333;
     cursor: pointer;
     display: inline-block;
     /*! font-weight: 700; */
     
     padding-right: 35px;
     text-transform: uppercase;
     transition: .3s;
 }
 .projects-titles li:hover {
     color: #038FD6;
 }
 .project-hover span,
 .project-hover a {
     color: #fff;
 }
 .projects-titles li.active {
     color: #038FD6;
 }
 .project-hover h4 {
     top: 0px;
     color: #fff;
     font-size: 16px;
     font-weight: 700;
     left: 25px;
     position: absolute;
     text-transform: uppercase;
     letter-spacing: 2px;
 }
 .project-hover span {
     display: block;
     font-size: 13px;
     font-weight: normal;
     padding-top: 5px;
     text-transform: uppercase;
     position: absolute;
     top: 46px;
     left: 25px;
     letter-spacing: 2px;
 }
 .project-link i {
     position: absolute;
     bottom: 30px;
     right: 30px;
     font-size: 20px;
 }
 .project-hover {
     height: 100%;
     opacity: 0;
     position: relative;
     transform: scale(0);
     transition: all 0.3s ease 0s;
     visibility: hidden;
     width: 100%;
     z-index: 1;
 }
 .project-hover::before {
     background: #000 none repeat scroll 0 0;
     content: "";
     height: 100%;
     left: 0;
     opacity: 0.7;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
 }
 .single-project-item:hover .project-hover {
     opacity: 1;
     visibility: visible;
     z-index: 1;
     transform: scale(1);
 }
 /*----------------------------------------------------
	7. Team Section
------------------------------------------------------*/
 
 .team_section {
     background: #f6f8fa;
     padding-bottom: 100px;
 }
 .single_team_img {
     border-radius: 10px;
     display: inline-block;
     float: left;
     height: 375px;
     overflow: hidden;
     width: 440px;
 }
 .team_content {
     padding-left: 515px;
 }
 .team_content h4 {
     font-size: 20px;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 5px;
 }
 .team_content > h5 {
     color: #a4a4a4;
     font-size: 16px;
     font-weight: 400;
     text-transform: capitalize;
     margin-top: 0px;
     margin-bottom: 20px;
     letter-spacing: 1px;
 }
 .team_content > p {
     margin-bottom: 55px;
 }
 .team_social_link > ul {
     margin: 0;
     text-decoration: none;
     padding-left: 0;
 }
 .team_social_link li {
     display: inline;
     float: left;
     margin-right: 2px;
 }
 .team_social_link a {
     background: #038FD6;
     color: #fff;
     font-size: 18px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     width: 40px;
     -webkit-transition: .4s;
     transition: .4s;
     border-radius: 50%;
     margin-right: 5px;
 }
 .team_social_link a:hover {
     background: #333;
 }
.speaker_prev {
    right: 40px;
}

.speaker_next {
    right: 10px;
}

.speaker_prev, .speaker_next {
    font-size: 30px;
    position: absolute;
    cursor: pointer;
    -webkit-transition: .4s;
    transition: .4s;
    bottom: 50%;
    width: 30px;
    height: 40px;
    line-height: 40px;
    margin-bottom: -106px;
}

 .speaker_prev {
     background: #038FD6;
     border-radius: 22px 0 0 22px;
     color: #fff;
     text-align: center;
     transition: all 0.4s ease 0s;
     z-index: 999;
 }
 .speaker_next {
     background: #038FD6;
     border-radius: 0 22px 22px 0;
     color: #fff;
     margin-top: -50px;
     text-align: center;
     -webkit-transition: .4s;
     transition: .4s;
 }
 .speaker_prev:hover,
 .speaker_next:hover {
     background: #333;
     color: #fff;
 }
 .slick-slide img {
     width: 100%;
 }
 .team_wrap {
     margin-bottom: 25px;
 }
 .team_wrap2 {
     margin: 0px -15px;
 }
 .single_team_slide3 {
     width: 90px;
     padding: 0 15px;
 }
 .single_team_slide3 > p {
     color: #262626;
     font-weight: 600;
     margin: 5px 0 0 0;
     text-align: center;
     text-transform: uppercase;
 }
 .single_team_slide3 > span {
     color: #acacac;
     display: block;
     text-align: center;
 }
 .team_wrap2 .slick-current {
     position: relative;
 }
 .slick-current:active,
 .slick-current:focus,
 .slick-current:checked {
     outline: none !important;
 }
 .team_wrap2 .slick-current:before {
     position: absolute;
     width: 132.5px;
     height: 132.5px;
     left: 15px;
     top: 0;
     content: '';
 }
 /*----------------------------------------------------
   8. Video Section
------------------------------------------------------*/
 
 #video {
     background: #333 url("../images/video.jpg");
     padding: 100px 0px;
     background-position: 50% -216px;
 }
 .video-section .base-header {
     color: #fff;
 }
 #video .base-header h2,
 #video .base-header p {
     color: #fff;
 }
 #video .main-head,
 .separator {
     color: #fff;
 }
 #video .separator,
 #video .separator2 {
     background-color: #fff;
 }
 #video .section-subheading {
     margin-top: -15px;
     font-size: 15px;
     text-align: center;
     margin-bottom: 45px;
 }
 .video-container {
     position: relative;
 }
 .video-container a {
     display: block;
     cursor: pointer;
     width: 630px;
     margin: auto;
 }
 .video-container img {
     margin: auto;
     display: block;
 }
 .play-video {
     position: absolute;
     left: 46%;
     margin-top: 17px;
     width: 60px;
     height: 60px;
     -webkit-transition: all 0.2s ease 0s;
     -moz-transition: all 0.2s ease 0s;
     -ms-transition: all 0.2s ease 0s;
     -o-transition: all 0.2s ease 0s;
     transition: all 0.2s ease 0s;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     cursor: pointer;
     border: 1px solid #038FD6;
     background: #038FD6;
 }
 .play-video .fa-play {
     width: 14px;
     height: 11px;
     color: #fff;
     font-size: 23px;
     font-weight: 400;
     position: absolute;
     top: 18px;
     left: 22px;
 }
 .video-modal iframe {
     border: 5px solid rgba(255, 255, 255, 0.25);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
     -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
     -ms-box-sizing: content-box;
     -o-box-sizing: content-box;
     box-sizing: content-box;
     -webkit-box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.22);
     -moz-box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.22);
     -ms-box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.22);
     -o-box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.22);
     box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.25), 0px 10px 10px rgba(0, 0, 0, 0.22);
 }
 .video-modal .modal-content {
     padding: 0px;
     border: 0px none;
     position: fixed;
     width: 712px;
     left: 50%;
     margin-top: -200px;
     top: 50%;
     margin-left: -356px;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -ms-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     text-align: center;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -ms-box-shadow: none;
     -o-box-shadow: none;
     box-shadow: none;
     background: transparent none repeat scroll 0% 0%;
 }
 .video-content {
     margin-top: 100px;
 }
 .video-content a {
     margin-top: 10px;
 }
 .video-content h2 {
     color: #fff;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 33px;
     text-align: center;
     letter-spacing: 3px;
 }
 /*----------------------------------------------------
    9. Blog Section
------------------------------------------------------*/
 
 .blog-section {
     background: #f6f8fa;
     padding-bottom: 60px;
 }
 .blog-warp-1 {
     width: 100%;
     margin-bottom: 40px;
 }
 .blog_content_warp {
     padding: 0px 20px 20px 30px;
     border: 1px solid #eee;
 }
 .blog-warp-1 a {
     text-align: left;
     font-size: 18px;
     line-height: 24px;
     text-transform: uppercase;
     letter-spacing: 3px;
     color: #414141;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     text-transform: capitalize;
 }
 .blog-warp-1:hover .blog_imgg {
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .blog-warp-1:hover .blog_imgg img {
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
     transform: scale(1.2);
 }
 .blog-warp-1:hover .blog_imgg::after {
     opacity: .7;
 }
 .blog_imgg {
     position: relative;
     z-index: 11;
     overflow: hidden;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .blog_imgg::after {
     position: absolute;
     background: #333;
     width: 100%;
     height: 100%;
     top: 0;
     bottom: 0;
     content: "";
     z-index: 99;
     left: 0;
     opacity: 0;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .blog-warp-1 h5 {
     margin-bottom: 10px;
     margin-top: 20px;
 }
 .blog-warp-1 img {
     width: 100%;
     height: 240px;
     display: inline-block;
     transform: scale(1.0);
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .blog-warp-1 .subtext {
     text-align: left;
     color: #747474;
     text-transform: none;
     letter-spacing: 1px;
     font-size: 13px;
     line-height: 17px;
     font-style: italic;
     margin-top: 8px;
     margin-right: 25px;
 }
 .blog-warp-1 p {
     text-align: left;
     margin-top: 15px;
	 margin-bottom: 10px;
 }
 .blog-warp-1 .blog_btn {
     font-size: 12px;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #747474;
 }
 .blog-warp-1 .blog_btn:hover {
     letter-spacing: 3px;
     color: #333;
 }
 .blog_datee {
     position: absolute;
     top: 28px;
 }
 .blog_datee p {
     background: #038FD6;
     padding: 4px 10px;
     z-index: 999;
     color: #fff;
     letter-spacing: 0px;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .blog-warp-1:hover .blog_datee {
     z-index: 999;
 }
 .blog-warp-1:hover .blog_datee p {
     letter-spacing: 2px;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
 }
 .subtext i {
     margin-right: 2px;
 }
 /*----------------------------------------------------
   10. Choose Us Section 
------------------------------------------------------*/
 
 .chooseus-section {
     background: #fff;
     padding-bottom: 0px;
     padding-top: 0px;
 }
 .chooseus-section .base-header h3 {
     text-align: left;
     margin-top: 0px;
 }
 .chooseus-section .base-header {
     width: 100%;
 }
.chooseus_bg {
    overflow: hidden;
    position: relative;
    height: 735px;
}

 .chooseus_bg::before {
     content: '';
     width: 100%;
     height: 100%;
     background: url(../images/why_choose.jpg) no-repeat;
     background-position-x: 0%;
     background-position-y: 0%;
     background-size: auto auto;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0px;
     background-position: center;
     background-size: cover;
 }
.servic_accrodin {
    float: right;
    padding: 94px 0px 44px 70px;
}

 .servic_accrodin .panel-group {
     background-color: #fbfbfb;
     margin-bottom: 0px;
 }
 .servic_accrodin .panel-default > .panel-heading {
     color: #000;
     background-color: #fbfbfb;
     border-color: transparent;
     padding: 25px 20px;
 }
 .servic_accrodin .panel-heading h4 {
     margin-top: 0px;
     font-size: 15px;
 }
 .servic_accrodin .panel-body p {
     margin-top: -6px;
 }
 .servic_accrodin .panel-default {
     background-color: #fbfbfb;
     border: transparent;
 }
 .servic_accrodin .panel-title {
     text-transform: uppercase;
     font-weight: 600;
     font-family: "Raleway", sans-serif;
     color: #333;
 }
 .servic_accrodin .panel-group .panel {
     border-radius: 2px;
     border-bottom: 1px solid transparent;
 }
 .servic_accrodin .panel-group .panel-heading + .panel-collapse > .list-group,
 .servic_accrodin .panel-group .panel-heading + .panel-collapse > .panel-body {
     border-top: 1px solid transparent;
     margin-top: -30px;
     font-size: 13px;
     color: #747474;
     margin-left: 7px;
 }
 .servic_accrodin .panel-group .panel .glyphicon {
     color: #333;
 }
 .chooseus-section section {
     padding-top: 0px;
     padding-bottom: 0px;
 }
 #accordion section,
 #accordion .pointer,
 #accordion h2,
 #accordion p {
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
 }
 #accordion {
     margin-bottom: 30px;
 }
 #accordion h2 {
     line-height: 1.2;
     font-size: 20px;
     background-color: transparent;
     margin: 0;
     padding: 27px 10px 27px 45px;
     text-transform: uppercase;
     letter-spacing: 3px;
     border-top: 1px solid #efe6e6;
 }
 #accordion h2 a {
     color: black;
 }
 #accordion section {
     overflow: hidden;
 }
 #accordion p {
     padding: 0 10px;
     color: #8f7676;
     font-size: 11px;
 }
 #accordion h4 {
     padding: 0px 0px 20px;
     font-weight: 400;
     line-height: 24px;
     font-size: 14px;
     margin-top: 0px;
 }
 #accordion section.ac_hidden p:not(.pointer) {
     color: #fff;
 }
 #accordion section.ac_hidden {
     height: 80px;
 }
 #accordion .pointer {
     margin: 26px 0 0 0px;
     width: 30px;
     position: absolute;
     padding-left: 11px;
     border: 1px solid #ddd;
     line-height: 29px;
     border-radius: 50%;
     height: 30px;
 }
 #accordion section:not(.ac_hidden) .pointer {
     display: block;
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     color: #038FD6;
     margin: 25px 0 0 0px;
     padding-left: 10px;
     line-height: 26px;
     border: 1px solid #038FD6;
 }
 /*----------------------------------------------------
   11. Pricing Section
------------------------------------------------------*/
 
 .pricing-section {
     padding-bottom: 120px;
     padding-top: 60px;
     background: #fff;
 }
 .pricing-section .col-sm-3 {
     padding-right: 9px;
     padding-left: 0px;
 }
 .pricing-box {
     text-align: center;
     background: #E7F6F6;
     box-shadow: 8px 5px 16px 3px rgba(0, 0, 0, 0.03);
     -webkit-box-shadow: 8px 5px 16px 3px rgba(0, 0, 0, 0.01);
 }
 
 .pricing-box h2 {
     font-size: 60px;
     margin: 0px;
     color: #000;
 }
 .pricing_heading {
     position: relative;
     padding: 60px 0px;
 }
 .pricing_heading::before {
     position: absolute;
     content: "";
     width: 60%;
     height: 40px;
     background: #fff;
     left: 122px;
     -webkit-transform: rotate(-7deg);
     transform: rotate(-10deg);
     bottom: 25px;
 }
 .pricing_heading::after {
     position: absolute;
     content: "";
     width: 60%;
     height: 40px;
     background: #fff;
     left: -6px;
     -webkit-transform: rotate(-7deg);
     transform: rotate(10deg);
     bottom: 25px;
 }
 .pricing-box h2 span {
     font-size: 26px;
     position: relative;
     top: -11px;
     padding-right: 6px;
 }
 .pricing-box h2 sub {
     font-size: 16px;
     display: block;
     margin-top: 10px;
     margin-bottom: 39px;
 }
 .pricing-box h5 {
     color: #333;
     border-bottom: 1px solid #e6e6e6;
     padding-bottom: 25px;
 }
 .pricing-box ul {
     background: #fff;
     padding: 35px 10px 35px 50px;
     border-left: 1px solid transparent;
     border-right: 1px solid transparent;
     -webkit-transition: all .2s linear;
     transition: all .2s linear;
     list-style: none;
     margin-top: -62px;
     margin-bottom: 0px;
 }
.pricing-box li:first-child {
    font-size: 18px;
    letter-spacing: 3px;
    margin-top: -15px;
    position: relative;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    margin-bottom: 11px;
}

 .pricing-box li {
     padding: 5px 0px;
     text-align: left;
 }
 .pricing-box a {
     color: #fff;
     background: #038FD6;
     position: relative;
     top: 20px;
     border-radius: 50px;
 }
 .pricing-box a:hover {
     color: #fff;
 }
 /*----------------------------------------------------
	12. Testimonial Section
------------------------------------------------------*/
 
 .testimonials-section {
     padding-bottom: 90px;
     background-size: cover;
     padding-top: 56px;
     background: #F6F8FA;
 }
 .testimonials-section .item .col-lg-6 {
     margin-left: -30px;
 }
 .testimonials-section .testimonial-box img {
     border: 5px solid #f5f5f5;
     border-radius: 50%;
 }
 .testimonials-section .testimonial-box .cus-title {
     margin-top: 8px;
     margin-left: -10px;
 }
 .testimonials-section .testimonial-box .tes-nam {
     font-size: 15px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 700;
     color: #000;
 }
 .testimonials-section .tes-degree {
     color: #5d5d5d;
     font-size: 13px;
 }
 .testimonials-section .testimonial-box p {
     color: #585757;
     float: left;
 }
 .testimonials-section .testimonial_content {
     background: #ebf0f6;
     padding: 30px 30px;
     margin-bottom: 30px;
     position: relative;
     border-radius: 10px;
     box-shadow: 0 3px 6px rgba(113, 113, 113, 0.13);
 }
 .testimonial_content::after {
     position: absolute;
     content: "";
     color: #333;
     width: 30px;
     height: 45px;
     background: #ebf0f6;
     left: 16px;
     bottom: -14px;
     transform: rotate(-45deg);
 }
 .testimonials-section .testimonial-box p::before {
     content: "\f10d";
     font-family: 'Fontawesome';
     margin-right: 10px;
     color: #CFD9DD;
     font-size: 27px;
     top: -4px;
     position: relative;
     left: 0;
     float: left;
 }
 .testimonial_content i {
     color: #d1e41b;
 }
 .testimonials-section .owl-theme .owl-controls .owl-dot.active span {} .testimonials-section .owl-theme .owl-controls .owl-dot span {
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     -ms-border-radius: 0;
     -o-border-radius: 0;
     border-radius: 0;
     display: inline-block;
     background: transparent;
     display: inline-block;
     border: 3px solid;
     color: #038FD6;
 }
 .testi_images {
     position: relative;
 }
 .testi_social {
     position: absolute;
     right: 19px;
     z-index: 9;
     background: #038FD6;
     width: 25px;
     height: 25px;
     border-radius: 50%;
     padding-left: 4px;
     color: #fff;
     border: 3px solid #fff;
     line-height: 19px;
     font-size: 12px;
 }
 /*----------------------------------------------------
  13. Fun Facts Section 
------------------------------------------------------*/
 
 .confacts-section {
     background: #F6F8FA;
     padding-bottom: 100px;
     padding-top: 46px;
 }
 .facts_wrapper {
     padding: 30px 10px 10px 40px;
     border: 1px solid #f3eded;
     margin-right: 0px;
 }
 .funfact_wapr .col-sm-4 {
     padding-top: 20px;
     margin-top: 18px;
     text-align: right;
 }
 .funfact_wapr .icon-lay {
     float: left;
 }
 .funfact_wapr .icon-lay i {
     color: #333;
     font-size: 40px;
 }
 .funfact_wapr h3 {
     margin-top: 9px;
     margin-bottom: -12px;
     letter-spacing: 5px;
     margin-left: 54px;
 }
 .funfact_wapr h3 span {
     font-size: 28px;
 }
 .funfact_wapr h5 {
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-bottom: 15px;
 }
 /*----------------------------------------------------
   14. Contact  Section
------------------------------------------------------*/
 
 .contact-section {
     padding-top: 60px;
     padding-bottom: 15px;
 }
 .contact-form {
     padding: 30px;
     box-shadow: 0px 0px 24px 0px rgba(69, 69, 69, 0.07);
     border: 1px solid #f3f3f3;
     margin-bottom: 82px;
 }
 .map-container {
     height: 400px;
 }
 .map-info-box {
     width: 300px;
     font-size: 1.2em;
     line-height: 1.8;
 }
 .map-info-box .info-head {
     margin-bottom: 12px;
 }
 .map-info-box i,
 .map-info-box span {
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
 }
 .contact-section .inner-contact {
     /*! padding: 0px 50px; */
 }
 .contact-form #contact-form .con-field,
 .contact-form #comment-form .con-field,
 .comment-form #contact-form .con-field,
 .comment-form #comment-form .con-field {
     outline: inherit;
     border-width: medium medium 1px;
     border-style: none none solid;
     border-color: -moz-use-text-color -moz-use-text-color #038FD6;
     -moz-border-top-colors: none;
     -moz-border-right-colors: none;
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     border-image: none;
     width: 100%;
     margin-bottom: 39px;
     padding-bottom: 20px;
     line-height: 10px;
 }
 .contact-form #contact-form .con-field:focus,
 .contact-form #comment-form .con-field:focus,
 .comment-form #contact-form .con-field:focus,
 .comment-form #comment-form .con-field:focus {
     border-bottom: 2px solid #F3F3F3;
 }
 .contact-form #contact-form::-webkit-input-placeholder,
 .contact-form #comment-form::-webkit-input-placeholder,
 .comment-form #contact-form::-webkit-input-placeholder,
 .comment-form #comment-form::-webkit-input-placeholder {
     color: #9B9BA3;
     font-size: 14px;
     text-align: left;
 }
 .contact-form #contact-form:-moz-placeholder,
 .contact-form #comment-form:-moz-placeholder,
 .comment-form #contact-form:-moz-placeholder,
 .comment-form #comment-form:-moz-placeholder {
     color: #9B9BA3;
     font-size: 14px;
     text-align: left;
 }
 .contact-form #contact-form::-moz-placeholder,
 .contact-form #comment-form::-moz-placeholder,
 .comment-form #contact-form::-moz-placeholder,
 .comment-form #comment-form::-moz-placeholder {
     color: #9B9BA3;
     font-size: 14px;
     text-align: left;
 }
 .contact-form #contact-form:-ms-input-placeholder,
 .contact-form #comment-form:-ms-input-placeholder,
 .comment-form #contact-form:-ms-input-placeholder,
 .comment-form #comment-form:-ms-input-placeholder {
     color: #9B9BA3;
     font-size: 14px;
     text-align: left;
 }
 .contact-form #contact-form #submit-contact,
 .contact-form #comment-form #submit-contact,
 .comment-form #contact-form #submit-contact,
 .comment-form #comment-form #submit-contact {
     padding: 0;
     padding-right: 30px;
     padding-left: 30px;
     height: 55px;
     line-height: 53px;
     text-align: center;
     font-size: 15px;
     letter-spacing: 1px;
     text-transform: uppercase;
     display: inline-block;
     overflow: hidden;
     outline: none;
     border: none;
     -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
     -ms-border-radius: 50px;
     -o-border-radius: 50px;
     border-radius: 50px;
     font-weight: 800;
     color: white;
     position: relative;
     margin: -10px 0px 0px 0px;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
     background: #038FD6;
 }
 .contact-form #contact-form #submit-contact:hover,
 .contact-form #comment-form #submit-contact:hover,
 .comment-form #contact-form #submit-contact:hover,
 .comment-form #comment-form #submit-contact:hover {
     background-color: #222;
     -webkit-transition: all .4s ease;
     -moz-transition: all .4s ease;
     -ms-transition: all .4s ease;
     -o-transition: all .4s ease;
     transition: all .4s ease;
 }
 .contact-form #contact-form #msg,
 .contact-form #comment-form #msg,
 .comment-form #contact-form #msg,
 .comment-form #comment-form #msg {
     color: #f54337;
 }
 /*----------------------------------------------------
    15. Client Section
------------------------------------------------------*/
 
 .client-section {
     
 
 }
 .client-box {
     cursor: pointer;
     -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -ms-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
 }
 .client-box,
 .client-box img,
 .client-box:hover,
 .client-box:hover img {
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     -ms-transition: all ease .5s;
     -o-transition: all ease .5s;
     transition: all ease .5s;
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     -ms-transition: all ease .5s;
     -o-transition: all ease .5s;
     transition: all ease .5s;
 }
 .client-section .owl-theme .owl-controls {
     margin-top: 38px;
 }
 .client-section .owl-carousel .owl-item img {
     width: auto;
     display: inline-block;
    
 }
 .client-box:hover img {
     opacity: .8;
 }
 .client-box {
     width: 100%;
     text-align: center;
     cursor: pointer;
     -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -ms-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     -o-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
     line-height: 120px;
     padding-right: 10px;
     padding-top: 10px;
 }
 .client-box,
 .client-box img,
 .client-box:hover,
 .client-box:hover img {
     -webkit-transition: all ease .5s;
     -moz-transition: all ease .5s;
     -ms-transition: all ease .5s;
     -o-transition: all ease .5s;
     transition: all ease .5s;
 }
 /*----------------------------------------------------
   15. Footer Section
------------------------------------------------------*/
 
 .footer-section {
     float: left;
     width: 100%;
     padding: 34px 0 0 0;
     color: #e9dddd;
     background: #202020;
     background: #333 url("../images/footer.jpg");
     background-position: center;
 }
 .footer-section .widget {
     padding-bottom: 20px;
     margin-bottom: 17px;
 }
 .footer-section .widget h5 {
     color: #fff;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 22px;
 }
 .footer-section .widget h3 {
     color: #fff;
     font-weight: 900;
     letter-spacing: 3px;
 }
 .footer-section .widget p {
     color: #e9dddd;
     margin-left: -15px;
     margin-top: 0px;
 }
 .footer-section .widget img {
     margin-top: 34px;
     margin-left: -15px;
     margin-bottom: 17px;
 }
 .list-icons {
     padding-left: 0;
     list-style: none;
 }
 .footer-section .list-icons {
     margin-left: -15px;
     margin-top: 4px;
 }
 .list-icons li {
     padding-bottom: 5px;
 }
 .list-icons li a {
     color: #fff;
 }
 .list-icons li a:hover {
     color: #e9dddd;
     text-decoration: underline;
 }
 .recent-post {
     margin: 0;
     padding: 0;
 }
 .recent-post h6 {
     margin-bottom: 12px;
     margin-top: 20px;
 }
 .recent-post li {
     border-bottom: 1px dashed transparent;
     list-style: none;
     margin: 0 0 -11px 0;
     position: relative;
     border-color: #454545;
 }
 .recent-post li:last-child {
     border-bottom: transparent;
 }
 footer .recent-post li a {
     color: #e9dddd;
     font-size: 15px;
 }
 footer .recent-post li a:hover {
     color: #e9dddd;
     text-decoration: underline;
 }
 footer .recent-post-date {
     position: absolute;
     width: 35px;
     height: auto;
     border: 1px solid #e9dddd;
     text-align: center;
     text-transform: uppercase;
     font-size: 11px;
     line-height: 11px;
     padding: 8px;
     border-radius: 2px;
     left: 0;
     top: 5px;
 }
 .footer-social-links ul {
     margin-left: -39px;
 }
 .footer-social-links ul li {
     display: inline-block;
     position: relative;
     margin: 10px 5px 0;
     font-family: 'Josefin Slab', serif;
     line-height: 1em;
     vertical-align: top;
 }
 .footer-social-links ul li a {
     display: inline-block;
     text-align: center;
     width: 46px;
     height: 46px;
     line-height: 46px;
     font-size: 21px;
     border: 1px solid #bababa;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     color: #bababa;
     position: relative;
     overflow: hidden;
     z-index: 1;
 }
 .footer_contact_info {
     padding: 5px 0 0;
 }
 .footer_contact_info {
     list-style: none;
 }
 .footer_contact_info li {
     margin-bottom: 10px;
 }
 .footer_contact_info li span {
     margin-left: 15px;
 }
 .subfooter {
     float: left;
     width: 100%;
     text-align: center;
     padding: 16px;
     color: #bababa;
     border-top: 1px solid #373747;
 }
 .subfooter p {
     color: rgba(255, 255, 255, 0.58);
     float: left;
     margin-left: -12px;
     font-size: 13px
 }
 .subfooter p a {
     color: #aba6a6;
 }
 .scrollup {
     display: inline-block;
     text-align: center;
     line-height: 55px;
     font-size: 11px;
     color: #fff;
     float: right;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
 }
 .scrollup span {
     font-size: 32px;
     line-height: 41px;
 }
 .scrollup:hover,
 .scrollup:active,
 .scrollup:focus {
     color: #038FD6;
 }
 /*----------------------------------------------------
		Single Page
------------------------------------------------------*/
 /* Single Page Header
================================= */
 
 header {
     position: relative;
     text-align: center;
     color: #fff;
     background-color: rgba(32, 32, 32, 0.74);
     height: 700px;
 }
header .container {
    padding-top: 150px;
    padding-bottom: 10px;
    position: relative;
    z-index: 10;
    text-align: center;
}

header.blog-banner {
    background: transparent url(../images/page_bg.jpg);
    color: #FFF;
    box-sizing: border-box;
    height: 307px;
    width: 100%;
    background-position: 50% 0px;
}

 header {
     position: relative;
     text-align: center;
     color: #fff;
     background-color: rgba(198, 227, 221, 0.39);
     height: 700px;
 }
 .blog-header {
     text-align: left;
 }
 .blog-header h4 {
     color: #6E6E6E;
     text-transform: capitalize;
     font-size: 14px;
     letter-spacing: 5px;
     display: block;
     margin-bottom: -25px;
     font-weight: 700;
 }
 .blog-header h4 a {
     color: #605B5B;
 }
 .blog-header h3 {
     color: #fff;
     text-transform: uppercase;
     font-size: 45px;
     letter-spacing: 4px;
     padding-bottom: 8px;
     font-weight: 700;
     font-family: 'Roboto', sans-serif;
 }
 .blog-header h4 a:hover {
     color: #000;
 }
 /* =================================
		16. Blog Page
================================= */
 
 .blog_container {
     padding-bottom: 15px;
 }
.blog-area {
    padding-top: 100px;
    padding-right: 40px;
}

.blog_container .blog-warp-1 img {
    height:  100%;
}


 
 /* - Pagination */
 
 .pagination {
     width: 100%;
     margin-bottom: 42px;
     margin-top: 13px;
 }
 .blog_container .pagination .pager {
     top: -20px;
 }
 .pagination .pager {
     text-align: left;
     display: inline-block;
     position: relative;
     top: 6px;
 }
 .pager li {
     position: relative;
     padding: 0 3px;
 }
 .pager .pagi-big a {
     color: #bffff8;
     font-weight: 700;
 }
 .pager li a {
     border-radius: 0;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding: 0;
     color: #fff;
     font-weight: 700;
     padding: 2px 8px;
     border: 1px solid #038FD6;
     background: #038FD6;
 }
 .pager-icon {
     font-size: 14px;
     left: 0px;
     position: relative;
     top: 6px;
     font-weight: 700;
     letter-spacing: 2px;
 }
 .pager-icon:hover {
     color: #000;
 }
 .pagination .pager li > a:focus,
 .pagination .pager li > a:hover {
     background-color: transparent;
     color: #222;
 }
 
 
 /* -- Widget Area */
.widget-area {
    text-align: center;
    padding: 30px;
    background: #F6F8FA;
    margin-top: 100px;
}

 /* - Widget */
 
 .widget {
     display: inline-block;
     margin-bottom: 40px;
     width: 100%;
 }
 /* - Widget Search */
 
 .widget {
     margin-bottom: 40px;
 }
 .widget-search {
     display: block;
     background: #FFF;
     border: 3px solid #EFEAEA;
 }
 .widget-search .input-group {
     padding-bottom: 6px;
     padding-top: 6px;
 }
 .widget-search .input-group input {
     background: transparent none repeat scroll 0% 0%;
     border: 0px none;
     border-radius: 0px;
     transition: none 0s ease 0s;
     box-shadow: none;
     font-size: 14px;
     font-weight: 400;
     color: #8F8F8F !important;
     height: auto;
 }
 .widget-search .input-group button {
     background: transparent;
     border: medium none;
     font-size: 14px;
     color: #038FD6;
     padding: 0px 12px;
 }
 .input-group-btn {
     left: 0px;
 }
 /* - Widget Title */
 
.widget .widget-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    letter-spacing: 1px;
    margin: 0px 0px 25px;
        margin-top: 0px;
    position: relative;
    padding: 10px 0px;
    color: #fff;
    background: #038FD6;
}

 /* - Categories Type */
 
 .categories-type li {
     border-bottom: 1px solid #f0f0f0;
     padding: 11px 10px;
     letter-spacing: 0.5px;
     color: #e1e1e1;
     list-style: square;
 }
 .widget-post-categories .categories-type {
     text-align: left;
     display: inline-block;
     margin-top: -10px;
     width: 100%;
     margin-left: -53px;
 }
 .categories-type li a {
     color: rgb(111, 111, 111);
 }
 .categories-type li:hover a {
     color: #000;
 }
 .categories-type li span {
     float: right;
     clear: both;
 }
 /* - Recent Post */
 
 .wiget-recent-post {
     margin-bottom: 22px;
 }
 .wiget-recent-post .widget-title {
     margin-top: 10px;
 }
 .recent-post-box {
     display: inline-block;
     border-bottom: 1px solid #f0f0f0;
     padding-bottom: 13px;
     margin-top: 10px;
     width: 100%;
     position: relative;
 }
 .recent-post-box:last-of-type {
     border-bottom: none;
 }
 .recent-title {
     text-align: left;
     padding-right: 100px;
 }
 .recent-title > a {
     font-size: 14px;
     margin-bottom: 10px;
     display: inline-block;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #333;
 }
 .recent-title > a:hover {
     text-decoration: underline;
     color: #333
 }
 .recent-title > p {
     font-size: 13px;
     color: #8B8B8B;
     margin-top: -8px;
 }
 /* - Widget Instagram */
 
 .instagram-photo-list {
     padding: 0px;
     margin: 0px;
     list-style: outside none none;
 }
 .instagram-photo-list li {
     padding: 4px;
     width: 33.33%;
     float: left;
 }
 .instagram-photo-list li img {
     transition: all 0.2s ease 0s;
 }
 .instagram-photo-list li:hover img {
     transition: all 0.2s ease 0s;
     opacity: 0.5;
 }
 .widget-instagram img {
     width: 105px;
 }
 /* - Widget Tags */
 
.widget-tags {
    text-align: left;
    width: 100%;
    margin-bottom: 0px;
}

 .widget-tags .widget-title {
     display: inline-block;
     width: 100%;
 }
.widget-tags > a:hover {
    color: #fff;
    transition: all 1s ease 0s;
    border-color: #038FD6;
    background: #038FD6;
}
.widget-tags > a {
    color: #676767;
    text-decoration: none;
    border: 1px solid #676767;
    padding: 6px 13px;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 13px;
}


 /* - Start : Blog Coment  Tags */
 .list-comments {
     padding-top: 45px;
 }
 .comments-section-title h4 {
     margin-top: 0px;
     font-size: 24px;
     margin-bottom: 40px;
     letter-spacing: 2px;
     text-transform: uppercase;
     text-align: center;
     font-weight: 700;
     padding: 15px 0px;
     color: #333;
 }
 .comments {
     padding: 0px;
     margin: 0px;
     border: 1px solid #ebebeb;
 }
 .comments li {
     list-style: outside none none;
 }
 .comments li .comment {
     padding: 30px 30px 30px;
     position: relative;
     overflow: hidden;
     /*! margin-bottom: 7px; */
     /*! border: 2px solid #F9F9F9; */
     text-align: left;
 }
 .comments li .comment img.comment-avatar {
     margin-bottom: 20px;
 }
 .comments li .comment strong.commenter-title {
     font-weight: 300;
     font-size: 13px;
     text-transform: uppercase;
     display: block;
     color: #8B8B8B;
     letter-spacing: 2px;
 }
 .comments li .comment strong.commenter-title a {
     color: #000;
 }
 .comments li .comment span.comment-date {
     display: block;
     font-size: 11px;
     margin-bottom: 10px;
     color: #8B8B8B;
     margin-top: 0px;
     text-transform: uppercase;
 }
 .comments li .comment span.comment-reply {
     right: 16px;
 }
 .comments li .comment span.comment-reply a {
     transition: all 0.5s ease 0s;
     font-size: 11px;
     padding: 5px 15px;
     text-transform: uppercase;
     color: #333;
     border: 1px solid #038FD6;
 }
 .comments li .comment span.comment-reply a:hover {
     background: #038FD6;
     color: #fff;
 }
 .comments li .comment span.comment-reply a i {
     font-size: 11px;
 }
 .comments li .comment p:last-child {
     margin-bottom: 0px;
     font-weight: 300;
     color: #8B8B8B;
 }
 .comments li > ul {
     padding-bottom: 7px;
 }
 .comments li .comment p {
     margin-top: 7px;
     font-size: 14px;
 }
 .blog-contact {
     padding: 0px;
     margin-bottom: 100px;
     margin-top: -60px;
 }
 .blog-contact .contact-form {
     text-align: left;
 }
 .blog-contact .form-control {
     color: #555;
     background-color: #fff;
     background-image: none;
     border: 1px solid #ddd;
     border-radius: 1px;
     box-shadow: none;
     line-height: 2.429;
 }
 .blog-contact .form-group {
     margin-bottom: 15px;
     padding-right: 15px;
     padding-left: 0px;
 }
 .form-control:focus {
     border: 1px solid #fff;
     border: 1px solid #038FD6;
     box-shadow: none;
     border-bottom: 3px solid #038FD6;
 }
 #contactForm .submit-button:hover {
     background: transparent;
     color: #038FD6;
     border: 3px solid #038FD6;
 }
 #contactForm .submit-button {
     color: #FFF;
     background: #038FD6;
     font-weight: 700;
     margin-top: 20px !important;
     padding: 11px 30px;
     border: 3px solid #038FD6;
     text-align: left;
 }

/* - End : Blog Coment  Tags */

 /*-
	Sligle page - post-option 
-----------------------------------*/
 
 .post-option {
    position: relative;
    padding: 25px 33px;
    margin-top: 60px;
    border: 1px solid #ebebeb;
}

 .post-option .prev-post,
 .post-option .next-post {
     position: relative;
     font-size: 12px;
     color: #555555;
     font-weight: 600;
     text-transform: uppercase;
     font-family: 'Reem Kufi', sans-serif;
 }
 .post-option .prev-post:hover,
 .post-option .next-post:hover {
     color: #038FD6;
 }
 .post-option .middle-icon {
     position: absolute;
     left: 50%;
     margin-left: -15px;
 }
 .post-option .middle-icon a {
     position: relative;
     color: #038FD6;
     font-size: 27px;
     display: inline-block;
     transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     margin-top: -1px;
 }
 .post-option .middle-icon a:hover {
     color: #B9B3B3;
 }
 /*=====================================
	18. Gallery page
=====================================*/
 
.single-work-page {
    padding-top: 100px;
    padding-bottom: 80px;
}

 .portfoliodesc {
     margin-bottom: 10px;
 }
 .project-details {
    margin-top: 25px;
}

 .portfolioitem .carousel-control {
     width: 40px;
     height: 40px;
     line-height: 36px;
     background: #038FD6;
     background-image: none;
     top: 46%;
     box-shadow: none;
     text-shadow: none;
     opacity: 1;
     color: #fff;
 }
.portfolio-single-detail h4, .project-details h4 {
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
    margin-top: 13px;
}

 .portfoliodesc hr {
     border-top: 1px solid #efeded;
 }
 .portfoliodesc .project-details p {
     margin-top: 0px;
 }
 .portfolio-single-detail {
     padding-left: 20px;
 }
 .portfolio-single-detail ul {
     margin-bottom: 50px;
     margin-top: 23px;
 }
 .project-detail-list > li {
     margin-bottom: 8px;
 }
 .project-detail-list strong {
     display: inline-block;
     min-width: 90px;
     position: relative;
     margin-right: 12px;
     text-transform: uppercase;
     font-size: 13px;
 }
 .project-detail-list strong::before {
     position: absolute;
     content: ":";
     right: -5px;
 }
 .portfolio-single-detail ul {
     margin-bottom: 50px;
     margin-top: 23px;
 }
 .social-icons > li {
     padding: 0 2px 5px 2px;
 }
 .social-icons > li > a {
     display: inline-block;
     vertical-align: middle;
     *vertical-align: auto;
     *zoom: 1;
     *display: inline;
     -moz-border-radius: 3px;
     -webkit-border-radius: 3px;
     border-radius: 3px;
     line-height: 27px;
     text-align: center;
     color: #1E1C1C;
 }
 .social-icons > li > a i {
     font-size: 14px;
     padding-left: 5px;
     padding-right: 5px;
 }
 .social-icons > li > a i:hover {
     color: #038FD6
 }
 
 /*=====================================
	 Service Page
=====================================*/
.service_page {
    padding-top: 60px;
    padding-bottom: 50px;
}
.service_page .service_list {
    margin-bottom: 30px;
}

 .service_page .base-header {
    padding-bottom: 40px;
	width: 50%;
	text-align: center;

}

.service_page .base-header p::before, .service_page .base-header p::after {
    display: block;
}
.service_page .whoffer-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    background: rgba(51, 51, 51, 0.33);
}
.service_page .whoffer-mask a {
    color: #038FD6;
    letter-spacing: 2px;
    cursor: pointer;
    position: relative;
    top: 38%;
    right: 0px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    background: #fff;
    padding: 15px 16px 15px;
}

 /*=====================================
	Single Service Page
=====================================*/
.single_service_section {
    padding-top: 100px;
}

.single_service_page_content {
    padding-right: 42px;
}
.single_service_page_content .single_service_title h3 {
    margin-top: 40px;
    font-size: 28px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.single_service_page_content .single_service_title2 h3 {
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 35px;
    margin-bottom: 10px;
}


.single_service_page_content .includee_single_service {
    margin-top: 35px;
}



.single_service_page_content .single_service_consult {
    background: #F1F4F8;
    padding: 30px;
    margin-top: 65px;
    margin-bottom: 38px;
}
.single_service_page_content .single_service_consult i {
    font-size: 18px;
    color: #282828;
    position: relative;
    width: 61%;
    display: inline-block;
    padding: 0 0 0 18px;
    line-height: 27px;
}
.single_service_page_content .single_service_consult a {
    float: right;
    text-align: center;
    color: #fff;
}


.single_service_category {
    background: #F1F4F8;
    padding: 20px 15px 26px 40px;
}

.single_service_category .active a {
    color: #038FD6;
}
.single_service_category ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.single_service_category ul li a:hover {
    color: #038FD6;
}
.single_service_side_bar .single_service_category ul li a i {
    font-size: 18px;
    line-height: 60px;
    margin-right: 8px;
}
.single_service_side_bar .our_brochure {
    margin-top: 30px;
}
.single_service_side_bar .our_brochure p {
    font-size: 14px;
    line-height: 24px;
    padding-right: 5px;
}
.single_service_side_bar .our_brochure a {
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 14px;
}
.single_service_side_bar .single_service_call {
    text-align: left;
    padding: 25px 10px 25px 38px;
    margin-top: 50px;
    background: #F1F4F8;
}


.single_service_side_bar .single_service_call p, .single_service_side_bar .single_service_call span {
    font-size: 18px;
    line-height: 30px;
    color: #3c3c3c;
    display: block;
    margin-top: 0px;
}

.single_service_side_bar .single_service_call a {
    font-weight: 700;
    font-size: 22px;
    display: block;
    margin: 5px 0;
}



 /*=====================================
	One Page v1
=====================================*/
 .header_top_bg .header_table {
      width: 100%;
      display: table;
      height: 100%;
  }
  .header_top_bg .header_tablecell {
      display: table-cell;
      vertical-align: middle;
  }
  .header_top_bg {
      height: 750px;
      position: relative;
      background-image: url(../images/onepage_bg_1.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }  

 
  .header_top_bg .slider_btn_one:hover {
      background: #333;
      color: #fff ;
  }
 
.header_top_bg .ban1_txt h3 {
    font-size: 45px;
    letter-spacing: 5px;
    margin-bottom: 25px;
    color: #1d1b1b;
    line-height: 38px;
    margin-top: 14px;
    text-transform: uppercase;
}

.header_top_bg .ban1_txt h4 {
    font-size: 25px;
    color: #414746;
    letter-spacing: 13px;
    margin-bottom: 12px;
    display: inline-block;
    font-weight: 800;
}

  .header_top_bg .slider_btn_one {
    margin-top: 0px;
  }

  .header_top_bg .ban1_txt p {
      margin-bottom: 32px;
      color: #1d1b1b;
  }
  #navigation ul li .current {
      color: #fff;
      background: #038FD6;
  }  
  .single-page-nav ul li a:hover {
      color: #fff !important;
      background: #038FD6;
  }
  #navigation ul li .current:hover {
      color: #fff;
  }



 /*=====================================
	 Multipage v2
=====================================*/
/*----- Top bar -----*/
  
  .header_topbar {
      background: #272727;
      padding: 10px 0px;
  }
  .top-bar .header_top_left {
      padding: 0 0;
  }
  .header_topbar ul {
      margin-bottom: 0;
  }
  .header_socil {
      margin: 0 0 0 10px;
      float: right;
  }
  .header_socil li {
      padding-left: 1px;
      padding-right: 1px;
  }
  .header_socil li {
      font-size: 12px;
      margin: 0;
      position: relative;
  }
  .header_socil li .fa {
      color: #fff;
      padding-right: 10px;
      font-size: 14px;
  }
  .top-bar .fa {
      border: 1px solid rgba(255, 255, 255, 0.05);
      font-size: 15px;
      height: 35px;
      padding: 10px;
      text-align: center;
      vertical-align: middle;
      width: 35px;
      color: #ABABAB;
  }
  .header_top_left,
  .header_top_right {
      padding-left: 15px;
      padding-right: 15px;
  }
  .header_top_right {
      float: right;
  }
  .header_topbar ul {
      margin-bottom: 0;
      margin-top: 0px;
  }
  .header_top_right li {
      display: inline;
      font-size: 14px;
      padding-left: 25px;
      color: #fff;
  }
  .header_top_right li i {
      margin-right: 10px;
      color: #fff;
  }
  /*----- End : Top bar -----*/
  
.navigation_two .header_logo {
    margin-top: 6px;
}

  /*-----About Section -----*/
  
 
.base_header_v2 p::before, .base_header_v2 p::after {
    display: none;
}
.base_header_v2 {
    width: 100%;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: -15px;
    margin-top: 10px;
}
.base_header_v2 small {
    font-size: 15px;
    text-transform: capitalize;
    letter-spacing: 5px;
    color: #038FD6;
    font-weight: 700;
}
.base_header_v2 h3 {
    margin-top: 15px;
}
.about_section_v2 {
    padding-top: 90px;
    padding-bottom: 75px;
}
.about_section_v2 .about_list {
    padding: 40px 20px 0px 25px;
}



  /*-----About Section v2 -----*/

.about_bottom_v2 {
    padding-top: 80px;
    padding-bottom: 52px;
    background: #F6F8FA;
}


.about_bottom_v2_author {
    margin-top: 30px;
    overflow: hidden;
}

.about_bottom_v2_author img {
  float: left;
  margin-right: 20px;
  border-radius: 10px;
}
.about_bottom_v2_author h6 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 17px;
  letter-spacing: 2px;
}
.about_v2_name p {
  margin-top: 0px;
}
.about_sign {
  width: 100px;
  height: 51px;
}

.about_image_v2 {
    margin-top: 20px;
}


/*----- Work Section v2 -----*/
.work_section_v2 {
    padding-bottom: 83px;
}

.work_section_v2 .base_header_v2 p {
    padding-right: 25px;
}

.work_section_v2 .col-md-12 .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}
.work_section_v2 .more-link {
    margin-top: 0px;
	margin-bottom: 40px;
}
.work_section_v2 .projects-titles {
    text-align: center;
    margin-top: 19px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 60px;
    padding-right: 60px;
    border-radius: 10px;
    background: #F3F6F9;
}
.work_section_v2 .projects-titles li.active {
    color: #038FD6;
    background: #F7FBFF;
}
.work_section_v2 .projects-titles li {
    color: #333;
    display:block;
    text-align: left;
    padding: 6px 20px;
}



/*----- Call to Action  Section v2 -----*/

.cta_bottom_v2 {
    background: #F6F8FA;
    padding-top: 50px;
    padding-bottom: 50px;
}
.cta_bottom_v2 .more-link {
    margin-left: 20px;
    margin-top: 17px;
}
.cta_bottom_v2 .more-link:hover {
    color: #fff;
	background: #171818;
}

.cta_bottom_v2 h2 {
  color: #171818;
  text-transform: uppercase;
  letter-spacing: 6px;
  font-size: 36px;
  float: left;
}



/*----- Contact Section v2 -----*/

.contact_section_v2 {
 padding-top: 100px;
}


.contact_section_v2 .contact-form {
    box-shadow: none;
    border: 1px solid transparent;
    background: #038FD6;
    border-radius: 15px;
	padding: 50px 70px;
}
.contact_section_v2 .contact-form #contact-form .con-field{
    background: #038FD6;
    color: #fff;
    overflow: hidden;
	border-bottom: 1px solid rgba(251, 251, 251, 0.27);
}
.contact_section_v2 .contact-form #contact-form #submit-contact{
    background: #fff;
    color: #038FD6;
	border: 1px solid #fff;
}

.contact_section_v2 .contact-form #contact-form #submit-contact:hover{
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.contact-form #contact-form .con-field:focus{
	border-bottom: 1px solid #fff;
}

/*----- Testimonial Section v2 -----*/

.testimonials_section_v2{
	 padding-top: 100px;
}



/*----- Pricing Section v2 -----*/

.pricing_section_v2{
	 padding-top: 100px;
}


/*----- Team  Section v2 -----*/

.team_section_v2 {
    padding-top: 100px;
}

.team_section_v2 .member_info h6 {
  display: block;
  font-size: 18px;
  letter-spacing: 2px;
  margin-top: 20px;
  color: #333;
}
.team_section_v2 .member_info small {
  display: block;
  margin-top: 10px;
}
 
.team_section_v2 .member_img {
  border-bottom: 4px solid #038FD6;
  position: relative;
}
.team_section_v2 .team_social {
    position: absolute;
    top: 0%;
    overflow: hidden;
    width: 0%;
    display: block;
    height: 100%;
    opacity: 0;
    left: 0%;
    visibility: hidden;
    background: #038FD6;
    webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.team_section_v2 .team_social ul {
  list-style: none;
  padding: 0px 0px;
      webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.member_warp:hover .team_social ul {
    padding: 0px 20px;
	
}

.team_section_v2 .team_social ul li {
  padding: 3px 0px;
}
.team_section_v2 .team_social ul li a{
    color: #fff;
    font-size: 20px;
}

.team_section_v2 .member_warp:hover .team_social {
  height: 100%;
  visibility: visible;
  opacity: 1;
  width: 100%;
}
.team_section_v2 .member_warp {
  webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}


/*----- Blog  Section v2 -----*/
.blog_section_v2 {
    padding-top: 92px;
}
.blog_section_v2 .base-header p::before, .blog_section_v2 .base-header p::after {
    display: none;
}
.blog_section_v2 .base_header_v2 {
    width: 50%;
    padding-bottom: 0px;
    margin: auto;
    text-align: center;
}



/*----- Blog  Section v2 -----*/

.header_bg_onepage_v2 .ban1_txt h3{
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 3px;
}
.header_bg_onepage_v2 {
      height: 750px;
      position: relative;
      background-image: url(../images/onepage_bg_2.jpg);
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
  }

.header_bg_onepage_v2 .ban1_txt h3 span{
    color: #038FD6;
}

/*-----Switcher -----*/
.demo_changer{ 
    z-index: 999999; 
    position: fixed;
    top: 0px;
}

 
.layout_styles ul li {
    list-style: outside none none;
    margin-bottom: 4px;
}
.layout_styles ul li a {
    margin-left: -18px;
    color: #606060;
}
.layout_styles ul li a:hover {
   text-decoration:underline;
}
.line {
    border-bottom: 1px solid #efefef;
    clear: both;
    margin: 20px !important;
}


.demo_changer span a {color:#7F7F7F;
	font-weight: 300;
	padding: 0;
	font-size:11px;
	margin: 20px;
	text-align: center;
	line-height:3.5;
}


.demo_changer span a:hover,
.demo_changer span a:active {opacity:1; color:#7F7F7F;
}


.demo_changer .demo-icon {
    background: #fff none repeat scroll 0% 0%;
    cursor: pointer;
    float: right;
    height: 48px;
    width: 54px;
    border-radius: 1px;
    color: #222;
    font-size: 21px;
    box-shadow: 0px 1px 12px 0px rgba(41, 33, 33, 0.33);
	margin-top: 135px;
}
.demo_changer .demo-icon i {
    left: 18px;
    top: 10px;
    position: relative;
	color: #038FD6;
}
.demo_changer .demo-icon:hover i{
	color: #333;
}
.demo_changer .form_holder p {
    padding: 0px 20px;
    font-size: 15px;
    color: #D4AF68;
    letter-spacing: 1px;
}
 
.demo_changer .form_holder {
    background: rgba(255, 255, 255, 0.55);
    float: right;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    width: 225px;
    overflow-y: auto;
    height: 34%;
    margin-top: 134px;
}
  

.demo_changer .form_holder input{
    width: 55px;
	border-radius: 0 10px 10px 0;
	box-shadow: none;
}

.demo_changer .form_holder form{
    padding: 0 20px;
}

.color_display_2 {
   clear: both;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
	width:54px !important;
	height:54px;
    margin-bottom: 7px;
    padding: 4px 10px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
}

.color_display_2 a{
    color: #fff;
    text-decoration: none;
}

.color_display_2 a:focus,
.color_display_2 a:hover {
    color: #ededed !important;
    text-decoration: none;
}


.predefined_styles{
    padding:0 20px;
}

.predefined_styles img {
  padding: 3px;
}
section.service_section.service_page {
    padding: 85px 0px;
}
.img-end
{
	padding:23px;
}

@media only screen and (max-width: 1024px) {
	
.demo_changer{
    display: none;
	
}

} 

ul.drop a {
    text-align: center;

    width: 265px;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    background: #333131;
    text-transform: uppercase;
}
	
	
	}